@import url('../../OneCol1/Css/OneCol1.css');

/* ############################################################################
   ## 
   ##  Landing Page
   ##
   ######################################################################### */

#Header {
    background: var(--site-color-white);
}

    #Header .site-header {
    }

        #Header .site-header .cols-2 {
            margin-bottom: 0;
        }

        #Header .site-header .tools-group {
            padding: var(--site-padding-thin);
            border-bottom: var(--site-color-4-lightest) 2px solid;
        }

            #Header .site-header .tools-group .link-search,
            #Header .site-header .tools-group .login-links a,
            #Header .site-header .tools-group .shoppingCartSummary {
                position: relative;
            }

                #Header .site-header .tools-group .link-search::after,
                #Header .site-header .tools-group .login-links a::after,
                #Header .site-header .tools-group .shoppingCartSummary::after {
                    content: "";
                    position: absolute;
                    right: -34px;
                    top: 50%;
                    transform: translateY(-50%);
                    border-radius: var(--site-border-radius-ellipse);
                    width: 6px;
                    height: 6px;
                    background-color: var(--site-color-3);
                }

        #Header .site-header .link-get-uncommon {
            padding-inline: 0;
        }

        .site-header .link-search,
        .site-header .login-links a,
        .site-header .viewCartButton,
        #ShoppingCartSummaryShort #ShoppingCartSummaryInfo::before {
            text-shadow: none;
        }

        #Header .site-header .cols-2 .col:first-child {
            display: none;
        }

        #Header .site-header .cols-2 .col:last-child {
            width: auto;
            margin: 0 auto;
        }

        #Header .site-header .tools-group a:not(.link-get-uncommon):not(.viewCartButton),
        #ShoppingCartSummaryShort #ShoppingCartSummaryInfo::before,
        #ShoppingCartSummaryShort ul.cartLinks li .viewCartButton::before {
            color: var(--site-color-3);
        }

        #Header .mainMenu {
            margin-top: var(--site-padding-thin);
        }

#Content {
    padding-top: 0;
}

    #Page {
    }

        #PageTop {
            display: none;
        }
    
        #PageContent {
        }

            #Primary {
            }
        
            #Secondary {
            }

                #Secondary #SecondaryContent {
                    margin-left: -10000em;
                    margin-right: -10000em;
                    padding: var(--site-padding-thick) 10000em;
                }

        #PageBottom {
            display: none;
        }

        #Tertiary {
            display: none;
        }

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

    #Primary #PageTitle {
        margin-bottom: var(--site-box-margin-bottom);
        text-align: center;
    }

}

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

    #Content {
        padding-right: var(--site-padding-thick);
        padding-left: var(--site-padding-thick);
    }

    #Header .site-header .tools-group,
    #LoginStatusShort .login-links {
        gap: 60px;
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 1500px) {
    #Header .site-header .tools-group {
        padding-block: var(--site-padding-thinnest);
    }

    .mainMenu ul.menuList {
        margin-block: 0;
    }

        .mainMenu ul.menuList > li > a {
            /* First level links in menu */
            padding: var(--site-padding-thinnest);
            font-size: var(--site-font-size-small);
        }

    .brand-section .col:first-child img {
        max-width: 250px;
    }

    .rotating-text {
        font-size: 50px;
    }

    #Content {
        --site-h2-font-size: var(--site-h3-font-size);
    }
}

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

    #Header #AnchorMenu {
        /* display: block; */ /* Sometimes it's good to show the anchor menu on the home page. */
    }

    #Header #MainMenu {
        /* display: block; */ /* Sometimes it's good to show the main menu on the home page. */
    }

    #Header .site-header .tools-group {
        border: none;
    }

    #AccessibilityToolbar ul li#JumpToMenu {
        top: -8px;
    }

        #AccessibilityToolbar ul li#JumpToMenu a {
            background-color: var(--site-color-1);
            border-radius: 100%;
            /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA5NkMwIDc4LjMzIDE0LjMzIDY0IDMyIDY0SDQxNkM0MzMuNyA2NCA0NDggNzguMzMgNDQ4IDk2QzQ0OCAxMTMuNyA0MzMuNyAxMjggNDE2IDEyOEgzMkMxNC4zMyAxMjggMCAxMTMuNyAwIDk2ek0wIDI1NkMwIDIzOC4zIDE0LjMzIDIyNCAzMiAyMjRINDE2QzQzMy43IDIyNCA0NDggMjM4LjMgNDQ4IDI1NkM0NDggMjczLjcgNDMzLjcgMjg4IDQxNiAyODhIMzJDMTQuMzMgMjg4IDAgMjczLjcgMCAyNTZ6TTQxNiA0NDhIMzJDMTQuMzMgNDQ4IDAgNDMzLjcgMCA0MTZDMCAzOTguMyAxNC4zMyAzODQgMzIgMzg0SDQxNkM0MzMuNyAzODQgNDQ4IDM5OC4zIDQ0OCA0MTZDNDQ4IDQzMy43IDQzMy43IDQ0OCA0MTYgNDQ4eiIgZmlsbD0iIzM5MzhEMSIvPjwvc3ZnPg==");*/
        }

    #Content {
        /*border-top: var(--site-color-4-lightest) 2px solid;*/
    }

    #PrimaryContent {
        float: none;
        width: 100%;
    }

    .brand-section .col:first-child img {
        max-width: 200px;
    }

}

@media screen and (max-width: 1000px) {
    #Header .site-header .tools-group {
        font-size: 80%;
    }
}

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

    #Header .site-header .tools-group {
        font-size: 100%;
        justify-content: start;
        gap: 20px;
    }

        .site-header .tools-group .link-get-uncommon {
            padding: var(--site-padding-thinnest);
        }

    .site-header #LoginStatusShort {
        margin-right: 0;
        margin-top: var(--site-padding-micro);
    }

    .site-header #LoginStatusShort .login-links {
        flex-direction: row;
        gap: 20px;
    }

    #Header .site-header .tools-group .link-search::after,
    #Header .site-header .tools-group .login-links a::after,
    #Header .site-header .tools-group .shoppingCartSummary::after {
        display: none;
    }

    .site-header #ShoppingCartSummaryShort {
        margin-right: 0;
    }
}