﻿/* HOUSE OF DALLAL - English */

.FileUploaderField:after, .FilesUploaderField:after { left: auto; right: 30px; }

@media(min-width:1025px) {
    #main-header .header-container .header-right .menu-nav ul#menu { right: auto; left: 0; }
    #main-header.header-hamburger .menu-nav ul.menu { transform: translateX(-100%); }

    .grid-row.image-text-grid { flex-direction: row-reverse; }
    .grid-row.image-text-grid.inverted { flex-direction: row; }
    .modal:not(#bakery-modal) #PopUpData .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text:nth-child(2) { border-left: 1px solid #E0E0E0; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField :is(.input-wrapper, .select-wrapper).must::before { right: auto; left: 0; }
    #allSectionsWrapper > .grid-form-section .form-container-wide .normal-form .dynamicFormObjectFields.row form fieldset .custom-wrapper .dynamicFormObjectField .select-wrapper::before { right: auto; left: 15px; }
    #allSectionsWrapper > .section.grid-content-section.random-boxes .grid-boxes.row .grid-box:first-child { left: auto; right: 20%; }
    #allSectionsWrapper > .section.grid-content-section.random-boxes .grid-boxes.row .grid-box:nth-child(2) { right: auto; left: 10%; }
    #allSectionsWrapper > .section.grid-content-section.random-boxes .grid-boxes.row .grid-box.lastItem { left: auto; right: 1%; }
    #SiteFooter .footer-text-divided { padding-inline-end:25px;}
    #allSectionsWrapper > .section.kdm-strip .grid-boxes.row { width: max(32%, 560px); }

}

@media(max-width:1024px) {

    #main-header .menu-nav ul.menu { transform: translateX(-100%); }
    #allSectionsWrapper > .section.about .grid-boxes.row .grid-box.lastItem .grid-box-image { right: auto; left: 3%; }
    #allSectionsWrapper > .section.about .grid-boxes.row .grid-box:first-child { left: auto; right: 0; }
    #allSectionsWrapper > .section.about .grid-boxes.row .grid-box:nth-child(2) { left: 3%; right: auto; }
    #allSectionsWrapper > .section.about .grid-boxes.row .grid-box:nth-child(3) { right: 4%; left: auto }
    #allSectionsWrapper > .section.about .grid-boxes.row .grid-box:nth-child(4) { left: auto; right: 0px; }
    :is(div, #LobbyModule) .section.info-boxes-sec .grid-boxes .grid-box .grid-box-text .grid-box-subtitle.button a:after { transform: rotate(180deg); }
    #SiteFooter .footer-text-divided .footer-text-right .dropdown-item h4::before { left: auto; right: 0; }
    #allSectionsWrapper > .grid-form-section .form-container-wide .normal-form .dynamicFormObjectFields.row form fieldset .custom-wrapper .dynamicFormObjectField .input-wrapper.must::before,
    #allSectionsWrapper > .grid-form-section .form-container-wide .normal-form .dynamicFormObjectFields.row form fieldset .custom-wrapper .dynamicFormObjectField .select-wrapper::before { right: auto; left: 8px; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .input-wrapper:before { right: auto; left: 8px; }
    body.contact :is(div,#LobbyModule) #allSectionsWrapper > section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields.row form fieldset .dynamicFormObjectField .select-wrapper:before { right: auto; left: 6px; }
}

/*--------------------/*
 ANIMATION
/*--------------------*/

@keyframes slideRight {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}