/*
Theme Name: Astra Child
Template: astra
*/


/* Force Body Font */
body, p, li, a, input, select, textarea {
    font-family: 'Montserrat', sans-serif !important;
}

/* Force Heading Font */
h1, h2, h3, h4, h5, h6, .entry-title, .site-title {
    font-family: 'Playfair Display', serif !important;
}



/* formatting for mtorpress search results. for template overide of searhc_results*/



.wrap1{
 display: flex;
 flex-direction:row;
  justify-content: center;
  align-items:center;
  gap:10px;
  background-color:#F8F8F8;
  box-sizing:border-box;

}


 /* Mobile Specific Styles */
 @media (max-width: 768px) {
    .wrap1{
       width:100% !important;
       box-sizing:border-box;
      flex-direction:column;
      justify-content: center;
      align-items:start;
   }
 }


.col2{
    width:50%;
    display:flex;
    flex-direction:column;
    align-items: start;    
    justify-content: center;
    padding-left: 2em;  

}
 @media (max-width: 768px) {
    .col2{
       width:100% !important;
       box-sizing:border-box;
      flex-direction:column;
      justify-content: center;
      align-items:start;
   }
 }







.mphb_sc_search_results-wrapper {
  padding-left:10px;
}

.mphb-recommendation-title {
  font-size :1.4em;
  
}

.mphb-recommendation{
  background-color:#F0E6C5;
  display: flex;

  justify-content: space-between;
  align-items: center;
 
  
}


  
  
  
  
}.mphb-loop-room-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

/*single room styling */
.elementor-widget-mphbe-accommodation-title .elementor-widget-container{
  display:flex;
  justify-content:center;
  background-color: #F8F8F8;
  
}

.elementor-widget-mphbe-accommodation-featured-image .elementor-widget-container{
  display:flex;
  justify-content:center;
  
}
.mphb-single-room-type-thumbnail{
  width:100%;
  height:50vh;
  
}

.elementor-widget-mphbe-accommodation-featured-image .elementor-widget-container img{
   width: 100%;
  height: 50vh;
  object-fit: cover;

}

.elementor-widget-mphbe-availability-calendar,.datepick-multi,.datepick-nav,.datepick-month-row {
  width: 100% !important;
  max-width:100% !important;
    box-sizing: border-box !important;
}


.datepick-month {
    box-sizing: border-box !important;
}
  /* Mobile Specific Styles */
   @media (max-width: 768px) {
     .datepick-month {
      width: 100% !important;     /* Forces the box to fill the screen */
      max-width: 100% !important; /* Overrides any fixed max-widths */

    }
  
 }