/*
Theme Name: Divi Child By Cornerstone Web Studio
Theme URI: http://cornerstone.studio
Description: A Custom Child Theme For Divi
Author: Cornerstone Web Studio
Author URI: http://cornerstone.studio
Template: Divi
Version: Updated for Divi 3
*/

/***********************************************************/
/***********************************************************/
/*-----CORNERSTONE.STUDIO CSS STYLING BELOW THIS POINT-----*/
/***********************************************************/
/***********************************************************/

.no_wrap {
	white-space: nowrap;
}

/*-----------------------------------------------*/
/*-----------[MOBILE MENU BREAKPOINT]------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/

@media ( max-width: 1201px ) {
#top-menu-nav {display: none !important;}
#et_top_search {display: none!important;}
#et_mobile_nav_menu {display: block!important;}
}

/*-----------------------------------------------*/
/*-------------[GENERAL SITE STYLE]-------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/


@media screen and (max-width: 1200px) {
	.mobileTextSection {
		padding: 0 50px !important;
	}
}


@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}




/*------------------------------------------------*/
/*-------------------[BUTTONS]--------------------*/
/*------------------------------------------------*/

/* Show slider arrows always */
.et-pb-arrow-next {
       opacity: 1;
       right: 22px;
}
.et-pb-arrow-prev{
       opacity: 1;
       left: 22px;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
    top: 45%;
    font-size: 100px;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button {
	margin-top: 100px;
}

.mobile_menu_bar:before {
	color: #ffffff !important;
}

.et_mobile_menu {
	border-color: #ffffff !important;
}

.bookNowBTN {
	color: #ffffff !important;
    background-color: #fabe2a;
	transition: all 0.4s ease-in-out;
	text-align: center;
}

.et-fixed-header #top-menu .bookNowBTN  a {
	color: #ffffff !important;
}

#mobile_menu {
    background: rgb(0 0 0 / 60%) !important;
}

.et_mobile_menu li.bookNowBTN a:hover {
	opacity: 1 !important;
}

.bookNowBTN:hover {
    background-color: rgba(255,255,255,0)!important;
    border-color: #ffffff !important;
}

.et_header_style_left #et-top-navigation nav>ul>li.bookNowBTN>a {
	padding: 14px 16px !important;
	border:solid 1px #fabe2a !important;
	color: #fff !important;
}

.et_header_style_left #et-top-navigation nav>ul>li.bookNowBTN>a:hover {
	border:solid 1px #ffffff !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li:last-child > a:hover {
    background-color: #ffffff!important;
	border:solid 0px #000 !important;
	color: #000 !important;
}

.icon-flex, .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 8px;
}
.icon-wrapper {
    border-radius: 50%;
    overflow: hidden;
    border: 0px solid #ffffff;
	background: #ffffff;
    font-size: 3rem;
    width: 80px;
    height: 80px;
}
.icon-wrapper:hover {
	background: #fefefe;
}
.icon-wrapper i {
    color: #21799f;
}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/

#logo {
    max-height: 60% !important;
}

.et-fixed-header #logo {

}

.et-fixed-header #logo {
    content: url(/wp-content/uploads/2023/10/logoBlack-1.png);
}

.et_mobile_menu li a {
	font-size: 18px !important;
}



/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/
.headerSection p {
	/*padding-top:0px !important;*/
	padding-top:100px !important;
}


.hovershadow {
	box-shadow: 3px 3px 8px 0px rgb(0 0 0 / 30%);
	transition: all 0.4s ease-in-out;
}

.hovershadow:hover {
	top: -1px;
	box-shadow: 3px 3px 8px 0px rgb(0 0 0 / 80%);
	transition: all 0.4s ease-in-out;
}

body.home #page-container .et_pb_section:first-child .et_pb_fullwidth_header {
    min-height: 824px!important;
    padding-top: 0!important;
}

/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/* ----------- [Gravity Forms Styles] ----------- */
/*------------------------------------------------*/

.gravityFormInputField input, 
.gravityFormInputField select, 
.gravityFormInputField textarea { 
	background-color: #EBECF3 !important; 
	color: #000 !important; 
	font-size: 16px !important; 
	padding: 16px !important; 
	border: none; 
} 
.gravityFormInputField input:focus, 
.gravityFormInputField select:focus, 
.gravityFormInputField textarea:focus { 
/* 	border: 2px solid #0e354a !important;  */
}
/* Submit Button Sweep + Styles */
#gform_submit_button_1, #gform_submit_button_3 { 
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding: 10px 20px 10px 20px;
	letter-spacing: 1px;
    border: solid;
    border-color: #252525;
    color: #ffffff;
	border-width: 6px!important;
    font-size: 18px;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-color: rgba(255,255,255,0);
	background-color: #000000;
	transition: all 300ms ease 0ms;
}
#gform_submit_button_1:hover, #gform_submit_button_1:focus, #gform_submit_button_1:active,
#gform_submit_button_3:hover, #gform_submit_button_3:focus, #gform_submit_button_3:active {
    color: white;
	cursor: pointer;
	border-color: #ffffff;
	background-color: #58595b;
}

.gform_wrapper.gravity-theme .gform_footer {
  float:right;
}

/*------------------------------------------------*/
/*----------------[Media Queries]------------------*/
/*------------------------------------------------*/

/* Adjust the menu breakpoint */
@media only screen and (max-width: 1280px) {
  #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    display:none !important;
  }
  #et_mobile_nav_menu, .et_mobile_nav_menu { 
    display: block !important;
  }
}

/* Desktop */
@media screen and (max-width: 1200px) {
	
}
/* Tablet */
@media screen and (max-width: 980px) {
	
}
/* Mobile */
@media screen and (max-width: 480px) {
	.bookNowBTN {
		color: #ffffff !important;
		background-color: rgb(255 255 255 / 0%);
		border: 0;
		transition: 0;
		text-align: left;
	}
	.headerSection h1 {
		margin-top:100px !important;
		padding-top: 100px !important;
	}
	.et-fixed-header #logo {
		content: url(/wp-content/uploads/2023/10/logoWhite.png);
	}
}