/* CSS Document */
body {
    background-color: #d6b25e0a;
}
.cardImage__content > img {
	-o-object-fit: revert;
  object-fit: revert;
	height: auto;
}
.masthead.-type-3 .masthead__bg::after {
   background-color: rgba(5, 16, 54, 0.1);
}
.masthead.-type-3 {
  padding-bottom: 10px;
}
.masthead.-type-3 .masthead__tabs {
  margin-top: 70px;
}
.masthead.-type-3 .optipackage-search-container {
  position: relative;
  margin-bottom: -70px;
}
.pkg-offers-content {
  padding-top: 90px;
}
@media (max-width: 991px) {
  .masthead.-type-3 {
    padding-top: 170px;
    padding-bottom: 10px;
  }
  .masthead.-type-3 .optipackage-search-container {
    margin-bottom: -55px;
  }
  .pkg-offers-content {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .masthead.-type-3 {
    padding-top: 120px;
    padding-bottom: 10px;
  }
  .masthead.-type-3 .masthead__tabs {
    margin-top: 25px;
  }
  .masthead.-type-3 .optipackage-search-container {
    margin-bottom: -30px;
  }
  .pkg-offers-content {
    padding-top: 40px;
  }
}
.section-search-results-list .cardImage__content > img {
height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.header .header-logo {
  background-image:url(../img/tst.png);
	background-size: contain;
  width: 220px;
}
table.table td, table td {
  padding: 10px;
}
table > tbody > tr:nth-of-type(2n) {
  --bs-table-accent-bg: rgba(0, 0, 0, 0.05);
  color: #212529;
}
table > :not(caption) > * > * {
  background-color: transparent;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.bg-blue-1 {
background-color:#d6b25e !important;
}
.stars-selected, .hotel-stars:hover::before {
    color: #d6b25e !important;
}
 .header .header-menu .menu li a.active {
color:#d6b25e !important;
 }
.div-login a {
font-weight: bold;
font-size: 14px !important;
}
.text-blue-1, a:hover {
  color: #d6b25e !important;
}
.btn_lang, .bar-btn, .div-registar, .div-new-register {
	display: none;
}
:root {
  --color-dark-1:#4c4c4c;
}
.text-dark-1, body, .table {
  color: #4c4c4c;
}
.bg-dark-2 {
  background-color: #6D6E71 !important;
}
.div-custom-star {
  background-color: var(--color-dark-1) !important;
  border-radius: 5px;
  padding: 6px 15px;
  line-height: 0;
  margin-top: 10px;
  position: absolute;
}
.div-custom-star .icon-star, .cardImage__leftBadge .icon-star{
	color: #fff !important;
}
.citiesCard .bg-yellow-1 {
  background-color: #d6b25e !important;
}
.btn-info-hotel {
  color:#fff !important;
  background-color:#4c4c4c;
	padding: 14px 20px !important;
	font-size:15px !important;
	font-weight: 400 !important;
}
.btn-info-hotel:hover {
     background-color: #d6b25e !important;
     color:#fff !important;
}
.page-item.active .page-link, .btn-primary {
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}
.btn-primary:hover {
	background-color:#676666;
  border-color: #676666;
}
.scrollToTop {
  background-color: #4c4c4c;	
}
.page-link, .cookiealert {
	color: #4c4c4c;
}

.tabs.-bookmark .tabs__button.is-tab-el-active  {
    color: #FFF !important;
    background-color: #1b2a41 ;
}
.mainSearch {
    background-color: #1b2a41 !important;
    color: #FFF;
}
.mainSearch input, .mainSearch select {
    color: #FFF;
}
.h-300 {
    height: 300px !important;
}
.cardImg img{
    width: 100%;
    object-fit: cover;
}
.color-white {
    color:#FFF;
}

.destination-card {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.destination-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
}

/* IMAGE */
.destination-card-img {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    background: #eee;
}

.destination-card-img img {
    width: 100%;
    height: 100%;
    display: block;

    /* This is important */
    object-fit: cover;
    object-position: center;
    
    transition: transform 0.3s ease;
}

.destination-card:hover .destination-card-img img {
    transform: scale(1.05);
}


/* CARD CONTENT */
.destination-card-body {
    position: relative;
    padding: 12px 10px 10px;
    min-height: 65px;
}


/* CATEGORY BADGE */
.destination-badge {
    position: absolute;
    top: -14px;
    left: 8px;

    background: #0879c9; /* change to your bg-blue-1 */
    color: #fff;

    padding: 4px 8px;

    border-radius: 4px;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;

    text-transform: uppercase;

    white-space: nowrap;
    max-width: calc(100% - 16px);
    overflow: hidden;
    text-overflow: ellipsis;
}


/* PRICE */
.destination-price {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    color: #555;
}

.destination-price > small {
    font-size: 10px;
    line-height: 1.2;
}

.destination-price span {
    display: flex;
    align-items: baseline;
    gap: 3px;
    white-space: nowrap;
}

.destination-price strong {
    color: #222;
    font-size: 17px;
    line-height: 1.2;
}

.destination-price span small {
    font-size: 9px;
    color: #777;
}
#progress-container {
    background-color: rgba(214, 178, 94, 0.71) !important;
}
#progress-bar {
    background-color: rgba(214, 178, 94, 0.71) !important;
    background-image: linear-gradient(45deg, rgba(214, 178, 94, 0.71) 25%, transparent 25%, transparent 50%, rgba(214, 178, 94, 0.71) 50%, rgba(214, 178, 94, 0.71) 75%,transparent 75%, transparent) !important;
}
.form-input label {
  top: 15px !important;
}

.ui-datepicker {
    background: #ffffff !important;
    border: 1px solid #d6b25e !important;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #d6b25e !important;
}
.ui-datepicker td .ui-state-default .price-container {
    color: #d6b25e !important
}
/* Price number styling */
.ui-datepicker td .ui-state-default[data-price]::after {
    color: #d6b25ebd !important;
}	
/* Euro symbol styling - using ch units to adjust based on content width */
.ui-datepicker td .ui-state-default[data-currency]::before {
    color: #d6b25ebd !important;
}

.ui-datepicker td a:hover {
    background: #e6f5fc !important;
    color: #d6b25ebd !important;
    border-color: #d6b25ebd !important;
}
.ui-datepicker td a {
    border-bottom: 3px solid #d6b25ebd !important;
}
.ui-datepicker .ui-state-active {
  background: #d6b25ebd !important;
  border-color: #d6b25ebd !important;
}