/*
 Theme Name:   FUW Child Theme
 Theme URI:    https://www.brokernetwork.co.uk
 Description:  Stockholm Child Theme 4
 Author:       Broker Network
 Author URI:   https://www.brokernetwork.co.uk
 Template:     stockholm
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  option-4.co.uk
*/

body.page-id-22351 .default_template_holder *{  }
body.page-id-22351 .default_template_holder p{  }
body.page-id-22351 .default_template_holder a{  }
body.page-id-22351 .default_template_holder li{ line-height:160%; }
body.page-id-22351 .default_template_holder table{ width:100%; }
body.page-id-22351 .default_template_holder table{ margin-bottom:20px; border-collapse:collapse; }
body.page-id-22351 .default_template_holder table tr{  }
body.page-id-22351 .default_template_holder table th{ padding:5px 10px; border:#333 solid 1px; background: #666; color:#fff !important; }
body.page-id-22351 .default_template_holder table th p{ color:#fff !important; }
body.page-id-22351 .default_template_holder table td{ padding:5px 10px; border:#333 solid 1px; vertical-align: top; }
body.page-id-22351 .default_template_holder table p{ padding:0; margin:0; line-height: 160%; }

.display-none{ display: none; }








.full_width .wpb_gmaps_widget .wpb_wrapper{
    padding: 0px;
}

#contact-form-1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
#contact-form-1 > label{
    flex: 0 0 49%;
}
#contact-form-1 > span{
    flex: 0 0 100%;
}
#contact-form-1 label input,
#contact-form-1 span input{
    font-size: 13pt;
}
span.wpcf7-not-valid-tip{
    margin-bottom: 30px;
}
.page-template-contact-page #no-sens-info{
    color: #000 !important;
}
@media screen and (max-width: 900px){
    #contact-form-1 > label{
        flex: 0 0 100%;
    }
}






/*******************************************************************************
Tweaks - 18/10/23
*******************************************************************************/
/*Fix header menu*/

@media screen and (max-width: 1720px){
    header nav.main_menu > ul > li > a{
        padding: 0 10px;
    }
}

@media screen and (max-width: 1440px){
    header nav.main_menu > ul > li > a{
        padding: 0 6px;
        font-size: 15px;
    }
}
@media screen and (max-width: 1320px) and (min-width: 1140px){
    header nav.main_menu > ul > li > a{
        font-size: 13px;
    }
    .q_logo img{
        height: 70% !important;
        position: relative !important;
        top: -35% !important;
    }
}

@media screen and (max-width:1139px){
    /********** MAIN NAV STICKY **********/
    .admin-bar header.fixed, .admin-bar header.sticky.sticky_animate{ padding-top: 32px !important; }
    header.fixed, header.fixed_hiding{ position: fixed !important; }
    .q_logo a{ height:100px !important; }
    header.fixed,
    header.fixed .side_menu_button,
    header.fixed .header_bottom,
    header.fixed .mobile_menu_button,
    header.fixed .logo_wrapper,
    header.fixed .q_logo a{ height:100px; transition:height .3s; }
    header.fixed.scrolled,
    header.fixed.scrolled .side_menu_button,
    header.fixed.scrolled .header_bottom,
    header.fixed.scrolled .mobile_menu_button,
    header.fixed.scrolled .logo_wrapper,
    header.fixed.scrolled .q_logo a{ height:57px !important; }
    .header_top_bottom_holder > .header_bottom{ padding:0 !important; }
    .header_top_bottom_holder > .header_bottom > .container > .container_inner > .header_inner_left{ padding:0 15px; }
    nav.mobile_menu{ border-bottom:1px solid #eaeaea; }
    nav.mobile_menu > ul{ padding: 0 15px; }
    .header_inner_left{ padding-left:15px; }
    .header_inner_right{ padding-right:15px; }

    header .q_logo img.normal { display: block!important; opacity: 1!important; position: relative; margin: 0 auto; }
    .q_logo { display: table-cell; position: relative; top: auto; vertical-align: middle; }
    .q_logo a { left: -50%; width: auto!important; }
    .logo_wrapper { height: 100px; left: 50%; position: absolute; }
    .logo_wrapper,
    .mobile_menu_button { display: table !important; }
    .q_logo img { top: 0; left: 0; }
    .header_inner_left,
    footer.uncover,
    header { position: relative!important; left: 0!important; margin-bottom: 0; }
    .main_menu { display: none!important; }

}

@media screen and (max-width: 480px){
    .q_logo img{
        height: 70% !important;
        position: relative !important;
        top: 15% !important;
    }
}

#nav-menu-item-9999999999 .second a{
    text-align: left;
}
nav.mobile_menu{
    padding-left: 5px;
    padding-right: 5px;
}






/* Fonty Fixerinos */
h1{
    line-height: 1 !important;
}
h1 span{
    line-height: 1 !important;
}


/*Globalization Fixes*/
.wpglobus_flag_en{
    background-image: url('/wp-content/uploads/2018/10/union_jack-1.png') !important;
    padding-left: 27px !important;
}

/*Disable welsh
#nav-menu-item-wpglobus_menu_switch_cy{

    pointer-events: none;

    filter: grayscale(100%);
}
#nav-menu-item-wpglobus_menu_switch_cy .wpglobus_language_name{
    color: #999;
    font-size: 0px;
    height: 35px;
    display: inline-block;
    width: 100%;
}
#nav-menu-item-wpglobus_menu_switch_cy .wpglobus_language_name:after{
    display: inline-block;
    content: ' - Coming Soon';
    color: #333;
    font-size: 18px;
}*/
/*//Disable welsh*/



/*Portfolio page fixes*/

.portfolio_page-template-default .vc_single_image-img{
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px){
    .portfolio_page-template-default .portfolio_single > .vc_row{
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .portfolio_page-template-default .portfolio_single > .vc_row h2{
        position: relative;
        top: 18px;
    }
    
    .portfolio_page-template-default .portfolio_single > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix{
        display: flex;
        flex-direction: column;
    }
    .portfolio_page-template-default .portfolio_single > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix > .wpb_column:nth-child(1){
        order: 2;
    }
    .portfolio_page-template-default .portfolio_single > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix > .wpb_column:nth-child(2){
        order: 1;
    }
    
    /*About page image swapping*/
    .page-id-22511{
        
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix{
        display: flex;
        flex-direction: column;
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix > .wpb_column:nth-child(1){
        order: 2;
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row:nth-child(2n+1) .section_inner_margin.clearfix > .wpb_column:nth-child(2){
        order: 1;   
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row .section_inner_margin.clearfix > .wpb_column > .vc_column-inner{
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row .section_inner_margin.clearfix > .wpb_column .vc_single_image-wrapper,
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row .section_inner_margin.clearfix > .wpb_column .wpb_single_image{
        display: block;
        text-align: center;
        padding: 0 !important;
        padding-top: 50px !important;
    }
    .page-id-22511 .content_inner .full_width .full_width_inner > .vc_row h2{
        position: relative;
        top: 20px;
    }
    .page-id-22511 #second-row-image-wrapper .vc_single_image-wrapper{
        padding-top: 0px !important;
    }
    .page-id-22511 #fourth-row-image-wrapper .vc_single_image-wrapper{
        padding-top: 100px !important;
    }
      
}


.hidden-all{
    display: none !important;
}





/***** ADDED 6-5-2021 TO KEEP HEADER BAR AND LOGO SAME HEIGHT ON SCROLL *****/
/***** ALSO THEN UPDATED 3-2-2022 TO ACCOUNT FOR THE WELSH MENU BEING TOO LONG *****/
.header_bottom,
.scrolled .header_bottom,
.logo_wrapper,
.scrolled.logo_wrapper,
.q_logo a,
.scrolled.q_logo a,
.mobile_menu_button,
.side_menu_button{
	height: 100px !important;
}
header nav.main_menu > ul > li > a,
header.scrolled nav.main_menu > ul > li > a{
	line-height: 100px !important;
}



.q_logo{
    
}
.q_logo img{
    /*width:300px !important;*/
}

.page_header.scrolled .q_logo img{
    /*width:165px !important;*/
}

@media screen and (max-width:1700px){
    .header_bottom,
	.scrolled .header_bottom,
	.logo_wrapper,
	.scrolled.logo_wrapper,
	.q_logo a,
	.scrolled.q_logo a,
	.mobile_menu_button,
	.side_menu_button{
		height: 90px !important;
	}
	header nav.main_menu > ul > li > a,
	header.scrolled nav.main_menu > ul > li > a{
		line-height: 90px !important;
	}
	header nav.main_menu > ul > li{ opacity: 1; }
	header nav.main_menu > ul > li.wpglobus-selector-link{ opacity: 1; }
	header nav.main_menu > ul > li.wpglobus-selector-link > a{ padding-left: 0 !important; padding-right: 0 !important; }
	header .header_inner .header_inner_left{ left: 20px; }
	.header_inner .header_bottom{ padding: 0 20px; }
}
@media screen and (max-width:1650px){
    .header_bottom,
	.scrolled .header_bottom,
	.logo_wrapper,
	.scrolled.logo_wrapper,
	.q_logo a,
	.scrolled.q_logo a,
	.mobile_menu_button,
	.side_menu_button{
		height: 80px !important;
	}
	header nav.main_menu > ul > li > a,
	header.scrolled nav.main_menu > ul > li > a{
		line-height: 80px !important;
	}
}
@media screen and (max-width:1550px){
	header nav.main_menu > ul > li > a{ padding: 0 14px !important; font-size: 15px; }
}
@media screen and (max-width:1450px){
    .header_bottom,
	.scrolled .header_bottom,
	.logo_wrapper,
	.scrolled.logo_wrapper,
	.q_logo a,
	.scrolled.q_logo a,
	.mobile_menu_button,
	.side_menu_button{
		height: 70px !important;
	}
	header nav.main_menu > ul > li > a,
	header.scrolled nav.main_menu > ul > li > a{
		line-height: 70px !important;
	}
}
@media screen and (max-width:1420px){
	header nav.main_menu > ul > .getaquote{
		display: none;
	}
	header nav.main_menu > ul > .joinfuw{
		display: block;
	}
}
@media screen and (max-width:1350px){
    .header_bottom,
	.scrolled .header_bottom,
	.logo_wrapper,
	.scrolled.logo_wrapper,
	.q_logo a,
	.scrolled.q_logo a,
	.mobile_menu_button,
	.side_menu_button{
		height: 60px !important;
	}
	header nav.main_menu > ul > li > a,
	header.scrolled nav.main_menu > ul > li > a{
		line-height: 60px !important;
	}
}
@media screen and (min-width: 1140px) and (max-width: 1320px){
	.q_logo img{
		height: 90% !important;
		top: -45% !important;
	}
}
@media screen and (max-width:1200px){
	/*header .header_inner .header_inner_left{ left: 20px; } MOVED THESE 2 LINES TO 1650px
	.header_inner .header_bottom{ padding: 0 20px; }*/
	
	header nav.main_menu > ul > li > a{
		padding: 0 10px !important;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1139px){
	.q_logo img{
		top: 0 !important;
	}
}

/*@media screen and (max-width:1339px){
    .q_logo img{ width:200px !important; }
}*/



/***** EXTRA MENU BUTTONS *****/
.main_menu .getaquote a{
    padding: 0 15px;
}
.main_menu .getaquote.joinfuw a{
    
}

.main_menu .getaquote.joinfuw span.menu-text{
    background-color: #006558;
    border-color: #006558;
}

.main_menu .getaquote.joinfuw span.menu-text:hover{
    color: #006558;
    border-color: #006558;
}



nav.main_menu>ul>li>a {
	padding: 0 16px !important;
}



#menu-top_menu_welsh .getaquote span.menu-text {
    background: #E30613;
    padding: 12px;
    color: white;
    font-weight: bold;
    margin-left: -6px;
    border: solid;
    border-color: #E30613;
    border-width: 2px;
}

#menu-top_menu_welsh .getaquote.joinfuw span.menu-text {
    background-color: #006558;
    border-color: #006558;
}

/* Cowbridge landing page */


.main_menu .getaquote.cowbridge { display: none; }

.page-id-23673 .main_menu .getaquote.cowbridge { display: block; }

.page-id-23673 .main_menu .getaquote.get-a-quote { display: none; }

.page-id-23673 .footer_top .container { background-color: #01261f; }