/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/


.disclaimer {
	font-size: small;
}

.program-overview__disclaimer {
	border-top: 1px #ffffff73 solid;
    padding-top: 1.0rem;
}

.site-footer__copyright * {
    font-size: 1rem;
    text-wrap-style: balance;
}


/* Emma forms style overrides - iframe content non-selectable */
#emma-form  {
	xborder: 8px cyan solid;
	width: 100%;
	height:100%;
	min-height: 69rem;
	margin-top: -5rem;
}

.request-info-form:has(#emma-form) {
	padding: 1.5rem;
	padding: 1.25rem 1rem 0 1rem;
	overflow: hidden;
}






/* Slate RFI form radio buttons are misaligned 
	
Steps to reproduce:
1. Go to a program page
2. Select a 'Level of interest" option

Result: Radio buttons and labels are misaligned, missing styling
Should be: Alignment, spacing, and style matches other form fields and labels

The following overrides are in https://a.cms.omniupdate.com/11/#sjsu/sjsu/aspis/previewedit/online/css/oustyles.css to address: 

Integrate suitable fixes into theme.css

*/	
	/* in theme.css, input width: 100% is over-selecting radio buttons and checkboxes 
	Needs to exclude radio and checkbox */
	input, select { width: unset;} /* clear existing */

	input:not([type="radio"]):not([type="checkbox"]), select {
	    width: 100%;
	}
	
	/* styles missing from radio and checkbox labels*/
	[type=radio]+label, [type=checkbox]+label {
	    font-size: var(--sjsuo-typesize-2);
	    line-height: 160%;
	    font-weight: var(--sjsuo-weight-reg);
	    padding: .5rem;
	    border: none;
	}
	
	/* styles in theme.css on LABEL should also apply to class .form_label */
	label, .form_label {
	    color: #262626;
	    font-family: Nunito Sans, sans-serif;
	    font-weight: 400;
	}
	
	/* top margin for class .form_responses with radio or checkbox */
	.form_responses:has([type=radio]), 
	.form_responses:has([type=checkbox]) {
		margin-top: 1rem;
	} 






/* Online - Degree Card Coursel with Image */
/* Suppress display of empty image */
/* Can only be remove if component is refactored to XML + components.xsl */
.cards-carousel__card__img:has(> img[src=""]) {
	display: none;
}


/* Apply block level styling to free text in edit region */
div.components > :not(section) {
    position: relative;
    max-width: 80rem;
    padding: 0 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.components > :is(ul, ol) {
	padding: 0 3rem;
}


/* old style date sheet snippet - list cards */
section.global-spacing:first-of-type {
    margin-top: 4rem;
}


/* breadcrumb chevron font weight must not be overriden for fontawesome to render */
.breadcrumbs ol li:nth-child(n+3):before {
	font-weight: 600;
}



/* FontAwesome as self-hosted font */
@font-face {
    font-family: 'SJSUFontAwesome';
    font-style: normal;
    font-weight: 900;
    src:url(/aspis/online/fonts/fa-solid-900.woff2) format("woff2");
}

/* double-defined to cover existing markup - deprecate and implement above name */
@font-face {
	font-family:'Font Awesome 7 Free';
	font-style: normal;
	font-weight: 900;
	src:url(/aspis/online/fonts/fa-solid-900.woff2) format("woff2");
}

.fas.fa-thumbs-up::before {
    font-family: 'SJSUFontAwesome';
    content: '\f164';
}

.fas.fa-right-long::before {
    font-family: 'SJSUFontAwesome';
    content: '\f30b';
}

.fas.fa-angle-right::before {
	font-family: 'SJSUFontAwesome';
	content: '\f105';
}

.fas.fa-chevron-left::before {
    font-family: 'SJSUFontAwesome';
    content: '\f053';
}

.fas.fa-chevron-right::before {
    font-family: 'SJSUFontAwesome';
    content: '\f054';
}

.fas.fa-calendar-days::before {
    font-family: 'SJSUFontAwesome';
    content: '\f073';
}

.fas.fa-flag-checkered::before {
    font-family: 'SJSUFontAwesome';
    content: '\f11e';
}

.fas.fa-fa-bullhorn::before {
    font-family: 'SJSUFontAwesome';
    content: '\f0a1';
}

.fas.fa-bars::before {
    font-family: 'SJSUFontAwesome';
    content: '\f0c9';	
}

.fas.fa-magnifying-glass::before {
    font-family: 'SJSUFontAwesome';
    content: '\f002';
}

/* external link */
.fas.fa-arrow-up-right-from-square::after {
    font-family: 'SJSUFontAwesome';
    content: '\f08e';
}

.fas.fa-arrow-alt-to-top::before, 
.fas.fa-up-to-line::before {
    font-family: 'SJSUFontAwesome';
    content: '\f34d';
}

_deprecated_.fas.fa-arrow-up-to-line::before {
    font-family: 'SJSUFontAwesome';
    content: '\f341';
}

.fas.fa-arrows-up-to-line::before {
    font-family: 'SJSUFontAwesome';
    content: '\e4c2';
}

.fas.fa-angles-up::before, 
.fas.fa-angle-double-up::after {
    font-family: 'SJSUFontAwesome';
    content: '\f102';
}