/*
 Theme Name:   Twenty Twenty-Three Child Motomation
 Description:  Design-Anpassungen für Motomation
 Author:       M. Freyt, Motomation
 Template:     twentytwentythree
 Version:      1.0.0
*/

/* Set max width for page content */
body .wp-site-blocks {
    max-width: 1400px;
    margin: 0 auto; 
    background-color: #ffffff;
}

/* Set dark grey background color for the entire page */
body {
    background-color: #999999; 
}

/* Ensure inner blocks have full width */
body .wp-block {
    max-width: 100%;
    box-sizing: border-box;
}

h1 {
font-size: 40px;
}

h3 {
font-size: 20px;
}

h4 {
font-size: 16px;
}

.wp-block-heading{
padding-bottom: 0px;

}

header {
  position: absolute;
  top: 10px;
  text-align:left;
  z-index:9999;
} 

.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
margin-top:80px;
}

footer a, footer p {
  color: white;
}

footer li::marker {
  color: white;
}


.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
padding-top:20px
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left:198px;
}


.search-icon {
position:relative;
top:-12px;
}

#wp-block-search__input-1 {
border-block-end:1px solid #aaa;
}

.wp-block-search .wp-block-search__label, .wp-block-search .wp-block-search__input, .wp-block-search .wp-block-search__button {
border:0px;
}

.wp-block-search .wp-block-search__label, .wp-block-search .wp-block-search__input {
margin-left: 100px;
border-bottom:1px #ffffff;
background-color: #00ff0000;

}

.wp-block-search__inside-wrapper {
height:25px;
}

#metaslider-id-164 {
    border-top: 1px solid rgb(183, 32, 37);
    border-bottom: 1px solid rgb(183, 32, 37);
    width:100vw;
    left: calc((100vw - 100%) / -2);
}

.wp-block-separator {
border: 1px solid #ddd;
}

.wp-block-contact-form-7-contact-form-selector {
text-align:center;
}

#upfp_container strong {
  display: flex;
}

.woocommerce-tabs {
  padding-top: 0px;
}

.woocommerce-Tabs-panel {
  padding-top:0px;
}

.wp-site-blocks > main {
  margin-block-start: 1.5rem;
  margin-block-end: 0;
  margin-top: 40px;
  margin-left: 70px;
  margin-right: 70px;
}

@media only screen and (max-width: 782px) {
.wp-site-blocks > main {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
}

.responsive-flex-group {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping on desktop */
    align-items: flex-start;
}

.wp-block-post-excerpt {
padding-top: 50px;
}

.woocommerce-breadcrumb {
}

/* Responsive Styles for Mobile */
@media (max-width: 768px) {


.is-layout-flow > * {
padding-left:5px;
}
    .responsive-flex-group {
        flex-direction: column; /* Stack items vertically on mobile */
        align-items: flex-start; /* Align items to the start */
    }

    .responsive-flex-group .wp-block-post-featured-image {
        margin-right: 0; /* Remove right margin on mobile */
        margin-bottom: 10px; /* Add bottom margin for spacing */
    }

    .wp-block-post-excerpt {
        width: 100%; /* Ensure excerpt takes full width on mobile */
    }


.woocommerce-breadcrumb {
position:relative;
top:-20px;
left:10px;
}

header {
  position: absolute;
  top: -20px;
  text-align:left;
  z-index:9999;
} 

}

.wc-block-grid__products .wc-block-grid__product-image {
    height: 200px; /* Set your desired height */
    overflow: hidden; /* Hide overflow if necessary */
}

.wp-block-video {
    overflow: hidden;
    height: 400px;
    width: auto;
    display: flex;
    justify-content: center; 
    align-items: center;     
}

@media only screen and (max-width: 440px) {
    .n2-section-smartslider {
        display: nne;
    }
}

.search_icon {
  top:0px;
  position:relative;
}