@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap');
/*
Theme Name: Cantina Barisan
Author: LOGICWEB srl
Author URI: https://logicweb.it/
Description: Cantina Barisan - 2025
Version: 1.0
License: GNU General Public License v2 or later
*/

/*  FONTS e COLORI */
:root {
	--blue: #94BBCE; 
	--green: #BABE8F;
	--red: #BE8FA5;
	--grey: #F2F1F1;
	--yellow: #D5BB92;
	--black: #000000;
	--white: #FFFFFF; 
	--violet : #5B4F4F;
	--poppins: "Poppins", sans-serif; /* 400;500;600;700 */
	--crimson: "Crimson Text", serif; /* 400;600;700 */
	--font-title: 'Bodoni Moda', sans-serif;
}

/* GENERAL */
html,body {  
	margin:0;
	padding:2px;
	background-color:var(--white);
	color:var(--black);
	font-family: var(--crimson);
	font-weight: 400;
	line-height: 1.2;
	font-size: 16px !important;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
}


img,a img {
	border:none!important;
	object-fit: cover;
	width:100%;
	height:100%;
	vertical-align: middle;
}

::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#000;
}

* {
	outline:0!important;
}

b,strong,.bold { 
	font-weight:600;
}

.medium strong { 
	font-weight:500;
}

.bold strong{
	font-weight: 700;
}

a,a:visited { 
	outline-style:none;
	text-decoration:none;
	color:var(--black);
}

a:hover {  
	cursor:pointer !important;
	text-decoration:none;
}

/* TYPO */

.crimson{
	font-family: var(--crimson);
	font-weight: 400;
}

.poppins{
	font-family: var(--poppins);
	font-weight: 400;
}
.big{
	font-size: 1.25rem;   
}

.semibig{
	font-size: 1.18rem;   
}

.title_product{
	font-size: 1.3rem; 
}



.bigger{
	font-size: 1.3rem;   
}

.small{
	font-size: 0.85rem !important;	 
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ 
	color:var(--black);
	padding:0;
	margin:0;
}


#hero_section h1, #hero_section.h1{
	font-family: var(--poppins);
	font-weight: 600 !important;
	font-size:2rem;
	line-height:1.2;
	color: var(--white);
}

h1,.h1{
	font-family: var(--crimson);
	font-weight: 600 !important;
	font-size:2.5rem;
	line-height: 1;
	color: var(--white);
}


h2{
	font-family: var(--poppins);
	font-weight: 600;
	line-height: 1.4;
	font-size:1.7rem;
	color: var(--black);
}

.h2{
	font-family: var(--poppins);
	font-weight: 600;
	line-height: 1.3;
	font-size:2rem;
	color: var(--black);
}


h3,.h3{
	font-family: var(--crimson);
	font-weight: 600;
	font-size:1.5rem;
	color: var(--black);
}

h4,.h4{
	font-family: var(--poppins);
	font-weight: 500 !important;
	font-size:1.1rem;
	line-height: 1.4;
	color: var(--black);
}
p{
	margin: 0;
	padding:0;
}

/* SPAZIATURE */

@media(min-width: 1400px){
	.container-fluid{
		padding-left: 10vw;
		padding-right: 10vw;
	}
	.container-left{
		padding-left: 10vw;	
		padding-right: 0;
	}
	.container-right{
		padding-right: 10vw;	
		padding-left: 0;
	}	
}

@media (min-width: 992px){ 
	.container-fluid{
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.container-left{
		padding-left: 5vw;	
		padding-right: 0;
	}
	.container-right{
		padding-right: 5vw;	
		padding-left: 0;
	}
}

.m-fluid {
	margin: clamp(1rem, 3vw, 2rem);
}

.mx-fluid {
	margin-left: clamp(1rem, 3vw, 2rem);
	margin-right: clamp(1rem, 3vw, 2rem);
}

.my-fluid {
	margin-top: clamp(1rem, 3vw, 2rem);
	margin-bottom: clamp(1rem, 3vw, 2rem);
}

.mt-fluid {
	margin-top: clamp(1rem, 3vw, 2rem);
}

.mb-fluid {
	margin-bottom: clamp(1rem, 3vw, 2rem);
}

.m2-fluid {
	margin: clamp(2rem, 6vw, 4rem);
}

.mt2-fluid {
	margin-top: clamp(2rem, 6vw, 4rem);
}

.mb2-fluid {
	margin-bottom: clamp(2rem, 6vw, 4rem);
}

.mx2-fluid {
	margin-left: clamp(2rem, 6vw, 4rem);
	margin-right: clamp(2rem, 6vw, 4rem);
}

.my2-fluid {
	margin-top: clamp(2rem, 6vw, 4rem);
	margin-bottom: clamp(2rem, 6vw, 4rem);
}

/* Padding */

.p-fluid {
	padding: clamp(1rem, 3vw, 2rem);
}

.px-fluid {
	padding-left: clamp(1rem, 3vw, 2rem);
	padding-right: clamp(1rem, 3vw, 2rem);
}

.py-fluid {
	padding-top: clamp(1rem, 3vw, 2rem);
	padding-bottom: clamp(1rem, 3vw, 2rem);
}

.pt-fluid {
	padding-top: clamp(1rem, 3vw, 2rem);
}

.pb-fluid {
	padding-bottom: clamp(1rem, 3vw, 2rem);
}

.p2-fluid {
	padding: clamp(2rem, 6vw, 4rem);
}

.px2-fluid {
	padding-left: clamp(2rem, 6vw, 4rem);
	padding-right: clamp(2rem, 6vw, 4rem);
}

.py2-fluid {
	padding-top: clamp(2rem, 6vw, 4rem);
	padding-bottom: clamp(2rem, 6vw, 4rem);
}

.pt2-fluid {
	padding-top: clamp(2rem, 6vw, 4rem);
}

.pb2-fluid {
	padding-bottom: clamp(2rem, 6vw, 4rem);
}

.ml10{
	margin-left:10px;
}

.pb10{
	padding-bottom: 10px;
}

.pt10{
	padding-top: 10px;
}

.mt30{
	margin-top:30px;
}

.pt100{
	padding-top:100px;
}

.mt50{
	margin-top:50px;
}

.mobile-bottom{
	margin-bottom:40px;
}
.inline-block{
	display: inline-block;
}

iframe{
	height: 400px;
	vertical-align: middle;
}

/* LOADER */

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 9999; 
	top:0;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loader-inner {
	border: 4px solid rgba(255,255,255,0.6);
	border-top: 4px solid var(--violet); 
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* HEADER */

#header{
	position: absolute;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height: auto;
}

#header .navbar{
	padding-top: 40px;
}

#header .navbar-brand{
	position: absolute;
	top: -50%;
	left:50%;
	transform: translateX(-50%);
	width: 120px;
	height: auto;
}

#header .navbar-brand svg{
	width: 100%;
	height:100%;
}

#header #navigazione_open{
	background-color: var(--violet);
	position: fixed;
	z-index:10;
	top:0;
	left:-80%;
	width:80%;
	height: 100vh;	
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	flex-direction: column;
	transition:0.3s;
}

#header #navigazione_open.visible{
	left:0;
	transition:0.3s;
}

#header #navigazione_open ul{
	list-style: none;
	padding:0;
	margin:0;
}

#header #navigazione_open ul li a{
	color: var(--white);
	font-family: var(--crimson);
	font-size:2rem;
}

#header #navigazione_open ul li a:hover{
	text-decoration: none;
	color: rgba(255, 255, 255, 0.75);
	transition: color 0.3s;
}

#header #navigazione_open .current_page_item a{
	color: rgba(255, 255, 255, 0.75);
}

#header .menu_navigazione svg{
	width:25px;
}

#header .menu_navigazione:hover{
	cursor:pointer;
}

.menu_navigazione.open svg line {
	stroke: #000000;  
	transition: all 0.3s ease;  
}

.menu_navigazione.open svg #Linea_1, .menu_navigazione.open svg #Linea_3 {
	opacity: 0; /* Nasconde la linea centrale */
}


.page-template-page-home .navbar .navbar-brand g, .page-template-page-home .navbar .navbar-brand path{
	fill: #fff;
}

.page-template-page-home .navbar .menu_navigazione g, .page-template-page-home .navbar .menu_navigazione line{
	stroke: #fff;
}

/* FOOTER */


#footer{
	margin-bottom:50px;
}

#footer .navbar-nav, #footer .privacy-nav {
	margin: 0;
	list-style: none;
	padding:0;
}

.footer-inferiore .copy{
	text-align: center;
	margin-top:10px;
}

#footer .socialfooter{
	display: flex;
	align-items:center;
	justify-content: center;
}

#footer .navbar-nav{
	margin-bottom:30px;
}

#footer .navbar-nav li a{
	font-family: var(--poppins);
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 10px;
	display: block;
	font-size: 1.3rem;
	text-align: center;
}
#footer .privacy-nav li {
	text-align: center;
}
.logo-footer-barisan img{
	height: 130px;
	width: auto;
}

/* --- PAGINE --- */

.uppercase{
	text-transform: uppercase;
}

.capitalize{
	text-transform: capitalize;
}
.text-center{
	text-align: center;
}

.text-end{
	text-align: end;
}

.black{
	color: var(--black);
}

.green{
	color: var(--green);
}

.medium{
	font-weight: 500;
}

.semibold{
	font-weight: 600;
}

.bold{
	font-weight: 700;
}

.blue{
	color: var(--blue);
}

.violet{
	color: var(--violet);
}

.blue-background{
	background-color: var(--blue);
	color: var(--black);
}

.grey-background{
	background-color: var(--grey);
	color: var(--black);
}

.container{
	width:90%;
	margin: 0 auto;
}

.slick-next{
	right: 6%;
	z-index:5;
	height: 50px;
	width: auto;
}

.slick-prev{
	left: 6%;
	z-index:5;
	height: 50px;
	width: auto;
}

.slick-prev, .slick-next{
	top:30%;
}

.singolo_prodotto{
	height: 100%;
}

#hero_section{
	background-repeat: no-repeat;
	background-position: 25% center;
	background-size: cover;
	height:90vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

#hero_section_interna .container{
	padding-top: 150px;
}

.title_section{
	font-weight: 500;
	font-size: 1.3rem;
}

.informazioni_contatti{
	margin-bottom:10px;
}
.z-index{
	position: relative;
	z-index:2;
}
.relative{
	position: relative;
}

.overlay{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.2);
}
.button{
	display: inline-block;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: var(--poppins);
	font-weight: 600;
	color: var(--black);
	font-size:1rem;
}

.button:hover{
	text-decoration: underline;
}

.buttonunderline{
	display: inline-block;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: var(--poppins);
	font-weight: 500;
	color: var(--black);
	font-size:1.25rem;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-decoration:none;
	padding-top:7px;
	padding-bottom:7px;
}

.buttonunderline:hover{
	text-decoration:none;
}
button{
	background-color: transparent;
	border:none;
}
.white{
	color:var(--white);
}
.m-auto{
	margin:0 auto;
}

.mt10{
	margin-top:10px;
}

.mb10{
	margin-bottom:10px;
}

.frame-barisan{
	width:100px;
	height: auto;
}
.frame-black{
	width:100px;
	height: auto;
	margin: 0 auto;
}

.frame-white{
	width:100px;
	height: auto;
	margin: 0 auto;
	/* padding-bottom:20px; */
}

.box_prodotto .prodotto-image img{
	width: 30%;
	margin: 0 auto;
	transition: 0.3s;
	margin-bottom:30px
}

.box_prodotto .description{
	height:150px;
}

.box-single .prodotto-image img{
	width: 40%;
	margin: 0 auto;
	transition: 0.3s;
}

.box_prodotto .prodotto-image img:hover{
	transform: scale(1.05);
	transition: 0.3s;
}

.singolo_vino{
	width:33%;
}

.singolo_vino img{
	height: 310px;
	width:auto;
	margin:0 auto;
	transition: 0.3s;
}

.singolo_vino:hover img{
	transform: scale(1.05);
	transition: 0.3s;
}

#singolo-prodotto .prodotto-descrizione{
	text-align: center;
	margin-top:30px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	min-width:100%;
}

/* --- ANIMATIONS --- */

.fade {
	opacity: 0;
	transition: 1.7s all cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.fade.in-page {
	opacity: 1;
}
.fade-in {
	transform: translateY(50px);
	opacity: 0;
	transition: 1s all cubic-bezier(0.53, 0.03, 0.01, 0.46);
}
.fade-in.in-page {
	transform: translateY(0);
	opacity: 1;
}

.reveal-from-left img, .reveal-from-left .overlay, .reveal-all.reveal-from-left * {
	clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
	transition: 1.7s all cubic-bezier(0.22, 0.61, 0.36, 1);
}
.reveal-from-left.in-page img, .reveal-from-left.in-page .overlay, .reveal-all.reveal-from-left.in-page * {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.reveal-from-right img, .reveal-from-right .overlay {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: 1.7s all cubic-bezier(0.22, 0.61, 0.36, 1);
}

.reveal-from-right.in-page img, .reveal-from-right.in-page .overlay {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

/* --- RESPONSIVE --- */

@media only screen and (min-width:1100px) {
	
	html,body {  
		padding:5px;
	}
	
	html,body {
		font-size: 18px !important;
	}
	
	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ 
		color:var(--black);
		padding:0;
		margin:0;
	}
	
	#hero_section h1, #hero_section.h1{
		font-family: var(--poppins);
		font-weight: 600 !important;
		font-size:3rem;
		color: var(--white);
		line-height:1.2;
	}
	
	h1,.h1{
		font-family: var(--crimson);
		font-weight: 600 !important;
		font-size:4rem;
		color: var(--white);
		line-height:1;
	}
	
	h2,.h2{
		font-family: var(--poppins);
		font-weight: 600;
		font-size:2.7rem;
		line-height: 1.2;
		color: var(--black);
	}
	
	
	h3,.h3{
		font-family: var(--crimson);
		font-weight: 600;
		font-size:2.15rem;
		color: var(--black);
	}
	
	h4,.h4{
		font-family: var(--poppins);
		font-weight: 500 !important;		
		font-size:1.3rem;
		line-height: 1;
		color: var(--black);
	}
	
	.bigger{
		font-size: 1.6rem;   
	}
	
	.title_product{
		font-size: 1.4rem; 
	}
	
	
	#hero_section{
		height:100vh;
		background-position: center left;
	}
	
	.slick-prev, .slick-next{
		top:50%;
	}
	#header #navigazione_open{		
		left:-50%;
		width:50%;
	}
	
	#header #navigazione_open ul li a{
		color: var(--white);
		font-family: var(--crimson);
		font-size:2.7rem;
	}
	
	#header .navbar{
		padding-top: 70px;
	}
	
	#header .navbar-brand{
		position: absolute;
		top: -50%;
		left:50%;
		transform: translateX(-50%);
		width: 150px;
		height: auto;
	}
	
	iframe{
		height: 700px;
	}
	
	#header .menu_navigazione svg{
		width:35px;
	}
	
	.box_prodotto .prodotto-image img{
		width: 60%;
		margin: 0 auto;
		transition: 0.3s;
		margin-bottom:0;
	}
	
	.box_prodotto .description{
		max-height:190px;
	}
	
	.frame-black{
		width:130px;
		height: auto;
		margin: 0 auto;
	}
	
	.frame-barisan{
		width:150px;
		height: auto;
	}
	
	.w60{
		width:60%;
	}
	
	.w30{
		width:30%;
	}
	
	.w40{
		width:40%;
	}
	
	.w53{
		width: 53%;
	}
	
	.w50{
		width:calc(50% - 5px);
	}
	
	.w55{
		width:55%;
	}
	
	.pt100{
		padding-top:50px;
	}

	
	/* larghezza contatti informazioni */
	
	#contatti_barisan .w55{
		width:65%;
	}
	
	.w60{
		width:60%;
	}
	
	.w70{
		width:70%;
	}
	
	.w80{
		width:80%;
	}
	
	.mobile-bottom{
		margin-bottom:0;
	}
	
	#hero_section_interna .container{
		padding-top: 190px;
	}
	
	.informazioni_contatti{
		margin-bottom:0;
	}
	
	.d-flex{
		display: flex;
	}
	.justify-content-between{
		justify-content: space-between;
	}
	
	.justify-content-center{
		justify-content: center;
	}
	
	.flex-column{
		flex-direction: column;
	}
	.align-items-center{
		align-items: center;
	}
	
	#singolo-prodotto h1{
		font-weight: 600 !important;
	}
	
	.parallax{
		background-attachment: fixed;
	}
	
	#ospitalita_barisan .undertext{
		font-size:1.2rem;
		line-height: 1.3;
	}
	
	#footer .navbar-nav li a{
		text-align: left;
		margin-bottom: 15px;
	}
	
	#footer .privacy-nav li {
		text-align: right;
	}
	
	#footer .navbar-nav{
		margin-bottom:0;
	}
	
	.footer-inferiore .copy{
		text-align: left;
		margin-top:0;
	}
	
	#singolo-prodotto .prodotto-descrizione{
		text-align: left;
		margin-top:0;
	}
	
	.box-single .prodotto-image img{
		width: 80%;
		min-width:350px;
		margin: 0 auto;
		transition: 0.3s;
	}
	
	#footer .socialfooter{
		display: flex;
		align-items:center;
		justify-content: end;
	}
	
	#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td{
		font-size:16px !important;
		line-height: 1.2;
	}
	
	
	#footer{
		margin-bottom:0;
	}
	
}

@media only screen and (min-width:1650px) {
	.bigger{
		font-size: 1.8rem;   
	}
	
	.title_product{
		font-size: 1.4rem; 
	}

	
	#contatti_barisan .w55{
		width:55%;
	}
}