/*
Theme Name: Truckenbrod Augenoptik Standard
Template:   twentytwentyfive
Theme URI: https://www.truckenbrod-augenoptik.de/
Author: Peter Truckenbrod
Author URI: https://www.truckenbrod-augenoptik.de/
Description: Das Standard Theme für die Augenoptik Truckenbrod Website
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
*/

@keyframes einblend-animation {
     from {
        opacity: 0.1;
    }
     to {
        opacity: 1;
    }
}
 @keyframes scroll-animation {
     from {
        opacity: 0.1;
         margin-top: 100px;
    }
     to {
        opacity: 1;
         margin-top: 20px;
    }
}
 .tr-einblenden {
     animation-name: einblend-animation;
     animation-duration: 3s;
}
 .tr-scroll {
     animation-name: scroll-animation;
     animation-duration: 1s;
}
 .tr-no-gap{
     gap: 0px;
     margin-block-start: 0px;
}
 .tr-grid-img{
     height: 100%;
     max-width: 2000px !important;
}
 .tr-grid-img > img{
     width: 100%;
     height: 100%;
     max-height: 1000px;
     object-fit: cover;
}
 .link-underline > a {
     position: relative;
     color: #fff;
     text-decoration: none;
}
 .link-underline > a:hover {
     color: #fff;
}
 .link-underline > a::before {
     content: "";
     position: absolute;
     display: block;
     width: 100%;
     height: 1px;
     bottom: 0;
     left: 0;
     background-color: #fff;
     transform: scaleX(0);
     transition: transform 0.3s ease;
}
 .link-underline > a:hover::before {
     transform: scaleX(1);
}
 .tr-menu-item >a{
     word-break: keep-all;
}
 @media (min-width: 1150px) {
     .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
         background-color:inherit !important;
         display: inline-block !important;
         position: relative !important;
         width: 100% !important;
         z-index: auto !important 
    }
     .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
         display: none !important 
    }
     .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
         left: 0 !important 
    }
}
 @media (min-width: 1150px) {
     .wp-block-navigation__responsive-container-open:not(.always-shown) {
         display:none !important;
    }
}
 @media (min-width: 600px) {
     .wp-block-navigation__responsive-container-open:not(.always-shown) {
         display: flex;
    }
     .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
         display: none;
    }
}
 @keyframes sub-einblend-animation {
     from {
        opacity: 0.1;
         max-height:0px;
    }
     to {
        opacity: 1;
         max-height:1000px;
    }
}
 @keyframes sub-dreh-animation {
     from {
        rotate: 0deg;
    }
     to {
        rotate: 180deg;
    }
}
 @keyframes sub-dreh-back-animation {
     from {
        rotate: 180deg;
    }
     to {
        rotate: 0deg;
    }
}
 @media (max-width: 1149px) {
     .tr-submenu-toggled .wp-block-navigation__submenu-icon{
         animation-name: sub-dreh-animation;
         animation-duration: 1s;
         rotate: 180deg;
    }
     .tr-submenu-not-toggled .wp-block-navigation__submenu-icon{
         animation-name: sub-dreh-back-animation;
         animation-duration: 1s;
    }
     .tr-submenu-toggled ul{
         display: block !important;
         animation-name: sub-einblend-animation;
         animation-duration: 1s;
    }
     .tr-submenu-not-toggled ul {
         display: none !important;
    }
     .wp-block-navigation__submenu-icon {
         display: inline !important;
         align-self: flex-end !important;
         margin-left: 98% !important;
         height: 1.5em !important;
         width: 1.5em !important;
    }
     .wp-block-navigation-item__content{
         display: inline !important;
    }
     .wp-block-navigation-submenu{
         display: inline-block !important;
         align-items: flex-start !important;
         align-self: flex-start !important;
    }
     .wp-block-navigation__responsive-container-content{
         text-align:left;
         align-items: flex-start !important;
    }
     .wp-block-navigation .wp-block-navigation-item{
         align-items: flex-start !important;
         align-self: flex-start !important;
    }
     .wp-block-navigation__container{
         width: 100%;
    }
     .wp-block-navigation__container > .tr-menu-item{
         width: 100%;
         border-bottom: solid;
         min-height: 65px;
    }
     .wp-block-navigation__submenu-container{
         padding-bottom: 20px !important;
    }
     .wp-block-cover{
         min-height: 230px !important;
         max-height: 230px !important 
    }
     .tr-mobile-flex-header-right{
         flex-basis: 30% !important;
    }
     .tr-mobile-flex-header-left{
         flex-basis: 70% !important;
    }
}

 @media (min-width: 1150px) {
	 .tr-mobile-flex-header-left{
	flex-basis: 30% !important;
}

.tr-mobile-flex-header-right{
	flex-basis: 70% !important;
}
}

.wp-block-create-block-submit-block{
	font-size: 1rem !important;
	font-weight: bold !important;
	padding-top: 0.8em !important;
	padding-bottom: 0.8em !important;
	padding-left: 1.2em !important;
	padding-right: 1.2em !important;
	margin-top: 1em !important;
}