/*
Theme Name: NXCQUADRO
Theme URI:
Author: soluzioni cquadro
Author URI: https://www.soluzionicquadro.com/
Description: NOVA TV ITALIA
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: nxcquadro

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.
*/


/*************************************************
                          CSS GENERALE

azzurro 2ea4dd
viola 292559
rosa e6216a
neretto 1d1d1b
**********************************************/

/* serve ad avere un top del mio menu, e quindi ad abbassarlo, solo quando accedo a wordpress, perchè il menu nero di
wordpress, copre il mio menu*/
.admin-bar .navbar{
  top:32px;
}


body{
  display:flex;
  min-height:100vh; /*vh st per vertical height cioè la totale altezza dello schermo, che però nel mio pc è 95*/
  flex-direction:column;
  padding-top:70px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color:#484848;
  line-height: 23px;
}

/*solo nella home voglio un padding-top 0 altrimenti non vedo il menu e lo slider apparirà giu di 70 px come specificato nel
css di body*/
body{
  padding-top:0;
}

/*per evitare gli apazi bianchi in internet explorer*/
.main-content {
  flex:1 0 auto;
}
/*per evitare gli apazi bianchi in internet explorer*/
*{min-height:0.01px}

/*questo codice lo ha trovato su Google cercando : Transition all css e cliccando sul primo link. Serve a inserire animazioni*/
.animate {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

a{color:#008dd2; text-decoration: none}
a:hover{color:#25315c; text-decoration: none}

/****************************************************************
          RSS
****************************************************************/
 .wp-block-rss{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.wp-block-rss__item-title{font-size: 20px; font-weight: 600}
.wp-block-rss__item-publish-date {margin-top: 10px; margin-bottom: 10px;     font-weight: 600;}


/*************************************************
                          UTILITIES
**********************************************/

/*.container-fluid{overflow: hidden; padding-right: 0!important; padding-left: 0!important}*/
.alignwide {max-width: 1140px; margin-right: auto;  margin-left: auto;  padding-right: 25px;   padding-left: 25px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 15px;    padding-left: 15px;    width: 100%;}
.desktop{display:block;}
.mobile{display: none}
h1{font-family: "Roboto", sans-serif;}
h1, h2, h3, h4, h5, h6{color:#25315c; margin-bottom: 20px}
h2{font-weight: 600; font-size: 50px !important; line-height: 51px}
h5 {text-transform: uppercase; font-size: 1rem; font-weight: 600; color:#2ea4dd;  position: relative;  padding-left: 70px;}

h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 11px;
  background: linear-gradient(90deg,       rgba(230, 33, 106, 0.1) 11%, #e6216a 100%  );

}



strong{color:#25315c!important}


/*TABELLE*/
.wp-block-table.is-style-stripes thead th, .wp-block-table.is-style-stripes td{padding: 15px 8px!important; }
.wp-block-table.is-style-stripes thead th{color:#25315c!important}
.wp-block-button__link {background-color: #292559; border:2px solid #292559; border-radius: 5px; padding:10px 25px; color:#fff!important; font-weight: 500}
.wp-block-button__link:hover{background-color: #fff; color:#292559!important; border:2px solid #292559;}
.wp-block-button__link:after{  content: "→";   display: inline-block;  font-weight: bold;   margin-right: 6px;}
.btn{background-color: #292559; border:2px solid #292559; border-radius: 5px; padding:10px 25px; color:#fff!important; font-weight: 500}
.btn:hover{background-color: #fff; color:#292559!important; border:2px solid #292559;}
.btn:after{  content: "→";   display: inline-block;  font-weight: bold;   margin-right: 6px;}


.bianco, .bianco h2,  .bianco h3,  .bianco h4, .bianco strong{color:#fff!important}
.bianco .wp-block-button__link {background-color: #fff; font-weight: 600!important; border:2px solid #fff!important; border-radius: 5px; padding:10px 25px; color:#292559!important; font-weight: 500}
.bianco  .wp-block-button__link :hover{background-color: transparent; color:#fff!important; border:2px solid #292559;}
.bianco  .wp-block-button__link :after{  content: "→";   display: inline-block;  font-weight: bold;   margin-right: 6px;}
/*************************************************
                      EFFETTO TESTO SLIDER + VIDEO
******************************************************/


#myVideo {  position:relative;  z-index:0; /*width:100%; height:100%; */ width:100%;   /* min-height: 100vh;*/ min-height: 90vh; }
#myVideo_home{  position:relative;  z-index:0; /*width:100%; height:100%; */ width:100%;   /* min-height: 100vh;*/ height: 90vh; }
video{object-fit: cover;    object-position: center;}
.overlay {  color:#fff!important;font-size: 100px!important;    line-height: 100px!important;text-transform:uppercase!important;padding:5rem ;  position:absolute;    top:15%;    /*left:48%;*/    z-index:1;}
/*************************************************
                          MENU
**********************************************/
.bg-primary{     backdrop-filter: blur(10px) !important;  background-color: rgba(255, 255, 255, 0.7) !important;}
.navbar-transparent .bg-primary{     backdrop-filter: blur(10px) !important;   background-color: rgba(255, 255, 255, 0.7) !important;}
.navbar-transparent.is-scrolled .bg-primary{     backdrop-filter: blur(10px) !important;
    background-color: rgba(255, 255, 255, 0.7) !important;}
.navbar-transparent.is-scrolled .dropdown-item, .navbar-transparent .dropdown-item{ background-color: rgba(255, 255, 255, 0.85) !important; }
.navbar-transparent.is-scrolled .dropdown-menu, .navbar-transparent .dropdown-menu{background-color:transparent!important}
/*il logo*/
.navbar-brand{ width:85px;}
.navbar-transparent.is-scrolled .navbar-brand { width:75px;}
.page.is-scrolled .navbar-brand { width:75px;}
.navbar-brand img {width: 100%;}

/*per stilizzare l testo*/
.navbar-nav li{padding: 0 5px}
.nav-link, .dropdown-menu, .dropdown-item{ text-transform: uppercase; font-size:15px; color:#25315c!important; font-weight: 700;}
.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{color:#2ea4dd!important}
.dropdown-menu {  margin-top: 10px!important; border: 0px!important;    border-radius: 0px!important;}
.dropdown-menu .dropdown-item{padding-top: 5px!important;padding-bottom: 5px!important}

.dropdown-bs-toggle:after { content: "▼";  margin-left: 6px;  font-size: 0.8em;}

.navbar-social a:hover{text-decoration: none; color: #2ea4dd}
.navbar-social a{text-decoration: none; color: #25315C; font-size:22px}
/*
immagine menu hamburger
*/
.navbar-toggler-icon {
    background-image: url(https://cdn0.iconfinder.com/data/icons/ui-icons-pack/100/ui-icon-pack-01-512.png)!important;
}


/*************************************************
                    BLOCCHI
******************************************************/
/******
IMMAGINI COPERTINA DI GUTENBERG
*****/
/*per non avere immagini alte quanto lo schermo*/
.wp-block-cover{height:auto}
/******
IMMAGINI
*****/
/*per avere le immagini responsive*/
.wp-block-media-text__media img, .wp-block-image img{height:auto}
.has-white-color { color: #fff!important;}


/*****
BLOCCO TESTO PIù IMMAGINE
****/
/*per dare spazio a sinistra nelìi blocchi testo più immagine*/
.wp-block-media-text{background-color: #f7f9fb}
.wp-block-media-text__content{padding: 100px 50px 100px 7.2rem!important}

/******
BLOCCO BOTTONE
******/
.wp-block-button__link{text-transform:uppercase; font-size: 0.8rem!important; margin-top: 10px; border: 2px solid #25315c!important; padding: .6em 1em!important;}
.wp-block-button a:hover{background-color:#fff!important; border: 2px solid #008dd2!important; color:#008dd2!important; font-weight: 700}


/*
Source - https://stackoverflow.com/a
Posted by Prem Singh
Retrieved 2026-01-21, License - CC BY-SA 4.0
*/
/****************************************************************
          PULSANTE PULSE
****************************************************************/
.home .pulseBtn {padding: 15px 15px;}

.pulseBtn {  display: inline-block; padding: 30px 30px; background-color: #CF2E2E; border: none; border-radius: 50%; animation: pulse 1s infinite;}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(207, 46, 46, 1);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(207, 46, 46, 0);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(207, 46, 46, 0);
    }
}


/****************************************************************
          DIRETTA   HOME
****************************************************************/
/*.video-responsive-container  {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video-responsive-container  iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}*/


/* Contenitore esterno per mantenere le proporzioni 16:9 */
.video-responsive-container {    position: relative;    padding-bottom: 56.25%;  height: 0;  overflow: hidden;  max-width: 100%; background: #000;     border-radius: 8px;     box-shadow: 0 4px 15px rgba(0,0,0,0.3); margin-bottom:50px}
.video-responsive-container iframe {    position: absolute;  top: 0;  left: 0;  width: 100% !important;    height: 100% !important;    border: 0;}

/* Messaggio LIVE pulsante */
.status-bar {
    padding: 15px; margin-top:120px;
    margin-bottom: 15px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
}

.status-live {
    background-color: #ff0000;
    color: white;
    animation: pulse-live 2s infinite;
}

@keyframes pulse-live {
    0% { background-color: #ff0000; }
    50% { background-color: #a00000; }
    100% { background-color: #ff0000; }
}

.status-offline {
    background-color: #333;
    color: #999;
}


/****************************************************************
            HOME
****************************************************************/
.home img{border-radius: 10px}
.reveal-words span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  white-space: pre; /* mantiene lo spazio originale */
}

.reveal-words span.visible {
  opacity: 1;
  transform: translateY(0);
}

.wp-block-rss__item-title{font-size: 20px}
.wp-block-rss__item {margin-bottom: 20px}

/* Forza le immagini degli ultimi articoli ad avere la stessa dimensione */
.wp-block-latest-posts__featured-image {   margin-bottom: 15px; }

.wp-block-latest-posts__featured-image img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;    
    object-position: center; 
    height: auto;
}




/****************************************************************
                SPLIDE HOME
****************************************************************/
.home .splide{background-color: #2ea4dd; padding: 40px 0}
.home .splide .splide__pagination, .home .splide .splide__arrows {display: none}
.home .splide h2{text-transform: uppercase; text-align: center; color:#fff; font-size: 50px!important; letter-spacing: 3px}

/****************************************************************
                PAGINA
****************************************************************/
.jumbotron_page_img {padding:190px 0 160px!important; }
.jumbotron_page_noimg {padding:270px 0!important; }
.jumbotron_page_img h1,
.jumbotron_page_noimg h1{font-size:115px;  letter-spacing: 2px; font-weight: 500; line-height: 110px; color:#fff!important; text-transform: uppercase;}

.page-id-359 h1, .page-id-320 h1{font-size: 100px}

.jumbotron_page_img .image-wrapper {  position: relative;  display: inline-block;}
.jumbotron_page_img .image-wrapper img {  width: 100%;  height: auto;  display: block; border-radius: 10px}
.jumbotron_page_img .image-wrapper .overlay {  position: absolute;  inset: 0;  background: rgba(8,104,150, 0.3);   pointer-events: none; }

.pagina h2{ text-transform: uppercase; }
.pagina .titolo_sezione{font-weight: 600;  text-transform: uppercase; font-size: 100px !important;}

.pagina h3{font-weight: 600; }
/****TESTO ANIMATO****/
.reveal-letters span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
}

.reveal-letters span.animate {
  animation: riseUp 0.8s ease-out forwards;
}

@keyframes riseUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal-letters .space {
  display: inline-block;
  width: 0.35em;
  opacity: 1;
  transform: none;
  animation: none;
}

/****************************************************************
                PAGINA
****************************************************************/
.page-template-pageChiSiamo #myVideo {     min-height: 60vh;}

/****************************************************************
                FOOTER
****************************************************************/
.footer h3{color:#fff!important}
.footer a:hover, .blog .footer a:hover, .category .footer a:hover{text-decoration: none; color: #e6216a; font-weight: 400!important}
.footer a, .blog .footer a, .category .footer a{text-decoration: none; color: #fff; font-weight: 400!important}
.info,.partita_iva{color: #fff; font-size: 12.3px;}
.web_design, .web_designer a{font-size: 13px; color: #999!important}
 hr{border-top: 1px solid #fff;}
.policy, .policy a{font-size: 12px; text-align: right;color: #999!important}
.logo_footer{margin-top: 1.6rem}

/****************************************************************
              STILE VIDEO CARICATI DA YOUTUBE
****************************************************************/
/* Griglia video */
.my-yt-grid { display: grid; gap: 12px; margin-bottom: 12px; }
.my-yt-grid.columns-1 { grid-template-columns: repeat(1, 1fr); }
.my-yt-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.my-yt-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.my-yt-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }

.my-yt-item { background: #fff; border: 0; padding: 6px; }

.my-yt-thumb {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    overflow: hidden;
}

.my-yt-thumb img,
.my-yt-thumb iframe,
.my-yt-thumb button {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border: 0;
    background: transparent;
}

.my-yt-load-btn {
    cursor: pointer;
    display: block;
    padding: 0;
}

.yt-play-icon {
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

.my-yt-title { font-weight: 600;margin-top: 8px;font-size: 15px; color: #222;}

.my-yt-load-more {
    display: block;
    margin: 0 auto 20px;
    padding: 10px 20px;
    background: #21759b;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.my-yt-load-more:disabled {    background: #ccc;    cursor: default;}

/* Lightbox popup */
#yt-lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
}

#yt-lightbox.active {
    display: flex;
}

.yt-lightbox-inner {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.yt-lightbox-inner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
}

.yt-lightbox-close {
      top: 10px;
right: 10px;
font-size: 30px;
color: white;
background: rgba(0,0,0,0.5);
border-radius: 50%;
padding: 5px 10px;
position: absolute;
cursor: pointer;
border: none;
 z-index: 10000;
}

/****************************************************************
                CONTATTI
****************************************************************/

input[type="text"],  input[type="email"],  textarea, select{padding:3px 10px;border: 1px solid #25315C; border-radius: 3px; width:100%!important; }
textarea{ height: 130px;     border: 1px solid #25315C!important; color:rgba(82,83,88,0.7)!important; border-radius: 3px}
/*per eliminare che il bordo delle text area si colori al clic al suo interno*/
input[type="text"]:focus, input[type="email"]:focus, textarea:focus{ outline: none;border-bottom: 2px solid #25315C; }

/*titolo delle singole celle....nome....mail...*/
.wpcf7-form p{font-size: 14px; color: #25315C; }
.wpcf7-form .campo{font-weight: 600}
/*pulsante invia del form*/

.wpcf7-submit{color: #fff!important;  background-color: #25315c; font-weight: 600!important; margin: 0px;  border: 1px solid #25315c!important; text-transform: uppercase;border-radius: 3px; height: 35px!important;  line-height: 30px!important; font-size: 12px!important;  padding: 0 25px!important;}
.wpcf7-submit:hover{background:#fff; color:#25315c!important; border-color:#25315c!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}
.wpcf7-list-item{margin-left: 0px!important}



/****************************************************************
          MENU DELLA SEZIONE NOTIZIE
****************************************************************/
.container_index .categorie {margin-top: 15px!important; margin-bottom: 10px!important; padding-top: 14px; border-top: 1px solid #a3a3a3;border-bottom: 1px solid #a3a3a3;}
.container_index .categorie  ul {list-style: none;}
.container_index .categorie  ul > li {    display: inline-block;  border-right: 1px solid #000; padding: 0px 20px;}
.container_index .categorie  ul > li a{  font-size: 12px;    color: #000;  font-weight: 600; text-decoration: none; text-transform: uppercase;}




/****************************************************************
              STRUTTURA SFONDO GRIGIO E BIANCO
****************************************************************/
.blog, .single-post{background-color: #ededed}
.blog .container_index,
.single-post .container_index {margin-top: 6.5rem; background-color:#fff}
.blog .news,
.single-post .news {background-color: #fff}
/****************************************************************
                PAGINA NEWS NOTIZIE
****************************************************************/
.blog h2{font-size: 2rem!important; text-transform:none;}
.blog .categoria{border-bottom: 2px solid #000}
.blog .label{letter-spacing: 2px;
    font-size: 15px; font-weight: 500;  line-height: 22px;   position: relative;    text-transform: uppercase;
    color: #fff;    background: rgba(46,163,220,0.7);    padding: 4px 8px;
    margin: 0 0 10px;    display: inline-block;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;}

.blog h2{line-height: 38px; font-weight: 600}
.blog h3{font-size: 1.4rem!important; font-weight: 600}
.blog a{color:#25315c; text-decoration: none}
.blog a:hover{color:#008dd2; text-decoration: none}

.blog .card{border:none}
.blog .prima_notizia{border-right: 1px solid #c7c7c7}
.blog .bordo_sopra{border-top: 1px solid #c7c7c7}
.blog .card-meta{text-transform: capitalize;}
.blog .data, .single-post .data{font-size: 13px; font-weight: bold}


/****************************************************************
              SPLIDE BLOG
****************************************************************/
.blog .splide{background-color: transparent;}
.blog .splide .splide__pagination, .blog .splide .splide__arrows, .single-post .splide .splide__arrows {display:none;}

/****************************************************************
              SINGOLA CATEGORIA
****************************************************************/
.category{background-color: #ededed;}
.category .container_index {margin-top: 6.5rem; background-color:#fff/*background-color: rgba(46, 163, 220, 0.1)*/}
.category .news {background-color: #fff}
.category .nome_categoria{text-transform: capitalize; font-weight: 600; border-bottom: 1px solid #a3a3a3;}
.category h2{font-size: 1.8rem!important; line-height: 34px}
.category a{color:#25315c; font-weight: 600; text-decoration: none}
.category a:hover{color:#008dd2; text-decoration: none}

/****************************************************************
              SINGOLO POST
****************************************************************/

.single_post h1{font-weight: bold;}
.single_post .info{text-transform: capitalize; color:#000}
.single_post .wp-block-latest-posts__post-title{font-weight: 500; line-height: 14px;  font-size: 13px; text-transform: uppercase;}
.single_post .widget ul li{border-top: 1px solid #eaeaea; padding-top: 10px; padding-bottom: 10px}
.single_post .wp-block-latest-posts__featured-image.alignright{text-align: right; margin-right: 0px!important}
.single_post .wp-block-latest-posts__featured-image img {max-width: 75%!important}
.single_post aside{border-left: 1px solid  #eaeaea;}
/****************************************************************
                Comments
****************************************************************/

.comments-title{margin-bottom:40px;}
.comments{padding-top:40px;}
.comments textarea{width: 100%;}
.comments label{min-width:80px;} /* per dare alle label name - email- website, la stessa larghezza*/
.comments ul,
.comments ol{
  list-style-type:none;
}

/*per non visulaizzare i pallini e la numerazione delle lista nei commenti*/
.comment-author img{ border-radius:999px;} /*per rendere rotanda l'immginetta di chi commenta, invece di quadrata*/
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px;padding-bottom:10px;} /* serve a dare un pò di margini alle risposte ai commenti*/

/***************************************************************
          Stiliziamo l' input e la textarea
******************************************************************/

input,
textarea{padding:5px 10px; border:1px solid #ccc;}


/*************************************************
        widget
*******************************************************/

/*SEARCH*/

/* è la laber "search for"*/
.widget{margin-top: 10px!important}
.widget_search .screen-reader-text{display:block;}
.widget_search #s{width:70%; float:left;}
.widget_search #searchsubmit{width:30%; float:left; background:#fff;}
.widget_block  {margin-bottom: 5px!important}
.widget_block  h2{margin-bottom: 0px!important}
/*************************************************
          Stile delle paginazione
*************************************************/
/*mostra i numeri delle pagine più distanti e all'interno di un quadrato*/
.page-numbers{display: inline-block; padding:10px 15px; border:1px solid #ddd; margin-right:4px;}
.pagination{margin-bottom:40px;}


/*************************************************
          TABLET
*************************************************/
@media (max-width:998px){

}




/*************************************************
          CELLULARE
*************************************************/

@media (max-width:767px){

h1 { font-size: 50px;  }
h2{font-size: 44px!important; line-height: 49px}
.desktop{display:none}
.mobile{display:  block;}
.pagina h2 {font-size: 35px !important; line-height: 43px;}
.reveal_right{origin: left!important}
/*************
    menu
**********/
.navbar-collapse {margin-top: 20px}
.navbar-brand{ width:220px;}
.navbar-transparent.is-scrolled .navbar-brand { width:180px;}
.page.is-scrolled .navbar-brand { width:160px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 40%;}
.navbar-social{display:inline;}
.navbar-social li {display:inline;}
.navbar-social li svg{  padding-top: 20px!important; padding-bottom: 20px!important}
.dropdown-menu .dropdown-item {    padding-top: 8px !important;    padding-bottom: 8px !important;
}
/******
HOME
******/
.caption_home h2{padding: 0px!important; font-size: 32px!important}
.home .splide{padding:0px}
.home .splide li{width:70%!important}
.home .splide h2{font-size: 16px!important; margin-top: 10px}
/******
BLOCCO GRUPPO
******/
/*per dare spazio a sinistra nelìi blocchi testo più immagine*/
.wp-block-media-text__content {  padding: 50px 20px 100px 20px!important;}

/****************
    PAGINA
****************/

/*pagina undergraund*/
.page-id-320 .jumbotron_page_img h1, .page-id-320 .jumbotron_page_noimg h1 {    font-size: 42px; line-height: 50px}
/*pagina campionato serie D*/
.page-id-359 .jumbotron_page_img h1, .page-id-359 .jumbotron_page_noimg h1 {    font-size: 46px; line-height: 53px}

.jumbotron_page_img h1, .jumbotron_page_noimg h1 {    font-size: 52px; line-height: 72px}
.jumbotron_page_img {    padding: 140px 0 105px !important;}
.page-template-pageChiSiamo #myVideo {     min-height: 36vh;}
/*testo a comparsa a scorrimento dentro la pagina*/
h3.reveal-words{padding:0px!important; font-size: 32px!important; line-height: 40px}

.pulseBtn{padding:20px}
/*immagine con testo dentro la pagina produzioni televisive*/
.copertina_produzioni h2{font-size: 36px!important}
.copertina_produzioni p{font-size: 24px !important;    line-height: 30px;}
/*titoletti delle pagine*/
.pagina .titolo_sezione{font-size: 40px!important}

/****************
    GRID PLAYLIST
****************/
.my-yt-grid.columns-3 {    grid-template-columns: repeat(2, 1fr)!important;}

/****************
  PAGINA NEWS E SINGLE POST
****************/
.blog .riga_header{margin-bottom:45px}
.blog .riga_notizie,
.category .riga_notizie{padding-left: 0px!important; padding-right: 0px!important}
.blog .prima_notizia {    border-right: 0px;}
.blog .categorie ul{padding-left: 0px!important}
.blog .ordine-1, .single-post .ordine-1{order: 1 !important;}
.blog .ordine-2, .single-post .ordine-2{order: 2 !important;}
.blog .ordine-3, .single-post .ordine-3{order: 3 !important;}
.blog .ordine-4, .single-post .ordine-4{order: 4 !important;}
/*.blog .splide__arrow {background-color: transparent!important}*/
.blog .splide .splide__pagination, .single-post  .splide .splide__pagination {display:block; bottom: -2.5em;    }
.blog .splide .splide__pagination li, .single-post  .splide .splide__pagination li{ border-right: 0px; padding: 12px 7px;}
.blog .splide__pagination__page.is-active, .single-post  .splide__pagination__page.is-active {    background: #000;}
.blog .categorie ul > li, .single-post  .categorie ul > li {padding:12px 20px}
.blog .container_index .categorie, .category .container_index .categorie, .single-post  .container_index .categorie   {padding-top: 0px!important}
.category h2{font-size: 32px!important; line-height: 38px}
/****************
    FOOTER
****************/

.info, .partita_iva,
.blog .info, .blog .partita_iva  { color: #fff; font-size: 11.65px;}
.web_design{margin-top: 10px}
.policy{text-align: left!important; margin-top: 20px}


}















/*************************************************
        general wordpress style
******************************************************/

.alignfull {
  width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;/*
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width: 99.9vw;
    width: 99.9vw;*/
}
/*imposta questo css perchè dento la pag blog, c'erano delle immagini di copertina troppo grandi*/
.post img{max-width:100%; height:auto;}


/* =WordPress Core (per le best practices di Wordpress.org)
-------------------------------------------------------------- */
.gallery-caption{
  padding:5px;
  font-size:10px;
}
.bypostauthor{
  border-left: 3px solid #ddd;
  padding-left:20px;
  }

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}