/*
Theme Name: Catalight Child
Theme URI: https://elevateyourimpact.org/
Author: Gary Hagins
Author URI: https://www.catalight.org
Description: Child theme for Catalight for the EYI yearly conference. Catalight was initially produced by <a href="https://kadiko.com/" target="_blank">Kadiko</a> and is based on Underscores <a href="https://underscores.me/" target="_blank">https://underscores.me/</a>, &copy; 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles (style-rtl.css) has been helped along by Nicolas Gallagher and Jonathan Neal <a href="https://necolas.github.io/normalize.css/" target="_blank">https://necolas.github.io/normalize.css/</a>.
Template: catalight
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: elevateyourimpact
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
*/

:root {
  --wp--preset--color--eyi-dark-purple: #372142;
  --wp--preset--font-family--avant-garde-gothic: "century-gothic", "Century Gothic", "Avant Garde Gothic", sans-serif;
}

*:not(#wpadminbar *) {
  font-family: "century-gothic", "Century Gothic", "Avant Garde Gothic", sans-serif !important;
  font-weight: 400;
}

strong,
b,
a:not(.menu-item a):not(.main-navigation a):not(.current-menu-item a):not(#wpadminbar a),
h1,
h2,
h3,
h4,
h5,
h6,
button,
th {
  font-weight: 600 !important;
}

.text-wrap-balance {
  text-wrap: balance;
}

/* NAV BAR */

#masthead {
  background-color: #372142;
}

#masthead #masthead-inner {
  min-height: 86px;
}

.main-navigation #primary-menu > li > a {
  padding-bottom: 4px;
  border-radius: unset !important;
  border-bottom: 2px solid transparent;
  font-family: var(--wp--preset--font-family--avant-garde-gothic);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.1;
  text-decoration: none;
  letter-spacing: 0.05em;
  color: white !important;
}

.main-navigation #primary-menu > li > a:hover,
.main-navigation #primary-menu > li > a:active {
  padding-bottom: 4px;
  border-radius: unset !important;
  border-bottom: 2px solid white;
  font-weight: 600 !important;
}

.main-navigation #primary-menu > li > a::before,
.main-navigation #primary-menu > li > a::after {
  display: block;
  height: 0;
  visibility: hidden;
  content: attr(title);
  overflow: hidden;
}

.main-navigation #primary-menu > li > a::before {
  font-weight: 600 !important;
}

.main-navigation #primary-menu > li > a::after {
  font-weight: 500 !important;
}

.main-navigation #primary-menu > li.current-menu-item > a,
.main-navigation #primary-menu > li.current_page_item > a {
  padding-bottom: 4px;
  border-radius: unset !important;
  border-bottom: 2px solid white;
  font-family: var(--wp--preset--font-family--avant-garde-gothic);
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: color 0.2s linear;
}

.main-navigation #primary-menu > li.current-menu-item > a:hover,
.main-navigation #primary-menu > li.current-menu-item > a:active,
.main-navigation #primary-menu > li.current_page_item > a:hover,
.main-navigation #primary-menu > li.current_page_item > a:active {
  border-radius: unset !important;
}

.main-navigation #primary-menu > li > a,
.main-navigation #primary-menu > li > .name {
  padding-top: 4px;
}

/* HOMEPAGE / OVERVIEW */

.gradient-text {
  color: transparent;
  background: linear-gradient(to right, #311a33, #5c2f59, #7f3f98, #92278f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

#evidence-in-action h2 {
  font-weight: 500 !important;
}

/* REGISTRATION INFO */

.thin-hr {
  border-top: 1px solid;
}

.wp-block-buttons .wp-block-button.is-style-outline.disabled > a.wp-block-button__link {
  border-color: currentColor !important;
}

.wp-block-buttons .wp-block-button.is-style-outline.disabled > a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline.disabled > a.wp-block-button__link:active {
  border-color: currentColor !important;
  background-color: #ffffff !important;
  cursor: default !important;
}

/* CALL FOR PAPERS */

#submission-guidelines .accordion-block {
  position: relative;
  margin-top: 0;
  padding-top: var(--wp--preset--spacing--60);
  padding-bottom: var(--wp--preset--spacing--60);
  border-radius: 0;
  border-bottom: 1px solid #000 !important;
}

#submission-guidelines .accordion-block .wp-block-columns {
  padding: var(--wp--preset--spacing--50) 0 0 0 !important;
}

#submission-guidelines .accordion-block .block-accordion-panel-title {
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding-left: 0;
}

#submission-guidelines .accordion-block .block-accordion-panel-title h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  border-radius: 0;
  font-size: var(--wp--preset--font-size--medium-large);
  color: #af1f57;
  background-color: transparent;
  transition: all .3s;
}

#submission-guidelines .accordion-block .block-accordion-panel-title .icon-close {
  position: absolute;
  top: 7px;
  left: calc(100% - 1.5rem);
  z-index: 10;
  width: 20px;
  height: 25px;
  cursor: pointer;
  transition: all .3s ease-out;
  transition: 0.2s ease-in-out;
  transform: rotate(45deg);
  transform-origin: center center;
  /* justify-self: end; */
}

#submission-guidelines .accordion-block .block-accordion-panel-title .icon-close line {
  stroke: var(--wp--preset--color--pink);
}

#submission-guidelines .accordion-block.active .block-accordion-panel-title .icon-close {
  transform: rotate(45deg) !important;
  transform-origin: center center;
}

#submission-guidelines .accordion-block.active .block-accordion-panel-title .icon-close line:nth-child(2) {
  opacity: 0;
  transition: 0.2s ease-in-out;
}

#submission-guidelines .wp-block-columns {
  padding: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--50) 0;
}

#submission-guidelines .checkbox-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

#submission-guidelines .checkbox-list li {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 3rem;
  font-family: sans-serif;
}

#submission-guidelines .checkbox-list li::before {
  position: absolute;
  top: 0.45rem;
  left: 1rem;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--wp--preset--color--dark-blue);
  border-radius: 3px;
  background: white;
  content: "";
}

/* CONTINUING EDUCATION */

#accreditations sup {
  position: relative;
  top: 3px;
  display: inline-block;
}

/* PAST CONFERENCES / HISTORY */

#backToTopBtn {
  position: fixed;
  top: 50%;
  left: 20px;
  z-index: 99;
  display: none;
  padding: 12px 18px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #af1f57;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transform: translateY(-50%);
}

#backToTopBtn:hover {
  color: #8a1a44;
  background-color: transparent;
}

@media (max-width: 768px) {
  #backToTopBtn {
    left: 15px;
    padding: 10px 15px;
    font-size: 14px;
  }
}

.iframe-container {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.iframe-container.show {
  opacity: 1;
}

.custom-buttons .wp-block-column .wp-block-buttons .wp-block-button.is-style-outline > a.wp-block-button__link {
  border: 2px solid var(--wp--preset--color--pink) !important;
}

.custom-buttons .wp-block-column .wp-block-buttons .wp-block-button.is-style-outline > a.wp-block-button__link:hover,
.custom-buttons .wp-block-column .wp-block-buttons .wp-block-button.is-style-outline > a.wp-block-button__link:active {
  color: var(--wp--preset--color--white) !important;
}

/* FAQ */

.faq-wrapper-container {
  width: 100%;
  padding: 40px 20px;
  background: #ffffff;
}

.faq-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
}

.faq-sidebar-container {
  display: flex;
  flex: 0 0 33%;
  flex-direction: column;
  height: 100%;
}

.faq-sidebar {
  padding-right: 10px;
  background: #ffffff;
  overflow-anchor: none;
}

.faq-sidebar h4 {
  margin-top: 50px;
  margin-bottom: 1rem;
  font-size: 16px;
  text-transform: uppercase;
  color: #375262;
}

.faq-sidebar a {
  display: block;
  margin: 0.75rem 0;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #af1f57;
  cursor: pointer;
}

.faq-sidebar a:hover,
.faq-sidebar a.active {
  border-radius: 4px;
  text-decoration: underline;
  color: #af1f57;
}

.faq-content-container {
  flex: 1;
  padding: 0;
}

.faq-content-container::after {
  display: block;
  content: "";
}

.faq-section {
  scroll-margin-top: var(--wp--preset--spacing--70);
}

.faq-section h2 {
  font-size: 1.5rem;
  color: #af1f57;
}

.faq-question,
.faq-answer {
  font-size: var(--wp--preset--font-size--small-medium);
}

.faq-question {
  margin: var(--wp--preset--spacing--50) 0 var(--wp--preset--spacing--10) 0;
  font-size: var(--wp--preset--font-size--medium-small);
  color: #5c325e;
}

.faq-answer {
  margin: 0 0 var(--wp--preset--spacing--50) 0;
  padding: 0;
  color: #453b73;
}

.faq-divider {
  height: 3px;
  margin: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--60) 0 !important;
  border: none;
  background-color: var(--wp--preset--color--green);
  /* #a3cf60; */
}

.faq-section-divider {
  height: 1px;
  margin: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--70) 0 !important;
  border: none;
  background-color: var(--wp--preset--color--eyi-dark-purple);
}

@media (max-width: 768px) {
  .faq-wrapper {
    flex-direction: column;
  }

  .faq-sidebar {
    position: relative !important;
    top: auto !important;
  }
}

/* BUTTONS */

:root :where(.wp-element-button, .wp-block-button__link) {
  padding-top: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
  transition: 0.2s linear;
}

.wp-block-buttons .wp-block-button.is-style-outline > a.wp-block-button__link {
  transition: 0.2s linear;
}

.wp-block-buttons .wp-block-button.is-style-outline.green-hover > a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline.green-hover > a.wp-block-button__link:active {
  border-color: var(--wp--preset--color--green) !important;
  color: var(--wp--preset--color--eyi-dark-purple) !important;
  background-color: var(--wp--preset--color--green) !important;
}

.wp-block-buttons .wp-block-button.is-style-outline > a.wp-block-button__link {
  margin-top: 5px;
  padding-top: var(--wp--preset--spacing--30);
  padding-bottom: var(--wp--preset--spacing--30);
  border-color: #ffffff !important;
}

/* BUTTONS - SOCIAL MEDIA */

.catalight-social-media-buttons {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalight-social-media-buttons li {
  margin: 0 0.75rem 0 0;
}

.catalight-social-media-buttons li a {
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background: var(--wp--preset--color--plum);
  transition: all 0.2s;
}

.catalight-social-media-buttons li a path {
  transition: all 0.2s;
  fill: var(--wp--preset--color--white);
}

.catalight-social-media-buttons li a:hover {
  background: var(--wp--preset--color--5-percent-plum);
}

.catalight-social-media-buttons li a:hover path {
  fill: var(--wp--preset--color--plum);
}

.catalight-social-media-buttons li svg {
  display: block;
}

/* FOOTER */

#about-catalight {
  border-bottom: 1px solid var(--wp--preset--color--light-blue) !important;
}

footer .footer-logo {
  padding-bottom: var(--wp--preset--spacing--50);
}

footer#colophon {
  /* border-top: 1px solid #435b73; */
}

footer [class^="menu-footer"] a {
  font-size: 14px;
  transition: text-shadow 0.2s ease;
}

footer [class^="menu-footer"] a:hover,
footer [class^="menu-footer"] a:active {
  font-weight: 600 !important;
}

footer [class^="menu-footer"] a::before,
footer [class^="menu-footer"] a::after {
  display: block;
  height: 0;
  visibility: hidden;
  content: attr(title);
  overflow: hidden;
}

footer [class^="menu-footer"] a::before {
  font-weight: 600 !important;
}

footer [class^="menu-footer"] a::after {
  font-weight: 500 !important;
}

footer .current-menu-item > a,
footer .current_page_item > a {
  font-weight: 600 !important;
}

@media screen and (max-width: 768px) {
  #colophon-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1rem 0.5rem;
    text-align: center;
  }

  #colophon-navs {
    order: 1;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0;
  }

  #colophon-navs ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #colophon-navs ul li {
    margin: 0.25rem 0;
  }

  #colophon-navs a {
    font-size: 16px;
    text-decoration: none;
  }

  #colophon-mid {
    order: 2;
    margin: 0.5rem 0 1rem;
  }

  #colophon-mid .wp-block-button a {
    font-size: 16px !important;
    text-decoration: none !important;
    color: #8f6c94 !important;
  }

  #colophon-end {
    order: 3;
    margin: 0.5rem 0 0.5rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #435B73;
  }

  #colophon-end .copyright {
    margin: 0 0 0.75rem;
  }

  .social-media-icons {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin-bottom: 0.5rem;
  }

  .social-media-icons a {
    font-size: 22px;
    color: #8f6c94;
  }

  #colophon-navs > div {
    margin-bottom: 0;
  }

  footer.site-footer {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

}