/* 
Theme Name: Ganzo
Description: Custom theme for Centro Commerciale I Gigli
Author: WALLABI
Author URI: https://www.wallabi.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: ganzo-child-theme
*/

/******************************************************
		GLOBAL ELEMENTS
*/
* {
	overflow-wrap: anywhere;
}

.no-link {
	cursor: default;
	pointer-events: none;
}

.default-color-link a {
	color: inherit;
}

.default-color-link a:hover {
	color: var(--e-global-color-primary);
}

.breadcrumb_last {
	color: #000000;
	font-weight: bold;
}

.color-white {
	color: #FFF;
}

.black {
	color: #000;
}

#esplora-left, #esplora-right, #food-left, #food-right, #gigli-left, #gigli-right {
	cursor:pointer; 
	display:none;
}

@media (min-width:1025px) {
	/* White cards on pages - Height -partially replaced by columns- */
	.box-height-200 .elementor-widget-container {
		min-height: 200px;
	}
	
	.box-height-300 .elementor-widget-container {
		min-height: 300px;
	}
	
	.box-height-350 .elementor-widget-container {
		min-height: 350px;
	}
	
	.box-height-430 .elementor-widget-container {
		min-height: 430px;
	}
	
	.box-height-500 .elementor-widget-container {
		min-height: 500px;
	}
	
	.cta-height-430 .elementor-cta {
		min-height: 430px;
	}
	
	.elementor-cta__content {
		margin-top: 20%;
	}
}

/* WPML Dimensione flag */

.wpml-ls-menu-item .wpml-ls-flag {
		width: 25px;
}


/* Meteo corrente */
#current-weather {
	position: relative;
	right: 0;	
}

#current-weather .owmw-template-Default {
	padding: 0;
	text-align: right;
}

#current-weather .owmw-main-symbol {
	display: inline;
	padding: 0;
}

#current-weather .owmw-main-symbol svg {
	width: 35px;
	height: 35px;
}

#current-weather .owmw-main-temperature {
	display: inline;
	position: relative;
	top: -8px;
	font-size: 15px;
}

.owmw-main-temperature {
	color:#ffffff !important;
}

.owmw-main-symbol.owmw-symbol-svg.climacon {
	fill:#fff !important;
}

/* Orari badges */
#mobile-topbar-orari .hide-head,
header .hide-head,
#megamenu .show-head,
div[data-elementor-type="single-post"].type-shop .show-head {
	display: none;
}

main .show-head {
	display: none;
}

#mobile-topbar-orari div.elementor-widget-container,
header .food-hours div.elementor-widget-container,
header .shop-hours div.elementor-widget-container,
header .iper-hours div.elementor-widget-container {
	margin-bottom: 10px !important;
}

.font-hours {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 14px;
	line-height: 18px;
	font-weight:600;
}

.font-hours-mobile {
	font-family: var(--e-global-typography-text-font-family);
	font-size: 12px;
	line-height: 12px;
	font-weight:600;
}

main .font-hours {
	line-height: 24px;
}

.unbold {
	font-weight: inherit !important;
}

.hover-primary a:hover {
	color: var(--e-global-color-primary) !important;
}

.hover-white a:hover {
	color: #FFF !important;
}

.link-uci a {
	color: #FFF !important;
}
.link-uci a:hover {
	color: #ccc !important;
}

body.single-post .wp-video {
	margin: 0 auto;
}

ul.slick-dots {
	padding-left: 0;
}

/* reCAPTCHA */
.grecaptcha-badge {
	display: none;
}

/* Popup form */
[data-elementor-type="popup"] .elementor-form .elementor-field-group .elementor-field,
[data-elementor-type="popup"] .elementor-form .elementor-field-group .elementor-select-wrapper select {
	background: #F2F2F2 !important;
	color: var( --e-global-color-text ) !important;
}

[data-elementor-type="popup"] .elementor-form .elementor-field-subgroup label {
	color: var( --e-global-color-text ) !important;
}

[data-elementor-type="popup"] .elementor-form .elementor-field-type-submit {
	justify-content: center;
}

/* Pages sticky coloumn */
.stick-me {
	position: sticky !important;
	position: -webkit-sticky !important;
	top: 6vh;
}

/* Table in Elementor Text Widget */
.elementor-text-editor table tbody > tr > td,
.elementor-text-editor table tbody > tr > td:hover {
  background-color: unset !important;
}

.elementor-text-editor table tbody > tr:first-child {
	font-weight: bold;
}

.page-content .elementor-text-editor a {
	text-decoration: underline !important;
	color: unset;
}

.page-content .elementor-text-editor a:hover {
	color: var(--e-global-color-primary) !important;
}

/******************************************************
		MAPPLIC bugfix / plugin settings
		
		height: auto;
		max-height: same height as svg file;
		default action: tooltip / open link;
		default style: create and apply default style;
		hover tooltip: yes;
		smart tooltip: yes;
		animations: yes;
		
		* 1.UPDATE map post id below
		* 2.SET svg height below
		* 3.ALIGN pins on map in vertical center as much as possible		
		
*/

/* Fixed height on desktop */
@media (min-width: 1025px) {
	#mapplic-id10938 {	/* update with map post id */
		height: 810px;		/* set same svg height */
	}
}

/* Hide tooltip description */
.mapplic-tooltip-description {
	display: none;
}

/* Hide tooltip for tablet/mobile */
/*
@media (max-width: 1024px) {
	.mapplic-tooltip,
	.mapplic-hovertip {
		display: none !important;
	}
}
*/

.mapplic-levels {
	left: 0;	
	right: unset !important;
}

.mapplic-level-switcher button {
	padding: 7px 14px;
	font-size: 13px;
}

.mapplic-level-switcher button.mapplic-selected {
    transform: scale(1.2);
}

.mapplic-zoom-buttons {
	display: none;
}

button.mapplic-clear-button {
	display: none !important;
}

a.mapplic-popup-link {
	background-color: var(--e-global-color-primary);
}

button.mapplic-tooltip-close {
	padding: 0 !important;
}

button.mapplic-tooltip-close svg.mapplic-icon.mapplic-icon-cross {
	width: 12px;
	height: 12px;
	padding: 0;
}

/* Mapplic sidebar */
.mapplic-search-input {
	font-size: 16px !important;
}

/* Mapplic Routes Wayfinding */
.mapplic-routes-panel .mapplic-routes-select span {
	font-size: 0;
}

.mapplic-routes-panel .mapplic-routes-select span::after {
	content: 'Seleziona negozio';
	font-size: 14px;
	color: inherit;
}

.mapplic-routes-panel .mapplic-routes-close {
	font-size: 0;
}

.mapplic-routes-panel .mapplic-routes-close::after {
	content:'Nascondi';
	font-size: 13px;
}

button.mapplic-routes-submit {
	width: 26px;
	border: none;
}

/******************************************************
		HEADER
*/
.header-alpha {
	position: absolute !important;
  width: 100%;
  top: 10;
}

/* Desktop menu icon */
.open-megamenu .elementor-icon {
	cursor: pointer;
}

/* Mobile search icon */
.mobile-search i::before {
	display: none;
}

.mobile-search .elementor-search-form__toggle i::after {
	content: '';
	background-image: url(https://igigli.wallabi.it/wp-content/uploads/media/icons/igigli-icon-search-bianco.svg);
  background-size: contain;
	background-repeat: none;
	position: absolute;
	width: 27px;
	height: 27px;
	bottom: -2px;
	right: 0px;
}

/* Mobile search field */
.elementor-search-form--skin-full_screen .elementor-search-form input[type=search].elementor-search-form__input {
	font-size: 25px !important;
}

/* Mobile submenu */
#mobile-nav a.uael-sub-menu-item {
	padding-left: 20px !important;
}

/* Mobile bandierine */
#menu-item-wpml-ls-224-it, #menu-item-wpml-ls-224-en {
	float:left;
	padding-right:10px;
}

/******************************************************
		MEGAMENU
*/

#megamenu a {
	color: var(--e-global-color-secondary);
}

#megamenu a:hover {
	color: var(--e-global-color-primary);
}

#menu-level1 > div > div > div {
	position: sticky;
	position: -webkit-sticky;
	top: 10px;
}

/* Hide submenu section by default */
#menu-level2 .menu-subitem {
	display: none;
}

.menu-subitem a .elementor-post__thumbnail {
	border-radius: 6px;
}

/* .has-submenu indicator */
li.has-submenu a::after {
	/* Font Awesome 5 - not working */
	/*
	content: '\f054';
	font-family: "Font Awesome 5 Free";
	color: var(--e-global-color-secondary);
	opacity: initial !important;
	right: 0;
	*/
	/* SVG */
	content: '';
  background-image: url(https://igigli.wallabi.it/wp-content/uploads/media/icons/chevron-right-solid.svg);
  background-size: 100% 100%;
  opacity: initial!important;
  height: 20px;
  width: 20px;
  right: 0;
}

li.has-submenu a:hover::after {
	/* Font Awesome 5 - not working */
	/*
	color: var(--e-global-color-primary);
	*/
	/* Colorize SVG */
	filter: brightness(50%) sepia(100) saturate(100) hue-rotate(25deg);
}

/* Megamenu 2nd-level scrollbar */
.popup-megamenu .dialog-message {
	/* Firefox hack */
	scrollbar-color: transparent transparent;
}

.popup-megamenu .dialog-message::-webkit-scrollbar {
	/*display: none;*/
	/* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
	width: 4px;
}

.popup-megamenu .dialog-message::-webkit-scrollbar-track {
	/*display: none;*/
	/* Color of scrollbar track */
	background: none;
}

.popup-megamenu .dialog-message::-webkit-scrollbar-thumb {
	/*display: none;*/
	/* Color of scrollbar bar */
	background: #959595;
	border-radius: 99px;
}

/******************************************************
		FOOTER
*/
footer a {
	color: var(--e-global-color-secondary);
}

footer a:hover {
	color: var(--e-global-color-primary);
}

/******************************************************
		QUICK LINKS HOME
*/
#quick-links .slick-slider {
	max-width: 100%;
	/*margin-left: -10px;
	margin-right: -10px;*/
}

/* Fix margin-bottom for post in carousel */
#quick-links .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

@media screen and (min-width: 1025px) {
	/* Center navigation dots on desktop */
	#quick-links ul.slick-dots {
		margin-left: 5px;
	}
}

@media screen and (max-width: 1024px) {
	/* Center navigation dots on tablet-mobile */
	#quick-links ul.slick-dots {
		margin-left: -10px;
	}
}

/******************************************************
		HOME
*/

/* Negozi carousel */
.negozi-carousel .lae-posts-carousel {
	max-width: 100% !important;
}

.negozi-carousel article {
	border: solid #FFF !important;
	border-width: 30px 0 !important;
	box-shadow: 0px 2px 2px 2px #bbb !important
}

@media (max-width:767px) {
	.negozi-carousel .lae-posts-carousel {
		padding: 0;
	}
	
	.negozi-carousel ul.slick-dots {
	/*	display: none !important; */
	}
}

.footer-fascia { 
	margin-left:10px;
	margin-right:10px;
}

/* Promo carousel */
/* Removed from home 20220921 */
/*
.promo-carousel .uael-post__thumbnail {
	border-radius: 6px;
}
*/

/******************************************************
		SHOPPING
*/

/* Shop cards */
.shop-name {
	display: none !important;
}

/* New / Next opening */
.shop-badge {
	position: absolute !important;
	top: 0;
}

/* Filter tabs title */
#shopping-tabs h2 {
	line-height: 42px;
}

#shopping-tabs .elementor-tabs-wrapper {
	max-width: 1760px;
	margin-bottom: 40px;
	margin-left: 10px;
	display: initial;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#shopping-tabs .elementor-tabs-wrapper div.elementor-tab-title:last-child a::before {
	content: '\f002';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

@media (max-width:767px) {
	#shopping-tabs .elementor-tab-title {
		font-size: 0.85em;
		padding: 15px 20px;
	}
}

#shopping-tabs .elementor-tab-title.elementor-active {
	border-bottom: #C20C0D 5px solid;
}

#shopping-tabs .elementor-tab-title:hover {
	border-bottom: #C20C0D 5px solid;
}

#shopping-tabs .elementor-tab-title:hover a {
	color: #C20C0D;
}

#shopping-tabs .elementor-tabs-content-wrapper[aria-orientation=vertical] .elementor-tab-title {
	display: none;
}

/* Tabs content */
#shopping-tabs .elementor-tab-content {
	padding: 0;
}

/* Search shop field */
#search-shop input {
	background: #0E1215;
	border-radius: 6px;
	color: #F8F8F8;
}

/******************************************************
		HORIZONTALE SCROLL
		/js/horizontale.js
*/
.horizontale > div > div > div {
	flex: 0 0 auto;
	width: max-content !important;
}

.horizontale > div > .elementor-section {
	min-width: max-content;
}

.elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
  max-width: unset;
}

.horizontale > div {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	/* Change to unset to have the normal cursor */
	cursor: grab;
}

/* Fix margin-bottom for post in card */
.horizontale .elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

/* Horizontale scrollbar */
.horizontale>div {
	/* Firefox hack */
	scrollbar-color: transparent transparent;
}

.horizontale > div::-webkit-scrollbar {
	display: none;
	/* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
	height: 0;
}

.horizontale > div::-webkit-scrollbar-track {
	display: none;
	/* Color of scrollbar track */
	background: rgba(255, 0, 0, 1);
}

.horizontale > div::-webkit-scrollbar-thumb {
	display: none;
	/* Color of scrollbar thumb */
	background: rgba(0, 255, 0, 1);
}

/* Prevents clicking on links while navigating left or right */
.noclick {
	pointer-events: none;
}

/* Horizontale - "What's new" posts element */
.horizontale .elementor-grid {
	grid-auto-flow: column;
}

.horizontale .elementor-grid article:first-child {
	margin-left: 10px;
}

.horizontale .elementor-grid article {
	/* width of posts elements */
	width: 400px;
	/* right gap between posts */
  padding: 0 10px 0 0;
}

.horizontale .elementor-grid article .elementor-post__thumbnail {
	border-radius: 6px;
}

@media (max-width:768px) {
	.horizontale .elementor-grid article {
		width: 280px;
	}
}

/* Horizontale - Cards Element */
.horizontale.cards .elementor-grid article {
	/* width of posts elements */
	width: 270px;
	/* right gap between posts */
  padding: 0 10px 0 0;
}

@media (max-width:768px) {
	.horizontale.cards .elementor-grid article {
		width: 240px;
	}
}

/* Horizontale - Shops Element */
.horizontale.shops .elementor-grid article {
	/* width of posts elements */
	width: 175px;
	padding: 0;
}

.horizontale.shops .elementor-grid article:last-child {
	margin-right: 10px;
}

/* Horizontale - Promo Element */
.horizontale.promos .elementor-grid article {
	width: 220px;
	padding: 0;
}

.horizontale.promos .elementor-grid article:last-child {
	margin-right: 10px;
}

/* Horizontale - Basic Gallery */
.horizontale .gallery {
	display: grid;
  grid-auto-flow: column;
	margin: 0 !important;
}

.horizontale .gallery img {
	width: auto;
	/* Gap between images */
  padding: 20px;
	/* Height of the images */
  /* height: 410px; */
}

/* Horizontale - Image gallery in Single Shop */
.horizontale.shop-gallery .gallery img {
	border-radius: 6px;
	padding: 0;
	width: 260px;
}

/******************************************************
		SEARCH
*/
body.search-results article .elementor-post__thumbnail {
	background: #FFF;
}

body.search-no-results .elementor-posts-nothing-found {
	padding: 0 10px;
}

/******************************************************
		SINGLE SHOP
*/
#shop-promo::before {
	content:'Promo attive';
	color: var( --e-global-color-secondary );
	font-family: var( --e-global-typography-ac7ddf1-font-family ), Sans-serif;
	font-size: var( --e-global-typography-ac7ddf1-font-size );
	text-transform: uppercase;
	font-weight: 700;
}

#shop-promo .elementor-widget-container {
	margin-top: 20px;
}

#shop-promo .elementor-post__thumbnail {
	border-radius: 6px;
}

/* Orari default */
body.single-shop [data-elementor-type="single-post"]:not(.tag-food) #orari-default {
	display: initial;
}

/* Orari food */
body.single-shop .tag-food #orari-ristorazione {
	display: initial;
}

/* Orari Ipermercato */
body.postid-8623 #orari-ipermercato {
	display: initial;
}

body.postid-8623 #orari-default {
	display: none !important;
}

/* Orari Primark */
body.postid-8625 #orari-primark {
	display: initial;
}

body.postid-8625 #orari-default {
	display: none !important;
}

/* Orari UCI Cinemas */
body.postid-10604 #orari-uci {
	display: initial;
}

body.postid-10604 #orari-default {
	display: none !important;
}

/* Orari Giglisauri */
body.postid-8495 #orari-giglisauri {
	display: initial;
}

body.postid-8495 #orari-default {
	display: none !important;
}

/******************************************************/
/* NOT USED */
/* Full width only for tablet-mobile */
/*
@media (max-width:1024px){
	.horizontale > div > .elementor-section {
		min-width: 100vw;
	}
}
*/
/* Navigation arrow */
/*
.leftarrow, .rightarrow{
	cursor: pointer;
	line-height: 0;
}
*/

/* Remove default browser :focus styling */
/*
.leftarrow:focus, .rightarrow:focus{
	outline:0;
}
*/

/* Replace focus styling with this for accessibility */
/* Size of arrows when :focus state is active */
/* Color of arrows when :focus state is active */
/*
.leftarrow:focus .elementor-icon, .rightarrow:focus .elementor-icon {
	transform: scale(1.04);
	color: #000;
}
*/

/* Change to unset to have the normal cursor when mouse button is clicked down */
/* Size of elements when mouse button is clicked down */
/*.horizontale > div.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
	transform: scale(1.01)
}
*/
/*
		END OF HORIZONTALE SCROLL
******************************************************/

/******************************************************
		H SCROLL - OLD
*/
/*
.h-scroll .uael-posts {
	display: flex;
  overflow-x: scroll;
}

.h-scroll .uael-posts>div {
	display: flex !important;
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

.h-scroll .uael-posts .uael-post-wrapper {
	width: 425px;
}
*/