.ignore-stretched-link {position: relative; z-index: 100;}

@media print {
   .notmobileCludo {
    display: none;
  }
}

@media print {
  .page-break {
    page-break-before: always;
  }
}

@media print {
  .banner-welcome, .breadcrumb-item, .footer-bottom, .rc-anchor-pt {
    display: none;
  }
}

.card-header a:visited {
    color: #004c94;
}

.card-header {
    background-color: TRANSPARENT;
}

.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  }
  .scrolling-card {
    flex: 0 0 auto;
  }
  .scrolling-card img {
    max-height:500px}
  .scrolling-card::after {
    content:"\2771";
    margin:5px;
    vertical-align:middle;
  }
  .scrolling-card:last-child:after {
    content: "";
    margin:0px;
  }

.modal.modal-wide .modal-dialog {
  width: 90vw;
  height: 90vh;
  margin-left: 5vw;
  padding: 0;
  max-width: none;
  }
  .modal.modal-wide .modal-content {
    height: auto;
    height: 95vh;
    border-radius: 0;
    border: none;
  }
  .modal.modal-wide .modal-body {
    overflow-y: auto;
  }
  iframe#storymapper  {
    display: block;
    height: 85vh;
    width: 95vw;
  }

@media screen and (max-width: 400px) {
li {font-size: 0.9rem;}
}

a#cphContent_hypDownload {
    background: #682658;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
}

#cphContent_featurednews_hNewsTitle {margin-top: 0rem! important}

.has-submenu button, .navMega li a.nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/*Change display:revert to display:none for purdah*/
.cllr {
  display: revert;
  }

.twtr-tweet-text {font size: 1rem; font-family: Lexend, Serif;}
.twtr-hyperlink {font size: 1rem; font-family: Lexend, Serif;}
.twtr-atreply {font size: 1rem; font-family: Lexend, Serif;}
.twtr-hashtag {font size: 1rem; font-family: Lexend, Serif;}
.twtr-tweet-wrap {font size: 1rem; font-family: Lexend, Serif;}
.twtr-avatar {font size: 1rem; font-family: Lexend, Serif;}
.twtr-img {font size: 1rem; font-family: Lexend, Serif;}

.discussion-list h2 {margin-top: 0rem !important;}
.sgh-list h2 {margin-top: 0rem !important;}
.tm-list h2 {margin-top: 0rem !important;}

.iframe-responsive-65 {padding-bottom: 65%;overflow: hidden;position: relative;height: 0;}
.mapDiv-wrapper-550 {min-height: 550px;z-index: 1;touch-action: none;}

h2, h3, h4, h5, h6 {margin-top: 2rem;}

.card h2 {margin-top: 0rem !important; line-height: 2rem !important; } 

.card h3 {margin-top: 0rem !important; line-height: 2rem !important; } 

.section-report-01 h2 {margin-top: 0rem !important;}

hr {margin-top: 2rem;}

table h3 {margin-top: 0rem !important;}

.doc-border {border-style:hidden hidden hidden solid; border-width:10px; border-color:#dee0e2;}

.doc-border h3 {margin-top: 0rem !important;}

.news-box {border-radius: 5px;}
.news-box img {border-radius: 5px;max-width: 150px;float: right;}

h3.mb-4 {
     margin-top: 0rem !important;
}

.redbg h2,.blackbg h2,.bluebg h2,.pinkbg h2,.purplebg h2,.red2bg h2,.darkbluebg h2,  .greenbg h2, .darkpurplebg h2, .lightbluebg h2, .yellowbg h2, .sgh h2, .border-redbg h2, .border-blackbg h2, .border-bluebg h2, .border-pinkbg h2, .border-purplebg h2, .border-red2bg h2, .border-darkbluebg h2, .border-greenbg h2, .border-darkpurplebg h2, .border-lightbluebg h2, .border-yellowbg h2, .border-sgh h2, .redbg h2, .blackbg h2, .bluebg h2, .pinkbg h2, .purplebg h2, .red2bg h2, .darkbluebg h2,  .greenbg h2, .darkpurplebg h2, .lightbluebg h2, .yellowbg h2, .sgh h2, .bg-light h2, .border-dark h2{
    margin-top: 0rem !important;
}
h2.card-title {
    margin-top: 0rem !important;
}

.center-vertical {
  margin: auto;
  width: 95%;
  padding: 10px;
  }

.wysiwyg li {margin-top: 0.6rem}

.figure-caption {
    color: #000;
}

.figure img {width:100%;}

#skiplink-social-etcc, #skiplink-socail-eh, {
    text-align: center;
    background: #fab500;
    overflow: hidden;
}

.breadcrumb-item.active {
    color: #323232;
}

.hidden {
	display: none
}

.alert-ecc {
  background-color: #682658;
  border-color: white;
  display:inline-block;
  }

.alert-ecc a:focus {
  color: black;
  }

.content-typography a:focus {
color:black;
}

/*Shaded lists*/

li.search-results-item {
    display: block;
    border-style: hidden hidden hidden solid;
    border-left-width: 10px;
    border-radius: 0px 0px 0px 0px;
    padding: 1rem;
    background: rgba(170, 170, 170, 0.1);
    border-color: #192A66dd;
 }

#cludo-search-results ul h2, .cludo-search-results ul ul h2, ul.search_autocomplete ul h2 {
     margin-top: 0rem;
}

.discussion-list li {
  display: block;
  border-style: hidden hidden hidden solid;
  border-width:10px;
  border-radius: 0px 0px 0px 0px;
  padding: 1rem;
  background: rgba(170, 170, 170, 0.1);
  margin-bottom: 0.5rem;
  font-weight: 300;
  }

.tm-list li {
  display: block;
  border-style: hidden hidden hidden solid;
  border-width:10px;
  border-radius: 0px 0px 0px 0px;
  padding: 1rem;
  background: rgba(170, 170, 170, 0.1);
  margin-bottom: 0.5rem;
  font-weight: 300;
  }
  
.sgh-list li {
  display: block;
  border-style: hidden hidden hidden solid;
  border-width:10px;
  border-radius: 0px 0px 0px 0px;
  padding: 1rem;
  background: rgba(170, 170, 170, 0.1);
  margin-bottom: 0.5rem;
  font-weight: 300;
  }
 
 
.discussion-list li:first-child {
    border-radius: 0px 15px 0px 0px;
}
.discussion-list li:last-child {
    border-radius: 0px 0px 15px 0px;
}
.discussion-list li:only-child {
    border-radius: 0px 15px 15px 0px;
}
.discussion-list ul {
    padding-left: 0rem;
  }
.discussion-list li {
  border-color:#682558dd;
  }
.discussion-list li li {
    border-color:#934D98dd;
  }
.discussion-list li li li {
    border-color:#E00069dd;
  }
.discussion-list li li li li{
    border-color:#682558dd;
  }
.discussion-list li li li li li{
    border-color:#934D98dd;
  }
.discussion-list li li li li li li{
    border-color:#E00069dd;
  }
  

.tm-list li:first-child {
    border-radius: 0px 15px 0px 0px;
}
.tm-list li:last-child {
    border-radius: 0px 0px 15px 0px;
}
.tm--list li:only-child {
    border-radius: 0px 15px 15px 0px;
}
.tm-list ul {
    padding-left: 0rem;
  }
.tm-list li {
  border-color:#192A66dd;
  }
.tm-list li li {
    border-color:#004899dd;
  }
.tm-list li li li {
    border-color:#00A8D6dd;
  }
.tm-list li li li li{
    border-color:#192A66dd;
  }
.tm-list li li li li li{
    border-color:#004899dd;
  }
.tm-list li li li li li li{
    border-color:#00A8D6dd;
  }

.sgh-list li:first-child {
    border-radius: 0px 15px 0px 0px;
}
.sgh-list li:last-child {
    border-radius: 0px 0px 15px 0px;
}
.sgh-list li:only-child {
    border-radius: 0px 15px 15px 0px;
}
.sgh-list ul {
    padding-left: 0rem;
  }
.sgh-list li {
  border-color:#65b22edd;
  }
.sgh-list li li {
    border-color:#007E31dd;
  }
.sgh-list li li li {
    border-color:#004899dd;
  }
.sgh-list li li li li{
    border-color:#65b22edd;
  }
.sgh-list li li li li li{
    border-color:#007E31dd;
  }
.sgh-list li li li li li li{
    border-color:#004899dd;
  }



/*Opacity*/

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.1!important;
}
.opacity-2 {
  opacity:0.2!important;
}
.opacity-3 {
  opacity:0.3!important;
}
.opacity-4 {
  opacity:0.4!important;
}
.opacity-5 {
  opacity:0.5!important;
}
.opacity-6 {
  opacity:0.6!important;
}
.opacity-7 {
  opacity:0.7!important;
}
.opacity-8 {
  opacity:0.8!important;
}
.opacity-9 {
  opacity:0.9!important;
}
.opacity-10 {
  opacity:1!important;
}

/*Speech bubbles*/

  .bubble-left {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5rem;
    width: 300px;
    background: #682558;
    border-radius: 50px;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    opacity: 0.90;
  }
  .bubble-middle {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5rem;
    width: 250px;
    background: #682558;
    border-radius: 50px;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    opacity: 1;
  }
  .bubble-right {
    position: relative;
    font-size: 1.2rem;
    line-height: 1.5rem;
    width: 300px;
    background: #682558;
    border-radius: 50px;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
    opacity: 0.95;
  }
  .bubble-bottom-left:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 24px solid #682558;
    border-right: 12px solid transparent;
    border-top: 12px solid #682558;
    border-bottom: 20px solid transparent;
    left: 162px;
    bottom: -30px;
  }
  .bubble-bottom-middle:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 24px solid #682558;
    border-right: 12px solid transparent;
    border-top: 12px solid #682558;
    border-bottom: 20px solid transparent;
    left: 115px;
    bottom: -30px;
  }
  .bubble-bottom-right:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-right: 24px solid #682558;
    border-left: 12px solid transparent;
    border-top: 12px solid #682558;
    border-bottom: 20px solid transparent;
    left: 60px;
    bottom: -30px;
  }
  
/*Timeline*/
  
  ol.timeline {
    margin: 0;
    list-style: none;
    padding: 0;
    --unit: 1rem;
  }
  p.timeline {
    line-height: 1.3;
    color: #fff }
  .event-date {
    margin: 0 0 0.25rem;
    font-weight: bold;
    text-align: center;
  }
  .event-description {
    margin: 0;
  }
  /*across arrow line*/
  li.timeline {
    --height: 5rem;
    position: relative;
    display: block;
    background-color: #682558;
    border-color: #682558;
    padding: 1rem;
    margin: 2rem 0;
  }
  /*down arrow line*/
  li.timeline::before {
    content: "";
    background-color: inherit;
    position: absolute;
    display: block;
    width: var(--unit);
    height: var(--unit);
    top: 100%;
    left: calc(50% - (var(--unit)/2));
  }
  /*the down arrow*/
  li.timeline::after {
    content: "";
    position: absolute;
    display: block;
    top: calc(100% + var(--unit));
    left: calc(50% - (var(--unit)));
    border: var(--unit) solid transparent;
    border-top-color: inherit;
  }
  li.timeline:last-child::before, li.timeline:last-child::after {
    content: none;
  }
  @media (min-width: 550px) and (max-width: 899px){
    li.timeline {
      margin: 1rem;
      width: calc(50% - 2rem);
      float: left;
      min-height: var(--height);
    }
    li.timeline:nth-child(4n+3), li.timeline:nth-child(4n+4) {
      float: right;
    }
    li.timeline:nth-child(4n+1)::before {
      top: calc(var(--height)/3 + var(--unit)/3);
      left: 100%;
    }
    li.timeline:nth-child(4n+1)::after {
      top: calc(var(--height)/3.33);
      left: calc(100% + (var(--unit)));
      border: var(--unit) solid transparent;
      border-left-color: inherit;
    }
    li.timeline:nth-child(4n+3)::before {
      top: calc(var(--height)/3 + var(--unit)/3);
      left: -1rem;
    }
    li.timeline:nth-child(4n+3)::after {
      top: calc(var(--height)/3.33);
      left: -3rem;
      border: var(--unit) solid transparent;
      border-right-color: inherit;
    }
  }
  @media (min-width: 900px){
    li.timeline {
      margin: 1rem;
      width: calc(33.33% - 2rem);
      float: left;
      min-height: 7rem;
    }
    li.timeline:nth-child(6n+4), li.timeline:nth-child(6n+5), li.timeline:nth-child(6n+6) {
      float: right;
    }
    li.timeline:nth-child(6n+1)::before, li.timeline:nth-child(6n+2)::before {
      top: calc(var(--height)/2  + var(--unit)/2);
      left: 100%;
    }
    li.timeline:nth-child(6n+1)::after, li.timeline:nth-child(6n+2)::after {
      top: 2.5rem;
      left: calc(100% + (var(--unit)));
      border: var(--unit) solid transparent;
      border-left-color: inherit;
    }
    li.timeline:nth-child(6n+4)::before, li.timeline:nth-child(6n+5)::before{
      top: calc(var(--height)/2 + var(--unit)/2);
      left: -1rem;
    }
    li.timeline:nth-child(6n+4)::after, li.timeline:nth-child(6n+5)::after{
      top: calc(var(--height)/2);
      left: -3rem;
      border: var(--unit) solid transparent;
      border-right-color: inherit;
    }
  }


/*CMS COLOR SCHEME*/

.btn-sgh{color: #000;background-color: #65b22e;border-color: #65b22e;}
.btn-yellow{color: #000;background-color: #F28F00;border-color: #F28F00;}
.btn-green{color: #fff;background-color: #007E31;border-color: #007E31;}

.red{color:#E40037;}
.redBg, .bgred{background:#E40037;color:white;}
.border-redbg, .redbg {border: 5px solid; padding: 1rem; border-color: #E40037;}
.wideborder-redbg {border: 20px solid; padding: 1rem; border-color: #E40037;}

.blackBg, .bgblack{background:#000;color:white;}
.border-blackbg, .blackbg {border: 5px solid; padding: 1rem; border-color: #000;}
.wideborder-blackbg {border: 20px solid; padding: 1rem; border-color: #000;}

.blue{color:#004899;}
.blueBg, .bgblue{background:#004899;color:white;}
.border-bluebg, .bluebg {border: 5px solid; padding: 1rem; border-color: #004899;}
.wideborder-bluebg {border: 20px solid; padding: 1rem; border-color: #004899;}

.pink{color:#E00069;}
.pinkBg, .bgpink{background:#E00069;color:white;}
.border-pinkbg, .pinkbg {border: 5px solid; padding: 1rem; border-color: #E00069;}
.wideborder-pinkbg {border: 20px solid; padding: 1rem; border-color: #E00069;}

.purple{color:#934D98;}
.purpleBg, .bgpurple{background:#934D98;color:white;}
.border-purplebg, .purplebg {border: 5px solid; padding: 1rem; border-color: #934D98;}
.wideborder-purplebg {border: 20px solid; padding: 1rem; border-color: #934D98;}

.red2{color:#E1291A;}
.red2Bg, .bgred2, .redbg2{background:#E1291A;color:white;}
.border-red2bg, .red2bg {border: 5px solid; padding: 1rem; border-color: #E1291A;}
.wideborder-red2bg {border: 20px solid; padding: 1rem; border-color: #E1291A;}

.darkblue{color:#192A66;}
.darkblueBg, .bgdarkblue{background:#192A66;color:white;}
.border-darkbluebg, .darkbluebg {border: 5px solid; padding: 1rem; border-color: #192A66;}
.wideborder-darkbluebg {border: 20x solid; border-color: #192A66;}

.green{color:#007E31;}
.greenBg, .bggreen{background:#007E31;color:white;}
.border-greenbg, .greenbg {border: 5px solid; padding: 1rem; border-color: #007E31;}
.wideborder-greenbg {border: 20px solid; padding: 1rem; border-color: #007E31;}

.darkpurple{color:#682558;}
.darkpurpleBg, .bgdarkpurple{background:#682558;color:white;}
.border-darkpurplebg, .darkpurplebg {border: 5px solid; padding: 1rem; border-color: #682558;}
.wideborder-darkpurplebg {border: 20px solid; padding: 1rem; border-color: #682558;}

.lightblue{color:#00A8D6;}
.lightblueBg, .bglightblue{background:#00A8D6;color:black;}
.border-lightbluebg, .lightbluebg {border: 5px solid; padding: 1rem; border-color: #00A8D6;}
.wideborder-lightbluebg {border: 20px solid; padding: 1rem; border-color: #00A8D6;}

.yellow{color:#F28F00;}
.yellowBg, .bgyellow{background:#F28F00;color:black;}
.border-yellowbg, .yellowbg {border: 5px solid; padding: 1rem; border-color: #F28F00;}
.wideborder-yellowbg {border: 20px solid; padding: 1rem; border-color: #F28F00;}

.sgh{color:#65b22e;}
.sghBg, .bgsgh{background:#65b22e;color:black;}
.border-sgh, .sghbg {border: 5px solid; padding: 1rem; border-color: #65b22e;}
.wideborder-sgh {border: 20px solid; padding: 1rem; border-color: #65b22e;}

.white, a.white, p.white,  p.white .widget-02 a,  p.white .widget-02 td{color:white;}
.black, a.black, p.black, p.black .widget-02 a , p.black .widget-02 td{color:#000;}

/*CMS COLOR SCHEME*/