/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");



/*========= Website General =========*/

/*------ text ------*/

/* import fonts */
@import url('https://fonts.googleapis.com/css?family=Lato');         /* 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');    /* 'Open Sans', sans-serif; */

/* apply fonts */
p, h4, h5, a, label { font-family: 'Open Sans', sans-serif; }
h1, h2, h3 { font-family: 'Lato', sans-serif; color: #8a8888; }
p { margin-bottom: 15px; line-height: 20px; }


/*------ colours ------*/


/*------ spacing ------*/
.spacing-20 { width: 100%; height: 20px; display: inline-block; }
.spacing-1 { width: 100%; height: 1px; display: inline-block; }
.rotate-180 img { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }


/*------ mask ------*/
.image-mask img { -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%); }


/*------ display:none ------*/
.footer_bottom_holder { display: none; }
.show-on-1115 { display: none; }



/*========= Website Header =========*/

/*------ wrapper ------*/
.header_bottom { padding: 10px 60px 0; position: relative; }



/*------ logo ------*/
header .header_bottom .header_inner_left { display: inline-block; position: relative; top: auto; left: auto; float: left; }
header .header_bottom .header_inner_left .logo_wrapper { height: auto; display: inline-block; position: relative; top: auto; left: auto; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo { display: inline-block; top: auto; left: auto; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo a { height: auto !important; display: inline-block; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo a img { width: 100%; height: auto; display: none; position: relative; top: auto; }
header .header_bottom .header_inner_left .logo_wrapper .q_logo a img.light { display: inline-block; }



/*------ menu ------*/
header .header_bottom nav.main_menu.right { margin-right: -17px; clear: right; }

/* bk colour */
.header_bottom { background-color: #fff !important; }

/* header contact links */
#header-menu-fix { display: inline-block; float: right; }
#header-contact-container { margin-top: 6px; display: inline-block; float: right; text-align: left; }
#header-contact-container > div { display: inline-block; float: left; }
#header-contact-container a { display: inline-block; float: left; color: #aaaaaa; font-weight: 600; font-size: 13px; }
#header-contact-container > a { margin-left: 40px; }
#header-contact-container i { margin-right: 7px; display: inline-block; color: #00adef; font-size: 16px; }

/* menu txt color */
#menu-top-header-menu { display: inline-block; float: left; }
#menu-top-header-menu li { color: #aaaaaa !important; }
#menu-top-header-menu li a:link, #menu-top-header-menu li a:visited, #menu-top-header-menu li a:active { padding: 9px 17px; color: #aaaaaa; font-family: 'Lato', sans-serif; line-height: initial; }
#menu-top-header-menu li a:hover { color: #aaaaaa; text-decoration: underline; }
#menu-top-header-menu li a:hover span { color: #aaaaaa; text-decoration: underline; }

/* menu dropdown */
#menu-top-header-menu li .second .inner { margin-top: 9px; }
#menu-top-header-menu li .second .inner ul { padding: 0; background-color: rgba(0, 173, 239, 0.7); }
#menu-top-header-menu li .second a:link, #menu-top-header-menu li .second a:visited, #menu-top-header-menu li .second a:active { color: #fff; text-decoration: none; }
#menu-top-header-menu li .second .inner a:hover { background-color: #a9e6fb; }
#menu-top-header-menu li .second .inner a:hover span { color: #000; text-decoration: none; }

/* menu btn color */
.quote-btn a:link, .quote-btn a:visited, .quote-btn a:active { width: 75px; padding: 6px 12px; display: inline-block; border-radius: 16px; border: 2px solid #fdd9a9; color: #aaaaaa; font-weight: 600; font-size: 13px; text-transform: uppercase; font-family: 'Lato', sans-serif; word-wrap: normal; line-height: 16px; text-align: center; transition: 0.5s; }
.quote-btn a:hover { background-color: #fdd9a9; }

/* btn */
.header_bottom_widget .quote-btn:first-child { float: left; display: inline-block; }
.header_bottom_widget .quote-btn:last-child { float: right; display: inline-block; }

.header_inner_right { margin-top: 3px; display: inline-block; clear: right; float: right; }
.header_inner_right .side_menu_button_wrapper { height: 32px; display: inline-block; }
.header_inner_right .side_menu_button_wrapper .header_bottom_right_widget_holder { padding-right: 0; display: inline-block; }



/*========= Website Content =========*/

/*------ page builder ------*/
.accordion-container { padding-right: 15px; padding-left: 15px; margin-bottom: 20px !important; }
.accordion-container .more_facts_button { padding: 15px; background-color: #00adef; }
.accordion-container .more_facts_button_text { padding: 0; color: #fff; }
.accordion-container .more_facts_button_arrow { display: inline-block; position: absolute; top: 8px; right: 15px; }
.accordion-container .more_facts_button_arrow i { color: #fff; font-size: 36px; }
.accordion-container .more_facts_outer { background-color: #f1f1f1; }
.accordion-container .more_facts_inner_holder { height: 100%; display: table; }
.accordion-container .more_facts_inner { padding: 0 !important; display: table-cell; }


/*------ header title ------*/
#header-title-container { margin-bottom: 40px !important; padding: 140px 0; }
#header-title-container h1 { padding: 20px 40px; background-color: rgba(0,0,0,.5); color: #fff; display: inline-block; text-transform: uppercase; letter-spacing: 2px; word-spacing: 10px; }


/*------ header image ------*/
.content { margin-top: 0; }
.title_outer { margin-bottom: 58px; }
.title_holder { display: table; }
.title_holder .container_inner { width: 90%; }
.title_subtitle_holder { padding-top: 0 !important; display: table-cell !important; vertical-align: middle; }
.title_subtitle_holder h1 { padding: 10px 40px; display: inline-block; float: left; background-color: rgba(0,0,0,0.41); }


/*------ caption images ------*/
.images-with-caption { margin-bottom: 30px !important; }
.images-with-caption .wpb_column .wpb_text_column { width: calc(100% - 85px); margin: 0 15px; padding: 7px 5px 10px 50px; left: 0; bottom: 0; position: absolute; background-color: #00adef; }
.images-with-caption .wpb_column .wpb_text_column:before { content: " "; width: 23px; height: 27px; position: absolute; top: 4px; left: 13px; background-image: url(https://scblinds.co.uk/wp-content/themes/bridge-child/images/south-coast-blinds-low-cost-blinds-portsmouth-hexagon-icon-blue.png); }
.images-with-caption .wpb_text_column .wpb_wrapper { position: relative; color: #fff; font-size: 18px; font-weight: 700; }
.images-with-caption .wpb_text_column p { color: #fff; font-size: 18px; font-weight: 700; }


/*--- blue row ---*/
.blue-row { width: 100%; padding-top: 15px; padding-bottom: 15px; margin: 0; display: inline-block; position: relative; background-color: #00adef; }
.blue-row.vc_row  { width: 100vw; padding-top: 15px; padding-bottom: 15px; margin: 0; margin-left: calc( -50vw + 50% ) !important; display: inline-block; position: relative; background-color: #00adef; }
.blue-row section { max-width: 1100px; width: 100%; margin: 0 auto; display: block; position: relative; }
.blue-row.in-page-blue-row { width: 100%; padding: 0; }
.blue-row h3 { width: 75%; margin-top: 10px; margin-bottom: 10px; float: left; color: #fff; font-size: 26px; letter-spacing: 1px; }
.blue-row section > p, .blue-row > p { width: 75%; float: left; color: #fff; font-size: 16px; }


/*------ hex btn ------*/
.hexagon-btn { width: 25%; display: inline-block; text-align: center; }
.hexagon-btn a { display: inline-block; position: relative; float: none; }
.hexagon-btn .wpb_text_column { margin: 0 auto; position: absolute; top: 25%; right: 0; left: 0; }
.hexagon-btn p { font-size: 18px; color: #024460; font-weight: 700; }
.hexagon-btn i { font-size: 36px; color: #024460; }


/*------ forms ------*/
.gform_wrapper { margin: 10px 0 0 !important; padding: 0 15px; }
.gform_wrapper ul li { list-style: none; }
.gform_wrapper ul li:first-child > label { display: none !important; }
.gform_wrapper label { width: 100% !important; padding-bottom: 10px; margin: 0; color: #000; font-size: 16px !important; }
.gform_wrapper span input, .gform_wrapper input, .gform_wrapper textarea { width: 100% !important; padding: 10px !important; border-bottom: 3px solid #00adef !important; background-color: #e6e6e6 !important; font-size: 16px !important; color: #444 !important; resize: vertical; }
.gform_wrapper textarea { background-color: #e6e6e6 !important; color: #444 !important; }
.ginput_container_captcha input { border-bottom: 1px solid #000 !important; }
.gform_footer { padding-bottom: 0 !important; }
.gform_footer input { padding: 3px 0 0 !important; border: none !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; background-color: #a9e6fb !important; text-align: center !important; color: #fff !important; }
.gform_footer input:hover { background-color: #00adef !important; }

/* date */
.gform_wrapper input.datepicker { width: 130px !important; text-align: center !important; }

/* dropdown */
.gform_wrapper select { padding: 10px !important; border-bottom: 3px solid #00adef !important; background-color: #e6e6e6 !important; color: #444 !important; font-size: 16px !important; }



/*========= Website Footer =========*/

/*------ columns ------*/
.footer_top { padding: 20px 0 60px; border-top: 10px solid #ace6fa; }
.footer_top .four_columns > div { width: 24%; margin: 0 .5%; }
.footer_top .four_columns > div:first-of-type { margin: 0 1% 0 0; }
.footer_top .four_columns > div:last-of-type { margin: 0 0 0 1%; }
.footer_top .four_columns > div > .column_inner { padding: 0; }
.footer_top .four_columns h5 { font-size: 18px; color: #6d7373; font-weight: 700; }

/* column 1 */
.footer_top .column1 { top: auto; }
.footer_top .column1 li { width: 100%; padding-bottom: 0 !important; display: inline-block; }
.footer_top .column1 li a:link, .footer_top .column1 li a:visited, .footer_top .column1 li a:active { color: #6d7373; font-weight: 700; }
.footer_top .column1 li a:hover { color: #6d7373 !important; text-decoration: underline; }

/* column 2 */
.footer_top .column2 .widget_text { margin: 0 !important; }
.footer_top .flex-viewport:before { content: " "; width: 39px; height: 33px; display: inline-block; background-image: url(https://scblinds.co.uk/wp-content/themes/bridge-child/images/south-coast-blinds-low-cost-blinds-portsmouth-quote-mark.png); }
.footer_top .flex-viewport:after { content: " "; width: 39px; height: 33px; display: inline-block; float: right; -webkit-transform: rotate(180deg);
  transform: rotate(180deg); background-image: url(https://scblinds.co.uk/wp-content/themes/bridge-child/images/south-coast-blinds-low-cost-blinds-portsmouth-quote-mark.png); }
.footer_top .column2 .widget_text .testimonial_content_inner { padding: 0; background-color: transparent; text-align: left; }
.footer_top .column2 .widget_text .testimonial_content_inner p { color: #6d7373; font-weight: 700; }

/* column 3 */
.footer_top .column3 .widget_text { margin: 0 !important; }
.footer_top .column3 h5 { width: 100%; margin-bottom: 10px; text-align: center; }

/* column 4 */
.footer_top .column4 .widget_text { margin: 0 !important; }
.footer_top .column4 .widget_nav_menu { width: 100%; margin: 20px 0 0 0; display: inline-block; text-align: center; }
.footer_top .column4 .widget_nav_menu li { padding: 5px 15px; display: inline-block; float: none; }
.footer_top .column4 .widget_nav_menu li a:link, .footer_top .column4 .widget_nav_menu li a:visited, .footer_top .column4 .widget_nav_menu li a:active { color: #6d7373; font-weight: 700; }
.footer_top .column4 .widget_nav_menu li a:hover { color: #6d7373 !important; text-decoration: underline; }
.footer_top .column4 .widget_custom_html { margin: 0; text-align: center; }
.footer_top .column4 .widget_custom_html > div { color: #6d7373; font-weight: 700; font-family: 'Open Sans', sans-serif; }

#base-footer-menu { width: 100%; margin: 30px 0 0; display: inline-block; text-align: center; }
#base-footer-menu ul { margin: 0 0 15px; }
#base-footer-menu li { margin: 0 5px; display: inline-block; float: none; font-size: 16px; font-weight: 700; }
#base-footer-menu p { margin: 0; }
#base-footer-menu p.copyright { margin: 15px 0 0; font-size: 16px; font-weight: 700; }



/*========= Website Media Qs =========*/

@media screen and ( max-width: 1530px ){
    
    /*=============== mq-site-header ===============*/
    
    /*------ left side ------*/
    #header-contact-container { position: absolute; top: 10px; right: 60px; }
    .header_inner_right { position: absolute; top: 55px; right: 60px; }
    #header-menu-fix { width: 100%; text-align: center; }
    header .header_bottom nav.main_menu.right { margin: 0; display: inline-block; clear: none; float: none; }
    
}



@media only screen and ( max-width: 1115px ){
    .header_inner_right { position: absolute; top: 55px; right: 60px; }
    .show-on-1115 { display: inline-block; }
    
    /*========= mq-display-none =========*/
    .main_menu { display: none; }
    
    
    
    /*========= mq-site-header =========*/
    
    /* logo */
    header .header_bottom .header_inner_left { float: right; }
    
    /*------ layout ------*/
    .header_bottom { padding: 10px 20px 0 !important; }
    .header_inner_left { position: relative !important; top: auto !important; left: auto !important; }
    .logo_wrapper { left: 0; float: left; }
    .logo_wrapper a { left: 0 !important; }
    .logo_wrapper .mobile { margin: 0 !important; }
    #header-menu-fix .header_inner_right { margin: 0 0 10px; }
    header .header_bottom nav.main_menu.right { display: none; }
    #header-menu-fix { width: auto; float: left; }
    #header-contact-container { position: relative; top: auto; right: auto; float: left; }
    #header-menu-fix .header_inner_right { margin: 15px 0 0; position: relative; top: auto; right: auto; clear: left; float: left; }
    .header_inner_right .side_menu_button_wrapper .header_bottom_right_widget_holder { padding-left: 0; }
    
    
    
    /*------ contact details ------*/
    #header-contact-container > * { float: right; }
    #header-contact-container > div { display: inline-block; }
    #header-contact-container > a { margin-left: 20px; }
    
    
    /*------ mobile menu icon ------*/
    .mobile_menu_button { display: table; margin: 0 10px; float: right; }
    .mobile_menu_button i { font-size: 20px; }
    .mobile_menu { display: block !important; }
    
    
    
    /*========= mq-site-content =========*/
    .blue-row section { width: calc(100% - 30px); margin: 0 15px; }
    .header_inner_right {
		position:unset;
		top:unset;
		right:unset;
		margin-bottom:10px;
	}
}

@media screen and ( max-width:1000px ){
	.header_top .left{display:none;}
}

@media screen and ( max-width: 920px ){
    
    #header-contact-container > a:first-of-type { margin-left: 0; clear: left; }
    #header-menu-fix .header_inner_right { margin: 5px 0 0; }
    
}



@media only screen and ( max-width: 767px ){
    
    /*========= mq-display-none =========*/
    #header-menu-fix br, .q_slider, .footer_top .column2, .footer_top .column3 .spacing-20, .title_outer, .mobile-hide { display: none; }
    
    
    
    /*========= mq-site-header =========*/
    
    /*------ layout ------*/
    #header-menu-fix { width: 100%; padding: 0 20px 10px; margin: 0 0 10px; position: relative; border-bottom: 2px solid #a9e6fb; float: left; clear: both; box-sizing: border-box; text-align: center; }
    #header-contact-container { margin-top: 0; float: left; display: inline-block; }
    #header-contact-container > * { float: left; }
    .header_inner_right { margin-top: 3px; }
    .header_bottom { padding: 0 0 !important; }
    .logo_wrapper { padding: 0 20px; }
    .logo_wrapper .mobile { left: -30px; }
    header .header_bottom .header_inner_left { width: 100%; padding: 10px 20px; box-sizing: border-box; }
    #header-contact-container { text-align: center; float: none; }
    #header-contact-container > a:first-of-type { margin-left: 20px; clear: none; }
    header .header_bottom .header_inner_right { width: 100%; clear: none !important; float: none !important; }
    
    
    /*------ mobile menu ------*/
    .mobile_menu { width: calc(100% - 20px) !important; padding: 0 10px; }
    
    
    
    /*========= mq-site-content =========*/
    .content .vc_row:first-child { padding-top: 10px !important; }
    
    /*------ page builder ------*/
    .content .vc_row > .section_inner { width: calc(100% - 80px); margin: 0 40px; }
    
    /*------ home page ------*/
    
    /* image captions */
    .images-with-caption { width: 50%; float: left; margin: 0 !important; }
    .wpb_wrapper .images-with-caption:last-child { margin: 0 auto; display: block; float: none; }
    .images-with-caption .section_inner .section_inner_margin > div { margin-bottom: 15px; }
    
    
    
    /*========= mq-site-footer =========*/
    /*.footer_top .container_inner { width: calc(100% - 30px); }*/
    .footer_top .four_columns > div { width: 100% !important; }
    
    /*------ blinds menu ------*/
    #menu-footer-menu1 { text-align: center; }
    #menu-footer-menu1 li { width: auto; margin: 0 10px 5px; }
    
    .footer_top .column1, .footer_top .column2, .footer_top .column3 { margin: 0 0 15px !important; }
    .footer_top .column1 h5 { margin-bottom: 10px; }
    
    /*------ logos ------*/
    .footer_top .column3 { margin-top: 20px; }
    .footer_top .column3 a { width: 48%; margin-left: 2%; margin-top: 28px; display: inline-block; float: right; text-align: center; }
    .footer_top .column3 h5 { width: auto; display: inline-block; text-align: center; }
    .footer_top .textwidget > img { width: 48%; margin-right: 2%; float: left; }
    
}


@media screen and ( max-width: 582px ){
    
    #header-contact-container > div { width: 100%; text-align: center; }
    #header-contact-container > div > * { float: none !important; }
    #header-contact-container > a { margin: 0 10px !important; float: none; }
    
}



@media only screen and ( max-width: 480px ){
    
    /*========= mq-display-none =========*/
    .blue-row > p br, .blue-row section > p br { display: none; }
    
    
    
    /*========= mq-site-header =========*/
    
    /*------ layout ------*/
    .header_inner_left { width: 100%; display: inline-block; position: static !important; }
    .logo_wrapper { width: 80%; margin-top: 5px; padding: 0; display: inline-block; position: relative; text-align: center; box-sizing: border-box; }
    .logo_wrapper * { display: inline-block; float: left; }
    .logo_wrapper a { height: auto !important; }
    .logo_wrapper a img { display: inline-block; }
    .logo_wrapper .mobile { width: 100% !important; left: auto; }
    .header_inner_right { width: 95px; margin: 0 auto !important; display: block; float: none; }
    .header_inner_right .header_bottom_right_widget_holder { padding: 0; }
    header .header_bottom .header_inner_left { padding-bottom: 0; }
    
    
    
    /*========= mq-site-content =========*/
    .content .vc_row > .section_inner { width: calc(100% - 30px); padding: 0 15px; margin: 0; }
    .full_width_inner { margin: 0 15px; }
    
    
    /*------ home page ------*/
    
    /* image captions */
    .images-with-caption { width: 100%;  }
    .images-with-caption .section_inner .vc_column-inner { padding: 0; }
    .images-with-caption .wpb_text_column  { width: calc(100% - 55px) !important; margin: 0 !important; }
    
    
    /*------ blue row survey ------*/
    .blue-row { padding: 15px 0 !important; }
    .blue-row .blue-row, .blue-row .vc_column-inner { padding: 0 !important; }
    .blue-row h3, .blue-row p, .blue-row section h3, .blue-row section p { width: 100%; }
    .blue-row .hexagon-btn { width: 100%; }
    
    /* blue row padding fix */
    .blue-row .section_inner_margin { margin-left: 0 !important; margin-right: 0!important; }
    
    
    /*------ image mask ------*/
    .image-mask { margin-top: 15px; }
    
    
    
    /*========= mq-site-footer =========*/
    .footer_top .four_columns > div:last-child { margin-top: 10px; }
    
    .footer_top .column1 h5 { text-align: center; }
    
    
    /*------ logos ------*/
    .footer_top .column3 a { width: 100%; margin-left: 0; margin-top: 0; float: left; }
    .footer_top .column3 h5 { width: 100%; margin-top: 20px; }
    .footer_top .textwidget > img { width: 100%; margin-right: 0; float: left; }
    
    
    /*------ links ------*/
    .footer_top .column4 .widget_nav_menu li { padding: 0; margin-right: 30px; margin-bottom: 10px; float: left; }
    
}

@media only screen and ( max-width: 350px ){
    
    /*========= mq-site-content =========*/
    
    /*------ blue row ------*/
    .blue-row > .section_inner { width: calc(100% - 30px) !important; padding: 0 15px !important; }
    
    
    /*------ page builder ------*/
    .content .vc_row > .section_inner { width: 100%; padding: 0; }
    
}

@media only screen and ( max-width: 1022px ) and ( min-width: 768px ){
    
    .wrapper_inner > header.page_header{ border-bottom: 2px solid #a9e6fb; }
    
}
@media only screen and ( max-width:410px ){
	.header_inner_right .side_menu_button_wrapper .textwidget {
		display:flex !important;
		padding:0px 10px;
		justify-content:space-between;
		width:100%;
	}
	.header_bottom_right_widget_holder .quote-btn2 a:link{ width:unset !important;max-width:250px !important;}
	.header_bottom_right_widget_holder .quote-btn a:link{max-width:75px;width:unset !important;}
	.header_bottom_widget .quote-btn2:first-child{margin-right:0px!important;}
}	
@media only screen and ( max-width:400px ){
	#header-contact-container .topDivHold {
		display:flex;
		justify-content:space-around;
	}
	#header-contact-container .topDivHold a {
		font-size:12px !important;
		margin:0px !important;
		padding:0px !important;
	}
}
@media only screen and ( max-width:350px ){
	.quote-btn2 a:link, .quote-btn2 a:visited, .quote-btn a:active{padding:6px 10px;font-size:12px;}
	.quote-btn a:link, .quote-btn a:visited, .quote-btn a:active{padding:6px 10px;font-size:12px;}
}
@media only screen and ( min-width:420px ){
	.quote-btn2 a:link, .quote-btn2 a:visited, .quote-btn a:active{ width: 250px;}
}