/* ========================================
   GARRICK THEATRE - MAIN PAGE
   ======================================== */

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

    /* Main site width */
    html,
    body,
    #page,
    .site,
    .site-content,
    .content-area,
    #primary,
    #main {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Small amount of white space */
    .site-content,
    .content-area {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


/* ========================================
   HEADER - FULL WIDTH
   ======================================== */

#masthead,
.site-header {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background-color: #5C1225 !important;
    box-sizing: border-box !important;

    /* Sticky header */
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
}


/* ========================================
   HEADER CONTENT
   ======================================== */

#masthead > *,
.site-header > * {
    max-width: none !important;
}


/* ========================================
   MAIN NAVIGATION
   ======================================== */

#masthead a,
.site-header a {
    color: #FFFFFF !important;
}

#masthead a:hover,
.site-header a:hover {
    color: #FFFFFF !important;
}


/* ========================================
   SUBMENU / DROPDOWN
   ======================================== */

/* Dark burgundy dropdown background */
#masthead ul ul,
.site-header ul ul {
    background-color: #5C1225 !important;
}

/* Submenu links */
#masthead ul ul a,
.site-header ul ul a {
    color: #FFFFFF !important;
    background-color: #5C1225 !important;
}

/* Submenu hover */
#masthead ul ul a:hover,
.site-header ul ul a:hover {
    color: #FFFFFF !important;
    background-color: #7A1830 !important;
}


/* ========================================
   PAGE BACKGROUND
   ======================================== */

body {
    background-color: #F7F4EF !important;
}
@media screen and (min-width: 1024px) {

    /* ========================================
       EXPAND MAIN PAGE CONTENT
       ======================================== */

    html,
    body,
    #page,
    .site,
    .site-content,
    .content-area,
    #primary,
    #main,
    .container,
    .wrap,
    .wrapper,
    [class*="container"],
    [class*="wrap"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

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

        box-sizing: border-box !important;
    }


    /* ========================================
       ADD SMALL SIDE SPACE TO BODY CONTENT
       ======================================== */

    .site-content,
    .content-area,
    #primary,
    #main {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }


    /* ========================================
       HEADER - NO SIDE PADDING
       ======================================== */

    #masthead,
    .site-header,
    header {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* ========================================
       HEADER CONTAINERS - FULL WIDTH
       ======================================== */

    #masthead .container,
    #masthead .wrap,
    #masthead .wrapper,
    .site-header .container,
    .site-header .wrap,
    .site-header .wrapper,
    header .container,
    header .wrap,
    header .wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

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

        box-sizing: border-box !important;
    }
}
/* Remove dash before submenu link text */
#masthead ul ul li a::before,
.site-header ul ul li a::before {
    content: none !important;
    display: none !important;
}
/* Subtle border between header and page */
#masthead,
.site-header {
    border-bottom: 2px solid #C8A96B !important;
}
/* ========================================
   SUBMENU BORDER
   ======================================== */

#masthead ul ul,
.site-header ul ul {
    border: 1px solid #C8A96B !important;
    box-sizing: border-box !important;
}
/* Subtle section separator */
.wp-block-separator {
    border-color: #C8A96B !important;
    opacity: 0.7;
}
/* ========================================
   ACKNOWLEDGEMENT OF COUNTRY
   FULL SCREEN WIDTH
   ======================================== */

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

    /* Break the acknowledgement/footer out
       of the constrained page container */
    #colophon,
    .site-footer {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Make the acknowledgement's immediate
       container span the viewport */
    #colophon > *,
    .site-footer > * {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ========================================
   ACKNOWLEDGEMENT OF COUNTRY
   ======================================== */

#colophon,
.site-footer {
    background-color: #5C1225 !important;
    color: #FFFFFF !important;
    border-top: 2px solid #C8A96B !important;
}

/* Heading */
#colophon h1,
#colophon h2,
#colophon h3,
#colophon h4,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #C8A96B !important;
}

/* Text */
#colophon p,
.site-footer p {
    color: #FFFFFF !important;
}

/* Links */
#colophon a,
.site-footer a {
    color: #C8A96B !important;
}

/* Link hover */
#colophon a:hover,
.site-footer a:hover {
    color: #FFFFFF !important;
}
/* ========================================
   ACKNOWLEDGEMENT OF COUNTRY
   ======================================== */

/* The acknowledgement section */
#colophon .widget-area,
.site-footer .widget-area {
    background-color: #5C1225 !important;
    border-top: 2px solid #C8A96B !important;
    border-bottom: 1px solid #C8A96B !important;

    padding: 35px 20px !important;
    box-sizing: border-box !important;
}

/* Keep the actual text at a comfortable width */
#colophon .widget-area > *,
.site-footer .widget-area > * {
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Heading */
#colophon .widget-area h2,
#colophon .widget-area h3,
#colophon .widget-area h4,
.site-footer .widget-area h2,
.site-footer .widget-area h3,
.site-footer .widget-area h4 {
    color: #C8A96B !important;
    text-align: center !important;
}

/* Acknowledgement paragraphs */
#colophon .widget-area p,
.site-footer .widget-area p {
    color: #FFFFFF !important;
    text-align: center !important;
    line-height: 1.7 !important;
}

/* Links, if any */
#colophon .widget-area a,
.site-footer .widget-area a {
    color: #C8A96B !important;
}
/* ========================================
   DESKTOP HEADER - MOVE CONTENT INWARD
   ======================================== */

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

    /* Main navigation */
    #masthead .main-navigation,
    #masthead .site-navigation,
    .site-header .main-navigation,
    .site-header .site-navigation {
        padding-left: 30px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
    }

    /* Site title / logo area */
    #masthead .site-branding,
    .site-header .site-branding {
        padding-left: 30px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
    }
}
/* ========================================
   DESKTOP FOOTER TEXT - INSET
   ======================================== */

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

    #colophon .site-info,
    .site-footer .site-info {
        padding-left: 30px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
    }
}
/* Gold chevron - shifted slightly upward */
#masthead .menu-item-has-children > a::after,
.site-header .menu-item-has-children > a::after {
    content: "" !important;
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;

    border-right: 2px solid #C8A96B !important;
    border-bottom: 2px solid #C8A96B !important;
    border-top: 0 !important;
    border-left: 0 !important;

    background: transparent !important;

    transform: rotate(45deg) !important;

    /* Move chevron up 2 pixels */
    position: relative !important;
    top: -2px !important;
}