/* 
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
*/

/* * * * POST ARCHIVE PAGES * * * */
#topicNavOuter {
	align-items: baseline !important;
	row-gap: 10px;
}
#postContentLinks #topicNavOuter >p {
	display:none;
}
div#financialTopicNav ul {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    column-gap: 2vw;
	row-gap: 0;
    justify-content: center;
    align-items: flex-end;
}
#financialTopicNav p {
	margin: 0;
}

nav.topic-filters {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
    gap: 15px;
}
.topic-filters a {
    text-decoration: none;
}
.topic-filters a:hover, .topic-filters a.active:hover {
   color: var(--wp--preset--color--palette-12);
}

.topic-filters a.active {
    color: var(--wp--preset--color--palette-2);
    font-weight: bold;
}
.topic-filter-empty {
    color: var(--wp--preset--color--palette-2);
	max-width: 1100px;
	padding-top: 70px;
	text-align: center;
}


.hero-spacer { flex-basis:0; }

/* Show the number by default, hide the link */
.number {
    display: inline;
    font-size: 50px;
    font-weight: bold;
    fill: var(--wp--preset--color--palette-1);
}


/* When hovering over the number, hide the number and show the link */
text .number {
    display: none;
}

text .hex-text {
    display: inline;
}





body.home:not(.scrolling).header-transparent-sticky-home .site-header {
    background: transparent !important;
    border:0 !important;
}
/* Partners Page */
.partner-logo img {
    width: auto !important;
}
.partner-logo-custom img {
	max-height: unset;
	max-width: 100%;
}
/* * * PARTNER LOGO TOOLTIP/bubble CSS * * */

/* 1. Container for the tooltip */
.oi-tooltip {
    position: relative;
    display: inline-block;
    font-weight: 500;
    cursor: help; /* Changes cursor to a question mark indicator */
}

/* 2. Building the tooltip bubble using pseudo-elements */
.oi-tooltip::after {
    content: attr(data-tooltip); /* Pulls text from the HTML attribute */
    position: absolute;
    bottom: 125%; /* Places it directly above the text */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333333;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 16px;
/*     white-space: nowrap; */
    z-index: 99999; /* Ensures it floats above other content */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out;
}
.oi-tooltip::after {
	white-space: normal !important;
	box-sizing: border-box;
	max-width: 350px;
	min-width: 275px;
	text-align: center;
}

/* 3. Make the tooltip visible on hover */
.oi-tooltip:hover::after {
    opacity: 1;
    visibility: visible;
}

/* 4. Optional: Add a small arrow pointing down to the text */
.oi-tooltip::before {
    content: "";
    position: absolute;
    bottom: 101%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 7px;
    border-style: solid;
    border-color: #333333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease-in-out;
    z-index: 99999;
}
.oi-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}



@media (min-width: 768px) {
body .site-header .custom-logo img {
 transition: all 0.4s ease-in-out;


}



body.scrolling .site-header .custom-logo img {
    filter:none !important;
width:150px !important;
}

}



body.scrolling .site-header { box-shadow:1px 1px 1px #eee; }

body.scrolling .site-header { background:#fff; }


.is-position-sticky { top:170px;  }
.scrolling #FocusColumn .focus { padding-top:170px !important; }


svg text a:hover, #centerText { fill:var(--wp--preset--color--palette-1); }
svg polygon { fill:var(--wp--preset--color--palette-12); }

.fn a, .entry-content p a  { color:var(--wp--preset--color--palette-12); }


body.header-sticky .site-header {  backdrop-filter: blur(10px);background-color:transparent !important; }
body.header-sticky header.wp-block-template-part { background-color:#ffffffa3; }


footer .wp-block-cover__image-background { transform: rotate(180deg); }

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

.my-blur .wp-block-cover__background {
    background-color: #f1f1f166 !important;
    backdrop-filter: blur(7px);
    opacity: 1 !important;
}



.is-style-custom-list li svg {
    height: 1em;
    width: 1em;
    fill: var(--wp--preset--color--palette-2);
}


.position-relative { position:relative; }
.hex-upper-left { 
    position: absolute;
    left: -125px;
    top: -100px;
    z-index: -1;
    transform: rotate(35deg);
}

.has-drop-cap:not(:focus):first-letter { font-size: 4.3em;color: var(--wp--preset--color--palette-12); }



.my-list { 

    gap: 20px;
    display: flex;
    flex-direction: column;
}

 
/* Media query for desktop screens */
@media (min-width: 768px) {
	.hex-card {
		width: 100% ;
		height: 720px;    
		mask: url(https://azura.oechsli.dev/wp-content/uploads/2024/06/awa-hexagon.svg);
		-webkit-mask: url(https://azura.oechsli.dev/wp-content/uploads/2024/06/awa-hexagon.svg);
		background-repeat: no-repeat;
		mask-repeat: no-repeat;
		padding:4rem !important;

	}
	
}

.hexagon-mask img, .service-media-text img {     
    -webkit-mask-image: url(https://azura.oechsli.dev/wp-content/uploads/2024/06/awa-hexagon.svg);
    /*-webkit-mask-size: 140px;*/
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    height:auto;
  
} 

.hexagon-mask.avatar img  { height:180px }



.team-quote { z-index:99; }

.overflow-visible { overflow:visible; }


.hex-image svg {position:absolute;height:180px;margin-block-start:0; }
.hex-image.top-right svg { top:0;right:0; }
.hex-image.bottom-right svg {bottom:0;right:0; }
.hex-image.bottom-left svg {bottom:0;left:0; }
.hex-image.top-left svg {top:0;left:0; }

.hex-image svg path { fill:#ffffff6b; }
.hex-image { position:relative; }


.wp-block-post-featured-imagex img:hover { filter:none!important; }
.wp-block-post-featured-imagex img {
    transition: filter 0.7s ease-in-out;
    filter: grayscale(100%);
}


.z-index { z-index:999; }

.is-style-custom-list.dark-list li svg{ fill:#fff; }


.centered-grid { display:flex;justify-content:center;max-width:900px; }

.centered-grid .wp-container-core-post-template-is-layout-1 {
    max-width:900px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: center; /* Center the entire grid content */
    gap: 20px; /* Adjust the gap between the grid items as needed */
}

.centered-grid .wp-container-core-post-template-is-layout-1 > li {
    grid-column: auto;
}

ol ::marker { font-siZe:18px;font-weight:bold;color:var(--wp--preset--color--palette-12); }




/*spring*/


.position-absolute { position:absolute; }



.my-block-mask img {    
 -webkit-mask-image: url(https://azura.oechsli.dev/wp-content/uploads/2024/07/awa-hexagon-pattern-blue-6.svg);
    -webkit-mask-size: 90%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
} 

.my-block-mask-alt img {    
 -webkit-mask-image: url(https://azura.oechsli.dev/wp-content/uploads/2024/07/awa-hexagon-pattern-blue-6.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
} 


.block-team-home .wp-block-post:nth-child(2) { margin-top:80px; }




/* class for keeping card arrow in the right hand corner */
.card-arrow-right {
    display: flex;
    justify-content: flex-end;
}
/* Position Home hero image - may need to remove or adjust for new image */
.top-of-image .wp-block-cover__image-background {
    background-position: 50% 18% !important;
}
/* Case study single position featured image */
.case-study-image img {
    position: absolute;
    z-index: 20;
    margin-top: -250px;
    left: 7vw;
}
/* Case Study or anywhere, raise top margin at desktop size only */
.mt-minus-big-fw-only {
    margin-top: calc((3vw + 90px) * -1) !important;
}
/* Take the border-bottom of the last item in a list of posts */
ul.border-bottom-list li:last-child > div {
    border-bottom: unset !important;
}
.increment-li {
    counter-reset: post-counter;
}
li p.has-xsmall-font-size.has-palette-10-color:before {
    counter-increment: post-counter;
    content: "(00" counter(post-counter) ")";
}
.accordion-item.is-active h3 {
    color: var(--wp--preset--color--palette-10);
}
/*
/* Make home case study's slider's arrow visible 
.vandalia-slider .slider-nav::after {
    background: var(--wp--preset--color--palette-6) !important;
}
@media screen and (max-width: 1360px) {
    .top-of-image .wp-block-cover__image-background {
        background-position: 78% 0% !important;
    }
    .case-study-image img {
        position: relative;
        z-index: 20;
        margin-top: 0;
        left: 0;
   }
    .case-study-r-col {
        flex-basis: 65% !important;
    }
    .case-study-l-col {
        flex-basis: 45% ;
    }
    .mt-minus-big-fw-only {
        margin-top: 40px !important;
    }
}

@media screen and (max-width: 768px) {
    .case-study-image {
        display: none;
    }
    .case-study-image img {
        position: relative;
        z-index: 20;
        margin-top: 0;
        left: unset;
   }
    .mt-minus-big-fw-only {
        margin-top: -20px !important;
    }
    .hide-at-mobile {
        display: none !important;
    }
    /* A class to make covers shorter at mobile
    .mobile-min-200 {
        min-height: 200px !important;
    }
}

*/


.has-sun.center-sun { overflow-y:hidden;clip-path: inset(-100px 0 0 0);  }

.center-sun:before { right: 50% !important;left: 50% !important;top: -15% !important;
filter: blur(95px) !important;
    width: 80% !important;
    height: 120px !important;


     }


.right-bottom-sun:before { 
     right: -10% !important;
    left: auto;
    bottom: -20% !important;
    top: auto;


}

.left-top-sun:before {     
    left: 20%;
    top: 40%; }

.has-sun:before {
    content: '';
    background-color: #50a4d4;
       filter: blur(190px);
    border-radius: 100%;
    width: 570px;
    height: 380px;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 0;
}


.z-index-10 { z-index:10; }


.main-button a {     box-shadow: 0 2px 200px 50px #50a4d480; }



.card-arrow {
    transition: transform 0.3s ease-in-out; /* Ensure smooth transition is applied to both states */
}

.card:hover .card-arrow {
    transform: rotate(45deg); /* Rotate on hover */
}

.card { transition: background-color 0.8s ease; }
.card:hover {   background-color:var(--wp--preset--color--palette-11) !important; }

/* Media query for phone screens */
@media screen and (max-width: 1024px) {
	
	/* Process page - making grid 1 column responsively	 */
	.wp-block-group.process-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.wp-block-group.process-grid .text-stack {
		grid-gap: var(--wp--preset--spacing--50);
	}
	
	.wp-block-group.home-hero-stack {min-height: 90vw !important;}
	
	svg#Layer_1 {
    width: 300px;
}
}



/* Active navigation item underline - matches Contact Us button style */
body.home nav.site-navigation a.wp-block-navigation-item__content[href="/"],
body.page-about nav.site-navigation a.wp-block-navigation-item__content[href*="/about"],
body.page-team nav.site-navigation a.wp-block-navigation-item__content[href*="/team"],
body.page-services nav.site-navigation a.wp-block-navigation-item__content[href*="/services"],
body.page-process nav.site-navigation a.wp-block-navigation-item__content[href*="/process"],
body.page-licensing nav.site-navigation a.wp-block-navigation-item__content[href*="/licensing"],
body.page-insights-resources nav.site-navigation a.wp-block-navigation-item__content[href*="/insights-resources"] {
    border-bottom: 2px solid var(--wp--preset--color--palette-12);
    padding-bottom: 6px;
}

/* Remove always-on underline from Contact Us button */
nav.site-navigation .wp-block-button__link {
    border-bottom: none !important;
}

/* Show underline on Contact Us only when on contact page */
body.page-contact nav.site-navigation .wp-block-button__link {
    border-bottom: 2px solid var(--wp--preset--color--palette-12) !important;
}


@media (max-width: 768px) {
.page-hero h1 { text-align:center; }

 body nav.site-navigation:not(.is-responsive) {top: 78px;}

.custom-logo img { width:150px !important; }

.hero-spacer { flex-basis:50px !important; }

.my-footer-navigation ul { flex-direction:column !important; }
.my-super-tall-container { min-height:0 !important; }
.my-footer-contact-btn { width:100%; }
.my-colophon-container { padding-bottom:50px !important; }
#site-colophon, .site-credit-container{ display: flex !important;justify-content: center !important;}
.site-credit,.site-colophon { width:100%;display:flex;justify-content:center; }

body.header-transparent-sticky .site-header { background:#fff !important; }

}