@font-face {
    font-family: 'DefaultFont';
    src: url("/fonts/p3essential/font-62740-body.ttf"), url("/fonts/p3essential/font-standard-body.ttf");
}

@font-face {
    font-family: 'HeadingFont';
    src: url("/fonts/p3essential/font-62740-heading.ttf"), url("/fonts/p3essential/font-62740-body.ttf"), url("/fonts/p3essential/font-standard-heading.ttf");
}

@font-face {
    font-family: 'ButtonsFont';
    src: url("/fonts/p3essential/font-62740-buttons.ttf"), url("/fonts/p3essential/font-62740-body.ttf"), url("/fonts/p3essential/font-standard-body.ttf");
}


/* $pageBg */
body, .email-wrapper .bg-white, body .bkg-col,
.offers-list__article,
.offers-form__filter {
    background-color: #EEF3F5;
}

/* @bookingSummaryBg - DESKTOP */
.bookingSummaryBg, .oci-container .card-style {
    border: 1px solid #C9DEE7;
}

.bookingSummaryBg, .oci-container .card-style, .container-image-left-title-text, .container-image-title-text-button, .container-title-three-icons-text, .container-double-column-image-title-text-button, .addOns-item-group {
    background-color: #C9DEE7;
}

.rooms-check-in .sub-card:hover {
    background-color: #C9DEE7;
}

.rooms-check-in .sub-card:hover {
    border: 1px solid #4C6A83;
}

/* BOOTSTRAP MD POINT */
@media screen and (max-width: 768px) {
    body .standard-modal .modal-header, .payment-details-wrapper .bookingSummaryBg, .gf-modal .modal-header {
            background-color: #EEF3F5;
        }
    .modal-tabs .nav-tabs, .booking-widget-modal.modal-full-width .modal-body, .modal-open .modal {
            background-color: #EEF3F5;
        }
    .modal .icon-close {
            color: #4C6A83 !important;
        }
}

/* HEADER */
header, .payment-handler, header .lang-menu ul {
    background-color: #2D4662;
    border-bottom: 1px solid #2D4662;
}

.dropdown-currency select option, .lang-menu li{
    background-color: #2D4662;
}

header > *, header .custom-select, header .lang-menu ul li a, .payment-handler p, header #navbar-movable-items > * {
    color: #FFFFFF;
}

/* FOOTER */
footer {
    background-color: #2D4662;
}
.footer__container p a:hover ,footer .footer__container ul li a:hover,footer .footer__container ul li a:hover, .footer .footer__container a.p3-website:hover{
    color: #FFFFFF;
}
.footer__container p a:focus ,footer .footer__container ul li a:focus,footer .footer__container ul li a:focus, .footer .footer__container a.p3-website:focus{
    color: #FFFFFF;
}
.footer__container p a:active ,footer .footer__container ul li a:active,footer .footer__container ul li a:active, .footer .footer__container a.p3-website:active{
    color: #C9DEE7;
}

footer > *, footer .footer__container p a, footer , footer .footer__container ul li a, .footer .footer__container a.p3-website {
    color: #EEF3F5;
}

footer > *, footer .footer__container p, footer , footer .footer__container ul li, .footer .footer__container{
    color: #FFFFFF;
}

.divider__footer--desktop {
    border-bottom: 1px solid #FFFFFF;
}

.footer__social-media li i {
    color: #FFFFFF;
}

.footer__social-media li i:hover {
    color: #EEF3F5;
}

/* @bodyText */
body, body > *, .bodyText {
    font-family: 'DefaultFont';
    color: #4C6A83;
    font-size: 16px;
    letter-spacing: normal;
}

/* @sectionHeading */
.sectionHeading, .calendar .calendar-heading, .calendar .calendar-heading span {
    font-family: 'HeadingFont';
    color: #4C6A83;
    font-size: 32px;
    letter-spacing: -1.28px;
}
/* @cardHeading */
.cardHeading, .cardHeading:hover {
    font-family: 'HeadingFont';
    color: #4C6A83;
    text-transform: capitalize;
    font-size: 26px;
    letter-spacing: normal;
}

/* @smallText*/
.smallText, .calendar .calendar-date .calendar-date-heading, .calendar-date .calendar-date-no-availability {
    font-family: 'DefaultFont';
    color: #4C6A83;
    font-size: 14px;
    letter-spacing: normal;
}

/* @cardRateName */
.cardRateName, .cardRateName:hover {
    font-family: 'DefaultFont';
    color: #4C6A83;
    font-size: 16px;
    letter-spacing: normal;
}

/* @bodyLink */
body a, a:not([href]):not([tabindex]), .link-button, .hotel-info-buttons button, .terms-confirmation button {
font-family: 'DefaultFont';
    color: #2D4662;
}
body a:hover ,.standard-nav__main li a:hover,.nav-item .dropdown-item:hover, body a:not([href]):not([tabindex]):hover{
    color: #4C6A83;
}
body a:focus, body a:not([href]):not([tabindex]):focus, .standard-nav__main li a:focus,.nav-item .dropdown-item:focus{
    color: #52A698;
}
body a:active,.standard-nav__main li a:active,.nav-item .dropdown-item:active{
    color: #4C6A83;
}

/* PROGRESS STEPS */
#progress-steps .progress-steps-desktop {
    color: #4C6A83;
}

#progress-steps .progress-steps-desktop .active {
    color: #4C6A83;
}

/* BTN PRIMARY */
.btn-primary {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #4C6A83;
    border: 1px solid #4C6A83;
    text-transform: capitalize;
}

.booking-summary-room-name i, .btn_link {
    color: #4C6A83;
}

.booking-summary-header i{
    color: #4C6A83;
}

.asd__day--selected, .asd__day--in-range {
    background-color: #4C6A83 !important;
    border-color: #4C6A83 !important;
}

.checkout .summary-details {
    border-bottom: 1px solid #4C6A83;
}

.asd__action-buttons button:last-child {
    color: transparent !important;
}

.gv-balance-wrapper{
}

.gv-applied-wrapper{
}

.btn-primary a {
    font-family: 'ButtonsFont';
    color: #4C6A83;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #4C6A83;
    border: 1px solid #4C6A83;
    text-transform: capitalize;
}

body table .btn-primary a:hover, .btn-primary:hover, .btn-primary:hover a  {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #2D4662;
    border: 1px solid #52A69880;
    text-transform: capitalize;
}

.btn-primary:focus {
    font-family: 'ButtonsFont';
    background-color: #FFFFFF;
    border-radius: 25px;
    color: #2D4662;
    border: 1px solid #2D4662;
    text-transform: capitalize;
}

.btn-primary a:focus {
    font-family: 'ButtonsFont';
    color: #2D4662;
}

.btn-primary:disabled, a[aria-disabled="true"].btn-primary, a[aria-disabled="true"].btn-primary:focus  {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #4C6A83;
    border: 1px solid #4C6A83;
    text-transform: capitalize;
}

/* BTN SECONDARY */
.btn-secondary, .calendar-mobile-btn {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #52A69880;
    border: 1px solid #52A69880;
    text-transform: capitalize;
}

.btn-secondary.loading-spinner-essential {
    font-family: 'ButtonsFont';
    color: #52A69880;
}

.btn.btn-secondary:hover, .calendar-mobile-btn:hover {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #52A698;
    border: 1px solid #52A698;
    text-transform: capitalize;
}

.btn.btn-secondary:active, .calendar-mobile-btn:active {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #4C6A83;
    border: 1px solid #4C6A83;
    text-transform: capitalize;
}

.btn-secondary:focus, .calendar-mobile-btn:focus {
    font-family: 'ButtonsFont';
    background-color: #FFFFFF;
    border-radius: 25px;
    color: #52A698;
    border: 1px solid #2D4662;
    text-transform: capitalize;
}

.btn-secondary:disabled, .calendar-mobile-btn:disabled, a[aria-disabled="true"].btn-secondary, a[aria-disabled="true"].btn-secondary:focus {
    font-family: 'ButtonsFont';
    background-color: transparent;
    border-radius: 25px;
    color: #52A698;
    border: 1px solid #52A698;
    text-transform: capitalize;
}

/**
CHECKBOXES START - DESKTOP + MOBILE same
*/

span.custom-check:focus {
    border: 1px solid #4C6A83;
}

input[type="checkbox"]:focus + .custom-check, .gf-custom-select:focus {
    border: 1px solid #4C6A83;
}

input[type=checkbox]:checked + span.custom-check:after, .gf-details-card-radio input[type=checkbox]:checked + * label > span.custom-radio:after, .gf-details-card-radio input[type=radio]:checked + label > span.custom-radio:after, .gf-details-card-radio input[type=radio]:checked + span.custom-radio:after {
    background-color: #4C6A83;
}

/** Accesibility */
input[type=checkbox]:checked:focus + .custom-check, input[type=radio]:checked:focus + .custom-radio, label input[type=checkbox]:checked:focus + .custom-check, label input[type=radio]:checked:focus + .custom-radio {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
}
input[type=checkbox]:checked:focus + span.custom-check:after, input[type=radio]:checked:focus + span.custom-radio, label input[type=checkbox]:checked:focus + .custom-check, label input[type=radio]:checked:focus + .custom-radio {
    background-color: #4C6A83;
}


/**
CHECKBOXES END
*/

/**
RADIO BUTTONS START - DESKTOP + MOBILE same
*/

span.custom-radio:focus {
    border: 1px solid #4C6A83;
}

input[type=radio]:checked + span.custom-radio:after {
    background-color: #4C6A83;
}

/**
RADIO BUTTONS END
*/

/**
FORM FIELDS START
*/

.form-control:focus,
.booker-details-wrapper .custom-select:focus,
.guest-details-wrapper .custom-select:focus,
.payment-details-wrapper .custom-select:focus,
.members-container .custom-select:focus {
    border: 1px solid #4C6A83;
}

/**
FORM FIELDS END
*/

/** ROOMS LEFT MSG - START */
.rooms-available {
    background-color: #C9DEE7;
    color: #2D4662;
}

/** ROOMS LEFT MSG - END */

/** PLACEHOLDER - START */
.booker-details-wrapper .custom-select::placeholder, .guest-detailroom_rates__search--widget .booking-widget-datepicker .form-controls-wrapper .custom-select::placeholder, .payment-details-wrapper .custom-select::placeholder, .members-container .custom-select::placeholder {
    color: #4C6A83;
}
.form-group input::placeholder, .form-group textarea::placeholder {
    color: #4C6A83;
}
.form-control::placeholder {
    color: #4C6A83;
}
.form-control::placeholder {
    color: #4C6A83;
}
.p3-mask {
    color: #4C6A83 !important;
}
/** PLACEHOLDER - END */

/** DIVIDERS - START */
.divider__bottom--desktop {
    border-bottom: 1px solid #EEF3F5;
}

.divider-top-sidebar {
    border-top: 1px solid #EEF3F5;
}

.bottom-line {
    background-color: #EEF3F5;
}

.line_bottom {
    border-bottom: 1px solid #EEF3F5;
}

.hotel-info-buttons a {
    border-right: 1px solid #EEF3F5;
}
.hotel-info-buttons a {
    border-right: 1px solid #EEF3F5;
}
.hotel-info-buttons-sep {
            background-color: #EEF3F5;
    }

.room-wrapper {
    border-bottom: 1px solid #EEF3F5;
}

.rates-wrapper .rate-container, .modal-room-content .rate-container {
    border-bottom: 1px solid #EEF3F5;
}

.addon-with-checkboxes-wrapper {
    border-bottom: 1px solid #EEF3F5;
}

@media screen and (max-width: 768px) {
    .booking-summary-mobile {
            border-bottom: 1px solid #EEF3F5;
        }
    .addon-with-checkboxes-wrapper:first-of-type {
            border-top: 1px solid #EEF3F5;
        }
}

/** DIVIDERS - END */

/** HOTEL INFO MOBILE - START */
#mobile-hotel-info {
    background-color: #52A69880;
}
#mobile-hotel-info a {
    color: #2D4662;
}
/** HOTEL INFO MOBILE - END */

/** CUSTOM FIELDS - APPLIES BODY COLOR */
.emergency_message_line {
    border-top: 1px solid #4C6A83;
}

.modal-tabs .nav-tabs li a span, .modal-tabs .nav-tabs li a i,
.form-control,
.booker-details-wrapper .custom-select,
.guest-details-wrapper .custom-select,
.payment-details-wrapper .custom-select,
.members-container .custom-select,
.booker-details-wrapper .input-group:after,
.guest-details-wrapper .input-group:after,
.booker-details-wrapper .custom-select:focus,
.guest-details-wrapper .custom-select:focus,
.payment-details-wrapper .custom-select:focus,
.members-container .custom-select:focus,
.modal-tab-link,
.modal-tab-link:hover,
.modal-content .cardHeading,
.modal-content .sectionHeading,
.modal-content > *,
.asd__month-name,
.asd__action-buttons button:last-child,
.booking-summary-mobile p,
.booking-summary-mobile span,
.room-modal .rate-name .cardRateName {
    color: #4C6A83 !important;
}

.header button .fa-bars {
    color: #FFFFFF !important;
}

.booking-widget-modal .modal-header .icon-close i {
    color: #4C6A83;
}

.strike-through {
    text-decoration-color: #4C6A83 !important;
}

.payment-details-wrapper .secureInfoText {
    color: #4C6A83;
}

.advantageIcon {
    color: #2D4662;
}

/** NO AVAILABILITY CALENDAR - START */
.container .calendar-rows {
    background-color: #C9DEE7;
    border: 1px solid #C9DEE7;
}

.container .calendar, #search-componentModal .modal-header, #search-componentModal .modal-body, .gf-body {
    background-color: #EEF3F5;
}

.calendar .calendar-date-price, .calendar .calendar-date .calendar-date-loading {
    color: #4C6A83;
}

.calendar .calendar-date {
    border: solid 1px #4C6A83;
    background-color: #EEF3F5;
}

.calendar-weekday {
    color: #2D4662;
}

.calendar .calendar-date:not(.calendar-date--disabled):hover, .calendar .calendar-date:not(.calendar-date--disabled):active, .calendar-date.calendar-date--selected {
    background-color: transparent;
}

.calendar .calendar-mobile-btn {
    color: #4C6A83;
    border: 1px solid #4C6A83;
}

@media screen and (max-width: 991px) {
    .container .calendar, .container .calendar .row.d-flex.d-lg-none .col-12, .calendar .calendar-mobile-btn {
            background-color: #C9DEE7;
        }
}

/** NO AVAILABILITY CALENDAR - END */

/** CITY SEARCH - START */
.progress-component-search {
    background-color: #52A69880;
}

.progress-component-search span{
   color: #2D4662;
}


/** CITY SEARCH - END */



/** LEFT MENU - START */
.standard-nav .modal-content {
    background-color: #2D4662;
}

.standard-nav__main li {
    border-bottom: 1px solid transparent;
}

.standard-nav__main li a, .standard-nav__main li .icon-chevron-down:after, .standard-nav__main li .icon-chevron-down.rotate180:after, .close-nav:after,
#sidebar-mobile-container #navbar-movable-items > *, #sidebar-mobile-container * {
    color: #95BED0;
}

.standard-nav__sub-nav li {
    color: #95BED0;
}
/** LEFT MENU - END */

/** CONFIRMATION EMAIL - START */
body table .header-logo {
    background-color: #2D4662;
}
body table .checkin-time-section {
    background-color: #EEF3F5;
}
body table .border-left {
    border-left: 1px solid #EEF3F5;
}
body table .hr {
    background-color: #EEF3F5;
}
body table .text-heading, body table .text-subheading {
    color: #4C6A83;
}
body table.footer {
    background-color: #2D4662;
}
body table.footer > *, body table.footer a p {
    color: #FFFFFF;
}

body table.footer .hr-footer {
    background-color: #FFFFFF;
}
/** CONFIRMATION EMAIL - END */

/** PAYMENT LINK - START */

.payment-link h1,
.payment-link h2,
.payment-link h3,
.payment-link h4,
.payment-link h5 {
    color: #4C6A83;
    font-size: 32px;
    letter-spacing: -1.28px;
}

.payment-link form-control,
.payment-link p,
.payment-link span {
    font-family: 'DefaultFont';
    color: #4C6A83;
    font-size: 16px;
    letter-spacing: normal;
}

.payment-link .btn-primary {
    background-color: transparent;
    border-radius: 25px;
    color: #4C6A83;
    border: 1px solid #4C6A83;
    text-transform: capitalize;
}

.payment-link input.form-control {
    color: #4C6A83;
}

.payment-link .payment-details input.form-control {
    color: #4C6A83;
}

.payment-link input.form-control::placeholder,
.payment-link input.form-control:focus {
    color: #4C6A83;
    border: 1px solid #4C6A83;
}


.payment-link .payment-details,
.payment-link .booking-sidebar {
    background-color : #C9DEE7;
}

.payment-link .alert-success {
    background-color : #C9DEE7;
    color: #4C6A83;
    border: 1px solid #4C6A83;
}
/** PAYMENT LINK -END */