/* BS overrides */
:root,
.text-size-reset {
  font-size: 12px;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.border-light {border-color: #e4e4e4 !important;}
.border-light-trans {border-color: rgba(255,255,255,.2) !important;}
.border-dark-trans {border-color: rgba(0,0,0,.2) !important;}
.container-fluid.max-width {max-width: 1200px;}
.badge {
  font-size: 98%;
  font-weight: 800;
  letter-spacing: .35px;
}
.dropdown-menu.show {box-shadow: 0 0 20px rgba(0,0,0,.2);}
.modal-open .modal {-webkit-overflow-scrolling: touch;}
.position-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

/* Links */
a {
  opacity: 1;
  transition: opacity .15s ease-out;
}
a:hover {
  opacity: .85;
  text-decoration: none;
}

/* Layout */
.col, [class^="col-"] {margin-bottom: 2rem;}

/* Images */
img {
  display: block;
  max-width: 100%;
}
figure img {width: 100%;}
.cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
/* Style the broken image icon on lazyloaded images that don't have a src attr set yet */
img[class*="lazy-"][alt]:after,
[class*="lazy-"] img[alt]:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ddd;
  font-family: Montserrat;
  font-size: 1rem;
  overflow: hidden;
  padding: 1rem;
  content: attr(alt);
}

/* Add height to lazyloaded images that haven't been loaded yet */
img[class*="lazy-"]:not([src]),
img[class*="lazy-"].loading,
[class*="lazy-"] img:not([src]),
[class*="lazy-"] img.loading {
  height: 0;
  padding-bottom: 59.374%;
  position: relative;
  background: rgba(0,0,0,.1);
}
img.lazy-1x1:not([src]),
img.lazy-1x1.loading,
.lazy-1x1 img:not([src]),
.lazy-1x1 img.loading {
  padding-bottom: 100%;
}

.gallery-figure .caption {
  background: #f4f4f4;
  border: 1px solid #e4e4e4;
  border-top: none;
  margin-top: 0 !important;
  padding: 1rem;
}
.gallery-figure .caption p {margin-bottom: 0;}
@media (min-width: 500px) {
  .gallery-figure .caption {font-size: 1rem;}
}

.nodrag {position: relative;}
.nodrag:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* Utilities */
.text-sans {font-family: "Montserrat", helvetica, arial, sans-serif;}
.text-serif {font-family: georgia, serif;}
.lh-1 {line-height: 1;}
.z-1 {z-index: 100;}
.z-2 {z-index: 200;}
.z-3 {z-index: 300;}
.z-4 {z-index: 400;}
.z-5 {z-index: 500;}
.bg-facebook {background-color: #3b5998;}
.bg-google {background-color: #dc4437;}
.bg-twitter {background-color: #55abed;}
.bg-pinterest {background-color: #bd091c;}
.bg-light-trans {background-color: rgba(255,255,255,.85);}
.bg-secondary-trans {background-color: rgba(0,0,0,.5);}
.bg-dark {background-color: #3c3c3c !important;}
.bg-dark-trans {background-color: rgba(0,0,0,.85);}
.bg-danger-alt {background-color: #a7233a;}
.bg-primary-alt {background-color: #3391ab;}
.striped > *:nth-child(odd),
.bg-primary-light {background-color: #dfecf6;}
.bg-secondary-alt {background-color: #666;}
.bg-light-alt {background-color: #999;}
.bg-success-alt {background-color: #4b774b;}
.bg-purple {background-color: #41476a;}
.bg-orange {background-color: #c2570c;}
.text-facebook {color: #3b5998;}
.text-google {color: #dc4437;}
.text-twitter {color: #55abed;}
.text-pinterest {color: #bd091c;}
.text-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.clamp-1 {-webkit-line-clamp: 1;}
.clamp-2 {-webkit-line-clamp: 2;}
.clamp-3 {-webkit-line-clamp: 3;}
.text-tight {letter-spacing: -.5px;}
.text-loose {letter-spacing: 1px;}
.trans-0 {opacity: 0;}
.trans-10 {opacity: .1;}
.trans-20 {opacity: .2;}
.trans-30 {opacity: .3;}
.trans-40 {opacity: .4;}
.trans-50 {opacity: .5;}
.trans-60 {opacity: .6;}
.trans-70 {opacity: .7;}
.trans-80 {opacity: .8;}
.trans-90 {opacity: .9;}
.trans-100 {opacity: 1;}
.striped > * {border: none;}
.striped > *:nth-child(odd),
.alt-strong > span:nth-child(odd) {font-weight: 500; letter-spacing: .5px;}
.alt-strong > span:nth-child(even) {font-weight: 700; letter-spacing: .5px;}
.top {top: 0;}
.right {right: 0;}
.bottom {bottom: 0;}
.left {left: 0;}
.h-icon {
  font-size: 2rem;
  padding: 10px;
}

/* Expandable lists */
.expandable-list .collapsible {display: none;}
.expandable-list.expanded .collapsible {display: block;}
.toggle-list {
  padding: 10px 20px 0;
  background: #fff;
  bottom: -4px;
}
.toggle-list:after {
  content: '';
  position: absolute;
  background: #fff;
  border: 1px solid #dee2e6;
  border-top: none;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
}

/* Top Navigation Bar */
#topNav {
  background: #3c3c3c;
  box-shadow: 0 0 0 1px rgba(255,255,255,.1);
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
#topNav a {transition: opacity .2s ease-out;}
#topNav a:not(.active):hover {opacity: .75;}
.top-nav-height {height: 50px;}
.logotype {
  font-size: 32px;
  font-weight: normal;
  text-transform: lowercase;
  letter-spacing: -2px;
  padding: 6px 0 0 0;
}
.logotype span {
  font-weight: 600;
  margin-left: 1px;
}
.logotype sup {
  font-size: 12px;
  font-weight: 600;
  top: -8px;
  left: -2px;
}
.logotype:hover {text-decoration: none;}
.slasher {margin-right: 40px;}
.slasher:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 0 0 30px;
  border-color: transparent;
  border-left-color: #0099e6;
  position: absolute;
  right: -30px;
  top: 0;
}
.toggle-nav,
.toggle-subnav {cursor: pointer;}
.burger {
  height: 17px;
  margin: 16px 15px 17px;
  width: 24px;
}
/* Turn the burger into an x */
.burger-line {
  height: 3px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transform-origin: left center;
  transition: .2s ease-out;
}
.burger-line.first {top: 0}
.burger-line.mid {top: 7px}
.burger-line.last {top: 14px}
.show-side-nav .burger-line.first {
  transform: rotate(45deg);
  top: -1px;
  left: 3px
}
.show-side-nav .burger-line.mid {
  width: 0%;
  opacity: 0;
}
.show-side-nav .burger-line.last {
  transform: rotate(-45deg);
  top: 16px;
  left: 3px
}
.top-links .nav-link,
.top-links .dropdown-item {
  color: #fff;
  flex: none;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 50px;
  padding: 0 10px;
  text-transform: uppercase;
}
.top-links .nav-link.active {box-shadow: inset 0 -5px 0 0 #0099e6;}
.top-links .nav-link.px-0 > span {padding: 0 10px;}
.dropdown-toggle.no-arrow:before,
.dropdown-toggle.no-arrow:after,
.top-links .dropdown-toggle.topics-toggle:after {display: none;}
.top-links .dropdown-item {
  color: #333;
  line-height: 1;
  padding: 1.25rem;
}
.top-links .dropdown-item.active {color: #fff;}

#subhead {box-shadow: 0 2px 3px rgba(153,153,153,.65)}
#subhead,
#subhead * {
  font-family: georgia, serif;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -.5px;
}
.oklahoman-flag {margin: -3px 5px 0;}
#sideNav {
  color: #999;
  font-size: 1.15rem;
  font-weight: 600;
  width: 280px;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: -280px;
  bottom: 0;
  -webkit-overflow-scrolling: touch;
}
#sideNav::-webkit-scrollbar {
  opacity: .5;
  width: 10px;
  width: 0;
  display: none;
}
#sideNav:hover::-webkit-scrollbar {opacity: 1;}
#sideNav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px #0005;}
#sideNav::-webkit-scrollbar-thumb {
  border: 2px solid #424242;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff2;
}
#sideNav a {
  color: #fff;
  transition: .2s ease-out;
}
#sideNav a:not(.active):hover {opacity: .75;}
#sideNav small {font-size: 65% !important;}
#sideNav .text-muted {color: #999 !important;}
#sideNav [class*="border-"] {border-color: rgba(255,255,255,.15) !important;}
#sideNav .bg-light {background-color: #4a4a4a !important;}
#sideNav .bg-light:hover {
  background-color: #555;
  text-decoration: none;
}
/* Side nav accordions */
.has-subnav {font-size: 0;}
.has-subnav > * {font-size: 1.15rem;}
.subnav {display: none;}
.show-subnav .subnav {display: flex;}
.show-subnav .toggle-subnav {transform: scaleY(-1);}
/* Side nav active states */
#sideNav .nav-link.active,
#sideNav .subnav .active {
  background: #0099e6 !important;
  opacity: 1;
}
#sideNav .subnav .nav-link {opacity: .75;}
#sideNav .subnav .active {
  margin: -1px -1.5rem 0;
  padding: 0 1.5rem;
}
#sideNav .subnav .active a {opacity: 1;}
#sideNav .nav-item .badge {
  font-size: 11px !important;
  font-weight: 700;
}
#sideNav .customize-link {
  font-size: 9px;
  text-transform: uppercase;
  display: none;
}
body:not(.is-pro) #sideNav .customize-link {display: block;}
#main {
  margin-left: 0;
  width: 100%;
}

/* Show / hide the side nav */
.show-side-nav #sideNav {
  display: block;
  left: 0;
}
.show-side-nav #main {
  width: calc(100% - 280px);
  margin-left: 280px;
}

@media (max-width: 1318px) {
  #sideNav {
    left: -200px;
    width: 200px;
  }
  .show-side-nav #main {
    width: calc(100% - 200px);
    margin-left: 200px;
  }
}

@media (max-width: 958px) {
  #main {margin-left: 0;}
  #sideNav {
    border-top: 1px solid #666;
    box-shadow: 0 0 25px rgba(0,0,0,.2);
    display: none;
    left: 0;
    top: 50px;
    width: 280px;
  }
  .show-side-nav #sideNav {display: block;}
  .show-side-nav #main {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 500px) {
  #sideNav {width: 100%;}
  #sideNav,
  .has-subnav > * {font-size: 1.3rem;}
  body.show-side-nav {overflow: hidden;}
  .show-side-nav #elevator {display: none;}
}

/* Scroll to top link */
#elevator {
  bottom: -50px;
  left: 0;
  opacity: 0;
  transition: .2s ease;
}
#elevator.on {
  bottom: 0;
  opacity: 1;
}
#elevator.on:hover {opacity: 1;}
.show-side-nav #elevator {left: 280px;}

/* Article */
.article-wrap {max-width: 1100px;}
.article-rail,
.article-rail .advertisement {
  width: 340px;
  margin: 0 auto !important;
  max-width: 340px;
  overflow: hidden;
}
.article-rail .advertisement {
  padding: 20px;
}
.article-gut {
  clear: left;
  float: left;
  font-size: 1.5rem;
  width: calc(100% - 370px);
}
.article-break {
  clear: both;
  overflow: hidden;
}
.page-heading {
  font-family: georgia, serif;
  font-weight: normal;
  font-size: 3.3rem;
}
article p {margin-bottom: 2rem;}
article figure {margin-bottom: 2rem !important;}
article blockquote,
.blockquote {
  border-top: 1px solid #ddd;
  border-left: 5px solid #ddd;
  font-size: 1.2em;
  margin-bottom: 2rem;
  padding: 2rem 2rem 2rem 6rem;
  position: relative;
}
article blockquote p,
.blockquote p {
  font-style: italic;
  margin-bottom: 0;
}
article blockquote:before,
.blockquote:before {
  position: absolute;
  top: 0;
  left: 2rem;
  font-size: 80px;
  color: #ddd;
  content: "\201C";
}

article .lead-photo-sm {
  font-size: 1.2rem;
  max-width: 200px;
  width: 30%;
}
.article-gut iframe {max-width: 100%;}
.article-gut .fr-video {
  position: relative;
  display: block;
  width: 100%;
  padding: 56.25% 0 0;
  overflow: hidden;
}
.article-gut .fr-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* Deal with random empty paragraphs, breaks, etc */
.article-gut .fr-video + br,
.article-gut p + br,
.article-gut p > br:only-child,
.article-gut p:empty,
.article-gut:empty {display: none;}

/* Center the article when necessary */
.is-pro article:not(.brand-insight) .article-wrap {max-width: 900px;}
.is-pro article:not(.brand-insight) .article-gut {width:100%;}
/* You might also like - below the article */
.is-pro .advertisement {
  display: none;
}
#shareBar {
  flex-direction: row;
}
#shareBar > * {
  flex: 1 1 auto;
  font-size: 15px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
#shareBar .share-count {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  line-height: 1;
  font-size: 20px;
  padding-top: 2px;
}
#shareBar .share-count .small {
  font-size: 11px;
  padding: 3px 0;
}
.comment-count-stack .FBCommentsNum {
  font-size:11px;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
}

@media (min-width: 1210px) {
  body:not(.show-side-nav) article .byline-wrap {flex: 1;}
  body:not(.show-side-nav) article .share-wrap {flex: 0;}
  body:not(.show-side-nav) #shareBar {
    box-shadow: 0 0 0 10px rgba(255,255,255,.5);
    flex-direction: column;
    left: 0;
    position: fixed;
    top: 50%;
    text-align: center;
    transform: translateY(-30%);
    width: 45px;
  }
  body:not(.show-side-nav) #shareBar .share-count {
    border-top: 2px solid #ccc;
    padding: 10px 0;
    height: auto;
  }
}
@media (min-width: 1560px) {
  article .byline-wrap {flex: 1;}
  article .share-wrap {flex: 0;}
  #shareBar {
    box-shadow: 0 0 0 10px rgba(255,255,255,.5);
    flex-direction: column;
    left: 0;
    position: fixed;
    top: 50%;
    transform: translateY(-30%);
    text-align: center;
    width: 45px;
  }
  .show-side-nav #shareBar .share-count {
    border-top: 2px solid #ccc;
    padding: 10px 0;
    height: auto;
  }
  .show-side-nav #shareBar {left: 280px;}
}

/* Video player */
#videoInfo {
  cursor: pointer;
  transition: .2s ease;
  opacity: 1;
  visibility: visible;
}
.playing #videoInfo {
  opacity: 0;
  visibility: hidden;
}

/* Article inserts */
/* Photos */
.overlay-text {
  bottom:0;
  background:rgba(255,255,255,.85);
  display: none;
  position: absolute;
}
.article-gallery .gallery-zoom {
  top: -55px;
  right: 15px;
}
.article-gallery .thumbs {flex-wrap: wrap;}
.article-gallery .gallery-thumb {
  background: #ddd;
  border: solid #fff;
  border-width: 4px 2px 0px;
  display: flex;
  opacity: 1;
  position: relative;
  transition: .15s;
  width: calc(100% / 3);
}
.article-gallery .hide-sm {display: none;}
.article-gallery .hide-lg {display: flex;}
@media (min-width: 500px) {
  .article-gallery .hide-lg {display: none;}
  .article-gallery .hide-sm,
  .overlay-text {display: flex;}
  .article-gallery .thumbs {flex-wrap: nowrap;}
  .article-gallery .gallery-thumb {width: calc(100% / 7) !important;}
}
.article-gallery .gallery-thumb .gallery-count {
  background: rgba(0,153,230,.6);
  font-size: 30px;
  text-indent: -.25em;
  letter-spacing: -1px;
}
.mr-burns {overflow: hidden;}
.mr-burns img {
  transform: scale(1);
  transition: transform .5s ease-out;
}
.article-gallery:hover .mr-burns img {transform: scale(1.025);}
.article-gallery .gallery-thumb:not(.blank):hover {opacity: .8;}

/* Jobs insert overrides */
#p2w_oklahoma-city-featured-employment-ads_Container,
#p2w_oklahoma-city-featured-employment-ads_Block {
  width: 100% !important;
  padding: 0 !important;
}
.p2w_oklahoma-city-featured-employment-ads_Caption,
.p2w_oklahoma-city-featured-employment-ads_Item br {
  display: none !important;
}
.p2w_oklahoma-city-featured-employment-ads_Item {
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  font-size: .9rem !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 10px 10px 0 !important;
  color: #fff !important;
  background-color: #999 !important;
  border: none !important;
  display: inline-block !important;
  width: auto !important;
}
.p2w_oklahoma-city-featured-employment-ads_Item a {
  padding: .75rem !important;
  color: #fff !important;
  display: block !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* Taboola insert overrides */
/* main wrapper */
#taboola-right-rail-hybrid-thumbnails {
  border-bottom: 1px solid #00000020 !important;
  clear: none !important;
  position: relative !important;
}
#taboola-right-rail-hybrid-thumbnails,
#taboola-right-rail-hybrid-thumbnails * {
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  color: #333 !important;
}
/* header text */
#taboola-right-rail-hybrid-thumbnails .alternating-thumbnails-rr .trc_rbox_header {
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: .5rem !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #00000020 !important;
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  font-size: 80% !important;
  line-height: 1.5 !important;
  color: #333 !important;
}
/* "Promoted Links by Taboola" text */
#taboola-right-rail-hybrid-thumbnails .trc-widget-footer {
  position: absolute !important;
  top: .5rem !important;
  right: 0 !important;
}
#taboola-right-rail-hybrid-thumbnails .link-adc {display: none !important;}
/* content box wrapper */
#taboola-right-rail-hybrid-thumbnails .trc_rbox_outer {margin: 0 -2rem 0 0 !important;}
/* content boxes */
#taboola-right-rail-hybrid-thumbnails .videoCube {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  float: left !important;
  margin: 0 !important;
  width: 25% !important;
  padding: 0 2rem 2rem 0 !important;
}
/* content text */
#taboola-right-rail-hybrid-thumbnails .trc_rbox_outer .video-title {font-weight: 700 !important;}
#taboola-right-rail-hybrid-thumbnails .video-label-box {margin-top: 1rem !important;}

/* Taboola 6-pack overrides */
#taboola-below-article-thumbnails .trc_rbox_header,
#taboola-below-article-hybrid-text-links .trc_inner_header {
  background: url(//s3.amazonaws.com/content.newsok.com/newsok_pro/taboola_icons.png),
              url(//s3.amazonaws.com/content.newsok.com/newsok_pro/taboola_icons.png);
  background-repeat: repeat-y;
  background-position: 0 -95px, center right;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 7px 10px 7px 50px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #00000020 !important;
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  font-size: 90% !important;
  line-height: 1 !important;
  color: #333 !important;
}
#taboola-below-article-thumbnails .trc_rbox_header {background-position: 0 -95px, -1000px -1000px;}
#taboola-below-article-hybrid-text-links .trc_inner_header {
  margin-bottom: 0 !important;
  min-height: 35px !important;
  padding-right: 30px !important;
}
#taboola-below-article-hybrid-text-links .trc_inner_header.trc_header_right_column {background-position: 0 -191px, center right;}
#taboola-below-article-thumbnails .trc_rbox_header_span,
#taboola-below-article-hybrid-text-links .trc_inner_header {font-size: 0 !important;}
#taboola-below-article-thumbnails .trc_rbox_header_span:before,
#taboola-below-article-hybrid-text-links .trc_inner_header:before {
  content: 'Sponsored';
  font-size: initial;
}
#taboola-below-article-thumbnails .trc_rbox_header_span:after,
#taboola-below-article-hybrid-text-links .trc_inner_header:after {
  content: ' Content';
  font-size: initial;
  font-weight: normal;
}
#taboola-below-article-hybrid-text-links .trc_inner_header.trc_header_right_column:before {content: 'More';}
#taboola-below-article-hybrid-text-links .trc_inner_header.trc_header_right_column:after {content: ' from NewsOK';}
#taboola-below-article-thumbnails .logoDiv,
#taboola-below-article-hybrid-text-links .logoDiv {
  color: #333 !important;
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  text-transform: none !important;
}
#taboola-below-article-thumbnails .link-adc,
#taboola-below-article-hybrid-text-links .link-adc {display: none !important;}
#taboola-below-article-hybrid-text-links .videoCube .video-label {
  font-family: "Montserrat", helvetica, arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: inherit !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  display: block !important;
}
#taboola-below-article-hybrid-text-links .videoCube:nth-of-type(odd) {background: #dfecf6 !important;}

/* Small-screen article styles */
@media (min-width: 895px) and (max-width: 1140px) {
  .article-wrap {
    padding: 0 1.5rem;
  }
}
@media (max-width: 894px) {
  .article-gut {width: 100%;}
  .article-rail,
  .article-gut {
    clear: both;
    float: none !important;
    margin: 0 auto 3rem !important;
    max-width: 100%;
    width: 100%;
  }
  .page-heading {font-size: 2.5rem;}
  #videoInfo .overlay-text h3 {font-size: 1.2rem;}
  .article-gallery .gallery-thumb.last {font-size: 20px;}
  /* taboola insert */
  #taboola-right-rail-hybrid-thumbnails .videoCube {width: 50% !important;}
  #taboola-right-rail-hybrid-thumbnails .videoCube:nth-child(odd) {clear: left !important;}
}

/* Hard-coded link styles that editors place in embed_top. :/ */
.story-links {
	border-left: 1px solid #eee;
	font-family: Georgia, "times new roman", serif;
	font-size: 16px;
	margin-top:10px;
	}
.story-links:after {
	display: table;
	clear: both;
	content: "";
	line-height: 0;
	}
	.story-links a {
		float: left;
		clear: left;
		margin-bottom: 8px;
		margin-left: 12px;
		}
	.story-links a:before {
		content: '';
		background: url(https://s3.amazonaws.com/content.newsok.com/newsok/refactor/story-link-bullet.png) no-repeat left center;
		width: 19px;
		height: 19px;
		float: left;
		margin-left: -22px;
		}
	.story-links a:after {
		content: '';
		clear: both;
		display: block;
		}

/* BrandInsight elements */
.read-more-link {
  background: url(https://s3.amazonaws.com/content.newsok.com/newsok_pro/read_more_bg.png) center no-repeat;
  display: block;
  height: 29px;
  font-weight: 600;
  line-height: 29px;
  text-align: center;
}

/* Article preview (paywall) */
.article-preview {
  max-width: 730px;
}
.article-preview .article-gut {
  float: none;
  width: 100%;
}

/* Section front cards */
.card {
  background: #f4f4f4;
  border-color: #e4e4e4;
}
.card .image,
.card-six-pack .card-body {flex: 0 0 auto;} /* ie 11 fix */
.card .card-footer .meta,
.card .card-footer.meta,
.list-view .meta {font-size: 90%;}
.card.has-photo .title > a,
.card.has-photo .summary {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card.has-photo .title > a {-webkit-line-clamp: 2;}
.card.has-photo .summary {-webkit-line-clamp: 3;}

/* Card without photo */
.card.no-photo .card-body {padding-top: 4rem !important;}
.card.no-photo.has-video .card-body {padding-top: 6rem !important;}
.card.no-photo .card-footer {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding-left: 0;
  padding-right: 0;
}
.ril-link {
  color: #fff;
  filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
  font-size: 1.1rem;
  opacity: .85;
}
.card.no-photo .ril-link {color: rgba(0,0,0,.45);}
.ril-link .fa-bookmark {
  transform: scale(1,1.4);
  transform-origin: top right;
}
.ril-link:hover,
.ril-link.saved {
  color: #0099e6 !important;
  opacity: 1;
}

/* Alternate cards - colored bg, etc */
.alt-card .card-article.no-photo {
  background: #0084c7;
  border: none;
}
.alt-card .card-article.no-photo .badge {background-color: rgba(255,255,255,.2);}
.article-featured *,
.alt-card .card-article.no-photo .title a,
.alt-card .card-article.no-photo .summary,
.alt-card .card-article.no-photo .card-footer,
.alt-card .card-article.no-photo .card-footer .meta *,
.alt-card .card-article.no-photo .card-footer .dropdown-toggle {
  border-color: rgba(255,255,255,.25) !important;
  color: #fff !important;
}
.alt-card.blue .card-article.no-photo {background: #0084c7;}
.alt-card.gray .card-article.no-photo {background: #666;}
.alt-card.red .card-article.no-photo {background: #a2193c;}
.alt-card.teal .card-article.no-photo {background: #4291aa;}

/* Twitter cards */
.card-tweet .card-text {font-size: 110%;}
.card-tweet.no-photo .card-text {font-size: 120%;}
.card-tweet .tweet-media {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-bottom: 59.685%;
}

/* Gallery cards */
.card-gallery .featured { flex: 2 0 0px; }
.card-gallery .featured .inner { flex: 1 1 0px; }
.card-gallery .secondary {
  flex: 1 0 0px;
  flex-direction: column;
}
.card-gallery .thumb-sm { flex: 1 0 0px; }
.card-gallery .p-count {
  align-items: center;
  display: flex;
  font-size: 30px;
  justify-content: center;
  text-indent: -1rem;
}
.card-gallery .p-count:after { content: attr(data-count); }
.card-gallery .title-icon, .card-gallery.large .thumb-sm { display: none; }
.card-gallery.large .thumb-sm:first-child, .card-gallery.large .thumb-sm:last-child { display: flex;}

/* Multimedia (video) cards */
.card-multimedia .secondary {margin: 0 -1rem;}
.card-multimedia .secondary .item {width: 50%;}
.card-multimedia .media-title {position: static;}

/* Six pack feature */
.card-six-pack .scroller {flex-wrap: wrap;}
.card-six-pack .can.new a {overflow: hidden;}
.card-six-pack .can.new a:before {
  content: 'NEW';
  background: #0099e6;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.5px;
  line-height: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 9px 40px;
  transform: rotate(45deg) translate(50%, 50%);
  transform-origin: top right;
}

.card-embed .hd {
  font-size: 1.35rem;
}
.card-embed .sub-hd {
  font-size: 1.2rem;
}

/* Non-mobile card styles */
@media (min-width: 500px) {
  .card-multimedia .secondary .item {width: 25%;}
  .card-multimedia .media-title {position: absolute;}
}
@media (max-width: 800px) {
  /* Make the six-pack scroll horizontally */
  .card-six-pack .scroller {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
  }
  .card-six-pack .can {
    max-width: 40%;
    flex: 0 0 40%;
    padding-left: 0;
  }
}
@media (min-width: 575px) and (max-width: 800px) {
  .card-six-pack .scroller {
    margin: 0 -3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 895px) {
  /* remove borders from basic cards w/ photos */
  .card.has-photo:not(.large) {
    background: none;
    border: none;
  }
  .card.has-photo .card-body,
  .card.has-photo .card-footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Add border/padding/etc to large cards */
  .card.has-photo.large {padding: 1.5rem 1.5rem 0;}
  .card.has-photo.large .section {margin: 3rem 0 0 1.5rem !important}
  .card.has-photo.large .ril-link {margin: 1.5rem;}
  .card.large .title {font-size: 2rem !important;}
  /* Adjust multimedia card layouts */
  .card-multimedia .card-body {
    display: flex;
    flex-wrap: nowrap;
  }
  .card-multimedia .featured {
    border-right: none !important;
    flex: 0 0 65%;
    max-width: 65%;
    padding: 1.5rem;
  }
  .card-multimedia .secondary {
    background: #f4f4f4;
    border: 1px solid #e4e4e4;
    border-left: none;
    margin: 0;
    padding: 1rem 1rem 1rem 0;
    flex: 0 0 35%;
    max-width: 35%;
  }
  .card-multimedia .secondary .item {width: 50%;}
  .card-gallery.large { padding: 1.25rem !important; }
  .card-gallery.large .featured {
    flex: 0 0 68.6%;
    margin-right: 0 !important;
    padding: .25rem 1.75rem .25rem  .25rem;
  }
  .card-gallery.large .secondary {
    align-content: flex-start;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .card-gallery.large .thumb-sm {
    display: block;
    flex: none;
    height: calc(100% / 3);
    overflow: hidden;
    width: 50%;
  }
  .card-gallery.large .thumb-sm { padding: .25rem}
  .card-gallery.large .thumb-sm:nth-child(1),
  .card-gallery.large .thumb-sm:nth-child(6) { width: 40%; }
  .card-gallery.large .thumb-sm:nth-child(2),
  .card-gallery.large .thumb-sm:nth-child(5) { width: 60%; }
  .card-gallery.large .p-count { margin: .25rem;}
  .card-gallery.large .p-count:after { content: attr(data-count-lg); }
  .card-gallery.large .card-body {
    position: absolute;
    bottom: 1.5rem;
    display: flex;
    left: 1.5rem;
    right: calc(31.4% + 2.2rem);
    background: rgba(255,255,255,.85);
    padding: 0 !important;
  }
  *::-ms-backdrop, .card-gallery.large .card-body { right: 31.6% } /* IE11 */
  .card-gallery.has-photo.large .card-body .title {
    background: transparent;
    margin-bottom: 0;
    padding: 1rem;
    position: static;
    transform: none;
  }
  .card-gallery .title-icon { display: block; }
  .card-gallery.large .card-footer { display: none; }
}
@media (min-width: 1440px) {
  .card.has-photo.large .title {
    position: absolute;
    transform: translateY(-100%) translateY(-1rem);
    background: rgba(255,255,255,.85);
    padding: 1rem;
    left: 1.5rem;
    right: 1.5rem;
  }
  .card.no-photo {min-height: 356px;}
  .card-gallery.large .featured { flex: 0 0 68.3%; }
  .card-gallery.large .card-body { right: calc(31.7% + 2.2rem); }
  *::-ms-backdrop, .card-gallery.large .card-body { right: 31.9% } /* IE11 */
}

/* Breaking banners */
.breaking {
  align-items: center;
  background-color: #ad1a2f;
  font-size: 16px;
  line-height: 1.2;
  min-height: 53px;
  padding: 1rem 3rem;
}
.breaking.multi {font-size: 15px;}
.breaking .link.split {border-left: 1px solid rgba(255,255,255,.3);}
.breaking .link {padding: 0 1rem;}
.breaking .label {font-size: 90%;}
@media (max-width: 894px) {
  .breaking {
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
  }
  .breaking,
  .breaking.multi {font-size: 13px;}
  .breaking .link.split {
    border-left: none;
    border-top: 1px solid rgba(255,255,255,.3);
  }
  .breaking .link {
    overflow: hidden;
    padding: 1rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* Ads */
[data-attr-region="mainPlayExtra"] .advertisement,
[data-attr-region="mainPlayExtra"] .card-tip {
  height: auto !important;
  margin-bottom: 1.5rem;
}
.container-fluid .advertisement {
  background: #f4f4f4;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
div[id^="ad-"] {min-height:50px;}
@media (min-width: 768px) {
  div[id^="ad-"] {min-height:90px;}
}

/* Morning brief audio player */
#_da:not(.error) #_daPlay,
#_da:not(.error) #_daMute { cursor: pointer; }
#_daPlay { font-size: 18px; }
#_da small, #_da .small { font-size: 11px; }
#_da .text-primary-alt { font-weight: 600;}

#_da.playing #_daPlayBtn,
#_da #_daPauseBtn,
#_da.muted #_daMuteBtn,
#_da #_daUnmuteBtn,
#_da.error #_daPlayBtn,
#_da.error #_daPauseBtn,
#_da #_daErrorIcon { display: none; }

#_da.playing #_daPauseBtn,
#_da #_daPlayBtn,
#_da.muted #_daUnmuteBtn,
#_da #_daMuteBtn,
#_da.error #_daErrorIcon { display: block; }

#_daProgressWrap {
  background: #878787;
  height: 5px;
}
#_daProgress,
#_daBuffered {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: width .25s ease-out;
}
/* #_daBuffered { background: #878787; } */
.text-primary-alt { color: #69c; }
#_daTime {
  position: absolute;
  bottom: .5rem;
  right: 1rem;
}
._da-icon { background: #797979; }
@media (min-width: 420px) {
  #_daTime { position: static; }
}
