/* Increase size of "Book Now" button and make it rounded */
.wrapper .inner .data_wrap div.buttons_wrap #main_buttons_book_btn {
    background-color: #35bd9d !important;
    border-radius: 8px;
    padding: 25px !important;
    width: 50% !important;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 1em;
}

/* Make text on home page always black */
.wrapper .inner #main_description .description_only h2, .wrapper .inner #main_description .description_only h3, .wrapper .inner #main_description .description_only h4, .wrapper .inner #main_description .description_only h5, .wrapper .inner #main_description .description_only h6{
   color: #000 !important;
}

/* Move video and the text above it to the center on Home Page */
.wrapper .inner #main_description .description_only h6, .wrapper .inner #main_description .description_only p iframe{
   display: block;
   margin: auto;
   text-align: center;
}

/* Center-align text in "Book Now" button on Home Page */
.wrapper .inner .data_wrap div.buttons_wrap {
     text-align: center;
}

/* Download font for Pepe's Palace logo on Home Page */
@font-face {
  font-family: 'Chewy';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/chewy/v12/uK_94ruUb-k-wn52KjI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Pepe's Palace logo on Home Page */
.wrapper .inner .company-logo-and-name #main_description h2.title-main.company-logo-and-name{
     text-shadow: -4px -4px black;
     color: white !important;
     font-size: 74px !important;
     font-family: Chewy;
     letter-spacing: 5px;
     line-height: 1em;
}

/* Make 'Select' button green with white text on Single bookings */
#sb_content div.btn-bar div.btn.select.custom a, #membership-view .membership-item div.active-container, #membership-view .membership-item div.active-container a{
    color: white !important;
    background-color: #cadb88 !important;
}

/* Make background for "Select" button black on hover */
#sb_content div.btn-bar div.btn.select.custom a:hover, #membership-view .membership-item div.active-container:hover, #membership-view .membership-item div.active-container a:hover{
    background-color: #000 !important;
}

/* make "Start for.." button on Membership page have white text with green background */
 #membership-view .membership-item div.active-container a span{
    color: inherit !important;
    background-color: inherit !important;
}

/*make active tab black in color for purchased bookings/plans */
#sb_content div.tabs-container div.tab-link.active a{
   background-color: #000 !important;
}

/*To ensure buttons show up on "Cancel Recurring" membership page */
#sb_main #sb_dialog .modal-dialog.membership-dialog .modal-content .modal-footer .btn.btn-primary{
   color: inherit;
}