/*
Theme Name: Hanzabau
Theme URI: 
Author: Tadej Leva
Author URI: 
Description: 
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: hanzabau
Tags: full-site-editing
*/
body{
    overflow-x: hidden;
}

main#wp--skip-link--target,.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    margin-block-start: 0 !important;
}
header.wp-block-template-part {
    box-shadow: 4px 4px 9px 3px rgba(0, 0, 0, 0.1);
    z-index: 999;
}
.wp-block-post-title{
    display:none !important;
}
.relative{
    position:relative;
}
.z-idex-1{
    z-index: -1;
}
.alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

.container{
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}
.red-rectangle::before {
        content: "";
        position: absolute;
        bottom: -20px;
        right: -20px;
        width: 306px;
        height: 354px;
        background-color: var(--wp--preset--color--contrast); /* set your desired color */
        z-index: -1;
}
.red-rectangle-left:before{
    left: clamp(-16px, 5vw, -20px);
    right: unset;
}
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
    fill: currentColor;
    height: 32px;
    width: 32px; 
}
.margin-block-start-0{
    margin-block-start: 0 !important;
}
.margin-block-start-xs{
    margin-block-start: var(--wp--preset--spacing--x-small) !important;
}
.margin-block-start-s{
    margin-block-start: var(--wp--preset--spacing--small) !important;
}
.color-white a{
    color: var(--wp--preset--color--base) !important;
}


.wp-block-getwid-content-slider.has-dots-inside .slick-dots li button:before,.slick-dots li button:before{
    color: #D9D9D9;
    opacity: 1;
}
.wp-block-getwid-content-slider.has-dots-inside .slick-dots li button{text-shadow: unset;}
.slick-dots li button:before{font-size: 14px;}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--wp--preset--color--contrast) !important;
}
.wp-block-getwid-content-slider-slide__wrapper{
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    margin: 2px;

}
.wp-block-getwid-content-slider.has-dots-inside .slick-dots{bottom: 60px;}
.wp-block-getwid-content-slider .slick-dots li{margin:0}
.max-width-906{max-width: 906px; margin: 0 auto;}
.max-width-300{max-width: 300px;}
form.wpcf7-form {
    max-width: 640px;
    margin: 0 auto;
}
.cols-block-shadow-storitve{box-shadow: 4px 4px 9px 3px rgba(0, 0, 0, 0.1);}
.img-black{filter: brightness(0%);}
/* Small devices (portrait tablets and large phones, 768px and down) */
.gap-s{
    gap: var(--wp--preset--spacing--small) var(--wp--preset--spacing--small);
}
.wpcf7-spinner{
    display:none;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3232;
}
.wpcf7-not-valid {
    border: 2px solid #dc3232 !important;
}
input {
    height: 50px;
    margin-top: var(--wp--preset--spacing--x-small);
    font-size: 16px;
    width: 100%;
    padding-left: 8px;
    border-radius:0;
}
label {
    font-weight: 600;
}
textarea{
    width: 100%;
    margin-top: var(--wp--preset--spacing--x-small);
}
.wpcf7-submit {
    background-color: var(--wp--preset--color--custom-contrast);
    border-radius: 0;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: var(--wp--custom--font-weight--bold);
    line-height: inherit;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    text-decoration: none;
    max-width: fit-content;
    cursor: pointer;
}
.wpcf7-submit:hover{
    background-color: var(--wp--preset--color--contrast);
}
.has-custom-secondary-color a {
    color: var(--wp--preset--color--custom-secondary) !important;
    text-decoration: none;
}
.has-custom-secondary-color a:hover,.color-white a:hover{
    color: var(--wp--preset--color--contrast) !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
    padding-top: 4rem;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #E06F26;}
.has-text-color a{
    color:unset !important;
    text-decoration:unset !important;
}
@media only screen and (min-width: 768px) {
    .half-image {
        margin-right: calc(50% - 40vw) !important;
        margin-left: unset !important;
        max-width: 100vw !important;
        height: 100%;
    }
    .half-image img{
          object-fit: cover;
        height: 100%;
    }
    .md-pr-large{
        padding-right:var(--wp--preset--spacing--large);
    }
    .md-pl-large{
        padding-left:var(--wp--preset--spacing--large);
    }
    .md-ptb-medium{
        padding-top: var(--wp--preset--spacing--medium);
        padding-bottom: var(--wp--preset--spacing--medium);
    }
}
@media only screen and (max-width: 768px) {
    .wp-block-getwid-images-slider__item.getwid-reset-height-tablet{
        height: 350px !important;
    }
    .sm-hide{
        display: none;
    }
    .sm-reverse{
        flex-direction: column-reverse;
    }
    .sm-order-2{
        order: 2;
    }
    .wp-block-spacer{
        height: 4rem !important;
    }
    .sm-justify-start{
        justify-content: flex-start !important;
    }
    .sm-margin-block-start-s{
        margin-block-start: var(--wp--preset--spacing--small) !important;
    }
    .sm-plr-1{padding-left: 1rem !important; padding-right: 1rem !important;}
    .sm-gap-0{
        gap:0 !important;
    }

    .sm-pb-05{
        padding-bottom: 0.5rem;
    }
    .sm-pb-0{
        padding-bottom: 0 !important;
    }
    .sm-pb-2{
        padding-bottom: 2rem !important;
    }
    .sm-gap-m{
        gap:var(--wp--preset--spacing--medium) !important;
    }
    .sm-pb-medium{
        padding-bottom:var(--wp--preset--spacing--medium) !important;
    }
    
    .sm-p-s{padding: var(--wp--preset--spacing--small);}
    .sm-pb-xxl-large{padding-bottom:var(--wp--preset--spacing--xxl-large) !important;}
    .grid-mobile{
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 8px !important;
        grid-row-gap: 16px !important;
    }
    .wp-block-media-text .wp-block-media-text__content{
        padding: 0;
    }
    .wp-block-media-text__media img, .wp-block-media-text__media video{
        max-width: 52px;
    }
    .wp-block-media-text .wp-block-media-text__content{
        font-size: 14px;
    }
    .wp-block-media-text{gap:var(--wp--preset--spacing--x-small)}
    .red-rectangle::before {
        bottom: -16px;
        right: -16px;
        width: 80%;
        height: 80%;
    }
    .sm-img-full-width{
        margin-left: -16px;
        margin-top: -16px !important;
        margin-bottom: -16px !important;
        width: calc(100% + 32px) !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
        gap: 2rem;
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
    padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    align-items: center;
    width: 100%;
}
.wp-block-navigation__responsive-container-close{
    right:1rem;
}
  
}