/*
 Theme Name:   Jennings And Associates
 Theme URI:    http://www.jennings.co.za
 Description:  Company Website
 Author:       Blue Cloud Design
 Author URI:   http://blueclouddesign.co.za
 Template:     vantage
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  jennings-and-associates
*/

@import 'https://fonts.googleapis.com/css?family=Pavanam';
@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i';
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900');


body {
/*font-family: 'Droid Sans', sans-serif;
font-family: 'Noto Sans', sans-serif;*/
font-family: 'Catamaran', sans-serif;

}

button, input, select, textarea {
	font-family: 'Catamaran', sans-serif;
}

.service-button {
	background:#fff;
	padding:10px;
	color:#333;
	font-weight:bold;
}

body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1170px;
}

p {
    font-size: 20px !important;
    line-height: 32px;
}

#main {
    padding-top: 0;
  padding-bottom:0;
}


.service-header {
	padding-top: 160px !Important;
	padding-bottom: 160px !important;
}

h3 {font-size:22px;line-height:32px;}



.home-text {
    font-size: 18px;
    line-height: 30px;
}

div#theme-attribution {
    display: none;
}

/*------Logo-----*/

.home-mobile-logo,.page-mobile-logo {
	display:none;
}

/*------Menu------*/


ul.sub-menu {
width:120%;
}

.main-navigation ul ul {
    left: -10%;
}

#masthead {
    position: relative;
    z-index: 1;
}

.site-navigation.main-navigation.primary.use-sticky-menu {
    padding-top: 15px;
	padding-bottom:20px;
}


#sticky-container .site-navigation.main-navigation.primary.use-sticky-menu {
    padding-top: 0px;
}

nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky {
	 -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#masthead.masthead-logo-in-menu .main-navigation {
-webkit-box-shadow: 0px 5px 14px -7px rgba(154, 154, 154,0.83);
	-moz-box-shadow: 0px 5px 14px -7px rgba(154, 154, 154,0.83);
	box-shadow: 0px 5px 14px -7px rgba(154, 154, 154,0.83);
}

.main-navigation ul li:hover {
    border-bottom: 2px solid #2591d1; 
   
}

#sticky-container .main-navigation ul li:hover {
    border-bottom: 2px solid #2591d1;  

}

.main-navigation ul li:hover > ul li {border-bottom:none !Important;}

.current-menu-item {
	border-bottom: 2px solid #2591d1 !important;

}


#sticky-container .current-menu-item {
	border-bottom: 2px solid #2591d1 !important;
}

.logo-no-height-constrain {   
 -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#sticky-container .logo > img.logo-no-height-constrain {
max-height:65px !important;	
}

#sticky-container .logo-sticky > img.logo-no-height-constrain {
max-height:65px !important;	
}

#sticky-container .main-navigation ul li {
    margin-top: 12px !important;
} 

#sticky-container .main-navigation a {
    color: #333;
}

#sticky-container .main-navigation ul ul li:hover ul li a {
    color: #333 !important;
}

#sticky-container .main-navigation ul ul li:hover ul li:hover a {
    color: #fff !important;
}



.sticky-container nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky {
		-webkit-box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);
	-moz-box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);
	box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);	
}

#menu-logo {float:left;}

#menu-logo img {height:56px;}

.main-navigation {
     background:#fff;
}



nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky {
    background: #fff;
}

.main-navigation ul li{margin-top:55px !important;}

.main-navigation ul li:hover > a {
    background:none;
    color: #158cd0;
}

.main-navigation ul li a {
    text-transform: capitalize;
    color:#333;
    font-size: 18px;
    font-weight: 500;
    padding: 20px 30px !important;
}

.main-navigation ul ul li a {color:#333;}


#sticky-container .main-navigation ul ul li:hover a {
    color: #fff !important;
}

.main-navigation ul ul a {width:100%;}

.main-navigation ul ul li {
    width: 100%;
    text-align:center;
    margin-top:0px !important;
}

#sticky-container .main-navigation ul ul li {
	margin-top:0px !important;
}

.main-navigation ul ul {
/*background:#5ab4a3;*/
    background: #fff;

}

.main-navigation ul ul li a {padding: 15px 40px !important;}

/*.home nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky ul li a{
	color: #333 !important;}*/

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



.header-image {
	padding-top:500px !important;
	padding-bottom:500px !important;
}

#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {
    max-height: 120px;
}

#masthead.masthead-logo-in-menu .logo-sticky > img.logo-no-height-constrain {
    max-height: 120px;
}

/*#masthead{background: url('/wp-content/uploads/2016/07/high-resolution-blue-background.jpeg');
background:#ff
background-position:top;
  background-size:cover;
}*/

/*#masthead .hgroup .logo {float:none;text-align:left;display:inline-block !important;}*/

 .panel-grid-cell {padding-left:0px !important;padding-right:0px !important;}

.hgroup.full-container {
    text-align: center;
}


/*.cl-ib-desc {
    color: #f3df78;
}*/

.anchor {
    display: block;
    position: relative;
    top: -165px;
    visibility: hidden;
}


.panel-grid-cell {min-height:0px !Important;}

@media screen and (min-width: 800px) {

.row-vertical-align {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
}

.float-image {position:absolute; left:0;bottom:0;}

.bx-wrapper {
max-width:80% !important;
}


/*-------Blog-------*/

.post-template-default #main,.blog #main, .archive #main  {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.post-template-default p, .blog p, .archive p {
	font-size:16px !important;
}


/*-----Blog page------*/

article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    color: #1893e0;
    font-size: 24px;
}


.blog .entry-thumbnail, .archive .entry-thumbnail {
    max-width: 300px;
}

/*------Post Styling------*/

aside#recent-posts-2 h3, aside#categories-2 h3 {
    font-size: 22px !important;
    color: #1893e0 !important;
}

aside#recent-posts-2 ul li a, aside#categories-2 ul li a {
font-size:16px!important;
}

/*----Archive Page-----*/

.archive #page-title {
   font-size: 36px;
}

.archive .page-header {
	margin-bottom:80px;
}



/*-------Fonts---------*/

.entry-content h1 {font-size:40px;line-height: 50px;}
.entry-content h2 {font-size:32px;color:#0e3a50;line-height:34px;}

h1, h2, h3, h4, h5, h6 {/*font-family: 'Noto Sans', sans-serif;*/font-family: 'Catamaran', sans-serif;}



/*----------Top Bar---------*/


#top-bar-container {
	width:100%;
	padding: 5px 10px 5px 10px;
	background:#fff;
	/*font-family: 'Noto Sans', sans-serif;*/
	font-family: 'Catamaran', sans-serif;
	-webkit-box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);
	-moz-box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);
	box-shadow: 0px 5px 14px -7px rgba(0,0,0,0.83);
	position:relative;
	z-index:12;
}

#top-bar-container .full-container {position:relative;}

.top-text {
font-size:16px !important; 
color:#2d92cc;
margin-bottom:0px !Important;
display:inline-block !Important;
line-height: 45px;
}


.top-cta {
padding: 10px 15px 10px 15px; 
    background: #158cd0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#106da2),color-stop(1,#158cd0));
    background: -ms-linear-gradient(bottom,#106da2,#158cd0);
    background: -moz-linear-gradient(center bottom,#106da2 0%,#158cd0 100%);
    background: -o-linear-gradient(#158cd0,#106da2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#158cd0', endColorstr='#106da2', GradientType=0);
    border: 1px solid;
    border-color: #0f6394 #0e5d8b #0d547d #0e5d8b;
    color: #ffffff !important;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
/*border: 2px solid #fff; */
color:#fff !important;
font-size:14px;
border-radius:5px;
float:right;
text-decoration:none;
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.top-cta:hover {background:#158cd0;}


.top-bar-contact-box {
float:right;
color:#2d92cc;
font-size:18px; 
line-height: 45px;
}

.home .top-bar-contact-box {
float:right;
color:#fff;
font-size:18px; 
line-height: 45px;
text-decoration:none !important;
}

.contact-box-inner{padding:15px;}

.top-bar-contact-box i {
font-size:26px !important;
margin-right:5px;
color: #2d92cc;
}

.home .top-bar-contact-box i {
font-size:26px !important;
margin-right:5px;
color: #fff;
}


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

#colophon .widget_nav_menu .menu-item a {
    font-size: 16px;
    color: #fff;
    padding:5px !important;
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
margin-bottom:0px !important;
}

#colophon .widget_nav_menu .menu-item a:hover {
background: #158cd0;
padding-left:15px !important;

}

footer#colophon {
   /* background: #36706c;*/
background: #111e25;
}

#colophon .siteorigin-widget-tinymce.textwidget h3 {
  color: #fff;
    text-align: center;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 700;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 4px solid #25323a;
}

.facebook-like-box h3.widget-title {
    display: none;
}

.facebook-like-box iframe {width:100% !important;}

.footer-contact p {font-size:16px !important;color:#fff;line-height:18px;margin-bottom:10px !important;}

.footer-contact td {font-size:16px !important;color:#fff;line-height:18px;padding:5px !Important;}

.footer-contact a {text-decoration:none;color:#fff !important;}

.footer-contact i {
font-size:24px;
padding-right:20px;
}

.footer-contact a:hover {color:#158cd0 !important;}

/*------Front Service Blocks---------*/


.cl-ib.animation_caeros.hover .cl-ib-title {
	font-size:18px !important;
}
 
h4.cl-ib-title {
    /*background: rgba(0, 147, 221, 0.78);*/
    padding: 20px !important;
    text-transform:uppercase !important; 
}

.cl-ib.animation_phorcys.hover .cl-ib-title {background:none !Important;}

.cl-ib.animation_caeros.hover .cl-ib-title {background:none !Important;}

.cl-ib-desc {
    font-size: 18px !important;
}


@media screen and (min-width:960px) and (max-width: 1380px) {
h4.cl-ib-title {font-size:20px !important;}

/*.cl-ib.animation_caeros .cl-ib-title {
    -webkit-transform: translateX(-35px) !important;
    transform: translateX(-35x) !important;
}*/

.service-header {background-size:150%;}
}

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

.service-title-box h2 {
    color: #fff;
    margin-top: 0px;
	font-size: 26px;
}

.service-title {
   /* background: #203744;*/
    line-height: 40px;
    padding: 20px 0px 20px 0px;
    color: #fff !important;
    font-weight:bold !important;
    text-transform:uppercase;}

/*.service-title-box {
position:absolute;
left:40px;
top:40px;
}*/

.lsow-team-members.lsow-style1 .lsow-team-member .lsow-team-member-text {
	text-align:left;
}

.lsow-team-members .lsow-team-member .lsow-team-member-details {
	font-size:16px
}


/*#sticky-container .logo {display:none !important;}*/

.home nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky .logo-sticky {display:block;}
.home nav.site-navigation.main-navigation.primary.use-sticky-menu.sticky .logo {display:none !important;}

/*.logo {display:none !important;}*/

/*#sticky-container .logo-sticky {
	display:block;
	float:left;
    	padding-top: 5px;
}*/

#masthead.masthead-logo-in-menu .logo-sticky > img.logo-no-height-constrain {
    max-height: 120px;
}

a.logo-sticky {
    float: left;
	display:none;
}

.home-product-box {
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}



.cl-ib.animation_caeros .cl-ib-title {
    -webkit-transform: translateY(60%) ;
    transform: translateY(60%);
}

/*-----Buttons----*/

.white-wire-button {
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    color: #fff !important;
    text-decoration: none;
       
}

.white-wire-button:hover {
	background:#3baeda;
	border-color:#3baeda;
}

.blue-wire-button {
    background: #3baeda;
    border-radius: 5px;
    padding: 10px 20px 10px 20px;
    color: #fff !important;
    text-decoration: none;
}

.blue-wire-button:hover {
    background: #333;
}


/*------Anchor Points------*/

#page-info {
	position:absolute;
	top:-140px;
        width:100%;
}


.service-attribute h2 {
	font-size: 22px !important;
    	text-align: center !Important;
    	
}

.page-id-621 .service-attribute h2, .page-id-471 .service-attribute h2 {
	border-bottom: 4px solid #46aed4;
   	line-height: 45px;
	margin-bottom:0px !important;
}

/*.page-id-471 .service-attribute h2  {
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}*/

/*.page-id-471 .service-attribute {
	padding-top: 120px !important;
	
}*/


.page-id-130 .service-attribute h2 {
	font-size:20px !important;
	font-weight:500 !important;
}


.contact-page-enquiry input[type=text], .contact-page-enquiry input[type=email], .contact-page-enquiry input[type=password], .contact-page-enquiry input[type=tel], .contact-page-enquiry textarea, .contact-page-enquiry select {
	padding:10px;
        width:100%;

}

.contact-page-enquiry input[type=submit] {
	background: #111e25;
   	color: #fff;
    	font-size: 16px;
    	padding: 16px 30px;
}


.entry-content .alignleft {
    margin: 0 !important;
    margin-right: 20px !important;
}

.entry-content a {
	text-decoration:none;
}


.personal-transformation-list ul li {
	font-size:22px;
	line-height:24px;
	list-style: none;
	background: url("/wp-content/uploads/2017/03/bullet-2.png") top left no-repeat;
	 padding: 5px 0 5px 50px;
	margin-top:16px;
	margin-bottom:16px;
}


.service-attribute ul {
	margin-left:0 !important;
	list-style:none;
}

.service-attribute ul li {
	font-size:16px;
        color: #4aaed1;
	margin-bottom:8px;
	background: url("/wp-content/uploads/2017/03/bullet-3.png") top left no-repeat;
	padding: 0px 0 5px 30px;
	margin-left: 0 !important;
	font-weight: 400;


}

.service-attribute {
	position:relative;
}

.other-services ul {
	list-style: none;
}

.other-services ul li {
	font-size:20px;	
         font-size:22px;
	margin-bottom:12px;
	background: url("/wp-content/uploads/2017/03/bullet-3.png") top left no-repeat;
	padding: 1px 0 5px 30px;
	margin-left: 0 !important;
	font-weight: 400;
}

/*-------Team Page-------*/

.lsow-team-members.lsow-style2 {
	max-width:80% !important;
}

/*-----Testimonial Page-------*/

.testimonial-box {
	padding: 20px 80px 20px 80px !important;	
}

/*-----Contact Page----*/

.contact-column h3 {
	margin: 0 !important;
	padding: 20px 10px 20px 10px !important;
	color:#fff;
	background:#0e3a50;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-weight:400!important;
	
}


.contact-column {
	border: 1px solid #dcdcdc;
	padding: 0px 0px 20px 0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-left:10px;
	margin-right:10px;
}


#footer-widgets .widget a {
	text-decoration:none;
}



/*----Responsive Settings-----*/

#home-service-row1-mobile, #home-service-row2-mobile {
	display:none;
}

.mobile-logo {display:none;}

/*----CRT Screens, Ipad Pro-----*/

@media only screen and (min-width:1023px) and (max-width:1150px) 
{
	#masthead.masthead-logo-in-menu .logo > img.logo-no-height-constrain {max-height: 68px;}
	#masthead.masthead-logo-in-menu .logo-sticky > img.logo-no-height-constrain {max-height: 88px;}

	.cl-ib.animation_caeros.hover .cl-ib-title {font-size:14px !important;padding-bottom:5px !important;}
}

/*----All Mobile-----*/
@media only screen and (min-width:200px) and (max-width:960px) {
 .mobile-logo {display:block !important;}

#home-service-row1-mobile, #home-service-row2-mobile {
	display:block !important;
}

#home-service-row1-desktop, #home-service-row2-desktop {
	display:none !important;
}

.page-id-621 .service-attribute h2, .page-id-471 .service-attribute h2 {
    margin-bottom: 40px !important;
}

.top-text {display:none !important;}


.page-mobile-logo {display:inline-block !important;max-height:65px;width:auto;}

.top-bar-contact-box {display:none;}

.service-button {display:none;}

}


/*-----Ipad------*/
@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px)  
and (-webkit-min-device-pixel-ratio: 1) { 
	.header-image {
	background-attachment:scroll !important;
	background-size:cover !important;
}

	.service-header {background-attachment: scroll !important;background-size:cover !important; -moz-background-size: cover;
    -webkit-background-size:cover;}


 }

/*----Mobile----*/

@media only screen 
and (max-width : 450px) {
	.header-image {
	padding-top:300px !important;
	padding-bottom:300px !important;
	background-size: contain !important;
       background-attachment: scroll !important;
}

	.service-header {
    padding-top: 100px !Important;
    padding-bottom: 100px !important;
    background-attachment: scroll !important;
			}

	.page-id-132 .service-header {background-position:right !important;}
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}



/*-----Enquiry------*/

div.wpcf7-mail-sent-ok {
    border: 2px solid #3baeda;
    background: #3baeda;
    color: #fff;
}

/*---Shop Styling---*/

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #a80f27;
    font-size: 32px !important;
	font-weight:bold;
}

.woocommerce-product-details__short-description li {
    font-size: 22px;
    line-height: 40px;
    color: #4a4a4a;
}

.woocommerce #page-wrapper .product h1.entry-title {
    font-size: 32px !important;
    margin-bottom: 20px;
}

.archive span.woocommerce-Price-amount.amount {
    font-size: 22px;
	color: #a80f27;
}

h2.woocommerce-loop-product__title {
     color: #146e9a !important;
}

.woocommerce #page-wrapper h1.page-title {
    color: #333;
    font-size: 32px !important;
    font-weight: 500;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    text-shadow: inherit;
    background: #176e9d;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #176d9d;
    z-index: 2;
    border-bottom-color: #16709e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #1570a0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{
    box-shadow: 2px 2px 0 #1570a0;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
}

ul.wc_payment_methods.payment_methods.methods label {
    font-size: 24px;
    font-weight: 200;
}

button#place_order {
    background: #2690d0;
    font-size: 24px;
}

.woocommerce-checkout h1.entry-title {
    background: #579acd;
    color: #fff !important;
    text-align: center;
    padding: 10px;
    font-size: 36px !important;
    text-transform: uppercase;
}

div#tab-description li {
    font-size: 18px;
    list-style: disc;
    line-height: 30px;
	font-weight:600;
}

mark.count {
    display: none;
}

.entry-content .wp-caption {
    border: 1px solid #eaeaea;
	padding:0px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 15px;
    border: 1px solid #ececec;
	text-align: center;
}