:root {
	--concept-green: #616958;
	--concept-yellow: #E0B065;
}

@font-face {
	font-display: swap;
	font-family: 'Cheap Pine';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Cheap Pine/Cheap Pine Regular.otf') format('truetype');
}
@font-face {
	font-display: swap;
	font-family: 'Festivo';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Festivo/FestivoLCMini.ttf') format('truetype');
}

.concept-new-york-italian {
	--body-font-family: 'Festivo', sans-serif;
	--body-font-size: 16px;
	--body-font-weight: 400;

  --heading-font-family: 'Cheap Pine', sans-serif;
  
  --h1-size-mobile: 46px;
	--h1-size-desktop: 86px;

  --restaurant-selector-label-size-mobile: 26px;
	--restaurant-selector-label-size-desktop: 49px;

	--hero-title-font-size-mobile: 54px;
	--hero-title-font-size-desktop: 96px;
	--hero-description-font-size-mobile: 18px;
	--hero-description-font-size-desktop: 33px;

	--intro-large-text-font-family: 'Festivo', sans-serif;
	--intro-large-text-font-size-mobile: 26px;
	--intro-large-text-font-size-desktop: 41px;
	--intro-small-text-font-family: 'Festivo', sans-serif;
	--intro-small-text-font-size-mobile: 26px;
	--intro-small-text-font-size-desktop: 41px;
	--intro-link-text-font-size-mobile: 19px;
	--intro-link-text-font-size-desktop: 22px;

	--spotlight-content-title-mobile: 31px;
	--spotlight-content-title-desktop: 79px;
	--spotlight-content-description-mobile: 18px;
	--spotlight-content-description-desktop: 37px;

	--events-offers-swiper-title-font-size-mobile: 24px;
	--events-offers-swiper-title-font-size-desktop: 71px;

	--mpw-restaurant-navigation-grid-card-title-font-size-mobile: 42px;
	--mpw-restaurant-navigation-grid-card-title-font-size-desktop: 72px;

	--restaurant-menu-page-mpw-hero-title-font-size-mobile: 45px;
	--restaurant-menu-page-mpw-hero-title-font-size-desktop: 117px;

	--restaurant-menu-page-card-title-font-size-mobile: 18px;
	--restaurant-menu-page-card-title-font-size-desktop: 30px;
	--restaurant-menu-page-card-description-font-size-mobile: 16px;
	--restaurant-menu-page-card-description-font-size-desktop: 18px;
}

.concept-new-york-italian .site-header .concept-logo {
	width: 154px;
}
@media all and (min-width: 1024px) {
	.concept-new-york-italian .site-header .concept-logo {
		width: 8.014vw;
	}
}

/* The hero dropdown's trigger is .dropdown-selector-trigger; the old
   .restaurant-selector-trigger class is gone, so this never applied. */
.concept-new-york-italian .dropdown-selector .dropdown-selector-trigger {
	background-color: var(--concept-green);
	border-color: var(--concept-green);
}

.concept-new-york-italian h1,
.concept-new-york-italian h2,
.concept-new-york-italian h3,
.concept-new-york-italian h4,
.concept-new-york-italian h5,
.concept-new-york-italian .h1,
.concept-new-york-italian .h2,
.concept-new-york-italian .h3,
.concept-new-york-italian .h4,
.concept-new-york-italian .h5 {
	text-transform: uppercase;
	color: var(--concept-green);
}

.concept-new-york-italian .side-link {
	font-family: var(--heading-font-family);
	font-size: 20px;
	color: var(--white);
	background-color: var(--concept-green);
	border-color: var(--concept-yellow);
}
.concept-new-york-italian .side-link:hover {
	background-color: var(--brand-dark-blue);
}
@media all and (min-width: 1280px) {
	.concept-new-york-italian .side-link {
		font-size: 23px;
	}
}

.concept-new-york-italian .mpw-hero .slide-description {
	line-height: 1.2;
}

.single-concept.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet::before,
.single-restaurant.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet::before {
	background-color: var(--brand-dark-blue);
}
.single-concept.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet-active::after,
.single-restaurant.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet-active::after,
.single-concept.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet-active::before,
.single-restaurant.concept-new-york-italian .mpw-hero-swiper .swiper-pagination .swiper-pagination-bullet-active::before {
	background-color: var(--concept-yellow);
}

.concept-new-york-italian .mpw-menu-spotlight .mpw-menu-spotlight-swiper-navigation .text {
	font-family: 'Cheap Pine', sans-serif;
	font-size: 26px;
	font-style: normal;
	color: var(--concept-green);
}
.concept-new-york-italian .mpw-menu-spotlight .mpw-menu-spotlight-swiper-navigation .swiper-button {
	background-color: var(--brand-gold);
}
.concept-new-york-italian .mpw-menu-spotlight .arrow-link {
	background-color: var(--concept-green);
}
.concept-new-york-italian .mpw-menu-spotlight .arrow-link .text {
	color: var(--white);
}

.concept-new-york-italian .mpw-events-offers-swiper .title {
	font-family: var(--heading-font-family);
	color: var(--concept-yellow);
}
/* Subtitles pair with the title the way the rest of the brand does: Cheap Pine
   for the title, Festivo beneath it. */
.concept-new-york-italian .mpw-events-offers-swiper .subtitle {
	font-family: var(--body-font-family);
}

.concept-new-york-italian .mpw-restaurant-navigation-grid .card .bg-overlay {
	background-color: var(--concept-green);
	opacity: 0.96;
	mix-blend-mode: multiply;
}
.concept-new-york-italian .mpw-restaurant-navigation-grid .card .wrapper-frame-1 path {
	stroke: var(--concept-yellow);
}
.concept-new-york-italian .mpw-restaurant-navigation-grid .card .title {
	font-family: var(--heading-font-family);
	text-transform: uppercase;
}

.concept-new-york-italian .mpw-restaurant-events-offers-slider .heading {
	background-color: var(--concept-green);
}
.concept-new-york-italian .mpw-restaurant-events-offers-slider .heading .title {
	color: var(--concept-yellow);
}
@media all and (min-width: 1800px) {
	.concept-new-york-italian .mpw-restaurant-events-offers-slider .heading .title {
		font-size: 98px;
	}
}
.concept-new-york-italian .mpw-restaurant-events-offers-slider .swiper-slide .title {
	color: var(--white);
}

.concept-new-york-italian .mpw-intro {
	line-height: 1;
	background-color: var(--concept-green);
}
.concept-new-york-italian .mpw-intro .smaller-text {
	line-height: 1 !important;
}

.concept-new-york-italian .related-events-offers .card .title {
	font-size: 1.75rem !important;
	color: var(--white);
}
@media all and (min-width: 1024px) {
	.concept-new-york-italian .related-events-offers .card .title {
		font-size: 3vw !important;
	}
}
.concept-new-york-italian .related-events-offers .card .bg-overlay {
	background-color: var(--concept-green);
}

.concept-new-york-italian .form-block .title  {
	font-size: 33px;
}
@media all and (min-width: 640px) {
	.concept-new-york-italian .form-block .title  {
		font-size: 48px;
	}
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian .form-block .title  {
		font-size: 66px;
	}
}
.concept-new-york-italian .form-block .description  {
	font-size: 21px;
}
@media all and (min-width: 640px) {
	.concept-new-york-italian .form-block .description  {
		font-size: 28px;
	}
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian .form-block .description  {
		width: 75%;
		font-size: 35px;
	}
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield select,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea {
	color: var(--white);
	background-color: var(--concept-green);
	border-color: var(--concept-green);
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.124' height='21.074' viewBox='0 0 14.124 21.074'%3E%3Cg transform='translate(7196.481 -588.911) rotate(90)'%3E%3Cpath d='M6820,1567.87h20.438' transform='translate(-6231.089 5621.549)' fill='none' stroke='%23e0e0e0' stroke-width='1'/%3E%3Cpath d='M0,0,6.355,6.516,12.71,0' transform='translate(603.119 7195.774) rotate(-90)' fill='none' stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='bevel' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input::-webkit-input-placeholder, .concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea::-webkit-input-placeholder {
	color: var(--white);
}
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input::placeholder,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input::-webkit-input-placeholder,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea::placeholder,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea::-webkit-input-placeholder {
	color: var(--white);
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input::-moz-placeholder,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea::-moz-placeholder {
	color: var(--white);
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield input:-ms-input-placeholder,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .gfield textarea:-ms-input-placeholder {
	color: var(--white);
}

@media all and (min-width: 1024px) {
	.single-concept .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper, .single-restaurant .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper {
		background-color: var(--concept-yellow);
	}
	.single-concept .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper:hover, .single-restaurant .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper:hover {
		background-color: var(--concept-green);
	}
	.single-concept .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper .gform_button, .single-restaurant .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper .gform_button {
		color: var(--white) !important;
		background-color: var(--concept-yellow);
	}
	.single-concept .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper .gform_button:hover, .single-restaurant .gform_wrapper.gravity-theme .gform-body .gform_button_wrapper .gform_button:hover {
		background-color: var(--concept-green);
	}
}

.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .width-auto+.gform_button_wrapper,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .width-auto+.gform_button_wrapper .gform_button {
	background-color: var(--concept-green);
}
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .width-auto+.gform_button_wrapper:hover,
.concept-new-york-italian .gform_wrapper.gravity-theme .gform-body .gform_fields .width-auto+.gform_button_wrapper:hover .gform_button {
	color: var(--concept-green) !important;
	background-color: var(--concept-yellow);
}

.concept-new-york-italian .site-footer {
	background-color: var(--concept-green);
}
/* The Reserve block keeps the default dark panel otherwise, a black box on the
   green footer. */
.concept-new-york-italian .site-footer .reservation-block.brand {
	background-color: transparent;
}
.concept-new-york-italian .site-footer .footer-title {
	font-family: var(--heading-font-family);
	color: var(--concept-yellow);
}
.concept-new-york-italian .site-footer .mobile-footer .site-footer-concepts a {
	font: 400 24px var(--heading-font-family);
	letter-spacing: 0;
}
.concept-new-york-italian .site-footer .mobile-footer .reservation-block:not(.brand) .title {
	font: 400 30px var(--heading-font-family);
}
.concept-new-york-italian .site-footer .mobile-footer .footer-menu,
.concept-new-york-italian .site-footer .mobile-footer .footer-text,
.concept-new-york-italian .site-footer .mobile-footer .footer-bottom-menu,
.concept-new-york-italian .site-footer .mobile-footer .reservation-block:not(.brand) .text,
.concept-new-york-italian .site-footer .mobile-footer .reservation-block:not(.brand) .link {
	font-size: 15px;
}

.concept-new-york-italian .restaurant-selector-wrapper .restaurant-selector-label {
	text-transform: uppercase;
	color: var(--concept-green);
}

@media all and (min-width: 1024px) {
	.concept-new-york-italian.single-restaurant .mpw-hero .slide-content {
		width: 66%;
	}
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian.single-restaurant .mpw-hero .slide-content .slide-title {
		font-size: 76px;
		line-height: 1;
	}
}

.concept-new-york-italian.restaurant-menu-page .menu-navigation:before {
	background-color: var(--concept-yellow);
}
.concept-new-york-italian.restaurant-menu-page .menu-navigation .button {
	font-family: var(--heading-font-family) !important;
	background-color: var(--concept-green);
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian.restaurant-menu-page .menu-navigation .button {
		font-size: 22px;
	}
}
.concept-new-york-italian.restaurant-menu-page .legend {
	font-family: var(--body-font-family) !important;
	font-size: 22px;
}
.concept-new-york-italian.restaurant-menu-page .legend .bullet-regular {
	background-color: var(--concept-green);
}
.concept-new-york-italian.restaurant-menu-page .legend .bullet-special {
	background-color: var(--concept-yellow);
}
.concept-new-york-italian.restaurant-menu-page .btn-download,
.concept-new-york-italian.restaurant-menu-page .btn-download::after,
.concept-new-york-italian.restaurant-menu-page .btn-download::before {
	font: 400 25px var(--heading-font-family) !important;
	letter-spacing: 3px;
	color: var(--concept-yellow);
	padding: 10px 36px;
	background-color: var(--concept-green);
}
.concept-new-york-italian.restaurant-menu-page .btn-download:hover,
.concept-new-york-italian.restaurant-menu-page .btn-download:hover::after,
.concept-new-york-italian.restaurant-menu-page .btn-download:hover::before {
	background-color: var(--concept-yellow);	
}
@media all and (min-width: 1280px) {
	.concept-new-york-italian.restaurant-menu-page .btn-download {
		font-size: 35px !important;
	}
}
.concept-new-york-italian.restaurant-menu-page .menu-section .section-title {
	font-family: var(--heading-font-family) !important;
}
@media (min-width: 1280px) {
	.concept-new-york-italian.restaurant-menu-page .menu-section .section-title {
			font-size: 51px !important;
	}
}
@media (min-width: 1640px) {
	.concept-new-york-italian.restaurant-menu-page .menu-section .section-title {
			font-size: 65px !important;
	}
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card {
	color: var(--white);
	background-color: var(--concept-green);
}
/* Standard dishes sit on white (see .menu-item-card:not(.special) in main.css),
   so their copy is black; the fill above stays as the outline colour. */
.concept-new-york-italian.restaurant-menu-page .menu-item-card:not(.special) {
	color: var(--black);
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card.special {
	color: var(--concept-green);
	background-color: #D7B06C;
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card .tag {
	color: var(--concept-green);
	background-color: var(--concept-yellow);
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card .tag.featured {
	color: var(--white);
	background-color: var(--concept-green);
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card .card-title {
	font-family: var(--heading-font-family);
	color: var(--white);
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card .card-description {
	font-family: var(--body-font-family);
	color: var(--white);
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card.special .card-title,
.concept-new-york-italian.restaurant-menu-page .menu-item-card.special .card-description {
	color: var(--concept-green);
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian.restaurant-menu-page .booking .booking-block-text {
		font-size: 35px;
		line-height: 1.2 !important;
	}
}

@media all and (min-width: 1280px) {
    .concept-new-york-italian .site-footer .desktop-footer .footer-title {
        font-size: 32px;
    }
}

.concept-new-york-italian.restaurant-contact-page .mpw-hero .hero-description {
	font-size: 20px;
}
@media all and (min-width: 1280px) {
	.concept-new-york-italian.restaurant-contact-page .mpw-hero .hero-description {
		font-size: 25px;
	}
}

.concept-new-york-italian .mpw-single-event-offer-swiper .slide-content {
	background-color: var(--concept-green);
}
@media all and (min-width: 1280px) {
	.concept-new-york-italian .mpw-single-event-offer-swiper .slide-content .slide-text {
		font-size: 22px;
	}
}
@media all and (min-width: 1640px) {
	.concept-new-york-italian .mpw-single-event-offer-swiper .slide-content .slide-text {
		font-size: 25px;
	}
}

@media all and (min-width: 1640px) {
	.concept-new-york-italian .text-image .content-col p {
		font-size: 25px;
	}
}
.concept-new-york-italian .text-image .content-col .footer-link {
	font-size: 22px;
}
.concept-new-york-italian.restaurant-menu-page .menu-item-card:not(.special) .card-title,
.concept-new-york-italian.restaurant-menu-page .menu-item-card:not(.special) .card-description {
	color: var(--black);
}