@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Gordita-Medium';
    src: url("../fonts/GorditaMedium/GorditaMedium.eot");
    src: url("../fonts/GorditaMedium/GorditaMedium.eot") format("embedded-opentype"),url("../fonts/GorditaMedium/GorditaMedium.woff2") format("woff2"),url("../fonts/GorditaMedium/GorditaMedium.woff") format("woff"),url("../fonts/GorditaMedium/GorditaMedium.ttf") format("truetype"),url("../fonts/GorditaMedium/GorditaMedium.svg#GorditaMedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IcoMoon-Essential';
    src: url("../fonts/IcoMoon-Essential/IcoMoon-Essential.eot");
    src: url("../fonts/IcoMoon-Essential/IcoMoon-Essential.eot") format("embedded-opentype"),url("../fonts/IcoMoon-Essential/IcoMoon-Essential.woff2") format("woff2"),url("../fonts/IcoMoon-Essential/IcoMoon-Essential.woff") format("woff"),url("../fonts/IcoMoon-Essential/IcoMoon-Essential.ttf") format("truetype"),url("../fonts/IcoMoon-Essential/IcoMoon-Essential.svg#IcoMoon-Essential") format("svg");
    font-weight: normal;
    font-style: normal;
}

.container-fluid {
    max-width: 1280px;
}

.intro-header {
    padding-top: 70px;
    color: #514848;
    font-size: 20pt;
    font-weight: bold;
}

.intro-text {
    padding-bottom: 60px;
    color: #514848;
    font-size: 12pt;
}

.classgroupphoto {
    padding-bottom: 60px;
}

.hotdoggername {
    color: #514848;
    font-size: 12pt;
    font-weight: bold;
    max-width: 210px;
}

.hotdoggerphoto {
    max-width: 210px;
}

.hotdoggerfacts {
    line-height: 10pt;
    padding-bottom: 10px;
    max-width: 210px;
}

.facttitle {
    color: #ee1c23;
    font-size: 10pt;
}

.facttext {
    color: #514848;
    font-size: 10pt;
}

.hotdoggerswanted {
    background-color: #504848;
    padding-top: 15px;
    padding-bottom: 15px;
}

.wantedtitle {
    color: #ffffff;
    font-size: 20pt;
    font-weight: bold;
}

.wantedtext {
    color: #ffffff;
    font-size: 12pt;
}

.wantedimg {
    margin-left: auto;
    margin-right: auto;
}

.box-text {
    color: #514848;
    font-size: 14pt;
}

.table-header {
    color: #ee1c23;
    font-size: 12pt;
}

.document-title {
    color: #514848;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: middle !important;
}

.document-subtitle {
    color: #514848;
    font-size: 8pt;
    font-weight: normal;
    vertical-align: middle !important;
}

.document-size {
    color: #8d8181;
    font-size: 12pt;
    vertical-align: middle !important;
}

.download-icon {
    vertical-align: middle !important;
}

p {
    text-align: center;
    color: #514848;
    font-size: 12pt;
}

.box-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

a {
    color: #514848;
}

.c-nav-secondary__link a:visited {
    color: #514848;
}

a:hover {
    color: #ee1c23;
    text-decoration: underline;
}

main {
    padding-bottom: 70px;
}

.socialimage {
    padding-bottom: 10px;
}

@media (max-width: 991.98px) {
    #box3 {
        background-color: #fec318 !important;
    }

    #box4 {
        background-color: #fefaed !important;
    }

    .hotdoggerphoto {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .hotdoggername {
        color: #514848;
        font-size: 12pt;
        font-weight: bold;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .hotdoggerfacts {
        line-height: 10pt;
        padding-bottom: 10px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* quick reset and base styles */
* {
    margin: 0;
    padding: 0;
    border: 0;
}

/* relevant styles */
.img__wrap {
    position: relative;
    height: 62px;
    width: 130px;
}

.img__description_layer {
    position: absolute;
    top: 52px;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(36, 62, 206, 0.6);*/
    color: #ee1c23;
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transition effect. not necessary */
     transition: opacity .2s, visibility .2s !important;
}

.img__wrap:hover .img__description_layer {
    visibility: visible;
    opacity: 1;
}

.img__description {
    transition: .3s !important;
    transform: translateY(1em);
    color: #ee1c23;
    font-size:9px;
    line-height:11px;
    letter-spacing:.01em;
}

.img__wrap:hover .img__description {
    transform: translateY(0);
}

.navimages {
    vertical-align:top;
    margin-top:5px;
}