@font-face{font-family:'Genericons';src:url(../fonts/Genericons.woff) format("woff2"),url(../fonts/Genericons.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}

.ph time {
  text-transform: uppercase;
  font-size: 15px;
}
.ph h6 {
  font: bold 18px "Buenard", serif;
  color: #7b7a7a;
  text-transform: uppercase;
}
.ph h6 a {
  color: black;
}
@media (min-width:992px) {
  .pn {
    font-size: 15px;
  }
  .pn .logo a {
    width: 183px;
    height: 23px;
  }
}
@media (min-width: 1200px) {
  .pn {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .ph h6 {
    flex: 1;
    text-align: center;
    margin-bottom: 15px;
  }
}
.pt {
  border-bottom: 2px solid #c9c9c9;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.article-header {
  padding-bottom: 30px;
}
.article-header h1 {
  font-size: 33.5px;
  line-height: 38.5px;
  margin-bottom: 30px;
}
.article-header .byline {
  font: 16px "Helvetica", sans-serif;
}
.article-header .byline a {
  color: #1b9def;
  font-weight: bold;
}
.article-header time{
  color: #343434; font-size: 14px;
}
.article-header .icon-facebook {
  background-image: url(../images/social_facebook2.svg);
}
.article-header .icon-twitter {
  background-image: url(../images/social_twitter2.svg);
}
.article-header .icon-share {
  background-image: url(../images/external-link.svg);
  background-position: left center;
  font: 12.5px/20px "Lato", sans-serif;
  color: #636363;
  letter-spacing: 1px;
  width: 75px;
  text-align: right;
}
.article-content {
  font-family: "Helvetica", sans-serif;
}
#vplayer_large {
  margin-bottom: 30px;
}
.slide-count {
  font-weight: bold;
  font-size: 13px;
  color: white;
  background-color: rgba(0, 0, 0, .8);
}
.slide-count span {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 10px;
  border: 1px solid white;
  position: relative;
  margin-right: 10px;
  margin-top: -4px;
}
.slide-count span::before {
  content: "";
  display: block;
  width: 12px;
  height: 8px;
  border: 1px solid white;
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  background-color: rgba(0, 0, 0, 1);
}
figure {
  position: relative;
}
figure .slide-count {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 13px;
}
figcaption {
  font-size: 14.5px;
  color: rgba(0, 0, 0, .62);
  padding-top: 8px;
  padding-bottom: 35px;
}
.article-body {
  font-size: 18.5px;
  line-height: 27px;
}
.article-body a {
  color: #1b9def;
}
.article-body a:hover {
  text-decoration: underline;
}
.article-body>div, .article-body>p, .article-body>ul, .article-body>ol, .article-body>h1, .article-body>h2, .article-body>h3, .article-body>h4, .article-body>h5, .article-body>h6 {
  margin-bottom: 20px;
}
.article-body ul li {
  padding-left: 20px;
}
.article-body ul li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #e31515;
  position: absolute;
  top: 10px;
  left: 2px;
}
.article-body ol li {
  padding-left: 30px;
}
.article-body ol li::before {
  content: counter(counter)". ";
  color: #e31515;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 2px;
}
.article-body blockquote {
  border-left: 4px solid #e31515;
  padding-left: 25px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
}
.tags {
  font-weight: bold;
}
.tags a {
  color: #e31515;
  text-decoration: underline;
}
.tags a:hover {
  text-decoration: none;
}
.article-content .copyright {
  text-transform: uppercase;
  font-size: 12px;
  color: #727272;
}
.slide-header hr {
  border-top: 1px solid #e6e6e6;
  margin-bottom: 30px;
}
.slide-header h1 {
  font-size: 33.5px;
  line-height: 38.5px;
  margin-bottom: 35px;
}
.slide-buttons {
  padding-top: 15px;
  padding-bottom: 60px;
}
.slide-buttons button {
  font-weight: 900;
  font-size: 40px;
  line-height: 70px;
  text-transform: uppercase;
  background-color: #9b9b9b;
  color: white;
  transition: 0.3s;
  display: inline-block;
  width: 50%;
}
.slide-buttons .active {
  background-color: #e31515;
  cursor: pointer;
}
.slide-buttons .active:hover {
  background-color: #FD2F2F;
}
.slide-buttons .prev {
  margin-right: 15px;
}
@media (min-width:768px) {
  .slide-buttons .prev {
    width: 30%;
  }
  .slide-buttons .next {
    width: 70%;
  }
}


/* social share button*/
.byline-social .byline{width:calc(100% - 280px);min-width:250px}
.writer-info .image{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;float:left;margin-right:15px;padding:0;overflow:hidden;}
.writer-info .image img{transform:translate(0%,0%);width:auto;max-width:inherit;height:60px}
.byline .author-name{margin-right:10px}
.article-header .byline time{display:block;margin-top:10px;font-weight:400;}
.article-header .byline a:hover{text-decoration:underline}
.article-header .byline{margin-bottom:0}
.article-header .byline .author-extra{display:inline-block;font-style:normal}
.byline .ico-twitter-left:before{width:16px;height:17px;content:' ';display:inline-block;background:url(../images/social/twitter-x-black.svg) left 10%/80% no-repeat;vertical-align:middle}
.article-header .byline .genericon{font-size:inherit;line-height:inherit;font-family:inherit}
.article-header .byline .genericon::before{font:normal normal 16px Genericons;display:inline-block;vertical-align:middle}
.genericon{font-size:20px;vertical-align:top;text-align:center;display:block;font-family:"Genericons";cursor:pointer}
.article-header .byline .genericon-twitter::before{color:#1da1f2}
.article-header .byline .genericon-linkedin::before{margin-right:3px;color:#0077b5}
.byline-social{border-top:1px solid #e9e9e9;padding:13px 0}
.genericon-flipboard{background-image:url(../images/social/flipboard.png)!important}
.social-share{width:270px;height:36px}
.jc-fe{-webkit-justify-content:flex-end;justify-content:flex-end}
.ai-c{-webkit-align-items:center;align-items:center}
.flex-xs{display:-webkit-flex;display:flex}
.social-share .twitter-x-black{background:url(../images/social/twitter-x-black.svg) center 55%/53% no-repeat}
.social-share .genericon.genericon-flipboard{background-color:transparent!important}
.genericon-flipboard{background:url(../images/social/flipboard_srrw.webp) no-repeat 50% 50% #f52828}
.social-share .pocket{background:url(../images/social/pocket.svg) 50% 60%/60% no-repeat}
.social-share .icon{cursor:pointer;width:36px;height:36px;display:block}
.element-invisible{position:absolute;overflow:hidden;height:1px}
.social-share .genericon{width:36px;height:36px;margin-left:3px;font-size:16px;line-height:36px;color:#738a8d;font-size:24px}
.social-share .genericon:hover{text-decoration:none}
.social-share .genericon-facebook-alt{font-size:22px;color:#3b5998;margin-left:0}
.social-share .genericon-twitter{color:#1da1f2}
.social-share .genericon-tumblr{color:#35465c}
.social-share .genericon-linkedin{color:#0077b5}
.social-share .genericon-pinterest{color:#bd081c}
.social-share .genericon-reddit{color:#ff4500}
.social-share .genericon.genericon-flipboard{background-color:transparent!important}
.genericon-chat:before{content:"\f108"}
.genericon-collapse:before{content:"\f432"}
.genericon-comment:before{content:"\f300"}
.genericon-expand:before{content:"\f431"}
.genericon-downarrow:before{content:"\f502"}
.genericon-facebook:before{content:"\f203"}
.genericon-facebook-alt:before{content:"\f204"}
.genericon-feed:before{content:"\f413"}
.genericon-flag:before{content:"\f468"}
.genericon-googleplus:before{content:"\f218"}
.genericon-googleplus-alt:before{content:"\f218"}
.genericon-home:before{content:"\f409"}
.genericon-info:before{content:"\f455"}
.genericon-instagram:before{content:"\f215"}
.genericon-linkedin-alt:before{content:"\f208"}
.genericon-linkedin:before{content:"\f207"}
.genericon-tiktok path{fill:#fff}
.genericon-youtube:before{content:"\f213"}
.genericon-mail:before{content:"\f410"}
.genericon-menu:before{content:"\f419"}
.genericon-next:before{content:"\f429"}
.genericon-pinterest-alt:before{content:"\f210"}
.genericon-pinterest:before{content:"\f209"}
.genericon-previous:before{content:"\f430"}
.genericon-reddit:before{content:"\f222"}
.genericon-search:before{content:"\f400"}
.genericon-subscribe:before{content:"\f463"}
.genericon-tumblr:before{content:"\f214"}
.genericon-twitter:before{content:"\f202"}
.genericon-uparrow:before{content:"\f500"}
.genericon-warning:before{content:"\f414"}
.genericon-close:before{content:"\f405"}
.genericon-close-alt:before{content:"\f406"}

/* Author page */