/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

/* colors */
:root {
    --is-color-ground-navy: #0c1c2c;
    --is-color-neutral-white: #eff2ec;
    --is-color-depth-green: #085856;
    --is-color-accent-purple: #7e245c;
    --is-color-ground-blue: #3a82e4;
    --is-color-neutral-putty: #dedad0;
    --is-color-depth-blue: #24366e;
    --is-color-accent-orange: #d25238;
    --is-color-ground-green: #40b2a4;
    --is-color-neutral-green: #d0e6da;
    --is-color-depth-teal: #143e50;
    --is-color-accent-yellow: #eeca4a;
}

/* typography */

@font-face {
  font-family: "Hind";
  src: url("/wp-content/fonts/Hind-Light.ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Hind";
  src: url("/wp-content/fonts/Hind-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Hind";
  src: url("/wp-content/fonts/Hind-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Hind";
  src: url("/wp-content/fonts/Hind-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Hind";
  src: url("/wp-content/fonts/Hind-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, li {
    font-family: Hind, sans-serif;
    font-weight: 300;
}

p, li {
    font-size: 1.2rem;
}

h1 {
    font-size: 3.6rem;
}

h2 {
    font-size: 2.8rem;
}

h3 {
    font-size: 2.2rem;
}

a {
    color: var(--is-color-accent-orange);
    text-decoration: none;
    font-weight: 500;
}

a:hover {
    color: var(--is-color-accent-orange);
    text-decoration: underline;
}



/* navigation */

.header-navigation .header-menu-container ul ul.sub-menu {
    background-color: white;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
    color: black;
    font-size: 0.8em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.header-navigation .current-menu-item > a,
.header-navigation .current-menu-item > a span,
.header-navigation .current_page_parent > a,
.header-navigation .current_page_ancestor > a span {
    color: var(--is-color-accent-orange) !important;
}

.header-navigation a:hover {
    color: var(--is-color-accent-orange) !important;
}

.header-navigation .header-menu-container ul ul li > a:hover,
.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a,
.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a:hover {
    background-color: white !important;
}

/* varia */

.entry-hero-container-inner {
    background-image: url('/wp-content/uploads/2022/03/isoc_bg_calm_neutral_white_1920x1920.png');
    background-size: cover;
}

.is-bg-01 {
    background-image: url('/wp-content/uploads/2022/03/isoc_bg_calm_neutral_white_1920x1920.png');
    background-size: cover;
    background-position: center;
    padding: 2rem;
}





/* NEWS */

/* category description in archive */
.is-category-description p {
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 2em;
}




/* EVENTS */

.is-events-list-header, 
.is-events-list-entry {
    display: flex;
    gap: 1em;
}

.is-events-list-header {
    font-weight: 600;
    font-size: 1.2em;
    border-top: 2px solid var(--is-color-neutral-white); 
    border-bottom: 2px solid var(--is-color-neutral-white);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.is-events-list-entry {
    border-bottom: 2px solid var(--is-color-neutral-white);
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.is-events-list-header-date-time,
.is-events-list-entry-date-time {
    width: 30%;
}
.is-events-list-header-title-location,
.is-events-list-entry-title-location {
    width: 70%;
}
@media (max-width: 980px) {
    .is-events-list-header-date-time,
    .is-events-list-entry-date-time {
        width: 40%;
    }
    .is-events-list-header-title-location,
    .is-events-list-entry-title-location {
        width: 60%;
    }
}
@media (max-width: 700px) {
    .is-events-list-header, 
    .is-events-list-entry {
        flex-direction: column;
        gap: unset;
    }
    .is-events-list-header-date-time,
    .is-events-list-entry-date-time {
        width: 100%;
    }
    .is-events-list-header-title-location,
    .is-events-list-entry-title-location {
        width: 100%;
    }
}

.is-events-list-entry-date {
    font-weight: 700;
}

.is-events-list-entry-title {
    font-size: 1.2em;
}

.is-event-details-data {
    font-size: 1.2em;
    margin-bottom: 2em;
}

.is-event-details-date {
    font-weight: 700;
}

.is-event-featured-image {
    max-width: 800px;
    margin-bottom: 2em;
}


/* kiwi social sharing buttons */

.kiwi-article-bar {
}

ul.kiwi-article-bar li {
}
ul.kiwi-article-bar li a {
    height: 3rem !important;
    width: 3rem !important;
    min-width: unset !important;
    border-radius: 50%;
    text-decoration: none;
}
ul.kiwi-article-bar li a span {
}
ul.kiwi-article-bar li a span::before {
    /* icon */
    line-height: 3rem;
    font-size: 1.5rem;
}



/* infobox */

.is-infobox-01 {
    color: white;
    background-color: var(--is-color-accent-orange);
    padding: 2em;
}
.is-infobox-01 path {
    fill: white;
}
.is-infobox-01 h3 {
    color: white;
}
.is-infobox-01 .uagb-ifb-separator {
    border-top-color: white;
}
.is-infobox-01 a {
    color: white !important;
    background-color: unset !important;
    border-color: white !important;
    border-width: 2px !important;
}
.is-infobox-01 a:hover {
    color: var(--is-color-depth-teal) !important;
    background-color: white !important;
    border-color: white !important;
    border-width: 2px !important;
}

/* page variants */

.me-page-variant-01 #inner-wrap {
}

.me-page-variant-01 .page-hero-section {
}

.me-page-variant-01 #primary {
}

.me-page-variant-02 .page-hero-section {
    display: none;
}

.me-page-variant-02 .content-area {
    margin-top: 0;
}

/* home banner */

.is-home-banner h2,
.is-home-banner p {
    margin-bottom: 0;
    line-height: 1;
}

/* home infoboxes */

/* fix for centered buttons */
.is-content-justification-center .wp-block-button {
    display: flex !important;
    justify-content: center;
}