/*
Theme Name: Bridge Child
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Enchanted Honeymoons child theme of Bridge. Holds all site-specific CSS.
Author: Qode Interactive / Sensible Site Care
Author URI: https://qodeinteractive.com
Version: 1.1.0
Text Domain: bridge
Template: bridge
*/

/* =====================================================================
   SECTION 1 - Custom CSS recovered from the old Bridge 13 style.css
   (these edits were made directly in the parent theme and were lost
   when Bridge was updated to 30.9.1)
   ===================================================================== */
body .call_to_action.normal {
    box-sizing: border-box!important;
}

.call_to_action .text_wrapper .call_to_action_text {
    padding: 0 4vw;
}

.call_to_action_text {
    box-sizing: border-box;
}
.q_logo img {
    transition: none;
}
.call_to_action .column2.button_wrapper .qbutton {
    position: initial!important;
    right: initial!important;
    top: initial!important;
    -webkit-transform: initial!important;
    -ms-transform: initial!important;
  	transform:initial!important;
}
.sticky .q_logo img {
    width: 200px!important;
    height: auto!important;
    top: -68%;
    transform: translateY(50%);
}
#nav-menu-item-16199 a > span {
    padding: 10px 10px;
    background-color: #235fa4;
    color: white;
    border-radius: 3px;
}

#nav-menu-item-16199 a > .plus {
    display: none;
}
html body .q_logo img {
    width: 270px!important;
    height: auto!important;
}
li#nav-menu-item-16199:hover a {
    background-color: transparent;
}
li#nav-menu-item-16199{
	cursor:none
}
#nav-menu-item-16199 a > span {
	position: relative;
	overflow: hidden;
	transition: .6s;
}

#nav-menu-item-16199 a > span:focus {
	outline: 0;
}

#nav-menu-item-16199 a > span:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
	width: 60px;
	height: 100%;
	left: 0;
	top: 0;
	opacity: .5;
	-webkit-filter: blur(30px);
	filter: blur(30px);
	-webkit-transform: translateX(-100px) skewX(-15deg);
	transform: translateX(-100px) skewX(-15deg);
	pointer-events:none;

}

#nav-menu-item-16199 a > span:after {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	width: 30px;
	height: 100%;
	left: 30px;
	top: 0;
	opacity: 0;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: translateX(-100px) skewX(-15deg);
	transform: translateX(-100px) skewX(-15deg);
	pointer-events:none;
}

#nav-menu-item-16199 a > span:hover {
	background: rgba(35, 95, 164, 0.82);
	cursor: pointer;
}

#nav-menu-item-16199 a > span:hover:before {
	-webkit-transform: translateX(300px) skewX(-15deg);
	transform: translateX(300px) skewX(-15deg);
	opacity: 0.6;
	transition: .7s;
}

#nav-menu-item-16199 a > span:hover:after {
	-webkit-transform: translateX(300px) skewX(-15deg);
	transform: translateX(300px) skewX(-15deg);
	opacity: 1;
	transition: .7s;
}
#mobile-menu-item-16199 span {
    padding: 10px;
    background-color: #235fa4;
    color: #fff;
    border-radius: 3px;
}

#mobile-menu-item-16199 span.mobile_arrow {
    display: none;
}
li#nav-menu-item-16199:hover span {
    color: white!important;
}
#gform_fields_13 input,#gform_fields_13 select {
    border: 1px solid gray;
    border-radius: 3px;
}

#gform_fields_13 select{
    padding: 7px 2px;
    margin: 0;
}
#hidden {
    position: relative;
    height: 33vw;
	display: flex;
    justify-content: center;
    align-items: center;
	min-height:400px;
}

#hidden:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3);
	left:0;
}
#field_13_4 label {
    font-size: 20px;
    font-weight: 600;
}

#gform_wrapper_13 li {
    margin: 8px 0px;
}

#field_13_4 div {
    margin-top: 0;
}
#gform_13 .gform_footer {
    margin-top: 0;
}
#hidden .vc_col-sm-6 {
    padding: 20px;
}
.call_to_action .button_wrapper a {
	color: white;
}

.call_to_action .two_columns_75_25 {
	width: 100% !important;
	margin: 0;
	 display: flex;
  	justify-content: center;
  	align-items: center;
}

.call_to_action {
	padding: 15px 15px!important;
	background-color: #f2efeb!important;
	border: 2px solid #63bcc0;
}

.call_to_action .text_wrapper {
	width: 50%;
	text-align: center;
}

.call_to_action .text_wrapper .call_to_action_text {
	color: #235fa4!important;;
	line-height: 30px;
	text-transform: capitalize;
}

.call_to_action .column2.button_wrapper .qbutton {
	text-align: center;
	padding: 0px 31px;
}


#hidden label.gfield_label {
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
#hidden h2 {
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
    font-size: 50px;
}

#hidden p {
    color: #fff;
    text-align: center;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
	max-width:900px;
}

#gform_submit_button_13 {
    color: white;
    border: 2px solid #63bcc0;
    background-color: #63bcc0;
}

input#gform_submit_button_13:hover {
    color: #fff;
	opacity:.8;
}
.call_to_action .column2.button_wrapper .qbutton:hover {
    background-color: #63bcc0;
    opacity: .8;
}
body .call_to_action .column2.button_wrapper {
    float: initial;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}
body .call_to_action .qbutton {
    background: #235fa4;
    border-radius: 3px;
}

body .call_to_action {
    padding: 15px 15px!important;
    background-color: white!important;
    border: 2px solid #235fa4;
    border-radius: 6px;
}
@media all and (max-width: 1024px) { 
    input#gform_submit_button_13 {
        text-align:center!important;
    }
	#hidden h2 {
		font-size: 32px;
	}

	#hidden p {
		font-size: 20px;
	}
}
@media all and (max-width: 810px) { 
	.call_to_action {
		padding: 5px 5px!important;
	}
	.call_to_action .text_wrapper .call_to_action_text {
		width: 100%;
		display: block;
	}

	.call_to_action .column2.button_wrapper {
		float: none!important;
		width: 100%!important;
		display: block!important;
		text-align: center!important;
	}

	.call_to_action .column2.button_wrapper .qbutton {
		position: initial!important;
		text-align: center!important;
		top: initial!important;
		right: initial!important;
		transform: initial!important;
	}

	.call_to_action .text_wrapper {
		float: initial!important;
		width: 100%!important;
	}
	.call_to_action .text_wrapper .call_to_action_text {
		font-size: 16px!important;
	}
	a.qbutton.white {
   	 	font-size: 16px!important;
	}
}
@media all and (max-width: 768px) { 
	#hidden {
		min-height: 440px;
	}
	#hidden h2 {
    font-size: 24px;
	}

	#hidden p {
		font-size: 18px;
		margin-top: 0;
		max-width: 500px;
		padding: 0 20px;
	}

	div#gform_wrapper_13 {
		margin-top: 0;
	}

	#gform_wrapper_13 li {
		margin: 5px 0;
	}

	#hidden .vc_col-sm-6 {
		padding-top: 0;
		padding:5px;
	}
	ul#gform_fields_13 li.hidden_label input {
   		margin: 2px 0;
	}
	.call_to_action.normal .text_wrapper.column1 {
    	display: block;
    	width: 100%!important;
	}
	.call_to_action .two_columns_75_25{
		display:block;
	}
	body .call_to_action {
		padding: 15px 0px!important;
	}
}
@media all and (max-width: 600px) { 
	body .call_to_action .column2.button_wrapper .qbutton{
		 margin: 0px 0 0!important;
	}
	body .call_to_action .text_wrapper .call_to_action_text {
		text-align: center;
		margin-bottom: 5px!important;
		line-height: 1.2!important;
	}
}




/* =====================================================================
   SECTION 2 - Copied from Appearance > Customize > Additional CSS
   (Additional CSS is stored per theme, so it does not follow the site
   when the child theme is activated - it lives here now)
   ===================================================================== */
.logo_wrapper {margin-left: -50px !important;}

/* FOOTER SOCIAL */
#text-10 p {
    display: inline-block;
}
#social_tiktok {
    padding-left: 10px;
}
#social_tiktok svg {
    width: 24px;
    fill: #63bcc0;
	display:none;
}
#social_tiktok svg:hover {
    fill: #cb3d95;
}

@media (max-width: 767px) {
span.tab-title {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px !important;
    text-transform: capitalize;
}
}

.title_outer .has_background.title .title_holder .container, .title_outer .has_fixed_background.title .title_holder .container, .title_outer.with_image .title .title_holder .container {
    display: block;
    height: 60%;
}

#planning-btn:hover{
    background-color: #cb3d95;
    border-color: #cb3d95;
color: #fff;
}

/* Layout */
.corp-cards{
  display:flex;
  flex-wrap:wrap;
  margin-left:-15px;
  margin-right:-15px;
}

.corp-col{
  width:33.33%;
  padding:15px;
  box-sizing:border-box;
}

/* Card Design */
.corp-card{
  background:#ffffff;
  padding:35px;
  border-radius:14px;
  box-shadow:0 10px 35px rgba(0,0,0,0.06);
  height:100%;
}

.corp-card h3{
  margin-bottom:15px;
  font-size:20px;
  color:#1b2a41;
}

.corp-card p{
  line-height:1.8;
  color:#555;
  margin:0;
}

/* Tablet */
@media (max-width: 992px){
  .corp-col{
    width:50%;
  }
}

/* Mobile */
@media (max-width: 600px){
  .corp-col{
    width:100%;
  }

  h2{
    font-size:26px !important;
  }
}