﻿/**Tel Aviv Yafo - Haim Cohen EN**/

@import url("https://p.typekit.net/p.css?s=1&k=qxq1scb&ht=tk&f=10879.10884&a=3094097&app=typekit&e=css");
@import url("https://p.typekit.net/p.css?s=1&k=tfl6tjm&ht=tk&f=28989&a=16823177&app=typekit&e=css");/*.tk-rift-soft { font-family: "rift-soft",sans-serif; }*/

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "rift-soft";
    src: url("https://use.typekit.net/af/a346fd/00000000000000003b9adf26/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a346fd/00000000000000003b9adf26/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a346fd/00000000000000003b9adf26/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}


/*General Font*/
section .headline h1, section #headline h2, #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2, #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2,
    .menus .grid-boxes .grid-box-title h3, .grid-row-section .grid-rows .grid-row-text a.grid-row-button, #DynamicFormObject input[type="submit"], .btnsContainer .popupBtn, 
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #contactus #text1 h3, .form-modal .dynamicFormObjectTitle, .modal #headline h2,
    #MenuModule .categories-strip ul li a, .menuModuleTextItemSubjectTitle, #header ul.menu li a {font-family: "rift-soft",sans-serif;} /*font-family: "futura-pt",sans-serif;*/

/*General Form Styles*/
.select-wrapper:after { right: 25px; left: auto;}
.must:before {left: 20px;}
.form-modal .must:before { left: 16px;}
.form-modal .must:before {right: auto;}
.normal-form select, .normal-form input, .normal-form textarea {padding-left: 15px;}
label.error, span.error {left: auto; right: 25px;}
.form-modal .normal-form .dynamicFormObjectField input, .form-modal .normal-form .dynamicFormObjectField textarea {text-align: left;}
#DynamicFormObject .dynamicFormObjectField:not(.textarea-field) {float: left;}

/*Pop Up Styles*/
.menuModuleTextItemPrice {float: right;}
.menuModuleTextItemDescription, .menuModuleTextItemTitle {text-align: left;}

/*Header*/
#header ul.menu li a { letter-spacing: 0;}

.grid-row-section .grid-rows .grid-row-text p { direction: ltr;}
.events .grid-box-fulltext p {text-align: left;}

#contactus #text1 h3 {font-size: 125%;}

@media(min-width: 1025px) and (max-width: 1280px) {
    header ul.menu li{ margin-bottom: 5px;}
}

@media (min-width: 1025px) {
    #header ul.menu { text-align: left;}
    #header ul.menu li.last-item { margin-left: 0; margin-right: 40px;}
    #header ul.menu li a {font-size: 100%; }
    #header-logo { left: auto; right: 0;}
}

@media(min-width: 992px) {
    .events .LobbyModule .grid-box:first-child { margin-left: 0; margin-right: 3%; }
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2 { font-size: 250%; }
}

@media(min-width: 768px) {
    section .headline h1, section #headline h2 { font-size: 340%;}

    .modal .close, #multi-content-modal.modal .close { top: 40px;}
    #MenuModule .categories-strip ul li a {font-size: 170%;}

    .menuModuleTextItem0 { margin-left: 0; margin-right: 2%;}
    .menuModuleTextItem1 { margin-left: 2%; margin-right: 0;}
    #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { float: left;}
}

@media(max-width: 1024px) {
    /*Header*/
    #header-logo { right: 30px; left: auto; }

    .menuModuleTextItemDescription, .menuModuleTextItemTitle {float: left;}
}

@media(min-width: 992px) and (max-width: 1024px) {
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2 { font-size: 230%;}
    #DynamicFormObject .must:before { right: auto;}
}

@media(min-width: 768px) and (max-width: 992px) {
    .menus .lobbyview .grid-box, .menus .LobbyModule .grid-box { margin-left: 0;}
    .menus .lobbyview .grid-box:nth-child(even), .menus .LobbyModule .grid-box:nth-child(even) { margin-left: 5%;}

    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before, #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after,
    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before, #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { width: 80px;}
}

@media(max-width: 990px) {
    .right-header > .languageLinkHolder { padding-right: 0; padding-left: 15px;}

    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2 { max-width: 70%; top: -190px; line-height: 1.1; }
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before, #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after,
    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before, #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after
        { position: absolute; top: 50%; margin: 0;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: -70px; }
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: -70px; }

    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: 0;}
    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: 0;}
}

@media(max-width: 767px) {
    .modal .close { top: 20px;}

    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 8px;}
    .form-modal #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 18px;/*left: 20px;*/}
    .form-modal .dynamicFormObjectTitle, .modal #headline h2 { font-size: 180%;}
    #PopUpData .menuModuleContent { padding-bottom: 60px;}

    #header .menu-nav { padding: 0 15px 0 0;}
    #header ul.menu li { margin-right: 0;}
    #header ul.menu li a { font-size: 130%;}
    .right-header > .languageLinkHolder { padding-left: 0;}

    .mobile-strip {text-align: left;}
    .mobile-strip span { float: left;}
    .moduleLayout .categories-strip span { padding: 0 0 0 15px;}
    .mobile-strip:after { left: auto; right: 15px;}

    section #headline h2 { white-space: unset;}
    #cohen .grid-row-section .grid-rows .grid-row, .menus .grid-content-section { overflow: hidden;}

    #contactus #text1 h2 { font-size: 100%; }
    #contactus #text1 h3 { font-size: 130%;}
    .careerSection .normal-form textarea { margin-bottom: 10px;}
}

@media(max-width: 375px) {
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2 { top: -110px;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: -40px;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: -40px;}
}

@media(max-width: 360px) {
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2 { max-width: 83%;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: -20px;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: -20px;}
}

@media(max-width: 320px) {
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: -40px;}
    #cooking .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: -40px;}

    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:before { right: 10px; }
    #cohen .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text h2:after { left: 10px;}
}