/*!
Theme Name: Mondadori Education 2018
Theme URI: http://underscores.me/
Author: Zeno Pioventini
Author URI: https://www.linkedin.com/in/zeno-pioventini-a117399/
Description: Mondadori Education 2018
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mondadori-education-2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mondadori Education 2018 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*  imponiamo che il link di whatsapp si vedano solo su dispositivi mobile  */
.whatsapp-link{ display:inline-block !important;}

@media only screen and (min-width: 768px) {
 .whatsapp-link{ display:none!important;}
}

div.single-content div.text.text--large h4 {
    font-size: 16px;
}

.contact-input.error {
    border: 2px solid #be2929 !important;
}

ul li + br {
	display: none;
}
.option-item-shop {
	min-width: 120px;
}

.button-align {
	margin-top: -9px;
    vertical-align: middle;
    display: inline-block;
    padding-right: 10px;
}

.gotowebinar-evidence {
	color: #be2929;
}

#section-ricerca-catalogo-tab ul li.page-tab h5 {
	text-transform: lowercase;
}
#section-ricerca-catalogo-tab ul li.page-tab h5:first-letter {
	text-transform: capitalize;
}

.site-header {
	padding-top: 20px !important;
}
.top-header-nav li a {
	padding: 7px 10px;
}
.secondary-nav li a  {
	padding: 12px 12px !important;
	margin-bottom: 8px !important;
}
.top-header-nav .marked a {
	color: #ffffff !important;
	background-color: #9cc91a !important;
}

.top-header-nav .marked a:hover {
	color: #ffffff !important;
	background-color: #799c14 !important;
}
.primary-nav .marked  a,
.secondary-nav .marked  a {
	color: #ffffff !important;
	background-color: #be2929 !important;
	font-weight: 700 !important;
}
.primary-nav .marked {
	padding: 0px 4px !important;
}
.primary-nav .marked  a {
	padding: 10px !important;
}
.primary-nav .marked  a:hover,
.secondary-nav .marked  a:hover {
	color: #ffffff !important;
	background-color: #990f0f !important;
}
.tag-divider {
	clear: both;
	display: block;
}

@media (min-width: 1280px) {
	.primary-nav li {
		padding: 0 12px;
	}
	.primary-nav a.list-inline-link {
		padding-bottom: 12px !important;
	}
}
@media (max-width: 1280px) {
	.primary-nav li.catalog-menu-custom-css {
		margin-top: -14px;
	}
}

a.free_html_click {
	cursor: pointer;
}

.page-tabs .list-inline .page-tab {
	width: 33% !important;
}

/* NUOVA RICERCA */

.overlay-ricerca .results,
.overlay-ricerca .new-loader,
.overlay-ricerca .progress-bar-container,
.overlay-ricerca .show-all-results a {
	display: none;
}
#header-ricerca-catalogo-input {
	display: block;
}
.search .not-cta {
	font-size: 20px;
	line-height: 16px;
	margin-bottom: 16px;
}
.input-search-container .cta strong {
	text-transform: lowercase;
}
.search-result span.match {
	color: #be2929;
}
.results-container {
	padding: 30px 50px;
}
.results-container .search-result {
	width: 100%;
}
.results-container.contenuti .search-result .details span.match {
	font-weight: 700;
}
.results-container.eventi .search-result .content > a {
	color: unset;
}
#search-results-tabs-page .facetwp-counts {
	display: inline;
}
.grid-3-elems {
	grid-template-columns: repeat(3, calc(33.3333% - 15px)) !important;
}

/* PROGRESS BAR */
.progress-bar-container {
	max-width: 300px !important;
	margin: 20px auto;
}
.progress-bar-container .counter {
	text-align: center;
	font-size: 16px;
}
.progressbar {
	position: relative;
	width: 100%;
	margin: 30px auto 0;
	height: 7px;
	background: #be2929;
	overflow: hidden;
}	
span.progress {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #be2929;
	transition: all .3s;
}

/* LOADER */

.new-loader {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#be2929 94%,#0000) top/9px 9px no-repeat,
          conic-gradient(#0000 30%,#be2929);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);
   animation: spinner-c7wet2 1s infinite linear;
}

@keyframes spinner-c7wet2 {
   100% {
      transform: rotate(1turn);
   }
}

/* FILTRI NUOVA RICERCA */

.main-content .search-page .filters .filter .dropdown-selected .label-title {
	display: inline !important;
}

@media (max-width: 768px) {
	.main-content .search-page .filters .filter .dropdown-selected a {
		font-size: 15px !important;
	}
}

@media (min-width: 768px) {
	.main-content .search-page .active-filters {
/*		display: none !important;*/
	}
}

@media (max-width: 997px) {
	html.mt0 {
		margin-top: 0 !important;
	}
	body.logged-in.admin-bar {
		#wrapper {
			margin-top: 45px;
		}
	}
}


/* NUOVO BOTTONE SITO LIBRO */
.bottone-versione-3-copy,
.bottone-versione-3-copy * {
	box-sizing: border-box;
}
.bottone-versione-3-copy {
/*	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: center;
	justify-content: center;*/
	position: relative;
	width: fit-content;
	display: block;
	float: right;
	margin-top: -40px;
}
.scopri-l-offerta-digitale {
	color: #0e3444;
	text-align: center;
	font-family: "Titillium Web", sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	position: relative;
	padding: 5px 0;
}
.bottone-versione-3 {
	background: #b3f130;
	border: 0;
	border-radius: 12px;
	padding: 12px 20px 12px 20px;
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	cursor: pointer;
}
.vai-al-sito-libro {
	color: #0e3444;
	text-align: left;
	font-family: "Titillium Web", sans-serif;
	font-size: 15px;
	font-weight: 700;
	position: relative;
}
.layer-1 {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: visible;
}

#tag-list-block {
	width: fit-content;
	max-width: 80%;
	display: inline-block;
}

.lang-icon {
	display: inline-flex;
	padding: 20px 0;
	margin-right: 20px;
	cursor: pointer;
}

.lang-icon span {
	display: flex;
}
.lang-icon.active {
	cursor: default;
	display: none;
}
.lang-icon.inactive:hover {
	opacity: 0.5;
}
.lang-icon.active span {
	font-weight: 700;
}
.fades {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease;
}
.fades.hiddenz {
  opacity: 0;
  visibility: hidden;
}
.lang-icon img {
	padding-right: 10px;
}
.lang-icon img {
	padding-right: 10px;
}
.bilingual-widget .text--large {
	position: relative;
	margin-top: 20px;
}

@media (max-width: 768px) {
	.lang-icon img {
		width: 50px;
	}
	.lang-icon span {
		font-size: 1.8rem;
	}
	#tag-list-block {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.bottone-versione-3-copy {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 8px;
		align-items: center;
		justify-content: center;
		margin-top: 0;
		float: none;
		margin: 20px auto;
		padding: 20px 0;
		border: 0 solid #ccc;
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.scopri-l-offerta-digitale,
	.vai-al-sito-libro {
		font-size: 18px;
	}
	
}

@media (min-width: 1280px) {
	.event-side-info {
		font-size: 16px;
		margin-bottom: 16px;
	}
}

.modulo-argomenti-pages.bg-gray-lighter .preview-training {
    background: transparent;
}

.btn-localstorage {
    display: none;
}

.cart {
    position: relative;
}
@media (min-width: 1441px) {
    span.actions-icon.cart {
        padding: 10px 20px !important;
        height: 40px;
        top: 2px;
    }
}
@media (max-width: 1440px) {
    span.icon.icon-shop {
        top: 4px !important;
    }
    a.list-inline-link.shop-status-link {
        top: -6px !important;
    }
}

span.icon.icon-shop {
    top: -5px;
    position: relative;
}

a.list-inline-link.shop-status-link {
    top: -2px;
}
.header-sticky-book {
    min-height: 64px;
}

.menu-mobile {
    top: 44px !important;
}

/* Pulsante Accessibilità */
.btn.btn--accessibility {
    background-color: #fff;
    border: 1px solid #277266;
    color: #277266;
    box-sizing: border-box;
}
.btn.btn--light.adding-border {
    border: 1px solid #f8ddd5;
}
.accessibility-btn-logo {
    padding: 0 10px 0 0;
}
.header-sticky-book {
    min-height: 122px !important;
}
.btn--accessibility:hover {
    background-color: #277266;
    color: #fff !important;
}
.btn--accessibility:focus {
    background-color: #277266;
    color: #fff !important;
    box-shadow: 0px 0px 0px 4px #27726666;
}

a.btn.btn--accessibility {
    display: inline-block;
    padding-left: 32px;
    color: #277266;
    text-decoration: none;
    position: relative;
    font-weight: 700;
}

a.btn.btn--accessibility::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 4px; /* padding interno all’icona */
    background: url('./img/ico-accessibility.svg') no-repeat center center;
    background-size: 16px 16px;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

a.btn.btn--accessibility:hover::before,
a.btn.btn--accessibility:focus::before {
    background: url('./img/ico-accessibility-white.svg') no-repeat left center;
    background-size: 16px 16px !important;
    left: 8px;
}

.label-status--none {
    background: none !important;
    border: none !important;
}
.label-status--override {
    line-height: 26px !important;
    margin-bottom: 22px !important;
}

@media (max-width: 767px) {
    #sticky-book-box.list-cta {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #sticky-book-box.list-cta > li {
        flex: 0 0 auto;
        margin-left: 10px;
    }
    #sticky-book-box.list-cta > li:first-child {
        order: 3;
        flex-basis: 100%;
        text-align: right;
        margin: 0;
    }
    .header-sticky-book .cover-small {
        max-width: 75px !important;
        max-height: calc(100%) !important;
    }
    .header-sticky-book {
        min-height: 112px !important;
    }
    a.btn.btn--accessibility {
        margin-top: 0px !important;
    }
}


/* Accesso al carrello */
a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 2px !important;
}
.slide-title-wrapper h3 a:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 2px !important;
}
nav.actions-nav {
    padding: 8px 0 24px;
}
.actions-nav .list-inline-link {
    padding: 0 !important;
}


@media (min-width: 768px) {
    .main-content .search-page .active-filters {
        max-width: calc(100% - 300px) !important;
    }
}


/* overlay invariato */
.mc-loader-overlay {
  position: absolute;
  inset: 0;
  display: none;
  align-items: flex-start;       /* allinea in alto */
  justify-content: center;
  background: rgba(255,255,255,0.7);
  z-index: 999;
  pointer-events: auto;
  backdrop-filter: blur(3px);
}

.main-content.loading .mc-loader-overlay {
  display: flex;
  pointer-events: auto;
}

/* loader centrato orizzontalmente ma staccato dal top */
.mc-loader {
  margin-top: 120px;             /* distanza dal top */
  position: sticky;              /* <--- lo fa "seguire" lo scroll */
  top: 50%;                    /* posizione fissa relativa allo scroll */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px;
  border-radius: 12px;
}

/* spinner colorato */
.spinner {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 4px solid rgba(0,0,0,0.15);
  border-top-color: #be2a2a;     /* colore personalizzato */
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

ul li.active-filters-reset.desktop {
    display: none;
}

.active-filters ul {
  display: flex;
  align-items: center;
}

/* Spinge l'elemento con .active-filters-reset.desktop all'estrema destra */
.active-filters ul li.active-filters-reset.desktop {
  order: 1;       /* mettilo per ultimo nella fila */
}

/* Tutti gli altri li restano in ordine normale */
.active-filters ul li:not(.active-filters-reset.desktop) {
  order: 0;
}

