/**
 * @file
 * Subtheme specific CSS.
 */
html, body {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
    color: #333333;
    background-color: #FFF;
}

h1, h2, h3, h4 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

h3 {
    margin-top: 20px;
    font-size: 22px;
}

h4 {
    color: #874B4B;
    margin-top: 20px;
    font-size: 17px;
}

a {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #DF5203;
    font-size: 15px;
    font-weight: 500;
}

a:hover {
    color: #23527c;
}

.bg-grey {
    color: white;
    background-color: #333333;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;
}

.home-top-content {
    color: #ffffff;
}

.inner-col-content {
    padding: 2rem 1rem;
}

.title {
    margin-top: 20px;
    margin-bottom: 2rem;
    font-size: 22px;
    text-transform: uppercase;
}

.view-organizers h3,
.view-sponsors h3 {
    width: 100%;
    color: #874B4B;
    margin-top: 2rem;
}

.view-sponsors > .row {
    display: block;
    text-align: center;
}

.view-organizers .views-row {
    margin: 20px;
    flex: 0;
}

.view-sponsors h3 {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.view-sponsors h3:first-child {
    margin-top: 0;
} 

.view-sponsors .field--name-field-photo {
    margin: 20px;
}

.view-sponsors .image-style-sponsor-logo {
    max-height: 74px;
    width: auto;
}

.field--name-field-photo img {
    margin: 0;
}

.card {
    border: none;
    border-radius: 0;
}

.card-body {
    line-height: 15px;
    font-size: 0.8em;
    margin-bottom: 0px;
    padding: 0.75rem;
}

.view .card-body {
    max-width: 140px;
}

h6.card-title,
a.card-link {
    line-height: 15px;
    font-size: 14.4px;
    margin-bottom: 0px;
}

.card-subtitle {
    font-size: 14.4px;
    font-weight: 300;
    margin-top: 0.125rem;
}

.card-popup-animated {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-filter 1s ease, -webkit-transform 0.3s ease-out, filter 1s ease, -webkit-transform 0.3s ease-out;
    transition: filter 1s ease, transform 0.3s ease-out;
    transition: -webkit-filter 1s ease, -webkit-transform 0.3s ease-out, filter 1s ease, -webkit-transform 0.3s ease-out;
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.light-grey {
    background-color: #f4f4f4;
}

/* .card-fixed {
    position: relative;
    height: 203px;
    margin: 0 auto;
    overflow: auto;
} */

.card-fixed h3 a {
    text-transform: uppercase;
    font-weight: 900;
}

.navbar .nav li a {
    color: #777;
    text-transform: uppercase;
}

.navbar .nav li a:hover {
    color: #333;
}

.node__content {
    margin-top: 0;
}

.sidebar .block.block-menu {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

#sidebar_first {
    background-color: #f4f4f4;
}

.sidebar .nav li {
    border-bottom: 1px solid white;
}

.sidebar .nav li a {
    padding-left: 20px;
}
.sidebar .nav .active {
    background-color: #ffffff;
}

.sidebar .nav li:hover {
    background-color: #ffffff;
}

.sidebar .nav .dropdown-menu {
    position: static !important;
    border: none !important;
    transform: none !important;
}

.dropdown-toggle::after {
    float: right;
    margin-right: 15px;
}

.site-footer__bottom,
.site-footer__bottom .region {
    margin-top: 0;
}

#block-socialblock {
    width: 100%;
}

footer.site-footer {
    background-color: #ffffff;
    padding: 20px 0;
}

.site-footer__social a {
    font-size: 32px;
    color: #333333;
    display: inline-block;
}

.site-footer__social a:hover {
    opacity: 0.6;
}

.site-footer__social i {
    display: block;
    width:32px;
    height: 32px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-facebook {
    background-image: url('../img/facebook.svg');
}

.icon-twitter {
    background-image: url('../img/twitter.svg');
}

.icon-instagram {
    background-image: url('../img/instagram.svg');
}

.table tr {
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
    background: transparent;
}

.table tr th {
    background: transparent;
    border-bottom-style: none;
}

.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table>tbody>tr.blue-bottom>th {
    color: #874B4B;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 2px solid #874B4B;
    padding-left: 0;
}

tr.blue-bottom {
    border-top: 0;
}

.table>tbody>tr.blue-bottom>th>h4 {
    margin-top: 8px;
    margin-bottom: 5px;
}

.countdown {
    text-align: center;
}

.countdown .number {
    font-size: 2rem;
    margin-bottom: 10px;
}

.countdown label {
    font-size: 1rem;
    margin-top: 10px;
    font-weight: 800;
}

.field--name-field-stacks h4 {
    margin-bottom: 0;
}

.sidebar .block.block-block-content8fcca9c5-7949-4300-ba26-847d87d96797 {
    background-color: #FFF;
    margin: 0 -15px;
}

.node-job-posting-form .field--name-body #edit-body-0-format-help {
    display: none;
}

.views-section {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #navbar-main {
        background-color: #FFF !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .navbar-brand {
        width: 67%;
    }
}

@media screen and (min-width: 768px) {
    .navbar-brand {
        padding: 0;
        margin-right: 0;
    }

    .navbar-brand img {
        width: 308px;
    }

    .menu--main {
        width: 100%;
    }
    
    .navbar {
        padding: 0;
    }

    .navbar .nav > li {
        border-bottom: 5px solid #f4f4f2;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }

    .navbar .nav > li:hover {
        background-color: #FFF;
        border-bottom: 5px solid #383838;
    }

    .navbar .nav > li > a {
        font-size: 14px;
        text-align: center;
        padding-bottom: 14px;
    }

    .navbar .nav > li.active {
        border-bottom: 5px solid #DF5203;
    }

    .views-section.demo-chairs,
    .views-section.technical-chair {
        width: auto;
    }
}

@media screen and (min-width: 1170px) {
    .card-fixed {
        height: 253px;
    }
}