/* 
Theme Name: Oechsli Child andPartners
Theme URI: https://oechsli.com
Description: Oechsli Partners Theme
Author: Oechsli
Author URI: https://oechsli.com/
Template: oechsli
Version: 2024.01.15
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
*/

/* Home */

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

.hero-ribbon {    z-index: 999;
    margin-bottom: -50px !important;
    position: absolute;
}

.hero-ribbon-alt {       z-index: 999;
    position: absolute;
    top: -70px;
    right: 0;
    left: 0;
}

.site-cta .wp-block-cover { overflow:visible; }

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


/* Buttons */

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

/* Navigation */

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


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





/* Icon Background */

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


/*** Popup ***/


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

.modal {left: auto;}

/* Laptop */

/* Tablet */

@media screen and (max-width: 1024px) {
     /* home page hero video	 */
	.home .wp-block-cover.hero-img {
		min-height: 580px !important;
   }
}

/* Mobile */

@media screen and (max-width: 600px) {
	/* header	 */
	header div#site-header {
		padding-bottom: 10px !important;
		padding-top: 15px !important;
	}
	
	/* 	home page */
	.home .wp-block-group.has-base-background-color.has-background.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-9.wp-block-group-is-layout-flex {
		padding-top: 35px;
	}
	.home .wp-block-column.is-vertically-aligned-top.is-layout-flow.wp-block-column-is-layout-flow {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
     /* home page hero video	 */
	.home .wp-block-cover.hero-img {
		min-height: 380px !important;
		margin-top: 50px !important;
   }
	.home-us {
		padding-top: 22.5rem !important;
	}
	.quote-one .wp-block-column:nth-child(2n) {
		display: none;
	}
	.quote-two .wp-block-column:first-child {
		display: none;
	}
	.home-services {
		padding-top: 0 !important;
	}
	.home-services .has-palette-9-color {
		display: none;
	}
	.has-xsmall-font-size, .has-small-font-size {
		font-size: 16px !important;
	}
	/* Process page */
	.process-group {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-top: 30px !important;
}
    /* site cta	 */
	.site-cta .button-row,
	.site-cta .wp-container-core-group-is-layout-29 {
		flex-direction: column;
	}
	.site-cta .wp-block-heading {
		text-align: center;
	}
	footer .andpartner-nav {
    flex-direction: column;
}
}