/**
 * Destination CSS Override
 *
 */

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Ovo&display=swap');

:root {
    --page-background-color: #00263A;
    --header-background-color: #00263A;
    --container-background-color: #4B6677;
    --footer-background-color: #00263A;
    --primary-color: #00263A;
    --secondary-color: #4B6677;
    --tertiary-color: #EAA251;
    --container-text-color: #EAE9E2;
    --tags-background-color: #EAE9E2;
    --tags-text-color: #00263A;
}

body {
    font-family: 'Ovo', sans-serif!important;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    color: var(--primary-color);
}

/* --- Typography --- */
h1, h2 { font-size: 4rem; }
h3 { font-size: 3rem; }
h4 { font-size: 1.25rem; }
p, .carousel-launch, .modal-body .gdpr { font-size: 1rem; }
.bg-info { font-size: 0.75rem; }

#inventory, .carousel-launch, .wrapping-column p, .grey p { color: var(--primary-color)!important; }
h1, h2, h3, h4, h5, h6, p, .coloured, i.coloured, a.coloured,
.rooms, .selectors .sub-text, .selectors .coloured, .icon, .basket-action .message, .basket-breakdown .reservation .dates, .btn-icon, .selector .sub-selected { color: var(--container-text-color)!important; }

.selector .sub-text, .selector .sub-selected, .selector .clear, grey-badge { font-weight: 600; }

.grey-badge, .discount-badge .basket-action .badge { letter-spacing: 0.05rem; }

.message .a:coloured:hover { color: var(--container-text-color)!important; text-decoration:underline!important; } 
a:not(.no-effects)::after { background-color: var(--container-text-color); }

/* --- Buttons --- */

.btn { border-radius: 0; }

.btn-coloured,
.btn-coloured-outline,
.btn-secondary {
   color: var(--container-text-color);
   background-color: var(--secondary-color);
   border-color: var(--container-text-color);
}

.btn-coloured:hover,
.btn-coloured:active,
.btn-coloured:focus,
.btn-coloured-outline:hover,
.btn-coloured-outline:active,
.btn-coloured-outline:focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    color: var(--container-text-color);
    background-color: var(--primary-color);
    border-color: var(--container-text-color);
}

.btn-coloured.disabled,
.btn-coloured-outline.disabled {
    color: var(--primary-color);
    background-color: var(--container-background-color);
    border-color: var(--primary-color);
}

.toast-header.success {
   color: var(--container-text-color);
   background-color: var(--secondary-color);
   border-color: grey;
}

.btn-close, .form-field.error { color: var(--container-text-color); }

/* --- Content --- */

.rooms .bordered, .selectors.bordered, .selectors.bordered:hover, .card, .warning { box-shadow: unset!important; }
.warning p, .focused h5, .alternate-hotel h4, .alternate-hotel .distance, .content-section h5 { color: var(--page-background-color)!important; }

.focused .form-group .form-title h5 { color: var(--container-text-color)!important; }

header, .page-heading { border-bottom: none; }
.wrapper, .page-heading { background-color: var(--page-background-color); }
.content .message-banner.coloured, .products .product { background-color: var(--container-background-color); color: var(--container-text-color); }
.selected-badge { background-color: var(--tags-background-color); color: var(--primary-color); } 
.bordered, .bordered-grey { border: unset; }
.sidebar, .selectors, .rooms .room { background-color: var(--container-background-color); border-left: unset; }
.rooms .room, .rooms .room .details .rate-name, .basket-summary, .basket-breakdown, .agree-button .message, .gdpr-message, .offers-breakdown .date { color: var(--container-text-color); }
.form-field .mandatory { color: var(--container-text-color)!important; }
.rooms .room .details .description .room-description, .rooms .room .details .rate { padding: 0; }
.rooms .room .details .description .room-description { font-size:1rem; margin: 12px 0; }

.selector .sub-text,
.selector .sub-selected,
.selector .clear,
.basket-action .message,
.btn-icon,
.basket-breakdown .table-booking .dates,
.basket-breakdown .conference .dates,
.basket-breakdown .reservation .dates,
.selectors.bordered,
.selectors.bordered:hover,
.emphasise:hover,
.bordered { border: unset; box-shadow: none; border-radius: 0; }

.selectors .icon, .selector .icon-error { background-color:unset; color: var(--container-text-color); }
.grey-badge { background-color: var(--tags-background-color); color: var(--primary-color); }
.amenities .icon { border: 1px solid var(--container-text-color); }
.amenities .icon i { color: var(--container-text-color); }

.stages { background: #eae9e2; padding: 10px 15px; border-radius: 5px; margin-top: 16px; }

footer { border-top: none; }

/* --- Modals --- */
.modal-body { font-size: 1rem; }
.modal-body.bgcolor { background-color: unset; }
.form-group .room .room-description { color: var(--container-text-color); }
.modal-body .description, .modal-title, .modal-body .modal-title, .modal-body .room-type, .double-footer .modal-total { color: var(--primary-color)!important; }
#mobileBasket .basket-action .message, #mobileBasket .basket-breakdown, #mobileBasket .btn-icon, #mobileBasket .reservation .dates { color:  var(--primary-color); }

/* --- Checkout Form --- */
.bg-info, .discount-badge { background-color: var(--tags-background-color)!important; color: var(--tags-text-color); }
.rounded-pill { border-radius: 5px!important; padding: 8px 10px; letter-spacing: 0.05rem; }
.form-group { background-color: var(--container-background-color); color: var(--container-text-color); }

@media all and (max-width:475px) {
  .grey-badge .right { float:unset; margin-top: 0.75rem; }
}

/* --- End Destination CSS Override --- */