/* Default variables */
/* Modal should always be on top
	Inline - 90
	Inline close - 92
	Modal - 100
	Modal close - 102
 */
*,
*:before,
*:after {
  box-sizing: border-box; }

.clearfix::before, .clearfix::after {
  content: "";
  display: table; }

.clearfix::after {
  clear: both; }

.container {
  color: #000; }

.dm_regwall.article-content {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 400px; }

.dm_loader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 100; }
  .dm_loader .dm_circle {
    height: 80px;
    width: 80px;
    position: relative;
    margin: 100px auto 0; }
    .dm_loader .dm_circle div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 64px;
      height: 64px;
      margin: 8px;
      border: 8px solid #36f;
      border-radius: 50%;
      animation: dm-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #36f transparent transparent transparent; }
      .dm_loader .dm_circle div:nth-child(1) {
        animation-delay: -0.45s; }
      .dm_loader .dm_circle div:nth-child(2) {
        animation-delay: -0.3s; }
      .dm_loader .dm_circle div:nth-child(3) {
        animation-delay: -0.15s; }

@keyframes dm-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.dm_campaign_render {
  display: none;
  position: relative; }
  .dm_campaign_render .dm_campaign-image img {
    display: block;
    max-width: 100%;
    height: auto; }

.dmregwall {
  display: none; }
  .dmregwall .dm_loader {
    background-color: rgba(0, 0, 0, 0); }
  .dmregwall .container {
    padding: 0;
    width: 100%; }
  .dmregwall h1 {
    color: #000;
    font-size: 52px;
    font-family: Georgia;
    margin: 10px 0; }
  .dmregwall h2 {
    color: #ec1c24;
    border-top: 1px solid #ec1c24;
    border-bottom: 1px solid #ec1c24;
    padding: 20px 0;
    font-size: 26px;
    font-weight: bold;
    font-family: Roboto;
    margin: 10px 0; }
  .dmregwall p {
    color: #000;
    font-family: Roboto; }
  .dmregwall .sign_in_here,
  .dmregwall .dmreg_terms {
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    color: #000; }
  .dmregwall .dmreg_terms {
    margin-top: 20px; }
    .dmregwall .dmreg_terms a {
      color: #000; }
      .dmregwall .dmreg_terms a:hover {
        cursor: pointer;
        text-decoration: underline !important; }
  .dmregwall input[type=text].dm_reg_highlight {
    border-color: #ec1c24; }
    .dmregwall input[type=text].dm_reg_highlight::placeholder {
      color: #ec1c24; }
  .dmregwall .dm_regwall_status_text {
    text-align: center;
    font-size: 18px; }
  .dmregwall label {
    font-weight: normal;
    display: inline; }

.dmgeneric-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 110; }
  .dmgeneric-modal .dmgeneric-content {
    position: fixed;
    /* Stay in place */
    z-index: 103;
    /* Sit on top */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 735px;
    /* Full width */
    max-height: 450px;
    /* Full height */
    width: 100%;
    height: 100%;
    overflow: auto;
    /* Enable scroll if needed */
    background-color: transparent; }
  .dmgeneric-modal .dmregwall {
    margin: 10% auto 10px; }
  .dmgeneric-modal .dm_close_generic_modal {
    z-index: 102; }

@media (max-width: 481px) {
  .dmgeneric-modal .dmgeneric-content {
    max-width: 480px; } }

/** Close button for modals/inlines */
.dm_close_generic_modal {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #ec1c24;
  background-image: url(../img/close.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
  z-index: 102;
  cursor: pointer; }
  .dm_close_generic_modal:hover {
    background-color: #bb1718; }