/* =========================================================
   PARADISE ESCAPE
   BOOK PAGE OUTER LAYOUT
   MAIN SITE CSS
========================================================= */


/* =========================================================
   01. BOOK PAGE CANVAS + CONTENT WIDTH
========================================================= */

html.multibook,
html.multibook body{
  background:#111210 !important;
  color:#F4F0E7 !important;
}

html.multibook #content.container{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:96px 28px 72px !important;
  background:#111210 !important;
  background-color:#111210 !important;
  color:#F4F0E7 !important;
  overflow-x:hidden !important;
}

html.multibook #content .body-content{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#111210 !important;
  background-color:#111210 !important;
  color:#F4F0E7 !important;
}

html.multibook #content .row,
html.multibook #content [class*="col-"]{
  background-color:transparent !important;
}


/* =========================================================
   02. PAGE TITLE AREA
    ========================================================= */
    
    html.multibook #content .body-content > .row:first-child {
      margin: 0 0 28px !important;
    }
    
    html.multibook #content .page-header {
      margin: 0 0 7px !important;
    
      padding: 0 !important;
    
      color: #F4F0E7 !important;
    
      font-family:
        "Marcellus",
        Georgia,
        serif !important;
    
      font-size: 48px !important;
      line-height: 1.02 !important;
      font-weight: 400 !important;
    
      border: 0 !important;
    }
    
    html.multibook #content p.lead {
      margin: 0 0 28px !important;
    
      color: #B9B4AA !important;
    
      font-family:
        "Alone Kaium",
        Arial,
        sans-serif !important;
    
      font-size: 17px !important;
      line-height: 1.5 !important;
      font-weight: 400 !important;
    }
    
    
    /* =========================================================
       03. OUTER OWNERREZ WIDGET CARD
    ========================================================= */
    
    html.multibook #content .ownerrez-widget {
      width: 100% !important;
    
      margin:
        0
        0
        72px !important;
    
      padding: 14px !important;
    
      background: #171815 !important;
    
      border:
        1px solid rgba(183,154,98,.24) !important;
    
      border-radius: 18px !important;
    
      overflow: hidden !important;
    
      box-shadow: none !important;
    }
    
    
    /* =========================================================
       04. IFRAME
    ========================================================= */
    
    html.multibook #content .ownerrez-widget iframe {
      display: block !important;
    
      width: 100% !important;
    
      margin: 0 !important;
    
      border: 0 !important;
    
      border-radius: 14px !important;
    }
    
    
    /* =========================================================
       05. REAL SPACE BEFORE FOOTER
    ========================================================= */
    
    html.multibook #content .body-content {
      padding-bottom: 0 !important;
    }
    
    html.multibook footer,
    html.multibook .pe-footer-luxe {
      margin-top: 0 !important;
    }
    
    
    /* =========================================================
       06. TABLET
    ========================================================= */
    
    @media (max-width: 991px) {
    
      html.multibook #content.container {
        padding:88px 22px 64px !important;
      }
    
      html.multibook #content .ownerrez-widget {
        margin-bottom: 56px !important;
    
        padding: 10px !important;
      }
    
    }
    
    
    /* =========================================================
       07. MOBILE
    ========================================================= */
    
    @media (max-width: 767px) {
    
      html.multibook #content.container {
        padding:86px 16px 50px !important;
      }
    
      html.multibook #content .body-content > .row:first-child {
        margin-bottom: 20px !important;
      }
    
      html.multibook #content .page-header {
        font-size: 36px !important;
        line-height: 1.05 !important;
      }
    
      html.multibook #content p.lead {
        margin-bottom:20px !important;
        font-size:15px !important;
      }
    
      html.multibook #content .ownerrez-widget {
        margin-bottom: 44px !important;
    
        padding: 7px !important;
    
        border-radius: 16px !important;
      }
    
    }