/*
Styles for Resources "site"

Some styles may still exist in the theme; the goal is to make resources separate from the theme (as much as possible)

*/

/*--------------------------------------------*/
/* VARIABLES
/*--------------------------------------------*/

:root {
    --dpz-pink: #E10098;
    --dpz-black: #231F20;
    --dpz-med-gray: #333333;
    --dpz-med-lt-gray: #666666;
    --dpz-light-gray: #8C8989;
    --dpz-lighter-gray: #BFBFBF;
    --dpz-lightest-gray: #D6D6D6;
    --dpz-warning: #e85c41;
    --dpz-sans-font: "Oswald", "Arial", "Helvetica Neue", "Helvetica", sans-serif; /* weights 200-700 */
    --dpz-serif-font: "Roboto Slab", "Times", "Times New Roman", serif; /* weights 100-900 */
}

/*--------------------------------------------*/
/* HEADER
/*--------------------------------------------*/

header#dpz_resources_header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    height:75px;
    top:0;
}

.admin-bar header#dpz_resources_header {
    top: 32px;
}


/*--------------------------------------------*/
/* BASIC LAYOUT
/*--------------------------------------------*/

/* MAIN element */
main#resources_primary,
.post-type-archive-resource main {
    width: 80%;
    display: flex;
    margin:75px auto 30px auto;
    flex-direction:column;
}

/*--------------------------------------------*/
/* COLUMNS
/*--------------------------------------------*/

.dpzr-columns-50-50 {
    display:flex;
    flex-direction:row;
    column-gap:20px
}
.dpzr-columns-50-50 > div,
.dpzr-columns-50-50 > div + div {
    width:50%;
}

/*--------------------------------------------*/
/* ADVANCED SEARCH FORM
/*--------------------------------------------*/

.dpzr-advs-column {
    display:flex;
    flex-direction:column;
    row-gap:10px;
}
.dpzr-advs-column select {
    font-family: var(--dpz-serif-font);
    font-size: var(--dpz-body-font-size-desktop);
    line-height: 1.3;
    padding:10px;
}
.dpzr-advs-full {
    width:auto;
}
form#dpzr_adv_searchform .dpzr-columns-50-50 {
    margin-bottom:20px;
}
form#dpzr_adv_searchform input[type=text] {
    border:1px solid #9B9B9B;
    border-radius:0;
    padding:10px;
    font-family: var(--dpz-serif-font);
    font-size: var(--dpz-body-font-size-desktop);
}
.dpzr-advs-options {
    display:none;
}
.dpzr-advs-options-toggle {
    color:var(--dpz-pink);
    cursor:pointer;
    text-decoration:underline;
    font-size:16px;
}
form#dpzr_adv_searchform input[type=submit] {
    background-color: var(--dpz-pink);
    color:#ffffff;
    border:none;
    border-radius:0;
    padding:10px 20px;
}