/*
 Theme Name:   UF Theme - Finance and Accounting Child Theme
 Theme URI:    http://fa.ufl.edu
 Description:  Child theme of UF Athena Theme for Finance and Accounting website.
 Author:       Jesse Schmidt
 Author URI:   https://jesseschmidt.com
 Template:     uf-theme
 Version:      1.0.0
*/

@import url(hkb-style.css);

/*** General Overrides ***/
h3 {
	margin-bottom: 13px; /* Fixing a long standing annoyance. */
}

dt {
    line-height: 24px;
    margin-bottom: 4px;
    text-transform: none;
}

table {
	margin-bottom: 20px;
}

hr {
	margin: 30px 0;
}

ol li {
	text-transform: none;
}

.hero-content h1 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 25px;
}

.hero-content p {
    margin-bottom: 10px;
}

.home .container.content-wrap {
    margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.landing-page-hero {
		padding-bottom: 400px;
	}
}


/*** HKB Overrides ***/

/* Hide all breadcrumbs */
.hkb-breadcrumbs {
	display: none;
}
/* Show first child breadcrumb */
.hkb-breadcrumbs:nth-child(1) {
	display: initial;
}

#hkb ul.hkb-flexcolumns {
	display: flex;
	flex-wrap: wrap;
}

#hkb ul.hkb-flexcolumns > li, #hkb ul.hkb-flexcolumns.hkb-flexcolumns--one-cols > li {
	width: 100%;
	margin: 0 0 1%;
	background: #00529b;
}

#hkb ul.hkb-flexcolumns > li > .hkb-category, #hkb ul.hkb-flexcolumns.hkb-flexcolumns--one-cols > li > .hkb-category {
	height: 100%;
}

#hkb .hkb-article .hkb-article__title a {
    font-size: 1.25rem;
    line-height: 1.5rem;
}

@media screen and (min-width: 768px) {
	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--two-cols > li {
		width: 49%;
		margin: 1%;
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--two-cols > li:nth-of-type(2n) {
		margin-right: 0;	
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--two-cols > li:nth-of-type(2n+1) {
		margin-left: 0;	
	}

}

@media screen and (min-width: 768px) and (max-width: 1219px) {
	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li {
		width: 49%;
		margin: 1%;
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li:nth-of-type(2n) {
		margin-right: 0;	
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li:nth-of-type(2n+1) {
		margin-left: 0;	
	}

}

@media screen and (min-width: 1220px) {
	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li {
		width: 32%;
		margin: 1%;
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li:nth-of-type(3n) {
		margin-right: 0;	
	}

	#hkb ul.hkb-flexcolumns.hkb-flexcolumns--three-cols > li:nth-of-type(3n+1) {
		margin-left: 0;	
	}
}



/*** Audience Navigation ***/
.audience_head {
    padding: 10px 32px 10px 14px;
    text-transform: uppercase;
    position: relative;
    display: block;
    font: 700 20px/26px "Gentona", "Georgia", serif;
    letter-spacing: 1px;

    color: #fff;
    background: #00529b;
    margin-bottom: 5px;
}

.audience_head:hover {
	cursor: pointer;
    background: #004480;
}

.audience_head span.arw-down.icon-svg {
    transition: transform 0.2s;

    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
}

.audience_head span.arw-down.icon-svg svg {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 14px;
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.audience_head.audience_active span.arw-down.icon-svg {
    transform: rotate(-180deg);
}

.audience_menu {
    /*border-bottom: 2px solid #00529b;*/
    margin-bottom: 5px;
}

.audience_menu ul {
	margin: 0 4px 10px 10px;
}

.audience_menu ul li {
    display: block;
    font-size: 100%;
}

.audience_menu ul li a {
    display: block;
}

.audience_menu ul li:before {
	content: none;
}

.sidebar_widget {
	margin-bottom: 25px;
}

/* News Sidebar Widget */
.news-announcements .item h5 {
    text-transform: none;
    line-height: 28px;
    margin-bottom: 0.25rem;
}

.news-announcements .item .time {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.825rem;
    margin-bottom: 0.5rem;
}


/* FormAssembly Overrides */
.wFormContainer {
    margin-top: 0 !important;
}

.wFormContainer .wFormHeader {
    height: 0 !important;
}

.wFormContainer .wForm h3.wFormTitle {
    margin-top: 0 !important;
}

.wFormContainer .wFormFooter {
    display: none !important;
}

.wFormContainer p.supportInfo {
    display: none !important;
}

/* Salsforce chat */
body .embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #00529b;
    font-family:  "Gentona", "Arial", sans-serif;
    letter-spacing: 1.5px;
}
body .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #00529b;
}

/* Force Overrides */
abbr.slds-required {
    text-decoration: none;
    color: red;
}
.sidebarBody ul li {
    text-transform: none;
}

.sidebarBody ul li:before, .sidebarBody ol li:before {
    content: none;
}

h2[embeddedService-chatHeader_chatHeader] {
    color: #fff;
    text-transform: none;
    font-weight: bold;
}

.embeddedServiceSidebarState.stateBody {
    width: 100%;
    height: 100%;
}

.slds-m-around_large, .slds-m-around--large {
    margin: var(--lwc-spacingLarge,1.5rem);
}

.slds-form-element__label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: inline-block;
    color: var(--lwc-colorTextLabel,#696969);
    font-size: var(--lwc-formLabelFontSize,0.75rem);
    padding-right: var(--lwc-spacingXSmall,0.5rem);
    padding-top: var(--lwc-spacingXxSmall,0.25rem);
    margin-bottom: var(--lwc-spacingXxxSmall,0.125rem);
}

.slds-input {
    display: inline-block;
    padding-top: 0;
    padding-right: var(--sds-c-input-spacing-horizontal-end, var(--lwc-spacingMedium,1rem));
    padding-bottom: 0;
    padding-left: var(--sds-c-input-spacing-horizontal-start, var(--lwc-spacingSmall,0.75rem));
    width: 100%;
    min-height: calc(var(--lwc-heightInput,1.875rem) + (1px * 2));
    line-height: var(--lwc-heightInput,1.875rem);
    border: var(--lwc-borderWidthThin,1px) solid var(--sds-c-input-color-border, var(--lwc-colorBorderInput,#D4D4D4));
    border-radius: var(--sds-c-input-radius-border, var(--lwc-borderRadiusMedium,0.25rem));
    background-color: var(--sds-c-input-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)));
    color: var(--sds-c-input-text-color);
    box-shadow: var(--sds-c-input-shadow);
    transition: border var(--lwc-durationQuickly,0.1s) linear,background-color var(--lwc-durationQuickly,0.1s) linear;
}

.slds-has-error .slds-input {
    border-color: var(--lwc-colorBorderError,rgb(194, 57, 52));
    box-shadow: var(--lwc-colorBorderError,rgb(194, 57, 52)) 0 0 0 var(--lwc-borderWidthThin,1px) inset;
    background-color: var(--sds-c-input-color-background, var(--lwc-colorBackgroundInput,rgb(255, 255, 255)));
    color: var(--sds-c-input-text-color);
    background-clip: padding-box;
}

.slds-has-error .slds-form-element__help {
    color: var(--lwc-colorTextError,rgb(194, 57, 52));
}
.slds-form-element__help, .slds-form-element__helper {
    font-size: var(--lwc-fontSize2,0.75rem);
    margin-top: var(--lwc-spacingXxxSmall,0.125rem);
    display: block;
}

.slds-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-top: var(--sds-c-button-spacing-block-start, 0);
    padding-right: var(--sds-c-button-spacing-inline-end, 0);
    padding-bottom: var(--sds-c-button-spacing-block-end, 0);
    padding-left: var(--sds-c-button-spacing-inline-start, 0);
    background: none;
    background-color: var(--sds-c-button-color-background, transparent);
    background-clip: border-box;
    border-color: var(--sds-c-button-color-border, transparent);
    border-style: solid;
    border-width: var(--sds-c-button-sizing-border, var(--lwc-borderWidthThin,1px));
    border-radius: var(--sds-c-button-radius-border, var(--lwc-buttonBorderRadius,.25rem));
    box-shadow: var(--sds-c-button-shadow);
    line-height: var(--sds-c-button-line-height, var(--lwc-lineHeightButton,1.875rem));
    text-decoration: none;
    color: var(--sds-c-button-text-color, var(--lwc-brandAccessible,#2574A9));
    -webkit-appearance: none;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.slds-button_neutral, .slds-button--neutral {
    padding-left: var(--sds-c-button-neutral-spacing-inline-start, var(--lwc-spacingMedium,1rem));
    padding-right: var(--sds-c-button-neutral-spacing-inline-end, var(--lwc-spacingMedium,1rem));
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    transition: border .15s linear;
    background-color: var(--sds-c-button-neutral-color-background, var(--lwc-buttonColorBackgroundPrimary,rgb(255, 255, 255)));
    border-color: var(--sds-c-button-neutral-color-border, var(--lwc-buttonColorBorderPrimary,#D4D4D4));
}

.slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited {
    text-decoration: none;
}

.slds-button_neutral:hover, .slds-button_neutral:focus, .slds-button--neutral:hover, .slds-button--neutral:focus {
    background-color: var(--sds-c-button-neutral-color-background-hover, var(--lwc-colorBackgroundButtonDefaultHover,rgba(25, 124, 190, 0.05)));
    border-color: var(--sds-c-button-neutral-color-border-hover, var(--lwc-buttonColorBorderPrimary,#D4D4D4));
}

.slds-button_destructive, .slds-button--destructive {
    padding-left: var(--sds-c-button-destructive-spacing-inline-start, var(--lwc-spacingMedium,1rem));
    padding-right: var(--sds-c-button-destructive-spacing-inline-end, var(--lwc-spacingMedium,1rem));
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    transition: border .15s linear;
    background-color: var(--sds-c-button-destructive-color-background, var(--lwc-colorBackgroundDestructive,rgb(194, 57, 52)));
    border-color: var(--sds-c-button-destructive-color-border, var(--lwc-colorBackgroundDestructive,rgb(194, 57, 52)));
    color: var(--sds-c-button-destructive-text-color, var(--lwc-colorTextInverse,#FFFFFF));
}

.slds-button_success, .slds-button--success {
    padding-left: var(--sds-c-button-success-spacing-inline-start, var(--lwc-spacingMedium,1rem));
    padding-right: var(--sds-c-button-success-spacing-inline-end, var(--lwc-spacingMedium,1rem));
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    transition: border .15s linear;
    background-color: var(--sds-c-button-success-color-background, var(--lwc-colorBackgroundButtonSuccess,rgb(75, 202, 129)));
    border-color: var(--sds-c-button-success-color-border, var(--lwc-colorBorderSuccess,rgb(75, 202, 129)));
    color: var(--sds-c-button-success-text-color, var(--lwc-colorTextDefault,#333));
}

.slds-grid_align-center, .slds-grid--align-center {
    justify-content: center;
}
.slds-grid {
    display: flex;
}
.slds-grid_align-center .slds-col, .slds-grid_align-center [class*=slds-col_padded], .slds-grid_align-center [class*=slds-col--padded], .slds-grid--align-center .slds-col, .slds-grid--align-center [class*=slds-col_padded], .slds-grid--align-center [class*=slds-col--padded] {
    flex-grow: 0;
}
.slds-col, [class*=slds-col_padded], [class*=slds-col--padded] {
    flex: 1 1 auto;
}
.slds-col_padded, .slds-col--padded {
    padding-right: var(--lwc-spacingSmall,0.75rem);
    padding-left: var(--lwc-spacingSmall,0.75rem);
}

.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled {
    background: none;
}

.embeddedServiceSidebarButton {
    position: relative;
    border: none;
    background: var(--lwc-colorBrand,#2574A9);
    text-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    transition: background .4s ease;
    color: var(--lwc-colorTextInverse,#FFFFFF);
    font-size: var(--lwc-esFontSizeMedium,1em);
    font-weight: var(--lwc-fontWeightRegular,400);
    font-family: var(--lwc-fontFamily,Lato),sans-serif;
    width: 100%;
    margin: 0;
    height: 44px;
}

.embeddedServiceSidebarButton.uiButton--inverse .label {
    color: var(--lwc-colorTextBrand,#2574A9);
}

.embeddedServiceSidebarButton .label:hover, .embeddedServiceSidebarButton:hover .label {
    text-shadow: none;
}

.embeddedServiceSidebarButton .label, .embeddedServiceSidebarButton:disabled .label {
    z-index: 1;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--lwc-colorTextInverse,#FFFFFF);
}