/* Resource Search Template CSS */

div#content {
    width: auto !important;
    max-width: 1400px !important;
    margin: auto !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1600px !important;
}


/* h1.utia-page-title {
    display: none;
} */

#content {
    padding: 0rem !important;
    padding-top: 1rem;
}

.btn-custom {
    background-color: #0d6efd !important;
}

#SearchReset {
    color: #fff;
    padding: 1rem 2rem;
    min-width: 30px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #333d47 ;
}

.pad {
    padding: 0.5rem;
}

.col.col-item {
    padding: 1rem;
}
.card {
    margin-top: 0px;
    padding: 0em !important;
    background: #4B4B4B !important;
    border: 1px solid #4B4B4B !important;
    border-radius: 0.1rem !important;
    box-sizing: border-box;
    transition: transform 500ms;
}
.card:hover {
    transform: scale(1.05);
}

img.card-image {
    padding: 5px;
}


.sticky-container {
    /* width: 99.5%; */
    position: -webkit-sticky;
    position: sticky;
    margin-top: 1.5rem;
    z-index: 19; 
    padding: 1rem;
    background-color: white;
    /* background-color:  #5c666f;  */
    /* box-shadow: 5px 5px 0px 0px #ff8200;  */
}

.sticky-container .row{
    padding: 0 0.5rem !important;
}

.sticky-container .main-row {
    display: inline-flex;
    /* width: 100%; */
}

.resource-details {
    display: flex;
    justify-content: space-between;
    background-color: #4B4B4B;
    margin: 5px 0 !important;
    width: auto;
}
.resource-type, .pubNumber {
    padding: 0 3px;
    font-size: 0.9rem;
    color: #fff;
}
.pubNumber {
    margin-left: auto;
}
.card-body {
    padding: 5px !important;
}
.card-title{
    color: #333d47 !important;
    margin-bottom: 0 !important;
    line-height: 1.2rem;
    font-size: 14px;
}
.container.results-container {
    margin-top: 2rem;

}
.section-title {
    padding-left: 0.5rem;
}
#filter-show-mobile-button, #filter-hide-mobile-button {
    display: none;
}
#filter-show-desktop-button, #filter-hide-desktop-button {
    display: none;
}
div#content {
    min-height: 80vh;
}
.sticky-container .row button.h4-button {
    background: none !important;
    font-size: 0.9rem !important;
    border: none !important;
}
.sticky-resource-bar {
    top: 18rem;
    position: sticky;
    background: white;
    z-index: 1;
}

.H4-Curriculum p {
    margin: 0rem;
}

input#searchtext {
    height: 2.2rem;
    font-size: 14px;
}

div#reset-button {
    display: inline;
}

button.filter-btn.m-1 {
    background-color: #5c666f21;
    color: #333d47;
}

.loadMore-btn {
    color: #fff !important;
    background-color: #4B4B4B !important;
    border-color: #4B4B4B !important;
}

.loadMore-btn:hover {
    color: #fff !important;
    background-color: #4B4B4B !important;
    border-color: #4B4B4B !important;
}

#stickyContainer.desk-show {
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: translateY(0%);
    opacity: 1;
}

#stickyContainer.desk-hide {
    transform: translateY(-100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}


@media screen and (max-width: 782px) {
    .pad {
        padding: 0.5rem;
        margin-bottom: 0 !important;
    }
    .sticky-container .main-row {
        display: inline-flex;
        width: 100%;
    }
    .sticky-container {
        position: fixed;
        top: 11%;
        left: 0;
        width: 85%;
        height: 82vh;
        background-color: #5c666f;
        transition: transform 0.3s ease-in-out;
        z-index: 19;
        padding: 0.5rem 1rem;
    }
    .sticky-container.mob-show {
        transform: translateX(0%);
    }
    .sticky-container.mob-hide {
        transform: translateX(-103%);
    }
    .slide-button-mobile {
        margin: 1rem auto;
        width: 60%;
        position: sticky;
        top: 6.4rem;
        left: 0px;
        z-index: 19;
    }

    #filter-show-mobile-button, 
    #filter-hide-mobile-button {
        display: inline-block;
        /* margin-top: 6%; */
    }
    #filter-show-mobile-button.hide, 
    #filter-hide-mobile-button.hide {
        display: none;
    }
    #filter-hide-mobile-button {
        width: 35%;
        height: 3.2rem;
    }
    .container.results-container {
        margin-top: 0rem;
    }

    #H4-button-div {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    button#SearchReset {
        width: 40%;
    }

    
    div#reset-button {
        margin: 0 1rem;
    }
}

@media screen and (max-width: 426px) {
    .sticky-container {
        top: 12%;
    }
    .sticky-container .form-select {
        line-height: 1;
    }

    .resource-details .resource-type,
    .resource-details .pubNumber {
        font-size: 10px;
        padding: 0 3px;
    }
    .pad {
        padding: 0.3rem;
    }
}

.landscape-warning {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}
@media (orientation: landscape) and (max-width: 789px) and (max-device-width: 1024px) {
    .landscape-warning {
        display: flex;
    }
    body {
        overflow: hidden; /* Prevent scrolling */
    }
    .content {
        display: none;
    }
}


.filter-wrapper {
  position: sticky !important;
  top: 8rem !important;
}

.show-text {
    display: block !important;
}

.hide-text {
    display: none !important;
}

.no-banner ~ .title-area > .sectionContainer > .utia-page-title {
    padding: 1rem 2rem 0rem !important;
} 


/* .sticky-container select.form-select {
    text-wrap: auto;
} */