/* User page styles */

body.user-account{

}

.edit-profile-form-image{
  width: 100px;
  max-height: 200px;
}

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


}

@media only screen and (max-width: 991px) {




}

@media only screen and (max-width: 767px) {




}

/* Account page styles */



body.account .form-check{
  text-align: left;
}

body.account .form-check .form-check-input{
  background-color: #ddf7bb;
  border-color: #ddf7bb;
  cursor: pointer;
}

body.account .form-check .form-check-input:checked{
  background-color: #17181A;
  border-color: #17181A !important;
}

/* Custom styles */

.admin h1,
.admin h2,
.admin h3.
.admin h4,
.admin h5,
.admin h6 {
  color: #6c757d !important;
}

body.admin{
  color: #6c757d !important;
}

.admin .submit-wide{
  width: 100%;
}

.admin .filename{
  font-size: 11px;
  font-style: italic;
  color: #bbb;
}

.admin .brand-logo-in-tile{
  height: 60px;
}


.admin .current-brand-logo,
.admin .current-campaign-uploaded-image{
  max-height: 50px;
  max-width: 100px;
}



.trigger-record-delete,
.trigger-confirm-record-delete{
  cursor: pointer;
}

.embedded-game-review-wrapper{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 62.5%;
}

.embedded-game-review-wrapper iframe.embedded-game-review{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.embedded-receipt-review-wrapper{

}
.embedded-receipt-review{
  width: 100%;
}

.admin-dashboard-filler{
  width: 100%;
  position: relative;
  left: 0;
  bottom: -60px;
  margin-top: -70px;
  opacity: 0.1;
}

body.admin .form-label .subtitle{
  font-size: 70%;
  font-style: italic;
  display: block;
  padding-right: 30px;

}

.admin-confirm-as-paid,
.admin-payout-processing{
  display: none;
}

.admin-payout-processing{
  cursor: wait !important;
}

.badge-moderation-total{
  margin-right: 45px !important;
}

body.admin-moderation .badge-moderation-total{
  display: none;
}

body.admin-moderation .moderation-side-nav-link.collapsed .badge-moderation-total{
  display: inline-block;
}

.moderation-side-nav-link[aria-expanded="true"] .badge-moderation-total{
  display: none;
}

.badge-moderation[data-count="0"]{
  display: none;
}

.admin-last-updated-cache{
  font-style: italic;
  font-size: 80%;
  position: relative;
  left: 0;
  top: 5px;
  display: none;
}

body.admin-users-all .admin-last-updated-cache,
body.admin-insights .admin-last-updated-cache{
  display: block;
}

.new-attachment-button{
  margin-top: -10px;
  position: relative;
  top: -15px;
}


/*
 * Dashboard
 *
 */
body.admin .dashboard-cta-icon{
  text-align: center;
  display: block;
  font-size: 60px;
  line-height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
 * Sites
 *
 */
.product-select-for-site{
  display: none;
}

/*
 * Styles for auth process
 *
 */

input.email-input{
  padding: 15px;
  border-radius: 15px;
  font-size: 1.1rem;
}

.email-input-wrapper{
  margin-bottom: 15px;
}

body.auth .invalid-feedback{
  color: red;
  font-size: 20px;
  display: block !important;
  text-align: center;
}

body.auth .auth-section{
  margin-top: 50px;
}

body.auth h3{

}

label.label-description{
  display: block;
  font-style: italic;
}

body.auth .auth-page-cta-wrapper{
  text-align: right;
  margin-bottom: 10px;
}

body.auth form.auth-form{
  margin-bottom: 300px;
}

body.auth .invalid-feedback-header{
  font-weight: bold;
  text-transform: uppercase;
}

.code-input-wrapper{
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center;
}

.ap-otp-input{
  border: 3px solid #4d4d4d;
  border-radius: 8px;
  width: 9%;
  height: 70px;
  margin: 1px;
  text-align: center;
  font-size: 20px;
  padding: 0 !important;
  color: #fff;
  background-color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
}


.ap-otp-input:focus{
    outline: none !important;
    border: 3px solid #1f6feb;
    transition: 0.12s ease-in;
}

.ap-otp-inputs.successGreen .ap-otp-input{
  background-color: #b4f15f;
  border-color: #b4f15f;
}

.resend-code-button{
  margin-bottom: 0;
}

.unlocked-message{
  margin-top: 10px;
  text-transform: uppercase;
  display: none;
  font-weight: bold;
  font-size: 26px;
}


body.auth .form-check-input.is-invalid~.form-check-label{
  color: #ff9999;
}

body.auth .form-check-input.is-invalid~.form-check-label a{
  color: #ff9999;
}

body.auth .form-check-input.is-invalid{
  background-color: #ff9999;
  border-color: #ff9999;
}

.success-spinner-wrapper{
  text-align: center;
}

.success-bottom-spacer{
  width: 100%;
  height: 400px;
}

@media only screen and (max-width: 991px) {



}

@media only screen and (max-width: 767px) {



}

.auth-steps-wrapper{
  zoom: 0.7;
}


.google-auth-wrapper{
  margin-bottom: 200px;
  text-align: center;
}

#google-auth-button{
  display: inline-block;
}

/*
 * Blocked page styles
 *
 */


body.blocked {
  background-color: #f04533 !important;
}

/*
 * Error pages
 *
 */



body.error section.error{
  margin-top: 150px;
}


body.error .error-cta-wrapper{
  margin-bottom: 200px;
  margin-top: 75px;
}



/*
 * Index page
 *
 */

.index-ebook-download-text{
  color: #000 !important;
}




.page-loading {
       position: fixed;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 100%;
       -webkit-transition: all .4s .2s ease-in-out;
       transition: all .4s .2s ease-in-out;
       background-color: #0b0f19;
       opacity: 0;
       visibility: hidden;
       z-index: 9999;
     }
     .dark-mode .page-loading {
       background-color: #0b0f19;
     }
     .page-loading.active {
       opacity: 1;
       visibility: visible;
     }
     .page-loading-inner {
       position: absolute;
       top: 50%;
       left: 0;
       width: 100%;
       text-align: center;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       -webkit-transition: opacity .2s ease-in-out;
       transition: opacity .2s ease-in-out;
       opacity: 0;
     }
     .page-loading.active > .page-loading-inner {
       opacity: 1;
     }
     .page-loading-inner > span {
       display: block;
       font-size: 1rem;
       font-weight: normal;
       color: #9397ad;
     }
     .dark-mode .page-loading-inner > span {
       color: #fff;
       opacity: .6;
     }
     .page-spinner {
       display: inline-block;
       width: 2.75rem;
       height: 2.75rem;
       margin-bottom: .75rem;
       vertical-align: text-bottom;
       border: .15em solid #000;
       border-right-color: transparent;
       border-radius: 50%;
       -webkit-animation: spinner .75s linear infinite;
       animation: spinner .75s linear infinite;
     }
     .dark-mode .page-spinner {
       border-color: rgba(255,255,255,.4);
       border-right-color: transparent;
     }
     @-webkit-keyframes spinner {
       100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
     }
     @keyframes spinner {
       100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
     }

/*
 * Orders
 *
 */

.clickable-row{
  cursor: pointer;
}

/* Signup flow styles */



.signup-form-wide-button{
  min-width: 300px;
}

.signup-form-med-button{
  min-width: 200px;
}

.submit-wrapper{
  text-align: right;
  padding-top: 30px;
  margin-top: 43px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #efefef;
}

.signup-form-separator{
  color:  #efefef;
  background-color:  #efefef;
  height: 1px;
}

/*
 * Default Layout
 *
 */

body{

}

body.universal{

}

.header{

}

main{

}

.bodyInnerWrapper{

}

footer{

}

.radial-gradient{

  background: #222;
  background: radial-gradient(circle,rgba(34, 34, 34, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.search-result-row{
  cursor: pointer;

}

.search-result-row:hover,
.search-result-row:active{
  background-color: #35365a !important;

}

/* HEADER */

.header.navbar-dark{
  background-color: #18162f;
}

.header-logo{
  height: 18px;
}

.header-tagline{
  font-style: italic;
  font-size: 10px;
  font-weight: bold;
  line-height: 50px;
}

.header.bg-light .header-tagline{
  color: var(--si-navbar-color) !important;
}



/* FOOTER */
.footer-logo{
  height: 13px;
  margin-right: 20px !important;
}

.footer-tagline{
  font-style: italic;
  font-size: 12px;
  font-weight: lighter;
  position: relative;
  top: 0;
  left: -10px;
}

#footer-links ul{
  text-align: left;
}

.footer-support-email{
  font-size: 14px;
  text-decoration: none;
}


/* Journal page */
.episode-pdf{
  max-width: 100%;
  max-height: 300px;
}

/* INDEX PAGE */
.index-cta{
  color: #fff !important;
}

.index-logo-parade .bx{
  font-size: 30px;
}

/* BLURB PAGES */
.blurb-breadcrumb {
  margin-top: 100px !important;
}

body.blurb h1{
  font-weight: 100;
}

.no-titles-found{
  margin-bottom: 400px;
}

/* ALL SKILLS */
body.skills-all h1{
  font-weight: 100;
}

body.skills-all .card{
  border-color: #fff !important;
  border-width: 1px !important;
  border-style: solid !important;
  cursor: pointer;
}

body.skills-all .card:hover,
body.skills-all .card:active{
  border-color: orange !important;
}





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

  .right-menu-item{
    margin-left: auto !important;
  }


  .hideOnDesktop{
    display: none !important;
  }

  .navbar.header{
    padding-top: 15px;
    padding-bottom: 15px;
  }

}

@media only screen and (max-width: 991px) {


  .hideOnMobile{
    display: none !important;
  }

  .showOnMobile{
    display: block !important;
  }

  .jarallax .jarallax-img{
    background-position-x: right !important;
  }


  #footer-links ul{
    text-align: center !important;
  }

  .footer{
    font-size: 70%;
    color: #bbb;
  }

  .footer .nav-link{
    color: #bbb !important;
  }

  .navbar-toggler{
    border: 0 !important;
  }

  .offcanvas.show{
    z-index: 99999999 !important;
  }

  .modal-backdrop.show{
    opacity: 0.9 !important;
  }

  .auto-refresh{
    display: none;
  }

  .episode-pdf{
    max-height: 200px;
  }


  .btn-mw-250{
    min-width: 250px;
  }

}


/* From old site */
.categoryOuterWrapper{
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 50px;
}

.categoryTitle{
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  color: #e5e5e5;
  font-size: 20px;
  padding: 0 0 10px 20px;
  display: block;
  text-decoration: initial;
  margin-top: 60px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {

  .categoryTitle{
    padding-left: 0;
  }

}

.categoryTitle:hover,
.categoryTitle:active{
  color: #fff;
}

.categoryInnerWrapper{
  z-index: 10000;
}

.categoryInnerWrapper:hover,
.categoryInnerWrapper:active{
  z-index: 10001;
}

.extSwiper {
  width: 100%;
  overflow: visible;
  position: relative;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,-40px);
    left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,0px);
    right: auto;
}

.swiper-slide{
  border-width: 1px;
  border-style: solid;
  border-color: #333;
}



:root {
  --swiper-theme-color: #fff;
  --swiper-navigation-size: 24px;
  --swiper-navigation-top-offset: 40%;
}