/*
 Theme Name:     EFCAP Divi Child
 Theme URI:      https://www.bruchertseifer.com
 Description:    Divi Child Theme for EFCAP
 Author:         Bruchertseifer Consulting
 Author URI:     https://www.bruchertseifer.com
 Template:       Divi
 Version:        1.0.0

*/
:root {
    --black: #000;
    --white: #fff;

    --wbMediumGrey: #868F9F;
    --wbBrightBlue: #05AFF2;
    --wbGreyBlue: #9FAFC9;
    --wbCopper: #8E402A;

    --efcapNavy: #00418a;
    --efcapLightBlue: #9ab5d4;
    --efcapVeryLightBlue: #d1d7de;
    --efcapGreen: #83b944;
    --efcapLightGrey: #f0f0f0;
    --efcapMediumGrey: #D9D9D9;

    --red: #FF4433;
    --red2: #D2042D;
    --wpcf7-signal: var(--red);

    /*
    Full options with HSL: https://stackoverflow.com/questions/1625681/dynamically-change-color-to-lighter-or-darker-by-percentage-css

    CSS 5 - medium available in modern browsers:
    Lighten a color:
    color: mix(blue, white, 25%);
    Darken a color
    color: mix(blue, black, 25%);
    */

    --wbNavy-h: 217;
    --wbNavy-s: 89%;
    --wbNavy-l: 48%;
    --wbNavy-hsl: var(--wbNavy-h), var(--wbNavy-s), var(--wbNavy-l);
    --efcapNavy-lighter: hsl(var(--wbNavy-h), var(--wbNavy-s), calc(var(--wbNavy-l) / .8));
    --efcapNavy-darker: hsl(var(--wbNavy-h), var(--wbNavy-s), calc(var(--wbNavy-l) * .8));
    --wbCopper-h: 13;
    --wbCopper-s: 70%;
    --wbCopper-l: 56%;
    --wbCopper-hsl: var(--wbCopper-h), var(--wbCopper-s), var(--wbCopper-l);
    --wbCopper-lighter: hsl(var(--wbCopper-h), var(--wbCopper-s), calc(var(--wbCopper-l) / .8));
    --wbCopper-darker: hsl(var(--wbCopper-h), var(--wbCopper-s), calc(var(--wbCopper-l) * .8));

    --customAccent: var(--efcapNavy);
    --customAccentDarker: var(--efcapNavy-darker);
    --customAccentLighter: var(--efcapNavy-lighter);

    --customElementColorGrey100: #fbfbfd;
    --customElementColorGrey400: #f2f2f2;
    --customElementColorGrey500: #ebebeb;
    --customElementColorGrey600: #dbdbdb;
    --customElementColorGrey800: #616161;
    --customElementColorGrey900: #444444;

    --customFontColor100: var(--customElementColorGrey400);
    --customFontColor200: #909095;
    --customFontColor400: #515154;
    --customFontColor700: #181818;
    --customFontColor900: #000000;

    --form-control-color: #959495;
    --customblueLight: #0D83FF;
    --customblueDark: #1260B3;

    --siteMenuTransition: 250ms;
    --containerWidthMobile: 90%;
    --headerHeight: 54px;
    --custom-border-radius-s: 3px;
    --custom-border-radius-m: 8px;
    --custom-border-radius-l: 16px;
    --custom-border-radius-xl: 32px;
    --custom-modern-grid-gap: 5%;

    --custom-fontFamily: "Default", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    --btn-width: 290px; /* 276px */
    --btn-height: 50px; /* 46px */
}

/* ---------------------------- */
/* */
/* FONT */
/* */
/* ---------------------------- */

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-300.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-300.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-300italic.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-300italic.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-regular.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-italicc.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-italic.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-500.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-500.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-500italic.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-500italic.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-600.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-600italic.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-600italic.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-700.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-700italic.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-700italic.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-800.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-800.woff') format('woff')
}

@font-face {
    font-family: 'Default';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('fonts/open-sans-v44-latin-800italicc.woff2') format('woff2'),
         url('fonts/open-sans-v44-latin-800italic.woff') format('woff')
}


/* ---------------------------- */
/* */
/* BASICS */
/* */
/* ---------------------------- */

body {
    font-family: var(--custom-fontFamily) !important;
    font-weight: 400;
    color: var(--customFontColor400);
}

h1, h2, h3, h4, h5, h6,
.uppercase {
    /*text-transform: uppercase;*/
    line-height: 1.5;
    /*font-weight: 400;*/
}

.et_mobile_menu {
    text-align: center;
}

.et_mobile_menu li {
    /*text-transform: uppercase;*/
    line-height: 2;
    font-weight: 500;
}

/*overwrite in css - param not found in divi web frontend TODO */
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: var(--efcapNavy);
}

#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    text-decoration: underline;
    /*border-bottom: 1px solid var(--efcapNavy);
    padding-bottom: 6px;*/
}

/* WPML Footer Switcher */
.et_pb_code_inner .wpml-ls-statics-footer {
    float: left;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--customFontColor400) !important;
    margin: 0px !important;
}

.wpml-ls-statics-footer.wpml-ls-legacy-list-horizontal {
    border: 0;
    padding: 0;
}

.wpml-ls-statics-footer .wpml-ls-first-item .wpml-ls-link {
    padding-left: 0;
}


/* Vertical Menu 
- remove paddings
- make full width and proper spacing 
*/
.bc-vertical-menu .et-menu > li {
    padding-left: Opx;
    padding-right: Opx;
}

.bc-vertical-menu .et_pb_menu__menu nav ul li {
    display: block;
    width: 100%;
    /*margin: 10px;*/
}


/* disable menus in Footer */
/*
#footer-menu1 .et_mobile_nav_menu,
#footer-menu2 .et_mobile_nav_menu {
    display: none;
}

#footer-menu1 .et_mobile_nav_menu,
#footer-menu2 .et_mobile_nav_menu {
    display: block;
}
*/
/* Divi mobiles Menü nicht einklappen */
@media (max-width: 980px) {
    .bc-open-mobile-menu .et_pb_menu__menu {
        display: flex!important;
    }
    .bc-open-mobile-menu .et_mobile_nav_menu {
        display: none!important;
    }
}

/* ---------------------------- */
/* */
/* ROWS */
/* */
/* ---------------------------- */

/*
.bc-fullwidth-row:first-child {
    width: 49.5% !important;
    margin-right: 1% !important;
}

.bc-fullwidth-row:nth-child(2) {
    width: 49.5% !important;
}
*/

/*place button modules next to each other in the same column*/
.bc-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.bc-inline-buttons {
    text-align: center !important;
}

.bc_fullwidth_header .header-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    /* overflow-wrap: break-word; */
    /* word-break: keep-all; */
}

/*** Responsive Styles Standard Desktop Only ***/
/*
@media all and (min-width: 981px) {
    .bc_fullwidth_header .header-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .bc_fullwidth_header .et_pb_module_header {
        padding-bottom: 50px;
    }
}

/*** Responsive Styles Standard Desktop Only ***/
/*
@media all and (min-width: 981px) and (max-width: 1405px) {
    .bc_fullwidth_header .header-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .bc_fullwidth_header .et_pb_module_header {
        font-size: 90px;
    }
}

/*** Responsive Styles Tablet Only ***/
/*
@media all and (min-width: 768px) and (max-width: 980px) {
    .bc_fullwidth_header .header-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .bc_fullwidth_header .et_pb_module_header {
        padding-bottom: 30px;
    }
}

/*** Responsive Styles Smartphone Only ***/
/*
@media all and (max-width: 767px) {
    .bc_fullwidth_header .header-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .bc_fullwidth_header .et_pb_module_header {
        padding-bottom: 20px;
    }
}
*/


/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1406px) {
    .bc-square-col {
        aspect-ratio: 4 / 3;
    }
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1405px) {
    .bc-square-col {
        aspect-ratio: 1 / 1;
    }
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
    .bc-square-col {
        aspect-ratio: 1 / 1;
    }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .bc-square-col {
        aspect-ratio: 4 / 6;
    }
}

/* ---------------------------- */
/* */
/* BUTTONS */
/* */
/* ---------------------------- */

/*
.et_pb_button
, .wpcf7 input[type="submit"]
{
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    min-width: var(--btn-width) !important;
    min-height: var(--btn-height) !important;
    max-height: var(--btn-height) !important;
    padding: 0 1em;
    letter-spacing: 0.1em;
    line-height: var(--btn-height) !important;
    background: var(--white) !important;
    color: var(--customFontColor400) !important;
    background-size: cover;
    background-position: 50% !important;
    background-repeat: no-repeat;
    border: solid !important;
    border-color: var(--customElementColorGrey600) !important;
    border-width: 1px !important;
    border-radius: 99px !important;
    position: relative;
    text-align: center;
}

.et_button_custom_icon .et_pb_button:after
, .wpcf7 input[type="submit"]:after
{
    line-height: var(--btn-height) !important;
    font-size: 24px;
}

.et_pb_button:hover
, .wpcf7 input[type="submit"]:hover
{
    border-color: var(--customElementColorGrey900) !important;
    max-height: var(--btn-height) !important;
    padding: 0 2em 0 .7em !important;
}

.btn-blue
, .wpcf7 input[type="submit"]
{
    background: var(--customAccent) !important;
    color: var(--white) !important;
    border-color: var(--customAccent) !important;
}

.btn-blue:hover
, .wpcf7 input[type="submit"]:hover
{
    background: var(--efcapNavy-darker) !important;
    border-color: var(--efcapNavy-darker) !important;
}

.btn-copper {
    background: var(--wbCopper) !important;
    color: var(--white) !important;
    border-color: var(--wbCopper) !important;
}

.btn-copper:hover {
    background: var(--wbCopper-darker) !important;
    border-color: var(--wbCopper-darker) !important;
}
*/

.wpcf7 input[type="submit"]
{
    letter-spacing: 0.05em;
    background: var(--white) !important;
    color: var(--customFontColor400) !important;
    border-width: 1px !important;
    border-radius: 99px !important;
    line-height: 1.7em;
    font-size: 18px;
    padding-top: 16px !important;
    padding-right: 40px !important;
    padding-bottom: 16px !important;
    padding-left: 40px !important;
    transition: all 300ms ease 0ms;
    cursor: pointer;
    border-color: rgb(169, 169, 169);
}

.wpcf7 input[type="submit"]:hover
{
    border-color: #444444 !important;
}

.btn-blue
, .wpcf7 input[type="submit"]
{
    background: var(--customAccent) !important;
    color: var(--white) !important;
    border-color: var(--customAccent) !important;
}

.btn-blue:hover
, .wpcf7 input[type="submit"]:hover
{
    background: var(--efcapNavy-darker) !important;
    border-color: var(--efcapNavy-darker) !important;
}

/* ---------------------------- */
/* */
/* Fullwidth Hero */
/* */
/* ---------------------------- */

/*
h1 70 | 48 | 34  300
h2 34 | 22 | 20-22???  300
h3 20 | 16 | 16  400
h4 18 | ??       400
*/

@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	body.single #main-content > .container,
	body.page:not(.et-tb-has-template) div.et_pb_row,
	body.page.et-tb-has-template .et-l--post div.et_pb_row,
	body.single-project div.et_pb_row,
	body.single-project div.et_pb_row.et_pb_row_fullwidth,
	.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row,
    footer .et_pb_row {
		width: 84% !important;
   }
}

/*** Responsive Styles Smartphone AND Tablet ***/
/*@media all and (max-width: 767px) { Phone only */
/*@media all and (min-width: 768px) and (max-width: 980px) { Tablet only */
@media all and (max-width: 980px) {
    .et_pb_fullscreen .et_pb_fullwidth_header_container {
        width: 90%;
    }
    .et_pb_fullwidth_header .header-content {
        margin: 0 !important;
        padding-left: 0;
        padding-right: 0;
        width: auto !important;
        /* width: 100%; */
    }
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one {
        margin-right: 0;
    }
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}

/* ----------------------------*/
/* */
/* WP Contact Form 7 Styling */
/* */
/* ----------------------------*/

.wpcf7 label {
    padding-left: 1em;
    /*color: white;*/
    /*font-size: 16px;*/
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select
{
    /*background: var(--customAccent);*/
    background: var(--efcapLightGrey);
    /*color: var(--white);*/
    font-size: 16px;
    line-height: 1.7em;
    min-height: var(--btn-height);
    border-bottom: solid;
    /*border-bottom-color: var(--efcapNavy-lighter);*/
    border-bottom-color: var(--efcapNavy);
    padding-left: 1em;
    padding-right: 1em;
    border-radius: var(--custom-border-radius-m);
    width: 100%;
}

.wpcf7 input[type="submit"] {
    margin: var(--btn-height) auto;
    display: block;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    transition: all 300ms ease 0ms;
}

.wpcf7 input[type="submit"]:after {
    content: '$';

    opacity: 0;
    position: absolute;
    margin-left: -1em;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;

    font-family: ETmodules !important;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;

    transition: all 300ms ease 0ms;
}

.wpcf7 input[type="submit"]:hover:after {
    margin-left: .3em;
    opacity: 1;
}

#inquiry-case-selector .wpcf7-list-item
{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    min-height: var(--btn-height);
    max-height: var(--btn-height);
    padding: 0 1em; 
    line-height: var(--btn-height);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: solid;
    border-width: 1px;
    position: relative;
    text-align: center;
    margin-left: 0;

    /*default colors applied here = not checked*/
    background: var(--wbGreyBlue);
    color: var(--white);
    border-color: var(--efcapNavy);    
}
#inquiry-case-selector .wpcf7-list-item:hover
{
    background: var(--efcapNavy-darker);
}
#inquiry-case-selector .wpcf7-list-item input
{
    display: none;
}
#inquiry-case-selector .wpcf7-list-item.first
{
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
}
#inquiry-case-selector .wpcf7-list-item.last
{
    border-top-right-radius: 99px;
    border-bottom-right-radius: 99px;
}
#inquiry-case-selector .wpcf7-list-item:has(input:checked) {
    background: var(--efcapNavy);
}
#inquiry-case-selector .wpcf7-list-item label
{
    padding-right: 1.5em;
    padding-left: 1.5em;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-top: var(--custom-border-radius-l);
    margin-left: 0;
}

.wpcf7-acceptance label {
    padding-left: 0;
}

.wpcf7-acceptance a {
    color: var(--efcapNavy);
    text-decoration: underline;
    text-decoration-color: var(--efcapNavy);
}

.wpcf7-acceptance a:hover {
    color: var(--efcapNavy-darker);
    text-decoration: none;
}


/* https://moderncss.dev/pure-css-custom-checkbox-style/ */

/* CSS for "hiding the native checkbox input" */
.wpcf7-acceptance input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
}

/*CSS for "custom unchecked checkbox styles"*/
.wpcf7-acceptance input[type="checkbox"] {
    appearance: none;
    background-color: var(--white);
    margin: 0;
    font: inherit;
    color: currentColor;
/*    width: 1.15em;
    height: 1.15em; */
    width: 1.3em;
    height: 1.3em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
/*    transform: translateY(-0.075em);*/
    transform: translateY(-0.15em);
    display: inline-grid;
    place-content: center;
}

.wpcf7-acceptance input[type="checkbox"]::before {
    content: "";
    width: 0.85em;
    height: 0.85em;
/*    width: 0.65em;
    height: 0.65em; */
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--efcapNavy);
}

  
input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.form-control + .form-control {
    margin-top: 1em;
}

/*
DELETE
<div class="wpcf7-response-output" aria-hidden="true">Vielen Dank für Ihre Nachricht. Sie wurde gesendet.</div>
*/

/*
Error Output Styling
https://contactform7.com/styling-contact-form/
*/

.wpcf7 form .wpcf7-response-output {
    border: none;
    min-height: var(--btn-height);
    padding-left: 1em;
    padding-right: 1em;
    border-radius: var(--custom-border-radius-m);
    font-size: 16px;
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.invalid .wpcf7-not-valid-tip {
    color: var(--wpcf7-signal);
    padding-left: 1em;
    font-size: 16px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background: var(--wpcf7-signal);
    color: var(--white);
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
    color: var(--efcapGreen);
}

/*
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #00a0d2;
}
 
 
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
}
 
.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28;
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
}
*/


/* ---------------------------- */
/* */
/* Prograss Bar */
/* */
/* ---------------------------- */

#autoclose {
    width: var(--btn-width);
    height: 5px;
    border-radius: 10px;
}
#autoclose::-webkit-progress-bar {
    background-color: var(--efcapNavy);
}
#autoclose::-webkit-progress-value {
    background-color: var(--wbGreyBlue);
}
#autoclose::-moz-progress-bar {
    /* style rules */
}


/* ---------------------------- */
/* */
/* Image Hover for normal Images & Blurbs */
/* */
/* ---------------------------- */

.noscale-img img:hover {
    transform: scale(1.0) !important;
}

.et_pb_image img,
.et_pb_main_blurb_image img {
    transition-duration: .4s;
}

.et_pb_image img:hover,
.et_pb_main_blurb_image img:hover {
     transform: scale(1.0);
}

.et_pb_image .et_pb_image_wrap,
.et_pb_blurb .et_pb_image_wrap {
     overflow: hidden;    
}


/* ---------------------------- */
/* */
/* Image Sizes */
/* */
/* ---------------------------- */

.et_pb_blurb.image-format-wide .et_pb_image_wrap img,
.et_pb_image.image-format-16x9 .et_pb_image_wrap,
.et_pb_image.image-format-wide .et_pb_image_wrap,
.et_pb_image.image-format-ultrawide .et_pb_image_wrap,
.et_pb_image.image-format-square .et_pb_image_wrap,
.et_pb_image.image-format-upright .et_pb_image_wrap,
.et_pb_image.image-format-upright-MobileFriendly .et_pb_image_wrap
{
    display: block;
}

.et_pb_blurb.image-format-wide .et_pb_image_wrap img,
.et_pb_image.image-format-16x9 .et_pb_image_wrap img,
.et_pb_image.image-format-wide .et_pb_image_wrap img,
.et_pb_image.image-format-ultrawide .et_pb_image_wrap img,
.et_pb_image.image-format-square .et_pb_image_wrap img,
.et_pb_image.image-format-upright .et_pb_image_wrap img,
.et_pb_image.image-format-upright-MobileFriendly .et_pb_image_wrap img
{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover
}

.et_pb_blurb.image-format-wide .et_pb_image_wrap img {      padding-top: 75%; }
.et_pb_image.image-format-16x9 .et_pb_image_wrap {          padding-top: 56.26%; }
.et_pb_image.image-format-wide .et_pb_image_wrap {          padding-top: 75%; }
.et_pb_image.image-format-ultrawide .et_pb_image_wrap {     padding-top: 42.86%; }
.et_pb_image.image-format-square .et_pb_image_wrap {        padding-top: 100%; }

@media only screen and (max-width:767px) {

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-16x9 .et_pb_image_wrap img,
    .et_pb_image.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap img,
    .et_pb_image.image-format-square .et_pb_image_wrap img,
    .et_pb_image.image-format-upright .et_pb_image_wrap img,
    .et_pb_image.image-format-upright-MobileFriendly .et_pb_image_wrap img
    {
        width: 100%;
    }

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img {      padding-top: 66.67%; }
    .et_pb_image.image-format-16x9 .et_pb_image_wrap {          padding-top: 56.26%; }
    .et_pb_image.image-format-wide .et_pb_image_wrap {          padding-top: 66.67%; }
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap {     padding-top: 56.26%; }
    .et_pb_image.image-format-square .et_pb_image_wrap {        padding-top: 100%; }

}

@media only screen and (min-width:768px) and (max-width:980px) {

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-16x9 .et_pb_image_wrap img,
    .et_pb_image.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap img,
    .et_pb_image.image-format-square .et_pb_image_wrap img,
    .et_pb_image.image-format-upright .et_pb_image_wrap img,
    .et_pb_image.image-format-upright-MobileFriendly .et_pb_image_wrap img
    {
        width: 100%;
    }

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img {      padding-top: 66.67%; }
    .et_pb_image.image-format-16x9 .et_pb_image_wrap {          padding-top: 56.26%; }
    .et_pb_image.image-format-wide .et_pb_image_wrap {          padding-top: 66.67%; }
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap {     padding-top: 42.86%; }
    .et_pb_image.image-format-square .et_pb_image_wrap {        padding-top: 100%; }

}

@media only screen and (min-width:981px) {

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-16x9 .et_pb_image_wrap img,
    .et_pb_image.image-format-wide .et_pb_image_wrap img,
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap img,
    .et_pb_image.image-format-square .et_pb_image_wrap img,
    .et_pb_image.image-format-upright .et_pb_image_wrap img,
    .et_pb_image.image-format-upright-MobileFriendly .et_pb_image_wrap img
    {
        width: 100%;
    }

    .et_pb_blurb.image-format-wide .et_pb_image_wrap img {      padding-top: 75%; }
    .et_pb_image.image-format-16x9 .et_pb_image_wrap {          padding-top: 56.26%; }
    .et_pb_image.image-format-wide .et_pb_image_wrap {          padding-top: 75%; }
    .et_pb_image.image-format-ultrawide .et_pb_image_wrap {     padding-top: 42.86%; }
    .et_pb_image.image-format-square .et_pb_image_wrap {        padding-top: 100%; }
}


/* ---------------------------- */
/* */
/* Image Sizes */
/* */
/* ---------------------------- */

/* Make the burger nav icon displayed properly on mobile view
https://divicio.us/tutorials/menu/make-divi-centered-centered-inline-logo-header-bars-look-like-default-header-bar-mobile/ */

/* Make Divi Centered and Centered Inline Logo Header Bars Look Like The Default Header Bar On Mobile */
@media all and (max-width: 980px) {
/* align header container text to left */
    .et_header_style_centered #main-header .container,
    .et_header_style_split #main-header .container {
        text-align: left;
    }
/* set max width for logo container and bring it above the navigation bar to make it clickable */
    .et_header_style_centered header#main-header .logo_container,
    .et_header_style_split header#main-header .logo_container {
        position:relative;
        z-index: 2;
        max-width: 50%;
    }
/* move split header logo to left */
    .et_header_style_split header#main-header .logo_container {
        float: left;
    }
/* prevent the split header logo from shrinking by increasing its max width */
    .et_header_style_split #logo {
        max-width: 100%;
    }
/* adjust top navigation alignment */
    .et_header_style_centered #main-header div#et-top-navigation,
    .et_header_style_split #main-header div#et-top-navigation {
        position: absolute;
    }
/* make "select page bg color transparent" */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         background-color: rgba(0, 0, 0, 0); 
    }
/* remove mobile_nav left and right padding */
    .et_header_style_centered #main-header .mobile_nav,
    .et_header_style_split #main-header .mobile_nav {
         padding: 5px 0px;
    }
/* remove unnecessary top margin */
    .et_header_style_centered #et_mobile_nav_menu,
    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 0px;
    }
/* hide "select page" container */
    .et_header_style_centered #main-header .mobile_nav .select_page,
    .et_header_style_split #main-header .mobile_nav .select_page {
        display: none;
    }
/* adjust vertical and right alignment of the mobile menu bar */
    .et_header_style_centered #main-header .mobile_menu_bar,
    .et_header_style_split #main-header .mobile_menu_bar {
        position: relative;
        right: 0px;
        text-align: right;
    }
/* adjust dropdown menu top offset */
    .et_header_style_centered #main-header .et_mobile_menu,
    .et_header_style_split #main-header .et_mobile_menu {
        top: 63px;
    }
}