/*
 Theme Name:   BN Third Sector Child
 Theme URI:    https://www.brokernetwork.co.uk/
 Description:  Broker Network Child Theme for Third Sector Protect
 Author:       Broker Network
 Author URI:   https://www.brokernetwork.co.uk
 Template:     bn
 Version:      1.0
 License:      GNU General Public License v2.0
 License URI:  http://www.opensource.org/licenses/gpl-license.php
 Text Domain:  bn-thirdsector-child
*/

/*

#FFEB00 / #EDD90E- yellow 

swapped to 

#b57ab4 - purple

*/


.scrolled-down .main-navigation { height: 70px; }


#main-menu > .current_page_item > a,
.desktop-device #main-menu > li > a:hover,
.desktop-device .social-media-holder .fa:hover{ color: #b57ab4; }

.home-slide-content-inner a{ background-color: #b57ab4; border: 1px solid #b57ab4; }
.desktop-device .home-slide-content-inner a:hover{ color: #b57ab4; }

.global-nav{ border-bottom: 2px solid #b57ab4; border-top: 2px solid #b57ab4; }
/* .global-nav #global-section-1 { width: 25%; }
.global-nav #global-section-2 { width: 25%; margin: 0; }
.global-nav #global-section-3 { width: 25%; }
.global-nav #global-section-4 { width: 25%; } */

.floated-right-nav ul li.active{ border-right: 2px solid #b57ab4; }
.floated-right-nav ul li{ border-right: 2px solid #6D5900; }

.text-link-holder a,
.newsletter-signup-right form input[type="submit"],
.wpcf7-form input[type="submit"]{ background-image: url('/wp-content/uploads/carbon/themes/bn-thirdsector-child/img/icons/small_ribbon.jpg'); }


/*- Darker Yellow -*/

#main-menu > .current_page_item > a,
.desktop-device #main-menu > li > a:hover,
.desktop-device .social-wrapper .fa:hover,
.desktop-device .global-nav .global-nav-column ul li a:hover,
.desktop-device p a:hover,
.desktop-device .footer-column ul li a:hover,
.form-relative .active-row .form-row-label,
#commentform .active-row .form-row-label,
.span-green,
.twitter-container .tweet .tweet-text a,
.sub-heading{ color: #b57ab4; }

.form-line-full{ background-color: #b57ab4; }


@media screen and (max-width: 700px) {
	body.home { position: fixed !important; width: 100%; }
	body.home #main-wrapper { position: fixed !important; }
}


/*******************************************************************************
Contact page tweakz
*******************************************************************************/

body.contact #product-section-1 .page-section-left{
    width: 33.33%;
}
body.contact #product-section-1 .page-section-right{
    width: 60%;
}

@media screen and (max-width:768px){
    body.contact #product-section-1 .page-section-left,
    body.contact #product-section-1 .page-section-right{
        width: 75%;
    }
}






/*******************************************************************************
                            ADDITIONAL TWEAKS
*******************************************************************************/

#feefo-reviews-section{  }
#feefo-service-review-floating-widgetId{  }
#feefo-service-review-floating-widgetId .feefowidget-alignment-left{ top: 40vh; }
#feefo-service-review-floating-widgetId .feefowidget-alignment-left .feefowidget-tag{ top: 0; }

@media screen and (max-width:479px){
	#feefo-service-review-floating-widgetId{ display:none; }
}










/*******************************************************************************
                        CHARITY SEMINAR LANDING PAGE
*******************************************************************************/

body.page-id-2021 #main-wrapper{ z-index:501; }
body.page-id-2021.scrolled-down #main-wrapper{ z-index:499; }

.landing-page-seminar-content-section-width{ width: 70%; }
.landing-page-seminar-content-section-padding{ padding: 70px 5vw; }

.landing-page-seminar-section-wrapper{  }
.landing-page-seminar-section{ transition:all .3s; }
.landing-page-seminar-section-content{  }

.seminar-landing-page-split-section-large-left{ padding-right:5%; }
@media screen and (max-width:767px){
	.seminar-landing-page-split-section-large-left{ padding-right:0; }
}

.seminar-landing-page-split-section-heading-large{ float:left; font-size: 2rem; font-weight: 500; margin-bottom: 30px; line-height: 130%; }
.seminar-landing-page-split-section-body-text{ font-size: 0.85rem; }


#landing-page-seminar-section-1-wrapper{  }
#landing-page-seminar-section-1{ margin-top:-100px; }
#landing-page-seminar-section-1-content{ background-color:#fff; border-bottom:2px solid #999; }
body.scrolled-down #landing-page-seminar-section-1{ transform:translateY(0); }

#landing-page-seminar-section-2-wrapper{ padding-bottom:50px; }
#landing-page-seminar-section-2{  }

#seminar-landing-page-details-body-copy{  }
#seminar-landing-page-details-body-copy h4{ margin-bottom: 10px; }
#seminar-landing-page-details-body-copy p{ margin-bottom: 30px; }

#seminar-details-date{ margin-bottom:20px; color:#a6d000; font-size: 3rem; font-weight: 600; line-height: 130%; }
#seminar-details-address{ max-width:250px; margin-bottom:40px; }
#seminar-details-image-wrapper{ padding-right: 20px; }
#seminar-details-image{ float:left; max-width:100%; }

#landing-page-seminar-section-3-wrapper{  }
#landing-page-seminar-section-3{ overflow:hidden; background-color:#505050; }
#landing-page-seminar-section-3 *{ color:#fff; }

#seminar-landing-page-social{  }
#seminar-landing-page-social-links{ display: block; margin: 0 auto 20px; width: 160px; overflow: hidden; }
#seminar-landing-page-social-links > a{ float: left; margin: 0 5px; width: 30px; height: 30px; text-align: center; }
#seminar-landing-page-social-links > a > i{ font-size: 1.2rem; transition:color .3s; }
.desktop-device #seminar-landing-page-social-links > a:hover > i{ color:#a6d000; }

#seminar-landing-page-form-heading{ color:#a6d000; font-weight:300; }
#seminar-landing-page-form-outro p{ font-size: 0.75rem; }

#seminar-landing-page-form{  }
#seminar-landing-page-form .seminar-form-field{  }
#seminar-landing-page-form .seminar-form-field:nth-of-type(2n){ padding-right:10px; }
#seminar-landing-page-form .seminar-form-field:nth-of-type(2n-1){ padding-left:10px; }
#seminar-landing-page-form .seminar-form-field input[type=text],
#seminar-landing-page-form .seminar-form-field input[type=email]{ float:left; width:100%; padding: 9px 5% !important; background-color:#fff; border-radius:2px; color:#505050; }
#seminar-landing-page-form input[type=submit],
#seminar-landing-page-form button[type=submit]{ background: #a6d000; color: #505050; text-align: center; padding: 5px 30px; height: auto; border-radius:2px; }
#seminar-landing-page-form .additional-info-wrapper p{ margin:0; }
#seminar-landing-page-form .wpcf7-recaptcha{ float:right; }

#landing-page-seminar-section-4-wrapper{  }
#landing-page-seminar-section-4{  }

#landing-page-seminar-section-5-wrapper{ background-color:#e3e3e3; }
#landing-page-seminar-section-5{  }
.seminar-landing-page-partner-logo-link img{ margin:auto; }



@media screen and (max-width:1220px){
	#landing-page-seminar-section-1{ margin-top:0; }
}

@media screen and (max-width:1023px){
	.landing-page-seminar-content-section-width { width: 80%; }
	.seminar-landing-page-split-section-heading-large{ font-size: 1.6rem; }
}

@media screen and (max-height:767px){

}

@media screen and (max-width:767px){
	.landing-page-seminar-content-section-width { width: 100%; }
	#landing-page-seminar-section-2 { margin: 0; width: 100%; }
	.seminar-landing-page-split-section-heading-large { font-size: 1.3rem; }
	#landing-page-seminar-section-2{ margin-bottom:50px; }
	#seminar-details-date{ font-size:2rem; }
	#seminar-details-address{ float:right; max-width: none; width: 50%; }
	#seminar-details-image-wrapper { width: 50%; }
	#seminar-landing-page-details-body-copy{ width:80%; margin: 0 10%; }
}

@media screen and (max-width:479px){
	#seminar-landing-page-form .seminar-form-field,
	#seminar-landing-page-form .seminar-form-field:nth-of-type(2n),
	#seminar-landing-page-form .seminar-form-field:nth-of-type(2n-1){ padding-left:30px; padding-right:10px; }
}












/********************** PRODUCT LANDING PAGE - OCTOBER 2019 **********************/

/***** COLOURS *****/

.tsp-landing-page-product .product-hero-right{
    background-color:#ff3333;
    border: 8px solid #000;
}
.tsp-landing-page-product .product-hero-heading{
    color:#fff;
}
.tsp-landing-page-product .product-form-container .section-heading{
	font-weight: 500;
}
.tsp-landing-page-product .product-phone-icon i,
.tsp-landing-page-quote .product-phone-icon i{
    color:#ff3333;
}
.tsp-landing-page-product .product-main-content-section{
    border-color:#ff3333;
}
.desktop-device.tsp-landing-page-product .product-main-content-section a:hover{
    color:#ff3333;
}
.tsp-landing-page-product .product-contact-button{
    background-color:#ff3333;
}
.tsp-landing-page-product #site-legal,
.tsp-landing-page-quote #site-legal{
    background-color:#000;
    color:#999;
}
.tsp-landing-page-product #site-legal *,
.tsp-landing-page-quote #site-legal *{
    text-align:left;
}
.tsp-landing-page-product #site-legal a,
.tsp-landing-page-quote #site-legal a{
    color:#fff;
}
.desktop-device.tsp-landing-page-product #site-legal a:hover,
.tsp-landing-page-quote #site-legal a:hover{
    color:#ff3333;
}
.tsp-landing-page-product .form-line-full,
.tsp-landing-page-quote .form-line-full{
    background-color:#000;
}

.site-colour-Yellow .tsp-landing-page-product .bg-color-sitecolour{ background-color: #ff3333; }

/***** ELEMENTS *****/

.hero-additional-text-box{
    background: #fff;
    border: 7px solid #000;
    border-radius: 20px;
    max-width: 75%;
    margin-bottom: 30px;
    padding: 10px 15px;
}
.hero-additional-text-box p{
    color: #000;
    font-size: 0.8rem;
    margin-bottom: 15px;
}

.product-sidebar-image{
    margin-top:50px;
    border-radius: 10px;
}



/********************** QUOTE LANDING PAGE - OCTOBER 2019 **********************/
.tsp-landing-page-quote .quote-form-container .section-heading{
    font-weight: 500;
}
.quote-hero-image-container{
    min-height:100vh;
}

.landing-page-logo-right{
    max-height: 75px;
    margin-top: -11px;
}

.tsp-landing-page-quote .product-inner-page-content{
    min-height: calc(100vh - 230px);
}

.tsp-landing-page-quote .product-hero-heading{
    color:#ff3333;
}
.tsp-landing-page-quote .product-hero-right{
    background-color:#ff3333;
    border: 8px solid #fff;
}
.tsp-landing-page-quote.site-colour-Yellow .product-form-container,
.tsp-landing-page-product.site-colour-Yellow .product-form-container{
	border:none;
	border-radius: 0;
}
.tsp-landing-page-quote .product-form-container .quote-explain{
    color:#fff;
}

#site-legal{
    position:relative;
}

@media screen and (max-width:1023px){
    .landing-page-logo-right{
        margin-top: -6px;
    }
}


.tsp-landing-page-product .product-main-section {
	width: 100%;
}



/********************* QUOTE/REQUOTE PAGES - ADDED TO FIX 90% ZOOM ISSUE JAN 2020 *****************/
.page-template-template-quote .product-inner-page-content{
	margin-top:0;
}
.page-template-template-quote .product-hero-text-container{
	padding-top: 200px;
}
.page-template-template-quote #product-hero-section{
	position: relative;
    overflow: hidden;
}



/**************** FIX FOR RESPONSIVE VERSION OF TESTIMONIALS ON PRODUCT PAGE FEB 2020 ***************/

@media screen and (max-width:750px){
	.product-testimonial-section-wrapper{
		max-width: calc(100vw - 60px);
	}
}

@media screen and (max-width:450px){
	.product-testimonial-section-wrapper{
		max-width: calc(100vw - 20px);
	}
}


#site-logo img {
	width: 125px !important;
	height: 125px !important;
}






/*********** HIDING SECTIONS OF THE PRODUCT PAGES ON SMALL SCREENS - ADDED 17-4-2020 *************/
@media screen and (max-width:700px){
	
	/* FIX FOR CONTENT GOING OFF RIGHT OF SCREEN */
	.product-main-content-section-style3 .full-width .title, 
	.product-main-content-section-style3 .content-left .title{
		font-size: 1.3rem;
	}
	
	/* HIDE SECTIONS */
	.product-related-items-container,
	.product-related-products-container,
	.product-team-members-container{
		display:none;
	}
	
}

@media screen and (max-width:479px){
	
	/* FIX FOR CONTENT GOING OFF RIGHT OF SCREEN */
	.product-main-content-section-style3 .full-width .title, 
	.product-main-content-section-style3 .content-left .title{
		font-size: 1.2rem;
	}
	
}


/* removing cog */

.site-colour-Yellow .more-twitter a{ 
	background-image: url('/wp-content/uploads/carbon/themes/bn-thirdsector-child/img/icons/small_ribbon.jpg'); 
	background-size: 27px;
	background-repeat: no-repeat;
	padding-left: 40px;
	color: #fff; 
	display: table;
	margin: 0 auto; 
}


.site-colour-Yellow #site-header {
	opacity: 1;	
}

.site-colour-Yellow #site-header.inner-navbar.product-header.large-nav {
	height: 160px;
}

.logo {
	width: 125px;
	height: 125px;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.scrolled-down-logo {
	display: none;
}

.scrolled-down .scrolled-down-logo {
	display: block;
	width: 60px;
	height: 60px;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.scrolled-down .logo {
	display: none;
}







/************ COVID POPUP RESPONSIVE FIX ****************/
/*@media screen and (max-width: 1024px){
	#pum-7597 #popmake-7597 {
		max-height: 80vh !important;
    	height: auto !important;
	}
}*/







/************** FIXES FOR HOME PAGE RESPONSIVE ISSUES 27-8-2020 ***************/

@media screen and (max-width: 1400px),
screen and (max-height: 800px){
	
	.home-slide-logo{ width: 180px; margin-bottom: 40px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ font-size: 3rem; line-height: 3.2rem; margin-bottom: 35px; }
	.home-slide-content-inner p{ margin-bottom: 40px; }
	
	.home-slide-content-inner .mobile-cta-container a{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{  }
	.home-slide-content-inner .mobile-cta-container .phone-text{  }
	
}

@media screen and (max-width: 1200px),
screen and (max-height: 768px){
	
	.home-slide-logo{ margin-bottom: 30px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ font-size: 2.5rem; line-height: 2.7rem; margin-bottom: 20px; }
	.home-slide-content-inner p{ margin-bottom: 30px; font-size: 1.05rem; line-height: 1.15rem; }
	
	.home-slide-content-inner .mobile-cta-container a{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{  }
	.home-slide-content-inner .mobile-cta-container .phone-text{  }
	
}

@media screen and (max-width: 1023px){
	
	.home-slide-logo{ width: 160px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ margin-bottom: 15px; font-size: 2rem; line-height: 2.1rem; }
	.home-slide-content-inner p{ margin-bottom: 20px; font-size: 0.95rem; line-height: 1.05rem; }
	
	.home-slide-content-inner .mobile-cta-container a{ margin-bottom: 20px; font-size: 1.2rem; }
	.home-slide-content-inner .mobile-cta-container a:last-of-type{ margin-bottom: 0; }
	.home-slide-content-inner .mobile-cta-container .phone-icon{ padding: 0.8rem; }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{ left: calc(50% - 0.4rem); top: calc(50% - 0.4rem); font-size: 0.8rem; }
	.home-slide-content-inner .mobile-cta-container .phone-text{ font-size: 1.2rem; margin: -2px 0.5rem 0 0.5rem; }
	
}

@media screen and (max-width: 768px),
screen and (max-height: 700px){
	
	.home-slide-logo{ width: 130px; margin-bottom: 20px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ font-size: 1.5rem; line-height: 1.6rem; }
	.home-slide-content-inner p{ width: 74%; margin: 0 13% 20px; font-size: 0.85rem; line-height: 0.95rem; }
	
	.home-slide-content-inner .mobile-cta-container a{ margin-bottom: 10px; font-size: 0.9rem; }
	.home-slide-content-inner .mobile-cta-container .phone-icon{ padding: 0.6rem; }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{ font-size: 0.65rem; left: calc(50% - 0.3rem); top: calc(50% - 0.35rem); }
	.home-slide-content-inner .mobile-cta-container .phone-text{ font-size: 0.9rem; }
	
}

/*@media screen and (max-width: 600px){
	
	.home-slide-logo{  }
	.home-slide-content h1 span, .home-slide-content h2 span{  }
	.home-slide-content-inner p{  }
	
	.home-slide-content-inner .mobile-cta-container a{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{  }
	.home-slide-content-inner .mobile-cta-container .phone-text{  }
	
}*/

@media screen and (max-width: 479px),
screen and (max-height: 579px){
	
	.social-media-holder{ bottom: 10px; }
	.social-media-holder .fab, 
	.social-media-holder .fa{ font-size: 1.2rem; }
	
	.home-slide-logo{ width: 100px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ width: 90%;
    margin: 0 5% 10px; font-size: 1.2rem; line-height: 1.3rem; }
	.home-slide-content-inner p{ width: 90%; margin: 0 5% 10px; }
	
	.home-slide-content-inner .mobile-cta-container a{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon{  }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{  }
	.home-slide-content-inner .mobile-cta-container .phone-text{  }
	
}

@media screen and (max-width: 399px),
screen and (max-height: 550px){
	
	.home-slide-logo{ width: 80px; margin-bottom: 15px; }
	.home-slide-content h1 span, .home-slide-content h2 span{ width: 90%; margin: 0 5% 15px; }
	.home-slide-content-inner p{ font-size: 0.7rem; line-height: 0.85rem; }
	
	.home-slide-content-inner .mobile-cta-container a{ padding: 4px 10px; font-size: 0.8rem; }
	.home-slide-content-inner .mobile-cta-container .phone-container{ padding: 5px 6px; }
	.home-slide-content-inner .mobile-cta-container .phone-icon{ padding: 0.55rem; }
	.home-slide-content-inner .mobile-cta-container .phone-icon i{ font-size: 0.6rem; left: calc(50% - 0.3rem); top: calc(50% - 0.25rem); }
	.home-slide-content-inner .mobile-cta-container .phone-text{ font-size: 0.8rem; }
	
}










/*********************** PRODUCT PAGE TESTIMONIALS ************************/
/*
.product-testimonial-section-wrapper .template-part-testimonials-v2{
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
}

.product-testimonial-section-wrapper .slick-arrow{
	background: none;
    top: auto;
    bottom: 0;
    text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.desktop-device .product-testimonial-section-wrapper .slick-arrow:hover{
	
}
.product-testimonial-section-wrapper .slick-prev{
	left: 0;
}
.product-testimonial-section-wrapper .slick-next{
	right: 0;
}
.product-testimonial-section-wrapper .slick-arrow .fa,
.product-testimonial-section-wrapper .slick-arrow .fab{
	color: #fff;
    font-size: 1.5rem;
    height: 34px;
    padding-top: 3px;
    width: 32px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}*/
.desktop-device .product-testimonial-section-wrapper .slick-arrow .fa:hover,
.desktop-device .product-testimonial-section-wrapper .slick-arrow .fab:hover,
.overall-testimonials-carousel-with-arrows.testimonials-light-bg .slick-arrow .fa:hover,
.overall-testimonials-carousel-with-arrows.testimonials-light-bg .slick-arrow .fab:hover{
	color: #b57ab4;
}