/*
Theme Name: Gebrüder Looser Theme V2.0 (Astra Child)
Template: astra
Version: 1.0
*/

/* Import styles from the parent theme */
/* @import url("../astra/style.css"); */

/* Custom Styles will go here */


:root {
    /* Dark mode background */
    --ast-comment-inputs-background: rgb(20, 20, 20) !important;
    /* --ast-global-color-0: #FFFFFF; White for text and accents */
    /* --ast-global-color-1: #000000; Black background */
    /* --ast-global-color-2: #FFFFFF; -- Slightly lighter black for section background */
    /* --ast-global-color-3: #D3D3D3; Light grey text for better readability */
    /* --ast-global-color-4: #111111; Background on content -- White for links and highlights */
    /* --ast-global-color-5: #BBBBBB; Light grey for hover links */
    /* --ast-global-color-6: #333333; Darker grey for sidebar and footer background */
    /* --ast-global-color-7: #333333; Dark background for input fields */
    /* --ast-global-color-8: #777777; Border color */
}

/* Force Astra to use the mobile header on all screen sizes */
.ast-main-header-nav,
.ast-desktop-menu,
#ast-desktop-header {
    display: none !important;
    /* Hide the desktop menu */
}

.ast-mobile-menu-wrap {
    display: flex !important;
    /* Show the mobile header */
    visibility: visible !important;
    opacity: 1 !important;
}

/* Optional: Adjust logo spacing if duplicated */
.ast-site-identity {
    margin: 0 auto;
    text-align: center;
}

.ast-header-break-point .main-header-menu {
    background-color: rgb(26 26 26);
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {

    figcaption.wp-element-caption {
        background-color: #222;
        padding: 1rem 1rem 0.1rem 1rem;
        margin: 0;
    }
}

/*
.ast-mobile-header-content.content-align-flex-start{
    top: 0;
    left: 75%;
    background: #1a1a1a;
    height: 100vh;
    padding: 50px;
}
    */



/* Full-width Video Background */
.video-header-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    /* Ensure it covers the full viewport height */
    overflow: hidden;
}

.full-width-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensure the video covers the area */
    z-index: -1;
    /* Make sure the video stays behind the content */
}

/* Optional: Adjust the header content positioning */
.site-header-content {
    position: relative;
    z-index: 1;
    color: white;
    /* Make the text stand out */
    padding: 20px;
}

.site-title a {
    /* font-size: 3em;*/
    text-decoration: none;
    color: white;
    /* Adjust text color if necessary */
}

.video-header-wrapper {
    position: relative;
    width: 100%;
    /* Full width */
    /* using for not making it 100% height.. height: 0;
    padding-bottom: 40%; */
    /* Adjust the aspect ratio to make the header less high */
    overflow: hidden;
    /* Hide overflow to crop */
    background: #00000052;
    margin: 0 auto;
}

.video-header-wrapper iframe {
    position: absolute;
    top: 50%;
    /* Center the iframe vertically */
    left: 0;
    width: 100%;
    height: 200%;
    /* Increase the height slightly to fill the container */
    transform: translateY(-50%);
    /* Adjust the position to center vertically */
    object-fit: cover;
    /* Make the video cover the entire container */
}

img.attachment-large.size-large.wp-post-image,
img.attachment-full.size-full.wp-post-image {
    max-height: 80vh;
}

/* headerr images */
@media (max-width: 768px) {
    img.attachment-large.size-large.wp-post-image,
    img.attachment-full.size-full.wp-post-image {
        height: 60vh;
    }
}


/* header */
.ast-container, .ast-container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.ast-single-post-featured-section.post-thumb.ast-article-image-container--wide {
    position: relative; 
}

.ast-single-post-featured-section.post-thumb.ast-article-image-container--wide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

@media (min-width: 922px) {
    .ast-no-sidebar .site-content .ast-article-image-container--wide {
        margin-left: -130px;
        margin-right: -130px;
    }
}

@media (min-width: 1200px) {
    .ast-no-sidebar .site-content .ast-article-image-container--wide {
        margin-left: -270px;
        margin-right: -270px;
    }
}

@media (min-width: 1500px) {
    .ast-no-sidebar .site-content .ast-article-image-container--wide {
        margin-left: -395px;
        margin-right: -395px;
    }
}

@media (min-width: 2000px) {
    .ast-no-sidebar .site-content .ast-article-image-container--wide {
        margin-left: -670px;
        margin-right: -670px;
    }
} 

@media (min-width:600px){
    .entry-title {
        margin-top: -10rem;
        margin-bottom: 5rem;
        position: relative;
    }
}

@media (min-width:922px){
    .entry-title {
        margin-top: -12rem;
        margin-bottom: 6rem;
        position: relative;
    }
}

/*.wp-block-heading:first-of-type {
    margin-top: -14rem;
    margin-bottom: 6rem;
} */

/* navigation */
.ast-mobile-header-wrap .ast-mobile-header-content,
.ast-desktop-header-content,
.ast-header-break-point .main-header-menu {
    background: transparent;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page {
    background: transparent;
    text-align: right;
}

@media (max-width: 921px) {
    .ast-builder-menu-mobile .main-navigation .main-header-menu, 
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, 
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background: transparent !important;
    }
}

.menu-link {
    background: transparent;
    color: white !important;
    font-weight: bolder;
}

.menu-link:hover {
    color: #e4332c !important;
}

/*  button to go to top */
#ast-scroll-top {
    background-color: unset;
}

/* home */
.main-links {
    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        transform-origin: center;
    }

    .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:hover {
        transform: scale(1.1);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
}

/* form */

.wpcf7 {
    h2 {
        margin: 1rem 0 3rem 0;
    }
}

.wpcf7-response-output {
    border: none !important;
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    background-color: rgb(20, 20, 20);
    max-width: 40rem;
    max-height: 7rem;
    margin: 0rem;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=reset]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    background-color: rgb(20, 20, 20);
}


/* chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: rgb(20, 20, 20) !important;
    /* box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); */
    -webkit-box-shadow: 0 0 0 30px rgb(20, 20, 20) inset !important;
    /* Override autofill background */
    -webkit-text-fill-color: #fff !important;
    /* Text color */
    color: #9ca3af !important;
}

/* firefox */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
    background-color: rgb(20, 20, 20) !important;
}

.has-spinner {
    display: block;
    margin: 0 auto;
}