@font-face {
    font-family: 'Ivy Mode';
    src: url('../fonts/subset-IvyMode-Thin.woff2') format('woff2'),
        url('../fonts/subset-IvyMode-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');
*{
    font-family: 'Poppins', sans-serif;
}
h2{
    font-family: 'Ivy Mode', sans-serif;
}
a{
    text-decoration: none!important;
    color:inherit!important;
}

.activecat{
    text-decoration: underline!important;
}
.disrub{
    display: ruby;
}
.navbar-light .navbar-nav .nav-link{
    padding:0.5rem 1.5rem!important; 
}
.topbarbc{
    background: #b8995660;
}
.topbarbc span{
    font-family: 'Ivy Mode', sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
}

.topbarcircle{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border:1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topbarcircleactive{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border:1px solid #b8995660;
    background-color: black;
    color:white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circleboxwrapper{
    display: flex!important;
    align-items: center;
}
.circleboxwrapper span{
    margin-left:3%;
}
.calendarday{
    padding: .375rem .0625rem;
    
    margin-bottom:0.3rem;
    border:1px solid black;
}
.calendar7 {
    width: 13.5%;  /* 1/7th width of the container */
    box-sizing: border-box;
    margin-right:0.3rem;
}
.Calendar-week {
    display: flex;
    flex-wrap: wrap;
}
.numberDate{
    font-size:36px;
}
.priceDate{
    font-weight: 500;
    font-size:12px;
}
.empty-day {
    visibility: hidden;  /* Keeps spacing but hides content */
    border: none;        /* Removes border so it's truly invisible */
}
.past-day {
    background-color: #f0f0f0; /* Light gray background to indicate past */
    color: #999; /* Light gray text */
    border: 1px solid #ddd; /* Lighter border */
}
.past-day .priceDate {
    color: #bbb; /* Lighter text color */
}
.informationsec span{
    font-size:12px;
}
.formmidblock{
    border-right:1px dotted black;
    border-left:1px dotted black;
}
.btn-primary{
    background-color:#b8995660!important;
    border-color:#b8995660!important;
    color:#000!important;
}
.btn-primary:hover{
    opacity:0.7;
}
.checkoutformsec h3{
    font-size:22px;
    color:#b89956;
}
.checkoutformsec .labelcoloring{
    color:#b89956;
}
.checkoutformsec input,
.checkoutformsec textarea {
    border-color: #b8995660;
}
.checkpricelistingday p{
    margin-bottom:3px;
}
.villa-description-wrapper {
    border: solid 1px #ececec;
    padding: 30px 30px 0 30px;
    border-radius: 0px;
    background: #F7F7F7;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 300;
}
.stay-buttons-wrapper .btn2 {
    background-color: #B89956;
    padding: 10px 30px 10px 30px;
    color: #fff!important;
    font-weight: 500;
    font-family: 'Ivy Mode', sans-serif;
    font-size:20px;
    border:none;
}
.stay-buttons-wrapper .btn1 {
    background-color: #000;
    margin-right: 0px;
    padding: 10px 30px 10px 30px;
    color: #fff!important;
    font-weight: 500;
    font-family: 'Ivy Mode', sans-serif;
    font-size:20px;
    border:none;
}
.stay-buttons-wrapper .btn2:hover{
    opacity:0.8
}
.stay-buttons-wrapper .btn1:hover{
    opacity:0.8
}
.stay-buttons-wrapper {
    width: 100%;
    margin-bottom: 0!important;
}
.resbtnwrappers{
    display: flex;
    align-items: end;
}
.room-hidden-detail{
    display: none;
    background-color: #F7F7F7;
}
.stay-buttons-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Pushes elements apart */
    align-items: flex-start;
    height: 100%;
    position: relative;
    padding: 30px 0 0px 50px;
}

.villa-title {
    align-self: flex-start; 
}

.room-price {
    align-self: center; /* Centers price horizontally */
}

.resbtnwrapper {
    align-self: flex-end; /* Pushes button to the bottom right */
}
.paxopt input{
    border:none;
    border-bottom:1px solid black;
    border-radius:0px;
    width: 15%;
    padding:.375rem .5rem;
}
.paxopt{
    display: block;
    align-items: center;
}
.ajs-message {
    background-color: #222!important;  /* Dark background */
    color: #fff!important;             /* White text */
}

.ajs-header {
    background-color: #b89956!important;  /* Custom header color */
    color: white!important;
}

.ajs-footer {
    background-color: #f4f4f4!important;
}
.owl-carousel .owl-item img {
    height:17em!important;
}
.roomtag{
    position: relative;
    top: 5em;
    width: 5%;
    border-radius:10px;
    left: 0.5em;
    padding: 10px;
    background-color: #f2d79d;
    font-family: 'Ivy Mode', sans-serif;
    color: #000!important;
    font-weight: 800;
}
.panelback{
    font-family: 'Ivy Mode', sans-serif;
    align-items: center;
    display: flex;
    justify-content: end;
}
.panelbackbtn{
    background-color: #000;
    font-family: 'Ivy Mode', sans-serif;
    color: #fff;
    font-size:12px;
    border-radius:4px;
    font-weight: 800;
}
.panelbackbtn:hover{
    opacity:0.8;
}
.mainlogo{
    width: 30%;
}  
.iconsinfo{
    display: flex;
    align-items: center;
}
.informationRes{
    padding:30px;
    font-family: 'Ivy Mode', sans-serif;
    border-radius:2px;
    background-color: #b8995660;
    font-weight: 800;
}
.informationRes span{
    letter-spacing: -1px;
}
select {
    font-family: 'Ivy Mode', sans-serif!important;
}
select option{
    font-family: 'Ivy Mode', sans-serif!important;
}
.calendar7 span{
    font-family: 'Ivy Mode', sans-serif;
    font-weight: 600;
}
.calendar-container .month-select{
    border:none;
    font-size:36px;
    text-align: center;
}
.calendar-container .month-select option{
    border:none;
    font-size:16px;
}
#child1AgeDropdown label{
    font-size:12px;
}
#child2AgeDropdown label{
    font-size:12px;
}
@media only screen and (max-width: 768px) {
    .calendar7 {
        width: 13.3%;
        box-sizing: border-box;
        margin-right: 0.1rem;
    }
    .calendarday {
        padding: .375rem 0;
    }
    .numberDate {
        font-size: 24px;
    }
    .priceDate {
        font-size: 10px;
    }
    .roomtag {
        font-size: 12px;
        width: 14%;
    }
    .owl-carousel .owl-item img {
        height: 15em !important;
    }
    .owl-nav{
        display:none;
    }
    .room-hidden-detail .roomdettitle{
        margin:1rem!important;
    } 
    .room-hidden-detail .roomdetinfo{
        margin:1rem!important;
    }
    .room-hidden-detail .roomdeticon{
        margin:1rem!important;
    }
    .mainlogo{
        width: 50%;
    }  
}