/*
 Theme Name: University of Pittsburgh Health Sciences
 Theme URI: https://www.health.pitt.edu/strategic-communications
 Description: Divi Child Theme for Strategic Communications
 Author: Office of the Senior Vice Chancellor for the Health Sciences, Strategic Communications
 Author URI: https://www.health.pitt.edu/strategic-communications
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ****************************** Customizations for custom shortcode displays in Functions file. ****************************** */

/* Search result count presentation. */
.MyResultsCount {
	text-transform: uppercase;
	background-color: #f2f2f2;
  	padding-left: 8px;
  	padding-top: 4px;
  	padding-right: 8px;
  	padding-bottom: 4px !important;
}

/* ****************************** Customizations for SearchWP plugin components. ****************************** */

/* Modify search button. */
.search-submit.swp-button {
  background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  font-size: 15px;	
  text-transform: uppercase;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  /*margin-left: 8px;*/
  border:0;
}

/* Modify form input. */
.swp-input--search.swp-input {
  border: 2px solid #ccc;
}

/* Modify highlight color of search criteria in results. */
.searchwp-highlight {
  background-color: #ffdecd;
}

/* Modify input presentation in header instance only. */
#searchwp-form-1.searchwp-form .searchwp-form-input-container .swp-input {
  background-color: #003594 !important;
  border: 1px solid #66b2e3;
  color: #fff !important;
  padding-left: 24px;
  padding-top: 12px;
  padding-right: 24px !important;
  padding-bottom: 12px;
  margin-top: 18px !important;
}

#searchwp-form-1.searchwp-form .searchwp-form-input-container .swp-input:focus {
	border: 1px solid #ffffff;
}

/* Modify input presentation on Search Results. */
#searchwp-form-3.searchwp-form .searchwp-form-input-container .swp-input {
  background-image: url("https://dev-health2025-pitt.pantheonsite.io/wp-content/uploads/2026/03/search-input-icon.png");
  background-position: left 18px top 50%;
  background-size: 20px auto;
  border-radius: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 52px;
  margin-right: 24px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #66b2e3;
  color: #666666 !important;
  padding-left: 52px;
  padding-top: 12px;
  padding-right: 24px !important;
  padding-bottom: 12px;
  /* margin-top: 18px !important; */
}

/* Modify input presentation in Search Popover instance only. */
#searchwp-form-8.searchwp-form .searchwp-form-input-container .swp-input {
  background-color: #FFB81C !important;
  border-top: 2px solid #FFB81C;
  border-left: 2px solid #FFB81C;	
  border-right: 2px solid #FFB81C;
  border-bottom: 2px solid #002058;
  color: #002058 !important;
  font-size: 28px;
  font-family: 'Merriweather', serif;
  padding-left: 0;
  background-image: none !important;
}

#searchwp-form-8 .search-submit.swp-button {
  background-color: #003594;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 8px;
  border: 0;
  cursor: pointer;
}

#searchwp-form-8 .searchwp-form-quick-search {
  color: #003594;
}

#searchwp-form-8 .searchwp-form-quick-search a {
  text-decoration: underline;
  color: #003594;
}

.searchwp-form-quick-search {
	color: #FFFFFF;
}


/* ****************************** Customizations for PageNavi plugin elements. ****************************** */

/* Modify current page. */
.wp-pagenavi span.current {
  border-color: #000;
  background-color: #003594;
  border-color: #003594;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Modify links. */
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  margin: 2px;
  background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
}

.wp-pagenavi {
  margin-top: 30px;
}

/* ****************************** Customizations for FacetWP plugin elements. ****************************** */

.facetwp-facet {
  margin-bottom: 0 !important;
}

/* Modify reset button. */
.facetwp-reset {
  background-color: #ffb81c;
  color: #003594;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 0;
  border:0;
}

/* Modify small reset button. */
.facetwp-facet-reset_small .facetwp-reset {
  text-align: center;
  background-color: #003594 !important;
  border: 1px solid #003594 !important;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  box-sizing: border-box;
}

/* Modify large reset button. */
.facetwp-facet-reset_large .facetwp-reset {
  display: block !important;
  width: 100% !important;
  text-align: center;
  background-color: #003594 !important;
  border: 1px solid #003594 !important;
  border-radius: 4px;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  box-sizing: border-box;
}

/* Modify date range inputs. */
.facetwp-date.facetwp-date-min.ready.fdate-input {
  margin-top: 8px;
  margin-bottom: 4px;
  padding-left: 8px;
  font-size: 1em;
}

.facetwp-date.facetwp-date-max.ready.fdate-input {
  padding-left: 8px;
  font-size: 1em;
}

/* Main search input. */
.facetwp-facet-main_search .facetwp-search {
  border-radius: 999px !important;
  height: 56px !important;
  padding-left: 48px !important;
}

/* =========================================================
   FacetWP nested checkboxes
   Blue checked box + white checkmark
   Works with your "pagepostcategory" facet HTML
   ========================================================= */
/* Base facet spacing */
.facetwp-facet-pagepostcategory{
  width: 100%;
}
/* Each checkbox row */
.facetwp-facet-pagepostcategory .facetwp-checkbox{
  position: relative;
  padding-left: 34px !important;
  margin-bottom: 10px;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 1.35;
  color: #002058;
}
/* Custom unchecked box */
.facetwp-facet-pagepostcategory .facetwp-checkbox::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #F3F3F5;
  border-top: 1.28px solid rgba(0,0,0,0.10);
  border-right: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  border-left: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1.28px 2.56px rgba(0,0,0,0.05);
  box-sizing: border-box;
}
/* Checked state */
.facetwp-facet-pagepostcategory .facetwp-checkbox.checked::before{
  background: #003594;
  border-color: #003594;
  box-shadow: none;
}
/* White checkmark */
.facetwp-facet-pagepostcategory .facetwp-checkbox.checked::after{
  content: "";
  position: absolute;
  left: 6px;
  top: 0.35em;
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
/* Label + counter styling */
.facetwp-facet-pagepostcategory .facetwp-display-value,
.facetwp-facet-pagepostcategory .facetwp-counter{
  /*font-size: 18px;*/
	font-size: 14px;
  color: #002058 !important;
  font-weight: 400 !important;
}
/* Optional: slightly lighter counters */
.facetwp-facet-pagepostcategory .facetwp-counter{
  margin-left: 4px;
  opacity: 0.75;
}
/* Expand/collapse symbol */
.facetwp-facet-pagepostcategory .facetwp-expand{
  margin-left: 6px;
  color: #003594;
  font-weight: 600;
}
/* Nested children indentation */
.facetwp-facet-pagepostcategory .facetwp-depth{
  margin-left: 18px;
  margin-top: 6px;
  margin-bottom: 6px;
}
/* Give child rows a little tighter spacing */
.facetwp-facet-pagepostcategory .facetwp-depth .facetwp-checkbox{
  margin-bottom: 8px;
}
/* Hover */
.facetwp-facet-pagepostcategory .facetwp-checkbox:hover::before{
  border-color: #003594;
}

/* =========================================================
   FacetWP nested checkboxes
   Blue checked box + white checkmark
   Works with your "tags" facet HTML
   ========================================================= */
/* Base facet spacing */
.facetwp-facet-tags{
  width: 100%;
}
/* Each checkbox row */
.facetwp-facet-tags .facetwp-checkbox{
  position: relative;
  padding-left: 34px !important;
  margin-bottom: 10px;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 1.35;
  color: #002058;
}
/* Custom unchecked box */
.facetwp-facet-tags .facetwp-checkbox::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #F3F3F5;
  border-top: 1.28px solid rgba(0,0,0,0.10);
  border-right: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  border-left: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 1.28px 2.56px rgba(0,0,0,0.05);
  box-sizing: border-box;
}
/* Checked state */
.facetwp-facet-tags .facetwp-checkbox.checked::before{
  background: #003594;
  border-color: #003594;
  box-shadow: none;
}
/* White checkmark */
.facetwp-facet-tags .facetwp-checkbox.checked::after{
  content: "";
  position: absolute;
  left: 6px;
  top: 0.35em;
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
/* Label + counter styling */
.facetwp-facet-tags .facetwp-display-value,
.facetwp-facet-tags .facetwp-counter{
  /*font-size: 18px;*/
	font-size: 14px;
  color: #002058 !important;
  font-weight: 400 !important;
}
/* Optional: slightly lighter counters */
.facetwp-facet-tags .facetwp-counter{
  margin-left: 4px;
  opacity: 0.75;
}
/* Expand/collapse symbol */
.facetwp-facet-tags .facetwp-expand{
  margin-left: 6px;
  color: #003594;
  font-weight: 600;
}
/* Nested children indentation */
.facetwp-facet-tags .facetwp-depth{
  margin-left: 18px;
  margin-top: 6px;
  margin-bottom: 6px;
}
/* Give child rows a little tighter spacing */
.facetwp-facet-tags .facetwp-depth .facetwp-checkbox{
  margin-bottom: 8px;
}
/* Hover */
.facetwp-facet-tags .facetwp-checkbox:hover::before{
  border-color: #003594;
}


/* ****************************** Customizations for List Categories plugin elements. ****************************** */

/* Customizations for List Categories plugin. */
.MyBrowseByTag {
    column-count: 5;
    column-gap: 50px;
}

ul.children {
  padding-bottom: 0;
}

/* ****************************** Customizations for header components. ****************************** */

/* Modify search icon. */
.et_pb_menu .et_pb_menu__icon {
  margin-left: 36px;
  font-weight: bold;
}

/* Modify search input field. */
.et_pb_menu .et_pb_menu__search-input {
  border: 1px solid #ccc;
  color: #fff;
  padding: 8px;
}

.pa-active-menu-item .et-menu-nav>ul>li.current-menu-item>a {
	border-bottom: 2px solid #003594 !important;
}

/* Force menu component to display as opened on mobile viewport. */
@media (max-width: 980px) {
	.MyMenuExpanded .et_pb_menu__menu {
		display: flex !important;
	}
	.MyMenuExpanded .et_mobile_nav_menu {
		display: none !important;
	}
}


/* ****************************** Customizations for header navigation + dropdown components (on desktop). ****************************** */

.global-divider {
  cursor: default;
  pointer-events: none; 
}

.header-dropdown-submenu .et-menu li {
	width: 100%;
}

#Header-Dropdown-About {
	display: none;
}

#Header-Dropdown-Education {
	display: none;
}

#Header-Dropdown-Research {
	display: none;
}

#Header-Dropdown-Partnerships {
	display: none;
}

#Header-Dropdown-Innovation {
	display: none;
}

#Header-Dropdown-Impact {
	display: none;
}

#Header-Dropdown-News {
	display: none;
}

#Header-Search-Popover {
	display: none;
}

/* ****************************** Customizations for header navigation + components (on mobile). ****************************** */

.header-mobile-menu .et-menu li {
	width: 100%;
}

.header-mobile-submenu .et-menu li {
	width: 100%;
}

/* Hide collapse icons, initially. */
#Mobile-Collapse-Icon-About {
	display: none;	
}

#Mobile-Collapse-Icon-Education {
	display: none;	
}

#Mobile-Collapse-Icon-Research {
	display: none;	
}

#Mobile-Collapse-Icon-Partnerships {
	display: none;	
}

#Mobile-Collapse-Icon-Innovation {
	display: none;	
}

#Mobile-Collapse-Icon-Impact {
	display: none;	
}

#Mobile-Collapse-Icon-News {
	display: none;	
}

/* Hide collapsed submenus, initially. */
#Mobile-Child-About {
	display: none;	
}

#Mobile-Child-Education {
	display: none;	
}

#Mobile-Child-Research {
	display: none;	
}

#Mobile-Child-Partnerships {
	display: none;	
}

#Mobile-Child-Innovation {
	display: none;	
}

#Mobile-Child-Impact {
	display: none;	
}

#Mobile-Child-News {
	display: none;	
}


/* Force menu components to display as opened on mobile viewport. */
@media (max-width: 980px) {
	.header-mobile-menu .et_pb_menu__menu {
		display: block !important;
	}
	.header-mobile-menu .et_mobile_nav_menu {
		display: none !important;
	}
	
	.header-mobile-submenu .et_pb_menu__menu {
		display: block !important;
	}
	.header-mobile-submenu .et_mobile_nav_menu {
		display: none !important;
	}
}

/* Initially hide Mobile Slideout Tray. */
#Mobile-Slideout-Tray {
	display: none;
}

/* Initially hide Mobile Search Popover. */
#Mobile-Search-Popover {
	display: none;
}

/* ****************************** Customizations for body components. ****************************** */

/* Customizations for Sticky posts. */
.MyStickyPost {
  background-color: #ffb81c;
  padding-left: 24px;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  /* border: 2px #003594 solid;
  border-radius: 8px; */
}

/* Customizations for Yoast SEO breadcrumb functionality. */
#myYoastBreadcrumb {
	color: #003594;
  	font-weight: normal;
  	font-size: 14px;
	font-family: "Roboto", sans-serif;
}

#myYoastBreadcrumb a {
	text-decoration: underline;
	color: #003594;
}

/* ****************************** Customizations for footer components. ****************************** */

/* Modify text links. */
.MyFooterColumn1 a {
	color: #ffffff;
	text-decoration: underline;
}

/* Format WordPress menu as stacked vertical list. */
.MyFooterVerticalMenu ul {
  display: block !important;
}

.MyFooterVerticalMenu li {
  display: block !important;
  width: 100% !important;
}

/* Force menu component to display as opened on mobile viewport. */
@media (max-width: 980px) {
	.MyFooterVerticalMenu .et_pb_menu__menu {
		display: block !important;
	}
	.MyFooterVerticalMenu .et_mobile_nav_menu {
		display: none !important;
	}
}