/*
Theme Name: Tecnodeck
Theme URI: Tecnodeck
Author: Tecnodeck
Author URI:
Description:
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  Tecnodeck
Text Domain: Tecnodeck

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

.admin-bar .navbar{
  top:32px;
}


body{
  display:flex;
  min-height:100vh;
  flex-direction:column;
  padding-top:70px;
  font-family: "indivisible", sans-serif;
  font-size: 16px;
  color:#484848;
  line-height: 23px;
}


body{
  padding-top:0;
}


.main-content {
  flex:1 0 auto;
}

*{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:#484848; text-decoration: none;}
a:hover{color:#88b6ba; text-decoration: none}

/***************
color
verde: 88b6ba
verdino: d4e0de

***************/

/*************************************************
                          UTILITIES
**********************************************/
.mobile{display: none}
.desktop{display: inline-block;}
.alignwide {max-width: 1140px; margin-right: auto;  margin-left: auto;  padding-right: 15px;   padding-left: 15px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 15px;    padding-left: 15px;    width: 100%;}
.trattino{width:100px; height:2px; margin-bottom:20px;  margin-top:30px; background:#008dd2;}
.container-fluid{padding-left: 3rem; padding-right: 3rem}

.footer .container-fluid,
.contenitore_slider,
.articolo .altri_approfondimenti {padding-left:calc(var(--bs-gutter-x)* .5)!important; padding-right: calc(var(--bs-gutter-x)* .5)!important}

main{    margin-top: -82px;}
h1, h2, h3, h4, h5, h6{color:#88b6ba; margin-bottom: 20px}
h1{font-size: 120px}
h2{font-size: 102px; }
h3{font-size: 50px; }
strong{color:#484848}




.btn-primary{background-color: #88b6ba!important; text-align: left; width:200px; border: 1px solid #88b6ba; color:#000}
.btn-primary:hover{background-color: transparent!important; text-align: left; width:200px; border: 1px solid #88b6ba; color:#000; cursor: pointer}


.btn, .wpcf7-submit{position:relative}
.btn:before, .wpcf7-submit:before {
    content: '' !important;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    background-image: url(/wp-content/uploads/2024/11/Freccia_bottone.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    right: 0;
    position: absolute;
}


.btn_download:before {
    content: '' !important;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    background-image: url(/wp-content/uploads/2024/11/freccia-download.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 10px;
    right: 0;
    position: absolute;
}

.colonna_bottoni .btn-outline-primary:before,
.filtro_prodotti .colonna_bottoni .btn::before,
.intro_categoria_progetto .btn::before,
.container_pdf .colonna_bottoni .btn::before,
.container_pdf .btn_carica::before,
.thank_you .bottone .btn_thankyou::before{background-image: url()}

.freccia_permalink{border-radius: 0}

.approfondimenti .card .freccia_permalink,
.page_approfondimenti .card .freccia_permalink,
.progetti_evidenza_home .card .freccia_permalink {border-radius: 0!important}
/*************************************************
                          MENU
**********************************************/
.bg-primary{ background: rgba(255,255,255,0)!important; }
.navbar{z-index:999}
/*.is-scrolled .bg-primary{ background: #fff!important; }*/
/*.is-scrolled .dropdown-menu, .is-scrolled .dropdown-item{ background: #fff!important; }*/

/*il logo*/
.navbar-brand{ width:350px;}
/*.navbar-transparent.is-scrolled .navbar-brand { width:300px;}*/
/*.page.is-scrolled .navbar-brand { width:300px;}*/
.navbar-brand img {width: 90%;}

/*per stilizzare l testo*/
.nav-link, .dropdown-menu, .dropdown-item{ text-transform: uppercase; font-size:15px; color:#fff!important; }
.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{color:#88b6ba!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}

.navbar-toggler-icon {
            background-image: url(https://www.tecnodeck.it/wp-content/uploads/2024/12/menu_ham.png)!important}

/*.navbar-toggler-icon {
            background-image: url(
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 128, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"!important);
        }*/
/*************************************************
                      SLIDER HOME
******************************************************/

.contenitore_slider{background-color: #d4e0de}

.carousel,
.carousel-inner,
.carousel-item{top: 4px;height: 600px; border-radius: 27px}


.carousel-control-next-icon, .carousel-control-prev-icon{display: none}
.vertical.carousel .carousel-indicators [data-bs-target]{width:10px!important; height:10px!important; border-radius: 4px}
.carousel-indicators [data-bs-target]{ border-top: 3px solid transparent;  border-bottom: 3px solid transparent;}

.carousel h1{font-size: 120px; text-align: left!important; color:#fff}
.carousel-caption{left: 2%!important}

/*****************************
                HOME INTRO
****************************/

.blocco_intro h3{font-size: 50px; color:#88B6BA}

/*****************************
              PRODOTTI HOME
****************************/
.colonna_bottoni .btn-outline-primary{background-color: #e5eaec!important; color:#787a7c!important; border-color: #e5eaec!important }
.colonna_bottoni .btn:hover{ background-color: transparent!important; color:#212529!important; border-color: #88b6ba }
.colonna_bottoni .btn-check:checked+.btn,
.colonna_bottoni .btn.active,
.colonna_bottoni .btn.show,
.colonna_bottoni .btn:first-child:active,
.colonna_bottoni :not(.btn-check)+.btn:active {
    color:#000!important;
    background-color: #88b6ba!important;
    border-color: #88b6ba!important;
}

.contenitore_prodotti {padding-right: 0px!important; overflow: hidden;}

.colonna_categoria .bg-image{border-radius: 20px; position: relative; height: 450px!important}
.colonna_categoria p {max-width:85%; color:#fff; position: absolute;   bottom: 65px;    left: 49px; }
.colonna_categoria p strong{color:#fff}

.colonna_prodotti{margin-top: 5rem}

.nostri_prodotti .card{  height: 450px;  /*    display: flex;      flex-direction: column; */width:400px; border: 0px; border-radius: 20px; background-color: #d4e0de}
.nostri_prodotti .card .titolo{text-transform: uppercase; font-size: 20px}
.nostri_prodotti .card .descrizione{font-size: 13px}
.nostri_prodotti .card .freccia{position: absolute; right:-30px; bottom:10px}
/*.bottoni_categorie .btn{color:#cacfd1; font-size: 16px; width:250px; text-align: center; background-color:#e5eaec!important; border-color: #e5eaec}
.bottoni_categorie .btn.active{    background-color: #e5eaec !important; border: 1px solid #e5eaec;    color: #cacfd1;}
.bottoni_categorie .btn:hover {    background-color: transparent!important; border: 1px solid #88b6ba;    color: #212529;}*/


.contenitore_prodotti .card_category{border:none; position:relative;}
.contenitore_prodotti .card_category strong{color:#fff!important}
.contenitore_prodotti .card_category p{position: absolute; bottom:70px ; left: 45px}
.contenitore_prodotti ::-webkit-scrollbar {   width: 1px; height: 8px}
.contenitore_prodotti ::-webkit-scrollbar-track {  background: #d4e0de; border-radius: 20px}
.contenitore_prodotti ::-webkit-scrollbar-thumb {  background-color: #88b6ba; border-radius: 20px /*outline: 1px solid slategrey;*/}
/*****************************
              PROGETTI EVIDENZA
****************************/
.progetti_evidenza_home{background-color:#88b6ba }
.progetti_evidenza_home h2{font-size: 102px; color:#fff}
.progetti_evidenza_home .splide__track{  margin-left: 150px; padding-right: 140px !important;}
.progetti_evidenza_home .splide__slide{padding-left: 10px; padding-right: 10px}

.progetti_evidenza_home .card{height:400px; border: 0px; border-radius: 20px!important}
.progetti_evidenza_home .card img{ border-radius: 20px!important}
.progetti_evidenza_home .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4); flex-direction: column;    display: flex;  }
.progetti_evidenza_home .card-img-overlay h4{font-size: 18px; color:#fff; font-weight: bold;}
.progetti_evidenza_home .splide__arrow {display: none}
.progetti_evidenza_home .splide__pagination {    bottom: -1.8em;}
/*****************************
                HOME APPROFONDIMENTI
****************************/
.approfondimenti {background-color: #D4E0DE}
.approfondimenti h2{font-size: 102px; color: #88B6BA}
.approfondimenti .card{border: 0px; border-radius: 20px!important}
.approfondimenti .card img{ border-radius: 20px!important}
.approfondimenti .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4);/* flex-direction: column;    display: flex;    justify-content: center;    align-items: center;*/}
.approfondimenti .card-img-overlay h5{font-size: 15px; font-weight: bold;}
.approfondimenti .card-img-overlay p{font-size: 15px; text-align: center;}
.approfondimenti .card-img-overlay .testo{ width:250px; text-align: center; position: absolute;     top: 50%;    left: 50%; transform: translate(-50%, -50%);/*flex-direction: column;    display: flex;    justify-content: center;    align-items: center;*/}
/*.gruppo_certificazioni .splide__slide .card img{max-height:160px;  max-width:160px;  height:auto;  width:auto;  }*/




.approfondimenti .splide__pagination {    bottom: -1.5em;}
.approfondimenti .splide__slide .card{
  -webkit--transform: scale(0.9);  -moz-transform: scale(0.9);  -o-transform: scale(0.9);  -ms-transform: scale(0.9); transform: scale(0.9);
  transition: all 0.5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;}
.approfondimenti .splide__slide.is-active .card{ -webkit--transform: scale(1.1);  -moz-transform: scale(1.1);  -o-transform: scale(1.1);  -ms-transform: scale(1.1); transform: scale(1.1);}
.approfondimenti .is-active .card{background-color: rgba(255, 255, 255, 1); opacity: 1;}
.approfondimenti .splide__arrow {display: none!important}
.approfondimenti .btn-primary{text-decoration: none; background-color: #88b6ba!important; text-align: left; width: 300px;  color: #000; border: 1px solid #88b6ba; }
.approfondimenti .btn-primary:hover{background-color: transparent !important;  border: 1px solid #000; cursor: pointer;}
/*****************************
                HOME DOWNLOAD
****************************/
.download h2{font-size: 102px; color:#fff}
.download .riga_download{background-color:#88b6ba; border-radius: 10px}
.download .btn-primary{background-color: #fff!important; text-align: left; width:300px; border: 1px solid #fff; color:#000}
.download .btn-primary:hover{background-color: transparent!important; text-align: left;  border: 1px solid #000; cursor: pointer}

/****************************************************************
                PAGINA
****************************************************************/
.jumbotron_page {padding:200px 0 10px!important; }
.jumbotron_page h1{ color:#fff!important;}

/****************************************************************
                PAGINA CHI SIAMO
****************************************************************/
.desktop_chisiamo{display: inline-flex;}
.mobile_chisiamo{display: none}
.page_chisiamo .container_intro img{border-radius: 20px}
.page_chisiamo .container_intro{background-color: #D4DFDE; padding-bottom: 90px}
.page_chisiamo .sezione_servizi p{color:#fff}
/*.page_chisiamo .sezione_servizi p strong{color:#fff}*/
.page_chisiamo .sezione_servizi .card{text-align: left!important; height: 270px; border-radius: 20px}
.page_chisiamo .sezione_servizi .card p{color:#000}
.page_chisiamo .sezione_servizi .card_title{max-width: 215px; font-size: 22px; font-weight: bold; color: #7A90A3}
.page_chisiamo .sezione_servizi .card_text{font-size: 18px}
.page_chisiamo .gruppo_servizi strong{color:#fff}

/****************************************************************
      PAGINA MATERIALI
****************************************************************/
.desktop_materiale{display: flex;}
.mobile_materiale{display: none}

.page_materiale h2{font-size: 60px}
.page_materiale .container_intro img{border-radius: 20px}
.page_materiale .container_intro{background-color: #D4DFDE; padding-bottom: 90px}
.page_materiale .sezione_materiali .card{background-color: transparent; border:none}
.page_materiale .sezione_materiali .card .card-body p,
.page_materiale .sezione_materiali .card .card-body p strong{color:#fff}
.page_materiale .sezione_materiali .card .card-body p{font-size: 16px}
.page_materiale .sezione_materiali .card .card-body p strong{font-size: 20px}
.page_materiale .sezione_materiali .card .card-body .testo_colonna p{font-size: 11px; line-height: 18px}
/****************************************************************
      PAGINA PROGETTI
****************************************************************/
.page_progetti .desktop{display:flex;}
.page_progetti .mobile{display: none}
.page_progetti .btn-primary{width:235px; text-align: center; font-size: 15px}
#splide_categorie .splide__pagination, #splide_categorie .splide__arrows {display: none}


.page_progetti .altri_progetti .card{height:450px; border: 0px; border-radius: 20px!important}
.page_progetti .altri_progetti .card img{ border-radius: 20px!important}
.page_progetti .altri_progetti .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4); flex-direction: column;    display: flex;  }
.page_progetti .altri_progetti .card-img-overlay h3{font-size: 30px; color:#D4E0DE; font-weight: bold;}


.page_progetti .btn-check:checked+.btn,
.page_progetti .btn.active,
.page_progetti .btn.show,
.page_progetti .btn:first-child:active,
.page_progetti:not(.btn-check)+.btn:active {
    color:#000!important;
    background-color: #88b6ba!important;
    border-color: #88b6ba!important;
}

.page_progetti .btn{  color:#787a7c!important;  background-color: #e5eaec!important;  border-color: transparent!important;}
.page_progetti .btn:hover{  color:#787a7c!important;  background-color: transparent!important;  border-color: #e5eaec!important;}
/****************************************************************
    FILTRI DEI PROGETTI
****************************************************************/
.sezione_progetti .btn-primary{width:235px; text-align: center; font-size: 15px}


.sezione_progetti #splide_categorie .btn.active{color:#000; font-size: 16px; width:250px; text-align: center; background-color: #88b6ba!important}
.sezione_progetti #splide_categorie .btn{color:#787a7c; font-size: 16px; width:250px; text-align: center; background-color:#e5eaec!important; border-color: #e5eaec}
.sezione_progetti #splide_categorie .btn:hover{ background-color: transparent!important; color:#212529; border-color: #88b6ba }
/****************************************************************
    PROGETTI IN EVIDENZA
****************************************************************/

.sezione_progetti .progetto_evidenza{background-color: #88b6ba}
.sezione_progetti .progetto_evidenza h2{font-size: 60px; color:#fff}

.sezione_progetti .progetto_evidenza .btn-primary{background-color: #fff!important; text-align: left; width:300px; border: 1px solid #fff; color:#000}
.sezione_progetti .progetto_evidenza .btn-primary:hover{background-color: transparent!important; text-align: left;  border: 1px solid #fff; cursor: pointer}

.sezione_progetti .progetto_evidenza .categoria_evidenza{text-decoration: underline;}


.sezione_progetti .progetto_evidenza .splide__slide .card{height:450px}
.sezione_progetti .progetto_evidenza .splide__slide.is-active .card{height:450px}

.sezione_progetti .progetto_evidenza .splide__slide .card{ border-radius: 30px;
  -webkit--transform: scale(0.8);  -moz-transform: scale(0.8);  -o-transform: scale(0.8);  -ms-transform: scale(0.8); transform: scale(0.8);
  transition: all 0.5s ease; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;}
.sezione_progetti .progetto_evidenza .splide__slide.is-active .card{ -webkit--transform: scale(1);  -moz-transform: scale(1);  -o-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}
.sezione_progetti .progetto_evidenza .splide__slide{border-radius: 20px}

.sezione_progetti .progetto_evidenza .splide__slide .card{background-color: rgba(255, 255, 255, 1); opacity: 0.6!important; }
.sezione_progetti .progetto_evidenza .splide__slide.is-active .card{background-color: rgba(255, 255, 255, 1); opacity: 1!important; }

/*.sezione_progetti .progetto_evidenza .splide__pagination {    bottom: 0em;}
.sezione_progetti .progetto_evidenza .splide__arrow--prev {    left: 30em;}
.sezione_progetti .progetto_evidenza .splide__arrow--next {    right: 18em;}*/
.sezione_progetti .progetto_evidenza .splide__arrow {/*top:107%; */    background: #fff;     border-radius: 16%;}

.sezione_progetti .splide__arrow {position: inherit;}
.sezione_progetti .splide__arrows{right: 260px;bottom: 14px;position: absolute;}
.sezione_progetti .splide__arrow--prev {    left: -6em!important;}
.sezione_progetti .splide__pagination {display: none!important}
/*.sezione_progetti .splide__arrow {    position: inherit;}*/


/****************************************************************
      PAGINA HUB DELLA CATEGORIA DEL PROGETTO
****************************************************************/

.page_hub_categoria_progetto .btn-check:checked+.btn,
.page_hub_categoria_progetto .btn.active,
.page_hub_categoria_progetto .btn.show,
.page_hub_categoria_progetto .btn:first-child:active,
.page_hub_categoria_progetto:not(.btn-check)+.btn:active {
    color:#000!important;
    background-color: #88b6ba!important;
    border-color: #88b6ba!important;
}

.page_hub_categoria_progetto .btn{  color:#787a7c!important;  background-color: #e5eaec!important;  border-color: transparent!important;}
.page_hub_categoria_progetto .btn:hover{  color:#787a7c!important;  background-color: transparent!important;  border-color: #e5eaec!important;}
.page_hub_categoria_progetto  #splide_categorie .btn:hover{ background-color: transparent!important; color:#212529!important; border-color: #88b6ba }
.intro_categoria_progetto{background-color: #d4e0de}


.page_hub_categoria_progetto .altri_progetti{background-color: #d4e0de}
.page_hub_categoria_progetto .altri_progetti h2{color: #fff; }
.page_hub_categoria_progetto .altri_progetti .card{height:450px; border: 0px; border-radius: 20px!important}
.page_hub_categoria_progetto .altri_progetti .card img{ border-radius: 20px!important}
.page_hub_categoria_progetto .altri_progetti .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4); flex-direction: column;    display: flex;  }
.page_hub_categoria_progetto .altri_progetti .card-img-overlay h3{font-size: 30px; color:#D4E0DE; font-weight: bold;}



.page_hub_categoria_progetto .altri_progetti .btn-primary{background-color: #88b6ba!important; text-align: left; width:300px; border: 1px solid #88b6ba; color:#000}
.page_hub_categoria_progetto .altri_progetti .btn-primary:hover{background-color: transparent!important; text-align: left;  border: 1px solid #88b6ba; cursor: pointer}

/****************************************************************
                PAGINA SINGOLO PROGETTO
****************************************************************/


.page_singleprogetto .container_intro, .page_singleprogetto .container_progetti{background-color: #d4e0de}
.page_singleprogetto h2{font-size: 60px}

/*.page_singleprogetto .splide__slide.is-active  {width:450px!important; }
.page_singleprogetto .splide__slide {width:300px!important; }*/

.page_singleprogetto .splide__slide .card{
  height:520px;
  width:360px;
  -webkit--transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: all 0.7s ease; -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease;  -ms-transition: all 0.7s ease;  -o-transition: all 0.7s ease;}

.page_singleprogetto .splide__slide.is-active .card{
  height:520px;
  width:640px;
  -webkit--transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.7s ease; -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease;  -ms-transition: all 0.7s ease;  -o-transition: all 0.7s ease;}


.page_singleprogetto .splide__slide{transition: all  0.7s ease; -webkit-transition: all 0.7s ease;  -moz-transition: all 0.7s ease;  -ms-transition: all 0.7s ease;  -o-transition: all 0.7s ease;}

.page_singleprogetto .splide__slide.is-active.is-visible{width:640px!important;}

.page_singleprogetto .splide__slide.is-visible,
.page_singleprogetto .splide__slide.is-next,
.page_singleprogetto .splide__slide.is-visible.splide__slide--clone{width:360px!important;}
/*.page_singleprogetto .splide__slide.is-active{width:580px!important}
.page_singleprogetto .splide__slide{width:360px!important}*/
/*.page_singleprogetto  .container_progetti .splide__pagination {    bottom: 3em; left:28rem}
.page_singleprogetto  .container_progetti .splide__arrow--prev {  position: absolute; left: 58em;}
.page_singleprogetto  .container_progetti .splide__arrow--next { position: absolute;   right: 13.5em;}*/
.page_singleprogetto  .container_progetti .splide__arrow {/*top:93%;  */ position: inherit;  background: #fff;     border-radius: 16%;}

.page_singleprogetto .container_progetti  .splide__arrows{right: 400px;bottom:35px;position: absolute;}
.page_singleprogetto .container_progetti  .splide__arrow--prev {    left: -6em!important;}
.page_singleprogetto .container_progetti  .splide__pagination {display: none!important}


.page_singleprogetto .progetti_simili{background-color: #88b6ba}
.page_singleprogetto .progetti_simili h2{color: #fff; }

.page_singleprogetto .card{border: 0px; border-radius: 20px!important}
.page_singleprogetto .card img{ border-radius: 20px!important}
.page_singleprogetto .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4); flex-direction: column;    display: flex;  }
.page_singleprogetto .card-img-overlay h3{font-size: 30px; color:#D4E0DE; font-weight: bold;}
.page_singleprogetto .btn_carica{  background-color: #fff!important; text-align: left; width: 200px;  border: 1px solid #fff;    color: #000;   }
.page_singleprogetto .btn-primary:hover {  background-color: transparent !important; border: 1px solid #000;    color: #000;   cursor: pointer;}



/****************************************************************
                PAGINA PRODOTTI
****************************************************************/
.page_prodotto .filtro_prodotti .checked+.btn,
.page_prodotto .filtro_prodotti .btn-check:checked+.btn,
.page_prodotto .filtro_prodotti .btn.active,
.page_prodotto .filtro_prodotti .btn.show,
.page_prodotto .filtro_prodotti .btn:first-child:active,
.page_prodotto .filtro_prodotti:not(.btn-check)+.btn:active {
    color:#000!important;
    background-color: #88b6ba!important;
    border-color: #88b6ba!important;
}




.page_prodotto .filtro_prodotti  #splide_categorie .btn:hover{ background-color: transparent!important; color:#212529!important; border-color: #88b6ba }

.page_prodotto{background-color: #d4e0de}

.page_prodotto .filtro_prodotti{/*background-color: #fff;*/ overflow: hidden;}
.page_prodotto .btn-outline-primary { background-color:#e5eaec!important; width: 165px;border: 1px solid #e5eaec;color: #cacfd1;}
.page_prodotto .btn-outline-primary:hover { background-color:transparent!important; border: 1px solid #88b6ba;color: #000;}

.page_prodotto .nav-tabs .nav-link.active{color: #000 !important;    background-color: #88b6ba !important;  border-color: #88b6ba !important; border-radius: 10px; width: 230px}
.page_prodotto .nav-tabs .nav-link{background-color: #e5eaec !important;  color:#787a7c!important;  border: 1px solid #e5eaec;border-radius: 10px; width: 230px}
.page_prodotto .nav-tabs{border-bottom: 0px!important}

.page_prodotto .filtro_prodotti .card{height: 450px; width:400px; padding:50px 20px; margin-bottom: 20px; border:0px;  background-color: #e5eaec!important; border-radius: 20px}
.page_prodotto .filtro_prodotti .card h4{font-size: 19px; color:#000; font-weight: bold;}
.page_prodotto .filtro_prodotti .card p{font-size: 18px}

.page_prodotto .filtro_prodotti .splide__pagination {    bottom: 6.5em;}
.page_prodotto .filtro_prodotti .splide__arrow {display: none!important}

.page_prodotto ::-webkit-scrollbar {   width: 1px; height: 6px; }
.page_prodotto ::-webkit-scrollbar-track {  background: #d4e0de; border-radius: 20px}
.page_prodotto ::-webkit-scrollbar-thumb {  background-color: #88b6ba; border-radius: 20px /*outline: 1px solid slategrey;*/}
/****************************************************************
                PAGINA SINGLE PRODOTTO
****************************************************************/
.page_singleprodotto{background-color: #d4e0de}
.page_singleprodotto .prodotti .card{height: 450px; padding:30px 20px; border:0px;  background-color: #e5eaec!important; border-radius: 20px}
.page_singleprodotto .prodotti .card h4{font-size: 19px; color:#000; font-weight: bold;}
.page_singleprodotto .prodotti .card p{font-size: 18px}


/****************************************************************
                PAGINA DOWNLOAD
****************************************************************/
.page_download{background-color: #d4e0de}
.page_download .card_download{border:0; background-color: transparent!important; }
.page_download .card_download .titolo{font-size: 19px;}
.page_download .card_download .btn_download{width: 180px; font-size: 13px}
.page_download .btn-outline-primary { background-color:#e5eaec!important; width: 165px;border: 1px solid #e5eaec;color: #cacfd1;}
.page_download .btn-outline-primary:hover { background-color:transparent!important; border: 1px solid #88b6ba;color: #000; border-color: #88b6ba}

.page_download .btn-check:checked+.btn,
.page_download .btn.active,
.page_download .btn.show,
.page_download .btn:first-child:active,
.page_download:not(.btn-check)+.btn:active {
    color:#000!important;
    background-color: #88b6ba!important;
    border-color: #88b6ba!important;
}

.container_pdf .btn_carica{text-align: center; width: 110px}
/****************************************************************
                PAGINA APPROFONDIMENTI
****************************************************************/
.page_approfondimenti{background-color: #d4e0de}
.page_approfondimenti .card{border: 0px; border-radius: 20px!important}
.page_approfondimenti .card img{ border-radius: 20px!important}
.page_approfondimenti .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4);}
.page_approfondimenti .testo{ width:250px; text-align: center; position: absolute;     top: 50%;    left: 50%; transform: translate(-50%, -50%);/*flex-direction: column;    display: flex;    justify-content: center;    align-items: center;*/}
.page_approfondimenti .card-img-overlay h5{font-size: 15px; font-weight: bold;}
.page_approfondimenti .card-img-overlay p{font-size: 15px; text-align: center;}
.page_approfondimenti .container_intro .wp-block-group p{text-align: center!important;}
/*.da_caricare{display: none}*/

/****************************************************************
                SINGLE APPROFONDIMENTI
****************************************************************/
.articolo{background-color: #d4e0de}
.articolo .corpo h1{font-size: 56px}
.articolo img{border-radius: 20px}

.articolo .altri_approfondimenti{background-color: #88b6ba}
.articolo .altri_approfondimenti h2{color: #fff; font-size: 60px}


.articolo .altri_approfondimenti .card{border: 0px; border-radius: 20px!important}
.articolo .altri_approfondimenti .card img{ border-radius: 20px!important}
.articolo .altri_approfondimenti .card-img-overlay{ border-radius: 20px!important; background-color: rgba(0,0,0,0.4);}
.articolo .altri_approfondimenti .testo{ width:250px; text-align: center; position: absolute;     top: 50%;    left: 50%; transform: translate(-50%, -50%);/*flex-direction: column;    display: flex;    justify-content: center;    align-items: center;*/}
.articolo .altri_approfondimenti .card-img-overlay h5{font-size: 15px; font-weight: bold;}
.articolo .altri_approfondimenti .card-img-overlay p{font-size: 15px; text-align: center;}

.articolo .altri_approfondimenti .btn_carica{  background-color: #fff!important; text-align: left; width: 200px;  border: 1px solid #fff;    color: #000;   }
.articolo .altri_approfondimenti .btn-primary:hover {  background-color: transparent !important; border: 1px solid #000;    color: #000;   cursor: pointer;}

.articolo .splide__pagination {display: none}

.articolo .splide__arrow {/*top:107%; */    background: #fff;     border-radius: 16%;}

.articolo .splide__arrow {position: inherit;}
.articolo .splide__arrows{right: -7px;bottom:-27px;position: absolute;}
.articolo .splide__arrow--prev {    left: -6em!important;}
.articolo .splide__pagination {display: none!important}
/****************************************************************
                  SIDEBAR
****************************************************************/
aside h2{font-size: 30px}
.wp-block-archives-list{padding-left: 0px}
.wp-block-archives-list li {list-style: none;}
/****************************************************************
                CONTATTI
****************************************************************/
.wpcf7 h2{font-size: 81px}
fieldset {border-radius: 9px;     border: 1px solid #707070 !important;}
fieldset legend{margin-bottom: 0px; font-size: 14px; color:#000}
fieldset p {margin-bottom: 0px;margin-top: -8px}
select {border-radius: 9px;     border: 1px solid #707070 !important; padding:8px 10px;border:0; width:100%!important; }
input[type="text"],  input[type="email"], input[type="tel"],  textarea{padding:3px 10px;border:0!important; width:100%!important; }
textarea{ height: 245px;}
/*per eliminare che il bordo delle text area si colori al clic al suo interno*/
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus{ outline: none;}

.wpcf7-list-item-label{    line-height: 11px;    font-size: 11px;}
.wpcf7-submit{width:40%; float: right; color: #000!important;  background-color: #88b6ba; margin: 0px;  border: 1px solid #88b6ba!important;
  height: 35px!important;  line-height: 30px!important; font-size: 12px!important;  padding: 0 25px!important; text-align: left;
  border-radius:9px}

.wpcf7-submit:hover{background:#fff; color:#88b6ba!important; border-color:#88b6ba!important; cursor: pointer;}
.wpcf7-submit:focus{outline: none}
.wpcf7-list-item{margin-left: 0px!important}

/****************************************************************
                NUOVA PAG CONTATTI
****************************************************************/

.newpage_contatti h2{font-size: 60px; color:#88B6BA }
.newpage_contatti .container_intro, .newpage_contatti .container_contatti{background-color: #d4e0de}
.newpage_contatti .colonna_titolo{display: none}
.newpage_contatti .colonna1, .newpage_contatti .colonna2{width: 50%!important}

.newpage_contatti .regioni{margin-bottom: 0px!important; list-style: none; padding-left: 0px!important}
/****************************************************************
                PAGINA CONTATTI
****************************************************************/
.page-template-pageNewContatti .footer .form_contatti_footer{display: none}
.page-template-pageContatti .footer .form_contatti_footer{display: none}
.page-template-pageCookiePolicy .footer .form_contatti_footer{display: none}
.page-template-pagePrivacyPolicy .footer .form_contatti_footer{display: none}
.page_contatti img{border-radius: 20px}
.page_contatti h2{font-size: 60px; color:#88B6BA }
.page_contatti .container_intro, .page_contatti .container_contatti{background-color: #d4e0de}
.form_pagina_contatti textarea{height:260px}
.form_pagina_contatti .wpcf7-submit {width:40%; float:right; font-size: 16px}
.campionatura .wpcf7-list-item-label {font-size: 15px}
iframe{border-radius: 20px}

.page_contatti .colonna_titolo{display: none}
.page_contatti .colonna1, .page_contatti .colonna2{width: 50%!important}

/****************************************************************
                THANK YOU PAGE
****************************************************************/
.thank_you{background-color: #88b6ba; padding-top: 160px; padding-bottom: 60px}
.thank_you h1{font-size: 90px}
.thank_you .btn_thankyou{border: 1px solid #fff; color: #fff}
.thank_you .btn_thankyou:hover{border: 1px solid #88b6ba; color: #000; background-color: #fff; cursor: pointer;}
.page-template-pageThankyou-php .footer .form_contatti_footer {display: none}

/****************************************************************
                404
****************************************************************/
.error404 .navbar{background-color: #88b6ba!important; margin-top: 0px!important}
.error404 .navbar .nav-link:hover{color:#d4e0de!important}
.error404  .footer .form_contatti_footer{display: none}

/****************************************************************
                FOOTER
****************************************************************/
.footer .colonna_uno{background-color: #88b6ba; color:#000; min-height: 50vh}
.footer .colonna_uno p{font-size: 12px; line-height: 20px}
.footer .colonna_due, .footer .colonna_tre, .footer .colonna_quattro{background-color: #000; color:#fff; min-height: 40vh}
.footer .colonna_due nav, .footer .colonna_tre p, .footer .colonna_quattro p{margin-top: auto; margin-bottom:  auto; font-size: 15px}
.footer .nav-link{text-transform: inherit; color:#fff!important}
.footer .colonna_tre{border-left:1px solid #fff; border-right:1px solid #fff}
.footer .social_footer{position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.footer .colonna_centrata{ position: absolute;  top: 50%;  left: 45%; transform: translate(-50%, -50%);}

.riga_sottofooter{background-color: #d4e0de; color:#000; font-size: 10px}

/*************************************************
                    BLOCCHI
******************************************************/
/*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}
/******IMMAGINI*****/
.wp-block-cover{height:auto}
.wp-block-media-text__media img, .wp-block-image img{height:auto}
.has-white-color { color: #fff!important;}
/******BLOCCO GRUPPO******/
.wp-block-group{padding: 0px;}
/****BLOCCO 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}


/****************************************************************
                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_search .screen-reader-text{display:block;}
.widget_search #s{width:70%; float:left;}
.widget_search #searchsubmit{width:30%; float:left; background:#fff;}


/*************************************************
          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;}


/*************************************************
          SCHERMI GRANDI
*************************************************/
@media (min-width:1420px){
/*.nostri_prodotti .card{  height: 50vh; }*/
.page_chisiamo .sezione_servizi .card{ height: 255px; }
}

@media (min-width:1500px){
.carousel,
.carousel-inner,
.carousel-item{height: 720px; border-radius: 27px}

/*** SLIDER NELLA PAGINA PROGETTI (SEZIONE IN EVIDENZA)****/
.sezione_progetti .splide__arrows {    right: 310px;    bottom: 14px;    position: absolute;}

/*** SLIDER NELLA PAGINA DEL SINGOLO PROGETTO ****/
/*.page_singleprogetto .container_progetti  .splide__slide{width: 520px!important;}*/
.page_singleprogetto .container_progetti .splide__arrows {    right: 500px;}
/*.sezione_progetti .progetto_evidenza .splide__slide {width:380px!important}*/

.page_chisiamo .sezione_servizi .card{height:210px}
}

@media (min-width:1700px){
  .page_singleprogetto .container_progetti .splide__arrows {    right: 720px;}
}

@media (min-width:1810px){
  .page_chisiamo .sezione_servizi .card{height:200px}
  .page_singleprogetto .container_progetti .splide__arrows {    right: 780px;}
}


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

}




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

@media (max-width:767px){
.mobile{display:inline-block;}
.desktop{display: none}

.container-fluid{padding-left: 10px!important; padding-right: 10px!important}
h1{font-size: 48px}
.wpcf7 h2, h2{font-size: 40px}
/*************
  menu
**********/
.navbar {margin-top: 0px!important; padding-right: 15px; padding-left: 10px}
/*il logo*/
.navbar-brand{ width:200px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%; margin-left: 18px}
.colored {background-color: #000!important}
/*.navbar-transparent.is-scrolled .navbar-brand { width:220px;}
.page.is-scrolled .navbar-brand { width:200px;}*/
.navbar-collapse {    margin-left: 15px;}
/******************
HOME
********************/
.carousel, .carousel-inner, .carousel-item {    top: 6px;}
.carousel h1 {    font-size: 52px; line-height: 60px}
.home .blocco_intro,
.home .blocco_prodotti {padding-left: 5px!important; padding-right: 5px!important}
.home .blocco_intro,
.home .blocco_prodotti,
.home .blocco_prodotti h2, .home .blocco_prodotti p{text-align: left!important}
.home .progetti_evidenza_home h2,
.home .approfondimenti h2,
.home .download h2 {font-size: 40px}
.home .blocco_intro h3 {    font-size: 30px;}
.home .blocco_intro .btn-primary{width: 100%}

.home .seconda_intro{ display: flex!important;    flex-flow: column-reverse!important;}

.home .tecnodeck-classic .colonna_categoria,
.home .tecnodeck-plus .colonna_categoria{padding-left: 15px!important}
.home .tecnodeck-classic .nostri_prodotti,
.home .tecnodeck-plus .nostri_prodotti {margin-top: 25px!important}
.home .colonna_prodotti{margin-top: 1rem}
.home .tecnodeck-classic .nostri_prodotti .card,
.home .tecnodeck-plus .nostri_prodotti .card {width:332px}

.home .contenitore_prodotti .card_category p{    bottom: 38px;    left: 20px;}

.home .approfondimenti .btn-primary{width: 90%}
.home .approfondimenti{padding-left: 15px!important; padding-right: 15px!important}
.home .progetti_evidenza_home .row{padding-left: 5px!important; padding-right: 5px!important}
.progetti_evidenza_home .splide__slide{padding-left: 5px; padding-right: 5px}
.home .progetti_evidenza_home .splide__track {     margin-left: 0px;      padding-right: 30px !important; }
.home .progetti_evidenza_home  .splide__slide{width:320px!important}

.colonna_categoria p{left:15px}
/****************
    CHI SIAMO
****************/
.desktop_chisiamo{display: none}
.mobile_chisiamo{display: inline-block;}
.page_chisiamo .gruppo_servizi {padding-left: 5px!important; padding-right: 5px!important; }
.page_chisiamo .gruppo_servizi .colonna{text-align: left!important;}
.page_chisiamo .splide__arrow {display: none}
.splide__pagination {    bottom: -1.5em!important;}

/****************
  MATERIALE
****************/
.desktop_materiale{display: none;}
.mobile_materiale{display: inline-block}
.page_materiale .sezione_materiali {padding-bottom: 0.5rem!important}
.page_materiale .card-body .card-text{text-align: center;}
.page_materiale .sezione_materiali .card .card-body .testo_colonna p {text-align: left; margin-bottom: 0px!important}
.page_materiale .splide__pagination {display: none}
.page_materiale .splide__arrow--prev{    left: -1em;}
.page_materiale .splide__arrow--next {    right: -1em;}
.page_materiale .splide__arrow {    background: transparent; top: 32%}
.page_materiale .splide__arrow svg {    fill: #fff;     height: 1.8em;    width: 1.8em;}
/****************
  PROGETTI
****************/
.sezione_progetti .desktop{display:none!important;}
.sezione_progetti .mobile{display: block}
.sezione_progetti .progetto_evidenza h2 {font-size: 40px; text-align: left!important;}
.sezione_progetti .progetto_evidenza  .colonna_testo{padding-left: 15px!important; padding-right: 15px!important}
.sezione_progetti .intro_categoria_progetto .testo{text-align: left!important;}
.sezione_progetti .intro_categoria_progetto .splide{padding-left: 0px!important; }
.sezione_progetti .intro_categoria_progetto {padding-left: 5px!important; padding-right: 0px!important}
.sezione_progetti .intro_categoria_progetto .splide__track {padding-right: 56px!important;}
.sezione_progetti .splide {margin-top: 20px}
.sezione_progetti .progetto_evidenza .btn-primary{width: 100%}
.sezione_progetti .progetto_evidenza  .splide__slide {margin-left: 0px!important; margin-right: 0px!important}
.sezione_progetti .splide__arrows {    right: 10px;    bottom: -52px;}

.sezione_progetti .splide__slide.tutti{width: 156px!important}
.sezione_progetti .splide__slide{width: 235px!important}

.sezione_progetti #splide_categorie .splide__slide.tutti .btn,
.sezione_progetti #splide_categorie .splide__slide.tutti  .btn.active{    font-size: 15px;    width: 140px;}

.sezione_progetti #splide_categorie .btn,
.sezione_progetti #splide_categorie .btn.active{   padding: 8px 10px; font-size: 15px;    width: 228px;}
/****************
SINGLE  PROGETTO
****************/

.page_singleprogetto .container_intro .testo{text-align: left!important;}

.page_singleprogetto .splide__slide .card,
.page_singleprogetto .splide__slide.is-active .card,
.page_singleprogetto .splide__slide.is-active.is-visible,
.page_singleprogetto .splide__slide,
.page_singleprogetto .splide__slide.is-visible,
.page_singleprogetto .splide__slide.is-visible.is-next,
.page_singleprogetto .splide__slide.is-visible.splide__slide--clone{width:100%!important;}
.page_singleprogetto .container_progetti .splide__arrows {    right: 40px;    bottom: 12px;}

.page_singleprogetto .container_progetti  .splide__slide {margin-left: 0px!important; margin-right: 0px!important}
.page_singleprogetto .progetti_simili .row{padding-bottom: 10px!important}
.page_singleprogetto h2 {   line-height: 46px; font-size: 40px; padding-bottom: 25px; text-align: left!important; margin-bottom: 0px!important}


.page_singleprogetto .splide__slide.is-visible,
.page_singleprogetto .splide__slide.is-next,
.page_singleprogetto .splide__slide.is-visible.splide__slide--clone{width:100%!important;}
/****************
PAGINA PRODOTTO
****************/
/*.page_prodotto .filtro_prodotti .colonna_bottoni .splide__slide{width:200px!important}*/
.page_prodotto .nav-tabs {overflow-x: auto;   overflow-y:hidden;   flex-wrap: nowrap;}
.page_prodotto .nav-tabs .nav-link.active,
.page_prodotto .nav-tabs .nav-link{padding:8px; width:155px; font-size: 12px}
.page_prodotto .filtro_prodotti .splide__track{padding-right: 120px!important}
.page_prodotto .filtro_prodotti .card {    width: 340px; margin-left: 0px!important; margin-right: 8px!important}
.page_prodotto .filtro_prodotti {padding-left: 10px!important}
.page_prodotto .filtro_prodotti .colonna_bottoni .splide__slide{width:180px!important}/*160px*/
.page_prodotto .btn-outline-primary{padding: 6px!important; width: 156px}
/************************
  SINGLE PRODOTTO
*****************************/
.page_singleprodotto .container_intro .testo{text-align: left!important}

/************************
  download
*****************************/
.page_download .contenitore_filtri{padding-right: 0px!important}
.page_download .contenitore_filtri.d-flex{display: block!important;}
.page_download .testo_intro{text-align: left!important;}
.page_download .card_download img{ display: block;  margin-left: auto;  margin-right: auto;  width: 70%; text-align: center;}
.page_download .justify-content-center{    justify-content: flex-start!important;}
.container_pdf .btn_carica {width:100%}
.page_download .filtro_prodotti {padding-left: 0px!important}
.page_download .splide__slide{width:198px!important}
.page_download .btn-outline-primary{padding: 6px 12px; width: 158px}
/************************
  APPROFONDIMENTI
*****************************/
.page_approfondimenti h1{font-size: 42px}
.page_approfondimenti .container_intro .wp-block-group p{text-align: left!important;}
.page_approfondimenti .load_more{padding: 0 30px}
.page_approfondimenti .btn_carica{width: 100%; }

/************************
  ARTICOLO
*****************************/
.articolo h1{font-size: 42px}
.articolo .post h1{font-size: 42px; line-height: 48px; text-align: left!important;}
.articolo .altri_approfondimenti h2{font-size: 40px}
.articolo .altri_approfondimenti .btn_carica {width: 100%}

/************************
  CONTATTI
*****************************/
.page_contatti h2{font-size: 40px; line-height: 48px}
.page_contatti .container_intro .intro{text-align: left!important;}
.page_contatti .immagine_contatti{margin-bottom: 30px}
.page_contatti .colonna1, .page_contatti .colonna2 {width: 100% !important;}
.page_contatti .container_form {padding-left: 20px!important; padding-right: 20px!important}


.newpage_contatti h2{font-size: 40px; line-height: 48px}
.newpage_contatti .container_intro .intro{text-align: left!important;}
.newpage_contatti .immagine_contatti{margin-bottom: 30px}
.newpage_contatti .colonna1, .newpage_contatti .colonna2 {width: 100% !important;}
.newpage_contatti .container_form {padding-left: 20px!important; padding-right: 20px!important}
/****************
    FOOTER
****************/
.wpcf7-submit {    width: 100%;}

.colonna_titolo h2{text-align: center!important;}
.form_contatti_footer   {padding-left: 5px!important; padding-right: 5px!important}
.riga_sottofooter {font-size: 9px}
.nav-link_footer  li a{text-align: center; text-transform: uppercase!important;}
.footer .social_footer {    top: 20%; left:53%}
.footer .colonna_uno{background-color: #fff; min-height: 10vh}
.footer .colonna_due{padding-top: 220px}
.footer .colonna_centrata_mobile{position: absolute; top:-42px ; left:-1px;  background-color: #88b6ba;}
.footer .colonna_uno .card{ width: 80%}
.footer .logo_mobile{  display: block; margin-left: auto; margin-right: auto; width: 65%; text-align: center;}

}















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