/* Common */
.content-wrapper { padding:20px 0 0}
.overlay-link { position:absolute;left:0;top:0;width:100%;height:100%}
.text-row-limit {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;display: block;}
a:link, a:hover {text-decoration: none;}
.hidden-fields {display: none !important;}
.sec-header {}
.sec-header-title { font-size: 2rem; font-weight: 600;}
.card {border-radius: 0.5rem;box-shadow: 1px 2px 5px rgb(0 0 0 / 9%)}
.card a {color: #212529;}
.card-img-full { height: 265px; width: 100%;}
.card-img-full img {object-fit: cover;width: 100%;height: 100%;;}
.card-info { font-size:15px}
.card-tag {width:auto;padding: 5px 20px; border-radius: 18px; background: #FFC107;font-weight: 500;color: #333;/*text-shadow: 1px 1px #e6b521;*/}

/* end::Common */

/* Header */
.header { background:#204782}
.header .separator { position:relative}
.header .separator::before {
	content:"";
	position:absolute;left:calc(50% - 2px);top:calc((100% - 50px) / 2);width:2px;height:50px;background :rgb(255 255 255 / 60%) 
}
.gov-logo img {width:50%;object-fit: contain;}
.social-links { max-width:125px}
.social-links-item {width:40px;height:35px;position: relative;display: flex;justify-content: center;}
.social-links-item img {width:40px;height:40px}

.weather-wrapper { width:165px;height:60px;background:url(../images/weather.svg) no-repeat; background-size: cover}

.Top-nav { background:#43B0E2}

/* Breadcrumb */
.breadcrumb {padding: 8px 0;margin-bottom: 0;font-size: 0.9rem;background: #dbe8ee;}
.new_sitemap { display:table;width:100%;height:auto}
.new_sitemap ul.s4-breadcrumb { padding:0;margin:0;list-style:none}
.new_sitemap ul.ms-breadcrumb { padding:0;margin:0;list-style:none}
  .new_sitemap ul.ms-breadcrumb li:first-child .s4-breadcrumb-arrowcont { display:none}
  .new_sitemap ul.s4-breadcrumb li:first-child .s4-breadcrumb-arrowcont { display:none}
    UL.ms-breadcrumbRootNode li.ms-breadcrumbNode span.s4-breadcrumb-arrowcont { display:block !important}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbNode span.s4-breadcrumb-arrowcont { display:block !important}
    
    UL.ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont { display:block !important}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont { display:block !important}

    
    UL.ms-breadcrumbRootNode li.ms-breadcrumbNode span img { display:none !important}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbNode span img { display:none !important}
    
    UL.ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode span img { display:none !important}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbCurrentNode span img { display:none !important}

    
    UL.ms-breadcrumbRootNode li.ms-breadcrumbNode span.s4-breadcrumb-arrowcont { background:url(../images/right_arrow.png) no-repeat;width:16px;height:16px;margin-top: 4px;}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbNode span.s4-breadcrumb-arrowcont { background:url(../images/right_arrow.png) no-repeat;width:16px;height:16px;margin-top: 4px;}

    UL.ms-breadcrumbRootNode li.ms-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont { background:url(../images/right_arrow.png) no-repeat;width:16px;height:16px;margin-top: 4px;}
    UL.s4-breadcrumbRootNode li.s4-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont { background:url(../images/right_arrow.png) no-repeat;width:16px;height:16px;margin-top: 4px;}


  
  .new_sitemap ul.ms-breadcrumb li:first-child.ms-breadcrumbRootNode { padding-left:0px !important}
  .new_sitemap ul.s4-breadcrumb li:first-child.s4-breadcrumbRootNode { padding-left:0px !important}

.new_sitemap UL, .new_sitemap LI { list-style:none}
.aims-wpbody li { padding-top:0px !important;padding-left:0px !important}
.new_sitemap .s4-breadcrumb-arrowcont { float:left}
  .s4-breadcrumbRootNode, .ms-breadcrumbRootNode { float:left;margin-left:0px !important;padding-left:10px !important;margin-top:0px !important;text-transform: capitalize;    color: #333 !important;}
  .s4-breadcrumbNode, .ms-breadcrumbNode { display:block;float:left;margin-left:0px !important;padding-left:10px !important;margin-top:0px !important;text-transform: capitalize;    color: #333 !important;}
  .ms-breadcrumbRootNode a:visited {color: #333 !important}
  .ms-breadcrumbCurrentNode .ms-breadcrumbCurrentNode, .s4-breadcrumbCurrentNode .s4-breadcrumbCurrentNode {padding-left:5px}



/*  Article page */
.LS-W-header {height: 200px;}
.header-banner {height: 500px;position: absolute;
  left: 0;
  top: -300px;
  width: 100%;background-size: cover !important;z-index: 0;} 
.header-banner-overlay {position: absolute;
  width: 100%;
  height: 200px;
  bottom: 0;
  left: 0;
  background: rgb(255,255,255);
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(233,233,233,0) 25%, rgba(56,56,56,0.7346288857339811) 57%, rgba(0,0,0,0.9419117988992471) 100%);}
.header-info {margin-top: 90px;position: relative;z-index: 1;}
.n-title {font-size: 24px;
  font-weight: 600;
  color: #fff;}
.n-metadata .date {    padding: 5px 15px 5px 0;color: rgb(255 255 255 / 70%);}

/* All Article */
.all-article .mainTitle {padding: 30px 0 15px;}
.all-articles-title a {color: #222;}
.all-articles-info {color: #8a8a8a;}
.all-articles-info h6 {font-weight: 400;}
.all-article-img-holder { height: 200px; width: 100%;}
.all-article-img-holder img {object-fit: cover;border-radius: 5px;box-shadow: 1px 3px 5px #0000001f;border: 1px solid #00000021;}
.all-articles-info .date{width: auto; display: inline-block;
  padding: 6px 15px;
  border-radius: 18px;
  background: #FFC107;
  font-weight: 500;
  color: #333;}
.all-articles-desc {height: auto;
  overflow: hidden;
  word-break: break-word;
  max-height: 75px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.all-articles-readmore span {font-weight: 600;color: #000;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.all-articles-readmore span:hover { color: #c93636;}

.all-article-img-holder figure {
	position: relative;overflow: hidden;margin: 0px 10px 10px 0px;
}
.all-article-img-holder figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.all-articles-item:hover figure::before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.ms-paging {display: block;
  width: 200px;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 18px;
  /* background: #dbd3dd; */
  padding: 5px;}



/* Footer */
.Foo-W {background: #204782;}
.Foo-body-links {
    flex-direction: column;
    flex-wrap: wrap;
    height: 470px;
}
.foo-item-header {margin-top: 20px; font-size: 1rem;font-weight: 700; color: #fff}
.foo-item {
}
.foo-item-body span {font-size: 0.9rem; color: rgb(255 255 255 / 90%);-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.foo-item-body span:hover {color: #fff; text-shadow: 1px 1px 3px #272727;}

#header-contactus .item-icon,
#foo-contactus .item-icon { width: 45px;height: 45px;background-size: contain; }


/* =================== Responsiveness ====================== */


/* Desktops */

@media (min-width: 1281px) {
  
    /* CSS */
    
  }
  
  /* Laptops, Desktops */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
    
    /* CSS */
    
  }
  
  /* Tablets, Ipads (portrait) */
  
  @media (min-width: 768px) and (max-width: 1024px) {
    
  
  }
  
  /* Tablets, Ipads (landscape) */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
    
  }
  
  /* Low Resolution Tablets, Mobiles (Landscape) */
  
  @media (min-width: 481px) and (max-width: 767px) {
    
    /* CSS */
    
  }
  
  /* Most of the Smartphones Mobiles (Portrait) */
  
  @media (min-width: 320px) and (max-width: 480px) {

  /* Footer */
  .Foo-W .container {padding-left: 0;padding-right: 0;}
  .Foo-body-links {
    height: auto;
}
  
  }
  
  @media (min-width: 320px) and (max-width: 376px) {
  /* Header */
  
  
  }