/*
Theme Name: Divi Tema Child
Version: 1.0
Description: Tema child per personalizzare Divi.
Template: Divi
*/

*{
	margin: 0;
	padding: 0;
}
.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

.et-social-instagram a.icon:before { content: 'e09a'; }
/* Spago 23/07/2020
#footer-widgets {
	padding-left: 50px;
}*/
.container {
    text-align: center;
}
#footer-bottom {
	padding-left: 50px;
}
/*
#et-top-navigation {
	overflow: hidden;
	padding-top: 5px;
	position: fixed;
	top: 0;
	width: 100%;
}
*/
.header {
	height: 100vh;
}


.et_pb_toggle_open .et_pb_toggle_title:before {
  color: #fff !important;
  content: "\21";
	border-radius: 50%;
	padding: 3px;
	background: #8b7f79;
	font-size: 14px;

}

.et_pb_toggle_close .et_pb_toggle_title:before {
  color: #fff !important;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
	content: "\22";
	border-radius: 50%;
	padding: 3px;
	background: #8b7f79;
	font-size: 14px;
}

.et-waypoint {
	opacity: 1 !important;
}

#selezioni .owl-item {
  color: #8b7f79 !important;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 1.2em;
	margin: auto;
	text-align: center;

}


#classici .owl-item {
  color: #8b7f79 !important;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	line-height: 1.2em;
	margin: auto;
	text-align: center;

}


#RICETTE-SLIDER{
    filter: alpha(opacity=80);
    position: Absolute;
    top: 25px;
    left: 25px;
    background-color: #EEEEEE;
    width: 130px;
    height: 50px;
    padding: 5px;
    border: 1px solid #CCCCCC;
}




#header.et_pb_section_video {
	/* height: 100% !important; */
	height: 100vh !important;
}


.footer-widget .widget_text {
	float:none;
}

.table-riconoscimento {
	width: 100%;
}

.riconoscimenti-page#main-content .container:before {
	content: unset;
}

.riconoscimenti-page#main-content {
	padding: 60px 0;
}

.cantina-anchor {
	position: absolute;
	bottom: -150px;
	left: 50%;
	margin-left: -15px;
}

.row-filtri {
	display: flex;
 	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 20px 0 40px;
}
.row-filtri .col-sm-4 {
	padding: 10px 10px;
}

.riconoscimenti-page h1 {
	font-size: 60px;
	margin-bottom: 50px;
}

@media print {
    body{
        width: 21cm;
        height: 29.7cm;
        margin: 30mm 45mm 30mm 45mm;
        /* change the margins as you want them to be. */
   }
}

@media (max-width: 1399px) {
	.cantina-anchor {
		bottom: -80px;
	}
}

@media (max-width: 980px) {

	.sfondo-full-mobile {
		margin-top: 60px;
	}

	.et_pb_row.sfondo-mobile {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.sfondo-mobile .et_pb_button_wrapper {
		margin-bottom: 30px;
	}

	.sfondo-mobile > div, .sfondo-full-mobile {
		display: block !important;
		min-height: 300px !important;
	}

	.et_pb_gutters3 .et_pb_column.et_pb_column_1_4, .et_pb_gutters3 .et_pb_row .et_pb_column.et_pb_column_1_4 {
		width: 100% !important;
	}

	.mobile-row, .mobile-row .et_pb_column, .mobile-row .et_pb_column .et_pb_text_1 {
		width: 100% !important;
		text-align: center;
		max-width: none !important;
	}

	.mobile-row .et_pb_cta_0.et_pb_promo,.mobile-row .et_pb_text_1 h2 {
		text-align: center;
	}

	.mobile-row .et_pb_promo, .mobile-row .et_pb_promo .et_pb_button_wrapper,.mobile-row .et_pb_cta_2.et_pb_promo h2 {
		text-align: center !important;
	}

	#contatti .et_pb_text_align_left {
		text-align: center;
	}

	#contatti .et_pb_blurb_position_left .et_pb_main_blurb_image, #contatti .et_pb_blurb_position_left .et_pb_blurb_container, #contatti .et_pb_blurb_position_left .et_pb_blurb_content,
	#contatti h3 {
		display: inline-block;
		text-align: center !important;
	}

	#contatti .et_pb_row_5.et_pb_row {
		padding-left: 0px;
	}

	#contatti .et_contact_bottom_container {
		float: none;
		text-align: center;
	}

	footer .footer-widget:nth-child(n) {
		margin: auto !important;
		float: none;
	}

	.et_pb_row_0, .et_pb_section_1, .et_pb_row_1, .et_pb_row_2, .et_pb_section_2, .et_pb_row_3, .et_pb_section_3, .et_pb_section_6, .et_pb_row_4, .et_pb_section_5 {
		height: auto !important;
		padding-top: 20px !important;
		padding-bottom: 0px !important; /*modifica Spagoweb da 20px a 0px*/
	}
	#et-boc .et_pb_text {
		max-width: 100%;
		text-align: left;
	}


	#et-boc .et_pb_toggle_title {
		text-align: center;
	}

	#et-boc .et_pb_button_module_wrapper.et_pb_button_alignment_right, #et-boc .et_pb_button_module_wrapper.et_pb_button_alignment_left, #et-boc .et_pb_button_module_wrapper.et_pb_button_alignment_  {
		text-align: center;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}

	#et-boc .et_pb_gutters3 .et_pb_column_2_5, #et-boc .et_pb_gutters3 .et_pb_row .et_pb_column_2_5 {
		width: 100%;
	}

	#footer-widgets {
		padding: 0px !important;
	}

	.et_pb_section .et_pb_row_fullwidth.et_pb_row {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.et_pb_gutters3 .et_pb_row.mobile-100 > .et_pb_column {
		width: 100% !important;
	}

	.mobile-hidden {
		display:none;
	}

	.et_pb_blurb_0.et_pb_blurb, .et_pb_blurb_2.et_pb_blurb, .et_pb_blurb_1.et_pb_blurb {
		max-width: 100% !important;
	}

	.et_pb_row .et_pb_column .et_pb_toggle .et_pb_toggle_content {
		margin-right: 0px;
		text-align: center;
	}

	.et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle .et_pb_toggle_title,
	.et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle .et_pb_toggle_title {
		padding-right: 25px;
	}

	.mobile-no-margin, .et_pb_module.mobile-no-margin {
		margin: 0px !important;
		padding: 0 20px !important;
	}
}

@media (max-width: 767px) {
	.entry-content .et_pb_gutters3 .et_pb_column_2_5, .entry-content .et_pb_gutters3 .sfondo-mobile.et_pb_row .et_pb_column_2_5, .et_pb_gutters3 .et_pb_column_3_5, .et_pb_gutters3 .sfondo-mobile.et_pb_row .et_pb_column_3_5 {
		width: 100% !important;
	}

	.et_pb_column_1_2 .et_pb_promo, .et_pb_column_3_5 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_2_5 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo, .et_pb_column_1_5 .et_pb_promo, .et_pb_column_1_6 .et_pb_promo {
		padding: 0px;
	}

	.mobile-row .et_pb_module.et_pb_promo h2, .mobile-row .et_pb_module h2 {
		line-height: 100px;
		font-size: 50px !important;
	}

	body #page-container .et_pb_module.et_pb_promo .et_pb_promo_button.et_pb_button {
		font-size: 16px;
	}

	#contatti .et_pb_row_6.et_pb_row {
		padding-left: 0px;
	}

	#et_pb_contact_form_0 {
		max-width: none;
	}

	#et-boc .et_pb_row_2.et_pb_row,#et-boc .et_pb_row_4.et_pb_row {
		margin-left: 0px !important;
	}

	#et-boc .et_pb_row {
		width: 100% !important;
	}

	#footer-bottom{
		padding-left: 0px !important;
	}

	#et-boc .et_pb_row.et_pb_row_fullwidth, #et-boc .et_pb_toggle,#et-boc .et_pb_image_3 {
		width: 100% !important;
		max-width: none;
	}

	#et-boc .et_pb_text {
		text-align: center;
	}

	.padding-mobile {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.mobile-space h3 {
		margin-top: 20px;
		line-height: 30px;
	}

	.et_pb_contact {
		padding: 0px 20px;
	}

	.mobile-spider > div {
		margin-bottom: 100px;
	}

	.et_pb_text_0 h1 {
		font-size: 90px !important;
	}
	/* risolvo problema menu dropdown mobile
	#page-container .et_slide_in_menu_container:hover ul.sub-menu {
    display: block;
	}*/

	.main-content mediaelementwrapper video, .et_pb_section_video_bg, .et_pb_section_video_bg .mejs-video, #page-container .et_fullscreen_slider {
		width: 100% !important;
		height: auto !important;
	}

	.et_pb_section_video_bg .mejs-video, .mejs-mediaelement {
		position: relative !important;
	}

	.et_pb_slides img {
		width: 160px;
		margin-bottom: 20px;
	}
	.et_pb_slides .cantina-anchor img {
		width: 35px;
	}

	.cantina-anchor {
		bottom: 10px;
	}

}


/* SPAGO */

.mobile_menu_bar::before {
    font-size: 42px;
}

#main-header{
 	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

/* logo
.logo_container {
   height: 100px !important;
}
*/


/* dettagli tecnici pagina dettaglio vino */
ul.dati_tecnici_vini{
  margin: 0;
  padding: 0;
}
.dati_tecnici_vini li{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.5em;
	list-style-type: none;
}



.footer-spago{
	font-size: 13px;
	color: #8b7f79;
}
.footer-spago a{
	color: #8b7f79;
	font-weight: 700;
}
.footer-spago a:hover{
	opacity: 0.7;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.footer-spago img{
	vertical-align: middle;
	margin-left: 0.7em;
}



/* Set height of card. The image is set to cover, so increasing the height won't distort the image.*/
.flip-card {
  	height: 300px;
  	perspective: 1000px;
	-webkit-perspective: 1000px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  	position: relative;
  	width: 100%;
  	height: 100%;
  	text-align: center;
  	transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-webkit-transition: -webkit-transform 0.8s;
  	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
  	width: 100%;
  	height: 100%;
  	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Add background to front incase image doesn't load */
.flip-card-front {
	background: #0D1B22;
}

/* Set the image to cover, so if you increase height it won't skew image. Image height and .flip-card height should be the same. */
.flip-card-front img {
	height: 300px;
	object-fit: cover;
}

/* Style the back side */
.flip-card-back {
  	padding: 20px;
	background-color: #fff;
	display: table;
}

/* Vertically centre align text on back */
.flip-card-back-inner {
	display: table-cell;
	vertical-align: middle;
	max-width: 300px;
}

.flip-card-back h3 {
	color: #333333;
	font-size: 30px;
	margin-bottom: 10px;
}

/* Color the view project text to look like a link */
.link-styling {
	color: #F56640 !important;
}

/* Reverse back of card so is correct orientation after flip */
.flip-card-rotate-left .flip-card-back,
.flip-card-rotate-right .flip-card-back {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.flip-card-rotate-up .flip-card-back,
.flip-card-rotate-down .flip-card-back {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}

/* Flip animation on mouse hover - rotate right */
.flip-card-rotate-right .flip-card:hover .flip-card-inner {
  	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

/* Flip animation on mouse hover - rotate left */
.flip-card-rotate-left .flip-card:hover .flip-card-inner {
  	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
}

/* Flip animation on mouse hover - rotate up */
.flip-card-rotate-up .flip-card:hover .flip-card-inner {
  	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
}

/* Flip animation on mouse hover - rotate down */
.flip-card-rotate-down .flip-card:hover .flip-card-inner {
  	transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
}

/* Responsiveness - turns off the flip animation on mobile and layers the text over the image with a background overlay.*/

@media (max-width: 980px) {
	.flip-card-rotate-left .flip-card-back,
	.flip-card-rotate-right .flip-card-back{
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		background-color: rgba(13,27,34,0.5);
	}

	.flip-card-rotate-up .flip-card-back,
	.flip-card-rotate-down .flip-card-back {
		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
		background-color: rgba(13,27,34,0.5);
	}

	.flip-card-back p {
		color: white;
	}

	.flip-card-rotate-left .flip-card:hover .flip-card-inner,
	.flip-card-rotate-right .flip-card:hover .flip-card-inner{
  		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
	}

	.flip-card-rotate-up .flip-card:hover .flip-card-inner,
	.flip-card-rotate-down .flip-card:hover .flip-card-inner {
  		transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}
}

.pll-parent-menu-item a {
	padding:1px 0 1px 0!important;
}
.pll-parent-menu-item a span{
	font-size:18px;
}


@media (min-width:320px) and (max-width: 768px) { /* smartphones, Android phones, landscape iPhone */
	/* testi mobile padding */
	.et_pb_text_inner {
	  padding: 15px;
	}
	#main-footer {
	    padding-top: 50px !important;
	}
	.et_slide_in_menu_container #mobile_menu_slide ul.sub-menu li{
		opacity: 1;
	}

	.et_pb_image .et_pb_image_wrap {
    /*margin-top: 120px; 2020-11-20*/
    margin-top: 10px;
	}


}


.fully_special > .et_pb_row{
  width: 100% !important;
  max-width: 100% !important;
}


/* Tabella responsive dettaglio vini */
table {
	width: 100%;
}
th, td {
	border: 1px solid #c3c3c3 !important;
	text-align: center;
}
thead {
	background-color: #f5f5f5;
}
/* Media Query per il No More Tables */
@media only screen and (max-width: 767px) {
	/* Forza la tabella a non comportarsi come una normale tabella */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}
	/* Nasconde le intestazioni della tabella */
	#no-more-tables thead tr {
		position: absolute;
		top:-9999px;
		left:-9999px;
	}
	#no-more-tables tr { border: 1px solid #c3c3c3 !important; }
	#no-more-tables td {
		/* Inserisce il comportamento come una riga */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	#no-more-tables td:before {
		/* Inserisce il comportamento come un'intestazione di tabella */
		position: absolute;
		/* I valori top/left agiscono come padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	/* Aggiunge l'etichetta ai dati della tabella */
	#no-more-tables td:before { content: attr(data-title); }
}


/* stile select pagina riconoscimenti */
.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

/* menu ti segue anche su mobile */
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
	    position: fixed !important;
			background-color: rgba(0,0,0,0.5) !important;
	}
}


/*
.video-container video {
  object-fit: contain;
  width: 100vw;
  height: 1720px;
  position: fixed;
  top: 0;
  left: 0;

}
*/

#fullwidth-video{
  height: 100vw;
  min-height:100vh;
  position: relative;
}
#fullwidth-video .fullwidth-video-bg {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0% 50%; background-image:url(https://cantinatramin.it/wp-content/uploads/2020/08/FREISINGER_druck-1051.jpg);
}
#fullwidth-video video {
  margin: auto;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/** For Edge**/
@supports (-ms-ime-align:auto){
 #fullwidth-video video {
 	object-fit:none;
 	margin:none;
 	position:inherit;
	z-index:1;
	top:50%;
	left:0%;
	transform:translate(0%, -50%);
	height:auto;
	width:100%;
	}
}

.fullwidth-video-bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) ;
  z-index: 2;
}


/* cambio colore solo alla home page */
.page-id-56294 .mobile_menu_bar::before, .page-id-56293 .mobile_menu_bar::before, .page-id-54816 .mobile_menu_bar::before {
  color: #ffffff !important;
}

.page-id-56294 .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
  background-color: #0000004f  !important;
}
.page-id-56293 .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
  background-color: #0000004f  !important;
}
.page-id-54816 .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
  background-color: #0000004f  !important;
}