{# **************************************************************************** #}
{# **************************************************************************** #}
{# ******************** DO NOT EDIT VALUES BELOW THIS LINE ******************** #}
{# **************************************************************************** #}
{# ************************* ADD YOUR CUSTOM CSS TO THE *********************** #}
{# ****************** BOTTOM OF THIS DOCUMENT WHERE SPECIFIED ***************** #}
{# **************************************************************************** #}
{# **************************************************************************** #}

{# IMPORT CONFIG #}
{% if get_public_template_url("../../assets/Config.css") %}
{% import '../../assets/Config.css' as config %}
{% elif get_public_template_url("../../../assets/Config.css") %}
{% import '../../../assets/Config.css' as config %}
{% endif %}

{# IMPORT FUNCTIONS #}
{% if get_public_template_url("../../assets/Functions.css") %}
{% import '../../assets/Functions.css' %}
{% elif get_public_template_url("../../../assets/Functions.css") %}
{% import '../../../assets/Functions.css' %}
{% endif %}

{# ***************************************************************************** #} 
{# ***************************************************************************** #}
{# ***************************** BASE & CUSTOM CSS ***************************** #}
{# ***************************************************************************** #}
{# ***************************************************************************** #}

.tabbed-card-tag {
  background-color: #fff;
  border-radius: 15px 0 0 0;
  padding: 3px 17px;
}

.section--cards .resource-tabs .section--cards--card--background--default {background-color: #fff;}

.resource-tabs__list {
  display: flex;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 32px;
  min-width: 100%;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-tabs__tab {
  flex: 1;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 16px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 1.25rem;
  color: #33475b;
  cursor: pointer;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-tabs__tab[aria-selected="true"] {
  border-bottom-color: #2474d6;
}
/*
.resource-tabs__tab:hover span.focus,
.resource-tabs__tab:focus span.focus {
  outline: 2px solid #2474d6;
  outline-offset: 2px;
  border-radius: 3px;
}*/

/* Panel visibility — lives on the wrapper, separate from the card grid's flex rules */
.resource-tabpanel.is-hidden {
  display: none;
}

/* Equal-height cards */
.resource-cards-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-cards-row .section--cards--card {
  display: flex !important;
}

.resource-cards-row .section--cards--card--inner,
.resource-cards-row .section--cards--card--body,
.resource-cards-row .section--cards--card--contents--wrapper,
.resource-cards-row .section--cards--card--contents--inner,
.resource-cards-row .section--cards--card--content,
.resource-cards-row .card--spacer {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: 100% !important;
}

.resource-cards-row .section--cards--card--body--content {
  flex: 1 !important;
}

.resource-cards-row .all--btn--simple {
  margin-top: 1rem !important;
}

.resource-tabs__empty-message {
  text-align: center;
  color: #7d90a3;
  font-style: italic;
  padding: 40px 0;
}

.tabbed-card-tag {
  background-color: #fff;
  border-radius: 15px 0 0 0;
  padding: 3px 17px;
}

.section--cards .resource-tabs .section--cards--card--background--default {background-color: #fff;}

.resource-tabs__list {
  display: flex;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 32px;
  min-width: 100%;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-tabs__tab {
  flex: 1;
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 16px 8px;
  margin: 0;
  font-weight: 600;
  font-size: 1.25rem;
  color: #33475b;
  cursor: pointer;
  text-align: center;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-tabs__tab[aria-selected="true"] {
  border-bottom-color: #2474d6;
}
/*
.resource-tabs__tab:hover span.focus,
.resource-tabs__tab:focus span.focus {
  outline: 2px solid #2474d6;
  outline-offset: 2px;
  border-radius: 3px;
}*/

/* Panel visibility — lives on the wrapper, separate from the card grid's flex rules */
.resource-tabpanel.is-hidden {
  display: none;
}

/* Equal-height cards */
.resource-cards-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center;
  font-family: 'Source Sans 3', sans-serif;
}

.resource-cards-row .section--cards--card {
  display: flex !important;
}

.resource-cards-row .section--cards--card--inner,
.resource-cards-row .section--cards--card--body,
.resource-cards-row .section--cards--card--contents--wrapper,
.resource-cards-row .section--cards--card--contents--inner,
.resource-cards-row .section--cards--card--content,
.resource-cards-row .card--spacer {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  width: 100% !important;
}

.resource-cards-row .section--cards--card--body--content {
  flex: 1 !important;
}

.resource-cards-row .all--btn--simple {
  margin-top: 1rem !important;
}

.resource-tabs__empty-message {
  text-align: center;
  color: #7d90a3;
  font-style: italic;
  padding: 40px 0;
}