/*
Theme Name: Casa The Sun
Author: just me
Author URI: http://www.gio.ro
Description: Casa The Sun - Tuzla
Version: 1.0
*/

:root {
    --white: #FFF;
    --black: #000;
    --dark: #000;
    --danger: #8e0018;
    --blue: #113160;
    --orange: #ff5e00;
    --muted-orange: #fd8427;
    --success: #10b418;

    --blue-a: #113160ea;
    --orange-a: #ff5e00ea;
    --success-a: #10b418ea;

    --text-orange: #b64401;

    --light: #FCF2E9;
    --medium: #efe4db;
    --dark: #222;

    --text-color: #113160;
    --text-muted: #647783;
    --link: #000458;

    --bg-modal: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.80) 100%);

    --font: 'Wix Madefor Display', sans-serif;
    /* --font: "Poppins", sans-serif; */

    /* --font-condensed: "Frank Ruhl Libre", serif; */
    --font-condensed: "Playfair Display", serif;

    --x-modal: url('images/overlay-close-dark.png');

    --simple-box-gradient: linear-gradient(180deg, rgb(181 200 213 / 40%) 0%, rgb(181 200 213 / 40%) 100%);
    --simple-box-gradient-hover: linear-gradient(180deg, rgb(181 200 213 / 40%) 0%, #F4F7F9 100%);
}

html {
    scroll-behavior: smooth;
    background: #FFF;
}

body {
    width: 100%;
    /* max-width: 1920px; */
    max-width: 2400px;
    margin: 0 auto;
    background-color: #FCF2E9;
    font-family: var(--font-condensed);
    font-family: var(--font);
    font-size: 16px;
    color: var(--text-color);
    position: relative;
    z-index: 0;
}

@media(max-width:992px) {
    body {
        font-size: 17px;
    }
}

body.no-scroll {
    overflow-y: hidden !important;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

@media(min-width: 769px) {
    body.no-scroll {
        padding-right: 17px;
    }
}

.container.container-extended {
    max-width: 1400px;
}

a {
    color: var(--link);
    text-decoration: underline;
    outline: none;
    transition: all ease-in-out .3s;
}

a:hover {
    color: rgb(146, 0, 73)
}

a:hover .opacity-50 {
    opacity: 1 !important;
}

a.gio-contact-box:hover {
    color: rgb(0, 31, 77)
}

a:active, a:focus {
    text-decoration: unset;
}

a.no-u, .no-u a {
    text-decoration: none;
}

a.no-u:hover, .no-u a:hover {
    text-decoration: none;
    filter: brightness(.9);
}

a.bg-black:hover {
    background-color: var(--medium) !important;
    transition: all ease-in-out .3s;
}

.fc {
    font-family: var(--font-condensed);
}

.border-2 {
    border: solid 2px #000;
}

.border-3 {
    border: solid 3px #000;
}

.border-left {
    border-left: solid 1px #000000ba;
}

a.text-white .border-left {
    border-left: solid 1px #ffffffb5;
}

.wp-bootstrap-blocks-container p a {
    position: relative;
    text-decoration: unset !important;
    font-weight: 600;
    display: inline-block;
    color: var(--text-orange);
}

.wp-bootstrap-blocks-container p a:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 3px;
    width: 40px;
    height: 1px;
    border-bottom: solid 2px var(--text-orange);
    transition: all ease-in-out .2s;
    opacity: .5;
}

.wp-bootstrap-blocks-container p a:hover:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 3px;
    width: 60px;
    height: 1px;
    border-bottom: solid 2px var(--text-orange);
    transition: all ease-in-out .2s;
    opacity: .9;
}

button:focus {
    outline: unset;
}

.btn {
    border: none !important;
    background-color: var(--blue);
    font-size: 1rem;
    color: #FFF;
    border-radius: .2rem;
    padding: .5rem 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.btn.btn-xs {
    background-color: var(--blue);
    font-size: .9rem;
    color: #FFF;
    border-radius: .2rem;
    padding: .5rem 1.8rem;
    font-weight: 600;
}

.btn:hover, .btn.btn-xs:hover, a:hover .btn-xs {
    background-color: #484c98;
    color: #FFF;
}

a.blue-hover:hover, a.blue-hover:hover i {
    color: #484c98;
}

.btn-box {
    position: relative;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}

.btn-xs {
    border: none !important;
    background-color: var(--black);
    font-size: 1rem;
    color: #FFF;
    border-radius: 3rem;
    padding: .3rem 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-bottom: .3rem;
}

.pointer {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.bg-0 {
    background-color: unset !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-medium {
    background-color: var(--medium) !important;
}

.bg-blue {
    background-color: var(--blue) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-muted-orange {
    background-color: var(--muted-orange) !important;
}

.bg-success {
    background-color: #10b418 !important;
}

.bg-blue-a {
    background-color: var(--blue-a) !important;
}

.bg-orange-a {
    background-color: var(--orange-a) !important;
}

.bg-success-a {
    background-color: var(--success-a) !important;
}

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


.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

b, strong {
    font-weight: 600;
}

.text-justify {
    text-align: justify;
}

@media(min-width: 768px) {
    .text-md-justify {
        text-align: justify;
    }
}

@media(min-width: 992px) {
    .text-lg-justify {
        text-align: justify;
    }
}

@media(min-width: 1200px) {
    .text-xl-justify {
        text-align: justify;
    }
}

@media(min-width: 1400px) {
    .text-xxl-justify {
        text-align: justify;
    }
}

.text-white, .text-white>* {
    color: var(--white) !important;
}

.text-light, .text-light>* {
    color: var(--light) !important;
}

.text-black, .text-black>* {
    color: var(--black) !important;
}

.text-blue, .text-blue>* {
    color: var(--blue) !important;
}

.text-orange, .text-orange>* {
    color: var(--text-orange) !important;
}


/* negative margins */
@media(min-width:1200px) {
    .mt-xl-n5 {
        margin-top: -2rem;
    }
}

/* negative margins END */


/* modal */
@media (min-width:1024px) {
    .modal-dialog {
        max-width: 700px;
    }
}
.close {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    position: relative;
}

.close:hover {
    background-color: var(--dark);
    text-shadow: unset;
}

.close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-dialog, .modal {
    cursor: default;
}

.modal-header, .modal-footer {
    border: none;
}

.modal-content {
    border-radius: 3px;
    border: none;
    z-index: 0;
}

.modal {
    cursor: var(--x-modal), auto;
}

.modal.show {
    padding-right: 0 !important;
    background-color: var(--bg-modal);
    background: var(--bg-modal);
    background-size: 100%;
}

.modal-backdrop {
    background-color: unset;
}

/* modal END */

/* user Bar */
.user-bar {
    position: fixed;
    right: .8rem;
    top: 9rem;
    z-index: 999;
}

.btn-user {
    display: block;
    height: 36px;
    width: 36px;
    position: relative;
    background-color: var(--black);
    border-radius: 30px;
    z-index: 200;
}

.btn-user a {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}

.btn-user i, .btn-user-square i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* user Bar END */


/* menu */

.navbar * {
    border: none !important;
}

@media(max-width:520px) {
    .menu-main-menu-container {
        max-width: 90%;
        margin: 0 auto;
    }
}

.main-menu {
    text-align: center;
    padding: 0;
    font-size: 0;
    margin-bottom: 0;
    justify-content: end;
}

.main-menu li {
    display: inline-block;
    z-index: 600;
    position: relative;
    margin: 0 0.25rem;
    position: relative;
}

.main-menu li:hover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: 40px;
    height: 2px;
    background-color: var(--blue);
    opacity: .7;
    transition: background-color ease-in-out .3s;
}

.main-menu li.custom-btn:hover:before {
    content: none;
}

@media(max-width:758px) {
    .main-menu li:before {
        content: '';
        bottom: 8px;
        left: 50%;
        opacity: 1;
        transform: translateX(-50%);
        transition: background-color ease-in-out .3s;
    }
    .main-menu li:hover:before {
        content: '';
        bottom: 8px;
        left: 50%;
        opacity: 1;
        transform: translateX(-50%);
        transition: background-color ease-in-out .3s;
    }
}

.main-menu li:hover:before.current-menu-item, .main-menu li:hover:before.current-menu-parent {
    transition: background-color ease-in-out .3s;
}

.main-menu li:hover:before.current-menu-item a, .main-menu li:hover:before.current-menu-parent a {
    color: #222 !important;
    transition: background-color ease-in-out .3s;
}

.main-menu li:hover a {
    color: var(--text-color) !important;
}

.main-menu>li a {
    font-family: var(--font);
    color: var(--text-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9rem;
    padding: .3rem 1rem;
    display: block;
    margin: 0;
    border-radius: 0;
    text-decoration: none;
}

.main-menu>li.custom-btn a {
    background-color: var(--blue);
    font-size: .9rem;
    color: #FFF;
    border-radius: .2rem;
    padding: .4rem 1.2rem;
    font-weight: 600;
}

.main-menu>li.custom-btn:hover a {
    background-color: var(--muted-orange);
    color: #FFF !important;
}

@media(max-width: 768px) {
    .main-menu>li a {
        font-size: 1.4rem;
        padding: .6rem 1rem;
    }
}

@media(max-width: 992px) {
    .main-menu>li a {
        font-size: 1rem;
        padding: .6rem 1rem;
    }
}

.main-menu>li>ul>li a span>span {
    text-transform: capitalize;
    font-size: .94rem;
    opacity: .6;
    padding-right: .2rem;
}

.main-menu li>a:hover {
    text-decoration: none;
    color: var(--danger);
}

.main-menu li ul {
    padding: .6rem 0;
    margin-top: 5px;
    box-shadow: 0 0 16px rgb(0 0 0 / 10%);
    color: var(--dark);
    border: none;
}

.main-menu li ul.dropdown-menu {
    border-radius: 0;
}

.main-menu a.dropdown-item {
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: unset;
}

.main-menu a.dropdown-item:hover {
    background-color: #58141b2a;
    margin-top: 2px;
    margin-bottom: 2px;
    color: var(--dark) !important;
}

@media(max-width:768px) {
    .main-menu a.dropdown-item:hover {
        background-color: unset;
        color: var(--danger) !important;
    }
}

.main-menu .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 39px);
    padding: 0;
    margin: 6px 0 0 0;
    line-height: 0;
    font-size: 12px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    border: unset;
}

.main-menu>li.menu-item-has-children.show>a {
    background-color: var(--black);
    color: var(--white) !important;
}

.main-menu li ul li {
    background-color: transparent;
    text-align: center;
    padding: 0;
    margin: 0 .6rem;
    display: block;
    border: none;
    position: relative;
}

@media(min-width:992px) {
    .main-menu li ul li:not(:last-child):before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 70px;
        height: 1px;
        border-bottom: 1px solid rgba(19, 0, 0, 0.8);
    }
}

.main-menu li ul li:last-child, .main-menu li ul li.no-border {
    border-bottom: none;
}

.main-menu li ul li a {
    color: var(--dark);
    text-align: left;
    display: block;
    padding: .8rem .8rem;
    line-height: 1.3rem;
    font-weight: 600;
}

.main-menu li ul li a:hover {
    color: var(--dark);
}

.main-menu .menu-item.submenu>a, .main-menu .menu-item.menu-item-has-children>a {
    border-radius: 0;
}

.main-menu .menu-item.submenu:hover>a, .main-menu .menu-item.menu-item-has-children:hover>a, .main-menu a.show {
    background-color: var(--fluorescent) !important;
}

.main-menu li.current-menu-item>a, .current-category-ancestor.current-menu-ancestor.current-menu-parent>a {
    color: #d85900;
}

.main-menu li.current-menu-item.custom-btn>a, .current-category-ancestor.current-menu-ancestor.current-menu-parent.custom-btn>a {
    color: #FFF;
    background-color: #d85900;
    background-color: var(--muted-orange);
}

.main-menu li.current-menu-item.custom-btn:hover>a {
    color: #FFF;
    background-color: var(--blue);
}

.main-menu li:before:hover.current-menu-item.custom-btn {
    content: unset;
    background-color: var(--orange-a);
}

.main-menu li.current-menu-item>a.show, .main-menu li>a.show {
    color: var(--black) !important;
}

.main-menu .menu-item-has-children li.current-menu-item>a {
    color: rgba(0, 0, 0, 0.5);
}


@media(max-width:525px) {
    .nav {
        flex-flow: column;
    }

    .main-menu {
        display: block !important;
        max-width: 425px;
        margin: 0 auto;
    }

    .main-menu li {
        margin: 0;
        display: block;
        border-bottom: solid 1px #0000003e !important;
    }

    .main-menu li:last-child {
        border-bottom: unset !important;
    }

    .main-menu li.menu-item.show {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .main-menu .dropdown-toggle::after {
        transform: translate(-50%, 37px);
    }

    .main-menu>li a {
        font-size: 1.8rem;
        padding: .7rem .5rem;
        font-family: var(--font-condensed);
        font-weight: 500;
        color: var(--blue);
    }

    .main-menu>li>ul li a {
        padding: .62rem .5rem;
        text-align: center;
    }

    .main-menu>li>ul li a span>span {
        display: none;
    }

    .main-menu li ul li a,
    .main-menu li ul {
        background-color: unset;
        color: var(--dark) !important;
    }

    .main-menu>li.menu-item-has-children.show>a {
        background-color: var(--bg-light) !important;
        color: var(--black) !important;
    }

    .main-menu>li.current-menu-parent.active>a,
    .main-menu>li.current-menu-parent.active.show>a {
        display: inline-block;
    }

    .main-menu a.show {
        display: inline-block;
        margin: 0 auto;
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }

    .main-menu .menu-item.submenu:hover>a,
    .main-menu .menu-item.menu-item-has-children:hover>a {
        background-color: unset;
        color: var(--dark) !important;
    }

    .main-menu li ul {
        padding: .3rem 0;
        margin: 0 0 .5rem 0;
        box-shadow: unset;
        background-color: var(--fluorescent) !important;
        position: relative;
    }

    .main-menu li ul li:not(:last-child) {
        margin: 0 1rem;
        border-bottom: 1px solid var(--submenu-line) !important;
    }

    .navbar-border {
        border-bottom: solid 4px var(--dark);
    }

    .main-menu >li.small a {
        font-size: 1rem;
    }

}

/* fixed menu  */

.fixed-menu {
    visibility: visible;
    display: flex;
    position: fixed;
    z-index: 1000;
    width: 52px;
    right: 0;
    bottom: 0;
    flex-direction: column;
    justify-content: space-around;
    height: auto;
    overflow: hidden;
}

.fixed-menu a {
    font-size: unset;
}

.fixed-menu .fixed-menu-btn, .fixed-menu a {
    display: flex;
    height: 54px;
    width: 54px;
    justify-content: center;
    align-items: center;
}


/* fixed menu END */

.navbar-collapse {
    transition: all ease-in-out .5s !important;
}

/* menu END */

footer, footer a, footer * {
    color: #FFF !important;
}

footer {
    position: relative;
    z-index: 1;
}

/* footer menu */

#menu-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

@media(max-width: 992px) {
    #menu-footer-menu {
        text-align: center;
    }
}

#menu-footer-menu li {
    display: inline-block !important;
    padding: 0;
}

#menu-footer-menu li a {
    text-decoration: unset;
    display: inline-block;
    padding: .6rem 1rem;
    font-size: .8em;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ccc;
    font-weight: 400;
}

/* footer menu END */

.to-top {
    display: none;
    transition: all ease-in-out .3s;
}

/* mobile menu */
.mobile-menu {
    width: 52px;
    height: 52px;
    position: relative;
    cursor: pointer;
}

.mobile-menu .mobile-menu-inner {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mobile-menu div span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--blue);
    opacity: 1;
    left: 0;
    border-radius: 20px;
    text-indent: -9999px;
}

.mobile-menu div span:last-child {
    width: 82%;
}

.mobile-menu div span:nth-child(1) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.mobile-menu div span:nth-child(2) {
    top: 14px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.mobile-menu div span:nth-child(3) {
    top: 22px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

/* mobile menu close */
.mobile-menu-close {
    display: block;
    width: 52px;
    height: 52px;
    position: relative;
    cursor: pointer;
}

.mobile-menu-close span {
    display: block;
    position: absolute;
    height: 3px;
    width: 30px;
    background: var(--white);
    opacity: 1;
}

.mobile-menu-close span:nth-child(1) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu-close span:nth-child(2) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.mobile-menu-close:hover span {
    background: rgb(212, 212, 212);
}

/* mobile menu END */


/* fancyBox */
.fancybox-button.fancybox-button--close, .fancybox-button.fancybox-button--close:visited, .fancybox-button.fancybox-button--close:link {
    color: var(--light) !important;
    border-radius: 30px !important;
    background: var(--blue) !important;
    margin: 1rem .5rem !important;
}

.fancybox-container {
    backdrop-filter: blur(3px);
}

.fancybox-bg {
    /* background: #fffffff1 !important; */
    background: #FCF2E9f1 !important;
}

.fancybox-image {
    border-radius: .2rem;
}

body.fancybox-active {
    overflow: hidden;
    padding-right: 17px;
}

@media(max-width: 992px) {
    body.fancybox-active {
        overflow: hidden;
        padding-right: 0;
    }

    .fancybox-image {
        border-radius: .35rem;
    }
}

/* fancyBox END */

header {
    position: relative;
}

header.header.bg-white.header-scroll-active {
    /* background-color: #e1f6fd !important; */
    transition: all ease-in-out .1s;
    border-bottom: solid 3px #badde2;
}

/* header a.header-logo {
    position: relative;
    display: inline-block;
}

header a.header-logo img {
    width: 100%;
    max-width: 330px;
    height: auto;
    display: inline-block;
    transform-origin: center center;
    opacity: 1;
    transition: all ease-in-out .1s;
} */

header .header-wrapper {
    position: relative;
    background-color: rgba(255, 255, 255, 1);

}
@media(min-width:1440px) {
    header .header-wrapper {
        width: 100%;
        /* transform: translateY(50%); */
    }
}

.h1, h1, .h2, h2 {
    font-family: var(--font-condensed);
}
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.0rem;
        color: var(--text-blue);
    }

    .h2, h2 {
        font-size: 1.8rem;
        color: var(--text-blue);
        /* font-weight: 600; */
    }
}

/* fonts */
.fs-9 {
    font-size: .5625rem !important;
}

.fs-10 {
    font-size: .6rem !important;
}

.fs-11 {
    font-size: .6875rem !important;
}

.fs-12 {
    font-size: .75rem;
}

.fs-13 {
    font-size: .8125rem;
}

.fs-14 {
    font-size: .875rem;
}

.fs-15 {
    font-size: .9375rem;
}

.fs-16 {
    font-size: 1.1rem;
}

.fs-17 {
    font-size: 1.0625rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-22 {
    font-size: 1.375rem;
}

.fs-24 {
    font-size: 1.5rem;
}

.fs-26 {
    font-size: 1.625rem;
}

.fs-28 {
    font-size: 1.75rem;
}

.fs-30 {
    font-size: 1.875rem;
}

.fs-32 {
    font-size: 2rem;
}

.fs-36 {
    font-size: 2.25rem;
}

.fs-38 {
    font-size: 2.375rem;
}

.fs-42 {
    font-size: 2.625rem;
}

.fs-52 {
    font-size: 3.25rem;
}

@media(min-width: 768px) {

    .fs-md-24 {
        font-size: 1.5rem;
    }

    .fs-md-28 {
        font-size: 1.75rem;
    }

    .fs-md-32 {
        font-size: 2rem;
    }
}

@media(min-width: 992px) {

    .fs-lg-16 {
        font-size: 1.1rem;
    }

    .fs-lg-20 {
        font-size: 1.25rem;
    }

    .fs-lg-22 {
        font-size: 1.375rem;
    }

    .fs-lg-24 {
        font-size: 1.5rem;
    }

    .fs-lg-26 {
        font-size: 1.625rem;
    }

    .fs-lg-28 {
        font-size: 1.75rem;
    }

    .fs-lg-32 {
        font-size: 2rem;
    }

    .fs-lg-42 {
        font-size: 2.625rem;
    }
}

@media(min-width: 1440px) {

    .fs-xl-20 {
        font-size: 1.25rem;
    }

    .fs-xl-24 {
        font-size: 1.5rem;
    }

    .fs-xl-28 {
        font-size: 1.75rem;
    }

    .fs-xl-30, .fs-xl-30 * {
        font-size: 1.875rem;
    }
}

/* fonts END */

.br-0, figure.br-0 img, figure.br-0.wp-block-image a {
    border-radius: 0px !important;
}

.br-2, figure.br-2 img {
    border-radius: 2px;
}

.br-3, figure.br-3 img {
    border-radius: 3px;
}

.br-4, figure.br-4 img {
    border-radius: 4px;
}

.br-6, figure.br-6 img {
    border-radius: 6px;
}

.br-8, figure.br-8 img {
    border-radius: .5rem;
}

.br-10, figure.br-10 img {
    border-radius: .625rem;
}

.br-9999 {
    border-radius: 9999px;
}

.br-100 {
    border-radius: 100px;
}

.outline-white-3 {
    outline: solid 3px #5a5a5aa2;
}

.ms-n3 {
    margin-left: -1rem;
}

.mx-n1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}

.mx-n2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.mx-n3 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.mx-n4 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.mx-n5 {
    margin-left: -3rem;
    margin-right: -3rem;
}

@media(min-width: 992px) {
    .mx-md-n3 {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .mx-md-n4 {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .mx-md-n5 {
        margin-left: -3rem;
        margin-right: -3rem;
    }
}

.ratio-1-1 {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.ratio-1-1 img {
    object-fit: cover;
}

.ratio-2-1, .ratio-2-1 img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

.ratio-3-1, .ratio-3-1 img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
}

.ratio-3-2, .ratio-3-2 img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.gallery .gallery-item img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.ratio-16-7, .ratio-16-7 img {
    aspect-ratio: 16 / 5 !important;
    object-fit: cover;
    object-position: top center;
}

figure.cover {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

figure.cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.ratio-acc, .ratio-acc img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.ratio-blog, .ratio-blog img {
    aspect-ratio: 2 / 1;
    object-fit: cover;
}

@media(max-width:425px) {
    .ratio-16-7, .ratio-16-7 img {
        aspect-ratio: 16 / 10 !important;
    }

    .ratio-acc, .ratio-acc img {
        aspect-ratio: 3.4 / 2;
    }
}

.content * {
    word-wrap: break-word;
}

.content ul, ul.no-style {
    padding: 0;
    margin: 0 0 1rem 0;
    list-style: none;
}

.wp-bootstrap-blocks-container ul:not(.no-s) {
    padding: 0;
    margin: 0 0 1rem 1rem;
    list-style: none;
}

.wp-bootstrap-blocks-container ul:not(.no-s) li {
    position: relative;
    padding: .8rem 0;
    z-index: 0;
    line-height: 120%;
}

.wp-bootstrap-blocks-container ul:not(.no-s) li:last-child {
    padding-bottom: 0;
}

.wp-bootstrap-blocks-container ul:not(.no-s) li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 60px;
    height: 100%;
    border-bottom: solid 1px var(--dark);
    z-index: -1;
}

/* .wp-bootstrap-blocks-container ul:not(.no-s) li::after {
    content: "\2022";
    color: #979797;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-left: -1em;
    top: .36rem;
    position: absolute;
    left: .3rem;
    z-index: -1;
} */

ul.line-style, ol.line-style {
    padding: 0;
    margin: 0 0 1rem 1rem;
}

ul.line-style li, ol.line-style li {
    position: relative;
    padding: 1rem .6rem;
    z-index: 0;
}

ul.line-style li:last-child, ol.line-style li:last-child {
    padding-bottom: 0;
}

ul.line-style li:not(:last-child):before, ol.line-style li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0px;
    width: 60px;
    height: 100%;
    border-bottom: solid 3px #7e7865b2;
    z-index: -1;
}

ul.line-style li:not(:last-child):after, ol.line-style li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 100%;
    height: 100%;
    /* border-bottom: solid 1px #7e7865b2; */
    z-index: -1;
}

ul.pils-style, ul.pils-style-brown, ol.pils-style, ol.pils-style-brown {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.pils-style li, ol.pils-style li {
    display: inline-block;
    border: solid 1px var(--medium-grey);
    border-radius: 3px;
    padding: .2rem 1.3rem .2rem .9rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
    background-color: #eaf6f9;
    border-radius: 30px;
}

ul.pils-style li::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--dark);
    content: "\f00c";
    font-size: .9rem;
}

ul.pils-style-brown li::before {
    color: var(--brown);
}

ul.pils-style-green li::before {
    padding-inline-end: 0.25rem;
    color: var(--dark-green);
}
ul.pils-style.pils-style-green li {
    font-size: 1rem;
    font-weight: 600;
    padding: .2rem .4rem 0rem 0rem;
    background-color: unset;
}

ul.pils-style-brown li, ol.pils-style-brown li {
    display: inline-block;
    border: none;
    border-radius: 3px;
    padding: .2rem .6rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
    background-color: var(--brown);
    color: #FFF;
}

ul.check-list, ul.doted-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.check-list li, ul.doted-list li {
    display: inline-block;
    border: none;
    border-radius: 3px;
    padding: .2rem 1.3rem 0rem 0rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
    background-color: unset;
    color: var(--blue);
}

ul.check-list li.selected, ul.doted-list li, ul.doted-list li.selected {
    /* color: var(--text-color); */
    color: var(--blue);
    font-weight: 600;
    /* background-color: #eaf6f9; */
    /* border-radius: 30px; */
}

ul.check-list li::before, ul.check-list li span.unchecked::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--blue);
    content: "\f00d";
    font-size: .9rem;
}

ul.check-list li.selected::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* color: var(--text-color); */
    color: var(--blue);
    content: "\f00c";
    font-size: .9rem;
}

ul.doted-list li::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* color: var(--text-color); */
    color: var(--blue);
    /* content: "\f192"; */
    content: "\f111";
    font-size: .5rem;
    vertical-align: middle;
}

ul.options-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.options-list li {
    display: inline-block;
    border: none;
    border-radius: 3px;
    padding: .2rem 1.3rem 0rem 0rem;
    margin-right: .4rem;
    margin-bottom: .4rem;
    background-color: unset;
    color: var(--blue);
    /* color: var(--text-color); */
    font-weight: 600;
}

ul.options-list li.checked {
    color: var(--blue);
    /* color: var(--text-color); */
    font-weight: 600;
}

ul.options-list li.checked::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--blue);
    /* color: var(--text-color); */
    content: "\f00c";
    font-size: .9rem;
}

ul.options-list li.unchecked {
    color: var(--blue);
    font-weight: 600;
}

ul.options-list li span.checked::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--blue);
    /* color: var(--text-color); */
    content: "\f00c";
    font-size: .9rem;
}

ul.options-list li span.unchecked {
    color: var(--blue);
}

ul.options-list li span.unchecked::before {
    padding-inline-end: 0.5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--blue);
    content: "\f00d";
    font-size: .9rem;
}

.header-image {
    position: relative;
}

.header-image picture, .header-image img {
    height: 100%;
    display: block;

    max-height: 80vh;
    min-height: 400px;
    object-fit: cover;
}

@media(max-width: 992px) {
    .header-image img.img-fade, .img-fade {
        animation: fadeInFromNone 1s ease-out;
    }

    @keyframes fadeInFromNone {
        0% {
            display: none;
            opacity: 0;
        }

        1% {
            display: block;
            opacity: 0;
        }

        100% {
            display: block;
            opacity: 1;
        }
    }
}

.header-image img.header-generic {
    max-height: 80vh;
    object-fit: cover;
}

.header-image.header-image-md {
}

.header-image.header-image-md picture {
    display: block;
    width: 100%;
    display: block;
    /* height: 100% !important; */
}

.header-image.header-image-md picture img {
    /* height: 100% !important; */
    height: 40vh;
    width: 100%;
    object-fit: cover;
    object-position: center;
    offset-anchor: center center;
}

.header-image .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease-in-out .3s;
    filter: opacity(0.4);
    background-color: #9b826b;
}

.header-image .img-overlay.active-overlay {
    /* background-color: #9b826b; */
    background-color: #29221c5c;
    transition: all ease-in-out .3s;
    filter: opacity(0.94);
}

@media(min-width:1440px) {
    .header-image .img-overlay {
        /* background-color: #9b826b; */
        background-color: #29221c5c;
    }
}


/* rankmath SEO */
div.scrollmenu, .scrollmenu, .rank-math-breadcrumb {
    overflow: auto;
    white-space: nowrap;
}

.rank-math-breadcrumb::-webkit-scrollbar, .scrollmenu::-webkit-scrollbar {
    height: 1px;
}

nav[aria-label='breadcrumbs'] {
    padding: 1rem 0;
    font-size: .7rem;
    color: var(--text-muted);
    font-weight: 600;
    text-transform: uppercase;
}

nav[aria-label='breadcrumbs'] p {
    margin-bottom: 0;
    letter-spacing: 1px;
}

nav[aria-label='breadcrumbs'] p a {
   text-decoration: none;
}

nav[aria-label='breadcrumbs'] p span.separator {
   padding: 0 .75rem;
   font-size: 13px;
}
/* rankmath SEO END */

ul.check-style {
    list-style: none;
    margin-left: 0;
    text-align: left;
    padding: 0;
    flex-direction: row;
    list-style: none;
}

ul.check-style li {
    display: inline-block;
    padding: .375rem 1rem .375rem 0;
    margin-bottom: .5rem;
    font-size: .96rem;
    position: relative;
    border-radius: 4px;
    transition: var(--all);
    color: var(--black);
    line-height: 120%;
}

ul.check-style li::before {
    padding-inline-end: .5rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--black);
    content: "\f00c";
    font-size: .9rem;
}

.wp-block-separator {
    background-color: var(--black);
    border: 0;
}

.outline {
    outline: solid 10px var(--white);
    z-index: 2;
    position: relative;
}


/* sticky sidebar */

@media(min-width: 1024px) {
    .sidebar-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .make-me-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 110px;
        padding: 0 15px;
    }
}

/* sticky sidebar END */

.images div img {
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}

body.compensate-for-scrollbar {
    margin-right: 0;
}

.full-rate {
    position: relative;
}

.full-rate:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 98%;
    height: 7px;
    background-color: #ff2155ad;
    transform: translate(-50%, -50%) rotate(-11deg);
}

.wp-block-table td, .wp-block-table th {
    border-color: #d8d3d3;
    font-size: .9rem;
}

.h3, h3 {
    font-size: 1.2rem;
    /* text-align: left; */
}

.lh-sm {
    line-height: 1.1rem;
}

.lh-md {
    line-height: 1.3rem;
}

.lh-lg {
    line-height: 1.6rem;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}


/* footer */
footer a {
    color: #FFF;
}

footer a:hover {
    color: #a2a9ff !important;
}


/* footer END */

.vh-15 {
    height: 15vh;
}

.vh-25 {
    height: 25vh;
}

.vh-50 {
    height: 50vh;
}

.border-bottom-1 {
    border-bottom: solid 1px var(--light-grey);
}

.video iframe {
    max-width: 100%;
    object-fit: contain;
    display: block;
}

@media(max-width: 768px) {
    .feature-card {
        margin-right: 0;
        margin-top: -3rem;
        background-color: #FFF;
        z-index: 1;
    }
}

.page-title {
    position: relative;
}

.btn-group, .btn-group-vertical {
    z-index: 1022 !important;
}

.dropdown-menu.programare {
    width: 100%;
    background-color: #fff;
    border: none;
    margin-top: .7rem !important;
    margin-bottom: .7rem !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding-left: .4rem;
    padding-right: .4rem;
}

.dropdown-menu.programare a:hover {
    background-color: unset;
}

.simple-box {
    background-color: var(--lighter);
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    border-bottom: solid 1rem #FFF;
}

.simple-box:after {
    content: '';
    background-color: #d2e9f8;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
    border-radius: 50px;
    z-index: -1;
    transform: translate(-29%, 76%) rotate(51deg);
    transition: all ease-in-out .2s;
    filter: blur(20px);
}

.simple-box:hover:after {
    content: '';
    background-color: var(--black);
    transform: translate(-29%, 76%) rotate(51deg) scale(1.1);
    transition: all ease-in-out .2s;
    filter: blur(20px);
}

.simple-box img {
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all ease .2s;
    overflow: hidden;
    vertical-align: middle;
    filter: saturate(1.4) contrast(1.02);
}

.simple-box:hover img {
    transform: scale(1.08);
    transition: all ease .2s;
    filter: blur(10px) opacity(.6) brightness(1.1);
}

.simple-box a {
    position: absolute;
    box-sizing: content-box;
}

.simple-box:hover a {
    color: #FFF;
}

.simple-box .ratio-2-1 {
    position: relative;
    overflow: hidden;
}

.simple-box .ratio-2-1-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease-in-out .3s;
    background: var(--simple-box-gradient);
    filter: opacity(0.5);
}

.simple-box:hover .ratio-2-1-cover {
    opacity: 1;
    background: var(--simple-box-gradient-hover);
    transition: all ease-in-out .3s;
    filter: opacity(1);
}

.hero-image-wrapper {
    position: relative;
    aspect-ratio: 4 / 1.4;
    overflow: hidden;
}

.hero-image {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(max-width: 520px) {
    .hero-image-wrapper {
        aspect-ratio: 1 / 1;
        border-radius: 0;

    }
}

.hr-pt {
    padding-top: 2px;
}

.wp-bootstrap-blocks-row h2, .wp-bootstrap-blocks-row h3 {
    margin-bottom: 1.5rem;
}

.wp-bootstrap-blocks-row p:last-child {
    margin-bottom: 0;
}

.wp-bootstrap-blocks-row h1 + p:only-of-type, .wp-bootstrap-blocks-row h1 + h2 + p:only-of-type {
    margin-bottom: 1.4rem;
}

.wp-bootstrap-blocks-row figure {
    margin-bottom: 0!important;
}

.box-shadow {
    box-shadow: 30px 30px 30px rgb(1 58 78 / 10%);
}

.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
    border-radius: 9999px;
    box-shadow: 30px 30px 30px rgb(1 58 78 / 10%);
}

.wp-block-image .is-style-rounded.right img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded.right img {
    border-radius: 9999px 9999px 1000px 9999px;
    box-shadow: 30px 30px 30px rgb(1 58 78 / 30%);
}

a[data-fancybox='gallery'] img {
    transform: scale(1);
    transition: all ease-in-out .2s;
}

a[data-fancybox='gallery']:hover img {
    transform: scale(1.03);
    transition: all ease-in-out .2s;
}

.wp-block-image a, figure.wp-block-image a[data-fancybox='gallery'], a.acc-gallery {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.wp-block-image a .image-overlay, a.acc-gallery .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 102%;
    height: 102%;
    /* background-color: #35386940; */
    background-color: #c0721257;
    background-color: #ff8d0024;

    backdrop-filter: blur(3px);
    opacity: 0;
    transition: all ease-in-out .2s;
}

.wp-block-image a:hover .cat-box-image-wrapper .image-overlay, .wp-block-image a:hover .image-overlay, a.acc-gallery:hover .image-overlay {
    opacity: 1;
    transition: all ease-in-out .2s;
}

.wp-block-image .image-overlay>div, a.acc-gallery .image-overlay>div {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 3rem;
    right: 3rem;
    width: auto;
    height: auto;
    /* transform: translate(-50%, -50%); */
}

.wp-block-image .image-overlay>div>span, a.acc-gallery .image-overlay>div>span {
    position: relative;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.wp-block-image .image-overlay>div>span:before, a.acc-gallery .image-overlay>div>span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 100%;
    color: rgba(255, 255, 255, 1);
}

.gallery-columns-3 .gallery-item {
    width: 33.333333% !important;
}

[id^="gallery-"].gallery-columns-3  {
    margin: 1rem -3rem !important;
}

@media(max-width:425px) {
    [id^="gallery-"].gallery-columns-3  {
        margin: 1rem -1.2rem !important;
    }

    .gallery-columns-3 .gallery-item:first-of-type {
        width: 100% !important;
    }

    .gallery-columns-3 .gallery-item {
        width: 50% !important;
    }
}

@media(min-width: 1200px) {
    .w-xl-75 {
        width: 75%;
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* .wp-block-gallery.wp-block-gallery-1 {
    gap: 0.2rem !important;
} */


/* form */
.wpcf7-form label {
    display: block;

}

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

.wpcf7-form p {
    font-weight: 600;
}

.wpcf7-form input {
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #d3d9db;
    border-radius: 4px;
    padding: .2rem .4rem;
}

.wpcf7-form textarea.wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #d3d9db;
    border-radius: 4px;
    padding: .4rem;
    height: 100px;
}

.wpcf7-not-valid-tip {
    font-size: .8em;
    font-weight: 500;
}

.check-class {
    width: auto !important;
    display: inline;
    text-align: center;
    padding: 1rem;
    margin: 20px;
    transform: scale(1.5);
    /* accent-color: #e74c3c; */
    filter: hue-rotate(240deg);
    cursor: pointer;
}

.wpcf7-form input.wpcf7-not-valid {
    border-color: #F44;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: unset;
    background-color: #ffb900;
    color: #000;
    font-weight: 600;
    padding: 1rem;
    border-radius: 6px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0 auto 1rem auto !important;
}

#submit-booking:disabled {
    color: #ffffff60;
}

#submit-booking {
    color: #FFF;
    width: auto !important;
    margin: 1rem auto !important;
    padding: .5rem 2rem;
    border: none;
    background-color: #008496;
    text-transform: uppercase;
    text-align: center;
    border-radius: 30px;
}

.wpcf7-spinner {
    display: block !important;
    margin: auto;
}
/* form END */

.z-index-10 {
    z-index: 10;
}

.pt-xxs {
    padding-top: 1px;
}

.pt-xs {
    padding-top: .1rem;
}

.opacity-1 {
    opacity: 1 !important;
}

.wp-block-image figcaption {
    font-size: .8rem;
}

ol.ordered-style {
    position: relative;
    padding: 0 0 0 1rem;
    margin: 0;
    list-style: none;
    counter-reset: steps;
}

ol.ordered-style:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 40%;
    top: 1rem;
    left: 0;
    border-left: 6px solid #00b4cc3d;
}

ol.ordered-style li {
    counter-increment: steps;
}

ol.ordered-style li::before {
    content: counter(steps);
    margin-right: 0.7rem;
    background: #00b4cc;
    color: white;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    font-size: 12px;
}

ol.ordered-style::marker {
    color: red;
}

.max-w-100 {
    position: relative;
    max-width: 100px;
}

.ellipsis-1-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-right: 1rem;
}

.ellipsis-2-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-right: 1rem;
}

.wp-bootstrap-blocks-container .interest-info ul {
    list-style: none;
    margin-left: 0;
}

.wp-bootstrap-blocks-container .interest-info ul:not(.no-s) li {
    display: inline-block;
    padding: .4rem 1.4rem .4rem .4rem;
}

.wp-bootstrap-blocks-container .interest-info ul:not(.no-s) li:before {
    content: '';
    position: unset;
    top: unset;
    left: unset;
    width: unset;
    height: unset;
    border-bottom: unset;
    z-index: unset;
}

.njt-gdpr-privacy-settings-frm table td {
    padding: .4rem 1rem .4rem 0;
}
.njt-gdpr-privacy-settings-btn, .njt_gdpr_forget_me_btn, .njt_gdpr_btn.njt_gdpr_dataaccess_btn {
    border: none !important;
    background-color: var(--black);
    font-size: 1rem;
    color: #FFF;
    border-radius: 3rem;
    padding: .5rem 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin-top: 1rem;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: unset;
    background-color: #008496;
    padding: 0.5rem 2rem;
    border-radius: 30px;
    color: #FFF;
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    display: block;
}

.njt_gdpr_success_mess {
    border: unset;
    background-color: #ffde59;
    padding: 0.5rem 2rem;
    border-radius: 30px;
    color: #FFF;
    display: inline-block;
    margin: 0 auto !important;
    text-align: center;
    display: block;
}

.njt_gdpr_forget_me_form_email, .njt_gdpr_dataaccess_form_email {
    border-radius: 30px;
    margin: 0 1rem;
    border: solid 3px #04a7bd;
    padding: 0.4rem 1rem;
    background-color: #e2f1f3;
}

#gallery-1 img {
    border: 2px solid #FFF !important;
}

a .facebook {
    color: var(--blue);
}

.img-alpha {
    opacity: .86;
}

.img-alpha:hover {
    opacity: 1;
}

.position-absolute.bottom-0.end-0 {
    margin-bottom: -2px;
}

/* [id] {
    position: relative;
}

[id]:before {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: var(--brown);
    visibility: hidden;
} */

.gio-contact-box, .gio-contact-box i {
    transition: all ease-in-out .2s;
}

.gio-contact-box:hover {
    border-color: var(--blue);
    transition: all ease-in-out .2s;
}

.gio-contact-box:hover i {
    color: var(--light);
    transition: all ease-in-out .2s;
}

#cookie-notice-consent .cookie-notice-consent__container {
    background: var(--light) !important;
    color: #000;
    border-radius: 6px !important;
    box-shadow: 0 3px 10px #35386961, 0 8px 15px #35386961;
    border-radius: 10px 10px 0 0 !important;
}

@media (max-width: 480px) {
    #cookie-notice-consent .cookie-notice-consent__container {
        margin: 0 !important;
        padding: 10px 15px;
        width: 100% !important;
        max-width: 100%;
    }
}

#cookie-notice-consent .cookie-notice-consent__text {
    margin-bottom: 10px;
    font-size: .92rem;
    text-align: justify;
    line-height: 1.1rem;
    padding: .4rem 1rem !important;
}

#cookie-notice-consent .cookie-notice-consent__buttons .cookie-notice-consent__button {
    padding: 10px !important;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600 !important;
}

#cookie-notice-consent__accept-button {
    background: var(--blue) !important;
    padding: 10px;
    color: #FFF;
    font-size: 1.2rem !important;
}

/* swiper */

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0 !important;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--blue) !important;
    width: 38px !important;
    height: 38px !important;
    background-color: #FCF2E9;
    border-radius: 30px;
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: var(--blue) !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #ff5e00ea;
}

.swiper-1-2 .swiper-button-next, .swiper-1-2 .swiper-button-prev, .swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #FCF2E9;
    color: #ff5e00ea;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 15px !important;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 15px !important;
}

.swiper-button-prev:after, .swiper-button-next:after {
    /* font-size: 15px !important; */
    font-size: 10px !important;
    font-weight: 900;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .25 !important;
}

.swiper-container, .swiper-slide {
    height: auto !important;
}

.swiper-slide {
    align-self: stretch;
}

.swiper-slide a {
    display: block;
    height: 100%;
}

.swiper-slide a img {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1.6/1;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--orange,#b64401) !important;
}
/* swiper END */

a.gio-button-box.no-u.bg-muted-orange:hover {
    background-color: var(--blue) !important;
    color: #FFF !important;
    filter: unset;
}

a .svg-blue {
    fill: var(--blue);
}

a:hover .svg-blue {
    fill: var(--text-orange) !important;
}

a.hover-orange:hover i {
    color: var(--text-orange) !important;
}

h1.offset {
    padding-top: 2em !important;
    margin-top: -1em !important;
}