/**
 * Theme Name:     resortalcentro 3.0
 * Author:         dinamic.ch
 * Template:       Divi
 * Text Domain:	   resortalcentro-3-0
 * Description:    Resort al Centro
 */


/*- Add any CSS custom code for this child theme below this line -*/
@media screen and (max-width: 800px) {
.promo { padding-top:30px;
	position: relative;
    top: 0px;}
}

.promo span input{
	position: relative;
    top: 24px;
}

.et_multi_view__hover_selector:hover p{
	animation-name: fadeinout;
  	animation-duration: 1200ms;
}


@keyframes fadeinout {
  /*from {opacity: 0;height: 0}
  to {opacity: 1;height: 200px}*/
  0%   {opacity: 0;height: 0}
  50%  {opacity: 0.5;height: 250px}
  100% {opacity: 1;height: auto}
}

/* Icone sopra nella pagina contatti */

.galleria-foto-appartamento .et-pb-controllers {
	position: relative;
	top: 30px;
	text-align: left;
}

.et_pb_tabs_controls li {
    float: none!important;
    display: inline-block!important;
   /* margin-bottom: -6px;*/
}
.et_pb_tabs_controls {
    text-align: center;
}


.et_pb_tabs_controls .et_pb_tab_0 a:before{
background-image: url('https://resortalcentro.ch/wp-content/uploads/2022/05/icone_new-12.svg');
    background-size: 100px 100px;
    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";

}

.et_pb_tabs_controls .et_pb_tab_1 a:before{
background-image: url('https://resortalcentro.ch/wp-content/uploads/2022/05/icone_new-14.svg');
    background-size: 100px 100px;
    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";

}

.et_pb_tabs_controls .et_pb_tab_2 a:before{
background-image: url('https://resortalcentro.ch/wp-content/uploads/2022/05/icone_new-13.svg');
    background-size: 100px 100px;
    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";

}

.et_pb_tabs_controls .et_pb_tab_3 a:before{
background-image: url('https://resortalcentro.ch/wp-content/uploads/2022/06/icon-a-piedi.svg');
    background-size: 100px 100px;
    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";

}

#home-news .item-dati-escursioni {
	  width: 300px!important;
}

/* metendo l'ID #trecol gli articoli vengono visualizzatri su tre conolnne tablet 2 colonne e mobile 1 colonna*/
/* il calcolo si basa sulla divisione in colonne e poi togliendo il contributo del gab*/
#trecol .grid-container {
	display: grid;
	grid-template-columns: calc(100%/3 - 20px/3) calc(100%/3 - 20px/3) calc(100%/3 - 20px/3);
  	gap: 10px;
}
@media screen and (max-width: 1200px) {
	#trecol .grid-container {
	display: grid;
	grid-template-columns: calc(100%/2 - 20px/2) calc(100%/2 - 20px/2);
  	gap: 10px;}
}
@media screen and (max-width: 800px) {
	#trecol .grid-container {
	display: grid;
	grid-template-columns: 100%;
  	gap: 0px;}
}



/* MENU diverso => BOOK <= speciale sfondo nero e scritta bianca */
#menu-primario .menu-book a, #mobile_menu1 .menu-book a{
	color: white!important;
	background-color: black ;
	padding: 5px 20px;
    margin-top: -5px;
}


/* MENU LINGUA WPML aggiungere simbolo tra le lingue */
/* aggiungere simbolo tra le lingue */
#menu-principale-1 li.menu-item.wpml-ls-menu-item a::after{
	content: "/";
    position: absolute !important;
    right: -14px !important;
   /* top: 10px !important;*/

}
/* togliere simbolo dopo l'ultima lingua */
#menu-principale-1 li.menu-item.wpml-ls-menu-item.wpml-ls-last-item a::after{
	content: none;
}
/* ridurre lo sazio tra le singole lingue */
#menu-principale-1 li.menu-item.wpml-ls-menu-item a{
	padding:0px 0px!important;
}
/* aumentare lo sazio prima della prima lingua */
#menu-principale-1 li.menu-item.wpml-ls-menu-item.wpml-ls-first-item{
 padding-left: 100px;
}
/* non mostrare il menu lingua sul mobile nel menu normale */
.mobile li.wpml-ls-item{
	display: none;
}

/*show desktop menu on phone*/
@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}


/* CSS per il shortcode "lista-post" */
/* articolo in generale spazio sotto*/
.grid-container-articolo {
	padding-bottom: 150px;
}
/* data articolo scritto pi piccolo*/
.item-data-evento {
  font-size: 140%;
  color: black;
  font-weight: 350;
}

/* spazio sotto immagine */
.item-immagine-articolo {
	padding-bottom: 10px;
	padding-top: 10px;
}

/* data di pubblicazione dell'articolo */
.item-data-articolo p {
	font-size: 80%;
    margin-top: -10px;
}

/* Per la categoria "escurzioni" ci sono tre icone qui il layout */
/*Articoli escursione*/
.item-dati-escursioni {
  display: grid;
	grid-template-columns: auto 100px 100px 100px auto;
	text-align: left;
  gap: 0px;
  /*background-color: #2196F3;*/
 /* padding: 10px;*/
}

.item-distanza {
  /*cos sono tutti su una riga*/
  grid-row: 1;
	grid-column: 2/ span 1;
	font-size: 80%;
}
.item-auto {
  /*cos sono tutti su una riga*/
  grid-row: 1;
	grid-column: 3/ span 1;
	font-size: 80%;
}

.item-piedi {
  /*cos sono tutti su una riga*/
  grid-row: 1;
	grid-column: 4/ span 1;
	font-size: 80%;
}

/*
@media screen and (max-width: 800px) {
	.item-dati-escursioni {
  display: grid;
	grid-template-columns: auto 100px 100px 100px auto;
	text-align: left;
		gap: 0;}
}*/
	/*.item-auto {
  		grid-row: 1; /* sulla prima riga*/
/*	 	grid-column: 2 / span 2; /* nella seconda colonna per due spazi*/
	/*}
	.item-piedi {
  		grid-row: 2;*/ /* sulla seconda riga*/
		/*grid-column: 2 / span 2; /* nella seconda colonna per due spazi*/
	/*}
}*/