/* 
 Theme Name:   dark-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     dark-shop-lite
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* ==========================================================
   AUSTRALIAMOVIE.CO.UK - RESPONSIVE FIX
   Add AFTER the existing theme CSS
   ========================================================== */


/* ---------- GLOBAL SAFETY ---------- */

html {
    -webkit-text-size-adjust: 100%;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ---------- RESPONSIVE MEDIA ---------- */

img,
video,
object,
embed {
    max-width: 100% !important;
    height: auto !important;
}

iframe {
    max-width: 100% !important;
}

.wp-caption,
.wp-caption img {
    max-width: 100% !important;
    height: auto !important;
}

figure {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}


/* Prevent long links/text from destroying mobile layout */

p,
li,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
    word-wrap: break-word;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width: 1024px) {

    /*
     Common wrappers used by older WordPress themes.
     Removes fixed desktop width.
    */

    #wrapper,
    .wrapper,
    #page,
    .site,
    #container {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }


    /* Main page sections */

    #header,
    .site-header,
    header,
    #footer,
    .site-footer,
    footer {
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* Content */

    #content,
    .content,
    .site-content,
    #main,
    .main {
        max-width: 100% !important;
        min-width: 0 !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width: 800px) {

    body {
        min-width: 0 !important;
    }


    /* ---------- OUTER LAYOUT ---------- */

    #wrapper,
    .wrapper,
    #page,
    .site,
    #container {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin-left: 16px !important;
        margin-right: 16px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ---------- REMOVE OLD FLOAT LAYOUT ---------- */

    #main,
    .main,
    #content,
    .content,
    .site-content,
    #primary,
    .primary,
    .main-content {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* ---------- SIDEBAR ---------- */

    #sidebar,
    .sidebar,
    #secondary,
    .secondary,
    .widget-area {
        float: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        clear: both !important;

        margin: 35px 0 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* ---------- HEADER ---------- */

    #header,
    .site-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    /* Site name / logo */

    .site-title,
    #site-title,
    .site-title a,
    #site-title a {
        max-width: 100%;

        font-size: 30px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
    }


    /* ---------- NAVIGATION ---------- */

    #site-navigation,
    .main-navigation,
    #access,
    .navigation {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        float: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    #site-navigation ul,
    .main-navigation ul,
    #access ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none;
    }


    #site-navigation li,
    .main-navigation li,
    #access li {
        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #site-navigation li a,
    .main-navigation li a,
    #access li a {
        display: block !important;

        width: 100% !important;

        padding: 11px 0 !important;

        line-height: 1.3 !important;
    }


    /* ---------- POSTS ---------- */

    article,
    .post,
    .hentry {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
    }


    .entry-content,
    .entry-summary,
    .post-content {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ---------- TYPOGRAPHY ---------- */

    body {
        font-size: 16px;
        line-height: 1.65;
    }


    h1,
    .entry-title {
        font-size: 29px !important;
        line-height: 1.2 !important;
    }


    h2 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }


    h3 {
        font-size: 21px !important;
        line-height: 1.3 !important;
    }


    /* ---------- TABLES ---------- */

    table {
        display: block;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;
    }


    /* ---------- INPUTS / CONTACT FORM ---------- */

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="number"],
    textarea,
    select {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box;
    }


    textarea {
        min-height: 140px;
    }


    input[type="submit"],
    button,
    .button {
        max-width: 100%;
    }


    /* ---------- FOOTER ---------- */

    #footer,
    .site-footer,
    footer {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        clear: both !important;

        float: none !important;
    }

}


/* ==========================================================
   SMALL PHONES
   ========================================================== */

@media screen and (max-width: 480px) {

    #wrapper,
    .wrapper,
    #page,
    .site,
    #container {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }


    body {
        font-size: 16px !important;
    }


    h1,
    .entry-title {
        font-size: 26px !important;
    }


    h2 {
        font-size: 22px !important;
    }


    h3 {
        font-size: 19px !important;
    }


    .site-title,
    #site-title,
    .site-title a,
    #site-title a {
        font-size: 27px !important;
    }

}
.post-main {
    margin: 0px 0 20px 0;
    width: 100% !important;
    padding: 5px;
}/* =========================
   RESPONSIVE MAIN MENU
   ========================= */

#menu-main {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu-main > li {
    margin: 0;
    padding: 0;
    float: none;
}

#menu-main > li > a {
    display: block;
    padding: 14px 18px;
    text-decoration: none;
    white-space: nowrap;
}

/* Current page */
#menu-main > li.current-menu-item > a,
#menu-main > li.current_page_item > a {
    font-weight: 700;
}


/* =========================
   TABLET
   ========================= */

@media screen and (max-width: 900px) {

    #menu-main {
        flex-wrap: wrap;
    }

    #menu-main > li > a {
        padding: 12px 14px;
    }
}


/* =========================
   MOBILE
   ========================= */

@media screen and (max-width: 600px) {

    #menu-main {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #menu-main > li {
        display: block;
        width: 100%;
        float: none !important;
        margin: 0 !important;
    }

    #menu-main > li > a {
        display: block;
        width: 100%;
        padding: 13px 15px;
        box-sizing: border-box;
        white-space: normal;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

}