/*
media query cheatsheet

@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

@media (max-width: 575.98px) { ... }
@media (max-width: 767.98px) { ... }
@media (max-width: 991.98px) { ... }
@media (max-width: 1199.98px) { ... }

*/

/* Overrides and extras on bootstrap */

body {
  font-size: 1rem; /* up to 16px from the theme default of 15 */
}

.cookie-bar {
  display: none;
  position: fixed;
  width: 100%;
  padding: 10px;
  left: 0;
  bottom: 0;
  line-height: 35px;
  z-index: 1;
}


.blockquote {
  border-left: solid 2px #E41E0F;
  padding: 5px 10px;
  color: #444;
  font-size: 0.95rem;
  font-style: italic;
}

a.btn {
  white-space: normal;
}

.bg-dark {
  background-color:#161413 !important;
}

.bg-dark hr {
  border-color: rgba(255, 255, 255, 0.4);
}

.image-gradient {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.img-cover {
  width: 100%;
  height: auto;
}

pre {
  background-color: #fff7fb;
  padding: 20px;
  border-left: solid 5px rgb(232, 62, 140);
}

.image-gradient:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(140deg, #212529, rgba(0,0,0,0));
  opacity: 1;
}

.card:hover .image-gradient:before {
  transition-duration: 1s;
  background-image: linear-gradient(140deg, #391012, rgba(0,0,0,0));
}

.text-primary {
  color:#E41E0F !important;
}

.text-lg {
  font-size: 1.2rem;
}
.text-xl {
  font-size: 1.6rem;
}

.text-light .card {
  color:#212529;
}

a {
  color: #E41E0F;
  border-bottom: dotted 1px #E41E0F;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  line-height: 2rem;
}

h5 {
  font-size: 1.05rem;
}


a.link-nostyle {
  line-height: 1.5rem !important;
}

a:hover {
  text-decoration: none;
  color: #b3180c;
  border-bottom-color: #b3180c;
}

.nav a {
  border-bottom: none;
}

.link-nostyle, .link-nostyle:hover {
  color: inherit;
  border-bottom: none;
}

.link-nostyle:hover {
  color: rgb(228, 30, 15);
}

.link-muted {
  color: #95a5a6;
  border-bottom: dotted 1px #95a5a6;
}

.link-muted:hover {
  text-decoration: none;
  border-bottom-color: #E41E0F;
}


.list-unstyled > li.media {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: dotted 1px #ccdeed;
}

.list-unstyled > li.media:first-child {
  padding-top: 0;
}
.list-unstyled > li.media:last-child {
  border-bottom: none;
}

/* tags */
.tag {
  white-space: nowrap;
  position: relative;
  margin: 0 5px 10px 10px;
  display: inline-block;
  height: 25px;
  border-radius: 0 5px 5px 0;
  padding: 0 10px 0 15px;
  background: #ecf0f1;
  border: 1px solid #C7D2D4;
  line-height: 23px;
  font-size: 0.8rem;
  color: #0a0a0a;
}

.tag:hover {
  background: #E41E0F;
  color: white;
  border-bottom-color: #C7D2D4;
}

.tag:before {
  position: absolute;
  background: #161413;
  content: "●";
  color: white;
  font-size: 12px;
  line-height: 13px;
  text-indent: 6px;
  top: 3px;
  left: -10px;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  border-radius: 0 0 0 9px;
}


a:hover {
  color: #b3180c;
}

.p-6 {
  padding: 4rem !important;
}

@media (min-width: 768px) {
  .p-md-6 {
    padding: 4rem !important;
  }
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}



/* star rating system - use {stars:1}  {stars:4.75} etc in markup */
.star-rating {
  border-top: solid 1px #dee2e6;
  margin-bottom: 4px;
  padding: 4px;
}

.star-rating:first-child {
  border-top: none;
}

.star-rating .stars {
  width: 144px; /* 24 x 6 - always have space for 5 stars + a gap */
  display: inline-block;
}

.star-rating .star {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('../img/star-100.png');
  background-size: contain;
}

.star-rating .property {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.star-rating .star-25 {
  background-image: url('../img/star-25.png');
}

.star-rating .star-50 {
  background-image: url('../img/star-50.png');
}

.star-rating .star-75 {
  background-image: url('../img/star-75.png');
}


/* font sizes with media queries */
h1 {
  font-size: 2rem;
}

h1 + h2.text-muted {
  font-size: 1.4rem;
}

.news-article h2 {
  font-size: 1.4rem;

}
.news-article h3 {
  font-size: 1.2rem;
}

.news-article blockquote {
  border-left: solid 2px #E41E0F;
  padding: 10px 20px;
  color: #444;
  margin-bottom: 1rem;
  background-color: #f1f1f1;
}

.news-article blockquote > p {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  h1 {
    font-size: 4rem;
  }
  h1 + h2.text-muted {
    font-size: 2rem;
    line-height: 2.3rem;
  }

  .news-article h2 {
    font-size: 2.2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .news-article h3 {
    font-size: 1.6rem;
  }
}

@media (max-width: 767.98px) {
  /* break a media object on phones */
  .media {
    display: block;
  }
}

/* left-floated images in a media object make blocks and set a font
so if broken image, they still sit in their defined width rather than
 overflow */
.media > a > img.mr-3 {
  display: block;
  font-size: 10px;
  line-height: 12px;
}


/* Main site logo and navigation */
#top-header {
  position:relative;
}

#pf-bomb {
  position: absolute;
  right: 0;
  z-index: 1;
  bottom:-130px;
  opacity: 0.9;
}

@media (min-width: 992px) {
  #google-search {
    position: absolute;
    width: 300px;
    bottom: 0;
    right: 250px;
  }
}

#site-nav {
  background-color: #eee;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
  padding-right: 20px;
}

/* Content areas */
#featured-content {
  z-index: 2;
  position: relative;
}


.btn-xl {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

/* review table with progress bars */
.table-review td:last-child {
  width: 70%;
}
.table-review .progress {
  height: 30px;
  background-color: rgb(215, 219, 220);
}

.table-review .progress-bar {
  font-size: 14px;
}

/* video popup player */
.btn-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  background: repeating-linear-gradient(-55deg, #222, #222 10px, #333 10px, #333 20px);
  opacity: 0.3;
}

.btn-overlay:hover {
  opacity: 0;
}

#videoModal .modal-dialog {
  max-width: 1080px;
  margin: 30px auto;
}

#videoModal .modal-body {
  position: relative;
  padding: 0;
}

#videoModal .close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}


abbr.published[title], abbr.published[data-original-title] {
  text-decoration: none;
  cursor: inherit;
}


/* homepage widgets */
.card-news-top {
  height: 350px;
}

.card-news-top h2 {
  font-size: 3rem;
}

.card-news-top .card-img-overlay {
  overflow: hidden;
}

.card-news-top .card-img-overlay .card-subtitle {
  text-overflow: ellipsis;
}

.card-news-top h4 span {
  background-color: black;
  padding: 0.3rem 0;
  line-height: 2.8rem;
}

.latest-on-pro {
  background: url("../img/pro-homepage-bg.png") no-repeat top center;
}

.newsletter-signup {
  background-size: cover;
  background: url("../img/newsletter-bg.png") no-repeat top right;
}

.latest-on-f5 {
  background: url("../img/f5-bg.gif") repeat top left;
}

.latest-pfpod {
  background: url("../img/pf-pod.jpg") no-repeat bottom right;
}

.latest-on-f5 li.media {
  border-bottom: #2CC3E8 dotted 2px;
}

.casino-and-gambling {
  background-color: #eee;
}

.casino-and-gambling h6 {
  color: #333;
}

.borgata {
  background: rgb(35, 36, 38) url("../img/natives/borgata.png") no-repeat bottom right;
  background-size: cover;
  border-top: solid 2px rgb(204, 0, 152);
  border-bottom: solid 2px rgb(204, 0, 152);
  color: white !important;
}

.borgata a {
  color: rgb(204, 0, 152) !important;
}

.borgata h5 {
  font-size: 1.4rem;
  text-transform: uppercase;
}


.bcp {
  background-color: rgb(198, 22, 22);
}

.bcp a {
  border-bottom-color: white;
}

.yiggiy {
  background-color: rgb(0, 123, 195);
}

.yiggiy h5 a {
  color: rgb(250, 253, 10) !important;
}

.yiggiy a {
  border-bottom-color: white;
}


/* News articles */
.figure-caption a {
  font-size: 90%;
  color: #95a5a6;
}

.news-article figure .img-fluid {
  width: 100%; /* stretches to full width */
}

.news-article .media-embed {
  margin-bottom: 1rem;
}

/* borrowed from .embed-responsive-16by9 */
.media-embed-youtube::before, .media-embed-vimeo::before, .media-embed-twitch::before {
  padding-top: 56.25%;
}

/* default table in news article is a striped bootstrap table */
.news-article table {
  border: 1px solid #dee2e6;
}

.news-article table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.news-article table {
  background-image: url('../img/table-watermark.png');
}

.news-article table {
  border-collapse: collapse;
}

.news-article tbody tr:nth-of-type(odd) {
  background-color: rgba(236, 240, 241, 0.7);
}

.news-article th, .news-article td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.news-article .article-message {
  color: #95a5a6 !important;
  text-align: right;
  margin-bottom: 1rem;
  font-style: italic;
}

.news-article .article-message a {
  color: inherit;
  border-bottom: dotted 1px #95a5a6;
  font-weight: bold;
}

.news-article .article-message a:hover {
  text-decoration: none;
  color: #E41E0F;
}

.news-article .inlineimage-right {
  margin: 0 0 20px 20px;
}

.news-article .inlineimage-left {
  margin: 0 20px 20px 0;
}

/* pull quotes */
.pull-quote {
  quotes: "“" "”" "‘" "’";
  text-indent: -0.3em; /* sets the opening quote outside the box */
  text-align: left;
  display: block;
  width: 50%;
  float: right;
  font-size: 30px;
  line-height: 38px;
  margin: 0 0 0 20px;
  padding: 10px 0 10px 10px;
  font-style: italic;
}

.pull-quote:before {
  content: open-quote;
}
.pull-quote:after {
  content: close-quote;
}

.pull-quote.inline {
  margin: 20px 0 20px 20px;
}

@media only screen and (max-width: 979px) {
  .pull-quote {
    float: none;
    display: block;
    width: auto;
    font-size: 26px;
    line-height: 34px;
    margin: 20px !important;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 490px) {
  .pull-quote {
    font-size: 20px;
    line-height: 24px;
  }
}

.graphsnapshot {
  padding: 40px 0;
}


/* Special defaults for landing page tables */

.table-lander .badge {
  font-size: 14px;
  display: block;
  margin-bottom: 0.5rem;
}

.table-lander ul {
  list-style-type: none;
  padding-left: 0;
}

.table-lander li {
  margin-left: 1.6rem;
  margin-bottom: 0.2rem;
}

.table-lander li:before {
  content:"\2713";
  font-size: 18px;
  font-weight: bold;
  margin-left: -1.6rem;
  margin-right: 0.6rem;
  color: #E41E0F;
}

/* spreaker articles */
.play-from-here {
  width: 35px;
  height: 36px;
  background-image: url('../img/podcast-play.png');
  display: block;
  float: left;
  border-bottom: 0;
  margin-right: 10px;
}

/* background takeovers */
.body-takeover {
  background-color: black;
}

.body-takeover #top-header,
.body-takeover #page-body {
  background-color: white;
}

.body-takeover #page-body {
  padding-top: 20px;
}

.body-takeover #site-nav {
  background-color: transparent;
  padding: 0 !important;
}

.body-takeover #site-nav .container {
  background-color: #eee;
}

.body-takeover #featured-content {
  background-color: transparent !important;
  margin-bottom: 0 !important;
}
.body-takeover #featured-content .container {
  background-color: black;
}

#bg-takeover {
  background: black;
}

#bg-takeover img {
  max-width: 100%;
  margin: 0 auto;
}

#bg-takeover .sides .left,
#bg-takeover .sides .right
{
  position: absolute;
  z-index: 10;
}

#bg-takeover .sides .left {
  left: calc(50% - 730px)
}

#bg-takeover .sides .right {
  left: calc(50% + 570px)
}