/* gns custom font classes */
.gns-text-lg {
    font-family: open sans;
    font-size: 1.5em;
    letter-spacing: 0.2rem;
}

.gns-text-xl {
    font-family: open sans;
    font-size: 2em;
    letter-spacing: 0.2rem;
}

.gns-text-2xl {
    font-family: open sans;
    font-size: 3em;
    letter-spacing: 0.2rem;
}

/* custom card */
.gns-card-header{
    background-color: #739D94;
    color: #E7F0D3;
    border: solid 1px #4c7573;
    box-shadow: 0rem 0.2rem #4c7573;
    font-size: 1.8em;
}

.gns-card-subheader {
    background-color: #CDE19F;
    color: #3d4330;
    border: solid 1px #9eb877;
    box-shadow: 0rem 0.2rem #9eb877;
    font-size: 1.3em;
}

.gns-card-header, .gns-card-subheader {
    text-align: center;
    font-family: open sans;
    border-radius: 25px;
    letter-spacing: 0.2rem;
    padding: 0.8rem;
}

.gns-card {
    border: solid 1px rgba(0,0,0,0.2);
    border-radius: 25px;
}

.gns-card > .gns-card-body {
    padding: 1.5rem;
}

/* custom color utilities */
.bg-teal {
    background-color: #739d94;
}
.text-teal {
    color: #739d94
}
.bg-light-olive {
    background-color: #cee2a0;
}
.text-light-olive {
    color: #cee2a0;
}
.bg-dark-green {
    background-color: #3d4330;
}
.text-dark-green {
    color: #3d4330;
}
.bg-light-green {
    background-color: #e7f0d3;
}
.text-light-green {
    color: #e7f0d3;
}
.bg-soft-green {
    background-color: #8ac79b;
}
.text-soft-green {
    color: #8ac79b;
}

/* spoiler */

.spoiler {
    border-radius: 2rem;
    border: solid 1px rgba(0,0,0,0.2);
}

.spoiler-toggle {
    font-family: open sans;
    letter-spacing: 0.2rem;
    text-align: center;
    padding: 0.8rem;
    border-radius: 2rem;
    font-size: 1.3em;
}

.spoiler-text {
    font-family: Nunito;
    padding: 1.5rem;
}

.dd-light-toggle {
    background-color: #cee2a0;
    color: #3d4330;
    border: solid 1px #9eb877;
    box-shadow: 0rem 0.2rem #9eb877;
}
.dd-light-spoiler {
    border-radius: 2rem;
}

.dd-dark-toggle{
    background-color: #739D94;
    color: #E7F0D3;
    border: solid 1px #4c7573;
    box-shadow: 0rem 0.2rem #4c7573;
}
.dd-dark-spoiler{
    background-color: #CDE19F;
    border-radius: 2rem;
}

.dd-icon {
    max-height:1.5em;
}

.dd-spoiler {
    width: 30%;
}

.dd-menu {
    text-align: center;
    font-size: 1.2em;
}

.dd-text {
    padding: 0px;
}

.dd-link {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    padding: 0.8em;
}

.dd-link-bottom {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding: 0.8em;
}

.dd-link:hover, .dd-link-bottom:hover {
    background-color: #8ac79b;
}