/**
 * Theme Name: DPZ 2025
 */

/*******************************/
/* FONTS                       */
/*******************************/

/* we link to fonts where possible*/

/* https://fonts.google.com/icons */
@font-face {
    font-family: 'Material Icons';
    src: url(assets/fonts/MaterialIconsOutlined-Regular.otf);
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

/*******************************/
/* VARIABLES                   */
/*******************************/

/* In many cases, values can be changed here alone and all relvant classes will follow */
: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 */
    --dpz-heading-wt: 200; /* weight used by all Hs */
    --dpz-heading-margin: 1em; /* this is relative to font size, so it looks good on all */

    /* SOMEDAY TO DO - add variable for footer height */
    --dpz-blk-full-ht-desktop: calc(100vh - var(--dpz-header-height-desktop));
    --dpz-blk-full-ht-admin-desktop: calc(100vh - var(--dpz-header-height-desktop) - 32px);
    --dpz-blk-almost-full-ht-desktop: calc(100vh - var(--dpz-header-height-desktop) - 91px);
    --dpz-blk-almost-full-ht-admin-desktop: calc(100vh - var(--dpz-header-height-desktop) - 91px - 32px);

    --dpz-blk-full-ht-desktop-max: calc(100vh - var(--dpz-header-height-desktop-max));
    --dpz-blk-full-ht-admin-desktop-max: calc(100vh - var(--dpz-header-height-desktop-max) - 32px);
    --dpz-blk-almost-full-ht-desktop-max: calc(100vh - var(--dpz-header-height-desktop-max) - 91px);
    --dpz-blk-almost-full-ht-admin-desktop-max: calc(100vh - var(--dpz-header-height-desktop-max) - 91px - 32px);

    --dpz-blk-full-ht-desktop-xxl: calc(100vh - var(--dpz-header-height-desktop-xxl));
    --dpz-blk-full-ht-admin-desktop-xxl: calc(100vh - var(--dpz-header-height-desktop-xxl) - 32px);
    --dpz-blk-almost-full-ht-desktop-xxl: calc(100vh - var(--dpz-header-height-desktop-xxl) - 91px);
    --dpz-blk-almost-full-ht-admin-desktop-xxl: calc(100vh - var(--dpz-header-height-desktop-xxl) - 91px - 32px);

    --dpz-blk-full-ht-desktop-xl: calc(100vh - var(--dpz-header-height-desktop-xl));
    --dpz-blk-full-ht-admin-desktop-xl: calc(100vh - var(--dpz-header-height-desktop-xl) - 32px);
    --dpz-blk-almost-full-ht-desktop-xl: calc(100vh - var(--dpz-header-height-desktop-xl) - 91px);
    --dpz-blk-almost-full-ht-admin-desktop-xl: calc(100vh - var(--dpz-header-height-desktop-xl) - 91px - 32px);

    --dpz-blk-full-ht-desktop-l: calc(100vh - var(--dpz-header-height-desktop-l));
    --dpz-blk-full-ht-admin-desktop-l: calc(100vh - var(--dpz-header-height-desktop-l) - 32px);
    --dpz-blk-almost-full-ht-desktop-l: calc(100vh - var(--dpz-header-height-desktop-l) - 91px);
    --dpz-blk-almost-full-ht-admin-desktop-l: calc(100vh - var(--dpz-header-height-desktop-l) - 91px - 32px);

    --dpz-blk-full-ht-tablet: calc(100vh - var(--dpz-header-height-tablet));
    --dpz-blk-full-ht-admin-tablet: calc(100vh - var(--dpz-header-height-tablet) - 32px);
    --dpz-blk-almost-full-ht-tablet: calc(100vh - var(--dpz-header-height-tablet) - 91px);
    --dpz-blk-almost-full-ht-admin-tablet: calc(100vh - var(--dpz-header-height-tablet) - 91px - 32px);

    --dpz-blk-full-ht-mobile: calc(100vh - var(--dpz-header-height-mobile));
    --dpz-blk-full-ht-admin-mobile: calc(100vh - var(--dpz-header-height-mobile) - 32px);
    --dpz-blk-almost-full-ht-mobile: calc(100vh - var(--dpz-header-height-mobile) - 91px);
    --dpz-blk-almost-full-ht-admin-mobile: calc(100vh - var(--dpz-header-height-mobile) - 91px - 32px);
}

/*******************************/
/* FONTS                       */
/*******************************/

/* See header.php */

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

html {
    scroll-behavior: smooth;
}
body {
    margin:0;
    padding:0;
    width:100%;
}
.dpz-hide,
.dpz-mobile-block,
.dpz-mobile-flex,
.dpz-mobile-inline-block,
.dpz-mobile-inlne-flex {
    display:none;
}
.dpz-div-align-center {
    margin-left:auto;
    margin-right:auto;
}
.dpz-div-align-left {
    margin-left:0;
}
.dpz-div-align-right {
    margin-right:0;
}
.dpz-mobile-block,
.dpz-mobile-flex,
.dpz-mobile-inline-block,
.dpz-mobile-inlne-flex {
    display:none;
}

/*******************************/
/* TYPOGRAPHY                  */
/*******************************/

body:not(.wp-admin) {
    font-family: var(--dpz-serif-font);
    font-size: var(--dpz-body-font-size-desktop);
    line-height:1.3;
    color: var(--dpz-black);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--dpz-sans-font);
    font-weight: var(--dpz-heading-wt);
    margin-top: var(--dpz-heading-margin);
    margin-bottom: var(--dpz-heading-margin);
}
.spu-content h1 {
    margin-top:0;
    margin-bottom:30px;
}
h1 {
    font-size: var(--dpz-h1-size-desktop);
}
h2 {
    font-size: var(--dpz-h2-size-desktop);
}
h3 {
    font-size: var(--dpz-h3-size-desktop);
}
h4 {
    font-size: var(--dpz-h4-size-desktop);
}
h5 {
    font-size: var(--dpz-h5-size-desktop);
}
h6 {
    font-size: var(--dpz-h6-size-desktop);
}
a {
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.dpz-text-align-center {
    text-align:center;
}
.dpz-text-align-justify {
    text-align:justify;
}
.dpz-text-align-left {
    text-align:left;
}
.dpz-text-align-right {
    text-align:right;
}
.popmake-content h1.wp-block-heading {
    margin-bottom:0;
}
.popmake-content p {
    font-weight:300;
}
.dpz-smaller-text h2 {
    font-size:30px;
    font-weight:200;
    line-height:32px;
}
.dpz-smaller-text p {
    margin: 0 0 20px;
    font-size:12px;
    letter-spacing:0.5px;
}


/*******************************/
/* HEADER                      */
/*******************************/

header {
    z-index:1000;
}
header#dpz_header {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    position:fixed;
    width:100%;
    background-color:#ffffff;
    top:0;
    height: var(--dpz-header-height-desktop-max);
}

#dpz_branding {
    flex-shrink:1;
    padding:0 30px;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
#dpz_branding a {
    display:flex;
    height:100%;
    flex-direction: column;
    justify-content: center;
}
#dpz_branding img {
    max-height:96%;
}
#dpz_main_menu {
    flex-grow:1;
    height: 100%;
    justify-content: flex-end;
    padding-right: 30px;
}

/*******************************/
/* MAIN MENU                   */
/*******************************/

nav.main-menu-nav {
    font-family: var(--dpz-sans-font);
    font-size: var(--dpz-menu-font-size);
    font-weight:300;
    color: var(--dpz-black);
    flex-grow:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
nav.main-menu-nav a,
nav.main-menu-nav a:visited {
    text-decoration:none;
    color: var(--dpz-black);
}
nav.main-menu-nav a:hover,
nav.main-menu-nav a:focus,
nav.main-menu-nav a:active,
nav.main-menu-nav .current_page_item a {
    color: var(--dpz-pink);
}
ul#main_menu {
    list-style:none;
    display:flex;
    flex-direction:row;
    justify-content: flex-end;
    column-gap: 2em;
    margin:0;
    padding:0;
}

/*******************************/
/* MAIN SEARCH FORM            */
/*******************************/

#dpz_main_search {
    flex-shrink:1;
    padding-right:30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
#dpz_main_search_icon { 
    width:1em; 
    height:1em;
}
#dpz_main_search_icon img {
    height:100%;
    width:100%;
    cursor:pointer;
}
#dpz_main_search_form {
    display:none;
    position: absolute;
    width: 50vw;
    max-width: 600px;
    right: calc(1em + 50px);
}
#dpz_main_search_form input[type=search] {
    width:100%;
    height:2.25em;
    border:1px solid #d2d2d2;
}

/*******************************/
/* MAIN CONTENT & STRUCTURE    */
/*******************************/

#main_content { 
	position:relative;
	width:100%;
	margin-top: var(--dpz-header-height-desktop-max);
}

/*******************************/
/* FOOTER                      */
/*******************************/

footer {
    padding:0 20px;
    border-top:1px solid #d6d6d6; /* this gets overwritten by footer options */
    color: var(--dpz-light-gray);
    font-size: var(--dpz-footer-font-size);
}
footer a {
    color:var(--dpz-lighter-gray);
    text-decoration:none;
}
footer a:hover {
    color: var(--dpz-pink);
}
#dpz_footer {
    margin:20px auto 10px auto;
}
#dpz_footer > div:not(.dpz-1-column) {
    display:flex;
    width:100%;
    flex-direction:row;
    gap:30px;
    margin-bottom:10px;
}
#dpz_footer > div.dpz-1-column {
    flex-direction:column;
    margin-bottom:10px
}
#dpz_footer > div > div {
    display:flex;
    flex-direction:column;
}
.dpz-acf-embed.dpz-footer,
.dpz-acf-image.dpz-footer,
.dpz-acf-text.dpz-footer,
.dpz-acf-wysiwyg.dpz-footer {
    width:auto; /* auto is good for Mailchimp for in footer; we may have to fine-tune this */
}

/*******************************/
/* BACK TO TOP BUTTON          */
/*******************************/

#dpz_btt {
    border-radius:6px 6px 0 0;
    background-color:#333333;
    bottom: 0;
    height: 35px;
    position: fixed;
    text-align: center;
    width: 48px;
    z-index:10000;
    right: calc(50vw - 20px) !important;
    opacity:0;
}
#dpz_btt.btt-active {
    opacity: 0.9;
}
.dpz-btt-arrow {
    transform: rotate(-90deg);
    color: var(--dpz-pink);
    padding-right:8px;
}
#dpz_btt:hover {
    background-color:var(--dpz-pink);
}
.dpz-btt-arrow:hover {
    color:#ffffff;
}

/*******************************/
/* SIGN UP                     */
/*******************************/

#mc_embed_signup_scroll {
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content: space-between;
    column-gap: 5px;
    max-width: 471px;
}
#mc_embed_signup {
    min-width:474px ! important;
}
#mc_embed_signup form {
    display: flex;
    justify-content: flex-end;
    padding:0 0 0 0 ! important;
}
#mc_embed_signup .mc-field-group {
    width:75% ! important;
    margin:0 0 0 0 ! important;
    padding:0 0 0 0 ! important;
    display:flex;
    flex-direction:row;
    height:35px ! important;
    min-height:35px ! important;
    justify-content:flex-end;
}
#mc_embed_signup .mc-field-group label {
    display: none ! important;
}
#mc_embed_signup #mce-EMAIL {
    margin: 0;
    padding: 9px 10px 9px 10px;
    border-radius: 5px 5px 5px 5px;
    background-color: #fff;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
    color: #666;
    font: normal 13px / 18px Open Sans;
    font-style: normal;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    outline: 0;
    min-width: 255px;
    max-width: 255px;
    min-height: auto;
    display: block;
    background-image: unset;
    transition: .2s ease;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    position: absolute;
    top: 40px;
}
#mc-embedded-subscribe.button {
    font: bold 13px / 32px Open Sans;
    border-color: #e10098 !important;
    border-width: 1px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    margin-right: 10px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, .4) !important;
    transition: all 0.45s cubic-bezier(.65, .05, .36, 1);
    outline: 0;
    min-width: 175px !important;
    font-family: Oswald !important;
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing: 1.9px !important;
    border-style: solid;
    text-transform: uppercase !important;
    color: #e10098 !important;
}
/*
#mc_embed_signup .mc-field-group label {
    display:none ! important;
}
#mc-embedded-subscribe {
    margin-top:25px;
}
*/
/*
#mc-embedded-subscribe {
    width:200px ! important;
}
    */

/*******************************/
/* BUTTONS                     */
/*******************************/

.is-style-dpz-stacked-buttons {
    margin-top:20px;
    margin-bottom:20px;
    flex-direction:column;
}
.is-style-dpz-button-row {
    display:flex;
    flex-direction:row;
    gap:20px;
    flex-wrap:wrap;
}
.is-style-dpz-pink-button a,
.popmake-content .wp-block-button a {
    color:var(--dpz-pink);
    transition: all .2s;
    padding:16px 29px;
    font-size: var(--dpz-body-font-size-desktop);
    text-decoration:none;
    border-radius:5px;
    font-family:var(--dpz-sans-font);
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1.9px;
    border:1px solid var(--dpz-pink);
    background-color:#ffffff;
}
.gform_button {
    color:var(--dpz-pink) ! important;
    transition: all .2s ! important;
    padding:16px 29px ! important;
    font-size: var(--dpz-body-font-size-desktop) ! important;
    text-decoration:none ! important;
    border-radius:5px ! important;
    font-family:var(--dpz-sans-font) ! important;
    text-transform:uppercase ! important;
    font-weight:300 ! important;
    letter-spacing:1.9px ! important;
    border:1px solid var(--dpz-pink) ! important;
    background-color:#ffffff ! important;
}
.is-style-dpz-pink-button a:hover,
.popmake-content .wp-block-button a:hover {
    border-color:transparent;
}
.is-style-dpz-pink-button-reverse a {
    background-color:var(--dpz-pink);
    transition: all .2s;
    padding:16px 29px;
    font-size: var(--dpz-body-font-size-desktop);
    text-decoration:none;
    border-radius:5px;
    font-family:var(--dpz-sans-font);
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:1.9px;
    border:1px solid var(--dpz-pink);
    color:#ffffff;
}
.is-style-dpz-pink-button a:hover {
    border-color:transparent;
    background-color:#ffffff;
    color:var(--dpz-pink);
}

/*******************************/
/* COLUMN SECTIONS             */
/*******************************/

/* Used in footer; can be used in other places */

.dpz-1-column  {
    width:100%;
    display:flex;
}
.dpz-2-columns-50-50 > div,
.dpz-3-columns-25-50-25 > div + div,
.dpz-3-columns-25-25-50 > div + div + div,
.dpz-3-columns-50-25-25 > div {
    width:50%;
}
.dpz-2-columns-40-60 > div,
.dpz-2-columns-60-40 > div + div,
.dpz-3-columns-30-40-30 > div + div,
.dpz-3-columns-30-30-40 > div + div + div,
.dpz-4-columns-20-20-20-40 > div + div + div + div,
.dpz-4-columns-40-20-20-20 > div {
    width:40%;
}
.dpz-2-columns-40-60 > div + div,
.dpz-2-columns-60-40 > div,
.dpz-3-columns-20-60-20 > div + div,
.dpz-3-columns-20-20-60 > div + div + div,
.dpz-3-columns-60-20-20 > div {
    width:60%;
}
.dpz-2-columns-33-66 > div,
.dpz-2-columns-66-33 > div + div,
.dpz-3-columns-33-33-33 > div {
    width:33%
}
.dpz-2-columns-33-66 > div + div,
.dpz-2-columns-66-33 > div {
    width:66%
}
.dpz-2-columns-25-75 > div,
.dpz-2-columns-75-25 > div + div,
.dpz-3-columns-25-50-25 > div,
.dpz-3-columns-25-50-25 > div + div + div,
.dpz-3-columns-25-25-50 > div,
.dpz-3-columns-25-25-50 > div + div,
.dpz-3-columns-50-25-25 > div + div,
.dpz-3-columns-50-25-25 > div + div + div,
.dpz-4-columns-25-25-25-25 > div {
    width:25%;
}
.dpz-2-columns-25-75 > div + div,
.dpz-2-columns-75-25 > div {
    width:75%;
}
.dpz-2-columns-20-80 > div,
.dpz-2-columns-80-20 > div + div,
.dpz-3-columns-20-60-20 > div,
.dpz-3-columns-20-60-20 > div + div + div,
.dpz-3-columns-20-20-60 > div,
.dpz-3-columns-20-20-60 > div + div,
.dpz-3-columns-60-20-20 > div + div,
.dpz-3-columns-60-20-20 > div + div + div,
.dpz-4-columns-20-20-20-40 > div,
.dpz-4-columns-20-20-20-40 > div + div,
.dpz-4-columns-20-20-20-40 > div + div + div,
.dpz-4-columns-40-20-20-20 > div + div + div + div {
    width:20%;
}
.dpz-2-columns-20-80 > div + div,
.dpz-2-columns-80-20 > div {
    width:80%;
}
.dpz-3-columns-30-40-30 > div,
.dpz-3-columns-30-40-30 > div + div + div,
.dpz-3-columns-30-30-40 > div,
.dpz-3-columns-30-30-40 > div + div {
    width:30%;
}


/*******************************/
/* FLEX ALIGNMENTS             */
/*******************************/

.dpz-flex-column {
    flex-direction:column;
}
.dpz-flex-row {
    flex-direction:row;
}
.dpz-table {
    display:table;
}
.dpz-table-column {
    display:table-column;
}

/* this group all implies display-type:flex and flex-direction:column */
.dpz-valign-top {
    justify-content:flex-start;
}
.dpz-valign-middle {
    justify-content:center;
}
.dpz-valign-bottom {
    justify-content:flex-end;
}
.dpz-halign-left {
    align-items:flex-start;
}
.dpz-halign-right {
    align-items:flex-end;
}
.dpz-halign-center {
    align-items:center;
}
/* flex-direction:row; */
.dpz-flex-row-block-content.dpz-valign-top,
.dpz-flex-row-block-content.dpz-valign-top div {
    align-items:flex-start;
}
.dpz-flex-row-block-content.dpz-valign-middle, 
.dpz-flex-row-block-content.dpz-valign-middle div {
    align-items:center;
}
.dpz-flex-row-block-content.dpz-valign-bottom,
.dpz-flex-row-block-content.dpz-valign-bottom div {
    align-items:flex-end;
}
/* horiztonal alignment may not be obvious because it is for the container, not the text/items inside */
/* second selector (with div) is for DPZ TWO COLUMN BLOCK; may have to change for more flexibility */
.dpz-flex-row-block-content.dpz-halign-left,
.dpz-flex-row-block-content.dpz-halign-left div {
    justify-content:flex-start;
    display:flex;
}
.dpz-flex-row-block-content.dpz-halign-right,
.dpz-flex-row-block-content.dpz-halign-right div {
    justify-content:flex-end;
    display:flex;
}
.dpz-flex-row-block-content.dpz-halign-center,
.dpz-flex-row-block-content.dpz-halign-center div {
    justify-content:center;
    display:flex;
}
.dpz-flex-row-reverse {
    flex-direction:row-reverse;
}

/********************************/
/* PROJECT GRID                 */
/********************************/
/* based on old site; used by project category page */
.dpz-projects-grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%;
}
.dpz-projects-grid .project-cell.card {
    width:24%;
}
a.project-placeholder {
    cursor:none;
}

/********************************/
/* GOVERNANCE TEMPLATE          */
/********************************/

.dpz2025-governance {
    margin-top:50px;
}
.dpz2025-governance #crestashareicon {
    display:none ! important;
}

/********************************/
/* CATEGORY TEMPLATE - ORIGINAL */
/********************************/
.tax-project_category #main_content,
.search-results #main_content {
    margin-top: calc(var(--dpz-header-height-desktop-max) + 10px);
}
.tax-project_category #search_content,
#search_content {
	margin:20px auto;
	position:relative;
	width:96%;
}

/**********************************/
/* PROJECT TEMPLATE - NEW/UPDATED */
/**********************************/
.dpz2025-project-category-parent {
    text-align:center;
}
.dpz2025-project-category-child {
    flex-grow:0;
    flex-shrink:1;
    text-align:center;
}

/*******************************/
/* PROJECT TEMPLATE - ORIGINAL */
/*******************************/
#project_page_container {
    display:flex;
    flex-direction:row;
    height:100%;
    gap:20px;
    width:100vw;
}
#project_page_left {/* 50% container, has class half_page_img */
    margin:0;
    background: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-blend-mode:multiply;
    height:100%;
    flex-shrink:0;
}
#project_page_left {
    width: calc(100vw - 85px);
    z-index:1;
}
#project_page_right {
    display:flex;
    z-index:999;
    width:50vw;
    background-color:#ffffff;
}
#project_page_sidebar_control {
    background-color:#e10098;
    color:#fff;
    text-align: center;
    align-items: center;
    display: flex;
    width:65px;
    flex-shrink:0;
    justify-content:center;
    font-size:var(--dpz-h3-size-desktop);
    cursor:pointer;
}
#project_left_upper {
   mix-blend-mode:screen;
   padding:20px 0px 0px 20px;
}
#project_left_upper > h1 {
    line-height: 1;
    font-family: Oswald, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 0 6px;
    text-transform: uppercase;
    color:#fff;
}
#project_page_left a {
    text-decoration:none;
    color:#fff;
    font-family:"Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 400;
}
a.project_map_link > i, a.project_search_link > i, a.project_gallery_link > i {
    margin-right:10px;
}
a.project_sidebar_link > i {
   margin-right:14px;
}
.project_map_link:hover, .project_search_link:hover, .project_gallery_link:hover, .project_sidebar_link:hover, .project_team_link:hover, a.project_map_link:hover > i, a.project_search_link:hover > i, a.project_gallery_link:hover > i, a.project_sidebar_link:hover > i {
    color:#e10098!important;
}
a.project_map_link {
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 1.22;
}
a.project_search_link, a.project_gallery_link, a.project_sidebar_link, a.project_team_link {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing:0.5px;
    line-height:20px;
}
#project_page_right, 
.related_project_list_info {
    font-family: "Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight:400;
    color:#000;
}
#project_page_sidebar_content {
    padding: 0px 40px 15px 35px;
    overflow-y: scroll;
}
.project-sidebar-section > h2,
#project_page_sidebar_content h2 {
    margin-bottom:20px;
    margin-top:30px;
    font-weight:400;
    letter-spacing: 1px;
    font-size:26px;
    line-height:1.1;
}
#project_page_right p,
.highlights-list li,
.sidebar_team_list li.team_member {
    font-weight:300;
}
.highlights-list li {
    padding-bottom:10px;
}
#project_page_right p.data-point {
    font-weight:400;
}
ul.sidebar_icon_list {
    margin-top:20px;
    margin-bottom:50px;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    list-style-type:none;
    gap: 30px;
}
.sidebar_icon_list_item {
    min-width:150px;
    max-width:300px;
    width: 29%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sidebar_icon,
.material-symbols-outlined.sidebar_icon {
    font-size:40px;
    color:#dcdcdc;
    margin-right:10px;
}
.data-point {
    font-family: var(--dpz-sans-font);
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: 1;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 4px;
}
.data-descriptor {
    font-family: var(--dpz-serif-font);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    margin: 0px;
}
.sidebar_team_list {
    list-style-type:none;
}
#website.project-sidebar-section a {
    color:var(--dpz-pink);
}
.team_member {
   font-size:18px;
}
a.team_member_link:hover {
   color:#e10098!important;
}
.team_icon {
   font-size:18px;
   color:#dcdcdc;
   /*float: left;
   padding-top: 7px;*/
   margin-right: 10px;
   margin-bottom: 10px;
}
.related_projects_list {
    max-width:400px;
}
.related_project_item a {
    text-decoration:none;
}
.related_project_item h3 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 8px;
}
#project_page_left::before {
    content: '';
    height:100%;
    width:100%;
    z-index: 0;
    position: absolute;
    background-image: linear-gradient(180deg, rgba(45, 45, 45, 0.4) 0, rgba(44, 44, 44, 0) 100%);
}
@media only screen and (max-width: 900px) {
    .projects-template-project-single-post #main_content.dpz-block-full-height {
        height:auto;
    }
    #project_page_container {
        flex-direction:column;
        gap:10px;
    }
    #project_page_left {
        width:100%;
        height:calc(100vh - 74px - 65px - 20px);
    }
    #project_page_right {
        width:100%;
        flex-direction:column;
    }
    #project_page_sidebar_control {
        width:100%;
        height:65px;
    }
}

/*
#project_page_left::before {
   content: '';
   z-index:0;
   position:absolute;
   background-image: linear-gradient(180deg,rgba(45,45,45,0.4) 0,rgba(44,44,44,0) 100%);
}*/
/*
@media only screen and (min-width: 900px){
    #project_page_left.sidebar_expanded {/* 50% on desktop */
        /*width:calc(50% - 5px);
        margin-right:5px;
    }
    #project_page_left.sidebar_expanded::before {
      width:calc(50% - 20px);
    }
    #project_page_left.sidebar_compressed {
      width:calc(100vw - 20px - 65px);
      margin-right:5px;
    }
    #project_page_left.sidebar_compressed::before {
      width:calc(100vw - 20px - 65px);
    }
}
@media only screen and (max-width: 900px){
    #project_page_left {/* 100% on mobile, height minus the info bar */
       /* width:calc(100vw - 20px);
        float:none;
    }
    #project_page_left::before {
      width:calc(100vw - 20px);
    }
}
*/
/*#project_page_right {/* 50% container, hide on mobile; learn more is vertical on desktop, horizontal on mobile */
/*    margin:0;
    display:flex;
    flex-basis:50%;
    flex-wrap:nowrap;
    height:100%;
}
@media only screen and (min-width: 900px){
    #project_page_right.sidebar_expanded {/* 50% on desktop */
/*        width:50%;
        padding-left:5px;
        float:right;
    }
    #project_page_right.sidebar_compressed{
      width:65px;
      overflow:hidden;
      padding-left:5px;
        float:right;
    }
}
@media only screen and (max-width: 900px){
    #project_page_right {/* hidden mobile except the info bar */
/*        width:calc(100vw - 20px);
    }
}
/* info-box classes to be applied in JS */
/*
#project_about_chevron-desktop, #project_about_chevron-mobile {font-size: 28px;cursor: pointer;}
@media only screen and (min-width: 900px){
    #project_page_sidebar_control {/* vertical on desktop */
/*        height:calc(100vh - 70px);
        width:65px;
    }
    #project_page_sidebar_control.sidebar_compressed {
      position: absolute;
      right: 0;
      top: 70px;
    }
    #project_about_chevron-desktop.sidebar_compressed {
      right: 25px;
      top: 50%;
      position: absolute;
    }
    #project_about_chevron-desktop.sidebar_expanded {
      top: 50%;
      left: calc(50vw + 22px);
      position: absolute;
    }
    #project_about_chevron-mobile {display:none;}
}
@media only screen and (max-width: 900px){
    #project_page_sidebar_control {/* horizontal on mobile */
/*        height:65px;
        width:calc(100vw - 20px);
        margin-top:10px;
    }
    /* default condition on mobile */
/*    #project_about_chevron-desktop {display:none;}
    #project_about_chevron-mobile {
      display:block;
      position:relative;
      left:50%;
      }
    #project_page_right {display:block;}
}
.project_team_icon {
   color:#fff;
   font-size: 12px;
   margin-right: 9px;
}
#prime_consultant_left {
   color:#fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}
/* #### RIGHT SIDE CONTENT #### */
/*
@media only screen and (min-width: 900px) {
    #project_page_sidebar_content.sidebar_expanded {width:100%;display:block;}
    #project_page_sidebar_content.sidebar_compressed {display:none;}
    #project_page_right.sidebar_compressed {width:0;}
}
@media only screen and (max-width: 900px){
    #project_page_sidebar_content {/* bottom bar on mobile */
/*        width: calc(100vw - 20px);
    }
}
/* SIDEBAR LISTS WITH ICONS */

/* SIDEBAR RELATED PROJECT LISTS */
.related_projects_list {
    margin:0;
    padding:0px 0px 20px 0px;
    list-style-type:none;
}
.related_project_item {
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none;
}
.related_project_item:hover {
    box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
}
.related_project_item:hover .related_project_list_info > h2, 
.related_project_item:hover .related_project_list_info {
   color:#e10098;
}
.related_project_list_info {
    text-align:center;
}
.related_project_list_info > h2 {
    margin-bottom:5px;
}
.related_project_list_info > i {margin-right:10px;}
/* Project Image Gallery */
.featherlight-previous:hover, 
.featherlight-next:hover {
    background:none;
}/* removes the white edge background on hover. */
.featherlight-previous > span, 
.featherlight-next > span {
    color:#e10098!important;
    width:auto;
}/* Colors the prev/next icons and moves them to the image edge */

/*******************************/
/* SEARCH FILTER TABS & SORT   */
/*******************************/

#search_tabs_bar,
#dpz_results_none {
	position: relative;
	width: 100%;
	display: flex;
	margin: 20px 0;
    flex-direction:row;
    justify-content:space-between;
}
#dpz_search_tabs {
    width:80%;
}
.sort-by-holder {
    cursor: pointer;
}
#dpz_sort_outer_wrapper {
    display: flex;
    justify-content: end;
}
.dpz-sort-field,
#dpz_search_tabs > div {
	background-color: #fff;
    border-right:16px solid #ffffff;
    border-top:0;
    border-left:0;
    border-bottom:0;
    border-radius: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.8px;
    line-height: 40px;
    margin: auto 0 0;
    outline: 0;
    padding-left: 16px;
    text-transform: uppercase;
    box-shadow: 2px 2px 7px 0 rgba(45, 45, 45, 0.25);
    height: 40px;
    font-family:var(--dpz-sans-font);
}
.dpz-sort-field {
    width: 100%;
    color: #e10098;
}
#dpz_search_tabs {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}
#dpz_search_tabs > div {
    width: auto;
    display:inline-block;
    color:#000000;
}
#dpz_search_tabs .active {
    color: #e10098;
}

#results_awards,
#results_books,
#results_initiatives,
#results_media,
#results_tools,
#results_post {
    display:flex;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
}
#results_awards.dpz-hide,
#results_books.dpz-hide,
#results_tools.dpz-hide,
#results_initiatives.dpz-hide,
#results_media.dpz-hide,
#results_post.dpz-hide {
    display:none;
}

/*******************************/
/* SEARCH RESULTS              */
/*******************************/

#search_content {
    min-height:75vh;
}
.dpz2025-search-award,
.dpz2025-search-book,
.dpz2025-search-tool,
.dpz2025-search-initiative,
.dpz2025-search-media {
    width:32%;
    display:flex;
    flex-direction:row;
    margin-bottom: 20px;
    padding: 0px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none;
    text-decoration:none;
    color:#000000;
    min-height:150px;
}
.dpz2025-search-post {
    width:32%;
    display:flex;
    flex-direction:column;
    margin-bottom: 20px;
    padding: 0px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none;
    text-decoration:none;
    color:#000000;
}
a.dpz2025-search-award:hover,
a.dpz2025-search-book:hover,
a.dpz2025-search-tool:hover,
a.dpz2025-search-initiative:hover,
a.dpz2025-search-media:hover,
a.dpz2025-search-post:hover {
    box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
}
.dpz2025-book-image,
.dpz2025-tool-image,
.dpz2025-award-image,
.dpz2025-media-image,
.dpz2025-initiative-image {
    width: 30%;
    background-repeat: no-repeat;
}
.dpz-background-image {
    background-size: cover;
    background-position: center top;
}
.dpz-background-icon {
    background-position: center ! important;
    background-size:90% ! important;
}
.dpz2025-post-image {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 2 / 1;
}
.dpz2025-award-content,
.dpz2025-media-content,
.dpz2025-book-content,
.dpz2025-tool-content,
.dpz2025-initiative-content {
    width:70%;
    padding:20px;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
}
.dpz2025-post-content {
    width: 90%;
    padding: 5%;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
}
.dpz2025-award-content h2,
.dpz2025-book-content h2,
.dpz2025-tool-content h2,
.dpz2025-initiative-content h2,
.dpz2025-media-content h2,
.dpz2025-post-content h2 {
    padding-top: 0;
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight:400;
    margin-bottom:5px;
}
.dpz2025-award-by,
.dpz2025-award-year,
.dpz2025-award-for,
.dpz2025-author,
.dpz2025-publisher,
.dpz2025-intro,
.dpz2025-quote,
.dpz2025-year,
.dpz2025-outlet {
    display:block;
}

/*******************************/
/* SINGLE / PULSE              */
/*******************************/

/* hide social icons that appear below masthead page */
.dpz-pulse-masthead #crestashareiconincontent {
    display:none ! important;
}

#pulse_header {
	position:relative;
	width:100%;
    margin-left:auto;
    margin-right:auto;
	margin-top: var(--dpz-header-height-desktop-max);
    display:flex;
    height:30vh;
    background-color:#000000;
    color:#ffffff;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/wp-content/uploads/2021/02/DPZ_Pulse_header_v2.jpg);
}
/* this is used only when a Pulse Masthead page has not been assigned */
.pulse-masthead {
    font-size:54px; /* TO DO - make this dynamic */
    text-transform:uppercase;
    font-family:var(--dpz-sans-font);
}
.pulse-sub-masthead {
    font-family:var(--dpz-sans-font);
    font-size:24px;
}
/* end pulse masthead */
.single .dpz2025-newsletter article a,
.single .dpz2025-newsletter article a:visited,
.single .dpz2025-newsletter article a:focus,
.single .dpz2025-newsletter article a:active,
.single .dpz2025-article article a,
.single .dpz2025-article article a:visited,
.single .dpz2025-article article a:focus,
.single .dpz2025-article article a:active {
    color:var(--dpz-pink);
}
.single .dpz2025-article article h1.entry-title {
    font-size: 28px ! important;
    line-height: 1.5 ! important;
    margin-bottom: 30px ! important;
    margin-top: 30px ! important;
    font-weight: 400;
    color: #333333;
    font-family: Oswald, Arial, Helvetica, sans-serif;
}
.single main#primary {
	position:relative;
	width:70%;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-direction:row;
    column-gap:30px;
    font-weight:300;
}
.single article {
    width:75%;
}
.single .dpz2025-newsletter article,
.single .dpz2025-article article {
    width:63%;
}
.single .dpz2025-article .post-thumbnail {
    margin-top:30px;
}
.post-thumbnail + .entry-content {
    margin-top:30px;
}
.single .dpz2025-newsletter article .post-thumbnail,
.single .dpz2025-newsletter article .entry-content {
    max-width:564px;
    margin-left:auto;
    margin-right:auto;
}
body.single .dpz2025-newsletter article p,
body.single .dpz2025-article article p,
body.single .dpz2025-newsletter article ul,
body.single .dpz2025-article article ul,
body.single .dpz2025-newsletter article li,
body.single .dpz2025-article article li,
p.dpz-caption,
p.is-style-dpz-caption,
p.dpz-converted-p {
    font-family: helvetica, arial, verdana, sans-serif ! important;
}
p.dpz-converted-p,
body.single .dpz2025-newsletter article ul,
body.single .dpz2025-article article ul,
body.single .dpz2025-newsletter article li,
body.single .dpz2025-article article li {
    font-size:16px;
    margin-bottom:24px;
    line-height: 1.5;
}
.dpz2025-newsletter article .dpz-1_2 p,
.dpz2025-newsletter article .dpz-1_2 p.dpz-converted-p {
    color: #202020;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 24px;
    margin-top:0;
}
.single img {
    max-width:100%;
    height:auto;
}
.single h1.entry-title {
    font-weight:400;
    font-size: var(--dpz-h3-size-desktop);
}
.single .dpz-default-title {
    display:none; /* this might be a temporary meeasure; see single.php */
}
.single .dpz-default-p {
    font-weight:300;
}
.single .dpz-default-p + .dpz-default-image-w-caption,
.single .dpz-default-p + .single .dpz-template-image {
    margin-top:40px;
}
.single .dpz-default-image-w-caption figcaption {
    text-align:center;
}
.single .dpz-default-image-w-caption,
.single .dpz-template-image {
    margin-bottom:40px;
}
.single .dpz-default-h2,
.single main#primary h2 {
    margin-top:0;
    margin-bottom:36px;
    font-size: var(--dpz-h3-size-desktop);
    font-weight:200;
}
.single .dpz2025-newsletter article .dpz-caption,
.single .dpz2025-newsletter article .is-style-dpz-caption,
.single .dpz2025-article article .dpz-caption,
.single .dpz2025-article article .is-style-dpz-caption {
    font-style: italic;
    font-size: 12px ! important;
    letter-spacing: normal;
    margin-bottom: 20px;
    margin-top:-30px; /* if this causes problems elsewhere, maybe use this instead: .post-thumbnail + .entry-content > .dpz-caption */
}
.single main#primary h2 {
    line-height: 1.1 ! important;
    margin-top:10px;
    margin-bottom:20px;
    font-family: helvetica, arial, verdana, sans-serif;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 24px ! important;
}
.single main#primary h2.is-style-dpz-pulse-section-sub,
h2.is-style-dpz-pulse-section-sub {
    text-align: center;
}
.single main#primary h3.is-style-dpz-pulse-column-sub,
h3.is-style-dpz-pulse-column-sub {
    text-align: left;
    line-height: 1.1 ! important;
    margin-top:0;
    margin-bottom:10px;
    font-family: helvetica, arial, verdana, sans-serif;
    letter-spacing: normal;
    font-weight: 600;
    font-size: 24px ! important;
}
.single #secondary {
    min-width:300px;
    width:25%;
    padding-top:60px;
}
.single main#primary #secondary h2 {
    border-bottom: 1px solid #d2d2d2 !important;
    margin-bottom:8px;
}
.single #secondary .widget_text p {
    margin-top:0;
    font-size:14px;
    line-height:1.2;
}
.single #secondary .widget_recent_entries ul {
    font-size:14px;
    list-style: none;
    margin: 0 0 0 12px;
    padding: 0;
}
.single #secondary .widget_recent_entries ul li {
    order: none;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px ! important;
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    line-height: 1.75 ! important;
}
.single #secondary .widget_recent_entries ul li a {
    color: #e10098;
    display: inline;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
    text-decoration: none;
}
.single #secondary .widget_recent_entries ul li a:before {
    position: absolute;
    font-family: awb-icons;
    content: ">";
    margin-left: -12px;
    transition-property: color, background-color, border-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.is-style-dpz-pulse-separator {
    border-color: #e0dede;
    border-top-width: 1px;
    margin-bottom: 20px;
}
.entry-footer {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
    padding: 5px 0;
    border-top: 1px solid #e7e6e6;
    border-bottom: 1px solid #e7e6e6;
    margin-bottom:20px;
    line-height:20px;
    letter-spacing:0.5px;
}
.entry-footer a,
.entry-footer a:visited,
.entry-footer a:active,
.entry-footer a:focus {
    color: var(--dpz-pink);
}
.entry-footer a:hover {
    color: #bfbfbf;
}

/*******************************/
/* GENERAL DPZ BLOCKS          */
/*******************************/
/* Full height = vh - header height; Almost full height = vh - header height & footer height */
.dpz-block-full-height {
    height: var(--dpz-blk-full-ht-desktop);
}
.dpz-block-almost-full-height{
    height: var(--dpz-blk-almost-full-ht-desktop);
}
.admin-bar .dpz-block-full-height {
    height: var(--dpz-blk-full-ht-admin-desktop);
}
.admin-bar .dpz-block-almost-full-height {
    height: var(--dpz-blk-almost-full-ht-admin-desktop);
}
.dpz-flex-column-block-content {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
}
.dpz-flex-row-block-content {
    width:100%;
    height:100%;
    display:flex;
    align-items:stretch ! important;
}

/*******************************/
/* SECTION WIDTHS              */
/*******************************/
/* keep this section below styles for elements with default widths that may get over-written by custom settings */

.dpz-content-width-90p { width:90%; }
.dpz-content-width-85p { width:85%; }
.dpz-content-width-80p { width:80%; }
.dpz-content-width-75p { width:75%; }
.dpz-content-width-70p { width:70%; }
.dpz-content-width-66p { width:66%; }
.dpz-content-width-65p { width:65%; }
.dpz-content-width-60p { width:60%; }
.dpz-content-width-55p { width:55%; }
.dpz-content-width-50p { width:50%; }
.dpz-content-width-45p { width:45%; }
.dpz-content-width-40p { width:40%; }
.dpz-content-width-35p { width:35%; }
.dpz-content-width-33p { width:33%; }
.dpz-content-width-30p { width:30%; }
.dpz-content-width-25p { width:25%; }
.dpz-content-width-20p { width:20%; }
.dpz-content-width-15p { width:15%; }
.dpz-content-width-10p { width:10%; }

/***************************************/
/* OLD SITE STYLES: LIBRARY SHORTCODE  */
/***************************************/

.split_page-post_list-item {
    display: flex;
    flex-direction:row;
    width: 100%;
    margin-bottom: 20px;
    padding: 0px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none;
}
.split_page-post_list-image {
    width: 20%;
    aspect-ratio: 3 / 4;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.split_page-post_list-content {
    padding: 10px 20px;
    width: 80%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dpz_old_library h2,
.split_page-post_list-content h2,
.dpz_old_library h3,
.split_page-post_list-content h3 {
    letter-spacing:1px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0;
    padding-right:20px;
}
a.dpz_old_library {
    color: var(--dpz-med-gray);
    text-decoration:none;
}
.split_page-post_list-content p {
    text-align:left ! important;
}
.split_page-post_list-item p {
    color: var(--dpz-med-gray);
    font-size: 12px !important;
    line-height: 17px !important;
    margin: 0 !important;
    padding-right:20px;
}
a.dpz_old_library .split_page-post_list-item p {
    color: var(--dpz-pink);
}
/* tina added a > 4/10/23 so that hover effect only takes place on items that link to something */
a.dpz_old_library > .split_page-post_list-item:hover {
   box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
}
@media only screen and (max-height: 800px) {/* fit shorter tablet & mobile screens*/
   .split_page-post_list-image {width:120px; height:140px;}
   .split_page-post_list-content {padding: 12px 12px 0px 12px;height:140px;}
   .split_page-post_list-content > p {
      font-size:10px!important;
      line-height:14px!important;
   }
   .split_page-post_list-content > h2 {
      font-size:14px!important;
      line-height:18px!important;
      margin-bottom:12px!important;
   }
}
@media only screen and (max-height: 700px) {/* fit shorter tablet & mobile screens*/
   .split_page-post_list-image {width:100px; height:120px;}
   .split_page-post_list-content {padding: 12px 12px 0px 12px;height:120px;}
}

/***************************************/
/* OLD SITE STYLES: TEAM SHORTCODE     */
/***************************************/

/* #### Section Type : Half_page Team Member cards, left side */
.team_container{
   height: 100vh;
   /*margin:0px 0px 20px 0px;*/
   display:flex;
   flex-wrap:wrap;
   align-content:flex-start;
   align-items:flex-start;
   gap:4px;
}
@media only screen and (max-width: 900px) {
   .team_container{
      height: calc(100vh - 80px);
   }
}
.team_image{
   overflow:hidden; float:left;
   background-position:center center;
   background-size:cover;
   background-repeat:no-repeat;
}
.team_image:hover{
   border:none;
   transform: scale(1.01);
   transition: all .2s;
   background-color:rgba(45,45,45,0.5);
   background-blend-mode:multiply;
}
.team_3x2 {
    width:calc(33.33% - 3px);
    height:calc(50% - 2px);
}
.team_4x2 {
    width:calc(25% - 3px);
    height:calc(50% - 2px);
}
.team_4x3 {
    width:calc(25% - 3px);
    height:calc(33.33% - 2px);
}
.team_5x3 {
    width:calc(20% - 4px);
    height:calc(33.33% - 3px);
}
.team_5x4 {
    width:calc(20% - 4px);
    height:calc(25% - 4px);
}
.team_5x5 {
    width:calc(20% - 4px);
    height:calc(20% - 4px);
}
.team_info{
   display:none;
   color:#fff;
   position:absolute;
   bottom:0;
   padding:0px 10px 0px 10px;
}
.team_info > h2 {
   color:#fff!important;
   line-height:20px!important;
   font-size:18px!important;
   font-weight:400!important;
   margin-bottom:5px!important;
}
.team_info > h3 {
   color:#fff!important;
   line-height:18px!important;
   font-size:16px!important;
   font-weight:200!important;
   margin-top:0px!important;
}
.team_image:hover .team_info{display:block;}
.team_bio{display:none;}

/***************************************/
/* OLD SITE STYLES: MISC.              */
/***************************************/

a.contact-social {
    width: 42px;
    height: 30px;
    display: inline-block;
    padding: 0 6px;
}


/*******************************/
/* ADMIN BAR ADJUSTMENTS       */
/*******************************/

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

/*******************************/
/* RESPONSIVE SETTINGS         */
/*******************************/

.dpz-mobile-only { display:none; }
.dpz-tablet-only { display:none; }
.dpz-desktop-only { display:flex; }

/*******************************/
/* MAX BREAK                   */
/*******************************/
@media only screen and (max-width: 3000px) {
    body { font-size: var(--dpz-body-font-size-desktop-xxl); }
    h1 { font-size: var(--dpz-h1-size-desktop-xxl); }
    h2 { font-size: var(--dpz-h2-size-desktop-xxl); }
    h3 { font-size: var(--dpz-h3-size-desktop-xxl); }
    h4 { font-size: var(--dpz-h4-size-desktop-xxl); }
    h5 { font-size: var(--dpz-h5-size-desktop-xxl); }
    h6 { font-size: var(--dpz-h6-size-desktop-xxl); }
    header#dpz_header { height: var(--dpz-header-height-desktop-xxl); }
    footer { font-size: var(--dpz-footer-font-size-desktop-xxl); }
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-desktop-xxl); }
    #main_content { margin-top: var(--dpz-header-height-desktop-xxl); }
    .dpz-block-full-height { height: var(--dpz-blk-full-ht-desktop-xxl); }
    .dpz-block-almost-full-height{ height: var(--dpz-blk-almost-full-ht-desktop-xxl); }
    .admin-bar .dpz-block-full-height { height: var(--dpz-blk-full-ht-admin-desktop-xxl); }
    .admin-bar .dpz-block-almost-full-height{ height: var(--dpz-blk-almost-full-ht-admin-desktop-xxl); }
}


/*******************************/
/* EXTRA LARGE BREAK           */
/*******************************/
@media only screen and (max-width: 2000px) {
    body { font-size: var(--dpz-body-font-size-desktop-xl); }
    h1 { font-size: var(--dpz-h1-size-desktop-xl); }
    h2 { font-size: var(--dpz-h2-size-desktop-xl); }
    h3 { font-size: var(--dpz-h3-size-desktop-xl); }
    h4 { font-size: var(--dpz-h4-size-desktop-xl); }
    h5 { font-size: var(--dpz-h5-size-desktop-xl); }
    h6 { font-size: var(--dpz-h6-size-desktop-xl); }
    header#dpz_header { height: var(--dpz-header-height-desktop-xl); }
    footer { font-size: var(--dpz-footer-font-size-desktop-xl); }
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-desktop-xl); }
    #main_content { margin-top: var(--dpz-header-height-desktop-xl); }
    .dpz-block-full-height { min-height: var(--dpz-blk-full-ht-desktop-xl); }
    .dpz-block-almost-full-height{ min-height: var(--dpz-blk-almost-full-ht-desktop-xl); }
    .admin-bar .dpz-block-full-height { min-height: var(--dpz-blk-full-ht-admin-desktop-xl); }
    .admin-bar .dpz-block-almost-full-height{ min-height: var(--dpz-blk-almost-full-ht-admin-desktop-xl); }
}
/*******************************/
/* LARGE BREAK                 */
/*******************************/
@media only screen and (max-width: 1600px) {
    body { font-size: var(--dpz-body-font-size-desktop-l); }
    h1 { font-size: var(--dpz-h1-size-desktop-l); }
    h2 { font-size: var(--dpz-h2-size-desktop-l); }
    h3 { font-size: var(--dpz-h3-size-desktop-l); }
    h4 { font-size: var(--dpz-h4-size-desktop-l); }
    h5 { font-size: var(--dpz-h5-size-desktop-l); }
    h6 { font-size: var(--dpz-h6-size-desktop-l); }
    header#dpz_header { height: var(--dpz-header-height-desktop-l); }
    footer { font-size: var(--dpz-footer-font-size-desktop-l); }
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-desktop-l); }
    #main_content { margin-top: var(--dpz-header-height-desktop-l); }
    .dpz-block-full-height { 
        height: var(--dpz-blk-full-ht-desktop-l); 
    }
    .dpz-block-almost-full-height { 
        height: var(--dpz-blk-almost-full-ht-desktop-l); 
    }
    .admin-bar .dpz-block-full-height { 
        height: var(--dpz-blk-full-ht-admin-desktop-l); 
    }
    .admin-bar .dpz-block-almost-full-height { 
        height: var(--dpz-blk-almost-full-ht-admin-desktop-l); 
    }


}
/*******************************/
/* AVERAGE BREAK               */
/*******************************/
@media only screen and (max-width: 1200px) {
    body { font-size: var(--dpz-body-font-size-desktop); }
    h1 { font-size: var(--dpz-h1-size-desktop); }
    h2 { font-size: var(--dpz-h2-size-desktop); }
    h3 { font-size: var(--dpz-h3-size-desktop); }
    h4 { font-size: var(--dpz-h4-size-desktop); }
    h5 { font-size: var(--dpz-h5-size-desktop); }
    h6 { font-size: var(--dpz-h6-size-desktop); }
    header#dpz_header { height: var(--dpz-header-height-desktop); }
    footer { font-size: var(--dpz-footer-font-size-desktop); }
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-desktop); }
    #main_content { margin-top: var(--dpz-header-height-desktop); }
    .dpz-block-full-height { height: var(--dpz-blk-full-ht-desktop); }
    .dpz-block-almost-full-height{ height: var(--dpz-blk-almost-full-ht-desktop); }
    .admin-bar .dpz-block-full-height { height: var(--dpz-blk-full-ht-admin-desktop); }
    .admin-bar .dpz-block-almost-full-height{ height: var(--dpz-blk-almost-full-ht-admin-desktop); }
}
/*******************************/
/* TABLET BREAK                */
/*******************************/
@media only screen and (max-width: 980px) {

    .dpz-desktop-only { display:none; }
    .dpz-tablet-only { display:flex; }
    body { font-size: var(--dpz-body-font-size-tablet); }
    h1 { font-size: var(--dpz-h1-size-tablet); }
    h2 { font-size: var(--dpz-h2-size-tablet); }
    h3 { font-size: var(--dpz-h3-size-tablet); }
    h4 { font-size: var(--dpz-h4-size-tablet); }
    h5 { font-size: var(--dpz-h5-size-tablet); }
    h6 { font-size: var(--dpz-h6-size-tablet); }
    header#dpz_header { height: var(--dpz-header-height-tablet); }
    footer { font-size: var(--dpz-footer-font-size-tablet); }
    #main_content { margin-top: var(--dpz-header-height-tablet); }

    /* Mobile Menu */
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-tablet); }
    #dpz_main_search_icon { 
        width: 20px;
        height: 20px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }
    #dpz_main_search_form { right:140px; }
    #dpz_main_search_form input[type=search] { height:32px; }    
    .dpz-mobile-block {
        display:block;
    }
    .dpz-mobile-flex {
        display:flex;
    }
    .dpz-mobile-inline-block {
        display:inline-block;
    }
    .dpz-mobile-inlne-flex {
        display:inline-flex;
    }
    #dpz_hamburger_icon {
        width: 30px;
        height: 18px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        box-sizing: content-box;
        line-height:1;
        transition-property: color, background-color, border-color;
        transition-duration: .2s;
        transition-timing-function: linear;
        margin-right:15px;
    }
    #dpz_hamburger_icon div {
        background-color:#000000;
        height:2px;
        width:30px;
        opacity: 1;
        transform: rotate(0);
        transition: .25s ease-in-out;
    }
    #dpz_hamburger_icon div:first-child {
        top: 0px;
        transform-origin: left top;
        margin-top:0;
    }
    #dpz_hamburger_icon div:nth-child(3) {
        transform-origin: left bottom;
    }
    #dpz_hamburger_icon.open div:nth-child(1) {
        background-color: var(--dpz-pink);
        transform: rotate(45deg);
        margin-top:-5px;
    }
    #dpz_hamburger_icon.open div:nth-child(2) {
        width:0;
        opacity:0;
    }
    #dpz_hamburger_icon.open div:nth-child(3) {
        background-color: var(--dpz-pink);
        transform: rotate(-45deg);
    }
    #dpz_hamburger_icon.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    nav.main-menu-nav {
        display:none;
        position: absolute;
        width: 100vw;
        max-width: 100%;
        height: 100vh;
        background-color: rgba(256,256,256,0.95);
        left: 0;
        top: 0;
    }
    ul#main_menu {
        flex-direction:column;
        height: 100%;
        justify-content: flex-start;
        margin-top: 60px;
        row-gap: 30px;
        align-items: center;
    }
    /* SOMEDAY TO DO - add column changes for tablet */
    .dpz-block-full-height { 
        min-height: var(--dpz-blk-full-ht-tablet); 
    }
    .dpz-block-almost-full-height { 
        min-height: var(--dpz-blk-almost-full-ht-tablet); 
    }
    .admin-bar .dpz-block-full-height { 
        min-height: var(--dpz-blk-full-ht-admin-tablet); 
    }
    .admin-bar .dpz-block-almost-full-height { 
        min-height: var(--dpz-blk-almost-full-ht-admin-tablet); 
    }
    .dpz-content-width-90p,
    .dpz-content-width-85p,
    .dpz-content-width-80p { 
        width:90%;
    }
    .dpz-content-width-75p,
    .dpz-content-width-70p,
    .dpz-content-width-66p,
    .dpz-content-width-65p { 
        width:80%;
    }
    .dpz-content-width-60p,
    .dpz-content-width-55p,
    .dpz-content-width-50p,
    .dpz-content-width-45p,
    .dpz-content-width-40p,
    .dpz-content-width-35p,
    .dpz-content-width-33p { 
        width:70%;
    }
    .dpz-content-width-30p,
    .dpz-content-width-25p,
    .dpz-content-width-20p,
    .dpz-content-width-15p,
    .dpz-content-width-10p { 
        width:50%;
    }

    /* project cards */
    .dpz-projects-grid .project-cell.card {
        width:32%;
    }
}
/*******************************/
/* MOBILE BREAK                */
/*******************************/
@media only screen and (max-width: 767px) {
    .admin-bar header#dpz_header { top: 46px; }
    .dpz-tablet-only { display:none; }
    .dpz-mobile-only { display:flex; }
    header#dpz_header { height: var(--dpz-header-height-mobile); }
    footer { font-size: var(--dpz-footer-font-size-mobile); }
    #main_content { margin-top: var(--dpz-header-height-mobile); }
    body { font-size: var(--dpz-body-font-size-mobile); }
    h1 { font-size: var(--dpz-h1-size-mobile); }
    h2 { font-size: var(--dpz-h2-size-mobile); }
    h3 { font-size: var(--dpz-h3-size-mobile); }
    h4 { font-size: var(--dpz-h4-size-mobile); }
    h5 { font-size: var(--dpz-h5-size-mobile); }
    h6 { font-size: var(--dpz-h6-size-mobile); }
    nav.main-menu-nav { font-size: var(--dpz-menu-font-size-mobile); }
    #dpz_main_search_form { width: 30vw; max-width: 200px; }
    #dpz_footer > div:not(.dpz-1-column),
    .dpz-2-columns-50-50,
    .dpz-3-columns-25-50-25,
    .dpz-3-columns-25-25-50,
    .dpz-3-columns-50-25-25,
    .dpz-2-columns-40-60,
    .dpz-2-columns-60-40,
    .dpz-3-columns-30-40-30,
    .dpz-3-columns-30-30-40,
    .dpz-4-columns-20-20-20-40,
    .dpz-4-columns-40-20-20-20,
    .dpz-2-columns-40-60,
    .dpz-2-columns-60-40,
    .dpz-3-columns-20-60-20,
    .dpz-3-columns-20-20-60,
    .dpz-3-columns-60-20-20,
    .dpz-2-columns-33-66,
    .dpz-2-columns-66-33,
    .dpz-3-columns-33-33-33,
    .dpz-2-columns-33-66,
    .dpz-2-columns-66-33,
    .dpz-2-columns-25-75,
    .dpz-2-columns-75-25,
    .dpz-3-columns-25-50-25,
    .dpz-3-columns-25-50-25,
    .dpz-3-columns-25-25-50,
    .dpz-3-columns-25-25-50,
    .dpz-3-columns-50-25-25,
    .dpz-3-columns-50-25-25,
    .dpz-4-columns-25-25-25-25,
    .dpz-2-columns-25-75,
    .dpz-2-columns-75-25,
    .dpz-2-columns-20-80,
    .dpz-2-columns-80-20,
    .dpz-3-columns-20-60-20,
    .dpz-3-columns-20-60-20,
    .dpz-3-columns-20-20-60,
    .dpz-3-columns-20-20-60,
    .dpz-3-columns-60-20-20,
    .dpz-3-columns-60-20-20,
    .dpz-4-columns-20-20-20-40,
    .dpz-4-columns-20-20-20-40,
    .dpz-4-columns-20-20-20-40,
    .dpz-4-columns-40-20-20-20,
    .dpz-2-columns-20-80,
    .dpz-2-columns-80-20,
    .dpz-3-columns-30-40-30,
    .dpz-3-columns-30-40-30,
    .dpz-3-columns-30-30-40,
    .dpz-3-columns-30-30-40 {
        flex-direction:column;
    }
    .dpz-flex-row-reverse {
        flex-direction:column-reverse;
    }
    .dpz-flex-row-block-content.dpz-flex-row-reverse,
    .is-style-dpz-button-row {
        flex-direction:column;
    }
    .dpz-2-columns-50-50 > div,
    .dpz-3-columns-25-50-25 > div + div,
    .dpz-3-columns-25-25-50 > div + div + div,
    .dpz-3-columns-50-25-25 > div,
    .dpz-2-columns-40-60 > div,
    .dpz-2-columns-60-40 > div + div,
    .dpz-3-columns-30-40-30 > div + div,
    .dpz-3-columns-30-30-40 > div + div + div,
    .dpz-4-columns-20-20-20-40 > div + div + div + div,
    .dpz-4-columns-40-20-20-20 > div,
    .dpz-2-columns-40-60 > div + div,
    .dpz-2-columns-60-40 > div,
    .dpz-3-columns-20-60-20 > div + div,
    .dpz-3-columns-20-20-60 > div + div + div,
    .dpz-3-columns-60-20-20 > div,
    .dpz-2-columns-33-66 > div,
    .dpz-2-columns-66-33 > div + div,
    .dpz-3-columns-33-33-33 > div,
    .dpz-2-columns-33-66 > div + div,
    .dpz-2-columns-66-33 > div,
    .dpz-2-columns-25-75 > div,
    .dpz-2-columns-75-25 > div + div,
    .dpz-3-columns-25-50-25 > div,
    .dpz-3-columns-25-50-25 > div + div + div,
    .dpz-3-columns-25-25-50 > div,
    .dpz-3-columns-25-25-50 > div + div,
    .dpz-3-columns-50-25-25 > div + div,
    .dpz-3-columns-50-25-25 > div + div + div,
    .dpz-4-columns-25-25-25-25 > div,
    .dpz-2-columns-25-75 > div + div,
    .dpz-2-columns-75-25 > div,
    .dpz-2-columns-20-80 > div,
    .dpz-2-columns-80-20 > div + div,
    .dpz-3-columns-20-60-20 > div,
    .dpz-3-columns-20-60-20 > div + div + div,
    .dpz-3-columns-20-20-60 > div,
    .dpz-3-columns-20-20-60 > div + div,
    .dpz-3-columns-60-20-20 > div + div,
    .dpz-3-columns-60-20-20 > div + div + div,
    .dpz-4-columns-20-20-20-40 > div,
    .dpz-4-columns-20-20-20-40 > div + div,
    .dpz-4-columns-20-20-20-40 > div + div + div,
    .dpz-4-columns-40-20-20-20 > div + div + div + div,
    .dpz-2-columns-20-80 > div + div,
    .dpz-2-columns-80-20 > div,
    .dpz-3-columns-30-40-30 > div,
    .dpz-3-columns-30-40-30 > div + div + div,
    .dpz-3-columns-30-30-40 > div,
    .dpz-3-columns-30-30-40 > div + div {
        width:100%;
    }
    /* TO DO - adjust these for specific blocks */
    .dpz-block-full-height { 
        min-height: var(--dpz-blk-full-ht-mobile); 
    }
    .dpz-block-almost-full-height { 
        min-height: var(--dpz-blk-almost-full-ht-mobile); 
    }
    .admin-bar .dpz-block-full-height { 
        min-height: var(--dpz-blk-full-ht-admin-mobile); 
    }
    .admin-bar .dpz-block-almost-full-height { 
        min-height: var(--dpz-blk-almost-full-ht-admin-mobile); 
    }
    .dpz-content-width-90p,
    .dpz-content-width-85p,
    .dpz-content-width-80p,
    .dpz-content-width-75p,
    .dpz-content-width-70p,
    .dpz-content-width-66p,
    .dpz-content-width-65p,
    .dpz-content-width-60p,
    .dpz-content-width-55p,
    .dpz-content-width-50p { 
        width:94%;
    }
    .dpz-content-width-90p,
    .dpz-content-width-85p,
    .dpz-content-width-80p,
    .dpz-content-width-75p,
    .dpz-content-width-70p,
    .dpz-content-width-66p,
    .dpz-content-width-65p,
    .dpz-content-width-60p,
    .dpz-content-width-55p,
    .dpz-content-width-50p,
    .dpz-content-width-45p,
    .dpz-content-width-40p,
    .dpz-content-width-35p,
    .dpz-content-width-33p,
    .dpz-content-width-30p,
    .dpz-content-width-25p,
    .dpz-content-width-20p,
    .dpz-content-width-15p,
    .dpz-content-width-10p { 
        width:90%;
    }
    /* project cards */
    .dpz-projects-grid .project-cell.card {
        width:48%;
    }
}
@media only screen and (max-width: 600px) {
    #wpadminbar {
        position:fixed;
    }
}
@media only screen and (max-width: 500px) {
    .dpz-flex-row {
        flex-direction: column;
    }
    /* project cards */
    .dpz-projects-grid .project-cell.card {
        width:100%;
    }
}

/**********************************/
/* KEEP AT THE BOTTOM OF THE FILE */
/**********************************/
/* these items will get overwritten if not placed last */
.dpz-hide {
    display:none;
}