/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* --- General Layout Adjustments --- */

/* Specific layout for Tatar (Russia) Locale */
html[lang="tt-RU"] #main-header > .container {
    width: 90%;
    max-width: 1280px;
    margin: auto;
}

/* --- Page Specific Overrides --- */

/* Remove bullets and padding for Post 15473 */
#post-15473 ul {
    padding-left: 0;
}

#post-15473 ul li {
    list-style: none;
}

/* Bold ordered list items for Post 15526 */
#post-15526 .et_pb_text ol li {
    font-weight: 700;
}

/* Hide Popup Maker close button for specific Popup (ID 15746) */
div#pum-15746 button.pum-close.popmake-close {
    display: none !important;
}

/* --- Media Queries (Mobile & Responsive) --- */

/* Tablet & Mobile (Divi's standard breakpoint is 980px) */
@media (max-width: 980px) {
    #et-secondary-menu,
    #et-secondary-nav {
        position: static !important;
    }
}

/* Large Mobile (600px and below) */
@media (max-width: 600px) {
    /* Hebrew (RTL) Menu Alignment Fixes */
    html[lang="he-IL"] #mobile_menu * {
        text-align: right !important;
    }

    html[lang="he-IL"] ul.sub-menu {
        padding-right: 25px;
    }

    html[lang="he-IL"] li.pll-parent-menu-item ul.sub-menu {
        padding-right: 0;
    }

    /* Force Logo Left Alignment on Mobile */
    header .logo_container {
        text-align: left !important;
    }
}

/* Standard Mobile (480px and below) */
@media only screen and (max-width: 480px) {
    /* Force specific Polylang menu item to display */
    li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-14814 {
        display: block !important;
    }

    /* Adjust Header Container Width */
    #main-header > .container:first-child {
        width: 97% !important;
    }
}

/* Small Mobile (460px and below) */
@media only screen and (max-width: 460px) {
    /* Adjust Navigation Padding */
    #et-top-navigation {
        padding-left: 80px !important;
    }

    /* Logo Size Adjustment */
    .logo_container > a > img {
        max-width: 38% !important;
    }
}