/*
Theme Name: Adviser Connect
Theme URI: http://spencerfeng.com/
Description: This is a responsive theme for Advisor Connect website.
Author: Spencer Feng
Author URI: http://spencerfeng.com/
Template: salient
Version: 0.1
*/

p {
    padding-bottom: 20px;
}

.color-white {
    color: #ffffff !important;
}

.full-width-section i[class^="icon-"].icon-3x, 
.full-width-section i[class*=" icon-"].icon-3x {
    background-color: #5e666e !important;
}

.icon-our-market[class^="icon-"]:before, 
.icon-our-market[class*=" icon-"]:before {
    color: #394951 !important;
}

#clients-row {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#our-clients-text {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.our-clients-text-col {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    background-image: url("images/Footer-Shadow.jpg") !important;
    background-repeat: no-repeat;
    background-size: auto !important;
    background-position: center top !important;
    background-color: #78be20;
}

.footer-row {
    background-color: #78be20 !important;
    background-image: url("images/Footer-Shadow.jpg") !important;
    background-repeat: no-repeat;
    background-size: auto !important;
    background-position: center top !important;
}
.footer-row * {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    /*overflow-y: visible;*/
}
img.footer-image-no-text {
    bottom: -22px;
    overflow-y: visible;
    max-width: 250px !important;
}
#footer-row-columns-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#banner-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 1.4;
}
@media only screen and (min-width: 375px) {
    
    #banner-text {
        font-size: 25px;
    }

}
@media only screen and (min-width: 414px) {
    
    #banner-text {
        font-size: 30px;
    }

}
@media only screen and (min-width: 768px) {
    
    #banner-text {
        font-size: 40px;
    }

}
@media only screen and (min-width: 1024px) {
    
    #banner-text {
        font-size: 60px;
    }

}
@media only screen and (min-width: 1201px) {
    
    #banner-text {
        font-size: 60px;
        line-height: 1;
    }

}

#slide-out-widget-area.fullscreen-alt.open {
    background-color: rgba(51,63,72,0.98) !important;
}

.col-with-icon {
    background-repeat: no-repeat;
    background-position: 0 16px;
    padding-left: 33px !important;
}

.icon-our-market.icon-lightbulb:before {
    content: '';
    width: 27px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -13px;
    margin-top: -12px;
}
.icon-our-market.icon-lightbulb.intermediated-life-insurance:before {
    background-image: url("images/intermediated-insurance.png");
}
.icon-our-market.icon-lightbulb.direct-life-insurance:before {
    background-image: url("images/Direct-life-insurance.png");
}
.icon-our-market.icon-lightbulb.group-life-insurance:before {
    background-image: url("images/Group-life-insurance.png");
}
.icon-our-market.icon-lightbulb.bancassurance:before {
    background-image: url("images/Bancassurance.png");
}
.icon-our-market.icon-lightbulb.consumer-credit-and-loan-insurance:before {
    background-image: url("images/Consumer-credit-and-loan-insurance.png");
}
.icon-our-market.icon-lightbulb.general-insurance:before {
    background-image: url("images/General-insurance.png");
}

body #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i:after, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a .lines-button i:before, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i:after, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a .lines-button i:before, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, 
body #header-outer.transparent.dark-slide:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after,
body #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines, 
body #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:before, 
body #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle a i.lines:after, 
body #header-outer.transparent:not(.directional-nav-effect) > header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after, 
body #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, 
body #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, 
body #header-outer.transparent.directional-nav-effect > header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before, 
body #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines, 
body #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:before, 
body #header-outer.transparent:not(.directional-nav-effect) .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a i.lines:after, 
body #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i, 
body #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:after, 
body #header-outer.transparent.directional-nav-effect .midnightHeader.nectar-slider header#top nav ul .slide-out-widget-area-toggle a span.light .lines-button i:before,
body header#top nav ul .slide-out-widget-area-toggle a i.lines, 
body header#top nav ul .slide-out-widget-area-toggle a i.lines:after, 
body #header-outer .slide-out-widget-area-toggle[data-icon-animation="simple-transform"]:not(.mobile-icon) .lines-button:after, 
body header#top nav ul .slide-out-widget-area-toggle a i.lines:before, 
body header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, 
body header#top .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, 
body header#top .slide-out-widget-area-toggle[data-icon-animation="simple-transform"].mobile-icon .lines-button:after, 
body header#top .slide-out-widget-area-toggle[data-icon-animation="spin-and-transform"].mobile-icon .lines-button.x2 .lines {
    background-color: #78be20 !important;
}

body #header-outer.transparent header#top nav ul .slide-out-widget-area-toggle a i.lines, 
body #header-outer.transparent:not(.side-widget-open) header#top nav ul .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] a i.lines-button:after {
    opacity: 1 !important;
}

.off-canvas-menu-container:after {
    content: '';
    display: block;
    height: 2px;
    width: 60px;
    margin: 50px auto 0 auto;
    background-color: #78be20;
}

@media only screen and (max-width: 690px) {
    html body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, 
    html body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 20px!important;
        line-height: 24px!important;
    }

    body .col.client-logo-col,
    body .col.partner-logo-col,
    body .col.velogica-logo-col {
        margin-bottom: 25px !important;
    }
    .client-logo-col img,
    .partner-logo-col img,
    .velogica-logo-col img  {
        width: 200px !important;
    }

    body .vc_row-fluid .vc_col-sm-2[class*="vc_col-sm-"].our-market-col {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .icon-our-market {
        margin-bottom: 0 !important;
    }

}

@media only screen and (min-width: 1px) and (max-width: 1000px) {
    
    .wpb_row .span_12 > .col.padding-1-percent.col-with-icon {
        background-repeat: no-repeat;
        background-position: 0 14px;
        padding-left: 33px !important;
    }

    .full-width-content.vc_row-fluid .vc_col-sm-3.footer-col {
        text-align: center;
        padding-top: 20px;
        line-height: 1.2;
    }

    .footer-bottom-border {
        display: none !important;
    }

    .footer-row {
        padding-bottom: 30px !important;
    }

}

@media only screen and (min-width: 1px) and (max-width: 479px) {

	.wpb_row .span_12 > .col.padding-1-percent.col-with-icon {
	        background-position: 0 12px;
	}

}

.clients-carousel {
	max-width: 1245px;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
	.clients-carousel .client-item {
		padding: 20px 0;
	}
	.clients-carousel .client-item img {
		max-width: 240px;
	}
}


/* reduced mobile line height */
@media only screen and (min-width: 1px) and (max-width: 479px) {

	.reduced-mobile-line-height * {
		line-height: 26px !important;
	}
	
}

/* clients section mobile fix */
@media only screen and (min-width: 1px) and (max-width: 1000px) {

	h2#our-clients-heading {
		padding-top: 40px;
	}

}

/* divider wrap mobile adjustment */
@media only screen and (min-width: 1px) and (max-width: 479px) {

	div.divider-wrap > div {
		margin-top: 20px !important;
	}

}

/* image width mobile adjustment */
@media only screen and (min-width: 1px) and (max-width: 1000px) {

	img.mobile-width-238 {
		width: 238px !important;
	}

}

/* 4-inch screen column padding adjustment */
@media only screen and (min-width: 1px) and (max-width: 374px) {

	div.add-h-padding-for-very-small-screen {
		padding-left: 25px;
		padding-right: 25px;
	}

}

/* remove the wbp_row bottom margin */
.wpb_wrapper >div.wpb-wrapper-bottom-0 {
	margin-bottom: 0;
}

/* remove the wbp_row bottom margin on mobile */
@media only screen and (min-width: 1px) and (max-width: 1000px) {

	.wpb_wrapper >div.wpb-wrapper-bottom-mobile-0 {
		margin-bottom: 0;
	}

}

/* different background image for mobile */
@media only screen and (min-width: 1px) and (max-width: 479px) {

	div.seamless-with-velogica-row div.row-bg.using-image {
		background-image: url(images/Veologica-BG-Mobile.jpg) !important;
	}
	
	div.partnering-for-success-row div.row-bg.using-image {
		background-image: url(images/Partnering-BG-Mobile.jpg) !important;
	}
	
	div.our-markets-row div.row-bg.using-image {
		background-image: url(images/Market-BG-Mobile.jpg) !important;
	}

}

#footer-outer.footer-row a:hover {
	color: #ffffff !important;
}

.our-markets-icon img {
	display: block;
	width: 115px !important;
	height: auto;
	margin: 0 auto;
}