:root {
    --brandBrightBlue: #0074C8;
    --brandGray: #808080;
    --brandYellow: #E1E634;
    --brandLightBlue: #00A7E1;
    --brandBlack: #050504;
    --brandFont: Tenon, Arial, sans-serif;

    --lwc-inputStaticFontSize: 1rem !important;
}


.headerBanner h1 {
    color: #FFF;
    display: inline-block;
    font-family: var(--brandFont);
    font-size: 3.2rem !important;
    font-weight: 700;
    line-height: normal;
}

.containerDiv[c-experienceFooterV2_experienceFooterV2] {
    padding: 3rem calc((100% - 85%) /2) !important;
    background-color: var(--brandBlack);
}

.headerBanner {
    background-color: var(--brandBlack);
    padding: 2rem 0 0;
}

.headerBanner.homeBanner {
    background: no-repeat 90% 50% / auto url(img/bowdoin-background-arrow-banner.svg) var(--brandBlack);
    margin-bottom: 2rem;
    min-height: 20rem;
    padding: 2rem calc((100% - 85%) /2);
    padding-top: 5rem;
}

.headerBanner.homeBanner .h4 {
    color: #fff;
    font-family: var(--brandFont);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 180%;
}

.headerBanner.homeBanner h1 {
    font-size: 4rem !important;
}

.headerBanner.searchBanner,
.headerBanner.dashboardBanner,
.headerBanner.candidateBanner,
.headerBanner.accountBanner {
    background:none;
}

.headerBanner.searchBanner h1,
.headerBanner.dashboardBanner h1,
.headerBanner.candidateBanner h1 {
    color: var(--brandBlack);
    padding: 0.25rem 0 0 3.8rem;
}

.headerBanner.accountBanner h1 {
    color: var(--brandBlack);
}

.headerBanner.searchBanner h1 {
    background: no-repeat 0 50% / auto url(img/SearchIcon.svg);
}
.headerBanner.dashboardBanner h1 {
    background: no-repeat 0 50% / auto url(img/DashboardIcon.svg);
}
.headerBanner.candidateBanner h1 {
    background: no-repeat 0 50% / auto url(img/CandidateIcon.svg);
}

.slds-page-header__title .uiOutputText,
.profileDetailView .userDetailHeader h1 .profileName {
    font-size: 1.5625rem;
    font-weight: 700;
}

.slds-global-header {
    box-shadow: none !important;
    padding: 0 !important;
}

.slds-table_bordered thead th {
	border-bottom: 2px solid !important;
}
.container .slds-form-element {
    border-top: 1px solid;
}
.container .forceRecordLayout .slds-form-element {
    border-top:none;
}

.forceRecordLayout .primaryFieldRow .slds-grid .slds-media .slds-icon,
.slds-page-header_record-home .primaryFieldRow .slds-grid .slds-media .slds-avatar {
    display:none;
}
.forceHighlightsStencilDesktop .slds-page-header__detail-row,
.slds-page-header_record-home .slds-page-header__detail-row {
    border-top: 4px solid var(--brandGray);
}
.forceCommunitySection .cb-section_column:only-child {
    padding: 0 !important;
}
	
.container.forceRelatedListSingleContainer {
	max-width: 50rem;
	margin: 2rem 0;
}

.slds-col--padded.comm-layout-column {
    padding: 1rem calc((100% - 85%) / 2);
}

.level0Label[c-experienceFooterV2_experienceFooterV2] {
    text-align: right;
}

section.tabs__content .slds-card,
.siteforceDesignTimeRegion .slds-box {
    border-color: #FFF !important;
}

.forceRelatedListSingleContainer .slds-card .slds-page-header {
    background: transparent !important;
    border-bottom: 4px solid var(--brandGray) !important;
    margin-bottom: .25rem;
}

div.dashboardHeader>div.slds-page-header {
    background: none !important;
    border: 0 !important;
    border-bottom: 4px solid var(--brandGray) !important;
    border-radius: 0 !important;
}

.siteforceContentArea {
    min-height: 48rem;
}


/* Profile Styles */
.userProfileContent {
    padding: 2rem;
}

.bannerContent {
	margin-right: 350px;
}

/* Media Queries */

@media (max-width: 1400px) {
    .slds-col--padded.comm-layout-column,
    div.header.nav-align {
        padding: .75rem !important;
    }
    .headerBanner.homeBanner {
        padding: 4rem 1rem 1rem;
    }
    .containerDiv[c-experienceFooterV2_experienceFooterV2] {
        padding: 3rem 1rem !important;
    }
}

/* add a media query here to have just the brand black, remove margin and remove the padding I put there.  */
@media (max-width: 1024px) {
	.headerBanner.homeBanner {
		background: var(--brandBlack);
	}
	
	.bannerContent {
		margin-right: 0;
	}
}