/*
Theme Name: Strefa stylizacji 2026
Author: Filip Klar
Author URI: http://fklar.pl/

*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a {
    text-decoration: none;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

html, body {
    font-size: 21px;
}

@media (max-width: 1399.98px) {

    html, body {
        font-size: 18px;
    }

}

@media (max-width: 1199.98px) {

    html, body {
        font-size: 16px;
    }

}

@media (max-width: 767.98px) {

    html, body {
        font-size: 21px;
    }

}

:root {
    --heading-font: 'Soleil', sans-serif;
    --text-font: 'Soleil', sans-serif;
    --black: #000;
    --dark: #404040;
    --dark2: #707070;
    --darkest: #000;
    --gold: #D5AC62;
    --gold-filter: invert(66%) sepia(38%) saturate(489%) hue-rotate(5deg) brightness(101%) contrast(87%);
    --gold2: #D5B498;
    --light: #F5F5F5;
    --white: #FFF;
    --navy: #30537B;
    --navbar-height: 3rem;
    --pink-transparent: #D7BCB8B3;
    --dark-pink: #C59E99;
    --dark-pink-rgb: 197, 158, 153;
    --beige: #D1A986;
    --beige-rgb: 209, 169, 134;
    --beige-filter: brightness(0) saturate(100%) invert(78%) sepia(19%) saturate(412%) hue-rotate(349deg) brightness(97%);
    --bs-btn-font-weight: 300;
    --dark-pink-filter: invert(73%) sepia(18%) saturate(412%) hue-rotate(314deg) brightness(98%) contrast(85%);
}

html, body {
    /* overflow-x: hidden; */
    width: 100%;
}

body.modal-open {
    padding-right: 0 !important;
}

img {
    object-fit: scale-down;
}

.btn-secondary {
    --bg: #A2A1A1;
    --bs-btn-bg: var(--bg);
    --bs-btn-border-color: var(--bg);
    font-weight: 300;
}

body {
    font-family: var(--text-font);
    color: var(--dark);
    font-weight: 300;
}

p:last-child {
    margin-bottom: 0;
}

.header-logo {
    max-height: 4rem;
}

@media (max-width: 767.98px) {

    .header-logo {
        max-height: 2.5rem;
    }

}

.bg-white {
    background: var(--white);
}

.glam-bg {
    background-image: url('img/glam-bg.webp');
    /* background-size: 100% auto; */
    /* background-position: center; */
    
    /* background-position: top center; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 991.98px) {

    .page-makeup-content,
    .page-treatments-content {
        /* background-repeat: repeat !important;
        background-size: auto !important;
        background-attachment: fixed !important;
        background-position: center !important;
        position: relative; */
        background: transparent !important;
    }

    /* fix makeup background Safari */

    body.page-makeup,
    body.page-zabiegi {
        position: relative;
    }

    body.page-makeup {
        --bg-sm-width: 128%;
    }

    body.page-zabiegi {
        --bg-sm-width: 180%;
    }

    body.page-makeup::before,
    body.page-zabiegi::before {
        background-repeat: repeat !important;
        /* background-size: auto !important; */
        background-size: cover !important;
        /* background-attachment: fixed !important; */
        background-position: center;

        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;

        width: var(--bg-sm-width);
        --offset-x: calc((100% - var(--bg-sm-width)) / 2);
        left: var(--offset-x);
        right: var(--offset-x);

    }

    body.page-makeup::before {
        background-image: url('img/glam-bg.webp');
        background-position: top center;
    }

    body.page-zabiegi::before {
        background-image: url('img/water-bg.webp');
        background-position: top right;
        left: auto;
        right: 0;

    }

}

.start-main-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.front-title-outer {
    margin-bottom: 4rem;
}

.front-title {
    font-size: 2rem;
    margin-bottom: .666rem;
}

.front-title * {
    white-space: nowrap;
}

.front-subtitle {
    font-size: 1.4rem;
    margin: 0;
}

.add-shadow-551 {
    text-shadow: 0.5px 0.5px 1px #00000029;
}

.add-shadow-515 {
    text-shadow: 0.5px 1px 0.5px #00000029;
}

.add-shadow-555 {
    text-shadow: 0.5px 0.5px 0.5px #00000029;
}

.add-shadow-022 {
    text-shadow: 0px 2px 2px #00000029;
}

.text-shadow-336 {
    text-shadow: 3px 3px 6px #00000029;
}

.box-shadow-336 {
    box-shadow: 3px 3px 6px #00000029;
}

.text-inherit {
    color: inherit;
}

.text-pink {
    color: var(--dark-pink);
}

body.home  {
    background-color: var(--light);
}

.start-brands .brand-desc {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.start-brands .brand-logo-outer {
    background: var(--white);
    border: 1px solid var(--gold);
    padding: 1rem 2.5rem;
    height: 165px;
    display: flex;
    transition: transform .25s ease;
    transform: scale(1);
    align-items: center;
    justify-content: center;
}

.start-brands .brand-logo-outer:hover {
    transform: scale(1.075);
}

.start-brands .brand-logo-outer img {
    object-fit: contain;
    filter: drop-shadow(0.5px 2px 0.5px #00000029);
    max-height: 4rem;
    width: 12rem;
}

@media (max-width: 767.98px) {

    .start-brands .brand-logo-outer img {
        max-height: 3rem;
        width: 9rem;
    }

}

@media (min-width: 768px) {

    .start-brands .brand-logo-outer img {
        max-height: 3rem;
        width: 10rem;
    }

    .brand-logo-id-18 img {
        margin-top: 7%;
    }

    .brand-logo-id-20 img {
        margin-top: -3%;
    }

}

@media (min-width: 992px) {

    .start-brands .brand-logo-outer img {
        max-height: 3.75rem;
        width: 12rem;
    }

    .brand-logo-id-18 img {
        margin-top: 7%;
    }

    .brand-logo-id-20 img {
        margin-top: -3%;
    }

}

@media (min-width: 1200px) {

    .brand-logo-id-18 img {
        margin-top: 6%;
    }

    .brand-logo-id-20 img {
        margin-top: -3%;
    }

}

.site-footer {
    background-color: var(--light);
    border-top: 2px solid var(--gold);
    font-size: 1.1rem;
    color: var(--darkest);
    padding-top: 6rem;
    padding-bottom: 6rem;
    position: relative;
}

.site-footer .row > :last-child {
    align-self: end;
}

.site-footer .widget-title {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1199.98px) {

    .site-footer {
        font-size: .9rem;
    }

    .site-footer .widget-title {
        font-size: 1rem;
    }

}

.dev-outer {
    color: rgba(0,0,0,.01);
    font-size: .5rem;
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
}

.dev-outer a {
    color: inherit;
}

.textwidget p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1198.98px) {

    .start-brands .brand-logo-outer {
        height: 100px;
    }

}

@media (max-width: 767.98px) {

    .start-main-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .front-title-outer {
        margin-bottom: 2rem;
    }

    .front-title {
        font-size: 1.7rem;
    }

    .front-subtitle {
        font-size: 1.4rem;
    }

    .start-brands .brand-logo-outer {
        height: 100px;
    }

    .start-brands .brand-logo-outer {
        padding: 1rem 2rem;
    }

    .site-footer {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

}

.makeup-banner {
    background-size: cover;
    background-position: center center;
    height: 100vh;
    height: 100dvh;
    height: 100svh;
    --offset: 1rem;
}

.makeup-banner .banner-text {
    color: var(--white);
    margin: var(--offset);
    font-size: 1.2rem;
    line-height: 1.3;
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .makeup-banner {
        --offset: 2rem;
    }

}

.navbar {
    --bs-nav-link-font-size: .95rem;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--dark);
}

.navbar-nav .nav-link:hover {
    color: var(--dark-pink);
}

.navbar-nav .nav-link img {
    --size: 1.5rem;
    width: var(--size);
    height: var(--size);
    filter: var(--dark-pink-filter);
    vertical-align: baseline;
}

.navbar-toggler, .navbar-toggler:focus {
    border: none;
    box-shadow: none;
}

.btn-close:focus {
    border: none;
    box-shadow: none;
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 2rem;
    height: 1.125rem;
}

.hamburger span {
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--dark2); /* kolor */
    border-radius: 0;
}

.navbar-light {
    background: rgba(255,255,255,.8);
}

.banner-links ul {
    list-style: none;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.45rem;
}

.banner-links li {
    display: block;
    position: relative;
    text-align: center;
}

.banner-links a {
    position: relative;
    z-index: 2;
    color: var(--dark);
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1;
    --padding-y: .25rem;
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
    background: rgba(255,255,255,.8);
}

.banner-links li:hover a {
    color: var(--white);
    --bg: var(--dark-pink-rgb);
    background: rgba(var(--dark-pink-rgb),.75);
}

@media (max-width: 991.98px) {

    .navbar-light {
        --bs-navbar-padding-y: 1rem;
    }

    .makeup-banner {
        margin-top: calc(-1 * var(--navbar-height));
    }

    .banner-content {
        padding-top: var(--navbar-height);
    }

    .makeup-banner {
        /* background-size: 200% auto; */
        background-position: top 30% center;
    }

    .banner-links {
        position: absolute;
        top: auto;
        right: var(--offset);
        bottom: var(--offset);
        left: var(--offset);
    }

    .banner-links ul {
        justify-content: space-between;
        gap: calc(var(--offset) * .75);
    }

    .banner-links li {
        width: 25%;
        text-align: center;
    }

}

@media (max-width: 767.98px) {

    .makeup-banner {
        background-size: 200% auto;
        background-position: top 20% left 60%;
    }

    .banner-links ul {
        flex-direction: column;
        gap: calc(var(--offset) * .75)
    }

    .banner-links li {
        width: 100%;
        text-align: center;
    }

}

@media (min-width: 992px) {

    .navbar {
        --bs-navbar-nav-link-padding-x: 1rem;
    }

    .makeup-banner {
        background-size: cover;
        background-position: top 42% center;
        --bs-aspect-ratio: 50%;
        height: auto;
        margin-top: 3rem;
    }

    .makeup-banner .banner-text {
        font-size: 1.9rem;
        max-width: 33%;
        margin: 3.5rem 2.5rem;
    }

    .banner-links {
        position: absolute;
        --offset: 3rem;
        top: auto;
        right: var(--offset);
        bottom: calc(1.25 * var(--offset));
        left: var(--offset);
    }

    .banner-links ul {
        justify-content: space-between;
    }

    .banner-links li {
        width: 25%;
        text-align: center;
    }

}

@media (min-width: 1400px) {

    .makeup-banner .banner-text {
        margin: 5rem 4rem;
    }

}

.voucher-section {
    position: relative;
}

.voucher-title {
    font-size: 1.9rem;
    color: var(--dark);
    font-weight: bold;
}

.voucher-text {
    color: var(--white);
    position: relative;
    --padding-y: 3rem;
    padding-top: var(--padding-y);
    padding-bottom: var(--padding-y);
    font-size: 1.4rem;
}

.no-bg .voucher-text {
    color: var(--dark);
}

.voucher-text p:last-child {
    margin-bottom: 0;
}

.voucher-img {
    position: relative;
    z-index: 9;
    width: 100%;
    /* background: rgba(0,0,0,.3); */
    transform: scale(1.4);
    display: block;
    --offset: 3rem;
    margin-top: calc(-1 * var(--offset));
    /* margin-bottom: calc(-1 * var(--offset)); */
}

.voucher-bg {
    position: absolute;
    top: 3.5rem;
    bottom: 4rem;
    width: 100%;
    height: auto;
    z-index: 0;
    background-size: cover;
}

@media (max-width: 1399.98px) {

    .voucher-img {
        transform: scale(1.2);
        --offset: 3rem;
    }

}

@media (max-width: 991.98px) {

    .voucher-img {
        transform: scale(.9);
        --offset: 1rem;
    }

    .voucher-bg {
        top: 4.5rem;
        bottom: 4rem;
    }

}

@media (max-width: 767.98px) {

    .voucher-img {
        transform: scale(.8);
        --offset: 3rem;
    }

    .voucher-bg {
        top: 4rem;
        bottom: 13rem;
    }

}

.no-bg .voucher-bg {
    background-color: rgba(var(--dark-pink-rgb),.75);
}

.voucher-section,
.makeup-page-section {
    margin-top: var(--offset-y);
    margin-bottom: var(--offset-y);
}

.voucher-section {
    --offset-y: 3rem;
}

.makeup-page-section {
    --offset-y: 7rem;
}

@media (max-width: 767.98px) {

    .makeup-page-section {
        --offset-y: 3rem;
    }

}

.page-treatments-content {
    background-image: url('img/water-bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-treatments-content,
.page-makeup-content {
    /* overflow-x: hidden; */
    width: 100%;
    position: relative;
}

.page-makeup-content {
    padding: 1px 0;
}

.what-i-do-title {
    font-size: 1.9rem;
    font-weight: bold;
    text-align: center;
}

.what-i-do-text {
    background: rgba(var(--dark-pink-rgb), .69);
    color: var(--white);
    font-size: 1.66rem;
    --offset-y: 2rem;
    padding-top: var(--offset-y);
    padding-bottom: var(--offset-y);
}

.what-i-do-text.golden-bg {
    background: var(--gold2);
}

@media (max-width: 767.98px) {

    .what-i-do-text {
        font-size: 1.19rem;
        min-height: 100svh;
    }

    .what-i-do-text p {
        margin-left: 2rem;
        margin-right: 2rem;
    }

}

.section-treatments,
.section-treatments-start,
.section-treatment-contact-icons {
    --offset-y: 4rem;
    padding-top: var(--offset-y);
    padding-bottom: var(--offset-y);
}

.section-treatment-contact-icons {
    padding-top: 0;
}

@media (min-width: 1200px) {

    .section-treatments,
    .section-treatments-start {
        --offset-y: 6rem;
    }

}

.single-treatment {
    padding: 2rem 1rem;
    border: 3px solid var(--gold);
    font-size: 1.095rem;
    text-align: center;
}

.treatment-title {
    color: var(--navy);
    font-size: 1.4285rem;
    font-weight: 300;
    padding: 0 1rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .single-treatment .treatment-title {
        font-size: 1.2rem;
        height: 3lh;
    }

}

@media (min-width: 992px) {

    .single-treatment .treatment-title {
        /* padding: 0 2rem; */
        height: 3lh;
    }

}

.single-treatment .treatment-title strong {
    font-weight: bold;
}

.single-price {
    color: var(--dark2);
    font-size: 2.38rem;
    font-weight: bold;
    line-height: 1;
}

.single-price small {
    font-size: 1.4285rem;
}

.single-treatment .single-price {
    margin: 1.5rem auto;
}

.treatment-text,
.makeup-text {
    color: var(--dark2);
    font-size: 1.095rem;
}

.treatment-ad {
    color: var(--dark2);
    font-size: .95rem;
    font-style: italic;
    margin-top: 1rem;
}

.subtitle-with-line {
    --x: 0;
    --width: 25%;
    font-size: 1.4285rem;
    color: var(--dark2);
    text-align: center;
    position: relative;
    font-weight: normal;
    text-transform: uppercase;
    /* margin-bottom: 4rem; */
    margin-bottom: calc(var(--offset-y) / 3);
}

@media (max-width: 767.98px) {

    .subtitle-with-line {
        --width: 20%;
        margin-bottom: var(--offset-y);
    }

}

.subtitle-with-line::before,
.subtitle-with-line::after {
    content: '';
    width: var(--width);
    height: 1px;
    background: var(--dark2);
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}

.subtitle-with-line::before {
    left: var(--x);
    right: auto;
}

.subtitle-with-line::after {
    right: var(--x);
    left: auto;
}

@media (max-width: 767.98px) {

    .subtitle-with-line {
        --x: -.75rem;
    }

}

@media (min-width: 1200px) {

    .subtitle-with-line {
        --width: 33.33%;
    }

}

.portfolio-title {
    font-style: italic;
    color: var(--dark2);
    font-weight: 300;
    font-size: 1.095rem;
}

.course-title {
    color: var(--dark);
    font-size: 1.0476rem;
}

.course-meta {
    color: var(--dark);
    font-weight: bold;
    font-size: 1.238rem;
}

@media (min-width: 768px) {

    .course-title {
        height: 2lh;
    }

}

.makeup-title {
    display: inline-block;
    margin: 0;
}

.plain-subtitle {
    text-align: center;
    color: var(--dark2);
    font-size: 1.9rem;
    font-weight: bold;
}

.contact-after {
    color: var(--dark2);
    font-weight: bold;
    font-size: 1.095rem;
}

.golden-gradient-text {
    background: radial-gradient(
    circle,
    #E5C478,
    #D5AC62,
    #7B4D26
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.reel-cover {
    display: block;
    position: relative;
}

.reel-cover .reel-cover-img {
    transition: transform .25s ease;
    transform: scale(1);
}

.reel-cover:hover .reel-cover-img {
    transform: scale(1.05);
}

.reel-play {
    filter: invert(100%) brightness(2);
    position: absolute;
    top: auto;
    right: 0;
    bottom: 1.5rem;
    left: 0;
    margin: auto;
    max-width: 30%;
    width: 5rem;
}

.video-modal {
    --bs-modal-bg: var(--black);
    --bs-modal-color: var(--white);
    --bs-btn-close-color: var(--white);
    --bs-modal-header-border-color: rgba(255,255,255,.1);
}

.video-modal .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    border: none !important;
}

.video-modal .modal-body {
    overflow-y: hidden;
}

.video-modal .btn-close {
    filter: invert(1);
    transform: scale(1.5);
}

#videoContainer video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    /* max-height: 100vh; */
    /* max-height: 100dvh; */
    /* max-height: calc(100vh - 55px); */
}

hr.sep {
    border-color: var(--dark2);
    color: var(--dark2);
    margin: var(--offset-y) 0;
    opacity: 1
}

.work-social-text {
    font-size: 1.66rem;
}

.work-social-text .social-outer {
    font-style: italic;
}

.work-social-text .social-outer img {
    --size: 2rem;
    width: var(--size);
    height: var(--size);
    filter: var(--gold-filter);
    vertical-align: middle;
    display: inline-block;
    margin-right: .5rem;
}

.publications-text {
    font-weight: normal;
}

.publications-text .counter {
    font-size: 3.33rem;
}

@media (max-width: 767.98px) {

    .work-social-text .social-outer {
        font-size: 1.095rem;
    }

    .work-social-text .social-outer img {
        --size: 1.25rem;
    }

    .publications-text {
        font-size: 1.4285rem;        
    }
    
}

.section-treatments-start .single-line {
    display: inline-block;
    background: var(--beige);
    color: var(--white);
    padding: 1rem 1rem;
    font-size: 1.9rem;
}

.section-treatments-start .single-line ~ .single-line {
    margin-top: .5rem;
}

.section-treatments-start .block-img {
    --offset: 6rem;
    transition: all .125s;
    transition-delay: 0;
}

.section-treatments-start .block-img:hover {
    --offset: 3rem !important;
    transition: all .25s;
    transition-delay: .125s;
}

.section-treatments-start .block-img.img-odd {
    margin-bottom: var(--offset);
}

.section-treatments-start .block-img.img-even {
    margin-top: var(--offset);
}

@media (max-width: 991.98px) {

    .section-treatments-start .single-line {
        background-color: rgba(var(--beige-rgb), .83);
        font-size: 1.4285rem;
        padding: .5rem;
        position: relative;
        z-index: 10;
    }

}

@media (max-width: 767.98px) {

    .section-treatments-start {
        /* background: var(--first-img) center center no-repeat; */
        /* background-size: cover; */
        height: 100vh;
        height: 100dvh;
        height: 100svh;
        padding: 2rem .5rem;
        margin-bottom: calc(-1 * var(--navbar-height));
    }

    .section-treatments-start .single-line {
        font-size: 1.2rem;
    }

    .mobile-reel-bg {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 1;
        height: 100%;
        height: 100vh;
        height: 100svh;
        height: calc(100svh - var(--navbar-height));
    }

    .mobile-reel-bg .reel-cover {
        height: 100%;
    }

    .mobile-reel-bg .block-img {
        height: 100vh;
        height: 100svh;
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: calc(-1 * var(--navbar-height));
    }

    .mobile-reel-bg .reel-play {
        bottom: 3.5rem;
    }

    body .section-treatments-start .block-img {
        --offset: 0 !important;
    }

}

.icon-magazine {
    filter: var(--dark-pink-filter);
    --size: 8rem;
    width: var(--size);
    height: var(--size);
    max-width: 50%;
}

/* Slider fixes */

.gs_logo_area.carousel_nav_pos--left-right .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right .swiper-button-prev, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-next, .gs_logo_area.carousel_nav_pos--left-right-out .swiper-button-prev {
    opacity: 1;
    visibility: visible;
}

.gs_logo_area .swiper-button-prev,
.gs_logo_area .swiper-button-next {
    --offset: 3.5%;
}

.gs_logo_area .swiper-button-prev {
    left: calc(-1 * var(--offset));
    right: auto;
}

.gs_logo_area .swiper-button-next {
    right: calc(-1 * var(--offset));
    left: auto;
}

.gs_logo_area {
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
}

.gs_logo_area .swiper-button-prev,
.gs_logo_area .swiper-button-next {
    position: absolute;
    --size: 4rem;
    width: var(--size);
    height: var(--size);
    background: transparent;
    border-radius: 0;
}

@media (max-width: 767.98px) {

    .gs_logo_area .swiper-button-prev,
    .gs_logo_area .swiper-button-next {
        --offset: 2%;
        --size: 3rem;
    }

    .gs_logo_area {
        --padding-x: 1rem;
    }

}

.gs_logo_area.carousel_nav_pos--left-right .swiper-button-prev {
    border-top: 1px solid var(--dark);
    border-left: 1px solid var(--dark);
    transform: scale(0.75, 1) translate(0, -50%) rotate(-45deg);
}

.gs_logo_area.carousel_nav_pos--left-right .swiper-button-next {
    border-top: 1px solid var(--dark);
    border-right: 1px solid var(--dark);
    transform: scale(0.75, 1) translate(0, -50%) rotate(45deg);
}

.gs_logo_area .swiper-button-next svg, .gs_logo_area .swiper-button-prev svg {
    display: none;
}

.contact-form-section {
    background-color: var(--pink-transparent);
    --offset-y: 3rem;
    padding-top: var(--offset-y);
    padding-bottom: var(--offset-y);
}

.contact-form-section input,
.contact-form-section textarea {
    font-weight: 300;
}

.contact-form-section .form-control {
    padding: 1rem 2rem;
    font-size: 0.71428rem;
}

.contact-form-section .form-check {
    font-size: 0.71428rem;
}

.contact-form-section textarea {
    height: 11.5rem;
}

.contact-title {
    font-size: 3.095rem;
    font-weight: bold;
}

.contact-title,
.contact-text {
    color: var(--darkest);
    display: block;
    margin: var(--offset-y) auto;
}

.contact-text {
    font-size: 1.4285rem;
    line-height: 1.2;
}

.wpcf7-not-valid-tip {
    display: none;
    height: 0;
    overflow: hidden;
}

.contact-form-section .wpcf7-submit {
    font-size: 1.4285rem;
}

.form-control:focus {
    border-color: var(--dark-pink);
    box-shadow: 0 0 0 .25rem rgba(var(--dark-pink-rgb), .25);
}

.wpcf7-not-valid {
    border-color: var(--bs-danger) !important;
}

.form-check-input:checked {
    background-color: var(--dark-pink);
    border-color: var(--dark-pink);
}

.contact-form-section .form-check-input {
    width: var(--size);
    height: var(--size);
    margin-left: calc(-1 * var(--size));
}

.contact-form-section .form-check-input + * {
    display: block;
    padding-left: 1rem;
}

@media (min-width: 1400px) {

    .contact-form-section .form-check-input + * {
        padding-left: 2rem;
    }

}

.contact-form-section .form-check {
    --size: 2rem;
    padding-left: var(--size);
}

.wpcf7-list-item {
    margin: 0;
}

.contact-icon {
    --size: 6rem;
    width: var(--size);
    height: var(--size);
    transform: scale(1);
    transition: transform .25s ease;
}

.contact-form-section .contact-icon {
    filter: invert(1) brightness(2);
}

.section-treatment-contact-icons .contact-icon {
    filter: var(--beige-filter);
}

.contact-icon:hover {
    transform: scale(1.1);
}

@media (max-width: 767.98px) {

    .contact-title {
        font-size: 2.14rem;
    }

    .contact-icon {
        --size: 3rem;
    }

    .contact-text {
        font-size: 1.4285rem;
    }

}

.navbar-open .navbar {
    /* transition: all .25s; */
}

.navbar-open .navbar {
    /* background-image: url('img/glam-bg.webp');
    background-size: 100% auto;
    background-position: top center;
    height: 100vh;
    height: 100dvh;
    height: 100svh; */
}

.modal-menu {
    font-size: 1.95rem;
    font-weight: normal;
}

.modal-menu .nav-link {
    filter: drop-shadow(1px 2px 1px #00000029);
}

.modal-menu .menu-item-138 ,
.modal-menu .menu-item-139 {
    display: inline-block !important;
}

.modal-menu .menu-item-138 .nav-link,
.modal-menu .menu-item-139 .nav-link {
    filter: none;
    display: inline-block !important;
}

.modal-menu .nav-link img {
    --size: 2rem;
    margin: 0 .5rem;
}

.btn-close,
.btn-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23707070' stroke-width='0.75'%3E%3Cpath d='M2 2l12 12M14 2L2 14'/%3E%3C/svg%3E");
    background-size: 1em;
    opacity: 1;
}

.btn-go-top, .btn-go-top:hover, .btn-go-top:link {
    color: #FFF;
    background: rgba(0,0,0,.3);
    position: fixed;
    --offset: 1rem;
    right: var(--offset);
    bottom: var(--offset);
    text-decoration: none;
    font-size: calc(var(--size) / 2.5);
    line-height: 1;
    transition: all .25s;
    --size: 4rem;
    height: var(--size);
    width: var(--size);
    font-family: sans-serif;
    z-index: 1035;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767.98px) {

    .btn-go-top, .btn-go-top:hover, .btn-go-top:link {
        --size: 3rem;
    }

}

@media (max-width: 991.98px) {

    .btn-go-top.clicked {
        background: rgba(0,0,0,.75);
    }

}

@media (min-width: 992px) {

    .btn-go-top:hover {
        background: rgba(0,0,0,.75);
    }

}

body:not(.is-scrolled) .btn-go-top {
    opacity: 0;
}

.textwidget a {
    color: inherit;
}

.modal:not(.modal-menu) .modal-body a {
    color: inherit;
    text-decoration: underline;
}

.text-section h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.text-section h3 {
    font-size: 1.25rem;
    font-weight: 400;
}

.btn-primary {
    --bs-btn-bg: var(--dark);
    --bs-btn-border-color: var(--dark);
    --bs-btn-hover-bg: var(--black);
    --bs-btn-hover-border-color: var(--black);
}