/*
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");
@import url("https://use.typekit.net/mmp4qqm.css");

/*** 1. Header ***/

header:not(.sticky):not(.scrolled) .header_bottom .container_inner, header.fixed_top_header .bottom_header .container_inner {
    margin-top: 20px;
    border-top: 2px solid #000000;
}

nav.main_menu.right {
    height: 50px;
}

nav.main_menu > ul > li > a {
    line-height: 50px;
}

nav.main_menu > ul > li.booking-link a {
	color: #ff9500;
	padding-right: 0;
}

nav.main_menu > ul > li.booking-link a:hover {
	color: #d87f01;
}

.strapline {
	position: absolute;
	right: 0;
	top: 50px;
	text-transform: uppercase;
	font-weight: 600;
	color: #676c73;
	font-size: 20px;
	letter-spacing: 1px;
}

/*** 2. Common ***/

body {
    font-family:  "proxima-nova";
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    letter-spacing: -0.5px;
    font-weight: 300;
}

strong {
	font-weight: 600;
}

.wrapper, body {
    background-color: #ffffff;
}

.content, .content .container, .full_width {
    background-color: #FFFFFF;
}

.intro p {
	font-size: 24px;
	line-height: 30px;
}

h6 {
	margin-bottom: 28px;
}

a.special-link {
	font-size: 24px;
	color: #FFFFFF;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
	display: block;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #000000;
}

a.special-link:hover {
	color: #FFFFFF;
	opacity: 0.75;
}

a.divider-link {
	color: #000000;
	display: block;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #000000;
	font-size: 24px;
	font-weight: 700;
	transition: all 0.7s ease;
}

a.divider-link:hover {
	color: #FFFFFF;
	background: #000000;
	width: 120%;
	margin-left: -10%;
	padding-left: 20px;
	padding-bottom: 20px;
}

.vc_row.negative-top-margin {
	margin-top: -150px;
}

.push-down.wpb_column {
	padding-top: 100px;
}

.align-bottom-parent > div{
	display: table;
}

.align-bottom {
	display: table-cell;
	vertical-align: bottom;
	height: 100%;
}

/*** 3. Home ***/

.high-stack {
	position: relative;
	z-index: 99999;
}

.medium-stack {
	position: relative;
	z-index: 999;
}

.low-stack {
	position: relative;
	z-index: 99;
}

.zero-stack {
	position: relative;
	z-index: 1;
}

.background-square-1::before{
	content: "";
	display: block;
	position: absolute;
	width: 90%;
	height: 120%;
	right: -40px;
	top: -40px;
	background: #ebebeb;
}

.background-square-2::before{
	content: "";
	display: block;
	position: absolute;
	width: 75%;
	height: 75%;
	left: -40px;
	top: -65px;
	background: #ebebeb;
}

.background-square-3::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 120%;
	left: -40px;
	top: -65px;
	background: #ebebeb;
}

.background-square-4::before{
	content: "";
	display: block;
	position: absolute;
	width: 103%;
	height: 125%;
	right: 0px;
	top: -110px;
	background: #ebebeb;
}

.background-square-5::before{
	content: "";
	display: block;
	position: absolute;
	width: 77%;
	height: 90%;
	left: 65px;
	top: 60px;
	background: #ebebeb;
}

.background-square-6::before{
	content: "";
	display: block;
	position: absolute;
	width: 90%;
	height: 105%;
	left: -15px;
	top: 0px;
	background: #ebebeb;
}

/** Ethos **/

.background-square-7::before{
	content: "";
	display: block;
	position: absolute;
	width: 155%;
	height: 120%;
	left: -40px;
	top: 0px;
	background: #ebebeb;
}

.background-square-8::before{
	content: "";
	display: block;
	position: absolute;
	width: 75%;
	height: 79%;
	left: -40px;
	bottom: -20px;
	background: #ebebeb;
}

.background-square-9::before{
	content: "";
	display: block;
	position: absolute;
	width: 110%;
	height: 69%;
	right: -40px;
	top: 0px;
	background: #ebebeb;
}

.background-square-10::before{
	content: "";
	display: block;
	position: absolute;
	width: 76%;
	height: 85%;	
	left: -40px;	
	top: 110px;	
	background: #ebebeb;
}

.background-square-11::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 115%;
	left: -10px;
	top: -20px;
	background: #ebebeb;
}

.quote p {
	font-size: 30px;
	line-height: 36px;
	font-weight: 600;
	color: #676c73;
}

.quote-name p {
	font-size: 24px;
	line-height: 24px;
	color: #676c73;
}


/** Team **/

.team p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.team a.divider-link {
	color: #ff9500;
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #000000;
	font-size: 18px;
	font-weight: 700;
	transition: all 0.7s ease;
}

.team a.divider-link:hover {
	color: #FFFFFF;
}


.negative-left{
	margin-left: -65px;
	max-width: 135%;
}

.negative-right{
	margin-right: -65px;
	max-width: 135%;
}

.background-square-12::before{
	content: "";
	display: block;
	position: absolute;
	width: 126.5%;
	height: 100%;
	left: -130px;
	top: -30px;
	background: rgba(222,222,222,0.5);
}

.background-square-13::before{
	content: "";
	display: block;
	position: absolute;
	width: 125%;
	height: 90%;
	right: -130px;
	top: -20px;
	background: rgba(222,222,222,0.5);
}

.background-square-14::before{
	content: "";
	display: block;
	position: absolute;
	width: 115%;
	height: 90%;
	left: -65px;
	top: 20px;
	background: rgba(222,222,222,0.5);
}

.background-square-15::before{
	content: "";
	display: block;
	position: absolute;
	width: 113.5%;
	height: 85%;
	right: -65px;	
	top: 20px;	
	background: rgba(222,222,222,0.5);
}

.background-square-16::before{
	content: "";
	display: block;
	position: absolute;
	width: 126.5%;
	height: 90%;
	left: -130px;
	top: 20px;
	background: rgba(222,222,222,0.5);
}

.background-square-17::before{
	content: "";
	display: block;
	position: absolute;
	width: 125%;	
	height: 90%;	
	right: -130px;	
	top: 20px;	
	background: rgba(222,222,222,0.5);
}


/*** Footer ***/

footer {
	margin: 50px auto 0px;
}

/*** Media Queries ***/

@media only screen and (max-width : 1000px) {

.strapline {
	display: none
}

.background-square-1, .background-square-2, .background-square-3, .background-square-4, .background-square-5, .background-square-6, .background-square-7, .background-square-8, .background-square-9, .background-square-10, .background-square-11, .background-square-12, .background-square-13, .background-square-14, .background-square-15, .background-square-16, .background-square-17 {
	margin-top: 55px !important;
	margin-bottom: 55px !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.background-square-1::before, .background-square-2::before, .background-square-3::before, .background-square-4::before, .background-square-5::before, .background-square-6::before, .background-square-7::before, .background-square-8::before, .background-square-9::before, .background-square-10::before, .background-square-11::before, .background-square-12::before, .background-square-13::before, .background-square-14::before, .background-square-15::before, .background-square-16::before, .background-square-17::before {
	top: -20px;
	left: 0;
	width: 100%;
	height: 105%;
}

.negative-left{
	margin-left: 0px;
	max-width: 100%;
}

.negative-right{
	margin-right: 0px;
	max-width: 100%;
}

.vc_row.negative-top-margin {
	margin-top: 0px;
}


}

/*** Media Queries ***/

@media only screen and (max-width : 568px) {

.hide-mobile {
	display:  none;
}

}