.font-open-sans {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    /* font-variation-settings: "wdth" 100;*/
}

.font-Michroma {
    font-family: "Michroma", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.font-Raleway {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/*.font-courier {
    font-family: "Courier New", Courier, monospace;
    font-display: block;
}*/

.font-Montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.font-Handwriting {
    font-family: 'Waiting for the Sunrise', Verdana, Geneva, Tahoma, sans-serif;
    font-optical-sizing: auto;
    font-display: block;
}

.ad-font {
    font-family: "Varela Round", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ad-font {
    font-family: 'Varela Round', sans-serif;
    font-optical-sizing: auto;
    font-display: block;
}


.font-size-90 {
    font-size: 90%;
}

.font-size-84 {
    font-size: 84%;
}

.font-weight-light {
    font-weight: 300;
}


.font-weight-normal-400 {
    font-weight: 400;
}


.font-weight-medium {
    font-weight: 500;
}


.font-weight-semi-bold {
    font-weight: 600;
}


.font-weight-bold {
    font-weight: 700;
}


b {
    font-weight: 600 !important;
}


/*slight adjustment source that nav item text data text is shown */
.nav-font-size {
    font-size: 1em;
}

@media (max-width: 1110px) {
    .nav-font-size {
        font-size: 0.97em;
    }
}

/*@media (max-width: 994px) {
    .nav-font-size {
        font-size: 0.96em;
    }
}*/
.FontSizeX-PageHeading h1 {
    font-size: 2em !important;
}


@media (max-width: 991.5px) {
    .nav-font-size {
        font-size: 1em;
    }
}

@media (max-width: 575.5px) {
    .FontSizeX-PageHeading h1 {
        font-size: 1.8em !important;
    }
}

@media (max-width: 419.5px) {
    .FontSizeX-PageHeading h1 {
        font-size: 1.7em !important;
    }
}



.FontSizeX-1 {
    font-size: 1.2rem;
}

@media (max-width: 1599.5px) {
    .FontSizeX-1 {
        font-size: 1.2rem;
    }
}

@media (max-width: 1199.5px) {
    .FontSizeX-1 {
        font-size: 1.1rem;
    }
}

@media (max-width: 991.5px) {
    .FontSizeX-1 {
        font-size: 1rem;
    }
}

@media (max-width: 767.5px) {
    .FontSizeX-1 {
        font-size: 0.9rem;
    }
}

@media (max-width: 424.5px) {
    .FontSizeX-1 {
        font-size: 1em;
    }
}

@media (max-width: 359.5px) {
    .FontSizeX-1 {
        font-size: 0.8rem;
    }
}



.FontSizeX-1-5 {
    font-size: 1.5rem;
}

@media (max-width: 1599.5px) {
    .FontSizeX-1-5 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1199.5px) {
    .FontSizeX-1-5 {
        font-size: 1.3rem;
    }
}

@media (max-width: 991.5px) {
    .FontSizeX-1-5 {
        font-size: 1.2rem;
    }
}

@media (max-width: 767.5px) {
    .FontSizeX-1-5 {
        font-size: 1rem;
    }
}

@media (max-width: 424.5px) {
    .FontSizeX-1-5 {
        font-size: 1rem;
    }
}

@media (max-width: 359.5px) {
    .FontSizeX-1-5 {
        font-size: 1rem;
    }
}



.FontSizeX-2 {
    font-size: 1.8rem;
}

@media (max-width: 1599.5px) {
    .FontSizeX-2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 1199.5px) {
    .FontSizeX-2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 991.5px) {
    .FontSizeX-2 {
        font-size: 1.7rem;
    }
}

@media (max-width: 767.5px) {
    .FontSizeX-2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 424.5px) {
    .FontSizeX-2 {
        font-size: 1.4rem;
    }
}

@media (max-width: 359.5px) {
    .FontSizeX-2 {
        font-size: 1.4rem;
    }
}




.FontSizeX-3 {
    font-size: 2.2rem;
}

@media (max-width: 1599.5px) {
    .FontSizeX-3 {
        font-size: 2.2rem;
    }
}

@media (max-width: 1199.5px) {
    .FontSizeX-3 {
        font-size: 2.2rem;
    }
}

@media (max-width: 991.5px) {
    .FontSizeX-3 {
        font-size: 1.9rem;
    }
}

@media (max-width: 767.5px) {
    .FontSizeX-3 {
        font-size: 1.7rem;
    }
}

@media (max-width: 424.5px) {
    .FontSizeX-3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 359.5px) {
    .FontSizeX-3 {
        font-size: 1.3rem;
    }
}


/* rem is relative to body */
.FontSizeF-0-75rem {
    font-size: 0.75rem;
}

/* rem is relative to body */
.FontSizeF-0-85rem {
    font-size: 0.85rem;
}

.FontSizeF-0-95rem {
    font-size: 0.95rem;
}

/* em is relative to parent */
.FontSizeF-0-9em {
    font-size: 0.9em;
}

.FontSizeF-1em {
    font-size: 1em !important;
}

.FontSizeF-0-85em {
    font-size: 0.85em;
}

small,
.small {
    font-size: 80%;
    font-weight: 400;
}

semi-small,
.semi-small {
    font-size: 88%;
    font-weight: 400;
}

.smaller {
    font-size: 0.6rem;
}

/*dashboards/productions_index/Allocations.index*/
.production-subtext-venue {
    opacity: 0.9;
    font-size: 0.69rem;
}

.production-subtext-genre {
    opacity: 0.8;
    font-size: 0.64rem;
}

.module-subtext-code {
    opacity: 0.8;
    font-size: 0.7rem;
}

.keydate-keydates {
    font-size: 1.1rem;
    /*font-weight: 600;*/
}

.keydate-date {
    font-size: 0.8rem;
    font-weight: 500;
    opacity: 0.8;
}

.keydate-div {
    line-height: 1.6rem;
}

.popup-title-text {
    font-size: 1.05rem;
    color: #fff;
}

    .popup-title-text:hover {
        font-size: 1.05rem;
        color: #fff;
    }

h1, .h1 {
    font-size: 2.03125rem;
}

h2, .h2 {
    font-size: 1.625rem;
}

h3, .h3 {
    font-size: 1.32188rem;
}

h4, .h4 {
    font-size: 1.21875rem;
}

h5, .h5 {
    font-size: 1.01562rem;
}

h6, .h6 {
    font-size: 0.8995rem;
    margin: 0;
}


.h2-r, h2 .h2-r {
    font-size: 1.625rem;
}

@media (max-width: 991.5px) {
    .h2-r, h2 .h2-r {
        font-size: 1.4rem;
    }
}

@media (max-width: 767.5px) {
    .h2-r, h2 .h2-r {
        font-size: 1.3rem;
    }
}

@media (max-width: 424.5px) {
    .h2-r, h2 .h2-r {
        font-size: 1.25rem;
    }
}

@media (max-width: 359.5px) {
    .h2-r, h2 .h2-r {
        font-size: 1.2rem;
    }
}

.h3-r, h3 .h3-r {
    font-size: 1.425rem;
}

@media (max-width: 991.5px) {
    .h3-r, h3 .h3-r {
        font-size: 1.25rem;
    }
}

@media (max-width: 767.5px) {
    .h3-r, h3 .h3-r {
        font-size: 1.175rem;
    }
}

@media (max-width: 424.5px) {
    .h3-r, h3 .h3-r {
        font-size: 1.175rem;
    }
}

@media (max-width: 359.5px) {
    .h3-r, h3 .h3-r {
        font-size: 1.1rem;
    }
}


.h4-r, h4.h4-r {
    font-size: 1.21875rem;
}

@media (max-width: 991.5px) {
    .h4-r, h4.h4-r {
        font-size: 1.1rem;
    }
}

@media (max-width: 767.5px) {
    .h4-r, h4.h4-r {
        font-size: 1rem;
    }
}

@media (max-width: 424.5px) {
    .h4-r, h4.h4-r {
        font-size: 1rem;
    }
}

@media (max-width: 359.5px) {
    .h4-r, h4.h4-r {
        font-size: 1rem;
    }
}


.h5-r {
    font-size: 1.01562rem;
}

@media (max-width: 991.5px) {
    .h5-r {
        font-size: 0.99rem;
    }
}

@media (max-width: 767.5px) {
    .h5-r {
        font-size: 0.98rem;
    }
}

@media (max-width: 424.5px) {
    .h5-r {
        font-size: 0.96rem;
    }
}

@media (max-width: 359.5px) {
    .h5-r {
        font-size: 0.9rem;
    }
}

.h5-5 {
    font-size: 0.91rem;
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}



.FontSize-SignIn {
    font-size: 1.2rem;
}

.FontSize-SignInSub {
    font-size: 0.8rem;
}


@media (max-width: 1599.5px) {
    .FontSize-SignIn {
        font-size: 0.8rem;
    }

    .FontSize-SignInSub {
        font-size: 0.8rem;
    }
}

@media (max-width: 1199.5px) {
    .FontSize-SignIn {
        font-size: 1.2rem;
    }

    .FontSize-SignInSub {
        font-size: 0.8rem;
    }
}

@media (max-width: 991.5px) {
    .FontSize-SignIn {
        font-size: 1.1rem;
    }

    .FontSize-SignInSub {
        font-size: 0.7rem;
    }
}


@media (max-width: 424.5px) {
    .FontSize-SignIn {
        font-size: 1rem;
    }

    .FontSize-SignInSub {
        font-size: 0.65rem;
    }
}

@media (max-width: 359.5px) {
    .FontSize-SignIn {
        font-size: 1rem;
    }

    .FontSize-SignInSub {
        font-size: 0.65rem;
    }
}


.font-size-responsive {
    font-size: 0.8125rem; /*body-size*/
}

.font-size-responsive-large {
    font-size: 0.95rem;
}


@media (max-width: 767.5px) {
    .font-size-responsive {
        font-size: 0.75rem;
    }

    .font-size-responsive-large {
        font-size: 0.85rem;
    }
}