#home-page {
    background:#ffffff;
}

/* HIDE A BUNCH OF STUFF */

/* Hide Search bar on user page -  NEW - 6-18-25 Tim */
span.css-jx4x1f-view-flexItem > span.css-1008i8o-view--flex-flex > span.css-jx4x1f-view-flexItem > form[role="search"] {
    display: none;
}

/* Hide the PDF transcript link - NEW - 6-18-25 Tim */
span.css-jx4x1f-view-flexItem > span.css-1008i8o-view--flex-flex > a[href="/transcripts/transcript.pdf"] {
    display: none;
}

.product-results, 
.DashboardCertificate,
#search-form,
#cart,
#logout_link,
.DashboardProduct__AccountLogo,
.DashboardProduct__Program .Dropdown__Wrapper,
.css-8zh0sx-view > span > a /* REPLACES .DashboardNavigation__TranscriptButton */ {
   display:none;
}

/* LOGO */
.logo-customized img {width:200px !important; height:44px !important;}

/* HIDE HOMEPAGE FEATURE REGION */
.feature-region {
    display:none;   
}

/* FEATURE AREA */
.hero-unit {
    padding:0;
    margin-bottom:0
}

/* THIS IS FOR EMBEDDED FEATURE AREA - SEE JS BELOW */
.hero-unit.no-carousel {
    background: #fff url('https://investmentfoundations.cfainstitute.org/assets/img/CFA_Header_v1.jpg') 0 0;
    background-size: cover;
background-position:40% 30%;
    height:auto;
min-height:600px;
    width:100%;
    margin:0 auto;
}

.hero-unit.no-carousel h2 {
    font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    color: white;
    font-size: 4em;
    margin:1em;
	padding-top:60px;
    max-width:40%;
    text-shadow: 3px 3px 2px #000;
	font-style:italic;
}

#hero-logo img {
    max-width:220px;
    height:auto;
}

#cta a:hover {
    background-color:#5738F4 !important;
}

/* SEARCH FORM AREA */
#search-form.callout-region {
  background-color: #138761;
  display:none;
}




/* SCREENS UP TO 766 */
@media only screen and (max-width: 766px) {
    /* resizing image for mobile */
    .hero-unit.no-carousel {
        min-height: 330px;
    }
    #search-form .search-label, #search-form .search-box-wrapper {
        width:250px;
    }
    #slogan {
        margin:10% 25% 10% 5% !important;
    }
    #main-slogan {
        font-size:30pt !important;
        line-height:32pt !important;
    }
}
/* SCREENS BELOW 500 */
@media only screen and (max-width: 500px) {
    .hero-unit.no-carousel {
        background-position:45% 30%;
    }
    #search-form .search-label, #search-form .search-box-wrapper {
        width:200px;
    }
    #slogan {
        margin:10% 20% 10% 5% !important;
    }
    #main-slogan {
        font-size:28pt !important;
        line-height:30pt !important;
    }
    #certificate-name {
        font-size:18pt !important;
        line-height:20pt !important;
    }
}