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

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

#PageContainer {
    margin-top: -205px;
}

#SubHeader {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px;
}

    #SubHeader > .page-intro:first-child { 
    }

    #SubHeader .page-intro {
        z-index: 10;
        max-width: var(--site-page-maxwidth-mid);
        margin-top: 205px;
    }

        #SubHeader .page-intro .text {
            padding: 90px 0 0 0;
            text-align: center;
        }

            #SubHeader .page-intro .text h1.page-title {
                color: var(--site-color-white);
                font-size: 485%;
                font-weight: 500;
                line-height: 1em;
                margin-bottom: 0;
            }

            #SubHeader .page-intro .text .summary.intro {
                font-family: minion-pro, Palatino, serif;
                font-size: 160%;
                
            }

    #SubHeader .section:not(:first-child) .content .rotator {
        margin-top: -430px !important;
    }

    #SubHeader .HeaderImage:has(img) {
        position: relative;
        width: 100%;
        max-width: 100%;
        max-height: 950px;
        height: 950px;
        overflow: hidden;
        margin-top: -430px !important;
    }

    #SubHeader .HeaderImage:has(img):after {
        content: '';
        position: absolute;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.35);
    }

        #SubHeader .HeaderImage img {
            width: 100%;
        }

        .page-intro ~ .tabbed-menu-top, .page-intro ~ .section > .content > :first-child {
            margin-top: 0 !important;
        }

#Content {
    padding-left: var(--content-area-padding);
    padding-right: var(--content-area-padding);
}

    #Page {
    }

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

            #Primary {
            }

            #Page #PageContent #Primary {
                margin-bottom: 0;
            }

                #Primary #explore {
                    margin-top: -50px;
                }

                #Primary #PublishInfo {
                    display: none;
                }

                #Primary .navigationWidget {
                    margin-top: -200px;
                }
        
            #Secondary {
            }

                #Secondary #SecondaryContent {
                    max-width:var(--site-page-maxwidth-mid);
                    padding: 0;
                    margin: 0 auto;
                }

        #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) {
    #PageContainer {
        margin-top: -265px;
    }

    #Content {
        padding-left: 0;
        padding-right: 0;
    }
}

@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. */
    }

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

}

@media screen and (max-width: 600px) {
    #Primary .navigationWidget {
        margin-top: -230px;
    }

    #SubHeader .page-intro .text {
        padding: 90px 0 0 0;
        margin-bottom: var(--site-margin);
    }
    #SubHeader .page-intro .text h1.page-title {
        font-size: calc(0.75 * var(--site-h1-font-size));
    }

    #SubHeader .page-intro .text .summary.intro {
        font-size: calc(1.75 * var(--site-font-size));
    }

    #SubHeader .image-mid .HeaderImage:has(img) {
        margin-top: -350px !important;
    }
    
}

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