@charset "UTF-8";/*Theme Name: willmediaTheme URI: https://wordpress.org/themes/twentytwentyone/Author: the WordPress teamAuthor URI: https://wordpress.org/Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.Requires at least: 5.3Tested up to: 5.8Requires PHP: 5.6Version: 1.4License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlText Domain: twentytwentyoneTags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-readyTwenty Twenty-One WordPress Theme, (C) 2020 WordPress.orgTwenty Twenty-One is distributed under the terms of the GNU GPL.*/
:root {--orange: #FF8A5E;--gray: #F5F5F5;--gray-dark: #D8D8D8;}
* {margin:0; padding:0; font-family: 'Archivo', sans-serif; outline:0; -webkit-appearance:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:normal;}
.font_xs,.font_xs * {font-size: 14px;line-height:17px;}
.font_sm,.font_sm * {font-size: 18px;line-height:22px;}
.font_s,.font_s * { font-size: 24px; line-height:28px;}
.font_m,.font_m * { font-size: 32px; line-height:32px;}
.font_l,.font_l * {font-size: 65px;line-height: 65px;}
.bold, .bold * {font-weight:bold;}
.medium, .medium * {font-weight:500;}
.col7 {width: 70%;margin: 0 auto;max-width: 1110px;}
.marginb_s {margin-bottom:10px;}
.marginb_m {margin-bottom:20px;}
.marginb_l {margin-bottom:40px;}
.element {position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: transform 0.8s 0.2s ease, opacity 0.6s 0.4s ease;transform: translate(0,0px);}
.bottone {border: 1px solid;border-radius: 25px;padding: 6px 20px 5px 20px;display: inline-block;cursor: pointer;}
.bottone img {display: inline-block;margin-left: 10px;vertical-align: middle;position: relative;z-index: 1;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
a {color: black;text-decoration: none;}
.center {text-align: center;}
footer {padding: 40px;}
div#logo img {display: block;width: 130px;}
header {position: absolute;top: 0;left: 0;right: 0;padding: 30px 40px;z-index: 10;}
header {display: flex;justify-content: space-between;align-items: center;}
div#burger {width: 35px;height: 34px;background: black;position: relative;cursor: pointer;}
.color-bg {background:var(--orange);}
.burger {position: absolute;top: 8px;height: 2px;background: var(--orange);left: 7px;right: 7px;transition: transform 0.8s ease, opacity 0.8s ease, background 0.1s ;}
.no-articles {padding: 26px 40px 20px 40px;}
.burger.burger2 {top: 16px;}
.burger.burger3 {top: 24px;}
#background-hider {position:fixed;top:0;left:0;right:0;background:black;z-index:10000;transition: transform 0.8s ease;bottom:0;}
 .hide-hider #background-hider {transform: translate(0,-100%);}
.overlay {position: fixed;top: 0;left: 0;width: 100%;transition: transform 0.8s ease;transform: translate(-100%,0);bottom: 0;z-index: 1000;overflow: hidden;}
.blur {background: rgb(191 191 191 / 30%);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.overlay.attivo {transform: translate(0,0);}
div#temi {width: 70%;transition: transform 0.6s 0.3s ease;}
.inner-overlay {padding: 40px;height: calc(100% - 80px);overflow: auto;overflow-x: hidden;width: calc(100% - 60px);}
.close {position: absolute;top: 40px;right: 40px;cursor: pointer;}
.close img {display: block;width: 22px;height: auto;}
.close {position: absolute;top: 40px;right: 40px;cursor: pointer;}
.close img {display: block;width: 22px;height: auto;}
.background-selezione {height: 75px;background: black;border-radius: 80px;left: -17.5px;position: absolute;right: -17.5px;z-index: 2;pointer-events: none;top: 0;transition: all 0.4s ease;opacity: 0;}
.lista-temi {position: relative;}
.background-selezione.show {opacity: 1;}
.tema-singolo {transition: color 0.3s 0.1s ease;cursor:pointer;overflow: hidden;margin-bottom: 25px;height: 67px;}
.listato {position: relative;z-index: 4;margin-left: -25px;}
.nero {background: black;color: white;border-color: black;transition: all 0.5s ease;cursor: pointer;}
.uppercase,.uppercase * {text-transform: uppercase;}
.bottone.font_xs {padding: 11px 35px 9px 35px;border-radius: 40px;display: inline-block;margin-right: 20px;}
.back {display: inline-block;vertical-align: middle;cursor: pointer;}
.back img {display: inline-block;vertical-align: middle;width: 20px;margin-right: 10px;margin-top: -3px;}
.reset-filters span,.filtri span,.back span,footer a {position: relative;}
.reset-filters span:before,.filtri span:before,.back span:before,footer a:before {content: '';position: absolute;bottom: -1px;height: 1px;background: black;transition: width 0.5s ease;width: 0;}
.element-container {height: 100vh;position: relative;overflow: hidden;}
footer {position: relative;z-index: 10;}
.element[data-step="2"] {transform: translate(0,80%);opacity:0;pointer-events:none;}
.step2 .element[data-step="1"] {transition: all 0.8s ease;transform: translate(0,-80%);opacity: 0;pointer-events: none;}
.element[data-step="1"] {transition: transform 0.8s 0.2s ease,opacity 0.6s 0.4s ease;}
.element[data-step="2"] {transition: transform 0.8s ease, opacity 0.6s ease;}
.step2 .element[data-step="2"] {transition: transform 0.8s 0.2s ease, opacity 0.6s 0.4s ease;transform:translate(0,0);opacity: 1;pointer-events: all;}
.bottone_hover {overflow: hidden;position: relative;/* transition: all 0.5s ease; */margin-right: 10px;margin-bottom: 9px;}
.bottone_hover:before {content: '';position: absolute;top: -1px;bottom: -1px;width: 0;/* transition: width 0.5s ease; */background: white;left: -1px;z-index: 0;}
.bottone_hover.attivo:before {width: calc(100% + 2px);}
.bottone_hover.attivo {border-color: transparent;}
/*.element[data-step="1"] .col7 {max-width: 820px;}
*/.ricerca-header-container {padding: 40px;padding-top: 160px;padding-bottom: 20px;}
.bottone.font_l {padding: 4px 30px;border-radius: 60px;}
body {background:var(--gray);}
.bottone.font_l img {width: 34px;}
.migliora-filtri {background: var(--gray);border-bottom: 1px solid var(--gray-dark);padding: 26px 40px 20px 40px;}
.migliora-filtri img {vertical-align: middle;margin-right: 10px;width: 18px;margin-top: -4px;}
body.home {background: var(--orange);}
span.relative {position: relative;z-index: 1;}
.filtri {display: inline-block;cursor: pointer;width: 205px;}
.img-articolo img {border-radius: 6px;height: 200px;display: block;margin: 0 auto;object-fit: contain;max-width: 90%;-webkit-box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 20%);box-shadow: 1px 1px 8px 1px rgb(0 0 0 / 20%);}
.clear {clear: both;}
.img-articolo {width: 25%;height: 200px;}
.socials {width: 25%;}
.more-read {display: none;}
.read-more,.reset-filters {cursor: pointer;}
.center-text-articolo {width: 50%;text-align: center;}
.socials-icon img {display: inline-block;margin: 0 5px;border: 1px solid black;border-radius: 50%;transition: all 0.5s ease;}
.dark_gray {color: #555;}
.socials {text-align:center;padding-top: 57.5px;}
.articolo-ricerca {border-bottom: 1px solid var(--gray-dark);padding: 40px 60px;display: flex;justify-content: space-between;transform: translate(0,20px);opacity: 0;transition: all 0.7s 0.2s ease;}
.inner-text {padding: 0 60px;}
.leggi-meno {display: none;}
.read-all span.puntini,.read-all span.leggi-tutto {display: none;}
.read-all .leggi-meno {display: inline-block;margin-left: 10px;}
.bottone.font_s {padding: 2.5px 15px;}
div#filtri {width: 50%;}
.read-all .more-read {display: inline;}
.bottone_hover.attivo {border-color: black !important;}
.sticky {position: sticky;top: -500px;left: 0;right: 0;z-index: 7;transition: top 0.8s ease;}
video {max-width: 100%;height: 100%;display: block;margin: 0 auto;object-fit: contain;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);}
.socials-icon a {display: inline-block;margin: 0 1.5px;}
.container-articoli {transition: opacity 0.5s ease;}
span.tema-hover {display: inline-block;border-radius: 50px;position: relative;overflow: hidden;padding: 0 25px;transition: transform 0.3s ease,text-indent 0.4s 0.1s ease;}
.tema-singolo .tema-hover:before {border-radius: 50%;content: '';bottom: 0;position: absolute;top: 50%;left: 25px;width: 24px;background: black;z-index: -1;transition: transform 0.4s ease;height: 24px;transform: translate(0,-50%) scale(0);}
.loading .container-articoli {opacity: 0;}
.actions-filter-tag {position: absolute;bottom: 0;left: 0;right: 0;display: flex;justify-content: space-between;align-items: center;padding: 40px;z-index:10;}
.reset-filters img {display: inline-block;width: 19px;vertical-align: middle;margin-right: 10px;margin-top: -3px;}
.menu-stiky-out .sticky{top:-130px;}
.migliora-filtri .reset-filters {display: inline-block;margin-left: 35px;opacity: 0;pointer-events: none;transition: opacity 0.5s ease;}
.migliora-filtri.show-reset .reset-filters {opacity:1;pointer-events:all;}
.bottone:not(.nero) {position: relative;overflow: hidden;}
.bottone.attivo:not(.nero):before {width: 100%;}
.bottone:not(.nero):before {content: '';position: absolute;top: 0;left: 0;bottom: 0;background: white;z-index: 0;width: 0;}
#filtri .inner-overlay {height: calc(100% - 200px);}
span.bottone-label {position: relative;z-index: 1;}
span.tema-selezionato {position: relative;z-index: 1;}
.element span.tema-selezionato {font-weight: 500;font-style: italic;}
div#lottie {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 300px;}
select {background: url(../willmedia/assets/images/select.svg) no-repeat calc(100% - 20px) center;border: 1px solid;border-radius: 25px;padding: 2.5px 15px;display: inline-block;cursor: pointer;padding-right: 50px;outline: 0;-webkit-appearance: none;appearance: none;}
input[type="date"] {border: 1px solid;border-radius: 25px;padding: 1.5px 15px 3px 15px;display: inline-block;cursor: pointer;outline: 0;-webkit-appearance: none;appearance: none;padding-right: 10px;background: none;margin-left: 5px;margin-right: 10px;width: 160px;vertical-align:center;}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-calendar-picker-indicator {/*opacity:0;-webkit-appearance: none;*/}
.gecko .blur {background: rgb(191 191 191 / 97%);}
.intervallo {display: none;}
.intervallo.show {display: block;}
.safari input[type="date"] {height: 24px;width: 105px;}
.gecko input[type="daate"] {width: 105px;}
span.tema-hover-c {transform: translate(0,100%);display: inline-block;transition: transform 0.4s ease;}
div#temi:not(.attivo) {transition:transform 0.8s 0.3s ease;}
#temi:not(.attivo) span.tema-hover-c {transition-delay: 0s !important;}
div#temi.attivo {transition: transform 0.6s 0s ease;}
.show-results .element[data-step="2"] {transform: translate(0,-70%);opacity: 0;}
.move-color-bg {transition: transform 0.8s ease;position: relative;}
.show-results1 .move-color-bg {transform: translate(0,-100%);}
.show-results .ricerca {position: absolute;top: 0;right: 0;left: 0;background: var(--gray);z-index: -1;}
.normal-ok.show-results .ricerca {z-index: initial;position: relative;}
.attivot span.tema-hover {text-indent: 40px;transition: transform 0.3s ease,text-indent 0.4s ease;}
.attivot span.tema-hover:before {transform: translate(0,-50%) scale(1);transition: transform 0.4s 0.1s ease;}
.articolo-ricerca.visibile1 {opacity: 1;transform: translate(0,0);}
.inline-desktop {display: inline-block;}
.container-articoli-tot {min-height: calc(100vh - 310px);background: rgb(245, 245, 245);}
.inline-desktop * {vertical-align: middle;}
a.loop-link {border: 1px solid;border-radius: 30px;padding: 12.5px 40px 12px 40px;transition: all 0.5s ease;}
a.loop-link:hover {background: black;color: white;}
@media all and (min-width:769px){
	.nero:hover {background: white;border-color: white;color: black;}
	.inner-text.no-title {margin-top: 30px;}
	.socials.no-title {padding-top: 45px;}
	.reset-filters:hover span:before,.filtri:hover span:before,.back:hover span:before,footer a:hover:before {width: 100%;}
	.bottone_hover:hover:before {width: calc(100% + 2px);}
	.bottone_hover:hover{border-color: transparent;}
	.bottone:not(.nero):hover {border-color: transparent;}
	.bottone:not(.nero):hover:before {width: 100%;}
	select:hover {background-color: white;border-color: white;}
	span.tema-hover:hover {text-indent: 40px;transition: transform 0.3s ease,text-indent 0.4sease;}
	span.tema-hover:hover:before {transform: translate(0,-50%) scale(1);transition: transform 0.4s 0.1s ease;}
	.socials-icon img:hover {background: white;filter: invert(1);-webkit-filter: invert(1);}
}
@media all and (max-width:767px) {
	.no-articles {padding: 20px;}
	.tema-singolo .tema-hover:before {width: 15px;height: 15px;left: 15px;}
	.attivot span.tema-hover {text-indent: 25px;}
	.inline-desktop {display: block;margin-bottom:15px;}
	.inline-desktop .font_xs {display: inline-block;width: 20px;}
	input[type="date"] {width: 192px;height: 23.5px;}
	.reset-filters {margin-bottom: 10px;}
	div#logo img {width: 75px;}
	header {padding: 20px;}
	div#burger {width: 24px;height: 24px;}
	.burger {top: 5px;left: 4px;right: 4px;}
	.burger.burger2 {top: 11px;}
	.burger.burger3 {top: 17px;}
	.col7 {width: calc(100% - 40px);}
	.font14 {font-size: 14px;}
	.font_l, .font_l *,.font_l span.tema-selezionato {font-size: 38px;line-height: 40px;}
	.font_m, .font_m * {font-size: 26px;line-height: 26px;}
	.bottone {padding: 3px 15px 4px 15px;}
	div#temi {width: 100%;}
	.tema-singolo * {font-size: 26px;line-height: 26px;}
	.tema-singolo {margin-bottom: 0;}
	.inner-overlay {padding: 20px;height: auto;overflow: initial;}
	div#temi {top: 0;}
	span.tema-hover {padding: 0 15px;}
	.listato {margin-left: -15px;margin-top: 40px;}
	.close {top: 17px;right: 20px;}
	.bottone.font_m.bottone_hover * {font-size: 18px;line-height: 18px;}
	.bottone.font_m.bottone_hover {padding: 5px 15px;}
	.bottone.bottone_hover.font_m span {display: block;}
	footer {padding: 20px;}
	.element-container {height: 100vh;}
	footer .font_xs * {font-size: 12px;}
	.articolo-ricerca {padding: 30px 20px;display: block;}
	.img-articolo {width: 100%;margin-bottom: 20px;}
	.center-text-articolo {width: 100%;}
	.inner-text {padding: 0;}
	.font_sm, .font_sm * {font-size: 14px;line-height: 18px;}
	.socials {padding-top: 20px;width: 100%;}
	.ricerca-header-container {padding: 20px;padding-top: 130px;padding-bottom: 0;overflow-x: hidden;}
	.migliora-filtri {padding: 20px;padding-bottom: 17px;}
	.ricerca-header-container .sub-temi {margin-left: -20px;margin-right: -20px;padding-left: 20px;white-space: nowrap;overflow-x: scroll;-webkit-overflow-scrolling: touch;padding-bottom: 16px;}
	.bottone.seleziona-tema.font_l.marginb_m.medium {padding: 3px 15px 4px 15px;font-size: 26px;line-height: 26px;margin-bottom: 15px;}
	span.tema-selezionato {font-size: 26px;line-height: 26px;display: inline-block;}
	.bottone.font_l img {width: 20px;}
	.sub-temi.medium * {font-size: 18px;line-height: 18px;}
	.sub-temi .bottone.font_s {padding: 5px 15px;margin-right: 5px;margin-bottom: 0;}
	.menu-stiky-out .sticky {top: -110px;}
	div#filtri {width: 100%;}
	.listato-tag *, .listato-piattaforma * {font-size: 18px;line-height: 18px;}
	.listato-tag .bottone,.listato-piattaforma .bottone {padding: 5px 15px;}
	.actions-filter-tag {padding: 20px;display: block;text-align: center;}
	.applica-filtri {margin-top: 10px;}
	#filtri .inner-overlay {overflow: scroll;overflow-x: hidden;height: calc(100% - 155px);}
	.inner-text .font_m,.inner-text .font_m * {font-size: 20px;line-height: 22px;}
	.close img {width: 20px;}
	.migliora-filtri .reset-filters {margin-bottom: 0px;margin-left: 10px;}
	span.tema-selezionato {font-size: 24px;display: inline;line-height: 24px;}
	.font_l, .font_l *,.font_l span..tema-selezionato {font-size: 35px;line-height: 35px;}
	.marginb_l {margin-bottom: 30px;}
	.bottone.font_xs.nero.uppercase.applica-filtri {margin-right: 0;display:block;}
	#filtri .inner-overlay {width: calc(100% - 40px);}
	.ricerca-header-container span.tema-selezionato {font-size: 27px;display: inline;line-height: 27px;}
	.tema-singolo {height: 34px;margin-bottom: 15px;}
	select.font_s {font-size: 18px;line-height: 18px;padding: 5px 15px;padding-right: 60px;}
}
@media all and (min-width:768px) and (max-width:1280px) {
	div#temi {width: 100%;}
	.articolo-ricerca {padding: 30px;}
	.inner-text {padding: 0 40px;}
	div#filtri {width: 100%;}
	.font_l, .font_l * {font-size: 50px;line-height: 50px;}
	.col7 {width: calc(100% - 70px);}
	.font_m, .font_m * {font-size: 26px;line-height: 26px;}
	.tema-singolo {height: 55px;}
}
.placeholder-img {height: 200px;width: 200px;background: #cccccc73;margin: 0 auto;}
main#main {min-height: 100vh;}
.anima {transform: translate(0,30px);opacity: 0;transition: all 0.5s ease;}
.anima1 {transition-delay: 0.3s;}
.anima2 {transition-delay: 0.5s;}
.anima3 {transition-delay: 0.7s;}
.attivo span.tema-hover-c {transform: translate(0,0);}
.hide-hider .anima {opacity:1; transform:translate(0,0);}
.back-to-top {position: fixed;bottom: 15px;right: 25px;transition: all 0.5s ease;cursor: pointer;opacity: 0;pointer-events: none;}
.back-to-top img {vertical-align: middle;margin-top: -4px;margin-right: 8px;}
.back-to-top.show {bottom: 25px;opacity: 1;pointer-events: all;}
@media all and (max-width:400px) {
	.font_m, .font_m * {font-size: 20px;line-height: 20px;}
	.font_l, .font_l *,.font_l span.tema-selezionato {font-size: 28px;line-height: 30px;}
	.inner-overlay {width: calc(100% - 40px);}
	.font_xs, .font_xs * {font-size: 12px;line-height: 15px;}
	.bottone.font_m.bottone_hover {margin-bottom: 5px;margin-right: 5px;}
	.bottone.font_m.bottone_hover * {font-size: 16px;line-height: 14px;}
	.ricerca-header-container span.tema-selezionato {font-size: 23px;display: inline;line-height: 23px;}
}