/* Text Black */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Black.otf")  format('opentype');
    font-style: normal;
    font-weight: 900;
}
/* Text Black Italic*/
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-BlackItalic.otf")  format('opentype');
    font-style: italic;
    font-weight: 900;
}
/* Text Bold */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Bold.otf")  format('opentype');
    font-style: normal;
    font-weight: 700;
}
/* Text Bold Italic */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-BoldItalic.otf")  format('opentype');
    font-style: italic;
    font-weight: 700;
}

/* Text Light */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Light.otf")  format('opentype');
    font-style: normal;
    font-weight: 300;
}

/* Text Light Italic */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-LightItalic.otf")  format('opentype');
    font-style: italic;
    font-weight: 300;
}

/* Text Medium */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Medium.otf")  format('opentype');
    font-style: normal;
    font-weight: 500;
}
/* Text Medium Italic*/
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-MediumItalic.otf")  format('opentype');
    font-style: italic;
    font-weight: 500;
}

/* Text Regular  */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Regular.otf")  format('opentype');
    font-style: normal;
    font-weight: 400;
}
/* Text Regular Italic */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-RegularItalic.otf")  format('opentype');
    font-style: italic;
    font-weight: 400;
}
/* Text Thin */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-Thin.otf") format('opentype');
    font-style: normal;
    font-weight: 100;
}
/* Text Thin Italic */
@font-face {
    font-family: 'Cera Pro';
    src: url("../css/fonts/MGalleryCera-ThinItalic.otf") format('opentype');
    font-style: italic;
    font-weight: 100;
}

:root {
    --main-color: #0A1317;
    --colored: #A36159;
    --font-text: 'Cera Pro', sans-serif;
    --font-title: 'the-seasons', sans-serif;
}

p ,
strong.description{
    color: var(--main-color);
}

/*was Mercury font */
p,
.section .quote p,
#hotel-name.banner .cta,
#location p,
#stay_in_touch p,
#special_offers li span,
#special_offers > div > div > a,
#tripadvisor a,
.news_links > strong, .news_attachments > strong,
.news_press > strong,
.news-aside-links a,
.page-template-template-news-single .news_press > span,
#footer .newsletter label,
#map_ctx > a,
#legal ol strong,
#bookingform-popin  .submit,
#gallery div.image figcaption span.tag,
#rooms-filter select,
#extended_menu ul.submenu > li.submenu_item a,
nav ul.with_submenu li > ul.submenu >li > a,
#footer > div > div > ul > li a,
form input,
#seobar *,
#copyright p,
#footer h4,
p.mandatory,
.page-template-template-newsletter .text
{
    font-family: var(--font-text);
    font-style: inherit;
    line-height: 200%;
}

/*was Futura font */
#highlighted div > p,
.nonlatin strong.hotel-name,
.roomtype p,
#restaurants li p,
#restaurants-services li p,
.room-content > div p,
.room-content .high p,
.room-content .book_room,
#services .terms p,
#upscale h3 span.upscale, #upscale h3 span.bolded,
#meetings li p,
#meetings p,
.meeting_content > p,
.single_offer .offer_content p,
.offer_content div ul li,
#tripadvisor li p, #tripadvisor li span.address,
#tripadvisor > div.w-container > div.right-column p,
strong.description,
.subnav > div > strong
{
    font-family: var(--font-text);
    font-style: inherit;
    line-height: 180%;
}
.page-template-template-legal_new .section p span
{
    font-family: var(--font-text) !important;
    font-style: inherit;
    line-height: 200%;
}

#extended_menu > div {
    font-family: var(--font-text);
    line-height: 170%;
    font-size: 18px;
    letter-spacing: 0;
    color: var(--main-color);
    font-weight: 300;
}

strong.hotel-name span.bolded
{
    font-family: var(--font-text);
    font-weight: bold;
    letter-spacing: 0.05em;
}
strong.hotel-name {
    font-family: var(--font-text);
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 130%;
}
nav ul li a {
    font-family: var(--font-text);
    font-style: inherit;
    text-transform: none;
    font-weight: 300;
    color: var(--main-color);
    font-size: 16px;
}
#lang > a > span,
#lang_external > a > span
{
    font-family: var(--font-text);
    font-style: inherit;
    text-transform: none;
    font-weight: 300;
    color: var(--main-color);
    font-size: 16px;
    letter-spacing: 0.05em;
}
.ui-datepicker-title,
.ui-datepicker-calendar thead span,
.w-container span{
    font-family: var(--font-title);
}


#popup_content ul > li:hover,
#popup_content ul > li.active,
#popup_content ul > li a,
#popup_content li.select,
#popup_content li.select > select,
#itineraryFrom
{
    font-family: var(--font-text);
    font-style: inherit;
    text-transform: none;
}

p {
    font-weight: 300;
}

h1, h2, h3, h4 {
    font-family: var(--font-title);
}
h2 span.bolded,
h3 span.bolded,
#tripadvisor li > strong,
#tripadvisor li span.author
{
    font-family: var(--font-title);
    font-weight: bold;
}
.roomtype h3 span.bolded, .roomtype h3,
#spas li h3, #spas li h3 span.bolded,
#restaurants li h3, #restaurants li h3 span.bolded,
#restaurants h2, #restaurants h2 span.bolded,
.page-template-template-restaurant #informations h3,
.page-template-template-restaurant #informations h3 span.bolded,
.restaurant_chef > div > div > div > p,
#meetings h3 span.bolded, #meetings h3,
li.news h3, li.news h3 span.bolded,
#services h3, #services h3 span.bolded
{
    font-family: var(--font-title);
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: none;
    font-size: 32px;
}
li.news h3, li.news h3 span.bolded {
    line-height: 40px;
}
li.news span.read {
    bottom: 16px;
}
#restaurants h2, #restaurants h2 span.bolded,
#restaurants li h3, #restaurants li h3 span.bolded,
#restaurants li p, #restaurants-services li p,
#restaurants li a.see,
.page-template-template-restaurant #informations h3,
.page-template-template-restaurant #informations h3 span.bolded,
.page-template-template-restaurant #informations > div > div > div > p,
.meeting_capacities h3, .meeting_capacities h3 span.bolded,
.meeting_capacities p,
.news-aside-links a, .page-template-template-news-single .news_press > span
{
    color: var(--main-color) !important;
}
#popup_content > strong
{
    font-family: var(--font-title);
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.05em;
}
#intro .quote:before , .quote p:after {
    font-family: var(--font-text);
}
#hotel-name h2 ,
h2.slideshow_title,
h2.slideshow_title > strong
{
    font-family: var(--font-text);
    /*font-family: var(--font-title;*/
    text-shadow: 0px 0px 15px #000000;
}

#booking #bookingform-home .bf_checkinout label {
    font-family: var(--font-text);
    text-transform: lowercase;
}
.subnav li a {
    font-family: var(--font-title);
    line-height: 80px;
}
.subnav > div > a.btn {
    background-color: var(--colored) !important;
}
.subnav > div > a.btn:hover {
    background-color: transparent !important;
    border-color: #FFF;
    color: #FFF !important;
}
#booking #bookingform-home .bf_checkinout .checkin, #booking #bookingform-home .bf_checkinout .checkout {
    font-family: var(--font-title);
    font-size: 14px;
}

#booking #bookingform-home .submit {
    background: var(--colored) !important;
    font-family: var(--font-text);
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase !important;
    line-height: 18px;
    letter-spacing: 0.05em;
    white-space: break-spaces;
    border: 1px solid var(--colored);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
body.fixed #book_button {
    background: transparent !important;
    font-family: var(--font-text);
    font-weight: 500;
    color: var(--main-color) !important;
    border: 1px solid var(--main-color);
    text-transform: uppercase !important;
    line-height: 18px;
    letter-spacing: 0.05em;
    white-space: break-spaces;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#booking #bookingform-home .submit:hover {
    background: 0 !important;
    border-color: var(--main-color);
    color: var(--main-color);
}

#extended_menu > ul {
    top: 140px;
}
/*#extended_menu > ul > li {
    border: 0;
}*/
#extended_menu > ul > li a {
    line-height: 50px;
    font-size: 20px;
    text-transform: capitalize;
    font-family: var(--font-text);
    color: var(--main-color);
    font-weight: 300;
}
#extended_menu ul.submenu > li.submenu_item a, nav ul.with_submenu li > ul.submenu >li > a {
    font-size: 18px;
    line-height: 150%;
}
nav ul li:hover:after, body.fixed nav ul li:hover:after {
    background: var(--colored);
}
nav ul li a:hover, body.fixed nav ul li a:hover,
#extended_menu > ul > li a:hover
{
    color: var(--colored);
}
#header nav ul.with_submenu li.active > ul.submenu >li > a:hover, #header nav ul.with_submenu li > ul.submenu >li > a:hover ,
#header nav ul.with_submenu li.active > ul.submenu >li.active > a
{
    color: var(--colored) !important;
}

.big_logo img {
    background-color: #FFF;
    box-shadow: 0 0 5px #0000001A;
}

a.btn {
    font-family: var(--font-text) !important;
    background-color: var(--main-color) !important;
    border: 1px solid var(--main-color);
    color: #FFF !important;
    font-style: unset;
    font-weight: 500;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    min-width: 160px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
a.btn:hover {
    background-color: transparent !important;
    color: var(--main-color) !important;
}
#intro .w-container > span {
    font-family: var(--font-title);
    letter-spacing: .05em;
    font-weight: bold;
    font-size: 22px !important;
}
hr {
    background-color: #cfcfcf;
}
#hotel_address ,
#restaurants,
#informations > span,
.meeting_capacities,
.news-aside
/*#services, #services .service*/
{
    background: #F8F8F8 !important;
}
/*#services .service {
    padding: 35px;
}*/
#hotel_address > div > div {
    color: var(--main-color);
    font-family: var(--font-text);
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.05em;
}
.light-btn {
    position: relative;
    text-decoration: none;
    font-family: var(--font-text) !important;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    z-index: 1;
    text-transform: uppercase;
    line-height: 160% !important;
    height: auto !important;
    letter-spacing: 0.05em;
    color: var(--main-color) !important;
    margin-right: 20px;
    margin-top: 10px;
    font-style: unset;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.light-btn:before {
    content: "⟶";
    margin-right: 10px
}
.light-btn:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    transition: all .3s ease;
    background: var(--main-color);
}
.light-btn:focus:after, .light-btn:hover:after {
    height: 2px;
    bottom: -8px;
    background: var(--colored);
}
#map_actions {
    background-color: #faf7f7;
}
#map_actions > ul > li > div > p a,
a.mailto ,
.print_itinerary > a,
.adp-summary span,
.news_links > strong, .news_attachments > strong, .news_press > strong,
#restaurants li strong, #restaurants-services li strong,
a {
    color: var(--colored);
}
#special_offers li strong,
#highlighted ul li > a > div > strong{
    font-weight: 300;
    font-style: normal;
    font-family: var(--font-title);
    line-height: 120%;
    position: relative;
    letter-spacing: .05em;
    color: var(--main-color);
    font-size: 28px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: .5em;
    display: block;
}
#map_actions > ul > li > strong
{
    font-weight: 300;
    font-style: normal;
    font-family: var(--font-text);
    line-height: 120%;
    position: relative;
    letter-spacing: .05em;
    color: var(--main-color);
    font-size: 28px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: .5em;
    display: block;
}
#special_offers li strong{
    color: #FFF;
}
#map_actions > ul > li > strong,
#map_actions > ul > li:after
{
    color: var(--main-color);
}
#map_actions > ul > li > strong
{
    font-size: 22px;
    line-height: 160%;
}
#special_offers li p,
#map_actions > ul > li > div > p,
#monuments li label, #monuments li > strong,
.route label,
.route .from, .route .to
{
    font-family: var(--font-text);
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--main-color);
}
form label {
    font-family: var(--font-text);
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0;
    color: var(--main-color);
    text-transform: none;
}

select,
form input,
form select,
form textarea
{
    font-family: var(--font-text);
    background-color: #FFF !important;
    border: 1px solid #ddd;
    color: var(--main-color);
    text-transform: none;
    font-size: 14px;
}
select, #rooms-filter select
{
    font-family: var(--font-title) !important;
    background-color: #FFF !important;
    border: 1px solid #ddd !important;
    color: var(--main-color);
    text-transform: none;
    font-size: 18px;
    height: 50px;
    min-width: 240px;
    text-indent: 10px;
}

.page-template-template-contact form input:focus,
.page-template-template-contact form select:focus,
.page-template-template-contact form textarea:focus {
    border-color: #ddd;
    box-shadow: 0px 0px 8px 0px rgb(132 132 132);
    background-color: #FFF !important;
}

#itineraryFrom ,
.choose_offers > div select,
.select-box,
.select-box > ul
{
    background-color: #FFF !important;
    border: 1px solid #ddd;
    min-width: 200px;
}
.choose_offers > div:after, .single-offers #bookingform div.select:after, #booking #bookingform-home .checkin_checkout_ctx:after, #booking #bookingform-home .bf_select:after, .single-offers #bookingform div.checkin:after, .single-offers #bookingform div.checkout:after {
    color: var(--main-color);
}
.select-box > span,
.choose_offers > div select,
#special_offers ul[data-type] li
{
    background-color: transparent !important;
    font-family: var(--font-title) !important;
    text-transform: none;
    color: var(--main-color);
    font-size: 16px;
}
#monuments li span.checkbox {
    border-color: var(--main-color);
}
#monuments li label, #monuments li > strong
{
    line-height: 35px;
}
#special_offers li p{
    top: 75px;
    color: #FFF;
}
#special_offers li span {
    font-family: var(--font-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
}
#highlighted ul li > a > div > strong:hover {
    color: var(--colored);
}
#highlighted ul li {
    height: 725px;
}
#highlighted li div {
    top: 440px;
}
#tripadvisor li p {
    line-height: 180%;
    font-size: 18px;
}

#itinerarySubmit {
    font-family: var(--font-text);
    text-transform: uppercase;
    font-style: unset;
    font-weight: 500;
    background-color: var(--main-color);
    letter-spacing: .05em;
    border: 1px solid var(--main-color);

}
#itinerarySubmit:hover, #itinerarySubmit:focus {
    background-color: transparent;
    color:var(--main-color);
    border-color: var(--main-color);
}
#footer > div > div > ul > li {
    margin: 10px 0;
}
div.mobile_apps {
    margin-bottom: 15px;
}
/*ul.mobile_apps {
    float: unset;
}*/
ul.mobile_apps a {
    height: 36px;
    display: block;
    width: 127px;
    float: unset;
    background-color: unset !important;
}

.submit input,
input.tableplus-submit,
div.resdiary-form div.RDbutton button.RDbtn,
.newsletter .btn,
.single-offers #bookingform input.submit_button
{
    background-color: var(--colored) !important;
    font-family: var(--font-text) !important;
    font-size: 18px !important;
    font-weight: 300;
    text-transform: uppercase !important;
    font-style: unset;
    border: 1px solid var(--colored);
}


.submit input:hover,
input.tableplus-submit:hover,
div.resdiary-form div.RDbutton button.RDbtn:hover,
.newsletter .btn:hover,
.single-offers #bookingform input.submit_button:hover
{
    border-color: var(--main-color);
    background-color: transparent !important;
    color: var(--main-color) !important;
}
#footer .newsletter input[type=email] {
    font-weight: 300;
}

#copyright p, #seobar * {
    font-size: 12px;
    text-transform: none;
}
nav ul li a.active, body.fixed nav ul li.active a {
    color: var(--colored) !important;
    border-bottom: 3px solid var(--colored);
}
.roomtype li figure, .roomtype li > div {
    width: 46%;
}
.roomtype li > div > div {
    bottom: 20px;
}

#rooms-filter li {
    font-family: var(--font-title);
    font-weight: 500;
    color: var(--main-color);
    letter-spacing: .05em;
    font-size: 26px;
}
#rooms-filter li.active {
    color: var(--colored);
    border-bottom: 3px solid var(--colored);
}
#rooms-filter li:hover {
    color: var(--colored);
}
#rooms-filter li:hover:after {
    background-color: var(--colored);
}

.meeting_form form input:focus,
.meeting_form form select:focus,
.meeting_form form textarea:focus,
.restaurant_form form input:focus,
.restaurant_form form select:focus,
.restaurant_form form textarea:focus
{
    box-shadow: 0px 0px 8px 0px rgb(197 197 197);
    background: #fff !important;
}

@media (max-width: 1100px){
    #spas li > div {
        width: 45%;
        left: 0px;
    }
    #spas li > a {
        overflow: hidden;
    }
    #special_offers li img.resp {
        width: 100% !important;
        height: 533px !important;
        bottom: 0 !important;
        top: auto !important;
        right: 0 !important;
        left: auto !important;
        object-fit: cover;
    }
    a.btn, .light-btn {
        font-size: 12px !important;
    }

    p {
        line-height: 26px !important;
    }

    .meeting_form, .restaurant_form {
        width: 700px;
        float: unset;
        margin: 1em auto;
    }
    .news-section li img.resp {
        margin: unset !important;
        top: 0px !important;
        left: 0px !important;
        object-fit: cover;
    }
    #highlighted ul li {
        height: 660px;
    }
}

@media (max-width: 800px) {
    body.fixed #book_button:after {
        content: "⟶";
        margin-left: 10px;
        background: 0 !important;
    }

    body.fixed #book_button, #book_button {
        background-color: var(--colored) !important;
        color: #FFF !important;
        font-family: var(--font-text);
        font-style: unset;
        text-transform: uppercase !important;
        letter-spacing: .05em;
        border-color: var(--colored);
    }
    .quote {
        padding-left: 0;
    }
    #highlighted ul li {
        height: 570px;
    }
    #highlighted li div:first-child, #highlighted li div {
        top: 360px;
    }
    ul.mobile_apps li.apple a {
        float: right;
        margin-right: 10px;
    }
    ul.mobile_apps li {
        float: right;
    }
    #spas li > div {
        width: 100%;
        left: 0px;
    }
    #services, #services .service {
        background: #F8F8F8 !important;
    }
    #rooms-filter:after {
        bottom: 50px;
    }
    .roomtype h3, .roomtype h3 span.bolded {
        font-size: 28px;
        line-height: 36px;
    }
    li.news > a > div.text-container {
        top: 310px;
    }
    a.btn {
        overflow: hidden;
    }
    #special_offers > div > div, #special_offers > div > div > p {
        margin-bottom: 30px;
    }
    .meeting_form, .restaurant_form {
        width: 100%;
    }

}
@media (max-width: 425px){
    p,
    #highlighted li div > p,
    .page-template-template-newsletter .text,
    strong.description,
    .room-content .high p,
    #highlighted div > p
    {
        font-size: 14px;
        line-height: 180%;
    }

    #special_offers li strong, #highlighted ul li > a > div > strong {
        line-height: 100%;
        font-size: 26px;
    }
    ul.mobile_apps li.google a, ul.mobile_apps li.apple a {
        background-position: center;
        background-size: contain;
    }
    h2 span.bolded, h3 span.bolded {
        font-size: 34px;
    }
    h1, h2, h3, h4 {
       font-size: 30px;
       line-height: 34px;
   }
    .roomtype h3 span.bolded, .roomtype h3, #spas li h3, #spas li h3 span.bolded, #restaurants li h3, #restaurants li h3 span.bolded, #restaurants h2, #restaurants h2 span.bolded, .page-template-template-restaurant #informations h3, .page-template-template-restaurant #informations h3 span.bolded, .restaurant_chef > div > div > div > p, #meetings h3 span.bolded, #meetings h3, li.news h3, li.news h3 span.bolded, #services h3, #services h3 span.bolded {
        font-size: 26px;
        line-height: 28px;
    }
    #stay_in_touch h4 {
        font-size: 26px;

    }
    .roomtype li a.see {
        border: 0;
    }
    h2.slideshow_title, h2.slideshow_title span.bolded {
        font-size: 35px;
    }
}

#loyalty {
    background-color: var(--colored);
    color: #FFF;
    padding: 70px 25px;
}
#loyalty .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    font-family: var(--font-text);
}
#loyalty .logo {
    flex-shrink: 0;
    flex-grow: 0;
}
#loyalty .logo img {
    width: auto;
    height: 50px;
}
#loyalty .content .title {
    font-style: normal;
    line-height: 120%;
    position: relative;
    letter-spacing: .05em;
    color: #FFF;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
}
#loyalty .content .description {
    text-align: center;
    font-size: 1em;
    padding-top: 20px;
    line-height: 140%;
    letter-spacing: 0.05rem;
    max-width: 800px;
    text-wrap: balance;
}
#loyalty .btn {
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    height: 50px;
    text-align: center;
    min-width: 200px;
    background-color: transparent !important;
    color: #FFF;
    font-style: normal;
    border: 1px solid #FFF;
}
#loyalty .btn:hover {
    background-color: #FFF !important;
}
#loyalty .btn:hover span {
    color: #000;
}
#loyalty .btn span {
    color: #FFF;
    text-transform: uppercase;
}