/*
Theme Name: Oechsli Child
Theme URI: 
Author: oechsli
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: oechsli
Text Domain: oechsli-child
Tags: 
*/



.home .site-navigation a.wp-block-navigation-item__content { 
	color:#fff !important; }


/* Default styles: hide mobile header */
.site-header.mobile {
  display: none;
}

/* Media Query for Mobile Devices */
@media screen and (max-width: 768px) {

  /* Show mobile header */
  .site-header.mobile {
    display: block;
  }
}

/* Media Query for Desktops and Laptops */
@media screen and (min-width: 769px) {
  /* Show desktop header */
  .site-header {
    display: block;
  }
  /* Hide mobile header */
  .site-header.mobile {
    display: none;
  }
}


.wp-block-group-is-layout-flow > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-block-search { position:relative; }
.page-header { padding:1em 0; }




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

body[class*="header-transparent"]  .hero { padding-top:6em; }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
body[class*="header-transparent"]  .hero { padding-top:7em; }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
 
}
@media only screen and (min-width : 992px) {
body[class*="header-transparent"]  .hero { padding-top:9em; }
}


.wp-block-site-logo a, .custom-logo-link { min-width:200px; }
.wp-block-site-logo svg { width: 100%;height:auto; }

.hero { padding:2em 1em; }




.wp-block-cover.cover-contain .wp-block-cover__image-background { object-fit:contain; }




.card {
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding:1em;
}


.is-sticky {
    position: sticky;
    top: 100px;
    z-index: 99;
}
.offset-100 {
    top:100px;
}

.offset-150 {
    top:150px;
}

.offset-200 {
    top:200px;
}

.overflow-hidden { overflow:hidden; }
.width-100 { width:100%; }
.width-100.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container  { width:100%; }


.group-left-center {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    }




 .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }

  .wp-block-query-pagination-numbers {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .page-numbers {
    display: inline-block;
    padding: 3px 12px;
    margin: 0 2px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--wp--preset--color--palette-9);
     font-size: 18px;
     background-color: var(--wp--preset--color--palette-8);
  }

  .page-numbers.current {
    background-color:  var(--wp--preset--color--palette-1);
    color: var(--wp--preset--color--palette-9);
  }

  .page-numbers:hover {
    background-color: var(--wp--preset--color--palette-1);
  }

  .page-numbers.dots {
    margin: 0 8px;
    padding:3px 12px;
    border:0;
    background:none;
    color: var(--wp--preset--color--palette-8);
  }
    .page-numbers.dots:hover { background-color:none; }


.wp-block-query-pagination-previous,  .wp-block-query-pagination-next {   color: var(--wp--preset--color--palette-1); }
  .wp-block-query-pagination-next {
    display: inline-block;
    margin-left: 10px;
  
    text-decoration: none;
    
  }

  .wp-block-query-pagination-next-arrow {
    margin-left: 4px;
    font-size: 18px;
    vertical-align: middle;
  }



[class*="my-animate-"] {
    opacity: 0;
}


.my-animate-fadeinup {
    opacity: 0;
    transform: translateY(100%);
}




/*icon block*/
.wp-block-outermost-icon-block a:hover {
    transform: none;
}





/*team*/

span.title-cred {
    font-size: var(--wp--preset--font-size--xsmall);
}
  


/* Small Devices, Tablets */
@media only screen and (max-width: 991px) and (min-width: 768px) {


.site-logo .icon-container  {  width:90% !important; }
  [class*="wp-container-"].columns-1 { grid-template-columns: repeat(1, 1fr); }
  [class*="wp-container-"].columns-2 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-3 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-4 { grid-template-columns: repeat(3, 1fr); }
  [class*="wp-container-"].columns-5 { grid-template-columns: repeat(3, 1fr); }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 767px) {

.site-logo .icon-container  {  width:80% !important; }

  [class*="wp-container-"].columns-1 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-2 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-3 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-4 { grid-template-columns: repeat(2, 1fr); }
  [class*="wp-container-"].columns-5 { grid-template-columns: repeat(2, 1fr); }
}


/* Extra Small Devices, Phones */
@media only screen and (max-width: 576px) {

.site-logo .icon-container  {  width:70% !important; }

  [class*="wp-container-"].columns-1 { grid-template-columns: repeat(1, 1fr); }
  [class*="wp-container-"].columns-2 { grid-template-columns: repeat(1, 1fr); }
  [class*="wp-container-"].columns-3 { grid-template-columns: repeat(1, 1fr); }
  [class*="wp-container-"].columns-4 { grid-template-columns: repeat(1, 1fr); }
  [class*="wp-container-"].columns-5 { grid-template-columns: repeat(1, 1fr); }
}



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

}

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

}
/* 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 : 576px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}