/*
Theme Name: Gofly Child
Theme URI: https://www.gofly-wp.egenstheme.com/
Template: gofly
Author: Egenslab
Author URI: https://themeforest.net/user/egenslab/
Description: GoFly is a modern, responsive, and feature-rich WordPress theme designed for travel agencies, tour operators, and online booking platforms. Whether you’re offering tours, hotels, visa services, or unique travel experiences, GoFly provides a powerful all-in-one solution to manage your business online. With advanced booking functionality, customizable layouts, multilingual support, and seamless payment integration, GoFly helps you attract global travelers, showcase destinations, and increase bookings effortlessly.
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready,This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.

*/

/* Phobs */

.daterangepicker {z-index: 9999;}

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

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

.booking_form {padding: 0 15px 20px 15px; max-width: 900px; }

.booking_form form {width: 100%;  }

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

.col {position: relative; }

/* .col:first-child {min-width: 33%;}

.col:nth-child(2),
.col:nth-child(3),
.col:nth-child(4) {max-width: 20%;} */

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

.col input {width: 100%; height: 45px; line-height: 45px; padding: 0 15px; border-radius: 4px; margin: 0 !important; background: rgba(255, 255, 255, .7);  }

.col button {width: 100%; height: 45px; line-height: 45px; padding: 0 15px; color: #fff; background:#1E1E5C; border: none; border-radius: 30px; text-transform: uppercase; cursor: pointer !important; transition: all .3s; font-weight: 300; letter-spacing: 2px;}

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

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

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

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

/* .daterangepicker {left: 20px !important; } */

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

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

#mobile_form .br_gost {width: 390px;}

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

.br_gost.open {
  display: block;
}

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

.col button.num_span,
.col 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; }

.col button.num_span:hover,
.col 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; }
.godine input {width: 100%; outline: none; border:1px solid #ebebeb; 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; }


.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; }

.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: 15px 0; display: none; }
.room_wrap.open {display: block; }
.room_title {font-weight: bold; padding: 0 0 5px 0; display: block; }

/* end Phobs */