/*
 * name             RGB          found in
 *
 * B L U E 
 * light-blue     : E1F0FA     : logo background
 * bright-blue    : 0096FA     : logo
 * dark-blue      : 145F82     : typography
 *
 * G R E Y
 *
 * G R E E N
 * bright-green   : 78D23C     : logo
 * green          : 64BE28     : illustration
 * 
 */


body {
  background-color: #145F82; /* same as footer, for beautiful bouncy scroll */
  color: #145F82;
}


.quote {
  color: #E1F0FA;
}

.quotee {
  color: #E1F0FA;
}




.white {
  background-color: #FFF;
  color: #145F82;
}

.white h1,
.white h2,
.white h3 {
  color: #145F82;
}

.white a {
  color: #0096FA;
}

.white a:hover {
  color: #145F82;
}

.white a:active {
  color: #000;
}

/* form */
.white input[type=text],
.white textarea {
  background-color: #E1F0FA;
  border-top: 1px solid #b8cfd9; /* 30% 145F82 */
  color: #145F82;
}

.white input[type=submit],
.white .btn,
.white .btn:hover,
.white .btn:active {
  background-color: #0096FA;
  box-shadow: 0 0.25em 0 #145F82;
  color: #FFF;
}

.white input[type=submit]:active,
.white .btn:active {
  box-shadow: 0 0.05em 0 #145F82;
}

.white input[type=submit].button-green,
.white .btn-green,
.white .btn-green:hover,
.white .btn-green:active {
  background-color: #78D23C;
  box-shadow: 0 0.25em 0 #64BE28;
  color: #FFF;
}

.white input[type=submit].button-green:active,
.white .btn-green:active {
  box-shadow: 0 0.05em 0 #64BE28;
}

/* quote */
.white.quote {
  color: #145F82;
}

.white.quotee {
  color: #145F82;
}

.dark-grey{
    color: #222222;
}

.light-blue {
  background-color: #E1F0FA;
  color: #145F82;
}

.light-blue a {
  color: #008DF5; /* multiply bright-blue on light-blue */
}

.light-blue .btn {
  background-color: #0096FA;
  box-shadow: 0 0.25em 0 #145F82;
  color: #FFF;
}

.light-blue .btn-green {
  background-color: #78D23C;
  box-shadow: 0 0.25em 0 #58B327; /* multiply green on light-blue */
  color: #FFF;
}

/* form */
.light-blue input[type=text],
.light-blue textarea {
  background-color: #FFF;
  border-top: 1px solid #b8cfd9; /* 30% 145F82 */
  color: #145F82;
}

.light-blue input[type=submit],
.light-blue .btn,
.light-blue .btn:hover,
.light-blue .btn:active {
  background-color: #0096FA;
  box-shadow: 0 0.25em 0 #145F82;
  color: #FFF;
}

.light-blue input[type=submit]:active,
.light-blue .btn:active {
  box-shadow: 0 0.05em 0 #145F82;
}

.light-blue input[type=submit].button-green,
.light-blue .btn-green,
.light-blue .btn-green:hover,
.light-blue .btn-green:active {
  background-color: #78D23C;
  box-shadow: 0 0.25em 0 #64BE28;
  color: #FFF;
}

.light-blue input[type=submit].button-green:active,
.light-blue .btn-green:active {
  box-shadow: 0 0.05em 0 #64BE28;
}



.bright-blue {
  background-color: #0096FA;
  color: #FFF;
}

.bright-blue h1,
.bright-blue h2,
.bright-blue h3,
.bright-blue a {
  color: #FFF;
}

.bright-blue .btn {
  color: #FFF;
}

.bright-blue .btn-green,
.bright-blue .btn-green:hover,
.bright-blue .btn-green:active {
  background-color: #78D23C;
  box-shadow: 0 0.25em 0 #64BE28;
  color: #FFF;
}

.bright-blue .btn-green:active {
  box-shadow: 0 0.05em 0 #64BE28;
}

.bright-blue .speech-bubble,
.bright-green .speech-bubble {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E %3Cpolyline fill='white' points='50,0 100,50 20,100 0,50'%3E%3C/polyline%3E %3C/svg%3E");
}

.bright-blue .quotee-pict img {
  border-color: #E1F0FA;
}


.bright-green {
  background-color: #78D23C;
  color: #FFF;
}

.bright-green .btn {
  color: #FFF;
}

.bright-green .quotee {
  color: #FFF;
}


.dark-blue {
  background-color: #145F82;
  color: #E1F0FA; 
}

.dark-blue h1,
.dark-blue h2,
.dark-blue h3 {
  color: #FFF; 
}

.dark-blue a {
  color: #FFF; 
}

.dark-blue a:hover {
  color: #E1F0FA; 
}



.light-grey {
  background-color: #F5F5F5;
  color: #777;
}


.light-grey h1,
.light-grey h2,
.light-grey h3 {
  color: #999; 
}

.light-grey a {
  color: #0090F0; /* multiply bright-blue on light-grey */
}

.light-grey a:hover {
  color: #135B7D; /* multiply dark-blue on light-grey */
}

.light-grey a:active {
  color: #000;
}

.light-grey .btn,
.light-grey .btn:hover
.light-grey .btn:active {
  background-color: #0096FA;
  box-shadow: 0 0.25em 0 #145F82;
  color: #FFF;
}

.light-grey .btn:active {
  box-shadow: 0 0.05em 0 #145F82;
}

.light-grey .btn-green,
.light-grey .btn-green:hover,
.light-grey .btn-green:active {
  background-color: #78D23C;
  box-shadow: 0 0.25em 0 #64BE28;
  color: #FFF;
}

.light-grey .btn-green:active {
  box-shadow: 0 0.05em 0 #64BE28;
}






/* arrow */

/*
charset=utf8
< %3C
> %3E
# %23 
*/


/* fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' */
/* */
.white .link-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* */
.white .link-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23145F82' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23145F82' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* */
.white .link-icon:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}


/* */

/* 230090F0 */
.light-grey .link-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%230090F0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%230090F0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* 23135B7D */
.light-grey .link-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23135B7D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23135B7D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* 23000 */
.light-grey .link-icon:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}


/* 23FFF */
.dark-blue .link-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23FFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* 23E1F0FA */
.dark-blue .link-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23E1F0FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23E1F0FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 9,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}



/* user */

.white .icon-login {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='20px' x='0px' y='0px' viewBox='0 0 15 20' style='enable-background:new 0 0 15 20;' xml:space='preserve'%3E %3Cpath fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M13.5,17.8c-0.7-3-3.1-5.2-6-5.2c-2.9,0-5.3,2.2-6,5.2'%3E%3C/path%3E %3Cellipse fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='7.5' cy='6.5' rx='3.8' ry='4.3'%3E%3C/ellipse%3E %3C/svg%3E");
}

.white .icon-login:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='20px' x='0px' y='0px' viewBox='0 0 15 20' style='enable-background:new 0 0 15 20;' xml:space='preserve'%3E %3Cpath fill='none' stroke='%23145F82' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M13.5,17.8c-0.7-3-3.1-5.2-6-5.2c-2.9,0-5.3,2.2-6,5.2'%3E%3C/path%3E %3Cellipse fill='none' stroke='%23145F82' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='7.5' cy='6.5' rx='3.8' ry='4.3'%3E%3C/ellipse%3E %3C/svg%3E");
}

.white .icon-login:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15px' height='20px' x='0px' y='0px' viewBox='0 0 15 20' style='enable-background:new 0 0 15 20;' xml:space='preserve'%3E %3Cpath fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M13.5,17.8c-0.7-3-3.1-5.2-6-5.2c-2.9,0-5.3,2.2-6,5.2'%3E%3C/path%3E %3Cellipse fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='7.5' cy='6.5' rx='3.8' ry='4.3'%3E%3C/ellipse%3E %3C/svg%3E");
}


/* back */

/* 230096FA */
.white .icon-back {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%230096FA' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 1,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* 23135B7D */
.white .icon-back:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23135B7D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23135B7D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 1,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}

/* 23000 */
.white .icon-back:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10px' height='20px' x='0px' y='0px' viewBox='0 0 10 20' style='enable-background:new 0 0 10 20;' xml:space='preserve'%3E %3Cline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1' y1='10' x2='9' y2='10'%3E%3C/line%3E %3Cpolyline fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='5,13.5 1,10 5,6.5'%3E%3C/polyline%3E %3C/svg%3E");
}


#cookie-consent section {
    background-color: rgba(230, 230, 230, 1.0);
}