@font-face {
    font-family: 'URWClassico';
    src: url('./fonts/fonnts.com-Classico_URW.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Black.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Bold.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Bold_Italic.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Bold_Italic.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Condensed_T.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Medium.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Medium_Italic.otf') format('opentype'),
    url('./fonts/fonnts.com-Classico_URW_Regular_Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('./fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype'),
    url('./fonts/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --first-font: 'Roboto Condensed', sans-serif;
    --highlight-font: 'URWClassico', sans-serif;
}

h1,
.title,
.the_title,
.box_with_image_bg .content .title {
    font-family: 'URWClassico', sans-serif;
    font-weight: 500;
}


/* ==========================
Post preview cards
========================== */

.de_block_post_preview.grid .item_wrap .item .content_wrap .title, .de_block_post_preview.carousel .item_wrap .item .content_wrap .title {
    font-size: 2.3em;
    text-align: left;
}


#main_content #share a,
#social_sidebar a {
    display: inline-block;
}

#main_content #share a span[class^=fa],
#social_sidebar a span[class^=fa] {
    background: var(--highlighted);
    color: var(--main-color-associated);
    font-size: 18px;
    display: inline-block;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#main_content #share a span[class^=fa]:hover, #main_content #share a span[class^=fa]:focus,
#social_sidebar a span[class^=fa]:hover,
#social_sidebar a span[class^=fa]:focus {
    color: #fff;
}

#main_content #share a span[class^=fa]:hover.fa-facebook-f, #main_content #share a span[class^=fa]:focus.fa-facebook-f,
#social_sidebar a span[class^=fa]:hover.fa-facebook-f,
#social_sidebar a span[class^=fa]:focus.fa-facebook-f {
    background: #0D65D3;
}

#main_content #share a span[class^=fa]:hover.fa-instagram, #main_content #share a span[class^=fa]:focus.fa-instagram,
#social_sidebar a span[class^=fa]:hover.fa-instagram,
#social_sidebar a span[class^=fa]:focus.fa-instagram {
    background: #f09433;
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

body.internal_header #main_content #share,
body.internal_header #social_sidebar {
    z-index: 204;
}

#main_content #share a,
#social_sidebar a {
    display: block;
    margin: 5px;
}

#main_content #share a span[class^=fa],
#social_sidebar a span[class^=fa] {
    background: var(--highlighted);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

#main_content #share a:hover span[class^=fa],
#social_sidebar a:hover span[class^=fa] {
    background: var(--hover);
}


#social_sidebar {
    position: fixed;
    top: 50%;
    z-index: 700;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    left: auto;
}

#our_hotels_menu {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#our_hotels_menu ul, #our_hotels_menu li {
    list-style: none inside none;
}

#our_hotels_menu ul.menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

#our_hotels_menu ul.menu > li {
    display: inline-block;
    position: relative;
}

#our_hotels_menu ul.menu > li.current-menu-item .menu_label > a {
    color: var(--highlighted);
}

#our_hotels_menu ul.menu > li.menu-item-has-children:hover:before {
    display: block;
}

#our_hotels_menu ul.menu > li.menu-item-has-children:before {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent var(--main) transparent;
}

#our_hotels_menu ul.menu > li:hover > ul.sub-menu {
    display: block;
}

#our_hotels_menu ul.menu > li .more_li {
    display: none;
}

#our_hotels_menu ul.menu > li > a {
    display: block;
    color: var(--header-footer-color-associated);
    text-transform: uppercase;
    padding: 1em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#our_hotels_menu ul.menu > li > a:hover {
    text-decoration: none;
    color: var(--highlighted) !important;
}

#header_wrapper.custom #our_hotels_menu ul.menu > li > a {
    color: #fff;
}

#our_hotels_menu ul.menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--main);
    padding: 0.5em 0;
    z-index: 100;
    min-width: 100%;
}

#our_hotels_menu ul.menu ul.sub-menu > li {
    display: block;
}

#our_hotels_menu ul.menu ul.sub-menu > li.current-menu-item > a,
#our_hotels_menu ul.menu ul.sub-menu > li:hover > a {
    color: var(--highlighted);
}

#our_hotels_menu ul.menu ul.sub-menu > li > a {
    display: block;
    padding: 0.5em 1.5em;
    white-space: nowrap;
    text-decoration: none;
    color: var(--main-color-associated);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


#primary_menu ul {
    list-style: none inside none;
    display: flex;
    flex-direction: column;
}

#primary_menu ul li.menu-item-home {
    order: 0;
}

#primary_menu ul li.current-menu-item, #primary_menu ul li.current-menu-parent {
    order: 1 !important;
}

#primary_menu ul li:not(.current-menu-item):not(.menu-item-home), #primary_menu ul li:not(.current-menu-parent):not(.menu-item-home) {
    order: 2;
}

.slideshow_container .frame {
    display: none;
}

.slideshow_container .caption .the_subtitle {
    order: 2;
    font-size: 3em;
}

.wrap.list .prev_wrap .preview .col_content:before {
    content: unset;
}

@media (min-width: 1200px) {
    .container {
        width: 1160px;
    }
}

@media (max-width: 767px) {
    h2:not(.the_subtitle), .big_title, .the_title {
        font-size: 4em;
    }
}


#header .header_container {
    height: 100%;
    width: 100%;
    max-width: 1460px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header .header_container {
        max-width: 1200px;
    }
}

.main #breadcrumb ul, .main #breadcrumb li {
    list-style: none inside none;
    display: none;
}

#booking_form {
    width: auto;

    .section-hotel.hidden {
        display: none !important;
    }
}

#booking_form .quickbook-form-tab:has(.hotel-selector) {
    padding: 0;
}

/* Match the adults / children select wrappers to the hotel selector tab */
#booking_form .section-nb_adults .wrap,
#booking_form .section-nb_children .wrap {
    position: relative;
    cursor: pointer;
    background: #FFF;
    line-height: 60px;
    padding: 0;
    color: var(--bg-color-associated);
    transition: all 0.3s ease;
}

#booking_form .section-nb_adults .wrap:after,
#booking_form .section-nb_children .wrap:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--highlighted);
    position: absolute;
    right: 15px;
    bottom: 0;
    pointer-events: none;
}

#booking_form:hover .hotel-selector, #booking_form .hotel-selector:hover,
#booking_form:hover .bf_select-adults, #booking_form .bf_select-adults:hover,
#booking_form:hover .bf_select-children, #booking_form .bf_select-children:hover {
    color: initial;
}

#booking_form .hotel-selector,
#booking_form .bf_select-adults,
#booking_form .bf_select-children {
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
    padding-inline: 15px !important;
    height: auto;
    width: 100%;
}

#booking_form .hotel-selector option,
#booking_form .bf_select-adults option,
#booking_form .bf_select-children option {
    padding: 8px 10px !important;
    cursor: pointer;
    background: var(--main);
    color: #FFFFFF;
}

@supports (appearance: base-select) {
    #booking_form .hotel-selector,
    #booking_form .hotel-selector::picker(select),
    #booking_form .bf_select-adults,
    #booking_form .bf_select-adults::picker(select),
    #booking_form .bf_select-children,
    #booking_form .bf_select-children::picker(select) {
        appearance: base-select !important;
        line-height: 30px;
    }

    #booking_form .hotel-selector,
    #booking_form .hotel-selector::picker(select) {
        min-width: 180px;
    }

    #booking_form .hotel-selector,
    #booking_form .bf_select-adults,
    #booking_form .bf_select-children {
        background-image: none;
    }

    #booking_form .hotel-selector::picker-icon,
    #booking_form .bf_select-adults::picker-icon,
    #booking_form .bf_select-children::picker-icon {
        display: none;
    }

    #booking_form .hotel-selector::picker(select),
    #booking_form .bf_select-adults::picker(select),
    #booking_form .bf_select-children::picker(select) {
        margin-bottom: 15px;
    }

    #booking_form .hotel-selector option,
    #booking_form .bf_select-adults option,
    #booking_form .bf_select-children option {
        padding: 8px 10px !important;
        cursor: pointer;
        background: var(--main);
        color: #FFFFFF;
    }

    #booking_form .hotel-selector option:hover,
    #booking_form .bf_select-adults option:hover,
    #booking_form .bf_select-children option:hover {
        color: var(--highlighted);
    }

    #booking_form .hotel-selector option:checked,
    #booking_form .bf_select-adults option:checked,
    #booking_form .bf_select-children option:checked {
        background: var(--hover);
        color: #ffffff;
    }

    #booking_form .hotel-selector option::checkmark,
    #booking_form .bf_select-adults option::checkmark,
    #booking_form .bf_select-children option::checkmark {
        display: none;
    }

    #booking_form .hotel-selector.hide-hotels option.option-hotel {
        display: none;
    }
}

#booking_form .arriving-tab label:has(+.quickbook-form-tab:focus-within) #arrival_format, #booking_form .arriving-tab label:has(+.quickbook-form-tab:focus-within) #departure_format, #booking_form .departing-tab label:has(+.quickbook-form-tab:focus-within) #arrival_format, #booking_form .departing-tab label:has(+.quickbook-form-tab:focus-within) #departure_format {
    display: none;
}


/* Breaking the line after the hotel name; the [data-link^="show_****_"] is added for both EN and RO languages (I know it's a nightmare) */
@media (min-width: 768px) {
    .de_block_post_preview .item_wrap .title {
        margin-inline: auto;
    }

    .de_block_post_preview .item_wrap:is(
    [data-link^="show_609_"],
    [data-link^="show_190_"],
    [data-link^="show_338_"],
    [data-link^="show_1309_"],
    [data-link^="show_1123_"],
    [data-link^="show_1220_"]
    ) .title {
        max-width: 12ch;
    }

    .de_block_post_preview .item_wrap:is(
    [data-link^="show_462_"],
    [data-link^="show_508_"],
    [data-link^="show_563_"],
    [data-link^="show_1406_"],
    [data-link^="show_1423_"],
    [data-link^="show_1361_"]
    ) .title {
        max-width: 13ch;
    }

    .de_block_post_preview .item_wrap:is(
    [data-link^="show_388_"],
    [data-link^="show_1257_"]
    ) .title {
        max-width: 14ch;
    }

    .de_block_post_preview .item_wrap:is(
    [data-link^="show_269_"],
    [data-link^="show_1181_"]
    ) .title {
        max-width: 15ch;
    }

    .de_block_post_preview .item_wrap:is(
    [data-link^="show_111_"],
    [data-link^="show_1135_"]
    ) .title {
        max-width: 16ch;
    }
}