/*
Theme Name: Whiskey
Theme URI: https://opencollective.com/blankslate
Template: blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2026.1773211294
Updated: 2026-03-11 06:41:34

*/

@import url(common/css/variables.css);
@import url(common/css/footer.css);
@import url(common/css/home.css);
@import url(common/css/header.css);
@import url(common/css/page.css);
@import url(common/css/form.css);
@import url(common/css/page-services.css);
@import url(common/css/page-classic-gym.css);
@import url(common/css/contact.css);
@import url(common/css/page-coffee.css);


body {
    background-repeat: no-repeat;
    background-image: url('/wp-content/uploads/2026/03/Gradient_back.webp');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

@media (max-width: 991px) {
    body {
        background-image: url('/wp-content/uploads/2026/03/Gradient4_back.webp');
    }
}

.spacing {
    padding: 60px 144px;
}
@media (min-width: 1251px) and (max-width: 1500px) {
.spacing {
    padding: 60px 100px;
}
}
@media (min-width: 992px) and (max-width: 1250px) {
.spacing {
    padding: 60px 70px;
}
}
@media (max-width: 991px) {
.spacing {
    padding: 60px 20px;
}
}

/* YELLOW BUTTON HERE */
button.yellow_btn {
    width: 252px;
    height: 52px;
    background-color: transparent;
    color: #E6FF59;
    font-family: var(--third--font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 3px solid #E6FF59;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
    overflow: hidden;
}
button.yellow_btn p {
    position: relative;
    z-index: 1;
}
button.yellow_btn:hover {
    color: #151515;
    transition: all ease-in-out .3s;
}
button.yellow_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #E6FF59;
    width: 0;
    height: 52px;
    transition: all ease-in-out .3s;
}
button.yellow_btn:hover::before {
    width: 100%;
    transition: all ease-in-out .3s;
}

/* BLUE BUTTON HERE */
button.btn_blue {
    width: 252px;
    height: 52px;
    background-color: #007BA6;
    color: #FFFFFF;
    font-family: var(--third--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
    overflow: hidden;
}
button.btn_blue p {
    position: relative;
    z-index: 1;
}
button.btn_blue:hover {
    color: #151515;
    transition: all ease-in-out .3s;
}
button.btn_blue::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #E6FF59;
    width: 0;
    height: 52px;
    transition: all ease-in-out .3s;
}
button.btn_blue:hover::before {
    width: 100%;
    transition: all ease-in-out .3s;
}

/* BLUE TRASPARENT BUTTON HERE */
button.btn_blue_trasparent {
    width: 252px;
    height: 52px;
    background-color: transparent;
    color: #007BA6;
    font-family: var(--third--font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 3px solid #007BA6;
    position: relative;
    cursor: pointer;
    transition: all ease-in-out .3s;
    overflow: hidden;
}
button.btn_blue_trasparent p {
    position: relative;
    z-index: 1;
}
button.btn_blue_trasparent:hover {
    color: #151515;
    transition: all ease-in-out .3s;
}
button.btn_blue_trasparent::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #007BA6;
    width: 0;
    height: 52px;
    transition: all ease-in-out .3s;
}
button.btn_blue_trasparent:hover::before {
    width: 100%;
    transition: all ease-in-out .3s;
}

@media (max-width: 991px) {
.service_btn.desktop {
    display: none;
}
.service_btn.mobile {
    display: block;
}
button.yellow_btn {
    background-color: var(--yellow);
    color: #212027;
    font-size: 16px;
    width: 200px;
    height: 40px;
}
}