/* Insert your rbs base overrides over Vartheme BS4 and Bootstrap */
@import url('https://fonts.googleapis.com/css?family=Alex+Brush');
.hero-top__container {
  position: relative;
  z-index: 1;
  padding-top: 10px;
  padding-bottom: 10px;
}

body {
  color: #192857;
}
.btn {
  text-transform: Capitalize;
}
.region--default-background,
#drupal-off-canvas-wrapper label.region--default-background {
  color: #192857;
}

h1.page-title {
  font-size:50px;
}

.node__main-content .block-block-content .title{
  font-size: 25px;
  margin-bottom: 10px;
}

#course-progress-list {
  list-style: none;
}

.course-outline li div {
  display: none;
}

#course-nav {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: flex;
  list-style: none;
  margin: 0 0 0.75rem 0;
  padding: 0;
}

#course-nav .course-nav-back {
  display: none;
}

#course-nav li {
  margin: 0;
  padding: 0;
}

.field--name-field-audio audio {
  width: 255px;
}

.path-course.role-authenticated nav.tabs {
  display: none;
}

.path-course.role-authenticated.role-administrator nav.tabs {
  display: block;
}

.node__content {
  margin-top: 0 !important;
}

#block-rbs-main-menu .nav-link {
  font-size: 1.5em;
}

#block-useraccountmenu .nav {
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

#block-useraccountmenu .nav a {
  font-size: 1.0em;
}

.cart-block--contents {
  width: 250px !important;
  border: 1px solid grey;
}

#block-cart {
  position: relative;
  text-align: right;
}

#block-cart .cart-block--contents {
  position: absolute;
  right: 0;
}

.align-center {
  text-align: center;
}

.footer-wrapper {
  margin-top: 100px;
}

.block-course-navigation h2 {
  margin-bottom: 1rem;
}

header#navbar-main {
  -webkit-flex-flow: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 30px;
}

.block-course-outline .content {
  overflow: scroll;
  height: 300px;
  padding: 5px;
  border: 5px solid rgba(0, 0, 0, 0.5);
}

.block-course-outline .content ol {
  padding-left: 35px;
}

.block-course-outline .content ol li {
  margin-bottom: 4px;
  font-size: 0.9rem;
}

.navbar-brand .site-logo {
  width: 400px;
  margin-right: 0 !important;
}

.crystal-name {
  width: 150px;
}

.site-name-slogan {
  text-transform: uppercase;
  color: red;
  font-size: 1.5rem;
  font-weight: bold;
}

.page-node-type-slide #block-cart,
.page-node-type-slide #block-rbs-main-menu {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #block-rbs-main-menu {
    width: 532px;
    margin-top: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .crystal-name {
    width: 100px;
  }
}

.btn-danger a {
  background: #dc3545;
  color: white !important;
}

.block-block-content701e96c1-1cc5-4585-9d63-6741d76a11ae img{
  width: 275px;
  margin-top: 50px;
}

.block-carbs-course-progress-block {
  margin-bottom: 20px;
}
.progress .progress-bar {
  color:white!important;
}

/* AI GEN */
.header-top-highlighted{
  background: linear-gradient(90deg, #8DC63F 0%, #FFDE17 68.2812511920929%);
  color: black;
}
.header-top-highlighted a:hover {
  color: white !important;
}

.region--light-typography ul.menu > li > a,
.region--light-typography ul.menu > li > span {
  color: black;
}
#drupal-off-canvas-wrapper {
   background-color: rgb(68, 68, 68);
}
.header-container ul.menu li:hover a {
  color: #8dc63f;
}

.frontpage-cover-block__section h1 {
  font-size: 60px;
  font-weight: bold;
}
.frontpage-cover-block__section p.extra-large {
  font-size: 42px;
  font-weight: bold;
}

.btn,
.mt-style-rounded a.mt-button, .mt-style-rounded .mt-button > a, .mt-style-rounded button.mt-button, .mt-style-rounded input[type="submit"], .mt-style-rounded input[type="reset"], .mt-style-rounded input[type="button"], .mt-style-rounded .mt-count-down__button, .mt-style-rounded .col-12 .view > .more-link a, .mt-style-rounded .menu.cta-active > li:last-child > a, .mt-style-rounded .product-content .flag-anon-message > span {
   -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
a {
  color: #DA1C5C;
}
.btn-success,
a.mt-button, .mt-button > a, button.mt-button, input[type="submit"], input[type="reset"], input[type="button"] {
  background-color: rgb(141, 198, 63);
  border-color:  rgb(141, 198, 63);
  text-decoration: none;

  color: black;
}
.btn-success:hover,
a.mt-button:hover, .mt-button > a:hover, button.mt-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.mt-button:focus, .mt-button > a:focus, button.mt-button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: black;
  background-color: #8dc63f;
  border-color: rgb(87, 149, 1);
  text-decoration: none;
}
.path-frontpage #main-content {
  margin-top: 0px;
}
.path-frontpage .node__header {
  padding: 0;
}

.btn-warning{
  background-color: #FFDE17;
}
.btn-warning:hover{
  background-color: #ff9900;
  text-decoration: none;
  border-color: #FF8800FF;
}

.btn-success:active{
  background-color: #80dc05 !important;
}
.btn-danger:hover {
  text-decoration: none;
}

.region--light-typography a {
  color: white;
}
.region--light-typography input[type="submit"] {
  background-color: transparent;
  color: white;
  border-radius: 5px;
  border-color: rgba(255, 255, 255, 0.4);
}
.region--light-typography input[type="submit"]:hover {
  background-color: white !important;
  color: black;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: rgb(218, 28, 92);
}

.bs-bg-success {
  background-color: rgb(141, 198, 63) !important;
}

.node--view-mode-teaser-commerce-product {
  background: rgb(218, 28, 92);
  color: white !important;
}
.node--view-mode-teaser-commerce-product h4 {
  color: white !important;
}

#hero-top {
  background: #DA1C5C;
}

.title.page-title {
  text-align: center !important;
  padding: 30px;
  font-size: 50px;
}

#subfooter {
  background: black;
  color: white;
  margin-top: 30px;
}

.cta-button-wrapper {
  z-index: 1000;
}
.cta-button-wrapper {

}
ul.about-list {
  list-style: none;
}

ul.about-list li {
  padding: 10px 0;
  padding-left: 30px;
  position: relative;
  font-size: 1.1rem;
}

ul.about-list li:before {

  content: "✓";
  position: absolute;
  left: 0;
  color: rgb(218, 28, 92);
  font-weight: bold;
  font-size: 1.4rem;
}

.path-frontpage .block h2.title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  text-align: center
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.testimonial {
  background: white;
  padding: 30px !important;
  border-left: 4px solid #d4af37;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.testimonial-logo {}
.testimonial-quote {}
.testimonial-author {
  font-size: 35px;
  letter-spacing:-0.02em;
  font-family: "Alex Brush", cursive;
  font-weight: 400;
}
.testimonial-role {
  font-size: 16px;
  color: #808080;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgb(142 198 63) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgb(255 222 23) !important;
}



#block-groovyplus-cart {
  display: flex;
  justify-content: end;

}
#block-groovyplus-cart a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

#block-groovyplus-cart a:hover{
  color: black !important;
  text-decoration: underline;
}

.quiz-question-multichoice {
  width: 600px;
  margin: auto;
}
#quiz-progress,
#edit-navigation,
.quiz-question-multichoice h2{
  text-align: center;
}

.quiz-question-multichoice thead,
.quiz-question-multichoice .field--name-body .field__label {
  display: none;
}


.quiz-question-multichoice .form-radios {

}
.quiz-question-multichoice table tr:last-child td {
  border: none;
}
#edit-navigation-actions {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
}
.quiz-question-multichoice .form-radios .form-type-radio{
  display: flex;
  align-items: center;
}

.frontpage-cover-block__background-image {
 display: none;
}

.field--name-body img.align-right {
  margin-left: 20px;
}
.field--name-body img.align-left {
  margin-right: 20px;
}

.layout .block h2.title {
  font-size: 40px;
  margin-bottom: 30px;
}
.background-video-block__section {
  padding: 30px 0;
}

.feature__icon {
  color: #dc3545;
}
.paragraph--view-mode--mt-tile .feature__title {
  color: #dc3545;
}

#block-groovyplus-userlogin {
  background: rgba(142, 198, 63, 0.8) !important;
  padding: 30px;
  color: black !important;

}
#block-groovyplus-userlogin label {
  color: black !important;
}
#block-groovyplus-userlogin h2.title {
  color: black;
}
#block-groovyplus-userlogin .description {
  display: none;
}
#block-groovyplus-userlogin input::placeholder {
  color: white;
  opacity: .9;
  font-weight: bold;
}
.form-wrapper__guest-checkout legend,
.form-wrapper__returning-customer legend {
  margin-left: 0;
  padding-left: 0;
  font-size: 30px;
  font-weight: bold;
  color: black;
}
.field--name-field-mt-hero-form-description {
  position: relative;
  padding: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  background: rgba(142, 198, 63, 0.8) !important;
}


.page-node-type-page .node__main-content a:not(.btn) {
    color: #dc3545!important;
}

.node--view-mode-full .field.field--type-commerce-price {
  margin-bottom: 0px;
}
.paragraph--view-mode--mt-tile .feature {
  min-height: 265px;
}

.h5p-iframe-wrapper .h5p-question {
  background: hsl(240, 60%, 98%);
}
.commerce-confirmation-popup{
  z-index: 10;
  background: white;
}
.commerce-confirmation-popup .ui-dialog-content {
  background: white !important;
}
.ui-widget-overlay {
  opacity: .6 !important;
  background: #3B3B3F !important;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 20px !important;
}

.path-user #block-groovyplus-content .profile .block {
  margin-bottom: 20px;
}

@media (max-width: 991px) {

  .logo {
    max-width: 200px
  }
}
@media (max-width: 768px) {
  .frontpage-cover-block__section h1 {
    font-size: 30px;
    text-align: center;
  }
  .frontpage-cover-block__section p.extra-large {
    font-size: 20px;
    text-align: center;
  }
}



@media (max-width: 575px) {

  .frontpage-cover-block__section {
    padding: 0 20px;
  }

  .title.page-title {
    text-align: center !important;
    padding: 0px;
    font-size: 30px;
  }
  .quiz-question-multichoice {
    width: auto;
  }
}

.field--name-field-mt-bv-block-reference div.item-1 {
  max-width: 400px;
}

@media (max-width: 575px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .cta-button-wrapper {
    display: flex;
    flex-direction: column;
    gap: .75em;
  }
}

.text-pink {
  color: rgb(218, 28, 92);
}

.field--name-field-security-questions .field-multiple-drag,
.field--name-field-security-questions .tabledrag-toggle-weight-wrapper{
  display: none;
}

.field--name-field-security-questions td,
.field--name-field-security-questions th,
.field--name-field-security-questions fieldset{
  padding: 0;
  border: 0;
}

.field--name-field-security-questions tr:first-child td {
  padding-top: 0px !important;
}

.address-container-inline {
  display: flex;
}

.form-type-password-confirm {
  display: flex;
  gap: 1rem;
}
.form-type-password-confirm .form-item {
  flex-grow: 1;
}
.form-type-password-confirm .description {
  display: none;
}
.form-type-password-confirm .password-suggestions {
  flex-basis: 100%;
}
.user-register-form .field--name-field-date-of-birth,
.user-register-form .field--name-field-social {
  flex-grow: 1;
}
.user-register-form .field--name-field-date-of-birth input,
.user-register-form .field--name-field-date-of-birth .form-type-date,
.user-register-form .field--name-field-social input {
  width: 100%;
}

@media (max-width: 768px) {
  /* Fixed positioning class */
  #cta-button.fixed {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
  }

  /* Static positioning class (when scrolled to original position) */
  #cta-button.static {
    position: static;
    transform: none;
  }
}

.password-suggestions {
  display: none !important;
}