/*
Theme Name: Villenoir - Child
Theme URI: http://okthemes.com/villenoir
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: villenoir
Template: villenoir
Version: 1.0
=======
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */
/*** 23/04/2017 MODIFICACIONES REDIMENSION.ES ***/
#bloque-redes-sociales {
    margin-top: 0px !important;
}
.z1 { z-index: 1; }
h2 { font-size: 65px; font-weight: bold; margin-top: 0; margin-bottom: -10px; }
.sub-title h2 { font-size: 48px; }
h3 { font-size: 36px; font-weight: bold; margin: 0; }
.text-white, .text-white h2, .text-white h3 { color: #fff !Important; }
.heading p.h_subtitle { color: #808080; }
.btn-instragram { background-color: #000000; border-color: #000000; color: #ffffff; z-index: 2; position: absolute; margin-top: -27px; width: 380px; }
.btn-instragram:hover { background-color: #000000 !important; }
.title-subtitle-box { margin-bottom: 0 !important; }
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0; }
header.site-header .page-meta h1 { font-size: 87px !important; font-weight: bold !important; }
/** woocommerce **/
.woocommerce-loop-product__title, .gg-product-meta-wrapper { display: none; }
ul.products .product .gg-product-image-wrapper { background: #ffffff; margin-bottom: 30px; padding: 0; position: relative; }
.title-ideal { font-size: 48px; font-family: 'Montserrat'; }
header.site-header .header-page-description p { margin-bottom: 15px; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 0px !important; }
#bloque-redes-sociales {
    margin-top: 0px!important;
}
header.site-header .logo-wrapper .brand, body.gg-has-stiky-menu .navbar-fixed-top.gg-shrink .logo-wrapper .brand { padding: 25px 0; }
body.gg-has-stiky-menu .navbar-fixed-top { height: 80px; }
.navbar-nav > li > a { padding: 30px 30px; }
footer.site-footer {padding: 0 0 30px !important;}
footer.site-footer .footer-message, footer.site-footer .footer-extras { margin-top: 50px !important; }

/*** CUSTOM ***/
html{
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}
/* rufina-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rufina';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/rufina/rufina-v17-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('assets/fonts/rufina/rufina-v17-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* rufina-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Rufina';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/rufina/rufina-v17-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('assets/fonts/rufina/rufina-v17-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
.title-1{
    font-family: 'Rufina', sans-serif;
    font-size: 56px;
    line-height: 1.1;
    letter-spacing: -0.6px;
}
.title-2{
    font-family: 'Rufina', sans-serif;
    font-size: 48px;
    line-height: 1.1;
    letter-spacing: -0.5px;
}
.text-m{
    font-family: "Inter", sans-serif;
    font-size: 20px;
    line-height: 1.4;
}
.text-m2{
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1.4;
}
.text-s{
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
}
.separator-quote{
    font-family: 'Rufina', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.1;
    letter-spacing: 0.3px;
    font-weight: 700;
    color: #3D7000;
}
.text-float-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mb-2{
    margin-bottom: 16px !important;
}
@media (max-width: 767px){
    .title-1{
        font-size: 34px;
    }
    .title-2{
        font-size: 36px;
    }
}
@media (pointer: coarse) {
    .grid-slider > .vc_row {
        display: flex !important;
        flex-flow: row nowrap !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .grid-slider > .vc_row .grid-slider-item {
        flex: 0 0 auto !important;
        width: 65%;
        scroll-snap-align: start;
        max-width: 450px;
        height: auto;
    }

    .grid-slider.show-dots > .vc_row{
        margin-bottom: 0 !important;
    }
    .grid-slider.show-dots:not(:has(+ .grid-slider-dots)) > .vc_row{
        padding-bottom: 50px;
    }

    .grid-slider-dots{
        display: flex;
        gap: 16px;
        justify-content: center;
        padding: 4px 0;
        margin-bottom: 16px;
    }

    .grid-slider-dot {
        width: 10px;
        height: 10px;
        background-color: #242729;
        border-radius: 50%;
        transition: background-color .2s ease-in-out;
    }

    .grid-slider-dot.active {
        background-color: #CCCCCC;
    }
}