/*
* Vox Guided Tour Home Page CSS
* Written by: Robyn Stokes - Senior Developer
* Date: 05/18/2024
*/
aside footer {
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: flex;
    left: 0;
    align-items: center;
}

/* HOME PAGE STYLES */
#home-page #imageSection {
    background: url("./../img/vox-hp.png") center center transparent no-repeat;
    padding: 0;
    margin: 0;
    background-size: cover;
    height: 100vh;
}
#home-page #startBtn {
    width: 400px;
    font-size: 25px;
    font-weight: 600;
    line-height: 2;
    color: #3654C4;
    text-decoration: none;
    cursor: pointer;
}
#home-page #nextBtn {
    margin-right: 0 !important;
}
#home-page aside h1 {
    font-weight: 800;
    font-size: 55px;
}
#home-page aside h2 {
    color: #E28824;
    font-size: 22px;
    font-weight: 200;
    margin: 0;
}
#home-page aside h3 {
    font-size: 33px;
    font-weight: 900;
    padding-top: 25px;
}


#home-page aside p {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.35;
    padding-right: 10px;
}
#home-page #popupContent {
    position: absolute;
    bottom: 20%;
    right: 25%;
}
#home-page #hotspotInfoIcon {
    position: absolute;
    bottom: -15%;
    right: -24%;
    z-index: 9;
}
#home-page #hpMenuPopup {
    padding: 30px 50px 40px 30px;
}
#home-page #hpMenuPopup p {
    font-size: 1.25em;
    color: #fff;
    margin-bottom: 20px;
    padding: 5px 10px 0;
}

#home-page .popUp {
    border-top-left-radius: 20%;
    border-top-right-radius: 20%;
    border-bottom-left-radius: 20%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 110%;
}
#home-page .lineItem {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: unset;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
#home-page .lineItem img {
    width: 55px;
}
#home-page #nextBtnImg {
    padding: 10px 21px;
    font-weight: 700;
    color: #3754c4;
    font-size: 12px;
}
#home-page .lineItem .col-3 {
    text-align: right;
    margin-right: 8px;
}
#hpStartBtn,
#hpPopUpButtons {
    width: 100%;
}