/*
Theme Name: RASL Bridge Child
Theme URI: https://rasl.com
Description: Child Theme for Bridge, designed for RASL
Author: HUNTED & Steenbergen Design
Author URI: https://hunted.design/
Version: 1.0.0
Template: bridge
*/

@import url("../bridge/style.css");

@font-face{
	font-family: TeXGyreHeros;
	src: url("fonts/texgyreheros-regular.otf");
	font-weight: normal;
}

@font-face{
	font-family: TeXGyreHeros;
	src: url("fonts/texgyreheros-bold.otf");
	font-weight: bold;
}

p {margin-top:0}

header .header_inner{
	border-top: 5px solid #000;
}

.header_bottom_right_widget_holder .q_social_icon_holder {
	display:none;
}

.header_bottom_right_widget_holder .q_social_icon_holder a > span {
	border-top: none;
	border-bottom: none;
}

nav.main_menu > ul > li.active > a > .menu-image-title span,
nav.main_menu > ul > li:hover > a > .menu-image-title span{
	padding-bottom:3px;
	border-bottom: 3px solid #4eac7c;	
}

/* Fix for footer style overrides by theme */
:not(.qode-btn-custom-hover-bg).qode-btn.qode-btn-solid span{
	color: #fff !important;
}

/* Button styles */
.qode-btn.qode-btn-icon .qode-btn-text {
	padding: 0 20px;
}

.qode-btn.qode-btn-icon.qode-btn-solid{
	line-height: 44px;
}

.qode-btn.qode-btn-icon{
	height: 44px;
}

.qode-btn.qode-btn-icon.qode-btn-solid.qodef-btn-icon-square .qode-button-v2-icon-holder {
	width:44px;
	text-align:center !important;
	border-left: none !important;
}

.qode-btn.qode-btn-icon.qode-btn-icon-rotate .qode-button-v2-icon-holder .qode-button-v2-icon-holder-inner {
	padding: 0 4px;
}

.qode-btn.full_width_button{
	width:100%;
}
.qode-btn.full_width_button .qode-button-v2-icon-holder{
	float:right;
}

.qode-btn.button_invert.qode-btn-solid,
.qode-btn.button_invert.qode-btn-solid:hover .qode-button-v2-icon-holder {
	background: #eaeaea !important;
}

.qode-btn.button_invert.qode-btn-solid span{
	color: #000 !important;
}

.qode-btn.button_invert.qode-btn-solid:hover,
.qode-btn.button_invert.qode-btn-solid .qode-button-v2-icon-holder {
	background: #4eac7c !important;
}

.qode-btn.button_on_green.qode-btn-solid,
.qode-btn.button_on_green.qode-btn-solid:hover .qode-button-v2-icon-holder{
	background: #eaeaea !important;
}
.qode-btn.button_on_green.qode-btn-solid span {
	color: #000 !important;
}

.qode-btn.button_on_green.qode-btn-solid:hover,
.qode-btn.button_on_green.qode-btn-solid .qode-button-v2-icon-holder{
	background: #000 !important;
	color: #fff;
}

/* Footer */
.footer_top h2 {
	border-bottom-width: 3px;
	padding-bottom: 10px;
	border-bottom-color: #eaeaea;
	border-bottom-style: solid;
}

.footer_top .flex_row_last_bottom .wpb_text_column,
.footer_top .flex_buttons .wpb_text_column {
	margin-bottom: 14px !important;
}

.footer_text{
	text-align:left;
	line-height: 25px;
}

.footer_text img {
	display:none;
}

/* List items */
.wpb_content_element ul:not(.tp-revslider-mainul) li {
	text-indent:-20px; 
	margin-left:20px;
}

/* Hide blog dates */
.post .entry_date,
.post .post_info {
	display:none !important;
}

/* Serach icon */
.side_menu_button {
	position:relative;
	right: -18px;
}
.side_menu_button .search_button {
	padding: 0 !important;
	font-size: 35px !important;
	width: 2em;
	height: 2em;
	line-height: 1.9em;
	display:block;
	border-color: rgb(234, 234, 234);
	border-width: 0px 1px;
	border-style: solid;
	text-align:center;
}

.side_menu_button .search_button i {
	margin: 0px; 
	background-color: rgb(255, 255, 255);
	font-size: 21px;
	color: rgb(234, 234, 234);
    display: block;
    line-height: inherit;
	transition: color .3s ease-out;
}

.side_menu_button .search_button:hover i {
	color: #dcc176;
}

.blog_holder article .post_text h5 a {
	font-size: 18px;
	text-transform:uppercase;
}

/* header */
header.menu_position_left .header_inner_left {
	z-index: 999;
}

/* drop_down */
.drop_down .wide .second > div > ul {
	padding-top: 30px;
}

.drop_down .second {
	margin-top: 1px;
}

.header_inner_right {
	display:none;
}

.mobile_menu_button {
	float:right;
}

/* Social Share */
.social_share_dropdown,
.social_share_dropdown ul {
	width: auto;
	white-space: nowrap;
}

.social_share_dropdown ul li {
	display:inline-block;
}

.social_share_dropdown .inner_arrow {
	margin-left:50%;
	left:-9px;
}

/* Accordeon */
.qode-accordion-holder .qode-title-holder {
	border-bottom: 0 !important;
}

.qode-accordion-holder .qode-title-holder .qode-tab-title span:only-child.qode-tab-title-inner {
	padding-left: 0;
}

.qode-accordion-holder .qode-accordion-content {
	padding: 0;
}

/* Pink research link in menu */
nav.main_menu > ul > li:hover > a[href*="/research"],
nav.main_menu > ul > li.active > a[href*="/research"] {
	color: #fdc7cb !important;
}
 
/*
Research buttons in pink.
:not(.qode-btn-custom-icon-bg-hover-color).qode-btn[href*="/research"],
:not(.qode-btn-custom-icon-bg-hover-color).qode-btn[href*="/research"].qode-btn-solid:hover .qode-button-v2-icon-holder {
	background-color: #fdc7cb !important;
}

.qode-btn[href*="/research"].button_invert.qode-btn-solid:hover,
.qode-btn[href*="/research"].button_invert.qode-btn-solid .qode-button-v2-icon-holder {
	background-color: #fdc7cb !important;
}
.qode-btn[href*="/research"].button_invert.qode-btn-solid:hover .qode-button-v2-icon-holder {
background-color: #000 !important;
}
*/

/* Flexbox row, make column same height */
.flex_row,
.flex_row .full_section_inner,
.flex_row .section_inner_margin,
.flex_row .vc_column_container,
.flex_row .vc_column_container .vc_column-inner,
.flex_row .vc_column_container .vc_column-inner > .wpb_wrapper
{
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
}

.flex_row .flex_start {
	align-self: flex-start;
}

/* Mobile menu breakpoint */
@media only screen and (min-width: 1001px) {
	
	header .header_inner{
		border-top: 6px solid #000;
		border-bottom: 1px solid #4eac7c;
	}
	
	.logos {
		float:right;
		display:block;
		margin-right: -35px;
		margin-top: -15px;
	}
	
	.logos img {
		width: auto;
		height:40px;
	}
	
	.q_logo a {
		height: 100px !important;
		margin-top: 18px;
	}

	.q_logo {
		left:-35px !important;
	}

	.header_inner_right {
		display:block;
		right: -55px !important;
	}

	div.header_bottom_widget{
		display:inline-block;
		vertical-align:middle;
		padding: 0 20px;
	}

	div.header_bottom_widget img{
		vertical-align: bottom;
	}
	
	div.header_bottom_widget a:hover img{
		opacity: 0.6;
	}
	
	div.header_bottom_widget a:not(:last-child) img{
		padding-right:3px;
	}
	
	.header_bottom_right_widget_holder {
		padding-right:0;
	}

	.main_menu.left{
		left:88px !important;
	}
	
	.header_bottom_right_widget_holder .q_social_icon_holder {
		display:inline-block;
	}
	

	
	.content .container .container_inner.default_template_holder, .content .container .container_inner.page_container_inner {
		padding-top: 50px;
	}
	
	.blog_single,
	.container.narrow .container_inner,
	#tribe-events {
		max-width: 740px !important;
		margin: 0  auto !important;
	}

}

/* VC column breakpoint */
@media only screen and (min-width: 768px) {
	
	/* Add more padding difference */
	.section_inner_margin,
	.vc_row {
		margin-left:-30px;
		margin-right: -30px;
	}
	
	.vc_column_container>.vc_column-inner {
		padding-left: 30px;
		padding-right: 30px;
	}

	.full_width_inner {
		padding: 0 30px;
	}

	.pull_over_header{
		margin-top: -70px;
	}

	.vc_row .column_seperator > .vc_column-inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.vc_row .column_seperator:not(:last-child) > .vc_column-inner:after{
		content:'';
		display:block;
		width:1px;
		height:calc(100% - 60px);
		background: #eaeaea;
		position:absolute;
		right:1px;
	}
	
	.flex_row .vc_column_container,
	.flex_row .vc_column_container .vc_column-inner,
	.flex_row .vc_column_container .vc_column-inner > .wpb_wrapper
	{
		flex-direction: column;
		flex: 1 1 auto;
	}
	
	.flex_row_last_bottom .vc_column-inner > .wpb_wrapper > :last-child {
		margin-top: auto !important
	}
	
	.flex_buttons .vc_column-inner > .wpb_wrapper {
		justify-content: space-between;
	}
	
	.footer_text{
		text-align:center;
		line-height: 50px;
	}

	
	.footer_text img {
		display:inline;
	}
	
	.footer_responsive_left {
		text-align:left;
	}
	
	.footer_responsive_right {
		text-align:right;
	}
}

@media (max-width:767px) {
	.flex_row,
	.flex_row .full_section_inner,
	.flex_row .section_inner_margin,
	.flex_row .vc_column_container,
	.flex_row .vc_column_container .vc_column-inner,
	.flex_row .vc_column_container .vc_column-inner > .wpb_wrapper {
		flex-direction: column;
	}

	.flex_row .mobile_last {
		order: 5;
	}
 }