/*
Theme Name: Bridge Child 02
Theme URI: http://demo.qodeinteractive.com/bridge/
Template: bridge
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Description: Bridge Theme
Tags: creative,portfolio,multi-purpose,clean,retina,responsive,parallax,mega menu,blog,agency,business,fullscreen,modern,background video,ajax
Version: 9.5.1488888027
Updated: 2017-03-07 23:00:27

*/

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on November 12, 2016 */



@font-face {
    font-family: 'flamamedium';
    src: url('../../fonts/flama_medium-webfont.eot');
    src: url('../../fonts/flama_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/flama_medium-webfont.woff2') format('woff2'),
         url('../../fonts/flama_medium-webfont.woff') format('woff'),
         url('../../fonts/flama_medium-webfont.ttf') format('truetype'),
         url('../../fonts/flama_medium-webfont.svg#flamamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'flamasemibold_cnd';
    src: url('../../fonts/flama_semibold_cnd-webfont.eot');
    src: url('../../fonts/flama_semibold_cnd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/flama_semibold_cnd-webfont.woff2') format('woff2'),
         url('../../fonts/flama_semibold_cnd-webfont.woff') format('woff'),
         url('../../fonts/flama_semibold_cnd-webfont.ttf') format('truetype'),
         url('../../fonts/flama_semibold_cnd-webfont.svg#flamasemibold_cnd') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'flamaultralight';
    src: url('../../fonts/flama_ultralight-webfont.eot');
    src: url('../../fonts/flama_ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/flama_ultralight-webfont.woff2') format('woff2'),
         url('../../fonts/flama_ultralight-webfont.woff') format('woff'),
         url('../../fonts/flama_ultralight-webfont.ttf') format('truetype'),
         url('../../fonts/flama_ultralight-webfont.svg#flamaultralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Bodoni Std';
    src: url('../../fonts/BodoniStd-BookItalic.eot');
	src: url('../../fonts/BodoniStd-BookItalic.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/BodoniStd-BookItalic.woff2') format('woff2'),
		url('../../fonts/BodoniStd-BookItalic.woff') format('woff'),
		url('../../fonts/BodoniStd-BookItalic.ttf') format('truetype'),
		url('././fonts/BodoniStd-BookItalic.svg#BodoniStd-BookItalic') format('svg');
    font-weight: 100;
    font-style: italic !important;
    font-stretch: normal;
    unicode-range: U+0020-FB02;
}

/** GENERAL STUFF **/
/* MENU */
/* sticky menu */
.header_bottom { padding: 0px 10px !important; }
header .header_inner_left { left: 10px !important; }
.dark:not(sticky):not(.scrolled) nav.main_menu>ul>li>a { color: black !important; }

header.centered_logo.centered_logo_animate .q_logo img, header:not(.centered_logo) .q_logo img { height: 75%!important; padding-top: 6px; }
header.sticky nav.main_menu > ul > li > a, .dark.sticky nav.main_menu > ul > li > a { color: black !important; }

/* scroll menu */
nav.main_menu > ul > li > a { color: white !important; font-family:'flamamedium'!important; font-size: 11px !important; letter-spacing: 2px !important; padding: 0 35px !important; }

/** FOOTER **/
.footer_top .widget_nav_menu li.menu-item a { padding: 0px !important; line-height: 24px!important; }
.footer_col1 { margin-top: -15px!important; }

/* Slider arrows */
.fa-angle-right { vertical-align: middle !important; padding-left: 2.5px; }
.fa-angle-left { vertical-align: middle !important; padding-right: 2.5px; }
.flex-prev, .flex-next { margin: 0 20px !important; }

/** fonts **/
/* HEADERS */

.title_size_small { height: auto!important; padding-top: 100px !important; padding-bottom: 50px !important; } 

.headertitle p, .headersubtitle p { 
    line-height: 1 !important; 
    -webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
}

.headertitle p { margin-bottom: -80px !important; }

@media (max-width:999px) {
	.slidertitle h1 {
    	color: white;
    	line-height: 1 !important;
    	font-family: 'flamaultralight' !important;
    	font-size: 38px;
    	letter-spacing: 0px; 
    	}
	.slidersubtitle h4 {
    	color: white;
    	font-family: 'flamaultralight'!important;
    	font-size: 20px;
    	letter-spacing: 0px;
    	line-height: 1;
    	}
	flex-direction-nav { display: none !important; }
}
@media (min-width:1000px) {
.slidertitle h1 {
    color: white;
    line-height: 0 !important;
    font-family: 'flamaultralight' !important;
    font-size: 110px;
    letter-spacing: 10px;
    text-transform: uppercase;  
}
.slidersubtitle h4 {
    color: white;
    font-family: 'flamaultralight' !important;
    font-size: 54px;
    letter-spacing: 0px;
    line-height: 1;
    text-transform: none;
    padding-top: 50px; 
}}
@media (min-width:1600px) {
.slidertitle h1 {
    color: white;
    line-height: 0 !important;
    font-family: 'flamaultralight'!important;
    font-size: 160px;
    letter-spacing: 5px; 
}
.slidersubtitle h4 {
    color: white;
    font-family: 'flamaultralight'!important;
    font-size: 64px;
    letter-spacing: 0px;
    line-height: 1;
    text-transform: none;
    padding-top: 58px !important;
}}
.h5, h5 {
    font-family: 'flamamedium' !important;
    font-size: 14px !important;
    letter-spacing: 0.2em!important;
    text-transform: uppercase !important;
}
p {
    color: #333 !important;
    font-family: 'flamaultralight' !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
    margin: 0px !important;
}
body {
    color: #333 !important;
    font-family: 'flamaultralight' !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 1px !important;
}
.wpb_text_column.wpb_content_element.readmoretext p {
    font-family: 'flamamedium' !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #4db9b2 !important;
}
.title.title_size_small h1 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 5px;
    font-family: 'flamamedium';
}
.title.title_size_large h1 {
    font-size: 100px !important;
    line-height: 1 !important;
    font-family: 'flamaultralight' !important;
    text-transform: uppercase !important;
}
#teambutton {
    color: #ffffff;
    background-color: transparent;
    font-size: 30px;
    font-family: 'flamamedium';
    font-weight: 100;
}
.whatcategory a {
    font-size: 42px;
    color: white;
    opacity: 1!important;
    letter-spacing: 10px;
    font-family:'flamaultralight'!important;
    font-weight: 600;
}
h2, .h2, h2 a {
    color: white;
    font-family: 'flamaultralight' !important;
    font-size: 28px;
    line-height: 35px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.subtitle {
    color: #333 !important;
    font-family: 'flamaultralight' !important;
    font-size: 28px !important;
    line-height: 40px !important;
    letter-spacing: 1px !important;
}
.title.separator.small, .title.separator.small.left, .title.separator.small.right {
    margin-top: 25px !important;
    margin-bottom: 16px !important;
    width: 30px !important;
}
.footer_top a:hover {
    color: #58b8b1 !important;
}

/* Lender Carousel */
.caroufredsel_wrapper { left: 35px; }

/** Portfolio **/
.clientcolumnleft { padding-right: 2.5% !important; padding-bottom: 50px !important; }
.clientrightcolumntext p {
    text-transform: uppercase !important;
    font-family: 'flamaultralight' !important;
    font-size: 28px !important;
    font-weight: 700!important;
    letter-spacing: 10px;
    line-height: 35px!important;
}
.clientleftcolumntitle p {
    font-size: 42px!important;
    line-height: 40px!important;
    color: #4db9b2!important;
    font-family: 'flamaultralight'!important;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: 10px;
}

/* single blog post */
.title.has_fixed_background { background-size: cover!important; }
.blog_holder article .post_content_holder {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}
.blog_holder.blog_single article:not(.format-quote):not(.format-link) .post_info { 
    font-family: 'flamaultralight' !important;
    font-size: 18px !important;
}
.single-post .blog_single p { margin-bottom: 22px !important; }
.blog_holder article .post_info { display: none !important; }
.touch .projects_holder article span.text_holder {
    display: inline-block !important;
    height: auto !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/** slider **/
.flex-direction-nav { display: block !important; list-style-type: none !important; }
.flex-prev, .flex-next { border-width: 2px !important; border-color: white !important; background-color: transparent !important; opacity: 0.3; }
.flex-prev:hover, .flex-next:hover { opacity: 1; }
.flex-direction-nav a i { color: white !important; }
.flex-direction-nav a i:hover { color: #4db9b2 !important; }
.flex-direction-nav a { height: 50px !important; width: 50px !important; line-height: 45px !important; }

@media (min-width: 1500px) {
.wpb_single_image .vc_single_image-wrapper { width: 100%; }
.wpb_content_element.wpb_single_image img { width: 100%; height: 100% !important; }
}
.wpb_single_image .vc_single_image-wrapper { width: 100% !important; height: auto !important; }
.wpb_content_element.wpb_single_image img { width: 100% !important; max-height: 1000px !important; }

/** mobile **/
@media only screen and (max-width: 1000px) and (min-width: 600px) {
.q_image_with_text_over .text:hover .desc { display: inline-block !important; }
}

@media (max-width: 1000px) {
	/* HEADER */
	.title.title_size_small.position_center {
	height: auto!important;
    	padding-top: 0px !important;
    	padding-bottom: 50px !important;
	} 
	.title.title_size_large h1 {
    	font-size: 40px !important;
    	line-height: 1 !important;
	}
	.title.title_size_small h1 {
   	font-size: 30px !important;
	}
	.title .separator {
   	display: block !important;
	}
	.subtitle {
    	font-size: 24px !important;
    	line-height: 32px !important;
	}
	.clientcolumnleft { padding-bottom: 50px !important; }
	.footer_responsive_adv .footer_top .footer_col1>.column_inner, .footer_responsive_adv .footer_top .footer_col2>.column_inner, .footer_responsive_adv .footer_top .footer_col3>.column_inner, .footer_responsive_adv .footer_top .footer_col4>.column_inner {
    	padding: 0;
    	text-align: center;
	}
	.footer_col1 { margin-top: 0px!important; }
	.qode-instagram-feed {
    	max-width: 165px !important;
    	margin: 0 auto !important;
	}
	header .q_logo img.mobile {
    	padding: 0px!important;
    	height: 25px!important;
	}
	.mobile_menu_button span {
	font-size: 50px !important;
	padding-top: 4px !important;
	}
	nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {
    	color: #303030 !important;
    	font-family: 'flamamedium' !important;
    	font-size: 14px !important;
    	line-height: 22px;
    	font-style: normal;
    	text-transform: uppercase;
    	text-align: center;
	}
	nav.mobile_menu { margin-top: -20px !important; }
	.touch .portfolio_slides .hover_feature_holder {
    	display: inline-block !important;
	}
	.hover_feature_holder { display: inline-block !important; }
}

/** NEWS REVIEW PAGE **/
@media screen and (max-width:1000px) {
	#postcolumn-header { width: 100%; height: 60vh !important; float: left !important; text-align: center; background-attachment: scroll !important; background-size: cover !important; }
	#headertitletext { width: 100vw; height: 60vh !important; }
	.blog_holder.blog_gallery article { background-size: cover !important; height: 300px !important; width: 300px !important; }
	.post_content_holder { background-color: rgba(0,0,0,0.4) !important; height: 300px !important; width: 300px !important; vertical-align: middle !important; display: table-cell !important; text-align: center !important; }
	h1.post-title { font-size: 50px !important; }
	h2.post-subtitle { font-size: 30px !important; max-width: 300px !important; }
	h3.post-author { font-size: 20px !important; }
	h3.post-title { margin-left: 0 !important; }
	#postcolumn-content { margin: 25px !important; }
	#footerrow { padding: 0 25px !important; }
	.full_page_container_inner { max-width: 700px !important; margin: 0 auto !important; padding: 25px 0 !important;  }
	.blog_holder.blog_gallery { width: 700px !important; margin: 0px !important; padding: 0; }
}

@media screen and (min-width:1001px) {
	.blog_holder.blog_gallery article { height: 350px !important; width: 350px !important;  margin-bottom: 50px !important; background-size: cover; }
	.post_content_holder { background-color: rgba(0,0,0,0.5); height: 350px !important; width: 350px !important;  vertical-align: middle; display: table-cell; text-align: center; }
	.blog_holder.blog_gallery .blog_holder_grid_gutter { width: 1% }
	.blog_holder.blog_gallery .blog_holder_grid_sizer { width: 32.33% }
	.blog_holder article .post_content_holder { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
	.blog_holder article .post_content_holder:hover { background-color: rgba(0,0,0,0.6); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; }
}

.posttitle-marketreview a { color: white !important; font-size: 24px !important; font-family: 'flamaultralight' !important; letter-spacing: 1px !important; text-transform: uppercase !important; margin: 0 auto !important; line-height: 1em !important; text-shadow: 5px 5px 70px black !important; font-weight: 100 !important; -webkit-font-smoothing: antialiased; }
.postsubtitle-marketreview, .posttitle-marketreview { padding: 5px 20px; margin: 0 auto; }
h3.posttitle-marketreview { line-height: 0px !important; }
.postsubtitle-marketreview a { color: white !important; font-size: 18px !important; letter-spacing: 1px !important; font-family: 'flamaultralight' !important; text-transform: none !important; font-style: normal !important; text-shadow: 5px 5px 70px black !important; line-height: 1em !important; font-weight: 100 !important; -webkit-font-smoothing: antialiased; }
.postsubtitle-marketreview { color: white; font-size: 18px; letter-spacing: 1px !important; font-family: 'flamaultralight'!important; text-transform: none!important; font-style: normal; text-shadow: 5px 5px 70px black; line-height: 1em !important; font-weight: 100; -webkit-font-smoothing: antialiased; }
.posttitle-marketreview a:hover { color: white; }
.postsubtitle-marketreview a:hover { color: white; }

/* SINGLE POSTS - NEW */
.blogpost { margin: 0 auto; width: 100vw; min-height: 100vh; padding-top: 0; }
.blogpost-frame { margin: 0 auto; width: 100%; height: 100%; position: relative; display: inline-block; }

/* header */
#postcolumn-header { width: 100%; height: 65vh; float: left; text-align: center; background-attachment: fixed; background-size: cover; }
#headertitletext { width: 100vw; height: 65vh; display: table-cell; vertical-align: middle; background-color: rgba(0,0,0,0.4); }
#continue-arrow { width: 100vw; height: 5vh; background-color: rgba(0,0,0,0.4); display: none; }
.post_info span { color: #284648; font-family: 'UniversLTStd'; font-size: 12px; line-height: 1.5em; margin: 0 0 5px 0; display: inline-block; }
h1.post-title { color: white; font-size: 80px; font-family: 'flamaultralight'; letter-spacing: 1px; text-transform: uppercase; max-width: 800px; margin: 0 auto; line-height: 0.8em; text-shadow: 5px 5px 70px black; }
h2.post-subtitle { font-family: 'bodoni std'!important; font-size: 40px!important; line-height: 1!important; letter-spacing: -1px!important; max-width: 800px!important; margin: 50px auto !important; color: #f2f2f2!important; font-style: italic; text-transform: none!important; display: none; }
h3.post-author { font-family: 'flamasemibold_cnd' !important; font-size: 30px!important; line-height: 1em; letter-spacing: 1px !important; text-transform: uppercase !important; color: white; margin-top: 25px; font-weight: 700; text-shadow: 5px 5px 70px black; display: none; }
span.date { color: #4db9b2; font-family: 'flamaultralight' !important; font-size: 30px!important; line-height: 1em; letter-spacing: 1px !important; text-transform: uppercase !important; display: inline-block; font-weight: 700; }
h3.post-title { font-family: 'flamaultralight' !important; font-size: 30px!important; line-height: 1em; letter-spacing: 1px !important; text-transform: uppercase !important; color: black; display: inline-block; margin-left: 10px; font-weight: 700; }
h3.post-subtitle { font-family: 'Bodoni Std' !important; font-size: 24px!important; line-height: 1em; letter-spacing: 1px !important; text-transform: none !important; color: #4db9b2;     margin: 1em auto; font-style: italic !important; display: none; }
#postcolumn-content { max-width: 850px; float: none; text-align: left; margin: 50px auto; }
#postcolumn-content p { margin: 1.2em 0 !important; }

/* Footer row blog posts */
#footerrow { margin: 0 auto; max-width: 850px; position: relative; }
#socialrow { padding: 0.5em 0; }
#socialrow ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#socialrow ul li { display: inline; }
#socialrow ul li a { text-decoration: none; color: #4db9b2; padding-right: 10px; }
#socialrow ul li a:hover { color: #4db9b2; }
.fa.fa-social { font-size: 20px; margin: 0 0 20px 0; padding: 0 15px 0 0; } 
.prev-next { max-width: 850px; width: 100%; margin: 0 auto; padding-bottom: 100px; border-top: 1px solid lightgrey; display: inline-table; position: relative; } 
.prev-link { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important; text-transform: uppercase; display: inline-block; width: 33.33%; text-align: left; } 
.allposts { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important; text-transform: uppercase; display: inline-block; width: 33.33%; text-align: center;  } 
.next-link { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important;  text-transform: uppercase; display: inline-block; width: 33.33%; text-align: right;  } 
.prev-link a, .next-link a, .allposts a { color: #303030; }

/* ---------- PORTFOLIO CLIENT STORY ---------- */
.clientstory-post { margin: 0 auto; width: 100vw; min-height: 100vh; padding-top: 10vh; text-align: center; }
#clientstory-title { max-width: 1100px; padding: 0 25px; min-height: 15vh; margin: 5vh auto; vertical-align: middle; position: relative; display: block; }
h1.clientstory-title { letter-spacing: 5px; font-family: 'flamamedium'; font-size: 32px; line-height: 36px; text-transform: uppercase; color: black; text-transform: uppercase; }
h2.clientstory-subtitle p { color: #333; font-family: 'flamaultralight'; font-size: 28px !important; line-height: 1.1em !important; letter-spacing: 1px; text-transform: none; }
.clientstory-subtitle { max-width: 800px; margin: 0 auto; }
.titleseperator { width: 30px; height: 2px; background-color: black; position: relative; display: inline-block; text-align: center; float: none; margin: 10px auto; vertical-align: middle; }
#clientstory-slideshow { max-height: 80vh; overflow: hidden; }
.clientstory-slider { max-height: 75vh !important; margin: 0 !important; }
#clientstory-frame { margin: 100px auto; width: 100%; max-width: 1150px; height: 100%; position: relative; display: inline-block; text-align: left; }
#clientstory-left { float: left; width: 65%; display: inline-block; padding: 25px; }
h2.clientstory-title { font-size: 42px; line-height: 40px; color: #4db9b2; font-family: 'flamaultralight'; text-transform: uppercase; padding-bottom: 10px; font-weight: bold; }
#clientstory-right { float: right; width: 25%; display: inline-block; padding: 25px; }
h3.clientstory-w { text-transform: uppercase; font-family: 'flamaultralight'; font-size: 28px; font-weight: 700; letter-spacing: 1px; line-height: 1; color: #333; margin-top: 17px; }

/* ---- FOOTER ---- */
#footerrow-clientstory { margin: 0 auto; max-width: 1100px; position: relative; margin:0 auto; padding: 0 25px }
#socialrow-clientstory { padding: 0.5em 0; }
#socialrow-clientstory ul { margin: 0; padding: 0; list-style-type: none; text-align: left; }
#socialrow-clientstory ul li { display: inline; }
#socialrow-clientstory ul li a { text-decoration: none; color: #4db9b2; padding-right: 10px; }
#socialrow-clientstory ul li a:hover { color: #4db9b2; }
.fa-clientstory { font-size: 20px !important; margin: 0 0 20px 0; padding: 0 15px 0 0; } 
.prev-next-clientstory { width: 100%; max-width: 1100px; margin: 0 auto; padding-bottom: 100px; border-top: 1px solid lightgrey; display: inline-table; position: relative; } 
.prev-link { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important; text-transform: uppercase; display: inline-block; width: 33.33%; text-align: left; } 
.allposts { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important; text-transform: uppercase; display: inline-block; width: 33.33%; text-align: center;  } 
.next-link { font-family: 'flamamedium'; font-size: 14px !important; letter-spacing: 2px; line-height: 1em !important; margin: 1.5em 0; color: #303030 !important;  text-transform: uppercase; display: inline-block; width: 33.33%; text-align: right;  } 
.prev-link a, .next-link a, .allposts a { color: #303030; }

@media screen and (max-width:800px) {
	.prev-link, .allposts, .next-link { width: 100%; margin: 0em auto; text-align: left; padding-top: 2em; }
	.clientstory-post { padding-top: 5vh !important; }
	#clientstory-frame { margin: 50px auto; }
	#clientstory-left, #clientstory-right { width: 90% !important; float: none; margin: 0 auto; }
	h1.clientstory-title, h2.clientstory-title, h2.clientstory-subtitle p, h3.clientstory-w { font-size: 140%; }
}