/* OU BRAND FONTS */
@import url("https://use.typekit.net/dmp4qgy.css");

/* OU BRAND FONTS */

:root {
	--primary-color: #841617;
	--primary-color-focus: #521718;
	--secondary-color: #bcdceb;
	--secondary-color-focus: #8ecae6;
	--tertiary-color: #4e0002;
	--tertiary-color-focus: #820004;
	--dark-color: #323232;
	--dark-color-focus: #555555;
	--light-color: #f0f0f0;
	--light-color-focus: #dadada;
}

/* BOOTSTRAP CHANGES */
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.bg-tertiary { background-color: var(--tertiary-color) !important; }
.bg-dark { background-color: var(--dark-color) !important; }
.bg-light { background-color: var(--light-color) !important; }
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.text-tertiary { color: var(--tertiary-color) !important; }
.text-dark { color: var(--dark-color) !important; }
.text-light { color: var(--light-color) !important; }

/* STANDARD LINKS */
a,  a:link, a:visited, a:active {
  font-weight: 900;
  text-decoration: underline;
  color: #841617;
}
a:hover {
  text-decoration: none;
}

/* BUTTON STYLING */
.btn {
    text-decoration: none !important;
    text-transform: uppercase !important;
    text-wrap: wrap !important;
    font-family: arboria, sans-serif !important;
    font-size: .875rem !important;
    font-weight: 900 !important;
}
.btn:focus, .btn:active {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25) !important];
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25) !important;
}
.btn-primary { 
	background-color: var(--primary-color) !important; 
	border-color: var(--primary-color) !important;
	color: #fff !important; 
}
.btn-primary:hover, .btn-primary:focus { 
	background-color: var(--primary-color-focus) !important; 
	color: #fff !important; 
}
.btn-outline-primary { 
	border-color: var(--primary-color) !important;
	color: var(--primary-color) !important; 
}
.btn-outline-primary:hover, .btn-outline-primary:focus { 
	background-color: var(--primary-color) !important; 
	color: #fff !important; 
}
.btn-secondary { 
	background-color: var(--secondary-color) !important; 
	border-color: var(--secondary-color) !important;
	color: #000 !important; 
}
.btn-secondary:hover, .btn-secondary:focus { 
	background-color: var(--secondary-color-focus) !important; 
	color: #000 !important; 
}
.btn-outline-secondary { 
	border-color: var(--secondary-color) !important;
	color: var(--secondary-color) !important; 
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus { 
	background-color: var(--secondary-color) !important; 
	color: #000 !important; 
}
.btn-tertiary { 
	background-color: var(--tertiary-color) !important; 
	border-color: var(--tertiary-color) !important;
	color: #fff !important; 
}
.btn-tertiary:hover, .btn-tertiary:focus { 
	background-color: var(--tertiary-color-focus) !important; 
	color: #fff !important; 
}
.btn-outline-tertiary { 
	border-color: var(--tertiary-color) !important;
	color: var(--tertiary-color) !important; 
}
.btn-outline-tertiary:hover, .btn-outline-tertiary:focus { 
	background-color: var(--tertiary-color) !important; 
	color: #fff !important; 
}
.btn-dark { 
	background-color: var(--dark-color) !important;
	border-color: var(--dark-color) !important;
	color: #fff !important; 
}
.btn-dark:hover, .btn-dark:focus { 
	background-color: var(--dark-color-focus) !important; 
	color: #fff !important; 
}
.btn-outline-dark { 
	border-color: var(--dark-color) !important;
	color: var(--dark-color) !important; 
}
.btn-outline-dark:hover, .btn-outline-dark:focus { 
	background-color: var(--dark-color) !important; 
	color: #fff !important; 
}
.btn-light { 
	background-color: var(--light-color) !important; 
	border-color: var(--light-color) !important;
	color: #000 !important; 
}
.btn-light:hover, .btn-light:focus { 
	background-color: var(--light-color-focus) !important; 
	color: #000 !important; 
}
.btn-outline-light { 
	border-color: var(--light-color) !important;
	color: var(--light-color) !important; 
}
.btn-outline-light:hover, .btn-outline-light:focus { 
	background-color: var(--light-color) !important; 
	color: #000 !important; 
}

/* FOOTER LINKS */
footer a:link:not(.btn), footer a:visited:not(.btn), footer a:active:not(.btn), footer a:focus:not(.btn) {
  color: #d2d2d2;
  text-decoration: none;
  line-height: 20px;
}

/* ACCORDION STYLING */
.ui-accordion {
  margin-bottom: 2rem !important;
  font-size: .875rem !important;
}
.ui-accordion h3.ui-accordion-header {
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #d5d5d5;
  margin-top: 1rem !important;
  transition: all .2s ease;
}
.ui-accordion h3.ui-accordion-header::after {
  content: '\f107';
  font-family: 'FontAwesome';
  position: absolute;
  font-size: 1.5rem;
  right: 1rem;
  bottom: .5rem;
  transition: all .2s ease;
}
.ui-accordion h3.ui-accordion-header:hover a, .ui-accordion h3.ui-accordion-header:hover, .ui-accordion h3.ui-accordion-header-active, .ui-accordion h3.ui-accordion-header-active a {
  color: #841617 !important;
}
.ui-accordion h3.ui-accordion-header-active, .ui-accordion h3.ui-accordion-header-active a {
  border-bottom: 1px solid #d5d5d5
}
.ui-accordion h3.ui-accordion-header-active::after {
  transform: rotate(180deg);
}
#content_wrapper .ui-accordion h3.ui-accordion-header a {
  padding-left: 1rem !important;
  padding-bottom: .5rem !important;
  font-size: 1rem !important;
  font-weight: 500;
  padding-right: 2.5rem;
}
.ui-accordion .ui-accordion-header-icon {
  display: none !important;
}
.ui-accordion .ui-state-active .ui-accordion-header-icon {
  transform: rotate(180deg) scale(1.5);
}
.ui-accordion .ui-accordion-header-active {
  margin-bottom: 1rem !important;
}
.ui-accordion .ui-accordion-content {
  border: 0 !important;
}
.ui-accordion .ui-accordion-content a {
  color: #841617 !important;
}
.ui-accordion h3.ui-accordion-header {
    background-color: #f0f0f0;
    border-radius: .75rem;
    margin: 0;
    padding: 0;;
    border: 0 !important;
}
#content_wrapper .ui-accordion h3.ui-accordion-header a {
    padding: 1rem !important;
    font-weight: 900 !important;
    border: 0 !important;
    color: #000
}
.ui-accordion h3.ui-accordion-header::after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 1.5rem;
    right: 1rem;
    bottom: .75rem;
    transition: all .2s ease;
}
.ui-accordion h3.ui-accordion-header-active::after {
  transform: rotate(180deg);
}

.alert-info {
    color: #1B4455;
    background-color: #bcdceb;
    border-color: #a3c3d1;
}
.shadow {
	box-shadow: 0 0.5rem 8px 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
/* END BOOTSTRAP CHANGES */

body, .ouhsc_v2 li {
	font-family: "Arboria", Roboto, Helvetica, sans-serif;
}
h1, h2 {
    font-family: mongoose, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
	line-height: .875;
	margin: 1rem 0 1rem 0;
    padding: 0;
	letter-spacing: .1px;
	color: #841617 !important;
}
h3, h4, h5, h6 {
	font-family: arboria, sans-serif  !important;
	font-weight: 900 !important;
    text-transform: uppercase !important;
	line-height: .875 !important;
	margin: 2rem 0 1rem 0 !important;
    padding: 0 !important;
	color: #000 !important;
}
h1 { font-size: 5rem !important; }
h2 { font-size: 4rem !important; }
h3 { font-size: 2rem !important; }
h4 { font-size: 1.5rem !important; }
h5 { font-size: 1.25rem !important; }
h6 { font-size: 1rem !important; }

h1.hero {
  font-size: 12.5rem !important;
  text-shadow: 1px 1px 5px rgba(0,0,0,.32);
}
@media screen and (max-width: 1200px) {h1.hero {font-size: 9rem !important;}}
@media screen and (max-width: 992px) {h1.hero {font-size: 8rem !important;}}
@media screen and (max-width: 768px) {h1.hero {font-size: 6rem !important;}}

h2.highlight {font-size: 6rem !important;}
@media screen and (max-width: 1200px) {h2.highlight {font-size: 5.5rem !important;}}
@media screen and (max-width: 992px) {h2.highlight {font-size: 5rem !important;}}
@media screen and (max-width: 768px) {h2.highlight {font-size: 4.5rem !important;}}
@media screen and (max-width: 576px) {h2.highlight {font-size: 4rem !important;}}

h3.highlight {font-size: 2.75rem !important;}
@media screen and (max-width: 1200px) {h3.highlight {font-size: 2.5rem !important;}}
@media screen and (max-width: 992px) {h3.highlight {font-size: 2.25rem !important;}}
@media screen and (max-width: 768px) {h3.highlight {font-size: 2rem !important;}}
@media screen and (max-width: 576px) {h3.highlight {font-size: 1.75rem !important;}}

h3.highlight.mongoose {font-family:mongoose, sans-serif !important; font-size: 5rem !important;}
@media screen and (max-width: 1200px) {h3.highlight.mongoose {font-size: 4.5rem !important;}}
@media screen and (max-width: 992px) {h3.highlight.mongoose {font-size: 4rem !important;}}
@media screen and (max-width: 768px) {h3.highlight.mongoose {font-size: 3.5rem !important;}}
@media screen and (max-width: 576px) {h3.highlight.mongoose {font-size: 3rem !important;}}

p.highlight {
    font-weight: 400;
    font-size: 1.2rem;
}

span.highlight {
	font-weight: 600;
	font-size: 1.5rem;
}

.highlight-full {
  aspect-ratio: 2/1;
}
@media screen and (max-width: 1200px) {.highlight-full {aspect-ratio: 3/2;}}
@media screen and (max-width: 992px) {.highlight-full {aspect-ratio: 1/1;}}

/* BRANDED HORIZONTAL RULE */
hr.branded {
    border-color: #841617;
    padding-bottom: .5rem;
    position: relative;
}
hr.branded:before, hr.branded:after {
	content: '';
    display: block;
    position: absolute;
}
hr.branded:before {    
    top: 0;
    left: 0;
    height: .5rem;
    width: 7rem;
	background-color:#841617;
}
hr.branded:after {
    width: 0;
    height: 0;
	left: 7rem;
    bottom: 0;
    border-bottom: .5rem solid transparent;
    border-left: 1rem solid #841617;
}

/* HEADER BREADCRUMB */
a.header-crumb {
    position: relative;
    z-index: 10;
    margin: -.5rem;
    padding: .5rem;
    border-radius: .75rem;
    border: 1px solid transparent;
    transition: border .2s ease-in;
    text-transform: uppercase;
    text-decoration: none !important;
    font-weight: 900 !important;
    color: #fff;
}
a.header-crumb:active, a.header-crumb:hover {
    border-color: #fff;
}
/* CUSTOM STYLING */
/* CARD LINKS */
html a.card {
    text-decoration: none !important;
	text-transform: uppercase;
	font-family: arboria, sans-serif !important;
	font-weight: 900 !important;
	text-align: center;
    margin-top: .25rem;
    margin-bottom: .25rem;
    box-shadow: 0 10px 15px rgba(0,0,0,.32);
    transition: all .2s ease-out;
    overflow: hidden;
    color: #fff;
    border: 0;
  	display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
html a.card:hover, html a.card:focus {
    box-shadow: 0 10px 10px rgba(0,0,0,.32);
    transform: translateY(-.125rem);
}
html a.card:active {
    box-shadow: 0 10px 10px rgba(0,0,0,.32);
    transform: translateY(.125rem);
}
html a.card > * {
    position: relative;
    Z-index: 1;
    transition: all .3s ease-out;
    color: #fff !important;
}
html a.card:hover > *, html a.card:focus > * {
    transform: translateY(-.1875rem);
}
html a.card:after {
    font-family: "FontAwesome";
    content:'\f0c1';
    color: #fff;
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    padding-top:.25rem;
    transition: all .5s ease;
}
html a.card:before {
    content: '';
    position: absolute;
    background: rgba(132, 22, 23, 1);
    width: 1.8rem;
    height: 1.8rem;
    bottom: .5rem;
    right: .5rem;
    border-radius: 50%;
    transform: scale(0) translateX(50%) translateY(50%);
    -webkit-animation: card-external-out .5s ease forwards;
}
html a.card:hover:before {
    -webkit-animation: card-external .5s ease forwards;
}
html a.card.external:after {
    content:'\f08e';
}
html a.card.pdf:after {
    content:'\f1c1';
}
html a.card.email:after {
    content:'\f0e0';
}
html a.card.phone:after {
    content:'\f095';
}
@-webkit-keyframes card-external {
    0% { -webkit-transform: scale(2.5) }
    8% { -webkit-transform: scale(4) }
    16% { -webkit-transform: scale(2.5) }
    20% { -webkit-transform: scale(2.6) }
    100% { -webkit-transform: scale(70) }
}
@-webkit-keyframes card-external-out {
  0% { -webkit-transform: scale(90) }
  60% { -webkit-transform: scale(2.5) }
  75% { -webkit-transform: scale(3) }
  100% { -webkit-transform: scale(2.5) }
}

/* BACK-TO-TOP */
a.back-to-top {
	display: inline-block;
	padding: .5rem;
	border: 1px solid transparent;
	border-radius: .75rem;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: .875rem;
	font-weight: 900 !important;
	transition: background .2s ease, border-color .2s ease;
}
a.back-to-top:hover {
	border-color: #841617;
}
a.back-to-top:active {
	background-color: #841617;
	color: #fff !important;
}

/* EASYDNNNEWS */
.eds_news_students_hsc {
    color: #000000;
}
.edNews_loadMoreTriggerWrapper .edNews_loadMoreTrigger {
    margin-top: 1rem;
    border-radius: .25rem;
    border: 1px solid #000000;
    background-color: var(--dark-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .75rem;
	padding: .25rem .75rem;
    cursor: pointer;
}
.edNews_loadMoreTriggerWrapper .edNews_loadMoreTrigger:hover {
  background-color: var(--dark-color-focus);
}
.edNews_loadMoreTriggerWrapper .loadingOverlay {
    display: none;
}

ul.btn-group, ul.btn-group ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
}

ul.btn-group li {
	margin-left: 0;
	margin-right: .25rem;
	margin-bottom: .25rem;
}
.category_menu ul.btn-group li.active a {
	opacity: .65;
	pointer-events: none;
}

.edncf_location, .edncf_audience {
    display: none;
}
.edncf_CheckBoxListName {
    display: block;
    font-weight: 900;
    text-transform: uppercase;
}
.edncf_CheckBox {
    display: flex;
    margin: .25rem 0;
    background-color: #323232;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 2rem;
    align-items: center;

}
.edncf_CheckBox input {
    margin-left: 1rem;
}
.edncf_CheckBox label {
    display: inline;
    padding: .5rem .25rem .25rem .5rem;
    flex-grow: 1;
    font-size: .75rem;
}
.edncf_submitContainer a {
    display: block;
    background: #841617;
    color: #fff !important;
    padding: .5rem;
    border-radius: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    font-size: .875rem;
}

.search_input.button_outside, .search_input.button_outside > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.search_input.button_outside input {
    flex-grow: 1;
    height: 35px;
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #f0f0f0;
    border-right-color: transparent;
    background-color: #f5f5f5;
    padding: 0 1rem;
}
.search_input.button_outside a {
    background-color: #841617;
    padding: 0 .75rem 0 .75rem ;
    height: 35px;
    line-height: 35px;
    text-transform:uppercase;
    font-size: .875rem;
    font-weight: bold;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
  	color: #fff !important;
}
.EDN_search.theme_230_students_hsc {
	background-color: #fff;
	border: 1px solid #f0f0f0;
}
.EDN_search.theme_230_students_hsc ul {
	list-style: none;
}
.EDN_search.theme_230_students_hsc ul li {
	display: block;
	margin: .25rem;
	width: 100%;
}
.EDN_search.theme_230_students_hsc ul li span, .EDN_search.theme_230_students_hsc ul li span a {
	display: block;
	width: 100%;
}
.edn_searchInfoResults {
	text-transform: uppercase;
	font-size: .75rem;
	margin-left: 1rem;
}
.edn_searchInfoResults span {
	font-weight: 900;
}
ul.dropdown-menu ul {
	list-style: none;
}
ul.dropdown-menu li {
	margin-left: 0;
}

.font-freight, .font-freight p, .font-freight li, .font-freight span {
  font-family: freight-text-pro, serif;
}
.font-arboria, .font-arboria p, .font-arboria li, .font-arboria span  {
  font-family: arboria, sans-serif;
}
.font-mongoose, .font-mongoose p, .font-mongoose li, .font-mongoose span  {
  font-family: mongoose, sans-serif;
}
.hover-underline:hover {
  text-decoration: underline !important;
}
.user_dashboard.edn_userDashboard {
    width: 1300px;
    max-width: 100%;
    margin: 2rem auto 2.5rem auto !important;
    position: relative;
}
.admin_action.edit {
	display: inline-block;
	position: relative;
	top: 0.5rem;
	left: calc(50% - 5rem);
	width: 10rem !important;
    margin: 0 auto;
    text-align: center;
    background-color: #bcdceb;
	margin-bottom: 1rem;
    padding: .25rem .5rem;
    border-radius: .25rem;
    color: #000;
	font-family: arboria, sans-serif;
	font-size: 1.25rem !important;
	font-weight: 900 !important;
    text-transform: uppercase;
    font-size: .875rem;
    text-decoration: none;
}
.admin_action.edit:hover,
.admin_action.edit:focus {
    background-color: #99cae1;
}
.admin_action.edit:active {
    background-color: #6eb3d4;
    outline: 2px solid rgb(85 85 85 / 53%);
}
.edNews_loadMoreTriggerWrapper {
    text-align: center;
}

/* OU NORMAN - PULLED CSS */
.one-lead p, p.one-lead {
    font-size: 1.5rem;
    font-weight: 400;
    font-family: freight-text-pro;
    line-height: 1.5em;
}

/* SEARCH PAGE */
.bcs-results h2 a, .bcs-results h3 a {
    font-family: freight-text-pro;
    font-weight: 700 !important;
    text-transform: none;
    font-size: 1.75rem !important;
}
.bcs-results h3 a {
    font-size: 1.25rem !important;
}



/* SITE FIXES FOR FULL-WIDTH */
#dnn_Full_Screen_Bottom_Pane {
  margin: 0;
  padding: 0;
}
#dnn_Full_ScreenA_Pane {
    margin: 0;
    padding: 0;
}

/* FIX AWKWARD CSS */
@media screen and (max-width: 768px) {
	#header_container .col-md-6 {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
    .highlight-full {
        aspect-ratio: 2/3;
    }
}
@media (max-width: 479px){
  img {
    height: inherit !important;
  }
}
footer {
  margin-top: 0 !important;
}

/* ITEMS TO MAINTAIN EXISTING STYLING */
#main-nav a {
	font-weight: 400;
}
#main-nav #main-menu a {
    color: #fff;
    text-decoration: none;
}
#main-nav #main-submenu a {
    color: #000;
    text-decoration: none;
}
#main-nav #main-submenu a.current {
    color: #fff;
}
#main-nav #main-submenu a:hover {
    color: #fff;
    text-decoration: none;
}