@charset "utf-8";
/* CSS Document */


/*****************************************************/
/*framework*/

body {

    background-color:#000;
    font-family: 'Jost', sans-serif;
    color:#FFF;

}

h1 {

    padding:1em 0 2em;
    font-family: 'Jost', cursive;
    font-size:1.5em;

}

@media screen and (max-width:767px) {

    h1 {

        padding:1em 0;

    }
    
}

h2 {

    padding-bottom:1em;
    font-family: 'Jost', cursive;
    color:#FFF;/*#939598;*/
    text-align:center;

}

h2 span {

    color:#FFF;

}

a {

    color:#FFF;

}


.title-line {

    text-decoration:line-through;

}
.title-line span {width:50px; display:inline-block;}


.logo {

    font-family:'Times New Roman', serif;
    font-size:3em; /*48px*/
    color:#FFF;
    text-shadow:2px 2px 6px rgba(0, 0, 0, 0.6);

}

@media screen and (min-width: 768px) {

    .logo {

        font-size:6em; /*96px*/

    }

}


.logo span {

    color:#939598;

}

.logo-rest {

    font-size:0.666em; /*64px*/

}

.logo-rest::before, .logo-rest::after {

    content:"";
    width:5%;
    height:2px;
    background-color:white;
    margin:0 1%;
    display:inline-block;
    transform:translateY(-0.3em);

}


.italy-icon {

    width:147px;
    height:5px;
    background:url(/img/pizzeria-via-roma-icon.png) no-repeat;
    background-size:cover;
    margin:0 auto;

}

@media screen and (min-width:992px) {

    .italy-icon {

        width:140px;
        height:25px;
        background:url(/img/pizzeria-via-roma-icon.png) no-repeat;
        margin:0 auto;

    }

}

.line-grey {

    width:100%;
    height:1px;
    background-color:#939598;

}





.box-overlay {

	background-color:rgba(0,0,0,0.8);
	border:1px solid rgba(255,255,255,0.2);
    outline:4px solid rgba(0,0,0,0.8);
    padding:2em;

}

.btn-pul {

	background-color:transparent;
	border:1px solid transparent;
    border-radius:0;
    margin:0 0.5em;
    padding:0.75em 1em;
    font-size:1em;
    color:#FFF;
	transition:all 0.3s ease 0s;

}

@media screen and (min-width:992px) {

    .btn-pul {

        font-size:1.5em;

    }

}


.btn-pul > div {

    margin-top:0.5em;

}

.btn-pul:focus,
.btn-pul.focus,
.btn-pul:hover,
.btn-pul:active,
.btn-pul.active,
.btn-pul:active:hover,
.btn-pul.active:hover,
.btn-pul.active:focus,
.btn-pul:active:focus,
.btn-pul:active.focus,
.btn-pul.active.focus {

    color:#FFF;
	background-color:rgba(146,148,151,0.2);
	border:1px solid rgba(255,255,255,0.2);

}


@media screen and (max-width:991px) {

    .btn-pul {

        margin-top:1em;

    }

}


@media screen and (max-width:767px) {

    .home-opening-times .text-end, .home-opening-times .text-start {

        padding-bottom:1.5em;
        text-align:center !important;    

    }

}


.home-opening-times .opening-times {

    padding-bottom:1em;

}

.opening-times .text-end {

    padding-bottom:0.5em;

}

.opening-times {

    padding-bottom:3em;

}

.opening-times span {

    color:#939598;

}



.no-padding {

    padding-right:0;
    padding-left:0;

}


.photo-max {

    width:100%;

}
/*end-framework*/



/*****************************************************/
/*nav*/

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

	position:absolute;
	top:0;
	right:0;
	left:0;
	z-index:20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container-fluid {
	padding-right:0;
	padding-left:0;
}
/*.navbar-wrapper .navbar {
	padding-right:15px;
	padding-left:15px;
}*/
/*.navbar-wrapper .navbar .container-fluid {
	width:auto;
}*/

@media (min-width: 768px) {
/* Navbar positioning foo */
	.navbar-wrapper .container-fluid {
		padding-right:15px;
		padding-left:15px;
	}
	/*.navbar-wrapper .navbar {
		padding-right:0;
		padding-left:0;
	}*/
}



.navbar-brand {

    height:98px;

}

.navbar-brand img {
    width:118px;
    height:75px;
}

@media (max-width: 991px) {

    .navbar-nav {

        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.9);
        text-align:center;

    }

}


.navbar-dark .navbar-nav .nav-link {
    color:#FFF;
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {
    color:#ed1c24;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color:#00a650;
}



@media (min-width:1200px) {

    .navbar-nav>li>a {

        font-size:1.25em;

    }

}

/*end-nav*/



/*****************************************************/
/*footer*/

.footer {

    background-color:#525151;
    padding-bottom:4em;
    text-align:center;

}

.footer a:hover {

    color:#00a650;


}

.footer .line-grey {

    margin-bottom:3em;

}

.footer .logo {

    font-size:2em;

}

.f-ssl {

    margin-top:4em;
    margin-bottom:0;

}

.f-copy {

    padding-top:2em;
    font-size:0.75em; /*12px*/
    color:#999;

}


a.back-to-top {

    position: fixed;
    z-index: 5;
    bottom: 0;
    right: 0;
    padding:0.75em;
    font-size:1.5em;
    color:#FFF;
    text-align:center;
	transition:all 0.3s ease 0s;
    text-decoration:none;

}

a.back-to-top:hover {

    padding:1em;

}

@media (max-width:767px) {

    .fa-arrow-circle-up {

        margin-right:0.5em;

    }

    a.back-to-top {

        left:0;

    }

}

/*end-footer*/



/*********************************************************/
/*home*/

.home-intro-v2 {

    padding:0 1em;
    
}

/*
.home-intro-v2 {
	background-image:url(/img/bg/pulcinella-restaurant-interior-xs.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
    padding:0 1em;
    overflow:hidden;
}

@media (min-width:768px) and (max-width:991px) {
	.home-intro-v2 {
		background-image:url(/img/bg/pulcinella-restaurant-interior-xs.jpg);
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.home-intro-v2 {
		background-image:url(/img/bg/pulcinella-restaurant-interior-lg.jpg);
	}
}

@media (min-width:1200px) {
	.home-intro-v2 {
		background-image:url(/img/bg/pulcinella-restaurant-interior-lg.jpg);
	}
}*/


.home-intro-padding {

    padding:1em 0 2em;

}


.home-section {

	/*box-shadow:inset 0 0 50px rgba(0,0,0,1);*/

}

/*
.home-section, .home-section-xs {

    min-height:600px;
    overflow:auto;

}

@media (min-width:768px) {

	.home-section, .home-section-xs {

	    height:900px;

	}

}

@media (min-width:1200px) {

	.home-section, .home-section-xs {

	    height:1280px;

	}

}
*/


.hs-menu {

	/*background:url(/img/bg/menu-lg.jpg) no-repeat top center;
	background-attachment:fixed;*/

}

.hs-pizza-wine {

	/*background:url(/img/bg/pizza-and-wine-lg.jpg) no-repeat top center;
	background-attachment:fixed;*/

}

.hs-interior {

	/*background:url(/img/bg/pulcinella-restaurant-interior-pizza-oven-lg.jpg) no-repeat top center;
	background-attachment:fixed;*/

}

.hs-reservation {

	/*background:url(/img/bg/reservation-lg.jpg) no-repeat top center;
	background-attachment:fixed;*/

}

@media (max-width:767px) {

	.hs-menu, .hs-pizza-wine, .hs-interior, .hs-reservation {

   		background:none;

	}

	.hs-menu-xs {

		background:url(/img/bg/menu-xs.jpg) no-repeat top center;

	}

	.hs-pizza-wine-xs {

		background:url(/img/bg/pizza-and-wine-xs.jpg) no-repeat top center;

	}

	.hs-interior-xs {

		background:url(/img/bg/pulcinella-restaurant-interior-pizza-oven-xs.jpg) no-repeat top center;

	}

	.hs-reservation-xs {

		background:url(/img/bg/reservation-xs.jpg) no-repeat top center;

	}

}


.home-section, .home-section-xs {

    background-size:cover;

}



.hs-padding {

    padding-top:2em;
    padding-bottom:2em;

}

@media (min-width:768px) {

    .hs-padding {

        padding-top:8em;
        padding-bottom:8em;

    }

}


.intro-text {

    margin:0 auto;
    font-family: 'Jost', cursive;
    font-size:20px;
    text-align:center;
    text-shadow: 1px 1px 5px #000;

}

@media (min-width:768px) and (max-width:1199px) {

    .intro-text {

        width:90%;

    }

}

@media (min-width:992px) {

    .intro-text {

        width:80%;
        font-size:24px;

    }

}

.intro-text span {

    color:#d4d5d8;

}


.intro-phone {

    padding-top:1em;
    font-size:2em;

}


.intro-phone a {

    color:#FFF;

}


.btn-home-menu {

    margin-top:2em;

}

@media (min-width:768px) {

    .btn-home-menu {

        font-size:2em;
        padding:1em;

    }

}


.maps iframe {

    pointer-events:none;

}

.col-xs-24 {
display:none !important;
}
#es-header .es-header-avatar {
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    object-fit: cover;
    display: none;
}
/*end-home*/



/*********************************************************/
/*pages*/

.page-intro {

    min-height:300px;
	background-image:url(/img/bg/home-intro-xs.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;

}


@media (min-width:768px) {

	.page-intro {

		min-height:500px;

	}

}

@media (min-width:768px) and (max-width:991px) {

	.page-intro {

		background-image:url(/img/bg/home-intro-sm.jpg);

	}

}

@media (min-width:992px) and (max-width:1199px) {

	.page-intro {

		background-image:url(/img/bg/home-intro-md.jpg);

	}

}

@media (min-width:1200px) {

	.page-intro {

		background-image:url(/img/bg/home-intro-lg.jpg);

	}

}






@media (max-width:991px) {

    .pi-about {

        background-image:url(/img/bg/pizza-and-wine-xs.jpg);

    }

    .pi-menu {

        background-image:url(/img/bg/menu-xs.jpg);

    }

	.pi-gallery {

		background-image:url(/img/bg/pulcinella-restaurant-interior-pizza-oven-xs.jpg);

	}


	.pi-location {

		background-image:url(/img/bg/pulcinella-italian-restaurant-xs.jpg);

	}

	.pi-contact {

		background-image:url(/img/bg/pizza-and-wine-xs.jpg);

	}

	.pi-reservation {

		background-image:url(/img/bg/reservation-xs.jpg);

	}

}

@media (min-width:992px) {

	.pi-about {

		background-image:url(/img/bg/pizza-and-wine-lg.jpg);

	}

	.pi-menu {

		background-image:url(/img/bg/menu-lg.jpg);

	}

	.pi-gallery {

		background-image:url(/img/bg/pulcinella-restaurant-interior-pizza-oven-lg.jpg);

	}

	.pi-location {

		background-image:url(/img/bg/pulcinella-italian-restaurant-lg.jpg);

	}

	.pi-contact {

		background-image:url(/img/bg/pizza-and-wine-lg.jpg);

	}

	.pi-reservation {

		background-image:url(/img/bg/reservation-lg.jpg);

	}

}


.page-intro .logo {

    font-size:3em; /*48px*/

}

.page-intro a {

    color:#939598;

}


.page-intro-padding {

    padding:8em 0 1em;

}


@media (min-width:768px) {

    .page-intro-padding {

        padding:14em 0 5em;

    }

}

/*end-pages*/



/*********************************************************/
/*menu*/

.menu-page-container {

    padding-bottom:6em;
}


.menu-page-container .italy-icon {

    margin:6em auto;

}


.menu-spacing {

    width:80%;
    margin:0 auto;

}

.menu-spacing h2 {

    text-align:center;

}

.menu-spacing h3 {

    margin-top:1em;
    font-size:1.25em;
    color:#ed1c24;

}


.menu-spacing .row {

    border-bottom:1px solid #070707;
    padding-top:1em;
    padding-bottom:1em;

}

.item-title {

    margin-bottom:0.5em;
    font-size:1.25em;
    color:#00a651;
    text-transform:uppercase;

}

/*.item-title::first-letter {

  font-size:1.5em;

}*/

.item-price {

    margin-bottom:0.5em;
    font-size:1.5em;
    text-align:right;
    color:#FFF;

}

.item-veg {

    text-align:right;

}

.item-veg, .menu-icon-veg {

    font-size:1.5em;
    color:#00a651;

}

.row.menu-steak {

    border:1px solid #666;
    padding-bottom:0;

}

.menu-xmas .menu-spacing {

    border:3px solid #ed1c24;
    padding:0 25px;

}
/*end-menu*/



/*********************************************************/
/*booking*/
.booking-padding {

    padding-top:1.5em;
    padding-bottom:1.5em;

}
/*end-booking*/



/*********************************************************/
/*contact*/

.alert {

    max-width:640px;
    background-color:#FFF;
    border-radius:0;
    margin:0 auto;
    color:#C00;

}

.contact-form hr, .contact-details hr {

    border-color:#111;

}


.contact-form hr {

    margin-top:4em;
    margin-bottom:4em;

}


.contact-details a:hover {

    color:#ed1c24;

}


@media screen and (max-width:767px) {

    .contact-details .text-end, .contact-details .text-start {
    
        text-align:center !important;

    }

}


/*honeypot*/
.cf-hp {
display:none;
}

.form-signin {
	max-width:80%;
	margin:0 auto;
}

@media (max-width:767px) {
    .form-signin {
	   max-width:90%;
    }
}

.form-signin label {
	margin-top:1em;
	font-size:1em;
}
.form-signin .form-control {
	height:auto;
	border-color:#CCC;
	border-radius:0;
	box-sizing:border-box;
	padding:0.5em;
	position:relative;
}
.form-signin .btn {
	background-color:#CB0016;
	border:none;
	border-radius:0;
	margin-top:2em;
	font-weight:700;
	color:#FFF;
}
.form-signin .btn:hover,
.form-signin .btn:focus {
	background-color:#5CB85C;
	color:#000;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.contact-text {
    text-align:center;
}

.contact-thanks {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#093;
	text-align:center;
}
.contact-error-message {
	width:80%;
	background-color:#FF9;
	margin:0 auto;
	padding:10px 4%;
	display:block;
	color:#900;
	text-align:center;
}
/*end-contact*/