/*
Theme Name: Ó£»¨µ¼º½
Theme URI: https://frankandmaven.com
Version: 1.0
Description: Custom theme for Ó£»¨µ¼º½
Author: Frank and Maven
Author URI: https://frankandmaven.com
template: bb-theme
*/
/*
 -- Colors / Branding Assets
 -- Typography
 -- Apply Imported Fonts
 -- Buttons
 -- Site Header
 -- Homepage
 -- Internal Pages
 -- Program page template css
 -- Faculty & Staff member blocks
 -- Site Footer
 -- Blog
 -- Global styles
 -- Beaver Builder - Media Library
*/
/* -- Colors / Branding Assets */
.cox-teal {
  color: #009999 !important;
}

.cox-yellow {
  color: #fab21e !important;
}

.cox-pink {
  color: #ea4e8a !important;
}

.cox-purple {
  color: #c731cc !important;
}

/* -- Typography */
@font-face {
  font-family: 'Freight Sans Bold';
  src: url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.otf) format('otf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.ttf) format('ttf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.eot) format('eot'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.woff) format('woff'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.woff2) format('woff2'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Bold.svg) format('svg');
}

@font-face {
  font-family: 'Freight Sans Book';
  src: url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.otf) format('otf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.ttf) format('ttf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.eot) format('eot'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.woff) format('woff'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.woff2) format('woff2'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Book.svg) format('svg');
}

@font-face {
  font-family: 'Freight Sans Medium';
  src: url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.otf) format('otf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.ttf) format('ttf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.eot) format('eot'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.woff) format('woff'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.woff2) format('woff2'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Medium.svg) format('svg');
}

@font-face {
  font-family: 'Freight Sans Light';
  src: url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.otf) format('otf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.ttf) format('ttf'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.eot) format('eot'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.woff) format('woff'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.woff2) format('woff2'), url(/wp-content/themes/bb-theme-child/fonts/Freight_Sans_Light.svg) format('svg');
}

/* -- Apply Imported Fonts */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Freight Sans Bold';
  text-transform: none;
}

strong {
  font-family: 'Freight Sans Bold';
}

@media only screen and (min-width: 768px) {
  body {
    font-family: 'Freight Sans Book';
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    font-family: 'Freight Sans Book';
    font-size: 16px;
  }
}

/* -- Buttons */
.btn-gradient a.fl-button, a.fl-button:visited {
  background: rgb(199, 49, 204);
  background: linear-gradient(120deg, rgba(199, 49, 204, 1) 0%, rgba(234, 78, 138, 1) 100%, rgba(0, 212, 255, 1) 100%);
}

.btn-gradient a.fl-button:hover, .btn-gradient a.fl-button:hover, .btn-gradient a.fl-button:hover * {
  background: #009999;
  color: #ffffff;
}

.yellow-btn a.fl-button, .yellow-btn a.fl-button:visited {
  background: #fab21e;
  color: white;
}

.yellow-btn a.fl-button:hover, .yellow-btn a.fl-button:hover, .yellow-btn a.fl-button:hover * {
  background: #009999;
  color: white;
}

.white-btn a.fl-button, .white-btn a.fl-button:visited, a.white-btn {
  background: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 50px;
	padding: 17px 34px;
}

a.white-btn:hover, .white-btn a.fl-button:hover, .white-btn a.fl-button:hover, .white-btn a.fl-button:hover * {
  background: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 50px;
}

a.black-btn {
  color: black;
  border: 1px solid #000000;
  padding: 17px 34px;
  border-radius: 50px;
}

a.black-btn:hover {
  color: white;
  border: 1px solid #ffffff;
}

/* Media queries */
@media only screen and (min-width: 768px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile-hidden {
    display: none !important;
  }

  .main-logo {
    width: 120px;
  }
}

/* -- Site Header */
ul.sub-menu {
  max-width: 1150px;
  margin: 0 auto;
}

.uabb-search-button-fullscreen .uabb-search-close{
  top:50px!important;
}
input.uabb-search-text::-webkit-input-placeholder,input.uabb-search-text::-moz-placeholder,input.uabb-search-text:-ms-input-placeholder,input.uabb-search-text:-moz-placeholder{
  color: rgba(255, 255, 255, 0.8)!important;
}

/*  Site header - teal background for hamburger menu */
button.fl-menu-mobile-toggle.hamburger-label {
  background: #009999;
}

.fl-col.fl-node-5ec9f053ee699.fl-col-small {
  /*background: #009999;*/
}

/* Site header background color */
.bg-light {
  color: #ffffff !important;
}

/* Site header desktop links */
@media only screen and (min-width: 768px) {
  .navbar-nav {
    float: right;
  }

  .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link {
    color: #009999;
    text-transform: none;
  }
}

/* site header - hamburger menu */
.fl-menu .fl-menu-mobile-toggle.hamburger .svg-container {
  display: none !important;
}

.fl-menu .fl-menu-mobile-toggle.hamburger::before {
  content: "\f0c9";
  width: 1.4em;
  height: 1.4em;
  font-family: "Font Awesome 5 Free";
  font-size: 1.4em;
  font-weight: 900;
}

/* Site header programs / admissions mega menu */
li#menu-item-26441 a {
  padding: 0;
}

li.mega-menu-header div.fl-has-submenu-container a {
  border-bottom: none !important;
  padding-bottom: 0;
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  li#menu-item-25639 div.fl-has-submenu-container a, li#menu-item-25641 div.fl-has-submenu-container a {color: #000000!important;}
  /*li#menu-item-25639 div.fl-has-submenu-container a:hover, li#menu-item-25641 div.fl-has-submenu-container a:hover {color: #ea4e8a!important;}*/
}

/* Site Header - Mega Menu Flyout */
.fl-node-5ec9f09d764b7 .fl-menu-mobile-toggle {
  padding: 0;
  background: transparent;
}

	.fl-menu.fl-menu-responsive-toggle-always.fl-menu-responsive-flyout-overlay.fl-flyout-right:after {
		content: 'MENU';
		color: #009999;
	}

.fl-menu-mobile-toggle {
  color: #009999 !important;
  text-transform: none;
}

@media only screen and (min-width: 768px) {
  .fl-node-5ec9f09d764b7 .fl-menu-mobile-flyout {
    width: 440px;
    right: -445px;
  }

  ul#menu-mega-menu {
    width: 400px;
  }
}

.fl-menu-mobile-flyout {
  height: auto !important;
  padding: 20px !important;
}

.fl-flyout-right .fl-menu-mobile-close {
  float: right;
}

button.fl-menu-mobile-close i.fas.fa-times {
  color: #000000;
}

ul#menu-mega-menu li {
  text-transform: none;
}

ul#menu-mega-menu li.cox-mm-border-top {
  border-top: 1px solid #e6e6e6;
}

ul#menu-mega-menu li.cox-mm-border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

ul#menu-mega-menu li.cox-mm-margin-bottom {
  margin-bottom: 10px;
}

ul#menu-mega-menu li.cox-mm-small a {
  color: #363636 !important;
  font-size: 14px;
}

ul#menu-mega-menu li.cox-mm-button a {
  color: #363636;
  border: 1px solid #ea4e8a;
  border-radius: 40px;
  margin: 0 0 10px;
  text-align: center;
}

ul#menu-mega-menu li.cox-mm-button a:hover {
  background: #009999;
  border-color: #009999;
  color: white;
}

@media only screen and (min-width: 768px) {
  .cox-mm-button a, ul#menu-mega-menu .gradient-btn, ul#menu-mega-menu li.gradient-btn a {
    display: block;
    width: 200px;
  }
}

ul#menu-mega-menu .gradient-btn, ul#menu-mega-menu li.gradient-btn a {
  text-align: center;
  background: #ea4e8a!important;
  color: white;
  border-radius: 50px;
}

/* site header - typography and styling */
header.fl-theme-builder-header-sticky.fl-theme-builder-header-scrolled.fl-theme-builder-header-shrink {
  border-bottom: 1px solid #f5f5f5;
}

#menu-header-static .fl-has-submenu-container a, #menu-header-static li#menu-item-26062 a {
  /*text-transform: none;*/
}

li#menu-item-26168 .fl-has-submenu-container a, li#menu-item-26169 .fl-has-submenu-container a, li#menu-item-26170 .fl-has-submenu-container a, li#menu-item-26172 .fl-has-submenu-container a, li#menu-item-26171 .fl-has-submenu-container a {color:#009999 !important;font-weight: bold;}
li#menu-item-26171 .fl-has-submenu-container a:hover {cursor: pointer;}

/* -- Homepage */
/* Homepage - Hero banner */
.home-hero-header h1.fl-heading span.fl-heading-text {
  font-family: 'Freight Sans Medium';
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);
  text-transform: none;
  margin-bottom: 8px;
}

.internal-page-header h1 {
  text-transform: none;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);
  color: #FFF;
}

@media only screen and (min-width: 992px) {
  .home-hero-header .fl-heading span.fl-heading-text, .home .home-hero-header h2.fl-heading span.fl-heading-text {
    font-size: 75px;
  }

  .home h2.fl-heading .fl-heading-text, .home h2 {
    font-size: 50px;
  }

  h2.program-selector-header {
    font-size: 30px;
  }

  .home h3.fl-heading .fl-heading-text, .home h3 {
    font-size: 36px;
  }

  .internal-page-header h1 {
    font-size: 50px;
  }

  .home h3, .home h3.fl-heading .fl-heading-text {
    font-size: 34px;
  }
}

@media only screen and (max-width: 991px) {
  .home-hero-header .fl-heading span.fl-heading-text, .home .home-hero-header h2.fl-heading span.fl-heading-text {
    font-size: 55px;
  }

  .internal-page-header h1 {
    font-size: 46px;
  }

  .home h3.fl-heading .fl-heading-text, .home h3, h2.program-selector-header {
    font-size: 32px;
  }
}

.home-hero-subcaption, .home-hero-subcaption p {
  font-size: 22px;
  width: 80%;
  margin-top: 0px;
  margin-right: auto;
  text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 767px) {
  .home-hero-subcaption, .home-hero-subcaption p {
    width: 100%;
  }
}

/* Homepage - Find Your Perfect Fit */
ul.home-program-selection {
  list-style-type: none;
  padding: 0;
}

.program-selector-btn {
  display: block;
  background: transparent;
  padding: 12px 24px;
  color: #363636;
  text-transform: none;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0.7px;
  margin: 0 0 20px;
  border: none;
  border-radius: 0;
}

.program-selector-btn.active, .program-selector-btn:active, .program-selector-btn:focus {
  background: transparent;
  background-image: url(/wp-content/uploads/2020/09/cox_chevronarrowgradient.png) !important;
  min-width: 80%;
  background-position: right !important;
  color: #ffffff;
  border: none
}

.program-selector-btn:hover {
  background-color: transparent;
  border: none;
}

.program-img-container {
  position: relative;
  color: white;
  display: none;
}

.program-img-container#undergraduate-nursing-img {
  position: relative;
  color: white;
  display: block;
}

.program-img-container img.no-lazyload {
  max-height: 650px;
  min-width: 100%;
  object-fit: cover;
  background-size: cover;
}

h2.program-selector-header {
  font-weight: 500;
  margin-bottom: 10px;
  text-shadow: 2px 3px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
  p.perfect-fit-text {
    font-size: 18px;
    width: 65%;
    margin-bottom: 30px;
  }
}

.perfect-fit-text-shadow {
  text-shadow: 1px 2px rgba(0, 0, 0, 0.2);
}

a.program-selector-link {
  color: #ffffff;
  text-decoration: underline;
  text-shadow: 1px 2px rgba(0, 0, 0, 0.2);
}

.program-selector-left-col {
  max-width: 455px;
  padding-left: 0;
  margin: auto 40px auto auto;
}

.program-selector-right-col {
  margin: auto 0;
}

/* Homepage - More section width */
@media only screen and (min-width: 992px) {
  .more-section-width {
    width: 80%;
  }
}

/* Homepage - Career Placement Rate */
.career-placement-rate {
  text-shadow: 3px 4px 4px #fab21e, 4px 8px #ea4e8a;
}

/* Homepage - Avg. Starting Salary */
.home-salary-text {
  display: inline-block;
  text-shadow: 2px 2px #ea4e8a;
}

select:active, select:focus {
  outline: none;
}

select#size_select {
  max-width: 100%;
  background: transparent;
  color: white;
  border: none;
  text-decoration: underline;
  text-decoration-color: #fab21e;
  margin-bottom: 10px;
  min-height: 35px;
  -webkit-apperance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select#size_select:hover {
  cursor: pointer;
}

/* Fix for IE */
select::-ms-expand {
  display: none;
}

.select-wrapper {
  position: relative;
}

#startingSalaryArrow {
  position: relative;
  font-size: 14px;
  display: inline-block;
  float: left;
  color: white;
  top: 10px;
  margin-right: 10px;
}

/* Homepage - You Matter Here */
.fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-node-5f5a254d1ce34 .fl-col-content {
  flex: inherit;
}

/* -- Internal Pages */
/* Internal Pages - Sidebar styling */
ul.cox-page-sidebar {
  list-style-type: none;
  padding: 10px 20px;
  border: 1px solid #f5f5f5;
  margin-top: 20px;
}

ul.cox-page-sidebar li {
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

ul.cox-page-sidebar li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

ul.cox-page-sidebar li>ul.cox-page-sidebar {
  border: none;
  list-style-type: circle;
  padding-top: 0;
  margin-top: 15px;
}

/*  Internal Pages - Quick nav bar - anchor scrolling */
ul.cox-quick-navbar {
  white-space: nowrap;
  overflow-x: auto;
}

ul.cox-quick-navbar li {
  display: inline;
  font-weight: bold;
  padding-right: 20px;
}

/* Programs template - visit, transfer, apply section */
#program-cta-section a {
  font-size: 14px;
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-transform: uppercase;
}

/* Programs template - Pink programs highlights */
.card-border, #convenient-tracks {
  border: 1px solid #f2f2f2;
  margin: 0 10px;
  min-height: 100%;
}

@media only screen and (max-width: 767px) {
  .card-border, #convenient-tracks {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  .program-highlight-text {
    width: 80%;
    margin: 0 auto;
    font-size: 22px;
  }
}

.program-highlights-header {
  color: #FAB21E  !important;
  text-align: center !important;
}

.program-highlights-caption {
  color: #fff !important;
  text-align: center !important;
}

/* Programs template - Four Convenient Tracks */
@media only screen and (min-width: 768px) {
  .program-tracks-width {
    width: 65%;
    margin: 0 auto;
  }
}

.program-tracks-link {
  color: #fab21e;
  text-transform: none;
  text-decoration: underline;
}

/* Programs template - testimonials */
.programs-testimonial-text {
  display: inline-block;
}

.programs-testimonial-whois {
  font-size: 30px;
  color: white;
}

/* Programs - admission requirements */
.ul-no-indent {
  padding-left: 20px;
}

.fl-accordion-button-icon .fl-accordion-button-icon-right .fas .fa-plus {
  color: #009999;
  opacity: 1;
}

.program-admissionreqs-disclaimer {
  color: #666666;
  font-size: 12px;
}

/* Programs template - accordion */
.accordion-credit-hours {
  font-size: 12px;
  color: #000000;
}

.fl-accordion-button-icon {
  color: #009999 !important;
  opacity: 1 !important;
}

.fl-accordion-medium .fl-accordion-button-label {
  font-size: 16px;
}

/* Programs template - programs bottom section */
.programs-template-paths {
  margin: 0 auto;
}

/* Faculty & staff member blocks */
div#staffBlock p {
  margin-top: 0px;
  margin-bottom: 5px;
}

.staff-block-email {
  display: block;
  margin-bottom: -10px;
}

/* -- Site Footer */
/* -- Blog */
.blog .row.fl-post-image-beside-wrap, .blog .fl-post-image-beside {
  margin: 0;
}

/* -- Global Styles */
/* -- Global Styles - Full Width Image on Side and Contained Text */
@media only screen and (min-width: 768px) {
  .style-tile-width-right {
    max-width: 500px;
    margin: auto auto auto 40px;
  }

  .style-tile-width-left {
    max-width: 500px;
    margin: auto 40px auto auto;
  }
}

.white-font {
  color: white;
}

.text-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #009999;
  opacity: 90%;
  min-width: 100%;
  padding: 40px 20px;
}

/* -- Global Styles - Links */
a:hover, a:focus {
  text-decoration: none;
}

/* -- Beaver Builder - Media Library */
.media-modal-content h1 {
  font-size: 20px;
}

.media-modal-content h2 {
  font-size: 16px;
}

.media-modal-content h3 {
  font-size: 14px;
}

.media-modal-content h4 {
  font-size: 12px;
}

/* Commencement Forms */
.commencement-form label {
	width: 100%;
}

p.commencement-error-message {
	background-color: #fff3cd;
	border: 1px solid;
    border-color: #ffeeba;
    padding: 10px 20px;
    margin-bottom: 40px;
}