:root {
    --primary: #00d1b2;
    --primary-invert: #fff;
    --primary-light: #ebfffc;
    --primary-dark: #00947e;
}
section {
    font-family: "IBM Plex Sans Thai Looped";
}
header {
    font-family: "IBM Plex Sans Thai Looped";
}
footer {
    font-family: "IBM Plex Sans Thai Looped";
    padding: 1.5rem !important;
}
.button {
    font-family: "IBM Plex Sans Thai Looped";
}
a {
    color: #008899;
}
a:hover {
    color: #0FA89D;
}
.color-dida {
    color: #008899;
}
.navbar a:hover {
    color: #0FA89D;
}
.background-dida-gradient {
    background-image: linear-gradient(45deg, #35BD9C 0%, #00A8CE 100%);
    box-shadow: 0 0 0 0 #ffffff;
}
.content figure {
    margin-left: 0em !important;
    margin-right: 0em !important;
}
.is-dida {
    background-color:#00A8CE; 
    color:hsl(0, 0%, 96%);
}
.bd-newsletter-box {
    background-color: #fff;
    background-image: url("/static/img/newsletter-strip.4c8f9ba4dea6.png");
    background-repeat: repeat-x;
    background-size: 96px;
    border-radius: 1.5em;
    box-shadow:0 0 0 1px #f5f5f5
}
.bd-green-box {
    background-color: #fff;
    background-image: url("/static/img/green-strip.85be96176ac6.png");
    background-repeat: repeat-x;
    background-size: 96px;
    border-radius: 1.5em;
    box-shadow:0 0 0 1px #f5f5f5
}
.bd-violet-box {
    background-color: #fff;
    background-image: url("/static/img/violet-strip.bcacc5873bff.png");
    background-repeat: repeat-x;
    background-size: 96px;
    border-radius: 1.5em;
    box-shadow:0 0 0 1px #f5f5f5
}
.ethics-question label {
    position:relative;
    padding-left:28px; 
    display:block;
 }
 
 .ethics-question label input[type=radio] {
    position:absolute;
    top:2px;
    left:4px;   
    transform: scale(1.5); 
 }
 
.bd-links {
    /*display: grid;
    grid-gap: 0;
    grid-template-columns:repeat(auto-fill, minmax(25em, 1fr))*/
}
.bd-link-body {
    border-radius: 6px;
    color: #7a7a7a;
    font-size: 1.25em;
    padding:1em
}
.bd-link-body:hover {
    background-color: var(--primary-light);
    color:var(--primary-dark)
}
.bd-link-icon {
    color: var(--primary);
    flex-grow: 0;
    flex-shrink: 0;
    height: 1.5em;
    margin-right: .5em;
    width:1.5em
}
.bd-link-title {
    color: #363636;
    display: block;
    font-weight: 600;
    line-height:1.50;
    font-size:1.25em;
}
.bd-link-subtitle {
    font-size:1.00em;
}
.bd-link-right {
    font-size:1.00em;
    float: right;
}
.bd-link-middle {
    margin: auto;
    text-align: right;
  }
  .animate-charcter
  {
    /*
    background-image: linear-gradient(
      -225deg,
      #231557 0%,
      #44107a 29%,
      #ff1361 67%,
      #fff800 100%
    );
    */
    background-image: linear-gradient(45deg, #35BD9C 0%, #00A8CE 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite alternate;
    display: inline-block;
        font-size: 190px;
  }
  
  @keyframes textclip {
    to {
      background-position: 100% center;
    }
  }

.navbar-item img {
    height: 2.25rem !important;
    max-height: 2.25rem !important;
}