/*
Theme Name: Thecappa Child Theme
Theme URI: https://shtheme.com/demosd/thecappa
Description: This is child theme of thecappa
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.1
Text Domain: thecappa-child
Template: thecappa
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/




.comment-form-cookies-consent {
  display: none;
}

.post .author a[rel="author"] {
  text-transform: capitalize;
}

.post-comment-section h3.comments-title, .post-comment-section .comment-respond h3.comment-reply-title {
  text-transform: capitalize;
  font-size: 24px;
  margin-bottom: 20px;
}

p.logged-in-as {
  margin-left: 15px;
}

.comment-respond form input.butn-dark {
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  background: #ab8a62;
  color: #fff;
  margin: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 3px;
  margin-left: 15px;
  cursor: pointer;
}

.comment-respond form input.butn-dark:hover {
  background: #222;
}

.post-user-content h3.author-name {
  text-transform: capitalize;
}

.news2-sidebar .widget_search {
  width: 100%;
}

.news2-sidebar .widget_categories, .news2-sidebar .widget_tag_cloud {
  background: #f8f5f0;
  padding: 30px;
  margin: 0 15px;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}

.news2-sidebar h6.widget-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee3d0;
  font-size: 24px;
  line-height: 1.75em;
  margin-bottom: 15px;
  color: #222;
}

.widget_categories ul li {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.widget_categories ul li:hover a {
  color: #aa8453;
}

.widget_categories ul li a:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    margin-right: 10px;
}

.widget_categories ul li:hover a:before {
  color: #aa8453;
}

.widget_tag_cloud ul li {
    margin: 3px !important;
    padding: 6px 16px;
    color: #666 !important;
    float: left;
    background-color: #fff;
}

.widget_tag_cloud ul li:hover {
    color: #fff;
    background-color: #aa8453;
}

.widget_tag_cloud ul li a {
    font-size: 14px!important;
    color: #666;
}

.widget_tag_cloud ul li:hover a {
    color: #fff;
}

.post-cont .info, .post-cont .info a {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 3px;
  color: #aa8453;
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
}

.post-cont .info {
  margin-bottom: 5px;
}

.news-pagination-wrap li span {
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  color: #666;
  font-weight: 400;
  border: 1px solid rgba(102,102,102,0.1);
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid #aa8453;
  color: #aa8453;
}

.search-custom form {
    width: 70%;
}

.search-custom form input {
  max-width: 100%;
  margin-bottom: 15px;
  border: none;
  padding: 7px 15px;
  height: auto;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  width: 100%;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75em;
  color: #1b1b1b;
  background-image: none;
  border: 1px solid #ececec;
}

.search-custom form button[type="submit"] {
    position: absolute;
    right: 31%;
    top: 0;
    background-color: transparent;
    color: #000;
    border: 0;
    padding: 10px;
    cursor: pointer;
}

.search-custom h4 {
    padding-left: 15px;
    line-height: 32px;
}

.rooms-page div.gallery-size-full {
  display: none;
}

.booking-inner form p {
  display: block;
  margin: 0px;
}


.select1_wrapper .select1_inner {
  background: #fff;
}

.booking-inner .select1_wrapper .select1_inner .select2 {
  margin-bottom: 0px;
  max-height: 63px;
}

.booking-inner .select-adults .select2-selection__rendered {
  width: 113px;
  padding-right: 25px!important;
  padding-bottom: 17px!important;
}

.booking-inner .select-child .select2-selection__rendered {
  width: 133px;
  padding-right: 25px!important;
  padding-bottom: 17px!important;
}

.booking-inner .select-room .select2-selection__rendered {
  width: 115px;
  padding-right: 25px!important;
  padding-bottom: 17px!important;
}

.page-template-dark-sidebar .booking-inner .select-adults .select2-selection__rendered {
  width: 113px;
}

.page-template-dark-sidebar .booking-inner .select-child .select2-selection__rendered {
  width: 133px;
}

.booking-inner form input[type="submit"] {
  display: block;
  padding: 0;
  border: none;
  margin: 0;
  width: 100%;
  background: #aa8453;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  text-decoration: none;
  line-height: 62.5px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.booking-inner form option {
  width: 154px;
}

.booking-inner form input[type="submit"]:hover {
  background: #222;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
  width: 155px!important;
}

.testimonials .booking-box .booking-inner form p {
  display: block;
  margin: 0px;
}

.testimonials .booking-box .booking-inner .select2 {
  margin-bottom: 0px;
}

.testimonials .booking-box .booking-inner .select-adults .select2-selection__rendered {
  width: 104px;
  padding-right: 25px!important;
  padding-bottom: 18px!important;
}

.testimonials .booking-box .booking-inner .select-child .select2-selection__rendered {
  width: 117px;
  padding-right: 25px!important;
  padding-bottom: 18px!important;
}

.page-template-dark-sidebar .testimonials .booking-box .booking-inner .select-adults .select2-selection__rendered,
.page-template-dark-sidebar-2 .testimonials .booking-box .booking-inner .select-adults .select2-selection__rendered {
  width: 102px;
}

.page-template-dark-sidebar .testimonials .booking-box .booking-inner .select-child .select2-selection__rendered,
.page-template-dark-sidebar-2 .testimonials .booking-box .booking-inner .select-child .select2-selection__rendered {
  width: 115px;
}

.testimonials .booking-box .booking-inner form input[type="submit"] {
  display: block;
    padding: 0;
    border: none;
    margin: 0;
    width: 100%;
    background: #aa8453;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    text-decoration: none;
    line-height: 62.5px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 25px!important;
}

.testimonials .booking-box .booking-inner form input[type="submit"]:hover {
  background: #222;
}

/* Testimonial text - override parent theme white text for light background */
.testimonials .item p {
  color: #333 !important;
}
.testimonials .item .info h6 {
  color: #333 !important;
}
.testimonials .item .info span {
  color: #666 !important;
}
.testimonials-box .head-box h6 {
  color: #333 !important;
}
.testimonials-box .head-box h4 {
  color: #333 !important;
}
.testimonials h5 {
  color: #333 !important;
}

.comming form span.your-email {
  width: 100%;
}

.comming form input[type="submit"] {
    background-color: #aa8453;
    padding: 6px 20px;
    border-radius: 0px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    outline: none;
    left: auto;
    width: auto;
}


.logged-in .nav-scroll {
  top: -68px;
}

section.contact form p {
  display: block;
}

section.contact form textarea {
  height: 120px;
}

section.contact form span.your-message {
  width: 100%;
}

.footer-bottom-copy-right {
  font-size: 15px;
}

@media (max-width: 768px) {
  .logged-in nav.navbar {
    top: 47px;
  }
  
  .logged-in nav.navbar.nav-scroll {
    top: -68px;
  }
}

@media (max-width: 600px) {
  .logged-in nav.navbar.nav-scroll {
    top: -100px;
  }
}

@media (min-width: 1921px) {
  .booking-inner .select-adults .select2-selection__rendered {
      padding-bottom: 17px!important;
  }
  
  .booking-inner .select-child .select2-selection__rendered {
    padding-bottom: 17px!important;
  }

  .booking-inner .select-room .select2-selection__rendered {
    padding-bottom: 17px!important;
  }
}

.booking-wrapper .booking-inner form div.wpcf7-mail-sent-ng {
  color: #fff;
}



.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .rooms2 figure {
  margin-left: auto;
}

.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) .rooms2.left figure {
  margin-left: 0;
  margin-right: auto;
}

.facilities-col-2 ul li {
  display: inline-block;
  width: 49%;
}

.facilities-col-3 ul li {
  display: inline-block;
  width: 32%;
}

.elementor hr.border-2 {
  margin-top: 5px;
  margin-bottom: 20px;
}

.dialog-lightbox-widget.elementor-lightbox {
  display: none!important;
}


.rooms-page .video-wrapper.video {
  margin-top: 80px;
}

.booking-sidebar {
  width: 100%!important;
}

.page-template-dark-sidebar .select1_wrapper .select1_inner,
.page-template-dark-sidebar-2 .select1_wrapper .select1_inner {
  background: #222;
}

.bg-black .news2-sidebar .widget_categories,
.bg-black .news2-sidebar .widget_tag_cloud {
  background: #222;
}

.bg-black .news2-sidebar .widget_categories h6,
.bg-black .news2-sidebar .widget_tag_cloud h6 {
  color: #fff;
}

.bg-black .widget_tag_cloud ul li {
  background-color: transparent;
  border: 1px solid #333;
}

.bg-black .widget_tag_cloud ul li:hover {
  background-color: #aa8453;
}

.bg-black .widget_tag_cloud ul li a {
  color: rgba(255,255,255,0.5) !important;
}

.bg-black .widget_tag_cloud ul li:hover a {
  color: #fff!important;
}

.bg-black .comment-respond form input.butn-dark:hover {
  background: #3b3b3b;
}

.bg-black .news2-sidebar h6.widget-title {
  border-bottom: 1px solid #2b2b2b;
}

blockquote cite {
  display: block;
}

.video-fullscreen-video {
  z-index: 0;
}

.video-fullscreen-wrap .overlay {
  background-image: inherit;
  opacity: 1;
}

.rooms2.section-padding.bg-cream {
  margin-bottom: 0px;
}

aside.kenburns-section + .booking-wrapper {
  width: 100%!important;
}

.cappa-header .cappa-logo1 {
    line-height: 0;
    padding: 0;
    color: #fff;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

.cappa-header .cappa-logo1 img {
    width: 160px;
}


p.woocommerce-result-count {
  margin-right: auto;
}

.shop-page .row.masonry {
  width: 100%
}


.product-single .product-cat {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    color: #747691;
}

.product-single .product-cat:hover {
    color: #aa8453;
}

.product-single div.images {
    padding-right: 60px;
    padding-left: 15px;
}

.product-single .dlab-post-title  h3 {
    font-size: 35px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.product-single del {
    font-weight: 300;
    font-size: 32px;
    margin-right: 25px;
    color: #747691;
    text-decoration: line-through;
}

.product-single ins {
    color: #aa8453;
    font-weight: 300;
    font-size: 32px;
    margin-right: 25px;
    text-decoration: none;
}


.product-single .product-desc {
    padding: 30px 0;
    border-top: 1px solid #ffe7e5;
    width: 52%;
    float: right;
}

.product-single .product-price { 
    margin-bottom: 30px;
}

.product-single div.quantity {
    height: 50px;
    width: 160px;
    border: 0;
    text-align: center;
    -moz-appearance: none;
    appearance: none;
    background: #fff1f0;
    border-radius: 30px;
    font-weight: 500;
    color: #747691;
    font-size: 16px;
}

.product-single div.quantity input {
    height: 50px;
    width: 160px;
    border: 0;
    text-align: center;
    -moz-appearance: none;
    appearance: none;
    background: #fff1f0;
    border-radius: 30px;
    font-weight: 500;
    color: #747691;
    font-size: 16px;
}

.product-single button.single_add_to_cart_button {
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
    padding: 20px 42px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #aa8453!important;
    color: #fff;
    margin-top: 100px;
    margin-left: -162px;
}

.product-single button.single_add_to_cart_button:hover {
    background-color: #222!important;
    color: #fff;
}

.product-review ul.review-tab li {
    margin-right: 30px;
    position: relative;
    margin-bottom: 50px;
}

.product-review ul.review-tab li a {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 40px;
    color: #747691;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1;
    border: 2px solid #6f7172b0;
}

.product-review ul.review-tab li a.active {
    background: #aa8453;
    border-color: #aa8453;
    color: #fff;
}

.product-panel .tab-content div h2 {
    display: none;
}

.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 80px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border: none;
    padding: inherit;
    padding-left: 50px;
}

.woocommerce-Reviews .comment-text p.meta strong {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    color: #10111e;
    text-transform: capitalize;
}

.woocommerce-Reviews .comment-text p.meta time {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    color: #10111e;
    text-transform: capitalize;
}

.woocommerce-Reviews .comment-respond h3.comment-reply-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px!important;
}
.woocommerce p.stars a:hover,
.woocommerce p.stars a
 {
    color: #aa8453;
}

.woocommerce-Reviews .comment-form-rating p.stars {
    width: 80%;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 10px;
}

.woocommerce-Reviews .table-bordered {
    display: none;
}

.woocommerce #review_form #respond textarea {
    border: 2px solid #ecedff;
}

.woocommerce #respond input#submit {
    background: #aa8453;
    color: #fff;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
    padding: 17px 40px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
  font-family: 'Barlow', sans-serif;
}
    
.woocommerce #respond input#submit:hover {
    background: #222;
    color: #fff;
}

span.onsale {
    border-radius: 0px!important;
    padding: 0px 20px!important;
    top: 20px!important;
    left: 20px!important;
    background-color: #aa8453!important;
    font-weight: 400!important;
}

.product-img div.sale span.site-button {
    border-radius: 0px!important;
    padding: 5px 20px!important;
    color: #fff;
    background-color: #aa8453!important;
    position: absolute;
}

.shop-area .product-showing {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .shop-area .product-showing {
        display: none;
    }
}


.product-showing p {
    border: 2px solid #6f7172b0;
}

.pro-price .price del span {
    color: #747691;
    text-decoration: line-through;
    margin-right: 0px;
}

.pro-price del span {
    color: #747691;
}

.pro-price .price ins {
    text-decoration: none;
}

.pro-price .price ins span {
    margin-right: 0px;
}

.pro-price .price del span.woocommerce-Price-amount {
    margin-right: 20px;
}

.shop-add-to-cart a {
    border-radius: 0px!important;
    color: #fff!important;
    background-color: #aa8453!important;
    margin-top: 15px!important;
    font-weight: 500!important;
}

.shop-add-to-cart a:hover {
    color: #fff!important;
    background-color: #222!important;
}

.archive .product-img .product-action > a:nth-child(1),
.single-product .product-area .product-action > a:nth-child(1) {
    display: none;
}

.woocommerce-pagination ul.page-numbers,
.woocommerce-pagination ul.page-numbers li {
    border: none!important;
}

.woocommerce-pagination .page-numbers li a {
    background: transparent;
    color: #9990b8;
    border: 2px solid #eaebec;
    height: 60px;
    width: 60px;
    padding-bottom: 0px;
    line-height: 40px!important;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px!important;
}

.woocommerce-pagination .page-numbers li a:hover {
    background: #aa8453!important;
    color: #ffffff!important;
  border: 2px solid #aa8453;
}

.woocommerce-pagination .page-numbers li span.current {
    background: #aa8453!important;
    color: #ffffff!important;
    border: 2px solid #aa8453;
    height: 60px;
    width: 60px;
    padding-bottom: 0px;
    line-height: 40px!important;
    border-radius: 50%;
    text-align: center;
    margin-right: 5px!important;
}

.woocommerce .shop-add-to-cart a.added_to_cart {
    padding: 5px 10px;
    margin-left: 10px;
}

.cart-area .table-content .table thead th {
    font-size: 14px;
}

.product-quantity .quantity input {
    background: #f5f5f5;
    border-radius: 30px;
    text-align: center;
    height: 50px;
    width: 160px!important;
    color: #6f7172;
    font-size: 14px;
    font-weight: normal;
    border: 0;
}

.woocommerce a.remove {
    font-size: 32px;
    color: #aa8453!important;
    width: inherit!important;
  margin-bottom: 5px;
}

.woocommerce a.remove:hover {
    color: inherit!important;
    background: inherit!important;
}

.coupon input[type="submit"] {
    float: none;
    background: #222;
    height: inherit;
    border: 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 4px;
    padding: 22px 50px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Barlow', sans-serif;
}

.coupon input[type="submit"]:hover {
    background: #aa8453;
    color: #fff;
}

input.update-cart, button#place_order,
.woocommerce-form-login button.woocommerce-form-login__submit {
    float: right;
    background: #aa8453;
    height: inherit;
    border: 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 0;
    padding: 22px 50px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Barlow', sans-serif;
}

button#place_order,
.woocommerce-form-login button.woocommerce-form-login__submit  {
    width: 100%;
}

input.update-cart:hover, button#place_order:hover,
.woocommerce-form-login button.woocommerce-form-login__submit:hover {
    background: #222;
    color: #fff;
}

.cart-page-total .cart_totals h2 {
    font-size: 25px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,
.order-total td strong span {
    font-weight: 400;
}


.wc-proceed-to-checkout a {
  background-color: #aa8453!important;
  font-size: 13px!important;
  padding: 22px 50px!important;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 70%!important;
  border-radius: 0px!important;
  font-weight: 400!important;
}

.wc-proceed-to-checkout a:hover {
    background-color: #222!important;
}

.woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="tel"] {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 0 0 0 10px;
    width: 100%;
}

.woocommerce-checkout .select2-chosen {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 10px 0 0 10px;
    width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}


.select2-container .select2-choice,
.select2-drop-active, .select2-dropdown-open.select2-drop-above .select2-choice,
 .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #eaedff;
    padding: inherit;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: none;
}

.order-notes .woocommerce-shipping-fields {
    margin-top: 30px;
}

.woocommerce-product-rating {
    display: inline-block!important; 
}

.product-single .product_meta {
    display: none;
}

.woocommerce-product-rating div.star-rating {
    color: #aa8453;
}

h1.product_title {
    margin-top: 20px!important;
    margin-bottom: 15px;
}

div.woocommerce-product-details__short-description {
    width: 52%;
    float: right;
    padding: 30px 0;
    border-top: 1px solid #ffe7e5;
}

.row.mt-50 .product-area {
    width: 100%; 
    padding-top: 100px;
}

.product-area .products > div.product-item {
    display: inline-block;
    width: 33%;
}

.product-area .products > div.product-item:nth-child(4) {
    display: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    padding-top: 30px;
    padding-left: 20px;
    width: 32%;
}

.shop-area .products > div.product-item {
    display: inline-block;
    width: 33%;
}

@media (max-width: 991px) {
    .shop-area .products > div.product-item {
    display: inline-block;
    width: 49.5%;
}
}

.product-content .product-meta .pro-price .star-rating {
    display: none;
}

.woocommerce-billing-fields label,
.woocommerce-additional-fields p#order_comments_field label {
    width: 100%;
    margin-left: 0px;
}

.woocommerce-input-wrapper {
    width: 100%;
}

p#billing_postcode_field, p#billing_phone_field {
    width: 45%;
    margin-right: 29px;
    display: inline-block;
}

.woocommerce-info, .woocommerce-error, .woocommerce-message {
    border-top-color: #aa8453;
  max-width: 1140px;
    margin: auto!important;
  margin-bottom: 2em!important;
}

.woocommerce-info::before, .woocommerce-error::before, .woocommerce-message::before {
    color: #aa8453;
}

textarea#order_comments {
    height: 100px;
}

.woocommerce-account .coupon-area nav.woocommerce-MyAccount-navigation {
    float: left;
    width: 15%;
    left: 50px;
    position: relative;
    background-color: #aa8453;
}

.woocommerce-account .coupon-area div.woocommerce {
    max-width: 1100px;
    width: 1100px;
    left: 50px;
    position: relative;
}

.woocommerce-account .coupon-area nav.woocommerce-MyAccount-navigation ul li {
    padding: 15px;
    border: 1px solid #ddd;
    text-align: left!important;
    padding-left: 20px;
}

.woocommerce-account .coupon-area nav.woocommerce-MyAccount-navigation ul li a { 
    color: #fff;
    font-weight: 600;
}

.woocommerce-MyAccount-content p {
    font-size: 16px;
}

.woocommerce-MyAccount-content p strong,
.woocommerce-MyAccount-content p a {
    color: #aa8453;
}

.woocommerce-MyAccount-content .woocommerce-info a {
    background-color: #aa8453;
    color: #fff;
    font-weight: 500;
}

.woocommerce-MyAccount-content .woocommerce-info a:hover {
    background-color: #222;
    color: #fff;
}

.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2 {
    max-width: 100%;
    margin-top: 30px;
    padding-left: 0px;
    float: none;
}

.woocommerce-Addresses .woocommerce-Address-title h3{
    font-weight: 600;
}

.woocommerce-Addresses .woocommerce-Address-title a {
    color: #aa8453;
}

.woocommerce-Addresses address {
    margin-top: 10px;
    margin-bottom: 50px;
}

.woocommerce-EditAccountForm label {
    margin-top: 0px;
    margin-left: 0px;
    color: #212529;
}

.woocommerce-account input[type="text"], 
.woocommerce-account input[type="password"],
.woocommerce-account input[type="email"], 
.woocommerce-account input[type="tel"] {
    background: #ffffff;
    border: 2px solid #eaedff;
    border-radius: 0;
    height: 40px;
    padding: 0 0 0 10px;
    width: 100%;
    margin-bottom: 10px!important;
    margin-top: 5px!important;
}

.woocommerce-account .select2-chosen {
    background: #ffffff;
    border: 1px solid #eaedff;
    border-radius: 0;
    height: 45px;
    padding: 10px 0 0 10px;
    width: 100%;
}

.woocommerce-account fieldset legend {
    padding-top: 30px;
    color: #212529;
    font-size: 28px;
    font-weight: 500px;
}

.woocommerce-account .edit-account p.form-row-wide span {
    margin: 15px 0;
}

.woocommerce-account .woocommerce-MyAccount-content p .woocommerce-Button {
    background-color: #aa8453;
    color: #fff;
    padding: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content p button.woocommerce-Button:hover {
    background-color: #222;
    color: #fff
}

.basic-login .woocommerce-form-login {
    border: none!important;
}

.basic-login h3 {
    text-align: center;
}

.basic-login .woocommerce-form-login label {
    margin-left: 0px;
}


.woocommerce-account .basic-login input[type="text"], 
.woocommerce-account .basic-login input[type="password"] {
    background: #ffffff;
    border-radius: 0;
    height: 60px;
    padding: 0 0 0 10px;
    width: 100%;
    margin-bottom: 10px!important;
    margin-top: 5px!important;
}

.or-divide {
    margin-top: 110px;
}

.woocommerce-form-login .theme-btn a {
    color: #fff;
}

.basic-login label span {
    color: #222;
    margin-left: 5px;
}

.login-action input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.basic-login {
    padding: 70px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #eaedff;
}

.basic-login form .form-row {
    padding: 0px;
}

.basic-reset {
    padding: 90px;
    border: 2px solid #eaedff;
}

.basic-reset h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

.lost_reset_password p {
    width: 100%!important;
}

.lost_reset_password p label, 
.lost_reset_password p input {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.lost_reset_password .form-row button[type="submit"] {
    width: 100%;
    padding: 22px 50px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    background: #aa8453;
}

.lost_reset_password .form-row button[type="submit"]:hover {
    background: #222;
}

.lost_reset_password .form-row input[name="user_login"] {
    margin-bottom: 30px!important;
    height: 50px;
}

.lost_reset_password p:nth-child(1) {
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    font-size: 15px;
}

.lost_reset_password .form-row label {
    font-size: 18px;
    font-weight: 500;
}

p.cart-empty {
    text-align: center;
    font-size: 22px;
    color: #222;
    margin-top: 60px;
    margin-bottom: 40px;
}

p.return-to-shop {
    text-align: center;
  margin-bottom: 75px;
}

p.return-to-shop a {
    padding: 15px 25px!important;
    color: #fff!important;
    background-color: #aa8453!important;
  border-radius: 0px!important;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 400!important;
    letter-spacing: 3px;
}

p.return-to-shop a:hover {
  background-color: #222!important;
}

.product-area .product-tab-content .product-wrapper .product-img img {
    width: inherit!important;
}

.product-area .product-tab-content .product-wrapper.col-md-3 {
    display: inline-block;
    width: 24.5%;
}

.product-area .product-wrapper.col-md-4 {
    display: inline-block;
    width: 33%;
}


.pro-price span {
    margin-right: 0px;
    color: #10111e;
}


.product-meta .pro-price del {
    margin-right: 25px;
}


.product-meta .pro-price ins {
    text-decoration-line: none;
    
}

.product-meta .pro-price ins span {
    color: #10111e;
}


.subscribe-form form input.wpcf7-submit {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #aa8453;
    color: #fff;
    width: inherit;
}

.subscribe-form form input.wpcf7-submit:hover {
    background: #222;
    color: #fff;
}

@media (min-width: 1500px) {
    .subscribe-area .subscribe-inner {
        padding-left: 50px;
        padding-right: 50px;
    }
    .upcoming-product-area {
        background-position: 35% 0px;
    }
    .page-id-397 .latest-blog-area.box-90 .container-fluid {
        max-width: 1200px;
    }
    .page-id-397 .subscribe-area.box-105 .subscribe-inner { 
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
}

.single-seatures span {
    font-size: 14px;
}

.upcoming-product-area {
    background-size: cover;
}

.page-id-373 .banner-area.pt-30 {
    padding-top: 100px;
}

.slider-active-5 .single-slider div.shape-title-5 {
    z-index: 0;
}

.slider-active-5 .single-slider > div.row {
    width: 100%;
}



@media (max-width: 1500px) and (min-width: 1200px) {
    .page-id-397 .latest-blog-area.box-90 {
        padding-left: 75px;
        padding-right: 75px;
    }
    .page-id-397 .subscribe-area.box-105 {
        padding-left: 90px;
        padding-right: 90px;
    }
}

.shop-search button {
    top: 52px;
}

.shop-widget.widget_product_categories h3, 
.shop-widget.widget_product_tag_cloud h3,
.shop-widget.widget_products h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.shop-widget.widget_product_categories ul.product-categories li {
    margin-bottom: 15px;
}

.shop-widget.widget_product_categories ul.product-categories li a {
    color: #10111e;
    font-size: 15px;
}

.shop-widget.widget_product_tag_cloud .tagcloud a {
    border: 1px solid #6f7172b0;
    padding: 5px 15px;
    display: inline-block;
    color: #10111e!important;
    font-size: 14px!important;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 6px;
}

.shop-widget.widget_product_tag_cloud .tagcloud a:hover {
    background: #aa8453;
    color: #fff!important;
    border-color: #aa8453;
}

.shop-widget.widget_products ul li {
    overflow: hidden;
    margin-bottom: 20px;
}

.shop-widget.widget_products ul li a {
    margin-bottom: 10px;
}

.shop-widget.widget_products ul li a img {
    float: left;
    width: 70px;
    margin-right: 14px;
}

.shop-widget.widget_products ul li a span {
    font-size: 14px;
    margin-bottom: 7px;
}

.shop-widget.widget_products ul li del {
    color: #747691;
    margin-right: 25px;
    margin-top: 10px;
}

.shop-widget.widget_products ul li del span {
    color: #747691;
}

.shop-widget.widget_products ul li ins {
    text-decoration-line: none;
    margin-top: 9px;
}

.shop-widget.widget_products ul li ins span {
    font-weight: 500;
    font-size: 14px;
    color: #10111e;
    margin-right: 0px;
}

.shop-details-area {
  padding: 120px 0;
}

.shop-details-area .product-single .product-cat {
  display: none;
}

.shop-area {
  padding: 120px 0;
}

.shop-area .woocommerce-ordering select {
    float: right;
    border: 2px solid #6f7172b0;
    padding: 15px 20px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #747691;
}

.product-showing p {
    margin: 0;
    border: 2px solid #eaebec;
    padding: 17px 30px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #747691;
}


.shop-area .woocommerce-ordering select {
    float: right;
    border: 2px solid #eaebec;
    padding: 15px 0px;
    text-align: center;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #747691;
    width: 260px;
    height: 50px;
    border-radius: 0px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-75 {
  margin-bottom: 75px;
}

.product-content .shop-add-to-cart a.add_to_cart_button {
  font-size: 15px;
  text-transform: uppercase;
  padding: 12px 20px;
  letter-spacing: 3px;
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
}

.page-template-shop-sidebar .product-content .shop-add-to-cart a.add_to_cart_button {
  padding: 7px 20px;
}

.product-content h4.shop a:hover {
  color: #aa8453;
}

.woocommerce nav.woocommerce-pagination {
  margin-top: 20px;
}

.product-content .shop-add-to-cart .add_to_cart_inline {
  padding: 0px!important;
  border: none!important;
}

.product-content .shop-add-to-cart .add_to_cart_inline .woocommerce-Price-amount  {
  display: none;
}

.shop-sidebar .shop-widget {
  background: #f8f5f0;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
}

.shop-sidebar .shop-widget form {
  position: relative;
}

.shop-sidebar .shop-widget form input[type="text"] {
  width: 100%;
    padding: 10px;
    border: 0;
    background: #fff;
    margin-bottom: 0;
}

.shop-sidebar {
  width: 100%;
  display: inline-block;
}

.shop-sidebar .shop-widget form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  color: #222;
  border: 0;
  padding: 10px;
  cursor: pointer;
}

.woocommerce.widget_product_categories,
.woocommerce.widget_product_tag_cloud,
.widget_top_rated_products {
  background: #f8f5f0;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
}

.woocommerce.widget_product_categories h6.widget-title,
.woocommerce.widget_product_tag_cloud h6.widget-title,
.widget_top_rated_products h6.widget-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee3d0;
  font-size: 24px;
  line-height: 1.75em;
  margin-bottom: 15px;
  color: #222;
}

.woocommerce.widget_product_categories ul.product-categories li {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.woocommerce.widget_product_categories ul.product-categories li a:before {
    content: "\e649";
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 9px;
    margin-right: 10px;
}

.woocommerce.widget_product_tag_cloud .tagcloud a {
  margin: 3px !important;
  padding: 6px 16px;
  color: #666;
  float: left;
  background-color: #fff;
  font-size: 15px!important;
}

.woocommerce.widget_product_tag_cloud .tagcloud a:hover {
  color: #fff;
  background-color: #aa8453;
}

.widget_top_rated_products ul.product_list_widget li img {
  float: left;
  width: 100px;
  margin-right: 25px;
}

.widget_top_rated_products ul.product_list_widget li span.product-title {
  margin-top: 30px;
}

.page-cart form table {
  width: 100%;
  text-align: center;
  margin-top: 120px;
  margin-bottom: 80px;
}

.page-cart form table thead.bg-primary {
  background-color: #aa8453!important;
  color: #fff;
}

#coupon_code {
    height: 57px;
    border: 2px solid #eaedff;
    padding: 0 15px;
    margin-right: 10px;
    width: 50%;
    display: inline-block;
}

.coupon-cart {
  text-align: left;
  padding: 40px;
}

.coupon-cart .coupon {
  float: left;
  width: 70%;
}

.cart-collaterals {
  margin-bottom: 80px;
}

.cart-collaterals table.shop_table tbody tr th {
  border-right: 1px solid rgba(0,0,0,.1)!important;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.woocommerce-checkout-payment .place-order input[type="submit"] {
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  background: #ab8a62;
  color: #fff;
  margin: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 3px;
  cursor: pointer;
}

.woocommerce-checkout-payment .place-order input[type="submit"]:hover {
  background: #222;
}

.woocommerce-checkout #payment {
  background: #f8f5f0;
}

.create-account.woocommerce-validated {
  margin-top: 30px;
}

.create-account.woocommerce-validated .checkbox {
  width: 90%;
}

.product-content .product-meta .pro-price del span {
  text-decoration: line-through;
}

.product-content h4.shop {
  margin-bottom: 15px;
}

.product-wrapper .product-content .product-meta {
  margin-bottom: 5px;
}

.account-area, .login-area {
  padding: 100px 0;
}

.woocommerce-MyAccount-navigation ul li {
  width: 200px;
  color: #fff;
  padding: 12px 20px;
  background: #aa8453;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 1px;
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.woocommerce-MyAccount-navigation ul li:hover {
    background: #222;
}

.woocommerce-account .woocommerce-MyAccount-content p .woocommerce-Button {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 1px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  font-weight: 400;
  border-radius: 0px;
  margin-top: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content p .woocommerce-Button:hover {
  background: #222;
}

.basic-login form.login {
  padding: 0px;
  border: none;
  margin-bottom: 0px;
}

.basic-login form.login input[type="submit"] {
  font-size: 15px;
  letter-spacing: 3px;
  background: #ab8a62;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  color: #fff;
  border-radius: 0px;
  margin-top: 15px;
  display: block;
  padding: 15px;
  width: 100%;
  margin-bottom: 25px;
}

.basic-login form.login label .woocommerce-Input--checkbox {
  margin-right: 10px;
}

.password-area form.lost_reset_password {
  margin-left: auto;
  margin-right: auto;
  padding: 90px;
  border: 2px solid #eaedff;
  max-width: 600px;
}

.password-area {
  padding: 100px;
}

.password-area form.lost_reset_password input[type="submit"] {
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  margin-bottom: 30px;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.widget_top_rated_products ul.product_list_widget li span.woocommerce-Price-amount {
  display: none;
}

table.dlab-cart-tbl thead tr th {
  font-weight: 400;
  border: 1px solid #aa8453;
    border-right: 1px solid #dee2e6;
}

table.dlab-cart-tbl thead tr > th:last-child {
    border-right: 1px solid #aa8453;
}

.woocommerce .star-rating {
  border: none;
}

.woocommerce .star-rating:before, .woocommerce .star-rating:after {
  border: none;
    transform: inherit;
}

div#review_form_wrapper h3.comment-reply-title {
  font-size: 24px;
    text-transform: capitalize;
    margin-top: 30px;
}

.navbar .navbar-nav .active > a {
  color: #c6bc8a !important;
}

.navbar .navbar-nav .current-menu-parent > a {
  color: #c6bc8a !important;
}

.widget_top_rated_products ul.product_list_widget li .star-rating {
  display: none;
}

.product-single div.quantity, .product-single div.quantity input {
  background: #f8f5f0;
}

.page-template-dark-shop-sidebar .pro-price span, .page-template-shop-dark-menu-sidebar .pro-price span {
    color: #fff;
}

.page-template-dark-shop-sidebar .shop-sidebar .shop-widget {
  background: #1b1b1b;
}

.page-template-dark-shop-sidebar .shop-sidebar .shop-widget form input[type="text"] {
  background: #222;
  color: #fff;
}

.page-template-dark-shop-sidebar .shop-sidebar .shop-widget form input[type="text"]::placeholder {
  color: #fff;
}

.page-template-dark-shop-sidebar .shop-sidebar .shop-widget form button i {
  color: #fff;
}

.page-template-dark-shop-sidebar .woocommerce.widget_product_categories, .page-template-dark-shop-sidebar .woocommerce.widget_product_tag_cloud, .page-template-dark-shop-sidebar .widget_top_rated_products {
  background: #1b1b1b;
}

.page-template-dark-shop-sidebar .woocommerce.widget_product_categories h6.widget-title, 
.page-template-dark-shop-sidebar .woocommerce.widget_product_tag_cloud h6.widget-title, 
.page-template-dark-shop-sidebar .widget_top_rated_products h6.widget-title {
  color: #fff;
}

.page-template-dark-shop-sidebar .woocommerce.widget_product_categories ul.product-categories li {
  color: #fff;
}

.page-template-dark-shop-sidebar .widget_top_rated_products ul.product_list_widget li {
  margin-bottom: 15px;
  color: #fff;
}

.page-template-dark-shop-sidebar .product-meta .pro-price ins span,
.page-template-shop-dark-menu-sidebar .product-meta .pro-price ins span{
  color: #fff;
}

.page-template-dark-shop-sidebar .shop-add-to-cart a:hover,
.page-template-shop-dark-menu-sidebar .shop-add-to-cart a:hover {
  color: #111!important;
    background-color: #fff!important;
}

.page-template-dark-shop-sidebar .footer-top, .page-template-shop-dark-menu-sidebar .footer-top, 
.page-template-dark-sidebar.woocommerce-cart .footer-top, .page-template-dark-sidebar.woocommerce-checkout .footer-top {
  background-color: #111;
}

.dark-product .product-review ul.review-tab li a {
  color: #fff;
  border: 2px solid #fff;
}

.dark-product .product-review ul.review-tab li a.active {
  background: #aa8453;
    border-color: #aa8453;
}

.dark-product .product-panel .desc-text {
  color: #fff;
}

.dark-product div[itemprop="description"] p {
  color: #fff;
}

.dark-product .product-single button.single_add_to_cart_button:hover {
  background-color: #fff!important;
    color: #222;
}

.dark-product + footer >.footer-top {
  background-color: #111;
}

.page-template-dark-sidebar .page-cart form table, .page-template-dark-sidebar .page-cart form #coupon_code,
.page-template-dark-sidebar .page-cart form #coupon_code::placeholder {
  color: #fff;
}

.page-template-dark-sidebar .page-cart .coupon input[type="submit"], .page-template-dark-sidebar .page-cart input.update-cart:hover {
  background: #aa8453;
  color: #fff;
  cursor: pointer;
}

.page-template-dark-sidebar .woocommerce table.shop_table {
  border: 1px solid #fff;
  color: #fff;
}

.page-template-dark-sidebar .cart-collaterals table.shop_table tbody tr th {
  border-right: 1px solid #fff!important;
}

.page-template-dark-sidebar .wc-proceed-to-checkout a:hover {
    background-color: #aa8453!important;
  color: #fff;
}

.page-template-dark-sidebar .page-cart .coupon input[type="submit"]:hover, .page-template-dark-sidebar .page-cart input.update-cart:hover,
.page-template-dark-sidebar .wc-proceed-to-checkout a:hover {
  background-color: #fff!important;
  color: #222!important;
}

.page-template-dark-sidebar.woocommerce-checkout .woocommerce table.shop_table, .page-template-dark-sidebar.woocommerce-checkout .woocommerce table.shop_table tfoot th,
.page-template-dark-sidebar.woocommerce-checkout .woocommerce table.shop_table td, .page-template-dark-sidebar.woocommerce-checkout .woocommerce table.shop_table th{
  border: 1px solid #fff;
  color: #fff;
}

.page-template-dark-sidebar.woocommerce-checkout div.checkbox-form input {
  color: #222;
}

.page-template-dark-sidebar.woocommerce-checkout #payment {
  color: #111;
}

.v-middle.textleft, .v-middle.textleft h4 {
  text-align: left;
}

.v-middle.textleft h3 {
  position: relative;
  margin-bottom: 20px;
  font-family: 'Gilda Display', serif;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 1.35em;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  color: #fff;
  font-weight: 400;
  letter-spacing: 7px;
}

.booking-box2 .select-adults .select2-selection__rendered,
.booking-box3 .select-adults .select2-selection__rendered {
    width: 101px;
    padding-right: 26px!important;
    padding-bottom: 18px!important;
}

.booking-box2 .select-child .select2-selection__rendered,
.booking-box3 .select-child .select2-selection__rendered {
  width: 113px;
  padding-bottom: 18px!important;
}

.booking-box2 .wpcf7-form-control-wrap.select-adults,
.booking-box2 .wpcf7-form-control-wrap.select-child {
  left: -29px;
}

.booking-box2 form input[type="submit"], 
.booking-box3 form input[type="submit"] {
  margin-top: 30px!important;
}

@media(min-width: 991px) {
  .page-template-dark-sidebar .booking-sidebar-2,
  .page-template-dark-sidebar-2 .booking-sidebar-2,
  .page-template-home-sidebar .booking-sidebar-2,
  .page-template-home-sidebar-2 .booking-sidebar-2 {
    left: 12%;
  }
}

.page-template-dark-sidebar h4.form_title1,
.page-template-dark-sidebar-2  h4.form_title1 {
    color: #fff!important;
    border-bottom: 1px solid #222!important;
}


.booking-full-width {
  width: 100%!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-bottom: 18px;
}

.page-template-dark-sidebar-2 .slider-fade .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    border: 1px solid rgba(255,255,255, 0.7);
    display: block;
    margin-bottom: 10px;
    border-radius: 50%;
}

.page-template-dark-sidebar-2 .slider-fade .owl-dots .owl-dot.active {
    border-color: #aa8453;
    background: #aa8453;
}


.page-template-dark-sidebar-2 .slider-fade .owl-nav,
.page-template-dark-sidebar-2 .slider-fade .owl-dot:before,
.page-template-dark-sidebar-2 .slider-fade .owl-dots:before,
.page-template-dark-sidebar-2 .slider-fade .owl-dots:after {
  display: none;
}

@media(max-width: 400px) {
  .checkbox-form, .order-notes, .your-order {
    padding: 10px;
  }
}

/* Homepage carousel - match live site */
.elementor-134 .elementor-element-380e51b4 .owce-carousel .owl-content {
  font-style: normal;
  color: #FFFFFF;
  margin: -53px 0px 0px 0px;
}
.elementor-134 .elementor-element-6b39e424 {
  background-color: #F8F5F0;
}

/* W1 - Hero slider carousel text white — targets ONLY the hero slider element */
.elementor-element-380e51b4 .owce-carousel .owl-link,
.elementor-element-380e51b4 .owce-carousel .owl-link:hover,
.elementor-element-380e51b4 .owce-carousel .owl-content,
.elementor-element-380e51b4 .owce-carousel .owl-content h2,
.elementor-element-380e51b4 .owce-carousel .owl-content h3,
.elementor-element-380e51b4 .owce-carousel .owl-content h4,
.elementor-element-380e51b4 .owce-carousel .owl-content p,
.elementor-element-380e51b4 .owce-carousel .owl-content span {
  color: #FFFFFF !important;
}

/* Layout-test page Find Your Stay carousel (c078a9bb) — force overlay titles white.
   The parent <a class="owl-link"> picks up the theme anchor color and bleeds copper
   through to the descendant title spans, overriding the inline color:white.    */
.elementor-element-c078a9bb .owce-carousel .owl-link,
.elementor-element-c078a9bb .owce-carousel .owl-link:hover,
.elementor-element-c078a9bb .owce-carousel .owl-content,
.elementor-element-c078a9bb .owce-carousel .owl-content span,
.elementor-element-c078a9bb .owce-carousel .owl-content h2,
.elementor-element-c078a9bb .owce-carousel .owl-content h3 {
  color: #FFFFFF !important;
}
/* Keep the FIND OUT MORE button copper-on-white (it has its own inline bg) */
.elementor-element-c078a9bb .owce-carousel .owl-content a {
  color: #FFFFFF !important;
}

/* All image carousels — prevent link hover changing text colour */
.owce-carousel-basic .owl-link:hover,
.owce-carousel-basic .owl-link:hover h2,
.owce-carousel-basic .owl-link:hover h3,
.owce-carousel-basic .owl-link:hover h4,
.owce-carousel-basic .owl-link:hover p,
.owce-carousel-basic .owl-link:hover span {
  color: inherit !important;
}

/* Activities carousel (465453cf) - dark text on white background */
.elementor-element-465453cf .owce-carousel .owl-content,
.elementor-element-465453cf .owce-carousel .owl-content span,
.elementor-element-465453cf .owce-carousel .owl-link,
.elementor-element-465453cf .owce-carousel .owl-link span,
.elementor-element-465453cf .owce-carousel h3,
.elementor-element-465453cf .owce-carousel h4,
.elementor-element-465453cf .owce-carousel p {
  color: #696a4b !important;
}

/* Testimonial carousel - dark text on light background */
.owce-carousel-testimonial .owl-content,
.owce-carousel-testimonial p.owl-content,
.owce-carousel-testimonial .owl-title,
.owce-carousel-testimonial h3.owl-title,
.elementor-134 .elementor-element-359b0dbb .owl-content,
.elementor-134 .elementor-element-359b0dbb p.owl-content,
.elementor-134 .elementor-element-359b0dbb .owl-title,
.elementor-134 .elementor-element-359b0dbb h3.owl-title,
.elementor-element-359b0dbb .owce-carousel .owl-content,
.elementor-element-359b0dbb .owce-carousel h3.owl-title {
  color: #333333 !important;
}

/* W4 - Hero/Banner CTA buttons: solid green with white text */
.header .caption .butn-light a,
.header .caption .butn-dark a,
.header.slider-fade .butn-light a,
.header.slider-fade .butn-dark a,
.kenburns-inner .caption .butn-light a,
.kenburns-inner .caption .butn-dark a {
  background-color: #696a4b !important;
  color: #FFFFFF !important;
  border: 1px solid #696a4b !important;
}
/* Override the ::after pseudo-element hover fill (parent theme uses this for slide-in effect) */
.header .caption .butn-light a:after,
.header .caption .butn-dark a:after,
.header.slider-fade .butn-light a:after,
.header.slider-fade .butn-dark a:after,
.kenburns-inner .caption .butn-light a:after,
.kenburns-inner .caption .butn-dark a:after {
  background: #565738 !important;
}
/* Hover state: slightly darker green, keep white text */
.header .caption .butn-light a:hover,
.header .caption .butn-dark a:hover,
.header.slider-fade .butn-light a:hover,
.header.slider-fade .butn-dark a:hover,
.kenburns-inner .caption .butn-light a:hover,
.kenburns-inner .caption .butn-dark a:hover {
  background-color: #565738 !important;
  border-color: #565738 !important;
}
/* Keep span text white on hover (parent theme changes it to dark) */
.header .caption .butn-light a:hover span,
.header .caption .butn-dark a:hover span,
.header.slider-fade .butn-light a:hover span,
.header.slider-fade .butn-dark a:hover span,
.kenburns-inner .caption .butn-light a:hover span,
.kenburns-inner .caption .butn-dark a:hover span {
  color: #FFFFFF !important;
}

/* W5 - Burger menu: hide on desktop, style on mobile */
@media (min-width: 992px) {
  .navbar-toggler {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .navbar-toggler .icon-bar i {
    font-size: 28px !important;
    color: #ebe8db !important;
  }
  .navbar.scrolled .navbar-toggler .icon-bar i,
  .navbar.nav-scroll .navbar-toggler .icon-bar i {
    color: #696a4b !important;
  }
}

/* W7 - Back-to-top button above chat widget */
.progress-wrap {
  bottom: 80px !important;
  background: #FFFFFF;
  box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* W8 - Hero carousel: stop caption text animations on banners/hero images */
.header .caption span,
.header .caption h1,
.header .caption h2,
.header .caption h3,
.header .caption h4,
.header .caption p,
.header .caption .butn,
.header .caption .butn-dark,
.header .caption .butn-light,
.kenburns-inner .caption span,
.kenburns-inner .caption h1,
.kenburns-inner .caption h2,
.kenburns-inner .caption h3,
.kenburns-inner .caption h4,
.kenburns-inner .caption p,
.kenburns-inner .caption .butn,
.kenburns-inner .caption .butn-dark,
.kenburns-inner .caption .butn-light {
  -webkit-animation: none !important;
  animation: none !important;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  opacity: 1 !important;
  transform: none !important;
  -webkit-transform: none !important;
}

/* Hide slide numbers and nav arrows on slideshow heroes */
.slider-fade .owl-dots { display: none !important; }
.slider-fade .owl-nav { display: none !important; }

/* ============================================================
   The Nest - home page fixes (Sunday Lunch image height, Reserve contrast)
   ============================================================ */

/* Menu cards grid: force all 4 images to same aspect ratio */
.nest-menu-cards .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center center;
    display: block;
    border-radius: 4px;
    max-width: 100%;
}
.nest-menu-cards .elementor-widget-image a,
.nest-menu-cards .elementor-widget-image .elementor-widget-container {
    display: block;
    width: 100%;
}
.nest-menu-cards .elementor-widget-image,
.nest-menu-cards .elementor-widget-image .elementor-widget-container {
    margin-bottom: 0 !important;
}
.nest-menu-cards .elementor-column {
    display: flex;
    flex-direction: column;
}
.nest-menu-cards .elementor-widget-wrap {
    align-content: flex-start;
}

/* Reserve Your Table section: enforce readable text on olive background */
.elementor-element-46a5ba89 .elementor-widget-text-editor,
.elementor-element-46a5ba89 .elementor-widget-text-editor p,
.elementor-element-46a5ba89 .elementor-widget-text-editor div {
    color: #FFFFFF !important;
    opacity: 0.95;
}
.elementor-element-46a5ba89 .elementor-widget-heading h2 {
    color: #FFFFFF !important;
}

/* ============================================================
   Hero/first section min-height: 500px on all pages except home
   ============================================================ */
body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type {
    min-height: 500px !important;
}
body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type > .elementor-container {
    min-height: 500px;
}

/* ============================================================
   THE NEST — Brand Guidelines (Alicia, June 2026)
   Palette:   Copper  #946F49  (light brown / primary accent)
              Charcoal #20201E  (dark background)
              Dark Brown #774D35 (deep accent / hover)
              Cream   #EFEEDB   (light section bg)
   Fonts:     Bebas Neue (headings, all weights)
              Montserrat (body, 400/500/600/italic)
   ============================================================ */

/* --- Typography: Bebas Neue (headings) + Montserrat (body) --- */
body,
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor div,
.elementor-widget-text-editor span,
li, ul, ol, dl, dt, dd,
input, textarea, select,
blockquote {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400 !important;
}

body {
    font-weight: 500 !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6,
.entry-title,
.site-title,
.widget-title,
.section-title {
    font-family: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
}

/* Bebas Neue is naturally tall/narrow — bump tracking on biggest headings */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.entry-title,
h1, h2 {
    letter-spacing: 0.03em !important;
}

/* --- Replace any stray gold #FFB900 with copper --- */
[style*="#FFB900"],
[style*="#ffb900"],
[style*="rgb(255, 185, 0)"],
[style*="rgb(255,185,0)"] {
    background-color: #946F49 !important;
    border-color: #946F49 !important;
}
.elementor-button[style*="FFB900"],
.elementor-button[style*="ffb900"] {
    background-color: #946F49 !important;
    color: #FFFFFF !important;
    border-color: #946F49 !important;
}

/* --- Buttons: copper bg, white text, dark-brown wipe on hover --- */
.elementor-button,
.elementor-button-link,
a.elementor-button,
.elementor-widget-button .elementor-button,
.wp-block-button__link,
.bl-btn,
a.bl-btn {
    position: relative !important;
    display: inline-block !important;
    background-color: #946F49 !important;
    color: #FFFFFF !important;
    padding: 14px 34px !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.2em !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
    z-index: 1 !important;
}

.elementor-button .elementor-button-text,
.elementor-button-link .elementor-button-text,
a.elementor-button .elementor-button-text,
.elementor-widget-button .elementor-button .elementor-button-text {
    position: relative !important;
    z-index: 2 !important;
    color: #FFFFFF !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 17px !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
}

/* Dark-brown wipe on hover (was olive #2A2B1A, now Dark Brown #774D35) */
.elementor-button::after,
.elementor-button-link::after,
a.elementor-button::after,
.elementor-widget-button .elementor-button::after,
.wp-block-button__link::after,
.bl-btn::after,
a.bl-btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 100% !important;
    width: 0 !important;
    height: 100% !important;
    background: #774D35 !important;
    z-index: -1 !important;
    transition: width 0.3s ease, left 0.3s ease !important;
}

.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
a.elementor-button:hover,
.elementor-widget-button .elementor-button:hover,
.wp-block-button__link:hover,
.bl-btn:hover,
a.bl-btn:hover {
    color: #FFFFFF !important;
    background-color: #946F49 !important;
}

.elementor-button:hover::after,
.elementor-button:focus::after,
.elementor-button-link:hover::after,
a.elementor-button:hover::after,
.elementor-widget-button .elementor-button:hover::after,
.wp-block-button__link:hover::after,
.bl-btn:hover::after,
a.bl-btn:hover::after {
    width: 100% !important;
    left: 0 !important;
}

/* ============================================================
   Reserve section — keep DARK BACKGROUND per Alicia.
   Section bg → Charcoal #20201E (dark brown-black).
   Button on dark bg → white bg, copper text, dark-brown hover.
   ============================================================ */
.nest-reserve-section,
.nest-reserve-section > .elementor-container,
.elementor-element-46a5ba89,
.elementor-element-46a5ba89 > .elementor-container {
    background-color: #20201E !important;
}

.nest-reserve-section .elementor-widget-heading h1,
.nest-reserve-section .elementor-widget-heading h2,
.nest-reserve-section .elementor-widget-heading h3,
.nest-reserve-section .elementor-heading-title,
.nest-reserve-section .elementor-widget-text-editor,
.nest-reserve-section .elementor-widget-text-editor p,
.elementor-element-46a5ba89 .elementor-widget-heading h1,
.elementor-element-46a5ba89 .elementor-widget-heading h2,
.elementor-element-46a5ba89 .elementor-widget-heading h3,
.elementor-element-46a5ba89 .elementor-heading-title,
.elementor-element-46a5ba89 .elementor-widget-text-editor,
.elementor-element-46a5ba89 .elementor-widget-text-editor p {
    color: #FFFFFF !important;
}

/* Reserve divider → copper accent on charcoal */
.nest-reserve-section .elementor-divider-separator,
.elementor-element-46a5ba89 .elementor-divider-separator {
    border-top-color: #946F49 !important;
    background-color: #946F49 !important;
}

.nest-reserve-section .elementor-button,
.nest-reserve-section a.elementor-button,
.nest-reserve-section .elementor-widget-button .elementor-button,
.elementor-element-46a5ba89 .elementor-button,
.elementor-element-46a5ba89 a.elementor-button,
.elementor-element-46a5ba89 .elementor-widget-button .elementor-button {
    background-color: #FFFFFF !important;
    color: #946F49 !important;
}
.nest-reserve-section .elementor-button .elementor-button-text,
.nest-reserve-section .elementor-widget-button .elementor-button .elementor-button-text,
.elementor-element-46a5ba89 .elementor-button .elementor-button-text,
.elementor-element-46a5ba89 .elementor-widget-button .elementor-button .elementor-button-text {
    color: #946F49 !important;
}
.nest-reserve-section .elementor-button::after,
.nest-reserve-section .elementor-widget-button .elementor-button::after,
.elementor-element-46a5ba89 .elementor-button::after,
.elementor-element-46a5ba89 .elementor-widget-button .elementor-button::after {
    background: #946F49 !important;
}
.nest-reserve-section .elementor-button:hover,
.nest-reserve-section .elementor-button:focus,
.nest-reserve-section a.elementor-button:hover,
.nest-reserve-section .elementor-widget-button .elementor-button:hover,
.elementor-element-46a5ba89 .elementor-button:hover,
.elementor-element-46a5ba89 .elementor-button:focus,
.elementor-element-46a5ba89 a.elementor-button:hover,
.elementor-element-46a5ba89 .elementor-widget-button .elementor-button:hover {
    background-color: #FFFFFF !important;
    color: #FFFFFF !important;
}
.nest-reserve-section .elementor-button:hover .elementor-button-text,
.nest-reserve-section .elementor-widget-button .elementor-button:hover .elementor-button-text,
.elementor-element-46a5ba89 .elementor-button:hover .elementor-button-text,
.elementor-element-46a5ba89 .elementor-widget-button .elementor-button:hover .elementor-button-text {
    color: #FFFFFF !important;
}

/* ============================================================
   Brand-correct mappings for any stray references to the old
   olive #696A4B (in inline styles or compiled Elementor CSS that
   we haven't yet swapped in the DB)
   ============================================================ */
[style*="#696A4B" i],
[style*="#696a4b" i],
[style*="rgb(105, 106, 75)"],
[style*="rgb(105,106,75)"] {
    background-color: #946F49 !important;
    border-color: #946F49 !important;
}
[style*="#2A2B1A" i],
[style*="#2a2b1a" i] {
    background-color: #774D35 !important;
}

/* Link colour: copper, dark-brown on hover */
a, a:link, a:visited {
    color: #946F49;
}
a:hover, a:focus {
    color: #774D35;
}

/* ============================================================
   MOBILE: Feature-section image columns
   Background-image columns on feature sections have no content,
   so on mobile (where columns stack) they collapse to 0 height
   and the image disappears. Force a min-height + proper cover.
   IDs are the empty/image columns on home (50396) and latest-news (50408).
   ============================================================ */
@media (max-width: 767px) {
    /* Generic rule: any column that has a background image but no widgets
       (its widget-wrap is empty, i.e. lacks .elementor-element-populated)
       gets a real height on mobile so the image shows. */
    .elementor-column > .elementor-widget-wrap:not(.elementor-element-populated) {
        min-height: 280px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        display: block !important;
    }
    .elementor-column:has(> .elementor-widget-wrap:not(.elementor-element-populated)) {
        min-height: 280px !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* Force feature sections to stack with image FIRST, then text */
    .elementor-section.elementor-section-stretched,
    .elementor-top-section {
        min-height: 0 !important;
    }
    .elementor-top-section > .elementor-container {
        flex-direction: column !important;
    }

    /* Tighten mobile section padding so things don't feel huge */
    .elementor-section .elementor-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Menu cards: 2-column grid on mobile (4-up becomes 2x2) */
    .nest-menu-cards .elementor-container {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    .nest-menu-cards .elementor-column {
        width: 50% !important;
        flex: 0 0 50% !important;
    }
    .nest-menu-cards .elementor-widget-image img {
        aspect-ratio: 4 / 5 !important;
    }

    /* Hero heading scale down a touch on phones */
    .elementor-widget-heading h1,
    .elementor-widget-heading h2 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }
    .elementor-widget-heading h3 {
        font-size: 24px !important;
    }

    /* Buttons full-width-ish on mobile so they're tappable */
    .elementor-widget-button .elementor-button {
        padding: 14px 24px !important;
        font-size: 14px !important;
        letter-spacing: 2px !important;
    }
}

/* Very small phones — keep things tidy */
@media (max-width: 480px) {
    .elementor-widget-heading h1 {
        font-size: 28px !important;
    }
    .elementor-widget-heading h2 {
        font-size: 26px !important;
    }
    .nest-menu-cards .elementor-column {
        width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 20px !important;
    }
}

/* ============================================================
   MOBILE: Home hero — force everything centred
   Section 62918dda is the video hero. On mobile the heading,
   text and button must all be centred horizontally regardless
   of inline widths set on inner <p> tags.
   ============================================================ */
@media (max-width: 767px) {
    body.home .elementor-element-62918dda .elementor-container {
        justify-content: center !important;
    }
    body.home .elementor-element-62918dda .elementor-column,
    body.home .elementor-element-62918dda .elementor-widget-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    body.home .elementor-element-62918dda .elementor-widget {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    body.home .elementor-element-62918dda .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.home .elementor-element-62918dda h1,
    body.home .elementor-element-62918dda h2,
    body.home .elementor-element-62918dda h3,
    body.home .elementor-element-62918dda .elementor-heading-title {
        text-align: center !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body.home .elementor-element-62918dda .elementor-widget-text-editor p,
    body.home .elementor-element-62918dda .elementor-widget-text-editor {
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    body.home .elementor-element-62918dda .elementor-button-wrapper,
    body.home .elementor-element-62918dda .elementor-widget-button {
        text-align: center !important;
        width: 100% !important;
    }
}

/* ============================================================
   MOBILE: Inner-page hero sections only (NOT home)
   Forces inner-page heroes to centre their heading, body text,
   and button horizontally. Home is excluded — the home video
   hero is handled by the body.home .elementor-element-62918dda
   block above and was already correct.
   ============================================================ */
@media (max-width: 767px) {
    body:not(.home).elementor-page .elementor-top-section:first-of-type,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type {
        text-align: center !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type > .elementor-container,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type > .elementor-container {
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-column,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget-wrap,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-wrap {
        width: 100% !important;
        max-width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        align-content: center !important;
        text-align: center !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget-container,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type h1,
    body:not(.home).elementor-page .elementor-top-section:first-of-type h2,
    body:not(.home).elementor-page .elementor-top-section:first-of-type h3,
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-heading-title,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type h1,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type h2,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type h3,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-heading-title {
        text-align: center !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget-text-editor,
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget-text-editor p,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-text-editor,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-text-editor p {
        text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-button-wrapper,
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-widget-button,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-button-wrapper,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-widget-button {
        text-align: center !important;
        width: 100% !important;
    }
    body:not(.home).elementor-page .elementor-top-section:first-of-type .elementor-divider,
    body:not(.home).elementor-page .elementor-section.elementor-top-section:first-of-type .elementor-divider {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Hide the European Agricultural Fund / Lindsey Action Zone / LEADER strip from the parent theme footer */
.lastftr,
footer .lastftr,
.bottom_img,
.bottom_text {
    display: none !important;
}

/* ============================================================
   BAINLAND-STYLE FEATURE SECTIONS (boxed card layout)
   Tagged sections: .nest-feature-section
     - .nest-image-col   → image card (sized rectangle)
     - .nest-content-col → cream text card (eyebrow / heading / body / button)
   Matches the layout used at bainland.co.uk: dark backdrop section,
   image + cream card sit side-by-side flush, with breathing room
   from the section edges.
   ============================================================ */
.nest-feature-section,
.elementor-section.nest-feature-section,
section.nest-feature-section {
    background-color: #20201E !important;
    background-image: none !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.nest-feature-section > .elementor-container {
    align-items: stretch !important;
    gap: 0 !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Image column: keep Elementor's inline background-image; just enforce
   the cover sizing and a guaranteed min-height so the column never
   collapses when it has no child widgets. */
.nest-feature-section .nest-image-col,
.nest-feature-section .elementor-column.nest-image-col {
    min-height: 480px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 0 !important;
}
/* Elementor sets background-image on > .elementor-widget-wrap when the
   column has no child widgets. Make sure that wrap fills the column. */
.nest-feature-section .nest-image-col > .elementor-widget-wrap {
    min-height: 480px !important;
    padding: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Content column: cream card sits flush against the image, with
   generous internal padding. The dark section backdrop frames the
   whole image+card unit (Bainland-style boxed layout). */
.nest-feature-section .nest-content-col,
.nest-feature-section .elementor-column.nest-content-col {
    background-color: #EBE8DB !important;
}
.nest-feature-section .nest-content-col > .elementor-element-populated,
.nest-feature-section .nest-content-col > .elementor-widget-wrap {
    background-color: #EBE8DB !important;
    padding: 70px 64px !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: flex-start !important;
    min-height: 480px !important;
}

/* Heading inside the card */
.nest-feature-section .nest-content-col h1,
.nest-feature-section .nest-content-col h2,
.nest-feature-section .nest-content-col h3,
.nest-feature-section .nest-content-col h4,
.nest-feature-section .nest-content-col .elementor-heading-title {
    color: #20201E !important;
    font-family: 'Bebas Neue', sans-serif !important;
    letter-spacing: 0.03em !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    margin-bottom: 18px !important;
}

/* Body text inside the card */
.nest-feature-section .nest-content-col .elementor-widget-text-editor,
.nest-feature-section .nest-content-col .elementor-widget-text-editor p,
.nest-feature-section .nest-content-col .elementor-widget-text-editor li {
    color: #20201E !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Divider becomes a copper accent inside the card */
.nest-feature-section .nest-content-col .elementor-divider-separator {
    border-top-color: #946F49 !important;
    border-top-width: 2px !important;
    background-color: #946F49 !important;
    max-width: 60px !important;
    margin-left: 0 !important;
}
.nest-feature-section .nest-content-col .elementor-widget-divider {
    text-align: left !important;
}

/* Button — copper on cream card */
.nest-feature-section .nest-content-col .elementor-button-wrapper {
    text-align: left !important;
}
.nest-feature-section .nest-content-col .elementor-button,
.nest-feature-section .nest-content-col .elementor-button-link,
.nest-feature-section .nest-content-col a.elementor-button {
    background-color: #946F49 !important;
    color: #FFFFFF !important;
    border-color: #946F49 !important;
}
.nest-feature-section .nest-content-col .elementor-button:hover {
    background-color: #20201E !important;
    color: #FFFFFF !important;
    border-color: #20201E !important;
}

/* Consecutive feature sections sit flush — no gap between stacked rows.
   Section that follows another loses its top padding; section that
   precedes another loses its bottom padding. Net result: zero dark gap
   between adjacent boxes, while the first/last still keep their outer
   80px breathing room. */
.nest-feature-section + .nest-feature-section,
.elementor-section.nest-feature-section + .elementor-section.nest-feature-section,
section.nest-feature-section + section.nest-feature-section {
    padding-top: 0 !important;
}
.nest-feature-section:has(+ .nest-feature-section),
.elementor-section.nest-feature-section:has(+ .elementor-section.nest-feature-section),
section.nest-feature-section:has(+ section.nest-feature-section) {
    padding-bottom: 0 !important;
}

/* Mobile: stack image above text, shrink padding */
@media (max-width: 1024px) {
    .nest-feature-section,
    .elementor-section.nest-feature-section,
    section.nest-feature-section {
        padding-left: 32px !important;
        padding-right: 32px !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .nest-feature-section + .nest-feature-section,
    .elementor-section.nest-feature-section + .elementor-section.nest-feature-section,
    section.nest-feature-section + section.nest-feature-section {
        padding-top: 0 !important;
    }
    .nest-feature-section:has(+ .nest-feature-section),
    .elementor-section.nest-feature-section:has(+ .elementor-section.nest-feature-section),
    section.nest-feature-section:has(+ section.nest-feature-section) {
        padding-bottom: 0 !important;
    }
    .nest-feature-section .nest-content-col > .elementor-element-populated,
    .nest-feature-section .nest-content-col > .elementor-widget-wrap {
        padding: 54px 48px !important;
    }
}
@media (max-width: 767px) {
    .nest-feature-section,
    .elementor-section.nest-feature-section,
    section.nest-feature-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .nest-feature-section + .nest-feature-section,
    .elementor-section.nest-feature-section + .elementor-section.nest-feature-section,
    section.nest-feature-section + section.nest-feature-section {
        padding-top: 0 !important;
    }
    .nest-feature-section:has(+ .nest-feature-section),
    .elementor-section.nest-feature-section:has(+ .elementor-section.nest-feature-section),
    section.nest-feature-section:has(+ section.nest-feature-section) {
        padding-bottom: 0 !important;
    }
    .nest-feature-section .nest-image-col,
    .nest-feature-section .nest-image-col > .elementor-widget-wrap {
        min-height: 260px !important;
    }
    .nest-feature-section .nest-content-col > .elementor-element-populated,
    .nest-feature-section .nest-content-col > .elementor-widget-wrap {
        padding: 40px 28px !important;
        min-height: 0 !important;
    }
}

/* ============================================================
   Nest sticky header only — charcoal when scrolled
   Non-scrolled header reverts to theme default (transparent
   over the hero video). Only .nav-scroll is restyled.
   ============================================================ */

nav.navbar.nav-scroll,
.nav-scroll {
    background: #20201E !important;
    background-color: #20201E !important;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

/* Menu links in sticky state — readable on dark, Bebas Neue brand font */
.nav-scroll .navbar-nav .nav-link,
.nav-scroll .navbar-nav > li > a {
    color: #FFFFFF !important;
    font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.nav-scroll .navbar-nav .nav-link:hover,
.nav-scroll .navbar-nav .nav-link:focus,
.nav-scroll .navbar-nav > li > a:hover,
.nav-scroll .navbar-nav .active,
.nav-scroll .navbar-nav .active > a,
.nav-scroll .navbar-nav .current-menu-item > a,
.nav-scroll .navbar-nav .current-menu-parent > a {
    color: #946F49 !important;
}

/* Dropdown panels when sticky bar is dark */
.nav-scroll .dropdown-menu {
    background: #20201E !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}
.nav-scroll .dropdown-menu a {
    color: #FFFFFF !important;
    font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}
.nav-scroll .dropdown-menu a:hover {
    color: #946F49 !important;
    background: rgba(255,255,255,0.04) !important;
}

/* Burger icon in sticky state */
.nav-scroll .navbar-toggler .icon-bar,
.nav-scroll .navbar-toggler .icon-bar i {
    color: #FFFFFF !important;
}

/* ============================================================
   Nest non-sticky header — Bebas Neue font only (colour/bg
   left as theme default so it stays transparent over the hero)
   ============================================================ */
nav.navbar .navbar-nav .nav-link,
nav.navbar .navbar-nav > li > a {
    font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

nav.navbar .dropdown-menu a {
    font-family: 'Bebas Neue', 'Helvetica Neue', Arial, sans-serif !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* Non-sticky header hover/active — copper, not olive */
nav.navbar .navbar-nav .nav-link:hover,
nav.navbar .navbar-nav .nav-link:focus,
nav.navbar .navbar-nav > li > a:hover,
nav.navbar .navbar-nav > li > a:focus,
nav.navbar .navbar-nav .active,
nav.navbar .navbar-nav .active > a,
nav.navbar .navbar-nav .current-menu-item > a,
nav.navbar .navbar-nav .current-menu-parent > a,
.navbar .navbar-nav .active > a,
.navbar .navbar-nav .current-menu-parent > a,
.navbar .navbar-nav .current-menu-item > a {
    color: #946F49 !important;
}
nav.navbar .dropdown-menu a:hover,
nav.navbar .dropdown-menu a:focus {
    color: #946F49 !important;
}

/* ============================================================
   White → Cream swap (Alicia brand: #EFEEDB for light sections)
   Per brand guidelines, white is only for text on dark / buttons
   on dark. All light-section backgrounds use brand cream.
   ============================================================ */

/* Page / body backdrop */
body,
body.elementor-page,
.site,
#page,
.site-content,
main,
.elementor,
.elementor-section-wrap {
    background-color: #EFEEDB !important;
}

/* Elementor sections with explicit white bg (incl. motion-effect overlay
   layer used on Welcome-to-the-Nest and other top-level sections) */
.elementor-section .elementor-motion-effects-layer[style*="#FFFFFF"],
.elementor-section .elementor-motion-effects-layer[style*="#ffffff"],
.elementor-element > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-top-section[style*="background-color:#FFFFFF"],
.elementor-top-section[style*="background-color: #FFFFFF"],
.elementor-top-section[style*="background-color:#ffffff"],
.elementor-top-section[style*="background:#FFFFFF"],
.elementor-top-section[style*="background: #FFFFFF"],
.elementor-section[style*="background-color:#FFFFFF"],
.elementor-section[style*="background-color: #FFFFFF"],
.elementor-section[style*="background-color:#ffffff"],
.elementor-section[style*="background:#FFFFFF"],
.elementor-section[style*="background: #FFFFFF"] {
    background-color: #EFEEDB !important;
}

/* Catch the 4 known home-page white motion-effect sections by ID */
.elementor-50396 .elementor-element-fa1c86c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-50396 .elementor-element-c878b64f > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-50396 .elementor-element-e71150da > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-50396 .elementor-element-2658ea53 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #EFEEDB !important;
}

/* Inline-style white catch-all for any Elementor element */
.elementor-element[style*="background-color:#fff;"],
.elementor-element[style*="background-color: #fff;"],
.elementor-element[style*="background-color:#FFFFFF;"],
.elementor-element[style*="background-color: #FFFFFF;"],
.elementor-element[style*="background-color:#ffffff;"],
.elementor-element[style*="background-color: #ffffff;"] {
    background-color: #EFEEDB !important;
}

/* Keep dark/charcoal sections genuinely dark — never override these
   even if a child rule above matches (defensive belt-and-braces) */
.nest-feature-section,
.nest-feature-section .elementor-container,
section.elementor-section[style*="#20201E"],
section.elementor-section[style*="#20201e"],
section.elementor-section[style*="background-color:#000"],
section.elementor-section[style*="background-color:#222"] {
    background-color: inherit;
}

/* The boxed feature section backdrop stays charcoal (set elsewhere) */
.nest-feature-section {
    background-color: #20201E !important;
}

/* ============================================================
   Mobile navbar — kill the parent theme's white box behind the
   logo when scrolled (parent rule lives in style.css line 1106
   inside the @media max-width:991px block) and tighten padding
   so the dark charcoal sticky bar is one clean band edge-to-edge
   ============================================================ */
@media screen and (max-width: 991px) {
    .nav-scroll .logo-wrapper,
    nav.navbar.nav-scroll .logo-wrapper {
        background-color: transparent !important;
        padding: 10px 15px !important;
    }
    /* Non-scrolled mobile state — also transparent (it inherits the
       parent .logo-wrapper rule which sets padding 15px but no bg) */
    .navbar .logo-wrapper {
        background-color: transparent !important;
    }
    /* Burger icon visible on dark sticky bar (parent theme leaves it
       olive/copper which disappears on charcoal) */
    nav.navbar.nav-scroll .navbar-toggler .icon-bar,
    nav.navbar.nav-scroll .navbar-toggler .icon-bar i {
        color: #FFFFFF !important;
    }
}

/* ============================================================
   Home hero — push the inner content below the navbar on mobile
   so the intro paragraph no longer collides with the logo at the
   top-left. Section is full-viewport-height stretched; the parent
   theme centres content vertically but on phones the logo (115px
   tall navbar) overlaps the paragraph's first line.
   Scoped to the home page (#50396) to avoid touching other heroes.
   ============================================================ */
@media screen and (max-width: 991px) {
    body.page-id-50396 .elementor-50396 > section.elementor-top-section:first-of-type {
        padding-top: 130px !important;
    }
    body.page-id-50396 .elementor-50396 > section.elementor-top-section:first-of-type
        .elementor-container {
        padding-top: 20px !important;
    }
}


/* Garden Room menus carousel (4da21e2c) — overlay titles white, stacked above the button.
   Root cause: the owl plugin wraps each item in <a class="owl-link">, but the item HTML
   contains its own <a> for the SEE MENU button. Nested anchors are invalid, so the
   browser's adoption-agency parse splits the outer anchor and re-wraps the title spans
   in a cloned <a class="owl-link">. That clone takes the theme's copper anchor colour,
   and thecappa's `span, a, a:hover { color: inherit }` passes it down to the spans,
   beating the container's inline color:white. Same root cause as c078a9bb above. */
.elementor-element-4da21e2c .owce-carousel .owl-link,
.elementor-element-4da21e2c .owce-carousel .owl-link:hover,
.elementor-element-4da21e2c .owce-carousel .owl-content,
.elementor-element-4da21e2c .owce-carousel .owl-content span,
.elementor-element-4da21e2c .owce-carousel .owl-content h2,
.elementor-element-4da21e2c .owce-carousel .owl-content h3 {
  color: #FFFFFF !important;
}

/* The title wrapper and the SEE MENU button are inline siblings inside the absolutely
   positioned caption box, so they share a line and the button lands on top of the title.
   Stacking the caption box puts the title on its own line, above the button. */
.elementor-element-4da21e2c .owce-carousel .owl-content > div > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ---------------------------------------------------------------------------
   Owl carousel nested-anchor fix — GENERAL (supersedes the per-element hacks
   above for 4da21e2c, c078a9bb, 380e51b4; those are left in place as they also
   carry element-specific button colours).

   Root cause: owce_get_item_link() wraps the whole slide in <a class="owl-link">
   whenever the item has a link URL. Several slides also contain their own <a>
   (the SEE MENU / FIND OUT MORE button), so that button anchor ends up nested
   inside the wrapper anchor. Nested anchors are invalid HTML, so the browser's
   adoption-agency algorithm splits the outer anchor and clones
   <a class="owl-link"> *inside* .owl-content, re-wrapping the title spans.
   The clone takes the theme's copper link colour, and thecappa's
   `span, a, a:hover { color: inherit }` passes it down to the spans, beating
   the caption's inline color:white. It also leaves the title and the button as
   inline siblings, so on some widths the button rides up onto the title line.

   Why these selectors are safe: the plugin only ever emits .owl-link as an
   ANCESTOR of .owl-content. An .owl-link *inside* .owl-content can only be a
   parser-created clone, so both rules match the defect itself and cannot touch
   a well-formed carousel. Verified: clean carousels (e.g. /in-lodge-dining)
   are byte-identical before and after.

   Affects 24 carousel widgets across 12 pages + 12 saved templates. */

/* 1. Neutralise the cloned anchor's colour so the caption's own colour wins. */
.owce-carousel .owl-content a.owl-link,
.owce-carousel .owl-content a.owl-link:hover {
  color: inherit;
}

/* 2. Stack the caption box so the title sits above the button at every width.
      :has() limits this to caption boxes that actually contain a clone. */
.owce-carousel .owl-content > div > div:has(a.owl-link) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* ============================================================
   MOBILE FIXES — Alicia, 2026-08-18
   ============================================================ */

/* ------------------------------------------------------------
   1. Full-screen hero headers on mobile.

   Root cause: Elementor gates its own "Fit To Screen" section
   height behind a desktop-only media query. From
   elementor/assets/css/frontend.min.css (v3.35.1):

       @media (min-width: 768px) {
         .elementor-section.elementor-section-height-full { height: 100vh }
         .elementor-section.elementor-section-height-full
           > .elementor-container { height: 100% }
       }

   So below 768px the setting silently does nothing and the hero
   collapses to its content height (measured 453px on the home
   page, 500px on the other 13, in an 844px viewport). Every one
   of the 14 pages carries .elementor-section-height-full on its
   first section, so every header was affected.

   Fix: restore the same two declarations below the breakpoint.
   The min-width:768px / max-width:767px pair means these rules
   and Elementor's can never both apply, so there is no
   specificity fight and desktop is untouched.

   svh (small viewport height) rather than vh: on iOS Safari
   100vh is the *large* viewport, which sits behind the address
   bar, so a 100vh hero pushes its bottom content out of sight.
   100svh always fits the visible area. The plain 100vh line
   above it is the fallback for browsers without svh support.
   ------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    .elementor-section.elementor-section-height-full {
        height: 100vh;
        height: 100svh;
    }
    .elementor-section.elementor-section-height-full > .elementor-container {
        height: 100%;
    }
}

/* ------------------------------------------------------------
   2. Mobile menu was cut off after "Corporate".

   Root cause: thecappa/assets/css/style.css:5250, inside its
   @media (max-width: 991px) block, caps the collapsed navbar:

       .navbar .navbar-collapse { max-height: 450px; overflow: auto }

   With the "Menus" dropdown expanded the menu needs 619px, so
   MEMBERSHIP, FAQ'S and Contact Us sat below the 450px cut with
   no visible scrollbar on iOS — the menu just appeared to end.

   Fix: size the cap to the screen instead of a fixed 450px.
   115px is the measured mobile navbar height, so the menu can
   use everything below the bar and still scrolls internally on
   shorter handsets rather than overflowing the page.

   !important is required, not decorative: thecappa enqueues
   assets/css/style.css AFTER this child stylesheet, so an
   identical selector (0,2,0 either way) loses on document order.
   That is the same reason the mobile-navbar block further up
   this file marks its declarations !important.
   ------------------------------------------------------------ */
@media screen and (max-width: 991px) {
    .navbar .navbar-collapse {
        max-height: calc(100vh - 115px) !important;
        max-height: calc(100svh - 115px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* ------------------------------------------------------------
   3. Accordion "+" icons sat above the question instead of
      beside it (FAQ'S and 8 other pages, 23 of 51 titles).

   Root cause: Elementor floats the icon
   (.elementor-accordion-icon-left { float: left }) and relies on
   the title text wrapping around it. But the title anchor
   computes to display:inline-block here, and an inline-block
   establishes its own block formatting context — it cannot sit
   alongside a float unless it fits entirely in the space left
   over. One-line questions fitted and rendered inline; anything
   that wrapped to two lines was pushed below the float, leaving
   the "+" stranded on its own line above the text.

   Fix: lay the title row out as flex so the icon and the text
   are siblings on the same line by construction, with the text
   block taking the remaining width. Float is neutralised so it
   cannot re-trigger the drop. Scoped to max-width:767px, which
   is the same breakpoint Elementor uses for its own mobile
   accordion sizing, so desktop is unchanged.
   ------------------------------------------------------------ */
@media screen and (max-width: 767px) {
    .elementor-accordion .elementor-tab-title {
        display: flex;
        align-items: baseline;
    }
    .elementor-accordion .elementor-tab-title .elementor-accordion-icon,
    .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {
        float: none;
        flex: 0 0 auto;
    }
    .elementor-accordion .elementor-tab-title .elementor-accordion-title {
        flex: 1 1 auto;
        display: block;
    }
}

/* ------------------------------------------------------------
   Disable the full-screen white preloader
   ------------------------------------------------------------
   thecappa (parent) prints a white overlay in header.php on every
   page:  <div class="preloader-bg"> + <div id="preloader">
   Both are position:fixed, 100% x 100%, background:#fff, z-index
   999999 — so they cover the whole viewport.

   custom.js then fades them out on a fixed timer, NOT on an
   actual load event:
       $("#preloader").fadeOut(700);
       $(".preloader-bg").delay(700).fadeOut(700);
   = 1400ms of animation that begins when the footer script parses.

   Measured live at 1440px before this rule: the white sheet was
   still on screen ~800ms AFTER the load event had fired, i.e. it
   was hiding a page that was already finished. That is the flash
   Tim sees when moving between pages.

   Hiding both elements in CSS is enough — nothing else in the
   theme reads them, and the fadeOut() calls run harmlessly against
   an already-hidden node. Done here in the CHILD theme so a parent
   theme update cannot undo it.

   NB: there is a dead block in thecappa/footer.php that hides
   #preloader for page IDs 28332/28859/28827/28423 — those IDs do
   not exist on this install (leftover from the site this was
   cloned from) and it never hid .preloader-bg anyway.
   ------------------------------------------------------------ */
.preloader-bg,
#preloader {
    display: none !important;
}