/*
 * stylecs.css — Custom overrides for freedomCS theme
 * Add your custom CSS rules here. This file is loaded last and takes priority.
 */

:root {
    --mobile-header-offset: 166px;
}


.resource__meta a {
    color: #000000;
    /* Change link color */
    text-decoration: none;
    /* Remove underline */

    font-size: 1.4em;
    /* Increase font size */
}



.title{

  font-weight: 500;

}


.main-navigation .navigation>li>a {
    color: var(--primary);
    display: block;
    font-family: "Recoleta Alt", serif;
    text-decoration: none;
    text-transform: none;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .04em;
    padding-top: .3rem;
    padding-bottom: .3rem;
    margin: 20px 12px;
    position: relative;
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;  */
}

#content {
    padding: 10vh 15px 30px !important;
}

@media (min-width: 768px) {
    #content {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


.resource__meta .description.full p:not(:first-of-type) {
    display: none;
}

.resource__content .description.full p:not(:first-of-type) {
    display: none;
}








/* Search results description snippet */
.resource__description {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #666;
    line-height: 1.5;
}


.main-footer__top {
    padding: 0 0 0 0;
}



/*

h1 {
    display: block;
    border-bottom: 1px solid #ececec;
    font-family: "Recoleta Alt",serif;
    font-weight: 700;
    padding-bottom: 1rem;
    position: relative;
    width: 100%;
}
*/


h1,
h2,
h3 {


    font-family: "Recoleta Alt", serif;
    font-weight: 500;

}

/*
.main-header__site-title {
    max-width: 10%;
}
*/




.main-header__site-title img {
    max-height: 100px;
}




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






.main-header {

    box-shadow: none;

}


input {

    border-radius: 30px !important;
}

@media (max-width: 1023px) {
    body {
        padding-top: var(--mobile-header-offset);
    }

    .menu-drawer {
        top: var(--mobile-header-offset);
        height: calc(100% - var(--mobile-header-offset));
    }

    .main-header__main-bar {
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .main-header__site-title {
        max-width: calc(100% - 116px);
        flex: 1 1 auto;
    }

    .main-header__site-title img {
        max-height: 72px;
        width: auto;
    }

    .main-navigation {
        display: flex;
        justify-content: flex-end;
        flex: 0 0 auto;
    }

    .main-navigation .navigation > li > a {
        margin: 12px 8px;
        font-size: 1.05rem;
    }

    .main-navigation__toggle {
        margin: 0;
    }

    .main-header__search-form {
        order: 3;
        width: 100%;
        gap: 10px;
    }

    .main-header__search-form form {
        display: flex;
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }

    .main-header__search-form input {
        min-width: 0;
    }

    .main-header__advanced-search {
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    #content {
        padding-top: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .browse-controls {
        align-items: stretch;
        gap: 1rem;
    }

    .browse-controls .sorting {
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-left: 0;
        width: 100%;
    }

    .browse-controls .sorting > * {
        flex: 1 1 100%;
        margin-right: 0 !important;
    }

    .browse-controls .layout-toggle,
    .browse-controls .advanced-search-container,
    .browse-controls .permalink {
        width: 100%;
    }

    .resource-list .resource,
    .resources-linked .linked-resource,
    .metadata .media-list .resource-link {
        align-items: flex-start;
        flex-direction: column;
    }

    .resource-list .resource__thumbnail,
    .resources-linked .linked-resource img,
    .metadata .media-list .resource-link img {
        margin: 0 0 12px;
    }

    .resource-list .resource__thumbnail img,
    .resources-linked .linked-resource img,
    .metadata .media-list .resource-link img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 220px;
    }

    .main-footer__top-container {
        gap: 40px;
    }

    .main-footer__top-container > div {
        width: 100%;
        margin-bottom: 0;
    }

    .main-footer__col2 .navigation {
        gap: 20px;
    }

    .main-footer__col2 .navigation > li {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 599px) {
    :root {
        --mobile-header-offset: 182px;
    }

    .main-header__site-title {
        max-width: calc(100% - 72px);
    }

    .main-header__site-title img {
        max-height: 60px;
    }

    .main-header__search-form {
        gap: 8px;
    }
}