/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*

colors: 

  yellow (web, CatIs6):       #fbd117 rgba(251, 209, 23, 0.9)

  red (app, CatIs7):          #fb4d3d rgba(251, 77, 61, 0.9)

  acqua (illus, CatIs5):      #03cea4 rgba(3, 206, 164, 0.9)

  blue (brand, CatIs4):       #345995 rgba(52, 89, 149, 0.9)

  magenta (magenta):  #ca1551 rgba(202, 21, 81, 0.9)
  
 gray white : #f2f2f4

 gray lightest: #e9e9ec

 gray light: #d3d3db

 gray purple:#EFF1F7;

 gray mid:        #aaacbc

 Dark gray:   #68687f

 gray-black gray:  #30304a

 gray-black:       #191927

*/
/* color variables */
/* form variables */
/*shadows:*/
/*font-families

system font: 'Plus Jakarta Sans'

Title font: 'Plus Jakarta Sans'


family=Plus Jakarta Sans:300,300italic,400,400italic,500,700
family=Lora:400,700, serif

*/
/*-----MEDIA QUERY MIXIN & VARIABLES------*/
/*---------------------- GENERAL --------------------------*/
body, body a {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #191927;
}
@media (min-width: 48rem) {
  .g-content {
    padding: 0;
    margin: 0;
  }
}
figure {
  margin-left: 0;
  margin-right: 0;
}
.g-content-array .g-grid {
  margin-bottom: 0;
}
#g-navigation, .g-menu-parent-indicator, .g-loginform .greeting, .g-loginform .login-extra, .ppw-input, .logout-button, #login-remember, .ppw-restricted-content > p, article div.entry-meta {
  display: none !important;
}
.button {
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #345995;
  padding: 0.5rem 1rem;
  border-radius: 0.1875rem;
}
.button:hover {
  background-color: #30304a;
}
/*---------------------- HEADER --------------------------*/
#g-page-surround .g-offcanvas-toggle {
  color: #191927;
}
#g-header {
  background-color: #ffffff;
  border-bottom: 1px #e9e9ec solid;
}
#g-header .g-grid > .size-33-3 {
  max-width: 33.333333%;
}
@media (min-width: 48rem) {
  #g-header .g-grid > .size-33-3 > div {
    padding: 0;
  }
}
#g-header .gantry-logo {
  padding: 0.5rem 0 0.5rem 0.938rem;
  text-align: left;
}
@media (min-width: 48rem) {
  #g-header .gantry-logo {
    padding-left: 0;
  }
}
#g-header .gantry-logo:hover #path1 {
  stroke: #fb4d3d;
}
#g-header .gantry-logo:active #path1 {
  fill: #fb4d3d;
}
#g-header .gantry-logo path#path1 {
  stroke: #68687f;
  stroke-width: 0.4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.g-home #g-header .gantry-logo {
  display: none;
}
#g-header .g-content {
  padding: 0;
  margin: 0;
  /*-------------- Menu ------------------*/
  /*---Login----*/
}
#g-header .g-content .g-main-nav .g-toplevel {
  justify-content: flex-end;
}
#g-header .g-content .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background-color: #68687f;
}
#g-header .g-content .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover .g-menu-item-title {
  color: #ffffff;
}
#g-header .g-content .g-main-nav .g-toplevel .g-menu-item {
  border-right: 0 transparent;
  border-left: 0.1rem solid #D3D3DB;
  /*Menu dropdown*/
}
@media (min-width: 30rem) {
  #g-header .g-content .g-main-nav .g-toplevel .g-menu-item {
    border-right: 0.1rem solid #D3D3DB;
  }
}
#g-header .g-content .g-main-nav .g-toplevel .g-menu-item .g-menu-item-container {
  padding: 0.938rem;
  padding-top: 0.6rem;
  padding-bottom: 0.7rem;
}
@media (min-width: 48rem) {
  #g-header .g-content .g-main-nav .g-toplevel .g-menu-item .g-menu-item-container {
    padding-top: 0.4rem;
  }
}
#g-header .g-content .g-main-nav .g-toplevel .g-menu-item .g-menu-item-container .g-menu-item-title {
  color: #68687f;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.85rem;
}
#g-header .g-content .g-main-nav .g-toplevel .g-menu-item .g-dropdown {
  background-color: #68687f;
  left: auto;
  right: 0;
}
#g-header .g-content .g-main-nav .g-toplevel .g-menu-item .g-dropdown a {
  color: #e9e9ec;
}
#g-header .g-content .g-loginform .login-data {
  margin: 0 1.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 48rem) {
  #g-header .g-content .g-loginform .login-data {
    margin: 0.6rem 0;
    justify-content: flex-end;
  }
}
#g-header .g-content .g-loginform .login-data > p {
  display: inherit;
  align-items: inherit;
  margin: 0.5rem 0rem;
}
@media (min-width: 48rem) {
  #g-header .g-content .g-loginform .login-data > p {
    margin: 0 0.7rem 0 0.3rem;
  }
}
#g-header .g-content .g-loginform .login-data label, #g-header .g-content .g-loginform .login-data input {
  color: #68687f;
  font-size: 0.875rem;
  margin-bottom: 0;
}
#g-header .g-content .g-loginform .login-data label.button, #g-header .g-content .g-loginform .login-data input.button {
  color: #ffffff;
  background-color: #30304a;
  padding: 0.04rem 0.7rem;
  /*max-height: 24px;*/
  margin-top: 1px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#g-header .g-content .g-loginform .login-data label.button:hover, #g-header .g-content .g-loginform .login-data input.button:hover {
  background-color: #345995;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
#g-header .g-content .g-loginform .login-data label.button:active, #g-header .g-content .g-loginform .login-data input.button:active {
  background-color: #1E365D;
  box-shadow: none;
}
#g-header .g-content .g-loginform .login-data label {
  text-transform: uppercase;
  margin-right: 12px;
}
#g-header .g-content .g-loginform .login-data input {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
@media (min-width: 48rem) {
  #g-header .g-content .g-loginform .login-data input {
    max-width: 155px;
  }
}
#g-header .g-content .g-loginform .login-data input .inputbox {
  color: #30304a;
  background-color: #ffffff;
  border-color: #D3D3DB;
  box-shadow: none;
  margin-left: 0.25rem;
  padding: 1px 4px 3px;
}
/*----------------------------- HOMEPAGE -------------------------*/
/*hompeage background color*/
.home #g-page-surround, .home #g-page-surround header, .home #g-page-surround section, .home #g-page-surround main {
  background-color: #EFF1F7;
}
.hero__top {
  margin-top: 2rem;
}
@media (min-width: 48rem) {
  .hero__top {
    margin-top: 3rem;
  }
}
.hero__message {
  padding: 1rem 1.4rem 1.4rem;
  color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(176, 127, 0, 0.2), 0 4px 4px 0 rgba(220, 172, 0, 0.4);
}
@media (min-width: 48rem) {
  .hero__message {
    max-width: 48.5%;
  }
}
.hero__top .hero__message {
  background-color: #fbd117;
  color: #191927;
}
@media (min-width: 48rem) {
  .hero__top .hero__message {
    margin-left: 25.8%;
  }
}
.hero__bottom .g-grid:nth-child(1) .hero__message {
  background-color: #345995;
  box-shadow: 0 2px 3px 0 rgba(0, 57, 124, 0.3), 0 4px 4px 0 rgba(0, 75, 164, 0.2);
}
.hero__bottom :nth-child(2) .hero__message {
  background-color: #03cea4;
  color: #191927;
  box-shadow: 0 2px 3px 0 rgba(0, 130, 83, 0.2), 0 4px 4px 0 rgba(0, 180, 136, 0.3);
}
@media (min-width: 48rem) {
  .hero__bottom :nth-child(2) .hero__message {
    margin-left: 51.6%;
  }
}
.hero__triangle {
  width: 0;
  height: 0;
  border-top: 3rem solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 2.5rem solid transparent;
  margin-left: 3.5rem;
  margin-bottom: 1rem;
}
.hero__top .hero__triangle {
  border-top-color: #fbd117;
  margin-left: 61%;
  rotate: 90deg;
  border-right-width: 3rem;
}
@media (min-width: 48rem) {
  .hero__top .hero__triangle {
    margin-left: 55%;
  }
}
.hero__bottom .g-grid:nth-child(1) .hero__triangle {
  border-top-color: #345995;
  margin-left: 40%;
  margin-bottom: -1.5rem;
}
@media (min-width: 48rem) {
  .hero__bottom .g-grid:nth-child(1) .hero__triangle {
    margin-left: 18%;
  }
}
.hero__bottom .g-grid:nth-child(2) .hero__triangle {
  border-top-color: #03cea4;
  margin-left: 63%;
  rotate: 90deg;
  border-right-width: 3rem;
}
@media (min-width: 48rem) {
  .hero__bottom .g-grid:nth-child(2) .hero__triangle {
    margin-left: 77%;
  }
}
.hero__top .hero__svg-animation {
  margin-left: 60%;
}
@media (min-width: 48rem) {
  .hero__top .hero__svg-animation {
    margin-left: 55%;
  }
}
.hero__bottom .g-grid:nth-child(1) .hero__svg-animation {
  margin-right: 60%;
}
@media (min-width: 48rem) {
  .hero__bottom .g-grid:nth-child(1) .hero__svg-animation {
    margin-right: 80%;
  }
}
.hero__bottom .g-grid:nth-child(1) .hero__svg-animation svg {
  max-width: unset;
  width: 24rem;
}
.hero__bottom .g-grid:nth-child(2) .hero__svg-animation {
  transform: scalex(-1);
  margin-right: 12%;
}
@media (min-width: 48rem) {
  .hero__bottom .g-grid:nth-child(2) .hero__svg-animation {
    margin-right: 11%;
  }
}
/*------ Articles on homepage ------*/
#g-main {
  /* ---- Second row articles to squares ---- */
  /* ---- Articles bg colors ---- */
}
#g-main .g-wordpress-posts .g-content {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
  margin-bottom: 0;
}
@media (min-width: 48rem) {
  #g-main .g-wordpress-posts .g-content {
    margin-bottom: 2.3445rem;
  }
}
#g-main .g-wordpress-posts .g-content .g-array-item {
  border-radius: 8px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  height: auto;
  overflow: hidden;
  /*evolve into animation upon hover */
}
@media (min-width: 30rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item {
    height: 11.4rem;
  }
}
@media (min-width: 48rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item {
    height: 9.05rem;
  }
}
@media (min-width: 60rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item {
    height: 11.6rem;
  }
}
@media (min-width: 75rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item {
    height: 12.3rem;
  }
}
#g-main .g-wordpress-posts .g-content .g-array-item, #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-title, #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-details {
  background-color: #ffffff;
}
#g-main .g-wordpress-posts .g-content .g-array-item > div, #g-main .g-wordpress-posts .g-content .g-array-item > div a {
  color: #191927;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-image {
  display: block;
  float: left;
  width: 47%;
  padding-right: 5%;
  margin-bottom: 0;
}
@media (min-width: 75rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-image {
    width: 51%;
  }
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-title, #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-details, #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-text {
  padding-right: 3%;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-title h3 {
  font-size: 1.3rem;
  padding-top: 0.5rem;
  line-height: 1.3;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-details {
  margin-top: 0.3rem;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-details span {
  text-transform: lowercase;
  border: 1px solid #fb4d3d;
  color: #fb4d3d;
  font-weight: 400;
  padding: 0 0.3rem 0.2rem;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-details .g-array-item-category > svg {
  display: none;
}
#g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-text {
  font-size: 14px;
  font-weight: 300;
  margin-top: 0.5rem;
}
@media (max-width: 30rem) {
  #g-main .g-wordpress-posts .g-content .g-array-item .g-array-item-text {
    display: none;
  }
}
@media (min-width: 48rem) {
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block {
    flex: 0;
    flex-basis: 25%;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-image {
    float: none;
    padding-right: 0;
    width: 100%;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-image img {
    margin-top: -1rem;
    margin-bottom: -5rem;
    min-width: 100%;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-title, #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-details {
    padding: 0 4%;
    position: relative;
    z-index: 2;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-title h3, #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-details h3 {
    padding-top: 0.3rem;
    font-size: 1.1rem;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-details {
    font-size: 0.8rem;
    margin-top: 0;
    padding-top: 0.5rem;
    padding-bottom: 2rem;
  }
  #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block .g-array-item-text {
    display: none;
  }
}
#g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item, #g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item .g-array-item-title, #g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item .g-array-item-details {
  background-color: #30304a;
}
#g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item > div, #g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item > div a {
  color: #ffffff;
}
#g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(2) .g-array-item .g-array-item-details span {
  border-color: #fbd117;
  color: #fbd117;
}
#g-main .g-grid:nth-child(1) .g-wordpress-posts .g-block:nth-child(1) .g-array-item .g-array-item-details span, #g-main .g-grid:nth-child(2) .g-wordpress-posts .g-block:nth-child(4) .g-array-item .g-array-item-details span {
  border-color: #345995;
  color: #345995;
}
#g-subfeature {
  background-color: #ffffff;
  border: 0 transparent;
}
/*----------------------------- END HOMEPAGE -------------------------*/
/*-----------------------------POSTS (SINGLE ARTICLES)-----------------------------*/
.post .entry-header h2 {
  color: #191927;
  font-size: 1.9rem;
  line-height: 1.15;
  font-weight: 700;
}
@media (min-width: 48rem) {
  .post .entry-header h2 {
    font-size: 4.25rem;
    margin-bottom: 3rem;
  }
}
.post .entry-content {
  font-size: 1.2rem;
  color: #191927;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 48rem) {
  .post .entry-content {
    font-size: 1.25rem;
  }
}
.post .entry-content h3 {
  font-weight: 500;
}
@media (min-width: 48rem) {
  .post .entry-content h3 {
    font-size: 2.5rem;
  }
}
.post .entry-content h4 {
  font-weight: 500;
}
@media (min-width: 48rem) {
  .post .entry-content h4 {
    font-size: 2rem;
  }
}
.post .entry-content p:first-child {
  font-size: 1.4rem;
  line-height: 1.2;
}
@media (min-width: 48rem) {
  .post .entry-content p:first-child {
    font-size: 1.7rem;
    padding-bottom: 0.8rem;
  }
}
@media (min-width: 48rem) {
  .post .entry-content p, .post .entry-content h2.wp-block-heading, .post .entry-content div.entry-meta, .post .entry-content h3, .post .entry-content h4, .post .entry-content .post-password-form {
    margin-left: 12.8%;
    margin-right: 12.8%;
    margin-bottom: 2.2rem;
  }
}
.post .entry-content figure {
  margin-top: 40px;
  margin-bottom: 40px;
}
.post .entry-content figure.img--shadow img {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15);
}
.post .entry-content figcaption {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.8rem;
  text-align: center;
}
.post .post-password-form {
  background-color: #f2f2f4;
  padding: 1rem 1.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  border-radius: 8px;
}
.post .post-password-form .ppw-headline {
  font-weight: 500;
}
/*----------------------------- FOOTER -----------------------------*/
footer#g-footer {
  color: #ffffff;
  margin-top: 2rem;
  padding-bottom: 2rem;
  padding-top: 1rem;
  background-color: #30304a;
}
/*# sourceMappingURL=custom.css.map */