/*
	Note that this file is not actually being referenced in the public site.  To include this file, upload it as the CSS file at SV > Marketing > Public View > Configuration.

/* START OF THEME */

/* Google Fonts for MassArt branded fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');



/*
  A customized version of the Bootswatch Spacelab theme (http://bootswatch.com).
*/
@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");
/* Destiny & MassaArt's customization of the Bootswatch's spacelab theme */

:root {
	--brand-apricot: #FFC067;
	--brand-hunter-green: #085547;
	--brand-marina-blue: #2FB3FF;
	--brand-neutral-cream: #F8FAEB;
	--brand-neutral-lemon: #FFF069;
	--brand-pistachio-green: #E7FDD3;
	--brand-purpose-purple: #DEC3FF;
	--brand-rich-black: #000;
	--brand-tangerine: #FF7900;
	--brand-vibrant-purple: #8C3EFF;
	--brand-white: #FFF;
	--theme-info: #3399F3;
	--theme-success: #3CB521;
	--theme-warning: #D47500;
	--theme-danger: #CD0200;
	--gray-100: #f8f9fa;
	--gray-200: #eee;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #999;
	--gray-600: #777;
	--gray-700: #495057;
	--gray-800: #333;
	--gray-900: #2d2d2d;
	--gray: var(--gray-600);
	--grey: var(--gray);
	--dark: var(--gray-800);
	--info: var(--theme-info);
	--light: var(--gray-200);
	--success: var(--brand-pistachio-green);
	--primary-brand-color: var(--brand-neutral-cream);
	--secondary-brand-color: var(--brand-purpose-purple);
	--font-family-sans-serif: "Ciron", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-serif: "Source Serif 4", "Source Serif", "Georgia", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Override default Spacelab */
a,
a:active,
a.active,
a:focus,
a:hover,
.variable-content-item > a {
	color: var(--brand-rich-black);
	text-decoration: underline;
}
a:active,
a.active,
a:focus,
a:hover {
	text-decoration: none;
}

body,
html > body,
#pageContainer,
.form-control-plaintext {
	background: var(--brand-white);
	color: var(--brand-rich-black);
	font: normal normal 1rem var(--font-family-serif);
}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--font-family-sans-serif);
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	color: var(--brand-rich-black);
}

h1, .h1 {
	font: normal normal 48px/1.25 var(--font-family-sans-serif);
}
h2, .h2 {
	font: normal normal 36px/1.277 var(--font-family-sans-serif);
}
h3, .h3 {
	font: normal normal 30px/1.333 var(--font-family-serif);
}
h4, .h4 {
	font: normal bold 20px/1.25 var(--font-family-sans-serif);
}
h5, .h5, h6, .h6 {
	font: normal normal 18px/1.555 var(--font-family-serif);
}

fieldset.accessibility legend {
  display: inline-block;
  margin-bottom: 0.3125rem;
  font-weight: bold;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline:0.3125rem auto -webkit-focus-ring-color;
	outline-offset:-0.125rem;
}


p {
	margin-bottom: 0.625rem;
}


#mainContentWrapper .container {
	background: var(--brand-white);
}

#searchBreadcrumb a {
	text-decoration: none;
}
#searchBreadcrumb a:active,
#searchBreadcrumb a.active,
#searchBreadcrumb a:focus,
#searchBreadcrumb a:hover {
	text-decoration: underline;
}

.alert-primary {
	background: var(--brand-white);
	border-color: var(--brand-rich-black);
	color: var(--brand-rich-black);
}
.badge-primary,
.badge-secondary,
.badge-warning {
	background-color: var(--brand-white);
	border: 1px solid var(--brand-rich-black);
	color: var(--brand-rich-black);
}
a.badge-secondary:hover,
a.badge-secondary:focus {
	background-color: var(--brand-white);
	color: var(--brand-rich-black);
}
a.badge-secondary:focus, a.badge-secondary.focus {
	outline: 0;
	/* box-shadow: 0 0 0 0.2rem rgba(222, 195, 255, 0.5); */
}
.badge-pill {
	background-color: var(--brand-rich-black);
	color: var(--brand-white);
	font-size: 0.875em;
}
.badge-success,
a.badge-success:hover,
a.badge-success:focus {
  background-color: var(--brand-pistachio-green);
  color: var(--brand-rich-black);
}
a.badge-success:focus, a.badge-success.focus {
	outline: 0;
	/* box-shadow: 0 0 0 0.2rem rgba(60, 181, 33, 0.5); */
}

.breadcrumbHeader {
	font-size: .75em;
}

.btn-info.disabled,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
.btn-info[disabled].active,
.btn-outline-success.disabled,
.btn-outline-success:disabled 
.btn.btn-outline-primary:disabled,
.btn.btn-outline-primary.disabled,
.btn.btn-primary.disabled,
.btn.btn-primary.disabled:active,
.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled:hover,
.btn.btn-primary.disabled.active,
.btn.btn-primary[disabled],
.btn.btn-primary[disabled]:active,
.btn.btn-primary[disabled]:focus,
.btn.btn-primary[disabled]:hover,
.btn.btn-primary[disabled].active,
.btn.btn-secondary:disabled,
.btn.disabled,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info.active
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary.active
{
	/* opacity change as per standard */
	opacity: .5;
}


.btn-link:hover,
.btn-link:focus,
.navbar-light.bg-light .btn-link:hover,
.navbar-light.bg-light .btn-link:focus {
	color: var(--dark);
}


.btn-link:disabled,
.btn-link.disabled 
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.navbar-light.bg-light .btn-link[disabled]:hover,
.navbar-light.bg-light .btn-link[disabled]:focus,
fieldset[disabled] .navbar-light.bg-light .btn-link:hover,
fieldset[disabled] .navbar-light.bg-light .btn-link:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
	color: var(--dark);
	pointer-events: unset;
	text-decoration: none;
}

#courseProfileActions .btn-group .btn,
.btn,
.btn-info,
.btn-link,
.btn-outline-primary,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary[disabled],
.btn-secondary .glyphicon,
.card,
.card-header,
.card-info,
.card-info > .card-header,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.navbar-light.bg-light .btn-link,
.open .dropdown-toggle.btn-info,
.open .dropdown-toggle.btn-primary,
.open .dropdown-toggle.btn-secondary,
.panel-default > .card-header,
.show > .btn-outline-primary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-secondary
{
	background: var(--brand-white);
	border-color: var(--brand-rich-black);
	color: var(--brand-rich-black);
	text-decoration: none;
}

.btn-info:active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-info:hover,
.btn-info.active,
.btn-info.active,
.btn-info.focus,
.btn-info.focus,
.btn-info.focus,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary.disabled.active,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:hover,
.btn-secondary:not(.disabled):active,
.btn-secondary:not(.disabled):hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled.active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary.focus,
.btn-secondary[disabled]:active,
.btn-secondary[disabled].active,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
.custom-control-input:focus ~ .custom-control-label::before,
.show > .btn-outline-primary.dropdown-toggle:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover
{
	background: var(--brand-rich-black);
	border-color: var(--brand-rich-black);
	box-shadow: 0 0 10px rgba(0, 0, 0, .247);
	color: var(--brand-white);
	text-decoration: none;
	/* box-shadow: 0 0 0 0.2rem rgba(189, 166, 217, 0.5); */
	/* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
	/* box-shadow: 0 0 0 0.2rem rgba(211, 213, 200, 0.5); */
	/* box-shadow: 0 0 0 0.2rem rgba(222, 195, 255, 0.5); */
	/* box-shadow: 0 0 0 0.2rem rgba(248, 250, 235, 0.5); */
}
.btn-outline-success,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
	border-color: var(--brand-pistachio-green);
	color: var(--brand-rich-black);
}
.btn-outline-success:hover {
	color: var(--brand-rich-black);
	background-color: var(--brand-pistachio-green);
	border-color: var(--brand-pistachio-green);
}
/*
.btn-outline-success:focus, .btn-outline-success.focus {
	/ * box-shadow: 0 0 0 0.2rem rgba(60, 181, 33, 0.5); * /
}*/
/*
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
	/ * box-shadow: 0 0 0 0.2rem rgba(60, 181, 33, 0.5); * /
}*/
.card {
	/* background-color: var(--brand-white); */
	border: 1px solid var(--brand-rich-black);
	border-collapse: collapse;
	border-radius: 0.25rem;
	/* box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05) */
}
.card-header + .panel-collapse > .card-body {
	border-top-color: var(--brand-rich-black);
}
/* #browseOfferingsContainer .card-info, */
.card-info,
.card-info>.card-header {
	margin-bottom: 1rem;
}
.card-title {
	margin-bottom: 0;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	color: var(--brand-rich-black);
	background-color: var(--brand-purpose-purple);
	border-color: var(--brand-vibrant-purple);
}
/* .custom-control-input:focus ~ .custom-control-label::before {
	/ * box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); * /
} */
.dropdown-item > a:hover,
.dropdown-item > a:focus,
.dropdown-menu .subMenu > li > a:hover,
.dropdown-menu .subMenu > li > a:focus,
.dropdown-menu > :active > a,
.dropdown-menu > :active > a:hover,
.dropdown-menu > :active > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .subMenu > .active > a,
.dropdown-menu .subMenu > .active > a:hover,
.dropdown-menu .subMenu > .active > a:focus,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu .subMenu > li > a:hover,
.dropdown-menu .subMenu > li > a:focus {
	text-decoration: none;
	color: var(--brand-rich-black);
	background-color: var(--brand-neutral-cream);
}
.featuredImage.noImage {
	background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) 0% / 1.563rem #eeeeee !important;
}
.flex-column .nav-item + .nav-item {
	margin-top:0.125rem;
	margin-left:0;
}
.form-horizontal .form-check-input {
	min-height:1.75rem;
	margin: 0 auto;
	padding-top:0.5625rem;
}
.form-control-plaintext {
	padding: 0.5625rem inherit;
	margin-bottom:0;
	min-height:2.125rem;
}
.form-text {
	color: var(--brand-rich-black);
}
/* Cart properties */
.glyphicon-shopping-cart {
	background: transparent;
	color: var(--brand-rich-black) !important;
}
.invalid-feedback,
.valid-feedback {
	font-size: 85%;
}
.list-group + .card-footer {
	border-top-width:0;
}
.jumbotron {
	background-color: var(--brand-neutral-cream);
}
.panel-default {
	border-color: var(--brand-rich-black);
}
.panel-default > .card-header + .panel-collapse > .card-body {
	border-top-color: var(--brand-rich-black);
}
.poweredByDestinyOne a,
.poweredByDestinyOne img {
	display: block;
}

.scrollSpyMenuItemWarning {
	color: var(--theme-danger);
}
.sidebarScrollSpy .nav-link,
.sidebarScrollSpy .nav-item.active> a,
.sidebarScrollSpy .nav-pills .nav-link.active {
	border-left: 0.3125rem solid #999;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--brand-rich-black);
	background-color: var(--brand-white);
}
.card > .card-body + .table,
.card > .card-body + .table-responsive,
.card > .table + .card-body,
.card > .table-responsive + .card-body,
.panel-group .card-header + .panel-collapse > .card-body,
.panel-group .card-header + .panel-collapse > .list-group,
.panel-group .card-header + .panel-collapse > .list-group-flush,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid var(--brand-rich-black);
	color: var(--brand-rich-black);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
	border-top: 0
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid var(--brand-rich-black);
}

/* LAYOUT */
.container {
	border-left: 1px solid var(--light);
	border-right: 1px solid var(--light);
}

.pageHeader {
	margin-top: 1vxh;
}

/* MODULE */
.conferenceModule .footer2 {
	margin-top: 0;
}

.conferenceModule #footer2Wrapper .container {
	background: none;
	color: var(--brand-rich-black);
	border-left-color: transparent;
	border-right-color: transparent;
}
.mainNavBar,
.headerCarousel {
	margin: 0 -0.9375rem;
}

.mainNavBar {
	border-radius: 0;
	border-right: 0;
	border-left: 0;
	padding: 0;
}





/* STATE */

/* THEME */










.packageSelectBaseWrapper .radio,
.packageSelectBaseWrapper .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: 0.625rem 0.9375rem
}

li.portalMenuDropDownContainer ul.dropdown-menu .active>.nav-link,
li.portalMenuDropDownContainer ul.dropdown-menu .active>.nav-link:hover {
  color: var(--brand-rich-black);
}

li.portalMenuDropDownContainer ul.dropdown-menu .nav-link:hover {
	color: rgba(0,0,0,0.4);
}


.table tr.row {
	margin-left: 0;
	margin-right: 0;
}

label {
  font-weight: bold;
}

legend {
  border-bottom: 1px solid var(--brand-rich-black);
  margin-bottom: 1.25rem;
}


/* 
.panel-group .card,
.userForm .card,
.instructorForm .card,
.sectionHeader.card {
	border-radius: 0.5rem;
} */


.popover {
	font-size: 0.875rem;
}

.popover-header {
    margin: 0;
}


.bg-dark {
	background-color: var(--brand-neutral-cream);
}

/* Using important to override spacelab which uses important */
.bg-light,
.navbar-dark,
.navbar-light,
.navbar-light.bg-light {
	background:var(--brand-white) !important;
	border-color:var(--brand-rich-black);
	/* text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.3); */
}

/* Nav link properties */
.navbar-light.bg-light .navbar-collapse,
.navbar-light.bg-light .navbar-form {
	border-color: var(--brand-rich-black);
}

.navbar-light.bg-light .navbar-toggler:focus,
.navbar-light.bg-light .navbar-toggler:hover,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	/* background-color:var(--light); */
	color:var(--brand-rich-black);
	text-decoration: none;
}
.nav-link {
	position:relative;
	text-decoration: none;
}
.nav-link:hover,
.nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	text-decoration: underline;
	/* background-color: var(--brand-white); */
}
.radio,
.checkbox {
	display: block;
}

.radio label,
.checkbox label {
	font-weight: normal;
}


.nav-link {
	position:relative;
}



.panel-default {
	border-color: var(--brand-rich-black);
}

.panel-default > .card-header {
	color: var(--brand-rich-black);
	background-color: var(--brand-white);
	border-color: var(--brand-rich-black);
}
.panel-group .card > .card {
	border: none;
}
.panel-group .card + .card {
	margin-top:0.3125rem;
}

.panel-group .card-header {
	border-bottom:0;
}

.panel-group .card-header + .panel-collapse > .card-body,
.panel-group .card-header + .panel-collapse > .list-group,
.panel-default > .card-header + .panel-collapse > .card-body {
	border: 0 none;
	border-top: 1px solid var(--brand-rich-black);
	/* border-top-color: var(--brand-rich-black); */
}



/* END of Destiny's customization of the Bootswatch's spacelab theme */
/* END OF THEME */


/* --------------------------------------------------------------------------------------------------------------------------  */


/* Get Started Styles.  These styles are intended for helping users to get started for branding their public sites.
   Users may want to override one or more of the following css styles. */

/* HEADER START */

/* Language bar
	Default Position on definitionsConfig.jsp: Header0
	Corresponding jsp file - languageBar.jsp
*/
/* #header0Wrapper {} */

/* Top Header
   Default Position on definitionsConfig.jsp: Header1
   Corresponding jsp file - topHeader.jsp
   Header 1 - center (logo, cart icon, login link)
*/
#header1Container {
	border: 0 !important;
}
#header2Container,
#header3Container {
	background: var(--brand-white);
}
#schoolHeaderLogoWrapper {
	padding: 1rem;
	margin-left: 7px;
}
#schoolHeaderLogoWrapperLink img {
	display: block;
	max-height: 18dvh;
}
/* Cart counter properties */
#cartCount {
	background: var(--brand-white);
	color: var(--brand-rich-black) !important;
	display: inline-block;
	height: 1rem;
	line-height: .75;
	margin: 0;
	padding: 0;
	transform: translate(-.5rem, -.25rem);
	width: 1rem;
}
/* Login dropdown properties */
#loginInfo .headerStudentLoginContainer .dropdown-menu {
	position: absolute; 
	transform: translate3d(0, 1.625rem, 0);
	top: 0;  
	will-change: transform;
}

/* #loginDropdownMenuLink {} */
#clpHeader1ContentWrapper a,
#clpHeader1ContentWrapper a .glyphicon,
#cartInfo a,
#header0Wrapper,
#header0Wrapper a,
#loginInfo .headerProfileLink,
#loginInfo .headerLogoutLink,
#loginInfo .headerStudentLoginLogoutLink,
.headerStudentLoginContainer .headerStudentLoginDropdownLink {
	color: var(--brand-rich-black);
}
/* Header 1 full length */
/* .navbar-dark {} */

/* Global Nav
	Default Position on definitionsConfig.jsp: header3Sub1
	Corresponding jsp file - globalNavigationEmbeddable.jsp and globalNavigation.jsp
*/
/* Global nav center properties */
/* #globalNavigationBar {} */
/* Nav item properties */
/* .nav-item {} */

/* .navbar-light .navbar-nav .nav-link {} */
/* Header 3 global navigation drop down menu */
/* .navbar-nav>li>.dropdown-menu {} */
/* Header 3 global navigation drop down menu label */
/* .dropdown-menu > li > a, .dropdown-menu .subMenu > li > a {} */
/* HEADER END */

/*----------------------------------------------------------*/

/* BODY START */
/* Main page background */
#pageContainer {
	background: var(--brand-white);
}
/* #mainContentWrapper {} */
/* BODY END */

/*----------------------------------------------------------*/

/* FOOTER START */
/* Footer
   Default Position on definitionsConfig.jsp: footer1Sub1
   Corresponding jsp file- bottomNavigation.jsp
*/
/* Copyright
Default Position on definitionsConfig.jsp: footer2Sub2
Corresponding jsp file- copyright.jsp
*/
/* footer {} */
#footer1,
#footer1Wrapper .container,
#footer1Wrapper .container-fluid,
#footer2Wrapper .container,
#footer2Wrapper .container-fluid,
.cc-banner {
	background: var(--brand-rich-black);
	color: var(--brand-white);
	font-family: var(--font-family-sans-serif);
}

#footer1 a,
.cc-banner a {
	color: var(--brand-white);
	line-height: 1.5;
	text-decoration: none;
}

#footerNav {
	padding: 2rem 2rem 1dvh;
}

#footerNav #backToTopContainer .backToTop {
	background-color: var(--dark); 
	margin-top: -5px; 
}

#footerNav h5,
#footer1 .footerAbout,
#footer1 .footerContact,
#footer1 .footerSiteMap,
.footer1,
.footer2,
.footer1 h1, 
.footer1 .h1, 
.footer1 h2, 
.footer1 .h2, 
.footer1 h3, 
.footer1 .h3, 
.footer1 h4, 
.footer1 .h4, 
.footer1 h5, 
.footer1 .h5, 
.footer1 h6, 
.footer1 .h6
.footer2 h1, 
.footer2 .h1, 
.footer2 h2, 
.footer2 .h2, 
.footer2 h3, 
.footer2 .h3, 
.footer2 h4, 
.footer2 .h4, 
.footer2 h5, 
.footer2 .h5, 
.footer2 h6, 
.footer2 .h6,
.footer2 .copyright,
.footer2 .tagline {
	color: var(--brand-white);
	margin-top: 0;
}
/* .footer1 .footerAbout img {} */
/*
	.footer2 .copyright,
	.footer2 .tagline,
*/
.footerContact .glyphicon {
	color: var(--brand-white);
}
/* Footer 1 */
/* Footer2Sub2 center */
/* #footer2Sub2 {} */
/* Footer2Sub2 full length */
/* #footer2Wrapper {} */
/* Footer 2 */
/* #footer2Wrapper .container {} */
/* FOOTER END */

/* SECTION PROFILE START */
/* Section Header */
/* .sectionHeader {} */
.sectionHeader {
	background: var(--brand-white);
	/* background: linear-gradient(var(--main-navigation-hover-color), var(--primary-brand-color) 50%, var(--primary-brand-color)) no-repeat; */
	border-color: var(--brand-rich-black);
	color: var(--brand-rich-black);
	padding: 0.9375rem 0.625rem;
	margin-bottom: 1.25rem;
}
.sectionHeader h3,
.sectionHeader h2 {
	/* font-weight: normal; */
	/* color: #ffffff; */
	margin: 0;
}
/* Secondary Section Header */
/* .sectionHeaderSecondary {} */
.sectionHeaderSecondary {
	/* background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4) no-repeat; */
	border: 1px dotted var(--brand-rich-black);
}
/*
.sectionHeaderSecondary h3,
.sectionHeaderSecondary h2 {} 
*/
/* SECTION PROFILE END */
.sectionHeaderTitle,
#courseProfileSections .courseSectionTitle,
#courseProfileSections .labelSpanStyle ,
.courseSection .courseSectionTitle,
.courseSection .labelSpanStyle,
.courseSectionDescription .courseSectionTitle,
.courseSectionDescription .labelSpanStyle {
	font-family: var(--font-family-sans-serif);
	font-weight: bold;
}
.courseProfileSectionAvailability_available,
.programOfferingAvailability_available {
	color: var(--brand-rich-black);
}

/* -------------------------------------------------------------------------------------------------------------------*/
/* Media query styles should be further subcategorized into SMACSS style organization*/
/* Extra small devices, up to 767px and BASE css (mobile view sets the base)*/
@media (max-width: 767px) {
	#header1Wrapper {
		height: 49;
	}
	.table-responsive {
		border: 1px solid var(--brand-rich-black);
	}
}

/* Small devices and larger (tablets, 768px and up) */
@media (min-width: 768px) {
	#header1ContentWrapper {
		margin: 0 -0.9375rem !important;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.dropdown-menu {
		margin: 0 0 0;
	}
	.form-horizontal .col-form-label {
		text-align: left;
	}
}

/* Footer Customizations */
#footerNav .btn.btn-primary.btn-lg.btn-block {
	color: #000;
}

#footerNav .btn.btn-primary.btn-lg.btn-block:hover{
	background-color: #F9FAEC;
	color: #000;
}

/* Section Application Title Removed */
#courseApplication .card.card-body.sectionHeader{
	visibility: hidden !important;
	display: none !important;
}

/* Student Login */
#loginNameWrapper{
	color: #000;
}

/* Remove Checkout Breadcrumbs */
#checkoutBreadcrumb {
	visibility: hidden !important;
	display: none !important;
}

/* Certificate Student Portal */
#enrollmentDateLabel {
  overflow-wrap: normal;
  word-break: keep-all;   
  white-space: normal; 
}

#completedNumberLabel0 {
  overflow-wrap: normal;
  word-break: keep-all;   
  white-space: normal; 
}

/* Course Advanced Search to remove Location */
#courseSearchCampus {
	visibility: hidden !important;
	display: none !important;
}

/* Footer Link Hover */
.footer1 a {
  text-decoration: none !important;
}

.footer1 a:hover {
  text-decoration: underline !important;
}

/* Course Section profile - remove FIS */
.section.sectionCampusFisId {
	visibility: hidden !important;
	display: none !important;
}