/*!
Theme Name: OMBA
Description: Child theme for Master Flex Theme
Author: ARose
Template: Master-Flex-Microsite
*/

@font-face{font-family:Gotham;src:url(fonts/Gotham-Medium.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url(fonts/Gotham-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}

*, :after, :before {
    box-sizing: border-box;
    border: 0 solid #e2e8f0;
}

body {
	--bodyfont: Gotham,Arial,Helvetica,sans-serif;
	--titlefont: Gotham,Arial,Helvetica,sans-serif; 
}

body {font-family:var(--bodyfont);}
h1, h2, h3, h4, h5, .title-font {font-family:var(--titlefont); line-height:1}
h2, h3, h4 {font-weight:400;}
a.arrow-link {position: relative; margin-left: 20px; color:inherit; text-decoration:underline;}
a.arrow-link:before, a.arrow-link:before {content:'>'; position:absolute; left:-20px; color:var(--color-1); margin-right:5px; text-decoration:none !important;}
.btn {/* border-style: none;*/ border-radius: 5px; text-transform: none;}
/* .btn:hover, .btn:focus {border-style: none;} */
.btn-cta {color: var(--fontcolorlight); background-color: var(--color-2);}
.btn-cta:hover, .btn-cta:focus {color: var(--fontcolorlight); background-color: var(--color-5); }
.btn-cta-2 {color: var(--fontcolordark) !important; background-color: #f2f2f2; border:2px solid var(--color-1);}
.btn-cta-2:hover, .btn-cta-2:focus {color: var(--fontcolorlight) !important; background-color: var(--color-3);}
div.btn {cursor:default; background-color:var(--color-2) !important;} /* removing hover effects for non btns */
.section-separator:before, .section-separator:after {border: 0 solid transparent; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; content: "";}
.section-separator:before {margin-top: 1rem; border-color: var(--color-1); border-top-width: 8px; border-left-color: transparent; border-left-width: 1rem; border-right-color: transparent; border-right-width: 1rem; height: 0; width: 0;}
.section-separator:after {background-color: var(--color-1); height: 2rem; width: 2rem; margin-top: -1rem;}
.h-separator:after {display: block; content: ""; margin: 1.5rem 0 2rem 0; width: 80px; height: 10px; background-color: var(--color-1);}
@media (max-width:991px) {
	.hero-separator {min-height:300px; background-position-x: right;}
}
@media (min-width:992px) {
	.hero-separator {min-height:600px;}
}


/* form */
.plato h4 {text-transform:uppercase; letter-spacing:4px;}
.hero-form .plato h4 {color: var(--color-2);}
.plato span.required {display:none;}
.plato .field:not(.submit) {margin-bottom: 7.5px;}
.plato .field.submit {margin-top:22.5px;}
.plato .field label {font-size:0.85rem;}
.plato .f_text, .plato .f_select, .plato .f_textarea {padding:0.9rem; border-radius: 0.25rem;}
.plato .f_button {width: 100%; color:var(--fontcolorlight); text-transform: unset;background-color:var(--color-2);}
.plato .f_button:hover, .plato .f_button:focus {color:var(--fontcolorlight); background-color:var(--color-5);}
.plato-cta-2 .plato .f_button {color: var(--fontcolordark); background-color: #f2f2f2; border:2px solid var(--color-1);}
.plato-cta-2 .plato .f_button:hover, .plato-cta-2 .plato .f_button:focus {color:var(--fontcolorlight); background-color: var(--color-3);}
.plato .disclaimer {text-align:left;}
@media (max-width:991px) {
	.plato-cta-2-mb .plato .f_button {color: var(--fontcolordark); background-color: #f2f2f2; border:2px solid var(--color-1);}
	.plato-cta-2-mb .plato .f_button:hover, .plato-cta-2 .plato .f_button:focus {color:var(--fontcolorlight); background-color: var(--color-3);}
}
@media (min-width:992px) {
	.field.firstname, .field.lastname, .field.phone, .field.zipcode {Width: 47.5%; display: inline-block; vertical-align: top;}
	.field.lastname, .field.zipcode {margin-left: 5%;}
}


/* Search Form */
.search-form .search-submit {font-size: 150%; background-color: #fff; color:#c4c4c4; border-left: none;}
.search-form .search-submit:hover, .search-form .search-submit:focus {color:var(--color-3); background-color: #fff;}


/* Compare */
.mos-compare-selectors button[disabled] {opacity:1; background-color:var(--color-3);}

/* Modal */
.modal-dialog {max-width: 800px;}


/* Header */
header {box-shadow: var(--box-shadow);}
header .dropdown-toggle:after {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f078'; border:none; transition: transform 0.15s linear;}
header .dropdown-toggle.show:hover:after, header .dropdown-toggle.show:focus:after {transform: rotate(180deg);}
header .dropdown-item.active, .dropdown-item:active {background-color: #006c93;}
@media (max-width:991px) {
	.navbar-toggler {display: flex; align-items: center; justify-content: right; width:35px; height:35px; padding:0; border:none; box-shadow: none !important;}
	.navbar-toggler-icon {position:relative; width: 25px; height: 5px; background-color: var(--color-3); border-radius: 2.5px; transition: all 0.5s;}
	.navbar-toggler-icon:before, .navbar-toggler-icon:after {content: ''; position: absolute; width:35px; height:5px; left:-10px; background-color: var(--color-3); border-radius: 2.5px;  transition: all 0.5s; transform-origin: right;}
	.navbar-toggler-icon:before {top:-15px;}
	.navbar-toggler-icon:after {bottom:-15px;}	
	.navbar-toggler:not(.collapsed) .navbar-toggler-icon {background:none;}
	.navbar-toggler:not(.collapsed) .navbar-toggler-icon:before {transform: rotate(-45deg); width:42px;}
	.navbar-toggler:not(.collapsed) .navbar-toggler-icon:after {transform: rotate(45deg); width:42px;}
	
	.sticky-top .navbar-collapse {padding:25px 0; background-color:var(--color-2) !important;}
	header .navbar-nav .nav-link {padding: 15px 25px; color: var(--fontcolorlight) !important;}
	header .navbar-nav .nav-link:hover, header .navbar-nav .nav-link:focus, header .navbar-nav .nav-link.active {background-color:var(--color-5); text-decoration:none;}
	.header .container-full-navbar .nav-item-search {padding: 15px 25px;}
	.header .cta-btns {padding: 10px 25px;}
}
@media (min-width:992px){
	header .navbar-brand {flex:1;}
	header .tagline {margin: 0 auto; text-align:center; font-size:0.85rem; line-height:1.4;}
	header .tagline span {font-size:1.1rem; font-weight:bold;}
	header .nav-link {position:relative; padding-left:1rem !important; padding-right:1rem !important;}
	header .nav-link.active:after {content:''; position:absolute; left:1rem; right:1rem; bottom:0; height:5px; background-color:var(--color-1);}
	header .dropdown-toggle:after {position:absolute; right:1rem;}
	header .dropdown-menu {row-gap:2.5px; border:none; border-radius:0; box-shadow:var(--box-shadow);}
	header .dropdown-menu.show {display:grid;}
	header .inner-navbar {border-top-width: 1px; border-top-color: #efefef;}
}


/* Section Layout Taxonomy */
.sl-taxonomy .result-list .img-side .r-hero {max-width: 500px;}
.taxonomy-events .g-col {color:var(--fontcolorlight); background-color:var(--color-3); border-radius:4px;}
.taxonomy-events .tax-link, .taxonomy-events .archive-link {position: relative; display: flex; align-items: center; margin-left: 20px; color: inherit; text-transform:uppercase; text-decoration:underline;}
.taxonomy-events .tax-link:before, .taxonomy-events .archive-link:before {font-family: 'Font Awesome 5 Free'; font-size:1.5rem; font-weight: 900; content: '\f054';  position:absolute; left:-20px; color:var(--color-1); margin-right:5px; text-decoration:none !important;}
@media (max-width:991px){
	.taxonomy-events .g-col {padding:25px;}
	.taxonomy-academic-research .grid {gap:50px;}
}
@media (min-width:992px){
	.taxonomy-events .g-col {padding:50px;}
	.taxonomy-events .col-archive-link {margin-top: 50px; text-align: right;}
}

/* Section Half Hero */
@media (min-width:992px){
	.sl-half-hero.half-hero-left .col {padding-left:50px;}
	.sl-half-hero.half-hero-right .col {padding-right:50px;}
}


/****************************/
/*** Reusable Page Styles ***/
/* Promo Banner */
#promo-banner .custom-link {padding: 7.5px 15px; text-decoration:none; border-radius:4px; transition: all 0.3s linear;}
#promo-banner .custom-link:hover, #promo-banner .custom-link:focus {background-color:#fff; color: var(--color-2);}

/* Accordion/Collapse Styles */
.accordion-list {display: grid; gap: 10px;}
.accordion-item {border:none; border-radius:.25rem;}
.accordion-button {color:var(--fontcolorlight) !important; background-color:var(--color-2);}
.accordion-button:not(.collapsed) {background-color:var(--color-3);}
.accordion-button::after {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button:focus {outline:solid 2px #000;}

/* Key Dates */
.key-dates .date-list {display: grid;}
.key-dates .semester {font-size:2rem; font-weight:bold;}
.key-dates:not(.font-light) .semester {color:var(--color-2);}
.key-dates .dates-group {display: grid; gap: 25px;}
.key-dates .dates-group .date-item {display:grid; padding: 10px 20px; color:var(--color-3); background: #fff; border-radius: 5px;}
.key-dates .dates-group .date-range {font-size:2rem;}
@media (max-width:991px){
	.key-dates .date-list {gap: 25px;}
}
@media (min-width:992px){
	.key-dates .date-list {gap: 50px;}
	.key-dates .dates-group {grid-template-columns: 1fr 1fr;}
}

/* Half Hero */
@media (max-width:991px){
	.half-hero-order-mb .inner {display:grid;}
	.half-hero-order-mb .half-hero-img {order:1;}
}

/* Table */
.table th, .table td {border-color:var(--color-3); border-width:2px; border-style:solid;} 
.table th {width: 50%; color:var(--fontcolorlight); background-color:var(--color-2); }
.table tr:not(.last) td {border-bottom-color:transparent;}
.table tr:nth-child(odd) td {background-color: #fff;}
.table tr:nth-child(even) td {background-color: var(--color-4);}

/*************/
/*** Pages ***/
/* Homepage */
#home #key-dates .semester {display:none;}
#home #key-dates .dates-group .date-item {display:grid;}
#home #key-dates .dates-group .date-range {font-size:2rem;}
@media (max-width:991px){
	#home-hero {padding-bottom:25vh; background:none;}
	#home-hero:after {content:''; position:absolute; bottom:0; left:0; right:0; height:25vh; background:url('/wp-content/uploads/sites/3/2022/03/students-working-1.jpg') no-repeat right top / cover;}
	#slider-compare-programs {margin-bottom: 50px;}
	#slider-compare-programs .slick-dots {bottom: -25px;}
}
@media (min-width:992px){
	#home-hero .inner {background: rgb(0,116,111); background: linear-gradient(90deg, rgba(0,108,147,0.804359243697479) 50%, transparent 50%) !important;}
	#home-hero-form .inner {background: rgb(0,116,111); background: linear-gradient(90deg, rgba(0,108,147,0.804359243697479) 50%, #D4E6ED 50%) !important;}
	#slider-compare-programs .table2 {margin-left: -2px;}
}

/* Program Page */
.sl-taxonomy .r-faculty-item .r-hero {max-width: 190px !important;}
.sl-taxonomy .r-faculty-item .r-hero img {border-radius: 50%;}
.sl-taxonomy .r-faculty-item .r-content {justify-content:center;}
@media (max-width:991px){
	#program-hero {border-bottom:5px solid var(--color-1);}
	#program-hero .hero-form, #program-hero .hero-form .form-headline {color:var(--fontcolorlight);}
}
@media (min-width:992px){
	.program-nav a {text-decoration:none;}
	.program-nav a:hover, .program-nav a:focus {text-decoration:underline;}
	#program-hero .inner {background: linear-gradient(90deg, transparent 50%, var(--color-4) 50%) !important;}
}


/* Footer */
footer {border-top:10px solid var(--color-1);}
footer a {text-decoration:none;}
footer .social a {display: flex; width: 30px; height: 30px; padding: 0; margin-right: 10px; align-items: center; justify-content: center; color: var(--color-3); background-color: #bfbfbf;}
footer .social a:hover, footer .social a:focus {color: var(--color-3);}
footer .cl-menu.footer-utk .list {display: grid; grid-template-columns: 1fr 1fr 1fr;gap:15px; font-size:0.85rem;}



/***** BEGIN WYSIWYG FORMATS *****/
/*********************************/
section:not(.font-light) ul.icon > li:before {color:var(--color-2);}