/**** Custom Responsive Styles ****/


@media (min-width: 1200px) {
/* For Big Stuff */
}

@media (min-width: 992px) and (max-width: 1199px) {
.lb-right-scroll-panel {
overflow:auto;
width:681px;
}
.logbook-details-section{
width:938px;
}
}



@media (min-width: 768px) and (max-width: 991px) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:461px;
    }
    .logbook-details-section{
        width:718px;
    }
}

@media (max-width: 950px) {
    section#call-to-action > div {
        flex-direction: column;
        gap: 1rem;
    }
    section div.hero-image-container img {
        width: 100%;
        aspect-ratio: 2/1;
        object-position: 50% 30%;
    }
    section#call-to-action div.hero-details-container {
        text-align: center;
    }
    section#call-to-action div.hero-details-container > p:nth-child(3) {
        font-weight: 700;
    }
    section#call-to-action div.hero-details-container a {
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    section#featured-videos div#video-resources {
        flex-direction: row;
        align-items: center;
    }
    section#featured-videos div#video-resources div.video-item {
        width: 100%;
    }
    section#featured-videos div#video-resources iframe {
        aspect-ratio: 3/2;
    }
    div#resources {
        flex-direction: column;
    }
    div#resources i.fa-duotone {
        font-size: 6rem !important;
    }
    div#resources h1 {
        font-size: 2rem;
        line-height: 1.5rem;
    }
    div#resources div.btn-link,
    div#resources p {
        font-size: 1.25rem;
    }
}

@media (max-width: 767px) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:256px;
    }
    .logbook-details-section{
        width:auto;
    }
    .hidden-xs {
        display:none;
    }
    .tab-content > .block-imp {
        display:block !important;
    }
    .tab-content > .in-imp {
        opacity:1 !important;
        visibility: visible !important;
    }
    .pagename{
        margin-bottom:30px;
    }

    .search-btn-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 600px) {
    #page_volunteer_menu div#workflow .list-item {
        flex-direction: column;
    }
    #page_volunteer_menu div#workflow .list-item .item-action-area {
        align-items: center;
    }

    #right-nav-contents {
        padding:0;
    }

    #page_volunteer_menu #tabList_workflow > div.e-content.e-lib.e-touch {
        padding: 0;
    }

    #page_volunteer_menu #tabList_workflow > div.e-content.e-lib.e-touch > div {
        margin: 0;
    }

}
@media (max-width: 530px) {

    html:has(#page_volunteer_menu) {
        overflow: hidden;
        width: 100%;
    }
    body#page_volunteer_menu {
        height: 100%;
        position: fixed;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    #page_volunteer_menu #erec_main_container.off-page-nav {
        overflow-y: auto;
    }
    #page_volunteer_menu #erec_main_container.side-nav-layout #erec_wrapper {
        overflow: unset;
    }

    .hdr_nav_link{
        width:33.33%;
        min-width:auto !important;
        height:60px;
    }
    #hdr_nav_links{
        float:none;
    }
    #hdr_logo_container{
        display:block;
        background:#333;
        text-align:center;
        float:none;
    }
    #hdr_logo{
        display:inline-block;
        height:32px;
    }
    #logged_vol_header_nav .hdr_nav_link{
        min-width:auto;
        padding:6px;
        float:right;
    }
    #logged_vol_header_nav #hdr_primary_msg{
        padding: 6px 10px 6px 0;
        text-align: right;
        width:65%;
    }

    .show-mobile {
        display: block;
    }

    .headerTopSection > .hide-org-icon-button-dropdown {
        opacity: 0%;
    }

    /*.search-btn-container {*/
    /*    grid-template-columns: 1fr 1fr;*/
    /*}*/

    .search-btn-container {
        max-height: 500px;
        transition: max-height 0.50s ease-out;
    }
    .minimize-icons {
        max-height: 100px;
        transition: max-height 0.50s ease-in;
        overflow: hidden;
    }

    /*@keyframes show-hide-icons {*/
    /*    0% {*/
    /*        height: 100px;*/
    /*    }*/
    /*    100% {*/
    /*        height: 100%;*/
    /*    }*/
    /*}*/

    .hot-opps-header-content {
        display: flex;
        flex-direction: column;
    }

    button.searchBtnIconLink img {
        width: 45px;

    }
    button.searchBtnIconLink .searchBtnText {
        font-size: 12px;
    }

    /* FAQ Page */
    div#vol_faq div.item-list-container {
        padding: 0;
    }

    div#vol_faq div.header-text {
        text-align: center;
    }

    div#vol_faq div.list-item {
        margin-left: 10px;
    }

    div#vol_faq div.faq-section-header {
        margin-bottom: 0.5rem;
    }

    div#vol_faq .faq-answer {
        margin: 0 0.5rem;
    }

    /* End FAQ Page */

    .pagename{
        margin-bottom:20px;
    }
    .history-div {
        width: 100% !important;
    }
    .mce-toolbar{
        display:none !important;
    }
    .social {
        width: 43px;
        display: block;
        margin-left: 0px;
        margin-right: 2px;
    }
}