/**
 * @file
 * Subtheme specific CSS.
 */
/**Variables**/
:root{
    --min-padding: 1rem;
    --default-padding: 2rem;
    --border-width: .1rem;
    --border-radius: .1rem;
    --border-radius-profile: 1rem;
    --border-width-profile: .1rem;
    --deep-blue-opaque: #3b3b3bbb;
    --member-heading: calc(1rem + .5vw);
    --member-individual: calc(.65rem + .5vw);
    --member-details: calc(.5rem + .5vw);
    --font-weight-bold: bold;
    }
/**END Variables**/

/****Globals****/
.margin-0, .node--view-mode-teaser .field--type-entity-reference{
    margin: 0;
}
header>nav.navbar, body:not(.node--type-organization-information-page) div.container-fluid, .block-system-breadcrumb-block, nav.tabs{
    padding: 0 2rem;
    max-width: 1250px;
    margin: 0 auto;
}

img{
    width: 100%;
    height: auto;
}
.border{
    border: var(--border-width) solid var(--border-color) !important;
    border-radius: var(--border-radius);
}
.grid-item-repeat-auto-fit .border, .grid-item-repeat-auto-fit-narrow .border{
    padding: var(--min-padding);
}
/****END Globals****/

/****Menu****/
.search-block-form>div{
    display: flex;
    justify-content: center;
}
.block-menu li{
    display: flex;
    justify-content: center;
}

/****page sections****/
/**Header**/
header{
    /*background: linear-gradient(180deg, rgb(255 255 255) 0%, rgba(0, 204, 200, 1) 20%, rgba(0, 204, 200, 1) 80%, rgb(255 255 255) 100%);*/
}
    .region-wrapper-top-header .container, .region-wrapper-header .container {
    display: flex;
    justify-content: space-between;
    }

.featured-top>aside{
    padding: 0;
    position: relative;
}
.featured-top .block-page-title-block{
    padding: var(--default-padding);
    display: flex;
    justify-content: center;
    width: 100%;
}
.featured-top .block-page-title-block h1 {
    padding: .5rem 1rem;
    margin: 0;
    border-radius: var(--border-radius);
}
.featured-top>aside div.views-element-container ~ div.block-page-title-block{
    background-color: transparent;
    position: absolute;
    bottom: 0;
}
/**Menu**/
.nav-link, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    text-decoration: underline;
}
.navbar-nav .nav-link.active, .nav-link:hover, .navbar-nav .show>.nav-link, .nav-tabs .nav-link.active{
    text-decoration: none;
}
.navbar-toggler {
    padding: 3px;
    margin: 5px 0 10px 0;
    font-size: 17px;
}
  /**END Menu**/
/****END page sections****/


/**Forms**/
.search-form > div{
    margin-bottom: 0 !important;
}
.form-control, btn-primary, .btn-secondary {
    padding: 5px;
    line-height: 1.3;
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
}


/**node--type-organization-information-page paragraph page**/
body.node--type-organization-information-page div.container-fluid{
    padding: 0;
    .paragraph, .field--name-field-main-body{
        padding-right: 2em;
        padding-left: 2em;
        margin-top: 3em;
        margin-bottom: 3em;
        .field__item:last-child p:last-child{
            margin-bottom: 0;
        }
        >div{
            max-width: 1250px;
            margin: 0 auto;
            padding: 0 2em;
        }
    }
    .paragraph.max-font-width-950{
        >div{
        max-width: 950px;
        }
    }

}

body.node--type-organization-information-page div.container-fluid{
.background-light-tan.paragraph, .background-deep-red.paragraph, .background-light-blue.paragraph, .background-deep-blue.paragraph{
    padding-top: 3em;
    padding-bottom: 3em;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.node--view-mode-teaser, .node--view-mode-teaser-nolink, .view-members.view-display-id-page_1 .view-content>div{
    border-radius: var(--border-radius-profile);
    box-shadow: 0 0 10px -2px var(--deep-blue-opaque);
}
.node--type-organization-information-page {
    .full-width-wrapper{
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
        .featured-top__inner{
            padding: 0;
        }
            img{
                min-height: 350px;
                height: 50vh;
                object-fit: cover;
                width: 100%;
            }
        }
    
/**Individual**/

/**members**/
.members h2{
    font-size: var(--member-heading);
}
.members h3{
    font-size: var(--member-individual);
}
.members .field__label, .members .field__item{
    font-size: var(--member-details);
}
.field__label, .field--type-entity-reference .field__label{
    font-weight: var(--font-weight-bold);
}
/**END members**/

/**Children**/
.view-members .view-content{
    margin: 1rem 0 2rem;
}
.grid-item-repeat-auto-fit{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2em;
    margin-bottom: 2em;
    > div{
        max-width: 560px;
        div.field__item{
            padding: 0 !important;
            background: transparent !important;
            margin: 0 0 0.3rem 0 !important;
        }
    }
}

.grid-item-repeat-auto-fit-narrow .view-content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 1.5rem;
        >div{
        max-width: 560px;
            .views-field:not(:last-child){
            margin-bottom: 1rem;
        }
        p{
            margin: 0;
        }
    }
}

.grid-item-full-width, .full-width-title{
    grid-column: 1 / -1;
    grid-row: 1;
}
.members img{
    object-fit: cover;
    aspect-ratio: 7 / 5;
}

/****Views****/
ul.calendar-view-pager{ 
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    .pager__item > a {
        padding: 0.5rem;
        line-height: 1.3;
    }
    .mb-3 {
        margin: 0 !important;
        padding: 0.5rem;
        line-height: 1.3;
    }
}
.calendar-view-table caption {
    padding: .5rem 0;
    line-height: 1.3;
}

/**User**/
body.path-user .field--label-inline .field__label{
    width: 70px;
}