.elementor-542 .elementor-element.elementor-element-1a3b100{--display:flex;--min-height:680px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;--padding-top:140px;--padding-bottom:92px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-1a3b100:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-1a3b100 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://manningpark.com/wp-content/uploads/2025/05/Department-Contacts-Background-min-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-2e952e8{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-8e79217 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-542 .elementor-element.elementor-element-8e79217 .elementor-heading-title{color:#FFF;}.elementor-542 .elementor-element.elementor-element-5a4ae3f > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-542 .elementor-element.elementor-element-5a4ae3f{font-family:var( --e-global-typography-9f2531f-font-family ), Sans-serif;font-size:var( --e-global-typography-9f2531f-font-size );font-weight:var( --e-global-typography-9f2531f-font-weight );text-transform:var( --e-global-typography-9f2531f-text-transform );font-style:var( --e-global-typography-9f2531f-font-style );text-decoration:var( --e-global-typography-9f2531f-text-decoration );line-height:var( --e-global-typography-9f2531f-line-height );letter-spacing:var( --e-global-typography-9f2531f-letter-spacing );color:var( --e-global-color-cde6461 );}.elementor-542 .elementor-element.elementor-element-1439fdd .elementor-button{background-color:var( --e-global-color-9f35e6a );fill:var( --e-global-color-cde6461 );color:var( --e-global-color-cde6461 );border-style:solid;border-color:var( --e-global-color-cde6461 );}.elementor-542 .elementor-element.elementor-element-1439fdd .elementor-button:hover, .elementor-542 .elementor-element.elementor-element-1439fdd .elementor-button:focus{background-color:var( --e-global-color-cde6461 );color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-1439fdd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1439fdd .elementor-button:hover svg, .elementor-542 .elementor-element.elementor-element-1439fdd .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-a7a9c82{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-542 .elementor-element.elementor-element-1b2e5f5 > .elementor-widget-container{--e-transform-translateX:28px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-4a910d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-542 .elementor-element.elementor-element-c1b1029{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-542 .elementor-element.elementor-element-1a3b100{--min-height:400px;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:150px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-5a4ae3f{font-size:var( --e-global-typography-9f2531f-font-size );line-height:var( --e-global-typography-9f2531f-line-height );letter-spacing:var( --e-global-typography-9f2531f-letter-spacing );}.elementor-542 .elementor-element.elementor-element-1439fdd > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1b2e5f5 > .elementor-widget-container{--e-transform-translateX:0px;}}@media(max-width:767px){.elementor-542 .elementor-element.elementor-element-1a3b100{--min-height:400px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:87px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-542 .elementor-element.elementor-element-2e952e8{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:29%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-542 .elementor-element.elementor-element-8e79217{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;text-align:center;}.elementor-542 .elementor-element.elementor-element-5a4ae3f{font-size:var( --e-global-typography-9f2531f-font-size );line-height:var( --e-global-typography-9f2531f-line-height );letter-spacing:var( --e-global-typography-9f2531f-letter-spacing );}.elementor-542 .elementor-element.elementor-element-a7a9c82{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-542 .elementor-element.elementor-element-1b2e5f5 > .elementor-widget-container{--e-transform-translateX:0px;}}@media(min-width:768px){.elementor-542 .elementor-element.elementor-element-2e952e8{--width:calc(100% - 120px);}.elementor-542 .elementor-element.elementor-element-a7a9c82{--width:120px;}}@media(max-width:1024px) and (min-width:768px){.elementor-542 .elementor-element.elementor-element-2e952e8{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-1b2e5f5 */.elementor-542 .elementor-element.elementor-element-1b2e5f5 {
    height: 0;
}/* End custom CSS */
/* Start custom CSS *//* ------------------------------------------------------------ */
/* 1. Main container set as a flex container with wrapping      */
/* ------------------------------------------------------------ */
.mphb_sc_search_results-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;  /* simulates a 20px gap between items (10px padding on each child) */
}

/* ------------------------------------------------------------ */
/* 2. Non-room-type elements (form, info, title) should be full width */
/*    on both desktop and mobile                                */
/* ------------------------------------------------------------ */
.mphb_sc_search_results-wrapper > form,
.mphb_sc_search_results-wrapper > .mphb-sc-search-results-info,
.mphb_sc_search_results-wrapper > .mphb-recommendation-title {
  flex: 1 1 100%;
  box-sizing: border-box;
}

/* ------------------------------------------------------------ */
/* 3. Each .mphb-room-type takes up 50% width on desktop (2 columns) */
/* ------------------------------------------------------------ */
.mphb_sc_search_results-wrapper > .mphb-room-type {
  flex: 1 1 calc(50% - 20px); /* 50% minus the simulated gap */
  box-sizing: border-box;
  padding: 10px;              /* inner spacing to simulate column separation */
}

/* ------------------------------------------------------------ */
/* 4. Media query: on screens smaller than 768px, each .mphb-room-type */
/*    takes up 100% width (1 column layout)                    */
/* ------------------------------------------------------------ */
@media (max-width: 768px) {
  .mphb_sc_search_results-wrapper > .mphb-room-type {
    flex: 1 1 100%;
    padding: 10px;  /* you can reduce this to 5px if you prefer tighter spacing */
  }

  /* If you want to reduce the overall gap on mobile, adjust container margin: */
  /*
  .mphb_sc_search_results-wrapper {
    margin: -5px;
  }
  .mphb_sc_search_results-wrapper > .mphb-room-type {
    padding: 5px;
  }
  */
}


.mphb_sc_search_results-wrapper{
    margin: 8% 0;
}


.mphb_sc_search_results-wrapper > .mphb-room-type:first-of-type .mphb-loop-room-thumbnail img {
  margin-top:4rem;
}


/* 1. Defino una transición suave para la imagen dentro de .mphb-loop-room-thumbnail */
.mphb-loop-room-thumbnail img {
  transition: transform 0.3s ease;
  /* Opcional: para que no se vea recortada si el contenedor tiene overflow oculto */
  display: block;
}

/* 2. Al hacer hover sobre el contenedor, aumento ligeramente el tamaño de la imagen */
.mphb-loop-room-thumbnail:hover img {
  transform: scale(1.05);
}



/* ----------------------------------------------- */
/* Force “View Details” and “Book” to be side by side */
/* ----------------------------------------------- */

/* 1) Turn each wrapper into inline-block so they can share the same line */
.mphb-room-type .mphb-view-details-button-wrapper,
.mphb-room-type .mphb-reserve-room-section {
  display: inline-block;
  vertical-align: middle;
  margin: 0;                /* reset any default <p> margins */
  padding: 0;               /* we’ll let the inner elements set their own padding */
}

/* 2) Add a small right margin to “View Details” so it isn’t flush against the button */
.mphb-room-type .mphb-view-details-button-wrapper {
  margin-right: 10px;
}

/* 3) (Optional) If the “.mphb-reserve-room-section” also contains a Confirm button,
   you can force only the “Book” button (or whichever) to show in line.
   For example, if you only want the “Book” button next to “View Details”,
   and hide the confirm button until clicked, you could do: */
.mphb-room-type .mphb-reserve-room-section .mphb-confirm-reservation {
  display: none;
}

/* 4) Make sure the inner <a> and <button> don’t introduce extra line breaks */
.mphb-view-details-button-wrapper a,
.mphb-reserve-room-section .button {
  display: inline-block;
  vertical-align: middle;
}

/* 5) (Optional) If you see any extra top-or-bottom whitespace,
   you can zero out margins on the <p> tag itself—some themes add default margins. */
.mphb-room-type .mphb-view-details-button-wrapper p,
.mphb-room-type .mphb-view-details-button-wrapper {
  margin: 0;
}

/* 6) (Optional) Tweak spacing (padding/border) to match your design */
.mphb-view-details-button-wrapper a.button {
  /* e.g. change color, font-size, etc. */
}
.mphb-reserve-room-section .mphb-book-button {
  /* e.g. adjust padding to match “View Details” link */
}



.button.mphb-button.mphb-book-button{
    margin-left: 20px;
}



/*Add space bellow Price Starts at*/

.mphb-regular-price{
    margin-bottom: 2rem!important;
}


/*Adding space above 'Reserve button' */
.button.mphb-button.mphb-recommendation-reserve-button{
    
    margin-top: 3rem!important;
}


.mphb-recommendation-title{
    margin-top: 2rem;
}


.mphb-room-type-details-title{
    margin-top: 2rem;
}/* End custom CSS */