/** hiding non-useful things from header (navigation, logo) and retaining only top ribbon */
.aap-header,
.navbar {
    display: none !important;
}

/** ribbon */
.hc-ribbon {
    background: url() no-repeat #fcfbf1;
    box-shadow: 0 3px 3px #ededed;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.header,
.mobile-menu {
    z-index: 2;
}

@media screen and (min-width: 320px) and (max-width:600px) {
    .hc-ribbon {
        height: 35px
    }

    .header,
    .mobile-menu {
        top: 83px;
    }
}

@media screen and (min-width: 601px) and (max-width:1024px) {
    .hc-ribbon {
        height: 48px
    }

    .header {
        top: 96px;
    }

    .mobile-menu {
        top: 96px;
    }
}

@media screen and (min-width: 900px) {
    .header {
        top: 48px;
    }
}

@media screen and (min-width: 1025px) {
    .hc-ribbon {
        height: 57px
    }

    .header,
    .mobile-menu {
        top: 57px;
    }
}

.hc-ribbon .container {
    position: relative
}

.hc-ribbon .logo-aap {
    clear: none;
    float: right
}

a.btn-our-sponsors {
    display: none !important;
    background-color: #d5d3c1;
    color: #5c4727;
    display: block;
    font-family: 'Arvo',serif;
    font-weight: 400;
    float: left;
    height: 100%;
    text-transform: uppercase
}

@media screen and (min-width: 601px) and (max-width:1024px) {
    a.btn-our-sponsors {
        line-height: 48px;
        margin-left: 77px;
        padding: 0 15px
    }
}

@media screen and (min-width: 1025px) {
    a.btn-our-sponsors {
        line-height: 57px;
        margin-left: 57px;
        padding: 0 25px
    }
}

a.btn-our-sponsors:hover {
    background-color: #e9b424;
    color: #3b2c14
}

.greeting-registration {
    float: left;
    font-size: 10px;
    height: 57px;
    line-height: 57px;
    text-transform: uppercase
}

@media screen and (min-width: 1025px) {
    .greeting-registration {
        position: absolute;
        right: 455px
    }
}

.greeting-registration div {
    line-height: 57px !important
}

.greeting-registration .registered-user {
    color: #e85325
}

    .greeting-registration .registered-user:hover {
        color: #5c4727 !important
    }

.btn-language {
    float: left;
    height: 75px;
    left: 400px;
    position: absolute;
    text-indent: -9999px;
    width: 160px
}

@media screen and (min-width: 320px) and (max-width:600px) {
    .btn-language {
        left: 85px;
        width: 23%
    }
}

@media screen and (max-width: 320px) {
    .btn-language {
        left: 12px;
        width: 31%
    }
}

@media screen and (min-width: 601px) and (max-width:1024px) {
    .btn-language {
        background-size: 135px 63px;
        height: 63px;
        left: 350px;
        width: 135px
    }
}

.btn-language img {
    display: block;
    max-width: 100%
}

.logo-aap {
    background: url(/_catalogs/masterpage/Assets/images/logo-aap.png) 0 0 no-repeat;
    clear: both;
    display: block;
    margin-top: 2px;
    text-indent: -9999px
}

@media screen and (min-width: 320px) and (max-width:600px) {
    .logo-aap {
        background-size: 185px 30px;
        height: 30px;
        width: 185px
    }
}

@media screen and (max-width: 320px) {
    .logo-aap {
        background-size: 180px 29px;
        height: 29px;
        width: 180px
    }
}

@media screen and (min-width: 601px) and (max-width:1024px) {
    .logo-aap {
        background-size: 270px 44px;
        height: 44px;
        width: 270px
    }
}

@media screen and (min-width: 1025px) {
    .logo-aap {
        background-size: 270px 44px;
        height: 44px;
        margin-top: 4px;
        width: 270px
    }
}

@media screen and (min-width: 320px) and (max-width:600px) {
    .aap-header .col-xs-6 {
        width: 100%
    }
}

/** /ribbon */



#sidr-main, #sidr-sidenav, .sidr {
    display: none !important;
}

/** social container */
.article-social-container {
    display: none;
}