@import url("_reset.css");
@import url("_columns.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;300;400;500;600;700;900&display=swap');

/* struttura */
    html { font-family: 'Noto Sans', sans-serif; font-size:16px;  }
    #wrapper { position:relative; z-index:1; width:100%; overflow:hidden; letter-spacing:.3px; margin:0 auto; max-width:2560px; }
    .innerTpl { position:relative; max-width:1920px; margin:0 auto; }
    .hide-desktop { display:none; }
    ::-webkit-scrollbar              { background:#EEE; width:15px; height:5px; }
    ::-webkit-scrollbar-button       { }
    ::-webkit-scrollbar-track        {}
    ::-webkit-scrollbar-track-piece  { }
    ::-webkit-scrollbar-track-piece:start {  }
    ::-webkit-scrollbar-thumb        { background:#AAA; }
    ::-webkit-scrollbar-thumb:window-inactive { }
    ::-webkit-scrollbar-button:horizontal:decrement:hover {}
    ::-webkit-scrollbar-corner       { }
    ::-webkit-resizer                { }

/* testi */
    h1, h2, h3, h4, .title, .subtitle, .text { position:relative; -webkit-font-smoothing: antialiased; word-wrap: break-word; font-smoothing: antialiased; color:#000; }
    h1, h2, h3, h4, .title { margin-bottom:35px; }
    h1,
    .title { font-size:2.75rem; line-height:3.25rem; font-weight:600; color: #7f2c2a; }
    h2,
    .subtitle { font-size:2rem; line-height:2.5rem; font-weight:400; color:#333; }
    h3 { font-size:1.5rem; line-height:2rem; font-weight:300; }
    h4 { font-size:1.25rem; line-height:1.75rem; font-weight:700; }
    .text { font-size:1.15rem; line-height:2rem; }
    .text.bigger { font-size:1.7rem; line-height:2.5rem; }
    .text p { margin:0 0 15px 0; }
    .text img { max-width:100% !important; height:auto !important; margin: 25px; }
    .title a,
    .subtitle a { color:#000; border-bottom:1px solid #000; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
    .text a { color:#7f2c2a; border-bottom:1px solid #7f2c2a; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
    .title a:hover,
    .subtitle a:hover,
    .text a:hover { border-color:transparent; }
    .title ul li,
    .subtitle ul li,
    .text ul li { list-style-type:disc; margin-left:30px; }
    .title ol li,
    .subtitle ol li,
    .text ol li { list-style-type:decimal; margin-left:25px; }
    strong, b { font-weight:700; }
    em, .em { font-style:italic; }

/* misc */
    hr { background:#DDD; height:1px; color:#DDD; border:0; margin:20px 0; width:100%; }
    hr:after { content: ""; display: block; clear:both; }
    .fa, .fab, .fad, .fal, .far, .fas { color:#000; font-size:24px; position:relative; margin:0 3px; }
    .fa-brands, .fab-brands, .fad-brands, .fal-brands, .far-brands, .fas-brands { color:#000; font-size:30px; position:relative; margin:0 3px; }
    .button { font-size:0.875rem; text-transform:uppercase; padding:15px 45px 15px; margin:25px 0 0 0; text-align:center; display:inline-block; color:#FFF; cursor:pointer; border:0; background:#000; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
    .button:hover { background:#7f2c2a; }
    .button.right { float:right; }
    .transition-050 { -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
    .transition-025 { -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
    #goToTop { position:fixed; z-index:3; right:-51px; bottom:45px; border:0; width:48px; height:48px; background:#000; display:block; cursor:pointer; text-align:center; opacity: 0.5; }
    #goToTop:hover { background:#7f2c2a; opacity: 1; }
    #goToTop i { color:#FFF; line-height:48px; font-size:30px; }
    #goToTop:hover i { color:#FFF; }	

/* header */
    .header { position:relative; width:100%; z-index:5; background:#FFF; }
    .header:after { content: ""; display: block; clear:both; }
    .header .column { height:150px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; overflow:visible;  }
    .header .column img.logo { display: none; margin-top:25px; max-height:100px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  }
    .header .column img.logo.color { display: inline-block;}
    .header .social { float:right; margin:40px 25px 0 0;  }
    .header .social i { color:#000; position:relative; font-size:25px; text-align:center; padding:6px 5px 4px 6px; }
		.header .social i.fa-brands { font-size:35px; padding-top:2px; }
    .header .social i:hover { color:#7f2c2a; }
    .header .social i a { position:absolute; top:0; left:0; width:100%; height:100%; }
    .header .navOpenButton { float:right; width: 40px; height: 40px; position: relative; margin:50px 0px 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }
    .header .navOpenButton span { display: block; position: absolute; height: 2px; width: 100%;  background:#000; border-radius:1px; opacity:1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    .header .navOpenButton:hover span { width: 40px !important; }
    .header .navOpenButton span:nth-child(1) { top: 0px; width: 40px; }
    .header .navOpenButton span:nth-child(2) { top: 8px; width: 40px; }
    .header .navOpenButton span:nth-child(3) { top: 16px; width: 32px; left:8px; }
    .header .navOpenButton:hover span:nth-child(3) { left:0; }
    .header .navOpenButton.open span:nth-child(1) { width:40px; left:0; top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
    .header .navOpenButton.open span:nth-child(2) { opacity: 0; }
    .header .navOpenButton.open span:nth-child(3) { width:40px; left:0; top: 10px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
    .header .chooseLang { float:right; padding:10px 0 0 0; vertical-align:top; width:70px; padding-right:25px; background:url(../images/misc/open-choose-lang.png) right 16px no-repeat; cursor:pointer; }
    .header .chooseLang a {  font-size:1.125rem; line-height:1.125rem; color:#000; display:none; margin-bottom:7px; width:inherit; text-align:left; }
    .header .chooseLang a:hover { font-weight:700; }
    .header .chooseLang.open a:last-child { padding-bottom:10px; }
    .header .chooseLang a.selected { display:block;font-weight:700;  }
    /*
    .header .text { font-size:1rem; float:right; margin:47px 100px 0 0; color:#999; }
    body.scrolled .header .text { margin-top:25px; }
    .header .text a { color:#999; border-color:#DDD; padding-bottom:2px; }
    .header .text a:hover {  border-color:transparent; }
    */
    body[fixed_header="1"] .header { position: fixed; background:transparent; }
    body[fixed_header="1"] .header .column img.logo.white { display: inline-block; }
    body[fixed_header="1"] .header .column img.logo.color { display: none;}
    body[fixed_header="1"] .header .social i { color:#FFF;  }
    body[fixed_header="1"] .header .social i:hover { color:#7f2c2a;  }
    body[fixed_header="1"] .header .navOpenButton span { background:#FFF;  }

    /*
    body[fixed_header="1"] .header .text { color:#FFF; }
    body[fixed_header="1"] .header .text a { color:#FFF; border-color:#FFF; }
    body[fixed_header="1"] .header .text a:hover {  border-color:transparent; }
    */
    body.scrolled .header { position:fixed; box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%); background: #FFF; }
    body.scrolled .header .navOpenButton { margin-top:30px; }
    body.scrolled .header .column { height:80px; }
    body.scrolled .header .column img.logo { margin-top:10px; max-height:55px; }
    body.scrolled .header .column img.logo.white { display: none; }
    body.scrolled .header .column img.logo.color { display: inline-block;}
    body.scrolled .header .social { margin-top: 22px; }
    body.scrolled .header .social i { color:#000;  }
    body.scrolled .header .social i:hover { color:#7f2c2a;  }
    body.scrolled .header .navOpenButton span { background:#000;  }
    /* 
    body.scrolled .header .text { color:#999; }
    body.scrolled .header .text a { color:#999; border-color:#DDD; }
    body.scrolled .header .text a:hover {  border-color:transparent; } 
    */

/* nav */
    #navMobileBg { display:none; position:fixed; z-index:3; top:0; left:0; height:100%;  background:#7f2c2a; opacity: 0.97; width:100%; }

    #navMobile { position:fixed; top:0; left:-100%; z-index:4; width:100%; height:100%; overflow-y:auto; }
    #navMobile .menu { padding:100px 4% 100px 8%; margin:0 auto; }
    #navMobile .menu ul {   }
    #navMobile .menu ul li { position:relative; }
    #navMobile .menu ul li:first-child { padding-top:0; }
    #navMobile .menu ul li.l1 { margin-top:10px; }
    #navMobile .menu ul li.l1[attr="0"]:after { content:""; display:none; }
    #navMobile .menu ul li a { color:#FFF; }
    #navMobile .menu ul li.l1 { padding:5px 0; }
    #navMobile .menu ul li.l1 a {  font-size:3rem; line-height:4.5rem; font-weight: 400; }
        #navMobile .menu ul li a:hover { color:#7f2c2a; background:#FFF; padding: 0px 20px 5px 20px; margin-left: -20px; }
    #navMobile .menu ul.l2 { margin:0; padding:10px 0 25px 20px;  }
    #navMobile .menu ul li.l2 { padding:6px 0;}
    #navMobile .menu ul li.l2 a { font-size:2rem; line-height: 2.5rem; font-weight: 400; }
    #navMobile .menu ul li.on a { font-weight: 600; }
    #navMobile .menu ul li .open { display:inline-block; margin:0 0 0 20px;  position:relative; top:-6px; cursor:pointer; opacity:0.7; }
    #navMobile .menu ul li .open:after { content: "\f078"; font-family: "Font Awesome 6 Pro"; font-weight:300; font-size: 30px; color:#FFF; line-height:1.75rem; }
    #navMobile .menu ul li .open.active:after { content: "\f077"; }
    #navMobile .menu ul li .open:hover { opacity:1; }
    #navMobile .navOpenButton { z-index:10; top:60px; left:8%; width: 40px; height: 40px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }
    #navMobile .navOpenButton span { display: block; position: absolute; height: 2px; width: 100%;  background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    #navMobile .navOpenButton:hover span { background:#FFF; }
    #navMobile .navOpenButton span:nth-child(1) { top: 0px; width: 40px; }
    #navMobile .navOpenButton span:nth-child(2) { top: 8px; width: 40px; }
    #navMobile .navOpenButton span:nth-child(3) { top: 16px; width: 32px; }
    #navMobile .navOpenButton.open span:nth-child(1) { width:34px; top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
    #navMobile .navOpenButton.open span:nth-child(2) { opacity: 0; }
    #navMobile .navOpenButton.open span:nth-child(3) { width:34px; top: 10px; -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }	

    #nav2 { margin:0 auto 30px auto; }
    #nav2:after { content: ""; display: block; clear:both; }
    #nav2 .c10 { border-top:1px solid #000; border-bottom:1px solid #000; padding:15px 0; }
    #nav2 ul { }
    #nav2 ul li { display:inline-block; }
    #nav2 ul li.sep { margin:0 20px; width:1px; background:#000; height:15px; }
    #nav2 ul li.sep:nth-child(2) { display:none; }
    #nav2 ul li.parent { margin:0 30px 0 0; }
    #nav2 ul li.lv2 a,
    #nav2 ul li.parent a { font-size:0.95rem; line-height:1.75rem; color:#000; font-weight:700; }
    #nav2 ul li.parent a { background:#7f2c2a; padding:5px 7px; text-transform:uppercase; }
    #nav2 ul li.lv2 a:hover { border-bottom:1px solid #000; }
    #nav2 ul li.lv2 a.on { color:#FFF; background:#000; padding:5px 7px; }
    #nav2 ul li.lv2 a.on:hover { border-bottom:0; }


/* footer */
    #footer { background:#FFF;   }
    #footer .c10 { padding:80px 0 100px 0; margin:80px 0 0 0; border-top: 1px solid #4b4b4a;  }
    #footer:before { content: ""; display: block; clear:both; }
    #footer:after { content: ""; display: block; clear:both; }
    #footer .title { font-size:1.25rem; line-height:2rem; color:#4b4b4a; font-weight: 700; margin-bottom: 20px; }
    #footer .text { font-size:1.15rem; line-height:1.85rem; color:#4b4b4a; }
    #footer .title a, 
    #footer .text a { color:#4b4b4a; border:0; }
    #footer .title a:hover, 
    	#footer .text a:hover { color: #7f2c2a; }	
    #footer .social { padding:0; }
    #footer .social i { color:#000; position:relative; font-size:30px; text-align:center; padding:6px 5px 4px 6px; }
		#footer .social i.fa-brands { font-size:35px; padding-top:2px; }
    #footer .social i:hover { color:#7f2c2a; }
    #footer .social i a { position:absolute; top:0; left:0; width:100%; height:100%; }		

    #footer .impressum { margin:40px 0 50px 0; text-align: center; }	
    #footer .impressum .text { font-size:.9rem; line-height:1.5rem; color:#4b4b4a; }
    #footer .impressum .text a { color:#4b4b4a; border-bottom:1px solid #4b4b4a; }
    #footer .impressum .text a:hover { border-color:transparent; }

/* form */
    form { position:relative; }
    form .column { padding:0 0 30px 0; }	

    form input,
    form select,
    form textarea,
    form label {  font:400 16px/45px 'Noto Sans', sans-serif; position:relative; color:#000; -webkit-box-sizing:border-box; box-sizing: border-box; }
    form input,
    form select,
    form textarea { border:1px solid #DDD; width:100%; padding:0 15px; margin:0 0 15px 0;  }
    form input.on,
    form select.on,
    form textarea.on { border-left:4px solid #F00; }		
    form input,
    form select { height:45px; }	
    form input.on,
    form select.on {  }
    form label .mandatory { display:inline; color:#000; font-weight:700; font-size:20px; line-height:45px; }
    form textarea { height:100px;}
    form input.checkbox { width:20px; height:20px; border:1px solid #CCC; }

/* share */
    #share	{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:0 0 15px 0; margin:100px 0 50px 0; text-align: center; }
    #share .text { color:#000; display:inline-block; margin:0 10px 0 0; position:relative; top:25px; line-height:50px; }
    #share .inner { display:inline-block; }
    #share i { color:#000; border:1px solid #000; font-size:22px; line-height:50px; border-radius:50%; height:50px; width:50px; font-weight:300; }
    #share i:hover { color:#000; background:#000; }
    #share i:hover:before { color:#FFF;  }

/* template */
    #template { position:relative; z-index:1; width:100%; height:100%; margin:0; padding-top:0;  }
    body.scrolled #template { padding-top: 80px; }

/* plugin */
    .slideshow { width:100%; height:100%; }
    .slideshow .item { position:relative; height:600px; }
    .slideshow .item .url { position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; }
    .slideshow .item .innerTpl { height:inherit; }
    .slideshow .slick-arrow { top:calc(50% - 22px); z-index:2; display:inline-block; cursor:pointer; padding:0; width:auto; height:auto; font-weight:300;  }
    .slideshow .slick-arrow:before { font-family: "Font Awesome 6 Pro"; color:#FFF; opacity:.5; font-size:45px;  display: inline-block; }
    .slideshow .slick-arrow:hover:before { color:#FFF; opacity:1; }

    .slideshow .slick-arrow.slick-prev { left:30px; }
    .slideshow .slick-arrow.slick-prev:before { content: "\f053"; /* width:50px; height:50px; */ display:block; }
    .slideshow .slick-arrow.slick-prev:hover:before {  }
    .slideshow .slick-arrow.slick-next { right:30px; text-align: right; }
    .slideshow .slick-arrow.slick-next:before { content: "\f054"; /* width:50px; height:50px; */ display:block; }
    .slideshow .slick-arrow.slick-next:hover:before {  }
    .slideshow .slick-dots { text-align:center; left:0; right:0; margin:auto; padding:0; bottom:30px; z-index:10;  }
    .slideshow .slick-dots li  { display:inline-block; }
    .slideshow .slick-dots li button { display: block; text-indent: -9999em; text-transform:uppercase; cursor:pointer; float:left; width: 18px;height: 18px; background: #CCC; border:0; border-radius:15px; margin:0 4px; }
    .slideshow .slick-dots li:hover button{ background:#7f2c2a;}
    .slideshow .slick-dots li.slick-active button { background:#7f2c2a; }


/* sezioni */
    section.section { position:relative; padding:50px 0; }
    section.section:before { content: ""; display: block; clear:both; }
    section.section:after { content: ""; display: block; clear:both; }

    section.section .nav-azienda { padding: 40px 0 40px; background:#FAFAFA; }
    section.section .nav-azienda p { position: relative; top: 3px; display: inline; font-size: 1.15rem; line-height: 22px; margin: 0; margin: 0 15px 0 0; }
    section.section .nav-azienda p a { color: #000; }
    section.section .nav-azienda p a:hover { color: #7f2c2a; }
    section.section .nav-azienda p i { display: none; margin:0 10px 0 0; padding: 0; font-size: 30px; position: relative; top: 4px; cursor: pointer; }
    section.section .nav-azienda p.open i { display: inline-block; }
    section.section .nav-azienda i.icon { position: relative; top: 5px; margin:0 0 0 20px; padding: 0; font-size: 27px; cursor: pointer; font-weight: 300; }
    section.section .nav-azienda i.icon:hover { color: #7f2c2a; }
    section.section .nav-azienda input[name=cerca-viticoltore] { float: right; border:1px solid #DDD; background: #FFF; width:200px; height: 40px; color: #777; padding:0 15px; font:400 16px/45px 'Noto Sans', sans-serif; }

    #section-dettaglio-azienda .wrapper-gallery  {  padding: 0; }
    #section-dettaglio-azienda .wrapper-gallery .slick-slider { margin:0 90px; width: calc(100% - 180px); }
    #section-dettaglio-azienda .wrapper-gallery .slick-arrow { top: 50%; }
    #section-dettaglio-azienda .wrapper-gallery .slick-arrow:before { color:#000; font-weight: 100; }
    #section-dettaglio-azienda .wrapper-gallery .slick-arrow.slick-prev { left:0px; }
    #section-dettaglio-azienda .wrapper-gallery .slick-arrow.slick-next { right:0px;  }
    #section-dettaglio-azienda .wrapper-gallery .slick-slide { margin: 0 2px; }
    #section-dettaglio-azienda .wrapper-gallery .item { height:450px; }
    #section-dettaglio-azienda .ctn { padding: 0 90px; }
    #section-dettaglio-azienda .www { margin:25px 0 75px 0; }
    #section-dettaglio-azienda .www i { margin: 0 0 0 15px; color: #7f2c2a; font-size: 30px; position: relative; top: 6px; }
    #section-dettaglio-azienda .logo-indirizzo .logo { margin-bottom:30px; }
    #section-dettaglio-azienda .google-map iframe { height: 500px !important; width: 100% !important; border: 0 !important; }
    #section-dettaglio-azienda .wrapper-video { margin:75px 0 0 0; }    
    #section-dettaglio-azienda .wrapper-video iframe { height: 700px !important; width: 100% !important; border: 0 !important; }
    #section-dettaglio-azienda .descrizione { margin:75px 0 0 0; } 
    #section-dettaglio-azienda .descrizione .title { color: #7f2c2a; }
    #section-dettaglio-azienda .descrizione_2 { margin:75px 0 0 0; padding: 75px 0 0 0; border-top:1px solid #ddd; } 

    #section-dettaglio-articolo .wrapper-gallery .slick-slider { margin:0 90px; width: calc(100% - 180px); }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow { top: 50%; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow:before { color:#000; font-weight: 100; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow.slick-prev { left:-30px; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow.slick-next { right:-30px;  }
    #section-dettaglio-articolo .wrapper-gallery .slick-slide { margin: 0 2px; }
    #section-dettaglio-articolo .wrapper-gallery .item { height:450px; }
    #section-dettaglio-articolo .dettaglio-articolo-header { height: 800px;  }
    #section-dettaglio-articolo .intro { margin-top: 75px;  }
    #section-dettaglio-articolo .intro .c6:nth-child(1) { padding-right:8%; }
    #section-dettaglio-articolo .desc { margin: 50px 0; }
    #section-dettaglio-articolo .desc .download-document { background: #7f2c2a; padding: 25px 4%; margin:50px 0 0 0; }
    #section-dettaglio-articolo .desc .download-document p { color: #FFF; font-size: 1.5rem; margin: 0; }
    #section-dettaglio-articolo .desc .download-document p a { color: #FFF; border-bottom: 1px solid transparent; }
    #section-dettaglio-articolo .desc .download-document p a:hover { border-bottom: 1px solid #FFF; }
    #section-dettaglio-articolo .desc .download-document i { font-size: 30px; color: #FFF; margin:0 15px 0 0; position:relative; top:3px; }
    #section-dettaglio-articolo .wrapper-video { margin:75px 0 0 0; }    
    #section-dettaglio-articolo .wrapper-video iframe { height: 700px !important; width: 100% !important; border: 0 !important; }
    #section-dettaglio-articolo .ctn { padding: 0 90px; }

    #section-viticoltori .list .item { float: left; position: relative; }
    #section-viticoltori .list .item,
        #section-viticoltori .list .item img.media { height: 354px; width: auto; }
    #section-viticoltori .list .item { margin: 0 2px 2px 0; }
    #section-viticoltori .list .item a.link { position: absolute; top:0; left: 0; width: 100%; height: 100%; }
    #section-viticoltori .list .item:before { display: none; content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#7f2c2a; opacity:.7; }
    #section-viticoltori .list .item:hover:before { display: block;  }
    #section-viticoltori .list .item .title { display: none; position: absolute; top: 150px; left: 0; right: 0; text-align: center; height: 100%; color: #FFF; font-size: 1.2rem; line-height: 1.75rem; padding: 0 8%; font-weight: 400; }
    #section-viticoltori .list .item:hover .title { display: block;  }


    #section-viticoltori .list .wrapper-list { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;  }
    #section-viticoltori .list .ctn { position: relative; z-index: 1; }
    #section-viticoltori .list .ctn[attr="list"] { padding: 50px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
    #section-viticoltori .list .ctn[attr="list"] ul { break-inside: avoid; padding-bottom: 25px; }
    #section-viticoltori .list .ctn[attr="list"] .first-letter { display: block; font-weight: 700; color:#7f2c2a; font-size: 1.5rem; line-height: 2rem; margin-bottom: 5px; }
    #section-viticoltori .list .ctn[attr="list"] .list-link { display: inline-block; color:#000; font-size: 1.25rem; line-height: 2.25rem; }
    #section-viticoltori .list .ctn[attr="list"] .list-link:hover {  background:#7f2c2a; color:#FFF; padding: 5px 10px; margin-left: -10px; }
    #section-viticoltori .list .wrapper-list[attr="list"] { background: #EEE; }
    #section-viticoltori .list .wrapper-list[attr="grid"] { /* background: #666; */ }


@media (max-width: 1921px) {

/* testi */

/* header */
    .header .column { height:140px; }	
    .header .column img.logo { max-height:90px; margin-top:20px; }

/* nav */	
    #navMobile .menu ul li.l1 a {  font-size:3rem; line-height:4rem;  }

/* sezioni */
    #section-dettaglio-azienda .google-map iframe { height: 400px !important; }
    #section-dettaglio-azienda .wrapper-video iframe { height: 600px !important; }
    
    #section-dettaglio-azienda .wrapper-gallery .slick-slider { margin:0 85px; width: calc(100% - 170px); }
    #section-dettaglio-azienda .ctn { padding: 0 85px; }

    #section-dettaglio-articolo .wrapper-video iframe { height: 600px !important; }


}

@media (max-width: 1651px) {
    .slideshow .item { height:500px; }
    
    #section-dettaglio-azienda .wrapper-gallery .item { height:400px; }
    
    #section-dettaglio-articolo .wrapper-gallery .item { height:400px; }
}

@media (max-width: 1441px) {

/* testi */

/* struttura */	
    #wrapper .innerTpl { max-width:100%; }	

/* header */
    .header .column { height:120px; }	
    .header .column img.logo { max-height:70px; margin-top:25px; }	

/* nav */	

/* sezioni */
    section.section { padding:30px 0; }

    #section-dettaglio-azienda .wrapper-gallery .item { height: 350px; }
    
    #section-dettaglio-articolo .dettaglio-articolo-header { height:650px; }
    #section-dettaglio-articolo .wrapper-gallery .item { height: 350px; }
    #section-dettaglio-articolo .wrapper-gallery .slick-slider { margin:0 40px; width:calc(100% - 80px); }    
    #section-dettaglio-articolo .ctn { padding: 0; } 
    
    #section-viticoltori .list .ctn[attr="list"] { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    
    #section-viticoltori .list .item,
        #section-viticoltori .list .item img.media { height: 319px; }
    
    
    #section-dettaglio-azienda .ctn { padding: 0; }
    #section-dettaglio-azienda .wrapper-gallery .slick-slider { margin:0 40px; width:calc(100% - 80px); }

}

@media (max-width: 1281px) {

/* struttura */	
    html { font-size: 14px; }

/* header */
    .header .column { height:100px; }	
    .header .column img.logo { max-height:55px; margin-top:20px; }

/* nav */	


/* plugin */


/* sezioni */
    #section-dettaglio-azienda .google-map iframe { height: 300px !important; }
    #section-dettaglio-azienda .wrapper-video iframe { height: 400px !important; }
    #section-dettaglio-azienda .wrapper-gallery .item { height: 300px; }
    
    #section-dettaglio-articolo .dettaglio-articolo-header { height:500px; }
    #section-dettaglio-articolo .wrapper-video iframe { height: 400px !important; }
    #section-dettaglio-articolo .wrapper-gallery .item { height: 300px; }
    
    #section-viticoltori .list .item,
        #section-viticoltori .list .item img.media { height: 354px; }

}

@media (max-width: 1025px) {

/* struttura */	
    html { font-size: 13px; }
    .hide-desktop  { display:block; }
    .hide-tablet { display:none; }	

/*testi */
    h1, .title { font-size:2.25rem; line-height: 3rem; margin-bottom: 25px; }
    h2, .subtitle { font-size:1.75rem; line-height: 2.25rem; margin-bottom: 25px; }
    .text.bigger { font-size:1.3rem; line-height: 2.25rem; }
    
/* nav */
    #navMobile .menu ul li .open { top:-4px;  }


/* misc */	


/* header */	


/* footer */
    #footer .c3 { min-height:300px;  }

/* plugin */	
    .slideshow .item { height:500px; }

/* sezioni */
    #section-dettaglio-azienda .wrapper-gallery .item { height: 300px; }
    
    #section-dettaglio-articolo .dettaglio-articolo-header { height:450px; }
    #section-dettaglio-articolo .intro .c6:nth-child(1) { padding-right: 0; }
    #section-dettaglio-articolo .wrapper-gallery .item { height: 300px; }
    
    
    #section-viticoltori .list .item,
        #section-viticoltori .list .item img.media { height: 283px; }

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

}

@media (max-width: 769px) {

/* testi */
    em, .em { font-size:2rem; line-height:2.5rem; }
    .em p:before { font-size: 30px; line-height:2.5rem;  }
    .em p:after { font-size: 30px; line-height:2.5rem; }

/* struttura */	
    html { font-size: 12px; }

/* nav */
    #nav2 .c10 { overflow-x: auto;  }
    #nav2 ul { width:max-content; }

/* misc */	
    hr { margin:15px 0; }

/* headder */	

/* footer */

/* plugin */	
    .slideshow .item { height:400px; }

/* sezioni */
    #section-dettaglio-azienda .wrapper-gallery .item { height: 225px; }
    #section-dettaglio-azienda .wrapper-gallery .slick-arrow:before { font-size: 30px; } 

    #section-dettaglio-articolo .preview-image { margin-top: 30px; }
    #section-dettaglio-articolo .text img { width: 100% !important; height: auto !important; margin: 30px 0 !important; float: none !important; display: inline-block !important; }
    #section-dettaglio-articolo .wrapper-image img.media { width: 100% !important; height: auto !important; margin: 30px 0 !important; float: none !important; display: inline-block !important; }
    #section-dettaglio-articolo .dettaglio-articolo-header { height:400px; }
    #section-dettaglio-articolo .wrapper-gallery .item { height: 225px; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow:before { font-size: 30px; }
    
    #section-viticoltori .list .item,
        #section-viticoltori .list .item img.media { height: 283px; }

/* footer */	
    #footer { padding:75px 0 100px; margin:30px 0 0 0; }
    #footer .tp12 { padding:25px 0; text-align:center; }
    #footer .social { float:none; }
    #footer .social .text { display:block; float:none; margin:0 0 -5px 0; }
}

@media (max-width: 641px) {

/* struttura */	
    html { font-size: 14px; }	
    .hide-desktop  { display:block; }
    .hide-tablet { display:block; }
    .hide-mobile { display:none; }

/* misc */	

/* testi */
    em, .em { font-size:1.75rem; line-height:2.25rem; }
    .em p:before { font-size:26px; line-height:2.25rem;  }
    .em p:after { font-size:26px; line-height:2.25rem; }

/* header */	
    .header .social { display:none;}
    .header .navOpenButton { margin-top:35px; }
    
/* nav */		
    #navMobile .menu { padding-top:100px; }
    #navMobile .menu ul li.l1 a {  font-size:2rem; line-height:2.5rem;  }
    #navMobile .menu ul li .open { top: -3px; }
    #navMobile .menu ul li .open:after { font-size:20px; }
    

/* plugin */
    .slideshow .slick-arrow.slick-prev { left:10px; }
    .slideshow .slick-arrow.slick-next { right:10px; }

/* footer */
    #footer .c3 { min-height:auto;  }

/* plugin */	
    .slideshow .item { height:300px; }

/* sezioni */
    
    section.section .nav-azienda input[name=cerca-viticoltore] { float: none; width:calc(100% - 32px); margin: 25px 0; }
    
    #section-dettaglio-azienda .wrapper-video { margin-top:50px }
    #section-dettaglio-azienda .wrapper-video iframe { height: 300px !important; }
    #section-dettaglio-azienda .wrapper-gallery .slick-slider { margin:0 20px; width: calc(100% - 40px); }
    #section-dettaglio-azienda .wrapper-gallery .slick-slide { margin:0; }
    #section-dettaglio-azienda .wrapper-gallery .item { height: 180px; text-align: center; overflow: hidden;}
    #section-dettaglio-azienda .wrapper-gallery .item img { height: 210px; margin:auto; }
    #section-dettaglio-azienda .google-map iframe { margin:25px 0; }
    
    #section-dettaglio-articolo .dettaglio-articolo-header { height:300px; }
    #section-dettaglio-articolo .desc .download-document { text-align: center; }
    #section-dettaglio-articolo .desc .download-document p { display: block; }
    #section-dettaglio-articolo .desc .download-document i { display: block; margin: 0 0 20px 0; }    
    #section-dettaglio-articolo .wrapper-video { margin-top:50px }
    #section-dettaglio-articolo .wrapper-video iframe { height: 300px !important; }
    #section-dettaglio-articolo .wrapper-gallery .slick-slider { margin:0 20px; width: calc(100% - 40px); }
    #section-dettaglio-articolo .wrapper-gallery .slick-slide { margin:0; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow.slick-prev { left: -21px; }
    #section-dettaglio-articolo .wrapper-gallery .slick-arrow.slick-next { right: -10px; }
    
    #section-viticoltori .list .ctn[attr="list"] { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding: 25px; }
    
    #section-viticoltori .list .item { width:100%; height: auto; }
    #section-viticoltori .list .item img.media { width:100%; height: auto; }
    

}

@media (max-width: 321px) {
    
/* sezioni */
    #section-viticoltori .list .item .title { font-size:1.25rem; line-height: 1.5rem; top: 80px; }

}


