/***** FONT DEFINITIONS *****/
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/static/fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('/static/fonts/OpenSans-BoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('/static/fonts/OpenSans-ExtraBold.ttf');
}

@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('/static/fonts/OpenSans-ExtraBoldItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('/static/fonts/OpenSans-Italic.ttf');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('/static/fonts/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('/static/fonts/OpenSans-LightItalic.ttf');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/static/fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('/static/fonts/OpenSans-SemiBold.ttf');
}

@font-face {
    font-family: 'OpenSans-SemiBoldItalic';
    src: url('/static/fonts/OpenSans-SemiBoldItalic.ttf');
}

.os-regular {
    font-family: "OpenSans-Regular";
}

.os-italic {
    font-family: "OpenSans-Italic";
}

.os-light {
    font-family: "OpenSans-Light";
}

.os-semi-bold {
    font-family: "OpenSans-SemiBold";
}

.os-bold {
    font-family: "OpenSans-Bold";
}

.os-extra-bold {
    font-family: "OpenSans-ExtraBold";
}

.os-light-italic {
    font-family: "OpenSans-LightItalic";
}

.os-bold-italic {
    font-family: "OpenSans-BoldItalic";
}

.os-semi-bold-italic {
    font-family: "OpenSans-SemiBoldItalic";
}

.os-extra-bold-italic {
    font-family: "OpenSans-ExtraBoldItalic";
}

.em-9{
    font-size: .9em;
}
.em-8{
    font-size: .8em;
}
.em-7{
    font-size: .7em;
}
.em-6{
    font-size: .6em;
}
.em-5{
    font-size: .5em;
}

/***** FONTS DEFINITION END *****/

/**** THEME STYLES *****/

input {
    background-color: #EFF2F6 !important;
}

.text-decoration-underline{
    text-decoration: underline !important;
}

.theme-color-orange {
    color: #EA7E00;
}

.theme-color-gray {
    color: #39393960;
}

nav {
    font-size: .9em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "OpenSans-SemiBold";
}

h5 {
    font-size: 1.05rem;
}

a {
    color: inherit; /* blue colors for links too */
    text-decoration: inherit; /* no underline */
}

a:hover {
    color: #EA7E00;
}

.card-title {
    font-family: "OpenSans-Bold";
}

.card-text {
    font-family: "OpenSans-Regular";
    color: #39393990;
}

.card-section {
    font-family: "OpenSans-Light";
    color: #39393960;
    font-size: .9em;
}

.card-hero {
    background: none;
    border: none;
}


#navbarSupportedContent {
    height: 124px;
    display: flex;
    justify-content: space-between;
}

.hero-image {
    max-height: 25vh;
    min-height: 250px;
    background-image: url("images/hero.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
}

footer {
    background-color: #42535b;
    color: white;
    height: 55px;
    margin-top: 20px;
    font-family: "OpenSans-BoldItalic";
    font-size: 13px;

}

.quick-info {
    background-color: #EFF2F6;
    border-color: #EFF2F6;
}

.quick-info .card-title {
    font-family: "OpenSans-Bold";
}

.quick-info {

}

.btn-voucher {
    background-color: #ea7e00;
    color: white;
    font-family: OpenSans-Bold;
    font-size: .8em;
}

.btn-voucher:active {
    background-color: #d06f01;
    color: white;
}

.btn-voucher:hover {
    background-color: #d06f01;
    color: white;
}

.btn-voucher:focus {
    background-color: #ff9829;
    color: white;
}

.dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.dot-available {
    background-color: #4EAE3B;
}

.dot-nearlyfull {
    background-color: #F6D654;
}

.dot-full {
    background-color: #FF0000;
}


.card-img-top{
    object-fit: cover;
    width: 100%;
    height: 255px;
}
