/* Customer specific overrides - should be as minimal as possible, e.g. images and colours */

body {
    /*font-family: "Avenir-Book", sans-serif !important;*/
    color: #000;
    background-color: #FFFFFF;
}

a {
    /*font-family: "Avenir-Book", sans-serif !important;*/
    color: #F58020;
    /*font-weight: bold;*/
}

h1, h2, h3, h4, h5, h6 {
    /*font-family: "Avenir-Black", sans-serif;*/
    color: #000;
    font-weight: 200;
    /*padding: 20px 0;*/
    padding: 10px 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

h1, h2, h3 {
    font-weight: bold;
}

h4, h5, h6 {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

h1:after, 
h2:after, 
h3:after, 
h4:after, 
h5:after, 
h6:after {
     /*content: ".";*/
}

.group { }

.grid-col,
.grid-col-xs,
.single-centered-grid-col {
    /*margin-top: 0;
    margin-bottom: 0;*/
}

.mobile-header-menu .toggle-menu {
    background: transparent url('../images/shared/toggle-menu.png') no-repeat right center;
    height: 48px;
}

.mobile-header-menu .toggle-menu span {
    display: none;
}

.system_logo {
    background: transparent url('../images/hts/hts_logo.svg') no-repeat left center;
    background-size: contain;
    width: 400px;
    height: 80px;
    display: inline-block;
    margin-top: 20px;
}

.header-menu {
    top: 38px;
    right: 0px;
}

.sf-menu {
}

.sf-menu li {
    background-color: #fff;
}

    .sf-menu li:hover {
        color: #EE8484;
    }

.sf-menu a {
    color: #bebbba;
    background-color: #fff;
    /*font-family: Newzald-BookItalic, "calibri", Arial, sans-serif;*/
    font-weight: normal;
}

    .sf-menu a.sf-with-ul:hover {
        color: #000;
        background-color: #fff;
    }

    .sf-menu a:hover {
        color: #fff;
        background-color: #F58020;
    }

    .sf-menu a.image_link {
        max-width: 200px;
        height: 43px;
        display: flex;
        align-self: center;
    }

        .sf-menu a.image_link img {
            max-width: 100%;
            display: flex;
            align-self: center;
        }

.main_content_top, 
/*.main_content_middle,*/ 
.main_content_bottom {
    /*margin: 20px 0;*/
    margin: 10px 0;
}

.grid-section-wrapper.header {
    background-color: #ffffff;
}

    .grid-section-wrapper.header .grid-section {
        min-height: 120px;
        overflow: visible;
    }

@media only screen and (max-width: 995px) {
    .system_logo {
        width: 250px;
    }

    .grid-section-wrapper.header .grid-section {
    }
}

@media only screen and (max-width: 767px) {
    .system_logo {
        width: 100%;
    }

    .grid-section-wrapper.header .grid-section {
    }
}

@media only screen and (max-width: 480px) {
    .grid-section-wrapper.header .grid-section {
        /*background-position: center center;*/
        /*height: 194px;*/
    }
}

.grid-section-wrapper.sub-header,
.grid-section-wrapper.sub-header-module-options {
    background-color: #4C4D4F;
    border-bottom: 2px solid #F58020;
}

.grid-section-wrapper.sub-header h1,
.grid-section-wrapper.sub-header-module-options h1 {
    margin: 33px 0;
    text-align: center;
    color: #fff;
    font-size: 30px;
}

.grid-section-wrapper.banner {
}

.grid-section-wrapper.login {
    background: #FFF url('../images/hts/our-promise.11.jpg') no-repeat center center;
    background-size: cover;
    /*background-size: auto 100%;*/
    height: 650px;
}

.login-container {
    margin-top: 220px;
}

    .login-container .single-centered-grid-col {
        background: rgba(255, 255, 255, 0.9);
        padding: 40px;
    }

    .login-container h1,
    .login-container h2,
    .login-container h3,
    .login-container h4,
    .login-container h5,
    .login-container h6 {
        text-align: center;
        /*color: #FFF;*/
        padding: 0;
    }

    /*.login-container h1:after,
    .login-container h2:after,
    .login-container h3:after,
    .login-container h4:after,
    .login-container h5:after,
    .login-container h6:after {
        content: ".";
    }*/

    .login-container h1 {
        /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
        /*font-size: 40px;*/
        /*line-height: 44px;*/
        /*font-weight: 200;*/
        /*font-size: 30px;*/
    }

    .login-container h5 {
        /*font-family: Newzald-BookItalic, "calibri", Arial, sans-serif;*/
        text-transform: none;
        font-weight: normal;
    }

    .login-container a,
    .login-container a:hover {
        /*color: #FFF;*/
    }

    .login-container .remember_me_checkbox,
    .login-container .remember_me_warning {
        /*color: #FFF;*/
    }

        .login-container .remember_me_checkbox input {
            margin-right: 10px;
        }

@media only screen and (max-width: 995px) {
    .grid-section-wrapper.login {
        height: auto;
    }

    .login-container {
        margin: 100px 0;
    }

        .login-container .single-centered-grid-col {
            padding: 20px;
        }
}

@media only screen and (max-width: 767px) {
    .grid-section-wrapper.login {
        /*height: auto;*/
    }

    .login-container {
        margin: 50px 0;
    }

        .login-container h1 {
            /*font-size: 36px;*/
        }

        .login-container h3 {
            /*font-size: 20px;*/
        }
}

@media only screen and (max-width: 480px) {
    .login-container {
        /*margin-top: 155px;*/
    }

        .login-container h1 {
            /*font-size: 30px;*/
        }

        .login-container h3 {
            /*font-size: 18px;*/
        }
}

.grid-section-wrapper.main-content {
}

    .grid-section-wrapper.main-content .grid-section {
    }

.grid-section-wrapper.footer {
    height: 120px;
}

    .grid-section-wrapper.footer .grid-section {
        /*color: #FFFFFF;*/
        text-align: center;
        /*font-size: 13px;*/
        padding: 20px 0;
    }

    .grid-section-wrapper.footer .grid-section a {
        /*font-family: DepotNew-Bold, "calibri", Arial, sans-serif;*/
        font-weight: 200;
    }

.homepage-menu ul li {
    width: 25%;
    height: 250px;
}

    .homepage-menu ul li.venues {
        background-image: url('../images/hts/venue-sourcing.34.featured.jpg');
    }

    .homepage-menu ul li.enquiries {
        background-image: url('../images/hts/our-story.39.featured.jpg');
    }

    .homepage-menu ul li.events {
        background-image: url('../images/hts/venue-inset-01.1509461491.png');
    }

    .homepage-menu ul li.reports {
        background-image: url('../images/hts/analysis-and-insight.20.featured.jpg');
    }

    .homepage-menu ul li.accommodation {
        display: none;
    }

    .homepage-menu ul li.my-account {
        display: none;
    }

    .homepage-menu ul li.module-option-accommodation {
        background-image: url('../images/hts/our-promise.11.jpg');
    }

    .homepage-menu ul li.module-option-events {
        background-image: url('../images/hts/venue-inset-01.1509461491.png');
    }

    .homepage-menu ul li.module-option-travel {
        background-image: url('../images/hts/business-travel.37.featured.jpg');
    }

    .homepage-menu ul li.module-option-accommodation,
    .homepage-menu ul li.module-option-events,
    .homepage-menu ul li.module-option-travel {
        line-height: 250px;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        line-height: 250px;
        display: block;
        background-color: rgba(0, 0, 0, 0.4);
    }

        .homepage-menu ul li.module-option-accommodation .module-option-faded-bg,
        .homepage-menu ul li.module-option-events .module-option-faded-bg,
        .homepage-menu ul li.module-option-travel .module-option-faded-bg {
            background-color: rgba(0, 0, 0, 0.4);
        }

            .homepage-menu ul li.module-option-accommodation:hover .module-option-faded-bg,
            .homepage-menu ul li.module-option-events:hover .module-option-faded-bg,
            .homepage-menu ul li.module-option-travel:hover .module-option-faded-bg {
                background-color: rgba(0, 0, 0, 0.2);
            }

    .homepage-menu ul li .main-menu-panel {
        font-size: 30px;
        line-height: 250px;
        /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
        /*font-weight: 200;*/
    }

    .homepage-menu ul li:hover .main-menu-panel {
        line-height: 100px;
        background-color: #F58020;
        transition: none;
        /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
        /*font-weight: 200;*/
    }

    .homepage-menu ul li .sub-menu-panel {
        top: 250px;
        height: 150px;
        background-color: #F58020;
    }

    .homepage-menu ul li:hover .sub-menu-panel {
        top: 100px;
        transition: none;
    }

    .homepage-menu ul li .sub-menu-panel a {
        /*font-family: Newzald-BookItalic, "calibri", Arial, sans-serif;*/
        font-size: 18px;
        color: #fff;
    }

    .homepage-menu ul li:hover .sub-menu-panel a {
        color: #fff;
    }

@media only screen and (max-width: 995px) {
    .homepage-menu ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .homepage-menu ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 480px) {
    .homepage-menu ul li {
        width: 100%;
    }
}

.hotel_result_item a .hotel_info h4 {
    /*font-family: DepotNew-Bold, "calibri", Arial, sans-serif;*/
}

.homepage_text {
    /*font-family: Newzald-BookItalic, "calibri", Arial, sans-serif;*/
    font-size: 18px;
}

.filter_panel {
    /*font-family: DepotNew-Bold, "calibri", Arial, sans-serif;*/
    font-weight: 200;
}

.bordered-box {
    background-color: #FFF;
    border-radius: 4px;
}

.error-text,
.info-text {
    border-radius: 4px;
}

.margin-tb {
    margin: 20px 0;
}

strong {
    /*font-family: "Avenir-Black", sans-serif;*/
}

.form-fieldset-container {
    border-color: #000;
}

.form-fieldset-legend {
    background-color: #000;
    border-radius: 4px;
}

.proposal-company-logo {
    height: 35px;
    background: transparent url('../images/hts/hts_logo.svg') no-repeat center center;
}

.form_control_set {
    background-color: #E5E5E5;
    padding: 0 20px 20px 20px;
    /*border-radius: 5px;*/
}

.form_control_group .literal-above {
    font-size: 13px;
    line-height: normal;
    /*font-family: DepotNew-Medium, "calibri", Arial, sans-serif;*/
    /*font-weight: normal;*/
    font-weight: bold;
    padding: 5px 0;
}

.Textbox,
.textbox,
.DropDownList,
.dropdownlist,
/*.CheckBox,*/
input[type="text"],
input[type="password"],
textarea,
select {
    /*font-family: "Avenir-Book", sans-serif !important;*/
    /*color: #97999c;
    padding: 5px;*/
    font-size: 14px;
    /*padding: 10px;*/
    padding: 5px;
}

.login-container input[type="text"],
.login-container input[type="password"] {
    /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
    /*font-size: 20px;*/
    /*font-size: 14px;*/
    /*font-size: 16px;*/
    /*border: none;*/
    /*padding: 10px;*/
    padding: 5px;
    /*text-transform: uppercase;*/
    /*font-weight: 200;*/
    outline: none;
}

input[type="button"],
input[type="submit"],
.button-primary,
.button-secondary,
.ui-dialog .ui-dialog-buttonpane button {
    /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
    /*font-size: 20px;*/
    background-color: #F58020;
    color: #FFF;
    text-transform: uppercase;
    /*padding: 10px;*/
    padding: 8px 0;
    border-radius: 0;
    /*font-weight: 200;*/
    /*border: 1px solid #F9B00D;*/
}

.ui-dialog .ui-button-text-only .ui-button-text {
    padding: 8px 16px;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.button-primary:hover,
.button-secondary:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
    /*border: 1px solid #F9B00D;*/
    background-color: #D05E00;
    /*color: #F9B00D;*/
    transition: all 0.3s ease-in-out 0s;
}

@media only screen and (max-width: 767px) {
    .standard_grid th,
    .standard_grid td {
        padding: 5px;
    }
}

.standard_grid {
    border: 1px solid #C6C7C7;
    margin: 0;
}

.standard_grid th {
    background-color: #4C4D4F;
    color: #FFF;
    text-transform: uppercase;
    /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
    /*font-size: 20px;*/
    /*font-weight: normal;*/
    font-weight: bold;
    border: 1px solid #C6C7C7;
    /*padding: 20px;*/
    padding: 10px;
    text-align: center;
    /*font-weight: 200;*/
}

.standard_grid td {
    background-color: #FFF;
    /*font-family: DepotNew-Medium, "calibri", Arial, sans-serif;*/
    border-right: 1px solid #C6C7C7;
    padding: 10px;
}

.standard_grid td a {
    /*font-family: DepotNew-Medium, "calibri", Arial, sans-serif;*/
    font-weight: normal;
}

.standard_grid .alt td {
    background-color: #F7F7F7;
}

.standard_grid tr:nth-child(even) td {
    background-color: #F7F7F7;
}

@media only screen and (max-width: 767px) {
    .standard_grid.responsive td:before {
        background-color: #F58020;
        color: #FFF;
        text-transform: uppercase;
        /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
        font-size: 16px;
        font-weight: normal;
        font-weight: 200;
    }
}

/* Meeting schedule */

.fc-header-title h2 {
    padding: 0;
    font-size: 30px;
    line-height: 34px;
}

.fc-grid th {
    background: none;
    background-color: #4C4D4F;
    color: #FFF;
    padding: 10px 0;
    border: none;
    /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 200;
}

.fc-button {
    background: none;
    background-color: #FFF;
    border: 1px solid #151515;
    color: #000;
    /*font-family: Tungsten-Semibold, "calibri", Arial, sans-serif;*/
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 200;
}

.ui-widget {
    /*font-family: DepotNew-Light, "calibri", Arial, sans-serif;*/
}

#social_icons a {
    background-image: url('../images/conference_care/social_icons_sprite.png');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: 0 5px;
}

    #social_icons a.facebook {
        background-position: 0px 0px;
    }

    #social_icons a.facebook:hover {
        background-position: 0px -28px;
    }

    #social_icons a.twitter {
        background-position: -28px 0px;
    }

    #social_icons a.twitter:hover {
        background-position: -28px -28px;
    }

    #social_icons a.linkedin {
        background-position: -56px 0px;
    }

    #social_icons a.linkedin:hover {
        background-position: -56px -28px;
    }

    #social_icons a.youtube {
        background-position: -84px 0px;
    }

    #social_icons a.youtube:hover {
        background-position: -84px -28px;
    }

    #social_icons a.instagram {
        background-position: -112px 0px;
    }

    #social_icons a.instagram:hover {
        background-position: -112px -28px;
    }

#brief_owner_login .standard_grid a {
    /*color: #000;*/
}

/* Bootstrap overrides */

.modal {
    display: block;
    background-color: rgb(0, 0, 0, 0.5);
}

.form-label {
    margin-bottom: .25rem;
    /*font-size: small;*/
    /*font-weight: 600;*/
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0; /* Why have one in the first place, Boostrap? */
}

    .form-check-input:checked {
        background-color: #F58020;
        border-color: #F58020;
    }