/*
 Theme Name:   EKU
 Theme URI:    http://brand.eku.edu/
 Description:  The theme for Eastern Kentucky University
 Author:       EKU Communications & Brand Managment
 Author URI:   http://brand.eku.edu
 Template:     Divi
 Version:      4.18.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

/* EKU brand color vars */
:root {
  --maroon: rgb(137, 30, 65);
}

/* Top Header */
#top-header {
  background-color: var(--maroon);
}

/* Remove Enable Visual Builder from admin toolbar */
#wp-admin-bar-et-use-visual-builder {
  display: none;
}

/* Adjusts line-height of inner global menu items */
#top-menu li li a {
  line-height: 1.5em;
  padding: 8px 20px;
}

/* Prevents carat from overlapping with text */
.et-menu li li.menu-item-has-children>a:first-child:after {
  top: 6px;
  right: auto;
}

.et-menu a,
.et_pb_tabs_controls li a,
.et_mobile_menu li a,
.nav li li a,
.et_pb_blurb .et_pb_module_header a,
.et_pb_button,
.et_pb_slides a,
.et-pb-slider-arrows a {
  text-decoration: none !important;
}

#et_search_icon:focus {
  outline: 2px solid var(--maroon) !important;
}

/*Divi Post Content Module Width Fix*/
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
  width: 100%;
}

/*Accessibility Edit for SR*/
.sr-only, .sr-desc .forminator-description {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Footer Menu */
#footer-menu .et_pb_text_inner ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer-menu .et_pb_text_inner ul li {
  list-style: none;
}

/* Forces footer to look normal when Divi cache conflicts with Pantheon cache */
.footer-column-static a {
  color: rgb(165, 165, 165);
  border-color: rgb(165, 165, 165);
  outline-color: rgb(165, 165, 165);
  font-family: Poppins, Helvetica, Arial, Lucida, sans-serif;
  line-height: 14px;
}

.footer-column-static p {
  padding-bottom: 0.5em;
}

.footer-column-static h2 {
  font-family: Poppins, Helvetica, Arial, Lucida, sans-serif;
  font-weight: 500;
}

/* Home Page Feed Widgets */
.et_pb_widget_area_left {
  border: none;
}
.feedzy-rss .rss_item {
  border: none;
}

/* Menu Social Media Icons [Subsite Site Menu] */
ul.site.social.list-inline {
  background-color: #ddd;
  display: inline-flex;
  position: absolute;
  justify-content: flex-end;
  right: 8%;
  z-index: 999;
  border-radius: 0 0 5px 5px;
  padding: 0px;
}
li.social-icon {
  list-style: none;
}

li.social-icon i {
  color: white;
}
ul.site.social.list-inline li a {
  padding: 5px 10px;
  text-decoration: none !important;
}
a#fa-instagram:before {
  content: "\e09a";
  font-family: "ETmodules";
  color: var(--maroon);
}
a#fa-facebook:before {
  content: "\e093";
  font-family: "ETmodules";
  color: var(--maroon);
}
a#fa-twitter:before {
  content: "\e094";
  font-family: "ETmodules";
  color: var(--maroon);
}

/* Google Search Console */
#gsc-i-id1:focus {
  border: 2px solid var(--maroon);
}
#gs_cb50 {
  display: none;
}
.gsc-completion-container {
  display: none !important;
}
.gsc-input-box {
  border: none !important;
}
.gsc-input {
  background: none !important;
  color: #333;
  right: 0 !important;
  margin: auto !important;
}
#___gcse_0 > div > form > table > tbody > tr > td.gsc-search-button {
  display: none;
}
.gsc-search-button-v2 {
  background-color: var(--maroon) !important;
  border: 1px solid var(--maroon) !important;
}
.gsc-search-button-v2:hover {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
.et-search-form {
  width: 80%;
}
.gsc-adBlock,
.ie_ .cse_block_container,
.gcsc-find-more-on-google,
.gcsc-branding {
  display: none !important;
}
.gs-result .gs-title *,
.gsc-cursor-page,
.gs-spelling a {
  color: #333 !important;
}
.gs-promotion .gs-visibleUrl,
.gs-webResult .gs-visibleUrl {
  color: var(--maroon) !important;
}
.gsst_a .gscb_a {
  color: #f0be7b !important;
}
.gsst_a:hover .gscb_a,
.gsst_a:focus .gscb_a {
  color: #bb8235 !important;
}

/* Rave Alert Styling */
.rave-alert {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: rgb(255, 224, 0);
  color: #000;
}
.rave-alert a {
  color: var(--maroon) !important;
  text-decoration: underline !important;
}
.rave-alert a:focus {
  border: 2px solid blue;
}

/* Smush ignore logo */
img#logo.smush-detected {
  box-shadow: none !important;
}

/* MOBILE MENU NESTING */
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu
  .et_mobile_nav_menu
  .mobile_nav.opened
  .mobile_menu_bar::before {
  content: "\4d";
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.page_item_has_children
  .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  > li.menu-item-has-children
  .sub-menu
  li.menu-item-has-children {
  position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible,
.et-db
  #main-header
  ul.et_mobile_menu
  .menu-item-has-children
  .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle {
  text-align: center;
  opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children
  .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: "\33";
  color: #fff;
  background: var(--maroon);
  border-radius: 50%;
  padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db
  #et-boc
  .et-l
  ul.et_mobile_menu
  li.menu-item-has-children.dt-open
  > .mobile-toggle::after {
  content: "\32";
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff !important;
  border-radius: 10px;
}

.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
}

.pa-block {
  display: block !important;
  height: fit-content !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding: 5% !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.et_mobile_menu .menu-item-has-children .pa-submenu {
  display: block !important;
}

.opened .et_mobile_menu {
  height: fit-content !important;
  padding: 5% !important;
}

/*Disable secondary nav in mobile menu*/
#mobile_menu li.dbdb_secondary-menu {
  display: none !important;
}

/*Enable scrolling menu in mobile*/
.et_mobile_menu {
  overflow-y: scroll !important;
  max-height: 80vh !important;
  -overflow-scrolling: touch !important;
  -webkit-overflow-scrolling: touch !important;
}

/*Remove transition from mobile menu*/
.et_mobile_menu li a {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

/* Force mobile menu links to be on-brand. 
   This is to prevent Divi from overriding things */
#mobile_menu1 a {
  color: var(--maroon) !important;
}

/* Reduces animation motion and removes video if accessibility feature is selected in browser */
@media (prefers-reduced-motion) {
	* {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
   animation-duration: 0s !important;
  }
	.et_pb_section_video_bg {
		visibility: hidden !important;
	}
	.et_pb_blurb_0:hover, .et_pb_blurb_1:hover, .et_pb_blurb_2:hover, .et_pb_button_0_wrapper a:hover, .et_pb_button_1_wrapper a:hover, .et_pb_button_2_wrapper a:hover, .et_pb_button_3_wrapper a:hover {
    transform: scaleX(1) scaleY(1)!important;
}
	.et_pb_button_0, .et_pb_button_0:after, .et_pb_button_1, .et_pb_button_1:after, .et_pb_button_2, .et_pb_button_2:after, .et_pb_button_3, .et_pb_button_3:after, .et_pb_button_4, .et_pb_button_4:after, .et_pb_button_5, .et_pb_button_5:after, .et_pb_button_6, .et_pb_button_6:after {
	-webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
	}
/* Disables Parallax BG */
	.et_parallax_bg {
		transform: translate(0px, 0px) !important;
	}
}
/* End Reduce Motion Accessibility Edit */

/* Slider Module Improvements */
.et_pb_slider .et-pb-controllers {
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	text-align: center;
	z-index: 10;
	padding-top: 10px;
	height: 28px;
	padding: 10px 15px 0;
  border-radius: 14px;
}
.et_pb_slider.et_pb_bg_layout_light .et-pb-controllers {
	background-color: #fff;
}
.et_pb_slider.et_pb_bg_layout_dark .et-pb-controllers {
	background-color: var(--maroon);
}
.et_pb_slider.et_pb_bg_layout_dark  .et-pb-controllers a {
	background-color: #fff;
}

/* Darken Dots */
.et_pb_bg_layout_light .et-pb-controllers a {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
}

/* Increase Dot Size */
.et_pb_slider .et-pb-controllers a.et-pb-active-control {
	width: 11px;
  height: 11px;
  transform: translateY(-2px);
}

/* Tab Improvement Outlines */
.et_pb_slider .et-pb-controllers a.keyboard-outline  {
	opacity: 1;
	outline-width: 3px !important;
	border-radius: 0;
}
.et_pb_slider.et_pb_bg_layout_dark .et-pb-controllers a.keyboard-outline {
	outline-color: white;
}
.et_pb_slider.et_pb_bg_layout_light .et-pb-controllers a.keyboard-outline {
	outline-color: black;
}
.et-pb-arrow-next.keyboard-outline {
  opacity: 1;
  right: 22px;
}
.et-pb-arrow-prev.keyboard-outline {
  opacity: 1;
  left: 22px;
}

/* Remove Arrow Underlines */
#main-content .et_pb_slider .et-pb-arrow-prev,
#main-content .et_pb_slider .et-pb-arrow-next {
    text-decoration: none !important;
}

/* Responsive background video styles */
@media (min-aspect-ratio: 16/9) {
  #responsive-video-bg {
    width: 100% !important;
    height: auto !important;
  }
}
@media (max-aspect-ratio: 16/9) {
  #responsive-video-bg {
    width: auto !important;
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  #responsive-video-bg {
    display: none;
  }
}

/* Replace Twitter icon with X */
.et-social-twitter a.icon:before {
	content: "\e61b";
	font-family: "Font Awesome 6 Brands" !important;
}