/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke (Total), Langara Web Team (Total Child)
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.site-title {
	color: #000000;
}
.site-header {
	border-top: 3px solid #1e73be;
	border-bottom: 3px solid #1e73be;
	border-left: 3px solid #1e73be;
	border-right: 3px solid #1e73be;
}
.site-header {
	border-top: 3px solid #1e73be;
	border-bottom: 3px solid #1e73be;
	border-left: 3px solid #1e73be;
	border-right: 3px solid #1e73be;
}
.site-header {
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 4px;
}
h2.site-description, .entry-title {
	font-weight: 600;
	color: #333;
	font-size: 20px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out;
	line-height: 1.3 !important;
}
.wf-loading h2.site-description, .entry-title, {
opacity: 0;
}
.ie.wf-loading h2.site-description, .entry-title, {
visibility: hidden;
}
/*ACCENT COLOR*/.wpex-carousel-woocommerce .wpex-carousel-entry-details, a, .wpex-accent-color, #site-navigation .dropdown-menu a:hover, #site-navigation .dropdown-menu >.current-menu-item >a, #site-navigation .dropdown-menu >.current-menu-parent >a, h1 a:hover, h2 a:hover, a:hover h2, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .entry-title a:hover, .modern-menu-widget a:hover, .theme-button.outline, .theme-button.clean {
	color: #f15a22
}
.vcex-skillbar-bar, .vcex-icon-box.style-five.link-wrap:hover, .vcex-icon-box.style-four.link-wrap:hover, .vcex-recent-news-date span.month, .vcex-pricing.featured .vcex-pricing-header, .vcex-testimonials-fullslider .sp-button:hover, .vcex-testimonials-fullslider .sp-selected-button, .vcex-social-links a:hover, .vcex-testimonials-fullslider.light-skin .sp-button:hover, .vcex-testimonials-fullslider.light-skin .sp-selected-button, .vcex-divider-dots span, .wpex-accent-bg, .background-highlight, input[type="submit"], .theme-button, button, .theme-button.outline:hover, .active .theme-button, .theme-button.active, #main .tagcloud a:hover, .post-tags a:hover, .wpex-carousel .owl-dot.active, .navbar-style-one .menu-button >a >span.link-inner, .wpex-carousel .owl-prev, .wpex-carousel .owl-next, body #header-two-search #header-two-search-submit, .theme-button:hover, .modern-menu-widget li.current-menu-item a, #wp-calendar caption, #site-scroll-top:hover, input[type="submit"]:hover, button:hover, .wpex-carousel .owl-prev:hover, .wpex-carousel .owl-next:hover, #site-navigation .menu-button >a >span.link-inner, #site-navigation .menu-button >a >span.link-inner:hover, .navbar-style-six .dropdown-menu >.current-menu-item >a, .navbar-style-six .dropdown-menu >.current-menu-parent >a {
	background-color: #f15a22
}
.vcex-heading-bottom-border-w-color .vcex-heading-inner {
	border-bottom-color: #f15a22
}
.wpb_tabs.tab-style-alternative-two .wpb_tabs_nav li.ui-tabs-active a {
	border-bottom-color: #f15a22
}
.theme-button.outline {
	border-color: #f15a22
}
#searchform-dropdown {
	border-color: #f15a22
}
.toggle-bar-btn:hover {
	border-top-color: #f15a22;
	border-right-color: #f15a22
}
body #site-navigation-wrap.nav-dropdown-top-border .dropdown-menu >li >ul {
	border-top-color: #f15a22
}
.theme-heading.border-w-color span.text {
	border-bottom-color: #f15a22
}/*BORDER COLOR*/
.theme-heading span.text:after, #comments .comment-body, .centered-minimal-page-header, .theme-heading.border-w-color, #top-bar-wrap, .blog-entry.large-image-entry-style, .blog-entry.grid-entry-style .blog-entry-inner, .entries.left-thumbs .blog-entry.thumbnail-entry-style, .cpt-entry.span_1_of_1, ul .page-numbers a, a.page-numbers, span.page-numbers, .post-pagination, #main .wpex-widget-recent-posts-li:first-child, #main .widget_categories li:first-child, #main .widget_recent_entries li:first-child, #main .widget_archive li:first-child, #main .widget_recent_comments li:first-child, #main .widget_product_categories li:first-child, #main .widget_layered_nav li:first-child, #main .widget-recent-posts-icons li:first-child, #main .site-footer .widget_nav_menu li:first-child, #main .wpex-widget-recent-posts-li, #main .widget_categories li, #main .widget_recent_entries li, #main .widget_archive li, #main .widget_recent_comments li, #main .widget_product_categories li, #main .widget_layered_nav li, #main .widget-recent-posts-icons li, #main .site-footer .widget_nav_menu li, .modern-menu-widget, .modern-menu-widget li, .modern-menu-widget li ul, .vcex-divider-solid, .vcex-blog-entry-details, .theme-button.minimal-border, .vcex-login-form, .vcex-recent-news-entry {
	border-color: #cccccc
}/*TYPOGRAPHY*/
body {
	font-family: "Lato", sans-serif;
	font-size: 1.5em;
	color: #444444;
	line-height: 1.7em
}
#site-logo a.site-logo-text {
	font-family: "Source Serif Pro", "Bitter", serif;
	font-weight: 800;
	font-style: normal;
	font-size: 3.7em;
	line-height: 100%;
	letter-spacing: 12px;
	text-transform: uppercase
}
#top-bar-content {
	font-family: "Adelle", "Bitter", serif;
}
#site-navigation .dropdown-menu a {
	font-family: "Adelle", "Bitter", serif;
	font-weight: 600;
	font-size: 14px
}
#site-navigation .dropdown-menu ul a {
	font-size: 14px;
	text-transform: capitalize
}
.page-header .page-header-title {
	font-family: "Open Sans";
	font-weight: 700;
	font-size: 1.2em;
	letter-spacing: 4px;
	text-transform: uppercase
}
.blog-entry-title.entry-title a, .blog-entry-title.entry-title a:hover {
	font-family: "Adelle", "Bitter", serif;
	font-weight: 600;
	font-size: 1.2em;
	color: #111111;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, .theme-heading, .page-header-title, .heading-typography, .widget-title, .wpex-widget-recent-posts-title, .comment-reply-title, .vcex-heading, .entry-title, .sidebar-box .widget-title, .search-entry h2 {
	font-family: "Adelle", "Bitter", serif;
}
/*ADVANCED STYLING CSS*/
.is-sticky #site-header {
	border-color: transparent
}/*CUSTOMIZER STYLING*/
.page-header.wpex-supports-mods {
	padding-top: 1em;
	padding-bottom: 1em
}
#site-scroll-top {
	color: #ffffff;
	background-color: #f15a22;
	border-color: #ffffff
}
#site-scroll-top:hover {
	background-color: #606060;
	border-color: #f4f4f4
}
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .entry-title a:hover {
	color: #f15a22
}
a:hover {
	color: #606060
}
.theme-button, input[type="submit"], button {
	border-radius: 30px;
	color: #ffffff
}
.navbar-style-one .menu-button >a >span.link-inner:hover {
	color: #ffffff;
	background: #606060
}
.theme-button:hover, input[type="submit"]:hover, button:hover {
	background: #606060
}
#site-header {
	background-color: #ffffff
}
#site-header-sticky-wrapper {
	background-color: #ffffff
}
#site-header-sticky-wrapper.is-sticky #site-header {
	background-color: #ffffff
}
.footer-has-reveal #site-header {
	background-color: #ffffff
}
#searchform-header-replace {
	background-color: #ffffff
}
body.wpex-has-vertical-header #site-header {
	background-color: #ffffff
}
.site-logo-fa-icon {
	color: #a5a5a5;
	margin-right: 25px
}
#site-navigation .dropdown-menu >.current-menu-item >a, #site-navigation .dropdown-menu >.current-menu-parent >a, #site-navigation .dropdown-menu >.current-menu-item >a:hover, #site-navigation .dropdown-menu >.current-menu-parent >a:hover {
	color: #f15a22!important
}
#footer-callout-wrap {
	background-color: #ededed;
	border-color: #cecece;
	color: #444444
}
.wpex-vc-column-wrapper {
	margin-bottom: 40px
}
:root #content > #center > .dose > .dosesingle, :root #content > #right > .dose > .dosesingle {
	display: none !important;
}
/* =======================  SQ STYLES BEGIN ===================== */

#site-scroll-top {
	right: 50%;
}
#featured a.theme-button {
	font-size: 1em;
}
#featured a:hover.theme-button {
	background-color: #f15a22;
	color: #fff;
	border: 2px solid #f15a22;

}
 @media screen and (max-width: 768px) {
#featured a.theme-button {
	width: 100%;
	background-color: #f15a22;
	color: #fff;
	text-align: center;
	border: 2px solid #f15a22;
}
}
/* ======== LANDSCAPE FEATURE SPOTLIGHT -SQ ======= */
	
#featured {
	min-height: 540px;
	margin-bottom: 15px;
}
.featured-spotlight {
	float: left;
	border: 1px solid #ccc;
	background-color: #fefefe;
	margin-bottom: 25px;
	border-top: 4px solid #f15a22;
}

.featured-spotlight a:hover {
	text-decoration: none;
}

 @media screen and ( min-width: 768px ) {
	.featured-spotlight {
		width: 66%;
	}
}
.featured-spotlight-description {
	padding: 0 1.4em 1em 1.4em;
}

.featured-spotlight-image {
	max-height: 250px;
	overflow: hidden;
}

.featured-spotlight-description h2 {
	font-size: 1.75em;
	color: #f15a22;
	margin: 20px 0 10px 0;
	line-height: 1.2em;
}
.featured-spotlight-description p {
	font-size: 1.3em;
	line-height: 1.6em;
}

@media screen and ( max-width: 782px ) {
	.featured-spotlight-description p {
		font-size: 1em;
		line-height: 1.5em;
	}
}

/* ======== VERTICAL FEATURE SPOTLIGHT -SQ ======= */


div.featured-spotlight:first-of-type + div.featured-spotlight {
	width: 100%;
	float: left;
}
 @media screen and ( min-width: 768px ) {
div.featured-spotlight:first-of-type + div.featured-spotlight {
	width: 32%;
	margin-left: 2%;

}
}
div.featured-spotlight:first-of-type + div.featured-spotlight h2 {
	font-size: 1.4em;
}

div.featured-spotlight:first-of-type + div.featured-spotlight p {
	font-size: 0.875em;
	line-height: 1.5em;}

/* ======== 3 LITTLE IMAGES -SQ ======= */


.featured-item {
	margin: 0 0 0 750px;
}
article.featured-item-container.blog-entry.span_1_of_3 {
	height: 170px;
}

@media screen and ( min-width: 768px ) and (max-width: 1024px) {
	article.featured-item-container.blog-entry.span_1_of_3 {
		height: 170px;
		overflow: hidden;
	}
}

.featured-item-container.blog-entry.span_1_of_3 .blog-entry-inner {
	padding: 0px;
	max-height: 170px;
	border: none;
	border-top: 3px solid #f15a22;
	position: absolute;
	overflow: hidden;
}
.featured-item-container.blog-entry.span_1_of_3 .blog-entry-inner .featured-item-image {
	max-height: 170px;
	overflow: hidden;
	display: block;
}
div.featured-item-description {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 10px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

@media screen and ( min-width: 768px ) and (max-width: 1024px) {
	#featured-row-container .featured-item-container img {

	}
}


div.featured-item-description h2 {
	margin: 0 12px;
	color: #ffffff;
	font-size: 1.8em;
	line-height: 1.3;
	bottom: 15px;
	position: absolute;
	font-weight: 600;
}

@media screen and ( min-width: 768px ) {
	div.featured-item-description h2 {
		font-size: 1.25em;	
	}
}


div.featured-item-description h2 a:hover {
	color: #ffffff;
	background-color: rgba(241, 90, 34, 0.75);
	padding: 0px;
}



#content {
	clear: both;
}


/* ====== HOMEPAGE SECTIONS HEADERS ========== */

.homepage-sections {
	display: block;
	margin-top: 1em;
	clear: both;
}

.homepage-sections h1 {
	font-family: "Source Serif Pro", serif;
	text-transform: uppercase;
	letter-spacing: 6px;
	color: #444444;
	text-align: center;
	background-color: white;
	font-size: 0.9em;

}
 @media only screen and (min-width: 767px) {
 	.homepage-sections h1 {
		font-size: 1.1em;
	}
}

 @media only screen and (min-width: 1023px) {
 	.homepage-sections h1 {
		font-size: 1.3em;
	}
}

/* ====== HOMEPAGE SECTION MODULES =======*/


@media only screen and (min-width: 767px) and (max-width: 1023px) {
	.homepage-sections + .wpex-row .span_1_of_3 {
		width: 50%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.homepage-sections + .wpex-row .span_1_of_3 {
		min-height: 550px;
	}
}
ul.home-display-posts-listing {
	margin: 0 0 0 0px;
}
li.home-category-list-item {
	display: block;
	line-height: 1.4;
	color: #f15a22;
	font-family: "Adelle", "Bitter", serif;
	font-weight: 600;
	font-size: 1em;
}
.home-category-list-item a {
	color: #f15a22;
	padding: 10px 5px 10px 0px;
	display: block;
	border-bottom: 1px solid #ddd;
	min-height: 70px;
}

li:last-of-type.home-category-list-item a {
	border-bottom: none;
}

.home-category-list-item a:hover {
	background-color: #efefef;
	color: #000;
	text-decoration: none;
}
.home-category-list-item span.site-logo-fa-icon {
	margin: 0 10px 0 0;
	border: 2px solid #eeeeee;
	float: left;
	max-width: 50px;
	max-height: 50px;
}
.home-blog-entry-readmore .theme-button {
	background-color: #b2b2b2;
	width: 100%;
	text-align: center;
	font-size: 80%;
}

article .blog-entry.grid-entry-style .blog-entry-inner {
	border-top: 3px solid #000000;
}

.blog-entry.grid-entry-style header {
	margin-top: 30px;	
}

/* ======= MOBILE MENU AND LOGO STYLES ======== */


 @media only screen and (max-width: 767px) {
	.home-category-list-item span#site-logo-fa-icon {
		font-size: 120%;
		padding: 8px 8px;
		min-width: 20px;
		min-height: 20px;
	}
	.site-logo-text span#site-logo-fa-icon {
		float: left;
		font-size: 180%;
		margin: 0 16px 16px 0;
		top: 0;
	}
}
 @media only screen and (min-width: 566px) {
	.site-logo-text span#site-logo-fa-icon {
		font-size: 100%;
	}
}

 @media only screen and (max-width: 590px) {
	body.wpex-mobile-toggle-menu-icon_buttons #site-logo {
		float: none !important;
	}
	#site-logo #site-logo-inner a.site-logo-text {
		font-size: 180%;
		letter-spacing: 5px;
	}
}
 @media only screen and (min-width: 959px) {	
	#site-logo #site-logo-inner a.site-logo-text {
		font-size: 3.6em;
	}
}
#site-header-inner {
	padding: 20px 0;
}

header .page-header {
	margin-bottom: 0;
}

.page-header .page-header-inner .page-header-title {
	font-size: 75%;
}
li.home-category-list-item {
	font-size: 1em;
}
}

 @media only screen and (max-width: 1090px) {
body.has-mobile-menu div.wpex-mobile-menu-toggle {
	display: block;
}
body.has-mobile-menu div#site-navigation-wrap {
	display: none;
}
}
 @media only screen and (min-width:1090px) {
.navbar-style-four .dropdown-menu > li > a {
	padding: 0 5px;
}
}
 @media only screen and (max-width: 375px) {
#site-logo #site-logo-inner a.site-logo-text {
	font-size: 1.25em;
	text-align: left;
	padding-left: 5px;
	width: 210px;
}
.site-logo-text span.site-logo-fa-icon {
	font-size: 2em;
	padding-top: 5px;
	color: #ccc;
}
}
 @media only screen and (min-width: 376px) and (max-width: 568px) {
#site-logo #site-logo-inner a.site-logo-text {
	width: 300px;
}
.site-logo-text span.site-logo-fa-icon {
	font-size: 2em;
	padding-top: 5px;
	color: #ccc;
}
}
 @media only screen and (min-width: 568px) and (max-width: 1023px) {
#site-logo #site-logo-inner a.site-logo-text {
	font-size: 2em;
}
.site-logo-text span.site-logo-fa-icon {
	padding-top: 5px;
	color: #ccc;
}
.page-header .page-header-inner .page-header-title {
	font-size: 90%;
}
}



	/* ================== SQ-STYLES END ================== */