/* ### PREPAREDNESS COMMUNITY STYLESHEET ### */

/* Baseline content styles */

.slds-text-body_regular, .js-content-body {
    line-height: 22px;
    font-size: 18px;
}

.slds-text-heading_large {
    font-size: 24px;
}

.copy, .tabHeader {
    line-height: 1.4em !important;
    font-size: 18px !important;
	padding-bottom: 12px !important;
}

/* baseline text size */
a, .view-all-label, th .initialSortAsc, .cellContainer, .forceBaseListView thead th, .body, body {
    font-size: 18px !important;
}

.content-header-1, .js-content-title, .forceCommunityContactSupportForm h1 {
    color: #005288;
    line-height: 48px;
    font-size: 40px !important;
    font-weight: 900 !important;
    padding-bottom: 6px !important;
	padding-top: 24px !important;
}

.content-header-2, .js-content-body h2, .forceCommunityContactSupportForm .subtitle {
    line-height: 30px;
    font-size: 28px !important;
    font-weight: 700 !important;
    padding-bottom: 6px !important;
    padding-top: 18px !important;
}

.content-header-3, .js-content-body h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    padding-bottom: 6px !important;
    padding-top: 18px !important;
}

.content-header-4{
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-bottom: 6px !important;
    padding-top: 18px !important
}

.content-header-5{
    font-size: 18px !important;
    font-weight: 700 !important;
    padding-bottom: 6px !important;
    padding-top: 18px !important
}

.centered {
    text-align: center;
}

.page-title {
    font-size: 56px !important;    
    line-height: 62px !important;
    margin-top: 28px !important;
}

.slds-button {
    font-size: 18px !important;
}

.forceCommunityRecordDetail {
	border: 1px solid rgb(220, 220, 220);
    border-radius: .25rem;
} /*adds border around record detail cards for visual appeal */

/* COMMUNITY ENHANCED CONTENT */

.square-tile-header {
    background: #005288;
    color: white;
    font-family: source sans pro;
    font-size: 18px !important;
    padding: 12px;
}

/* Community Tile (Lightning Cmp) Styles */
.tile-header {
    color: #005288;
    font-size: 18px;
    font-weight: 700;
}

.tile-action {
    padding-top: 10px;
    text-decoration: underline;
}

/* Buttons */
.contactSupportButton {
    font-size: 18px !important;
}

/* USA Footer */
.ready-footer-link:before {
    content: "" !important;
    display: inline-block;
}

.ready-footer-link, .ready-footer-link-list {
    padding-left: 0 !important;
    padding-top: 8px;
}

.agency-name, .connect-with-us {
    font-size: 22px;
    font-weight: 700;
}

.footer-links-header {
    font-size: 18px !important;
    font-weight: 900 !important;
}


/*override community content region dimensions*/
.contentRegion {
    margin: auto;
    max-width: 1080px !important;
}

/* override list view capitalization in community template */
.forceCommunityRecordListStandard .listTitle {
    text-transform: none !important;
}

/* hide template header*/
.cHeader {
    display: none;
}

/*override buffer between regions*/ .cCenterPanel {
    margin: 0 auto 0 auto !important;
}

/*Changing the color of the login component*/
.siteforceContentArea comm-layout-column ui-widget {
    margin-bottom: 0 !important; 
}

/*Override standard button hover styles*/
.slds-button_outline-brand:hover, 
.slds-button_outline-brand:active, 
.slds-button_outline-brand:focus,
.slds-button_inverse:hover, 
.slds-button_inverse:active,
.slds-button_inverse:focus,
.hero-text a:hover,
.hero-text a:active,
.hero-text a:focus {
    background: rgb(255, 255, 255, .3);
    color: white !important;
    text-decoration: none !important;
}

/* Override Lightning form UI */

	/* Input and UI field labels */
    .uiLabel, .uiButton, .inputLabel, .slds-form-element__label {
		font-size: 15px !important;
    }

	/* Form element and UI outputs */
    .uiOutputText, .slds-form-element__static, .uiOutputPhone, .uiOutputDate, .itemBody, .input, .textarea, .emailuiFormattedEmail, .forceOutputAddressText {
        font-size: 18px !important;
    }

/* HERO BANNER & CALL TO ACTION */

.hero-image {
    height: 30vw;
	min-height: 400px;
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    position: relative;
    overflow: hidden;
}

.hero-image .hero-text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 20%;
    height: auto;
    width: 350px;
    background-color: rgb(0, 82, 136);
    padding: 40px;
}

h1[class=hero-tagline] {
    color: white;
    padding: 0;
    font-size: 24px !important;
}

.hero-image .hero-text .hero-cta-button, .loginButton, .confirmButton {
    display: inline;
    width: 100%;
    margin: auto;
    margin-top: 16px;
    padding: 8px;
    font-size: 18px;
}

.hero-text {
    font-weight: 800;
}

/*-----------MOBILE----------*/
@media only screen and (max-width: 768px) {

    /* Hero banner & call to action */
    .hero-image {
        height: 100%;
        min-height: 400px;
        background-position: center; 
        background-repeat: no-repeat; 
        background-size: cover; 
        position: relative;
        overflow: auto;
    }

    .hero-image .hero-text {
        position: center;
        margin: auto;
        transform: transform(-50%, -50%);
        top: 50%; left: 50%;
        color: white;
        background-color: rgb(0, 82, 136);
        width: 75%;
        padding: 25px;
    }
    
    .page-title {
    	font-size: 40px !important;
    	line-height: 44px !important;
    	margin-top: 0 !important;
    }
    
    .mobile-left {
        text-align: left;
    }
}

/*Resource Card Styling*/

.resource-card{
    margin-top:20px !important;
    border-radius: 20px !important;
    border-width:3px !important;
    border-color: #005288 !important;
}

.resource-card-header{
    background-color:#005288;
    color:white;
    padding:20px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

/*Expand Input Field Length*/
.salesforceIdentityLoginForm2 .inputBox {
    width: 90% !important;
}

/*Change Alert Heading Color to White*/
.slds-theme_alert-texture .title, .slds-theme_alert-texture h2, .slds-theme--alert-texture .title{
    color: white !important;
}