/*
Theme Name: Caminiti
Theme URI:
Author: Caminiti
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:  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
**********************************************/

/* 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: "Roboto", sans-serif;
  font-weight: 300;
  background-color: #f5f5f5;
  font-size: 18px;
  color:#000;
  line-height: 26px;
  position: relative;
}

/*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}
a:hover{color:#25315c; text-decoration: none}


/*************************************************
                          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: 15px;   padding-left: 15px;   width: 100%;}
.alignfull{margin-right: auto;     margin-left: auto;    padding-right: 15px;    padding-left: 15px;    width: 100%;}
.desktop{display: block;}
.mobile{display: none}

h1, h2, h3{font-family: 'Arpona'; }
h1{font-size: 75px; }
h2{font-size: 40px; }
h3{font-size: 25px;}
strong{color:#000!important; font-weight: 500}

main{margin-top: -100px!important}
a{text-decoration: none}
.btn{position: relative; border-radius: 0px; text-transform: uppercase; font-size: 15px;  padding: 5px 46px 5px 49px ; }

.btn_bianco{ border:1px solid #fff; color:#000; ;background-color: #fff }
.btn_verde{ border:1px solid #fff;  background-color: #335563}
.btn.btn-primary.btn_bianco:hover {background-color: transparent!important; border-color: #fff}
.btn.btn-primary.btn_verde:hover {background-color: #e0e0e0!important; color:#335563; border-color: #e0e0e0}

.btn::before {  content: "";  position: absolute;  top: 0;  left: 10px;  height: 100%;  width: 5px;    font-weight: bold;}
.btn_verde::before {  background-color: #fff; }
.btn_bianco::before {  background-color: #335563; }
.btn_verde:hover::before{  background-color: #335563; }
.btn_bianco:hover::before{  background-color: #fff; }

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,
.btn-primary:active:focus:not(:disabled):not(.disabled),
.btn:focus, .btn:active, .btn:hover{
    background-color: transparent!important;
    box-shadow: none!important;
    outline: 0;
}


.titoletto{text-transform: uppercase; font-size: 16px; font-weight: 300; color:#000}


.error404 .bg-primary{background-color: #335563!important}
/*************************************************
                          MENU
**********************************************/
.navbar{z-index:999}
.container_header{border-bottom: 1px solid #fff}
.bg-primary, .dropdown-menu, .dropdown-item{ background: transparent!important; }
/*il logo*/
.navbar-brand{ width:350px;}
.navbar-brand img {width: 55%;}

.nav-link, .dropdown-menu, .dropdown-item{ font-size:15px; color:#fff!important; font-weight: 400; padding-left: 25px!important; padding-right: 25px!important}
.nav-link:hover, .dropdown-menu:hover, .dropdown-item:hover{font-weight: 900;}
.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-nav li{margin-top: auto !important;    margin-bottom: auto !important;}
.navbar-toggler-icon {
    background-image: url(/wp-content/uploads/2025/06/bars-hamburger.png)!important;
}


/******TRADUTTORE******/
.wpml-ls-item{position: absolute!important; right: 16px}
.wpml-ls-menu-item .dropdown-menu {margin-top: 0px!important; padding: 0px!important }
.wpml-ls-menu-item .dropdown-menu {    min-width: 30px !important;}
.wpml-ls-menu-item  a{margin-top: 8px; padding:7px 20px 35px 10px!important}
/*.nav-link.dropdown-bs-toggle:after {    content: "";}*/
.nav-link.dropdown-bs-toggle:after  {
content: "";
height: 30px;
width: 30px;
background: url(/wp-content/uploads/2025/06/chevron-down-solid.png) no-repeat;
position: absolute;
margin-left: 22px;
background-size: 12px;
margin-top: 18px;
}

.nav-link.dropdown-bs-toggle.show:after {
content: "";
height: 30px;
width: 30px;
background: url(/wp-content/uploads/2025/06/chevron-down-solid-grren.png) no-repeat;
position: absolute;
margin-left: 22px;
background-size: 12px;
margin-top: 18px;
}
/*.wpml-ls-menu-item .show,.navbar-expand-lg .navbar-nav .dropdown-menu a{background-color: #fff!important}*/
.dropdown-menu[data-bs-popper] {    top: 48%!important;}
.wpml-ls-menu-item .show{background-color: #fff;}
/*************************************************
                      HOME INTRO
******************************************************/



.home .contenitore_home{margin-bottom:150px; height: 756px; background:#335563; padding-top: 120px; position: relative; }
/*.home .blocco_intro{padding-top: 120px; position: relative;}*/
.home h1{font-size: 100px; line-height: 108px}
.home .jumbotron{padding-top: 120px; height: 638px}
.home .jumbotron .contenuto{padding-left: 120px;}
/*.home .blocco_intro p{font-size: 18px; font-weight: 300}
.home .blocco_intro .colonna_fissa{margin-left: 100px; width: 520px;    flex: 0 0 520px;    max-width: 520px;}
.home .immagine_home img { max-width: 600px; }*/
.home .contenitore_home .Rettangolo_bicolore{position: absolute; bottom: -140px; left: 50%; transform: translate(-43%, 0%);}



/*
VECCHIA VERSIONE
.home .intro {  background: linear-gradient(#335563 90%, #f5f5f5 10%);}
.home .blocco_intro{padding-top: 180px; position: relative;}
.home h1{font-size: 100px; line-height: 108px}
.home .blocco_intro p{font-size: 18px; font-weight: 300}
.home .blocco_intro .Rettangolo_bicolore{position: absolute; bottom: -53px; left: 25%; transform: translate(-43%, 0%);}
.home .blocco_intro .immagine_home img{float: right;}
.home .blocco_intro .colonna_fissa{width: 520px!important;    flex: 0 0 520px!important;    max-width: 520px!important;}*/
/*************************************************
                    HOME  GSAP TESTO INTRO
******************************************************/


  .pinned-container {
    position: sticky;
    padding:0;
    top: 40%/*150px;*/
  }

  .main-container {
    min-height: 95vh;
    /*min-height: 200vh;*/
  }
  .to-reveal-simple__word-wrapper {
    display: inline-block;
    color: #aaa; /* Colore iniziale */
    transition: color 0.6s ease;
  }
  .to-reveal-simple__letter-wrapper {
    display: inline-block;
      overflow: hidden;
  }
  .to-reveal-simple__letter {
    display: inline-block;
  }


.pinned-container h2{font-size: 45px; line-height: 50px; font-weight: 500; text-align: center; }
.gsap-marker-scroller-end, .gsap-marker-scroller-start{display:none!important}
.testo_intro{padding: 100px 0}

/****************************************************************
            HOME  APPROCCIO
****************************************************************/
.home .approccio {padding-bottom: 120px}
.home .approccio h2 {color:#335563}
.home .approccio .secondo_testo{font-family: 'Arpona'; font-size: 20px; font-weight: 500; color:#335563}
.home .approccio .immagine_approccio{padding-top: 100px}


/****************************************************************
            HOME  AREE INTERVENTO
****************************************************************/
/*.home .aree_intervento{position: relative;}*/
.home .aree_intervento .rettangolo_verde_bianco{  position: absolute;    top: 0%;    right: 272px;    transform: translate(-50%, -50%);}
.home .aree_intervento .titoletto{color:#fff}
.home .aree_intervento{ background: linear-gradient(#335563 50%, #f5f5f5 40%);}

.home .aree_intervento .contenitore_fluido {margin-left: calc((100vw - 1140px) / 2 + 5px); }
.home .aree_intervento .riga_intro_aree_intervento{border-bottom:1px solid #fff; padding-top: 9rem!important}
.home .aree_intervento .card{border: none!important; border-radius: 0px; background-color: transparent}
.home .aree_intervento .card .card-body h4{color:#335563; font-size: 25px; font-weight: 500}
.home .aree_intervento .card img{ width: 100%;    height: 32vw;    object-fit: cover;}
/*.home .aree_intervento .slider_area_intervento .splide__track{      padding-left: 93px !important;    padding-right: 341px !important;}*/

/*.home .aree_intervento .slider_area_intervento .splide__track{ padding-left: 35px !important;    padding-right: 366px !important;}*/
.home .aree_intervento .slider_area_intervento .splide__pagination {display: none}
/*.home .aree_intervento .slider_area_intervento .splide__arrows {display: none}*/
.home .aree_intervento .splide__arrow svg {    fill: #fff;}
.home .aree_intervento .splide__arrow {   opacity: 1; background: #335563;  border-radius: 0%;}
/*.home .aree_intervento .splide__arrow--next  {top:80%!important}*/
.home .aree_intervento .splide__arrow--prev {/*top:87%!important;    right: 1em!important; left: auto!important*/}
.home .aree_intervento .testo_scopri{text-align: right; font-size: 16px; font-weight: 300}

.home .aree_intervento  .card .zoom-img {  overflow: hidden;  width: 100%;}
/*.home .aree_intervento  .card .zoom-img:hover img {  transform: scale(1.05);}
.home .aree_intervento  .card .zoom-img img {    transition: transform 0.5s ease;}*/


.home .aree_intervento  .card:hover img {  transform: scale(1.05);}
.home .aree_intervento  .card img {    transition: transform 0.5s ease;}
.home .aree_intervento  .card:hover h4{font-weight: 600}
/****************************************************************
            HOME PROGETTI / REALIZZAZIONI
****************************************************************/
.home .realizzazioni_home h2{color:#335563}

.home .realizzazioni_home .card,
.home .realizzazioni_home .card img{border: none!important; border-radius: 0px!important}
.home .realizzazioni_home .overlay {  opacity: 0;  position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%;  width: 100%;
                                   transition: .5s ease; background-color: rgba(51, 85, 99, 0.85); border-radius: 0px!important: border:none!important}
.home .realizzazioni_home .card:hover .overlay,
.home .realizzazioni_home .card.overlay-visible .overlay {  opacity: 1; cursor: pointer;border-radius: 0px!important}
.home .realizzazioni_home .card .rettangolo_bianco{position: absolute; top:0px; left:30px}
.home .realizzazioni_home .card h2 {  color: #fff;  position: absolute;  bottom: 40px;  left: 30px; }



/*.home .realizzazioni_home  h4:before {   content: '';  width: 74px;   height: 38px;
                              display: block;    background-image: url("/wp-content/uploads/2023/11/virgoletta_sinistra.png");
                              background-repeat: no-repeat;    background-size: 50%;}*/
/****************************************************************
              PAGINA CHI SIAMO
****************************************************************/
.page_chisiamo .intro_pagina{     padding-top: 110px; background: linear-gradient(#335563 70%, #f5f5f5 30%);}
.page_chisiamo .intro_pagina .titoletto{color:#fff}
.page_chisiamo .intro_pagina h1{font-size: 75px; font-weight:  400}
.page_chisiamo .copertina{border-top: 1px solid #fff}
.page_chisiamo .copertina img{object-fit: cover; width:100%; height:100%}

.page_chisiamo .contenuto_chisiamo h2{color:#335563; font-size: 40px; font-weight: 500}
.page_chisiamo .contenuto_chisiamo img{object-fit: cover;}
/*.page_chisiamo .contenuto_chisiamo ul{ list-style-type: square;   margin: 0;}
.page_chisiamo .contenuto_chisiamo ul li{  }
.page_chisiamo .contenuto_chisiamo ul li::marker { font-size:40px;  color: #335563; }*/


.page_chisiamo .contenuto_chisiamo ul{ list-style:none;     margin: 0;}
.page_chisiamo .contenuto_chisiamo ul li{padding: 25px 0 0}
.page_chisiamo .contenuto_chisiamo ul li:before{   content: "";  display: inline-block;  width: 15px;
  height: 15px;text-align: right; direction: rtl;   margin-left: -25px; margin-right: 10px; background-color: #335563;}

.page_chisiamo .certificati h2{color:#335563}
.page_chisiamo .contatti p{text-align: right; margin-bottom: 0px}
.page_chisiamo .contatti{padding-bottom: 50px}

.page_chisiamo .contatti .btn.btn-primary.btn_verde:hover { border-color: #335563}


/****************************************************************
              PAGINA REALIZZAZIONE
****************************************************************/
.page_realizzazioni .intro_pagina{     padding-top: 70px; background:#335563;  padding-bottom: 350px;}
.page_realizzazioni .intro_pagina .titoletto{color:#fff}
.page_realizzazioni .intro_pagina h1{font-size: 75px; font-weight:  400}

.page_realizzazioni .dropdown_categorie .btn_verde{padding: 5px 70px 5px 70px;}
.page_realizzazioni .dropdown_categorie .btn_verde:hover{border-color:#fff!important; background-color: #fff!important; color:#335563}


.page_realizzazioni .dropdown_categorie .btn,
.page_realizzazioni .categorie_filtro .btn{ background-color: #335563!important; width: 270px;   padding: 8px 29px 8px 15px;}
.page_realizzazioni .categorie_filtro .btn{border: 0px!important}
.page_realizzazioni .categorie_filtro { margin-top: -2px!important; padding-top: 0px!important; padding-left: 0px!important; padding-right: 0px!important /*transform: translate(423px, 16px)!important;*/}
.page_realizzazioni .categorie_filtro .btn:hover{background-color:#fff!important; border: transparent; color:#335563}
.page_realizzazioni .categorie_filtro li{border-right: 1px solid #fff; border-left: 1px solid #fff}


.page_realizzazioni .card {background-color: transparent; border-radius: 0px; border: 0}
.page_realizzazioni .card .card-img-top{border-radius: 0px!important}
.page_realizzazioni .card h3{color:#335563; font-weight: 500}
.page_realizzazioni .card .card-body{font-size: 18px; line-height: 24px}

.page_realizzazioni .elenco_realizzazioni{margin-top: -390px}

.page_realizzazioni .filter .card .zoom-img {  overflow: hidden;  width: 100%;}
/*.page_realizzazioni .card .zoom-img:hover img {  transform: scale(1.05);}
.page_realizzazioni .card .zoom-img img {    transition: transform 0.5s ease;}
*/


.page_realizzazioni  .filter .card:hover img {  transform: scale(1.05);}
.page_realizzazioni  .filter .card img {    transition: transform 0.5s ease;}
.page_realizzazioni  .filter .card:hover h3{font-weight: 600}

.page_realizzazioni .blocco_finale h2{color:#335563}
.page_realizzazioni .blocco_finale {position: relative;}
.page_realizzazioni .blocco_finale .card-img-overlay{  width:80%;  position: absolute; top: 50%;   left: 50%;  transform: translate(-50%, -50%);}
/****************************************************************
              SINGLE REALIZZAZIONE
****************************************************************/
.page_singlerealizzazione .contenitore{margin-bottom:100px; height: 570px; background:#335563;}
.page_singlerealizzazione .blocco_intro{position: relative;}
.page_singlerealizzazione .blocco_intro .testo{padding-top: 180px; }
.page_singlerealizzazione .blocco_intro h1{font-size: 71px!important}
.page_singlerealizzazione .blocco_intro p{font-size: 18px; font-weight: 300}
.page_singlerealizzazione .blocco_intro .testo{position: absolute; right:10px}
.page_singlerealizzazione .immagine {    position: absolute;    left: -10px;    top: 0px;}
.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore{position: absolute; top:471px; right: 25%; transform: translate(-43%, 0%);}


/*.page_singlerealizzazione .blocco_intro h1{font-size: 71px!important}
.page_singlerealizzazione .intro { background: linear-gradient(#335563 72%, #f5f5f5 30%);}
.page_singlerealizzazione .blocco_intro{position: relative;}
.page_singlerealizzazione .blocco_intro .content{padding-top: 180px; }
.page_singlerealizzazione .blocco_intro .content .categoria{text-transform: uppercase; font-size: 16px}
.page_singlerealizzazione .blocco_intro p{font-size: 18px; font-weight: 300}
.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore{position: absolute; bottom: 95px; right: 25%; }*/

.page_singlerealizzazione .contenuto_pagina{position: relative;}
.page_singlerealizzazione .contenuto_pagina .colonna_testo{margin-top: 90px}
.page_singlerealizzazione .contenuto_pagina .immagine_rettangolo{left: -51px;    top: 227px;    position: absolute;}
.page_singlerealizzazione .contenuto_pagina ul,
.page_singlerealizzazione .sotto_slider ul{ list-style:none;     margin: 0;}

.page_singlerealizzazione .contenuto_pagina ul li,
.page_singlerealizzazione .sotto_slider ul li{padding:  0 0 25px}
.page_singlerealizzazione .contenuto_pagina ul li:before,
.page_singlerealizzazione .sotto_slider ul li:before{   content: "";  display: inline-block;  width: 15px;
 height: 15px;text-align: right; direction: rtl;   margin-left: -25px; margin-right: 10px; background-color: #335563;}
.page_singlerealizzazione .contenuto_pagina h3{color:#000; font-size: 25px; font-weight: 400}

.page_singlerealizzazione .slider{height: 800px}

.page_singlerealizzazione .splide__arrow {   opacity: 1; background: #fff;    border-radius: 0%;}
.page_singlerealizzazione .splide__arrow--next  {top:80%!important}
.page_singlerealizzazione .splide__arrow--prev {top:87%!important;    right: 1em!important; left: auto!important}

.page_singlerealizzazione .sotto_slider h3{color:#335563; font-size: 25px; font-weight: 500}

.page_singlerealizzazione .slider .splide .splide__pagination {display: none}
.page_singlerealizzazione .slider .splide{height: 670px; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.page_singlerealizzazione .splide__slide {  height: 100%;  display: flex;  justify-content: center;  align-items: center;background-color: #335563; }
.page_singlerealizzazione .slider .splide .splide__slide img{ max-height: 100%;  max-width: 100%;  object-fit: cover;}

.page_singlerealizzazione .slider .splide{height: 670px; width: 100%; display: flex; flex-direction: column; justify-content: center;}



.page_singlerealizzazione .accordion-button::after{
  background-image: url(/wp-content/uploads/2025/05/Tracciato-2937.png)!important; width:50px!important;
  height:40px!important;
  background-size: 3rem!important}
.page_singlerealizzazione .accordion,
.page_singlerealizzazione .accordion-body{border-radius: 0px!important}
.page_singlerealizzazione .accordion-item,
.page_singlerealizzazione .accordion-header,
.page_singlerealizzazione .accordion-button{background-color:#335563 }
.page_singlerealizzazione .accordion-item .elenco_dettagli,
.page_singlerealizzazione .accordion-item .elenco_dettagli ul li,
.page_singlerealizzazione .accordion-item .elenco_dettagli ul li strong{color: #fff!important}
.page_singlerealizzazione .accordion .elenco_dettagli ul { list-style:none;     margin: 0;}
.page_singlerealizzazione .accordion .elenco_dettagli ul li{padding:  0 0 25px}
.page_singlerealizzazione .accordion .elenco_dettagli ul li:before{   content: ""; transform: rotate(47deg); display: inline-block;  width: 15px;
 height: 15px;text-align: right; direction: rtl;   margin-left: -25px; margin-right: 10px; background-color: #fff;}

.page_singlerealizzazione .correlati .riga_correlati{border-bottom: 1px solid #000; padding-bottom: 20px}

.page_singlerealizzazione .correlati .card {background-color: transparent; border:none; border-radius: 0px}
.page_singlerealizzazione .correlati .card img{border-radius: 0px}
.page_singlerealizzazione .correlati .card h3{color:#335563; font-weight: 500}
.page_singlerealizzazione .correlati .card .card-body{font-size: 18px; line-height: 24px}


/****************************************************************
                PAGINA SETTORI
****************************************************************/
.page_attivita .intro_pagina{     padding-top: 110px; background: linear-gradient(#335563 70%, #f5f5f5 30%);}
.page_attivita .intro_pagina .titoletto{color:#fff}
.page_attivita .intro_pagina h1{font-size: 75px; font-weight:  400}
.page_attivita .copertina{border-top: 1px solid #fff}
.page_attivita .copertina img{object-fit: cover; width:100%; height:100%}

.page_attivita .attivita h2{color:#335563; font-size: 40px; font-weight: 500}
.page_attivita .attivita .testo_sopra_pulsante{font-family: 'Arpona'; font-size: 20px; font-weight: 500; color:#335563}
.page_attivita .attivita hr{border-top: 2px solid #335563; padding: 50px 0}


/****************************************************************
              PAGINA CONTATTI
****************************************************************/


.page_contatti .intro a{color:#fff}
.page_contatti a:hover{font-weight: 900}
.page_contatti .intro { background:#335563; }
.page_contatti .blocco_intro{padding-top: 180px; position: relative;}
.page_contatti .blocco_intro p{font-size: 18px; font-weight: 300}
.page_contatti .blocco_intro .Rettangolo_bicolore{position: absolute; bottom: -139px; right: 50px; transform: translate(-43%, 0%);}

.page_contatti .contenuto_contatti a{color:#000}
.page_contatti .contenuto_contatti a:hover{font-weight: 900}
.page_contatti h2{color:#335563}
.page_contatti .citta{font-size: 60px}

/*.page_contatti .riga_social{border-bottom: 1px solid #335563; padding-bottom: 30px}*/


/*************************************************
                    SU DI NOI
******************************************************/

.page_sudinoi .sudinoi-lista-articoli a:hover, .page_sudinoi .intro_pagina a:hover{font-weight: bold;}
.page_sudinoi .intro_pagina{     padding-top: 110px; background: #335563}
.page_sudinoi .intro_pagina .titoletto{color:#fff}
.page_sudinoi .intro_pagina h1{font-size: 74px; font-weight:  400; line-height: 70px}
.page_sudinoi .intro_pagina .linea{margin-left: -28px}
.page_sudinoi .intro_pagina a{text-transform: uppercase; color:#fff}

.page_sudinoi .contenitore_anteprima{margin-bottom:250px;  background:#335563;}
.page_sudinoi .anteprima{position: relative; height: 540px;}
/*.page_sudinoi .immagine_home img { max-width: 600px; }*/
.page_sudinoi .anteprima .Rettangolo_bicolore{position: absolute; bottom: -139px; left: 25%; transform: translate(-43%, 0%);}

.page_sudinoi .occhiello{text-transform: uppercase;}
.page_sudinoi .articoli a{text-transform: uppercase; color:#000}
.page_sudinoi h3{color:#335563}

.page_sudinoi .contatti{background-color: #335563}

.page_sudinoi .articoli a:after,
.page_sudinoi .intro_pagina a:after {
content: "\276F";
height: 30px;
width: 30px;

position: absolute;
margin-left: 12px;
background-size: 12px;
margin-top: 0px;
}
/****************************************************************
                FOOTER
****************************************************************/
.footer {margin-top: 110px}
.footer .contenitore_rettangolo{position: relative;}
.footer .contenitore_rettangolo .rettangolo{position: absolute; bottom: -130px; left: 50%; transform: translate(-50%, -50%);}
.footer hr {border-bottom: 1px solid #707070;}
.footer h3{font-size: 15px; font-weight: 500; text-transform: uppercase;/* margin-bottom: 10px; padding-bottom: 16px;  border-bottom: 1px solid #707070;*/}
.footer p{font-size: 15px; font-weight: 300; color:#8e8e8e}
.footer a {font-size: 15px; font-weight: 500; color:#000; text-decoration: none}
.footer a:hover {color:#8e8e8e; cursor: pointer;}
.footer .social i{ font-size: 50px;
    color: chocolate;
    opacity: 0.6;
    font-size: 50px;
    transition: opacity 0.5s;}
.sottofooter p, .sottofooter a{color:#fff!important; font-size: 15px; font-weight: 300; margin-bottom: 0px!important}


.copyright p{color:#000; font-size: 13px; font-weight: 300}
.copyright a{font-weight: 300}


/****************************************************************
                CONTATTI
****************************************************************/
form p{margin-top: 35px;}
input[type="text"],  input[type="email"],  textarea, select{padding:3px 10px;border:1px solid #fff; border-bottom: 1px solid #004e7f; width:100%!important; }
textarea{ height: 130px;     border: 1px solid #004e7f!important; color:rgba(82,83,88,0.7)!important}
/*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 #004e7f; }

/*titolo delle singole celle....nome....mail...*/
.wpcf7-form p{font-size: 13.7px; color: #004e7f; font-weight: bold;}
/*pulsante invia del form*/

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

/*************************************************
          SCHERMO GRANDE
*************************************************/


@media (min-width: 1400px) {
  .home .contenitore_home {    margin-bottom: 250px;}
  .contenitore_fluido {    margin-left: calc((100vw - 1320px) / 2 + 12px)!important; /* xxl */  }
  /*contenitore gsap*/
  .main-container {    min-height: 30vh;}
  /*.page_contatti .blocco_intro .Rettangolo_bicolore {bottom:-142px;}*/
  /*.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {bottom: 101px}*/
  .page_singlerealizzazione .slider{margin-top: 4%}
  .page_singlerealizzazione .slider {    height: 950px;}
}

@media (min-width:1540px){

  /*contenitore gsap*/
  .main-container {    min-height: 35vh;}

  /*.home .blocco_intro .Rettangolo_bicolore {    bottom: -72px;}*/
 /*.home .blocco_intro .immagine_home img{width: 87%}*/
  /*.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {bottom: 111px}*/
  /*.home .aree_intervento .slider_area_intervento .splide__track{ padding-left: 0px !important;    padding-right: 366px !important;}*/
  .page_singlerealizzazione .slider{margin-top: 6%}
  .page_singlerealizzazione .slider {    height: 1100px;}
}
@media (min-width:1700px){

/*  .home .contenitore_home {   height: 80vh;}
  .home .blocco_intro .Rettangolo_bicolore {    bottom: -414px!important;}*/
  .home .blocco_intro .colonna_fissa {      margin-left: 145px;}
  /*.home .immagine_home img {width:45%}*/
  .home .aree_intervento .rettangolo_verde_bianco {    right: 493px;}

  .main-container { padding: 140px;  min-height: 30vh;}
  .page_singlerealizzazione .immagine img{width:85%}

  .page_singlerealizzazione .slider{margin-top: 8%}
  /*.home .blocco_intro .Rettangolo_bicolore {    bottom: -87px;}*/
  /*.home .blocco_intro .immagine_home img{width: 80%}*/
  /*.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {bottom: 119px}*/
 /* .home .colonna_splide{flex: 0 0 auto!important;    width: 91.66666667%!important;}
  .home .aree_intervento .slider_area_intervento .splide__track{ padding-left: 0px !important;    padding-right: 366px !important;}*/

}
@media (min-width:1810px){

  .page_singlerealizzazione .immagine img{width:85%}
  .page_singlerealizzazione .slider{margin-top: 14%}
  .home .aree_intervento .rettangolo_verde_bianco {    right: 554px;}
  /*.home .blocco_intro .Rettangolo_bicolore {    bottom: -93px;}*/
  /*.home .blocco_intro .immagine_home img{width: 80%}*/
  /*.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {bottom: 130px}*/
}

@media (min-width:2500px){
  /*home*/
  .home .colonna_fissa h1{font-size: 132px; line-height: 140px}
  .home .colonna_fissa{  /* margin-top: 200px;  */      margin-left: 395px!important; width: 630px !important;    flex: 0 0 630px !important;    max-width: 630px !important;}
  .home .contenitore_home {  /*height: 57vh;*/   margin-bottom: 250px;}
  /*.home .blocco_intro .Rettangolo_bicolore {    bottom:0px;    top: 83vh;}*/

/*single realizzazione*/

.page_singlerealizzazione .immagine img {    width: 80%;}
.page_singlerealizzazione .contenitore{ height: 900px; }
.page_singlerealizzazione .slider{margin-top: 15%}
.page_singlerealizzazione .blocco_intro .testo {  width:25%!important; right: 380px;  top: 200px; margin-left: 0px!important}
.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {    position: absolute;    top: 802px;}
}

@media (min-width:2800px){
  /*.home .contenitore_home {      height: 90vh;}*/
  .page_singlerealizzazione .splide {    margin-top: 22rem !important;}
  /*single realizzazione*/
  .page_singlerealizzazione .immagine img {    width: 78%;}
}
/*************************************************
          TABLET IPAD PRO
*************************************************/

@media (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {

  .home .blocco_intro .colonna_fissa {    margin-left: 36px;}
  /*.home .immagine_home img{   max-width: 100%; position: static;}*/
  .home .aree_intervento .colonna_titolo {padding-left: 15px!important}
  .home .aree_intervento .contenitore_fluido {   margin-left: 0!important }
  .home .aree_intervento .splide { margin-left: 1rem; margin-right: 1rem;  }
  .home .aree_intervento .splide .splide__slide{padding-right: 10px!important}

  /*single realizzazione*/

  .page_singlerealizzazione .contenitore{margin-bottom:100px; height: 573px; }
  .page_singlerealizzazione .blocco_intro h1 {    font-size: 56px !important;}
  .page_singlerealizzazione .blocco_intro {margin-left: 0rem!important}
  .page_singlerealizzazione .blocco_intro .immagine img{width:100%}
  .page_singlerealizzazione .blocco_intro .testo {    padding-top: 146px;}
  /*.page_singlerealizzazione .blocco_intro .immagine,
  .page_singlerealizzazione .blocco_intro .testo {position: relative!important;}
  .page_singlerealizzazione .intro { background: linear-gradient(#335563 78%, #f5f5f5 22%);}

  .page_singlerealizzazione .blocco_intro .content {    padding-top: 145px;}*/

  /*.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {   width: 0.8%;    bottom: 55px;}*/
}
/*************************************************
          TABLET IPAD AIR E MINI
*************************************************/
@media (max-width:1200px){
  .home .blocco_intro .Rettangolo_bicolore{display: none}
  .home .immagine_home.ms-auto{margin-left:inherit!important }

  /*single realizzazione*/
  .page_singlerealizzazione .blocco_intro .Rettangolo_bicolore{display: none}
  /*contatti*/
  .page_contatti .blocco_intro .Rettangolo_bicolore{display: none}

}


@media (max-width:1024px){


/*home*/
/*.home .contenitore_home{height: 50vh;}*/
.home .blocco_intro .Rettangolo_bicolore{display: none}
.home .immagine_home img{   max-width: 100%;}
.home .blocco_intro .row{    --bs-gutter-x: 0rem!important;}
.home .blocco_intro .colonna_fissa {    margin-left: 15px; margin-bottom: 50px}
.home .blocco_intro .colonna_fissa{width: 455px!important;     flex: 0 0 455px !important;    max-width: 455px !important;}
.home .intro h1 {    font-size: 75px;    line-height: 74px;}


.main-container {    min-height: 39vh;}
/*single realizzazione*/
.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore{display: none}
.page_realizzazioni .elenco_realizzazioni {    margin-top: -288px;}
.page_singlerealizzazione .blocco_intro .row{    --bs-gutter-x: 0rem!important;}
.page_singlerealizzazione .blocco_intro .testo{padding-top:140px; padding-left:35px!important; padding-right: 6px!important; margin-left: 0px!important}
.page_singlerealizzazione .blocco_intro h1{line-height: 63px}
  /*.page_singlerealizzazione .blocco_intro .immagine img{width:80%; }*/

}



@media (max-width:998px){


  /*per il menu centrato e grande*/
  .navbar{text-align: center!important}
  .navbar-brand{text-align: left!important}
  .navbar-collapse { height: 100vh!important; }
  .navbar-nav{    position: absolute;  top: 40%;  left: 54%;  transform: translate(-50%, -50%);}
  .navbar-nav li {    padding-bottom: 6px;}
  .bg-primary, .dropdown-menu, .dropdown-item {    background: #335563 !important;}

  /*traduttore*/
  .wpml-ls-item .dropdown-menu, .wpml-ls-item .dropdown-item {  background: transparent!important;    }
  .wpml-ls-item .dropdown-item {padding-left: 0px!important}
  .wpml-ls-item a{width:52%}/*{width:20%}*/
  .wpml-ls-menu-item a {margin:0 auto}
  .wpml-ls-item{margin-left: 13px!important}
  .wpml-ls-item .dropdown-menu{margin-left: 24px!important}
  #menu-item-wpml-ls-2-en  .dropdown-menu {        margin-left: 33px !important;    }
  .wpml-ls-menu-item .dropdown-menu{  margin-top: -24px !important;}
.wpml-ls-item{position: relative!important;}


  /*su di noi*/
  .page_sudinoi .intro_pagina .linea,
  .page_sudinoi .intro_pagina .Rettangolo_bicolore{display: none}
  .page_sudinoi .intro_pagina .immagine_home{padding-top: 20px}
  .page_sudinoi .anteprima {    height: 700px;}

/*************
    home
**********/


.home h1{line-height: 70px}
.home .Rettangolo_bicolore{display: none}
.home .jumbotron .contenuto {      padding-left: 20px;  }
.home .contenitore_home{    margin-bottom: 120px; /*height:900px;*/}
.main-container {    min-height: 75vh;}
.testo_intro{padding:25px 0}
/*.home .blocco_intro .colonna_fissa{width: 100%!important;     flex: 0 0 100% !important;    max-width: 100% !important;}*/
/*.home .intro {padding-left: 15px!important; padding-right: 15px!important}
.home .intro h1{font-size: 66px; line-height: 74px}
.home .intro .immagine_home{margin-top: 3rem}*/
.home .blocco_intro .immagine_home img{/*width: 100%*/}
.home .gruppo_approccio .rettangolo{width: 10%!important; padding-top: 4px; padding-bottom: 0px!important}
.home .gruppo_approccio .colonna_testo{padding-left: 15px!important}

.home .aree_intervento .rettangolo_verde_bianco {width:5%!important;  top: 4px;    right: 81px;}
.home .aree_intervento .colonna_titolo,
.home .aree_intervento .colonna_testo{padding-left: 13px!important}
.home .aree_intervento .slider_area_intervento .splide__track {padding-left: 0px!important; padding-right: 0px!important}
.home .aree_intervento .card img {    height: 38vw;}
.home .aree_intervento .riga_sotto_slider{padding-top: 0px!important}
.home .aree_intervento .testo_scopri {    padding-left: 30px;    text-align: left;}
.home .aree_intervento .colonna_pulsante{text-align: center; padding-top: 20px}

.home .aree_intervento .contenitore_fluido {   margin-left: 0!important }
.home .aree_intervento .splide { margin-left: 1rem; margin-right: 1rem;  }
.home .aree_intervento .splide .splide__slide{padding-right: 15px!important}

.home .realizzazioni_home h2{font-size: 38px; line-height: 44px}
.home .realizzazioni_home .rettangolo{width: 100%!important}
.home .realizzazioni_home .card {margin-right: 0px!important}

.home .realizzazioni_home .rettangolo {    width: 48%!important;}
.home .aree_intervento .rettangolo_verde_bianco {        width: 2% !important; top: 4px;right: 143px;}


/*************
  single realizzazioni attività
**********/
.desktop{display:none;}
.mobile{display:  inline-block}
.page_attivita .attivita .pari .rettangolo{display: none}

/*************
  single realizzazioni
**********/
/*single realizzazione*/
.page_singlerealizzazione .blocco_intro .immagine,
.page_singlerealizzazione .blocco_intro .testo {position: relative!important;}
.page_singlerealizzazione .blocco_intro .testo{margin-bottom: 40px}
.page_singlerealizzazione .blocco_intro .immagine img{width:100%}
.page_singlerealizzazione .blocco_intro .row{ display: flex!important;    flex-flow: column-reverse!important;}
.page_singlerealizzazione .contenitore{height:734px}
.page_singlerealizzazione .contenuto_pagina .colonna_testo {    margin-top: 33%; padding-left: 15px!important}
.page_singlerealizzazione .blocco_intro .Rettangolo_bicolore {    top: 634px;}
.page_singlerealizzazione .slider {    height: 650px;}
/*.page_singlerealizzazione .blocco_intro .immagine,
.page_singlerealizzazione .blocco_intro .testo {position: relative!important;}
.page_singlerealizzazione .blocco_intro h1{font-size: 46px!important}
.page_singlerealizzazione .Rettangolo_bicolore{display: none}
.page_singlerealizzazione .intro {    background: linear-gradient(#335563 79%, #f5f5f5 30%);}
.page_singlerealizzazione .blocco_intro .row{ display: flex!important;    flex-flow: column-reverse!important;}
.page_singlerealizzazione .contenuto_pagina .colonna_testo {    margin-top: 354px;}*/
/*************
  contatti
**********/
.page_contatti .blocco_intro{padding-left: 15px!important; padding-right: 15px!important}
.page_contatti .blocco_intro .immagine_intro .float-end{float:none!important}
.page_contatti .blocco_intro .Rettangolo_bicolore{display: none}
/*************
  footer
**********/
.footer .contenitore_rettangolo .rettangolo {    bottom: -70px;}
}




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

@media (max-width:767px){


.desktop{display:none;}
.mobile{display:  inline-block}
main {      margin-top: -150px !important;  }
h1{font-size: 62px!important; line-height: 70px}
h2{font-size: 32px!important; line-height: 40px!important}
.btn{padding: 5px 30px 5px 36px}
/*************
    menu
**********/
.container_header{margin-left: 0px!important; margin-right: 0px!important}
.navbar-brand{ width:220px;}
.navbar-brand img {padding-top: 10px; padding-bottom: 5px; width: 90%;}

.bg-primary, .dropdown-menu, .dropdown-item {    background: #335563 !important;}

.nav-link{padding-left:0px!important; font-size: 22px}

.navbar-nav .dropdown-menu { position: absolute;}
/*traduttore*/
.wpml-ls-item .dropdown-menu, .wpml-ls-item .dropdown-item {  background: #fff!important;    }
.wpml-ls-item .dropdown-item {padding-left: 0px!important}
.wpml-ls-item a{width:52%}/*{width:20%}*/
.wpml-ls-menu-item a {margin:0 auto}
.wpml-ls-item{margin-left: 13px!important}
.wpml-ls-item .dropdown-menu{margin-left: 24px!important}
#menu-item-wpml-ls-2-en  .dropdown-menu {        margin-left: 33px !important;    }
.wpml-ls-menu-item .dropdown-menu{  margin-top: 0px !important;}


/*************
    home
**********/
/*.home .contenitore_home {        height: 130vh;    }*/
.home .intro {padding-left: 15px!important; padding-right: 15px!important}
.home .blocco_intro .colonna_fissa h1{font-size: 66px; line-height: 74px!important}
.home .blocco_intro .colonna_fissa {    margin-left: 3px;    margin-bottom: 50px;}
.home .intro .immagine_home{margin-top: 3rem}

.home .gruppo_approccio .rettangolo{width: 8%!important; padding-top: 40px; padding-bottom: 0px!important}

.home .aree_intervento .rettangolo_verde_bianco {width:5%!important;  top: 4px;    right: 81px;}
.home .aree_intervento .colonna_titolo,
.home .aree_intervento .colonna_testo{padding-left: 13px!important}
.home .aree_intervento .slider_area_intervento .splide__track {padding-left: 0px!important; padding-right: 0px!important}
.home .aree_intervento .card img {    height: 109vw;}
.home .aree_intervento .riga_sotto_slider{padding-top: 0px!important}
.home .aree_intervento .testo_scopri {    padding-left: 30px;    text-align: left;}
.home .aree_intervento .colonna_pulsante{text-align: center; padding-top: 20px}

.home .aree_intervento .contenitore_fluido {   margin-left: 0!important }
.home .aree_intervento .splide { margin-left: 1rem; margin-right: 1rem;  }
.home .aree_intervento .splide .splide__slide{padding-right: 0px!important}

.home .realizzazioni_home h2{font-size: 38px; line-height: 44px}

.home .realizzazioni_home .rettangolo{width: 100%!important}
.home .realizzazioni_home .card {margin-right: 0px!important}
/*************
    pagina chi siamo
**********/

.page_chisiamo .contenuto_chisiamo .rettangolo{width: 100%!important}
.page_chisiamo .contenuto_chisiamo .testo_destra{margin-top: 4rem!important}
.page_chisiamo .mobile{display: none}
.page_chisiamo .contatti .testo_contatti p{text-align: left!important; margin-bottom: 20px}
.page_chisiamo .contatti .bottone_contatti{text-align: center!important;  }

/*************
  settori
**********/
.page_attivita .intro_pagina {    background: linear-gradient(#335563 86%, #f5f5f5 30%);}
.page_attivita .attivita  .sottotesto,
.page_attivita .attivita  .testo{padding-top: 0px!important; padding-bottom: 2rem!important}
.page_attivita .attivita .rettangolo{width: 75%}
.page_attivita .attivita hr { padding: 0;}

/*************
  realizzazioni
**********/
.page_realizzazioni .intro_pagina .row,
.page_realizzazioni .intro_pagina .testo{padding-bottom: 0px!important}
.page_realizzazioni .elenco_realizzazioni #blocco-card{margin-top: 0px!important}
.page_realizzazioni .intro_pagina h1{font-size: 55px!important}
.page_realizzazioni .blocco_finale .card-img{height: 550px!important}
.page_realizzazioni .blocco_finale .card-img-overlay { width: 90%;   top: 38%;   left: 48%;}
.page_realizzazioni  .card {padding-right: 0px!important}


/*************
  single realizzazioni
**********/
.page_singlerealizzazione .blocco_intro h1{font-size: 44px!important}
.page_singlerealizzazione .Rettangolo_bicolore{display: none}

.page_singlerealizzazione .blocco_intro .row{    --bs-gutter-x: 0rem!important;}
.page_singlerealizzazione .blocco_intro .testo{padding-left:29px!important; padding-right: 6px!important; margin-left: 0px!important;padding-top: 170px;}
/*.page_singlerealizzazione .blocco_intro .testo{padding-left: 15px;   padding-right: 16px;  margin-left: 20px !important;}*/
.page_singlerealizzazione .contenuto_pagina .colonna_testo {    margin-top: 33%;}
.page_singlerealizzazione .blocco_intro .immagine{padding-left: 20px!important; padding-right: 20px!important; left:0px!important}
.page_singlerealizzazione .contenitore {    height: 825px;}
.page_singlerealizzazione .contenuto_pagina .rettangolo{width: 5%!important; padding-left: .5rem !important;}

/*.page_singlerealizzazione .contenuto_pagina .seconda_riga{ display: flex!important;    flex-flow: column-reverse!important;}*/
.page_singlerealizzazione .secondo_blocco_testo{padding-bottom: 0px!important}
.page_singlerealizzazione .secondo_blocco_testo .rettangolo{display: none}
.page_singlerealizzazione .splide{padding-left: 0px!important; padding-right: 0px!important}
.page_singlerealizzazione .splide__slide {margin-left: 0px!important; margin-right: 0px!important}
.page_singlerealizzazione .splide__slide  .immagine_splide{width: 91%!important}
.page_singlerealizzazione .splide__slide  .splide__arrow{height: 1.8em; width:1.8em}
.page_singlerealizzazione .splide__arrow--prev, .page_singlerealizzazione .splide__arrow--next  {right: 0px!important}

/*************
  contatti
**********/
.page_contatti .blocco_intro .icone{width: 75%}
.page_contatti .riga_contatti{margin-bottom: 10px}
.page_contatti .blocco_intro{padding-left: 15px!important; padding-right: 15px!important}
.page_contatti .contenuto_contatti .riga_invertita{ display: flex!important;    flex-flow: column-reverse!important;}
.page_contatti .colonne_immagini{padding-bottom: 20px!important}
.page_contatti .contenuto_contatti .icone{width: 60%}
/*************
  su di noi
**********/
.page_sudinoi .intro_pagina h1{font-size: 42px!important; line-height: 50px!important}
.page_sudinoi .anteprima {    height: 700px;}
.page_sudinoi .riga_contatti{padding-left: 15px!important; padding-right: 15px!important}
.page_sudinoi .riga_contatti img{padding-top: 40px}
.page_sudinoi .sudinoi-lista-articoli{padding-top:260px!important;}
/*************
  footer
**********/
.footer .contenitore_rettangolo .rettangolo{  width:4%!important;  bottom: -73px;}
.footer .logo{margin-top: 6rem!important}
.footer .certificato img{width: 100%}

}















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