/*
Theme Name: Motel Blue River
Author: just me
Author URI: http://www.gio.ro
Description: Cazare Motel Blue River - Seaca - Calimanesti, Valcea.
Version: 1.0
*/

:root {
    --white: #FFF;
    --black: #000;
    --dark: #222;
    --danger: #8e0018;
    --success: #007c00;
    --wp--preset--color--vivid-red: #8e0018;
    --yellow: #ffc150;
    --gold: #ffc150;

    --blue: #2D3C8C;
    --bg-blue: #2D3C8C;
    --bg-light-blue: #28b2d2;

    /* --light-blue: #28b2d2; */
    --light-blue: #0379c1;

    --light: #f1f5fa;
    --lighter: #edf3fa;

    --text-color: #15242e;
    --text-muted: #647783;
    --text-muted-brown: #693c45;

    --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-condensed: 'Roboto Condensed', sans-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%;
    margin: 0 auto;
    background-color: #FFF;
    font-family: var(--font);
    color: var(--text-color);
    position: relative;
    z-index: 0;
    font-size: 17px;

    background-attachment: scroll;
    background-image: url('images/bg-pages-2.webp');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

@media(max-width:992px) {
    body {
        font-size: 17px;
        background-image: url('images/bg-pages-xs.webp');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
    }
}

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

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

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

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

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);
}

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

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

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

a.bg-blue:hover {
    background-color: var(--bg-blue) !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(--blue);
}

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

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

.wp-bootstrap-blocks-container p.text-danger a:before {
    content: '';
    border-bottom: solid 2px var(--danger);
}

.wp-bootstrap-blocks-container p.text-danger a:hover:before {
    content: '';
    border-bottom: solid 2px var(--danger);
    transition: all ease-in-out .2s;
    opacity: .9;
}

button:focus {
    outline: unset;
}

.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;
}

.btn.btn-xs {
    background-color: var(--black);
    font-size: .9rem;
    color: #FFF;
    border-radius: 3rem;
    padding: .3rem 1.2rem;
    background-color: #a1bfcb;
}

.btn:hover, .btn.btn-xs:hover, a:hover .btn-xs {
    background-color: #DC3545;
    color: #FFF !important;
}

.btn-box {
    position: relative;

}

.btn.btn-bordered {
    border: unset !important;
    /* outline: solid 2px #ffffff8a !important; */
    /* background-color: rgba(0, 0, 0, 0.7); */
    outline: solid 2px #00b4cccb !important;
    outline-offset: 3px;
    background-color: #00B4CC;
    font-size: .9rem;
    transition: all ease-in-out .12s;
}

.btn.btn-bordered:hover {
    outline: solid 2px #FFCD02 !important;
    background-color: #FFCD02;
    color: #000 !important;
    transition: all ease-in-out .12s;
}

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

.btn-rounded {
    display: inline-block;
    padding: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px !important;
    position: relative;
    color: #FFF;
}

.btn-rounded-sm {
    display: inline-block;
    padding: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px !important;
    position: relative;
}

.btn-rounded-xs {
    display: inline-block;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px !important;
    position: relative;
}

.btn-rounded i, .btn-rounded-sm i, .btn-rounded-xs i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.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-light-blue {
    background-color: var(--bg-light-blue) !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-danger, .text-danger>* {
    color: var(--danger) !important;
}

.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-gold, .text-gold>* {
    color: var(--gold) !important;
}

@media(min-width: 768px) {
    .text-sm-gold, .text-sm-gold>* {
        color: var(--gold) !important;
    }
}

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

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

/* 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;
    bottom: 8rem;
    z-index: 999;
}

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

.btn-user a {
    display: block;
    height: 100%;
    width: 100%;
}

.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.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(--blue) !important;
}

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

@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: .94rem;
        padding: .6rem .6rem;
    }
}

.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: 500;
}

.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, .main-menu li.current-menu-item>a {
    color: var(--light-blue);
}

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

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

.navbar-border {
    border-bottom: solid 1px var(--dark) !important;
    border-top: solid 1px var(--dark) !important;
}

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

    .main-menu {
        display: block !important;
        max-width: 360px;
        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.6rem;
        padding: .7rem .5rem;
    }

    .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(--light-blue) !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 1px var(--dark) !important;
    }

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

}

/* fixed menu  */

.fixed-menu {
    display: block;
    visibility: visible;
    position: fixed;
    z-index: 1000;
    bottom: .6rem;
    right: 57%;
    width: auto;
    opacity: .2;
    transition: all ease-in-out .5s;
    border-radius: 40px;
    padding: 0 .8rem;
}

.fixed-menu.mobile-menu-active {
    display: block;
    visibility: visible;
    transition: all ease-in-out .5s;
    opacity: .85;
}

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

/* fixed menu END */

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

/* menu END */

footer {
    position: relative;
    z-index: 0;
    padding-top: 4rem;
    z-index: 1;
}
footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 94px;
    z-index: -1;
}

/* footer menu */

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

.footer-menu li a {
    text-decoration: unset;
    display: inline-block;
    padding: .6rem 1rem;
    font-size: .92rem;
    letter-spacing: .04rem;
    text-transform: uppercase;
    color: var(--blue);
    font-weight: 500;
    font-family: var(--font-condensed);
}

/* 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: #FFF !important;
    border-radius: 30px !important;
    /* background: var(--bg-blue) !important; */
    background: #52b4cddc !important;
    margin: 1rem .5rem !important;
}

.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: #52b4cddc !important;
    border-radius: 30px;
}

.fancybox-button svg path {
    fill: #FFF !important;
    stroke: #fff !important;
    stroke-width: 2 !important;
}

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

.fancybox-bg {
    /* background: #000000f1 !important; */
    background: #fffffff1 !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 a.header-logo {
    position: relative;
    display: inline-block;
    /* transform: translateY(30%); */
    z-index: 999;
}

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

header .header-wrapper {
    position: relative;
}
@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.2rem;
    }

    .h2, h2 {
        font-size: 1.6rem;
        /* 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-42 {
    font-size: 2.625rem;
}

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

@media(min-width: 768px) {

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

    .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-20 {
        font-size: 1.25rem;
    }

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

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

    .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-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-s {
    padding: 0;
    margin: 0 0 1rem 0;
    list-style: none;
}

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):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; */
    border-bottom: unset;
    z-index: -1;
}

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

ul.pils-style.wp-block-list li, ol.pils-style.wp-block-list li {
    display: inline-block !important;
    padding: 4px 12px;
    /* border: solid 1px var(--bg-light-blue); */
    border: solid 2px #c6e6ed;
    border-radius: 4px;
    margin: 0 10px 10px 0;
    background-image: none;
    font-size: inherit;
    font-weight: inherit;
}

ul.pils-style.wp-block-list.text-danger li, ol.pils-style.wp-block-list.text-danger li {
    display: inline-block !important;
    padding: 4px 12px;
    border: solid 2px var(--danger);
    border-radius: 4px;
    margin: 0 10px 10px 0;
    background-image: none;
}

.header-image {
    position: relative;
    max-height: 46vh;
}

@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 {
    position: relative;
}

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

.header-image.header-image-md {
    height: auto;
    object-fit: cover;
    object-position: center;
    offset-anchor: center center;
    display: block;
    overflow: hidden;
}

body.single-post .header-image.header-image-md {
    /* max-height: 20px; */
}

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

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

.header-image .img-overlay.active-overlay {
    background-color: var(--bg-light-blue);
    transition: all ease-in-out .3s;
    filter: opacity(0.1);
}

@media(min-width:1440px) {
    .header-image .img-overlay {
        background-color: rgb(0 1 72);
    }
}


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

.rank-math-breadcrumb {
    overflow: auto;
    white-space: nowrap;
}

@media(max-width: 768px) {
    div.scrollmenu, .scrollmenu {
        overflow: auto;
        white-space: nowrap;
        position: relative;
    }
}

.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 */

.image-mask {
    clip-path: polygon(0 0, 0 100%, 100% 90%, 100% 0%);
    transition: all ease-in-out .3s;
}

.image-mask.image-mask-active {
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0%);
    transition: all ease-in-out .3s;
}

.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 .cli_settings_button, footer .cookielawinfo-cookie-delete {
    color: var(--muted-dark) !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);
}

.row .menu-border-bottom {
    background-image: linear-gradient(to right, #333 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 8px 1px;
    background-repeat: repeat-x;
}

.row .col-12.menu-border-bottom:last-of-type  {
    background-image: none;
}

.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: 3 / 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: #00000070;
    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;
    top: 50%;
    left: 50%;
    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;
    }
}

.top-before {
    position: relative;
    z-index: 1;
}

.top-before:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: #FFF;
    z-index: -1;
}

.top-before-darker {
    position: relative;
    z-index: 0;
}

.top-before-darker:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(207,211,214,1) 0%, rgba(207,211,214,0) 100%);
    z-index: 1;
}

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

.wp-block-gallery {
    gap: 0.333333rem !important;
    margin: 0.333333rem 0 !important;

}

.gallery.gallery-columns-3.gallery-size-thumbnail.galleryid-16 {
    display: flex !important;
}
dl.gallery-item {
    margin: 0 !important;
}

dl.gallery-item dt.gallery-icon.landscape {
    width: 100% !important;
}

dl.gallery-item dt.gallery-icon.landscape a, dl.gallery-item dt.gallery-icon.landscape a img {
    display: block;
    width: 100% !important;
}

.gallery a img {
    border: 2px solid #FFF !important;
    object-fit: cover;
    border-radius: 3px;
}

/* 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: #0866FF !important; */
    color: var(--blue) !important;
}

a:hover .facebook {
    color: var(--light-blue) !important;
}

.img-alpha {
    opacity: .86;
}

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

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

.opacity-025 {
    opacity: .25 !important;
}

.opacity-05 {
    opacity: .5 !important;
}

.opacity-07 {
    opacity: .7 !important;
}

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

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

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

.bt-2 {
    border-top: solid 2px var(--gold);
}

.bb-2 {
    border-bottom: solid 2px var(--gold);
}

/* .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    margin: 0;
    width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) / 2) !important;
} */

.lang-header > ul {
    margin: 0 0 0 .6rem;
    padding: 0;
}

.lang-item::marker {
    content: '';
}

.lang-header > ul a span {
    font-size: .9375rem;
    color: var(--blue);
    font-family: var(--font-condensed);
    display: none;
    margin-left: .5rem;
    font-weight: 500;
    text-decoration: unset;
}

@media(min-width:768px) {
    .lang-header > ul a span {
        display: inline-block;
    }
}

.border-top-light-blue {
    border-top: solid 1px var(--bg-light-blue);
}

.border-top-2px-light-blue {
    border-top: solid 2px var(--bg-light-blue);
}

.row.sectiune-tarife .col-12:last-of-type {
    display: none;
}

.harta iframe {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16/7;
    overflow: hidden;
    border-radius: 3px;
}

@media(max-width: 768px) and (orientation: portrait) {
    .harta iframe {
        aspect-ratio: 1/1;
    }
}

.booking {
	border: solid 1px #FC0;
	display: inline-block;
	margin: 15px auto;
	padding: 12px 15px;
	border-radius: 40px;
	transition: all 0.5s ease-in-out;
}

.booking:hover {
	display: inline-block;
	border: solid 1px #FC0 !important;
	background-color: #FC0 !important;
	color: #222;
	transition: all 0.5s ease-in-out;
    filter: brightness(1) !important;
}

.booking span img {
	display: block;
}

.btn-menu-cat {
    display: inline-block;
    padding: .25rem 1rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--blue) !important;
    background-color: var(--light);
    margin: .25rem;
    font-size: .9rem;
}

.offset {
    padding-top: 2.6em;
    margin-top: -2.6em;
}

ul.d-block li {
    padding: .2rem 1.2rem !important;
    display: inline-block;
}

.container.bg-meniu {
    max-width: 832px;
}

.bg-meniu {
    background-color: #f6e7d0;
    background-image: url('images/bg-meniu.webp');
    background-repeat: repeat;
    background-position: left top;
    border-radius: 3px 3px 10px 3px;
}

/* cookie 27.10.2024 */
#cookie-notice-consent .cookie-notice-consent__container {
    margin: .5rem .5rem !important;
    background: rgb(222, 238, 255) !important;
    max-width: 240px !important;
    border-radius: 8px !important;
}

#cookie-notice-consent .cookie-notice-consent__text {
    font-size: .9rem !important;
    line-height: 1rem !important;
    text-align: center !important;
}

#cookie-notice-consent .cookie-notice-consent__button {
    background-color: var(--bg-blue) !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: .84rem !important;
    line-height: 100%;
    padding: 10px 8px !important;
    color: #FFF !important;
}

#cookie-notice-consent .cookie-notice-consent__button.cookie-notice-consent__accept-button {
    background-color: #020e50 !important;
    text-transform: uppercase !important;
    font-size: 1.2rem !important;
    margin: 0 0 15px 0;
}

#cookie-notice-consent .cookie-notice-consent__categories:not(.cookie-notice-consent__categories--inline) label {
    font-weight: 500 !important;
}

#cookie-notice-consent .cookie-notice-consent__categories:not(.cookie-notice-consent__categories--inline) .cookie-notice-consent__category-description {
    line-height: 1.2 !important;
    color: #000 !important;
    opacity: .9 !important;
}

#cookie-notice-consent__revoke-button {
    font-size: .8125rem;
    text-transform: uppercase !important;
    padding: .5rem !important;
    border: 0;
    margin: 0;
}

#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  z-index: 9999;
}

#popup-box {
  position: relative;
  max-width: 450px;
  margin: 10% auto;
  background: #fff;
  padding: 10px;
}

#popup-box img {
  width: 100%;
  height: auto;
}

#popup-close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 28px;
  cursor: pointer;
}