﻿/* site specific varibles */
/* site fonts */
@font-face {
    font-family: 'MuseoSans900';
    src: url('../../../../../lib/fonts/flg/MuseoSans-900.eot');
    src: url('../../../../../lib/fonts/flg/MuseoSans-900.eot?#iefix') format('embedded-opentype'), url('../../../../../lib/fonts/flg/MuseoSans-900.woff2') format('woff2'), url('../../../../../lib/fonts/flg/MuseoSans-900.woff') format('woff'), url('../../../../../lib/fonts/flg/MuseoSans-900.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../../../../../lib/fonts/flg/MuseoSans-500.eot');
    src: url('../../../../../lib/fonts/flg/MuseoSans-500.eot?#iefix') format('embedded-opentype'), url('../../../../../lib/fonts/flg/MuseoSans-500.woff2') format('woff2'), url('../../../../../lib/fonts/flg/MuseoSans-500.woff') format('woff'), url('../../../../../lib/fonts/flg/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* join ekko fonts */
@font-face {
    font-family: 'Futura500';
    src: url('/lib/fonts/ekko/FuturaStd-Medium.woff2') format('woff2'), url('/lib/fonts/FuturaStd-Medium.woff') format('woff'), url('/lib/fonts/FuturaStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura600';
    src: url('/lib/fonts/ekko/FuturaStd-Bold.woff2') format('woff2'), url('/lib/fonts/FuturaStd-Bold.woff') format('woff'), url('/lib/fonts/FuturaStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura600-con';
    src: url('../../../../../lib/fonts/ekko/futurabt-mediumcondensed.woff') format('woff'), url('../../../../../lib/fonts/ekko/futurabt-mediumcondensed.woff2') format('woff2');
}

@font-face {
    font-family: 'Futura900';
    src: url('/lib/fonts/ekko/FuturaBT-ExtraBlack.woff2') format('woff2'), url('/lib/fonts/FuturaBT-ExtraBlack.woff') format('woff'), url('/lib/fonts/FuturaBT-ExtraBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* fonts variables */
/* site colours */
/* BLUE */
/* DARK BLUE */
/* LIGHT BLUE */
/* Flexi Orange */
/* Ekko Orange */
/* background styles
-------------------------------------------------- */
.bg-primary {
    background-color: #ee7326 !important;
}

.bg-primary-dk {
    background-color: #25408f;
}

.bg-primary-lt {
    background-color: #8ED8F8;
}

.bg-yellow {
    background-color: #ee7326;
}

.bg-ekko {
    background-color: #f36b22;
}

.bg-dark-grey {
    background-color: #959595;
}

.bg-dark {
    background-color: #1E3D6B !important;
}

.bg-grey {
    background-color: #D1D1D1;
}

.bg-lt-grey {
    background-color: #E0E0E0;
}

.bg-xlt-grey {
    background-color: #EAEAEA;
}

.bg-lt-blue {
    background-color: #04B2E2;
}

.bg-xlt-blue {
    background-color: #C7EAFB;
}

.bg-dark-blue {
    background-color: #1E3D6B;
}

.bg-green {
    background-color: #8BC53D;
}

.footer-bg {
    background: #36015A;
}

.bg-purple {
    background-color: #5F02D2;
}

.bg-offline {
    background-color: #fff;
}
#testimonialsHome {
    background-color: #005195 !important
}
/* Text styles
-------------------------------------------------- */
.text-p-c {
    color: #ee7326;
}

.text-p-dk {
    color: #ee7326;
}

.text-p-lt {
    color: #8ED8F8;
}

.text-grey {
    color: #959595;
}

.text-lt-grey {
    color: #E0E0E0;
}

.text-c-ekko {
    color: #f36b22;
}

.text-c-flexi {
    color: #f37021;
}

.text-body {
    font-size: 1.3em;
}

.text-purple {
    color: #5F02D2;
}

.ppr-offset {
    font-size: 80%;
    position: relative;
    right: -60px;
    font-family: 'VERDANA';
    opacity: 0.6;
}
/* Button styles
-------------------------------------------------- */
.rating-block .btn-p-c {
    background-color: #ee7326 !important;
    border: 1px solid #ee7326 !important;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-p-c {
    background-color: #ee7326 !important;
    border: 1px solid #ee7326 !important;
    color: #fff !important;
    text-transform: uppercase;
}

    .btn-p-c:hover,
    .btn-primary:hover {
        color: #fff;
        background-color: #25408f !important;
        border-color: #25408f !important;
    }

.btn-p-c-dk {
    background-color: #ee7326;
    border: 1px solid #ee7326;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-dark {
    background-color: #1E3D6B;
    border: 1px solid #1E3D6B;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-ekko-c {
    background-color: #f36b22;
    border: 1px solid #f36b22;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-yellow {
    background-color: #ee7326;
    border: 1px solid #ee7326;
    color: #000 !important;
    text-transform: uppercase;
}

    .btn-yellow:hover {
        background-color: #25408f !important;
        border: 1px solid #25408f !important;
        color: #fff;
        text-transform: uppercase;
    }

.btn-wht {
    background-color: #fff;
    border: 1px solid #fff;
    color: #707070;
    text-transform: uppercase;
}

.btn-purple {
    background-color: #5F02D2;
    border: 1px solid #5F02D2;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-turq {
    background-color: #059AC3;
    border: 1px solid #059AC3;
    color: #fff !important;
}

.btn-orange {
    background-color: #F36C21;
    border: 1px solid #F36C21;
    color: #fff !important;
    text-transform: uppercase;
}

    .btn-orange:hover {
        background-color: #25408f;
        border: 1px solid #25408f;
        color: #fff;
        text-transform: uppercase;
    }

.btn-lt-grey {
    background-color: #BABABA;
    border: 1px solid #BABABA;
    color: #fff !important;
    text-transform: uppercase;
}

.btn-lt-blue {
    background-color: #04B2E2;
    border: 1px solid #04B2E2;
    color: #fff !important;
    text-transform: uppercase;
}

    .btn-lt-blue:hover {
        background-color: #5F02D2;
        border: 1px solid #5F02D2;
        color: #fff !important;
        text-transform: uppercase;
    }

.btn-green {
    background-color: #8BC53D;
    border: 1px solid #8BC53D;
    color: #fff !important;
    text-transform: uppercase;
}

.page-btn {
    background-color: #ee7326;
    border: 1px solid #ee7326;
    color: #fff !important;
    text-transform: uppercase;
}

    .page-btn.active {
        background-color: #ee7326;
        border: 1px solid #ee7326;
        color: #fff !important;
        text-transform: uppercase;
    }

.btn.form-control:focus {
    background-color: #ee7326;
}

.icon-orange {
    color: #F36C21;
}

.nav.user-nav .join-btn:before {
    border-color: #ee7326 #ee7326 #25408f #ee7326;
}
/* Font Styling */
.font-p-bold {
    font-family: 'MuseoSans900', Arial, sans-serif;
}

.font-p-normal {
    font-family: 'MuseoSans500', Arial, sans-serif;
}

.font-body {
    font-family: 'Arial', sans-serif;
}

.font-ekko-bold,
.font-fut600 {
    font-family: 'Futura600', sans-serif;
}

.font-ekko-condensed {
    font-family: 'Futura600-con', sans-serif;
}

.font-ekko-normal,
.font-fut500 {
    font-family: 'Futura500', sans-serif;
}

.font-ekko-Bolder {
    font-family: 'Futura900', sans-serif;
}
/*.text-shadow {
    text-shadow: 3px 4px 8px rgb(0 0 0 / 75%);
}*/
.text-shadow {
    color: #ee7326;
    text-shadow: -2px -1px 25px #000, 0px 0px 0px #ee7326, -3px 0px 3px #ee7326;
}

.col-2.membership-card {
    width: 20%;
    border-left: 10px solid #fff;
}

.testimonial-img .circle-img {
    border: 5px solid #ee7326;
}

.rating-block .rating-text,
.rating-block .rating-num,
.rating-block .rating-stars i {
    color: #fff;
}
/* Calendar styles
-------------------------------------------------- */
.calendar .available-day,
.legend-indicator.available-day {
    background-color: #ee7326;
}

    .calendar .available-day .date p {
        color: #fff !important;
    }

.calendar .selected-day,
.legend-indicator.selected-day {
    background-color: #ee7326;
}

.steps-wrapper {
    background-color: #04B2E2;
}

.step-num {
    background-color: #059ac3;
    border: 1px solid #059ac3;
    color: #fff !important;
}

    .step-num.active {
        background-color: #ee7326;
        border: 1px solid #ee7326;
        color: #fff !important;
        text-transform: uppercase;
    }
/* User Profile styles
-------------------------------------------------- */
.profile-bg {
    background-color: #ee7326;
}

footer .bordered {
    border-left: 3px solid #ee7326;
    border-right: 3px solid #ee7326;
}

footer .footer-menu .nav-link {
    color: #ee7326;
}

#siteId-1 {
    /* FLG Main Styling */
}

@media only screen and (max-width: 576px) {
    .mobi-nav.bg-primary {
        background-color: #ee7326 !important;
    }

    .navbar-collapse {
        background-color: #ee7326;
    }

    .nav.user-nav .nav-item.user-login,
    .nav.user-nav .nav-item.book-now,
    .nav.user-nav .join-btn {
        background: #2188F1;
    }
}
