﻿/*****MasterFood EN*****/
body {font-size: 17px; font-family: BarlowRegular !important;}
section .headline h1, .grid-row-section .grid-rows .grid-row-text h2 {font-weight: bold;}

.grid-row-section .grid-rows .grid-row-text {direction: ltr;}
.grid-row-section .grid-rows .grid-row-text p { font-size: 90%;}

section#career > .btnsContainer .popupBtn {padding: 7px 5px;}

.normal-form textarea, .normal-form input, .normal-form select { padding: 6px 15px;}

.form-modal .dynamicFormObjectTitle {font-size: 100%;}

#DynamicFormObject #form-thanks h3, .form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3 { font-size: 120%;}

.footer-text span p a:last-of-type {font-size: 100%;}

@media (min-width: 1320px) {
    .grid-row-section .grid-rows .grid-row-text {width: 430px;}
}

@media(min-width: 1025px) {
    #header .menu > li { padding: 1px 5px; margin: 0 8px; }
    #header .menu > li.languageLink { font-size: 100%; bottom: 0; }
    #header .menu > li:nth-child(1):before, #header .menu > li:nth-child(2):before, 
    #header .menu > li:nth-child(3):before, #header .menu > li:nth-child(6):before, 
    #header .menu > li:nth-child(7):before { left: auto; right: -13px;}
    #header ul.menu li a { margin-bottom: 2px;}
    #header .menu > li#header-logo > a { top: -32px; }

    .grid-row-section .grid-rows .grid-row-text { text-align: left; }

    #about #text1 p { font-size: 95%;}
}

@media(max-width: 1024px) {
    header#header.bg, header#header, header#header.bg {padding: 24px 20px;}
    #header ul.menu li { margin-left: 0;}
    .right-header { width: 100%;}
    .waze-navigation {position: absolute; right: 105px;}

    #text1 p:last-child { line-height: 1.4;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto;}
    section#contact .textarea-wrapper.must:before { top: 4px;}

    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 200%;}
}

@media(max-width: 990px) {
    #header-logo { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
}

@media(min-width: 768px) and (max-width: 1024px) {
    body { font-size: 19px;}
}

@media(max-width: 767px) {
    #header .nav-menu-anim { margin-left: 0;}
    header#header.bg, header#header, header#header.bg { padding: 17px 20px;}
    #header-logo { left: 20px;}
    .waze-navigation {position: absolute; right: 50px;}

    #home-gallery .gallery-caption {top: 49%;}
    #home-gallery .gallery-caption .gallery-text { font-size: 130%; }

    .grid-row-section .grid-rows .grid-row-text {overflow: visible;}
    .grid-row-section .grid-rows .grid-row-text p { font-size: 125%;}
    section .headline h1, section#meat .grid-row-section .grid-rows .grid-row-text h2, section#fishimport .grid-row-section .grid-rows .grid-row-text h2, 
        section#localfish .grid-row-section .grid-rows .grid-row-text h2 { font-size: 230%;}

    section#career > .btnsContainer .popupBtn, section#contact #DynamicFormObject .dynamicFormObjectFields input.form-submit { font-size: 90%;}

    .footer-text { width: 315px; font-size: 90%; margin: 0 auto; float: none;}

    .form-modal .modal-content { max-width: 100%;}
    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 150%;}
    #DynamicFormObject .dynamicFormObjectField .must:before { left: 22px;}
    .modal-open .modal { padding-right: 0 !important;}
    .form-modal .dynamicFormObjectTitle:after, .form-modal .dynamicFormObjectTitle:before { width: 38px; height: 7px;}
    .form-modal .dynamicFormObjectTitle:before { right: -45px;}
    .form-modal .dynamicFormObjectTitle:after { left: -45px;}
    .form-modal #DynamicFormObject .dynamicFormObjectField { float: none; padding: 0 10px;}
    .form-modal #DynamicFormObject .dynamicFormObjectField .must:before {left: 18px;}
}

@media(max-width: 375px) {
    section#career #ContentRegularModule .headline{width: 80%; margin: 0 auto 10px; }
    .form-modal #DynamicFormObject .dynamicFormObjectFields { padding: 0;}
}