/* 
Theme Name: Oechsli Child Theme
Theme URI: https://oechsli.com
Description: Oechsli is a hybrid theme with block and elementor support 
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2023.12.03
Text Domain: oechsli
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
*/


.tabs a.wp-block-button__link:hover, 
.tabs .tab.active a.wp-block-button__link 
{  
    background:var( --wp--preset--color--palette-1) !important;
    color:#fff !important; 
}

.margin-top-minus-5 {
    margin-top: -5rem !important;
}

/* Home */

.home .wp-block-cover.hero-img {margin-right: 3em; margin-bottom: -16em !important; z-index: 99}


.my-blur { backdrop-filter: blur(7px);}

.wp-block-button__link.wp-element-button {
	padding: 12px 30px; }

.empower-tab-buttons .wp-block-button__link.wp-element-button {
        padding: 12px 5px;
    }

   /* Allows grid groups to avoid media-queries, for the most part */

.grid-auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* Navigation */

.nav-btn {border: solid 1px var(--wp--preset--color--palette-7) !important;}

/* Adjust width of header-menu dropdown for long words */
.site-header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, 
.site-header .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, 
.site-header .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    min-width: 225px;
}


/* Images With Backgrounds */

.image-stack {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;  
  height: auto; 
  aspect-ratio: 1;  
  overflow: hidden; 
}

.image-stack img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%; 
  width: auto;
  height: auto;
  object-fit: cover;  
}

.image-stack-front {
  z-index: 10;  
}

.image-stack-back {
  z-index: 5;   
}

/* Blog and video search bar styling */

form.my-search-bar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

form.my-search-bar input, form.my-search-bar button {
    color: var(--wp--preset--color--palette-3);
    border-radius: 5px;
    padding: 12px 10px;
	font-size: 16px;
	border: solid 1px;
/* 	margin-bottom: 10px; */
}
form.my-search-bar button {
	background-color: var(--wp--preset--color--palette-1);
	color:var(--wp--preset--color--palette-8);
	border: 2px solid var(--wp--preset--color--palette-1);
}
.wp-block-group.video-page-search, .wp-block-group.post-page-search {
	margin-top: -35px;
}


/* Icon Background */

.icon-has-background {margin-right: -1.5em !important; z-index: 0 !important;}


/*** Popup ***/


.modal-content {box-shadow:none;}

.modal {left: auto;}
.modal.team-modal, .client-modal .modal {left: 0;}

/* Footer */
.footer-col-left a {
    text-decoration: none;
}

/* footer gravity form */

.footer-outer .footer-cols-right div#gform_wrapper_1 {
    margin-top: 5px;
}

.footer-outer .footer-cols-right input#gform_submit_button_1 {
    border: 2px var(--wp--preset--color--palette-7) solid;
    width: 100%;
    border-radius: .4rem;
	background:  var(--wp--preset--color--palette-1);
    color: var(--wp--preset--color--palette-7);
	--gf-local-min-height: 35px;
    font-size: 15px;
}
.footer-outer .footer-cols-right .gform-theme--foundation .gfield input.large, .footer-outer .footer-cols-right .gform-theme--foundation .gfield select.large {
    border-radius: .5em;
	background-color: var(--wp--preset--color--palette-10);
    max-height: 35px;
}
.footer-outer .footer-cols-right .gform-theme--foundation .gform_fields {
        row-gap: 24px;
    }

/* team-page */
.bio-link {
	margin: 8px 10% 8px 10%;
}
.contact-directions-link a {
	color: var(--wp--preset--color--palette-8);
}
.contact-directions-link a:hover {
/* 	color: var(--wp--preset--color--palette-6); */
	opacity: .8;
}
/* Business Owners Page */
.succession-box ul li::marker,
.home .tab-content ul li::marker {
    color: inherit;
}

/* Fix vertical spacing on contact page */
body.page-template-default.page-contact.header-default main {
    padding-top: var(--wp--preset--spacing--30) !important;
}

/* Responsive */
@media screen and (max-width: 1296px) {
	/* 	Menu items when they drop to 2 rows */
	.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
        padding: .2rem 6px;
    }
 /* Prevent logo from shrinking too much, add padding */
	.site-header .wp-block-site-logo img {
        min-width: 200px;
        margin: 10px 0 10px 1vw;
    }
    /* Footer Responsiveness */
    .wp-block-columns.footer-outer-cols {
        flex-wrap: wrap !important;
    }
    .wp-block-column.footer-col-left {
        margin-top: -100px;
        flex-basis: 100% !important;
    }
    .footer-col-left > .wp-block-group {
        align-items: center;
    }
}

@media screen and (max-width: 1180px) {
	.footer-outer .wp-block-columns.alignfull.footer-cols-right.is-layout-flex.wp-block-columns-is-layout-flex {
		column-gap: 2vw;
	}
	.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
        padding: .2rem 2px;
		line-height: .8;
    }
}
/* When the menu becomes a dropdown */
@media only screen and (max-width: 1024px) {
    body.admin-bar nav.site-navigation:not(.is-responsive) {
        top: 95px !important;
		background-color: var(--wp--preset--color--palette-8) !important;
    }
    /* adjust mobile menu dropdowns */
    .site-header .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, 
    .site-header .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, 
    .site-header .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
        min-width: unset;
        background-color: unset;
        margin-left: 30px;
    }
	.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
        padding: 1rem;
		line-height: 1.6;
    }
    .site-header .mobile-icon svg {
        width: 20px !important;
        min-height: 20px !important;
        margin-left: 14px;
        margin-top: 8px;
    }
    /* footer responsiveness */
    .wp-block-columns.footer-outer-cols {
        flex-direction: column;
    }
    .footer-col-center .footer-menu {
        align-items: center;
    }
    .wp-block-columns.footer-cols-right {
        margin-left: 8vw;
        margin-right: 8vw;
        gap: 6vw;
    }

}
@media screen and (max-width: 930px) {
	.investment-usp-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.investment-usp-grid .usp-box {
		grid-column: span 1;
	}
}
/* Mobile */
@media only screen and (max-width: 782px) {
    
    .footer-col-center .footer-menu {
        align-items: initial;
    }
    .wp-block-column.footer-col-left {
        margin-top: -50px;
    }
    .footer-col-left > .wp-block-group {
        align-items: initial;
    }
    .wp-block-columns.footer-cols-right {
        margin-left: initial;
        margin-right: initial;
    }
    .investment-banking-cta .wp-block-cover {
        height: 350px;
    }
}

@media only screen and (max-width: 600px) {
	body.admin-bar nav.site-navigation:not(.is-responsive) {
        top: 75px;
    }
    .site-header .wp-block-site-logo img {
        max-width: 70%;
        min-width: 163px;
        margin: 10px 0 10px 0;
    }
	.site-header .menu-items-row {
		column-gap: var(--wp--preset--spacing--40);
	}
	.site-header .client-access-stack {
		padding: 20px 0 !important;
	}
    .site-header .client-access-stack a.wp-block-button__link.wp-element-button {
        font-size: 15px;
        padding: 0 12px;
    }
/* 	Menu items gap and font size */
	.site-navigation.wp-block-navigation.full-height-nav > ul > li.wp-block-navigation-item > a {
        padding: .5rem 15px;
		font-size: 16px;
    }
    .wp-block-group.footer-outer {
        padding-left: var(--wp--preset--spacing--60) !important;
        padding-right: var(--wp--preset--spacing--60) !important;

    } 
    /* investment banking page card adjustment */
    .grid-auto-fit {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    /* Empower page responsive buttons/tabs */
    .wp-block-buttons.tabs.empower-tab-buttons {
        justify-content: center;
    }
    .empower-tab-buttons.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
        min-width: 120px;
        margin-right: 15px;
    }
}