/******* Begin N1 Training Custom CSS *******/

/* N1 About Feature */
.n1t-about-feature {
  padding:20px;
  background-color: #fff;
  border-radius:3px;
  width:300px;
  text-align: center;
  margin:0 20px 20px 0;
}

/* Membership Plans Table */
.membership-table tr:nth-child(n+2) td i {
    color:#2ecc71;
}
.membership-table tr:nth-child(n+2) td:nth-child(n+2) span {
    color:#e74c3c;
    font-size:30px;
    font-weight:900;
}
.membership-table tr td {text-align:center;}
.membership-table tr:nth-child(1) th,
.membership-table tr:nth-child(2) th,
.membership-table tr:nth-child(n+2) td:nth-child(2) span {
    text-align:center;
}

.membership-table tr:nth-child(1) td,
.membership-table tr:nth-child(2) td {
  border-top: solid 1px #fff;
  border-left: solid 1px #fff;
}

.membership-table tr:nth-child(1) td {
  border-bottom: solid 1px #fff;
}

/* Custom N1 Badge Button */
.n1-badge-grey {
    border: solid 2px #343a40;
    color: #343a40;
    padding: 4px;
    line-height: 1;
    border-radius: 4px;
    background-color: #fff;
    transition:all 0.2s linear;
}

.n1-badge-grey:hover, .n1-badge-grey.active {
  background-color: #343a40;
  color: #fff;
}

/* N1 List Pagination Active CSS */
.pagination li.active a {
    background-color: #d50000 !important;
    color: #fff !important;
}

/* Button Spacer */
.button-spacer {
  border: none !important; background: #fff; padding: 0 !important; margin: 0 !important;
  font-size: 30px; line-height: 1; position: relative; top: 9px;
}

a, button {cursor:pointer !important;}

/* Remove Fyuse Logo from all Fyuses */
.fyu_wrapper .fyu_clickndrag ~ a {height:0 !important; opacity: 0 !important; display:none !important;}

.button-negative-margin {margin-top:-70px !important;}

.display-none {
  display: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Override Dropdown Item Active Background Color */
.dropdown-item.active, .dropdown-item:active {background-color:#d50000 !important;}

/******* N1 Responsive Vimeo CSS: Add this to <iframe> elements with Vimeo src values *******/
@media screen and (max-width:991px) {
  .n1-vimeo {width:100%; max-width:100%; height:220px;}
}
@media screen and (min-width:992px) {
  .n1-vimeo {width:640px; height:360px;}
}

.single_add_to_cart_button {
    background: #d50000 !important;
    border: none !important;
}

/******* Begin Base CSS Elements *******/

/* Position Absolute */
.absolute {position:absolute;}

/* Hidden */
.hidden {visibility: hidden;}
.hide {display:none;}
/* Visible */
.visible {visibility: visible;}

/* No Side Padding Allowed */
.nspa {padding-left: 0; padding-right: 0;}
/* No Side Margin Allowed */
.nsma {margin-left: 0; margin-right: 0;}
/* No Vertical Padding Allowed */
.nvpa {padding-top: 0; padding-bottom: 0;}
/* No Vertical Margin Allowed */
.nvma {margin-top: 0; margin-bottom: 0;}

/* Filter Me CSS for Data Filter JS */
.filter-me {
    opacity: 0 !important;
    display: none !important;
    position: absolute !important;
    top: 2000px !important;
}

/* Parallax and Background Options */
/*** Parallax Banner ***/
.parallax {scroll-behavior: smooth !important; background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.bp-top {background-position:top !important;}
.bp-center {background-position:center !important;}
.bp-bottom {background-position:bottom !important;}
.bs-cover {background-size:cover !important;}
.bs-contain {background-size:contain !important;}
.bs-100 {background-size:100% !important;}
.bg-no-repeat {background-repeat:no-repeat !important;}

/* Horizontal Centering */
.centerize {margin: 0px auto; width: 100%; display:block;}
.ctz-xs {max-width: 600px;}
.ctz-sm {max-width: 800px;}
.ctz-md {max-width: 1000px;}
.ctz-lg {max-width: 1200px;}
.ctz-xl {max-width: 1440px;}

/* N1 Training Colors */
.n1-red {background: #d50000;}
.n1-white {background: #fff;}
.n1-grey {background: #343a40;}
/* .n1- {background: ;} */
/* .n1- {background: ;} */
/* .n1- {background: ;} */

.n1-text-red {color: #d50000;}
.n1-text-white {color: #fff !important;}
.n1-text-grey {color: #343a40;}
/* .n1- {color: ;} */
/* .n1- {color: ;} */
/* .n1- {color: ;} */

.n1-border-red {border-color: #d50000;}
.n1-border-white {border-color: #fff;}
.n1-border-grey {border-color: #343a40;}
/* .n1- {border-color: } */
/* .n1- {border-color: } */
/* .n1- {border-color: } */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background:#d50000 !important;}
/* N1 Training Fonts */

/* Bootstrap Pagination Customized */
ul.n1-pagination li a:first-child .page-link {margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem;}
ul.n1-pagination li a:not(:disabled):not(.disabled) {cursor: pointer;}
ul.n1-pagination li a {position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color:#d50000; background-color: #fff; border: 1px solid #dee2e6;}

/* Pagination CSS */
.page-item.active .page-link {background-color:#d50000 !important; border-color:#d50000 !important;}

/* Remove Bootstrap Focus Color */
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus,
.wpcf7 input:focus[type=color], .wpcf7 input:focus[type=date],
.wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=datetime],
.wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file],
.wpcf7 input:focus[type=month], .wpcf7 input:focus[type=number],
.wpcf7 input:focus[type=range], .wpcf7 input:focus[type=search],
.wpcf7 input:focus[type=submit], .wpcf7 input:focus[type=tel],
.wpcf7 input:focus[type=text], .wpcf7 input:focus[type=time],
.wpcf7 input:focus[type=url], .wpcf7 input:focus[type=week],
.wpcf7 select:focus, .wpcf7 textarea:focus {
  box-shadow: none;
  border: solid 1px #d50000;
}

/* Register Container Styling */
/* Padders */
.padder-xs {padding-top:2%; padding-bottom:2%;}
.padder-xs-top {padding-top:2%;}
.padder-xs-bot {padding-bottom:2%;}
.padder-sm {padding-top:4%; padding-bottom:4%;}
.padder-sm-top {padding-top:4%;}
.padder-sm-bot {padding-bottom:4%;}
.padder-md {padding-top:6%; padding-bottom:6%;}
.padder-md-top {padding-top:6%;}
.padder-md-bot {padding-bottom:6%;}
.padder-lg {padding-top:8%; padding-bottom:8%;}
.padder-lg-top {padding-top:8%;}
.padder-lg-bot {padding-bottom:8%;}
.padder-xl {padding-top:10%; padding-bottom:10%;}
.padder-xl-top {padding-top:10%;}
.padder-xl-bot {padding-bottom:10%;}
.padder-xxl {padding-top:12%; padding-bottom:12%;}
.padder-xxl-top {padding-top:12%;}
.padder-xxl-bot {padding-bottom:12%;}
.padder-xxxl {padding-top:14%; padding-bottom:14%;}
.padder-xxxl-top {padding-top:14%;}
.padder-xxxl-bot {padding-bottom:14%;}
.padder-banner {padding-top:20%; padding-bottom:20%;}
.padder-banner-top {padding-top:20%;}
.padder-banner-bot {padding-bottom:20%;}

/* Side Padders */
.padder-side-xs {padding-left:2%; padding-right:2%;}
.padder-side-xs-lt {padding-left:2%;}
.padder-side-xs-rt {padding-right:2%;}
.padder-side-sm {padding-left:4%; padding-right:4%;}
.padder-side-sm-lt {padding-left:4%;}
.padder-side-sm-rt {padding-right:4%;}
.padder-side-md {padding-left:6%; padding-right:6%;}
.padder-side-md-lt {padding-left:6%;}
.padder-side-md-rt {padding-right:6%;}
.padder-side-lg {padding-left:8%; padding-right:8%;}
.padder-side-lg-lt {padding-left:8%;}
.padder-side-lg-rt {padding-right:8%;}
.padder-side-xl {padding-left:10%; padding-right:10%;}
.padder-side-xl-lt {padding-left:10%;}
.padder-side-xl-rt {padding-right:10%;}
.padder-side-xxl {padding-left:12%; padding-right:12%;}
.padder-side-xxl-lt {padding-left:12%;}
.padder-side-xxl-rt {padding-right:12%;}
.padder-side-xxxl {padding-left:14%; padding-right:14%;}
.padder-side-xxxl-lt {padding-left:14%;}
.padder-side-xxxl-rt {padding-right:14%;}
.padder-side-banner {padding-left:20%; padding-right:20%;}
.padder-side-banner-lt {padding-left:20%;}
.padder-side-banner-rt {padding-right:20%;}

/* Margins */
.margin-xs {margin-top:2%; margin-bottom:2%;}
.margin-xs-top {margin-top:2%;}
.margin-xs-bot {margin-bottom:2%;}
.margin-sm {margin-top:4%; margin-bottom:4%;}
.margin-sm-top {margin-top:4%;}
.margin-sm-bot {margin-bottom:4%;}
.margin-md {margin-top:6%; margin-bottom:6%;}
.margin-md-top {margin-top:6%;}
.margin-md-bot {margin-bottom:6%;}
.margin-lg {margin-top:8%; margin-bottom:8%;}
.margin-lg-top {margin-top:8%;}
.margin-lg-bot {margin-bottom:8%;}
.margin-xl {margin-top:10%; margin-bottom:10%;}
.margin-xl-top {margin-top:10%;}
.margin-xl-bot {margin-bottom:10%;}
.margin-xxl {margin-top:12%; margin-bottom:12%;}
.margin-xxl-top {margin-top:12%;}
.margin-xxl-bot {margin-bottom:12%;}
.margin-xxxl {margin-top:14%; margin-bottom:14%;}
.margin-xxxl-top {margin-top:14%;}
.margin-xxxl-bot {margin-bottom:14%;}
.margin-banner {margin-top:20%; margin-bottom:20%;}
.margin-banner-top {margin-top:20%;}
.margin-banner-bot {margin-bottom:20%;}

/* Side Margins */
.margin-side-xs {margin-left:2%; margin-right:2%;}
.margin-side-xs-lt {margin-left:2%;}
.margin-side-xs-rt {margin-right:2%;}
.margin-side-sm {margin-left:4%; margin-right:4%;}
.margin-side-sm-lt {margin-left:4%;}
.margin-side-sm-rt {margin-right:4%;}
.margin-side-md {margin-left:6%; margin-right:6%;}
.margin-side-md-lt {margin-left:6%;}
.margin-side-md-rt {margin-right:6%;}
.margin-side-lg {margin-left:8%; margin-right:8%;}
.margin-side-lg-lt {margin-left:8%;}
.margin-side-lg-rt {margin-right:8%;}
.margin-side-xl {margin-left:10%; margin-right:10%;}
.margin-side-xl-lt {margin-left:10%;}
.margin-side-xl-rt {margin-right:10%;}
.margin-side-xxl {margin-left:12%; margin-right:12%;}
.margin-side-xxl-lt {margin-left:12%;}
.margin-side-xxl-rt {margin-right:12%;}
.margin-side-xxxl {margin-left:14%; margin-right:14%;}
.margin-side-xxxl-lt {margin-left:14%;}
.margin-side-xxxl-rt {margin-right:14%;}
.margin-side-banner {margin-left:20%; margin-right:20%;}
.margin-side-banner-lt {margin-left:20%;}
.margin-side-banner-rt {margin-right:20%;}

/* Padders */
.padder-x-xs {padding-top:12px; padding-bottom:12px;}
.padder-x-xs-top {padding-top:12px;}
.padder-x-xs-bot {padding-bottom:12px;}
.padder-x-sm {padding-top:24px; padding-bottom:24px;}
.padder-x-sm-top {padding-top:24px;}
.padder-x-sm-bot {padding-bottom:24px;}
.padder-x-md {padding-top:36px; padding-bottom:36px;}
.padder-x-md-top {padding-top:36px;}
.padder-x-md-bot {padding-bottom:36px;}
.padder-x-lg {padding-top:48px; padding-bottom:48px;}
.padder-x-lg-top {padding-top:48px;}
.padder-x-lg-bot {padding-bottom:48px;}
.padder-x-xl {padding-top:60px; padding-bottom:60px;}
.padder-x-xl-top {padding-top:60px;}
.padder-x-xl-bot {padding-bottom:60px;}
.padder-x-xxl {padding-top:72px; padding-bottom:72px;}
.padder-x-xxl-top {padding-top:72px;}
.padder-x-xxl-bot {padding-bottom:72px;}
.padder-x-xxxl {padding-top:84px; padding-bottom:84px;}
.padder-x-xxxl-top {padding-top:84px;}
.padder-x-xxxl-bot {padding-bottom:84px;}
.padder-x-banner {padding-top:100px; padding-bottom:100px;}
.padder-x-banner-top {padding-top:100px;}
.padder-x-banner-bot {padding-bottom:100px;}

/* Side Padders */
.padder-x-side-xs {padding-left:12px; padding-right:12px;}
.padder-x-side-xs-lt {padding-left:12px;}
.padder-x-side-xs-rt {padding-right:12px;}
.padder-x-side-sm {padding-left:24px; padding-right:24px;}
.padder-x-side-sm-lt {padding-left:24px;}
.padder-x-side-sm-rt {padding-right:24px;}
.padder-x-side-md {padding-left:36px; padding-right:36px;}
.padder-x-side-md-lt {padding-left:36px;}
.padder-x-side-md-rt {padding-right:36px;}
.padder-x-side-lg {padding-left:48px; padding-right:48px;}
.padder-x-side-lg-lt {padding-left:48px;}
.padder-x-side-lg-rt {padding-right:48px;}
.padder-x-side-xl {padding-left:60px; padding-right:60px;}
.padder-x-side-xl-lt {padding-left:60px;}
.padder-x-side-xl-rt {padding-right:60px;}
.padder-x-side-xxl {padding-left:72px; padding-right:72px;}
.padder-x-side-xxl-lt {padding-left:72px;}
.padder-x-side-xxl-rt {padding-right:72px;}
.padder-x-side-xxxl {padding-left:84px; padding-right:84px;}
.padder-x-side-xxxl-lt {padding-left:84px;}
.padder-x-side-xxxl-rt {padding-right:84px;}
.padder-x-side-banner {padding-left:100px; padding-right:100px;}
.padder-x-side-banner-lt {padding-left:100px;}
.padder-x-side-banner-rt {padding-right:100px;}

/* Margins */
.margin-x-xs {margin-top:12px; margin-bottom:12px;}
.margin-x-xs-top {margin-top:12px;}
.margin-x-xs-bot {margin-bottom:12px;}
.margin-x-sm {margin-top:24px; margin-bottom:24px;}
.margin-x-sm-top {margin-top:24px;}
.margin-x-sm-bot {margin-bottom:24px;}
.margin-x-md {margin-top:36px; margin-bottom:36px;}
.margin-x-md-top {margin-top:36px;}
.margin-x-md-bot {margin-bottom:36px;}
.margin-x-lg {margin-top:48px; margin-bottom:48px;}
.margin-x-lg-top {margin-top:48px;}
.margin-x-lg-bot {margin-bottom:48px;}
.margin-x-xl {margin-top:60px; margin-bottom:60px;}
.margin-x-xl-top {margin-top:60px;}
.margin-x-xl-bot {margin-bottom:60px;}
.margin-x-xxl {margin-top:72px; margin-bottom:72px;}
.margin-x-xxl-top {margin-top:72px;}
.margin-x-xxl-bot {margin-bottom:72px;}
.margin-x-xxxl {margin-top:84px; margin-bottom:84px;}
.margin-x-xxxl-top {margin-top:84px;}
.margin-x-xxxl-bot {margin-bottom:84px;}
.margin-x-banner {margin-top:100px;; margin-bottom:100px;;}
.margin-x-banner-top {margin-top:100px;;}
.margin-x-banner-bot {margin-bottom:100px;;}

/* Side Margins */
.margin-x-side-xs {margin-left:12px; margin-right:12px;}
.margin-x-side-xs-lt {margin-left:12px;}
.margin-x-side-xs-rt {margin-right:12px;}
.margin-x-side-sm {margin-left:24px; margin-right:24px;}
.margin-x-side-sm-lt {margin-left:24px;}
.margin-x-side-sm-rt {margin-right:24px;}
.margin-x-side-md {margin-left:36px; margin-right:36px;}
.margin-x-side-md-lt {margin-left:36px;}
.margin-x-side-md-rt {margin-right:36px;}
.margin-x-side-lg {margin-left:48px; margin-right:48px;}
.margin-x-side-lg-lt {margin-left:48px;}
.margin-x-side-lg-rt {margin-right:48px;}
.margin-x-side-xl {margin-left:60px; margin-right:60px;}
.margin-x-side-xl-lt {margin-left:60px;}
.margin-x-side-xl-rt {margin-right:60px;}
.margin-x-side-xxl {margin-left:72px; margin-right:72px;}
.margin-x-side-xxl-lt {margin-left:72px;}
.margin-x-side-xxl-rt {margin-right:72px;}
.margin-x-side-xxxl {margin-left:84px; margin-right:84px;}
.margin-x-side-xxxl-lt {margin-left:84px;}
.margin-x-side-xxxl-rt {margin-right:84px;}
.margin-x-side-banner {margin-left:100px; margin-right:100px;}
.margin-x-side-banner-lt {margin-left:100px;}
.margin-x-side-banner-rt {margin-right:100px;}

/* Register Colors: AB-GREY manual override 2018-12-14 to dark grey #343a40 */
.ab-white {background-color:#fff;}
.ab-grey {background-color:#343a40;}
.ab-dark {background-color:#333;}
.ab-black {background-color:#000;}
.ab-red {background-color:#e74c3c;}
.ab-orange {background-color:#e67e22;}
.ab-yellow {background-color:#f1c40f;}
.ab-green {background-color:#2ecc71;}
.ab-blue {background-color:#3498db;}
.ab-purple {background-color:#9b59b6;}

.ab-white-color {color:#fff;}
.ab-grey-color {color:#343a40;}
.ab-dark-color {color:#333;}
.ab-black-color {color:#000;}
.ab-red {color:#e74c3c;}
.ab-orange {color:#e67e22;}
.ab-yellow {color:#f1c40f;}
.ab-green {color:#2ecc71;}
.ab-blue {color:#3498db;}
.ab-purple {color:#9b59b6;}

.ab-white-border {border-color:#fff;}
.ab-grey-border {border-color:#343a40;}
.ab-dark-border {border-color:#333;}
.ab-black-border {border-color:#000;}
.ab-red-border {border-color:#e74c3c;}
.ab-orange-border {border-color:#e67e22;}
.ab-yellow-border {border-color:#f1c40f;}
.ab-green-border {border-color:#2ecc71;}
.ab-blue-border {border-color:#3498db;}
.ab-purple-border {border-color:#9b59b6;}

::-webkit-scrollbar, .list-group::-webkit-scrollbar {
    width: 1em;
}

::-webkit-scrollbar-track, .list-group::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb, .list-group::-webkit-scrollbar-thumb {
  background-color: #d50000;
  outline: 1px solid #d50000;
}
