@charset "UTF-8";
/*
Theme Name:     Honest Casinos Affiliate - Nineteen child
Description:    Twentynineteen child theme.
Author:         Honest Casinos
Template:       twentynineteen
Version:        0.4.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Navigation
  ## Menus
# Content
  ## Posts and pages
--------------------------------------------------------------*/

/* Typography */
body {
    font-size: 0.95em;
    line-height: 1.2;
}

h1 {
    font-size: 2.25em;
}

li {
    line-height: 1.4;
}

h1:not(.site-title):before,
h2:before {
    display: none;
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 2.4em;
    }
}

.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
    font-size: 1.6875em;
}

@media only screen and (min-width: 768px) {

    .entry-title,
    .not-found .page-title,
    .error-404 .page-title,
    .has-larger-font-size,
    h2 {
        font-size: 1.8em;
    }
}

/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: #8b0000;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #8b0000;
}

.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background: #8b0000;
}

/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: color 110ms ease-in-out;
  color: #8b0000;
}

a:visited {
  color: #4b0404;
}

a:hover,
a:active {
  color: #8b0000;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation .main-menu > li {
    color: #F7BF33;
}

.main-navigation .main-menu > li > a {
    color: #F7BF33;
}

.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
    color: #B88D20;
}

.main-navigation .sub-menu {
    background-color: #F7BF33;
}

.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    background: #B88D20;
}

.main-navigation .sub-menu > li > a:hover:after,
.main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    background: #B88D20;
}

.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
    background: #B88D20;
}

.main-navigation .sub-menu > li > a:hover:after,
.main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    background: #B88D20;
}

/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header,
.site-footer {
    background: #2D3440;
}

@media only screen and (min-width: 768px) {
    .site-header {
        padding: 1.5rem 0;
    }
}

.site-title a {
    color: #FFF;
}

.site-title a:link,
.site-title a:visited {
    color: #FFF;
}

.site-title a:hover {
    color: #aaaaaa;
}

.site-logo .custom-logo-link {
    box-shadow: 0 0 0 0 #F7BF33;
}

.site-logo .custom-logo-link:hover,
.site-logo .custom-logo-link:active,
.site-logo .custom-logo-link:focus {
    box-shadow: 0 0 0 2px #F7BF33;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
  margin: calc(0.2 * 1rem) 1rem;
}

@media only screen and (min-width: 768px) {
  #colophon .widget-area,
  #colophon .site-info {
    margin: calc(0.3 * 1rem) calc(10% + 60px);
  }
}

#colophon .site-info {
    color: #F7BF33;
}

#colophon .site-info a:hover {
    color: #B88D20;
}

/* Site Copyright*/
#colophon .site-copyright {
    color: #FFF;
    padding: 10px 0;
    text-align: center;
}

#colophon .site-copyright a:hover {
    color: #aaaaaa;
}

/* Widgets */
#colophon .widget-area a {
  color: #F7BF33;
}

#colophon .widget-area a:hover {
  color: #B88D20;
}

#colophon .widget-area .widget-title {
  color: #FFF;
  font-size: 1em;
  font-weight: 500;
}

#colophon .widget-area ul li {
  font-size: calc(14px * 1.125);
  font-weight: 400;
  line-height: 1;
}

@media only screen and (min-width: 1168px) {

  #colophon .widget-column .widget {
    width: calc(33% - (3 * 1rem));
  }
}

#colophon .widget_polylang ul {
  list-style: none;
}

#colophon .widget_polylang ul {
  padding-left: 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.entry .entry-title:before {
    display: none;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content > iframe[style] {
        max-width: calc(10 * (100vw / 12) - 28px) !important;
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content > iframe[style] {
        max-width: calc(8 * (100vw / 12) - 28px) !important;
    }
}

@media only screen and (min-width: 768px) {

    .entry .entry-content > *,
    .entry .entry-summary > * {
        max-width: calc(10 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {

    .entry .entry-content > *,
    .entry .entry-summary > * {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

/* HC Affiliate */
/*--------------------------------------------------------------
## Top Casinos
--------------------------------------------------------------*/
.hc-casino-toplist-table {
  font-size: 0.7rem;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

.hc-casino-toplist-table,
.hc-casino-toplist-table th,
.hc-casino-toplist-table td {
  border-color: #d8d8d8;
}

.hc-casino-toplist-table caption {
	background-color: #8b0000;
	color:white;
}

.hc-casino-toplist-table .hc-casino-toplist-table-title {
  margin: 7px 0;
}

.hc-casino-toplist-table-head {
  background: #e8e8e8;
}

.hc-casino-toplist-table-row:hover {
  background: #f8f8f8;
}

.hc-casino-toplist-table th,
.hc-casino-toplist-table td {
  word-break: normal;
}

.hc-casino-toplist-table .hc-casino-rank {
  width: 1.5rem;
  text-align: center;
}

.hc-casino-toplist-table .hc-casino-name,
.hc-casino-toplist-table .hc-casino-rating,
.hc-casino-toplist-table .hc-casino-review {
  display: none;
}

.hc-casino-toplist-table .hc-casino-logo {
  width: 3rem;
}

.hc-casino-toplist-table-row .hc-casino-logo img {
  height: 50px;
  width: 50px;
}

.hc-casino-toplist-table .hc-casino-bonus {
  width: 6rem;
}

.hc-casino-toplist-table .hc-casino-cta,
.hc-casino-toplist-table .hc-casino-review {
  width: 3.5rem;
}

.hc-casino-toplist-table-row .hc-casino-cta span {
  display: none;
}

.hc-casino-toplist-table-row .hc-casino-cta a.button,
.hc-casino-toplist-table-row .hc-casino-cta a.button:hover,
.hc-casino-toplist-table-row .hc-casino-cta a.button:focus {
  background: #8b0000;
}

.hc-casino-toplist-table .hc-casino-tc-link {
  font-size: 10px;
  margin-top: 2px;
}

.hc-casino-toplist-table-row .hc-casino-rating .star-rating-list {
  font-size: 20px;
}

@media only screen and (min-width: 540px) {

  .hc-casino-toplist-table .hc-casino-name {
      display: table-cell;
      width: 6rem;
  }

  .hc-casino-toplist-table .hc-casino-bonus {
    width: 9rem;
  }
}

@media only screen and (min-width: 720px) {

  .hc-casino-toplist-table .hc-casino-name,
  .hc-casino-toplist-table .hc-casino-rating,
  .hc-casino-toplist-table .hc-casino-review {
      display: table-cell;
  }

  .hc-casino-toplist-table .hc-casino-rating {
    width: 5.5rem;
  }

  .hc-casino-toplist-table .hc-casino-cta,
  .hc-casino-toplist-table .hc-casino-review {
    width: 4rem;
  }

  .hc-casino-toplist-table-row .hc-casino-cta i {
      display: none;
  }

  .hc-casino-toplist-table-row .hc-casino-cta span {
      display: inline-block;
  }
}

/*--------------------------------------------------------------
## Casino Review
--------------------------------------------------------------*/
.hc-casino-review-header {
  text-align: center;
}

.hc-casino-review-header .hc-casino-logo img {
  height: 150px;
  width: 150px;
}

.hc-casino-review-table {
  font-size: 0.7rem;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

.hc-casino-review-table,
.hc-casino-review-table th,
.hc-casino-review-table td {
  border-color: #d8d8d8;
}

.hc-casino-review-table-body {
  background-color: #fbfbfb;
}

.hc-casino-review-table th,
.hc-casino-review-table td {
  word-break: normal;
}

.hc-casino-review-table caption {
  background-color: #8b0000;
  color:white;
}

.hc-casino-review-table .hc-casino-review-table-title {
  margin: 7px 0;
}

.hc-casino-review-table-head {
  background: #e8e8e8;
}

.hc-casino-review-table .hc-casino-rank {
  width: 1.5rem;
  text-align: center;
}

.hc-casino-review-table .hc-casino-rating {
  display: none;
}

.hc-casino-review-table .hc-casino-logo {
  width: 2.5rem;
}

.hc-casino-review-table-row .hc-casino-logo img {
  height: 50px;
  width: 50px;
}

.hc-casino-review-table .hc-casino-bonus {
  width: 6rem;
}

.hc-casino-review-table .hc-casino-cta {
  width: 2.7rem;
}

.hc-casino-review-table-row .hc-casino-cta span {
  display: none;
}

.hc-casino-review-table-row .hc-casino-cta a.button,
.hc-casino-review-table-row .hc-casino-cta a.button:hover,
.hc-casino-review-table-row .hc-casino-cta a.button:focus {
  background: #8b0000;
}

.hc-casino-review-table .hc-casino-tc-link {
  font-size: 10px;
  margin-top: 2px;
}

.hc-casino-review-table-row .hc-casino-rating .star-rating-list {
  font-size: 20px;
}

@media only screen and (min-width: 540px) {

  .hc-casino-review-table .hc-casino-bonus {
    width: 9rem;
  }
}

@media only screen and (min-width: 720px) {

  .hc-casino-review-table .hc-casino-rating {
    display: table-cell;
    width: 3rem;
  }

  .hc-casino-review-table .hc-casino-cta {
    width: 4rem;
  }

  .hc-casino-review-table-row .hc-casino-cta i {
      display: none;
  }

  .hc-casino-review-table-row .hc-casino-cta span {
      display: inline-block;
  }
}

@media only screen and (min-width: 720px) {

  .hc-casino-review-header {
    text-align: left;
  }

  .hc-casino-review-table .hc-casino-logo {
    width: 1.5rem;
  }
}