/* Paglia Pizza e Fighi - edit: Visione.Digitale - 2020 */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url(normalize.css);
@import url(fontawesome-all.min.css);
@import url(animsition.min.css);
@import url(cookieconsent.min.css);

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
body {margin:0px;padding:0px;background:#FFF;}
::-moz-selection {background:#1217fd;text-shadow:none;color:#FFF;}
::selection {background:#1217fd;text-shadow:none;color:#FFF;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*typography*/
* {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html {font-family:sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;}
body {
	font-family: 'Rubik', sans-serif;
	font-style: normal;
	font-weight:400;
	color:#666;
	font-size:14px;
}

/*fixed*/
.orange {color:#f6bc2b;}
.orange-bg {background:#f6bc2b;}
.blu {color:#192541;}
.blu-bg {background:#192541;}
.white {color:#FFFFFF;}
.white-bg {background:#FFFFFF;}
.over-lnk {display:block;position:absolute;z-index:9;top:0px;left:0px;right:0px;bottom:0px;text-indent:-9999px;}
.mw-100 {min-width:40px;}

/*clearfix*/
.clearfix {clear:both;}
.clearfix:before, .clearfix:after {content:" ";display:table; }
.clearfix:after {clear:both;}
.clearfix {width:100%;*zoom:1;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {
	text-decoration:none;
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}

/*animation*/
.animation, .animation * {
	-webkit-transition:	all 0.3s ease-in-out;
	-moz-transition:	all 0.3s ease-in-out;
	-o-transition:		all 0.3s ease-in-out;
	-ms-transition:		all 0.3s ease-in-out;
	transition:			all 0.3s ease-in-out;
}
.disableAnimation {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

/*loading*/
.animsition-overlay-slide {background:#FFF;z-index:9999;}
.animsition-loading, .animsition-loading:after {
    z-index:99999;
    width:200px;
    border-radius:0px;
    height:160px;
    border:none;
    margin-top:-80px;
    margin-left:-100px;
    background: #FFF;
}
@keyframes animsition-loading {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

/*template*/
#main-wrapper {clear:both;float:none;overflow:hidden;width:100%;display:block;}
.jumbotron-intro {border-radius:0px;min-height:50vh;}

/*menu*/
nav ul , nav ul li {list-style:none;}
nav ul li, nav ul li a, nav ul li a:hover {color:#FFF;font-size:1.1rem;font-weight:500;}
nav ul li a {border-bottom:2px solid rgba(255,255,255,0);}
nav ul li a:hover {border-color:rgba(255,255,255,1);}
nav ul li a.current {border-color:rgba(255,255,255,1);}

/*header*/
header {position: relative;;}
#logo {
    width:300px;
    position:absolute;
    top:0px;
    left:50%;
    transform: translateX(-50%);
    z-index:9;
}
#logo .svg-container {width:260px;height:260px;position:relative;z-index:1;margin:20px;}
#logo .svg-container svg {position:absolute;top:0;left:0;width:100%;height:100%;fill:#192541;opacity:1;}

/*scroll head*/
header.scroll-to-fixed-fixed {background:#FFF;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
header.scroll-to-fixed-fixed ul {padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
header.scroll-to-fixed-fixed ul li, header.scroll-to-fixed-fixed a {color:#192541;}
header.scroll-to-fixed-fixed a:hover {color:#192541;border-color:#192541;}
header.scroll-to-fixed-fixed a.current {color:#192541;border-color:#192541;}
header.scroll-to-fixed-fixed #logo {background:#192541;width:200px;box-shadow:0px 0px 20px rgba(0,0,0,0.25);top:-80px;}
header.scroll-to-fixed-fixed #logo .svg-container {width:160px;height:160px;}
header.scroll-to-fixed-fixed #logo .svg-container svg {fill:#f6bc2b;}
header.scroll-to-fixed-fixed #logo .svg-container svg .isotipo {opacity:0;}
header ul li.prenota {display:none !important;}

/*fixed*/
header.fixed {background:#FFF;box-shadow:0px 0px 5px rgba(0,0,0,0.2);top:-1px;}
header.fixed ul {padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
header.fixed ul li, header.fixed a {color:#192541;}
header.fixed a:hover {color:#192541;border-color:#192541;}
header.fixed #logo {background:#192541;width:200px;box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
header.fixed #logo .svg-container {width:160px;height:160px;}
header.fixed #logo .svg-container svg {fill:#f6bc2b;}

/*footer*/
footer {background:#FFF;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}

/*card menu*/
.card {border-radius:0px;border:none;outline:none;}
.card.card-menu {box-shadow:0px 0px 20px rgba(0,0,0,0.1);min-height:70vh;transition:all 0.5s ease-in-out;}
.card.card-menu .row {min-height:70vh;}
.card.card-menu h1 {font-weight:700;font-size:2.8rem;line-height:2.6rem;transition:all 0.5s ease-in-out;}
.card.card-menu p {font-size:1.6rem;}
.card.card-menu .deco {display:block;width:auto;left:20px;right:20px;position:absolute;height:20px;background-position:center;background-size:30px 20px;}
.card.card-menu .deco.top {top:20px;}
.card.card-menu .deco.bottom {bottom:20px;}
.card.card-menu .deco.orange {background-image:url(../img/ico-giallo.svg);} 
.card.card-menu .deco.blu    {background-image:url(../img/ico-blu.svg);} 
.card.card-menu:hover {box-shadow:0px 0px 30px rgba(0,0,0,0.2);}
.card.card-menu:hover h1 {font-size:3.2rem;line-height:2.8rem;}

/*menu*/
h6.menu-title {font-weight:900;}
.menu-wrapper {background-position:top center;background-repeat: repeat-x;background-size:30px 20px;padding-top:60px;margin-top:2rem;}
.menu-wrapper .title {border-bottom:1px solid #000;}
.menu-wrapper.bevande {background-image: url(../img/ico-giallo.svg);} 
.menu-wrapper.bevande .title {border-color:#f6bc2b ;} 
.menu-wrapper ul {margin:0px;padding:0px;list-style:none;}
.menu-wrapper.cibo {background-image: url(../img/ico-blu.svg);} 
.menu-wrapper.cibo .title {border-color:#192541 ;} 
.menu-wrapper.cibo.ingredienti {background:#FFF;border:2rem solid #f6bc2b;}
.menu-wrapper.cibo.ingredienti ul li:first-child, .menu-wrapper.cibo.ingredienti ul li:first-of-type {display:none;}
.menu-wrapper.cibo.ingredienti .title {border:none;}
.menu-wrapper blockquote {font-size:1rem;}
.menu-wrapper blockquote span {font-weight:500;font-size:1rem;}
.menu-wrapper.bevande.bevande-vino ul li:nth-child(even) p {margin-right:20px !important;}
.menu-wrapper.bevande.bevande-vino h5 {position:relative;}
.menu-wrapper.bevande.bevande-vino h5::after {
    position:absolute;
    top:0px;
    left:calc(50% - 10px);
    content: "€";
    font-size:0.9rem;
    font-weight: normal;
}

/*contatti*/
#map-wrapper {width:100%;height:100%;position:relative;}
#map-container {width:100%;height:100%;padding-top:100%;}
#map-container img,  #map-container object,  #map-container embed {max-width:none;}
#map-container a[target=_blank]{display: none !important;} 
#map-container .gm-style-cc {display: none !important;} 

/*text*/
.text-wrapper {font-size:135%;}
.text-wrapper .title {position:relative;font-weight:900;font-size:250%;}
.text-wrapper .title::after {
    content: "";
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
    width:100%;
    height:5px;
    border-radius:3px;
}
.text-wrapper .title.blu {color:#192541;}
.text-wrapper .title.blu::after {background:#192541;color:#192541;}
.text-wrapper .title.white {color:#fff;}
.text-wrapper .title.white::after {background:#fff;color:#fff;}
.text-wrapper a {border-bottom:1px solid rgba(0,0,0,0);font-weight:500;}
.text-wrapper .orange a {color:#f6bc2b;}
.text-wrapper .orange a:hover {border-color:#f6bc2b;}
.text-wrapper .blu a    {color:#192541;}
.text-wrapper .blu a:hover    {border-color:#192541;}
.text-wrapper.intro {font-size:150%;}
.text-wrapper.contatti {font-size:120%;}
.text-wrapper span.deco {width:100%;max-width:60px;margin-left:auto !important;margin-right:auto !important;}
.text-wrapper a.btn.btn-primary {width:100%;max-width:320px;margin:5px auto;color:#192541;background:none;border:2px solid #192541;font-weight:600;}
.text-wrapper a.btn.btn-primary:hover {color:#f6bc2b;background:#192541;}

/*social*/
.crt-widget.crt-widget-branded .crt-logo, .crt-grid-post .crt-social-icon {display:none;opacity:0;visibility:hidden;}
.crt-grid-post .crt-grid-post-content {margin:0px;}
.crt-grid-post .crt-post-c {margin:2px !important;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.crt-grid-post .crt-post-hover {background:#FFF !important;}
.crt-grid-post .crt-post-header {display:none;opacity:0;visibility:hidden;}
.crt-grid-post .crt-post-footer .crt-post-share {display:none;opacity:0;visibility:hidden;}
.crt-widget .crt-date {display:none;opacity:0;visibility:hidden;}
.crt-grid-post.crt-post-has-image .crt-post-text {padding:15px;font-size:14px !important;color:#192541 !important;}
.crt-grid-post.crt-post-has-image .crt-post-text a {color:#192541 !important;}
.crt-post-userimage {border-radius:0px !important;}
.crt-widget .crt-grid-post .crt-post-footer {border-top:1px solid rgba(0,0,0,0.2) !important;}
.crt-grid-post .crt-post-hover .crt-post-footer {text-align:left !important;}
.crt-post-username {margin-left:40px;}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-social-icon {display:none !important;opacity:0;visibility:hidden;}
.crt-popup-wrapper .crt-popup .crt-popup-header img {border:none;border-radius:0px;}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-post-name {top:10px !important;left:50px !important;}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-post-name span {color:#000;}
.crt-popup-wrapper .crt-popup .crt-popup-header .crt-post-name a {font-size:0.9rem;line-height:1.4rem;}
.crt-popup-wrapper .crt-popup.has-image .crt-popup-right .crt-popup-footer {display:none !important;opacity:0;visibility:hidden;}
.crt-popup-wrapper .crt-popup.crt-has-read-more.has-image .crt-popup-right .crt-popup-read-more {bottom:0px !important;}
.crt-popup-wrapper .crt-popup .crt-popup-read-more {padding:15px !important;border-top:1px solid #eeeeee;}
.crt-popup-wrapper .crt-popup .crt-date {display:none !important;}
.crt-popup-wrapper .crt-popup .crt-popup-read-more a.crt-button {background:#FFF !important;border:1px solid #192541;font-weight:700;text-transform:uppercase;border-radius:0px !important;font-size:12px;}
.crt-popup-wrapper .crt-popup .crt-popup-read-more a.crt-button:hover {background:#192541 !important;color:#FFF;}
.crt-popup-wrapper .crt-popup .crt-previous, .crt-popup-wrapper .crt-popup .crt-next {color:#f6bc2b !important;}
.crt-popup-wrapper .crt-popup .crt-previous:hover, .crt-popup-wrapper .crt-popup .crt-next:hover {color:#f6bc2b !important;}
.crt-popup-wrapper div {color:#192541 !important;font-size:14px !important;}
.crt-popup-wrapper div a {color:#192541 !important;font-size:14px !important;}
.crt-widget .crt-grid-post .crt-post-footer {background:#FFF !important}
.crt-widget .crt-grid-post .crt-post-text {text-align:left !important;font-size:0.75rem !important;}


/*mobile btn*/
#mobile-menu {display:none;}
#mobile-takeaway {display:none;}

/*menu*/
#mobile-menu {position:absolute;left:20px;top:25px;z-index:999;}
.navbar-toggler {border-radius:2px;border:2px solid #f6bc2b; background:#FFF;padding: .25rem .35rem;}
.navbar-toggler-icon {line-height:30px;color:#f6bc2b;}
.navbar-toggler:hover {border-color:#192541;}
.navbar-toggler:hover .navbar-toggler-icon {color:#192541;}
nav.mobile ul li {border-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.3);padding:5px 0px;}
nav.mobile ul li:first-child, nav.mobile ul li:first-of-type {border-top:none;}
nav.mobile ul li:last-child, nav.mobile ul li:last-of-type {border-bottom:none;}

/*takeaway*/
#mobile-takeaway {position:absolute;right:20px;top:25px;z-index:999;}

/*responsive
@media handheld, only screen and (max-width:1580px) {
    header ul li:nth-child(2) {display:none !important;}
    header ul li:nth-child(3) {display:none !important;}
    header ul li:nth-child(4) {display:none !important;}
    header ul li.prenota {display:inline-block !important;}
}*/

@media handheld, only screen and (max-width:1380px) {
    /*nav.primary ul li:first-child, nav.primary ul li:first-of-type {display: none !important;}*/
    #logo {top:-15px}
    .wrapper.p-5 {padding:0px !important}
    .wrapper-menu.p-5 {padding-left:15px !important;padding-right:15px !important;}
    nav.primary ul, nav.secondary ul {margin-left:0px !important;margin-right:0px !important;padding-left:15px !important;padding-right:15px !important;}
    .text-wrapper span.deco {width:40px;}
    .text-wrapper {font-size:115%;}
    .text-wrapper.intro {font-size:125%;}
    .text-wrapper.contatti {font-size:110%;}
    .menu-wrapper.cibo.ingredienti {padding:2rem !important;}
	a.vrt-scroll.nav_section05 {display: none;}
}

@media handheld, only screen and (max-width:1280px) {
    #logo {width:240px;}
    #logo .svg-container {width:200px;height:200px;}
    header.scroll-to-fixed-fixed #logo {top:-90px;}
}

@media handheld, only screen and (max-width:1025px) {
    .text-wrapper {font-size:100%;}
    .text-wrapper.intro {font-size:110%;}
    .text-wrapper.contatti {font-size:95%;}
    h6.menu-title.display-4 {font-size:2.5rem;}
    .wrapper-menu {padding-top:1rem !important;padding-bottom:1rem !important;}
    .menu-wrapper.cibo.ingredienti {border:10px solid #f6bc2b;padding:1rem !important;}
    nav.primary ul li:nth-child(5), nav.primary ul li:nth-child(6) {display:none !important;}
}

@media handheld, only screen and (max-width:680px) {
    nav.primary {display:none !important;}
    hr.head-space {display:none;}
    header.scroll-to-fixed-fixed {position:relative !important;}
    nav.primary ul, nav.secondary ul {opacity:0;}
    .head-block {display:none !important;}
    #section01 .order-0, #section04 .order-0 {order:1;}
    #section01 .order-1, #section04 .order-1 {order:0;}
    .wrapper.m-5 {margin:0px !important}
    .wrapper.p-5 {padding:0px !important}
    .wrapper.text-wrapper {padding:2.5rem 1rem !important;}
    h6.menu-title.display-4 {margin:10px 0px 0px 0px !important;padding:0px !important;font-size:2rem;line-height:1.8rem;}
    .wrapper-menu.p-5 {padding-left:0px !important;padding-right:0px !important;}
    .menu-wrapper .col {width:80%;}
    .menu-wrapper .col-md-auto {width:15%;}
    .menu-wrapper {background-size: 20px 15px;padding-top:40px;}
    .menu-wrapper ul li {margin-top:15px !important;margin-bottom:5px !important;}
    .menu-wrapper.cibo.ingredienti {display:none;}
    #section05 {display:none !important;}
    footer p {text-align:center;}
    footer p:first-of-type, footer p:first-child {margin-bottom:10px !important;}
    footer {display:none;}
    /*.text-wrapper p br {display:none;}*/
    #section06 .text-wrapper p br {display:block;}
    #mobile-menu {display:block;}
    #mobile-takeaway {display:block;}
    .menu-wrapper.bevande.bevande-vino h5::after {display:none;}
    .menu-wrapper.bevande.bevande-vino ul li:nth-child(even) p {margin-right:0px !important;}
}

/*cookie*/
.cc-color-override--1636239968.cc-window {background:#192541 !important;box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
.cc-window.cc-banner {
    margin:0px;
    padding:0px;
    width:auto;
    bottom:20px;
    left:50%;
    right:inherit !important;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius:3px;
    max-width:inherit;
    min-width:inherit;
    padding:15px 20px 15px 15px;
}
.cc-window.cc-banner::before {
    content: "";
    width:30px;
    height:30px;
    background: url("../img/cookie.svg") no-repeat center center;
    background-size:30px 30px;
    margin-right:20px;
}
.cc-banner .cc-message {flex:none;font-size:0.8em;color:#FFF;}
.cc-banner .cc-message a {color:#FFF;border-bottom:1px solid #666;padding:0px;opacity:1;line-height:normal;}
.cc-banner .cc-message a:hover {border-color:#FFF;}
.cc-banner .cc-btn {margin:0px;padding:0px;background:none;border:none;font-size:0.8em;color:#FFF;font-weight:bold;background:#192541 !important;}
.cc-banner .cc-btn:hover {background:#192541 !important;}
.cc-banner .cc-btn:last-child {width:auto;max-width:inherit;min-width:inherit;margin-left:20px;}
.cc-btn, .cc-btn:hover {background:#192541 !important;}

@media handheld, only screen and (max-width:680px) {
    .cc-window.cc-floating {margin:10px;padding:10px;width:calc(100% - 20px);}
    .cc-floating .cc-message {font-size:12px;margin:0px;text-align:center;margin-bottom:10px;}
}

/*privacy*/
.privacy {padding:5rem 0px 2rem 0px;}
.privacy {padding:5rem 0px 2rem 0px;}
.privacy a {color:#192541;}
.privacy table {font-size:0.7em;}
.privacy table tr td {padding:5px;border-bottom:1px solid #CCC;vertical-align: top}

/*modale covid*/
#myLargeModalLabel button {border:none;outline:none;}
#myLargeModalLabel .close, #myLargeModalLabel .close:hover {color:#192541 !important;}
#myLargeModalLabel .modal-title {color:#f6bc2b;}

/*bottone hover fondo blu*/
#section04 a.btn.mt-5.btn-primary.d-block.fs-4:hover {
	background: #f6bc2b;
	color: #192541!important;
	}

#section04 .text-wrapper .orange a {
    border-bottom: 1px solid #f6bc2b!important;
}
#section04 .text-wrapper .orange a:hover {
    border-bottom: none!important;
}


/*BOTTONI MOBILE*/
@media only screen and (max-width:980px) {
   .text-wrapper a.btn.btn-primary {
    font-size: 18px;
}
}