/*
Theme Name: DPZ
Theme URI: https://dpz.com/
Template: Avada
Author: DPZ
Description: DPZ theme built upon the Avada theme.
Version: 1.0.1634
Updated: 2020-09-18 21:42:02

*/

/* ################### MENUS ################### */
/* #### Main Menu */
.fusion-main-menu > ul > li > a {text-transform:uppercase;}
.fusion-is-sticky .fusion-header-v1 .fusion-sticky-shadow, .fusion-is-sticky .fusion-header-v2 .fusion-sticky-shadow, .fusion-is-sticky .fusion-header-v3 .fusion-sticky-shadow, .fusion-is-sticky .fusion-header-v6 .fusion-sticky-shadow, .fusion-is-sticky .fusion-header-v7 .fusion-sticky-shadow {box-shadow:none;}
/* #### Main Menu : Mobile */
.fusion-header-has-flyout-menu .fusion-flyout-menu-bg {background-color:#000;}
.fusion-mobile-nav-holder .fusion-flyout-menu .fusion-flyout-mobile-menu {
    margin-top:0;
}
.fusion-mobile-nav-item {
    text-transform:uppercase;
    margin-bottom:20px;
}
.fusion-mobile-nav-item a {
    color:#333!important;
}
/* #### Dropdown Menus */
.sub-menu {margin-top:-20px!important;}
a.fusion-arrow-highlight {padding-left:5px!important;}
a.fusion-arrow-highlight:hover {color:#e10098!important;}
/* ### Main Menu Search */
.fusion-main-menu-search-open .fusion-custom-menu-item-contents {
   position: fixed;
    top: 16px;
    right: 40px;
    padding: 5px!important;
}
.fusion-search-submit{
   display:none!important;
}
.fusion-search-field > input[name="s"] {
   border-right: 1px solid #d2d2d2!important;
}

/* ################### SECTION TEMPLATES ################### */
/* #### Sections : General */
.first_section_container {
   height: calc(100vh - 63px);
    height: -o-calc(100vh - 63px); /* opera */
    height: -webkit-calc(100vh - 63px); /* google, safari */
    height: -moz-calc(100vh - 63px); /* firefox */
}
.hundred-percent-height {
    height: calc(100vh - 63px);
    height: -o-calc(100vh - 63px); /* opera */
    height: -webkit-calc(100vh - 63px); /* google, safari */
    height: -moz-calc(100vh - 63px); /* firefox */
}/* correct 100% for menu height 53px and fixed footer 10px */
.width-100 .fullwidth-box, .width-100 .fusion-fullwidth, .width-100 .nonhundred-percent-fullwidth {
    margin-left: 0px;
    margin-right: 0px;
}/* correct for theme margin */
.height_full { /* set containers without enough content to the right height */
    height: calc(100vh - 63px);
    height: -o-calc(100vh - 63px); /* opera */
    height: -webkit-calc(100vh - 63px); /* google, safari */
    height: -moz-calc(100vh - 63px); /* firefox */
}
#footer { position: fixed; top: calc(100vh - 10px); width: 100%;}/* using footer for a bottom padding bar */
@media only screen and (max-width: 900px) {/*mobile page columns wrapper*/
    .fusion-layout-column {
        /*height:calc(100vh - 70px)!important;/*text sections*/
        margin-bottom:20px!important;/*team photos were not getting a bottom margin, so overriding*/
    }
}
.fusion-footer, .fusion-footer a {font-size:13px;}

/* Footer subscription sign-up */
div.hustle-layout-content {display:none!important;}
form.hustle-layout-form {
   padding: 0px!important;
   margin-right: 60px!important;
   margin-left: 16px!important;
}
#hustle-field-email-module-2 {
   height:38px!important;
}
.hustle-button-submit {
   width:200px!important;
   margin-left:5px!important;
}
button.hustle-button {
   border-color: #e10098!important;
   border-width: 1px!important;
   border-radius: 5px!important;
   background-color:#fff!important;
   margin-top: 8px;
   margin-bottom: 10px;
   margin-right: 10px;
   box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4)!important;
   transition: all 0.45s cubic-bezier(0.65, 0.05, 0.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;
}
button.hustle-button:hover {
   box-shadow:none!important;
   border-color:#fff!important;
   transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}

/* #### Section Type : Introduction */
#home_logo_section > .fusion-fullwidth {background-position:calc(50% - 10px) 50%!important;}
#intro-title h2 {color:#fff;}
.parallax-inner {/* make the parallax image fade darker */
    background-color:rgba(45, 45, 45, 0.5);
    background-blend-mode:multiply;
}
@media only screen and (max-width: 900px) {/*parallax on mobile*/
    .bg-parallax-parent {
        height:calc(100vh - 70px)!important;/*parallax box*/
    }
    .fusion-fullwidth-center-content {
        height:100%!important;
    }
}
.intro-content-center {text-align:center;align-self:center;}/*center the row of buttons (all content) in the intro text box*//*safari fix for align-items when it is align-content in chrome and avada by default*/
.cover_feature_container_previous {height:200px!important;}
.cover_feature_container {border-radius: 5px 5px 5px 5px;border:1px solid #e10098;background-color:rgba(0,0,0,0.4);height:200px;overflow:hidden;}
.cover_feature_container > p > img {margin-right:10px;height:200px;width:auto;max-width:1000px;}
.cover_feature_container > h3 {text-align:left;color:#fff!important;margin-top:-15px;margin-bottom:5px;margin-right:5px;}
.cover_feature_container > p {text-align:left;color:#fff;line-height:1.6!important;margin-right:5px;}
#home_container > div.fusion-column-wrapper {height:auto!important;min-height:calc(100vh)!important;}
@media only screen and (max-width: 1000px) {/*text size on mobile / tablet*/
   .cover_feature_container > p {font-size:70%!important;}
   .cover_feature_container > h3 {font-size:90%!important;}
}
#home_container {color:#fff!important;}

/* #### Section Type : Half_page */
.half_page_img .fusion-column-wrapper { /* fill the left container with the image */
    width: auto;
   height: calc(100vh - 63px)!important;
   height: -o-calc(100vh - 63px)!important; /* opera */
   height: -webkit-calc(100vh - 63px)!important; /* google, safari */
   height: -moz-calc(100vh - 63px)!important; /* firefox */
   background-size: cover;
}
@media only screen and (max-width: 900px) {/*text padding on mobile*/
    .fusion-column-wrapper {
        padding:30px 30px 20px 30px!important;
    }
}
@media only screen and (max-height: 900px) {/*text size on tablet / mobile*/
   .post-content p {
      font-size:12px;
      line-height:20px;
   }
   .post-content h2, #wrapper .post-content h2 {
      font-size:48px;
      margin-bottom:36px;
   }
}
@media only screen and (max-height: 700px) {/*title size on small screens */
   .post-content h2, #wrapper .post-content h2 {
      font-size:42px;
      margin-bottom:30px;
   }
}

/* #### Section Type : Half_page Post List - Avada setup */
.fusion-blog-layout-grid .post .flexslider {/* set image height */
    width:140px; height:140px; overflow:hidden; float:left;
}
.fusion-blog-layout-grid .fusion-post-grid {
    width:100%;margin-bottom:10px;}/* widen and space boxes */
.fusion-blog-layout-grid .post .fusion-post-wrapper {/* style the box */
    padding: 0px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none!important;
}
.fusion-post-wrapper:hover {
   box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4)!important;
}
.fusion-blog-layout-grid .fusion-post-content-wrapper, .fusion-blog-layout-timeline .fusion-post-content-wrapper {
    padding:30px 15px 20px 20px; float:left;
    max-width:70%;
}/* pad the text box and align it */
.fusion-blog-layout-grid .fusion-post-content-wrapper, .fusion-blog-layout-timeline .fusion-post-content-wrapper > p {
    font-size:12px; letter-spacing:1px;
}/* adjust the text */
@media only screen and (min-width: 900px) and (max-width: 1030px) {/* blog items on mobile */
    .fusion-blog-layout-grid .post .flexslider {/* set image height */
        width:100px; height:100%;
    }
    .fusion-blog-layout-grid .fusion-post-content-wrapper, .fusion-blog-layout-timeline .fusion-post-content-wrapper {
        max-width:180px;
        padding-top:15px;
    }
}
/* #### Section Type : Half_page Post List Shortcode generated */
.split_page-post_list-item {
   display:flex;
   flex-wrap:nowrap;
   width:100%;
   margin-bottom:20px;
   padding: 0px;
   box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
   border: none;
}

/* tina added a > 4/10/23 so that hover effect only takes place on items that link to something */
a > .split_page-post_list-item:hover {
   box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
}
.split_page-post_list-image {
   width:140px; height:160px; overflow:hidden; float:left;
   background-position:center center;
   background-size:cover;
   background-repeat:no-repeat;
   }
.split_page-post_list-content {
   padding:20px 15px 0px 20px; float:left;
   max-width:70%;
   height:160px;overflow:hidden;
}
.split_page-post_list-content > h2 {
   font-size:17px!important;
   line-height:20px!important;
   font-weight:400!important;
   margin-bottom:15px!important;
}
.split_page-post_list-content > p {
   font-size:12px!important;
   line-height:17px!important;
   margin:0!important;
}
@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;}
}

/* #### Section Type : Half_page Team Member cards, left side */
.team_container{
   height: calc(100vh - 70px);
   /*margin:0px 0px 20px 0px;*/
   display:flex;
   flex-wrap:wrap;
   align-content:flex-start;
   align-items:flex-start;
}
@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;
   border:2px solid #fff;
}
.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(100% / 3);height:calc(100% / 2);}
.team_4x2 {width:calc(100% / 4);height:calc(100% / 2);}
.team_4x3 {width:calc(100% / 4);height:calc(100% / 3);}
.team_5x3 {width:calc(100% / 5);height:calc(100% / 3);}
.team_5x4 {width:calc(100% / 5);height:calc(100% / 4);}
.team_5x5 {width:calc(100% / 5);height:calc(100% / 5);}
.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;}

/* #### Section Type : Full_page project card list */
.project_list .horizontal_list {
   width:calc(100vw - 20px);
}
.project_list .vertical_list {}
.horizontal_list_title {
   width:65px;
   color:#fff;
   background-color:#000;
   float:left;
   box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
   border: none;
}
.project_list_items_container {
   display:flex;
   flex-wrap:nowrap;
   overflow-x:scroll;
   align-content:flex-start;
   padding-left:5px;
   color:#000;
}
.project_list_item {
   padding: 0px;
   margin-right:10px;
   box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
   border: none;
   color:#000!important;
}
.project_list_item:hover {
   box-shadow: inset 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
   color:#e10098!important;
}
.project_list_item:hover .project_list_item_info > h2 {
   color:#e10098!important;
}
.project_list_item_image {
   overflow:hidden; float:left;
   background-position:center center;
   background-size:cover;
   background-repeat:no-repeat;
}
.project_list_item_info,
.related_project_list_info {
   float:left;
   width:100%;
   text-align:center;
   /* new in Sept 2022 */
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   align-content: center;
   align-items: center;
   justify-content: center;
   height: 100px;
}
.project_list_item_info > p{
    font-family:"Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 16px;
}
.project_location_icon {margin-right:5px;}
@media only screen and (min-height:800px){
   .project_list_items_container {height:324px;}
   .project_list_item {width:400px;height:300px;}
   .project_list_item_image {width:400px;height:200px;} /* height was 230 */
   .horizontal_list_title {height:300px;}
   .project_list_item_info > h2 {
      margin-top:10px!important;
      margin-bottom:5px!important;
      font-size:20px!important;
      line-height:24px!important;
      font-weight:400!important;
   }
   .horizontal_list_title > h2 {
      color:#fff!important;
      font-weight:300!important;
      transform: rotate(270deg);
      margin-top:0px!important;
      margin-bottom:0px!important;
      padding:0px!important;
      font-size:20px!important;
      line-height:24px!important;
      width:300px;
      position:relative;
      top:70px;left:-120px;
   }
}
@media only screen and (max-height:799px) {
   .project_list_items_container {height:210px;}
   .project_list_item {width:300px;height:200px;}
   .project_list_item_image {width:300px;height:140px;}
   .horizontal_list_title {height:200px;}
   .project_list_item_info > h2 {
      margin:6px 0px 4px 0px!important;
      font-size:16px!important;
      line-height:18px!important;
      font-weight:400!important;
   }
   .horizontal_list_title > h2 {
      color:#fff!important;
      font-weight:300!important;
      transform: rotate(270deg);
      margin:0px;padding:0px;
      font-size:16px!important;
      line-height:18px!important;
      width:200px;
      position:relative;
      top:80px;left:-55px;
   }
   .project_list_item_info > p {font-size: 12px;}
   .project_list_wrapper {margin-left:-30px!important;margin-right:-30px!important;}
}


/* ################### TYPOGRAPHY ################### */
/* #### Typography : Generic Adjustment Classes */
.white, .white > p, .white > h2, .white > h3 {color:#fff!important;}
.justify {text-align:justify!important;}
.center {text-align:center!important;}
.subtitled > h2 {margin-bottom:7px;}
@media only screen and (max-width: 900px) {
   h2 {margin-bottom:30px;}
}
/* #### Typography : General */
body {
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    word-wrap:normal;
}
h1, h2, h3, h4, h5 {text-transform:uppercase;}

/* ################### FUSION ELEMENTS ################### */
/* #### Common Elements : Button */
.button-large {padding:10px 10px 10px 12px;}/* standard button */
.fusion-button.button-flat { /* add shadow, the builtin 3D button type doesn't work well */
    margin-bottom:10px;margin-right:10px;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4)!important;
    transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.fusion-button.button-flat:hover {
    box-shadow: none!important;
    transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
a.fusion-button:visited {color:#000;}
.button-view-all {/* special button on blog list pages */
    margin-top:8px;
    min-width:175px!important;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4)!important;
    transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.button-view-all > a {margin-right:0px;}
.button-view-all:hover {
    box-shadow: none!important;
    transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.button-sub_category_link {
   margin-left:30px;
}
@media only screen and (max-width: 1050px) {
   .button-category_link{
      width:320px!important;
   }
}
@media only screen and (min-width: 1050px) {
   .button-category_link{
      width:400px!important;
   }
}
@media only screen and (max-width: 900px) {/*text size on tablet / mobile*/
   .fusion-button-text {font-size:12px;}
   .button-large {padding: 8px 4px 8px 8px;}
}
/* #### Common Elements : Modal */
.modal-body {
    height: calc(100vh * .8);
    overflow-y:scroll;
    }
.modal-body p {text-align:justify;}
@media only screen and (max-width: 900px) {
   .modal-body {padding: 0px 20px 60px 20px;}
}
@media only screen and (min-width: 900px) {
   .modal-body {padding: 0px 80px 60px 80px;}
}
/* #### MISC */
.multiply {background-blend-mode:multiply;}
body::-webkit-scrollbar {display:none;}/*disable overall scrollbar*/
.fusion-scroll-section-link-bullet {
    height: 12px;
    width: 12px;
}
/* Full Height Pagination To-top button */
#toTop{
    background-color:#fff;border-radius:0;
    right:calc(50% - 20px); opacity:1;
    box-shadow: 0px 3px 3px 2px rgba(0,0,0,0.2);
    width:40px;height:35px;
}
body #toTop::before{color:#e10098;font-size:30px;}
body #toTop:hover::before{color:#fff;}
/* Full Height Pagination Scrollbar */
.fusion-scroll-section.active .fusion-scroll-section-nav {
    right:10px;
}
.fusion-scroll-section-link-bullet {
    height: 14px;
    width: 14px;
    border:1px solid #e10098;
    background-color:#fff;
}
.fusion-scroll-section-link {opacity:.5;}
/*.fusion-scroll-section-link > span {background-color:#fff;}*/
.fusion-scroll-section-link.active >span , .fusion-scroll-section-link:hover > span {
    background-color:#e10098;
    box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.8);
}
.fusion-scroll-section-nav {background-color:inherit;}

/* ################### BLOG ################### */

/* Main post list page */
.wp-block-cover {width:calc(100vw - 20px)!important;}
h3.blog-cover-subtitle {font-family: Oswald, Arial, Helvetica; font-weight: 100!important; font-size:2em!important;}
#sidebar p {color:#000000;}
#sidebar .widget-title {font-family:Oswald, Arial, Helvetica, sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;letter-spacing:2px;}
#sidebar li {border:none;padding-top:0px;padding-bottom:0px;font-size:80%}
#sidebar li a, #sidebar li a:visited {color:#e10098;}
#sidebar .heading, #blog-sidebar-about .heading {width:100%;border-bottom:1px solid #d2d2d2!important;}
#sidebar .heading h4, #blog-sidebar-about h4.heading {margin-bottom:0px;}
#mc_embed_signup {background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%; margin-top:0px;}
#mc_embed_signup input.email {width:65%!important;}
#mc_embed_signup .button {background-color:#000!important;}
.post-list {margin-top:40px;padding-left:16%;width:calc(100vw * .6);margin-bottom:40px;}
.post-list .ultp-block-excerpt {color:#747474;text-align:justify;}
@media only screen and (min-width: 1000px) {
    #sidebar {position:relative;top:400px;padding-right:50px!important;width:30%!important;}
    .post-list .ultp-block-image {width:40%;float:left;margin-right:20px;}
    .post-list .ultp-block-content {float:left;width:55%;}
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    #sidebar {position:relative;top:400px;padding-right:50px!important;width:30%!important;}
    .post-list .ultp-block-image {width:100%;height:auto;float:left;}
    .post-list .ultp-block-image img {margin:auto;}
    .post-list .ultp-block-content {float:none;width:100%;}
}
@media only screen and (min-width: 500px) and (max-width: 800px) {
    .post-list {width:90vw;padding-left:0px;}
    .post-list h1.entry-title {line-height:1.2em!important;}
    .post-list .ultp-block-image {width:35%;height:auto;float:left;margin-right:20px;}
    .post-list .ultp-block-content {float:left!important;width:60%;}
    #sidebar {width:90vw;padding-left:5vw;margin-top:0px!important;}
    #content {margin-bottom:0px!important;}
    .hustle-button-submit {width: 100%!important; margin-left: 0px!important;}
}
@media only screen and (max-width: 500px) {
    .post-list {width:90vw;padding-left:0px;}
    .post-list h1.entry-title {line-height:1.2em!important;}
    .post-list .ultp-block-image {width:100%;height:auto;float:left;}
    .post-list .ultp-block-image img {margin:auto;}
    .post-list .ultp-block-content {float:none!important;width:100%;}
    #blog-sidebar-about {display:none;}
    #sidebar {width:90vw;padding-left:5vw;margin-top:0px!important;}
    #content {margin-bottom:0px!important;}
    .hustle-button-submit {width: 100%!important; margin-left: 0px!important;}
}

/* Single post page */
.wp-block-cover h2 {font-size:48px;}
#wrapper #main .post > h1.fusion-post-title {text-transform:capitalize;font-family: var(--h3_typography-font-family);color: #e10098!important;font-size:24px;letter-spacing:normal;font-weight:500;}

/* ################### CONNECT PAGE ################### */

.wpforms-field-container {}
.wpforms-field-label {
   font-family:"Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   font-weight: 100!important;
   color: #e10098;
   font-size: 1.2rem!important;
   text-transform: uppercase;
   text-align:left;
   }
.wpforms-field-sublabel {
   font-family:"Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   font-weight: 100!important;
   color: #999;
   font-size: 1rem!important;
   text-align:left;
   }
.wpforms-required-label {
   color: #e10098!important;
}
.wpforms-field-medium {
   font-family:"Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   font-weight: 200!important;
   color: #999;
   font-size: 1rem!important;
   letter-spacing: 1.5px;
}
.wpforms-submit {
   border-color: #e10098!important;
   border-width: 1px!important;
   border-radius: 5px!important;
   background-color:#fff!important;
   margin-top: 8px;
   margin-bottom: 10px;
   margin-right: 10px;
   box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4)!important;
   transition: all 0.45s cubic-bezier(0.65, 0.05, 0.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;
}
.wpforms-submit:hover {
   box-shadow:none!important;
   border-color:#fff!important;
   transition: all 0.45s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.wpforms-error {
   color: #e10098!important;
}

div.contact_address_box {
   margin-bottom: 0px!important;
}
.contact_address_box h2 {
   text-align: center;
   font-size: 30px!important;
   margin-bottom: 10px!important;
   padding-top: 5px;
}
.contact_address_box p {
   text-align: center;
   line-height: 14px;
   margin-bottom: 10px;
}

/* OLD CONNECT PAGE CONTENT
.connect_heading h1 {
   font: 48px/0.7 "Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   font-weight: 200;
   color: #e10098;
   font-size: 54px;
   margin: 20px 0 50px 0;
   text-transform: uppercase;
   text-align:center;
}
input[name="your-name"].wpcf7-text {margin-top:22px!important;}
input[name="your-subject"].wpcf7-text {margin-top:-64px!important;}
input[type="text"].wpcf7-text, input[type="email"].wpcf7-text {
   color: #000!important;
   font-size: 15px!important;
   font-weight: 400!important;
   border: 2px solid #2d2d2d!important;
   margin-right:10px!important;
   margin-bottom:20px!important;
   width: calc(50% - 15px)!important;
   padding: 20px 20px 20px 20px!important;
   outline: 0!important;
   float: left!important;
}
.wpcf7-form textarea{
   color: #000!important;
   font-size: 15px!important;
   font-weight: 400!important;
   border: 2px solid #2d2d2d!important;
   width: calc(100% - 10px)!important;
   outline: 0!important;
   margin-bottom:30px!important;
   padding: 20px 20px 20px 20px!important;
}
input[type="submit"].wpcf7-submit {
   width: 200px;
   margin-left: calc(50% - 100px);
   background-color:#e10098!important;
   color:#fff!important;
   box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.4);
}
input[type="submit"].wpcf7-submit:hover {
   background-color:#fff!important;
   color:#e10098!important;
}
.wpcf7-form .fusion-slider-loading{
   display:none!important;
}
#contact_form_overlay {
   position:fixed;
   width:100%;
   height:100%;
   z-index:100;
   background-color:rgba(255, 255, 255,0.7);
}
.contact_form_loading_icon {
   position: fixed;
   top: 50%;
   right: 30%;
}
a.fusion-social-network-icon {
   border: 2px solid #e10098!important;
   border-radius:0px!important;
   margin:20px 20px 20px 20px!important;
}
a.fusion-social-network-icon:hover {
   border: 2px solid #e10098!important;
   color:#fff!important;
   background-color:#e10098!important;
}
#social-feed-container-7412 {
   height:calc(100vh - 70px - 130px);
   overflow:scroll;
   width:100%!important;
}
#social-feed-container-7412 > .grid-item {
   padding:5px;
}
.social-feed-container-7412 .fa-twitter, .social-feed-container-7412 .fa-facebook, .social-feed-container-7412 .fa-instagram {
   margin-top:5px!important;margin-right:5px!important;
   color:#e10098!important;
}
.social_loading_icon{
   position: fixed;
   top: 30%;
   left: 20%;
}
END OLD CONNECT PAGE CONTENT */

/* ################### PROJECT PAGES (SINGLE POST) : Containers ################### */
#project_page_container {
    padding-right:10px;
}
#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;
    float:left;
}
#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 */
        height:calc(100vh - 70px);
        width:calc(50% - 5px);
        margin-right:5px;
    }
    #project_page_left.sidebar_expanded::before {
      height:calc(100vh - 70px);
      width:calc(50% - 20px);
    }
    #project_page_left.sidebar_compressed {
      height:calc(100vh - 70px);
      width:calc(100vw - 20px - 65px);
      margin-right:5px;
    }
    #project_page_left.sidebar_compressed::before {
      height:calc(100vh - 70px);
      width:calc(100vw - 20px - 65px);
    }
}
@media only screen and (max-width: 900px){
    #project_page_left {/* 100% on mobile, height minus the info bar */
        height:calc(100vh - 70px - 85px);/*height minus menu minus info bar minus extra padding*/
        width:calc(100vw - 20px);
        float:none;
    }
    #project_page_left::before {
      height:calc(100vh - 70px - 85px);
      width:calc(100vw - 20px);
    }
}
#project_left_upper {
   mix-blend-mode:screen;/* make sure the title and text show as white, not screened */
}
#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;
}
@media only screen and (min-width: 900px){
    #project_page_right.sidebar_expanded {/* 50% on desktop */
        height:calc(100vh - 70px);
        width:50%;
        padding-left:5px;
        float:right;
    }
    #project_page_right.sidebar_compressed{
      height:calc(100vh - 70px);
      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);
    }
}

/* ################### PROJECT PAGES (SINGLE POST) : Sidebar ################### */

#project_page_sidebar_control {/* the control that expands or contracts the info pane */
    background-color:#e10098;
    color:#fff;
    text-align: center;
    align-items: center;
    display: flex;
}
/* 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 PAGES (SINGLE POST) : Content ################### */

/* #### LEFT SIDE CONTENT #### */
#project_left_upper {/* upper box on the left, title and such */
    padding:20px 0px 0px 20px;
}
#project_left_upper > h1 {/* project title */
    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;
}
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 {/* project address map link and back link */
    color:#fff;
    font-family:"Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 400;
    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 {
    color:#fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}
.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 #### */
#project_page_rigth, .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;
}
.related_project_list_info > p {
    font-family: "Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-weight: 200;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 16px;
}
#project_page_sidebar_content {/* content of the info pane */
    padding:0px 40px 15px 35px;
    height:calc(100vh - 70px);
    overflow-x:scroll;
}
@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);
    }
}
.project_sidebar_section > h2 {
    margin-bottom:10px;
    margin-top:30px;
    font-weight:400!important;
}
/* SIDEBAR LISTS WITH ICONS */
ul.sidebar_icon_list {
    padding:0;
    display:flex;
    flex-wrap:wrap;
    list-style-type:none;
}
.sidebar_icon_list_item {
   min-width:150px;
   width: auto;
   margin-bottom: 20px;
   margin-right: 20px;
}
.sidebar_icon {
    font-size:40px;
    color:#dcdcdc;
    float: left;
    padding-top: 7px;
    margin-right: 10px;
   margin-bottom: 20px;
}
.data-point {
    font-family: "Oswald", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 17px;
    letter-spacing: 1.8px;
    line-height: 1;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 4px;
}
.data-descriptor {
    font-family: "Roboto Slab", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    margin: 0px;
}
/* SIDEBAR HIGHLIGHTS LISTS */
.highlights-list li {
    padding-bottom:20px;
}
/* SIDEBAR TEAM LISTS */
.sidebar_team_list {
    list-style-type:none;
}
.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;
}

/* SIDEBAR RELATED PROJECT LISTS */
.related_projects_list {
    margin:0;
    padding:0px 0px 20px 0px;
    list-style-type:none;
}
.related_project_item {
    height:300px;
    width:100%;
    box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.4);
    border: none;
    margin-bottom:20px;
}
.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_image {
    height:200px;
    background: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.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 */

/* ################### MAP ADDITIONAL CUSTOMIZATION ################### */
/* Have to hide the Listings and Search from the bottom of the page. We need these active in the code in order to filter but don't want them displayed */
.wpgmp_filter_wrappers {display:none;}
div[class^="location_listing"] {display:none;}
div[class^="location_pagination"] {display:none;}

/* ################### SEARCH PAGE ################### */
#search_content {
   width:calc(100vw - 20px);
   float:left;
   }
.search_loading_icon {
   position:absolute;
   top:50%;left:50%;
}
#large_search_box {
   display: flex;
   width: 100%;
}
#large_search_box > form {width:100%;}
#large_search_box #search_field {
   background-color: #fff;
   background-position: 20px center;
   background-repeat: no-repeat;
   background-size: auto;
   border: 0;
   box-shadow: 0 0 15px 0 rgba(44,44,44,0.1);
   font-family: "Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   font-size: 54px;
   line-height: .71;
   letter-spacing: 1px;
   color:#000;
   font-weight:300;
   margin-right: 8px;
   outline: 0;
   padding-left: 60px;
   text-transform: uppercase;
   width: 100%;
   height: 85px;
}
.clear_search_form {
   position: absolute;
   top: 104px;
   right: 30px;
   cursor: pointer;
}
.large_search_box_icon {
   position: absolute;
   top: 100px;
   left: 30px;
}

/*----- Search Tabs and Sorting -----*/
#search_tabs_bar {
   width:100%;
   display: flex;
   margin: 0 0 16px 2px;
}
.search_tabs {
   display: inline-block;
   width: auto;
   border-bottom: solid 2px #e1e1e1;
   list-style: none;
}
.search_tabs li {
   color:#000;
   display: inline-block;
    text-transform: capitalize;
    cursor: pointer;
}
.search_tabs li.active, .search_tabs li:hover {color:#e10098;}
.search_tabs li span {
   display: inline-block;
   padding: 0 6px 4px 0;
   text-decoration: none;
   position: relative;
}
@media only screen and (min-width: 900px) {
      #search_tabs_bar {
         width:100%;
         display: flex;
         margin: 0 0 16px 2px;
      }
      .search_tabs li {
        margin: 40px 20px 0 0;
       }
      #sort_by_holder {
         margin-top: 40px;
      }
}
@media only screen and (max-width: 900px){
      #search_tabs_bar {
         display: block;
         margin: 0 0 16px 2px;
      }
      .search_tabs li {
        margin: 10px 10px 0 0;
      }
      #sort_by_holder {
         margin-top: 0px;
      }
}
#sort_by_holder {
   margin-left: 20px;
   position: relative;
   width: 155px;
   height: 40px;
   cursor: pointer;
}
#results-sort_by {
   background-color: #fff;
   border: 0;
   border-radius:0;
   color: #e10098;
   cursor: pointer;
   font-family: "Oswald","Arial","Helvetica Neue","Helvetica",sans-serif;
   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);
   width: 100%;
   height: 40px;
}

/*----- Search Resultes -----*/
.related_project_list_info h2 {
   font-size: 20px!important;
   font-weight: 400 ! important;
   margin-top: 10px!important;
   margin-bottom: 5px!important;
   line-height: 24px!important;
}
.related_project_list_info > p {
   margin-top: 0;
   margin-bottom: 20px;
   color: var(--link_color);
}
@media only screen and (min-width: 900px) {
    .search_result {
      width: 433px;
      margin-right:20px!important;
      text-align:left;
      }
}
@media only screen and (max-width: 900px){
    .search_result {
      width: calc(100vw - 40px);
      text-align:left;
      }
}
.search_results > div {
   display:inline-block;
}
.search_results {
   display:none;
   text-align:center;
}

#results-none{
   margin:60px 30px 60px 30px;
   text-align:center;
}

/*----- Scroll to Top box -----*/
#toTop {
   right: calc(50vw - 20px)!important;
}

/*----- Cresta Messenger -----*/
.cresta-facebook-messenger-box svg#fb-msng-icon > path, .cresta-facebook-messenger-box svg#close-icon > path {
   fill:#e10098!important;
}

.cresta-facebook-messenger-box {
   background-color:rgba(255,255,255,0)!important;
   border:1px solid #e10098!important;
   bottom:8px;right:8px;
}

/*----- Fixes -----*/
.wp-block-cover__inner-container > h2 {
   margin-bottom:6px;
}

/* POST LIST BLOCK */
.dpz-post-list-page {
   display:flex;
   width:70%;
   max-width:1300px;
   justify-content: space-between;
   margin:40px auto;
}
.dpz-post-list-left {
   width:63%;
}
.dpz-post-list-right {
   width:33%;
}
.dpz-post-list-title {
   width:100%;
   max-width:1200px;
   margin: 0 auto 0 auto;
}
.dpz-post-list-title h2 {
   margin:0 0 20px 0;
   line-height:20px ! important;
}
.dpz-post-list-title h2 a {
   /*font-family: 'Roboto',sans-serif;*/
   font-family: var(--h2_typography-font-family);
   /*font-weight: 700;*/
   font-weight:400;
   text-transform: capitalize;
   text-decoration: none;
   padding: 10px 0px 25px 0px;
   font-size: 28px;
   letter-spacing: 0px;
   color:#0E1523;
}
.dpz-post-list-title h2 a:hover {
   color:#e10098;
}
.dpz-post-list-wrapper {
   display:flex;
   width:100%;
   margin: 0 auto 30px auto;
   justify-content: space-between;
   padding-bottom:30px;
   border-bottom:1px solid #e5e5e5;
}
.dpz-post-list-image {
   width:32%;
}
.dpz-post-list-content {
   width:65%;
   font-family: 'Roboto',sans-serif;
   font-weight: 400;
   text-decoration: none;
   color: rgba(106,106,106,1);
   padding: 5px 0px 0px 0px;
   font-size: 16px;
   line-height: 26px !important;
   text-align: justify;
}
.dpz-post-list-button {
   margin: 30px 0px 0px 0px;
   font-family: 'Roboto',sans-serif;
   font-weight: 400;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 12px;
   letter-spacing: 1px;
   color: rgba(255,255,255,1);
   background-image: none;
   background-color: rgba(44,44,44,1);
   padding: 8px 15px 8px 15px;
   border-radius: 2px 2px 2px 2px;
   transition: .4s;
   display: block;
   text-align:center;
   max-width:115px;
}
.dpz-post-list-button:hover {
   background-color: rgba(225,0,152,1);
   color:#ffffff;
}
#dpz_post_list_footer {
   width:100%;
	margin:40px 0 0 0;
	text-align:center;
}
.dpz-post-list-load-more {
   color:#ffffff;
	background-image: none;
	background-color: rgba(37,37,37,1);
	font-family: 'Roboto',sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px !important;
	letter-spacing: 2px;
	padding: 15px 35px 15px 35px;
	border-radius: 2px 2px 2px 2px;
	transition: .4s;
	text-decoration: none;
	cursor: pointer;
	display: inline-flex;
	text-align:center;
}
.dpz-post-list-spin {
   -webkit-animation: dpz-pl-spin 1s linear infinite;
   animation: dpz-pl-spin 1s linear infinite;
   font-size: inherit;
   line-height: inherit;
   width: auto;
   height: auto;
   vertical-align: baseline;
   margin-left: 2px;
   position: relative;
   top: 1px;
   display: none;
}

@-webkit-keyframes dpz-pl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
@keyframes dpz-pl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}

.dpz-post-list-spin svg {
   fill: #fff;
   width:16px; height:20px;
}
.dpz-post-list-loading-active {
   display:flex;
}

@media only screen and (max-width:980px){
   .dpz-post-list-page {
      width:70%;
      max-width:70%;
   }
   .dpz-post-list-image,
   .dpz-post-list-content {
      width:100%;
   }
   .dpz-post-list-image {
      margin-bottom:8px;
   }
   .dpz-post-list-wrapper {
      flex-wrap:wrap;
   }
   .dpz-post-list-page {
      flex-wrap:wrap;
   }
   .dpz-post-list-left {
      width:100%;
   }
   .dpz-post-list-right {
      width:100%;
   }
}

@media only screen and (max-width:767px){
   .dpz-post-list-page {
      width:90%;
      max-width:90%;
   }
}
#dpz_sidebar h4,
.single-post #dpz_sidebar h4 {
	width: 100%;
	border-bottom: 1px solid #d2d2d2!important;
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
   margin-bottom:6px ! important;
}
#dpz_sidebar p,
.single-post #dpz_sidebar p {
   color:#000000;
   font-size:14px ! important;
   line-height:1.75 ! important;
   margin:0 0 20px 0;
}
#dpz_sidebar ul,
.single-post #dpz_sidebar ul {
   list-style: none;
	margin: 0 0 0 12px;
	padding: 0;
}
#dpz_sidebar li,
.single-post #dpz_sidebar li {
	border: 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;
}
#dpz_sidebar li a,
.single-post #dpz_sidebar li a {
	color: #e10098;
	display: inline;
	transition-property: color,background-color,border-color;
	transition-duration: .2s;
	transition-timing-function: linear;
	text-decoration: none;
}
#dpz_sidebar li a:before,
.single-post #dpz_sidebar li a:before {
	position: absolute;
	font-family: awb-icons;
	content: "\f105";
	margin-left: -12px;
	transition-property: color,background-color,border-color;
	transition-duration: .2s;
	transition-timing-function: linear;
}
.single-post ul#menu-primary {
   margin-bottom:0 ! important;
}
.single-post .wp-block-cover h2 {
   font-size: var(--h2_typography-font-size);  
}
.single-post h1.fusion-post-title {
   font-weight:400;
}

/* projects page fixes */
#projects-page-strip > div {
   align-content:flex-start ! important;
}
