/*
Theme Name: Luxwine - Child
Theme URI: http://okthemes.com/luxwine
Author: Cristian Gogoneata
Author URI: http://www.okthemes.com
Description: Vineyard, Winery  & Wine WooCommerce shop
Tags: white, light, dark, two-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, featured-images, full-width-template, microformats, sticky-post, theme-options
Text Domain: luxwine
Template: luxwine
Version: 1.0
=======
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../luxwine/style.css');

/* =Theme customization starts here
-------------------------------------------------------------- */
:root {
    --bronze: #AF7969;
}

#contact-form {
    &:before {
        display: block;
        height: 121px;
        background-image: url('/wp-content/uploads/2025/05/contact-pattern-scaled.png');
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    & form {
        background-color: transparent;
        max-width: 784px;
        margin: 0 auto;
        width: 100%;

        & .wpforms-field-label {
            position: absolute;
            color: white;
            font-family: 'Tinos';
            color: #7e7e7e;
            font-size: 14px;
            line-height: 15px;
        }

        & input {       
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid var(--bronze) !important;
            color: white !important;
            box-shadow: none !important;
        }

        & textarea {
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid var(--bronze) !important;
            color: white !important;
            box-shadow: none !important;
        }   
        & .wpforms-submit-container {
            margin-top: 35px !important;

            & button {
                background-color: var(--bronze) !important;
                color: white !important;
                margin: 0 auto !important;
                display: block;
                font-family: 'Ubuntu';
                font-weight: 300 !important;
                padding: 17px 55px;
                height: auto;
                border-radius: 0px !important;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 14px;
                line-height: 16px;
                box-shadow: none !important;
            }
        }        
    }
}

#interest-form {
	width: 100%;
/*     &:before {
        display: block;
        height: 121px;
        background-image: url('/wp-content/uploads/2025/05/contact-pattern-scaled.png');
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
    } */

    & form {
        background-color: transparent;
        max-width: 784px;
        margin: 0 auto;
        width: 100%;

        & .wpforms-field-label {
            position: absolute;
            color: white;
            font-family: 'Tinos';
            color: #7e7e7e;
            font-size: 14px;
            line-height: 15px;
        }

        & input {       
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid #271F1D !important;
            color: black !important;
            box-shadow: none !important;
        }

        & textarea {
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid #271F1D !important;
            color: black !important;
            box-shadow: none !important;
        }   
        & .wpforms-submit-container {
            margin-top: 35px !important;

            & button {
                background-color: var(--bronze) !important;
                color: white !important;
                margin: 0 auto !important;
                display: block;
                font-family: 'Ubuntu';
                font-weight: 300 !important;
                padding: 17px 55px;
                height: auto;
                border-radius: 0px !important;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 14px;
                line-height: 16px;
                box-shadow: none !important;
            }
        }        
    }
}


#timeline-chart {
    & .timeline-img {
        & img {
            max-width: 210px !important;
        }
    }
    
    & #cd-timeline{
        padding-top: 50px !important;

        &::before {
            background: var(--bronze) !important;
        }

        & .cd-timeline-block {
            &:nth-child(even) {
                .cd-timeline-img {
                    margin-left: -25px !important;
                }
            }

            &:nth-child(odd) {
                .cd-timeline-img {
                    margin-left: -30px !important;
                }
            }

            & .cd-timeline-content {
                & .cd-date {
                    color: var(--bronze) !important;
                }
        
                & .cd-timeline-content-wrapper {
                    padding: 44px 53px 40px 28px;
                    background: white;

                    & p {
                        color: #271f1d !important;
                        font-family: 'Ubuntu' !important;
                        font-size: 17px !important;
                        line-height: 31px !important;
                        margin-bottom: 0px !important;

                        &.cd-title {
                            color: var(--bronze) !important;
                            font-family: 'Tinos' !important;
                            font-size: 20px !important;
                            line-height: 23px !important;
                            margin-bottom: 22px !important;
                        }
                    }
                }
            }
        }
    

        & .cd-timeline-image {
            background: var(--bronze) !important;
        }         
    }       
}

.page-meta {
	background: #271F1D !important;
    & .page-meta-wrapper {
		padding: 45px 30px 60px 30px !important;
		
		& h1 {
			color: white !important;
		}
        & .has-topline {
			background: #AF7969 !important;
/*             display: none !important; */
        }
		
		& .header-page-description {
			color: #AF7969 !important;
			
			& p {
				font-size: 16px !important;
    			line-height: 22px !important;
			}
		}
    }
}
/* @media screen and (min-width: 992px) {
    .page-meta {
        & .page-meta-wrapper {
            padding: 200px 30px !important;
        }
    }
} */
@media (min-width: 768px) {
    .page-meta .header-page-description {
        width: 660px !important;
    }
}

.about-text {
    & p {
        margin: 0 0 15px;
        color: #271F1D;
        font-family: 'Ubuntu';
        font-size: 17px;
        line-height: 31px;
    }
}

.zigzag {
    & .vc_col-sm-7 {
        width: 54% !important;
    }

    & .vc_col-sm-5 {
        width: 46% !important;
    }
    
    
}


@media screen and (max-width: 992px) {
    .zigzag {
        & .vc_col-sm-7 {
            width: 50% !important;
        }
    
        & .vc_col-sm-5 {
            width: 50% !important;
        }
        
        
    }
}

@media screen and (max-width: 767px) {
    .zigzag {
        & .vc_col-sm-7 {
            width: 100% !important;
        }
    
        & .vc_col-sm-5 {
            width: 100% !important;
        }
        
        
    }
}

.error404 {
    & #content {
        padding: 0px 0 !important;
    }
}

#newsletter-footer {
    & form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        position: relative !important;
        border-bottom: 1px solid var(--bronze) !important;


        & .wpforms-field {
            padding: 0px !important;
            
            & input {
                border: none !important;
                background: transparent !important;
                color: var(--bronze) !important;
                box-shadow: none !important;
                padding: 0px !important;
            }
        }

        & .wpforms-submit-container {
            margin-top: 0px !important;
            background: transparent !important;
            position: absolute !important;
            width: fit-content !important;
            display: block !important;
            top: 0 !important;
            right: 0 !important;

            & button {
                color: var(--bronze) !important;
                background-color: transparent !important;
                margin: 0 auto !important;
                display: block;
                font-family: 'Tinos' !important;
                font-size: 14px !important;
                line-height: 16px !important;
                border: none !important;
                box-shadow: none !important;    
                text-transform: uppercase !important;
            }
        }
    }
}


#home-contact-form {
    & form {
        background-color: transparent;
        max-width: 784px;
        margin: 0 auto;
        width: 100%;

        & .wpforms-field-label {
            position: absolute;
            color: black;
            font-family: 'Tinos';
            color: #7e7e7e;
            font-size: 14px;
            line-height: 15px;
        }

        & input {       
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid var(--bronze) !important;
            color: black !important;
            box-shadow: none !important;
        }

        & textarea {
            background: transparent !important;
            border: none !important;
            border-bottom: 1px solid var(--bronze) !important;
            color: black !important;
            box-shadow: none !important;
        }   
        & .wpforms-submit-container {
            margin-top: 35px !important;

            & button {
                background-color: var(--bronze) !important;
                color: white !important;
                margin: 0 auto !important;
                display: block;
                font-family: 'Ubuntu';
                font-weight: 300 !important;
                padding: 17px 55px;
                height: auto;
                border-radius: 0px !important;
                text-transform: uppercase;
                letter-spacing: 2px;
                font-size: 14px;
                line-height: 16px;
                box-shadow: none !important;
            }
        }        
    }
}

.navigation-overlay {
    width: 300px;
    /* z-index: 9999; */

    & .nav-media-wrapper {
        background-color: #4B3D39;
    }
    
    & .nav {
        & a {
            color: white !important;
            padding: 4px;
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 23px;
            font-family: 'Tinos';
        }
    }    
}

.navigation-overlay ul li a:before {
    background: var(--bronze) !important;
}

footer nav li { text-align: center !important; }

.home {
	& header {
		& .logo-wrapper {
				& a {
					background-image: url('/wp-content/uploads/2025/05/logo-white.png');
					height: 100%;
					display: block;
					width: fit-content !important;
					margin: 0 auto !important;
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					
					
					& img {
						
						visibility: collapse;
					}
				}
			}
		
		& .navbar-fixed-top {
			& .logo-wrapper {
				& a {
					background-image: unset;
					& img {
						visibility: visible;
					}
				}
			}
		}
		
	}
}

/** SLIDER STYLES AND FIXES **/
sr7-tt-mask {
    overflow: visible !important;
}

#SR7_1_1 .metis .sr7-tab {
    overflow: visible !important;
}

#SR7_1_1 .metis .sr7-tab-title-mask {
    overflow: visible !important;
    overflow-x: hidden !important;
}

#SR7_1_1 .metis .sr7-tab-title{
	white-space: nowrap;
}

/** END SLIDER STYLES AND FIXES **/
/** HEADER STYLES **/
ul.second-nav-menu li.gg-header-search {
    display: none;
}

/** END HEADER STYLES **/
/** FOOTER STYLES **/
.footer-social-icons .elementor-social-icons-wrapper .elementor-social-icon {
    width: 18px;
    height: 18px;
}
.footer-social-icons .elementor-social-icons-wrapper .elementor-social-icon svg {
    width: 18px;
    height: 18px;
}
/** END FOOTER STYLES **/
/** HISTORY PAGE STYLES **/
@media screen and (max-width: 1024px){
	.history-logo-wrap .vc_custom_1746536782073 {
		padding-right: 5% !important;
		padding-left: 5% !important;
		margin-right: 0 !important;
	}
}
@media screen and (max-width: 991px){
	#cd-timeline .cd-timeline-content {
		margin: 0 0 35px;
		padding: 125px 0 0;
	}
	#timeline-chart .cd-timeline-content .cd-date {
		position: absolute;
		top: 0 !important;
		margin: 0 !important;
	}
}
@media screen and (max-width: 767px){
	#cd-timeline .cd-timeline-content {
		padding: 85px 0 0;
	}
}
/** END HISTORY PAGE STYLES **/
/** ARTICLES STYLES **/
.single-post header.site-header .page-meta .page-meta-wrapper h1, .post-template-default header.site-header .page-meta .page-meta-wrapper h1 {
    font-size: clamp(25px, 4vw, 41px);
    line-height: clamp(35px, 5vw, 55px);
    white-space: pre-wrap;
    word-break: break-word;
}

/** END ARTICLES STYLES **/
/** COMPANY PAGE STYLES **/
#company-page-wrap .vc_row.vc_column-gap-35 {
    margin-left: -15px;
    margin-right: -15px;
}

/** END COMPANY PAGE STYLES **/