/**
 * Styles for accordions
 *
 * These styles attempt to unify the appearance of different types of accordions we use
 * on our sites, including the CKEditor Accordion plugin and TabPanelWidget displays
 * for QuickTabs, Views, and wherever else they may be used.
 */
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./meric/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
@import url(https://fonts.googleapis.com/css?family=Francois+One|Merriweather:400,700&display=swap);
/* font-size for accordion headers */
/* color for accordion headers */
/* background color for accordion content */
/* background color for accordion headers */
/* color for accordion headers */
/* width and height of the icons */
/* DO NOT include "#" */
/* square | round */
/* for the chevron's transition */
/**
 * Begin actual styles
 *
 * Using Classy subtheme identifier for specificity. Maintain indentation below here.
 */
.base-theme--classy {
  /**
   * TabPanelWidget style overrides
   *
   * Comments from original styles are included.
   *
   * https://github.com/tabpanelwidget/tabpanelwidget/blob/master/src/tabpanelwidget.scss
   */
  /**
   * Content
   */
  /**
   * HEADERS
   * MAKE SURE to style these HEADERs when they get focus since "outline" has been disabled
   * You may want to style the text in the HEADERs as the same color as your links
   */
  /**
   * PANEL
   */
  /**
   * ICONS on ALL HEADERS
   */
  /**
   * CKEditor Accordion style overrides
   *
   * https://git.drupalcode.org/project/ckeditor_accordion/-/blob/8.x-1.x/css/ckeditor-accordion.css
   */
}

.base-theme--classy .WDB-members {
  display: grid;
  padding: 20px;
  grid-template-columns: 1fr 2fr;
  border-top: 1px solid #dddddd;
}

.base-theme--classy .WDB-members:hover {
  background-color: #f5f5f5;
}

.base-theme--classy .WDB-memebers2 {
  display: grid;
  padding-top: 20px;
  gap: 20px;
}

.base-theme--classy .members-about {
  display: grid;
  gap: 50px;
  padding: 20px;
  grid-template-columns: auto auto auto;
  border-top: 1px solid #dddddd;
}

.base-theme--classy .members-about:hover {
  background-color: #f5f5f5;
}

.base-theme--classy .ckeditor-accordion-container > dl dt > a:hover, .base-theme--classy .ckeditor-accordion-container > dl dt > a:not(.button):hover, .base-theme--classy .ckeditor-accordion-container > dl dt > a:focus, .base-theme--classy .ckeditor-accordion-container > dl dt > a:not(.button):focus {
  background: #284d69;
  color: #ffffff;
}

.base-theme--classy .ckeditor-accordion-container > dl dt > a, .base-theme--classy .ckeditor-accordion-container > dl dt > a:not(.button) {
  display: block;
  padding: 10px 15px 10px 50px;
  background-color: #FFFFFF;
  color: #284d69;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border: 1px solid #4a87b5;
}

.base-theme--classy .ckeditor-accordion-container dl dd {
  border: 1px solid #4a87b5;
  background: #FFFFFF;
}

.base-theme--classy .tpw-tabpanel .tpw-shim:not([hidden]) .tpw-panel {
  background: #FFFFFF;
}

.base-theme--classy .tpw-tabpanel .tpw-selected .tpw-tab {
  background: #FFFFFF;
  color: #284D69;
}

.base-theme--classy .tpw-tab {
  color: #000000;
}

.base-theme--classy .tpw-accordion .tpw-header {
  background-color: #284d69;
  border-color: #284d69;
}

.base-theme--classy .tpw-accordion .tpw-header:focus {
  outline: -webkit-focus-ring-color auto 1px;
}