/*

Theme Name: caf
Description: Dedicated Wordpress theme for CAF

*/

/*--- Yippa Customization ---*/

/*--- Navigation ---*/
.parent-arrow {
  font-size: 3rem;
  position: absolute;
  margin-left: 6px;
  top: 25%;
}

.sub-menu {
  display: block;
}

/* Show sub-menu on parent item hover */
.menu-item-has-children:hover .sub-menu,
.menu-item-has-child .sub-menu:hover {
  display: block;
}

/* Mobile styles for showing sub-menu on click */
@media (max-width: 768px) {
  .menu-item-has-children.mobile-active .sub-menu {
    display: block;
  }
}

/*--- Blog Author Search ---*/

.search-authors-container {
  max-width: 1150px;
  padding: 0 15px;
  margin: 0 auto 32px;
}
.search-authors {
  display: flex;
}

.search-authors__title h5 {
  font-size: 18px;
  margin-right: 5px;
  color: #dc3234;
  opacity: 0.75;
}

.search-authors__form {
  width: fit-content;
}

.author-dropdown:hover {
  cursor: pointer;
}

.author-dropdown {
  padding: 10px;
  width: 100%;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: white;
}

/* Style the dropdown arrow */
.author-dropdown::after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.author-dropdown:focus {
  outline: none;
}

/* Author Page Updates */

.page-single:has(#back-link) {
  position: relative;
}

a#back-link {
  position: absolute;
  top: 15px;
  left: 5%;
}


/*--- Mobile Menu Style ---*/

@media screen and (max-width: 959px ) {

a:has(.parent-arrow) { 
  position: relative;
  margin-bottom: 0;
}


  .parent-arrow {
  top: initial;
  bottom: 3px;
}


  .ph-menu .sub-menu {
  position: relative;
  margin-top: 0;

}
  
}