/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 16 2024 | 11:09:16 */
/* START STYLE */
.absolute-footer, html {
    background-color: #fff;
}
body {
    box-shadow: 0 5px 20px 15px #999;
}
.zindex9 {
	z-index: 9;
}
/* END STYLE */

/*----------------------------------------------------------------------------------------------*/

/* START HEADER */


/* END HEADER */

/*----------------------------------------------------------------------------------------------*/

/* START HOME */

/* END HOME */

/*----------------------------------------------------------------------------------------------*/

/* START FOOTER */

/* END FOOTER */



/* START 2020 */
#header ul.header-nav {
    justify-content: center;
}
.logo-left .logo {
    margin-right: 0px;
}
#header ul.header-nav a {
    color: #ffffff;
}
#header ul.header-nav li:hover a {
    color: #CCCC99;
}
/*#header .header-wrapper.stuck ul.header-nav a {
    color: #333333;
}*/
.home-banconi {
    background: #ffffff;
    padding: 0 20px;
    box-shadow: 0px -1px 10px 0px #cccccc;
}
.seperatore img {
    width: 140px;
}
.seperatore {
    margin-top: 1.3em;
}
.slide-contatti, input.wpcf7-form-control.wpcf7-submit {
    color: #333333!important;
    font-size: 1.2em;
    padding: 0.2em 2em;
    margin: 0;
}
.home-banconi h2, .home-cocktail h2, .home-servizi h2 {
    font-size: 3em;
    text-transform: uppercase;
    text-align: center;
}
.home-brand img, .home-brand p {
    margin-bottom: 0!important;
}
#footer form.wpcf7-form {
    margin-bottom: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: auto;
    max-height: 5em!important;
    padding: 4px 0;
    line-height: 2.5;
}
input, textarea {
    height: 3.1em!important;
    border-radius: 50px!important;
    font-size: 1em!important;
    text-align: center;
    font-weight: 400;
    margin: 0;
}
.home-bancone .section-bg, .home-brand .section-bg, .footer-page .section-bg {
    background-attachment: fixed;
}
.colore {
    color: #CCCC99;
}
footer {
    display: block!important;
}
#footer h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
#footer p {
   margin: 0;
}
.absolute-footer {
    display: none;
}
button.owl-next {
    right: 0;
}
button.owl-prev {
    left: 0;
}
div.wpcf7 .ajax-loader {
    left: 50%;
    top: 60px;
    margin: 0;
    transform: translateX(-50%);
}
.cellulari {
    font-size: 1.2em;
    font-weight: 600;
}
#footer .ux-logo {
    padding-top: 40px;
}
.social-icons.follow-icons i {
    display: none;
}
.social-icons .button.facebook {
    background: url(https://www.whiteside.it/wp-content/uploads/2020/01/facebook.svg);
    color: transparent!important;
    background-size: contain;
    margin: 0 0 0 10px!important;
    border: none!important;
    font-size: 1em;
}
.social-icons .button.instagram {
    background: url(https://www.whiteside.it/wp-content/uploads/2020/01/instagram.svg);
    color: transparent!important;
    background-size: contain;
    margin: 0 0 0 10px!important;
    border: none!important;
    font-size: 1em;
}
.social-icons .button.facebook:hover {
    border: none;
    background: url(https://www.whiteside.it/wp-content/uploads/2020/01/facebook.svg);
    color: transparent!important;
}
.social-icons .button.instagram:hover {
    border: none;
    background: url(https://www.whiteside.it/wp-content/uploads/2020/01/instagram.svg);
    color: transparent!important;
}
h2.cocktail-title {
    margin-top: 20px!important;
}
h2.cocktail-title a {
    background: #cccc99;
    border-radius: 30px;
    padding: 5px 20px!important;
    font-weight: bold;
    font-size: 12px;
    color: #333333;
    text-transform: capitalize;
}
.home-intro h1 {
    font-weight: bold;
    font-size: 65px;
    line-height: 80px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
}
.colore-scuro {
    background: #333333;
    padding: 30px;
}
.colore-chiaro {
    background: #CCCC99;
    padding: 30px;
}
.home-slider .icone-mobile {
    margin: 0!important;
}
.header-mobile .seperatore {
    margin-top: 0;
    margin-bottom: 0;
}
.header-mobile .slide-contatti {
    font-size: 0.8em;
    padding: 0.2em 1em;
}
.header-mobile .col.small-12.large-12:nth-child(1) {
    padding-bottom: 0;
}
.header-mobile .col.small-12.large-12:nth-child(2) {
    padding-bottom: 40px;
}
.pagine-interne {
    margin-top: 200px;
    color: #fff;
    font-size: 1.1em;
}
.chi-siamo.coktail-bar .pagine-interne {
    margin-top: 250px;
}
.pagine-interne .pagine-interne-testo .col-inner {
    padding: 20px!important;
}
.pagine-interne .pagine-interne-testo .col-inner h2 {
    font-weight: bold;
    font-style: italic;
    font-size: 1.8em;
    text-transform: uppercase;
    color: #CCCC99;
    margin: 0;
    padding-bottom: 9px;
}
.pagine-interne .pagine-interne-testo .col-inner p:nth-last-child(1) {
    margin-bottom: 0;
}
.chi-siamo .pagine-interne .col:nth-child(even) .col-inner {
    border-radius: 0 25px 25px 0px;
}
.chi-siamo .pagine-interne .col:nth-child(odd) .col-inner img {
    border-radius: 25px 0 0 25px;
}
.interne-icon-text p {
    background-color: rgba(51, 51, 51, 0.9);
    padding: 150px 20px 20px;
    border-radius: 25px;
    position: relative;
    top: -150px;
    z-index: -1;
    min-height: 330px;
}
.coktail-bar .pagine-interne .col-inner {
    border-radius: 25px;
}
.coktail-bar-slide-1, .coktail-bar-slide-2, .coktail-bar-slide-3, .coktail-bar-slide-4, .coktail-bar-slide-5 {
    background: transparent!important;
}
.coktail-bar-slide-1 .section-bg.bg-loaded, .coktail-bar-slide-2 .section-bg.bg-loaded, .coktail-bar-slide-3 .section-bg.bg-loaded, .coktail-bar-slide-4 .section-bg.bg-loaded, .coktail-bar-slide-5 .section-bg.bg-loaded {
    border-radius: 25px;
}
.coktail-bar-slide-1 .section-bg.bg-loaded {
    background-image: url(https://www.whiteside.it/wp-content/uploads/2020/01/cocktail-bar-slide-01.jpg)!important;
}
.coktail-bar-slide-2 .section-bg.bg-loaded {
    background-image: url(https://www.whiteside.it/wp-content/uploads/2020/01/cocktail-bar-slide-02.jpg)!important;
}
.coktail-bar-slide-3 .section-bg.bg-loaded {
    background-image: url(https://www.whiteside.it/wp-content/uploads/2020/01/cocktail-bar-slide-01.jpg)!important;
}
.coktail-bar-slide-4 .section-bg.bg-loaded {
    background-image: url(https://www.whiteside.it/wp-content/uploads/2020/01/cocktail-bar-slide-04.jpg)!important;
}
.coktail-bar-slide-5 .section-bg.bg-loaded {
    background-image: url(https://www.whiteside.it/wp-content/uploads/2020/01/cocktail-bar-slide-01.jpg)!important;
}
/* END 2020*/

/*----------------------------------------------------------------------------------------------*/

/* START MOBILE */
@media screen and (max-width: 1199px) {

}
@media screen and (max-width: 846px) {
.home-intro h1 {
    font-size: 2em;
    line-height: 1em;
}
.home-banconi h2, .home-cocktail h2, .home-servizi h2 {
    font-size: 2em;
}
.chi-siamo .pagine-interne .col:nth-child(even) .col-inner, .chi-siamo .pagine-interne .col:nth-child(odd) .col-inner img {
    border-radius: 25px;
}
.chi-siamo .bg.section-bg.fill, .footer-page .bg.section-bg.fill {
    background: #333333!important;
}
.gap-element {
    display: none!important;
}
#footer .ux-logo {
    padding-top: 0px;
}
.interne-icon-text p {
    padding: 20px;
    border-radius: 0;
    position: static;
    top: 0;
    min-height: auto;
    font-size: 1.5em;
}
.home-banconi, .home-bancone .section-bg, .home-brand .section-bg {
    background: none!important;
}
.home-banconi:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(https://www.whiteside.it/wp-content/uploads/2020/01/home-bg.svg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.home-brand img {
    width: 20%;
    margin: 1em;
}
}
/* END MOBILE */

/*----------------------------------------------------------------------------------------------*/