/* 
Theme Name: Hello Primeau Theme by Oechsli
Theme URI: https://oechsli.com
Description: Hello OI is a child theme of Hello Elementor
Author: Oechsli
Author URI: https://oechsli.com/
Template: hello-elementor
Version: 1.1
Text Domain: hello-elementor-child
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
*/


@import url("css/site-header.css");
@import url("css/site-footer.css");


#page { background:#fff;position: relative; }

#site-logo .elementor-icon { display: flex; }

#site-logo svg { width:100%;height:auto;max-width:300px; }


#site-logo.original #primeau path { fill:#01526F; }
#site-logo.original #mayer path, #site-logo.original #financial path { fill:#000; }
#site-logo path  { fill:#fff;  }


/*Home Loop*/

.no-button .elementor-button {display:none;}

.dark, .dark .elementor-heading-title {color: #fff !important;}

.dark .loop-button .elementor-button {background-color: #fff; color: var( --e-global-color-primary );
 }

.dark-btn .elementor-button {background-color:#FFFFFF00; color:#fff ; border: solid 3px #fff;}

.dark-btn .elementor-button:hover {background-color: var( --e-global-color-b1989a2 ); color:var( --e-global-color-primary ) ;}

@media (min-width:801px)  {.left .elementor-heading-title, .left .elementor-button-wrapper {text-align: left}}

.center {text-align:center;}


/*Header*/

.wp-button a { border:3px solid #fff; }

/*Block Buttons*/

.wp-block-button__link {background-color: var( --e-global-color-accent );    border-radius: 3px; padding: 12px 24px; transition: all .3s;}

.wp-block-button__link:hover {background-color:var( --e-global-color-primary ); transition: all .3s; }

.wp-block-button__link {
    color: #fff !important;    
    font-family: "freight-big-pro", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;}



/*Icons*/

.icon {filter: invert(16%) sepia(71%) saturate(2878%) hue-rotate(176deg) brightness(97%) contrast(107%);}



/*Boxes*/

.boxy {background-color:var( --e-global-color-fdbc433 ); border: 1px solid var( --e-global-color-ebeb326 ); padding: 3em; border-radius: 3px; }


/*Process Icons*/

.process-box:hover {
transition: all .2s ease-in-out;
transform: scale(1.1);
cursor: pointer;
z-index: 1;
}
.process-box {
transition: transform .3s;
}



.postcard { padding: 15px; }

.postcard:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 40%;
    max-width: 310px;
    height: 155px;
    background: #053344;
}

.postcard.white:before { background: #ffffffd4; }

.postcard:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 40%;
    max-width: 310px;
    height: 155px;
    background: #053344;
}
.postcard.white:after { background:#ffffffd4;}


.postcard:before {
    top: 10px;
    left: 10px;
    z-index: 0;
}

.postcard:after {
    bottom: 10px;
    right: 10px;
z-index: 0;
}

.postcard.invert:before {
    top:inherit;
 
    right: 10px;
        bottom: 18px;
}

.postcard.invert:after {
    top:10px;
    bottom: unset;
    right: 10px;
    left:unset;

}

.postcard .postcard-body { background:#fff;z-index: 9; }

.postcard .elementor-widget-image { z-index: 9; }


.home #left-top-bracket path, .home #right-bottom-bracket path { fill:#fff;    stroke: #fff;  }


/*==========  Mobile  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {   
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}