/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
/* Parent stylesheet should be loaded from functions.php not using @import */
/********************** TYPOGRAPHY SETTINGS *******************************/

@font-face {
    font-family: 'britannic_boldbold';
    src: url('fonts/britannic_bold-webfont.woff2') format('woff2'),
     url('fonts/britannic_bold-webfont.woff') format('woff'),
     url('fonts/britannic_bold-webfont.ttf') format('truetype'),
     url('fonts/britannic_bold-webfont.svg#britannic_boldbold') format('svg');
}

@font-face {
    font-family: 'JUICE';
    src: url('fonts/JUICE___.woff') format('woff'),
     url('fonts/JUICE___.ttf') format('truetype'),
     url('fonts/JUICE___.svg#JUICE') format('svg');
}

a,h1,h2,h3,h4,p,.britannic-font
{
	font-family:'britannic_boldbold';
}	

.juice-font { 
 font-family: 'JUICE';
}

.fancy > div > a
{
  color:#43c3d7;
  font-family:'JUICE';
}
.fancy:hover  > div > a
{
	color:#fff !important;
	text-decoration:none;
	font-family:'JUICE';

}


.vc_column_container  {
padding-left:15px;
padding-right:15px;
}
p.text, div.text {
	font-size:20px;
	line-height:20px;
	text-align:center;
	margin-bottom:20px !important;
}

/********* Homepage Edits *******************/
#content > article > div > div:nth-child(1) > div {
	padding-top:0px !important;
}
div#slide-1-layer-2.tp-caption.tp-resizeme {
	text-align:center !important;
}
a.instagram-link {
	text-decoration:none;
	color:#43c3d7;
}
div.object-fill {
width:100%;
}

}
/******* Homepage Slide Settings ************/


/**** Homepage screen-3-settings ************/
#content > article > div > div:nth-child(3) > div > div > div > div > div > div.wpb_single_image.wpb_content_element.comfort-color-logo > div > div > img {
	position:relative;
	top:10px;
	margin:0 auto;
}
/********* FOOTER SETTINGS *****************/
#footer-bottom {
    display:none;
}

#footer {
border-top:15px solid #43c3d7;
border-bottom:0px;
}
#footer-widgets > div {
width:100%; 
}

/** MEDIA QUERIES **/
.myprefix-mobile-site-logo  { display: none; }
div.instagram-mobile { display:none; }
#mobile-link {
	text-align:center;
}

@media screen and (max-width:500px) {
	/***************************************
	 SLIDER SETTINGS 
	 ***************************************/
.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.3);
}

#rev_slider_1_1_wrapper {
	left: 0px !important;
}
.hesperiden .tp-bullet {
	width:14px !important;
	height:14px !important;
	margin-top:10px !important;
}
#mcw_full_page > div:nth-child(2) > div > div > div > div > div > div.vcex-module.vcex-heading.vcex-heading-plain.vc_custom_1482763815533 > span {
	font-size:24px;
}
/********************************************
IMAGE SETTINGS 
**********************************************/
#mcw_full_page > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div > div,
#mcw_full_page > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div,
#mcw_full_page > div:nth-child(2) > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div,
#mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div:nth-child(2) > div > div
div.bb-image
 {
	width:80% !important;
	margin:0 auto !important;
}

/*******************************************
 TEXT HEADING SETTINGS
 ********************************************/
 #mcw_full_page > div:nth-child(2) > div > div > div > div > div > div.vcex-module.vcex-heading.vcex-heading-plain.vc_custom_1482763815533{
 	padding-bottom:20px;
 }
 #mcw_full_page > div:nth-child(2) > div > div > div > div > div > div:nth-child(3) > div > div > div > div.wpb_text_column.wpb_content_element > div > p,
 #mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div:nth-child(1) > div > h3,
 #mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(1) > div > div > div.wpb_text_column.wpb_content_element.bb-text > div > p,
 #mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(2) > div > div > div.wpb_text_column.wpb_content_element.bb-text > div > p,
 #mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(3) > div > div > div.wpb_text_column.wpb_content_element.bb-text > div > p,
 #mcw_full_page > div:nth-child(2) > div > div > div > div > div > div:nth-child(3) > div > div > div > div.wpb_text_column.wpb_content_element > div
 {
 	width:80%;
	margin:0 auto;
	text-align:center;
}
#mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(3) > div > div > div.wpb_text_column.wpb_content_element.bb-text,
#mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(2) > div > div > div.wpb_text_column.wpb_content_element.bb-text > div,
#mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div:nth-child(1) > div > div > div.wpb_text_column.wpb_content_element.bb-text > div {
	text-align:center;
}
#mcw_full_page > div:nth-child(4) > div > div > div > div > div > div:nth-child(1) > div > h3 {
	width: 80%;
	margin:20px auto;
	font-size:20px !important;
}
#mcw_full_page > div.wpex-vc-row-wrap.clr.wpex-vc-row-columns-match-height > div > div > div > div > div > div:nth-child(1) > div > h3
{
	font-size:35px !important;
}
div.instagram-desktop{
display:none;
}
div.instagram-mobile {
visibility: visible;
display:block;
}
h3.mobile-text {
font-size:20px !important;
margin-bottom:0px;
}
h3.mobile-text-2 {
font-size:18px !important;
margin-top:2px;
}

}/** end of media **/
@media only screen and (max-width: 959px) {
   .myprefix-mobile-site-logo { display: block; text-align: center;}
   #site-logo .main-logo { display: none; }
   #site-logo-inner > a.myprefix-mobile-site-logo > img {width: 135px; height: auto;}
   #wpex_fontawesome_social_widget-3 { visibility:initial;
}
body.has-mobile-menu .wpex-mobile-menu-toggle {

/*-webkit-transform: scale(1.5,0.6); 
-moz-transform: scale(1.5,0.6);
 -ms-transform: scale(1.5,0.6);
 -o-transform: scale(1.5,0.6);
 transform: scale(1.5,0.6);
 -webkit-text-stroke: 1px #43c3d7;*/
}
#mobile-menu {
right:20px;
}
/*******************************
MOBILE LOGO CHANGES 
*******************************/
#site-header-inner{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
#wrap > nav {
	text-align:center;
	margin-top:0px;
		
			
}
body.wpex-mobile-toggle-menu-icon_buttons #site-logo {
	width:initial;
	text-align:center !important;
	float:none !important;
	margin:0 auto !important;
}
body.wpex-mobile-toggle-menu-icon_buttons #site-header-inner.container {
	padding-right:0px !important;

}

div.pages,
.footer-widget .widget-title {
	display:none !important;
}
.footer-widget {
	padding-bottom:0px;
}
#owl-demo > div.owl-nav.disabled > div.owl-prev,
#owl-demo > div.owl-nav.disabled > div.owl-next
 {
display:none;
}

/** MOBILE ICON FIXES **/
#site-header #site-logo-inner {    
    float: none;    
    display: block;    
    text-align: center;    
    width: 100%;
    max-width: none;
  }
  #site-logo-inner {    
    display: block;
  }
  #site-header #site-logo-inner img {    
    display: inline;    
    float: none;
  }


.title-margin {
margin-top:5px;
}
.title-margin-3x {
	margin-top:20px;
}


}/** end of media query **/

@media screen and (min-width:2600px) {
     .ubermenu .ubermenu-custom-content-padded {
        padding:15px 20px !important;
     }
     .footer-widget .widget-title {
		display:none;
	}
}/** end media query **/

@media screen and (min-width:768px) and (max-width:854px) {
		/**CHANGE INSTAGRAM OVERALL SIZE SO NO TEXT COLLIDE **/
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(4) > div:nth-child(3) > div > div > div > div > div,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(5) > div:nth-child(3) > div > div > div > div > div  {
		font-size:20px;
	}
	}/** end media query **/
	@media screen and (min-width:960px) and (max-width:1120px) {
		/**CHANGE INSTAGRAM OVERALL SIZE SO NO TEXT COLLIDE **/
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(4) > div:nth-child(3) > div > div > div > div > div,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(5) > div:nth-child(3) > div > div > div > div > div  {
		font-size:20px;
	}
	}/** end media query **/
	@media screen and (min-width:760px) and (max-width:1348px) {
	/** instagram and mail text smaller so they don't overlap **/
	#content > article > div > div:nth-child(8) > div > div > div:nth-child(2) > div > div > div > div > div > ul > li:nth-child(2) > a
	{
		font-size:14px !important;
	}
	#content > article > div > div:nth-child(8) > div > div > div:nth-child(3) > div > div > div > div > div > ul > li:nth-child(2) > a {
		font-size:15px !important;
	}

	/** change direction flow of icons and text from row to column **/

	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(3) > div:nth-child(2) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(3) > div:nth-child(3) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(4) > div:nth-child(2) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(4) > div:nth-child(3) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(5) > div:nth-child(2) > div > div > div > div > div > ul,
	#content > article > div > div:nth-child(3) > div > div > div > div > div > div:nth-child(5) > div:nth-child(3) > div > div > div > div > div > ul
	{
		flex-direction:column;
	}

}/** end media query **/
@media screen and (min-width: 960px) {
	.ubermenu-main 
	{
	    width:100%;
	}
	.navbar-style-six #site-navigation,
	#site-navigation {
	    border-top:none !important;
	}
	#ubermenu-main-2-main_menu {
	    width:100%;
	}

	#text-5 > div.textwidget > div {
		display: initial;
	}
	#text-6,#text-7 {
		display:none;
	}
	div.pages {
		display:initial !important;
	}
	#wpex_fontawesome_social_widget-3 {
	visibility:hidden;
	}
	#onepage_wrapper #footer {
		height: 100%;
	}
	#onepage_wrapper #footer-inner {
		position: relative;
	    transform: translateY(-50%);
	    top: 50%;
	}
}

}/** END MEDIA QUERY **/


@media screen and (min-width:770px) {
     .ubermenu .ubermenu-custom-content-padded {
        padding:10px 20px !important;
     }
}
@media screen and (min-width:960px) {
	#site-header-inner > div.myprefix-mobile-site-logo-icons {
		display:none !important;
	}
}
@media screen and (min-width:960px) and (min-height:710px) and (max-height:936px) {
#ubermenu-nav-main-2-main_menu ,
.ubermenu .ubermenu-target
{
padding:0px !important;
} 
.ubermenu-custom-content-padded {
padding:5px 20px !important;
}

}
@media screen and (min-width:1030px) {
	div.email,div.twitter,div.facebook,div.instagram {
		margin-left:-48px;
	}
	div.facebook,div.instagram,div.email {
		margin-top:20px;
	}
	div.telephone > div > p > a {
		font-size:20px;
	}
	
}/** end media query **/

/** SLIDER TEXT CHANGES **/
@media screen and (min-width: 320px) and (max-width:500px) {
.owl-carousel .owl-stage-outer {
	overflow:hidden;
}
}