﻿/* GRECO NEW */
/* ORIGINAL: @import url("/Content/fonts/Levit_Blended-Bold/Levit_Blended-Bold.css"); */
@import url("https://media.getmood.io/content/fonts/levit_blended-bold/levit_blended-bold.css");
/* ORIGINAL: @import url("/Content/fonts/Copperplate-Bold/Copperplate-Bold.css"); */
@import url("https://media.getmood.io/content/fonts/copperplate-bold/copperplate-bold.css");

body { font-size: 16px; }
#header2 ul.menu li a::after { right: auto; left: 0; }
#header2.detailsInRow .header-right-section { display: flex; align-items: center; }
#header2 .header-top.social-links { order: 2; }
#header2 .menu-nav { order: 1; }
.grid-text-section.homegallery-buttons .grid-text-content p:not(:first-child)::after { background-image: url(/warehouse/temp/Greco-new/white-element.svg); background-repeat: no-repeat; content: ""; position: absolute; width: 23px; height: 20px; margin-left: 10px; }
.grid-text-section.homegallery-buttons .grid-text-content p:first-child::after { display: none; }
.restaurants-boxes .grid-box-image-text { right: auto; left: 7px; }

.footer-text-divided .footer-text-middle ul, .footer-text-divided .footer-text-middle p { text-align: left; padding-right: 0; padding-left: 10px; }

.section.homegallery-underboxes .grid-box:not(:last-child) { border-right: 5px solid #0083d0; border-left: none; }
.homePage-text p { max-width: 1250px; }
.marqueeSec h2 { font-family: 'Copperplate-Bold'; color: #0083d0; opacity: 0.15; }

.section .sec-button, .grid-rows .grid-row-text a.grid-row-button { font-size: 100%; }
.btnsWrapper a.introPopUpBtn, .grid-rows .grid-row-text a.grid-row-button.last-btn { margin-right: 0px; margin-left: 20px; }

.aboutUs #text2 { margin-right: 0; margin-left: 50px; }
.deliPage .grid-rows .grid-row-text p { text-align: left; }
.bookPage .grid-rows .grid-row-text h2, .contact.restPage .grid-rows .grid-row-text h2 { color: #0083d0; font-size: 300%; margin-bottom: 10px !important; }
.restPage .grid-row-cell-text #PageBreadCrumps { text-align: left; }

.contact.restPage .grid-rows .grid-row-text p { text-align: left; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 60%; font-size: 300%; color: #fff; padding: 0 0 20px; }
.contact .must:before { right: auto; }
.contact #SiteGrid.layout-bottom #GridPromo { display: none; }
#DynamicFormObject .dynamicFormObjectSubmit { text-align: center; }
.eventPage #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: 'We will get back to you soon'; }


.bookPage .grid-rows .grid-row-text h3, .bookPage .grid-rows .grid-row-text p { text-align: left; }
.bookPage .grid-rows .grid-row-text { font-size: 20px; }
.bookPage .grid-rows .grid-row-text p { font-size: 100%; }
.bookPage .grid-rows .grid-row-text h3 { font-size: 135%; }

@media(max-width:1024px) {
    #header2 ul.menu { text-align: left; }
    .footer-text-divided .footer-text-middle ul, .footer-text-divided .footer-text-middle p { padding-left: 20px; }
    .section.homegallery-underboxes .grid-box:nth-child(2) { border-right: none; }
}

@media(max-width:767px) {
    .deliPage .grid-text-section:not(.fixedSec) .grid-text img { margin-top: 80px; }
    .bookPage .grid-rows .grid-row-text p:last-of-type { margin-bottom: 20px; }
    .aboutUs #text1, .aboutUs #text2 { margin-left: 10px; }
    .contact.restPage .grid-rows .grid-row-text p { text-align: left; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 180%; width: 100%; }
    .eventPage .grid-rows .grid-row-text h2, .eventPage .grid-rows .grid-row-text h3 { text-align: left; }
    .eventPage .top-caption { width: 100%; padding: 0 10px; font-size: 250%; }
    .bookPage .grid-rows .grid-row-text p:last-of-type { margin-bottom: 20px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 180%; width: 95%; }
}

.restPage .grid-rows .grid-row { direction: ltr !important; }
#header2 .header-top-right a.lang { font-size: 100%; }
#header2 .header-top-right { display: flex; align-items: center; justify-content: center; align-content: center; flex-direction: row-reverse; }
#header2 .header-top-left { margin-left: 15px; }

@media(max-width:767px){
    #header2 .languages { display: block !important; left: 50px; right: auto; opacity: 1 !important; }
    #header2 .header-top-right a.lang { font-size: 120%; }
}