/*!
Theme Name: SDBX Studio
Theme URI: http://underscores.me/
Author: Craig Tran
Author URI: https://www.sdbxstudio.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sdbx-wp-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SDBX Studio is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
    font-family: 'acumin-pro', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'acumin-pro', sans-serif;
    margin-bottom: 1rem;
    font-weight: 700;
}

h2 {
    font-size: 2rem;
}

p {
    margin-bottom: 1rem;
}
.wysiwyg > * + * {
    margin-top: 1.25em;
}
.wysiwyg ul {
    list-style: disc;
    padding-left: 1.25em;
}
.wysiwyg ol {
    list-style: decimal;
    padding-left: 1.25em;
}
.wysiwyg li + li {
    margin-top: 0.4em;
}
.wysiwyg a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.wysiwyg strong {
    font-weight: 600;
}

article.post ul {
    list-style: disc !important;
}
article.post ol {
    list-style: number !important;
}
article.post h2 {
}

#glt-translate-trigger {
    background: #b57916 !important;
    font-family: brandon-grotesque, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 1rem;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
/* Close Button */
.close-icon {
    margin: auto;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: relative;
    cursor: pointer;
}
.close-icon::before,
.close-icon::after {
    content: '';
    background: #000;
    position: absolute;
    height: 100%;
    width: 1px;
}
.close-icon.close-white::before,
.close-icon.close-white::after {
    background: #fff;
}
.close-icon::before {
    transform: rotate(45deg);
}
.close-icon::after {
    transform: rotate(-45deg);
}

/* Header Nav */
header ul#menu-main {
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    padding-right: 3rem;
}

header .sub-menu ul.menu li.menu-item a,
footer .menu li a {
    display: inline-block;
    border-bottom: 2px solid transparent;
    transition: 0.3s;
    line-height: 1.2;
}
header .sub-menu ul.menu li.menu-item a {
    display: inline-block;
    margin-top: 0.5rem;
}
header .sub-menu ul.menu li.menu-item:hover a,
header .sub-menu ul.menu li.current-menu-item a,
footer .menu li:hover a,
footer .footer-menu li.current-menu-item a {
    display: inline-block;
    border-bottom: 2px solid #d59729;
}

/* Hamburger Icon */
#hamburger-1.is-active .line:nth-child(2) {
    opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
    -webkit-transform: translateY(0.75rem) rotate(45deg);
    -ms-transform: translateY(0.75rem) rotate(45deg);
    -o-transform: translateY(0.75rem) rotate(45deg);
    transform: translateY(0.75rem) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-1rem) rotate(-45deg);
    -ms-transform: translateY(-1rem) rotate(-45deg);
    -o-transform: translateY(-1rem) rotate(-45deg);
    transform: translateY(-1rem) rotate(-45deg);
}

/* About Us */
.about-participation h3 {
    font-family: 'poppins', sans-serif;
}
.about-partners ul li {
    letter-spacing: 0.05em;
}
.about-partners ul li a,
.about-funders a {
    letter-spacing: 0.1em;
}
.about-partners ul li a:hover,
.about-funders a:hover {
    text-underline-offset: 8px;
    text-decoration: underline;
}
.about-participation ul {
    list-style: none; /* Remove default bullets */
}
.about-participation ul li {
    margin-bottom: 1.5rem;
}
.about-participation ul li::before {
    content: '\2022';
    color: #314e3d;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.contact :where(.wp-block-columns.is-layout-flex) {
    gap: 4em;
}
.about-purpose :where(.wp-block-columns.is-layout-flex) {
    gap: 6em;
}
.contact a:hover {
    text-underline-offset: 4px;
    text-decoration: underline;
}
.about-funders li {
    margin-bottom: 2rem;
}

/* Blog */
#ajax-load-more {
    padding: 0 2%;
    background: #f5f3ee;
}
.alm-btn-wrap {
    background: #f5f3ee;
    margin: 0 !important;
}
.page-template-page-contact nav a.nav-contact-link,
.page-template-page-about nav a.nav-about-link,
.page-id-159 nav a.nav-project-updates-link,
.page-template-page-interactivemap nav a.nav-priority-areas-link,
.single-project nav a.nav-priority-areas-link,
.page-id-196.page-template-default nav a.nav-accomplishments-link,
.page-id-67.page-template-default nav a.nav-resources-link,
.page-template-page-newsletters nav a.nav-newsletter-link {
    color: #76bee7;
}
.project-template-default .entry-content h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-family: 'poppins', Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    padding-bottom: 1rem;
}
.entry-content ul {
    list-style: disc;
}
.entry-content ul li {
    margin-bottom: 1rem;
    list-style: disc;
    margin-left: 1.5rem;
}
.entry-content a {
    text-decoration: underline;
}
.entry-content ul li a {
    text-decoration: none;
    transition: 0.3s;
}
.entry-content ul li a:hover {
    text-decoration: underline;
}
.entry-content #project-overview li {
    margin-bottom: 0.15rem;
}
.project-content ul {
    margin-left: 1rem;
    margin-bottom: 0;
}
.project-content {
    word-wrap: break-word;
}
.project-content ul.gutena-tabs-tab li {
    list-style: none;
    margin: 0;
}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title:last-child {
    border-right: 1px solid #272a411a;
}
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title.active,
.gutena-tabs-block > .gutena-tabs-tab > .gutena-tab-title:hover {
    border: 1px solid #3c6c86;
}
.gutena-tabs-content p {
    color: #4c3631;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.025em;
}
@media only screen and (max-width: 767px) {
    header ul#menu-main li a {
        border-bottom: 1px solid #b57916;
        padding: 25px 15px;
        background: url('./images/caret-right.png') no-repeat center right;
    }

    .sub-nav-header {
        background: url('./images/caret-left.png') no-repeat center left;
        padding-left: 30px;
    }

    #site-sub-navigation .menu {
        margin-left: 30px;
    }
    header .search-icon img {
        width: 2.25rem;
    }
    header .search-icon,
    header .search-icon:hover {
        border-bottom: 0;
        padding: 0 0 0 2rem;
    }
    .contact :where(.wp-block-columns.is-layout-flex) {
        gap: 0;
    }
    .about-purpose :where(.wp-block-columns.is-layout-flex) {
        gap: 2em;
    }
}

:root {
  --svcc-banner-bg:            #F7EBDA;   /* banner background */
  --svcc-banner-text:          #192433;   /* banner text */
  --svcc-btn-primary-bg:       #192433;   /* Accept All button */
  --svcc-btn-primary-text:     #ffffff;
  --svcc-btn-secondary-text:   #192433;   /* Reject button */
  --svcc-btn-secondary-border: #555555;
  --svcc-panel-bg:             #ffffff;   /* preferences panel */
  --svcc-panel-text:           #1a1a1a;
  --svcc-toggle-active:        #192433;   /* toggle on-colour */
  --svcc-link-color:           #a0c4ff;   /* privacy policy link */
}