/*
Theme Name: Divi-child
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme
Author:         Elegant Themes
Template: Divi
Version:        1.0.0
*/

/* All Theme customization starts here
------------------------------------------------------- */
/* 
@media only screen and (max-width: 767px) {
	#main-content {position: relative; top: 190px !important;}
} */

/* --------- Specials & Packages css ------------------ */

.specials-row {
    background-color: #4f2c1d;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    padding-bottom: 15px;
}

.specials-item {
    display: flex;
    flex-direction: column;
    flex-basis: 31.3333%;
    padding:3% 0 0;
    margin-right: 3%;
}

.specials-item:hover {
    box-shadow: 0px 60px 74px -6px rgb(0 0 0 / 37%);
}

@media (min-width:479px) {
    .specials-item { width:31.3333%;}
    .specials-item:nth-child(3n+2),
    .specials-item:nth-child(3n+3) {           /*  every 3rd element, start at 2nd and 3rd  */
      padding-left:0;               /*  10px per item, divide with 2 gaps  */
      }
      #global .et_mobile_menu {
        width: calc(100% + 200px) !important;
    }
    .specials-item:nth-child(3n+3) {           /*  every 3rd element, start at 2nd and 3rd  */
        margin-right:0;               /*  10px per item, divide with 2 gaps  */
        }
    .specials-item:last-child, .specials-item:nth-child(1) {
        max-width: 31.3333%;
    }
    .specials-item:last-child {
        margin-right:0;
    }
}

@media (min-width:768px) {
      #global .et_mobile_menu {
        width: calc(100% + 150px) !important;
    }
}

.teaser {
    flex: 1;
    padding: 15px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
}

.specials-thumb {line-height: 0;}
.specials-name {
    font-family: 'Asul',Helvetica,Arial,Lucida,sans-serif;
    font-size: 30px;
    line-height: 1em;
    margin-top: 30px!important;
    margin-right: 5px!important;
    margin-left: 5px!important;
    color: #000;
}

.specials-location {
    width: 100%;
    background-color: #B7A99A;
    text-align: center;
    font-weight: bold;
    font-family: 'Asul',Helvetica,Arial,Lucida,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #343333!important;
}

.specials-content {
    display: flex;
    flex-direction: column;
    background-color: #F4F0DB;
    flex: 1;
    /* margin-top: -10px; */
    text-align: center;
}

.specials-cta {
    align-items: flex-end;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    font-weight: bold;
    padding:30px 0;
}

.confluence {
    color: #3c6a6b!important;
    border-width: 0px!important;
    border-color: #ffffff;
    border-radius: 4px;
    font-size: 15px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    background-color: rgba(0,0,0,0);
}

.confluence:before,.confluence:after {
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    opacity: 0;
    position: absolute;
    top: 4px;
    margin-left: -1em;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
}

.confluence:after {
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: .3em;
    left: auto;
    content: attr(data-icon);
}

.confluence:hover {
    color: #000000!important;
    border-color: rgba(0,0,0,0)!important;
    letter-spacing: 0px!important;
    background-image: initial;
    background-color: rgba(0,0,0,0);
}

/* --------- Ojo2 2023 redesign css ------------------ */

.embed-container {
  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
 }

 .embed-container iframe,
 .embed-container object,
 .embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
.container.et_menu_container { 
width: calc( 100% - 60px);
}
}

.et_mobile_menu {
margin-left: -30px;
padding: 5%;
width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
}

@media (max-width: 479px) {
.et_pb_menu__wrap {justify-content:flex-end !important;}
}

#st-1 .st-btn[data-network='messenger'] {
 background-color: #4f2c1d !important;
}

#st-1 .st-btn[data-network='email'] {
 background-color: #4f2c1d !important;
}
#st-1 .st-btn[data-network='twitter'] {
 background-color: #4f2c1d !important;
}
#st-1 .st-btn[data-network='facebook'] {
 background-color: #4f2c1d !important;
}

.et_pb_column.et_pb_column_1_3.et_pb_column_4_tb_header.et_pb_css_mix_blend_mode_passthrough {
 display: inline-block; max-width:48%;
}
.et_pb_column.et_pb_column_1_3.et_pb_column_5_tb_header.et_pb_css_mix_blend_mode_passthrough.et-last-child {
 display: inline-block; max-width:48%;
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
 display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
 position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
 background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
 position: absolute;
 right: 0;
 top: 0;
 padding: 10px 20px;
 font-size: 20px;
 font-weight: 700;
 cursor: pointer;
 z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
 content: "\4c";
 display: block;
 color: #000;
 font-size: 16px;
 font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
 content: "\4d";
}

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
 position: relative;
 top: 140px;
}

body.search.search-results footer {
position: relative; top: 140px;
}

body.search.search-results .post-meta {
display: none;
}

#recent-comments-2 {display: none;}

/*show desktop menu on phone*/

@media (max-width: 980px) {
.cc-open-mobile-menu .et_pb_menu__menu {
 display: flex!important;
}
.cc-open-mobile-menu .et_mobile_nav_menu {
 display: none!important;
}
}

.et_mobile_menu {
 overflow-y:scroll!important;
 max-height:80vh!important;
 -overflow-scrolling:touch!important;
 -webkit-overflow-scrolling:touch!important;
}
@media (min-width: 480px) {
  .et-pb-slider-arrows {
    margin: 0;
    position: absolute;
    bottom: 0;
   /* 	right: 150px; */
   left: 40%;
   -ms-transform: translateY(40%);
   z-index: 99;
  }
}

.dct_slider_v79 .et-pb-arrow-next, .dct_slider_v79 .et-pb-arrow-prev { 
  background: transparent !important;
  color: #F9F5E7 !important;
}


.et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-controllers a, .et_pb_slider[data-active-slide="et_pb_slide_0"] .et-pb-controllers .et-pb-active-control, .et_pb_slider[data-active-slide="et_pb_slide_1"] .et-pb-controllers a, .et_pb_slider[data-active-slide="et_pb_slide_1"] .et-pb-controllers .et-pb-active-control, .et_pb_slider_0 .et-pb-controllers a, .et_pb_slider_0 .et-pb-controllers .et-pb-active-control {
  background-color: #5D433C !important;
}


.et_pb_button[data-icon]:not([data-icon=""]):after {
 content: none;
}


.et_pb_button_3_wrapper .et_pb_button_3,
.et_pb_button_3_wrapper .et_pb_button_3:hover,
.et_pb_button_4_wrapper .et_pb_button_4,
.et_pb_button_4_wrapper .et_pb_button_4:hover,
.et_pb_button_5_wrapper .et_pb_button_5,
.et_pb_button_5_wrapper .et_pb_button_5:hover,
.et_pb_button_6_wrapper .et_pb_button_6,
.et_pb_button_6_wrapper .et_pb_button_6:hover,
.et_pb_button_7_wrapper .et_pb_button_7,
.et_pb_button_7_wrapper .et_pb_button_7:hover,
.et_pb_button_8_wrapper .et_pb_button_8,
.et_pb_button_8_wrapper .et_pb_button_8:hover,
.et_pb_button_9_wrapper .et_pb_button_9,
.et_pb_button_9_wrapper .et_pb_button_9:hover,
.et_pb_button_10_wrapper .et_pb_button_10,
.et_pb_button_10_wrapper .et_pb_button_10:hover {
 padding-left: 43px!important;
 text-decoration: none;
}

/* slider css overrides 08-22-23 */
@media (min-width: 768px) {
  .et_pb_slide.et_pb_slide_0.et_pb_bg_layout_dark.et_pb_slide_with_image.et_pb_media_alignment_center.et-pb-active-slide,
  .et_pb_slide.et_pb_slide_1.et_pb_bg_layout_dark.et_pb_slide_with_image.et_pb_media_alignment_center.et-pb-active-slide {
    max-height: 500px;
 }

  .et_pb_slide_image {
    max-height: 500px;
  }
}

.et_pb_slider_container_inner {
  vertical-align: top;
}

.dct_slider_v79 .et_pb_slide_description {
    padding: 100px 50px 72px 50px;
}

@media (max-width: 479px) {
  body.page-id-9 .cws .et_pb_slide_image img {
    max-height: 170px !important;
}
  .et_pb_slide_image {
    max-height: 170px;
  }
  .et_pb_slides .et_pb_slider_container_inner {
    vertical-align: top;
  }
  body.page-id-9 .cws p {
    line-height: 30px !important;
  }
	
 .et_pb_bg_layout_dark.et_pb_slide_with_image.et_pb_media_alignment_center.et-pb-active-slide {
    max-height: 700px;
	 padding-bottom: 15px;
  }
	
  .et-pb-slider-arrows {
	position: absolute !important;
    top: 185px;
    left: 35%;
    -ms-transform: translateY(35%);
  }

  .et_pb_slider .et-pb-controllers {
    display: none;
  }

  .et_pb_code_1 {
    margin-top: 0 !important;
}
}

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

/* more slider custom css */
.dct_slider_v79 .et_pb_slide_description {
  padding: 0 50px 100px 50px !important;
}
@media only screen and (min-width: 768px) {
  .et_pb_slides .et_pb_container {
    max-height: 500px;
  }


  .et_pb_slides .et_pb_slider_container_inner {
    height: 500px;
    overflow: hidden;
  }
}

.et_pb_slider_0 .et_pb_slide_description, .et_pb_slider_fullwidth_off.et_pb_slider_0 .et_pb_slide_description {
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
  .et_pb_slides .et_pb_container {
    max-height: 100%;
  }

  .et_pb_slides .et_pb_slider_container_inner {
    height: 100%;
/*     overflow: hidden; */
  }
}

/* mobile menu css */
body.page-id-16 .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
body.parent-pageid-25 .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
body.parent-pageid-26 .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
body.parent-pageid-29 .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
body.parent-pageid-16 .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a,
.et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a
 {
    /* color: #42746b!important; */
    text-decoration: underline !important;
}

@media only screen and (max-width: 767px) {
  .et_pb_menu_1_tb_header.et_pb_menu ul li a {
    text-decoration: none;
  }
  .et_pb_menu_1_tb_header.et_pb_menu ul li.current-menu-item a {
      color: #F9F5E7!important;
      text-decoration: underline;
  }
  .post-16 {
	position: relative;
    top: 180px;
   }
}

.aqua {
	background-color: #42746B !important;
	color: #F9F5E7 !important;
    padding-left: 43px !important;
    text-decoration: none;
}

.osf-outline {
    padding-left: 43px!important;
    text-decoration: none;
}

.oc-outline {
    padding-left: 43px!important;
    text-decoration: none;
}

.adobe {
	background-color: #bc5c38 !important;
    border-color: #bc5c38 !important;
    color: #F9F5E7 !important;
    padding-left: 43px !important;
    text-decoration: none;
}

.osf-sp-links {
    text-decoration: none;
}

.estore .et_pb_blurb_description {
    min-height: 62px;
}

.estore .et_pb_column {
    /*background-color: #f9f5e7;*/
    padding-bottom: 20px;
}

body.parent-pageid-15 #page-container .estore .et_pb_button {
    padding-left: 43px !important;
}

/* .osf-stay .et_pb_text_inner {
    min-height: 328px;
} */

.osf-product {
    background-color: #42746B !important;
    border-color: #42746B;
    color: #fff !important;
    padding-left: 43px !important;
    text-decoration: none;
}

.osf-product:hover {
    border-color: #42746B !important;  
}


@media (min-width: 481px) {
    .et_pb_row_3_tb_header.et_pb_row {
        padding-top: 0!important;
        padding-bottom: 0!important;
        display: none!important;
    }
}

/* @media only screen and (max-width: 479px) {

} */