/*
Theme Name:     Zanzibar Retreats
Description:    Child child theme for Zanzibar Retreats
Author:         Kendall
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/



body.single-property:not(.et-tb) #main-content .container, 
body.single-property:not(.et-tb-has-header) #main-content .container {
    padding-top: 20px;
}

/* Mobile Menu */
.et_mobile_menu .sub-menu {
    display: none; /* Ensure it starts hidden */
    visibility: hidden; /* Hide initially for good measure */
    opacity: 0; /* Hide initially */
    max-height: 0; /* Prevent it from taking up space */
    overflow: hidden; /* Prevent contents from spilling out */
    transition: visibility 0s, opacity 0.5s linear, max-height 0.5s ease-in-out; /* Smooth transition for appearance */
}

.et_mobile_menu .sub-menu.show {
    visibility: visible; /* Make it visible */
    opacity: 1; /* Fade in */
    max-height: 500px; /* Enough height to show content */
    /* Adjust max-height according to your needs */
}

.et_mobile_menu .menu-item-has-children > a::after {
    content: "\f107"; /* FontAwesome icon unicode */
    font-family: 'Font Awesome 5 Free'; /* Specify the font family */
    font-weight: 900; /* FontAwesome 5 requires the font-weight to be 900 for solid icons */
    padding-left: 8px; /* Adjust spacing to the right of the text */
    display: inline-block; /* Ensure it aligns correctly with the text */
}



/* Header Links */
.quick-enquiry {
  background: #939064;
  border-radius: 50px;
  padding: 3px 8px;
  text-decoration: none;
}

.quick-enquiry:hover {
  background: #847d7d;
  text-decoration: none;
}

#zr-info ul li a.quick-enquiry {
  color: #fff !important;
}

#zr-info ul li a.quick-enquiry span.text {
  display: inline-block;
}


.sfsi_widget {
  padding-top: 10px;
  padding-bottom: 20px;
}

.custom-button {
    display: inline-block;
    margin-right: 10px;
    background: #57612d;
    color: #fff;
    font-size: 13px;
    font-family: Droid Sans;
    border-radius: 0px;
    padding: 0.3em 1em;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
}

/*Make font size of golden bar icons 13px*/
.kids-club .et_pb_blurb_content .et_pb_blurb_container h4, .prop-type .et_pb_blurb_content .et_pb_blurb_container h4, .rooms .et_pb_blurb_content .et_pb_blurb_container h4, .spa .et_pb_blurb_content .et_pb_blurb_container h4, .dive-facilities .et_pb_blurb_content .et_pb_blurb_container h4 {
    font-size: 13px;
}

/*Fix logo shivering*/
.logo_container {
height: auto !important;
}

img#logo {
    width: 280px !important;
    padding-bottom:20px
}

header#main-header {
    padding-bottom: 15px !important;
}

/*-----Start Noëlle's CSS-----*/
/*Add padding to top of icon bar columns*/
#widestbg .et_pb_column {
    padding-top: 14px !important;
}
#widestbg .et_pb_column.et_pb_column_1_8.et_pb_column_6, #widestbg .et_pb_column.et_pb_column_1_8.et_pb_column_7 {
    padding-top: 9px !important;
}
.call-out-bar {
    height: 57px !important;
}
 
/*Remove padding from icon bar h4*/
.kids-club .et_pb_blurb_content .et_pb_blurb_container h4, .prop-type .et_pb_blurb_content .et_pb_blurb_container h4, .rooms .et_pb_blurb_content .et_pb_blurb_container h4, .spa .et_pb_blurb_content .et_pb_blurb_container h4, .dive-facilities .et_pb_blurb_content .et_pb_blurb_container h4{
    padding: 0;
}

/*Make property page icon bar slimmer*/

img.et-waypoint.et_pb_animation_left.et-animated {
    margin-top: -12px !important;
}

#widestbg {
    padding-top: 5px;
    padding-bottom: 13px;
}

/*Correct property layout sidebar body text*/
.special-offer-blurb p, .sidebar-text p {
    font-size: 14px;
}

/*Render font at 80% of body text size*/
.small-font {
    font-size: 80%;
}

/*Correct list bullets getting cut off*/
.entry-content ul {
    margin-left: 5px;
}

/* Set text size for book now button */
a.book-now-button {
    font-size: 13px !important;
}

/*||||||MOBILE RESPONSIVENESS|||||*/
/*Add spacing between top buttons on tablet l*/
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
a.et_pb_button.book-now-button.et_pb_button_1.et_pb_module.et_pb_bg_layout_dark {
    margin-left: 20px;
}
}

/*Add border to CTA message*/
@media only screen and ( max-width: 980px ) {
.mobile-cta {
    border: 2px solid #57612d;
    border-bottom: none;
}
.mobile-cta {
    margin-bottom: 0px;
}
}

/*Remove sidebar border on tablet p and mobile p and l*/
@media only screen and ( max-width: 980px ) {
.et_pb_column.et_pb_column_1_4.mobile-sidebar.et_pb_column_8.et_pb_column_single {
    border: none;
}

/* Slider settings for responsive revolution sliders */
div#slider-1-layer-1 {
    font-size: 20px !important; 
}
div#slider-1-layer-2 {
    font-size: 20px !important; 

}
h2#slider-1-layer-2 {
    font-size:80px !important;
padding-top:50px !important;
margin-top: 50px !important
}
div#slider-1-layer-3 {
    font-size: 15px !important; 
top: 50px !important;
}

/* Slider settings for responsive revolution sliders */


}

/* styling "rooms" subsection on property pages */

.property-rooms {
    margin-top: 12px !important;
    float: right !important;
}
.et_pb_blurb_0.et_pb_blurb {
    max-width: 100% !important;
}

/* end styling "rooms" subsection on property pages */

/*Remove whitespace under property sidebar nav*/
div#nav_menu-2 {
    margin-bottom: 0px;
}
.et_pb_widget_area.et_pb_widget_area_left.clearfix.et_pb_module.et_pb_bg_layout_light.et_pb_sidebar_0.et_pb_sidebar_no_border {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/*Wrap special offer blurb p*/
.special-offer-blurb .et_pb_blurb_container p, .special-offer-blurb .et_pb_blurb_container ul {
    margin-left: -36px !important;
    padding-top: 10px;
}

/*Add ghost buttons to fullwidth nav*/
/*Style the button*/
    .fullwidth-menu li > a {
    padding-bottom: 0px;}
    .ghost-menu-button {border-radius: 0px;}
    .ghost-menu-button a {
    color: #fff!important;
    font-family: Droid Sans;
    font-size: 20px;}
    li.ghost-menu-button { 
    text-transform: uppercase;
    text-align: center; 
    padding: 10px 10px 10px!important;
    border-radius: 0px;
    border: 2px solid white;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
 /*Button text color*/
    .ghost-menu-button .et_pb_bg_layout_dark.et_pb_fullwidth_menu ul li a {
    color: #fff!important;}
@media only screen and (min-width : 981px) {
li.menu-button {
    height: 33px;
}

}
/*Give fullwidth menu buttons*/
/*Style the button*/
    .menu-button {border-radius: 0px;}
    .menu-button a {
    color: #fff!important;
    font-family: Droid Sans;
    font-size: 20px;}
    li.menu-button {
    background-color:#57612d; 
    text-transform: uppercase;
    text-align: center; 
    padding: 10px 10px 20px 10px!important;
    border-radius: 0px;
    border-width: 2px;
    border-style: solid;
    border-color: #57612d;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;}
 /*Button text color*/
    .menu-button .et_pb_bg_layout_dark.et_pb_fullwidth_menu ul li a {
    color: #fff!important;}
@media only screen and (min-width : 981px) {
li.menu-button {
    height: 38px;
}
}

/*Add spacing between fullwidth nav buttons*/
li.menu-button, li.ghost-menu-button {
    margin-right: 1.5%;
}
/*Even out padding of fullwidth nav*/
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding: 1.5% 0 1.5% !important;
}
 
/*Remove margin under sidebar menu*/
.listing-nav .et_pb_widget {
    margin-bottom: 0px !important;
}

/*Change body link color*/
.property-listing a {
    color: #847d7d;
}

/*Remove padding under H1*/
.post-313 h1, .page-id-644 h1 {
    padding-bottom: 0px;
}
/*Change colour of gallery pagination divider*/
.post-313 .et_pb_gallery_pagination {
    border-top: 1px solid rgba(132,125,125,0.1);
}
/*Change sidebar sub menu item font styling*/
.sidebar-list p {
    padding-bottom: 0px !important;
}
.post-313 .sub-menu a, .page-id-644 .sub-menu a {
    font-family: 'Droid Sans' !important;
    font-size: 14px !important;
    font-style: normal !important;
}
/*Reduce padding around icon in blurb*/
.flat-circle-blurb .et-pb-icon-circle {
    padding: 6px;
}
/*Change h2 font color*/
.dark-h2 h2 {
    color: #847d7d;
    font-size: 24px !important;
}

/*Change h3 font color*/
.dark-h3 h3 {
    color: #847d7d;
}
/*Change h4 font color*/
.et_pb_blurb h4 {
    color: #847d7d !important;
}

/*-----End Noëlle's CSS-----*/

#et-info {
    float: right;
}

.menu-item {
    font-weight: normal !important;
}
div#et-info {
    font-weight: normal !important;
}

#et-top-navigation {
    font-weight: 300 !important;
}

.region-top {
    font-family: 'Playfair Display', Georgia, "Times New Roman", serif !important;
    font-size:18px !important;
    padding-bottom: 10px;
    padding-left: 5px;
    border-left: 2px solid #ccc;
}

.region-top a{
    font-family: 'Playfair Display', Georgia, "Times New Roman", serif !important;
}

.property-sub {
    font-size:14px;
    font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif !important;
    margin-bottom: 0 !important;

}

.property-sub a{
    font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif !important;
}

a.property-sub {margin:0; padding:0}

ul.sub-menu {
    margin-top: 0px !important;
}

.et_pb_blurb_container {
    padding-left: 5px !important;
}

#widestbg {
width: 80% !important;
	margin: 0 auto !important;}

.mini-nav-divider {
width:100px !important
}

/* Features in grey bar */
.icon-cell { width:40px; padding-right:5px}
.icon-cell img {width: 50px}
.text-cell { color: #fff; white-space: nowrap; padding-right:10px; font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif; }

.et_pb_blurb_0.et_pb_blurb h4, .et_pb_blurb_0.et_pb_blurb h4 a {
    white-space: nowrap !important;
}

.prop-type {
white-space: nowrap !important;
width: 160px;
vertical-align: top !important }

.rooms {
white-space: nowrap!important;
width: 110px }

.spa{
white-space: nowrap!important;
width: 70px }

kids-club{
white-space: nowrap!important;
width: 110px}

dive-facilities {
white-space: nowrap!important;
width: 120px 
}

/*End features in grey bar */

#top-menu li .menu-item-has-children > a:first-child:after {
right: initial !important;
left: 0px !important;
}

/* for square metres, etc */
.sup {
    bottom: 0.8em !important;
    font-size: 10px !important;
}

sup.sup {
    font-size: 10px !important;
}
/* for square metres, etc */


div#seven-night-package {
    padding: 20px !important;
    border: double;
}

.property-button {
    margin-top: -68px !important;
    position: absolute !important;
    width: 145px !important;
    margin-left: -200px !important;
}

a.button.enquire-now-button {
	padding-bottom: 6px !important;
}
.enquire-now-button {
    padding:12px !important;
	  color: #ffffff !important;
    background: #57612d;
    border-radius: 0px;
    letter-spacing: 0px;
    font-size: 18px;
    font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
}
.enquire-now-button:hover {
    color: #ffffff !important;
    background: #57612d !important;
}


/* NEW CONTACT FORM 7 */

.wpcf7-form input.text, 
.wpcf7-form input.title, 
.wpcf7-form input[type=email], 
.wpcf7-form input[type=password], 
.wpcf7-form input[type=tel], 
.wpcf7-form input[type=text], 
.wpcf7-form select, 
.wpcf7-form textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    display: inline-block;
    width: 100%;
}














/* New Search - Show / Hide */
.search-container {
  display: block;
  text-align: right;
  clear: both
}

.search-container .searchform {
  position: relative;
  /* z-index: -1; */
}

.search-container .searchform input[type="text"] {
  width: 360px;
  position: relative;
  padding: 4px 15px;
}

.search-container .searchform input[type="submit"] {
  position: absolute;
  bottom: 6px;
  right: 15px;
  
  width: 20px;
  height: 19px;
  background: url('../jpg/search-icon.jpg') no-repeat center;
  text-indent: -9999em;
  border: 0;
}




/* HEADER SEARCH */
body.search-results .archive_banner {
  display: none;
}

.search-wpb {
  transition: all .2s ease-in-out; 
}

.search-wpb.fa-search {
color: #005F75;
font-weight: 900;
}

.search-wpb .fa-search:hover {
color: #999999;
text-decoration: none;
cursor: pointer;
}

.search-wpb.fa-search:focus {
color: #999999;
text-decoration: none;
}


.search-wpb .wpbsearchform {
display: block;
width: 400px;
position: absolute;
right: 0;
top: 100%;
margin-top: 1px;
z-index: 9999;
background-color: rgba(200,199,197,0.8);
padding: 0;
border-radius: 0;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.15);
box-shadow: 0 1px 10px rgba(0,0,0,0.15);
border: 1px solid #ccc;
}

.search-wpb .wpbsearchformform input[type="search"] {
border-radius: 0;
}

.search-wpb .wpbsearchformform input:focus {
color: #555;
}

.search-wpb .wpbsearchformform input::-moz-placeholder {
        color: #999 !important;
        font-weight: 300;
        opacity: 1;
}

.search-wpb .wpbsearchformform input::-webkit-input-placeholder {
        color: #999 !important;
        font-weight: 300;
      }

/* FULL SCREEN SEARCH OVERLAY */
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999;
}

.overlay .closebtn {
position: absolute;
top: 0;
right: 20px;
font-size: 60px;
cursor: pointer;
color: white;
z-index: 99;
}

.overlay .closebtn:hover {
color: #ccc;
}

.overlay .closebtn:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f057";
font-size: 40px;
color: #fff;
text-align: center;
}

.overlay .overlay-content {
position: relative;
top: 46%;
width: 50%;
text-align: center;
margin: auto;
}

.overlay .overlay-content input[type=text] {
font-family: Montserrat,sans-serif;
font-weight: 400;
color: #58585a;
font-size: 16px;
width: 100%;
height: calc(2.2em + .75rem + 2px);
border: 1px solid #efefef;
border-radius: 5px;
background-color: #fff;
padding-left: 20px;
padding-right: 20px;
}
  
.overlay .overlay-content input[type=search]:focus {
border-left: 4px solid #D0D5DB;
font-style: italic;
}
      
.overlay .overlay-content input[type=search]:hover {
background: #f1f1f1;
}
    
.overlay .overlay-content input[type=submit] {
position: absolute;
top: 0;
right: -1px;
display: block;
font-family: Montserrat,sans-serif;
font-weight: 600;
font-size: 16px;
color: #fff;
height: calc(2.2em + .75rem + 2px);
max-width: 120px;
background-color: #57612D;
border: none;
}
  

.grecaptcha-badge { 
    visibility: hidden;
}


.footer_social {
    padding-right: 15px;
}
.paygate {
  display: block;
  margin: 0 auto;
  padding: 5px 0;
}

.ft-social a {
  position: fixed;
  top: 50%;
  right: 20px;
  z-index: 99;
}