/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

div#logo-container-mobile {
        padding: 27px 36px ;
}
/***** MAPPA E TIMELINE *****/
/**** select ****/

div#filter {
    position: absolute;
    z-index: 999;
    right: 15px;
    top: 10px;
}
select#provincia-select,
select#categoria-select{
    font-size: 11px;
    margin-top: 0;
    border:0px;
    background-color:#928B84;
    color:#fff;
    font-weight:700;
    text-transform: uppercase;
    max-width: 227px !important;
    /* width: 227px !important; */
    min-width: 256px !important;
}
.sel_info {
    background-color: #6A625B;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0;
	position:relative;
	 max-width: 227px !important;
    /* width: 227px !important; */
    min-width: 256px !important;
}

.sel_info.sel_cat{
    margin-top:9px
}
.sel_info:before {
    content: '';
    position: absolute;
    left: -31.5px;
    display: block;
    top: 0;
    background-image: url(/wp-content/uploads/2025/09/PERIODO-STORICO-2.svg);
    
    background-size: 80%;
    background-repeat:no-repeat;
    background-position:center center;
    height:31.5px;
    width:31.5px;
    background-color: #000100;
}

.sel_info.sel_cat:before {
    background-image: url(/wp-content/uploads/2025/09/Formazione-1.svg);
}

div#categoria-container {
    background-color: #928B84;
    padding: 14px;
     max-width: 227px !important;
    /* width: 227px !important; */
    min-width: 256px !important;
	max-height: 350px;
    overflow-y: auto;
}

div#categoria-container label {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: flex !important;
    align-items: baseline;
    line-height: 18px;
}

div#categoria-container input[type=checkbox] {
    border: 1px solid #ffffff;
    width: 12px;
    height: 12px;
    border-radius: 0;
    background-color: #928b84;
    min-width: 12px !important;
    padding: 0px !important;
    margin-right: 9px;
    box-shadow: 2px 2px #fff;
}
input[type=checkbox]:checked:before {
    content: '';
    color: #000000 !important;
    font-weight: 900 !important;
    line-height: 9px !important;
    font-size: 15px;
    background: #ffffff;
    display: block;
    width: 6px;
    height: 6px;
}
label.formazione-label span{
    position:relative;
}

label.formazione-label span:after {
    content:'';
    display:inline-block;   
    width: 10px;
    height: 10px;
    right: -4px;
    line-height:14px;
    position:relative;
    top:1px;
    opacity:0.5
}

label.formazione-label.brigata span:after{
    border-radius:100%;
    background: #fff;
}


label.formazione-label.distaccamento span:after{
    border-color: #ffffff00 #ffffff00 #fff #ffffff00;
    border-width: 0 6px 10px 6px;
    border-style: solid;
    border-radius:1px
}

label.formazione-label.divisione span:after{
    border-radius:1px;
    background: #fff;
}
/**** marker ****/
.leaflet-marker-icon.selected-marker {
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.5));
  transform: scale(1.05); /* leggero ingrandimento opzionale */
  transition: all 0.2s ease;
}
.awesome-marker i {
    font-size: 20px;
    margin-top: 8px;
}
.leaflet-div-icon {
    background: transparent !important;
    border: 0 !important;
}
/**** timeline ****/
.vis-item .vis-item-content {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
	letter-spacing: -0.5px;
	
}
#timeline {
  overscroll-behavior: contain; /* blocca lo scroll in bubbling */
}
.vis-time-axis .vis-text {
    font-family: "Overpass Mono", "Open Sans" !important;
    font-size: 14px;
    font-weight: 600;
}

.vis-text.vis-major {
    font-weight: 900;
    font-size: 16px;
}
/**** popup ****/
.leaflet-popup-content {
    margin: 0;
}
.popup-content {
    border-radius: 11px !important;
}
.popup-content-inner {
    padding: 15px 15px 15px;
}
.popup-content img{
    border-radius: 8px 8px 0 0;
}
.poptitle a,
.popdate {
    font-weight: 600;
}
.excerpt {
    font-size: 13px;
    line-height:15px;
    margin: 9px 0 0;
}
.popup-content.pop-eventi a {
    background-color: #fff;
    font-size: 14px;
}
.popup-content.pop-eventi a:hover {
    color: #fff;
    
}
.popup-content .popup-content-inner div b{
    font-size:14px
}
.members {
    font-size: 13px;
    line-height:17px;
}
.link {
    margin-top: 9px;
}
.link a {
    border-radius: 2px;
    padding: 1px 8px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}
.link a:hover {
    color: #fff !important;
    background-color:#333 !important;
}
.link a:after{
    content:' ›';
    font-size:14px;
    line-height:11px
}
.leaflet-container a.leaflet-popup-close-button{
  color:#000 !important;
}
/***** TEMPLATE FORMAZIONI - PERSONAGGGI*****/
h3.h2.formazione-title {
    display: flex;
    align-items: flex-end;
}

.formazione-title svg.formazione-title__icon {
    margin-right:18px
}
.box_info .icon-box-content p {
    margin-top: 0;
    font-size:13px;
}
.box_info .icon-box-content.add-margin p {
    margin-top: 0;
}
.tab_sviluppo_formazioni ul.nav.nav-tabs.wpb_tabs_nav.ui-tabs-nav.vc_tta-tabs-list.tabs-left.tabs-vertical.tab-init {

}
.tab_sviluppo_formazioni .nav-tabs > li{
    background-color:#cec39f;
    margin-bottom:2px;
}
.tab_sviluppo_formazioni .nav-tabs > li a:hover{
    color:#fff !important;
}
.tab_sviluppo_formazioni .nav-tabs > li.active > a, 
.tab_sviluppo_formazioni .tabs-left > li.active > a{
    border-right-color: #766a42 !important;
    color:#fff !important;
}
.tab_sviluppo_formazioni span.icon-tab {
    position: absolute;
    left: 7px;
}

.tab_sviluppo_formazioni .nav-tabs > li > a:not(.has-padding){
    padding-left:45px
	text-align: left;
    padding-top: 10px;
}
.tab_sviluppo_formazioni ul li{
    width:25%;
    border-right:2px solid #fff;
}
.tab_sviluppo_formazioni .nav-tabs > li.active > a {
    border-bottom-color: #000 !important;
}
body:not(.rtl) .tab_sviluppo_formazioni .tab-container:not(.vertical-tab-menu-opposite) .vertical-tab-menu .tabs-left > li:not(.has-padding) > a
 {
        padding-left: 5px !important;
    }
.mycssgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
   
}
.mycssgrid.grid_personaggi,
.mycssgrid.grid_audiovideo,
.mycssgrid.grid_formazioni-personaggio,
.mycssgrid.grid_formazioni-elenco,
.mycssgrid.grid_perdonaggio_eventi {
	column-gap: 36px;
    row-gap: 36px;
}
.mycssgrid.grid_personaggi.lista {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.mycssgrid.grid_personaggi.lista {
    column-gap: 54px;
    row-gap: 54px;
}
.mycssgrid.grid_audiovideo,
.mycssgrid.grid_formazioni-personaggio {
    grid-template-columns: repeat(3, 1fr);
}
.mycssgrid.grid_personaggio_eventi,
.mycssgrid.grid_eventi{
  grid-template-columns: repeat(3, 1fr);
}
.mycssgrid .box_event {
    background-color: #cec39f;
    padding: 0 18px 18px;
    position: relative;
}

.mycssgrid.grid_eventi {
    column-gap: 1px;
    row-gap: 1px;
}



.mycssgrid .box_event a {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.grid_audiovideo iframe{
	height:100% !important;
	}
@media (max-width: 1000px) {
    .mycssgrid {
        grid-template-columns:repeat(4, 1fr);
    }
}
@media (max-width: 960px) {
    .mycssgrid {
        grid-template-columns:repeat(3, 1fr);
    }
    .mycssgrid.grid_audiovideo,
    .mycssgrid.grid_formazioni-personaggio {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
    .mycssgrid {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .mycssgrid {
        grid-template-columns:repeat(1, 1fr);
    }
    .mycssgrid.grid_audiovideo,
    .mycssgrid.grid_formazioni-personaggio {
		grid-template-columns: repeat(1, 1fr);
	}
}
.h6.title-scale.object-size.self-audio.fluid-object:before,
.h6.title-scale.self-audio.fluid-object:before {
    content: '';
    /* position: absolute; */
    top: 0;
    left: 0;
    padding-top: calc(56.31% - 30px);
    height: 100px;
    display: block;
}

.h6.title-scale.object-size.self-audio.fluid-object,
.h6.title-scale.self-audio.fluid-object {
    background-image: url(/wp-content/uploads/2025/09/Audio-segnaposto-scaled.jpg);
    background-size: contain;
    background-position: 0 -15px;
}
p.t-entry-meta a {
    text-decoration: underline;
}



/**** FAKE PER LANDING ****/
.fakemenu .widget-container.widget_nav_menu li a{
font-weight: 500;
font-size:15px !important
}
.fakemenu ul.sub-menu {
    position: absolute;
    background-color: #fff;
    text-align: left;

}
. fakemenu ul.sub-menu li {

    padding-left: 10px !important;
}
.apri {
    cursor: pointer;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    gap: 1rem;
  }

  .col {
    flex: 1;
    min-width: 200px;
  }

  label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3rem;
    font-size: 0.9rem;
    font-weight: 700;
  }

  input[type="text"],
  select {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 0.95rem;
    height: 50px;
  }

  .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }

  .checkbox-group label {
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
  }

  .form-section {
    margin-bottom: 9px;
  }
.col.col-6 {
    width: 50% !important;
    max-width: 50%;
    min-width: 49%;
}

.col.col-3 {
    width: 25% !important;
    max-width: 25%;
}
.checkbox-group label {
    width: 23%;
    gap: 0 !important;
}

input[type="checkbox"] {
    margin-right: 9px;
}
.avanzata .row.limit-width.row-parent {
    background: #f7f7f7;
    position:relative;

}
.avanzata {

    
}
form.fmain {
    position: relative;
    z-index: 2;
}

form.favanzata {
    background-color: #f0f0f0;
    padding: 40px 36px;
    position: relative;
    z-index: 1;
    top: -59px;
	display:none;
}
input.avanzatab.cerca{
    background-color: #db3832;
    border-radius: 0px;
    color: #FFF;
    font-size: 15px;
    border: 0px solid #db3832;
    height: 40px;
    letter-spacing: 0 !important;
	width: 200px;
}

input.avanzatab.pulisci {
     background-color: #939393;
     border-radius: 0px;
     color: #FFF;
     font-size: 15px;
     border: 0px solid #939393;
     height: 40px;
     letter-spacing: 0 !important;
     text-transform: uppercase !important;
}
/******* INFO BOX MAPPA****/
div#info {
}
/* Definizione delle animazioni per 'mouse-scroll' */
@-webkit-keyframes mouse-scroll {
  0%   { top: 10%; opacity: 1; }
  50% { top: 30%; opacity: 1; }
  100% { top: 10%; opacity: 1; }
}
@-moz-keyframes mouse-scroll {
  0%   { top: 10%; opacity: 1; }
  50% { top: 30%; opacity: 1; }
  100% { top: 10%; opacity: 1; }
}
@-o-keyframes mouse-scroll {
  0%   { top: 10%; opacity: 1; }
  50% { top: 30%; opacity: 1; }
  100% { top: 10%; opacity: 1; }
}
@keyframes mouse-scroll {
  0%   { top: 10%; opacity: 1; }
  50% { top: 30%; opacity: 1; }
  100% { top: 10%; opacity: 1; }
}
/* Definizione delle animazioni per 'arrow-move right' */

@-webkit-keyframes mouse-scroll {
  0%   { left: -22px; opacity: 1; }
  50% { left: -32px; opacity: 1; }
  100% { left: -42px; opacity: 0; }
}
@-moz-keyframes mouse-scroll {
  0%   { left: -22px; opacity: 1; }
  50% { left: -32px; opacity: 1; }
  100% { left: -42px; opacity: 0; }
}
@-o-keyframes mouse-scroll {
  0%   { left: -22px; opacity: 1; }
  50% { left: -32px; opacity: 1; }
  100% { left: -42px; opacity: 0; }
}

@keyframes arr-rgt-move {
  0%   { left: -22px; opacity: 1; }
 
  100% { left: -42px; opacity: 0; }
}

/* Definizione delle animazioni per 'arrow-move right' */

@keyframes arr-lft-move {
  0%   { left: 54px; opacity: 1; }

  100% { left: 74px; opacity: 0; }
}


/* Stili per .scroll-msg-container */
.scroll-msg-container {
    position: relative;
    top: 50%;
    width: 100%;
    /* height: 108px; */
    /* margin-top: -54px; */
    display: flex;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
}

/* Stili per .scroll-msg-inner */
.scroll-msg-inner {
    width: 52px;
    height: 100px;
    position: relative;
    border-radius: 30px;
    border: 4px solid #ffffff;
    margin-right: 25px;
}

/* Stili per .scroll-msg-wheel */
.scroll-msg-container .scroll-msg-wheel {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 12px; /* 4px * 3 */
  height: 12px; /* 4px * 3 */
  margin-left: -6px; /* -(4px * 3) / 2 */
  border-radius: 50%;
  background-color: #ffffff;
  
  /* Applicazione delle animazioni */
  -webkit-animation: mouse-scroll 1s 4;
  -moz-animation:    mouse-scroll 1s 4;
  -o-animation:      mouse-scroll 1s 4;
  animation:         mouse-scroll 1s 20;
}

/* Stili per .msg */
.msg {
    /* position: absolute; */
    color: #ffff;
    left: 92px;
    top: 10px;
    width: 145px;
    font-size: 15px;
    font-weight: 500;
}

div#info {
    background: #00000091;
    position: absolute;
    z-index: 9999999999999999;
    width: 100%;
    height: 100%;
    top:0;
}
.close {
    margin-top: 2%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}
.close:hover {
    color: red;
    }
.ani_wrapper {
    position: absolute;
    width: 100%;
    /* height: 100%; */
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    top: 50%;
    transform: translateY(-50%);
}

.scroll-msg-container2 {
    position: relative;
    top: 50%;

    width: 52px;
    height: 108px;
    margin-top: -54px;
    /* margin-left: -30px; */
}

.scroll-msg-container2 .scroll-msg-wheel {
    position: absolute;
    top: 5%;
    left: 50%;
    width: 19px;
    height: 24px;
    margin-left: -19px;
    border-radius: 79% 0 0 0;
    background-color: #ffffff;

}
.arrow.ar-rgt {
    position: absolute;
    left: -22px;
    color: #fff;
    top: 22px;
    font-size: 37px;
    -webkit-animation: arr-rgt-move 1s 2;
    -moz-animation: arr-rgt-move  1s 2;
    -o-animation: arr-rgt-move  1s 2;
    animation: arr-rgt-move  2s 20 ;
}
.arrow.ar-lft {
    position: absolute;
    left: 54px;
    color: #fff;
    top: 22px;
    font-size: 37px;
    animation: arr-lft-move  2s 20;
}
.close em {
    background: #fff;
    color: #cc362c;
    border-radius: 22px;
    padding: 9px 18px;
    font-weight: 800;
    font-style: normal;
    font-size: 14px;
    transition: 300ms 
ease-in-out;
}
.close em:hover {
    background: #cc362c;
    color: #fff;
}

.scroll-msg-container msg {}

.msg.msgul {
    left: 0;
    width: auto;
}

.scroll-msg-container.ul {
    width: 300px;
}
.msg.msgul ul{
  margin:0;
  padding:0;
}
.msg.msgul ul li {
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    margin-bottom: 11px;
    border-top: 1px solid #fff;
    padding-top: 18px;
    list-style: none;
}
i.markerinfo {
    margin-right: 13px;
    margin-left: 2px;
}
i.markerinfo:after {
    content:'';
    position: absolute;
    margin-top: 2px;
}
i.distaccamento:after {
    border-color: #ffffff00 #ffffff00 #fff #ffffff00;
    border-width: 0 6px 10px 6px;
    border-style: solid;
    border-radius: 1px;
}
i.brigata:after {
    border-radius: 100%;
    background: #fff;
        width: 10px;
    height: 10px;
}
i.divisione:after {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 1px;
}

/*********** LISTE ********/
.personaggi-filter-letters .personaggi-letter.is-disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none; /* extra sicurezza lato CSS */
}
.personaggi-filter-letters,
.formazioni-filter-top {
    margin-bottom:36px;
}

button.personaggi-letter.active {
    background-color: red;
    color: #fff;
}
.personaggi-filter-taxonomy,
.personaggi-search {
    width: 100%;
}

select#personaggi-tax-formazione_cat,
select#formazioni-fase-select,
select#formazioni-afferenza-select {
    height: auto;
}
.mycssgrid.grid_formazioni-elenco .tmb-no-bg:not(.tmb-content-lateral).tmb .t-entry-text .t-entry-text-tc{
    padding-top:0 !important;
}

.mycssgrid.grid_formazioni-elenco span.formazione-icon-wrapper {
    width: 35px;
    height: 35px;
    display: block;
    margin-right: 18px !important;
}

.mycssgrid.grid_formazioni-elenco .tmb {
    border-bottom:1px solid #eaeaea;
    padding-bottom:18px
}
.formazioni-filter-top,
.personaggi-filter-top {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 18px;
    padding: 9px 18px 18px;
    background-color: #cec39f;
    margin-bottom: 54px;
}


.personaggi-search-input {
  width: 100% !important;
  max-width:initial;
  padding: 8px !important;
  border: 1px solid #eaeaea !important;
  border-radius: 4px;
  height: auto !important;
}





label.label-search {
    font-weight: 600;
}
@media all and (max-width: 600px){
    .personaggi-filter-top,
    .formazioni-filter-top {
        grid-template-columns: repeat(1, 1fr);
    }
    .personaggi-search,
    .formazioni-filter-fase{
        margin-bottom:18px
    }
}
/******* TIMELINE *******/
.vis-item .vis-item-content {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 0 5px !important;
}
.box_info .icon-box-content.add-margin p {
    margin-top: 0;
    line-height: 17px;
}
#timeline {
  overscroll-behavior: contain; /* blocca lo scroll in bubbling */
}
.vis-item.vis-range.vis-readonly {
    font-size: 13px;
}
.vis-item.vis-background {
    background-image: url(/wp-content/uploads/2025/12/sfilata-liberazione-Modena-foto-da-fondo-Fermo-Melotti-1-2.jpg) !important;
    background-position: center;
    background-size: contain;
    filter: opacity(0.6) grayscale(1) brightness(1.1);
    /* filter: opacity(0.4); */
}
.vis-item {
    border-color: transparent;
}
.vis-item {
    border-color: #8d8227 !important;
}
.vis-item.vis-selected{
    box-shadow: 0px 0px 8px 0px #000000;
}

/******* LISTA AZIONI PERSONAGGIO *******/
.mycssgrid.list_eventi {
    display: block;
}
.tab_vert_cust .tab-pane.fade.half-internal-gutter.single-block-padding {
    padding-top: 0;
}

.tab_vert_cust li.vc_tta-tab {
        background-color: #cec39f;
    border-bottom-color: #fff !important;
    border-bottom: 2px solid #fff !important;
    padding-left:9px;
}
.style-light .tab_vert_cust.tab-content.vertical{
    border-left-color: #fff !important;
}
.tab_vert_cust li.vc_tta-tab.active a{
    color:#fff !important;
    border-right-color:#000 !important
}
.style-light .tab_vert_cust .nav-tabs > li > a:hover{
    color:#fff !important;
}

.azione-item {
    display: flex;
    margin-bottom: 18px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 18px;
}
.azione-item:last-child {
    border-bottom: 0px;
}
.azione-item span.azione-icon {
    width: 62px;
    margin-right: 18px;
}
.azione-item span.azione-icon svg {
    width: 61px;
}
.azione-item .cont {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    /* height: 55px; */
}

.azione-item span.azione-data {
    display: block;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    margin-bottom: 5px;
}
.azione-item .cont a {
    display: block;
    width: 100%;
    font-family: 'Overpass Mono' !important;
    font-size: 20px;
    font-weight: 700;
}
.azione-formazioni {
    margin-top: -2px;
}
/****** ALTRO *****/
.leaflet-popup.leaflet-zoom-animated {
    opacity: 0.8 !important;
}
.style-light .tab-container .nav-tabs {
    border-bottom: 0;
}
.personaggi-filter-letters {
  display: none;
}
div#galleria .cssgrid-container.grid-container .t-entry-text-tc {
    padding-top:9px !important
}
div#personaggi-list .t-entry-text-tc {
    padding-top:18px
}
div#personaggi-list .t-entry-text-tc p {
    margin-top:0
}
.mycssgrid.grid_audiovideo .t-entry-title a{
    text-decoration:underline
}
.documenti_pdf .heading-text.el-text a,
.blocco_pdf .heading-text.el-text a {
    text-decoration: underline;
}
.row-container.footer-last .social-icon i{
    font-size: 27px !important;
}
#contatti a{
	text-decoration:underline
}
.blocco_pdf .wpb_row.row-inner,
.documenti_pdf .wpb_row.row-inner{
    height:auto !important;
}
/******** SOCIAL MENU TOP ********/

.menu_hide_txt em {
    display: none;
}
.navbar-topmenu {
    position: absolute;
    right: 5px;
    top: 9px;
    height: 25px !important;
}
ul#menu-social_top {
    height: 25px;
}
.top-menu.navbar a{
    padding: 0 !important;
    padding-left: 0 !important;
    width: 20px;
    margin-right: 14px;
    height: 20px;
}
.top-menu.navbar a em,
.top-menu.navbar a i.fa-angle-right {
    display:none;
}
.top-menu.navbar a i.menu-icon:before{
    font-size:22px !important
}
.top-menu.navbar a:hover{
    color:#d6170b !important
}
@media all and (max-width:959px){
    ul#menu-social_top {
        right: -5px;
    }
}