
/* NIA NEWS CLEAN */



body.single .nia-news-final{

  background:#fff;

  color:#102018;

}



/* HERO */

body.single .nn-hero{

  width:1120px;

  max-width:1120px;

  margin:0 auto;

  padding:46px 0 0;

}



body.single .nn-breadcrumbs{

  display:flex;

  gap:8px;

  margin-bottom:22px;

  font-size:12px;

  color:#6d8076;

}



body.single .nn-breadcrumbs a{

  color:#007a46;

  text-decoration:none;

}



body.single .nn-cat{

  display:inline-flex;

  margin-bottom:16px;

  padding:7px 11px;

  border-radius:4px;

  background:#007a46;

  color:#fff!important;

  font-size:11px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:.05em;

}



body.single .nn-hero h1{

  max-width:890px;

  margin:0;

  font-family:Georgia,serif;

  font-size:58px;

  line-height:1.03;

  letter-spacing:-.055em;

  color:#102018;

}



body.single .nn-subtitle{

  max-width:760px;

  margin:20px 0 0;

  font-size:21px;

  line-height:1.5;

  color:#31483d;

}



body.single .nn-meta{

  display:flex;

  gap:10px;

  margin-top:22px;

  color:#6d8076;

  font-size:13px;

}



body.single .nn-main-photo{

  margin:34px 0 0;

}



body.single .nn-main-photo img{

  width:100%;

  max-height:560px;

  object-fit:cover;

  display:block;

  border-radius:14px;

}



body.single .nn-main-photo figcaption{

  margin-top:10px;

  color:#6d8076;

  font-size:13px;

  line-height:1.45;

}



/* BODY GRID */

body.single .nn-content{

  width:1120px;

  max-width:1120px;

  margin:0 auto;

  padding:34px 0 58px;

  display:grid;

  grid-template-columns:230px 760px 96px;

  column-gap:34px;

  align-items:start;

}



body.single .nn-content>*{

  grid-column:2;

}



/* LEFT RAIL */

body.single .nn-author-rail{

  grid-column:1;

  grid-row:1 / span 90;

  width:180px;

  justify-self:center;

  position:sticky;

  top:110px;

  text-align:center;

}



body.single .nn-author-card{

  display:flex;

  flex-direction:column;

  align-items:center;

  padding-bottom:18px;

  border-bottom:1px solid #dfe9e3;

}



body.single .nn-author-avatar{

  width:112px;

  height:112px;

  margin:0 auto 16px;

  border-radius:50%;

  overflow:hidden;

}



body.single .nn-author-avatar.is-brand{

  border:0;

  background:transparent;

}



body.single .nn-author-avatar:not(.is-brand){

  border:2px solid #064e3b;

  padding:3px;

}



body.single .nn-author-avatar img{

  width:100%;

  height:100%;

  object-fit:contain;

  border-radius:50%;

}



body.single .nn-author-name{

  font-size:16px;

  font-weight:900;

  line-height:1.25;

}



body.single .nn-author-role{

  margin-top:5px;

  font-size:13px;

  color:#6d8076;

}



body.single .nn-rail-share{

  margin-top:18px;

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:8px;

}



body.single .nn-rail-share span{

  flex-basis:100%;

  color:#6d8076;

  font-size:12px;

}



body.single .nn-rail-share a,

body.single .nn-rail-share button{

  width:38px;

  height:38px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  border-radius:50%;

  background:#eef7f1;

  border:1px solid #cfe5d8;

  font-size:0;

  cursor:pointer;

}



body.single .nn-rail-share a::before,

body.single .nn-rail-share button::before{

  content:"";

  width:17px;

  height:17px;

  display:block;

  background-color:#007a46;

}



body.single .nn-rail-share a:nth-of-type(1)::before{

  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.94 4.16 18.73 19.3c-.24 1.07-.87 1.33-1.76.83l-4.87-3.59-2.35 2.26c-.26.26-.48.48-.98.48l.35-4.96 9.03-8.16c.39-.35-.09-.55-.61-.2L6.38 12.98 1.57 11.47c-1.05-.33-1.07-1.05.22-1.55L20.6 2.67c.87-.32 1.63.2 1.34 1.49z'/%3E%3C/svg%3E") center/contain no-repeat;

}



body.single .nn-rail-share a:nth-of-type(2)::before{

  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9 17.2c-5.47 0-8.59-3.75-8.72-10h2.74c.09 4.59 2.11 6.54 3.71 6.94V7.2h2.58v3.96c1.58-.17 3.24-1.98 3.8-3.96h2.58c-.43 2.44-2.23 4.25-3.51 5 .98.61 2.55 2.19 3.15 5h-2.84c-.61-1.9-2.13-3.38-3.18-3.58v3.58h-.31z'/%3E%3C/svg%3E") center/contain no-repeat;

}



body.single .nn-rail-share button::before{

  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.59 13.41a1.99 1.99 0 0 0 2.82 0l4.59-4.59a2 2 0 1 0-2.83-2.83l-1.17 1.17a1 1 0 1 1-1.41-1.41l1.17-1.17a4 4 0 0 1 5.66 5.66l-4.59 4.59a4 4 0 0 1-5.66 0 1 1 0 1 1 1.42-1.42zM13.41 10.59a1.99 1.99 0 0 0-2.82 0L6 15.17A2 2 0 1 0 8.83 18l1.17-1.17a1 1 0 1 1 1.41 1.41l-1.17 1.17a4 4 0 0 1-5.66-5.66l4.59-4.59a4 4 0 0 1 5.66 0 1 1 0 0 1-1.42 1.42z'/%3E%3C/svg%3E") center/contain no-repeat;

}



body.single .nn-rail-mainnews{

  margin-top:24px;

  padding-top:20px;

  padding-left:14px;

  border-top:1px solid #dfe9e3;

  border-left:3px solid #007a46;

  text-align:left;

}



body.single .nn-rail-mainnews>span{

  display:block;

  margin-bottom:12px;

  font-size:13px;

  font-weight:900;

  text-transform:uppercase;

}



body.single .nn-rail-mainnews a{

  display:block;

  padding:10px 0;

  border-top:1px solid rgba(16,32,24,.1);

  color:#102018;

  font-size:14px;

  line-height:1.35;

  font-weight:700;

  text-decoration:none;

}



/* CONTENT */

body.single .nn-content p{

  margin:0 0 24px;

  font-size:19px;

  line-height:1.76;

}



body.single .nn-content>p:first-of-type{

  font-size:23px;

  line-height:1.6;

}



body.single .nn-content>p:first-of-type::first-letter{

  float:left;

  margin:8px 10px 0 0;

  font-family:Georgia,serif;

  font-size:72px;

  line-height:.76;

  color:#007a46;

}



body.single .nn-content blockquote{

  grid-column:2 / 4;

  margin:38px 0;

  padding:36px 44px;

  position:relative;

  overflow:hidden;

  background:linear-gradient(135deg,#eef6f1 0%,#f7fbf8 100%);

  border:0;

  border-radius:20px;

  box-shadow:0 18px 46px rgba(16,42,30,.07);

}



body.single .nn-content blockquote::after{

  content:"";

  position:absolute;

  left:0;

  top:0;

  bottom:0;

  width:5px;

  background:#007a46;

}



body.single .nn-content blockquote p{

  margin:0;

  max-width:780px;

  font-family:Georgia,serif;

  font-size:32px;

  line-height:1.2;

  letter-spacing:-.035em;

}



body.single .nn-tags{

  display:flex;

  flex-wrap:wrap;

  gap:9px;

  margin-top:34px;

  padding-top:22px;

  border-top:1px solid #dfe9e3;

}



body.single .nn-tags span{

  color:#60746a;

  font-size:13px;

}



body.single .nn-tags a{

  padding:8px 12px;

  border-radius:999px;

  background:#f4faf6;

  border:1px solid #d5e4dc;

  color:#007a46;

  font-size:13px;

  text-decoration:none;

}



/* POPULAR */

body.single .nn-popular{

  width:1120px;

  max-width:1120px;

  margin:0 auto;

  padding:26px 0 80px;

}



body.single .nn-popular-head{

  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-bottom:24px;

}



body.single .nn-popular-head h2{

  margin:0;

  font-size:28px;

  text-transform:uppercase;

}



body.single .nn-popular-head a{

  color:#007a46;

  font-size:13px;

  font-weight:800;

}



body.single .nn-popular-grid{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:24px;

}



body.single .nn-popular-card img{

  width:100%;

  height:150px;

  object-fit:cover;

  border-radius:8px;

  margin-bottom:12px;

}



body.single .nn-popular-card span{

  display:block;

  margin-bottom:7px;

  color:#007a46;

  font-size:10px;

  font-weight:800;

  text-transform:uppercase;

}



body.single .nn-popular-card strong{

  display:block;

  color:#102018;

  font-size:17px;

  line-height:1.32;

}



body.single .nn-popular-card em{

  display:block;

  margin-top:9px;

  color:#6d8076;

  font-size:12px;

  font-style:normal;

}



/* MOBILE */

@media(max-width:1180px){

  body.single .nn-hero,

  body.single .nn-content,

  body.single .nn-popular{

    width:auto;

    max-width:none;

    padding-left:20px;

    padding-right:20px;

    display:block;

  }



  body.single .nn-hero h1{

    font-size:42px;

  }



  body.single .nn-main-photo img{

    border-radius:10px;

  }



  body.single .nn-author-rail{

    position:static;

    width:auto;

    margin-bottom:24px;

  }



  body.single .nn-rail-mainnews{

    display:none;

  }



  body.single .nn-popular-grid{

    grid-template-columns:1fr;

  }

}

