/**************************************************************/
/* ********   Header styles *********** */
header.uaf .uafBanner .headerRight .siteBarContainer {align-items: center; height: 100%; position:relative;}
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item {display: block;width: 100%;height: 50px;background: #205985;text-align: center;left: 0;bottom: 0; color: #d7d2cb;font-size:12px;border-left: 1px solid #1a476b;display: inline-flex;align-items: center;justify-content: center;transition: all ease-in-out 0.5s;}
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item:hover,
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item:focus,
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item:active {background:#425364;text-decoration:none;}
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.left {border-left: none;}
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.left:after {content: '';background: #205985;position: absolute;left: -200px;top: 0;bottom: 0;width: 200px;}
header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.right:after {content: '';background: #205985;position: absolute;right: -200px;top: 0;bottom: 0;width: 200px;z-index: 1;	}
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch {margin: 0 !important;}
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn {height: 50px;align-items: center;display: inline-flex;padding: 5px 20px;background: #1e5985 !important;border-left: 1px solid #1a476b !important;transition: all ease-in-out 0.5s;z-index: 2;position:relative;}
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn[aria-expanded="true"] .fa-search:before {content: "\f00d";}
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn:hover,
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn:focus,
header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn:active {background: #425364 !important;}
header.uaf .searchContainer .gsc-search-button-v2 {border-color: #1e5985;background-color: #1e5985;}
@media (min-width: 576px) {
	header.uaf .searchContainer,
	.headerContainer {margin-left:auto;margin-right:auto;}
	header.uaf .searchContainer .gsc-control-cse {padding-right: 0;}
}
@media (min-width: 992px) {
	header.uaf .uafBanner .headerContainer  {flex-direction: row;}
	header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.left:after,
	header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.right:after {display:none;}
	header.uaf .uafBanner .headerRight .siteBarContainer .menu-item.left {border-left: 1px solid #1a476b;}
	header.uaf .uafBanner .headerRight .siteBarContainer .menu-item {border-top:none;border-bottom:none;height: 64px;padding: 0 25px;width:auto;}
	header.uaf .uafBanner .headerRight .siteBarContainer .uafSearch .btn {border-top:none !important;border-bottom:none !important;height: 64px;border-right: 1px solid #1a476b !important;}
	header.uaf .uafBanner {padding-bottom:0;}
	.headerLeft {padding-left:2%;}	
}
.site-header {border-top: 8px solid #ffcd00;
	border-image: linear-gradient( 90deg, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%)1;
    border-radius: 0px;
    box-sizing: border-box;}
.site-menu {display:none;visibility:hidden;}
.site-menu#cbsm-menu {display:block;visibility:visible;}
.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #236192;
    white-space: nowrap;
}

/**************************************************************/
/* ********  Styles for  HOMEPAGE *********** */
#homepage .main-content, #homepage .page-content {padding-top:0rem;}
#homepage .themeCustom:nth-of-type(1) {background-image:url('/cbsm/images/homepage/Home-Header-Image.jpg');background-repeat:no-repeat;background-size:cover;height:600px;background-position:center;background-attachment: fixed;display: flex;justify-content: center;align-items: center;}
#homepage .themeCustom:nth-of-type(1) h1 {margin:auto;text-align: center;color:#111C4E;font-size:3.5rem;}
#homepage .featured-bg-container.customTheme2 {background-image:url('/cbsm/images/homepage/AAR-14-4310-29-edit.png');background-repeat:no-repeat;background-size:cover;height:600px;background-position:center;background-attachment: fixed;}
#homepage .featured-bg-container.customTheme2 .blueBx {background-color:rgba(35, 97, 146, 0.8); padding:0.8rem; text-align:center;margin:3rem;}
#homepage .featured-bg-container.customTheme2 .blueBx p, #homepage .featured-bg-container.customTheme2 .blueBx h2 {color:#fff;}
#homepage .featured-bg-container.customApply {height:400px;background-image:url('/cbsm/images/homepage/JR-17-5118-147-crop.png');background-repeat:no-repeat; background-size:cover;}
.facts-container a:active, .facts-container a:hover, .facts-container a:link, .facts-container a:visited {text-decoration: none !important;pointer-events: none;}
.facts-container h4.card-title {font-size:2.5rem; margin-bottom:0.5rem;}
.facts-container h4 a:link, .facts-container h4 a:visited {color:#ffcd00 !important;}
.facts-container .card-text.text-warning {color:#fff !important;}
.facts-container img {display:none;visibility:hidden;}
/**************************************************************/
/* ********   Menu styles for sidebar navigation *********** */
ul.subnav > li {letter-spacing: normal; border-bottom: 2px solid #111C4E;}
		.subnav {background: #d7d2cb;width: 100%;border-top: 0px solid transparent;margin-top:4rem;}
		#sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child {background:#236192;padding: 0.5rem;font-size: 1.2rem;font-family: 'Zilla Slab';}
		.subnav li.nav-item div.menu-toggle-icon {background-color:#d7d2cb;}
		#sidebar .dropdown-toggle {font-size:1.2rem;}
		.subnav .subnav-nested {background: #d7d2cb;}
		.subnav li.nav-item {padding:0.4rem 0;}
		.subnav .subnav-nested li.nav-item {border-bottom: 1px solid #111C4E;padding:0.4rem 0;}
		.subnav .subnav-nested li.nav-item:last-child {border-bottom: 0px solid transparent;}
		#sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child:hover {background:#c4cfdb;}
		#sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child a, #sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child a:link {color:#fff !important;}
		#sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child a:hover, #sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child a:focus, #sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child a:visited {color:#fff!important;}
#sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child:hover, #sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child:focus, #sidebar ul.nav:not(.subnav-nested ul.nav) > li:first-child:visited {background:#111C4E;}
		#sidebar .subnav > li:hover {background: #e8e5e1;}
		#sidebar .subnav-nested li:hover {background: #e8e5e1;}
		#sidebar .nav-item.active {background: #e8e5e1;}
		#sidebar ul.nav li.nav-item:has(div.menu-toggle-icon) > a.nav-link {width:80%;}
/************************************************************************/
/********* Styles for the Big navigation in middle of page **************/
.big-nav .nav-item {
	margin-bottom:6px;
	font-size:1.5rem;
}
.big-nav .nav-link {
	display: block;
    padding: .5rem 1rem;
    padding: 15px 55px 15px 15px;
    background: #d7d2cb;
	color:#425364;
    position: relative;
    width: 100%;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.5rem;
	text-decoration: none !important;
    font-weight: 400;	
}
.big-nav .nav-link:after {
	content: "\f105";
    font-family: "Font Awesome 5 Pro";
	font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    background: #425364;
    display: flex;
    width: 50px;
    justify-content: center;
    align-items: center;
}
.news-nav {border-top: 5px solid #ffcd00;border-bottom: 5px solid #ffcd00;padding: 15px;}
.news-nav li a {text-transform: uppercase;font-size: 20px; border-bottom: 1px solid;padding-bottom: 0px;display: block;margin-bottom: 10px;transition: all ease-in-out 0.5s;text-decoration: none !important;}
.news-nav li a:hover, .news-nav li a:active, .news-nav li a:focus {margin-left: 5px;}
/**************************************************************/
/* ********   Styles for FOOTER *********** */
.page-footer .extra-line {border-top:solid 2px #fff;}
.global-footer {background-color: #1e5c8d;}
/**************************************************************/
/* ********   Pagination navigation styles *********** */
.pagination-margin {margin-bottom: 4rem!important;}
/**************************************************************/
/* ********   Menu styles for sidebar navigation *********** */
.divider-blue {border-top: 8px solid #236192; margin-top: 4rem; margin-bottom: 4rem;}
/*****************************************/
/**** STyles for directory/staff blocks *******/
.contact-wrapper {
	background: rgba(215, 210, 203, 0.8);	
	padding-top: 30px;
    padding-bottom: 30px;
	justify-content: center;
	text-align: center;
}
.contact-wrapper h2,
.contact-wrapper.element-item h2,
.contact-wrapper h24 a {
	font-weight: 400;
	color:#425364 !important;
    margin-bottom: 10px;
}
.contact-wrapper h2 a:hover {
	color:#236192 !important;	
	text-decoration:none;
}
.contact-wrapper.element-item a {
	margin-bottom:0;
}
.contact-wrapper > div:not(.content) p {
    font-weight: 900;
    font-size: 1rem;
    margin: 0;	
	color:#425364;
}

.contact-wrapper a {
    margin-bottom: 30px;
    display: block;
	color:#425364;
}
.contact-wrapper a.advisor {
	text-decoration:none !important;
}
.contact-wrapper a.advisor:hover,
.contact-wrapper a.advisor:active,
.contact-wrapper a.advisor:focus,
.contact-wrapper a.advisor:hover h2,
.contact-wrapper a.advisor:active h2,
.contact-wrapper a.advisor:focus h2,
.contact-wrapper a.advisor:hover p,
.contact-wrapper a.advisor:active p,
.contact-wrapper a.advisor:focus p {
	color: #236192 !important;
}
.contact-wrapper .right a {
    display: inline-block;
    margin-bottom: 0;	
}
.contact-wrapper .right p {
    font-weight: 400 !important;
    font-size: 1rem  !important;	
	margin-bottom: 5px  !important;
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}
.contact-wrapper.element-item  {
	width: 96%;
	margin-bottom: 15px;
	align-items: center;
    padding: 30px 10px;
	margin: 0 0 2em;
}
.contact-wrapper.element-item > a {
	margin:0 auto;
}
.contact-wrapper.element-item h4 {
	text-transform:uppercase;
}
.contact-wrapper.element-item .img-user {
    border-radius: 0 !important;	
	height:auto;
    max-height: 170px !important;
	width: auto !important;
}
.drop-filter {
   margin: 20px 5px;	
}
#filters-button-group {
	background: #236192;
    border: none;
    text-align: left;
    padding: 10px 15px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: none !important;	
	    color: white;
	    max-width: 50%;
}
.drop-filter label {
    color: #425364;
	font-weight:900;
	margin:0;
}
.drop-filter .dropdown-item {
	margin: 0;
    padding: 10px 15px;
    font-size: 1rempx;
    white-space: unset;
}
.drop-filter .dropdown-menu {
	right:0;
}
@media (min-width: 768px) {
	.contact-wrapper.element-item  {
	    display: flex;
	    padding: 30px 30px;	
	    align-items:normal;
	}
	.contact-wrapper.element-item .contact {
		width: 52%;
	}
	.contact-wrapper.element-item .img-user {
		margin:0 auto;
	}
	.contact-wrapper {
		text-align: left;
	}	
		.drop-filter {
		margin: 20px 12px 20px 5px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
@media (min-width: 992px) {
	.contact-wrapper  {
	    padding-top: 75px;
    	padding-bottom: 75px;	
	}
	.contact-wrapper h4,
	.contact-wrapper.element-item h4,
	.contact-wrapper h4 a {
		
	}
	.contact-wrapper a {
		
	}
	.contact-wrapper.element-item  {
		width: 96%;
	    padding: 45px 30px;	
	}
	.contact-wrapper.element-item .contact {
		width: 60%;
	}	
}
@media (min-width: 1200px) {
	.contact-wrapper.element-item .contact {
	    width: calc(100% - 215px);	
	}
	.drop-filter {
    	margin: 20px 20px 20px 5px;
	}
}
/*************************************/
/**** custom styles for components ***/
.customMarginBottom {margin-bottom:1rem;}
.customTanCard {margin-top:1rem; margin-bottom: 1rem; background-color: rgba(215, 210, 203, 0.6);}
.customTanCard img {border-radius: 50% !important; padding: 1rem;}
.customContactCard {margin-top:1rem; margin-bottom: 1rem; background-color: rgba(215, 210, 203, 0.6);}
.customContactCard .card-title {text-align: center;font-size: 2rem;}
.customStudentQuote {margin-bottom:1rem;}
/*************************************************/
/***** custom styles for featured snippet *******/
.featured-bg-container.alumniBox {background: url('/cbsm/images/alumni-friends/main/»¨½·Ö±²¥-And-Friends-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.alumniBox p {font-size:1.3rem;}
.featured-bg-container.centersBox {background: url('/cbsm/images/centers-research/main/Centers-And-Research-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.centersBox p {font-size:1.3rem;}
.featured-bg-container.advisingBox {background: url('/cbsm/images/current-students/academic-advising/Academic-Advising-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.advisingBox p {font-size:1.3rem;}
.featured-bg-container.currentBox {background: url('/cbsm/images/current-students/main/Current-Students-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.currentBox p {font-size:1.3rem;}
.featured-bg-container.involveBox {background: url('/cbsm/images/current-students/student-involvement/main/Student-Involvement-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.involveBox p {font-size:1.3rem;}
.featured-bg-container.orgBox {background: url('/cbsm/images/current-students/student-involvement/main/Student-Involvement-Student-Organizations.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.honorBox {background: url('/cbsm/images/current-students/student-involvement/main/Student-Involvement-Honor-Society.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.orgBox p, .featured-bg-container.honorBox p {font-size:1.3rem;}
.featured-bg-container.orgBox .col-md:nth-of-type(1), .featured-bg-container.honorBox .col-md:nth-of-type(1) {background: rgba(0, 118, 129, 0.85); color:#fff;padding:75px;}
.featured-bg-container.degreeBox {background: url('/cbsm/images/degrees/main/Find-Your-Degree-Header-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.undergradBox {background: url('/cbsm/images/degrees/main/Find-Your-Degree-Undergraduate-Degrees-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.gradBox {background: url('/cbsm/images/degrees/main/Find-Your-Degree-Graduate-Degrees-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.minorBox {background: url('/cbsm/images/degrees/main/Find-Your-Degree-Minors-Background.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.certsBox {background: url('/cbsm/images/degrees/main/AAR-14-4112-64.jpg');
    background-repeat:no-repeat;background-size:cover; color:#000; padding:0rem;}
.featured-bg-container.undergradBox .col-md:nth-of-type(1), .featured-bg-container.gradBox .col-md:nth-of-type(1), .featured-bg-container.minorBox .col-md:nth-of-type(1), .featured-bg-container.certsBox .col-md:nth-of-type(1) {background: rgba(0, 118, 129, 0.85); color:#fff;padding:2rem;}
.featured-bg-container.undergradBox, .featured-bg-container.gradBox, .featured-bg-container.minorBox, .featured-bg-container.certsBox {height:400px;}
.featured-bg-container.undergradBox .container-custom, .featured-bg-container.gradBox .container-custom, .featured-bg-container.minorBox .container-custom, .featured-bg-container.certsBox .container-custom {height:100%;}
.featured-bg-container.undergradBox .row, .featured-bg-container.gradBox .row, .featured-bg-container.minorBox .row, .featured-bg-container.certsBox .row {height:100%;}
.featured-bg-container.undergradBox h2 a, .featured-bg-container.gradBox h2 a, .featured-bg-container.minorBox h2 a, .featured-bg-container.certsBox h2 a {color:#fff;}
.featured-bg-container.degreeBox p, .featured-bg-container.undergradBox p, .featured-bg-container.gradBox p, .featured-bg-container.minorBox p, .featured-bg-container.certsBox p {font-size:1.3rem;}
.featured-bg-container.dark .ou-component-person-profile p.h4 {color:#236192;}
.featured-bg-container.dark .ou-component-person-profile a:link, .featured-bg-container.dark .ou-component-person-profile a:visited {color:#111C4E!important;}
.featured-bg-container.dark .ou-component-person-profile a:hover, .featured-bg-container.dark .ou-component-person-profile a:focus {color:#236192 !important;}
.featured-bg-container.dark .ou-component-person-profile p.h5, .featured-bg-container.dark .ou-component-person-profile p {color:#111C4E;}
.featured-bg-container.prospectBox {background: url("/cbsm/images/prospective-students/banner-page.jpg");background-repeat:no-repeat;background-size:cover; color:#000;}
.featured-bg-container.prospectDegrees {background: url("/cbsm/images/prospective-students/banner-dropdown.jpg");background-repeat:no-repeat;background-size:cover; color:#000;padding-top:0;padding-right:0;}
.featured-bg-container.prospectDegrees .multicolumn-container {padding: 0rem 0;}
.featured-bg-container.prospectDegrees .prospectBlueBox {background:#236192;}
.featured-bg-container.prospectDegrees .prospectBlueBox h2, .featured-bg-container.prospectDegrees .prospectBlueBox p {color:#fff;}
.featured-bg-container.costsBox {background-image:url('/cbsm/images/prospective-students/Prospective-Students-Tuition-And-Scholarship-Section-Background.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment: fixed;}
.featured-bg-container.costsBox .tealBox {background: rgba(0, 118, 129, 0.8);}
.custom-bx {background-color: rgba(215, 210, 203, 0.6);}
.custom-bx .customTanCard .card-title.nobg {text-align:center;}
.custom-bx .customTanCard .card-body {padding: 0rem 1.25rem 1.25rem 1.25rem;}
.custom-bx .customTanCard .card-text {display:none;}
#why-cbsm .custom-bx {background-image: url("/cbsm/images/why-cbsm/Why-SOM-Header-Background.jpg");background-position: bottom left;background-repeat: no-repeat;background-size:cover;}
.featured-bg-container.newsMain {background: url("/cbsm/images/news/main/News-And-Events-Header-Background.jpg");background-repeat:no-repeat;background-size:cover; color:#000;margin-bottom:0rem;}
.featured-bg-container.eventMain {background: url("/cbsm/images/news/main/News-And-Events-Events-Section-Background.jpg");background-repeat:no-repeat;background-size:cover; background-attachment: fixed; background-position: center;}
.featured-bg-container.eventMain .tealBox {background: rgba(0, 118, 129, 0.85); color:#fff;}
/*************************************************/
/********* form dropdowns and buttons ***********/
.option-list {
    padding-top: 60px;
    padding-bottom: 50px;
}
@media (min-width: 992px) {
.option-list {
    padding-top: 120px;
    padding-left: 60px;
    padding-right: 60px;
}
}
@media (min-width: 768px) {
.option-list {
    padding-left: 35px;
    padding-right: 35px;
}
}
.option-list .form-group {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    position: relative;
    align-items: stretch;
}
.option-list .form-group .form-control {
    width: 80%;
    background: #e0e4d8;
    border: none;
    height: auto !important;
    text-transform: uppercase;
    font-size: 1rem;
    -webkit-appearance: none;
    position: relative;
    padding: 0;
}
.option-list .form-group .form-control .dropdown-menu {
  
}
.btn-uaf.btn-yellow:hover, .btn-uaf.btn-yellow:active {background: #e3b600;color: #65665c !important;}
.btn-uaf {width:20%;}
.option-list .form-group .form-control .dropdown-toggle {font-size: 1.2rem;width:100%;}
@media (min-width: 992px){
.option-list .form-group .form-control .dropdown-toggle {
    padding: 20px 35px 20px 15px;
}
}