@font-face {
    font-family: 'Dancing Script';
    src: url('fonts/DancingScript-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'FiraSansB';
    src: url('fonts/FiraSans-Bold.otf')  format('opentype');
}
@font-face {
    font-family: 'FiraSansL';
    src: url('fonts/FiraSans-Light.otf')  format('opentype');
}
@font-face {
	font-family: 'cormboldital';
	src: url('fonts/CormorantGaramond-BoldItalic.ttf') format('truetype');	
	
}

@font-face {
    font-family: 'Calistoga';
    src: url('fonts/Calistoga-Regular.ttf')  format('truetype');
}


@font-face {
	font-family: 'kozmed';
	src: url('fonts/KozMinPro-Medium.otf');	
	
}
@font-face {
	font-family: 'kozlight';
	src: url('fonts/KozMinPro-Light.otf');	
	
}
@font-face {
	font-family: 'kozprolight';
	src: url('fonts/KozGoPro-Light.otf');		
	
}


html,body{
margin:0;
padding:0;
overflow-x: hidden;
}


div, p, a, li, td { -webkit-text-size-adjust:none; }

a:link, a:visited, a:hover, a:active{
text-decoration: none;
	
	
}

.lwj-wrapper{

width: 100%;
float: left;
position: relative;	
text-align: center;	
background: #e8e8e8;	
}

.lwj-wrapper-inline{
max-width: 2000px;	
width: 100%;
display: inline-block;
vertical-align: top;
background: white;
}


/*series styling */
.button-left-align{
width: 100%;
float: left;
margin-bottom: 20px;	
}


.all_series_button, .some_series_button{
width: 90px;
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: 300;	
border: 1px solid gainsboro;
padding: 5px;
text-align: center;	
cursor: pointer;	
color: #3A3A3A;
}


.all_series_button:hover, .some_series_button:hover{
background: #e1c942;
border: 1px solid #e1c942;	
color: white;	
}


.show_all_series{
display: none;	
	
}



/*Mail Poet */

#mailpoet_subscribe_on_comment{
	
text-align: left !important;	
width: 25px !important; 
display: inline-block !important;
vertical-align: middle !important;	
	
}



/*Life with Jan TV*/


.life-with-jan-main-video-wrapper{
width: 100%;
float: left;
text-align: center;
color: rgb(50,50,50);	
margin-top: 5%;
margin-bottom: 8%;	
}

.life-with-jan-main-video-wrapper h1{
font-family: Calistoga, Georgia, serif;
width: 100%;
display: inline-block;
font-size: 150%;	
color: rgb(80,80,80);	
}

.life-with-jan-main-video-wrapper h2{
font-family: FiraSansL;
width: 100%;
display: inline-block;
font-size: 140%;	
	
}


.life-with-jan-main-video-wrapper p{
font-family: FiraSansL;
width: 60%;
display: inline-block;
font-size: 110%;	
margin-left: 20%;
margin-right: 20%;
text-align: center;	
}


.life-with-jan-tv{
width: 90%;
display: inline-block;
vertical-align: top;
position: relative;
}

#hubspot-messages-iframe-container{
display: block!important;
    z-index: 3543 !important;
    position: absolute!important;
    bottom: auto !important;	
	top: !important;
	
}


/*Life with Jan Home Page */


.lwj-subscribe-pop-up{
width: 25%;
border-top-left-radius: 15px;
height: auto;
position: fixed;
right: 0;
bottom: 0;
background: white;
border: 1px solid gainsboro;	
z-index: 99999999999;	
padding: 2%;
box-sizing: border-box;
  -webkit-box-shadow: 1px 1px 3px 1px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 3px 1px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 3px 1px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
  text-align: center;
  font-family: calibri;
  display: none;
}


.lwj-subscribe-pop-exit{
width: auto;
font-family: calibri;
font-size: 18px;
color: rgb(60,60,60);	
font-weight: 300;
right: 5px;
top: 8px;	
position: absolute;
padding: 4px;
cursor: pointer;	
}


.lwj-subscribe-pop-exit:hover {
background: #c9a141;
color: white;	
font-weight: 500;
}

.lwj-subscribe-pop-up h2{
font-family: Calistoga;
font-weight: 300;	
color: #372675;
font-size: 130%;
letter-spacing: 1px;
}

.lwj-subscribe-pop-up p{
text-align: left;
line-height: 24px;
font-size: 105%;
color: rgb(70,70,70);
font-family: kozlight;
}

.input_styling_popup input{
	
width: 100%;	
box-sizing: border-box;
padding: 10px;
border: 0;
border: 1px solid gainsboro;
outline: none;
color: dimgray;
display: inline-block;
margin-top: 10px;
margin-bottom: 10px; 	
	
}

.pop-up-logo{
width: 53%;
height: auto;
display: inline-block;
vertical-align: top;	
}


.pop-up-image{
	
width: 90%;
height: auto;
display: inline-block;
vertical-align: top;	
	
	
}



.pop-up-logo img, .pop-up-image img{
width: 100%;
height: auto;	
}


.button_subscribe_pop{
	
width: 100%;
box-sizing: border-box;
padding: 10px;
border: 0;
outline:0;
display: inline-block;
background: #c9a141;
text-transform: uppercase;
font-weight: 600;
font-size: 15px !important;	
color: white !important;
letter-spacing: 2px;	
cursor: pointer;
text-align: center !important;
}


.button_subscribe_pop:hover{
background: rgb(60,60,60);	
text-decoration: none !important;
}

.transparent-navbar{
width: 100%;
position: absolute;
height: 90px;
z-index: 99999999999;
color: white;
top: 0;
left: 0;	

}


.purple-navbar{
width: 100%;
position: relative;
float: left;
height: 90px;
color: white;
top: 0;
left: 0;	
background: #8741a5;
background: #292824;	
}




.transparent-navbar-logo{
	
width: 200px; 
height: auto;
margin-left: 3%;
float: left;
margin-top: 7px;	
	
}


.transparent-navbar-logo img{

width: 100%; 
height: auto; 
	
}



.transparent-navbar-menu-items{
float: right;	
width: 700px; 
margin-right: 3%; 	
color: white;
margin-top: 1px;	
font-family: calibri, sans-serif; 
font-weight: 500;
letter-spacing: 2px;
font-size: 12pt;
text-transform: uppercase;	
}


.transparent-navbar-menu-items a{
width: auto; 
color: white;
margin-left: 0;	
margin-right: 5px;
padding-bottom: 5px;
float: right;
}


.transparent-navbar-menu-items a:hover{
border-bottom: 3px solid #c9a141;	
	
}


.transparent-navbar-menu-items-mobile{
	
width: 30px;
float: right;
margin-right: 2%; 
margin-top: 20px;	
display: none;
	
}

.transparent-navbar-menu-items-mobile img{
width: 100%; 
height: auto;	
	
}


.lwj-mobile-menu-drop-down{
width: 155px;
background: #c9a141;	
color: white;
height: auto; 
padding-bottom: 15px; 
padding-top: 15px; 
position: absolute; 
top: 47px;	
right: 0;	
display: none;		
border-radius: 2px;	
z-index: 99999999999999;
}

.lwj-mobile-menu-drop-down ul{
width: 100%;
list-style: none;
padding-left: 0 !important;
margin-left: 0 !important;
}

.lwj-mobile-menu-drop-down li{
text-align: left !important;
width: 100%;
display: block;
}

.lwj-mobile-menu-drop-down a{
width: 100%;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
float: left;
color: white; 
padding-bottom: 8px;
padding-top: 8px;
font-family: calibri;
text-transform: uppercase; 
font-size: 14px;

	
}




/*Menu Item Walker */


#menufloat{
width: 100%;
float: right;
margin-right: 3%;
margin-top: 2px;
list-style: none !important;

}


#menufloat ul{
list-style: inside none;
text-align: right;
width: 100%;
}

#menufloat ul li a{
color: white;

}


#menufloat ul li a:hover {


}



#menufloat ul li{
color: white;
font-size: 98%;
margin-left: 9px;
float: right;
list-style: none !important;
position: relative;
padding-right: 7px;
padding-top: 14px;
width: auto;
height: 30px;
}


#menufloat ul li:first-child{
	
border-right: 0px solid gainsboro;
	
}


#menufloat ul li:hover{

}

#menufloat ul li:hover > ul {
display: block;

}


#menufloat ul ul{
position: absolute;
width: 170px;
left: 0;
background: white;
background: #c9a141;
z-index: 99999999999999;
display: none;
padding-left: 0%;
padding-top: 23px;
top: 44px; 
}

#menufloat ul ul li{
float: left;
padding-left: 7.5%;
padding-right: 7.5%;
padding-top: 5px;
padding-bottom: 5px;
width: 85%;
height: auto;
list-style: none;
text-align: left;
color: rgb(70,70,70);
margin-left: 0%;
font-size: 95%;
}

#menufloat ul ul li a{
color: rgb(70,70,70);
width: 100%;
text-transform: capitalize; 
}

#menufloat ul ul li:hover{
}

#menufloat ul ul li a:hover{
	border-bottom: 0;
	color: white;
}





.lwjheaderimage{
width: 100%;
float: left;
background-color: rgb(45,45,45);
background: url(images/New-home-page-v2.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: calibri, sans-serif;
font-weight: 400; 
padding-top: 17%;
padding-bottom: 17%;	
color: gainsboro;		
text-align: right;	
position: relative;
/* animation: kenburns 5s 1s 1;	*/
}



@keyframes kenburns {
    0% {
      transform: scale(1.0);
    }
	
	 50% {
        transform: scale(1.02);
        animation-timing-function: linear;
  
    }
  

    100% {
        transform: scale(1.0);
        animation-timing-function: linear;
  
    }
  
}

@-webkit-keyframes kenburns {
    0% {
      transform: scale(1.0);
    }
	
	 50% {
        transform: scale(1.02);
        animation-timing-function: linear;
  
    }
  

    100% {
        transform: scale(1.0);
        animation-timing-function: linear;
  
    }
   
}
@-moz-keyframes kenburns {
    0% {
      transform: scale(1.0);
    }
	
	 50% {
        transform: scale(1.02);
        animation-timing-function: linear;
  
    }
  

    100% {
        transform: scale(1.0);
        animation-timing-function: linear;
  
    }
}
@-o-keyframes kenburns {
    0% {
      transform: scale(1.0);
    }
	
	 50% {
        transform: scale(1.02);
        animation-timing-function: linear;
  
    }
  

    100% {
        transform: scale(1.0);
        animation-timing-function: linear;
  
    }    
	
}



.image-overaly-lwj{
width: 100%;
height: 100%;
position: absolute;	
overflow-y: hidden;	
overflow-x: hidden;	
z-index: 1;
left: 0;
top: 0;

}


.image-overaly-lwj img{
width: 100%;
height: 100%;
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
animation: kenburns 12s 1s linear infinite;
}





.lwjheaderimage-text{
width: 34%;
display:inline-block;	
text-align: center;
color: white;
font-family: 'FiraSans';
margin-right: 4%;
z-index: 3;	
position: relative;
}


.lwjheaderimage h1{
width: 100%;	
font-family: Calistoga, Georgia, serif;
font-size: 300%;
margin-bottom: 6px;
margin-top: 0;
display: inline-block;
font-weight: 500;	
}

.lwjheaderimage h2{
width: 100%;	
font-family: 'FiraSansL';
font-size: 143%;
margin-bottom: 6px;
margin-top: 6px;
display: inline-block;
font-weight: 300;	
	
	
}


.lwjheaderimage p{
font-family: 'FiraSansL';
font-size: 16px;
width: 85%;
line-height: 26px;	
display: inline-block;
}


.lifewithjanmainbutton_center_hold{
width: 100%;
margin-top:13px;
margin-bottom: 13px;
float: left; 	
	
}

.lifewithjanmainbuttonglow{
width: auto; 
border-radius: 50px;	
display: inline-block;	
 /**-webkit-animation: glow 1.7s 6s ease-in-out infinite alternate;
  -moz-animation: glow 1.7s 6s ease-in-out infinite alternate;
  animation: glow 1.7s 6s ease-in-out infinite alternate; **/	
}


@keyframes glow {
   from {
    box-shadow: 0 0 0px 0px rgba(231,211,98,0.7);  /* inner white */
  }
  to {
    box-shadow: 0 0 14px 5px rgba(253,243,135,0.4);  /* inner white */
  }
  
}

@-webkit-keyframes glow {
  from {
    box-shadow: 0 0 0px 0px rgba(231,211,98,0.7);  /* inner white */
  }
  to {
    box-shadow: 0 0 14px 5px rgba(253,243,135,0.4);  /* inner white */
  }
}

@-moz-keyframes glow {
  from {
    box-shadow: 0 0 0px 0px rgba(231,211,98,0.7);  /* inner white */
  }
  to {
    box-shadow: 0 0 14px 5px rgba(253,243,135,0.4);  /* inner white */
  }
}
@-o-keyframes glow {
  from {
    box-shadow: 0 0 0px 0px rgba(231,211,98,0.7);  /* inner white */
  }
  to {
    box-shadow: 0 0 14px 5px rgba(253,243,135,0.4);  /* inner white */
  }
}


.left-align-button{
	
display: inline-block;
width: 100%;
text-align: left;
margin-top: 14px;	
	
}

.extra-margin-lwj-top-bottom{
	
margin-top: 4px;
margin-bottom: 4px;	
	
display: inline-block;
vertical-align: top; 
width: auto;	
}

.lifewithjanmainbutton{
width: auto;
color: white !important;
background: #c9a141;
border-radius: 50px;
padding: 8px;
padding-left: 22px;
padding-right: 22px; 
display: inline-block;
vertical-align: top;
font-family: calibri; 
font-weight: 600 !important;	
font-size: 14pt;	
text-transform: uppercase;	
cursor: pointer;	
border: none;
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;
  margin-top: 6px;
  margin-bottom: 6px;
  text-align: center;
}    

.lifewithjanmainbutton img{ 
width: 20px;
height: auto;
display: inline-block;
vertical-align: middle;
}

#button-darker-colour-video{
background: #292824;
	
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;		

	
	
}


#button-darker-colour-video:hover{
background: #c9a141;
	
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;		
	
	
}


#button-purple-colour-video{
background: #401e4e;
	
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;		

	
	
}


#button-purple-colour-video:hover{
background: #372675;
	
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;		
	
	
}



.lifewithjanmainbutton:hover{
background: #372675;	
text-decoration: none !important;
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;	
}



.life-with-jan-introductory{
width: 100%;

color: rgb(50,50,50);	
font-weight: 300;
float: left; 
font-family: FiraSansL; 
text-align: center;
position: relative;
overflow: hidden;

}



.life-with-jan-introductory-slant{
	background: #f6f6f6;
	background: #ece9f6;
 width:100%;
 /*width 110%;
/* margin-top: -4%; 
margin-left: -4%;
-webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
     -ms-transform: rotate(4deg); /* Only for graceful degradation in IE9, cannot be transitioned */
      /* -o-transform: rotate(4deg); */
  /* transform:rotate(4deg);	 */
	display: inline-block;
	position: relative;
	padding-top: 6%;
padding-bottom: 6%;		
}
  
  
 #color-change-introduction{
	
	background: url(newimages/cali-shot-v2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
 
  #color-change-introduction-v2{
	
	background: url(newimages/calishot.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

} 
  

.life-with-jan-introductory h2{
width: 100%;
font-weight: 300;
font-size: 250%;
margin-top: 0; 
/* transform:rotate(-4deg);	
-webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
     -ms-transform: rotate(-4deg); /* Only for graceful degradation in IE9, cannot be transitioned */
      /* -o-transform: rotate(-4deg);	*/
}



.life-with-jan-introductory p{
	display: inline-block;
width: 60%;
font-weight: 300;
font-size: 150%;
margin-top: 0; 
line-height: 200%;	
box-sizing: border-box;
/*transform:rotate(-4deg);	
-webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
     -ms-transform: rotate(-4deg); /* Only for graceful degradation in IE9, cannot be transitioned */
      /* -o-transform: rotate(-4deg); */	
}


#extra-padding-p{	

background: rgba(255,255,255,0.8);
padding: 3%;
	

}


.life-with-jan-introductory a{
	
color: #c1962e;	
	font-weight: 500; 
	
	
}


.life-with-jan-introductory a:hover{
	
text-decoration: underline !important;	
	
	
	
}


.life-with-jan-blog-categories-hold{
width: 100%;
float: left; 
text-align: center;	
background: white;	
padding-top: 3%;
padding-bottom: 6%;	
}


.life-with-jan-blog-categories{
	
width: 100%;
color: rgb(50,50,50);	
font-weight: 300;
float: left; 
font-family: calibri; 
text-align: center;	
background: white;	
	
	
}


.life-with-jan-blog-categories h3{
font-weight: 400;
font-family: FiraSansL, sans-serif;
font-size: 115%; 
margin-top: 0;
width: 100%; 
text-align: center;
text-transform: capitalize;	
margin-top: 5%;
margin-bottom: 7px;
}


.wellnesstext{
width: 100%;
display: inline-block;
vertical-align: top;
font-weight: 400;
font-family: Calistoga, Georgia, serif;
font-size: 220%; 
margin-top: 0;
width: 100%; 
text-align: center;
text-transform: capitalize;	
margin-top: 2px;
margin-bottom: 2%;
color: #372675;
}



.life-with-jan-blog-categories-image, .life-with-jan-blog-categories-image-desk, .life-with-jan-blog-categories-image-mob{

width: 35%; 
display: inline-block;
vertical-align: middle;
margin-left: 1%;
margin-right: 1%;
position: relative; 	
	
}


.life-with-jan-blog-categories-image-mob{
	
display: none;
}


.life-with-jan-blog-categories-image img, .life-with-jan-blog-categories-image-mob img, .life-with-jan-blog-categories-image-desk img{
width: 100%;
height: auto; 	
display: inline-block;	
	
}





.life-with-jan-blog-categories-text{
width: 25%; 
color: rgb(50,50,50);
display: inline-block;
vertical-align: middle;
margin-right: 2%;	
font-family: calibri, sans-serif;
font-weight: 300;	
margin-left: 1%;
margin-right: 1%;
}

.life-with-jan-blog-categories-text h2{
font-weight: 400;
font-size: 125%; 
margin-top: 0;
width: 100%; 
text-align: left;
text-transform: uppercase;
font-family: kozmed, sans-serif;
line-height: 130%;
color: #6c3484;
}	


.life-with-jan-blog-categories-text p{
font-size: 105%; 
line-height: 25px;
width: 100%; 
text-align: left;
font-family: kozlight, sans-serif;
}


.life-with-jan-blog-categories-text a{
	
color: #c1962e;	
	font-weight: 500; 
	
	
}


.life-with-jan-blog-categories-text a:hover{
	
text-decoration: underline !important;	
	
	
	
}




/*Life with Jan Home Page Done */





/*New Blog*/




#blogtop{
width: 96%;
padding-left: 2%;
padding-right: 2%;
float: left;
background-color: rgb(45,45,45);
background-image: url("images/balance.jpg");
background-repeat: no-repeat;
background-position: center center;	
font-family: 'Dancing Script', cursive;
font-weight: 400; 
font-size: 180%;
padding-top: 70px;
padding-bottom: 70px;	
color: gainsboro;	
	
}



#blognav{
	
width: 100%;
background: rgb(50,50,50);
background: #372675;
background: #401e4e;
background: #292824;
height: auto;
float: left;	
padding: 0;	
	
	
}





#menufloatblog{
width: 600px !important;
float: left;
margin-left: 2%;
list-style: none !important;
font-family: calibri;
font-weight: 200;
}


#menufloatblog ul{
list-style: inside none;
text-align: right;
width: 100%;
margin-top: 0px;
}

#menufloatblog ul li a{
color: gainsboro;

}


#menufloatblog ul li a:hover {
color: white !important;

}



#menufloatblog ul li{
color: rgb(70,70,70);
font-size: 100%;
margin-left: 0px;
margin-right: 18px;
float: left;
list-style: none !important;
position: relative;
width: auto;
padding-top: 12px; 
padding-bottom: 12px;
padding-left: 8px;
padding-right: 8px;
}


#menufloatblog ul li:last-child{
	
border-right: 0px solid gainsboro;
	
}


#menufloatblog ul li:hover{
background: #194d30 !important;
}

#menufloatblog ul li:hover > ul {
display: block;

}


#menufloatblog ul ul{
position: absolute;
width: 280px;
left: 0%;
background: rgba(0,0,0,0.8);
z-index: 99999999999999;
display: none;
padding-left: 0%;
padding-top: 10px;
padding-bottom: 10px;
top: 100%; 
}

#menufloatblog ul ul li{
float: left;
padding: 2.5%;
width: 95%;
height: auto;
list-style: none;
text-align: left;
color: gainsboro;
margin-left: 0%;
font-size: 90%;
border-bottom: 1px solid gray;
}

#menufloatblog ul ul li:last-child{
border-bottom: 0px solid gainsboro;	
}


#menufloatblog ul ul li a{
color: gainsboro;


}

#menufloatblog ul ul li:hover{


}



.blogmobilemenu{
margin-left: 3%;		
position: relative;
float: left;
width: auto;	
display: none;	
	
}

.blogmobilemenuicon{
width: 50px;
height: 42px; 
float: left;
cursor: pointer;
	
	
}
.blogmobilemenudrop-wrapper{
height: 100%;	
width: 100%;
z-index: 9999999999999999999999;
display: block;
width: 100%;	
background: rgba(0,0,0,0.3);
top: 0;
left: 0;
position: fixed;
display: none;
}

.blogmobilemenudrop{
position: absolute;
height: 100%;
box-sizing: border-box;
top: 0;	
background: rgb(20,20,20);
background: #714f80;
width: 230px;	
overflow-y: scroll;
overflow-x: hidden;
display: none;
text-align: left;
}


.blogmobilemenudrop::-webkit-scrollbar {
background: rgb(50,50,50);	
width: 10px;

}


.blogmobilemenudrop::-webkit-scrollbar-thumb{
border-radius: 10px;	
background: rgb(120,120,120);		
	
}


.blogmobilemenudrop::-webkit-scrollbar-track {
	background: rgb(50,50,50);
	background: #714f80;
}


.blogmobilemenu-close{
	
width: auto;
position: absolute;
color: gainsboro;
font-size: 26px;
font-weight: 400;
font-family: calibri, sans-serif;
top: 6px;
left: 6px;	
cursor: pointer;	
}


.blogmobilemenu-border{
width: 100%;	
border-bottom: 1px solid #401e4e;
float: left;
margin-top: 4px;
margin-bottom: 4px;	
padding-top: 60px;
	
}

.mini-wrapper{
	
width: 100%;
float: left;	

}





.blogmobilemenudrop a, .blogmobilemenudrop p, .blogmobilemenudrop ul{
width: 100%;
padding-left: 2%;
padding-right: 2%;
padding-top: 6px;
padding-bottom: 6px;	
color: gainsboro;	
float: left;	
font-family: calibri;
font-weight: 200;	
list-style: none !important;

}

.blogmobilemenudrop ul{
margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;	
margin-top: 0 !important;
margin-bottom: 0 !important;	
}

.blogmobilemenudrop .children{	
padding-top: 0;
padding-bottom: 0;
color: white !important;
}

.blogmobilemenudrop p{
margin-top: 2px;
margin-bottom: 2px;	
padding-left: 6px;
padding-bottom: 10px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #401e4e;
box-sizing: border-box;
}

.parent-category-style a {
font-weight: 600 !important;	
	
}

.blogmobilemenudrop .children a{
padding-left: 15px !important;	
font-weight: 400 !important;	
box-sizing: border-box !important;
width: 100% !important;
color: white;	
}

.blogmobilemenudrop a:link, .blogmobilemenudrop a:visited, .blogmobilemenudrop a:hover, .blogmobilemenudrop a:active{
text-decoration: none;
color: gainsboro;
color: white !important;	
	
	
}



.blogmobilemenudrop a:hover, .blogmobilemenudrop a:active{
background: #c9a141;
	
	
	
}



.blogsearchpage{
width: auto;
height: auto;
float: right;	
position: relative;	
}

.blogsearchpage-nav{
width: 53px;
height: auto;
float: right;	
position: relative;	
margin-top: 20px;
}


.blogsearchpageicon{
	
width: 50px;
height: 42px; 
float: left;
cursor: pointer;	
	
	
}



.blogsearchpageopen{
width: 200px;
position: absolute;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;	
background: rgba(113,79,128,0.8);
top: 100%;	
right: 0%;	
display: none;
	
}



.blogopeninput{
width: 150px; 
border: 0px solid gainsboro;
padding: 3px;	
border-radius: 3px;	
	
}


.blogopeninput:focus{
	
outline: none;	
	
}


.blogopenbutton{
background: #bc9537;
border: 0px solid gainsboro; 
color: white; 
width: auto;
padding: 4px;
border-radius: 4px;
margin-left: 4px;
cursor: pointer;	
text-transform: uppercase;
text-align: center;
font-size: 14px;
}


.blogopenbutton:focus {
	
outline: none;	
	
}
.socialiconsblog{
	
width: auto;
float: right;
margin-right: 4%;

	
	
	
}



.blog-menu-category-section{
width: 640px;
float: right;	
color: white;	
text-align: right;
margin-top: 10px;
font-family: Calistoga, Georgia, serif;
}

.blog-menu-category-section a{
width: auto; 
display: inline-block;
color: gainsboro; 
padding-left: 5px;
padding-right: 5px;
font-size: 100%; 
font-size: 14px !important;	
text-transform: uppercase;	
}

.blog-menu-category-section a:last-child{
border-right: 0;
}

.blog-menu-category-section a:hover{
text-decoration: underline;	
}


.socialiconsblog img{
	
float: right;
width: auto; 
margin-top: 8px;	
margin-left: 5px;	
}




.linkmargin{
margin-top: 3px !important;	
	
	
}

.straticonmargin{
margin-top: 0px !important;	
	
	
}


.blogwrapper{
width: 100%; 
float: left;
background: rgb(240,240,240);	
color: rgb(50,50,50);
min-height: 600px;	
text-align: center;	
font-family: calibri;
font-weight: 200;	
}


.blogboxhold{
width: 100%;
float: left;

	
	
	
	
}


.blognewcolumn1, .blognewcolumn3{
vertical-align: top;	
display: inline-block;
width: 22%;
margin-left: 1%;
margin-right: 1%;
min-height: 700px;
background: transparent;
margin-bottom: 2%;
margin-top: 2%;	

	
}



.blognewcolumn2{
display: inline-block;
vertical-align: top;
width: 48%;
margin-left: 1%;
margin-right: 1%;
min-height: 700px;
background: transparent;
margin-bottom: 2%;
margin-top: 2%;		
	
	
	
}


.bloginsert{
width: 100%;
background: white;
display: inline-block;
text-align: left; 
margin-bottom: 15px;		
padding-bottom: 3%;
	
}


.bloginsert img{
	
width: 100%;
height: auto;
margin: 0; 
padding: 0;	
	
}


.bloginsert h2, .bloginsert p, .bloginsert h3{
padding-left: 2%;
padding-right: 2%;
width: 96%;
float: left;	
}


.bloginsert h2{
font-size: 120%;
font-weight: 600;	
font-family: calibri;	
text-transform: uppercase;	
padding-bottom: 8px;
margin-bottom: 0%;
padding-top: 8px;
margin-top: 0%;
letter-spacing: -1px;
}

.bloginsert h3{
font-size: 100%;
font-weight: 600;	
font-family: calibri;
padding-bottom: 6px;
margin-bottom: 0%;
padding-top: 6px;
margin-top: 0%;	
}

.bloginsert p{
padding-bottom: 4px;
margin-bottom: 0%;
padding-top: 4px;
margin-top: 0%;
}


.tech, .project, .business, .stress {
width: 96%; 
padding-left: 2%; 
padding-right: 2%;
padding-top: 5px;
padding-bottom: 5px;
float: left;
margin-bottom: 10px;	
margin-top: 10px;
color: white;	
font-size: 100%;
font-weight: 400;	
font-family: tahoma;
}

.tech:link, .tech:visited, .tech:hover, .tech:active, .project:link, .project:visited, .project:hover, .project:active, .business:link, .business:visited, .business:hover, .business:active, .stress:link, .stress:visited, .stress:hover, .stress:active{
	
	text-decoration: none;
	color: white !important;

	
}







.stress{
	background: #832a77 !important;
	
}


.tech{
	background: #215170 !important;
	
}


.project{
	background: #43834d !important;
	
}


.business{
	background: #d9873f !important;
	
}


.project:hover, .business:hover, .tech:hover, .stress:hover{
	
opacity: 0.8;	
	
}




.bloginsertlink{
padding-left: 2%;
padding-right: 2%;
width: 96%;
border-bottom: 1px solid gainsboro;
padding-top: 3px; 
padding-bottom: 3px;
float: left;	
margin-bottom: 1%;	
color: darkslategray !important;
}


.bloginsertlink:last-child{
	
border-bottom: 0px solid gainsboro;	
margin-bottom: 4%;	
}


.bloginsertlink:link, .bloginsert:visited, .bloginsert:hover, .bloginsert:active{
text-decoration: none;
color: darkslategray !important;	
	
	
}


.bloginsertlink:hover {
color: darkseagreen;	
	
	
}







.blogendnav{
width: 100%;
padding-top: 16px;
background: rgb(50,50,50);
background: #292824;
background: #401e4e;
float: left;		
text-align: center;	
padding-bottom: 3px;
}

.hideextra{
	
display: block;	
	
}	



.showpostsmobile{
display: none;
	
	
}

.blogfooterhold{
width: 90%;
display: inline-block;
vertical-align: top;
text-align: center;	
font-family: calibri; 
font-weight: 200;		
}

.blogfooter{
	
width: 22%;
margin-right: 1%;
text-align: left;
color: gainsboro; 
padding-top: 15px;
padding-bottom: 15px; 
display: inline-block;
vertical-align: top;	
font-size: 87%; 	
	
	
}

.blogfooter-logo{
width: 20%; 
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;		
}



.blogfooter-logo img{
width: 200px; 
height: auto;
display: inline-block;
vertical-align: top; 
	
	
	
}




.blogfooter-terms-privacy{
width: 18%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
text-align: center;		
color: white;
font-family: calibri; 
font-weight: 300;
font-size: 100%;	
margin-left: 2%;	
}

.blogfooter-terms-privacy h2{
text-align: left;
font-weight: 600;
font-size: 120%;	
margin-bottom: 9px;
text-transform: uppercase;
margin-top: 0;
}


.blogfooter-terms-privacy ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	display: inline-block;
vertical-align: top;	
width: 100%;

}




.blogfooter-terms-privacy li{
	display: inline-block;
vertical-align: top;	
width: 100%;	
text-align: left;
margin-bottom: 10px;
}

.blogfooter-terms-privacy li:last-child{

}



.blogfooter-terms-privacy a{
display: inline-block;
vertical-align: top;	
width: 100%;
padding-left: 4px;
padding-right: 6px;
color: white;
text-transform: capitalize;
}

.blogfooter-terms-privacy a:hover{
text-decoration: underline;	
}


.blogfooter-terms-privacy a:last-child{
	
}


.blogfooter-social{
width: 25%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 2%;
margin-bottom: 2%;
margin-left: 4%;
color: white; 
font-family: calibri; 
}

.blogfooter-social img{
width: 30px; 
height: auto; 
display: inline-block; 
vertical-align: middle;
margin-right: 6px; 	
	
}

.blogfooter-social p{
text-align: left;	

}



.blogfooter-social a{
color: white;	
}

.blogfooter-social a:hover{
text-decoration: underline;	
}

.blogfooter p{
line-height: 15px;
width: 100%; 
border-bottom: 1px solid gainsboro; 	
padding-bottom: 2px;		
}







.blogfooter a{
width: 100%;
float: left;
color: gainsboro !important;
padding-top: 4px; 
padding-bottom: 4px;
}



.blogfooter a:link, .blogfooter a:visited, .blogfooter a:active{
text-decoration: none;	
color: gainsboro !important;	
	
}



.blogfooter a:hover{
	
text-decoration: underline;
color: gainsboro !important;	
}


.blogfooterlinkin {
width: 100%;
float: left;
color: gainsboro !important;
padding-top: 4px; 
padding-bottom: 4px;
}



.blogfooterlinkin:link, .blogfooterlinkin:visited, .blogfooterlinkin:active{
text-decoration: none;	
color: gainsboro !important;	
	
}



.blogfooterlinkin:hover{
	
text-decoration: underline;
color: gainsboro !important;	
}


.blog-footer-bottom{
	
width: 100%;
padding: 8px;
box-sizing: border-box;
background: rgb(50,50,50);
background: #292824;
background: #401e4e;
float: left;	
border-top: 1px solid #714f80;	
text-align: center;	
padding-top: 8px;
padding-bottom: 5px;	
color: gainsboro;
font-weight: 300;
font-family: calibri; 
font-size: 12px; 	
	
}

.blog-footer-bottom a{
color: white;
	
	
}

.blog-footer-bottom a:hover{
text-decoration: underline;	
	
}



.archivestyle{
	
display: inline-block;
text-align: left; 
width: 50%;	
background: white;
padding-top: 2%;
padding-bottom: 2%;
margin-top: 2%;
margin-bottom: 2%;
padding-left: 4%;
padding-right: 4%;
min-height: 1430px;	
}

#archivestyle-larger {
box-sizing: border-box;
width: 65%;	
}



.archivestyle h1{
font-weight: 400; 
font-size: 260%;	
text-transform: capitalize;
padding-bottom: 4px;	
font-family: Calistoga, Georgia, serif;
color: #372675;
float: left;
width: 100%; 	
	
}



.archivetext{
font-weight: 200;
font-family: calibri; 
font-size: 115% !important;
line-height: 28px;	
	
	
	
}



.authorarea{
	
float: left;
width: 100%; 
	
	
}




.authorimage{
display: inline-block;
width: 120px;
height: auto;
vertical-align: top; 	
margin-right: 2%;	
	
	
}


.authorboxbloghold{
width: 100%; 
float: left;
text-align: center;
margin-top: 2%;
margin-bottom: 2%;	
	
	
}


.authortabhold{
display: inline-block;
width: 80%;	
vertical-align: top;	
text-align: left;
font-size: 96%;
	
	
}






.latestposttab, .aboutauthortab{
width: auto; 
margin-right: 1%;
display: inline-block;
vertical-align: top;
padding: 5px;
background: gainsboro;
color: darkslategray;	
border-top-left-radius: 3px;	
border-top-right-radius: 3px;	
cursor: pointer; 	
}



.authorpostactive{
background: rgb(35,35,35);
color: white;	
	
	
}





.latesttab{
	
display: none;	
	
}


.abouttab{
	
	
}

.authorboxblog{
display: inline-block;
width: 80%;	
vertical-align: top;	
text-align: left;
font-size: 96%;	
border-bottom: 2px solid gainsboro;
border-top: 1px dotted gainsboro;
padding-top: 2px; 
padding-bottom: 5px;
position: relative;
}

.authorboxblog p{
margin-top: 24px;	
	
	
}
.authorsocialmedia{
width: auto; 
position: absolute; 
height: auto; 
top: 0%;
text-align: center;
right: 1%;	
	
}


.authorsocialmediaf, .authorsocialmedial, .authorsocialmediat {
width: 15px;
height: 15px;
padding: 2px;
display: inline-block;
vertical-align: top;
margin-top: 4px;	
cursor: pointer;	
}

.authorsocialmediaf:hover, .authorsocialmedial:hover, .authorsocialmediat:hover {
 -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
   
}


.authorsocialmediaf img, .authorsocialmedial img, .authorsocialmediat img{
width: 100%;
height: auto;

	
	
}


.authorsocialmediaf{
	
background: #3b5998;	
	
}


.authorsocialmedial{
	
background: #dd4b39;
	
}


.authorsocialmediat{
	
background: #00aced;
	
}


.authorbloglinks{
width: 98%; 
display: inline-block;
vertical-align: top; 
border-bottom: 1px dotted gainsboro;
padding-bottom: 5px;
padding-top: 5px;	
padding-left: 1%; 
padding-right: 1%;	
	
}


.authorbloglinks:last-child {
border-bottom: 0px dotted gainsboro;	
	
	
}

.authorlinklatest{
width: 100%; 
display: inline-block;
vertical-align: top; 

	
}


.authorboxblogimg{
float: left;
width: 80px;
height: auto;	
margin-right: 2%;	
margin-top: 8px;	
margin-bottom: 3px;	
}

.archivestyle img{
	
width: 100%;
height: auto;
float: left;	
margin-bottom: 3%;	
}

.archivestyle h2{
	
font-weight: 400; 
font-size: 120%;	
text-transform: uppercase;	
	
}


.archivestylelistout{
width: 100%;
float: left; 

}

.archivestylelistout li{
list-style: none;
padding-top: 4px;
padding-bottom: 4px; 
border-bottom: 1px dotted gainsboro;

}


.archivestylelistout ul{
	
list-style: none;	
	
}

.archivestylelist{
	
list-style: none;
padding-top: 4px;
padding-bottom: 4px; 
border-bottom: 1px dotted gainsboro;	
	
}



.archivefeatured{
width: 47%;
margin-left: 1%;
margin-right: 1%; 
margin-bottom: 2%;
margin-top: 2%; 
display: inline-block; 
vertical-align: top;	
	
	
}



.category_image{
width: 100%;	
display: inline-block;
vertical-align: top;
padding-bottom: 60%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;		
	
}

.category_image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;

}

.archivefeatured h3{
font-weight: 400;
text-transform: uppercase;
font-size: 110%;
margin-bottom: 3px;
	
	
}


.archivefeatured p{
margin-top: 3px;	
	
	
}


.archivefeatured img{
margin-bottom: 6px;	
	
	
}


.archivestyle a{
color: darkslategray;
	
	
	
}


.archivestylelink{
	
color: darkslategray;	
	
}



.authorpagedisplay{
width: 100%;
float: left;
margin-top: 2%;
margin-bottom: 2%;
padding-bottom: 2%;
border-bottom: 1px solid gainsboro;	
	
	
	
}


.authorpagedisplay h3{
font-size: 120%;
font-weight: 400;
font-family: calibri;	
margin-bottom: 2px;	
	
}

.authorpagedisplay img{
width: 60px;
height: auto; 
float: left;	
margin-right: 2%;	
margin-top: 8px;	
}



.authorseperate{
width: 100%;
float: left;
margin-top: 6px;	
	
	
}




/*End of New Blog Stuff*/



/* Life Coaching Start   */


.life-coaching-main-wrapper{
width: 100%;
float: left; 
overflow-x: hidden;	
	
	
}


.hero-life-coach{
background: url(life-coach/life-coach-hero-v3.jpg) no-repeat center 40% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 4%;
 padding-top: 4%;
 position: relative;
 text-align: right;
 margin-top: 86px;
}


.hero-life-coach-text{
width: 40%;
padding: 3%;
color: white; 
display: inline-block;
text-align: left;	
color: white; 
font-family: calibri;	
margin-left: 3%;	
	
	
}


.hero-life-coach-text-image{
	
width: 80%;
height: auto;
display: inline-block;	
margin-left: -3%;	
	
}


.hero-life-coach-text-image img{
width: 100%;
height: auto;	
}


.hero-life-coach-text p{
width: 100%;
font-size: 120%;
margin-top: 0;
margin-bottom: 13px;
font-weight: 300; 	
}


.life-about-janet-johnson{
width: 100%;
float: left; 
text-align: center;
padding-top: 5%;
padding-bottom: 5%;
font-family: calibri;
position: relative;	
	
	
	
	
}



.life-about-janet-johnson-image{
width: 40%;
display: inline-block;
vertical-align: middle;
	
	
}

.life-about-janet-johnson-image img{
width: 100%;
height: auto;	
	
}



.life-about-janet-johnson-text{
width: 40%;
display: inline-block; 
vertical-align: middle;
text-align: left;
font-family: calibri; 
font-weight: 300;
color: rgb(70,70,70);	
	
	
}


.life-about-janet-johnson-text h1{
width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 150%;
font-family: calibri; 
font-weight: 400;
color: rgb(90,90,90);
display: inline-block;	
text-transform: uppercase;
}


.life-about-janet-johnson-text p{
margin-top: 6px;
margin-bottom: 10px;	
}


.why-life-coach{
background: url(life-coach/life-coach-office.jpg) no-repeat center 60% fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;
overflow-x: hidden; 
}


.why-life-coach-text{
width: 85%;
display: inline-block; 
vertical-align: top;
text-align: left;
font-family: calibri, sans-serif;
color: white;	
margin-left: 3%;	
	
	
}


.why-life-coach-text h2{
width: 100%;
margin-top: 0;
margin-bottom: 8px;
font-size: 200%;
font-family: Calistoga, Georgia, serif; 
font-weight: 400;
text-align: left;
display: inline-block;	
text-transform: capitalize;
}




.each-success-story{
width: 30%;
display: inline-block;
vertical-align: top;
margin-right: 2%;
font-weight: 300;
font-size: 115%;
color: white;
margin-top: 3%;	
line-height: 25px;	
margin-bottom: 2%;	
	
	
}


.each-success-person{
width: 100%;
display: inline-block;
font-weight: 600;
margin-top: 9px;
text-transform: uppercase;	
	
	
	
	
}


.leftbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
	
}



.leftbutton-lifea{
	
width: 100%;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
	
}


.centerbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
	
}


.centerbutton-life-lower{
	
width: 100%;
display: inline-block;
margin-top: -1px;
margin-bottom: 0;
position: relative; 
	
}


.rightbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
text-align: right;
}




.life-coach-why{
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;	
	
	
	
}


.life-coach-why-text {

width: 85%;
display: inline-block; 
vertical-align: top;
text-align: center;
font-family: calibri, sans-serif;
color: rgb(70,70,70);	
margin-left: 3%;	
font-weight: 300;	
}

.life-coach-why-each{
width: 20%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
position: relative;	
	
	
	
	
}





.life-coach-why-text h2{
width: 100%;
margin-top: 0;
margin-bottom: 4%;
font-size: 150%;
font-family: calibri; 
font-weight: 400;
text-align: left;
display: inline-block;	
text-transform: capitalize;
	
	
}



.life-coach-why-text h3{
width: 100%;
margin-top: 8px;
margin-bottom: 6px;
font-size: 130%;
font-family: calibri; 
font-weight: 600;
text-align: center;
display: inline-block;	
text-transform: uppercase;
	
	
}


.life-coach-why-text p{
width: 100%;
margin-top: 6px;
margin-bottom: 0;
text-align: center;
display: inline-block;	
	
	
}


.life-coach-why-each img{
width: 50%;
height: auto; 
display: inline-block;	
margin-bottom: 7px;	
}



.contact-life-coach{
background: url(life-coach/contact-me-life-coach.jpg) no-repeat center 60% fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 3%;
 padding-top: 5%;
 position: relative;
 text-align: center;
 font-family: calibri;
 color: white;
}



.contact-life-coach h2{
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin-top: 0;
margin-bottom: 0;
font-size: 170%; 
font-weight: 600;
text-align: center;
display: inline-block;	
text-transform: uppercase;
	
	
}



.contact-life-coach p{
width: 80%;
padding-left: 10%;
padding-right: 10%;
margin-top: 9px;
margin-bottom: 2%;
font-size: 120%; 
font-weight: 300;
text-align: center;
display: inline-block;	
	
	
}



.life-coaching-blog{
text-align: left !important;
text-transform: uppercase;
font-size: 150% !important;	
margin-left: 4%;
font-weight: 400 !important;
margin-top: 2% !important;	
	
}




.janet-life-profile-wrapper{
	
width: 100%;
text-align: center; 
float: left;
	
}

.janet-life-profile{
	
width: 68%;
display: inline-block;
text-align: center;
font-family: calibri, sans-serif;
font-weight: 300;
position: relative; 
margin-top: 160px;
margin-bottom: 7%;
padding: 4%;
min-height: 500px;	
-moz-box-shadow:    1px 1px 3px 1px silver;
  -webkit-box-shadow: 1px 1px 3px 1px silver;
  box-shadow:         1px 1px 3px 1px silver;
}



.janet-life-profile-image{
	
width: 29%;
height: auto; 
display: inline-block;
vertical-align: middle;
margin-bottom: 1%;	
text-align: center;	
	
}


.janet-life-profile-image img, .janet-life-profile-logo img{
display: inline-block;	
width: 100%;
height: auto;	
}


.janet-life-profile-logo{
width: 45%;
height: auto; 
display: inline-block;
vertical-align: middle;
margin-bottom: 1%;	
text-align: center;		
margin-right: 2%;	
	
	

}




.janet-life-coach-profile-text{
	
font-family: calibri, sans-serif; 
text-align: left;
font-weight: 300;	
color: rgb(70,70,70);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 3%;
	
}


.janet-life-coach-profile-text h1{

font-weight: 500;	
color: rgb(90,90,90);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 2%;
border-bottom: 1px solid gainsboro;
font-size: 160%;
text-transform: uppercase;
	
}


.janet-life-coach-profile-text h2{

font-weight: 400;	
color: rgb(90,90,90);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 1%;
font-size: 145%;
text-transform: capitalize;
	
}


.janet-life-coach-profile-text h3{

font-weight: 300;	
color: rgb(80,80,80);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 1%;
font-size: 125%;
text-transform: capitalize;
	
}



.janet-life-coach-profile-text p{

font-weight: 300;	
width: 100%;
margin-top: 2%;
margin-bottom: 2%;
font-size: 110%;
line-height: 25px;
	
}






.life-coaching-programs{
background: #f6f6f6;
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;
overflow-x: hidden;
}




.life-coaching-programs-text{
width: 85%;
display: inline-block; 
vertical-align: top;
text-align: left;
font-family: calibri, sans-serif;
color: rgb(70,70,70);	
margin-left: 3%;	
	
	
}


.life-coaching-programs-text h2{
width: 100%;
margin-top: 0;
margin-bottom: 8px;
font-size: 150%;
font-family: calibri; 
font-weight: 400;
text-align: left;
display: inline-block;	
text-transform: uppercase;
color: rgb(90,90,90);	
	
}

.life-coaching-programs-text h3{
width: 100%;
margin-top: 6px;
margin-bottom: 8px;
font-size: 115%;
font-family: calibri; 
font-weight: 600;
text-align: left;
display: inline-block;	
text-transform: capitalize;
color: rgb(90,90,90);	
	
}

.life-coaching-programs-text p{
width: 100%;
margin-top: 6px;
margin-bottom: 3px;
font-size: 105%;
font-family: calibri; 
font-weight: 300;
text-align: left;
display: inline-block;	
	
	
}

.life-coaching-programs-each{
width: 45%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
font-weight: 300;
font-size: 100%;
margin-top: 3%;	
line-height: 25px;	
margin-bottom: 5px;		
	
	
	
	
	
}


.snook-branding-new{
margin-bottom: 0 !important;	
	
	
}



/*Life Coaching End */



/*LWJ Navbar */

.menulwj-colour{
background: #8741a5;	
width: 100%;
float: left;
height: 50px;
padding-top: 18px;
padding-bottom: 18px;
position: absolute;
z-index: 999;
	
}

.menulwj{
width: 600px !important;
float: right;
margin-right: 3%;
margin-top: 2px;
list-style: none !important;
font-family: calibri;
font-weight: 200;
}

.menulwj a{
color: white;
margin-left: 9px;
float: right;
list-style: none !important;
border-right: 0px solid gainsboro !important;
position: relative;
padding-right: 7px;
padding-top: 14px;
width: auto;
height: 36px;
font-size: 17px !important;
letter-spacing: 1px;	
}


/*LWJ Main */


.purple-block-lwj{
width: 100%;
background: #1f6752;
background: #292824;
background: #714f80;
float: left;
text-align: center;
font-family: calibri;
color: white;	
padding-top: 6%;
padding-bottom: 6%;
}


.purple-block-lwj-section-a{
width: 33%; 
display: inline-block;
vertical-align: middle;
text-align: center;
margin-left: 1%;
margin-right: 1%;
}


.purple-block-lwj-section-a h2, .purple-block-lwj-section-a p{
text-align: left;	
font-weight: 300;

}


.purple-block-lwj-section-a h2{
font-family: kozlight;		
font-size: 200%;	
line-height: 150%;
}

.purple-block-lwj-section-a p{
line-height: 24px;	
font-family: calibri;	
font-size: 140%;
line-height: 130%;
}




.purple-block-lwj-section-a img{
width: 100%;
height: auto;	
	
	
}




.life-coaching-video-section, .life-coaching-video-section-blog, .life-coaching-video-section-blog-a {
	
width: 100%;
background: white;
float: left;
text-align: center;
font-family: calibri;
padding-top: 6%;
padding-bottom: 6%;	
	
}


.life-coaching-video-section-blog-a{
padding-bottom: 6%;	
padding-top: 2%;
}

.life-coaching-video-section-blog {
padding-bottom: 2%;	
}






.life-coaching-vide0-section-crunch{
width: 70%;
display: inline-block;
vertical-align: top;
text-align: center;
margin-left: 1%;	
}

.life-coaching-vide0-section-crunch-a{
width: 85%;
display: inline-block;
vertical-align: top;
text-align: center;	
}


.life-coaching-courses-intro{
width: 100%; 
display: inline-block;
vertical-align: top;	
margin-bottom: 2%;	
}

.life-coaching-courses-intro img{
width: 100%; 
height: auto;
display: inline-block;
vertical-align: top;
border: 1px solid gainsboro;
margin-bottom: 20px;
}


.life-coaching-courses-intro p{
text-align: left; 
font-size: 140%;
font-weight: 300;
line-height: 135%;
color: rgb(20,20,20);
font-family: calibri, sans-serif;
}

.life-coaching-video-section h3, .life-coaching-video-section-blog h3, .life-coaching-video-section-blog-a h3{
font-weight: 300;	
font-size: 170%;
margin-top: 0;
margin-top: 1%;
font-family: 'kozmed';
color: rgb(60,60,60);
line-height: 155%;	
}

.life-coaching-video-section h1, .life-coaching-video-section-blog h1, .life-coaching-video-section-blog-a h1{
font-weight: 300;	
font-size: 250%;
margin-top: 0;
margin-bottom: 3%;
font-family: Calistoga, Georgia, serif;
color: rgb(30,30,30);
line-height: 100%;
color: #372675;
}


.life-coaching-video-section h2, .life-coaching-video-section-blog h2, .life-coaching-video-section-blog-a h2{
font-weight: 300;	
font-size: 220%;
margin-top: 0;
margin-bottom: 10px;
font-family: 'kozmed';
font-family: Calistoga, Georgia, serif;
color: rgb(30,30,30);
color: #372675;
line-height: 155%;
}



.life-coaching-section-about-janet{
/* border-top: 1px solid gainsboro;*/
width: 100%;
display: inline-block;
vertical-align: top;
font-family: calibri;
font-weight: 300;	
margin-top: 3%;
}


.life-coaching-section-about-janet-each{
width: 47%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
vertical-align: top;
margin-top: 4%;
}

.life-coaching-section-about-janet-each h2{
font-size: 190% !important;	
line-height: 135%;
text-align: left;
}


.life-coaching-section-large-text p{
font-size: 150%;	
text-align: left;	
line-height: 138%;
color: rgb(80,80,80);	
font-family: calibri, sans-serif;	
font-weight: 300;
}


.life-coaching-section-large-text{
display: inline-block;
vertical-align: top;
width: 96%;
border-bottom: 1px solid gainsboro;	
padding-bottom: 25px;	
}

.life-coaching-section-about-janet-each  p{
font-size: 180%;	
text-align: left;
font-size: 120%;
line-height: 28px;
font-family: calibri, sans-serif;
font-size: 125%;
line-height: 135%;
}


.life-coaching-section-about-janet-each-image{
width: 85%;
display: inline-block;
vertical-align: top;
padding-bottom: 140%;
position: relative;	
margin-left: 1%;
margin-right: 1%;
overflow-y: hidden;	
overflow-x: hidden;	
}


.life-coaching-section-about-janet-each-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.lwj-flex-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}



.lwj-flex-container-each{
width: 45%;
text-align: center;	
margin-bottom: 2%;
}


.lwj-flex-container-each h2{	
font-size: 160%;	
}

.lwj-flex-container-each img{
width: 100%;
height: auto;	
display: inline-block;
}



.lwj-double-bob-container{
display: inline-block;
vertical-align: top;
width: 100%;
margin-bottom: 2%;
position: relative;	
}

.lwj-container-moves{
position: relative;		
width: 100%;
box-sizing: border-box;
background: rgb(255,255,255,0.8);	
margin-top: -15%;
display: inline-block;
width: 90%;	
padding: 3%;
}


.lwj-long-call{
width: auto;
padding: 8px;
border-radius: 3px;
font-weight: 600;
font-family: calibri;	
background: transparent;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
color: #8741a5 !important;
border: 1px solid #8741a5;
font-size: 105%;
letter-spacing: 1px;
}

.lwj-long-call:hover{
color: white !important;
border: 1px solid #3a2c3f;	
background: #3a2c3f;
opacity: 1 !important;
}


.lwj-double-bob-container h2{
margin-bottom: 0;	
	
	
}

.lwj-double-bob-container p{
margin-top: 10px;	
font-family: calibri;
line-height: 125%;
font-size: 116%;
text-align: left;
color: rgb(35,35,35);
}


.lwj-container-moves h2{
background: #557f29;
background: #557f29;
color: white;
font-size: 130% !important;	
}


.course-styling p{
font-family: calibri;
font-size: 125%;
text-align: left;	
color: rgb(50,50,50);	
}

.course-styling h2{
text-align: left;
font-size: 230%;	
color: rgb(75,75,75);	
	
}


.course-styling mark{
background: #055e6b;
background: #557f29;
background: #557f29;
color: white;	
}

.subscribe-section-hold{
float: left; 
width: 100%;

	
}

.subscribe-section{
display: inline-block;	
vertical-align: middle;
background: #292824;
background: #1f6752;
background: #714f80;
font-family: kozprolight;  
color: white;
width: 100%;
text-align: left;
}

.subscribe-section h2{
font-family: kozlight;	
font-weight: 300;
margin-bottom: 0;
line-height: 125%;
}

.subscribe-section p{
font-size: 120%;	
line-height: 165%;	
width: 85%;	
}

.subscribe-section-sidebar{
background: #8741a5;
background: #292824;
background: #1f6752;
background: url(life-coach/jan-lavfield.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-bottom: 38%;  
width: 35%;	
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}

#subscribe-section-replace{
background: url(life-coach/jan-hills.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
	
}

.subscribe-section-flex{
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: nowrap;
}


.subscribe-section-flex .container-sub{
width: 35%;
box-sizing: border-box;
	
}

.subscribe-section-flex .container-sub-v2{
width: 65%;	
box-sizing: border-box;
padding: 6%;
padding-top: 8%;
padding-bottom: 8%;
text-align: left;	
}


.subscribe-section-flex .container-sub-v3{
width: 65%;	
box-sizing: border-box;
padding: 6%;
text-align: left;	
}



.container-sub-image{
width: 100%;
display: inline-block;
vertical-align: top;
height: 100%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
}

.container-sub-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
animation: kenburns 12s 1s linear infinite;
}




.subscribe-section-main{
background: #292824;
background: #1f6752;
background: #714f80;
width: 61%;	
box-sizing: border-box;
padding: 2%;
padding-top: 4%;
padding-bottom: 4%;
display: inline-block;
vertical-align: middle;
margin-left: 2%;
}

.subscribe-input-section{
width: 38%;
padding: 13px;
display: inline-block;
vertical-align: middle;
outline: none;
border: 0;
background: white;
background: rgba(255,255,255,0.9);	
font-size: 14px;		
border-top-left-radius: 3px;		
border-top-left-radius: 3px;	
box-sizing: border-box;
}

.border-top-section-duplicate {
width: 100%;
border-top: 10px solid #6c3484;
display: inline-block;
margin-bottom: 0;
margin-top: 1%;	
}

.border-top-section {
width: 100%;
border-top: 2px solid #714f80;
display: inline-block;
margin-bottom: 2%;
margin-top: 3px;	
}

.lwj-blog-flex{
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
	
	
}



.new-lwj-blog-sections, .new-lwj-blog-sections-a{
width: 30%;
font-family: kozprolight;
font-weight: 300;		
margin: 1%;	
}

.new-lwj-blog-sections-a{
width: 23%;	
	
}


.new-lwj-blog-sections h2, .new-lwj-blog-sections-a h2{
color: rgb(55,55,55);	
font-family: kozlight;
font-size: 140% !important;
font-weight: 300;
line-height: 140%;	
margin-top: 0;
text-align: left;
}

.new-lwj-blog-sections-image{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 85%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;		
}


.new-lwj-blog-sections-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.new-blog-lwj-date{
width: 100%;
color: rgb(100,100,100);	
text-transform: uppercase;
font-weight: 600;
font-family: arial;
font-size: 12px;	
text-align: left; 
margin-top: 10px;
display: inline-block;
vertical-align: top;
	
}


.hero-lwj-new-text{
font-family: kozprolight;
font-size: 145% !important;
color: rgb(60,60,60) !important;	
text-align: center !important;	
line-height: 155%;	
}

.hero-lwj-new-text mark{
background: #557f29;
color: white;
padding: 10px;	
margin-bottom: 6px;	
box-sizing: border-box;	
}


.herotext-link, .herotext-link-clear, .hero-text-link-lwj{
font-family: calibri;
padding: 9px;
display: inline-block;
vertical-align: top;
width: auto;
margin-bottom: 3%;
margin-left: 3px;
margin-right: 3px;
background: #f46d27;
border-radius: 3px;
border: 1px solid #f46d27;
text-shadow: 0px 0px 0px gainsboro;
font-weight: bold;
color: white;
font-size: 123%;
font-weight: 600;
text-transform: uppercase;
color: white !important;
margin-top: 6px;
margin-bottom: 6px;
}


.hero-text-link-lwj{
background: #8741a5;	
border: 1px solid #8741a5;	
font-weight: 600;
text-transform: uppercase;	
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
}


.herotext-link-clear{
border: 1px solid white;
background: transparent;	
font-size: 18px;
text-transform: uppercase; 
font-family: arial; 
font-weight: 600;	
	
}

.herotext-link-clear img, .herotext-link img, .hero-text-link-lwj img{
width: 26px;
display: inline-block;
vertical-align: middle;
height: auto;
margin-right: 4px;	
position: relative;	
	
}


.herotext-link:hover{
opacity: 0.6;	
	
}


.hero-text-link-lwj:hover{
	
background: #3a2c3f;	
border: 1px solid #3a2c3f;	
opacity: 1 !important;
}




/*Snook Blog Style Start */



.blogmobilemenu{
margin-left: 3%;		
position: relative;
float: left;
width: auto;	
display: block !important;	
margin-top: 6px;	
}


#blognav{
height: 38px !important;	
position: relative !important;	
	
}



.blogmobilemenuicon, .bloghomeemenuicon{
width: 65px;
height: auto !important; 
float: left;
display: inline-block;
vertical-align: middle;
cursor: pointer;

	
}

.bloghomeemenuicon{
width: 25px;	
margin-right: 3px;	
	
}


.blogmobilemenuicon img, .bloghomeemenuicon img{
width: 100%; 
height: auto;	
}



.blogstyle-wrapper{
width: 100%; 
float: left;
padding-top: 4%; 
padding-bottom: 4%; 
text-align: center; 
position: relative;
min-height: 500px;
background: #ebefe6;	
background: white;
font-family: calibri; 
font-weight: 300;	
	
	
}


.blogmobilemenudrop{
z-index: 99;
	
	
}


.blogmobilemenudrop a{
width: 94%;
padding-left: 3%;
padding-right: 3%;


}



.blogstyle-featuredbar{
width: 70%;
display: inline-block;
vertical-align: top;
position: relative;
text-align: center;
background: white;		
font-family: calibri, sans-serif;	
text-align: left;
}



.blogstyle-featuredbar h1{
font-family: FiraSansL, sans-serif; 
font-weight: 300; 
color: rgb(55,55,55);
font-size: 180%;
}

.blogstyle-featuredfirst{
width: 70%;
display: inline-block;
vertical-align: top;
position: relative;
text-align: center;	
margin-left: -5px;
	
}


.blogstyle-featuredfirst img{
width: 100%;
height: auto;	
	
}


.blogstyle-featuredfirst h2{
font-size: 140%; 
position: relative;
font-weight: 300;
color: darkslategray;
background: rgb(50,50,50);
color: white;
margin-top: -4px;
margin-bottom: 0;
display: inilne-block;
text-align: left; 
font-family: arial, sans-serif;
padding-bottom: 6px;
padding-top: 7px;	
width: 98%;
padding-left: 1%;
padding-right: 1%;	
text-transform: capitalize;
}





.blogstyle-featuredfirst a{
color: darkslategray;	
	
}


.blogstyle-featuredfirstlink{
	
color: white !important;	
	
}


.blogstyle-featuredfirst p{
font-size: 95%; 
font-weight: 300;
color: dimgray;
margin-top: 1%;
margin-bottom: 2%;
display: inilne-block;
text-align: left; 
	
	
}


.blogstyle-latest-blogs-bar{
width: 25%;
margin-left: 2%; 	
display: inline-block;
vertical-align: top;
position: relative;
	
	
	
	
}




.snook-blog-paged-bar{
width: 100%;
display: inline-block;
vertical-align: top; 
position: relative;

	
}


#blogstyle-latest-blogs-bar{
width: 45%;	
vertical-align: middle;	
background: white;
}



.snook-blog-paged-bar-text{
width: 50%;
display: inline-block;
vertical-align: middle;
position: relative;
text-align: center;	
margin-left: -5px;
color: white;	
font-weight: 300;
font-size: 330%; 
font-family: calibri;	
background: beige;	
background-image: url("images/snook-blog-page-2.jpg");
background-repeat: no-repeat;
background-position: center center;	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 13%;
padding-bottom: 13%;	
}


.snook-page-larger{
	
font-size: 130%;	
	
}

.blogstyle-latest-blogs-bar h2{
width: 100%;
padding-top:8px;
padding-bottom: 8px;	
display: inline-block;
vertical-align: top;
border-top: 1px solid darkslategray;
border-bottom: 1px solid darkslategray;
font-family: arial, sans-serif;
font-weight: 400;
text-transform: capitalize;
margin-top: 0;
color: darkslategray;
text-align: left;
font-size: 130%;
}




.blogstyle-latest-blogs-barlink{
width: 100%;	
display: inline-block;
vertical-align: top;
font-family: calibri, sans-serif;
font-weight: 300;
color: dimgray !important;	
text-align: left;
margin-bottom: 6px;
padding-bottom: 6px;
border-bottom: 1px dotted gainsboro;	
}


.snookblog-cat{
width: auto !important;	
display: inline-block;
vertical-align: top;
position: relative;
padding-bottom: 0;
margin-bottom: 3px;
font-family: calibri, sans-serif;
font-weight: 300;
color: #c9a141 !important;	
text-align: center;		
font-size: 80%;	
font-weight: 600;	
}



.blogstyle-second-featured{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 2%; 
padding-bottom: 3%; 
margin-bottom: 2%; 
font-family: calibri, sans-serif;	
	
	
	
	
	
}


.blogstyle-second-featured-each{
width: 48%;
display: inline-block;
vertical-align: top; 
margin-left: -5px;
text-align: center;	
margin-right: 2%;	
margin-bottom: 2%;	
margin-top: 2%;
position: relative;
}

#blogstyle-second-featured-margin{
margin-right: 2%;	
	
}


.blogstyle-second-featured-each img{
width: 100%; 
height: auto;	
	
}



.blogstyle-second-featured-each-image{
width: 100%; 
height: auto; 
padding-bottom: 55%;
position: relative;
display: inline-block;
vertical-align: top;	
overflow-y: hidden;	

	
}


.blogstyle-second-featured-each img{
width: 100%; 
position: absolute; 
left: 0;
top: 0;
	
	
	
}




.blogstyle-second-featured-each h2{
font-size: 108%; 
font-weight: 500;
color: darkslategray;
margin-top: 3%;
margin-bottom: 1%;
display: inilne-block;
text-align: left; 
font-family: arial, sans-serif;	
text-transform: capitalize;	
position: relative;		
}




.blogstyle-second-featured-each p{
font-size: 95%; 
font-weight: 300;
color: dimgray;
margin-top: 1%;
margin-bottom: 2%;
display: inilne-block;
text-align: left; 

	
	
}



.blogstyle-second-featured-each-link{
	
color: darkslategray !important;	
	
	
}


.blogstyle-open-link{
width: auto; 
position: absolute;	
top: 100%;
padding: 8px;
background: #fbfbfb;
box-shadow: 1px 1px 2px 1px silver;
font-size: 12px;
color: darkslategray;
left: 0;
z-index: 9999999;	
display: none;	
	
	
}


.blogstyle-second-featured-each-link:hover{
color: gray !important;	
	
}


.blogstyle-second-featured-each-link:hover .blogstyle-open-link{
display: block;	
	
	
}


.blogstyle-open-link:hover, .blogstyle-second-featured-each-link:hover{
opacity: 1 !important;	
	
}



.pseudosharelinkedin {
display: inline-block;
vertical-align: top;
padding: 8px;
color: white;
width: 20px;
height: 20px; 
border-radius: 50%;
font-family: calibri;
margin-bottom: 3%;
background: #007bb5;
text-align: center;
}


.pseudosharelinkedin img{
width: 100%; 
height: auto;	
display: inline-block;
vertical-align: top;
}

.latest-snook-blogs{
width: 200px;
height: auto; 
min-height: 100px;
font-weight: 300;
position: fixed;
z-index: 999;
box-shadow: 1px 1px 2px gainsboro;	
background: white;
bottom: 0;
left: 0;	
	
	
	
	
	
}


.snook-advert{
width: 100%; 
text-align: center;	
position: relative;
margin-top: 3%;
margin-bottom: 3%;	
display: inline-block;
vertical-align: top;	
	
}


.snook-advert img{
width: 89%; 
text-align: center;	
position: relative;
display: inline-block;
vertical-align: top;	
margin-left: -2%;	
}




.snook-feature-image-crop{
width: 100%;
display: inline-block;
vertical-align: top;
position: relative; 
overflow-y: hidden;
padding-bottom: 65%;		
	
	
	
	
}

.snook-feature-image-crop img{
position: absolute;
left: 0; 
top: 0;
width: 100%;
height: auto;
	
}


.categorysectionab, .categorysectionac{
width: auto !important; 
position: relative;
float: left;
margin: 0;
height: auto;
margin-top: 11px;
margin-right: 4px;
font-weight: 500;
color: #a49639;
line-height: 10px;	
	
	
	
}



.categorysectionac{
margin-top: 7px !important;	
	
}




.categorysectionab a, .categorysectionac a{
color: #a49639;	
font-weight: 600;
text-transform: uppercase;
}

.categorysectionab:hover, .categorysectionac:hover{
text-decoration: underline;	
	
}


.authorboxblogimg img{
width: 100%;
height: auto;	
	
	
	
}

.authortabhold{
display: inline-block;
width: 100%;	
}


.authorboxblog{
display: inline-block;
width: 100%;	
}


.bloginsert h2, .bloginsert p, .bloginsert h3{
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;	
}


.bloginsert h2{
font-size: 120%;
font-weight: 500;	
border-top: 1px solid darkslategray; 
border-bottom: 1px solid darkslategray;
font-family: calibri;	
text-transform: capitalize;	
padding-bottom: 8px;
margin-bottom: 0%;
padding-top: 8px;
margin-top: 0%;
margin-bottom: 4%;
letter-spacing: -1px;
color: darkslategray;
}


.bloginsertimagehold{
width: 100%;
margin-top: 3%; 
margin-bottom: 3%; 
display: inline-block;
vertical-align: top; 	

	
}


.bloginsertimagehold img{
	
width: 100%; 
height: auto;	
	
}


.bloginsert-subscribe{
width: 94%;
padding: 3%;	
padding-top: 5%;
padding-bottom: 5%;
background: rgb(50,50,50);
color: white !important;
font-weight: 500; 
text-transform: uppercase;
display: inline-block;
text-align: center;
vertical-align: top;
margin-top: 12px; 
margin-bottom: 10px;
border-top: 0 !important;
border-bottom: 0 !important;	
   -webkit-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;	
-moz-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;			
  -o-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;		
  transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;		
	
	
}



.bloginsert-subscribe:hover{
background: firebrick;
opacity: 1 !important;
 font-weight: 600; 
   -webkit-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;	
-moz-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;			
  -o-transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;		
  transition: font-weight 0.4s ease-in, opacity 0.3s ease-out, background 0.8s linear;		
	
}

.bloginsert-triangle{
width: auto;
display: inline-block;
vertical-align: middle;
border-top: 6px solid transparent;	
border-bottom: 6px solid transparent;		
border-left: 6px solid white;	
margin-left: 1px;
}


.bloginsert-conclusion-end{
width: 100%; 
display: inline-block;
margin-bottom: 1%;
margin-top: 10px;
border-bottom: 1px solid rgb(35,35,35);	
padding-bottom: 16px;
color: dimgray; 
font-size: 90%;
font-size: 11px !important;	
	
	
}


.pseudoshare, .pseudoshare2, .pseudoshare3, .pseudosharepin{
width: 20px;
height: 20px;

}


.archivestyle{
margin-top: 0;
padding-top: 0;	
min-height: 500px;		
	
}





.blog-lwjsubscribe{
width: 100%;
margin-top: 4%;
margin-bottom: 2%; 
display: inline-block;
vertical-align: top;
font-family: calibri;
text-align: left;	
	
}




.lwjsubscribeinput{
	
width: 200px;
padding: 10px;
box-sizing: border-box;		
border: 1px solid gainsboro;
display: inline-block; 
vertical-align: top;
margin-top: 8px; 
margin-bottom: 8px;
	
}


.lwjsubmitbutton{
width: auto !important;
padding: 8px;
padding-left: 12px;
padding-right: 12px;
background: #e1c942;
color: white; 
font-weight: 600;
font-size: 15px;	
border: 0;
border-radius: 3px;
margin-top: 9px;	
cursor: pointer;	
}

.lwjsubmitbutton:hover{
background: firebrick;	
   -webkit-transition: background 0.8s linear;	
-moz-transition: background 0.8s linear;		
  -o-transition: background 0.8s linear;	
  transition: background 0.8s linear;		
}



/*Snook Contact Addendum */


.snook-contact-separate{
width: 100%;
float: left; 
margin-bottom: 3px;	
	
	
}



#contactform{
	
	
background: white;	
border: 1px solid gainsboro;
	
	
}


.box, .boxa{
border: 1px solid gainsboro;	
outline-color: #164623;	
	
	
}


.firstnameerror .box, .lastnameerror .box, .emailerror .box, .messageerror .boxa{
border: 2px solid #164623;	
background: #f8f8f8;	
color: black;	
}


#redtext{
color: red;
font-weight: 500;	
	
	
}

/*Snook Contact Addendum */








/*Paging*/


.pagenumbershold{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;	
margin-top: 3%;	
	
	
}




.pagenumbers{
width: 96%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-left: 1% !important	
	
	
}




ul.page-numbers {
    list-style: none;
    margin: 0 !important;
	margin-left: 0;
	width: 100%;
	display: inline-block;
	position: relative;
}

.page-numbers:after {
    content: ".";
    display: inline-block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: inline-block;
	vertical-align: top;
    margin: 4px 4px 4px 4px;
    text-align: center;
	font-family: calibri, sans-serif;
	font-weight: 300;
}

.page-numbers a,
.page-numbers span {
    display: inline-block;
    padding: 14px 14px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    color: white;
	background: white;
	border: 1px solid silver;
	border-radius: 4px;
	color: gray;
	margin: 0;

	
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: white;
    background: #714f80;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }



.page-numbers .next{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 18px 14px;
text-align: center;
line-height: 0 !important;
}

.page-numbers .prev{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 18px 14px;
text-align: center;	
line-height: 0 !important;
}


/*Paging End*/


/*Drop Down Special */

.separator-dropdown-jan-flex{
	 display: flex;
  justify-content: space-around;
  align-items: center;
    flex-direction: row;
  flex-wrap: nowrap;
}

.separator-dropdown-jan-flex .conta, .separator-dropdown-jan-flex .contb {
width: 50%;
margin-bottom: 2%;
box-sizing: border-box;
}

.separator-dropdown-jan-flex .conta{
text-align: left;
padding-left: 2%;	
}

.separator-dropdown-jan-flex .contb{
text-align: right;
padding-right: 2%;	
margin-top: -2%;
}




.dropbtn-jan {
  background-color: #6c3484;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn-jan:hover, .dropbtn-jan:focus {
  background-color: #714f80;
}

.dropdown-jan {
  position: relative;
  display: inline-block;
}

.dropdown-content-jan {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  width: 210px;
  max-height: 200px; 
  overflow: scroll;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center; 
}

.dropdown-content-jan a {
  color: #372675;
  font-weight: 600;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-jan a:hover {background-color: #ddd;}

.show-jan {display: block;}

.dropbtn-jan img{
width: 22px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}


/*Drop Down Special End */


/*Additional Blog Sections*/

.snook-blog-recommended{
width: 100%;
float: left; 
text-align: left;
margin-top: 3%;
margin-bottom: 2%;
position: relative; 
	
	
	
}


.snook-blog-recommended-top{
width: 100%;
text-align: left;
color: rgb(50,50,50);
font-weight: 500;
font-size: 135%;
text-transform: uppercase;	
font-weight: 300; 
margin-top: 8px;
margin-bottom: 3%;	
}


.snook-blog-recommended-each{
width: 48%; 
margin-right: 1%;	
margin-left: 0;
position: relative;
display: inline-block;
vertical-align: top;	

}

.snook-blog-recommended-each img{
width: 100%;
height: auto;	
	
}


.snook-blog-recommended-image-hold{
	
border: 1px solid gainsboro;
width: 89%;
padding: 5%;
padding-bottom: 7%;
display: inline-block;	

}


.snook-blog-recommended-image{
width: 100%;

display: inline-block;
padding-bottom: 55%;
position: relative;	
overflow-y: hidden;	
	
}

.snook-blog-recommended-image img{
width: 100%;
height: auto;	
position: absolute;
top: -6%;
left: 0;

}

.snook-blog-recommended-each h2{
width: 92%; 
padding: 4%;
padding-top: 14px;
padding-left: 0;
position: relative;
color: rgb(50,50,50);
margin-top: 0;
margin-bottom: 3%;	
font-weight: 500;
font-size: 108%;
display: inline-block;	
text-align: left;	
text-transform: capitalize;
font-family: arial;
}


.snook-blog-recommended-each a{
	
color: rgb(50,50,50) !important;	
}

.snook-blog-recommended-each a:hover{
color: #a49639 !important;	
font-weight: 600;
opacity: 1 !important;	
}

.snook-blog-extra-info{
width: 100%;
margin-top: 6%;
margin-bottom: 4%;
color: rgb(70,70,70);	
font-family: calibri;
font-weight: 600;
font-size: 110%;	
border-top: 1px solid gainsboro;
padding-top: 5%;
padding-bottom: 5%;
display: inline-block;	
border-bottom: 2px solid silver;	
	
}


.snook-blog-extra-info-a{
color: #a49639 !important;	
	
}

.snook-blog-extra-info-a:hover{
opacity: 1 !important;	
text-decoration: underline !important;	
	
}


.snook-blog-extra-connect-share{
	
float: left; 
margin-top: 2%;
text-align: left;
position: relative;
width: 100%;	
font-size: 95%;
color: dimgray;	
	
}


.recommend-social-share{
width: 200px; 
display: inline-block;
vertical-align: middle;	
margin-left: 6px;	
	
	
}


.recommend-social-share img{
width: 25px; 
height: auto; 
display: inline-block;
vertical-align: top;

	
}


.snook-blog-extra-connect-share-button{
	
	
	
	
}


.snook-sidebar-subscribe{

	
	
	
	
	
}


.snook-sidebar-subscribe{
	
	
	
}


.about-janet-johnson{
width: 86%;
display: inline-block;
vertical-align: top;
background: beige;
padding: 7%;
margin-bottom: 36px;	
color: rgb(235,235,235);	
font-family: calibri;
font-weight: 300;	
background: rgb(35,35,35);
background: #1a2f20;
background: #292824;
background: #401e4e;
}


.snook-full-advert{
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 36px;	
color: rgb(235,235,235);	
font-family: calibri;
font-weight: 300;	
background: rgb(35,35,35);
background: #1a2f20;
background: #292824;
padding-bottom: 7%;


}

#snook-rochelle{
	
background: #472a5b;	
	
}

#snook-colour{
	
background: rgb(30,30,30);	
border: 1px solid rgb(30,30,30);	
}




.snook-full-advert-padded{
padding: 5%;
display: inline-block;
vertical-align: top;
width: 92%;	
padding-left: 4%; 
padding-right: 4%;	
	
}




.about-janet-johnson h2, .snook-full-advert h2{
margin-top: 1%;
font-weight: 300;
font-size: 150%;
font-style: oblique;
margin-bottom: 12px;
display: inilne-block;	
border-bottom: 1px solid gainsboro; 
padding-bottom: 10px;	
	
}


.about-janet-johnson p, .snook-full-advert p{
margin-top: 8px;
text-align: left;
margin-bottom: 24px;
display: inilne-block;	
font-size: 95%;		
}


.snook-full-advert ul, .snook-full-advert li{
list-style: none !important;	
font-size: 110%;
color: white; 	
text-align: center;
	  margin: 0;
    padding: 0;
	margin-bottom: 4px;
	
}


.snook-full-advert ul{
	
margin-bottom: 25px; 
margin-top: 12px;	
	
}


.snook-full-advert a{
	
color: white !important;	
	
}

.about-janet-johnson-image{
width: 60%;
display: inline-block;
vertical-align: top;
height: auto;
border-radius: 50%;
overflow: hidden;	
position: relative;	
padding-bottom: 55%;	
margin-bottom: 2%;	
}






.about-janet-johnson-image img{
width: 100%;
height: auto;
position: absolute; 
top: 0;
left: 0;	
	
	
}


.snook-full-advert-image{
width: 100%;
display: inline-block;
vertical-align: top;	
}

.snook-full-advert-image img{
width: 100%;
height: auto;	
	
}




/*Snook Blog Style End */



#menufloat ul li{
color: rgb(70,70,70);
font-size: 15px;
}


#wrapper{
width: 100%;
float: left;
background: white;
margin-top: 0%;
position: relative;
margin-left: 0;
overflow-x: hidden;
}


#blogtop {
width: 100%;
float: left;
background-color: rgb(45,45,45);
background-image: url("newimages/life-with-jan-background-v7-white.webp");
background-repeat: no-repeat;
background-position: center center;	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
font-family: 'Dancing Script';
font-weight: 400; 
font-size: 100%;
padding-top: 11%;
padding-bottom: 11%;	
color: gainsboro;	
text-align: right;	
box-sizing: border-box;
}

#blogtop-opening{
	
width: 30%;
height: auto;
display: inline-block;
vertical-align: top;	
position: relative;
margin-right: 5%;	
text-align: center;	
	
}

#blogtop img{
width: 90%;
height: auto;
display: inline-block;
vertical-align: top;	
position: relative;
}


#blogtop h1, .blogtopone{
font-weight: 400;
margin-top: -10px;
margin-bottom: 2%;
font-size: 130%; 	
font-style: oblique;
text-align: left;	
font-family: georgia;
font-weight: 400;
color: white;
width: 100%; 
text-align: center; 
display: inline-block;
}


#blogtop h2{
font-weight: 400;
margin-top: 1%;
margin-bottom: 2%;
font-size: 100%; 	
text-align: left;	
font-family: calibri;
font-weight: 400;
color: white;
width: 100%; 
text-align: center; 
display: inline-block;	
text-transform: uppercase;	
	
}


.internaltestides h1{
font-size: 115%; 
font-weight: 500;
font-family: calibri;
margin-top: 7px; 
margin-bottom: -18px;	
position: relative;
	
	
}

.textoverlay{
font-family: calibri;
font-size: 180%;
color: white;
position: absolute;
text-shadow: 1px 2px 4px #2C2C2C;
z-index: 3;
width: 54%;
background: rgba(0,0,0,0.1);
border-radius: 4px;
padding-left: 3%;
padding-right: 3%;
padding-top: 4%;
padding-bottom: 5.5%;
margin-left: 20%;
text-align: center;
margin-top: 133px;

}



.textoverlay  h2{
font-weight: 400;


}

.textoverlay p{
font-weight: 200;
}



.textoverlay  h1{
font-weight: 400;	

	
}



/*Social Media Blog*/


.sharesocialcenter{
width: 100%;
float: left;
text-align: center;
}

.sharesocial{
display: inline-block;
vertical-align: top;
margin-top: 0%;
margin-bottom: 0%;
}

.fb-share-button{
top: -4px;
line-height: 20px;
}


.pseudoshare, .pseudoshare2, .pseudoshare3, .pseudosharepin{
display: inline-block;
vertical-align: top;
padding: 8px;
color: white;
width: 20px;
border-radius: 50%;
font-family: calibri;
margin-bottom: 3%;
line-height: 20px;
}

.sharesocial img {
width: 100%;	
height: auto;
}

.pseudoshare{

background: #3b5998;

}

.pseudoshare2{

background: #dd4b39;

}

.pseudoshare3{

background: #00aced;
background: rgb(25,25,25);
}


.pseudosharepin{

background: #cb2027;

}



/*Social Media Blog*/

/*Blog Menu Open*/


.blogsearchpageopen{
	z-index: 99;
padding-left: 2px;
padding-right: 2px;		
}

.blogsearchpageicon{
	
width: 30px;
height: 42px; 
float: left;
cursor: pointer;	
	
	
}



.socialiconsblog img{
	
float: right;
width: 20px; 
height: auto;
margin-top: 8px;	
margin-left: 6px;	
margin-right: 0;
}



.blogsearchpageicon img{
width: 21px !important; 
height: auto;
margin-top: 8px !important;
display: inline-block;
vertical-align: top;	
	
}

.extend-margin{
	
margin-top: 10px !important;	
	
}


/*Blog Menu Close */


/*Disclaimer */


.disclaimer {
    width: 100%;
    float: left;
    text-align: left;
    font-weight: 300;
    color: rgb(60,60,60);
    font-family: calibri;
    margin-top: 4%;
    margin-bottom: 3%;
	
}

.disclaimer-border{
border-bottom: 1px solid rgb(60,60,60);
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 14px;	
	
}


.disclaimer h2 {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 8px;
    color: white;
    background: rgb(60,60,60);
	background: #714f80;
    font-size: 95%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 300;
	
}



/* Disclaimer End */



/*Comments */


.comment-form{
	
width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-top: 0;		
	
	
}


.comment-form label{
	
width: 100%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-bottom: 10px;	
	
	
}


.comment-reply-title{
margin-top: 4%;	
margin-bottom: 12px;	
	
}

.comment-form  input, .comment-form  textarea {
width: 100%;
display: inline-block;
vertical-align: top;	
border: 3px solid gainsboro;
border-radius: 2px;	
padding: 14px;
box-sizing: border-box;
}

.comment-form .submit{
border: 0 !important;
background: #e1c942;	
color: white;	
cursor: pointer;
text-transform: uppercase;
font-size: 14px;
width: auto !important;
font-weight: 600;	
padding: 8px;
}


.comment-form .submit:hover{
background: firebrick;	
	
}


.comment-form-cookies-consent {
width: 100%;
text-align: left;
display: inline-block;
vertical-align: left;	
	
}

.comment-form-cookies-consent input {
width: auto;
text-align: left;
display: inline-block;
vertical-align: left;	
margin-right: 1%;	
}

.comment-form-cookies-consent label {
width: calc(100% - 55px);
text-align: left;
display: inline-block;
vertical-align: left;	
	
}




.post-comments, .children{
list-style: none;
text-align: left;	
padding-bottom: 15px;
	
}


.post-comments{
	
padding-inline-start: 0;	
border-bottom: 1px solid gainsboro;	
display: inline-block;
width: 100%;
	
}


.post-comments a, .children a{
color: rgb(110,110,110) !important;	
}


.post-comments p, .children p{
padding: 14px;
box-sizing: border-box;
border-radius: 1px; 
padding-top: 18px;
padding-bottom: 18px;

}



.post-comments img{
width: 32px !important;
height: 32px !important;
border-radius: 50%;	
display: inline-block;
vertical-align: top;	
}



.fn{
font-size: 15px;
font-weight: 600;	
	
	
}

.reply{
float: left;
margin-bottom: 10px;	
width: 100%;	
color: #0759c8;	
}




/*Comments End */


/* Changes Blog */

.blogmobilemenudrop{
background: rgba(0,0,0,0.9);
background: #714f80;	
}

.blogmobilemenudrop a{
font-weight: 300;	
}


.archivestyle{
min-height: 2px !important;	
	
	
}



.archivetext{
font-weight: 300;
font-family: calibri; 
font-size: 100% !important;
line-height: normal;	
color: rgb(50,50,50);	
	
	
}


.archivetext p{
font-weight: 300;
font-family: kozlight; 
font-size: 130% !important;
line-height: 160%;	
margin-top: 10px; 
margin-bottom: 10px;
width: 100%; 
display: inline-block; 
vertical-align: top;	
	
	
}

.archivetext ul, .archivetext ol{
font-weight: 300;
font-family: calibri; 
font-size: 130% !important;
line-height: 160%;	
margin-top: 10px; 
margin-bottom: 10px;
margin-top: 1%;
margin-bottom: 1%;	
	
}


.archivetext li{
	
padding-top: 6px;
padding-bottom: 6px;	
	
}



.archivetext blockquote{	
display: inline-block !important; 
vertical-align: top;
font-style: oblique !important;	
box-sizing: border-box; 
padding: 48px;
padding-top: 2%;
padding-bottom: 2%;
position: relative;
display: inline-block;
vertical-align: top;
width: 100% !important;
text-align: left;
color: #372675 !important;
font-style: oblique;
margin-top: 12px !important;
margin-bottom: 5px !important;
margin-left: 0 !important;
	
}
.archivetext blockquote:before {
    position: absolute !important;
    font-size: 5em;
    line-height: auto;
	font-style: normal !important;
	color: rgb(60,60,60) !important;
	 position: absolute;
  content: open-quote;
  content: "\201C" !important;
  margin-left: 5px;
  margin-top: 1px;
  font-family: georgia !important;
  color: rgb(150,150,150) !important;
  top:0;
  left: 0;
}



.wp-block-quote p{
font-family: georgia;  
font-weight: 600;
font-size: 148% !important;	
}



cite{
	
overflow-wrap: break-word;	
word-wrap: break-word;	
	
}




.archivetext h2{
font-weight: 400;
color: rgb(60,60,60);
font-family: Calistoga, Georgia, serif; 
font-size: 180% !important;
line-height: normal;	
margin-top: 15px; 
margin-bottom: 12px;
width: 100%; 
display: inline-block; 
vertical-align: top;	
padding-bottom: 5px;	
text-transform: capitalize;
}


.archivetext h3{
font-weight: 400;
font-family: FiraSansL, sans-serif; 
font-size: 130% !important;
line-height: normal;	
margin-top: 14px; 
margin-bottom: 12px;
width: 100%; 
display: inline-block; 
vertical-align: top;	
	
	
}


.archivetext h4{
font-weight: 300;
font-family: calibri, sans-serif; 
font-size: 115% !important;
line-height: normal;	
margin-top: 14px; 
margin-bottom: 12px;
width: 100%; 
display: inline-block; 
vertical-align: top;	
	
	
}


.archivetext a{
color: #a2911d;
font-weight: 500;
	
	
}

.archivetext a:hover{
font-weight: 600 !important;		

	
}




.full-links{
width: 100% !important; 
display: inline-block;
vertical-align: top;
padding-top: 8px; 
padding-bottom: 8px; 
border-bottom: 1px dotted gray;	
text-align: left;	
color: white !important;
}


.full-links:hover{
color: #6aae55 !important;
font-weight: 600;
text-transform: uppercase;	
	
}



.pseudoshare img, .pseudoshare2 img, .pseudoshare3 img, .pseudosharepin img{
width: 100%;
height: auto;	
	
	
	
}

/*Changes Blog */


/*Testimonials */

.testihold {
color: rgb(25,25,25) !important;	
font-weight: 300;	
}



.testitop img{
width: 100%;
height: auto;	

	
	
	
}

.testitop-image{
width: 90px;
height: 90px;	
border-radius: 50%;
margin-right: 9px;
float: left; 
margin-top: 2px;
margin-bottom: 2px;		
overflow: hidden;	
position: relative;	
background: url(images/testi-default.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.testitop-image-inner{
	width: 100%;
	display: inline-block;
background: url(images/testisolo.png) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;



	
	
}


/*Testimonials Done */

/*Internal Layout Change */



#internallayout {
	
font-size: 300;	
	
}


#internallayout p {
font-weight: 300 !important;	
color: rgb(40,40,40) !important;
}

/* Internal Done */


/*Changes to Services*/

.snook-services-background{
width: 100%;
float: left;
padding-top: 9%;
padding-bottom: 9%;
font-family: calibri;
font-weight: 300;
position: relative;
background: url(newimages/services-background.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
text-align: left;
margin-top: 80px;

}


.snook-services-top-holder{
display: inline-block;
vertical-align: top;
width: 35%;
padding: 3%;
background: white;
background: rgba(255,255,255,0.4);	
margin-left: 2%;	
	
	
}


.snook-services-background h1{
font-weight: 400;
font-size: 240%;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center; 
color: darkslategray;	
display: inline-block;
padding-bottom: 16px;
border-bottom: 1px solid darkslategray;
margin-top: 0; 
margin-bottom: 6px;	
}


.snook-services-background p{
font-weight: 300;
font-size: 120%;
display: inline-block;
vertical-align: top;
width: 100%;
text-align: center; 
color: rgb(65,65,65);	
display: inline-block;
margin-top: 6px; 
margin-bottom: 6px;		
text-align: left;
}


#internallayoutservices-new{
width: 90%;
display: inline-block;
vertical-align: top;
border-top: 0px solid #ececec;	
text-align: center !important;	
position: relative;
margin-top: -7% !important;	
	
}


.internalservicescategory h2{
font-size: 114%;	
	
}


.internalservicescategory{
	
text-align: left !important;	
	
}

#internallayouthold{
min-height: 300px !important;	
	
	
}






/*Changes to Services*/



/*Changes to Drop Down*/


.strategydropdown4{
width: 250px;
height: 100%;
position: fixed; 
background: white;
-moz-box-shadow:    1px 1px 3px 1px #7e7b7b;
  -webkit-box-shadow: 1px 1px 3px 1px #7e7b7b;
  box-shadow:         1px 1px 3px 1px #7e7b7b;
z-index: 9999999999999;
color: rgb(55,55,55);
font-weight: 300;
font-family: calibri;	
right: 0;
top: 0;	
overflow-y: scroll;
display: none;
}	
	
	
	
.menu-added-top-padding{
	
width: 100%;
padding-top: 50px;
display: inline-block;
vertical-align: top;	
	
	
}

.menu-added-top-padding a, .menu-added-top-padding p{
color: rgb(55,55,55) !important;
width: 94%;
padding: 3%;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;	
border-bottom: 1px dotted gainsboro;
display: inline-block;
vertical-align: top;
margin-bottom: 0;
margin-top: 0;
  -webkit-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  -moz-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  -o-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  transition: background-color 1s ease-out, border-bottom 1s ease-in;		
  cursor: pointer;
}


.menu-added-top-padding a:hover, .menu-added-top-padding p:hover{
background: firebrick;
color: white !important;	
opacity: 1 !important;
border-bottom: 1px solid firebrick;
  -webkit-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  -moz-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  -o-transition: background-color 1s ease-out, border-bottom 1s ease-in;
  transition: background-color 1s ease-out, border-bottom 1s ease-in;	
	
}



.arrow-left-menu-drop-down{
width: auto; 
display: inline-block;
vertical-align: middle;
border-top: 5px solid transparent;	
border-bottom: 5px solid transparent;	
border-left: 5px solid dimgray;	
margin-left: 2px;
}

.menu-added-top-padding p:hover .arrow-left-menu-drop-down{
border-left: 5px solid white;		
	
	
	
}


.padded-extra-section{
width: 90%;
padding-left: 10%;
display: inline-block;
vertical-align: top;
padding-top: 15px;
padding-bottom: 15px;	
display: none;	
	
	
}

.padded-extra-section a{
border-bottom: 1px solid transparent !important;	
	
}


.exit-menu-drop-down{
width: auto; 
position: absolute; 
font-weight: 300;
color: dimgray;
font-size: 18px;	
right: 8px;
top: 10px;
font-family: calibri;	
cursor: pointer;	
	
}


.exit-menu-drop-down:hover{
color: firebrick;	
font-weight: 600;
}

/*Changes to Drop Down Done*/



/*Stripe Admin*/


.stripe_input_button{
	
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 90%;
background: #bc9537 !important;
background-color: #bc9537 !important;
padding: 7px;
border-radius: 3px; 
color: white;	
margin-left: 5px;
margin-right: 5px;	
margin-bottom: 8px;
font-weight: 400;	
width: auto;
font-family: calibri;	
border: 0 !important;
outline: #bc9537;
cursor: pointer !important;	

	
}



.stripe_input_button:hover{
background: firebrick !important; 	
	
}



.error-messages-strpo{
font-size: 15px;
color: red;	
	
	
}


.initial-message, .stripe-contact-response{
	
font-size: 15px;
color: dimgray;
line-height: 22px;	
	
	
}


.stripe_box_input{
	
width: 96%;
padding: 2%;
border: 1px solid gainsboro;
display: inline-block;
outline: #bc9537;  	
border-radius: 2px;
padding-top: 10px; 
padding-bottom: 10px;	
}


.snook-button-hidden{
	
display: none;	
	
}



.name_str_error .stripe_box_input, .amount_str_error .stripe_box_input{
	
background: #ffe9d8;	
border: 1px solid #bc9537;
	
}


/*Stripe Admin Done */


/* Sunday Lunner Template */


.sunday-lunner-top{
width: 90%;
padding: 5%;
display: inline-block;
vertical-align: top; 
text-align: center;
position: relative;
color: white;
background: url(sunday-lunner/sunday-lunner-top.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
padding-top: 3%;
padding-bottom: 3%;	
	
	
}


.sunday-lunner-top img{
width: 20%;
height: auto;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;	
	
	
}



.sunday-lunner-top h1{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 6px;
margin-bottom: 6px;	
color: white; 
font-family: calibri;
font-weight: 300;
font-size: 320%;	
	
}


.sunday-lunner-top h2{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;	
color: white; 
font-family: calibri;
font-weight: 300;
font-size: 140%;		
}


.sunday-lunner-top p{
width: 52%;
padding-left: 27%;
padding-right: 27%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;	
color: white; 
font-family: calibri;
font-weight: 400;
font-size: 115%;	
	
}





.sunday-lunner-wrapper{
width: 100%;
margin-top: 87px;
float: left;
text-align: center;
min-height: 800px; 	
	
	
	
}


.sunday-lunner-upcoming{
width: 100%;
float: left; 
padding-top: 5%;
padding-bottom: 5%;
text-align: center;
font-weight: 300;
font-family: calibri;
color: rgb(45,45,45);

}


.sunday-lunner-upcoming h2{
width: 100%;
float: left; 
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
font-weight: 300;
font-family: calibri;
font-size: 180%;
text-align: left;

}


.sunday-lunner-upcoming p{
width: 100%;
float: left; 
margin-top: 5px;
margin-bottom: 7px;
text-align: center;
font-weight: 300;
font-family: calibri;
text-align: left;
line-height: 26px;
}

.sunday-lunner-upcoming-side{
width: 36%;
display: inline-block;
vertical-align: middle;
margin-right: 2%;





}


.sunday-lunner-upcoming-side img{
width: 100%; 
height: auto; 
display: inline-block;
vertical-align: top;
  -webkit-box-shadow: 0px 1px 1px 0px silver;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 1px 1px 0px silver;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 1px 1px 0px silver;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	

}



.sunday-lunner-upcoming-smaller-side{
width: 35%;
display: inline-block;
vertical-align: middle;
margin-right: 2%;
font-family: calibri;

}


.sunday-lunner-second-section{
width: 74%;
padding: 5%;
padding-left: 13%;
padding-right: 13%;
float: left;
text-align: center;
font-family: calibri; 
line-height: 29px;
font-weight: 300;
color: rgb(50,50,50);
text-align: left;
background: #f4f4f4;
}






.sunday-lunner-second-section h2{
width: 100%;
text-align: left;
font-size: 190%;
font-weight: 300;
margin-top: 0;
}


.sunday-lunner-ticket-constrain-hold{
width: 100%; 
text-align: center;
float: left;

}

.sunday-lunner-ticket-constrain{
width: 78%;
display: inline-block;
vertical-align: top;
position: relative;
text-align: left;
}



/* Sunday Lunner End */



/*Hosting Plans Style */



.snook-host-top{
width: 90%;
padding: 5%;
display: inline-block;
vertical-align: top; 
text-align: center;
position: relative;
color: white;
background: url(newimages/web-hosting.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
padding-top: 3%;
padding-bottom: 3%;	
	
	
}


.snook-host-top img{
width: 10%;
height: auto;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;	
	
	
}



.snook-host-top h1{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 6px;
margin-bottom: 6px;	
color: white; 
font-family: calibri;
font-weight: 300;
font-size: 320%;	
	
}


.snook-host-top h2{
width: 100%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;	
color: white; 
font-family: calibri;
font-weight: 300;
font-size: 140%;		
}


.snook-host-top p{
width: 52%;
padding-left: 27%;
padding-right: 27%;
height: auto;
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;	
color: white; 
font-family: calibri;
font-weight: 400;
font-size: 115%;	
	
}



.snook-host-second-section, .snook-host-white-section{
width: 74%;
padding: 5%;
padding-left: 13%;
padding-right: 13%;
float: left;
text-align: center;
font-family: calibri; 
font-weight: 300;
color: rgb(50,50,50);
text-align: center;
background: #f4f4f4;
}


.snook-host-white-section{
background: white; 

}



.snook-host-second-section h2, .snook-host-white-section h2{
width: 100%;
margin-top: 0; 
font-family: calibri;
font-weight: 300;
font-size: 200%; 
margin-top: 0;
margin-bottom: 30px;
color: rgb(65,65,65);
}


.snook-host-second-section p, .snook-host-white-section p{
width: 100%;
margin-top: 0; 
font-family: calibri;
line-height: 25px;

}



.snook-host-white-section p{


text-align: left;
}



#hosting-plans-compare {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
min-width: 250px;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
margin-top: 3%;
margin-bottom: 3%;
}

#hosting-plans-compare td, #hosting-plans-compare th {
    border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
    padding: 8px;
width: 28%;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 2%;
padding-right: 2%;
}



#hosting-plans-compare tr:hover {


background-color: #494444;
color: white;


}

#hosting-plans-compare th {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: darkseagreen;
padding: 3%;
    color: white;
text-align: center;
font-size: 120%;
}



.alternate-color{
color: white;
background-color: #494444 !important;
border-bottom: 1px solid #4e4d4d !important;
border-left: 1px solid #494444 !important;
}








.snook-hosting-each-box{
width: 30%;
margin-left: 1%;
margin-right: 1%;
background: white;
color: rgb(55,55,55);
padding-bottom: 2%;
display: inline-block;
vertical-align: top;
margin-top: 1%;
margin-bottom: 1%;

}

.snook-hosting-each-box h2{
width: 90%;
padding: 5%;
background: darkseagreen;
color: white;
font-weight: 300;
margin-top: 0;
margin-bottom: 0;
font-size: 140%;

}


.snook-hosting-each-box p{
width: 90%;
padding: 5%;
line-height: 34px;
padding-top: 2%;
padding-bottom: 2%;
}


.snook-hosting-each-box h3{
width: 90%;
padding: 5%;
margin-bottom: 0;
margin-top: 0;
padding-top: 2%;
padding-bottom: 0;
font-size: 120%;
font-weight: 300;
color: dimgray;
}




.hostingbutton, .password_change .passwordbutton {
display: inline-block;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-size: 14px !important;
background: #bc9537;
border: 1px solid #bc9537;
padding: 6px !important;
padding-left: 34px !important;
padding-right: 34px !important;
border-radius: 2px; 
color: white !important;	
margin-left: 5px;
margin-right: 5px;	
margin-bottom: 8px;
font-weight: 400;	
width: auto !important;
font-family: calibri;
cursor: pointer;
   -webkit-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
-moz-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
  -o-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
  transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
}



.hostingbutton:hover, .password_change .passwordbutton:hover{
background: firebrick;
border: 1px solid firebrick;	
font-weight: 600;	
opacity: 1 !important;
   -webkit-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
-moz-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
  -o-transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
  transition: background 1s ease-in, border 0.6s linear, font-weight 0.7s linear;	
	
}


.snook-host-white-section{
width: 74%;
padding: 5%;
padding-left: 13%;
padding-right: 13%;
float: left;
text-align: center;
font-family: calibri; 
font-weight: 300;
color: rgb(50,50,50);
text-align: center;
background: white;


}






.snook-each-email-wordfence{

width: 44%;
margin-right: 4%;
display: inline-block;
vertical-align: top;
margin-top: 1%;
margin-bottom: 2%;
text-align: center;
}


.snook-each-email-wordfence img{
width: 25%;
height: auto; 
display: inline-block;

}


.snook-each-email-wordfence p{
font-size: 110%;
line-height: 30px;
text-align: center;
}



.snook-cart-section-wrapper{
width: 100%;
float: left; 
text-align: center; 
margin-top: 150px;
min-height: 450px;
font-family: calibri; 
margin-bottom: 5%;
}



.snook-cart-section{
width: 40%;
display: inline-block;
vertical-align: top;
margin-right: 3%;
font-family: calibri; 
font-weight: 300; 
border: 1px solid gainsboro;
padding: 3%;
min-height: 220px;
position: relative;


}


.snook-cart-section-left{

width: 49%;
float: left;
margin-right: 1%;
font-size: 115%;
font-weight: 600;
color: rgb(50,50,50);
text-align: left;
}


.snook-cart-section-left-heading{

width: 100%;
float: left;
font-size: 115%;
font-weight: 600;
color: rgb(50,50,50);
text-align: left;
}




.snook-cart-section-right{

width: 49%;
float: right;
margin-left: 1%;
font-size: 115%;
font-weight: 600;
color: rgb(50,50,50);
text-align: right; 
}





.snook-cart-section-sidebar{
width: 25%;
display: inline-block;
vertical-align: top;
margin-left: 1%;


}

.snook-cart-section-amount{
width: 94%;
padding-left: 3%;
padding-right: 3%;
font-family: calibri;
font-weight: 300;
display: inline-block;
vertical-align: top;
border-top: 3px solid darkslategray;
border-bottom: 3px solid darkslategray;
text-align: left;
padding-top: 25px;
padding-bottom: 25px;
color: rgb(60,60,60);
text-transform: uppercase; 
font-weight: 600;
font-size: 125%;
}


.snook-cart-section-amount-left{
text-align: left; 
width: 49%;
margin-right: 1%;
float: left;

}


.snook-cart-section-amount-right{
text-align: right; 
width: 49%;
margin-right: 1%;
float: right;

}



.snook-cart-section-button, .snook-cart-refresh-button{
width: 100%;
padding-left: 5%;
padding-right: 5%;
padding-top: 4%;
padding-bottom: 4%; 
margin-top: 20px;
background: #bc9537;
color: white; 
font-weight: 400;
font-size: 100%;
margin-bottom: 5px;
border: 0;
outline: #bc9537;
cursor: pointer; 
display: inline-block;
}


.snook-cart-refresh-button{
width: 90%;
background: gray;
}


.snook-cart-section-button:hover, .snook-cart-refresh-button:hover{
background: firebrick;	
}


.snook-host-input-fields{
width: 100%;
float: left;
margin-top: 5%;
margin-bottom: 35px;
text-align: left !important;


}


.snook-host-payment-button-holder{
width: 100%; 
float: left; 
margin-top: 12px;
margin-bottom: 30px !important;
text-align: left !important;


}


.snook-cart-section-button:hover{
background: firebrick;

}


.snook-cart-section-terms-service{
color: gray; 
font-size: 88%;
width: 100%;
margin-top: 15px;
margin-bottom: 2%;
text-align: left;
}


.snook-host-back{

font-size: 13px;
color: gray !important; 
width: 100%;
left: 4%; 
position: absolute;
bottom: 1%; 
margin-top: 9px;
margin-bottom: 9px;
text-align: left !important; 
}

.snook-host-back a{
color: gray !important; 

}


.snook-invoice-section{
width: 75%;
display: inline-block;
vertical-align: top;
margin-bottom: 3%;
border: 1px solid gainsboro;
min-height: 300px;	
padding: 3%;	
	
	
}


.snook-invoice-section h1{
text-align: center;	
font-weight: 600;
font-size: 160%;
margin-top: 15px;
margin-bottom: 15px;
font-family: arial;
text-transform: uppercase;	
color: rgb(70,70,70);
}



.snook-invoice-section h2{
text-align: left;	
font-weight: 400;
font-size: 125%;
margin-top: 6px;
margin-bottom: 10px;	
color: rgb(40,40,40);
}

.snook-invoice-section h3{
text-align: left;	
font-weight: 300;
font-size: 105%;
margin-top: 6px;
margin-bottom: 10px;	
}


#invoice-table-snook{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
	margin-top: 3%;
}

#invoice-table-snook td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
	text-align: left;
	padding: 14px;
}


#invoice-table-snook tr:hover {background-color: #ddd;}

#invoice-table-snook th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: darkslategray;
    color: white;
	padding: 14px;
}


.invoice-table-total-hold{
	
width: 100%;
margin-top: 4%;
float: left;	
margin-bottom: 2%;
text-align: right;	
}

.invoice-table-total{
width: 45%;
display: inline-block;
	
	
	
	
}



.larger-invoice-table{
width: 60%;		
	
	
}


.small-invoice-table{
width: 10%;		
text-align: center !important;	
	
}

.medium-invoice-table{
width: 30%;		
text-align: right !important;		
	
}

td.medium-invoice-table{
text-align: right !important;		
}


/*Hosting Plans Style Done */



/*Snook User Account*/


.UserAccountWrapper{
	
width: 100%;
background: #F3EFEE;
float: left;
position: relative;
margin-top: 85px;	
text-align: right;	
font-family: calibri;
font-weight: 300; 
}



.UserAccountWrapper h2{
font-weight: 400;
color: rgb(55,55,55);	
}


.UserAccountSidebar{
width: 20%;
display: inline-block;	
vertical-align: top;
position: relative;
margin-top: 2%;
margin-bottom: 2%;
text-align: left;	
margin-right: 1%;	
	
}


.UserAccountMainSection{
	
width: 70%;
padding: 2%;
margin-left: 2%;
display: inline-block;
vertical-align: top;	
margin-top: 0;
margin-bottom: 0;
min-height: 830px; 	
background: white;
text-align: left;	
padding-bottom: 5%;
}



#desktoplpsidebar{
		
	
}

#mobilelpsidebar{
		
display: none;	
}


.userAccountEnlarge{
	
width: 106%;
display: inline-block; 
position: relative;	
	
	
}


.userAccountfeaturedeach{
width: 30%;
margin-right: 2%;	
display: inline-block;
vertical-align: top;
margin-top: 1%;
margin-bottom: 1%;
	
	
	
}


.userAccountfeaturedeachimage{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 60%;
margin-bottom: 15px;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
}


.userAccountfeaturedeachimage img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}



.userAccountfeaturedeach h4{
margin-top: 6px;
font-weight: 500;
font-size: 115%;	
	
	
}

.userAccountsnooklink{
color: darkslategray !important;
font-weight: 300; 
font-size: 110%;
	
	
	
	
}

.userAccountsnooklink:hover{
text-decoration: underline; 
font-weight: 500;	
	
}



.centerPasswordfield{
width: 100%;
float: left;
text-align: center;
margin-bottom: 3%;	
	
	
	
	
}


.centerPasswordfield p{
text-align: left;	
margin-top: 1%;
margin-bottom: 2%;	
}

.password_change{
width: 45%;
display: inline-block;
vertical-align: top;
padding: 3%;
border: 1px solid gainsboro;	
text-align: left;	
padding-left: 4%;
padding-right: 2%;	
margin-top: 2%;
margin-bottom: 1%;	
}


.password_change .passwordstyling{
width: 96%;
border: 1px solid #F3EFEE;
background: #F3EFEE;
outline: none;
display: inline-block;
margin-top: 1%;
margin-bottom: 18px;	
padding: 2%;
border-radius: 3px;	
}


.password_change #error{
	
color: darkred;

	
	
}


.Userwhatsnew{
	
width: 100%;
float: left;
margin-top: 2%;
margin-bottom: 2%;
padding-top: 2%;
padding-bottom: 3%;
border-bottom: 1px solid #F3EFEE;	
border-top: 1px solid #F3EFEE;	
	
}


/*Snook User Account End */



/*SnookLearnpress*/

#learn-press-course{
width: 86%;
display: inline-block;	
vertical-align: top;
font-family: calibri, sans-serif;
font-weight: 300;	
margin-left: 7%;	
	
}


#learn-press-course p{
font-size: 108%;
color: rgb(45,45,45);	
line-height: 28px;	
	
}



.snooklearnpresstitle{
color: dimgray;	
width: 100%;
border-bottom: 3px solid gainsboro;	
font-weight: 500;	
}



.snooklearnpresslink{
	
width: 100%;
display: inline-block; 
color: rgb(55,55,55) !important;	
font-weight: 600;	
	
	
}


.featuredlessonSidebar{
margin-top: 0;
margin-bottom: 6px;	
	
	
	
}




.quicklinksCsshold a, .quicklinksCsshold p{
display: inline-block;
width: 100%;	
color: rgb(50,50,50);	
border-bottom: 1px dashed silver;
padding-bottom: 6px;
padding-top: 6px;	
margin-top: 0;
margin-bottom: 0;	
}


.allCoursesbutton{
width: 94%;
padding: 3%;
color: white !important;
background: rgb(70,70,70);	
display: inline-block;
text-align: center;	
text-transform: uppercase;
font-weight: 600;	
letter-spacing: 1px;	
margin-top: 3%;
}


.signinLinks{
width: auto !important; 
display: inline-block;
color: darkseagreen !important;
font-weight: 500;
border-bottom: 0 !important;	
padding-bottom: 0 !important;
padding-top: 0 !important;	
	
}



ul.learn-press-nav-tabs .course-nav a {
color: darkslategray !important;	
font-weight: 600;	
	
}


.learn-press-progress .progress-bg .progress-active {

background: darkslategray !important;	
	
}


.course-remaining-time .lp-label.label-enrolled{
	
background: firebrick !important;	
	
}

.course-remaining-time .lp-label.label-enrolled:hover{
	
background: #bc9537 !important;	
	
}


.section-item-link{
	
color: #17612e !important;	
	
}


.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .count-questions{
background: #e03847 !important;	
	
}



ul.learn-press-nav-tabs .course-nav.active:after, ul.learn-press-nav-tabs .course-nav:hover:after{
	
background: rgb(60,60,60) !important;	
	
}


.learnpressauthorimage{
width: 110px;
height: 110px;
display: inline-block;
vertical-align: middle;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
border-radius: 50%;
}


.learnpressauthorimage img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}



.enrollLogin{
width: auto; 
display: inline-block;
color: darkslategray !important;
border: 2px solid darkslategray;
margin-left: 2px;
font-weight: 500;
padding: 4px;
font-size: 13px; 
border-radius: 2px;

	
	
	
}



ul.learn-press-courses .course .course-title{
color: darkslategray;
font-weight: 600 !important;
margin-top: 8px !important;
text-transform: uppercase;	
width: 100%;
float: left;	
	
}


.purchase-course .lp-button, .continue-course .lp-button{
	
border: 0;
background: #bc9537; 
color: white;
margin-top: 1%;
margin-bottom: 1%;	
padding: 0 15px !important;	
line-height: 45px !important;
    height: 45px !important;
	
}



ul.learn-press-courses .course .lp-course-buttons form button {
display: inline-block; 
vertical-align: top; 
background: rgb(60,60,60);
color: white;	
border: 0;	
border-radius: 2px;
cursor: pointer; 
outline: none;
width: 100% !important;
padding: 0 3% !important;
line-height: 5px !important;
text-transform: uppercase;
}






ul.learn-press-courses .course .lp-course-buttons form button:hover{
	
background: firebrick;	
	
	
}

.purchase-course p, .snook-purchase-course p{
	
height: auto !important; 
margin-top: 0;
margin-bottom: 0;	
	
}


.snook-purchase-course p{
position: relative;
margin-top: -7px;
}



.snook-purchase-course-button, .snook-continue-course-button, .snk-learnpress-preview-button{
width: 100%;
display: inline-block; 
height: 45px;
background: rgb(60,60,60);
text-transform: uppercase; 
color: white !important;
font-weight: 300;
outline: none;
border: 0;	
border-radius: 2px; 	
margin-bottom: 3%;
text-align: center;
	
}

.snook-purchase-course-button:hover, .snook-continue-course-button:hover, .snk-learnpress-preview-button:hover{
	
	background: firebrick;
	opacity: 1 !important;
	
}


.snk-learnpress-preview-button{

line-height: 43px !important;
	
}


.snook-purchase-hidden-field{
display: none;	

	
}


.learnpress-page .lp-button{
border: 0;
background: #bc9537; 
color: white;
margin-top: 1%;
margin-bottom: 1%;

}


.form-button-finish-course .lp-button{
	
line-height: 15px !important;	
	
}

.learnpress-profile-view-snk{
width: 100%;
margin-top: 85px;
position: relative;
float: left;
text-align: center;	
font-family: calibri; 	
min-height: 500px;	
padding-bottom: 5%;
}

#learn-press-user-profile{
width: 100%;
display: inline-block; 
text-align: left;
	
	
	
}





#learn-press-profile-nav{
    float: left;
    width: 100%;
	min-width: auto !important;
    padding-top: 10px !important;
    background: #f5f5f5;
background: white !important;	
    text-align: left;
	box-sizing: border-box;
	padding-left: 20%;
	padding-right: 8%;
	padding-bottom: 10px;
	box-shadow: 1px 1px 1px silver;
	
}


#learn-press-profile-nav .tabs{
width: auto;
display: inline-block;
vertical-align: top;
padding: 8px;	
	
	
	
	
}


#learn-press-profile-nav .tabs > li {
width: auto;
display: inline-block;
vertical-align: top;
padding: 8px;	
	
	
}


#learn-press-profile-nav:before {
    content: '';
    width: auto !important;
    background: white;
    top: 0;
    bottom: 0;
    position: relative !important;
}


#learn-press-profile-content {
    display: inline-block !important;
    width: 90% !important;
    margin-top: 30px;
    overflow: hidden;
	margin-left: 5% !important;
	margin-right: 5% !important;
}


#learn-press-profile-nav .tabs > li.active ul {
    display: none !important;
}


#learn-press-profile-nav .tabs > li ul{
position: absolute;   
width: 180px !important;
top: 39px !important;
display: none;
left: 7px !important;	
}


#learn-press-profile-nav .tabs > li a{
color: darkslategray;
font-weight: 600;	
	
	
	
}


#learn-press-profile-header {
    height: 220px !important;
    background: #d6e9af !important;
	background: rgb(90,90,90) !important;
    position: relative;
    z-index: 100;

}

#learn-press-profile-header .lp-profile-avatar {
    position: absolute;
    bottom: -25px !important;
    left: 4% !important;
}


#learn-press-profile-header .lp-profile-avatar img {
border-radius: 50% !important;
border: 4px solid white; 	
width: 160px !important;
height: 160px !important;	
}



.learn-press-subtab-content .profile-heading{
width: 100%; 
font-weight: 400;
text-transform: uppercase;
font-size: 120%;	
	
	
	
}

.lp-list-table thead tr th {
    background: #acd260 !important;
	background: rgb(55,55,55) !important;
}



#learn-press-profile-nav .tabs > li.active ul, #learn-press-profile-nav .tabs > li.active a, #learn-press-profile-nav .tabs > li:hover ul, #learn-press-profile-nav .tabs > li:hover a {
    background: #acd260 !important;
	
}


.lp-tab-sections {
	
background: white !important;	
border-bottom: 1px solid gainsboro;	
	
}

.lp-tab-sections .section-tab.active span {
    border-bottom: 2px solid #acd260 !important;
    padding-bottom: 6px;
	
}

.learn-press-form .form-fields .form-field input[type="text"], .learn-press-form .form-fields .form-field input[type="email"], .learn-press-form .form-fields .form-field input[type="number"], .learn-press-form .form-fields .form-field input[type="password"], .learn-press-form .form-fields .form-field textarea{

border: 1px solid gainsboro !important;
border-radius: 2px !important;	
padding-top: 16px !important; 
padding-bottom: 16px !important	
}


#lp-avatar-actions button{
display: inline-block; 
vertical-align: top;
border: 0;
background: dimgray; 
padding: 8px;
width: auto; 
border-radius: 2px;	
color: white; 	
}


#learn-press-user-profile #submit, .learn-press-form button{	
display: inline-block; 
vertical-align: top;
border: 0;
background: #bc9537; 
padding: 8px;
padding-left: 12px; 
padding-right: 12px;
width: auto; 
border-radius: 2px;	
color: white; 	
cursor: pointer;	
	
}

#learn-press-user-profile #submit:hover, .learn-press-form button:hover{	

background: firebrick;

}







.order-recover input[name="order-key"]{
	padding: 3px;
    padding-top: 12px; 
	padding-bottom: 12px;
	border-radius: 2px;
	border: 1px solid gainsboro;
	margin-top: 1%;
margin-bottom: 1%;
}

.lp-tab-sections{
	
	
}




form[name="search-course"] .search-course-input{
	
border: 0!important;
border-bottom: 2px solid gainsboro !important; 	
outline: none !important;	
padding-bottom: 16px !important;	
}






form[name="search-course"] .search-course-button {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    padding: 6px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
    height: 30px !important;
    line-height: 1px;
	outline-color: firebrick;
}


form[name="search-course"] .search-course-button:hover {
background: firebrick;	
	
}



.learn-press-message:before{
	
background: #acd260 !important;	
	
}


ul.learn-press-courses .course .course-thumbnail img{
	
	
	
}



ul.learn-press-courses .course .course-thumbnail{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 65%;
margin-bottom: 15px;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
}


ul.learn-press-courses .course .course-thumbnail img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.course-price{

margin-bottom: 7px; 
	
	
}

#learn-press-content-item, #course-item-content-header, .scroll-wrapper > .scroll-content{
	
font-family: calibri !important;	
	
}


#learn-press-content-item .submit {
    width: auto;
	display: inline-block;
    font-size: 100% !important;
    background: rgb(60,60,60);
    color: white;
    padding: 16px !important;
    border: 0;
    border-radius: 3px;
	padding-left: 19px;
	padding-right: 19px;
}





#course-item-content-header{

background: rgb(65,65,65) !important;
	
}


.course-curriculum ul.curriculum-sections .section-content .course-item:before {
    background: #acd260 !important;	
	
}


.course-curriculum ul.curriculum-sections .section-header {
    border-bottom: 1px solid #acd260 !important;
	
}




body.course-item-popup #course-item-content-header .course-item-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: gainsboro !important;
}
body.course-item-popup #course-item-content-header .course-item-search input::-moz-placeholder { /* Firefox 19+ */
color: gainsboro !important;
}
body.course-item-popup #course-item-content-header .course-item-search input:-ms-input-placeholder { /* IE 10+ */
color: gainsboro !important;
}
body.course-item-popup #course-item-content-header .course-item-search input:-moz-placeholder { /* Firefox 18- */
color: gainsboro !important;
}

.lp-quiz-buttons button{
border: 2px solid darkslategray !important;
background: transparent !important; 
padding: 8px !important;
color: darkslategray !important;	
	
	
}

.question-numbers li.current a {
    background: #acd260 !important;
    color: #FFF !important;
    border-color: #d6e9af !important;
}


.scroll-element.scroll-y .scroll-bar {
    background: #acd260 !important;

}




.course-item-nav .next, .course-item-nav .prev {
border-top: 1px solid silver; 
color: gray !important;
margin-bottom: 19px;	
text-align: center !important; 
padding: 6px !important;

}



.course-item-nav .next a, .course-item-nav .prev a {
    opacity: 0;
	position: relative !important;
	display: inline-block !important;
	margin-top: -70px;

}






.course-item-nav .next:hover, .course-item-nav .prev:hover{
border-top: 1px solid firebrick; 	
color: firebrick !important;

	
}

.content-item-wrap h1{
font-size: 160%;
font-weight: 400;	
color: rgb(40,40,40);	
	
}


.content-item-wrap h2{
font-size: 145%;
font-weight: 400;	
color: rgb(60,60,60);	
	
}


.content-item-wrap h3{
font-size: 135%;
font-weight: 300;	
color: rgb(60,60,60);	
	
}

.content-item-wrap h4{
font-size: 118%;
font-weight: 600;	
color: rgb(60,60,60);	
	
}


.content-item-wrap p{
line-height: 26px;
font-weight: 300;	
color: rgb(50,50,50);	
	
}

.quiz-progress .progress-items{
	
background: #d6e9af !important;	
	
}



.snooksyvidzy-video-blog{
width: 100%;
display: inline-block;
text-align: center;
position: relative;	
	
	
}


 .videoWrapper {
	position: relative;
	padding-bottom: 45%; /* square - padding 56% for 16:9*/
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
} 



.html5-video-player {
display: inline-block;

}


.html5-video-player iframe{
	
	position: absolute !important;
	top: !important;
	right: !important;
	width: 100% !important;
	height: 100% !important;	
	
}


.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
  
.video-container iframe, .video-container object, .video-container embed, .video-container video { 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0;
  width: 100%;
  height: 100%;
}


.scroll-wrapper{
	
z-index: 9999999999999999 !important;	
	
	
}





.membership-overlay-lesson{
width: 100%;
position: fixed;
top: 0; 
left: 0;
background: rgba(55,55,55); 
z-index: 9999999999999999;
font-family: calibri;
font-weight: 300;
height: 100%;
color: white;	
text-align: center;	
overflow: hidden;	
	
}


.membership-overlay-scroll{
width: 100%;
height: 100%;
position: absolute;
top: 7%;	
	
	
}


.membership-back-to-course{
	
display: inline-block;
color: gainsboro !important;
vertical-align: top;
font-size: 115%;
border-bottom: 1px solid white;
padding: 7px;
margin-top: 8px;	
width: auto;	
padding-bottom: 4px;	
}

.membership-back-to-course:hover{
font-weight: 500;	
	
}

.membership-snook-logo{
width: 150px;
height: auto; 
position: absolute;
top: 8px;
left: 8px;
	
	
	
}


.membership-snook-logo img{
	
width: 100%;
height: auto;
}



.membership-overlay-lesson h1{
width: 80%;
padding-left: 10%;
padding-right: 10%;
font-weight: 300;
font-size: 170%;
font-family: arial;	
border-bottom: 1px solid gainsboro;
padding-bottom: 14px;
display: inline-block;
vertical-align: top;	
color: white !important;
text-transform: uppercase;
}


.membership-overlay-lesson p{
width: 60%;
color: white !important;
padding-left: 20%;
padding-right: 20%;
font-weight: 300;
font-size: 130%;
display: inline-block;
vertical-align: top;	
}


.membership-overlay-lesson-back{
position: absolute;
width: auto; 
padding: 6px;
top: 8px;
right: 8px;
background: #bc9537;
color: white !important;
font-weight: 400;
font-size: 14px;	
	
}


.membership-overlay-lesson-back{
background: firebrick;	
	
}


.membership-overlay-buttons{
display: inline-block;
vertical-align: top;	
width: auto; 
padding: 16px;
padding-left: 20px;
padding-right: 20px;
background: #bc9537;
font-weight: 300;
text-transform: uppercase;
font-size: 110%;
border-radius: 2px;	
color: white !important;	
margin-top: 2%;
margin-left: 5px;
margin-right: 5px;	
   -webkit-transition: font-weight 0.6s, background-color 0.3s linear;	
-moz-transition: font-weight 0.6s, background-color 0.3s linear;	
  -o-transition: font-weight 0.6s, background-color 0.3s linear;
  transition: font-weight 0.6s, background-color 0.3s linear;

}

.membership-overlay-buttons:hover{
background: firebrick;	
font-weight: 600;	
   -webkit-transition: font-weight 0.6s, background-color 0.3s linear;	
-moz-transition: font-weight 0.6s, background-color 0.3s linear;	
  -o-transition: font-weight 0.6s, background-color 0.3s linear;
  transition: font-weight 0.6s, background-color 0.3s linear;
}




.membership-enroll-buttons{
display: inline-block;
vertical-align: top;	
width: auto; 
padding: 10px;
padding-left: 12px;
padding-right: 12px;
background: #bc9537;
font-weight: 300;
text-transform: uppercase;
font-size: 102%;
border-radius: 2px;	
color: white !important;	
margin-top: 2%;
margin-left: 5px;
margin-right: 5px;	
   -webkit-transition: font-weight 0.6s, background-color 0.3s linear;	
-moz-transition: font-weight 0.6s, background-color 0.3s linear;	
  -o-transition: font-weight 0.6s, background-color 0.3s linear;
  transition: font-weight 0.6s, background-color 0.3s linear;

}

.membership-enroll-buttons:hover{
	opacity: 1 !important;
background: firebrick;		
   -webkit-transition: background-color 0.3s linear;	
-moz-transition: background-color 0.3s linear;	
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}



.checkout-form-login-toggle, .checkout-form-register-toggle {
width: auto;
color: rgba(100,100,100) !important;	
padding: 5px;
border: 1px solid rgba(100,100,100);
padding-left: 12px;
padding-right: 12px;
border-radius: 2px;	
	
	
}

.checkout-form-login-toggle:hover, .checkout-form-register-toggle:hover {
background: firebrick;
color: white !important;
border: 1px solid firebrick;	
	
}


#learn-press-checkout-login, #learn-press-checkout-register {
    margin-bottom: 1.5em;
    border: 1px solid #DDD;
	border-radius: 5px;
    padding: 20px !important;
    background: #FFFFFF;
}

.membership-form-purchase-holder{
width: 100%;
text-align: center;
float: left;
	
	
}


.membership-form-purchase{
width: 70%;
display: inline-block;
text-align: center;
margin-top: 3%;
border-radius: 5px;	
margin-bottom: 2%;	
background: rgb(248,246,246);	
	
	
}

.membership-form-purchase h1{
width: 94%;
padding: 3%;
background: rgb(60,60,60);	
text-align: center;	
color: white; 
text-transform: uppercase;
font-size: 150%;	
margin-top: 0;
	
}



.membership-input-fields-holder{
width: 90%;
padding: 5%;
display: inline-block;
vertical-align: top;
	
	
	
	
}

.membership-input-fields-holder label{
width: 100%;
display: inline-block;
margin-top: 4px !important;
margin-bottom: 4px !important;
text-align: left !important;
color: rgb(60,60,60);
}


.membership-input-fields-holder div{

text-align: left;
	
}


.membership-form-input{
width: 100%;
padding: 2%;
padding-top: 18px; 
padding-bottom: 18px;
display: inline-block;
vertical-align: top; 
margin-top: 1%;
margin-bottom: 1%;
border: 1px solid gainsboro;	
background: white;	
border-radius: 1px solid gainsboro;	
text-align: left;
box-sizing: border-box; /*This allows any padding without affecting the overall size, width is adjusted as necessary.*/
outline-color: darkgreen;
}


.first_name_er .membership-form-input, .last_name_er .membership-form-input, .email_receipt_er  .membership-form-input, .user_name_er .membership-form-input{
	
border: 1px solid firebrick;
background: rgba(250,238,238);	
	
	
}


.radio-button-and-input-align{
	
width: 100%;
float: left;
text-align: left;
display: inline-block;
vertical-align: top;
margin-top: 1%;
margin-bottom: 1%;	
	
	
}


.membership-initial-response{
	
width: 100%;
display: inline-block;
margin-bottom: 36px;	
margin-top: -2%;
position: relative;	

}

.membership-initial-response div{
	
width: 100%;
box-sizing: border-box;
display: inline-blok;
padding: 8px;
border-bottom: 1px dashed silver;	
	
	
}



.membership-types-button-ghost, .membership-types-button{
width: auto; 
display: inline-block; 
vertical-align: top; 
margin-right: 10px;
padding: 8px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid rgb(100,100,100);	
text-align: center; 	
margin-top: 9px;	
outline-color: none;
cursor: pointer;	
font-size: 14px;	
outline: none;
}


.membership-types-button{

color: white;
background: rgb(100,100,100);	
	
}


.membership-types-button-ghost{
	
color: rgb(100,100,100) !important;		
	
}



.membership-types-button-ghost:hover, .membership-types-button:hover{
color: white !important;
background: firebrick;		
border: 1px solid firebrick;
}



.membership-terms-signup{
width: 100%;
display: inline-block;	
box-sizing: border-box;
padding: 3%;
border-top: 1px solid gainsboro;	
color: rgb(100,100,100);
margin-top: 5%;	
padding-bottom: 0;
}

.order_receipt_table{
	 
width: 100%;
margin-bottom: 2%;
margin-top: 2%;	 
	 
 }

.order_receipt_table table{
	
	width: 100%;  
	  table-layout: fixed;
	 border-collapse: collapse; 
	
}



.order_receipt_table th, td{
width: 25%;
padding: 11px;	  
border: 1px solid gainsboro;	

overflow-wrap: break-word;
  word-wrap: break-word;
  	
	
}


.order_receipt_table th{
background: rgb(50,50,50);	
padding: 19px;
color: white; 
font-weight: 400;
font-size: 115%;	
}



.orderlp_receipt_total{
	
width: 100%;	
	
}


.orderlp_receipt_total table{
	
	width: 100%;  
	  table-layout: fixed;
	 border-collapse: collapse; 
	
}


.orderlp_receipt_total td{
font-size: 120%;	
border: 0; 	
text-align: right;	
}


.underline_totalorder{
text-decoration-line: underline; 
text-decoration-style: double;
	
	
}


.snk-purchase-course, .confirm_showbutton{
width: auto; 
display: inline-block;	
box-sizing: border-box;
border: 0;
background: #bc9537;
color: white;
padding: 12px;
padding-left: 19px;
padding-right: 19px;
font-size: 100%;
outline: none;
border-radius: 2px;	
cursor: pointer;	
}


.snk-purchase-course:hover, .confirm_showbutton:hover{
background: firebrick;
	
	
}



.lp_buttonloader_wrapper{
width: 100%;
position: relative; 
display: inline-block;
	
	
	
}

#lp_button_overlay{
display: none;	
	
	
}


.lp_buttonloader{
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0; 
background: rgba(255,255,255,0.6);
height: 100%;
text-align: center;	
}


.lp_buttonloader_image{
	
width: 140px; /*Use the Width Necessary*/
top: 25%;

transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);	
position: relative;	/*This ensures div is movable*/
text-align: center;		
display: inline-block;
vertical-align: top;		
	
}


.lp_buttonloader_image img{
width: 100%;
height: auto;	
	
	
}



#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}


.hidden_content{
	
display: none;	
	
}



/*SnookLearnpress*/



/*Blog alignment */

img.alignright { 
float: right; 
width: 35%;
height: auto; 
margin-left: 2%;

}
img.alignleft { 
float: left; 
width: 35%;
height: auto;
margin-right: 2%;
}


img.aligncenter { 
display: inline-block; 
width: 100%;
height: auto;
margin-left: auto; 
margin-right: auto; 
}



/*Blog Alignment done */




/* Recent Projects Redo */

.snook-recent-projects-section{
	
width: 100%; 
float: left;
text-align: center;
font-family: calibri, sans-serif;
position: relative;
margin-top: 85px;	
	
	
	
}


.snook-projects-header-image{
width: 100%;
float: left;
padding-top: 15%;
padding-bottom: 15%;
color: white;	
background: url(images/snook-home-page.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
position: relative;	
	
	
}


.snook-project-header-image-overlay{
width: 100%;	
position: absolute;
height: 100%;
background: rgba(0,0,0,0.4);	
top: 0;
left: 0;	
z-index: 1;	
	
}


.snook-project-header-image-overlay-a{
width: 100%;	
position: absolute;
height: 100%;
background: rgba(0,0,0,0.2);	
top: 0;
left: 0;	
z-index: 1;	
	
}



.snook-projects-header-image h1{
color: white; 
font-size: 250%;
font-weight: 400;
width: 90%; 
margin-bottom: 0;
padding-left: 8%; 
padding-right: 2%;
text-align: left;
position: relative;
z-index: 5;
margin-top: 5px;
text-shadow: 1px 1px 1px rgb(0,0,0,0.5);
}




.snook-intro-project{
color: white; 
font-size: 120%;
font-weight: 300;
width: 90%; 
padding-left: 8%; 
padding-right: 2%;
text-align: left;
position: relative;
z-index: 5;	
margin-bottom: 5px;	
text-shadow: 1px 1px 1px rgb(0,0,0,0.4);	
}



.snook-project-section-content{
	
	
width: 100%; 
float: left;
text-align: center;
position: relative;
padding-top: 3%;
	
	
	
	
}


.snook-project-section-content .content-block, .snook-project-section-content .highlighter, .snook-project-section-content h2, .snook-project-section-content h3, .snook-project-section-content h4, .snook-project-section-content h5, .snook-project-section-content h6{
	
width: 40%;
margin-left: 30%;
margin-right: 30%;
float: left;
font-weight: 300;	
text-align: left;	
color: rgb(50,50,50);
margin-top: 6px !important;
margin-bottom: 3px !important;
}




.snook-project-section-content h2 {
color: rgb(100,100,100);	
font-size: 250%;
text-align: left;	
margin-top: 11px;
}

.snook-project-section-content h3 {
color: rgb(130,130,130);	
font-size: 200%;
margin-top: 4px !important;	

}


.snook-project-section-content h4{
color: rgb(90,90,90);	
font-size: 160%;	
margin-top: 4px !important;		
}


.snook-project-section-content h5{
color: rgb(80,80,80);	
font-size: 140%;	
margin-top: 4px !important;		
}


.snook-project-section-content h6{
color: rgb(80,80,80);	
font-size: 130%;	
margin-top: 4px !important;	
	
}


.snook-project-section-content .content-block, .snook-project-section-content .large-content-block{	
font-size: 110%;	
line-height: 25px;	
margin-bottom: 3% !important;
margin-top: 5px !important;
font-weight: 300;
}

.snook-project-section-content .large-content-block{
color: rgb(50,50,50);	
width: 80%;
margin-left: 10%;
margin-right: 10%;	
float: left; 
text-align: left;	
}

.snook-project-section-content .center-heading, .snook-project-section-content .center-heading h2{
color: rgb(100,100,100);	
width: 80% !important;
margin-left: 10% !important;
margin-right: 10% !important;	
float: left; 
text-align: center !important;	
font-weight: 300;
margin-top: 8px !important; 
margin-bottom: 3px !important;
}

.snook-project-section-content p{
font-size: 110%;	
margin-bottom: 0 !important;	
font-weight: 300;
margin-top: 3px;
}


.snook-project-section-content img, .snook-project-section-content img.aligncenter {
	
width: 100%;
height: auto;
display: inline-block;	
margin-bottom: -5px !important;
position: relative;	
}


.snook-project-section-content .highlighter{
background: #c4de69;	
	
}


.snook-project-section-content .call-action a, .call-action a{
width: auto; 
display: inline-block; 
color: #bc9537 !important;
border: 1px solid #bc9537;
padding: 10px;
padding-left: 15px;
padding-right: 15px;
vertical-align: top; 
margin-top: 2%;
margin-bottom: 2%;
border-radius: 2px;	
padding-left: 15px; 
padding-right: 15px;	
font-size: 105%;
text-transform: uppercase;	
font-weight: 400;
}





.snook-project-section-content .call-action a:hover, .call-action a:hover{
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;	
background: firebrick;	
border: 1px solid firebrick;	
color: white !important;
}


.snook-contact-us-project{
width: 90%;
text-align: center;
padding-left: 5%;
padding-right: 5%;
padding-top: 3%;
padding-bottom: 3%;
float: left; 
position: relative;	
border-bottom: 1px solid #efefef;	
border-top: 1px solid #efefef;		
}

.snook-contact-us-project-text{
width: auto;
display: inline-block;
vertical-align: middle;
font-weight: 300;
color: rgb(110,110,110);	
font-size: 180%;	
	
}


.snook-contact-us-project a{
width: auto;
display: inline-block; 
color: #bc9537 !important;
border: 1px solid #bc9537;
padding: 12px;
vertical-align: middle; 
border-radius: 2px;	
padding-left: 25px; 
padding-right: 25px;	
margin-left: 6px;
text-transform: uppercase !important;
font-weight: 600 !important;	
	
}

.snook-contact-us-project a:hover{
  -webkit-transition: background-color 1.2s ease-out;
  -moz-transition: background-color 1.2s ease-out;
  -o-transition: background-color 1.2s ease-out;
  transition: background-color 1.2s ease-out;	
color: white !important; 
background: firebrick !important;	
border: 1px solid firebrick;
opacity: 1 !important;	
}



.project-intro-wrapper{
width: 100%;
display: inline-block; 
vertical-align: top;
font-family: calibri;
font-weight: 300;
text-align: center;
color: rgb(50,50,50);	
padding-top: 5%;	
padding-bottom: 5%;
border: 1px solid gainsboro;	
}


.project-intro-wrapper h2{
width: 50%;
padding-left: 25%;
padding-right: 25%;
margin-top: 0;
margin-bottom: 5px;
font-weight: 300;
font-size: 170%;	
color: rgb(100,100,100);	
	
}


.project-intro-wrapper p{
width: 50%;
padding-left: 25%;
padding-right: 25%;
font-weight: 300;
font-size: 105%;	
color: rgb(70,70,70);	
line-height: 27px;

}




.snook-recent-project-home-wrapper{
width: 100%;
float: left; 
text-align: center;
font-family: calibri, sans-serif; 
font-weight: 300;
padding-top: 5%;
padding-bottom: 5%;	
	
	
	
	
}


.snook-recent-project-sidebar {
width: 17%;
display: inline-block;
vertical-align: top; 
margin-right: 2%;	
text-align: left;	
	
}


.snook-recent-project-sidebar h2 {
width: 100%;
font-weight: 300;
text-transform: uppercase;
color: rgb(110,110,110);
margin-bottom: 6px;
font-size: 145%;	
	
}


.snook-recent-project-sidebar  a{
width: 98%;
padding-left: 2%;
float: left;
color: rgb(80,80,80) !important;	
padding-top: 2px;
padding-bottom: 2px;	
	
}

.snook-recent-project-sidebar  a:hover{
color: white !important;	
background: rgb(80,80,80)!important;		
	
}



.snook-recent-project-large-section {
width: 62%;
display: inline-block;
vertical-align: top; 
text-align: left;
	
	
}



.snook-recent-project-large-each{
width: 44%;
border: 6px solid white;
  -webkit-box-shadow: 1px 1px 1px 2px #c9c9c9;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 1px 2px #c9c9c9;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 1px 2px #c9c9c9;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */	
display: inline-block;
vertical-align: top;
background: url(images/snook-home-page.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
padding-top: 20%;
padding-bottom: 20%;  
margin-right: 2%;	
position: relative;	
margin-bottom: 1%;	
margin-top: 1%;
text-align: center; 	
}


.snook-recent-project-large-each-title{
font-weight: 300;
color: white;
font-size: 125%;	
display: inline-block;
position: relative;
text-align: center;
width: 80%;
margin-left: 10%;
margin-right: 10%;
z-index: 5;	
}


.snook-recent-project-large-each-link{
width: auto;
padding: 7px; 
border: 1px solid white;
font-size: 110%;
padding-left: 9px;
padding-right: 9px;
display: inline-block; 
vertical-align: top; 
margin-top: 8px;	
color: white;	
font-weight: 400;
text-transform: uppercase;	
position: relative; 
z-index: 5;	
border-radius: 2px; 
}


.snook-recent-project-large-each-overlay-a{
width: 100%;	
position: absolute;
height: 100%;
background: rgba(0,0,0,0.3);	
top: 0;
left: 0;	
z-index: 1;	
	
}




.snook-recent-project-large-each:hover .snook-recent-project-large-each-link{
-webkit-transition: color 1.2s, background 0.9s, font-weight 0.6s ease-out;
-moz-transition: color 1.2s, background 0.9s, font-weight 0.6s ease-out;
  -o-transition: color 1.2s, background 0.9s, font-weight 0.6s ease-out;
  transition: color 1.2s, background 0.9s, font-weight 0.6s ease-out;			
background: white;
color: rgb(60,60,60);	
}


.snook-recent-project-large-each:hover .snook-recent-project-large-each-overlay-a{
background: rgba(0,0,0,0.9);
opacity: 1 !important;	
-webkit-transition: opacity 0.9s, background 0.9s linear;	
-moz-transition: opacity 0.9s, background 0.9s linear;	
  -o-transition: opacity 0.9s, background 0.9s linear;	
  transition: opacity 0.9s, background 0.9s linear;	

}


.snook-graphic-layout{
width: 80%;
padding-left: 10%;
padding-right: 10%;
display: inline-block; 
vertical-align: top;

	
	
	
}

.snook-graphic-layout img{
width: 100%; 
height: auto; 	
display: inline-block; 
vertical-align: top;
margin-top: 7px !important;
margin-bottom: 20px !important;	
border: 1px solid #eae5e5;	
}





/* Recent Projects Redo Done */





/*Styling Blocks Gutneberg */


figure {
    display: inline-block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}


.wp-block-image{
width: 100%;
max-width: 100%;
height: auto; 
display: inline-block;
	
	
	
}


.snook-recent-projects-section .wp-block-image{
	
width: 80%;
max-width: 100%;
height: auto; 
display: inline-block;	
margin-bottom: 2%;	
margin-top: 2% !important;	
	
	
}

.wp-block-image figcaption {
    margin-top: 1%;
    color: #6c7781;
    text-align: center;
    font-size: 13px;
	margin-bottom: 2%;
}


.wp-block-gutenberg-boilerplate-es5-hello-world-step-02, .wp-block-gutenberg-boilerplate-es5-hello-world-step-01 {
    color: green !important;
    background: gainsboro !important;
    border: 2px solid #9c9;
    padding: 20px;
}


.wp-block-gutenberg-boilerplate-es5-hello-world-step-03, .wp-block-gutenberg-boilerplate-es5-snook-projects-div{
width: 80%; 
display: inline-block;
vertical-align: top;
margin-top: 2% !important;
margin-bottom: 2% !important;
font-size: 110%;
line-height: 26px;	
text-align: left;	
font-weight: 300;	
}


/*Styling Blocks Wordpress*/


/*Optin Pages */


.optin-snook-main, .optin-snook-main-nomenu{
background: url(newimages/snook-optin.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
width: 100%;
margin-top: 86px;
padding-top: 5%;
padding-bottom: 5%;
position: relative;
text-align: center; 
float: left;
}

.strategy-side-pop-link{
	
color: white !important;	
	
}

.optin-snook-main-nomenu{
margin-top: 0 !important;	
	
}


#break-email-url{
	

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

	
	
	
}


.competition-footer{
	
background: darkslategray;
text-align: center;
width: 98%;
padding-left: 1%;
padding-right: 1%;
float: left;
padding-top: 8px;
padding-bottom: 8px;	
font-size: 12px;
font-weight: 300; 
font-family: calibri;
color: white;	
	
}

.optin-snook-main-box{
width: 	60%;
display: inline-block; 
vertical-align: top;
background: transaprent; 
background: rgba(255,255,255,0.9);
padding: 10%;
color: rgb(55,55,55);	
font-family: calibri;
padding-top: 6%;
padding-bottom: 6%;	
}

.optin-snook-main-box h1{
width: 100%;
float: left;
margin-top: 0;
margin-bottom: 9px;
font-size: 340%;
color: rgb(30,80,30);
font-family: verdana, sans-serif;	
font-weight: 500;
}


.optin-snook-main-box h2{
width: 100%;
float: left;
margin-top: 6px;
margin-bottom: 3px;
font-size: 230%;
font-weight: 300;	
color: rgb(70,70,70);
}

.optin-snook-main-box ul{
width: 85%;
padding-left: 10%;
padding-right: 5%;
display: inline-block; 
vertical-align: top;
text-align: left;
font-size: 130%;
line-height: 28px;
	
}


.optin-snook-main-align{
font-size: 130%;
width: 85%;
padding-left: 3%;
padding-right: 3%;
display: inline-block; 
text-align: left;	
line-height: 28px;	
font-weight: 500;
}


.fact-bullets{
font-weight: 600;	
	
	
	
}




.optin-snook-main-center{
font-size: 110%;
width: 90%;
padding-left: 5%;
padding-right: 5%;
display: inline-block; 
line-height: 28px;	

}



.optin-snook-call-to-action{
background: #bc9537;
width: 50%;
padding: 12px;
padding-left: 8%;
padding-right: 8%;
color: white; 
text-transform: uppercase;
border-radius: 2px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;		
display: inline-block;
vertical-align: top;	
font-size: 160%;	
margin-top: 2%;
font-weight: 400;
cursor: pointer;
}




.optin-snook-call-to-action:hover{
background: firebrick;	
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;		
}


.optin-snook-call-to-action img{
width: 30px; 
height: auto; 
display: inline-block;
vertical-align: top; 
margin-left: 4px;	
cursor: pointer;	
	
}


.optin-more-about{
width: 100%;
float: left; 
padding-top: 5%;
padding-bottom: 5%;
text-align: center; 
position: relative;	
font-family: calibri;
font-weight: 300;	
	
	
}

.optin-more-about-contain{
width: 60%;
display: inline-block; 
vertical-align: center;	
position: relative;	
	
	
}


.optin-more-about h2{
width: 100%;
display: inline-block;
vertical-align: top;
font-size: 260%;
color: rgb(70,70,70);	
margin-top: 0;	
font-family: verdana;
font-weight: 400;
}


.optin-more-about h3{
	
	
}


.optin-more-about h4{
	
	
}



.optin-more-about p{
width: 100%;
display: inline-block;
vertical-align: top;
font-size: 130%;
color: rgb(50,50,50);	
text-align: left;	 	
	
}

.optin-more-about img{
width: 100%;
height: auto;	
}


.optin-more-about-contain-graphic{
width: 100%;
display: inline-block;
vertical-align: top;	
margin-bottom: 14px;
margin-top: 14px;	
	
}

.optin-more-about-contain-graphic-image{
width: 13%;
height: auto; 
display: inline-block;
vertical-align: middle;
margin-right: 2%;

	
	
	
	
}

.optin-more-about-contain-graphic-text{
width: 75%;
display: inline-block;
vertical-align: middle;	
	
	
}


.optin-more-about-contain-graphic p{
width: 100%;
display: inline-block;
vertical-align: middle;
line-height: 28px;
font-size: 135%;
margin-top: 6px;
	
}

.optin-more-about-contain-graphic h3{
width: 100%;
display: inline-block;
font-weight: 400;
font-size: 160%;
margin-top: 0;
text-align: left;
margin-bottom: 6px;	
color: rgb(30,80,30);
}



.optin-free-consultation{
width: 100%;
background: rgb(248,248,248);	
color: rgb(45,45,45);	
padding-top: 5%;
padding-bottom: 5%;
font-family: calibri;	
float: left;
text-align: center;
	
}

.optin-free-consultation-hold{
	
width: 75%;
display: inline-block;
vertical-align: top;
	
	
}


.optin-free-consultation h2{
margin-top: 0; 
font-weight: 400;
color: rgb(70,70,70);	
font-size: 260%;
}

.optin-free-consultation p{
margin-top: 0; 
font-weight: 300;	
font-size: 140%;
line-height: 28px;
}



#optin-testimonial-background{
background: url(newimages/snook-optin-clients.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
	
	
	
}



#optin-image-change{
background: url(newimages/snook-optin-clients.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;		
	

	
}


.optin-thankyou-note{
	
width: 50%;
padding: 5%;
display: inline-block;
vertical-align: top;
background: white;
top: 50%;
transform: translateY(-50%);	/*Translation Points - Centers Div "top" can be changed depending on needs*/
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
position: relative;	
	
	
}

.optin-thankyou-text-section{
width: 50%;
margin-right: 2%;
font-family: calibri; 
font-weight: 300;
color: rgb(40,40,40);	
display: inline-block;
vertical-align: middle;	
font-size: 105%;	
margin-top: 10px;	
}


.optin-thankyou-image-section{
	
width: 46%;
height: auto;
display: inline-block;
vertical-align: middle;
	
	
	
}


.optin-thankyou-image-section img{
width: 100%;
height: auto;	
	
}

/*Optin Pages Done */


/*Video */
 
figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
 
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 22px;
}

.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Life Coaching Start   */


.life-coaching-main-wrapper{
width: 100%;
float: left; 
overflow-x: hidden;	
	
	
}


.hero-life-coach{
background: url(life-coach/life-coach-hero-v3.jpg) no-repeat center 40% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 4%;
 padding-top: 4%;
 position: relative;
 text-align: center;
 margin-top: 86px;
}


#new-background-image-lwj{
background: url(life-coach/life-coach-hero-v6.jpg) no-repeat 37% 50% fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
 padding-bottom: 7%;
 padding-top: 7%;	
 margin-top: 0;
	
}

.hero-life-coach-image{
width: 30%;
padding-bottom: 30%;
position: relative;
color: white; 
display: inline-block;
vertical-align: middle; 	
margin-right: 2%;
margin-left: 2%;	
text-align: center;		
overflow-y: hidden;	
overflow-x: hidden;	
border-radius: 50%;		
}


.hero-life-coach-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.hero-life-coach-text{
width: 32%;
padding: 3%;
color: white; 
display: inline-block;
vertical-align: middle;
color: white; 
font-family: calibri;	
margin-right: 2%;
margin-left: 2%;	
text-align: center;	
	
}


.hero-life-coach-text-image{
	
width: 80%;
height: auto;
display: inline-block;	
margin-left: -3%;	
	
}


.hero-life-coach-text-image img{
width: 100%;
height: auto;	
}


.hero-life-coach-text p{
width: 100%;
font-size: 120%;
margin-top: 3%;
margin-bottom: 3%;
font-weight: 300; 	
text-align: left;

}

.hero-life-coach-white-text{
width: 100%; 
display: inline-block;
	
}

.hero-life-coach-white-text p {
font-family: calibri;
color: rgb(18,18,18);	
font-size: 145%;	
line-height: 140%;

}

.life-about-janet-johnson{
width: 100%;
float: left; 
text-align: center;
padding-top: 5%;
padding-bottom: 5%;
font-family: calibri;
position: relative;	
	
	
	
	
}



.life-about-janet-johnson-image{
width: 40%;
display: inline-block;
vertical-align: middle;
	
	
}

.life-about-janet-johnson-image img{
width: 100%;
height: auto;	
	
}



.life-about-janet-johnson-text{
width: 40%;
display: inline-block; 
vertical-align: middle;
text-align: left;
font-family: calibri; 
font-weight: 300;
color: rgb(70,70,70);	
	
	
}


.life-about-janet-johnson-text h1{
width: 100%;
margin-top: 0;
margin-bottom: 5px;
font-size: 150%;
font-family: calibri; 
font-weight: 400;
color: rgb(90,90,90);
display: inline-block;	
text-transform: uppercase;
}


.life-about-janet-johnson-text p{
margin-top: 6px;
margin-bottom: 10px;	
}


.why-life-coach{
background: url(life-coach/life-coach-office.jpg) no-repeat center 60% fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;
overflow-x: hidden; 
}


#life-coach-testi{
background: url(life-coach/life-coach-testi.jpg) no-repeat center 60% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  background: #055e6b;
  background: #c9e4ac;
  background: #8741a5;
  background: #401e4e;
}



#life-coach-testi h2{
	
font-family: Calistoga, Georgia, serif;
text-align: center;
font-size: 200%;	
margin-left: -3% !important;	
}


#life-coach-testi .each-success-story{
text-align: center;	
}


.center-button-life-coaching{
width: 100%;
text-align: center;
display: inline-block;
vertical-align: top;
margin-top: 20px;	

}

.each-success-story-duo-flex{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 4%;
  margin-bottom: 1%;
}

.each-success-story-duo{
width: 47%;	
margin-bottom: 2%;
margin-top: 2%;	
	
}


.each-success-story-video{
	
width: 30%;
margin-bottom: 2%;	
margin-top: 2%;	
	
}

.each-success-story-image, .each-success-story-image-duo, .each-success-story-image-duo-v2{
width: 50%;
display: inline-block;
vertical-align: top;
padding-bottom: 50%;
position: relative;	
margin-left: 1%;
margin-right: 1%;
overflow-y: hidden;	
overflow-x: hidden;		
border-radius: 50%;	
	
}

.each-success-story-image-duo {
width: 30%;
margin-left: auto;
margin-right: auto;	
padding-bottom: 30%;	
vertical-align: top;	
}

.each-success-story-image-duo-v2{
width: 30%;
margin-left: auto;
margin-right: auto;	
padding-bottom: 30%;	
vertical-align: top;
margin-bottom: 3%;
}



.each-success-story-image img, .each-success-story-image-duo img, .each-success-story-image-duo-v2 img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.each-success-texty, .each-success-texty-v2{
font-family: calibri, sans-serif;	
line-height: 25px;
width: 65%;
display: inline-block;
vertical-align: top;	
margin-left: auto;
margin-right: auto;
margin-left: 2%;
font-size: 120%;
}

.each-success-texty-v2{
width: 80%;	
}

.image-each-holder{
width: 100%;
display: inline-block;
vertical-align: top;	
text-align: center;	
margin-bottom: 15px;	
}




.why-life-coach-text{
width: 85%;
display: inline-block; 
vertical-align: top;
text-align: left;
font-family: calibri, sans-serif;
color: white;	
margin-left: 3%;	
	
	
}





.each-success-story{
width: 30%;
display: inline-block;
vertical-align: top;
margin-right: 2%;
font-weight: 300;
font-size: 115%;
color: white;
margin-top: 2%;	
line-height: 25px;	
margin-bottom: 2%;	
	
	
}


.each-success-person{
width: 100%;
display: inline-block;
font-weight: 600;
margin-top: 9px;
text-transform: uppercase;	
	
	
	
	
}


.leftbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
	
}



.leftbutton-lifea{
	
width: 100%;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
	
}


.centerbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
	
}


.centerbutton-life-lower{
	
width: 100%;
display: inline-block;
margin-top: -1px;
margin-bottom: 0;
position: relative; 
	
}


.rightbutton-life{
	
width: 100%;
display: inline-block;
margin-top: 9px;
margin-bottom: 0;
text-align: right;
}




.life-coach-why{
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;	
	
	
	
}


.life-coach-why-text {

width: 85%;
display: inline-block; 
vertical-align: top;
text-align: center;
font-family: calibri, sans-serif;
color: rgb(70,70,70);	
margin-left: 3%;	
font-weight: 300;	
}

.life-coach-why-each{
width: 20%;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
position: relative;	
	
	
	
	
}





.life-coach-why-text h2{
width: 100%;
margin-top: 0;
margin-bottom: 4%;
font-size: 150%;
font-family: calibri, sans-serif; 
font-weight: 400;
text-align: left;
display: inline-block;	
text-transform: uppercase;
	
	
}



.life-coach-why-text h3{
width: 100%;
margin-top: 8px;
margin-bottom: 6px;
font-size: 130%;
font-family: calibri, sans-serif; 
font-weight: 600;
text-align: center;
display: inline-block;	
text-transform: uppercase;
	
	
}


.life-coach-why-text p{
width: 100%;
margin-top: 6px;
margin-bottom: 0;
text-align: center;
display: inline-block;	
	
	
}


.life-coach-why-each img{
width: 50%;
height: auto; 
display: inline-block;	
margin-bottom: 7px;	
}



.contact-life-coach, .contact-life-coach-new{
background: url(life-coach/contact-me-life-coach.jpg) no-repeat center 60% fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 3%;
 padding-top: 5%;
 position: relative;
 text-align: center;
 font-family: calibri;
 color: white;
}


.contact-life-coach-new{
background: url(images/snook-home-page-coaching.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 width: 100%;
 float: left;
 padding-bottom: 6%;
 padding-top: 8%;
 position: relative;
 text-align: center;
 font-family: calibri, sans-serif;
 color: white;
}





.contact-life-coach h2, .contact-life-coach-new h2{
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin-top: 0;
margin-bottom: 0;
font-size: 170%; 
font-weight: 600;
text-align: center;
display: inline-block;	
text-transform: uppercase;
	
	
}


.contact-life-coach-new h2{
color: rgb(65,65,65);
font-weight: 300;
font-size: 220%;
text-transform: capitalize;
	
}



.contact-life-coach p, .contact-life-coach-new p{
width: 80%;
padding-left: 10%;
padding-right: 10%;
margin-top: 9px;
margin-bottom: 2%;
font-size: 120%; 
font-weight: 300;
text-align: center;
display: inline-block;	
	
}


.contact-life-coach-new p{
width: 60%;
padding-left: 20%;
padding-right: 20%;	
font-size: 140%;
line-height: 150%;
margin-top: 2%;
color: rgb(30,30,30);
}



.life-coaching-blog{
text-align: left !important;
text-transform: uppercase;
font-size: 150% !important;	
margin-left: 4%;
font-weight: 400 !important;
margin-top: 2% !important;	
	
}


.text-bolder-stylize{
color: #3a2c3f ;	
font-weight: 600;
	
	
}

.janet-life-profile-wrapper{
	
width: 100%;
text-align: center; 
float: left;
	
}

.janet-life-profile{
	
width: 68%;
display: inline-block;
text-align: center;
font-family: calibri, sans-serif;
font-weight: 300;
position: relative; 
margin-top: 160px;
margin-bottom: 7%;
padding: 4%;
min-height: 500px;	
-moz-box-shadow:    1px 1px 3px 1px silver;
  -webkit-box-shadow: 1px 1px 3px 1px silver;
  box-shadow:         1px 1px 3px 1px silver;
}



.janet-life-profile-image{
	
width: 29%;
height: auto; 
display: inline-block;
vertical-align: middle;
margin-bottom: 1%;	
text-align: center;	
	
}


.janet-life-profile-image img, .janet-life-profile-logo img{
display: inline-block;	
width: 100%;
height: auto;	
}


.janet-life-profile-logo{
width: 45%;
height: auto; 
display: inline-block;
vertical-align: middle;
margin-bottom: 1%;	
text-align: center;		
margin-right: 2%;	
	
	

}




.janet-life-coach-profile-text{
	
font-family: calibri, sans-serif; 
text-align: left;
font-weight: 300;	
color: rgb(70,70,70);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 3%;
	
}


.janet-life-coach-profile-text img{
width: 100%; 
height: auto;	
}

.janet-life-coach-profile-text h1{

font-weight: 500;	
color: rgb(90,90,90);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 2%;
border-bottom: 1px solid gainsboro;
font-size: 180%;
text-transform: uppercase;
font-family: kozlight;
line-height: 140%;	
padding-bottom: 2%;
}


.janet-life-coach-profile-text h2{

font-weight: 400;	
color: rgb(90,90,90);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 1%;
font-size: 160%;
text-transform: capitalize;
font-family: kozlight;	
}


.janet-life-coach-profile-text h3{

font-weight: 300;	
color: rgb(80,80,80);	
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 2%;
margin-bottom: 1%;
font-size: 135%;
text-transform: capitalize;
font-family: kozlight;	
}



.janet-life-coach-profile-text p, .janet-life-coach-profile-text li{

font-weight: 300;	
width: 100%;
margin-top: 2%;
margin-bottom: 3%;
font-size: 125%;
line-height: 155%;
	
}

.janet-life-coach-profile-text li{
margin-bottom: 1%;
margin-top: 1%;
}




.life-coaching-programs, .life-coaching-programs-secondary{
background: #f6f6f6;
 width: 100%;
 float: left;
 padding-bottom: 5%;
 padding-top: 5%;
 position: relative;
 text-align: center;
overflow-x: hidden;
}

.life-coaching-programs-secondary{
background: #055e6b;	
	
	
}


.life-coaching-programs-text{
width: 85%;
display: inline-block; 
vertical-align: top;
text-align: left;
font-family: calibri, sans-serif;
color: rgb(70,70,70);	
margin-left: 3%;	
	
	
}




.life-coaching-programs-text h2{
width: 100%;
margin-top: 0;
margin-bottom: 8px;
font-size: 150%;
font-family: calibri; 
font-weight: 400;
text-align: left;
display: inline-block;	
text-transform: uppercase;
color: rgb(90,90,90);	
	
}

.life-coaching-programs-text h3{
width: 100%;
margin-top: 6px;
margin-bottom: 8px;
font-size: 115%;
font-family: calibri; 
font-weight: 600;
text-align: left;
display: inline-block;	
text-transform: capitalize;
color: rgb(90,90,90);	
	
}

.life-coaching-programs-text p{
width: 100%;
margin-top: 6px;
margin-bottom: 3px;
font-size: 105%;
font-family: calibri; 
font-weight: 300;
text-align: left;
display: inline-block;	
	
	
}

.life-coaching-programs-each{
width: 45%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
font-weight: 300;
font-size: 100%;
margin-top: 3%;	
line-height: 25px;	
margin-bottom: 5px;		
	
	
	
	
	
}


.snook-branding-new{
margin-bottom: 0 !important;	
	
	
}





/*Life Coaching End */


/*Testimonials Section*/


.testimonials-main-container{
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 6%;
padding-bottom: 6%;
font-family: calibri, sans-serif;	
background: #f2f2f2;
}


.testimonials-main-container h1 {
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin-top: 0;
margin-bottom: 0;
font-family: kozlight;
font-size: 200%;
line-height: 150%;
text-align: center;
font-weight: 300;
display: inline-block;	
text-transform: uppercase;
color: rgb(40,40,40);
margin-bottom: 3%;
}




.testimonials-main-container h2 {
width: 90%;
padding-left: 5%;
padding-right: 5%;
margin-top: 0;
margin-bottom: 0;
font-size: 140%; 
font-weight: 500;
text-align: center;
display: inline-block;	
text-transform: uppercase;
color: rgb(40,40,40);
}


.testimonials-main-container a {
color: rgb(40,40,40);		
}



.testimonials-main-container p {
font-size: 100%;
font-weight: 300;
color: rgb(60,60,60);	
text-align: left;
	
}

.testimonial-align-center-div {
width: 70%;
display: inline-block;
vertical-align: top; 
	
}

.testimonial-each-section {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.testimonial-each-section .flexbox {
  background-color: white;
  width: 28%;
  margin: 2%;
  text-align: center;
  box-sizing: border-box;
  padding: 3%;
  border-radius: 3px;
  -moz-box-shadow:    1px 1px 3px 1px gainsboro;
  -webkit-box-shadow: 1px 1px 3px 1px gainsboro;
  box-shadow:         1px 1px 3px 1px gainsboro;
}



.testimonial-image-section{
width: 50%;
display: inline-block;
vertical-align: top;
padding-bottom: 50%;
position: relative;	
margin-left: 1%;
margin-right: 1%;
overflow-y: hidden;	
overflow-x: hidden;	
border-radius: 50%;
margin-bottom: 10px;
}


.testimonial-image-section img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}


.testimonial-read-more{
font-size: 	100%;
font-weight: 500;
	
}



/*Testimonials End */



/*Life With Jan Sunday Lunner  and Events*/

.lwj-event-sunday-lunner-feature-hold {
width: 100%;
float: left;
text-align: center; 
position: relative;
}



.lwj-event-sunday-lunner-feature {
  display: flex;
  justify-content: center;
  background-color: #714f80;
  flex-direction: row;
  flex-wrap: nowrap;
}



.lwj-event-sunday-lunner-feature h2 {
width: 100%;
font-family: Calistoga, Georgia, serif;
font-size: 250%;
line-height: 100%;
text-align: left;
display: inline-block;	
color: white;
margin-bottom: 1%;
margin-top: 0;
}

.lwj-event-sunday-lunner-feature a {
color: white;		
}

.lwj-event-sunday-lunner-feature h3 {
margin-top: 0;
font-size: 100%;
font-size: 130%;
color: #ece9f6;
font-family: kozmed;
text-align: left;
}

.lwj-event-sunday-lunner-feature h5 {
margin-top: 0;
font-size: 105%;
color: #c9a141;
font-family: calibri, sans-serif;
text-align: left;
margin-top: 0; 
margin-bottom: 5px;
margin-top: 1%;
text-transform: uppercase;
}


.lwj-event-sunday-lunner-feature p {
font-size: 100%;
font-size: 120%;
color: white;
font-family: kozlight;
line-height: 160%; 
text-align: left;	
}


.lwj-event-sunday-lunner-feature .container-a, .lwj-event-sunday-lunner-feature .container-b{
width: 50%;
box-sizing: border-box;	
text-align: left;
}

.lwj-event-sunday-lunner-feature .container-b{
padding: 6%;

}

.lwj-event-sunday-lunner-feature .container-b img{
width: 60%;
max-width: 230px;
height: auto;
display: inline-block;
vertical-align: top;
}

.lwj-event-sunday-lunner-feature mark{
background: #401e4e;
color: white;	
padding: 3px;
}


.container-a-image{
width: 100%;
display: inline-block;
vertical-align: top;
height: 100%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;	
border-bottom-right-radius: 120px;	
}

.container-a-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
animation: kenburns 12s 1s linear infinite;
}


/*Life With Jan Sunday Lunner */


/** Strategy Login & Confirm Contact Form and Subscription **/


.confirmation-form-snook{
width: 100%; 
padding-top: 140px;
padding-bottom: 10%;	
background: url(images/contact-lwj-v2.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
display: inline-block;
color: darkslategray;
font-family: calibri;
text-align: center; 
margin-top: 0;
}





.confirmation-form-snook-input-hold{
width: 85%;
padding: 3%;
max-width: 500px;
display: inline-block;
vertical-align: top;
min-height: 300px;
color: white; 
border-radius: 5px;
border: 1px solid gainsboro;	
background: rgba(255,255,255,0.1);
}



.confirmation-form-snook-input-hold h2, .confirmation-form-snook-input-hold h1{
width: 100%;
margin-top: 0;
color: white;
text-shadow: 1px 1px 1px black;
font-size: 150%;
text-transform: capitalize;
margin-bottom: 2%;
font-weight: 400;
font-family: arial;	
	
}


.confirmation-form-snook-input-hold p{
width: 100%;
margin-top: 0;
color: white;
text-shadow: 1px 1px 1px black;
font-size: 102%;
font-weight: 300;
font-family: calibri;
text-align: left;	
	
}


.confirmation-form-snook-input-hold a{
color: 	#c1962e;
font-weight: 500;
}


.confirmation-form-snook-input-hold a:hover{

text-decoration: underline; 
}

.confirmation-form-snook-input-hold label{
width: 100%; 
display: inline-block;
vertical-align: top; 
margin-bottom: 10px;	
	
}



.confirmation-form-snook-input-hold .input, .confirmation-form-snook-input-hold .register-input, .confirmation-form-snook-input-hold #user_login{
	
width: 96%;
padding: 2%;
display: inline-block;
vertical-align: top;
border: 1px solid gainsboro;
outline: none;
margin-top: 5px;
margin-bottom: 7px;
border-radius: 3px;
background: white;
background: rgba(255,255,255,0.8);	
	
	
}



.confirmation-form-snook-input-hold .button-primary, .confirmation-form-snook-input-hold #register-submit-btn, .confirmation-form-snook-input-hold .button{
display: inline-block;
vertical-align: top; 
background: #bc9537;
padding: 7px;
color: white; 
font-size: 14px;
cursor: pointer;
border: 0;
border-radius: 3px;	
	
	
	
}


.confirmation-form-snook-input-hold .button-primary:hover{
background: firebrick;	
	
}




#open-the-marketing, .open-the-marketing{
width: auto;
padding: 4px; 
margin-top: 4%;
color: white !important; 
border: 1px solid white; 
border-radius: 3px;	
display: inline-block;	
font-size: 12px;	
cursor: pointer;
}


#open-the-marketing:hover, .open-the-marketing:hover{
background: firebrick !important;
border: 1px solid firebrick !important; 	
	
	
}



.extra-padding-login{
width: 100%;
display: inline-block; 
display: none;
background: #e0e1d6;
min-height: 250px;
padding-top: 5%; 
padding-bottom: 5%;	
	
	
	
	
}


.extra-padding-login-portrait{
width: 100%;
display: inline-block; 
display: none;
background: #e0e1d6;
min-height: 1300px;
padding-top: 5%; 
padding-bottom: 5%;	
	
	
	
	
}


/* Carousel */

.carousel-container {
  width: 92%;
  margin: 0 auto;
  overflow: hidden; /* Hide overflowing slides */
  position: relative;
}

.carousel-slides {
  display: flex; /* Arrange slides horizontally */
  transition: transform 0.5s ease-in-out; /* Smooth transition for sliding */
  margin-top: 3%;
  margin-bottom: 3%;
}

.slide {
min-width: 50%;
  width: 50%;
  box-sizing: border-box; /* Include padding and border in width */
  padding: 4%;
  color: white; 
  text-align: left;
}

.slide-lwj {
min-width: 100%;
  width: 100%;
  box-sizing: border-box; /* Include padding and border in width */
  padding: 4%;
  color: white; 
  text-align: left;
}


.prev-btn, .next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  width: auto;
  padding: 10px;
  border: 1px solid white;
  border-radius: 10px;
}

#button-recolour-lwj, #button-recolour-lwj-v2{
background: #401e4e;
border: 1px solid #401e4e;
}

.prev-btn {
  left: 2%;
}

.next-btn {
  right: 2%;
}


/* Contact form */

.snooks-input-hold{
text-align: left;
float: left;
margin-bottom: 1%;	
width: 94%;
padding: 3%;	
	
}



.snook-input-address{
display: none;	
	
	
}

.snooks-input-a{
width: 96%;
padding: 2%;
display: inline-block;
vertical-align: middle;
border: 0;
background: white;
background: rgba(255,255,255,0.9);	
font-size: 14px;		
border-top-left-radius: 3px;		
border-top-left-radius: 3px;	
color: darkslategray !important;
font-family: calibri !important;	
margin-bottom: 8px;
outline-color: #c9a141 !important;	
}


.snooks-input-mes{
width: 96%;
padding: 2%;
display: inline-block;
vertical-align: middle;
border: 0;
background: white;
background: rgba(255,255,255,0.9);	
font-size: 14px;		
border-top-left-radius: 3px;		
border-top-left-radius: 3px;	
height: 150px;
color: darkslategray !important;
font-family: calibri !important;	
margin-bottom: 8px;
outline-color: #c9a141 !important;	
}




::-webkit-input-placeholder { /* For WebKit browsers */
    color:    darkslategray;
                font-family:calibri;
                font-weight:300;
}
:-moz-placeholder { /* For Mozilla Firefox 4 to 18 */
     color:    darkslategray;
                font-family:calibri;
                font-weight:300;
}
::-moz-placeholder { /* For Mozilla Firefox 19+ */
     color:    darkslategray;
                font-family:calibri;
                font-weight:300;
}
:-ms-input-placeholder { /* For Internet Explorer 10+ */
  color:    darkslategray;
                font-family:calibri;
                font-weight:300;
}

.member_name_error .lwjsubscribeinput, .member_email_error .lwjsubscribeinput, .member_lname_error  .lwjsubscribeinput, .member_name_error .snooks-input-a, .member_email_error .snooks-input-a, .member_lname_error  .snooks-input-a, .member_message_error .snooks-input-mes{
border: 2px solid #c9a141;	
background: #f3e5c2;	
color: black;	
}



/* IFrame to load Page */

.lwj-iframe-container {
  position: relative;
  width: 100%;
  padding-top: 80%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.lwj-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*Footer Section Change*/


.snook-footer-social{
width: 25px; 
height: auto;
display: inline-block;
vertical-align: middle;	
margin-top: 8px;	
}



.new-blog-socialcol{
width: 48%;
margin-left: 1%; 
display: inline-block;
vertical-align: top;
	
	
	
	
}

.new-blog-socialcol img{
width: 25px; 
display: inline-block;
vertical-align: top; 
height: auto;	
	
}


/*Footer end */



/*Media Queries Start */


@media (min-width: 1921px){
	
#wrapper{
width: 80%;
margin-left: 10%;
margin-right: 10%;
border-left: 1px solid gainsboro;
border-right: 1px solid gainsboro;
}	
}


@media (max-width: 1233px) {
.lwj-iframe-container {
  padding-top: 150%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
  overflow: scroll;
}
	
	
}


@media (max-width: 1100px){

.testimonial-align-center-div {
width: 85%;
	
}

}


@media (max-width: 1024px){
	
#blogtop-opening{
	
width: 40%;
	
}	
	
#blogtop-opening img{
width: 80%;	
	
}



.lwj-subscribe-pop-up{
width: 30%;	
}
	
	
}


@media (max-width: 1000px){
	


.blog-menu-category-section{
	display: none;
}


.testimonial-align-center-div {
width: 80%;
	
}

.testimonial-each-section .flexbox{
width: 46%	
	
}




}



@media (max-width: 990px) {

#menufloat{
	
display: none;
	
}



}



@media (max-width: 920px){


.testimonialsheading{
	
font-size: 155%;	
	
}

.testimonialsheading p {
    font-size: 95%;
}	
	
}

@media(max-width: 850px){


.lwj-subscribe-pop-up{
width: 40%;	
}



}


@media (max-width: 830px){

	
#blogtop-opening{
	
width: 50%;
margin-right: 3%;	
}	
		
	
	
}


@media(max-width: 800px){

	
.simple-testimonials-section h3 {
    width: 75%;
	
}


.simple-testimonials-section-wrap {
    width: 75%;
	
}	
	
	
.archivestyle h1{
font-size: 230%;	
}
	
}


@media (max-width: 750px){

.testimonial-align-center-div {
width: 90%;
	
}		
	
}


@media (max-width: 1100px){
	
.lwjheaderimage-text{
width: 38%;
	
	
}	
	
	
}




@media (max-width: 1000px){

.life-with-jan-blog-categories{
padding-top: 2%;
padding-bottom: 2%;	
}

.life-with-jan-blog-categories-image{
width: 37%; 
}

.life-with-jan-blog-categories-text{
width: 37%;
}		
	
	
.wellnesstext{
font-size: 190%;
margin-bottom: 3%;
}	
	
	
}



@media (max-width: 640px){

.life-with-jan-introductory h2{

font-size: 180%;
margin-left: -3%;
}



.life-with-jan-introductory p{

font-size: 105%;
padding-left: 10%;
padding-right: 10%;
}

.life-with-jan-blog-categories-image{
width: 42%; 
}

.life-with-jan-blog-categories-text{
width: 42%;
}		

.life-with-jan-blog-categories-text h2{
font-size: 120%;
}

.life-with-jan-blog-categories h3{
font-size: 15px;	
}

.life-with-jan-blog-categories-text p{
font-size: 103%;

}

.wellnesstext{
font-size: 180%;
margin-bottom: 4%;
}	
	
}



@media (max-width: 540px){
	
	
.life-with-jan-blog-categories-image, .life-with-jan-blog-categories-image-mob{

width: 85%;
margin-bottom: 14px;
display: inline-block;
	
	
}


.life-with-jan-blog-categories-image-desk {


display: none;
	
	
}


.life-with-jan-blog-categories-text{
width: 85%;
}		
		
	
.life-with-jan-blog-categories-text h2{

font-size: 118%;
}	
	
.wellnesstext{
font-size: 150%;
}	
	
.lwj-iframe-container {
  padding-top: 250%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625) */
  overflow: scroll;
}
	
	
}



@media (max-width: 1150px){
	
	
.life-with-jan-introductory p{
	
font-size: 120%;	
	
}	
	
	
.blogfooter-logo{
width: 22%; 

	
}

.blogfooter-logo img{
width: 100%; 
	
}	
		
.blogfooter-social{	
width: 28%;	
	
}	
	
.blogfooter-social img{
width: 25px;
}	
		
}


@media(max-width: 1000px){
	
.transparent-navbar-menu-items{
display: none;
}



.transparent-navbar-menu-items-mobile{

display: block;
	
}
	
	
}



@media (max-width: 980px){


.lwjheaderimage h1{
	
font-size: 210%;	
	
}


.lwjheaderimage h2{
	
font-size: 130%;	
	
}

.blogfooter-terms-privacy h2{
	
font-size: 105%;	
}

}




@media (max-width: 900px){

.simple-testimonials-section h2{
	
width: 90%;	
	
	
}


.simple-testimonials-section h2 {

    font-size: 220%;
	
}
	
}



@media(max-width: 850px){
	
	
.blogfooter-logo{
width: 30%; 
margin-right: 4%;
	
}


.blogfooter-terms-privacy{
	
width: 28%;	
margin-left: 2%;	
}	
	
	
.blogfooter-social{
	
width: 100%;	
text-align: center;	
}	

.blogfooter-social p {
text-align: center;	
	
}

}



@media (max-width: 830px){
	
	
.life-with-jan-introductory p{
	
font-size: 110%;	
	
}	

}



@media (max-width: 750px){
	
.blogfooter{
width: 45%;	
	
}

.life-with-jan-introductory p{
width: 80%;	
font-size: 105%;	
padding-left: 0;	
padding-right: 0;
}	
	
	
}


@media (max-width: 720px){
	
.archivetext{
	
font-size: 100% !important;	
	
}	


.archivetext h2{
font-size: 120% !important;	
}
	
.archivetext h3{
font-size: 112% !important;	
}

.archivetext h4{
font-size: 108% !important;	
}	

	
	
.archivetext p, .archivetext ul, .archivetext ol{
font-size: 138% !important;	
}	
	
	
.wp-block-quote p {
	
	font-size: 145% !important;

}
	
.archivetext li{
font-size: 100% !important;	
}	


#internallayoutservices h1{

font-size: 145%;

	
}

.simple-testimonials-section h2 {

    font-size: 190%;
	
}



}

@media (max-width: 670px){
	
	
.blogfooter-logo{
width: 100%; 
margin-right: auto;
text-align: center;	
}

.blogfooter-logo img{
width: 200px;	
}

.blogfooter-terms-privacy h2{
	font-size: 101%;
}

.blogfooter-terms-privacy{
	
width: 36%;	
margin-left: 12%;
margin-right: auto;
}	
	
	
.blogfooter-social{
	
width: 100%;	
text-align: center;	
}	
	
	
}



@media(max-width: 635px){
	
.lwjheaderimage-text p {
	
	display: none;
	
}
	
	
}

@media (max-width: 600px){

.social-media-image{
width: 22px; 

}

.snook-logo-pop{
	
width: 60%;	
	
}


.testimonialsheading {
font-size: 142%;
line-height: 20px !important;
}

.transparent-navbar-logo{
	
width: 180px; 

	
}
}



@media (max-width: 720px) and (min-width: 450px) {

.testimonialsendlink{
font-size: 100%;

}

}

@media (max-width: 720px){
.testimonialsendlink{
font-size: 100%;

}	

.lwjheaderimage-text{
width: 39%;

}


.lwjheaderimage h1{
font-size: 180%;

}

.lwjheaderimage h2{
font-size: 120%;

}

.lifewithjanmainbutton{
font-size: 15px;	

} 

}





@media (max-width: 635px){

.blogfooter-logo{
width: 100%; 
	
}

.blogfooter-logo img{
width: 200px; 

}

.blogfooter-social{
width: 100%;

}

.blogfooter-social img{
width: 18px; 

}

}




@media (max-width: 600px){

.testitop p {
font-size: 125%;
}




.life-with-jan-introductory p{
width: 90%;	
font-size: 101%;
}	

}

@media (max-width: 540px){
	
.archivetext h2 {
font-size: 115% !important;	
}
	
.archivetext h3{
font-size: 108% !important;	
}

.archivetext h4{
font-size: 105% !important;	
}	

	
	
.archivetext p, .archivetext ul, .archivetext ol{
font-size: 135% !important; 	
}	

.archivetext blockquote{
	
	padding: 35px;
	padding-top: 5px;
	padding-left: 48px;
	

}
.wp-block-quote p {
font-size: 140% !important;	
}

.archivetext blockquote:before{

margin-left: 4px;
	
}


.simple-testimonials-section h3 {
    width: 95%;
	font-size: 110%;
}


.simple-testimonials-section-wrap {
    width: 98%;
	
}	


.simple-testimonials-section-each  blockquote{
font-size: 100% !important;	
	margin-left: 2% !important;
}


.simple-testimonials-section h2 {

    font-size: 170%;
	
}


.simple-testimonials-section p {

    width: 90%;	
}


#blogtop-opening{
	
width: 70%;	
margin-right: 1%;	
	
}

#blogtop img{
width: 70%;
}


#blogtop h1, .blogtopone{

font-size: 15px; 	

}


#blogtop h2{

font-size: 12px;
}

.lwjheaderimage-text{
width: 40%;
	
	
}


.lwjheaderimage h1{
font-size: 160%;
	
	
	
}

.lwjheaderimage h2{
font-size: 106%;
	
	
}

.extra-margin-lwj-top-bottom{
	
margin-top: 1px;
margin-bottom: 1px;	
}
                    
	
}

@media (max-width: 470px){

.blogfooter-terms-privacy{
	
width: 40%;	
margin-left: 8%;	
margin-right: auto;
}	
	
}



@media (max-width: 450px) {

.testimonialsendlink{
font-size: 97%;

}

}


@media (max-width: 500px){

.archivestyle h1{
font-size: 200%;	
}

}





@media screen and (max-width: 480px) {


.testimonial-align-center-div {
width: 85%;
	
}	

.testimonial-each-section .flexbox{
width: 96%	
}

}




@media (max-width: 390px){
	
	
.blogfooter{
width: 80%;	

}	
	
}

@media (max-width: 360px){


.testitop p {
font-size: 115%;
}
	

}



/*Life Coaching Media Queries */



@media(max-width: 990px){
	
.life-coach-why-text, .why-life-coach-text, .life-coaching-programs-text{
width: 90%;	
	
}	





.life-coach-why-text h3{
	
font-size: 110%;	
	
	
}


.hero-life-coach{
	
margin-top: 50px;	
	
	
}	
	
.janet-life-profile{
	
margin-top: 90px;	
	
}
	
	
}


@media(max-width: 850px){
	
.hero-life-coach-text p{
font-size: 100%;
	
}	
	


.each-success-story{
	
font-size: 100%;	
	
	
}



.each-success-story{
	
width: 100%;
margin-top: 4%;
margin-bottom: 4%;	
margin-right: 0;	
	
	
}
	
	
}


@media (max-width: 810px){
	
.life-coach-why-each{
width: 44%;
margin-right: 3%;	
margin-left: 1%;
margin-top: 2%;
margin-bottom: 2%;	
	
}	
	
.life-coach-why-each img{

width: 30%;
}	
	

}


@media(max-width: 680px){
.life-about-janet-johnson-text h1, .why-life-coach-text h2, .life-coach-why-text h2, .life-coaching-blog, .janet-life-coach-profile-text h1, .life-coaching-programs-text h2{
	
font-size: 130% !important;	
	
}	
	
.contact-life-coach h2{
	
font-size: 145%;	
	
	
}


.janet-life-coach-profile-text h2{
	
font-size: 120%;	
	
	
}


.janet-life-coach-profile-text h3{
	
font-size: 110%;	
	
	
}


.janet-life-coach-profile-text p{
	
font-size: 102%;	
line-height: 21px;	
	
}

}



@media(max-width: 650px){
	
.life-coaching-programs-each{
	
width: 100%;
margin-top: 4%;
margin-bottom: 4%;	
margin-right: 0;	
	
}	
	
	
.contact-life-coach p{
width: 90%;
padding-left: 5%;
padding-right: 5%;		
	
}	
	
	
}


@media(max-width: 550px){
.life-about-janet-johnson-text{
width: 80%;	
	
	
}	
	
.life-about-janet-johnson-image {
    width: 60%;
margin-top: 3%;
}	
	
.life-coach-why-each img{
width: 40%;
}	
	
}


@media(max-width: 500px){
	
.hero-life-coach-text{
width: 60%;	
background: rgba(0,0,0,0.2);	
	
}	


.janet-life-profile{
width: 82%;	
	
	
}


.janet-life-profile-image{
	
width: 40%;	
	
	
}


.janet-life-profile-logo{
	
width: 52%;	
	
	
}


.life-coach-why-each{
width: 65%;
}

.lwjheaderimage-text{
margin-top: 2%;
}
	
}



@media(max-width: 350px){
	
.hero-life-coach-text{
width: 70%;	
	
	
}



.janet-life-coach-profile-text h1{
	
font-size: 120% !important;	
	
}	
	



.janet-life-coach-profile-text h2{
	
font-size: 110%;	
	
	
}


.janet-life-coach-profile-text h3{
	
font-size: 105%;	
		
}
	
	
}


/*Life Coaching Media Queries End. */

/*Snook Blog Style Media Queries Start */


@media(max-width: 1130px){
	
.archivestyle{
	
width: 57%;	
margin-left: 2%;
margin-right: 2%;
padding-left: 0;
padding-right: 0;	
}

#archivestyle-larger {
width: 72%;	
}



.blognewcolumn1{
	
width: 30%;	
margin-left: 0;
margin-right: 0;

	
}	

.snook-services-top-holder{

width: 42%;

}

}


@media(max-width: 990px){
	
.blogstyle-featuredbar{
	width: 90%;
	margin-left: 3%;

}	

.blogstyle-featuredbar h1{

font-size: 170%;
}


.archivestyle{
	
width: 62%;	
margin-left: 2%;
margin-right: 2%;
padding-left: 0;
padding-right: 0;	
}


.blognewcolumn1{
	
width: 30%;	
margin-left: 0;
margin-right: 0;

	
}



	
}


@media(max-width: 920px){
	
.snook-services-background{
margin-top: 50px;	
	
	
}	


.snook-services-top-holder{
width: 45%;	
	
	
}
	
}


@media(max-width: 840px){
	
.archivestyle{
	
width: 80%;	
margin-left: auto;
margin-right: auto;

}


#archivestyle-larger{
width: 80%;	
}


.blognewcolumn1{
	
width: 45%;	
margin-left: auto;
margin-right: auto;

	
}		
	
	
	
.life-with-jan-main-video-wrapper h1{

font-size: 140%;	

}

.life-with-jan-main-video-wrapper h2{
font-size: 130%;	
	
}


.life-with-jan-main-video-wrapper p{
width: 80%;
font-size: 105%;	
margin-left: 10%;
margin-right: 10%;
	
}

	
}

@media(max-width: 800px){
	

.blogstyle-featuredbar{
	width: 92%;
    margin-left: 4%; 

}		
	
	
.blogstyle-featuredfirst{
width: 96%;
margin-left: auto !important;
	
}




.blogstyle-latest-blogs-bar{
width: 96%;
margin-top: 3%;
margin-left: 0;	
	
	
	
}


#blogstyle-latest-blogs-bar{
margin-left: 2%;
}



.snook-blog-paged-bar-text{
padding-top: 17%;
padding-bottom: 17%;	
font-size: 300%;
}
	

.snook-services-background h1 {
font-size: 200%;	
	
}
	
	
.optin-snook-main-box ul{

font-size: 115%;
}		
	
	
	
}


@media(max-width: 650px){
	

.blogstyle-featuredfirst h2, .blogstyle-latest-blogs-bar h2 {
	
font-size: 115%;	
	
	
}

.blogstyle-featuredbar h1{

font-size: 150%;
}



#blogtop {
padding-top: 15%;
padding-bottom: 15%;	
}
	
	


.snook-blog-paged-bar-text{
padding-top: 22%;
padding-bottom: 22%;	
font-size: 270%;
}	
	
	
.categorysectionab{
margin-top: 8px;
}	
	
	
.snook-services-top-holder{
width: 60%;	
background: rgba(255,255,255,0.7);	
	
}	
	
	
	
.strategy-side-pop{
width: 240px;
padding-bottom: 40px;
font-size: 18px;
	
}


.strategypop-top{
display: none;
	
	
}	
	
.lwj-subscribe-pop-up{
width: 50%;	
}	
	
#blogtop {
padding-top: 25%;
padding-bottom: 25%;	
}
		
}



@media(max-width: 550px) and (min-height: 400px){
	
	
	
	
}

@media (max-height: 500px){
	
.lwj-subscribe-pop-up p{
display: none;
}	
	
}


@media(max-width: 550px){
	
.blogstyle-second-featured-each	{
width: 96%;
margin-left: 0;
	
	
}



.blogstyle-featuredfirst h2, .blogstyle-latest-blogs-bar h2, .blogstyle-second-featured-each h2 {
	
font-size: 106%;	
	
	
	
	
}
	




#blogstyle-latest-blogs-bar{
margin-left: auto;
width: 96%;
}



.snook-blog-paged-bar-text{
padding-top: 4%;
padding-bottom: 4%;	
font-size: 250%;
width: 96%;
margin-left: auto;
}	



.archivestyle{
	
width: 90%;	


}

#archivestyle-larger{
width: 90%;	
}



.blognewcolumn1{
	
width: 60%;	


	
}		

.lwj-subscribe-pop-up h2{
font-size: 110%;	
}
	
	
.lwj-subscribe-pop-up p{
display: none;
}
	
	
	
	
}


@media(max-width: 500px){
	
.snook-services-top-holder{
width: 90%;	
margin-left: 2%;	
	
}	

.life-with-jan-main-video-wrapper h1{

font-size: 130%;	

}

.life-with-jan-main-video-wrapper h2{
font-size: 120%;	
	
}


.life-with-jan-main-video-wrapper p{
width: 90%;
font-size: 100%;	
margin-left: 5%;
margin-right: 5%;
	
}

.blogstyle-featuredbar h1{

font-size: 140%;
}

	
}



@media(max-width: 450px){
	
.snook-blog-recommended-each{
	
width: 100%;
margin-left: auto;
margin-right: auto;	
	
}	
	
	
.archivefeatured{
width: 100%;
margin-left: auto;
margin-right: auto;
}	
	
	
}


@media(max-width: 400px){
	
#blogtop {
padding-top: 30%;
padding-bottom: 30%;	
}	



.blognewcolumn1{
	
width: 90%;	


	
}	
	
.snook-blog-recommended-each h2 {

font-size: 95%;
}	
	
.lwj-subscribe-pop-up {
width: 60%;
}		


	
}



/*Snook Blog Style Media Queries End */

/*Life Coaching Media Queries */


@media(max-width: 1300px){
.hero-life-coach-text{
width: 38%;	
	
	
}	

.purple-block-lwj-section-a{
width: 40%;	
	
}
	
}


@media(max-width: 1200px){
.new-lwj-blog-sections-a {
width: 31%;
}	
	
}

@media(max-width: 1100px){
.hero-life-coach-text{
width: 42%;	

	
}

}


@media (max-width: 1000px){
	
.hero-life-coach{
margin-top: 80px;

}	
	
	
.each-success-story{	
font-size: 100%;
line-height: 24px;
}	
	
}

@media(max-width: 990px){
	
.life-coach-why-text, .why-life-coach-text, .life-coaching-programs-text{
width: 90%;	
	
}	


.life-coaching-video-section h2, .life-coaching-video-section-blog h2, .life-coaching-video-section-blog-a h2{
font-size: 180%;	
}


.life-coach-why-text h3{
	
font-size: 110%;	
	
	
}


.hero-life-coach{
	
margin-top: 65px;	
	
	
}	

.janet-life-profile{
	
margin-top: 90px;	
	
}


.purple-block-lwj-section-a{
width: 60%;	
	
}

.life-coaching-section-about-janet-each{
width: 100%;	
margin-bottom: 15px;
}


.life-coaching-section-about-janet-each-image {
    width: 100%;
	padding-bottom: 140%;
	
}
	
	
.each-success-story-duo{
width: 80%;
margin-top: 25px;
margin-bottom: 25px;
text-align: left;
}	


.each-success-story-duo-flex{
justify-content: center;	
	
}
	
}

@media (max-width: 950px){
.slide {
  min-width: 100%;
}
}	

@media (max-width: 900px){
	
.subscribe-section	{
text-align: center;	
}
	
	
.subscribe-section-sidebar{
width: 100%;

}	
	
.subscribe-section-main {
	text-align: left;
    width: 100%;
}	
	
}

@media(max-width: 850px){
	
.hero-lwj-new-text{
font-size: 110% !important;
	
}	
	
.hero-life-coach-text{
width: 50%;	
	
}

.hero-life-coach-text-image {
	
width: 90%;	
	
}
	
	
.hero-life-coach-white-text p{
	
font-size: 125% !important;		
}	
	
	
.new-lwj-blog-sections, .new-lwj-blog-sections-a{
width: 48%;	
	
}	
}


@media (max-width: 810px){
	
.life-coach-why-each{
width: 44%;
margin-right: 3%;	
margin-left: 1%;
margin-top: 2%;
margin-bottom: 2%;	
	
}	
	
.life-coach-why-each img{

width: 30%;
}		
}

@media (max-width: 800px){
	
.why-life-coach-text{
text-align: center;	

	
}
	

.each-success-story{	
width: 50%;
margin-left: 0;
margin-right: auto;	

}	

}

@media(max-width: 680px){
.life-about-janet-johnson-text h1, .why-life-coach-text h2, .life-coach-why-text h2, .life-coaching-blog, .janet-life-coach-profile-text h1, .life-coaching-programs-text h2{
	
font-size: 190% !important;	
	
}	
	
.contact-life-coach h2{
	
font-size: 145%;	
	
	
}


.janet-life-coach-profile-text h2{
	
font-size: 120%;	
	
	
}


.janet-life-coach-profile-text h3{
	
font-size: 110%;	
	
	
}


.each-success-story{
	
width: 94%;
margin-top: 4%;
margin-bottom: 4%;	
margin-right: 0;	
margin-left: -3%;	
	
}

.purple-block-lwj-section-a{
width: 70%;	
	
}	



.lwj-event-sunday-lunner-feature {
  flex-wrap: wrap;
}

.lwj-event-sunday-lunner-feature .container-a, .lwj-event-sunday-lunner-feature .container-b{
width: 100%
}

.container-a-image{
padding-bottom: 60%;
height: auto;	
}

.subscribe-section-flex{
flex-wrap: wrap;
}


.subscribe-section-flex .container-sub{
width: 100%;
}

.subscribe-section-flex .container-sub-v2{
width: 100%;		
}


.subscribe-section-flex .container-sub-v3{
width: 100%;	
}

.container-sub-image {
height: auto;
padding-bottom: 50%;
}

}

@media(max-width: 650px){
	
.life-coaching-programs-each{
	
width: 100%;
margin-top: 4%;
margin-bottom: 4%;	
margin-right: 0;	
	
}	
	
	
.contact-life-coach p{
width: 90%;
padding-left: 5%;
padding-right: 5%;	
	
	
	
}	
		
}


@media(max-width: 550px){
.life-about-janet-johnson-text{
width: 80%;	
	
	
}	
	
.life-about-janet-johnson-image {
    width: 60%;
margin-top: 3%;
}	
	
.life-coach-why-each img{
width: 40%;
}

.email-general-response-div{		
width: 85%;
}

.email-general-response-div p{
font-size: 120%;
}

.email-general-response-div h2{
font-size: 180%;
}
	
.life-coaching-vide0-section-crunch {
    width: 80%;
	
}


.life-coaching-vide0-section-crunch-a {
    width: 95%;
}

.life-coaching-video-section h2, .life-coaching-video-section-blog h2, .life-coaching-video-section-blog-a h2{
font-size: 150%;	
}

	
}



@media(max-width: 500px){

.hero-life-coach-image{
width: 40%;	
padding-bottom: 40%;	
margin-top: 40px;	
}

	
.hero-life-coach-text{
width: 70%;		
background: rgba(0,0,0,0.2);	
}	

#change-to-white-lwj{
width: 75%;		
background: transparent !important;	
padding: 0;
margin-top: 20px;	
}





.janet-life-profile{
width: 82%;	
	
	
}


.janet-life-profile-image{
	
width: 40%;	
	
	
}


.janet-life-profile-logo{
	
width: 52%;	
	
	
}


.life-coach-why-each{
width: 65%;
}
	
	
.purple-block-lwj-section-a{
width: 80%;	
	
}	
	
.each-success-texty	{
width: 100%;	
	
}
	
.new-lwj-blog-sections, .new-lwj-blog-sections-a{
width: 85%;	
	
}	
	
.lwj-blog-flex{
	justify-content: center;
}	


.separator-dropdown-jan-flex .conta, .separator-dropdown-jan-flex .contb {
width: 100%;
}

.separator-dropdown-jan-flex{
flex-wrap: wrap;	
}

.separator-dropdown-jan-flex .contb, .separator-dropdown-jan-flex .conta {
text-align: left;
padding-right: 0;
padding-left: 7%;	
}
.separator-dropdown-jan-flex .contb{
margin-top: 0;	
margin-bottom: 5%;
}

.prev-btn {
  left: 1px;
}

.next-btn {
  right: 1px;
}
	
}


@media(max-width: 350px){
	
.hero-life-coach-text{
width: 70%;	
}

.janet-life-coach-profile-text h1{
	
font-size: 165% !important;	
	
}	
	
.janet-life-coach-profile-text h2{
	
font-size: 140%;	
	
	
}


.janet-life-coach-profile-text h3{
	
font-size: 120%;	

}


#change-to-white-lwj{
width: 85%;

}

.purple-block-lwj-section-a{
width: 90%;	
	
}

.life-coaching-vide0-section-crunch {
    width: 90%;
	
}

.new-lwj-blog-sections, .new-lwj-blog-sections-a{
width: 90%;	
	
}	
	
}

/*Life Coaching Media Queries End. */