/* BACKGROUND FOR PAGE  */
.ev-wrapper{
  background-color: #E5EEEF;
  background-color: #fcfcfc;
}
/*******/

.ev-component .ev-component-instruction-inner{
  font-size: 22px !important;
  color: #1e4649 !important;
  
}

/************* HERO IMAGE BANNER AND TITLE ***************/

div.ev-hero-image-title > h1.ev-hero-image-title-inner{
  text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
}

.ev-hero-image .ev-hero-image-title-inner{
  text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
}
@media all and (max-width: 520px) {
  .ev-hero-image .ev-hero-content {
    padding: 10px 10px 10px 10px;
  }
}
@media all and (max-width: 768px) {
 .ev-hero-image .ev-hero-content h1 {
  font-size: 50px;
}
 
}
@media all and (max-width: 520px) {
  .ev-hero-image .ev-hero-image-title {
   
  }
   .ev-hero-image .ev-hero-content h1 {
  font-size: 40px;
}
  
}
.ev-hero-image .ev-hero-image-title-inner {
  color: #ffffff;
  text-shadow: 1px 1px 2px rgb(45,75, 79, 0.6);
 /* text-transform: uppercase;*/
  text-align: center;
  font-family: Zilla Slab;
  font-size: 72px;
  font-weight: 600;
  line-height: 1.1;
}
.ev-hero-image .ev-hero-image-floating-image.ev-floating-image-layout-top{
  top: 5px;
  left:0;
  right: 0;
  width: 90px;
  margin: 0 auto;
}

.ev-hero-image .ev-hero-content h1 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;

}
.ev-hero-image .ev-hero-image-title{
  padding-left: 20px;
  padding-right: 20px;
}
/**********  Style 20 is the CUSTOM hero  article style **************/
.ev-article-style-20{
    min-height: 100vh;
   /* display: flex;
    flex-direction: column;
   /* place-items: center;*/
  /* justify-content: space-between;*/
}
.ev-article-style-20.ev-article .ev-article-inner {
  max-width: 1200;
}
.ev-article-style-20 .ev-component .ev-component-title-inner{
    font-weight: 600;
    font-size: 92px;
    text-transform: uppercase;
    max-width: 1200px;
   margin-top: 40vh;
   text-align: center;
   line-height: 1.3;
   margin-left: auto;
   margin-right: auto;
    
}
.ev-article-style-20 .ev-component .ev-component-title-inner > span{
  /*padding: 1px 20px;*/
 /* background-color: rgba(69, 113, 120, 0.92) !important;*/
  padding: 0px 10px;
  background-color: rgba(69, 113, 120, 0.92) !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-align: centre; 
  margin:auto;
}
.ev-article-style-20 div.ev-component-body-inner{
  margin-top: 20px;
  margin: 0px auto 10px auto;
} 
  .ev-article-style-20 div.ev-component-body-inner p{
    color: #3A6066;
    font-weight: 410;
    line-height: 1.8;
    font-size: 28px;
  }
  .ev-article-style-20 div.ev-component-body-inner p > span{
    padding: 4px 10px;
    background-color: rgba(255,255,255,.92) !important;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .ev-article-style-20 img.ev-img{
    width: auto;
    top: 0px;
    left: 0;
    right: 0;
  }
  .ev-article-style-20 .ev-component .ev-component-instruction-inner {
    color: #ffffff !important;
    font-size: 28px !important;
    font-weight: 450;
    text-shadow: 1px 1px 2px rgba(33, 54, 57, 0.52);
  }
  .ev-article-style-20 h2{
    /*text-shadow: 1px 1px 2px rgb(45,75, 79, 0.52);
    background-color: #3A6066;*/
    text-align: center;
    font-weight: 600;
    margin: 10px auto;
}
.ev-article-style-20 p{
    font-weight: 400;
    font-size: 24px;
    padding: 8px 12px;
    color: #515151;
    font-weight: 400;
    /*text-shadow: 1px 1px 1px rgb(58, 56, 56);*/
    
}
  @media all and (max-width: 520px) {
    .ev-article-style-20 .ev-component .ev-component-title-inner{
      font-weight: 600;
      font-size: 52px;
      margin-top: 25vh;
     line-height: 1.4;
      
  }
  .ev-article-style-20 div.ev-component-body-inner p{
    font-size: 22px;
  }
  .ev-hotgraphic-component .ev-hotgraphic-icon-pin-number {
  font-size: 20px;
  line-height: 20px;
}
.ev-hero-image .ev-hero-image-floating-image.ev-floating-image-layout-top{
  width: 70px;
}
  }
 
  @media all and (max-width: 768px) {
    .ev-article-style-20 .ev-component .ev-component-title-inner{
      font-weight: 600;
      font-size: 42px;
       margin-top: 25vh;
     line-height: 1.4;
      
  }
  .ev-article-style-20 div.ev-component-body-inner p{
    font-size: 19px;
    line-height: 1.96;
  }
   
  }

 /*******  END OF CUSTOM HEADER/HERO STYLE 20 ********/

.ev-body p{
    padding-bottom: 1.1em;
}

.ev-component-body-inner p:last-of-type{
  padding-bottom: 0
}
.ev-body li{
    padding-bottom: 0.3em;
}
.ev-body ul, .ev-body ol{
    padding-bottom: 0.8em;
}
.data-tooltip{
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

strong, b, .ev-body strong{
    font-weight: 600;
}

a.ev-inline-link{
  color:rgba(69, 113, 120, 0.92);
}
a:hover {
    opacity: 0.8;
  }

  .ev-notify .ev-notify-overlay {
    background-color: rgba(45,75, 79, 0.92);
  }

  .ev-notify .ev-prompt-body p{
    padding-bottom: 1.1em;
  }

  .ev-notify .ev-prompt-body p:has(> span){
    font-family: Zilla Slab;
    font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 0.3em;

  }

  .ev-flip-card-item .ev-flip-card-item-front{
    background-color:rgba(45,75, 79, 0.92);
  }


  .ev-flip-card-item .ev-flip-card-item-front, .ev-flip-card-item .ev-flip-card-item-back, .ev-flowchart-item.ev-list-item{
   
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

  div.ev-flip-card-item-content-image > img {
    width: 650%;
    max-width: 65%;
   vertical-align:middle;
}
.ev-flip-card-item .ev-flip-card-item-content-image img {
  margin: 0 auto;
  margin-top: 50px;
}

/********* TEXT NARRATIVE SLIDER ********/
.ev-article-style-13 .ev-textNarrative-component .ev-text-narrative-slider-text-body {
  margin-top: 0;
}

/*********  INFOGRAPHIC POPUP *********/
.ev-article-style-9  .ev-image-container img[src$=".svg"]{
  max-width: 300px;
  margin-bottom: 18px;
}

.ev-article-style-9 .ev-button{
  margin-top: 0;
}
.ev-text-reveal-item-content img.ev-img{
    width: 80%;
    max-width: 65%;
    height: auto;
    vertical-align:middle;
   
}

.ev-flowchart-item-content-text p:last-of-type {
  padding-bottom: 0;
}

.ev-flowchart-item-title-inner{
  font-weight: 500;
  font-size: 22px;
  color:#1e4649;
  padding: 4px;
}
.ev-flowchart-next-item button.ev-button{
  border-radius: 50%;
}
/************  ACCORDION ARTICLE **************/
.ev-article-style-12 .ev-accordion-component .ev-accordion-item-container{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

  .ev-article-style-12 .ev-accordion-component .ev-accordion-item-container:first-child a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .ev-article-style-12 .ev-accordion-component .ev-accordion-item-container:last-child a{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .ev-article-style-12 .ev-tabs-component .ev-tabs-item-container:first-child div.ev-tabs-item-inner {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .ev-article-style-12 .ev-tabs-component .ev-tabs-item-container:last-child div.ev-tabs-item-inner{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .ev-article-style-12 .ev-tabs-component div.ev-tabs-item-content{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius:8px;

}
.ev-article-style-12 .ev-accordion-item-body-content span{
font-family: Zilla Slab;
font-size: 24px;
font-weight: 600;
}



.ev-image-container img[src$=".svg"]{
  max-width: 200px;
  margin-bottom: 8px;
}
  /* Big simple text article style  */
  .ev-article-style-15 .ev-image-container img[src$=".svg"]{
    max-width: 300px;
    margin-bottom: 8px;
  }
  .ev-article-style-15 a.ev-inline-link, .ev-article-style-17 a.ev-inline-link,.ev-article-style-19 a.ev-inline-link{
    color:#3A6066;

}

div.ev-tabs-item-content.ev-tabs-item-content-layout-top{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius:8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}