/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/

html {}
body { font-family: 'Libre Franklin',sans-serif; font-size: 15px; font-weight:400; line-height: 24px; color: #212529; }
main {}
section {padding-top: 70px; padding-bottom: 70px;}

/*img {
    image-rendering: auto;
  image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    -webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}*/

/*===================================================================================*/
/*	FONTS
/*===================================================================================*/
h1          { font-size: 30px; line-height: 30px;  font-weight: 700; margin-bottom: 24px;}
h2          { color:#003B64; font-size: 28px; line-height: 40px; font-weight: 600; margin-bottom: 0; }
h3      {font-size: 22px; line-height: 26px; font-weight: 400; margin-bottom: 24px; color: #1D184D; margin-top: 24px;}
h4      {font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 24px; color: #1D184D; margin-top: 24px;}
p, ul li       { font-size: 16px; line-height: 22px; margin-bottom: 20px; }
ul,ol      {margin-bottom: 10px; padding-left: 20px;}
li      {}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
#content p:last-child, 
p:last-child,
ul:last-child, 
ol:last-child, 
li:last-child {margin-bottom: 0;}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child {margin-top: 0;}
a       {transition: all .3s ease; color: #00819A; text-decoration: underline;}
a:hover,
a:active,
a:focus { color: #00819A; text-decoration: none;}

/*--- FONT COLOR CLASSES ---*/
.text-white {color: #ffffff;}
.text-blue {color:#00819A;}


/*===================================================================================*/
/*	HEADER
/*===================================================================================*/
header { padding:60px 0; background-color:#385A7E; border-bottom:#A0CE00 10px solid; }
header h1 {color:#ffffff;} 
/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/
footer { padding:30px 0 30px 0; color:#000000; border-top:50px #385A7E solid; }
footer p { color:#FFFFFF; font-size:16px; margin-top:0;}

#footerLogo {width:130px;}
ul.footer-nav  {  display: flex; flex-direction: row; padding-left: 0; margin-bottom: 0;  list-style: none;  float:right; }

/*===================================================================================*/
/*	CONTENT WRAPPER
/*===================================================================================*/


/*===================================================================================*/
/*  SECTIONS
/*===================================================================================*/

.jumbotron.focus{
    background-repeat: no-repeat;
    background-size: cover;
}

.jumbotron.focus .col {
    align-self: center;
}

body#page ol,body#page ul {
    list-style: none;
}

.jumbotron.focus .col h2:after {
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    bottom: 0;
}

.green-lite {
    color: #a0ce00!important;
}

.green-med {
    color: #0f9375!important;
}

.green-dark {
    color: #055946!important;
}

.container .bg-border {
    border: 8px solid rgba(22,64,108,.25);
    background-blend-mode: multiply;
    padding: 0;
}

.container .bg-border .bg {
    color: #212529;
    background: #fff;
    padding: 50px 40px;
}

.container .bg-border .bg h1 {
    line-height: 1;
}

.jumbotron {
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
    padding: 8rem 2rem;
    background-color: transparent;
}

.jumbotron.focus {
    background-image: url(../img/hero.png);
    background-position: 30% 50%;
    padding: 75px 0;
}

.jumbotron.focus .col h2 {
    color: #055946;
    font-size: 2.25rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.jumbotron.focus .col h2:after {
    position: absolute;
    border-bottom: 8px solid #a0ce00;
}

.jumbotron.focus .col h2 span {
    color: #0f9375;
    font-family: Itim,sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}



.jumbotron.focus .col p:first-of-type {
    margin-top: 2rem;
}

.conclusions { background-color:#EAF7FF; color:#163868;}

.conclusions h2{ font-size:24px; font-weight:bold; line-height:24px; margin-bottom:20px; }

section.statements { }

.statements h2.hdr {
    color: #055946;
    font-size: 2.25rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.statements h2.hdr:after {
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    bottom: 0;
}

.statements h2.hdr:after {
    position: absolute;
    border-bottom: 8px solid #a0ce00;
}

.statements h2.hdr span {
    color: #0f9375;
    font-family: Itim,sans-serif;
    font-weight: 400;
    font-size: 1.1em;
}

.statement-card { padding:50px 50px 30px 50px; border-radius:10px; margin-bottom:60px; }
.statement-card h2{ color:#385A7E; font-size:30px; font-weight:800; margin-bottom:30px;}
.statement-card .note { font-size:14px; }
.statement-card.green       { background-color:#DDEBDE; background-image: url(../img/icon01.png); background-position: top 20px right 30px; background-repeat:no-repeat; }
.statement-card.yellow      { background-color:#FDECB4; background-image: url(../img/icon02.png); background-position: top 20px right 30px; background-repeat:no-repeat; }
.statement-card.purple      { background-color:#D9E0F1; background-image: url(../img/icon03.png); background-position: top 20px right 30px; background-repeat:no-repeat; }
.statement-card.grey        { background-color:#DADADA; background-image: url(../img/icon04.png); background-position: top 20px right 30px; background-repeat:no-repeat; }
.statement-card.pink        { background-color:#EECDCB; background-image: url(../img/icon05.png); background-position: top 20px right 30px; background-repeat:no-repeat; }
.statement-card.blue        { background-color:#CFDBE2; background-image: url(../img/icon06.png); background-position: top 20px right 30px; background-repeat:no-repeat; }

h2.accordion-header         { margin-bottom:0; }
.accordion                                    { background-color:rgba(255, 255, 255, 0.5); border-radius:10px; }
.statement-item                               { margin-bottom:20px; }
.statement-button                             { position: relative; display: flex; line-height:24px;  align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 20px; color: #385A7E; text-align: left; background-color:transparent; border: 0; border-radius: 25px;  overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; padding: 8px 20px 8px 8px;}
.statement-button:not(.collapsed)::before     { /*transform: rotate(90deg);*/ background-color: #385A7E; background-image:url(../img/icon-close.svg); }
.statement-button::before                     {  flex-shrink: 0; width: 36px; height: 36px; color: white; /*content: "\f054";*/ content: ""; text-align: center; border-radius: 50%; background-repeat: no-repeat; transition: transform .2s ease-in-out;background-color: #385A7E; background-image: url(../img/icon-open.svg); margin-right: 10px; }
.accordion-body                               { padding:0 55px 20px 55px; }

.statement-wrapper                              { margin-bottom:20px; }
.statement-legend                              {font-size:9px; line-height:12px; width:86px; font-weight:bold; }
.statement-icon                               { width:86px; height:86px; }
.statement-txt                                { font-size:18px; }

.reference { font-size:12px; line-height:16px; }
/*===================================================================================*/
/*	ELEMENTS
/*===================================================================================*/
/*--- BUTTONS --- */
.btn {max-width: 100%; display: inline-block;  text-align: center; color: #FFFFFF !important; border-radius:0; background-color:#1F8093; text-decoration: none !important; padding: 10px 40px; font-size:18px; font-weight:700;  line-height: 18px;}
.btn-icon {display: inline-flex; align-items: center;}
.btn-icon i {display: inline-block; margin-right: 5px; flex-shrink: 0;}

.btn:hover,
.btn:focus,
.btn:target { color: #ffffff; background-color:#1a99b1;}

.btn.teal{ background-color:#048090;}

/*--- ICONS ---*/
a .icon { text-decoration:none; margin-right:5px;}

/*--- EMBEDED VIDEO ---*/
.video-container        {border: 2px solid #dddddd;}
.video-container.border-none {border: 0;}
.video-container > div	{padding-top: 58.19% !important; width: 100%; position: relative;}
.video-container iframe	{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 1px solid #a5a5a5;}

/*===================================================================================*/
/*	FORM
/*===================================================================================*/   
.form-group {margin-bottom:20px;}
.form-group .umbracoForms-Indicator { color:#ff0000;}
.form-group .field-validation-error span{color:#ff0000; font-size:12px;}

/*===================================================================================*/
/*	PAGE SPECIFIC
/*===================================================================================*/


/*===================================================================================*/
/*	RESPONSIVE
/*===================================================================================*/
@media(max-width: 1399px) {
}

@media(max-width: 1199px) {
}

@media(max-width: 991px) {
}

@media(max-width: 767px) {
    .col.desktop { display: none;}
    .jumbotron{ background: #f5fae5;}

    .jumbotron.focus {
        background-position: 22% -6%;
        background-size: auto;
        padding-top: 29rem;
        padding-left:0;
        padding-right:0;
        
    }

    .statement-card {  padding: 50px 20px 30px 22px;}
}

@media(max-width: 575px) {
}