/**/
/* CATALOG LAYOUT 
/**/

/* SIDE COLUMNS */
.catalog #sideBox {background: #e3e8ec;max-width: 275px; padding: 5px 10px; border-radius: 6px; border-bottom: 1px solid #8a9eaf; margin-bottom: 25px;}
.catalog #sideBox h2 {background: #314252; padding: 10px; width: 112% !important; border-bottom: 1px solid #6A7B8B; margin-left: -15px; color: #e3e8ec; font-weight: normal; font-size: 1.4em; text-align: center;}
.catalog #sideBox h3 {color: #394C5E; font-weight: normal; font-size: 1.4em; margin: 20px 10px !important;}
.catalog #sideBox ul, .catalog #sideBox li {list-style-type: none; margin: 0px !important; padding: 0px !important;}
.catalog #sideBox a {font-size: 1em; color: #00538f; line-height: 1.5em; margin-left: 10px; margin-right:15px;}
.catalog #sideBox a:hover {color: #0076cc;}
.catalog .sideBtn li {margin: 10px 5px; }
.catalog .sideBtn li a {margin: 10px 5px; padding: 5px 10px; font-size: 1em; font-weight: bold; line-height: 1.4; vertical-align: middle; display:block; border-radius: 10px; text-decoration:none !important;
						     background-color: rgba(92,122,148,.35); color: #00538f; }
.catalog .sideBtn li a.dark {background-color: rgba(92,122,148,1) /*#5C7A94*/; color: #ffffff; border: 1px solid #6A7B8B;}
.catalog .sideBtn li a:hover {background-color: #475f74 !important; color: #ffffff !important; text-decoration: none;}
.catalog .rightBox {background: #f7f7f7; padding: 20px 15px; border: 1px solid #e4e8ea; margin-right: 15px; width: 90% !important;}
.catalog .rightBox a {color: #2976AE;}

@media (max-width: 1023px){
    .catalog #sideBox {max-width:unset; padding:unset;}
    .catalog #sideBox h2 {margin-left:unset; width:100% !important;}
    .catalog #sideBox h3 {display:none; margin: 0px 10px !important;}
    .catalog #sideBox li {display:inline-block; min-width: 240px; margin-top:0; margin-bottom:0;}
}
@media (max-width: 550px){
    .catalog #sideBox .sideBtn li {display:block;}
}


/* APPLY BUTTON */
.catalog #apply {font-size: .875em; right: 12px !important; padding-right: 5px; position: relative;}

/* BANNERS */
.catalog > .bannerSpecial {margin-top:30px;}
.catalog .bannerSpecial {padding-left:15px; padding-right:15px; margin-right:auto; margin-left:auto}
.catalog .bannerSpecial img {width:100%;}
.catalog .bannerSpecial:before,
.catalog .bannerSpecial:after{display:table;content:" "}
.catalog .bannerSpecial:after{clear:both}  
	@media (min-width: 1024px) {.catalog .bannerSpecial {padding-left:unset; padding-right:unset}}
	@media (min-width: 1024px) and (max-width: 1279px) {.catalog .bannerSpecial {max-width:1000px !important;}}
	@media (min-width: 1280px) and (max-width: 1439px) {.catalog .bannerSpecial {max-width:1250px !important;}}
	@media (min-width: 1440px) {.catalog .bannerSpecial{max-width:1400px !important}}

.catalog #content > .bannerSpecial {margin-top:0px; margin-bottom:30px;}


/* ACCORDION PAGES */
/*.accordionBlock.light .accordion {border-top:2px solid #0a233f;}*/
.accordionBlock.light .accordion + h2 {margin-top: 1.5em !important;}
.accordionBlock.light .accordion-item {background: #f5f5f5; border: 1px solid #dddddd; list-style-type: none; margin:0.75em 0px;}
.accordionBlock.light .accordion-title h3 {margin: 0px; font-size: 1.3em; padding-right:1em;} 
.accordionBlock.light .accordion-title[aria-expanded='true'] h3 {font-weight:800;}
.accordionBlock.light .accordion-title {background: unset; border:unset; padding:1em;}
.accordionBlock.light .accordion-content {border:unset;}
.accordionBlock.light .accordion-content > h4 {font-size:1.25em;}
.accordionBlock.light .accordion-content > h4:first-child {margin-top: 0px;}

/* MISCELLANEOUS OVERRIDES */
.azAnchors h2 {border-bottom: 1px solid #0a233f; display: block;}
.btn-border.btn-cyan,
.btn-border.btn-cyan:hover {font-size: 1.5rem !important;}
.btn-border.btn-large {padding: 10px 0px 16px 0px !important;}
.material-symbols-outlined {vertical-align: bottom; padding-left:10px;}
#sideContent h2.title3 {margin-bottom: 0.75em; font-weight: bold;}


/****/
/* LISTS WITH SEARCH 
/****/

/* Filter Box*/
.catalog #filterbox {background:#ABBBCA; padding:20px 10px 5px 10px; border-radius:10px; margin-bottom:30px; min-width:300px;}
.catalog #filterbox .resetBtn {text-align:right; margin-right:1.5%; float:right}
.catalog #filterbox h2 {font-size:1.1em; font-weight:bold; margin:0px 0px 10px 15px; display:block}
.catalog #filterbox select {padding: 6px; margin: 0.5em 2% 1.5em 10px /*0px 2% 15px 10px*/; border: 1px solid #ccc; border-radius: 4px; display:inline-block;}
.catalog #filterbox textarea {margin: 0.25em 10px 1.5em 10px}
/*.catalog #filterbox #searchKeywords {width:88%}*/
.catalog #filterbox #searchReset {opacity:.75, }
/*.catalog #programList #filterbox #searchYears {width:20%}*/
/*.catalog #programList #filterbox #searchLevel {width:22%}*/
/*.catalog #programList #filterbox #searchColleges {width:39%}*/
/*.catalog #courseList #filterbox #searchLevel {width:20%}*/
/*.catalog #courseList #filterbox #searchColleges {width:33%}*/
/*.catalog #courseList #filterbox #searchDepartments {width:28%}*/

/*@media (min-width:768px) and (max-width: 1279px){*/
/*    .catalog #filterbox #searchKeywords {width:85%}*/
/*}*/
/*@media (max-width:767px) {*/
/*    .catalog #filterbox #searchKeywords {width:65%}*/
/*    .catalog #programList #filterbox #searchYears {width:90%}*/
/*    .catalog #programList #filterbox #searchLevel {width:90%}*/
/*    .catalog #programList #filterbox #searchColleges {width:90%}    */
/*    .catalog #courseList #filterbox #searchLevel {width:90%}*/
/*    .catalog #courseList #filterbox #searchColleges {width:90%}*/
/*    .catalog #courseList #filterbox #searchDepartments {width:90%}*/
/*}*/

/* Program List */
.catalog #programList .college table {width:100%; margin:.75em 0px;}
.catalog #programList .college table .lbl {width:150px;}
.catalog #programList .college table .data {padding:1em 0px;}
.catalog #programList .college table h3 {font-size: 1.25em; font-weight:bold; padding-top:16px;}
.catalog #programList .list {padding-left: 0; margin:0px;}
.catalog #programList .list li {position: relative; list-style-type:none; margin-bottom: -1px; border: 1px solid #DDD; cursor:pointer}
.catalog #programList .list li:first-child {border-top-right-radius: 4px; border-top-left-radius: 4px;}
.catalog #programList .list li:last-child {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.catalog #programList .list li:nth-child(odd) {background-color: #f6f7f9;}
.catalog #programList .list li:nth-child(even) {background-color: #ffffff;}
.catalog #programList .list li:hover {background-color: #ced8e1;}
.catalog #programList .list li a {display:block; padding: 10px 15px; color:inherit; text-decoration:none;}
.catalog #programList .year {margin-right: 2em; /*float:right;*/}

/* Catalog List */
.catalog #courseList .floatRight {margin-bottom:0.5em;}
.catalog #courseList .accordion-toggle{border:0px; background:none; color:#0e4d8c}
.catalog #courseList h2 {clear:both}
.catalog #courseList .accordion {margin: 20px 0;}
.catalog #courseList .accordion li {position: relative; list-style-type:none; margin-bottom: -1px; border: 1px solid #DDD; cursor:pointer}
.catalog #courseList .accordion li:first-child {border-top-right-radius: 4px; border-top-left-radius: 4px;}
.catalog #courseList .accordion li:last-child {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.catalog #courseList .accordion li:nth-child(odd) {background-color: #f6f7f9;}
.catalog #courseList .accordion li:nth-child(even) {background-color: #ffffff;}
.catalog #courseList .accordion li a {display:block; padding: 10px 15px; color:inherit; text-decoration:none;}
.catalog #courseList .accordion li a:hover {background-color: #ced8e1;}
.catalog #courseList .accordion .accordion-content {display:none; width:80%; margin: 10px 0px 15px 15px; line-height: 1.6em;}
.catalog #courseList .accordion .accordion-title::before{content: "+"; position: absolute; top: 11px; right: -1px; margin-top: -0.75rem; border: 1px solid #DDD; padding: 10px 20px;}
.catalog #courseList .accordion .is-active>.accordion-title::before{content:"–"}
.catalog #courseList .accordion .accordion-title .title {display:inline-block; width:80%; font-weight:bold;} 
.catalog #courseList .accordion .accordion-title .hours {display:inline-block; width:15%; text-align: right; padding-right:15px;}
.catalog #courseList .accordion .accordion-content .hours {display:none;}
@media (max-width:767px) {
    .catalog #courseList .accordion .accordion-title .hours {display:none;}
    .catalog #courseList .accordion .accordion-content .hours {display:block;}
}

/****/
/* PROGRAM OF STUDY
/****/

/*.catalog.program h1 {position: absolute; width: 1px; height: 1px; padding: 0;margin: -1px; overflow: hidden; clip: rect(0 0 0 0); border: 0;} /*sr-only*/
.catalog.program h1 {display:block; font-size: 1.9em; line-height: 1.4em; font-weight: 600; margin:0px;}
.catalog.program h2 {margin-top:0px;}
.catalog.program h2 .degree {display:block; font-size: 1.4rem; line-height:1.4em;}
.catalog.program h2 .conc {display:block; font-size: 1.4rem; line-height:1.4em;}
.catalog.program h2 .year {font-size:1.4rem; color: #0a233f; font-weight: normal; margin-top: -10px; }
.catalog.program .description h3 {font-size: 1.4em; font-size: 1.3rem; border-bottom:1px solid #0a233f;}
.catalog.program .label {text-transform:capitalize}

/* Catalog Past Archives */
.AREA_TEXT {display: block; margin-left: 15px;margin-bottom: 5px;}
.RULE_NAME {margin-left: 60px; display: block;}
.AREA_COURSE_TEXT {display: block; margin-left: 80px; margin-bottom: 5px;}

#mainContent {position:relative} 
span.back2current {text-align: center; font-size: 0.85em; font-weight: bold; line-height: 1.4em; margin-top: -1.75em;}
span.back2current a {display: block; background: #e9e9ea; color:#0a233f; border-radius: 10px; border: #d7d7d7 1px solid; padding: 5px 10px; text-decoration:none !important;}
span.back2current a:hover {background:#00b2e2; color:#0a233f; text-decoration:none;}
span.back2current span.material-icons {display: inline-block; vertical-align:middle}

@media (min-width: 767px){
	span.back2current {position: absolute; top: 2em; right: 0;}
	span.back2current span.material-icons {display: block;}
}


/****/
/* PROGRAM OF STUDY
/****/

.ospreymap h2 {font-size: 1.25em; font-weight: bold; color: #074489;}



/****/
/* EDITING ONLY
/****/

.editAlert {background:#fff0b3; padding:.5em; font-size:1.15em; font-weight:bold; text-align:center; }
.oldAlert {background:#D02433; color:#ffffff; padding:.5em; font-size:1.15em; font-weight:bold; text-align:center; }


/****/
/* PDF / PRINT
/****/

/* Blank Template Workaround*/
    #layoutCSS  {display:none;}

/* Print CSS*/
@media print {

	/* hide regions */
    header, header *,
    footer, footer *,
	#bannerFull,
	#bannerContent,
	#bannerNav,
	#left,
	#sideContent,
	.catalog #filterbox,
	.catalog #filterbox *, 
    .accordion-toggle,
    a[href]:after {content: none !important;}

	/* make readable */
	main, footer{font-size:90%}
		
	/* print */
	#siteBar {display:none !important} /* Jan2025: hid because the page header was covering content when trying to print normal (not via PDF print) */
	#siteBar a {font-size:1rem;}
	nav button {font-size: 1rem; line-height:2.25em; background: none; border:none !important; outline: none !important; padding: 0 !important}
    h1{font-size:2.25em;}
    h2{font-size:1.75em;}
    h3{font-size:1.65em;}
    .accordion-content {display:block !important;}
}

/****/
/* Catalog Modality
/****/

.catalog #programList #filterbox .top-fields {display: grid; grid-template-columns: auto 1fr 1fr;}
.catalog #programList #filterbox .bottom-fields {display: grid; grid-template-columns: auto 1fr auto;}
.catalog #programList #filterbox #searchMode {position: relative; bottom: 9px;}
.catalog #programList #filterbox #searchKeywords {height: fit-content;}

@media (max-width:767px) {
    .catalog #programList #filterbox .top-fields {grid-template-columns: 1fr;}
    .catalog #programList #filterbox .bottom-fields {grid-template-columns: 1fr;}
    .catalog #programList #filterbox #searchMode {bottom: 0;}
    .catalog #programList #filterbox #searchKeywords {margin-top: 4px;}
}

.catalog #courseList #filterbox .top-fields {display: grid; grid-template-columns: auto 45% 35%;}
.catalog #courseList #filterbox .bottom-fields {display: grid; grid-template-columns: 1fr auto;}
.catalog #courseList #filterbox #searchKeywords {height: fit-content;}

@media (max-width:767px) {
    .catalog #courseList #filterbox .top-fields {grid-template-columns: 1fr;}
    .catalog #courseList #filterbox .bottom-fields {grid-template-columns: 1fr;}
}