/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
#block-12 {background:none !important;padding:0px !important;}
/* ==========================================================================
TOTAL FONT (MILANOTOPNEWS)
========================================================================== */
.ultp-block-title { font-weight:600 !important;line-height:1.2 !important;}
.ultp-block-title a { text-decoration:none !important;color:#333 !important;transition: color 0.3s ease;}
.ultp-block-title a:hover { color:#D70000 !important;}
.ultp-block-excerpt, .ultp-block-excerpt p { font-size:0.90rem !important;color:#444 !important; line-height:1.3 !important;}
/* --- STILE TITOLI WIDGET E ARTICOLI CORRELATI MILANOTOPNEWS --- */
.widget-title, .ast-related-posts-title { display: block; font-size: 18px !important;font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.6px; color: #1a1a1a; position: relative; padding-bottom: 12px; margin-bottom: 25px !important; border-bottom: 1px solid #e0e0e0; }
.widget-title::first-letter, .ast-related-posts-title::first-letter { color: #D70000 !important; }
.widget-title::after, .ast-related-posts-title::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 40px; height: 2px; background-color: #D70000; }
@media (max-width: 768px) { .widget-title, .ast-related-posts-title { font-size: 1rem !important; } }
/* ==========================================================================
TESTATA HEADER E TOPBAR CSS
========================================================================== */
.ast-header-html-1,
.ast-header-html-1 .ast-builder-html-element,
.milanotop-full-header {width: 100% !important;max-width: 100% !important;display: block; }
.milanotop-full-header {display: grid !important;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 20px;box-sizing: border-box;}
.milanotop-box {line-height:0 !important;align-items: center !important;}
.milanotop-box.m-left {display: flex;justify-content: flex-start;overflow: hidden;}
.milanotop-box.m-center {display: flex;justify-content: center;}
.milanotop-box.m-right {display: flex;justify-content: flex-end;overflow: hidden;}
.milanotop-box ins.adsbygoogle {display: block !important;max-width: 300px !important;width:100%;align-items: center !important;line-height:1 !important;}
.milanotop-box img {max-width: 100%;height: auto;display: block;}
@media (max-width: 921px) {
.milanotop-box.m-left, .milanotop-box.m-right {display: none !important; }
.ast-header-html-1, .ast-builder-html-element, .milanotop-full-header {width: 100% !important; max-width: 100% !important; display: block !important; padding: 0 !important; }
.milanotop-box.m-center { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 25px !important; box-sizing: border-box !important; float: none !important; }
.milanotop-box.m-center a, .milanotop-box.m-center img {display: block !important; margin: 0 auto !important; max-width: 100% !important; height: auto !important; text-align: center !important; }
}
/*-------------------------MEGA MENU DESKTOP-------------------------------------*/
#ast-hf-menu-1 .menu-link { text-transform: uppercase; letter-spacing: 1.7px; font-weight: 800; font-size: 14px; transition: all 0.3s ease; }
#ast-hf-menu-1 .menu-item:hover > .menu-link { color: #D70000 !important; opacity: 0.8; }
#ast-hf-menu-1 .menu-item-home .menu-link { font-size: 0 !important; text-indent: -9999px; background: url('https://wp.milanotopnews.it/wp-content/img/logo.png') no-repeat center; background-size: 20px; min-width: 30px; }
#ast-hf-menu-1 .menu-item-home .menu-link::before { content: ''; display: none; }
#ast-hf-menu-1 .current-menu-item .menu-link { border-bottom: 2px solid #000; }
.ast-below-header-bar { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
/*-------------------------MEGA MENU MOBILE-------------------------------------*/
.ast-mobile-header-content { border-bottom: 2px solid #000; padding: 10px 0 !important; }
#ast-hf-mobile-menu { display: flex !important; flex-direction: column !important; align-items: center !important; padding: 0 !important; margin: 0 !important; }
.ast-builder-menu-mobile .main-header-menu .menu-item { width: 90%; list-style: none; text-align: center; }
.ast-builder-menu-mobile .main-header-menu .menu-item .menu-link { display: flex !important; align-items: center; justify-content: center; font-size: 18px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1.7px; color: #000 !important; padding: 5px 0 !important; border-bottom: 1px solid #f2f2f2; transition: all 0.2s ease-in-out; }
.ast-builder-menu-mobile .main-header-menu .menu-item .menu-link::before { content: "\25AA"; color: #D70000; margin-right: 12px; transition: color 0.2s; }
.ast-builder-menu-mobile .main-header-menu .menu-item.current-menu-item .menu-link, .ast-builder-menu-mobile .main-header-menu .menu-item:hover .menu-link { color: #D70000 !important; }
.ast-builder-menu-mobile .main-header-menu .menu-item.current-menu-item .menu-link::before { color: #000 !important; }
.ast-builder-menu-mobile .main-header-menu .menu-item:last-child .menu-link { border-bottom: none; }
.ast-builder-menu-mobile .main-header-menu .menu-item .ast-menu-toggle { display: none !important; }
/*-------------------------SEARCH MOBILE MENU--------------------------------------*/
.ast-search-icon .ast-icon {background-color: #f1f1f1;border: 1px solid #444;padding: 8px;display: inline-flex;align-items: center;justify-content: center;line-height: 0;border-radius: 0;}
.ast-search-icon .ast-icon svg {width: 21px !important;height: 21px !important;fill: #444;}
.astra-search-icon {text-decoration: none !important;line-height: 0;display: inline-block;}
.search-field {padding-left:40px !important;}
#ast-mobile-header .ast-below-header-bar .ast-builder-grid-row {max-width: 320px !important;margin: 0 auto !important;width: 100%;display: flex !important;justify-content: space-between !important;align-items: center !important;}
/*--------topbar--------*/
.my-topbar { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 5px 0; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; }
.my-topbar a { text-decoration: none; color: #222; display: flex; align-items: center; transition: opacity 0.3s; }
.my-topbar a:hover { opacity: 0.7; }
.guest { padding-right: 20px; border-right: 1px solid #ccc; }
.guest a::after { content: ""; margin-left: 8px; width: 18px; height: 18px; color:#D70000; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v2h10v-2zm0-4H7v2h10V9zm0-4H7v2h10V5z'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v2h10v-2zm0-4H7v2h10V9zm0-4H7v2h10V5z'/%3E%3C/svg%3E") no-repeat center; mask-size: contain; }
.mail a::before { content: ""; margin-right: 8px; width: 16px; height: 16px; color:#D70000; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") no-repeat center; mask-size: contain; }
/* ==========================================================================
STILIZZAZIONE BLOCK-GRID
========================================================================== */
#grid_left .ultp-block-content-inner,
#grid_right .ultp-block-content-inner {padding: 20px !important;box-sizing: border-box;}
/* 2. Gestione Titoli (Colore, Underline, Hover) */
#grid_left .ultp-block-title a, #grid_right .ultp-block-title a {color: #ffffff !important;transition: all 0.3s ease-in-out;}
#grid_left .ultp-block-title a:hover,
#grid_right .ultp-block-title a:hover{color: #F94D4D !important; }
/* Titolo primo articolo */
#grid_left .ultp-block-item:nth-child(1) .ultp-block-title {font-size: 22px !important;}
/* Titolo secondo articolo */
#grid_left .ultp-block-item:nth-child(2) .ultp-block-title {font-size: 20px !important;}
/* Titolo terzo e quarto articolo */
#grid_left .ultp-block-item:nth-child(3) .ultp-block-title,
#grid_left .ultp-block-item:nth-child(4) .ultp-block-title {font-size: 15px !important;}
#grid_right .ultp-block-title {font-size:19px !important;}
/* 4. Category in stile Bottone (Fashion Look) */
#grid_left .ultp-category-in a,
#grid_right .ultp-category-in a {display: inline-block;background-color: #FFF;color: #000000 !important;padding: 5px 12px 3px 12px;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;margin-bottom:10px ;}
#grid_left .ultp-category-in a:hover ,
#grid_right .ultp-category-in a:hover {background-color: #AAA;}
/* 5. Meta Dati (Autore e Data) */
#grid_left .ultp-block-meta {margin-top: 10px;margin-bottom: 10px;display: flex;gap: 15px;}
#grid_left .ultp-block-meta-element {font-size: 11px !important;color: #fff !important;text-transform: uppercase;letter-spacing: 1px;}
#grid_left .ultp-block-meta-element a {color: #fff !important;text-decoration: none !important;}
/* Icone Meta */
#grid_left .ultp-block-meta-element svg {width: 13px;height: 13px;margin-right: 6px;color: #FFD800 !important;vertical-align: middle;}
/* excerpt */
#grid_left .ultp-block-excerpt {color: #ffffff !important;margin-top: 15px;margin-bottom: 10px;}
/* 7. Overlay Gradiente per leggibilitĂ testo (Stile Magazine) */
#grid_left .ultp-block-image-overlay::after, #grid_right .ultp-block-image-overlay::after {background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%) !important;}
#grid_left .ultp-block-image img, #grid_right .ultp-block-image img {transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);}
#grid_left .ultp-block-item:hover .ultp-block-image img, #grid_right .ultp-block-item:hover .ultp-block-image img {transform: scale(1.08);}
/* ==========================================================================
STILIZZAZIONE BLOCK-1 - FASHION & STYLE
========================================================================== */
#block-1 .ultp-block-image img { width: 100% !important; height: auto; display: block; }
#block-1 .ultp-big-post-module1 .ultp-block-title {font-size:20px;margin:10px 0 !important;}
#block-1 .ultp-small-post-module1 .ultp-block-title {font-size:18px;margin:0px 0px 5px !important;}
#block-1 .ultp-small-post-module1 .ultp-block-item { border-bottom: 1px dotted #777; padding-bottom: 13px; margin-bottom: 10px; }
#block-1 .ultp-small-post-module1 .ultp-block-item:last-child { border-bottom: none; padding-bottom:0; margin-bottom:0; }
#block-1 .ultp-small-post-module1 .ultp-block-excerpt { text-align:justify; font-size:0.85rem !important;}
#block-1 .ultp-small-post-module1 { background:#f6f6f6; border:1px solid#ccc; padding: 18px !important;}
#block-1 .ultp-block-items-wrap {display: flex;flex-wrap: nowrap;align-items: stretch;}
#block-1 .ultp-big-post-module1 {width: 53%;flex: 0 0 53%;}
#block-1 .ultp-small-post-module1 {flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between;}
/* Gestione Responsive (per Mobile e Tablet) */
@media (max-width: 768px) {
#block-1 .ultp-block-items-wrap { flex-wrap: wrap;}
#block-1 .ultp-big-post-module1,
#block-1 .ultp-small-post-module1 {width: 100%;flex: 0 0 100%;margin-right: 0;margin-bottom: 20px;}}
/* ==========================================================================
STILIZZAZIONE BLOCK-2 - SIDEBAR/COLUMN STYLE
========================================================================== */
#block-2 .ultp-block-title { font-size: 17px;}
#block-2 .ultp-block-content-wrap {margin-bottom:1px !important;}
#block-2 .ultp-block-item:last-child .ultp-block-content-wrap { border-bottom: none; }
#block-2 .ultp-block-item:hover .ultp-block-content-wrap { background-color: #f2f2f2; }
#block-2 .ultp-block-image {margin-right:15px;}
#block-2 .ultp-block-image img {width:100% !important;}
#block-2.boxed .ultp-block-wrapper {border:1px solid #AAA;background:#f4f7f9; margin:0;padding:12px 20px; }
@media (max-width: 767px) { #block-2 .ultp-block-content-wrapper {margin-top:25px !important;} #block-2.boxed .ultp-block-content-wrapper {margin-top:25px !important;}}
/* ==========================================================================
STILIZZAZIONE BLOCK-3 - BOXED STYLE (MILANOTOPNEWS)
========================================================================== */
#block-3 { background-color: #f1f1f1; padding:10px !important; box-sizing: border-box; border:1px solid #ccc;}
#block-3 .ultp-block-content-wrap { display:block !important;margin:15px !important;}
#block-3 .ultp-block-title {line-height:1.35;font-size:17px; padding:0px 0 8px 0px; }
#block-3 .ultp-block-image {float:left !important;margin: 3px 15px 0 0; }
#block-3 .ultp-block-item:hover { background-color: transparent !important; }
@media (max-width: 767px) { #block-3 { margin:25px 0;padding: 15px !important; } #block-3 .ultp-block-image {} #block-3 .ultp-block-title {font-size:16px; }}
/* ==========================================================================
STILIZZAZIONE BLOCK-4 - NOTIZIE 3x3 (MILANOTOPNEWS)
========================================================================== */
#block-4 .ultp-block-title {font-size:15px !important;margin:8px 0 4px 0 !important;}
#block-4 .ultp-block-image { width:100% !important;}
#block-4 .ultp-block-excerpt {font-size:0.85rem !important;}
@media (max-width: 767px) { #block-4 .ultp-block-item { flex: 0 0 100% !important; } }
/* ==========================================================================
STILIZZAZIONE LAST-BLOCK - NOTIZIE RIGHT WITH TEXT
========================================================================== */
#last_block { background-color: #f1f1f1; padding:15px 20px !important; box-sizing: border-box; border:1px solid #ccc;}
#last_block .ultp-block-content-wrap {display: block !important;}
#last_block .ultp-block-image {float: left !important;margin:4px 12px 0px 0px !important; }
#last_block .ultp-block-content {display: block !important;margin-left: 0 !important;overflow: visible !important; }
#last_block .ultp-block-title {display: block; margin-bottom: 5px !important;font-size:17px !important;}
##last_block .ultp-block-excerpt p {display: inline;}
#last_block .ultp-block-excerpt {line-height:1.3 !important;font-size:0.85rem !important;}
##last_block .ultp-block-item::after {content: "";display: table;clear: both;}
/* Distanza tra un articolo e l'altro */
#last_block .ultp-block-item {margin-bottom: 12px !important;border-bottom: 1px solid #ccc;padding-bottom: 12px !important;}
#last_block .ultp-block-item:last-child {border-bottom:none;padding-bottom:0px !important;margin-bottom:0px !important;}
/* ==========================================================================
CTA BOX CANALE MODA - MILANOTOPNEWS STYLE
========================================================================== */
.mtn-cta-box-moda { width: 100%; background-color: #000000; color: #ffffff; padding: 35px 30px; text-align: center; box-sizing: border-box; position: relative;}
.mtn-cta-box-moda::before { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(212, 175, 55, 0.3); pointer-events: none; }
.mtn-cta-tag { display: inline-block; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #d4af37; margin-bottom: 15px; }
.mtn-cta-headline { font-family: 'Georgia', serif; color:#FFD3E1; font-size: 32px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.1; text-transform: none; }
.mtn-cta-description { font-family: 'Georgia', serif; font-style: italic; font-size: 15px; line-height: 1.6; color: #cccccc; margin-bottom: 25px; padding: 0 10px; }
.mtn-cta-link { display: inline-block; background-color: #000; color: #fff !important; text-decoration: none !important; padding: 12px 25px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; transition: all 0.3s ease; border: 1px solid #d4af37; position: relative; z-index: 2; }
.mtn-cta-link:hover { background: #fff; color: #000 !important; border-color: #000; }
@media (max-width: 480px) { .mtn-cta-box-moda { padding: 30px 20px; } .mtn-cta-headline { font-size: 26px; } .mtn-cta-description { font-size: 14px; } }
/* ============================================== FOOTER STYLES ===================================================================== */
.site-footer .menu { font-size: 16px; line-height:1.8; letter-spacing:1.2px;}
.footer-legal {font-size:0.80rem; line-height: 1.8; }
.site-footer {padding-top:50px !important;}
.redafooter p {font-size:0.85rem !important;line-height:1.3 !important; margin-bottom:5px;}
.redafooter img {margin:0px 5px}
/* --- CHI SIAMO --- */
.chisiamo{display:grid!important;grid-template-columns:80px 1fr!important;column-gap:15px!important;align-items:start!important}.logofooter{grid-column:1!important;grid-row:1/3!important}.logofooter img{max-width:100%!important;height:auto!important;display:block!important}.bio{grid-column:2!important;grid-row:1!important;font-size:0.80rem;margin:0!important;display:block!important;text-align:justify;}.area-social-footer{grid-column:2!important;grid-row:2!important;display:flex!important;gap:8px!important;}.social-icon{width:19px!important;height:19px!important;display:inline-block!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important;transition:background .2s!important}.social-icon:hover{background-color:#888!important}.icon-x{background-color:#000!important;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjkgM0gyMmwtNi44IDcuN0wyMyAyMWgtNi4zbC00LjktNi40TDYuMiAyMUgzLjFsNy4yLTguMkwzIDNoNi41bDQuNSA1LjlMMTguOSAzem0tMS4xIDE2LjJoMS43TDcuNiA0LjhINS44bDEyIDE0LjR6Ii8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4LjkgM0gyMmwtNi44IDcuN0wyMyAyMWgtNi4zbC00LjktNi40TDYuMiAyMUgzLjFsNy4yLTguMkwzIDNoNi41bDQuNSA1LjlMMTguOSAzem0tMS4xIDE2LjJoMS43TDcuNiA0LjhINS44bDEyIDE0LjR6Ii8+PC9zdmc+)}.icon-fb{background-color:#1877f2!important;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyYTEyIDEyIDAgMTAtMTMuOCAxMS44di04LjRINy4xVjEyaDMuMVY5LjRjMC0zIDEuOC00LjcgNC42LTQuNyAxLjMgMCAyLjcuMiAyLjcuMnYzaC0xLjVjLTEuNSAwLTIgLjktMiAxLjlWMTJoMy4zbC0uNSAzLjRoLTIuOHY4LjRBMTIgMTIgMCAwMDI0IDEyeiIvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTI0IDEyYTEyIDEyIDAgMTAtMTMuOCAxMS44di04LjRINy4xVjEyaDMuMVY5LjRjMC0zIDEuOC00LjcgNC42LTQuNyAxLjMgMCAyLjcuMiAyLjcuMnYzaC0xLjVjLTEuNSAwLTIgLjktMiAxLjlWMTJoMy4zbC0uNSAzLjRoLTIuOHY4LjRBMTIgMTIgMCAwMDI0IDEyeiIvPjwvc3ZnPg==)}.icon-tg{background-color:#26a5e4!important;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDBDNS4zNzMgMCAwIDUuMzczIDAgMTJzNS4zNzMgMTIgMTIgMTIgMTItNS4zNzMgMTItMTJTMTguNjI3IDAgMTIgMHptNS41NjIgOC4xNjFsLTEuODcgOC44MmMtLjE0LjYyMy0uNTEuNzc2LTEuMDM0LjQ4MmwtMi44NDYtMi4wOTgtMS4zNzMgMS4zMjFjLS4xNTIuMTUyLS4yOC4yOC0uNTc0LjI4bC4yMDQtMi44OTggNS4yNzUtNC43NjRjLjIyOS0uMjA0LS4wNS0uMzE3LS4zNTQtLjExM2wtNi41MiA0LjEwNi0yLjgwOC0uODc4Yy0uNjEtLjE5LS42MjMtLjYxLjEyNy0uOTA0bDEwLjk2LTQuMjIzYy41MDctLjE4Ni45NTIuMTIuNzg4Ljg3eiIvPjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyIDBDNS4zNzMgMCAwIDUuMzczIDAgMTJzNS4zNzMgMTIgMTIgMTIgMTItNS4zNzMgMTItMTJTMTguNjI3IDAgMTIgMHptNS41NjIgOC4xNjFsLTEuODcgOC44MmMtLjE0LjYyMy0uNTEuNzc2LTEuMDM0LjQ4MmwtMi44NDYtMi4wOTgtMS4zNzMgMS4zMjFjLS4xNTIuMTUyLS4yOC4yOC0uNTc0LjI4bC4yMDQtMi44OTggNS4yNzUtNC43NjRjLjIyOS0uMjA0LS4wNS0uMzE3LS4zNTQtLjExM2wtNi41MiA0LjEwNi0yLjgwOC0uODc4Yy0uNjEtLjE5LS42MjMtLjYxLjEyNy0uOTA0bDEwLjk2LTQuMjIzYy41MDctLjE4Ni45NTIuMTIuNzg4Ljg3eiIvPjwvc3ZnPg==)}
/* BARRA SOCIAL MOBILE */
@media (max-width: 921px) { .scriptlesssocialsharing { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 9999; display: flex; justify-content: space-around; padding: 10px 5px !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); margin: 0 !important; } .scriptlesssocialsharing__heading { display: none !important; } .scriptlesssocialsharing__buttons { width: 100%; display: flex; justify-content: space-around; margin: 0 !important; } body { padding-bottom: 60px !important; } }
@media (max-width: 921px) {.ast-scroll-to-top-right {bottom: 70px !important;}}
/* =========================================================================================
LATEST NEWS SIDEBAR
========================================================================================= */
#latest .milanotopnews-latest-list {list-style: none !important;padding: 0 !important;margin: 0 !important;}
#latest .milanotopnews-latest-list li {position: relative;padding: 5px 0px 18px 0px !important;border-bottom: 1px solid #e0e0e0;display: flex;flex-direction: column;transition: all 0.3s ease;}
/* --- LINEA ROSSA CHE CAMMINA --- */
#latest .milanotopnews-latest-list li::after {content: '';position: absolute;bottom: -1px;left: 0;width: 0;height: 2px;background-color:#D70000;transition: width 0.5s ease-in-out;z-index: 2;}
#latest .milanotopnews-latest-list li:hover::after {width: 100%;}
/* --- DATA SOPRA IL TITOLO --- */
#latest .news-date {order: 1;font-size: 10px;font-weight: 600;letter-spacing: 2px;color: #999;text-transform: uppercase;margin-bottom: 5px;padding-left: 25px;}
/* --- TITOLO --- */
#latest .milanotopnews-latest-list li a {order: 2;display: block;text-decoration: none;font-size: 17px;font-weight: 700;line-height: 1.3;color: #000;padding-left: 25px;position: relative;transition: color 0.3s ease;}
/* --- ICONA (VERSIONE COMPATIBILE) --- */
#latest .milanotopnews-latest-list li a::before {content: "→"; /* Freccia semplice ma elegante */position: absolute;left: 0;top: 0;font-size: 18px;line-height: 1;color: #D70000;transition: all 0.3s ease;}
/* --- EFFETTI HOVER --- */
#latest .milanotopnews-latest-list li:hover a {color: #D70000}
#latest .milanotopnews-latest-list li:hover a::before {color: #000;transform: translateX(5px);}
#latest .milanotopnews-latest-list li:last-child {border-bottom: 1px solid transparent;}
/* =========================================================================================
PAGINA REDAZIONE
========================================================================================= */
.team-card {background: #f8f8f8;border: 1px solid #e1e1e1;padding: 25px 25px 0px 25px;margin-bottom: 30px;transition: box-shadow 0.3s ease;}
.team-card:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.team-flex-container {display: flex;gap: 25px;align-items: flex-start;}
.team-img-side {flex-shrink: 0;}
.team-img-side img {width: 110px;height: 110px;border-radius: 50%;background-color: #fff;border: 1px solid #eee;object-fit: cover;display: block;}
.team-content-side {flex-grow: 1;}
.team-badge {display: inline-block;background-color: #D70000;color: #ffffff;font-size: 10px;font-weight:700;padding:4px 10px 1px 10px;letter-spacing: 1px;text-transform: uppercase;margin-bottom:12px;border-radius:3px;}
.team-name {font-size: 22px;font-weight: 800;color: #000000;line-height: 1.2;margin-bottom:3px;}
.team-role {font-size: 13px;color: #666;font-weight: 600;margin-bottom: 12px;text-transform: uppercase;letter-spacing: 0.5px;}
.team-bio {font-size: 15px;line-height: 1.6;color: #444444;margin-bottom: 15px;}
.team-footer a {font-size: 13px;font-weight: 700;color: #000000;text-decoration: none;text-transform: uppercase;border-bottom: 2px solid #D70000;transition: all 0.2s;}
.team-footer a:hover {color: #D70000;}
/* Responsive: sotto i 600px l'immagine va sopra */
@media (max-width: 600px) {
.team-flex-container {flex-direction: column;align-items: center;text-align: center;}
.team-img-side {margin-bottom: 10px;}
}
/* =========================================================================================
PAGE and BLOG STYLE
========================================================================================= */
/* ------------------POST AND PAGE ----------------------------------------------- */
h1.entry-title {font-size:28px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:-0.4px !important;}
.single-post .entry-meta,
.single-post .entry-meta span {font-size:16px !important;font-weight:400 !important;color:#555 !important;}
.ast-terms-link {font-size:11px !important;text-transform: uppercase !important;margin-bottom:-10px;margin-top:10px;}
.ast-terms-link a {letter-spacing:0.5px;margin-right:5px !important;padding:6px 10px !important;}
.entry-meta .posted-on::before {content: "";display: inline-block;width: 14px;height: 14px;margin-right: 5px;vertical-align: middle;background-color: currentColor;-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;mask: url('data:image/svg+xml;utf8,') no-repeat center;}
.single-post .ast-related-post-title a {font-size:18px !important;}
.single-post .ast-related-post-title {line-height:1 !important;}
/* ------------------BLOG/ARCHIVE ----------------------------------------------- */
.archive .entry-title {font-size:18px !important;}
.archive .ast-excerpt-container {font-size:16px !important;line-height:1.5;}
.ast-archive-entry-banner p {font-size:18px !important;line-height:1.5;}
.ast-archive-entry-banner h1 {font-size:29px !important;line-height:1.5;}
/* ------------------AUTHOR ARCHIVE ----------------------------------------------- */
.author .custom-author-profile img {display: block;margin: -10px auto 15px auto;}
.author .ast-archive-entry-banner p {font-size:0.90rem !important;}
.author .custom-author-profile h2 {font-size:28px !important;font-weight:700;color:#555;}
/* ------------------BREADCRUMBS ----------------------------------------------- */
.rank-math-breadcrumb {font-size:0.90rem;line-height:1.35;}
.single-post .rank-math-breadcrumb {border-left:5px solid #DA0000;padding-left:8px;}