@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
@font-face {
    font-family: 'interstate_cond_monobold';
    src: url('../fonts/interstate_cond_mono_bold-webfont.woff2') format('woff2'),
         url('../fonts/interstate_cond_mono_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: white;
  color:black;
  font:16px/20px 'Inter', sans-serif;
  overflow-x:hidden;
}
.container-fluid {
  max-width:1350px;
}
input, img, iframe {
  vertical-align: middle;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
ol, ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
li {
  list-style: none;
}
ol {
  counter-reset: counter;
}
ol li {
  counter-increment: counter;
}
figure img {
  width:100%;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:600;
}
h1 {font-size:40px;line-height:48px;}
h2 {font-size:32.5px;line-height:40px;}
h3 {font-size:21px;line-height:27px;}
h4 {font-size:19px;line-height:23px;}
h5 {}
h6 {font-size:15px;line-height:18px;}

/* header */
.ph {
  background-color:white;
  position:relative;
  z-index:1000;
  border-bottom:1px solid #bbbbbb;
}
.icon-menu,
.icon-search {
  display:block;
  width:48px;
  height:48px;
  cursor:pointer;
  background-position:center;
  background-size:20px;
  background-repeat:no-repeat;
}
.icon-menu {
  background-image:url(../images/icon_menu.svg);
}
.icon-search {
  background-image:url(../images/icon_search.svg);
}
.showMenu .icon-menu,
.showSearch .icon-search {
  background-image:url(../images/icon_x.svg);
}
.logo a {
  display:inline-block;
  vertical-align:middle;
  width:211px;
  height:24px;
  background:url(../images/logo.svg) center / contain no-repeat;
}
.social a {
  display:inline-block;
  vertical-align:middle;
  width:48px;
  height:48px;
  background-position:center;
  background-size:20px;
  background-repeat:no-repeat;
}
.social .facebook {
  background-image:url(../images/social_facebook.svg);
}
.social .facebook:hover {
  background-image:url(../images/social_facebook2.svg);
  background-color:#1877f2;
}
.social .twitter {
  background-image:url(../images/social_twitter.svg);
  background-size:16px;
}
.social .twitter:hover {
  background-image:url(../images/social_twitter2.svg);
  background-color:#1da1f2;
}
.pn .menu {
  font-weight:600;
  text-transform:uppercase;
}
.ph time {
  font:12.5px "Helvetica", sans-serif;
  text-transform:uppercase;
}
.scrollHeader .ph {
  position:fixed;
  top:0;
  left:0;
  right:0;
}
.searchform form {
  opacity:0;
  visibility:hidden;
  transition:0.3s;
}
.showSearch .searchform form {
  opacity:1;
  visibility:visible;
}
.searchform input {
  height:48px;
}
.searchform input[type="text"] {
  width:100%;
  background-color:white;
  text-indent:calc(var(--bs-gutter-x) * .5);
}
.searchform input[type="submit"] {
  width:48px;
  background:url(../images/icon_search.svg) center / 20px no-repeat white;
}
@media (min-width:992px) {
  .icon-menu {
    display:none;
  }
  .icon-search {
    background-image:url(../images/icon_search2.svg);
  }
  .showSearch .icon-search {
    background-image:url(../images/icon_x2.svg);
  }
  .ph .logo {
    padding-top:40px;
    padding-bottom:40px;
  }
  .ph .logo a {
    width:362px;
    height:43px;
  }
  .pn {
    background-color:#169fee;
    color:white;
    border-top:1px solid #bbbbbb;
  }
  .pn .menu li {
    padding-left:20px;
    padding-right:20px;
  }
  .pn .menu a:hover,
  .pn .menu .current {
    color:#1a3544;
  }
  .pn .container-fluid {
    position:relative;
  }
  .searchform form {
    position:absolute;
    bottom:0;
    left:calc(var(--bs-gutter-x) * .5);
    right:calc(45px + var(--bs-gutter-x) * .5);
  }
  .scrollHeader .ph .top {
    height:0;
    overflow:hidden;
  }
}
@media (max-width:991px) {
  .ph time {
    display:none;
  }
  .ph .logo {
    padding-top:12px;
    padding-bottom:12px;
  }
  .ph .icon-menu {
    position:absolute;
    top:0;
    left:0;
  }
  .ph .icon-search {
    position:absolute;
    top:0;
    right:0;
  }
  .pn .menu {
    background-color:white;
    top:49px;
    height:calc(100vh - 49px);
    overflow-y:auto;
    padding-bottom:48px;
  }
  .ph .social { 
    bottom:0;
    z-index:1;
  }
  .pn .menu,
  .ph .social {
    position:fixed;
    left:0;
    width:100%;
    max-width:320px;
    transition:0.3s;
    border-right:1px solid #bbb;
    transform:translateX(-100%);
  }
  .showMenu .pn .menu,
  .showMenu .ph .social {
    transform:translateX(0);
  }
  .searchform form {
    position:fixed;
    top:0;
    right:48px;
    left:0;
  }
  .ph .menu a {
    display:block;
    padding:15px;
  }
  .ph .menu a:hover {
    background-color:#169fee;
    color:white;
  }
}
/* homepage */
.bg {
  background-color:#f3fafe;
}
.item-list li {
  border-top:1px solid #cecece;
  padding-top:19px;
  padding-bottom:19px;
}
.item-list figure {
  flex:0 0 40%;
  margin-right:19px;
  margin-bottom:0;
}
.item-list h6 {
  margin-bottom:0;
}
.p-lg-r {
  padding-right:calc(var(--bs-gutter-x));
}
.b-l {
  border-left:1px solid #cecece;
  padding-left:calc(var(--bs-gutter-x));
}
@media (min-width: 768px) {
  .p-md-r {
    padding-right:calc(var(--bs-gutter-x));
  }
  .b-md-l {
    border-left:1px solid #cecece;
    padding-left:calc(var(--bs-gutter-x));
  }
}
@media (min-width: 992px) {
  .p-lg-r {
    padding-right:calc(var(--bs-gutter-x));
  }
  .b-lg-l {
    border-left:1px solid #cecece;
    padding-left:calc(var(--bs-gutter-x));
  }
}
@media (max-width:991px) {
  .bg {
    margin-left:calc(-.5 * var(--bs-gutter-x));
    margin-right:calc(-.5 * var(--bs-gutter-x));
  }
  .block1 .item {
    border-top:1px solid #cecece;
    padding-top:19px;
    padding-bottom:19px;
  }
  .block1 .item figure {
    flex:0 0 40%;
    margin-right:19px;
    margin-bottom:0;
  }
}
.topic {
  color:#169fee;
  font:13px 'interstate_cond_monobold', sans-serif;
  text-transform:uppercase;
  margin-bottom:4px;
}
summary {
  line-height:24px;
}
.byline {
  font-size:13px;
  color:#333333;
  text-transform:uppercase;
}
.byline a {
  font-weight:600;
}
.byline a:hover {
  color:#169fee;
}
main time {
  color:#666666;
  font-size:13px;
}
.block-title {
  font-weight:bold;
  font-size:34px;
  line-height:34px;
  text-transform:uppercase;
  padding-bottom:20px;
}
.block-title span {
  color:#169fee;
}
.block-title.bt {
  font-size:22px;
  line-height:22px;
  border-top:6px solid #169fee;
  padding-top:7px;
  padding-bottom:20px;
}
main {
  padding-top:40px;
  padding-bottom:30px;
}
.block1 .feature {
  padding-bottom:25px;
}
.block1 summary {
  padding-top:16px;
  padding-bottom:15px;
}
.block1 h3 {
  padding-bottom:12px;
}
.block2 .item {
  padding-bottom:8px;
}
.block2 .item-list {
  border-bottom:1px solid #cecece;
}
.block5,
.block3 {
  margin-top:30px;
  padding:30px calc(.5 * var(--bs-gutter-x));
}

.block3 h2 {
  padding-top:7px;
}
.block3 summary {
  padding-top:3px;
  padding-bottom:16px;
}
.block3 .item-list li:last-child {
  padding-bottom:0;
}
.most-read {
  padding-bottom:30px;
}
.most-read li {
  padding-left:30px;
  position:relative;
  padding-top:15px;
}
.most-read li:first-child {
  padding-top:5px;
}
.most-read li::before {
  content: counter(counter);
  font-weight:600;
  font-size:26.5px;
  line-height:26.5px;
  position:absolute;
  top:0;
  left:0;
}
.block5 .topic {
  padding-top:3px;
  padding-bottom:3px;
}
.block5 .byline {
  padding-top:6px;
}
.block6 .item-list li:first-child {
  border-top:0;
  padding-top:0;
}
.block6 .block-title {
  padding-bottom:25px;
}
.block6 .bt {
  border-top-width:3px;
  padding-top:15px;
  padding-bottom:15px;
}
.block6 figure {
  margin-bottom:18px;
  margin-right:0;
}
.block6 h4 {
  margin-bottom:0;
}
.block6 ul {
  margin-bottom:40px;
  border-bottom:1px solid #cecece;
}
@media (min-width:992px) {
  .block3 {
    margin-top:45px;
    padding:40px;
  }
  .block3 .item-list li:first-child {
    border-top:0;
    padding-top:0;
  }
  .block3 .item-list figure {
    flex:0 0 53%;
    margin-right:30px;
  }
  .block3 .item-list li {
    padding-top:29px;
    padding-bottom:27px;
  }
  .block5 {
    margin-top:50px;
    padding:30px 25px;
  }
}
@media (max-width:991px) {
  .block5,
  .block3 {
    padding-bottom:0;
  }
  .block5 .row > div,
  .block3 .row > div {
    padding-bottom:30px;
  }
}
@media (max-width:767px) {
  .block1 {
    margin-bottom:30px;
  }
}
.adunit {
  text-align:center;
  padding-bottom:30px;
}
.page-middle {
  padding-top:60px;
  padding-bottom:30px;
}
/* footer */
.pf {
  background-color:#f3f3f3;
  color:#333;
  padding-top:17px;
  padding-bottom:20px;
}
.pf .social a,
.pf .logo a {
  opacity:0.58;
}
.pf .social a:hover {
  opacity:1;
}
.pf .logo {
  padding-bottom:7px;
  padding-bottom:5px;
}
.pf .social {
  padding-bottom:6px;
}
.pf .menu {
  font-size:14px;
  text-transform:uppercase;
  border-top:1px solid #cecece;
  padding-top:8px;
}
.pf .menu li {
  padding-right:40px;
  padding-top:5px;
  padding-bottom:5px;
}
.pf .menu a:hover {
  color:#169fee;
}
.copyright {
  font-size:12px;
  line-height:16px;
  color:#666666;
  padding-top:13px;
  padding-bottom:19px;
}
/* section */
.section-title {
  color:#083f5f;
  border-bottom:3px solid #083f5f;
  text-transform:uppercase;
  font-weight:bold;
  font-size:35px;
  line-height:35px;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:40px;
}
.archive .item-list {
  border-bottom:1px solid #cecece;
}
.archive .item-list li {
  padding-top:29px;
  padding-bottom:29px;
}
.archive .item-list figure {
  margin-right:29px;
  max-width:265px;
}
.archive summary {
  font-size:14.5px;
  line-height:17.5px;
  padding-top:7px;
  padding-bottom:18px;
}
.pager {
  font:16px "Helvetica", sans-serif;
  padding-top:37px;
  padding-bottom:37px;
}
.pager li {
  padding:13px;
}
.pager .current {
  font-weight:bold;
}
.pager a {
  display:inline-block;
  vertical-align:middle;
  width:20px;
  height:20px;
}
.pager-next a,
.pager-prev a {
  background-position:center;
  background-size:30px;
  background-repeat:no-repeat;
}
.pager-prev a {
  background-image:url(../images/arrow_carrot-left.svg);
}
.pager-next a {
  background-image:url(../images/arrow_carrot-right.svg);
}
.pager a:hover {
  opacity:0.58;
}
/* article */
.article header {
  padding-bottom:30px;
}
.article figcaption {
  padding-top:12px;
  padding-bottom:16px;
}
.article .content {
  font-size:16px;
  line-height:24px;
}
.article .content h3 {
  font-size:24px;
}
.article .content h1,
.article .content h2,
.article .content h3,
.article .content h4,
.article .content h5,
.article .content h6 {
  padding-top:20px;
  padding-bottom:20px;
}
.article .content ol,
.article .content ul,
.article .content p {
  padding-bottom:10px;
}
.article .content a {
  color:#083f5f;
  text-decoration:underline;
}
.article .content a:hover {
  text-decoration:none;
}
.article .content li {
  position: relative;
  padding-left: 28px;
}
.article .content li::before {
  position:absolute;
  top:0;
  left:0;
}
.article .content ul li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: black;
  top:8px;
}
.article .content ol li::before {
  content: counter(counter)". ";
}