﻿/* Vivino */

#header #header-left { text-align: right; }
#header #header-left a.hvr-fade::after { left: -40px; }
#header .submenu { right: auto; left: -46px; }
#header .submenu li, #header .submenu li.active { text-align: left; }
#header .submenu .MenuWrapper { padding-right: 0; padding-left: 60px; }
#header #header-right .social-links { padding-left: 15px; padding-right: 0; }

#DynamicFormObject .dynamicFormObjectField .must:before { left: 12px; right: auto; }
.form-container-wide .dynamicFormObjectField input, .form-container-wide .dynamicFormObjectField textarea, .form-container-wide .dynamicFormObjectField select { padding-left: 15px; }
#DynamicFormObject .dynamicFormObjectSubmit { text-align: center; }

.boxes-page #LobbyModule .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; line-height: 1; }
.boxes-page #lobbyText { max-width: 720px; }
.green-sec .grid-boxes .grid-box h3, .restaurantPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 170%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { text-transform: uppercase; }
#SiteFooter .footer-text-divided .footer-text-left img { -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.footer-text-divided > div.footer-text-left { text-align: right; }
.footer-text-divided .footer-text-right ul { padding-left: 0; }
.footer-text-divided .footer-text-right ul li a img { margin-right: 20px; margin-left: 0; }
#BlogView #text1, #BlogView #text2, #accessability #text1, .footer-text-divided > div.footer-text-right, .normal-form-comment, .promoZone-content, body.rightAligning, body.rightAligning .MainContent { text-align: left; }

.categories-strip ul li { width: 160px; font-size: 90%; }

#header #header-right .languages { padding-right: 0; padding-left: 20px; }

@media(min-width:1025px) {
    #BlogView #text1, #BlogView #text2, #accessability #text1, .footer-text-divided > div.footer-text-right, .normal-form-comment, .promoZone-content, body.rightAligning, body.rightAligning .MainContent { padding-left: 130px; padding-right: 0; }

    #header #header-right #nav-toggle.active { right: auto; left: -20px; }

    .menuModuleTextItem0 .menuModuleTextItemPart:nth-child(odd), .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(odd) { padding-left: 0; padding-right: 20px; }
    .menuModuleTextItemPrice { float: right; }
    .menuModuleTextItemTitle { float: left; max-width: 70%; }
}

@media(max-width:1024px) {
    #header #header-right #nav-toggle.active { right: auto; left: 0; }
}

@media(max-width:767px) {
    #header .submenu .MenuWrapper { padding: 25px 0 85px 75px; }
    #header .submenu, #header.bg .submenu { top: 89px; left: 0; }
    #header #header-right .social-links { left: auto; right: 65px; }

    .green-sec .grid-boxes .grid-box h3, .restaurantPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 110%; }

    .menuModuleTextItemDescription { max-width: 100%; }
    .boxes-page #LobbyModule .grid-boxes { margin: auto; }
    .boxes-page #LobbyModule .grid-boxes .grid-box { width: calc(50% - 12px); margin: 0 auto 30px; padding: 0px; }
    .boxes-page .grid-content-section { padding: 0 5px; }
    .boxes-page #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; }

    #SiteFooter .footer-text-divided > div.footer-text-right { width: 35%; padding-bottom: 10px; padding-left: 18px; padding-right: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-left { transform: translate(10px, 10px) scale(1.4); }
    #SiteFooter .footer-text-divided > div.footer-text-right ul li a img { margin-left: 0; margin-right: 10px; }
}
