/*
Theme Name: Cabana Child Theme
Theme URI: https://cabana.themerex.net/
Description: Cabana is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeRex
Author URI: https://themerex.net/
Version: 1.5.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: cabana
Template: cabana
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Phobs */

.ui-datepicker {z-index: 8001 !important;}

.booking_form input[type=number] {
    appearance: auto !important;
    -moz-appearance: auto !important;
}

::-webkit-inner-spin-button { -webkit-appearance: auto !important; }

.booking_form {padding: 0px; max-width: 100%; }

.booking_form form {width: 100%;  }

.booking_form .b_row {width: 100%; display: flex; justify-content: space-between; }

.b_item {position: relative; }

.checkin i {position: absolute; top: 8px; right: 20px; color: var(--e-global-color-secondary);  }

select:not(.esg-sorting-select):not([class*=trx_addons_attrib_]) {
    visibility: visible;
}

.b_item input,
.b_item select,
.b_item select:focus,
.b_item .select_container select {width: 100%; height: 45px; line-height: 45px; padding: 0 15px; border-radius: 4px; margin: 0 !important; background: rgba(255, 255, 255, .9) !important; color: black !important; font-weight: 400 !important; border: none !important;  }

.b_item ::placeholder {color: black !important; }

.b_item button.num_span {
    background-color: rgba(255, 255, 255, .9) !important;
    justify-content: flex-start;
}

select option {background-color: white !important; color: black !important; }

.b_item button {width: 100%; height: 45px !important; line-height: 45px; padding: 0 15px !important; color: #fff; border: none; border-radius: 4px !important; text-transform: uppercase; cursor: pointer !important; transition: all .3s; font-weight: 400; letter-spacing: 2px; text-align: center !important; display: flex !important; justify-content: center; }

.b_item button[type=submit] {background: var(--e-global-color-primary) !important; font-weight: 600 !important; text-transform: uppercase; }
.b_item button[type=submit]:hover {background: var(--e-global-color-accent) !important;  }

header.sticky .b_item button {background: white !important; color: var(--e-global-color-primary) !important; cursor: pointer !important;  }

.b_item button:hover {background: var(--e-global-color-secondary) !important; cursor: pointer !important;  }
header.sticky .b_item button:hover {background: var(--e-global-color-secondary) !important; cursor: pointer !important; color: white !important; }

header.sticky .b_item button.num_span,
header.sticky .b_item button.num_span:hover {background: rgba(255, 255, 255, .9) !important; color: black !important; }

.br_gost,
.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {display: none; }



.bitem_inp  {
  display: block;  /*height: 30px;*/
}

.br_gost {
  display: none; border-radius: 4px; 
  position: absolute; left: 0px; top: 50px; background: white; padding: 24px; width: 330px; z-index: 100000; border: 1px solid #ddd; 
}

.br_gost .sec_txt,
.room_title {color: #222;   }

.b_item .br_gost .select_container select {height: 45px; line-height: 45px; background: #eee !important; color: #222 !important; border: none !important;  }

#mobile_form .br_gost {width: 390px;}

@media (max-width: 500px){	
#mobile_form .br_gost {width: calc(100vw - 10% - 48px);}	
}

.br_gost.open {
  display: block;
	    max-height: 300px;
    overflow: auto;
}

.bg_gost_nums {display: flex; justify-content: space-between; width: 100%; gap: 12px; }
.res_overview .bg_gost_nums {gap: 16px; }

.b_item button.num_span,
.b_item button.num_span1 {min-width: 100px; background-color: rgba(255, 255, 255, .7); color: #121212; text-align: left; 
	text-transform: none; overflow: hidden; border-radius: 4px; letter-spacing: 0; font-weight: 400; }

.b_item button.num_span:hover,
.b_item button.num_span1:hover {background-color: rgba(255, 255, 255, .7) !important; color: #121212; }

.bitem_inp .number,
.res_overview .number {
  display:flex; width: 100%; 
}

.number input {text-align: center; border: 1px solid #ebebeb; padding-right: 1px; width: 100%; }
.number input:focus {outline: none; border: 1px solid black; }

.num_holder {display: flex; gap: 1px; justify-content: flex-start; flex-direction: column; flex-grow: 1;}
.num_holder:first-child {margin-bottom: 20px;}

.num_holder > span,
.dijete span {display: inline-block; width: 100%;   }

.dijete span {width: 100%; }

.number .minus, 
.number .plus {
  width:30px;
  height:30px;
  color: #121212;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
}

.number .minus:hover, 
.number .plus:hover,
.number .minus:focus, 
.number .plus:focus {
	color: #121212;  opacity: 1; 
}

.number .minus::selection, 
.number .plus::selection,
.remove::selection{
  background: transparent;	color: #121212; 
}

.booking .number input, 
.booking .dijete input,
.res_overview .number input, 
.res_overview .dijete input {
  width: 48px;
  height: 30px;
  text-align: center;
  border-radius: 0;
  padding: 0;
  cursor: text;
	background-color: white;
}

.godine {display: flex; gap: 12px; width: 100%; }
.godine input {width: 100%; outline: none; border:1px solid #ddd !important; padding-right: 1px; padding-left: 1px; text-align: center; }
.godine input:focus {border:1px solid black;  }

.booking .dijete input {
  width: 90px; font-weight: 400; 
}

.bitem_inp .dijete ::placeholder {
  color: #ccc;
}

.godine_wrap {display: flex; width: 100%; }


.djeca_wrap {display: flex; gap: 12px; }
.djeca {display: none; margin-bottom: 0px;}

.djeca.open {display: block;}

.djeca p {margin: 5px 0 15px 0; text-align: left; width: 100%; font-size: 13px; line-height: 14px; }

.dijete {display: flex; align-items: center; flex-direction: column; flex-basis: 25%; }

.dijete span {color: inherit; font-size: 13px; }

.bitem span.buttlike {padding: 5px 20px; background-image: none; font-weight: 700; font-size: 16px; cursor: pointer; }



.room_wrap {/*border-top: 1px solid #ddd;*/ padding: 0 0 15px 0; display: none; }
.room_wrap.open {display: block; }
.room_title {font-weight: bold; padding: 0 0 5px 0; display: block; }

.booking_form input[type=number]::-webkit-inner-spin-button, 
.booking_form input[type=number]::-webkit-outer-spin-button { 
    opacity: 1;
}


@media (max-width: 800px){	
	.booking_form .b_row {flex-direction: column; gap: 10px; }
	.b_item {width: 100%;}	
	.header_wrap.open:before {background-color: var(--e-global-color-secondary) !important; opacity: 1;}
}


/* end Phobs */