/* 
Theme Name: Petersen Engineering
Theme URI: https://github.com/elementor/hello-theme/
Description: A custom theme for Petersen Engineering using Hello Elementor Child (a child theme of Hello Elementor, created by Elementor team)
Author: Amanda Giles
Author URI: https://amandagiles.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: petersen
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*** Block Editor Color Palette ***/

.has-dark-gray-blue-background-color { background-color: #293547 !important; }
.has-dark-gray-background-color { background-color: #454D5B !important; }
.has-blue-background-color { background-color: #1F2D5C !important; }
.has-rust-background-color { background-color: #AC441E !important; }
.has-orange-background-color { background-color: #F44A22 !important; }
.has-med-gray-background-color { background-color: #DDD !important; }
.has-light-gray-background-color { background-color: #EBECEC !important; }
.has-lightest-gray-background-color { background-color: #F7F7F7 !important; }
.has-white-background-color { background-color: #FFF !important; }

.has-dark-gray-blue-color { color: #293547 !important; }
.has-dark-gray-color { color: #454D5B !important; }
.has-blue-color { color: #1F2D5C!important; }
.has-rust-color { color: #AC441E !important; }
.has-orange-color { color: #F44A22 !important; }
.has-med-gray-color { color: #DDD !important; }
.has-light-gray-color { color: #EBECEC !important; }
.has-lightest-gray-color { color: #F7F7F7 !important; }
.has-white-color { color: #FFF !important; }


/*** Header / Menu ***/
@media screen and (min-width: 1500px) {
    .elementor-location-header .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1460px;
    }
}
.home-header { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.elementor-editor-active .home-header {
    position: relative;
}   
.sticky-header {
    opacity: 0;
    -moz-transition: opacity .5s ease-out!important;
     -webkit-transition: opacity .55s ease-out!important;
     transition: opacity .5s ease-out!important;
     height: 0;
}
.elementor-sticky--effects.sticky-header,
.elementor-editor-active .sticky-header {
    opacity: 1 !important;
    height: auto;  
}
/* End Of Fade In Option */
.sticky-header > .elementor-container {
    display: none;
}
.elementor-sticky--effects.sticky-header > .elementor-container,
.elementor-editor-active .sticky-header > .elementor-container {
    display: flex;
}
@media screen and (min-width: 768px) {
    .elementor-location-header .elementor-nav-menu li, 
    .elementor-location-header .elementor-nav-menu ul.sub-menu {
        width: 153px;
    }
    .elementor-location-header ul.elementor-nav-menu > li:hover {
        background-color: var( --e-global-color-accent );
    }    
    .elementor-nav-menu .sub-arrow {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .elementor-nav-menu ul.sub-menu li a {
        padding-left: 40px;
    }
    .elementor-location-header .elementor-column.elementor-col-66 {
        width: 25%;
    }
    .elementor-location-header .elementor-column.elementor-col-33 {
        width: 75%;
    }
    .elementor-100 .elementor-element.elementor-element-2c440fba > .elementor-widget-container, /*Home */
    .elementor-9 .elementor-element.elementor-element-3dc703 > .elementor-widget-container /*Interior */
    {
        margin-top: 0 !important; /* Override this cached Elementor style which we don't want anymore */
    }    
    .elementor-100 .elementor-element.elementor-element-2c440fba .elementor-nav-menu--dropdown {
        top: 38px !important;
    }    
    
/*    .home .elementor-location-header .home-header .elementor-column.elementor-col-66 .elementor-widget-wrap,
    body:not(.home) .elementor-location-header .elementor-column.elementor-col-66 .elementor-widget-wrap {
        margin-top: -50px;
    }    */
}


/*** Buttons ***/
/*a.elementor-button .elementor-button-text:after {
    content: "\f178";
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    font-size: 19px;
    display: inline-block;
    color: #fff;
    height: 19px;
    margin-left: 10px;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 19px;            
}*/

/***************************************************
 * Global Style Elements
 ***************************************************/

/* Gray stripes used in testimonials */
.gray-stripe-bkgd-container {
    background-image: linear-gradient(156deg, #f2f2f2 14.29%, #f7f7f7 14.29%, #f7f7f7 50%, #f2f2f2 50%, #f2f2f2 64.29%, #f7f7f7 64.29%, #f7f7f7 100%);
    background-size: 17.21px 7.66px;    
}
/* White half column background classes */
.white-bkgd-left {
        background: linear-gradient(90deg, #FFF 50%, transparent 50%);
}
.white-bkgd-right {
        background: linear-gradient(90deg, transparent 50%, #FFF 50%);
}
@media screen and (max-width: 767px) {
    .gray-stripe-bkgd-container:not(.all-widths) {
        background: none;
    }    
    .gray-stripe-right-background .elementor-container .elementor-column:nth-child(2){
        background-image: linear-gradient(156deg, #f2f2f2 14.29%, #f7f7f7 14.29%, #f7f7f7 50%, #f2f2f2 50%, #f2f2f2 64.29%, #f7f7f7 64.29%, #f7f7f7 100%);
        background-size: 17.21px 7.66px;         
    }
}
.bkgd-image-half {
    background-size: 50% !important;
}
@media screen and (max-width: 1366px) {
    .bkgd-image-half {
        background: none !important;
    }    
}
.white-with-gray-strips { /* Our Approach pgae */
    background-image: linear-gradient(145deg, #ffffff 33.33%, #eeeeee 33.33%, #eeeeee 50%, #ffffff 50%, #ffffff 83.33%, #eeeeee 83.33%, #eeeeee 100%);
    background-size: 10.46px 7.32px;
}

/* Orange border to left of text */
.elementor-widget-heading.orange-left-border:before,
.elementor-widget-text-editor.orange-left-border:before {
    content: '';
    margin-left: -15px;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: var( --e-global-color-secondary );
}
.elementor-widget-heading.orange-left-border .elementor-widget-container,
.elementor-widget-text-editor.orange-left-border .elementor-widget-container {
    margin-top: -40px;
}
/* Force this font to always be consistent */
.elementor-widget-heading.orange-left-border .elementor-widget-container p,
.elementor-widget-heading.orange-left-border .elementor-widget-container h1,
.elementor-widget-heading.orange-left-border .elementor-widget-container h2,
.elementor-widget-text-editor.orange-left-border .elementor-widget-container p,
.elementor-widget-text-editor.orange-left-border .elementor-widget-container h1,
.elementor-widget-text-editor.orange-left-border .elementor-widget-container h2 {
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: var( --e-global-typography-secondary-font-weight );
    line-height: var( --e-global-typography-secondary-line-height );
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 1366px) {
    .elementor-widget-heading.orange-left-border,
    .elementor-widget-text-editor.orange-left-border {
        padding-left: 30px;
    }    
}
@media screen and (max-width: 1024px) {
    .elementor-widget-heading.orange-left-border .elementor-widget-container p,
    .elementor-widget-heading.orange-left-border .elementor-widget-container h1,
    .elementor-widget-heading.orange-left-border .elementor-widget-container h2,
    .elementor-widget-text-editor.orange-left-border .elementor-widget-container p,
    .elementor-widget-text-editor.orange-left-border .elementor-widget-container h1,
    .elementor-widget-text-editor.orange-left-border .elementor-widget-container h2 {
        margin-top: 8px;
    }   
}
.arrow-link a {
    text-decoration: none !important;
    transition-duration: 0.1s;
    border-style: solid;
    border-width: 0 0 2px 0 !important;
    border-color: transparent;
}
.arrow-link a:hover, 
.arrow-link a:active,
.arrow-link a:focus {
    border-color: var( --e-global-color-accent ) !important;
    border-width: 0 0 2px 0 !important;
}
/* Cover Image text and button placement */
.cover-image-section {
    position: relative;
}
.cover-image-interior {
    position: absolute;
    left: 0;
    right: 0;
    top: 35%;
}
@media screen and (max-width: 650px) {
    .cover-image-interior {
        top: 25%;
    }    
}
@media screen and (max-width: 350px) {
    .cover-image-interior {
       top: 15%;
    }    
}
@media screen and (max-width: 260px) {
    .cover-image-interior {
       top: 25px;
    }    
}

/*** Misc ***/
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}
.elementor-social-icon:hover {
    opacity: 1 !important;
    color: #FFF;
}
.color-blocks .elementor-column.elementor-col-33 {
    max-width: 400px;
    margin: 0 auto;
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    margin-top: 10px;
}
.elementor-accordion-icon-closed svg {
    color: var( --e-global-color-accent );
}
/* dFlip Styles Tweaks - Remove book shadow look */
._df_book.df-lite {
    background-color: transparent !important;
}
.df-book-page .df-page-front:before,
.df-book-page .df-page-back:before {
    background-image: none;
}

/*** Home Page ***/
.home-counters .elementor-counter .elementor-counter-number-prefix {
    display: none;
}
.home-counters .elementor-counter-title {
    text-align: left;
}
.elementor-widget-testimonial-carousel .swiper-container-horizontal>.swiper-pagination-bullets, 
.elementor-widget-testimonial-carousel .swiper-pagination-custom, .swiper-pagination-fraction {
    text-align: left;
}
.elementor-widget-testimonial-carousel .swiper-pagination-bullet {
    border-radius: 0;
    width: 40px;
}
@media screen and (max-width: 800px) {
    .elementor-widget-testimonial-carousel .swiper-pagination-bullet {
        width: 25px;
    }
}
.elementor-widget-testimonial-carousel .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #ddd;
    opacity: 1;
}
.team-photos {
    position: relative;
    display: flex;
    align-content: flex-start;
    flex: 1;
    flex-wrap: wrap;   
    grid-row-gap: 0;
    row-gap: 0; 
}
.team-photos::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;
  background-color: rgba(172,68,30,0.82);
}
.team-photos .team-member {
    width: 16.6667%;
}
.team-photos .team-member img {
    width: 100%;
    height: auto;
} 
.team-photos .team-member.team-member-7,
.team-photos .team-member.team-member-8,
.team-photos .team-member.team-member-9,
.team-photos .team-member.team-member-10,
.team-photos .team-member.team-member-11,
.team-photos .team-member.team-member-12 {
    margin-top: -6px;
}

@media screen and (max-width: 1024px) {
    .team-photos .team-member {
        width: 24.99%;
    }        
    .team-photos .team-member.team-member-1,
    .team-photos .team-member.team-member-6,
    .team-photos .team-member.team-member-7,
    .team-photos .team-member.team-member-12 {
        display: none;
    }    
}

@media screen and (max-width: 800px) {
    .team-photos .team-member {
        width: 33.3%;
    }        
    .team-photos .team-member.team-member-1,
    .team-photos .team-member.team-member-5,
    .team-photos .team-member.team-member-6,
    .team-photos .team-member.team-member-7,
    .team-photos .team-member.team-member-8,
    .team-photos .team-member.team-member-12 {
        display: none;
    }    
}

/*******************************************************
 * Team 
 *******************************************************/
.sptp-member-avatar-img .sptp-icon {
    left: 20px;
    top: auto;
    bottom: -25px;
    width: 50px;
    height: 50px;
}
.sptp-member-avatar-img .sptp-icon .svg-inline--fa {
    width: auto;
    color: #fff;
    margin-top: 17px;
    margin-left: 3px;
}
.gridder-show .sptp-row > div:first-child {
    background: #EBECEC;
}
.gridder-show .sptp-row > div:last-child {
    background: #293547;
}
.gridder-show .sptp-row {
    align-items: stretch;
}
.sptp-drawer .gridder-show .sptp-left-content {
    height: auto;
    padding-top: 30px;
    padding-bottom: 50px;
}
.sptp-drawer .gridder-show .sptp-right-content {
    padding: 50px 40px;
}
@media only screen and (min-width: 768px) {
    .sptp-drawer .gridder-show .sptp-right-content {
        padding: 120px 40px 50px;
    }
}
.sptp-drawer .gridder-show .sptp-right-content {
    padding: 117px 40px 50px;
}
.sptp-drawer .sptp-row .sptp-row .sptp-col-w-58 {
    max-width: 66.3335%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.3335%;
    flex: 0 0 66.3335%;
}
.sptp-drawer .sptp-row .sptp-row .sptp-col-w-42 {
    max-width: 33.666%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.666%;
    flex: 0 0 33.666%;
}
.sptp-member.sptp-right-content {
    line-height: 1.5;
}
.interests--header {
    color: var( --e-global-color-accent );
    font-family: var( --e-global-typography-bc8453b-font-family ), Sans-serif;
    font-size: var( --e-global-typography-bc8453b-font-size );
    font-weight: var( --e-global-typography-bc8453b-font-weight );
    line-height: var( --e-global-typography-bc8453b-line-height );
    letter-spacing: var( --e-global-typography-bc8453b-letter-spacing );    
    margin-bottom: 12px;
}
.interests--list {
    color: #fff;
    font-family: var( --e-global-typography-bc8453b-font-family ), Sans-serif;
    padding-left: 18px;
}
ul.interests--list li {
    margin-bottom: 5px;
}
.interests + .team-certifications {
    margin-top: 50px;
}
.team-certifications img {
    margin-right: 30px;
}
.gridder-navigation .gridder-nav {
    display: none !important;
}
.sptp-drawer a.gridder-close {
    top: 50px;
    right: 25px;
}
.sptp-drawer a.gridder-close::after, .sptp-drawer a.gridder-close::before {
    background: var( --e-global-color-accent );
    width: 25px;
    height: 25px;    
}
.sptp-drawer a.gridder-close::after, .sptp-drawer a.gridder-close::before {
    height: 2px;
}
.gridder .sp-team-pro-item.selectedItem::after {
    display: none;
}

/*********************************************************
 * Project / Portfolio Grid
 ********************************************************/
.elementor-section-wrap .lae-block-header-4 .lae-heading {
    padding: 0;
    border: 0;
    border-bottom: 0;
    text-align: left;
    width: auto;
    display: inline;
}
.elementor-section-wrap .lae-block-header-4 .lae-heading a:after, 
.elementor-section-wrap .lae-block-header-4 .lae-heading span:after {
    border: 0 !important;
}
.elementor-section-wrap .lae-block .lae-block-filter {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    display: inline-block;
}
.elementor-section-wrap .lae-block .lae-block-header {
    padding-bottom: 5px;
    margin: 0 0 35px 0;
    border-bottom: 2px solid #EBECEC;
    max-with: 100%;
}
h3.lae-heading,
.lae-block .lae-block-filter .lae-block-filter-item a, .lae-block .lae-block-filter .lae-block-filter-more span, .lae-block .lae-block-filter ul.lae-block-filter-dropdown-list li a,
ul.lae-block-filter-dropdown-list {
    font-size: 16px !important;
    line-height: 20px !important;
}
.lae-block .lae-block-filter .lae-block-filter-item a, .lae-block .lae-block-filter .lae-block-filter-more span, .lae-block .lae-block-filter ul.lae-block-filter-dropdown-list li a,
ul.lae-block-filter-dropdown-list {
    color: var( --e-global-color-accent ) !important;
    font-weight: bold;
}
.elementor-section-wrap .lae-block .lae-block-filter ul.lae-block-filter-dropdown-list {
    right: auto;
    left: 0;
    text-align: left;
}
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-dropdown:hover .lae-block-filter-more {
    background-color: transparent;
}
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-dropdown:hover .lae-block-filter-more span, 
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-dropdown:hover .lae-block-filter-more i {
    color: var( --e-global-color-accent ) !important;
    font-weight: bold;
}
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-dropdown:hover .lae-block-filter-more span, 
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-dropdown:hover .lae-block-filter-more i {
    color: var( --e-global-color-accent ) !important;
}
.elementor-section-wrap .lae-icon-arrow-right3:before {
    font-weight: bold;
    font-size: 12px;
}
.elementor-section-wrap .lae-block .lae-block-filter .lae-block-filter-more i.lae-icon-arrow-right3 {
    margin: -4px 0 0 10px;
    color: var( --e-global-color-accent ) !important;
}
.elementor-section-wrap .lae-module-11 .lae-module-image .lae-post-link:after {
    background-color: rgba( 244,74,34, 0.85);
}
.elementor-section-wrap .lae-module .entry-title, .elementor-section-wrap .lae-module .lae-entry-title {
    text-align: left;
}
.lae-module-image {
    height: 290px;
    width: auto;
    max-height: 290px;
}
.lae-module-entry-info {
    color: #fff;
    font-size: 18px;
    font-weight: bold; 
}
.lae-module-entry-info i, .lae-module-entry-info svg {
    margin-left: 10px;
    vertical-align: middle;
}


/*********************************************************
 * Single Portfolio
 ********************************************************/
.project-text {
    margin-bottom: 30px;
}
.project-text--label {
    margin-bottom: 8px;
}

.project-detail {
    margin-bottom: 25px;
}
.project-detail--label {
    font-weight: 700;
}
.project-detail--content {
}
.gallery--caption {
    position: absolute;
    bottom: 0;
    background: rgba(255,255,255,0.85);
    min-height: 37px;
    padding: 8px;
    width: calc(100% - 44px);
}
.owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.85);
}
.owl-nav button {
    outline: 0 !important;
}
.owl-prev span, .owl-next span {
    color: var( --e-global-color-accent );
    font-size: 30px;
    padding-left: 2px;    
    padding-right: 2px;    
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
}

/* Tag Cloud */
/* .tagcloud a {
    margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
    .tagcloud a {
        margin-right: 8px;
        word-break: keep-all;
    }
}
@media screen and (min-width: 768px) {
    .tagcloud a {
        display: block;
    }
}
*/

/*** Footer ***/
.footer-links a {
    color: #FFF;
    font-weight: 400;
    font-size: inherit;
    color: inherit;
}
.footer-links a:hover {
    text-decoration: underline;
    color: inherit;
}
#footer-menu ul li:first-child a {
    border-right: 1px solid #ebecec;
}
.elementor-location-footer a.elementor-social-icon:hover .svg-inline--fa {
    opacity: 1 !important;
    color: #FFF;    
}