/* utilizzato nelle quattro immagini in riga nella home */
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
/* ho dovuto aggiungere questa regola perchè i css di rsform modificavano il font delle voci di menu nella pagina contatti... */
body {
    font-family: 'Mukta', sans-serif !important;
    font-style: normal !important;
}

/* == CSS PER IL FONT DELLE VOCI DI MENU == */
/* Tutte maiuscole le voci di menu principale. Quelle dei submenu restano con la sola prima lettera maiuscola. aumentato il font-weight */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px !important; 
}
/* Aumentato il font-weight anche della voce di menu attiva */
.sp-megamenu-parent > li.active > a {
    font-weight: 700;
    font-size: 13px !important; 
}
/* diminuito il padding dx sx delle voci di menu - era 15px */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 14px !important;
}
 @media (max-width: 1199px) {  
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 5px !important;
}
}

/* == FINE CSS PER IL FONT DELLE VOCI DI MENU == */


/* == CSS PER LA SOTTOLINEATURA DELLE VOCI DI MENU == */
.sp-megamenu-parent > li > a {
  text-decoration: none;
  display: inline-table;
}

.sp-megamenu-parent > li > a:hover:after {
  content: "";
  border-bottom: 0.2em solid #000;
  display: table-caption;
  caption-side: bottom;
  position: relative;
  margin-top: -1.3em;
  margin-left: 0.4em;
  margin-right: 0.4em;
}

.sp-megamenu-parent > li > a:hover {
  color: #000 !important;
}

.sp-megamenu-parent > li.active > a:after {
  content: "";
  border-bottom: 0.2em solid #000;
  display: table-caption;
  caption-side: bottom;
  position: relative;
  margin-top: -1.3em;
  margin-left: 0.4em;
  margin-right: 0.4em;
}

.sp-megamenu-parent > li.active > a {
  color: #000 !important;
}
/* == FINE CSS PER LA SOTTOLINEATURA DELLE VOCI DI MENU == */

/* == CSS PER HEADER IN TRASPARENZA SULL'IMMAGINE == */
#sp-header { 
background: rgba(255,255,255,0.3)	
; 
height: 60px; 
box-shadow: 0 0px 0px; 
}
#sp-header.header-sticky { 
position: fixed; 
z-index: 9999; 
background: #ffffff; 
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
transition: all ease-out 0.6s;
-webkit-transition: all ease-out 0.6s;
}
#sp-slide { 
min-height: 0; 
margin-top: -60px; 
}
/* == FINE CSS PER HEADER IN TRASPARENZA SULL'IMMAGINE == */
/* css custom link footer */
#sp-footer a {
   color: white;
}
/* Ridotto a 50px il solito padding top e bottom del container che di default è di 100px! ByGP */
#sp-main-body {
    padding: 50px 0 !important;
}

.breadcrumb {
    background-color: transparent !important;
    padding: .75rem 0rem !important;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #462E44;
    border-color: #462E44;
}

/* == HOVER IMAGE EFFECT! == */
/* utilizzato nelle quattro immagini in riga nella home */
/********* 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: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

/********* Overlay on hover *******/

/* New overlay on hover */
.overlay-image .hover {
 position: absolute;
 top: 0;
 height: 100%;
 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);
}
/* == FINE HOVER IMAGE EFFECT! == */

/* == custom css per simple portfolio ByGP */
/* eliminato la visualizzazione dei tag che era del tutto inutile... */
.sp-simpleportfolio-tags {
 display: none;
}
/* messo a tutta pagina - era 65% - la larghezza del testo dell'articolo del portfolio */
.sp-simpleportfolio .sp-simpleportfolio-description {
    width: 100% !important;
    float: left;
}
/* eliminato il bottone zoom per il lightbox dell'immagine di anteprima del portfolio */
.btn-zoom {
 display: none !important;
}
/* == FINE custom css per simple portfolio ByGP */

/* == ICONE SOCIAL IN POSIZIONE TOP3 NELL'HEADER */
/* classe per il div con le tre icone nell'header in posizione top3 */
.social {
    float: right; 
    line-height: 50px;
}
/* questi i css per i link delle icone social - il colore hover è il rosso mattone del nuovo logo */
#socialtop3 a {
    color: black !important;
}
#socialtop3 a:hover {
    color: #6D0202 !important;
}
/* == FINE ICONE SOCIAL IN POSIZIONE TOP3 NELL'HEADER */

/* == LINK CUSTOM ICONE SOCIAL OFFCANVAS == */
#socialoffcanvas a {
    color: #717372 !important;
}
#socialoffcanvas a:hover {
    color: #6D0202 !important;
}
/* == FINE LINK CUSTOM ICONE SOCIAL OFFCANVAS == */



/* == CUSTOM CSS OFFCANVAS == */
/* immagine di sfondo */
.offcanvas-menu {
    background-color: #fff;
    color: #252525;
    background-image: url('/../images/Offcanvas-Background.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    border-left: solid 2px #000;
}
/* aumentato il margine dal bordo superiore dell'offcanvas */
.offcanvas-menu .offcanvas-inner {
    margin-top: 10%;
}
/* hamburger menu che resta nero a mouse hover */
#offcanvas-toggler > .fa:hover {
    color: #000000 !important;
}
/* css per togliere l'underline nelle voci di menu offcanvas nella pagina contatti, underline imposto dai css di rsform! */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #0345bf;
    text-decoration: none !important;
}
/* == FINE CUSTOM CSS OFFCANVAS == */

/* ==GOOGLE MAPS RESPONSIVE== */
.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/* == FINE GOOGLE MAPS RESPONSIVE== */

.sp-scroll-up {
    display: none !important;
}

.card {
    border: 0px solid rgba(0,0,0,.125);
}

.bg {
    /* The image used */
    background-image: url('/../images/Viaggi-di-Nozze.jpg');

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgcontact {
    background-image: url('/../images/contatti.jpg');
    height: 100%; 
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bggift {
    background-image: url('/../images/regala-un-viaggio.jpg');
    height: 100%; 
    background-position: 70% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bglistanozze {
    background-image: url('/../images/Lista-Nozze.jpg');
    height: 100%; 
    background-position: 90% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgazienda {
    background-image: url('/../images/Viaggi-aziendali.jpg');
    height: 100%; 
    background-position: 35% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* sottolineatura delle voci di menu ora sospesa
.sp-megamenu-parent > li > a {
    position: relative;
    color: #000;
    text-decoration: none;
}
.sp-megamenu-parent > li > a:hover {
    color: #000;
}
.sp-megamenu-parent > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 18px; imposta la distanza della sottolineatura dal bordo inferiore dell'header!
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sp-megamenu-parent > li > a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
} */

input[type="password"]:not(.form-control)
{
    width: 250px !important;
    margin-bottom: 1% !important;
}

/* messo un po' di padding dentro le tab di gktab */
.gkTabsContainer, .gkTabsContainer[style] {
    padding: 5px;
}
/* cambiato il colore della tab attiva - è quello del logo mes77 */
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.horizontal ol li.active,
.gkTabsWrap.vertical ol li:hover.active,
.gkTabsWrap.horizontal ol li:hover.active {
	color: #fff;
	box-shadow: inset 0 0 8px #462E44;
	background: -moz-linear-gradient(top, #462E44 0%, #462E44 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #462E44), color-stop(100%, #462E44)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #462E44 0%, #462E44 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f68383 0%, #462E44 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #462E44 0%, #462E44 100%); /* IE10+ */
	background: linear-gradient(top, #462E44 0%, #462E44 100%); /* W3C */
	border: 1px solid #462E44;
}