/*
Theme Name: roomspa
Theme URI: https://susnet.co.uk/
Author: Susnet
Author URI: https://susnet.co.uk
*/

/* Global Styles */
body .bg-dark {background: #191919 !important;}
body p {}
body h1 {font-size: 2.5rem;}
body h2 {}
body h3 {}
body h4 {}
body h5 {}
.elementor {padding-top: 91.5px;}
.top-button .btn-primary {color: #191919;background-color: #aaaaaa;border-color: #aaaaaa;}
.top-button .btn-primary:hover, .top-button .btn-primary:focus {color: #191919;background-color: #dec594;border-color: #dec594;}

@media (max-width: 767px) {
.blog .row .col, .archive .row .col  {padding-left: 30px !important;padding-right: 30px !important;}
.blog .card .row, .archive .card .row {--bs-gutter-x: 0px;}
.blog .card.horizontal .card-body, .arhcive .card.horizontal .card-body {padding: 20px 0px;}
.row > * {padding-left: 0px !important;padding-right: 0px !important;}
.entry-header, .entry-footer, #secondary {padding-left: 30px !important; padding-right: 30px !important;}
.breadcrumb {margin-left: 20px; margin-right: 20px; white-space:normal !important;margin-top: 0px;}
.indexheader {margin-bottom: 30px !important;}
}


/* Header Styles */
header {position: fixed; width: 100%; background: #191919;z-index: 6;}
.rsheader {max-width: 1320px;margin: 0px auto;background: #191919;padding-top: 1rem; padding-bottom: 1rem;display: flex;align-items: center;}
.rsheader-left {flex-grow: 1;padding-left: 10px;padding-right: 10px;z-index: 99;position: relative;}
.rsheader-right {flex-grow: 3;display: flex;justify-content: right;align-items: center;padding-left: 10px;padding-right: 10px;}
.rslogo {position: relative; z-index: 99;}
.rslogo img {display: block;}
@media (max-width: 1329px) {
.rsheader {padding-left: 20px !important;padding-right: 20px !important;}
}
@media (max-width: 767px) {
.rslogo img {width: 120px;}
.rsheader-left {padding-right: 0px;}
.rsheader-right {padding-left: 0px;}
}


/* Menu Styles */
#toggle {display: none;}
.hamburger {z-index: 5;position: relative;cursor: pointer;margin-left: 15px;}
.hamburger div {position: relative;width: 2em;height: 4px;border-radius: 3px;background-color: #dec594;margin-top: 6px;transition: all 0.3s ease-in-out;}
.hamburger .top-bun {margin-top: 0px;}
.rsnav {position: fixed;width: 100%;height: 100%;background-color: #191919;top: 0%; left: 100%; right: 0; bottom: 0;overflow: hidden;transition: all 0.3s ease-in-out;}
.rsnav-wrapper {position: relative;overflow: hidden;overflow-y: auto;height: 100%;display: flex;align-items: center;justify-content: center;}
#rsmenu {list-style: none;padding-left: 0px;margin-bottom: 0px;text-align: left;}
#rsmenu li a {color: #dec594; font-size: 28px;font-family: 'Prata', serif; font-weight: bold;padding-left: 0px;}
#rsmenu li a:hover {color: #777777;}
.hamburger-contact {font-family: 'Prata', serif; font-weight: bold; font-size: 20px;color: #aaaaaa;}
.hamburger-contact a {color: #dec594;}
.hamburger-contact a:hover {color: #777777;}
.hamburger-contact h3 {font-size: 35px;font-family: 'Prata', serif;font-weight: bold; margin-bottom: 15px;}
.hamburger-socials a {font-size: 35px; margin-right: 10px;}
#toggle:checked + .hamburger .top-bun {transform: rotate(-45deg);margin-top: 10px;background-color: #dec594;}
#toggle:checked + .hamburger .bottom-bun {opacity: 0;transform: rotate(45deg);background-color: #dec594;}
#toggle:checked + .hamburger .meat {transform: rotate(45deg);margin-top: -5px;background-color: #dec594;}
#toggle:checked + .hamburger + .rsnav {left: 0;z-index: 4;}
#rsmenu {opacity: 0;transition: all 0.3s ease-in-out;transition-delay: 0s;width: 400px;}
#toggle:checked + .hamburger + .rsnav #rsmenu {opacity: 1;transition-delay: 0.25s;}
.hamburger-contact {width: 400px; text-align: left; opacity: 0; transition: all 0.3s ease-in-out;transition-delay: 0s;}
#toggle:checked + .hamburger + .rsnav .hamburger-contact {opacity: 1;transition-delay: 0.50s;}

#rslogo {z-index: 999; position: absolute;margin-top: -22px;opacity:0;}
#rslogo.active {display: block;transition: all 0.3s ease-in-out;transition-delay: 0.25s;opacity:1;}

@media (max-width: 767px) {
.rsnav-wrapper {flex-direction: column;}
#rsmenu {margin-bottom: 30px;width: 100%; padding-left: 30px;margin-top: 20px;}
#rsmenu li a {font-size: 22px;}
.hamburger-contact  {font-size: 16px;}
.hamburger-contact h3 {font-size: 28px;}
.hamburger-contact {width: 100%; padding-left: 30px;}
.hamburger-socials a {font-size: 28px;}
.hamburger div {width: 1.7em;}
}

/* Footer Styles */
footer {color: #ffffff;}
footer a:hover, footer a:focus {color: #69a187;}
footer .border-top {border-top:1px solid #333 !important;}
footer .sociallinks a {font-size: 35px;margin-right: 5px;color: #dec594;}
footer .sociallinks a:hover, footer .sociallinks a:focus {color: #e63946;}
footer h4 {color: #ffffff;}
footer .interesting {text-align: right;}
footer .interesting p {margin-bottom: 0px;font-size: 12px;}
footer .interesting h4 {font-family: 'Roboto', sans-serif;}
body .susnet-footer {padding-top: 1rem !important;padding-bottom: 1rem !important;padding-left: 25px; padding-right: 25px;}
.site-info {font-size: 11px;margin-top: 10px;margin-bottom: 10px;}
.footersocial {text-align: center;border-bottom: 1px solid #333 !important;padding-bottom: 1rem !important;margin-bottom: 2rem;}
.footersocial a {color: #dec594 !important; font-size: 30px; margin-left: 10px; margin-right: 10px;}
footer h2 {font-family: "Roboto", Sans-serif;font-size: 20px !important;}
footer ul {list-style: none;padding-left: 0px;}
footer ul li a {color: #ffffff;}


/* Form Styles */
.contactform .wpcf7-text, .contactform .wpcf7-textarea {width: 100% !important;border: 1px solid #ccc !important;padding: 8px !important;margin-bottom: 10px !important;}


/* Blog Styles */
.post-template-default h1 {font-weight: bold; font-size: 36px; font-family: "Roboto", Sans-serif;}
#secondary h2 {font-size: 24px;font-family: "Roboto", Sans-serif;font-weight: bold;}
.blog #content, .archive #content {margin-top: 0px !important; padding-top: 0px !important;}
.indexheader{background-image: url("https://www.naturegain.co.uk/wp-content/uploads/2022/09/header.jpg");background-position: center center;background-size: cover;color: #ffffff;margin-bottom: 40px;padding-left: 20px;padding-right: 20px;}
.post-template-default #content {padding-top: 0px !important;}
#secondary h2 {font-size: 22px;}
.indexheader h1, .blogheading {color: #FFFFFF;font-size: 40px;font-weight: 600;font-family: "Roboto", Sans-serif;text-transform: uppercase;margin-bottom: 0px;line-height: 1.2;}
.tags-links {color: #333333;font-family: 'Open Sans', sans-serif; font-size: 13px;}
.tags-links a {font-size: 12px;padding-top: 6px; padding-bottom: 6px;margin-bottom: 5px;margin-top: 5px !important}
.tags-links a:hover, .tags-links a:focus {color: #ffffff !important; text-decoration: underline !important;}
.blog-post-title {font-weight: 600;font-family: "Roboto", Sans-serif;text-transform: uppercase;text-decoration: none !important;}
.blog-post-title a {text-decoration: none !important;}
.card-text p {margin-top: 10px;}
.category-badge .badge:hover {color: #ffffff !important;text-decoration: underline !important;}

/* Bookly Styles */
.bookly-service-step .bookly-time-range select {width: 72px !important;}
body .bookly-form .bookly-form-group > label, body .bookly-form .bookly-progress-tracker > .active {color: #000000 !important;}
body .bookly-btn, .bookly-btn > span {color: #dfc594 !important;font-family: 'Prata', serif;padding-top: 4px; font-size: 14px !important;}
body .bookly-form .bookly-btn {background-color: #191919 !important;}
body button.bookly-btn:hover span {color: #191919 !important;}
body .bookly-form .bookly-service-step .bookly-week-days label {background-color: #191919 !important;}

@media (max-width: 1329px) {
body .elementor-section {padding-left: 20px !important; padding-right: 20px !important;}
}

@media (max-width: 991px) {
footer .interesting {text-align: left;}
}

@media (max-width: 767px) {
footer .interesting {text-align: left;}
footer h4 {font-size: 15px;}
}

/* Contact Styles */
.wpcf7-text, .wpcf7-textarea {width: 100%;border: 1px solid #ccc;padding: 8px; margin-bottom: 10px;}
.wpcf7-textarea {height: 150px;}
 .wpcf7-submit {background-color: #233e39 !important;color: #ffffff; font-size: 14px;
 font-family: 'Roboto Condensed', sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 20px;
padding-right: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 0px solid transparent;
box-sizing: border-box;
word-wrap: break-word;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
position: relative;
top: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
line-height: normal;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
 }
.wpcf7-submit:hover, .wpcf7-submit:focus {background: #426655 !important;}



.neon_btn:hover {
  box-shadow: 0 0 0px #ABA27C, 0 0 0px #ABA27C, 0 0 0px #ABA27C, 0 0 0px #ABA27C !important;
}

.elementor-slideshow__header {background: #000;}

/* widget: Neon Glowing Button Effect */
.ue-btn-txt {font-family: 'Prata', serif;position: relative;top: 3px;}

#uc_neon_glowing_button_effect_elementor {position: relative; z-index: 99;}
#uc_neon_glowing_button_effect_elementor .ue-btn {
  display: flex;
  align-items: center;
}

.ue-btn {
  gap: 10px;
}

#uc_neon_glowing_button_effect_elementor *{
    margin: 0;
    box-sizing: border-box;
}

#uc_neon_glowing_button_effect_elementor .ue-btn
{
  display:flex;
  align-items:center;
}

#uc_neon_glowing_button_effect_elementor .ue-btn svg
{
  height:1em;
  width:1em;
}


#uc_neon_glowing_button_effect_elementor a{
    position: relative;
    display: inline-block;
    text-decoration: none;
    transition: 0.5s;
    overflow: hidden;
    color: #dec594;
	padding: 15px 15px 15px 15px;
}
#uc_neon_glowing_button_effect_elementor a:hover{
    background: #dec594;
	color: #191919;
    box-shadow: 0 0 5px #dec594,
                0 0 25px #dec594,
                0 0 50px #dec594,
                0 0 200px #dec594;
}

#uc_neon_glowing_button_effect_elementor a span{
    position: absolute;
    display: block;
}
#uc_neon_glowing_button_effect_elementor a span:nth-child(1){
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#dec594);
    animation: animate1 1s linear infinite;
}
@keyframes animate1{
    0%{
        left: -100%;
    }
    50%,100%{
        left: 100%;
    }
}
#uc_neon_glowing_button_effect_elementor a span:nth-child(2){
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg,transparent,#dec594);
    animation: animate2 1s linear infinite;
    animation-delay: 0.25s;
}
@keyframes animate2{
    0%{
        top: -100%;
    }
    50%,100%{
        top: 100%;
    }
}
#uc_neon_glowing_button_effect_elementor a span:nth-child(3){
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg,transparent,#dec594);
    animation: animate3 1s linear infinite;
    animation-delay: 0.50s;
}
@keyframes animate3{
    0%{
        right: -100%;
    }
    50%,100%{
        right: 100%;
    }
}


#uc_neon_glowing_button_effect_elementor a span:nth-child(4){
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg,transparent,#dec594);
    animation: animate4 1s linear infinite;
    animation-delay: 0.75s;
}
@keyframes animate4{
    0%{
        bottom: -100%;
    }
    50%,100%{
        bottom: 100%;
    }
}

@media (max-width: 767px) {
#uc_neon_glowing_button_effect_elementor a {font-size: 14px;}
}


/* Book Now Styles */

body #booknetic_theme_1 .booknetic_btn_primary, body #booknetic_theme_1 .booknetic_selected_time, body #booknetic_theme_1 .booknetic_calendar_selected_day > div {
  background: #191919 !important;
  color: #dfc594 !important;
}

body #booknetic_theme_1 .booknetic_service_category, body #booknetic_theme_1 .booknetic_service_extra_title, body #booknetic_theme_1 .booknetic_times_title, body #booknetic_theme_1 .booknetic_text_primary {color: #191919 !important;}


@media (max-width: 767px) {
.elementor-90 .elementor-top-section {padding-left: 0px !important; padding-right: 0px !important;}
.booknetic_company_logo {display: none;}
}