/*
Theme Name: Construct
Theme URI: http://webylabs.com/
Author: Jasin@Webylabs.com
*/

/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * See url('/style.css') for further notes
 * -----------------------------------------------------------------------------------------------
 */



/* BASE
====================================================================== */

::selection {
	color: #ffffff;
	background-color: #7189b3;
}
::-moz-selection {
	color: #ffffff;
	background-color: #7189b3;
}


/*--------------------- Typography and HTML Tags ---------------------*/

/*** Default ***/
body { 
	font-family: 'Open Sans', Helevtica, Arial, san-serif; 
	color:#000000;
	font-size: 13px; 
	 text-transform: none; font-weight: normal; font-style: normal; 
}

/*** Headings ***/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .wf_title, .wf_titlefont, .wf_titlefont:hover, .wf_titlefont a {
	font-family: 'Dosis', sans-serif; 
	color:#000000; 
	 text-transform: none; font-weight: normal; font-style: normal; 
}
.wf_title, .wf_title a { font-size: 18px; }
h1, h1 a { font-size: 36px; }
h2, h2 a { font-size: 26px; }
h3, h3 a { font-size: 22px; }
h4, h4 a { font-size: 20px; }
h5, h5 a { font-size: 18px; }
h6, h6 a { font-size: 16px; }

/*** Blockquote ***/
blockquote, blockquote.pull_right, q {
	border-color: #666666;
}

/*** Links ***/
a {
	color: #fa4951;
}
a:hover, a:focus {
	color: #000000;
}

/*** Code ***/
code { 
	background-color: #f3f3f3;
	border-color:#b3b3b3;
}


/*--------------------- Forms ---------------------*/

input[type="submit"], #submit, .button,
input[type="submit"]:hover, #submit:hover, .button:hover {
	color: #ffffff;
	border-color: #44526b; 
	background: #7189b3; 
	background: -moz-linear-gradient(top, #7189b3 0%, #607498 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7189b3), color-stop(100%,#6b82aa)); 
	background: -webkit-linear-gradient(top, #7189b3 0%, #607498 100%); 
	background: -o-linear-gradient(top, #7189b3 0%, #607498 100%);
	background: -ms-linear-gradient(top, #7189b3 0%, #607498 100%); 
	background: linear-gradient(to bottom, #7189b3 0%, #607498 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7189b3", endColorstr="#607498",GradientType=0 ); 
}

/*--------------------- Images, Captions and Objects ---------------------*/

#page .gallery { 
	background-color: #f3f3f3;
	border-color:#b3b3b3;
}
#page .gallery img {
	border-color:#b3b3b3;
}
#content .size-thumbnail, #content .size-medium, #content .size-large, #content .size-full,
.atch_image_content img,
.img_polaroid, .img_frame {
	border: solid 1px #b3b3b3;
	-webkit-box-shadow: 0px 0px 2px 2px #f3f3f3;
	-moz-box-shadow: 0px 0px 2px 2px #f3f3f3;
	box-shadow: 0px 0px 2px 2px #f3f3f3;
}
.img_frame {
	background-color: #000000;
}

/*--------------------- Themes Base Classes ---------------------*/

/*** Elements - Borders and Backgrounds ***/
.dropshadow1 {
	-webkit-box-shadow: -4px 4px 0px 0px #000000;
	-moz-box-shadow: -4px 4px 0px 0px #000000;
	box-shadow: -4px 4px 0px 0px #000000;
}

/*** Elements - Dividers ***/
.wf_divider {
	border-color: #b3b3b3;
}
.wf_divider_top {
	border-color: #b3b3b3;
	 background-color:#ffffff;
}
.wf_divider_top:hover {
	color: #000000;
}

/*** Accent Typo ***/
.accenttypo1 {
	background-color: #7189b3;
}
.accenttypo1, .accenttypo1 h1, .accenttypo1 h2, .accenttypo1 h3, .accenttypo1 h4, .accenttypo1 h5, .accenttypo1 h6, .accenttypo1 .wf_title, .accenttypo1 .wf_title:hover, .accenttypo1 .wf_titlefont, .accenttypo1 .wf_titlefont:hover, .accenttypo1 a, .accenttypo1 a:hover,
h1.accenttypo1, h2.accenttypo1, h3.accenttypo1, h4.accenttypo1, h5.accenttypo1, h6.accenttypo1, .accenttypo1.wf_title, .accenttypo1.wf_title:hover, .accenttypo1.wf_titlefont, .accenttypo1.wf_titlefont:hover, a.accenttypo1, a.accenttypo1:hover {
	color: #ffffff;
}
.accenttypo2 {
	background-color: #000;
}
.accenttypo2, .accenttypo2 h1, .accenttypo2 h2, .accenttypo2 h3, .accenttypo2 h4, .accenttypo2 h5, .accenttypo2 h6, .accenttypo2 .wf_title, .accenttypo2 .wf_title:hover, .accenttypo2 .wf_titlefont, .accenttypo2 .wf_titlefont:hover, .accenttypo2 a, .accenttypo2 a:hover,
h1.accenttypo2, h2.accenttypo2, h3.accenttypo2, h4.accenttypo2, h5.accenttypo2, h6.accenttypo2, .accenttypo2.wf_title, .accenttypo2.wf_title:hover, .accenttypo2.wf_titlefont, .accenttypo2.wf_titlefont:hover, a.accenttypo2, a.accenttypo2:hover {
	color: #ffffff;
}
.accenthlite {
	background-color: #f3f3f3;
}






/* STYLE
====================================================================== */

/*--------------------- Main ---------------------*/

body {
	 background-color:#ffffff;
	
	
	
	
}
#page.site_boxed {
	 background-color:#ffffff;
	
	
	
	
	 border: solid 1px #dddddd 
}

/*--------------------- [Module] Cover Area ---------------------*/

.cover_html { 
	 background-color:#ffffff;
	
	
	
	
}

/*--------------------- Header ---------------------*/

.wf_headershadow {
	-webkit-box-shadow: 0 2px 3px 0 #b3b3b3;
	-moz-box-shadow: 0 2px 3px 0 #b3b3b3;
	box-shadow: 0 2px 3px 0 #b3b3b3;
	border-bottom: solid 1px #b3b3b3;
}
#wf_module-top {
	 background-color:#0178bd;
	
	
	
	
}
#top {
	height: 100px;
}

/*** logo ***/
#site-title, #site-title a, #site-title a:hover, #site-title a:visited {
	font-family: 'Open Sans', Helevtica, Arial, san-serif; 
	color:#111111;
	font-size: 33px;
	 text-transform: none; font-weight: bold; font-style: normal; 
}
#site-title a:hover {
	color:#aaaaaa;
}
#site-description {
	font-family: 'Open Sans', Helevtica, Arial, san-serif;
	color:#666666;
	font-size: 11px;
	 text-transform: none; font-weight: normal; font-style: normal; 
}
.logo_img, .logo_img img {
	max-height: 80px; /*remove 20 for padding*/
}

/** Header menu carousal **/
.header_menu_prev, .header_menu_next {
	color: #737373;
}
.header_menu_prev:hover, .header_menu_next:hover {
	color: #000;
}

/*--------------------- Menu Systems (Superfish, Webyfish) ---------------------*/

/*** topbar menu specific ***/
.topbar_menu li:hover {
	background: #737373;
}
.topbar_menu ul {
	background: #737373;
	border: solid 0px #4d4d4d;
}
.topbar_menu ul li:hover, .topbar_menu ul li.sfHover {
	background: #4d4d4d;
}

/*** header menu specific ***/
.header_menu li .header_menuitem_title {
	font-family: 'Dosis', sans-serif;
}
.header_menu li .header_menuitem_desc {
	color:#c7c7c7;
	font-size: 11px;
	 text-transform: none; font-weight: normal; font-style: normal; 
	border-color: #ffffff;
}
.header_menu, .header_menu a {
	color:#ffffff;
	font-size: 18px;
	 text-transform: uppercase; font-weight: normal; font-style: normal; 
}
.header_menu ul, .header_menu ul a {
	color:#ffffff;
	font-size: 12px;
	 text-transform: none; font-weight: normal; font-style: normal; 
}
.header_menu ul {
	background: #383638;
	border: solid 1px #605e60;
	-webkit-box-shadow: 0px 2px 8px 3px #545254;
	-moz-box-shadow: 0px 2px 8px 3px #545254;
	box-shadow: 0px 2px 8px 3px #545254;
}
.header_menu li ul {
	border-bottom: solid 3px #7189b3;
}
.header_menu ul li:hover, .header_menu ul li.sfHover {
	background: #545254;
}

/*--------------------- Sub Header ---------------------*/

#wf_module-headerbar {
	background-color: #7189b3;
	-webkit-box-shadow: inset 0 3px 3px 0 #607498;
	-moz-box-shadow: inset 0 3px 3px 0 #607498;
	box-shadow: inset 0 3px 3px 0 #607498;
	font-family: 'Dosis', sans-serif;
}
.headerbar_sticky {
	border-bottom: solid 1px #6b82aa;
}
#wf_module-headerbar, #wf_module-headerbar a, #wf_module-headerbar a:hover {
	color:#000000;
}
.headerbar_unit {
	border-color: #607498;
}

/*** social profiles ***/
.wf_social_icon, .wf_social_custicon { color: #000000; }

/*** search ***/
.searchhead { color: #000000; }
.searchform_wrap .searchbody { background-color: #7189b3; }

/*--------------------- [Module] Nivo Slider ---------------------*/

.nivo-directionNav a {
	background-color: #f3f3f3; /*fallback in case content bg is transparent*/
	 background-color:#ffffff; 
	color: #000000;
}
.nivo-directionNav a:hover {
	background-color: #000;
	color: #ffffff;
}
.nivo-controlNav a.nivo-control {
	background-color: #000;
	-webkit-box-shadow: 0px 0px 2px 0px #f3f3f3;
	-moz-box-shadow: 0px 0px 2px 0px #f3f3f3;
	box-shadow: 0px 0px 2px 0px #f3f3f3;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
	background-color: #7189b3;
}

/*--------------------- [Module] BX Slider ---------------------*/

.bx-controls-direction a, .bx-controls-auto a {
	background-color: #f3f3f3; /*fallback in case content bg is transparent*/
	 background-color:#ffffff;
	color: #000000;
}
.bx-controls-direction a:hover, .bx-controls-auto a:hover {
	background-color: #000;
	color: #ffffff;
}
.bx-pager a {
	background-color: #000;
	-webkit-box-shadow: 0px 0px 2px 0px #f3f3f3;
	-moz-box-shadow: 0px 0px 2px 0px #f3f3f3;
	box-shadow: 0px 0px 2px 0px #f3f3f3;
}
.bx-pager a:hover, .bx-pager a.active {
	background-color: #7189b3;
}

/*--------------------- [Module] Slider Revolution ---------------------*/

/*Nav Arrows*/
.rev_slider_wrapper  .wf-rev-leftarrow, .rev_slider_wrapper  .wf-rev-rightarrow {
	background-color: #f3f3f3; /*fallback in case content bg is transparent*/
	 background-color:#ffffff;
	color: #000000;
}
.wf-rev-leftarrow:hover, .wf-rev-rightarrow:hover {
	background-color: #000;
	color: #ffffff;
}

/*Bullets*/
.tp-bullets .bullet {
	background-color: #000 !important;
	-webkit-box-shadow: 0px 0px 2px 0px #f3f3f3;
	-moz-box-shadow: 0px 0px 2px 0px #f3f3f3;
	box-shadow: 0px 0px 2px 0px #f3f3f3;
}
.tp-bullets .bullet:hover, .tp-bullets .bullet.selected {
	background-color: #7189b3 !important;
}

/*--------------------- [Module] Gallery ---------------------*/

.module_gallery .wf_gallery_title {
	font-size: 26px; /*bigger font size when used as module*/
}
.gal_filter a {
	background-color: #737373;
	color: #ffffff;
}
.gal_filter a:hover, .gal_filter.selected a {
	background-color: #7189b3;
	color: #ffffff;
}
.gal_item.span3 .gal_item_title {
	font-size: 22px;
}
.gal_item.span4 .gal_item_title, .gal_item.span6 .gal_item_title {
	font-size: 26px;
}
.gal_item.span12 .gal_item_title {
	font-size: 36px;
}

/*--------------------- [Module] Message ---------------------*/

.message_head {
	font-size: 36px;
}
.message_txt {
	font-size: 17px;
}
.message_buttons {
	font-size: 22px;
}
.message_url a {
	background-color: #4d4d4d;
	color: #b2b2b2;
}

/*--------------------- [Module] Tagline ---------------------*/

.wf_tagline_text {
	font-size: 26px;
}

/*--------------------- Pages ---------------------*/

/*** General ***/

/* Header */
.page_heading .wf_title, .page_heading .wf_title a {
	font-size: 26px;
}

/* Content Area */
.featured-post {
	color: #ffffff;
}
.entry-title, .entry-title a {
	font-size: 26px;
}

/* Meta Information */
.metaiconunit {
	border-color:#b3b3b3 !important;
}
.metaicon {
	color:#666666;
}
.metaicondetail, .metaicondetail a {
	color:#000000;
}

/*** Page Comments ***/
.commentlist li {
	background-color: transparent; /*fallback in case content bg is transparent*/
	 background-color:#ffffff;
}
.commentlist li, .commentlist .comment-meta {
	border-color:#b3b3b3;
}
.commentlist img.avatar {
	width: 40px; /* twice the line height */
	height: 40px; /* twice the line height */
}
.commentlist .bypostauthor {
	background-color: #f3f3f3;
}
.comment-awaiting-moderation {
	background-color: #f3f3f3;
	border-color:#b3b3b3;
}
#reply-title small a {
	font-family: 'Open Sans', Helevtica, Arial, san-serif;
	font-size: 13px;
}

/*** Archive Page ***/
.archive-meta {
	color:#666666;
}
.archive_post_st2 .archive_2col_meta, .archive_2col_extend {
	background-color: #f3f3f3;
}

/* Archive Page Navigation */
.wp-pagenavi a, .wp-pagenavi span {
	background-color: #f3f3f3;
	border-color:#b3b3b3 !important;
	color:#000000;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #7189b3;
	border-color:#607498 !important;
	color: #ffffff;
}

/*--------------------- Widgets And Plugins ---------------------*/

.wf_widgetbox, .sidebar .wf_widgetbox {
	border-color:#b3b3b3;
}
.wf_widgethead, .wf_widgethead a {
	color:#000000;
	font-size: 18px;
	 text-transform: uppercase; font-weight: normal; font-style: normal; 
}
.concol .wf_widgethead {
	color:#000000; 
	font-size: 18px;
	 text-transform: none; font-weight: normal; font-style: normal; 
}

/*** Sidebar ***/

/** Post Blips - Recent / Popular / Excerpts **/
.post_blip_txt .small {
	color:#666666;
}
.post_blip_st1 h4, .post_blip_st1 h4 a {
	font-size: 16px;
}
.footercolumn .post_blip_txt .small {
	color:#ffffff;
}
.footercolumn .post_blip_st2 .post_blip_txt {
	background-color: #000;
}
.footercolumn .post_blip_st2 a, .footercolumn .post_blip_st2 a:hover, .footercolumn .post_blip_st2 .small {
	color: #ffffff !important;
}

/** Related Posts **/
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border-color: #b3b3b3 !important;
}

/*--------------------- Shortcodes ---------------------*/

/*** Frame Left, Right, Center ***/
.frame_lrc.accenthlite {
	border-color:#b3b3b3;
}
.frame_lrc.accenttypo1 {
	border-color:#6b82aa;
}
.frame_lrc.accenttypo2 {
	border-color:#4d4d4d;
}

/*** Page Scroll ***/
.wf_scrolltopoint {
	color: #fa4951;
}
.wf_scrolltopoint:hover {
	color: #000000;
}
.footercolumn .wf_scrolltopoint, .footercolumn .wf_scrolltopoint:hover {
	color:#000000;
}
.accenttypo1 .wf_scrolltopoint, .accenttypo1 .wf_scrolltopoint:hover {
	color: #ffffff;
}
.accenttypo2 .wf_scrolltopoint, .accenttypo2 .wf_scrolltopoint:hover {
	color: #ffffff;
}

/*** Title Box ***/
.titlebox_content {
	border-color:#b3b3b3;
}

/*** Tabset ***/
.tabset .tabsetnav li {
	border-color:#b3b3b3;
}
.tabset .tabsetnav li a:hover, .tabset .tabsetnav li a.current {
	background-color: #f3f3f3;
}
.list-wrap {
	border-color:#b3b3b3;
	background-color: #f3f3f3;
}
.tabpanel {
	color:#000000;
}

/*** ToggleBox ***/
.toggleboxhead {
	background-color: #f3f3f3;
	border-color:#b3b3b3;
}
.toggleboxhead:hover, .toggleboxheadactive {
	background-color: #000;
	color: #ffffff;
	border-color:#000;
}
.toggleboxcontent {
	border-color:#b3b3b3;
}

/*--------------------- Footer ---------------------*/

#wf_module-footer {
	 background-color:#333333;
	
	
	
	
	
}
.footercolumn {
	font-size: 12px;
	 text-transform: none; font-weight: normal; font-style: normal; 
}
.footercolumn, .footercolumn a, .footercolumn a:hover {
	color:#ffffff;
}
.footercolumn .wf_widgethead, .footercolumn .wf_widgethead a, .footercolumn h1, .footercolumn h2, .footercolumn h3, .footercolumn h4, .footercolumn h5, .footercolumn h6, .footercolumn h1 a, .footercolumn h2 a, .footercolumn h3 a, .footercolumn h4 a, .footercolumn h5 a, .footercolumn h6 a, .footercolumn h1 a:hover, .footercolumn h2 a:hover, .footercolumn h3 a:hover, .footercolumn h4 a:hover, .footercolumn h5 a:hover, .footercolumn h6 a:hover, .footercolumn .wf_title, .footercolumn .wf_title:hover, .footercolumn .wf_titlefont, .footercolumn .wf_titlefont:hover {
	color:#000000;
}
.footercolumn .wf_widgethead, .footercolumn .wf_widgethead a {
	font-size: 18px;
	 text-transform: uppercase; font-weight: normal; font-style: normal; 
}



/*--------------------- Media Queries ---------------------*/

/*** Header :: logo ***/

/*** Tablet and Mobile ***/
@media only screen and (max-width: 1023px) {
	.responsive_TC #top {
		height: 100px !important;
	}
}

/*** Tablet only ***/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.responsive_T .gal_item.span3 .gal_item_title {
		font-size: 18px;
	}
	.responsive_T .gal_item.span4 .gal_item_title,
	.responsive_T .gal_item.span6 .gal_item_title {
		font-size: 20px;
	}
	.responsive_T .gal_item.span12 .gal_item_title {
		font-size: 22px;
	}
}


/*--------------------- WooCommerce ---------------------*/
#main .wf_wooarchive ul.products li.product h3 {
	font-family: 'Open Sans', Helevtica, Arial, san-serif;
}
#main .wf_wooarchive .woocommerce-pagination {
	border-color: #b3b3b3;
}
.widget .product-categories .current-cat, .widget .product-categories .current-cat a {
	color: #000000;
	text-decoration: underline;
}
#main .wf_woosingleproduct .woocommerce-tabs .panel.entry-content {
	border-color: #b3b3b3;
}