h1.intro {
    color: white;
    font-weight: 300;
}

.logo-vicere
{
    text-align: center !important; 
    margin-top: 5px;
}

.container.first-section {
    margin-top: 50px;
}

@media (max-width: 990px) {
    .intro {
    	font-size:18px !important;
    	font-weight: 600;
    }
}


@media (min-width: 991 and max-width: 1280px) {
    .intro {
    	font-size:26px !important;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
    .widget-social .social-media a {
    	margin-right: 13px;
    }
}

@media (max-width: 767px) {
    
    #header #logo  
    {
        background-color: transparent !important;
    }
    
    #mobile-menu, #mobile-menu ul {
    background-color: #1e0303;
        }
    
    #mobile-menu-button {
        top: 30px!important;    
    }
    
    #header-top .widget-languages {
        bottom: 1px
    }
}

@media (max-width: 991px) and (min-width: 768px) {
  #header #logo {
    background-color: white !important;  
  }
  
  #mobile-menu-button {
     margin-top: 30px;
  }
}

#header #logo, #header-top, #footer, #header-top .widget-languages > a, .widget-languages ul, #footer-bottom, #footer-bottom:before {
	
	background-color:#777;
}

#footer{

  
	background-image: url('/themes/operahome/assets/images/museo-footer.JPG')!important;

    background-size: cover!important;
    background-blend-mode: overlay!important;
    background-color: #57463b!important;
}

#footer-bottom
{
    padding: 20px 0px !important;
}

.widget-pages ul li {
    border: none;
}


#section-1, #section-2
{
	padding-top: 80px;
}

.section-title
{
	padding-bottom: 40px;
}

.portfolio-item.classic .portfolio-item-thumbnail img {
    display: block;
    width: 100%;
    padding: 10%!important;
    margin-top: 55px;
    margin-bottom: 50px;
}

.embed-responsive-100x400px{
  padding-bottom: 400px;
}

#page-header {
    padding-top: 145px;
    margin-bottom: 10px!important;
}

/*
.row {
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 20px!important;
}
*/

.row-head {
    margin-right: -15px;
    margin-left: -15px;
}

#header-top .widget-languages > a { 
    /*background-color: #777!important; */
    display: block!important; 
    padding: 7.5px 10px!important; 
    margin: -8px 0!important; 
    padding-bottom: 6px!important; 
}

.tp-leftarrow.custom, .tp-rightarrow.custom { 
    background: #1e0303 no-repeat center center!important; 
}

.menu li.dropdown ul, #mobile-menu-button {
    background-color: #cda760 !important;    
}

.menu > li > a:before { margin-right: 5px!important; }



#section-4 {
    padding: 10px 0 7px!important; 
    margin-top: 1px!important; 
    margin-bottom: 10px!important;
    background-color: #f8f9fa!important;
}

.full-section {
    position: relative!important;
    z-index: 1!important;
   padding: 1px 0!important;
    margin-bottom: 10px!important;
    background: no-repeat center center!important;
}



#page-header {
   padding-top: 68px;
}

.portfolio-item-hover {
    cursor: pointer;
}

#container-mappa
{
    margin-top: 40px;
    margin-bottom: 30px;   
}

.headline {
    margin-bottom: 30px;
}

.cognito label, .cognito #c-submit-button {
    font-family: Roboto, sans-serif;
}

.cognito .c-forms-form select, .cognito .c-forms-form input[type=text], .cognito .c-forms-form textarea {
    font-family: Roboto, sans-serif !important;
    font-size: 16px !important;
    padding: 8px 5px 8px 5px !important;
}

.cognito .c-forms-form button {
    padding: 12px;
    background: #988676 !important;
}

.cognito .c-forms-form button:hover {
    padding: 12px;
    background: #988676 !important;
}

#header-sticky #logo a {
    top: 16px;
}

.menu > li > a {
    padding-left: 5px;
    padding-right: 5px;
}

#header #logo, #header-top, #footer, #header-top .widget-languages > a, .widget-languages ul, #footer-bottom, #footer-bottom:before {
    background-color: #cda760;
}

#header-top .widget-languages > a, .widget-languages ul {
    background-color: #cda760!important;
}



#footer .headline {
    color: #cda760 !important;
}

.fa-whatsapp {
    display: inline !important;
    color: white !important;
}


.supreme-icon-email-closed-outlined-back-envelope-interface-symbol {
    color: white !important;
}

.btn-default {
    background-color: #cda760 !important;
}

#footer-bottom .text-default-color {
    color: #ffffff !important;
}
/* BOOK NOW: in alto a destra nel top header (desktop), barra fissa in basso (mobile) */
.booknow-btn {
    display: inline-block;
    padding: 6px 16px;
    background-color: #fff;
    color: #cda760 !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 0.3s, color 0.3s;
}
.booknow-btn:hover, .booknow-btn:focus {
    background-color: #1e0303;
    color: #fff !important;
}
/* il tema ha a:hover, a:focus { text-transform: none !important } */
.booknow-btn, .booknow-btn:hover, .booknow-btn:focus {
    text-transform: uppercase !important;
}
#header-top .header-top-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
#header-top .booknow-top {
    margin: -4px 15px -4px 0;
}
.booknow-sticky {
    display: none;
}
@media (min-width: 768px) and (max-width: 991px) {
    /* tablet: indirizzo, telefoni e pulsante su una riga */
    #header-top .widget-contact {
        font-size: 12px;
        white-space: nowrap;
    }
    #header-top .booknow-top {
        margin-right: 8px;
        padding: 6px 10px;
    }
}
@media (max-width: 767px) {
    /* barra fissa sempre visibile; il padding del body lascia libero il fondo del footer */
    body {
        padding-bottom: calc(58px + env(safe-area-inset-bottom));
    }
    .booknow-sticky {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 7000;
        padding: 8px 15px calc(8px + env(safe-area-inset-bottom));
        background-color: #fff;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
    }
    .booknow-sticky .booknow-btn {
        display: block;
        padding: 12px 16px;
        background-color: #cda760;
        color: #fff !important;
        font-size: 15px;
        text-align: center;
    }
    #scroll-up {
        bottom: 84px;
    }
}

/* FAQ */
.faq-list .faq-category {
    margin-top: 30px;
    color: #cda760;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* SLIDER DESCRIZIONI HOME (gallery-slider) su mobile: una slide alla volta, puntini sopra */
@media (max-width: 767px) {
    .gallery-slider-container {
        margin: 30px 0 40px;
    }
    .gallery-slider.owl-loaded {
        display: flex;
        flex-direction: column;
    }
    .gallery-slider .owl-stage-outer {
        order: 2;
    }
    .gallery-slider .owl-nav {
        display: none;
    }
    .gallery-slider .owl-dots {
        order: 1;
        position: static;
        margin: 0 0 18px;
        line-height: 0;
    }
    .gallery-slider .owl-dot {
        width: 11px;
        height: 11px;
        margin: 0 6px;
    }
    .gallery-slider .owl-item img {
        width: 100%;
        height: auto;
    }
    .gallery-slider .gallery-description {
        padding: 20px 15px 0;
    }
}

/* WHATSAPP: pulsante fisso in basso a sinistra (il cookie banner, z-index 9999, resta sopra) */
.whatsapp-float {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 7500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #25d366;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    transition: transform 0.2s, box-shadow 0.2s;
}
.whatsapp-float:hover, .whatsapp-float:focus {
    color: #fff !important;
    transform: scale(1.08);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}
.whatsapp-float svg {
    width: 32px;
    height: 32px;
}
@media (max-width: 767px) {
    /* più piccola e sopra la barra "book now" fissa in fondo (58px) */
    .whatsapp-float {
        left: 15px;
        bottom: calc(72px + env(safe-area-inset-bottom));
        width: 44px;
        height: 44px;
    }
    .whatsapp-float svg {
        width: 26px;
        height: 26px;
    }
}