/* == css per la lista dei risultati di ricerca == */
/* css per la lista articoli nei risultati di ricerca */
#search-result-list li {
    border-top: solid 1px lightgray;
    padding: 10px 0;
    margin-bottom: 10px;
    overflow: hidden;
}
/* css per le immagini nei risultati di ricerca */
#search-result-list img {
    max-width: 150px;
    float: left;
    margin-right: 20px;
    border: solid 1px lightgray;
}
#search-result-list h4 {
    font-size: 1.2rem;
}
/* == FINE css per la lista dei risultati di ricerca == */
/* la pagina di ricerca cancellava il margin-botto dal tag p...! classe pagina inserita nella voce di menu dedicata */
.search-page p {
  margin-bottom: 1rem !important;
}
/* css moduli news home page fatti col core di Joomla */
.mod-articlesnews.newsflash {
    margin-top: 20px;
}
.mod-articlesnews__item {
    border-top: solid 1px #DBDBD9;
    margin-bottom: 40px
}
h4.newsflash-title {
    font-size: 1.35rem;
}
.mod-articlesnews__item h2, .mod-articlesnews__item h1, .mod-articlesnews__item h3 {
    font-size: 1rem !important;
}
p.news-data {
  font-size: .8rem !important;
  margin-top: .3rem;
  color: gray;
  font-weight: 600;
}
p.news-data .fa-calendar {
  padding-right: .4rem;
}
/* modulo cerca in top3 desktop e user3 mobile*/
#sp-top3 .awesomplete {
    display: block;
}
#sp-user3 .awesomplete {
    display: block;
}

/* utilizzato nel modulo in posizione title nella Home Page */
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* css readmore */
.article-list .article .readmore {
  font-size: 1rem;
  background-color: #017E8D;
  text-align: center;
  border: solid 1px #017E8D;
  padding: 0 7px 3px;
  border-radius: .25em;
  display: inline-block;
}
.article-list .article .readmore:hover {
  background-color: #161E1F;
  border: solid 1px #161E1F;
}
.article-list .article .readmore a {
  color: white !important;
  font-weight: 500;
}
/* FINE css readmore */
/* == TIPOGRAPHY == */
/* h1 personalizzato per modulo in pos user2 testo: Il primo blog ecc. ecc. */
#textbanner h1{
    font-size: 2rem !important;
    letter-spacing: 1px;
    color: white;
    text-align: center;
    margin-bottom: 0rem;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}
@media only screen and (min-width: 993px) and (max-width: 1200px){
  #textbanner h1{
    font-size: 1.5rem !important;
    letter-spacing: .3px !important;
    color: white;
    text-align: center;
    margin-bottom: 0rem;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}
}
@media only screen and (min-width: 993px) and (max-width: 1200px){
  #sp-header {
    top: 108px !important;
    position: fixed;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
  #textbanner h1{
    font-size: 1.2rem !important;
    letter-spacing: .3px !important;
    color: white;
    text-align: center;
    margin-bottom: 0rem;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
  #sp-header {
    top: 100px !important;
    position: fixed;
}
}
@media only screen and (max-width: 768px) {
  #textbanner h1{
    font-size: 1rem !important;
    letter-spacing: .3px !important;
    color: white;
    text-align: center;
    margin-bottom: 0rem;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}
}


/* VOCI DI MENU PRINCIPALE */
/* modifica al padding delle voci di menu (messe anche tutto maisculo). Sono molte e lunghe e la soluzione è solo provvisoria, da sistemare a risoluzioni tablet, ma senza grandi possibilità di uscita senza avere voci di menu con testo molto piccolo... Perchè non fare un bel megamenu? */
.sp-megamenu-parent > li > a {
    display: inline-block;
    padding: 0 10px;
    line-height: 100px;
    font-size: 12px !important;
    margin: 0;
    color: white;
    /*text-transform: uppercase !important;*/
}
.sp-megamenu-parent > li:hover > a {
    color: white;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: white;
}
/* impostato a 0 il margin per allineare a dx il menu col margine dx del container */ 
.sp-megamenu-parent {
    margin: 0; /* era 0 -15px */
}
/* modifica padding ultima voce di menu a destra! (altrimenti scentrata con la sottolineatura) */
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 15px 0px 15px;
}
/* FINE VOCI DI MENU PRINCIPALE */

/* CSS SOTTOLINEATURA CON ANIMAZIONE VOCI DI MENU */
.sp-megamenu-parent > li > a:before {
    content: "";
  position: absolute;
  width: 90%;
  height: 5px;
  bottom: 0;
  left: 5%; /* il 10% diviso 2 del 10% che manca al width sopra che era 100% */
  background: #161E1F; /* era #FFCD01 */
  visibility: hidden;
  border-radius: 0px;
  transform: scaleX(0);
  transition: .25s linear;
}
.sp-megamenu-parent > li > a:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

.sp-megamenu-parent > li.active > a:before {
    content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: #161E1F; /* era #FFCD01 */
  visibility: visible;
  border-radius: 0px;
  transform: scaleX(1);
  transition: .25s linear;
}
/* FINE CSS SOTTOLINEATURA CON ANIMAZIONE VOCI DI MENU */

/* == STYILING HEADER == */
/* colore background header-menu */
#sp-header {
    background: #017E8D; /* era #4d4d4d */
}
/* eliminato il box-shadow */
#sp-header {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.50);
}
/* inserito un border-bottom */
#sp-header {
    border-bottom: solid 5px #C32A83; /* era #e7a033 */
}
/* == STYILING HEADER == */
/* == CSS HEADER AD ALTEZZA VARIABILE == */
/*
#sp-header.header-sticky { 
height: 70px; 
}
#sp-header.header-sticky .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, #sp-header.header-sticky #offcanvas-toggler { 
line-height: 70px; 
}
#sp-header.header-sticky .logo-image { 
height: 60px; 
    margin-bottom: 30px;
}
*/
/* == CSS HEADER A LARGHEZZA VARIABILE == */

/* == CSS MODULI POS RIGHT == */
/* diminuito il font-weight (era 700); messo a 20 il margin-bottom che è la distanza del contenuto del modulo dalla linea grigia sotto il titolo; eliminato il border-bottom */
#sp-right .sp-module .sp-module-title {
    margin: 0 0 20px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: none;
    color: #736357;
    font-style: italic;
}
/* tolto il border attorno al modulo; diminuito il margin-top (era 50px) avvicinando così un po' i moduli */
#sp-right .sp-module {
    margin-top: 30px;
    border: 0px solid #f3f3f3;
    padding: 10px;
    border-radius: 0px;
}
/* la lista (modulo tag) era block!; tolto il border-bottom */
#sp-right .sp-module ul > li
{
    display: inline-block;
    border-bottom: 0px solid #f3f3f3;
    padding-right: 5%;
}
/* == END CSS MODULI POS RIGHT == */
/* css titolo moduli in posizione NON right tipo lettori soddisfatti pagina chi siamo*/
h3.sp-module-title {
    margin: 40px 0 0;
    padding-bottom: 0px;
    /*font-size: 1.5rem;*/
    font-weight: 600;
    border-bottom: none;
    color: #736357;
}  
/* == CSS TOP BAR == */
#sp-topbar {
    background-color: #C32A83; /* era #e7a033 */
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    padding: 5px;
    /*height: 48px;*/
} 
/* regola per top bar per avere le tre posizioni allineate alla risoluzione 768-991px */
#sp-topbar .row {
    flex-wrap: nowrap;
}
#sp-header {
    top: 120px; /* somma delle due barre sopra header-menu */
    position: fixed;
}

/*#sp-header.header-sticky {
        top: 120px !important; /* somma delle due barre sopra header-menu */
}*/
#sp-section-3 {
        padding-top: 70px !important;
}
/* == CSS SEZIONE UPHEADER == */
#sp-upheader {
    background-color: #161E1F; /* era #736357 */
    position: fixed;
    z-index: 99; /*era 9999 */
    width: 100%;
    top: 48px;
    padding: 12px 0;
}
/* == CSS SEZIONE UNDERHEADER == */
#sp-underheader {
    margin-top: 120px;
}
.sp-underheader .none {
    padding-top: 0px !important;
}
/* == ICONE SOCIAL IN POSIZIONE TOP2 NELLA TOP BAR */
/* classe per il div con le icone */
.socialtopbar {
    float: right; 
    line-height: 38px;
}
/* questi i css per i link delle icone social */
#socialtop3 a {
    color: #FFFFFF !important; /* era #F0F0F0 */
}
#socialtop3 a:hover {
    color: #F0F0F0 !important; /* #9D9D9D */
}
/* == END ICONE SOCIAL IN POSIZIONE TOP2 NELLA TOP BAR */
/* == MODULO LINK SOLOAFFITTI POS TOP1 NELLA TOP BAR */
#soloaffitti {
    font-size: 1.5rem !important;
    letter-spacing: 1px; 
}
#soloaffitti a {
    color: #FFFFFF !important;
}
#soloaffitti a:hover {
    color: #F0F0F0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  #soloaffitti {
    font-size: 1.3rem !important;
}
}
/* == END MODULO LINK SOLOAFFITTI POS TOP1 NELLA TOP BAR */
/* css per la posizione "slide" dove stanno le immagini di testata!!! */
#sp-slide {
    margin-bottom: -270px;
    margin-top: 200px;
}
/* prova classe custom per background-color, testo e link modulo Argomenti caldi sostituita dalla classe qui sotto! */
.bgcolor {
    background-color: #1A3867;
    border-radius: 0px;
    color: white;
}
.bgcolor a {
    color: white !important;
}
.bgcolor a:hover {
    color: #999999 !important;
}
/* prova classe custom per background-color, testo e link modulo Argomenti caldi SOSPESO! */
/*.tagspopular {
     background-color: #009AD5;
     padding: 10px;
     border: solid 1px #009AD5;
     border-radius: .25rem;
    }
.tagspopular a {
     background-color: #009AD5;
     padding: 5px;
     color: white !important;
    }*/
/* == CSS BACKGROUND-COLOR TESTO E LINK MODULO NEWSLETTER == */
.newsletter {
    background-color: #dcd7d5;
    border-radius: 0px;
    color: #4d4d4d;
}
.newsletter a {
    color: #4d4d4d !important;
    text-decoration: underline;
}
.newsletter a:hover {
    color: #4d4d4d !important;
}
/* css per inserire l'icona sul titolo modulo!!! */
.newsletter .sp-module-title:after {
    content: url('/../images/GP/newsletter30.png');
    float: right;
}    
/* centare bottone iscriviti */
.acysubbuttons {
  text-align: center;
  padding-top: 8px;
}
/* == FINE CSS BACKGROUND-COLOR TESTO E LINK MODULO NEWSLETTER == */
.puntopartner {
    padding: 0px !important;
}
/* prova classe custom per border modulo tweet feed */
.tweetmodule {
    border-radius: 0px;
    border: solid 2px #1A3867;
    margin: 0px -5px 0px -5px;
}

/* solita riduzione del padding top e bottom del content! */
#sp-main-body {
    padding: 50px 0;
}
#sp-title {
    margin-top: 120px;
}
.sp-title .zero {
    margin-top: 0px !important;
}
/* messo un grigetto chiaro al modulo breadcrumb */
.breadcrumb {
    background-color: #F0F0F0;
    border-radius: .375rem; /* era 0px */
    padding: .5rem 1rem;
    margin-bottom: 2rem;
}
/* == CCS BOTTONE MODULO NEWSLETTER */
.acysubbuttons .btn-primary {
    border-color: #C32A83; /* era #060606 */
    background-color: #C32A83; /* era #060606 */
    color: white;
    width: 70%;
    text-transform: uppercase;
    border-radius: 20px;
}
/* == CSS ASPETTO TAG == */
.tags > li a {
    font-size: 1.2rem;
    padding: 0.1rem 1rem;
    border-radius: 0;
    border: solid 1px #8e8e8e;
    background-color: transparent !important;
}
.tags > li a:hover {
    background: #4d4d4d !important;
}
/* css per il div dei tag sotto gli articoli */
.tags {
    padding: .5rem 0 2rem;
    margin: 0;
    display: none;
}
/* == FINE CSS ASPETTO TAG == */
/* CSS VOCI MENU BLOG */
.article-list .article .article-intro-image {
    margin: -20px 20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #D3D3D3; /* era #f5f5f5 */
    overflow: hidden;
}
.article-introtext, h1 {
    font-size: 1.5rem !important;
    font-weight: 300;
}
.article-introtext, p {
    font-size: 1rem !important;
}
/* titoli degli articoli visualizzazione blog in home messi in maiuscolo e rimpiccioliti (era 24px) */ 
.nspArt h4.nspHeader {
    font-size: 1.35rem !important;
    /*text-transform: uppercase !important;*/
    font-weight: 600;
}
.nspArt h4.nspHeader a {
    text-decoration: none;
    color: black;
}
@media (max-width: 800px) {
	.nspArts,
	.nspLinksWrap {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		padding: 0 3px !important;
		position: relative;
	}
}
/* staccato il testo dall'immagine nella visualizzazione degli articoli */
.article-details .article-full-image {
    text-align: left;
    margin-bottom: 1rem;
    margin-right: 1rem;
}
/* ho tolto anche la caption sotto l'immagine che nel loro sito non c'è */
p.img_caption {
    display: none !important;
}
/* allineata data, categoria e autore */
.nspAvatar {
    display: inline-block;
}
/* custom read more articoli blog */
.nspArt .fright {
    float: right !important; /* l'avevo messo a sx, ma nel layout a due colonne sta meglio a dx */
    color: white;
    background-color: #008fc6;
    padding: 0 3px 3px 3px;
    margin-top: 10px;
    border: 1px solid #008fc6;
    border-radius: .25rem;
}

/* custom read more articoli blog TEST SUFFIX MODULE E FUNZIA BENISSIMO!!!*/
.artletti .nspArt .fright {
    float: left !important;
    color: white;
    background-color: #008fc6;
    padding: 0 3px 3px 3px;
    margin-top: 10px;
    border: 1px solid #008fc6;
    border-radius: .25rem;
    width: 50%;
    text-align: center;
    display: none;
}

.titlemodule  {
    background-color: #F0F0F0;
    border-radius: 0px;
    padding: .5rem 1rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    border: 1px solid #F0F0F0;
    border-radius: .25rem;
    font-weight: 400;
}

/* == CSS COMMENTI == */
/* titolo box commenti */
#kt .kt-title-bar__title {
    margin: 0;
    padding-bottom: 0px;
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: none;
    color: #736357;
}
/*tolta riga sotto al titolo */
#kt .kt-title-bar {
    padding-bottom: 0;
    margin-bottom: 20px;
    border-bottom: 0px solid #ddd;
}
/* titolo form per invio commenti */
#kt .kt-form-title {
    margin: 40px 0 20px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    border-bottom: none;
    color: #736357;
}
/* margin-bottom al form invio commenti */
.formArea.kmt-form-area {
    margin-bottom: 70px !important;
}
/* aspetto bottone invia commento */
#kt .btn-kt-primary {
    color: #fff !important;
    background-color: #060606 !important;
    border-color: #060606 !important;
    text-transform: uppercase !important;
    border-radius: 0;
    font-size: 1rem;
    letter-spacing: 1px;
}
#kt .btn-kt-primary:hover {
    color: #4D4D4D !important;
    background-color: #F1B435 !important;
    border-color: #F1B435 !important;
}
/* == FINE CSS COMMENTI == */
/* IMAGE HOVER EFFECT */
    /********* Simple or original overlay *******/
    /* Main container */
    .overlay-image {
     position: relative;
     width: 100%;
    }
    /* Original image */
    .overlay-image .image {
     display: block;
     width: 100%;
     height: auto;
    }
    /* Original text overlay */
    .overlay-image .text {
     color: #fff;
     font-size: 30px;
     line-height: 1.5em;
     text-shadow: 2px 2px 2px #000;
     text-align: center;
     position: absolute;
     top: 20%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
    }
    /********* Overlay on hover *******/
    /* New overlay on hover */
    .overlay-image .hover {
     position: absolute;
     top: 0;
     height: 88%;
     width: 100%;
     opacity: 0;
     transition: .5s ease;
    }
    /* New overlay appearance on hover */
    .overlay-image:hover .hover {
     opacity: 1;
    }
    /********* Background and text only overlay on hover *******/
    .overlay-image .normal {
     transition: .5s ease;
    }
    .overlay-image:hover .normal {
     opacity: 0;
    }
    .overlay-image .hover {
     background-color: rgba(0,0,0,0.5);
    }

/*
@media only screen and (max-width:992px) {
  #sp-top3 {
    width: 50%;
   }
}
@media only screen and (max-width:992px) {
  #sp-top2 {
    width: 50%;
  }
}

@media only screen and (max-width:400px) {
  #sp-top3 {
    width: 40%;
   }
}
@media only screen and (max-width:400px) {
  #sp-top2 {
    width: 60%;
  }
}
*/

/* css per togliere il modulo "ultimi articoli" dalla home page dato che sospendendolo scompaginava completamente tutti i moduli di news show pro gk5 che stavano sopra, e non si capisce perché... */
.lastarticle {
    display: none;
}

/* ===================== CSS IMMAGINI TESTATA POSIZ SLIDE =========================== */
/* MERCATO DELL'AFFITTO */
.divmercatoaffitto {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgmercatoaffitto {
    background-image: url('/../images/images/mercato-affitto.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* COME FUNZIONA L'AFFITTO */
.divcomefunzionaaffitto {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgcomefunzionaaffitto {
    background-image: url('/../images/images/come-funziona-affitto.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* NORMATIVA E FISCO */
.divnormativafisco {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgnormativafisco {
    background-image: url('/../images/images/normativa-fisco.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 35% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* CONTATTI */
.divcontatti {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgcontatti {
    background-image: url('/../images/images/contatti.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* CHI SIAMO */
.divchisiamo {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgchisiamo {
    background-image: url('/../images/images/chi-siamo.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* TENDENZE DI CASA */
.divtendenzecasa {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgtendenzecasa {
    background-image: url('/../images/GP/tendenze-di-casa.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* FACCIAMO IL PUNTO */
.divfacciamoilpunto {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: #E7A033;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgfacciamoilpunto {
    background-image: url('/../images/GP/facciamo-il-punto.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* NEWS */
.divnews {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgnews {
    /* background-image: url('/../images/GP/news.jpg');  immagine in background del div contenitore */
    background-image: url('/../images/GP/news.jpg');
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* NEWSLETTER */
.divnewsletter {
    height: 60vh !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    color: white;
}
@media only screen and (max-width: 440px) {
  p.mobile {
    font-size: 3rem !important;
}
}
@media only screen and (min-width: 441px) {
  p.mobile {
    font-size: 4rem !important;
}
}
@media only screen and (max-width: 440px) {
  .mobilemargin {
    margin-left: 10vw;
}
}
@media only screen and (min-width: 441px) {
  .mobilemargin {
    margin-left: 20vw;
}
}
.bgnewsletter {
    background-image: url('/../images/GP/newsletter-header.jpg'); /* immagine in background del div contenitore */
    height: 100%;
    background-position: 25% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* ===================== FINE CSS IMMAGINI TESTATA POSIZ SLIDE =========================== */


/* MOBILE LAYOUT!!! */
/* posizione del cerca sotto l'header */
#sp-mobilesearch {
    margin-top: 98px;
    background-color: #C32A83; /* era #e7a033 */
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 5px 0px 8px 0px;
}
/* posizione slogan h1 sotto il cerca */
#sp-mobileslogan {
    background-color: #161E1F; /* era #736357 */
    z-index: 9999;
    width: 100%;
    margin-top: 148px;
    padding: 5px 0;
}
@media only screen and (max-width: 768px) {
  #sp-header {
    top: 0px;
    position: fixed;
}
}
@media only screen and (max-width: 768px) {
#sp-underheader {
    margin-top: -110px;
}
}
@media only screen and (max-width: 768px) {
#sp-component {
    margin-top: 240px;
}
}
@media only screen and (max-width: 768px) {
#sp-immagine-testata {
    margin-top: -220px;
}
}

#offcanvas-toggler > .fa {
    color: #fff;
}
#offcanvas-toggler > .fa:hover {
    color: #F9B233; 
}

/* == OFFCANVAS MENU == */
.offcanvas-menu {
background-image: linear-gradient(140deg, #E7A033 50%,
#736357 calc(50% + 2px));
height: 100vh;
width: 300px;
    }
.offcanvas-menu .offcanvas-inner {
    margin-top: 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    padding: 0.25rem 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: white;
}


/* == FOOTER == */
#sp-footer {
    background: #4d4d4d;
}
.logofooter {
    max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .logofooter {
    max-width: 50%;
}
}
.titlefooter {
    color: #f9b234;
    font-size: 1.2rem !important;
    font-weight: 600;
}
.justify {
    text-align: justify;
    text-justify: inter-word;
}
@media only screen and (min-width: 768px) {
  .hiddenmobile {
    display: none;
}
}
/* classe per il div con le icone */
.socialtopbarmobile {
    line-height: 38px;
}
/* questi i css per i link delle icone social */
#socialtop3mobile a {
    color: #FFFFFF !important; /* era #F0F0F0 */
}
#socialtop3mobile a:hover {
    color: #9D9D9D !important; /* #9D9D9D */
}
#soloaffittimobile {
    font-size: 1.1rem !important;
    letter-spacing: .5px; 
}
#soloaffittimobile a {
    color: #FFFFFF !important;
}
#soloaffittimobile a:hover {
    color: #F0F0F0 !important;
}
/* == CSS PER PAGINAZIONE == */
@media only screen and (max-width: 767px) {
  .pagination-wrapper {
    flex-wrap: wrap !important;
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 767px) {
  .pagination {
     padding-bottom: 10px !important;
  }
}

@media only screen and (max-width: 499px) {
  .pagination {
    height: 100px !important;
  }
}

@media only screen and (max-width: 499px) {
  .pagination {
    flex-wrap: wrap !important;
    align-content: space-between !important;
  }
}
/* == FINE CSS PER PAGINAZIONE == */

/* == NUOVO CSS DICEMBRE 2020 == */
/* messo in bianco il link alla privacy nel modulo newsletter a comparsa */
#rstbox_3 a {
  color: white !important; 
  text-decoration: underline;
 }
/* icona newsletter nel modulo newsletter a comparsa */
 .rstbox-header:after {
    content: url('/../images/GP/newsletter-chiara.png');
    float: right;
}
.nascondi .breadcrumb {
    display: none;
}