/*
Theme Name: UniBlock Child
Theme URI: https://www.wpzoom.com/themes/uniblock/
Template: uniblock
Description: This is a simple Child Theme.
Author: pstype smart web
Author URI: https://pstype.ch
Version: 1.0
*/

/* Write your custom CSS code below or add it in the Customizer > Additional CSS */

/* Defaults Smooth Scrolling 
---------------------------------------------------------------------------- */
html, body {
        scroll-behavior: smooth;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
    
body {
        font-family: var(--wp--preset--font-family--barlow);
        font-size: var(--wp--preset--font-size--medium);
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 10 4 5; /* TrennRegel */
}

a {-w-add-events:onclick=wScrollSmoothToTarget}


/*
*  Titel Hierarchie
_____________________________________________________________________________ */
h1,h2,h3,h4,h5,
h6 {
	font-family: var(--wp--preset--font-family--barlow);
}

h2 {
        font-size: 2.4rem !important;
	line-height: 1.3 !important;
}

h3 {
        font-size: 1.5rem !important;
	line-height: 1.5 !important;
}

/*
*  Blog
_____________________________________________________________________________ */

.wp-block-post-author__name {
        margin-bottom: 0px !important;
    }

/*
*  Button
_____________________________________________________________________________ */

.wp-block-button .wp-block-button__link:hover {
        background-color: #2A3139 !important;
}

/*
*  Soli Navigation
_____________________________________________________________________________ */

.wp-block-navigation {
        padding-top: 10px;
}

.wp-block-navigation__container {
        gap: 15px;
}

.wp-block-navigation .wp-block-navigation-item {
        border-right: 1px solid rgba(217,217,217,.5);
        padding-right: 15px;
}

/*.wp-block-navigation .wp-block-navigation-item:first-child,*/
.wp-block-navigation .wp-block-navigation-item:last-child {
        border:none;
}


/*
*  Block Abstaende
_____________________________________________________________________________ */




/*
*  Solimatt Hover
_____________________________________________________________________________ */
/* Hover SVG Icon */
.wp-block-outermost-icon-block svg:hover {
        color: #669900;
}

/* Styling Anchor
---------------------------------------------------------------------------- */
#services:target::before {
	content: "";
	display: block;
        height: 100px;
        outline: 2px solid red; /* Zur Sichtbarkeit */
	}


/*
*  Forminator global Absenderbutton zentriert
_____________________________________________________________________________ */
.forminator-row-last .forminator-field {
        display: flex;
        justify-content: center !important;
}

.forminator-button-submit {
        font-size: 16px !important;
        font-family: inherit;
        font-weight: 500;
    }

.forminator-button {
        padding: 13px 20px !important;
        border-radius: 4px !important;
}

#forminator-module-2058.forminator-design--material .forminator-checkbox input:checked + span[aria-hidden] {
        border-color: #A28564 !important;
}
#forminator-module-2058.forminator-design--material .forminator-checkbox span[aria-hidden]:not(.forminator-checkbox-image) {
        border-color: #A28564 !important;
        color: #A28564 !important;
}
        
/*
*  Transition Section Background Color
_____________________________________________________________________________ */
/*.scroll-color-change {
        background-color: #fff !important; /* Startfarbe 
        transition: background-color 4s ease-in-out; /* sanfter Uebergang 
      }
      
      .scroll-color-change.scrolled {
        background-color: pink !important; /* Ziel-Farbe 
}*/


/* Google Maps einbinden
---------------------------------------------------------------------------- */
.responsive-container {
	position: relative;
	padding-bottom: 36%;
	height: 0;
	overflow: hidden;
} 
.responsive-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Block Accordion Plugin von Phil Buchanan
---------------------------------------------------------------------------- */
.c-accordion__item {
        /* The accordion item container */
        padding: 10px 0;
        padding-top: 0px!important;
        margin: 0;
        border-top: 1px solid #ccc !important;
}
.c-accordion__item:last-child {
        border-bottom: 1px solid #ccc !important;
}
.c-accordion__title {
        /* An accordion item title */
        cursor: pointer;
        padding-right: 2rem;
        position: relative;
        padding-top: 0px !important; /* Abstand oben zu Spacerlinie */
}

h4.c-accordion__title {
                display: block;
                margin-block-start: .5em;
                margin-block-end: .3em;
                margin-inline-start: 0px;
                margin-inline-end: 0px;
                unicode-bidi: isolate;           
}








.c-accordion__title:focus {
        /* To modify the style when an accordion item title currently has broswer focus */
        color: #669900;
}
.c-accordion__title:hover {
        /* To modify the style when hovering over an accordion item title */
        color:#669900 !important;
}
.c-accordion__title:after {
        content: "+";
        font-weight: 300;
        font-size: 1.6rem !important;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
}
.c-accordion__title:hover::after {
        color:#669900 !important;
}
.c-accordion__content {
        padding: 0 !important;
        margin: 0 !important;
}
mark {
background: none;
        color: #669900;
}


/*
*  Media Queries
*  _____________________________________________________________________________ */

/* Small screen / tablet / 760px to 991px
*  max-width zeigt mobile */
@media (max-width: 991px) {

        /* Titel H1 bis H4 */
        h2 {
                font-size: 1.8rem !important;
                line-height: 1.4 !important;
                font-weight: 400 !important;
        }

        h3 {
                font-size: 1.4rem !important;
                line-height: 1.5 !important;
                font-weight: 400 !important;
        }

        .leadtxt {
                padding-left: 0 !important;
                
        }

        /* Block Klassen
        * ________________________________________ */

        .headlead {
                padding-top: 1vh !important;
        }

        .contsection {
                padding-top: 3vh !important;
        }

        .endsection {
                padding-top: 3vh !important;
                /* Abstand zu Footer  */
                padding-bottom: 4vh !important;
        }
        /* Abstandhalter */
                .space8vh {
                padding-bottom: 4vh !important;
        }

        /*  Mobile Slider
        *  ________________________________________ */

        .wp-block-bsb-slider .bsbCarousel .carousel-item {
        /*#bsbCarousel-09682538-a .carousel-item {*/
            height: 300px !important;
        }
        /* Titel */
        #bsbCarousel-81973ea7-c .bsbTitle {
                font-size: 32px !important;
            }
        /* Lead */
        #bsbCarousel-81973ea7-c p {
                font-size: 22px !important;
        }
        /* Slider Abfallend */
        .wp-block-group.has-background.mobile-slider-abfallend { /* .wp-block-group.has-background */
                padding-left: var(--wp--custom--spacing--outer) 0px !important;
                padding-right: var(--wp--custom--spacing--outer) 0px !important;
        }

        /*  Mobile Navigation
        *  ________________________________________ */
        /* Background */
        .wp-block-navigation__responsive-container.is-menu-open {
                /*background: rgb(192,174,171) !important;
                background: linear-gradient(180deg, rgba(192,174,171,1) 0%, rgba(226,195,190,1) 35%, rgba(254,227,223,1) 100%) !important;*/
                background: rgb(226,195,190) !important;
                background: linear-gradient(180deg, rgba(226,195,190,1) 0%, rgba(254,227,223,1) 100%) !important;
        }

        /* Trenner Navigation Menu Items ausblenden */
        .wp-block-navigation .wp-block-navigation-item {
                border:none;
        }

        /* Trenner Navigation Menu |  Social Media */
        .hrmobile {
                border: 1px solid  rgba(226,195,190,.85);
                width: 80%;
        }

        /* Hamburger Icon Mobile Navigation */
        .wp-block-navigation__responsive-container-open {
                margin: 0;
                padding-top: 3vh !important;
                padding-bottom: 3vh !important;
        }

        /* Logo Abstand zu Navigation */
        .wp-container-core-group-is-layout-2 {
                padding-top: 0vh !important;
                padding-bottom: 0vh !important;
        }



        /* SocialMedia Icon Groesse
        ________________________________________ */
        .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
                font-size: 42px;
        }

        /* Cover Block Mobile Hoehe */
        /*.spacer_66vh { 
                min-height: 40vh !important; 
                aspect-ratio: unset !important;
        }*/

        /* Styling Anchor
        ________________________________________ */


        /*  Footer
        *  ________________________________________ */               

        .footer-mobile {
                padding-right: 6vw !important;
                padding-left: 6vw !important;
        }

        /*  Modal
        *  ________________________________________ */ 
        .wp-block-cloudcatch-light-modal-block {
                margin-right: 20px !important;
                margin-left: 20px !important;
        }
       
}