/* █████ █████ █████ █████ █████ ██████████ █████ █████ █████ █████ █████ █████
▗▖  ▗▖ ▗▄▄▖▗▖ ▗▖      ▗▄▄▄▖▗▄▄▄ ▗▖ ▗▖ ▗▄▄▖ ▗▄▖  ▗▄▄▖▗▄▄▄▖ ▗▄▖ ▗▖  ▗▖ ▗▄▖ ▗▖   
▐▛▚▞▜▌▐▌   ▐▌▗▞▘      ▐▌   ▐▌  █▐▌ ▐▌▐▌   ▐▌ ▐▌▐▌     █  ▐▌ ▐▌▐▛▚▖▐▌▐▌ ▐▌▐▌   
▐▌  ▐▌ ▝▀▚▖▐▛▚▖       ▐▛▀▀▘▐▌  █▐▌ ▐▌▐▌   ▐▛▀▜▌▐▌     █  ▐▌ ▐▌▐▌ ▝▜▌▐▛▀▜▌▐▌   
▐▌  ▐▌▗▄▄▞▘▐▌ ▐▌      ▐▙▄▄▖▐▙▄▄▀▝▚▄▞▘▝▚▄▄▖▐▌ ▐▌▝▚▄▄▖▗▄█▄▖▝▚▄▞▘▐▌  ▐▌▐▌ ▐▌▐▙▄▄▖
-------------------------------------------------------------------------------
-- Tema desenvolvido para a MSK Educacional - aleagi@eopen.com.br - 25092024 --
-------------------------------------------------------------------------------
█████ █████ █████ █████ █████ █████ █████ █████ █████ █████ █████ █████ ████ */

html {
  scroll-behavior: smooth;
}
body {
  background: linear-gradient(
      235deg,
      rgba(119, 84, 189, 1) 0%,
      rgba(202, 126, 217, 1) 61%
    )
    50% 50% no-repeat;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* █████ main */
#page {
  padding: 0;
}
#page-content {
  padding: 0 5rem;
}
@media (max-width: 1200px) {
  /* #page-content {
    padding: 0 .5rem !important;
  } */

  #page-content {
    padding: 0 !important;
  }
  .secondary-navigation,
  .rui-course-header,
  .main-content,
  .course-content-item-content {
    padding: 0.5rem !important;
  }
}
#page-site-index.pagelayout-frontpage #page-content {
  padding: 0;
}
#region-main {
  min-height: 50vh;
}
.main-content {
  background: rgba(255, 255, 255, 0.7);
  padding: 1rem;
  border-radius: 0.5rem;
  border: 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.moremenu .nav-tabs {
  background-color: rgba(255, 255, 255, 0.7);
}
.course-section-header {
  background: rgba(255, 255, 255, 0.8);
}
/* █████ moodle stuff */
.secondary-navigation {
  padding-bottom: 2rem;
}
/* █████ topbar */
#topBar {
  background: rgba(255, 255, 255, 0.9);
  border: 0;
}
#topBar .userinitials {
  border: 0;
}
/* █████ breadcrumb */
.rui-breadcrumbs {
  background: rgba(0, 0, 0, 0.6);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.rui-breadcrumbs a,
.rui-breadcrumbs a:before {
  color: #fff;
}
.rui-breadcrumbs a {
  padding: 0.25rem;
  border-radius: 0.25rem;
}
.rui-breadcrumbs a:hover,
.rui-breadcrumbs a:focus,
.rui-breadcrumbs a:active {
  background: rgba(52, 35, 77, 0.9);
  color: #fff;
}
/* █████ navbar */
#nav-drawer,
.rui-right-drawer {
  border: 0;
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(5px) !important;
  webkit-backdrop-filter: blur(5px) !important;
}
.rui-flatnavigation-box {
  background: rgba(255, 255, 255, 0.7) !important;
  /* color: #fff; */
}
.drawer-left {
  background: rgba(0, 0, 0, 0.6) !important;
}
.courseindex .courseindex-section {
  background: rgba(25, 25, 25, 0.6) !important;
}
.courseindex .courseindex-section a {
  color: #fff !important;
}
.courseindex .courseindex-section li:hover a,
.courseindex .courseindex-section li:focus a,
.courseindex .courseindex-section li:active a,
.courseindex .courseindex-section a:hover,
.courseindex .courseindex-section a:focus,
.courseindex .courseindex-section a:active {
  color: #000 !important;
}
.courseindex .courseindex-item.pageitem a {
  color: #000 !important;
}
.courseindex .courseindex-section li:hover,
.courseindex .courseindex-section li:focus,
.courseindex .courseindex-section li:active,
.courseindex .courseindex-item.pageitem {
  background: rgba(202, 126, 217, 1);
}
.courseindex .courseindex-item.courseindex-section-title:hover a {
  color: #000 !important;
}
.rui-flatnavigation-box a:hover,
.rui-flatnavigation-box a:focus,
.rui-flatnavigation-box a:active,
.rui-flatnavigation-box a:hover svg,
.rui-flatnavigation-box a:focus svg,
.rui-flatnavigation-box a:active svg {
  color: #000;
}
/* █████ footer */

#s-page-footer {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 5rem 5rem 1rem 5rem;
  border-top: solid 0px rgba(255, 255, 255, 0.1);
  background-image: url(/theme/space/images/watermark.png);
  background-position: right bottom;
  /*   background-repeat: no-repeat; */
  background-size: 1100px;
}
#s-page-footer h5,
#s-page-footer a,
#s-page-footer p,
#s-page-footer span,
#s-page-footer svg,
#s-page-footer li {
  color: #fff;
}
#s-page-footer hr {
  border-top: 1px solid rgba(130, 130, 130, 0.6);
}
.rui-footer-copy img {
  width: 100px;
  margin: 0 0.5rem;
}
.rui-footer-copy a {
  transition: 0;
}
.rui-footer-copy a:hover:before,
.rui-footer-copy a:focus:before,
.rui-footer-copy a:active:before {
  border: 0;
  box-shadow: none;
  outline: 0;
  background: rgba(0, 0, 0, 0);
  transition: 0;
}
#s-page-footer {
  margin-top: 4rem;
}
#sticky-footer {
  width: 100%;
  bottom: calc(90px * -1);
  background: rgba(0, 0, 0, 0.6);
}
/* █████ home */
/* slider */
#fbblock1 {
  margin-top: -2rem;
}
.swiper-block--1 {
  pointer-events: none !important;
}
.swiper-block--1 a,
.swiper-button-next,
.swiper-button-prev {
  pointer-events: initial;
}
/* who we are */
#fbblock21 {
  margin-top: 5rem;
}
.rui-fp-block--21 {
  /* background: rgba(255, 255, 255, .3); */
  margin: -5rem 0;
  max-width: 100%;
  padding: 2rem;
  position: relative;
  background-image: url(/theme/space/images/msk/quem-somos.jpg);
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
}
.rui-fp-block--21 h3,
.rui-fp-block--21 p,
.rui-fp-block--21 .rui-block-footer {
  max-width: 860px;
  margin: 1rem auto;
}
.rui-fp-block--21 .rui-block-footer {
  margin-top: 3rem;
}
.rui-fp-block--21:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(0, 0, 0, 0.9) 91%
    )
    50% 50% no-repeat;
  z-index: 0;
}
.rui-fp-block--21 .wrapper-md {
  z-index: 1;
}
.rui-fp-block--21 .rui-block-title,
.rui-fp-block--21 .rui-block-desc {
  position: relative;
  color: #fff;
}
/* .rui-fp-block--21 .rui-block-title:before {
  position: absolute;
  top: -130px;
  left: calc(50% - 150px);
  width: 300px;
  height: 130px;
  background: url(/theme/space/images/msk/logo-msk-vertic.png);
  background-size: cover;
  content: "";
} */

.rui-fp-block--21 p {
  z-index: 1;
  font-size: 1.48rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  font-style: italic;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.rui-fp-block--21 p strong {
  color: rgb(229, 118, 251);
  font-weight: 100;
  text-decoration: underline 0.15em rgba(255, 255, 255, 0);
  transition: text-decoration-color 1000ms;
  font-style: initial;
}
.rui-fp-block--21 p strong:hover,
.rui-fp-block--21 p strong:focus,
.rui-fp-block--21 p strong:active {
  text-decoration-color: rgba(255, 255, 255, 1);
  font-style: italic;
}
/* video */
#fbblock2 .rui-block-desc {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.7rem;
  padding: 1rem;
}
.rui-fp-block--2 .rui-hero-content {
  /* background: rgba(0, 0, 0, .1); */
  color: #fff;
  padding-top: 2rem;
  border-radius: 0.4rem;
  /* box-shadow: 0 0 55px rgba(255, 255, 255, .3); */
}
.rui-fp-block--2 .rui-hero-content h3,
.rui-fp-block--2 .rui-hero-content h4,
.rui-fp-block--2 .rui-hero-content .rui-hero-desc {
  color: #fff;
}
.rui-fp-block--2 p,
.rui-fp-block--2 .rui-block-footer {
  text-align: center;
  margin: 2rem auto;
}
.rui-hero-video:before {
  /* background: rgba(90, 30, 150, .5); */
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rui-hero-video {
  background: url("/theme/space/images/video.gif") !important;
  background-size: cover !important;
}
/* solutions */
.msk-solutions-wrapper {
  display: grid;
  gap: 2rem;
  padding: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
}
.msk-solutions-item {
  /* background: rgba(255, 255, 255, .6); */
  border-radius: 5px;
  margin: 1rem 0;
}
.msk-solutions-wrapper .rui-course-card-img {
  height: 420px !important;
}
.msk-solutions-item img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.msk-solutions-item .msk-solutions-body {
}
.msk-solutions-item h3 {
  margin: 2rem 1rem;
  font-size: 1.5rem;
}
.msk-solutions-item p {
  line-height: 1.4;
  margin: 0 1rem 1rem;
}
.msk-solutions-wrapper .rui-course-card-img {
  height: 420px !important;
}
/* clients */
.msk-clients-wrapper {
  display: grid;
  gap: 2rem;
  padding: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.msk-clients-item {
  display: flex;
  flex-direction: column;
  flex-wrap: no-wrap;
  margin: 1rem 0;
}
.msk-clients-item img {
  max-width: 200px;
  height: auto;
  margin: 0 auto;
}
.msk-clients-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 1rem;
  border-radius: 1rem;
}
.msk-clients-info h3,
.msk-clients-info p {
  color: #fff;
}
.msk-clients-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.msk-clients-name img {
  max-width: 64px;
  margin: 0;
}
/* contact form */
.msk-footer-contact-form h2,
.msk-footer-contact-form h3 {
  font-size: 3rem;
  color: #fff;
  margin: 0 auto 2rem;
}
.msk-footer-contact-form h3 {
  font-size: 1.25rem;
  margin: 0 auto 3rem;
  font-weight: 400;
}
.new-course-request-form {
  /* max-width: 500px; */
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  padding: 2rem;
  border-radius: 1rem;
  text-align: left;
}
.new-course-request-form input,
.new-course-request-form input:hover,
.new-course-request-form input:focus,
.new-course-request-form input:active,
.new-course-request-form textarea {
  margin-bottom: 2rem;
  padding: 0.5rem;
  height: auto;
  background: rgba(0, 0, 0, 0.4);
  border: solid 1px #000;
  color: #fff;
  width: 100%;
}
.new-course-request-form input:hover,
.new-course-request-form input:focus,
.new-course-request-form input:active,
.new-course-request-form textarea:hover,
.new-course-request-form textarea:focus,
.new-course-request-form textarea:active {
  background: rgba(119, 84, 189, 0.6);
}
.new-course-request-form {
  /* max-width: 500px; */
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  padding: 2rem 2rem 0 2rem;
  border-radius: 1rem;
  text-align: left;
  max-width: 700px;
}
.new-course-request-form .msk-footer-contact-form-main {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 0 2rem;
}
.new-course-request-form input[type="submit"] {
  background: rgba(119, 84, 189, 1);
  color: #000;
  border-radius: 0.5rem;
  max-width: 200px;
  padding: 0.6rem 1rem !important;
  font-size: 1rem !important;
  color: #fff !important;
  display: flex;
  justify-content: center;
  justify-items: center;
  margin: 0 auto !important;
  font-weight: 500;
  font-size: 1.1rem !important;
}
.new-course-request-form input[type="submit"]:hover,
.new-course-request-form input[type="submit"]:focus,
.new-course-request-form input[type="submit"]:active {
  background: #fff;
  color: rgba(119, 84, 189, 1) !important;
}
/* footer contact */
.msk-footer-contact {
  margin-bottom: 1rem;
}
.msk-footer-contact img {
  width: 75px;
}
/* █████ forms */
fieldset legend {
  background: rgba(255, 255, 255, 0.3);
}
.wrapper-header .simplesearchform {
  margin-right: 1rem;
}
/* █████ all courses page */
#page-course-index-category .rui-main-content-title--h1 {
  display: none;
}
/* █████ course main page */
.main-content {
  padding-bottom: 2rem !important;
  margin-bottom: 4rem;
}
.rui-course-desc {
  background: rgba(0, 0, 0, 0.6);
  padding: 2rem;
  color: #fff;
  border-radius: 1rem;
}
.rui-section {
  background: none;
}
.rui-section {
  border: 0;
}
.section li.activity {
  background: none;
  padding: 0 0 0.5rem 0 !important;
}
.section .activity-basis {
  background: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
.section .activity.modtype_label.label,
.editing .activity-item {
  border: 0 !important;
  border-radius: 0;
}
.description.rui--nocompletion {
  padding: 1rem;
}
.section .activity-basis {
  background: rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
.section .activity-basis:hover,
.section .activity-basis:focus,
.section .activity-basis:active {
  background: rgba(255, 255, 255, 0.9);
}
.modtype_label .activity-basis {
  padding: 0;
  background: none;
}
.modtype_label .contentafterlink {
  background: rgba(0, 0, 0, 0.7) !important;
  margin: 1rem 0 2rem !important;
  border-radius: 0.5rem !important;
  padding: 2rem 1rem 1rem 1rem !important;
}
.modtype_label .contentafterlink p {
  font-size: 1rem !important;
  font-weight: 500;
  color: #fff !important;
}
/* █████ inside activity */
.rui-activity-dates {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem !important;
  border-radius: 0.5rem;
}
.pagelayout-incourse .wrapper-header {
  background: rgba(0, 0, 0, 0.7);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.page-header-headings .text-muted {
  color: rgba(255, 255, 255, 0.8) !important;
  text-transform: uppercase;
}
.pagelayout-incourse .rui-main-content-title--h1 {
  color: #fff;
}
.pagelayout-incourse #page-header {
  margin: 0.5rem;
}
.activity-navigation {
  background: rgba(255, 255, 255, 0.6);
}
.course-content-item-content {
  padding: 1rem !important;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0 0 0.5rem 0.5rem;
  margin: -0.5rem 0 1rem 0 !important;
  box-shadow: 2px 3px 14px rgba(0, 0, 0, 0.2);
  transition: all 0.05s;
}
h3.sectionname {
  font-size: 1.2rem !important;
}
/* █████ tables */
.generaltable thead th {
  background: rgba(255, 255, 255, 0.8) !important;
  text-transform: uppercase;
  font-weight: 900 !important;
}
.generaltable thead th a {
  font-weight: 900 !important;
}
.generaltable tr td,
.generaltable tr th {
  background: rgba(255, 255, 255, 0.4);
}
/* █████ login */
#page-login {
  background: url(/theme/space/images/watermark.png),
    linear-gradient(
        235deg,
        rgba(119, 84, 189, 0.9) 0%,
        rgba(202, 126, 217, 0.8) 61%
      )
      50% 50% no-repeat;
  background-attachment: fixed;
  background-position: left top;
  background-size: 3000px;
}
#page-login .main-content {
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}
#page-login-forgot_password .main-content,
.rui-login-box {
  background: rgba(255, 255, 255, 0.8) !important;
}
.rui-login-box input {
  background: rgba(255, 255, 255, 1);
}
/* workshop */
.path-mod-workshop .userplan dt.active,
.path-mod-workshop .userplan dd.active {
  border: 0 !important;
  background: rgba(116, 241, 44, 0.2);
  padding: 1rem;
}
.phase dt {
  padding: 1rem !important;
}
/* lesson */
.firstpageoptions a {
  display: inline-block;
  padding: 0.5em 1rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.5);
}
.firstpageoptions a:hover,
.firstpageoptions a:focus,
.firstpageoptions a:active {
  background: rgba(255, 255, 255, 1);
}
#page-mod-lesson-editpage #page-header {
  background: rgba(0, 0, 0, 0.7);
  padding: 1rem;
  border-radius: 0.5rem;
}
#page-mod-lesson-editpage #page-header .rui-main-content-title--h1 {
  color: #fff;
}
/* book */
#page-mod-book-edit #page-header {
  background: rgba(0, 0, 0, 0.7);
  padding: 1rem;
  border-radius: 0.5rem;
}
#page-mod-book-edit .rui-main-content-title--h1 {
  color: #fff;
}
.block_book_toc {
  padding: 1rem !important;
}
/* folder */
#page-mod-folder-view .filemanager {
  background: rgba(255, 255, 255, 0.5);
  padding: 1rem;
  border-radius: 0.5rem;
}
/* █████ /my */
#page-my-index .main-content {
  padding: 0;
  background: none;
  border: 0;
  margin: 0;
  box-shadow: none;
}
/* --- home blocks order */
#page-site-index #region-main > div > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#page-site-index #region-main #fbblock1 {
  order: 0 !important;
  margin-bottom: 0;
  margin-top: -7rem;
}
#page-site-index #region-main #fbblock21 {
  order: 0 !important;
}
#page-site-index #region-main #fbblock2 {
  order: 0;
  margin-top: -7rem;
}
#page-site-index #region-main #fbblock21 {
  order: 3;
  margin: 0;
}
#page-site-index #region-main #fbblock15 {
  order: 0;
  margin-bottom: -12rem;
}
#page-site-index #region-main #fbblock16 {
  order: 99;
}
#page-site-index #region-main #fpblockbottom,
#page-site-index #region-main #fpblocktop,
#page-site-index #region-main #fbblock1 {
  order: 99;
}
#page-site-index #fpmaincontent {
  display: block;
  order: 1 !important;
  /* margin-bottom: 4rem; */
}
#page-site-index #fpmaincontent .main-content {
  background: none;
  box-shadow: none;
  border: 0;
  padding: 0;
}
#page-site-index #fpmaincontent #frontpage-available-course-list {
  margin: 0;
}
#page-site-index
  #fpmaincontent
  #frontpage-available-course-list
  .rui-course-card {
  border: 0;
}
#page-site-index #fpmaincontent {
  background: linear-gradient(
      235deg,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.7) 61%
    )
    50% 50% no-repeat;
  max-width: 100%;
}
#page-site-index #fpmaincontent .main-content {
  max-width: 1300px;
  margin: 2rem auto;
}
#frontpage-available-course-list h2 {
  margin-bottom: 3rem !important;
  margin-top: 2rem !important;
}
#page-site-index .wrapper-blocks .rui-block-hr {
  margin: 2rem auto;
}
#page-site-index #user-notifications {
  margin: 2rem auto 5rem !important;
  max-width: 1200px;
}
.modtype_label .img-fluid {
  min-width: 100%;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: rgba(205, 73, 234, 1);
}
.subcategories .category.loaded {
  padding: 0;
  border: 0;
  margin: 0;
}
.wrapper-fw.info {
  margin: 2rem 0 1rem 0;
}
.trailicons.trailcursor a {
  z-index: 999;
}
#fbblock2,
.rui-hero-video,
.vidbg-container,
.vidbg-container video {
  height: 90vh;
}
#fbblock2 .rui-hero-content--video {
  display: flex;
  flex-direction: column;
}
#fbblock2 .rui-hero-content--video .rui-hero-title {
  order: 1;
  font-size: 3rem;
}
#fbblock2 .rui-hero-content--video .rui-hero-subtitle {
  order: 2;
  font-size: 1.8rem;
  text-transform: uppercase;
}
#fbblock2 .rui-hero-content--video .rui-hero-desc {
  order: 3;
  font-size: 1.3rem;
}
#fbblock2 .rui-hero-content--video .rui-hero-desc strong {
  color: rgb(229, 118, 251);
  font-weight: 100;
  text-decoration: underline 0.15em rgba(255, 255, 255, 0);
  transition: text-decoration-color 1000ms;
  font-style: initial;
}
#fbblock2 .rui-hero-content--video .rui-hero-desc strong:hover,
#fbblock2 .rui-hero-content--video .rui-hero-desc strong:focus,
#fbblock2 .rui-hero-content--video .rui-hero-desc strong:active {
  text-decoration-color: rgba(255, 255, 255, 1);
  font-style: italic;
}
#fbblock4 .wrapper-md {
  width: 100%;
}
#fbblock4 .accordion {
  border: 0;
  border-radius: 0;
}
#fbblock4 .accordion-item {
  border-radius: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#fbblock4 .accordion-item .rui-course-card-img {
  height: 600px;
  margin-bottom: 2rem;
}
#fbblock4 .accordion-item .rui-course-card-img img {
}
#fbblock4 .accordion-item .msk-solutions-body {
  padding: 0;
  font-size: 1.2rem;
}
#fbblock4 .accordion-item .accordion-button,
#fbblock4 .accordion-item .accordion-button:not(.collapsed) {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 1.3rem !important;
}
#fbblock4 .accordion-item .accordion-button:not(.collapsed):hover,
#fbblock4 .accordion-item .accordion-button:not(.collapsed):focus,
#fbblock4 .accordion-item .accordion-button:not(.collapsed):active,
#fbblock4 .accordion-item .accordion-button:not(.collapsed) {
  color: rgb(229, 118, 251) !important;
}
#fbblock4 .accordion-item .accordion-button::after {
  filter: invert(0.7);
}
#fbblock4 .accordion-item .accordion-header {
  border-bottom: solid 2px #888;
}
.vidbg-container {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .vidbg-container video {
  max-width: 100%;
} */

#page-site-index .rui-block-hr:first-of-type {
  display: none;
}
/* --- home course block */
#page-site-index #fpblockbottom {
  max-width: 100%;
}
#page-site-index .block_cursos {
  background: none;
  border: 0;
  box-shadow: none;
}
#page-site-index .block_cursos h5.card-title {
  font-size: 3rem;
  text-align: center;
  color: #212121;
  margin-bottom: 2rem;
}
#page-site-index .block_cursos .msk-block-cursos-filter {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  margin: 1rem 0 2rem;
}
#page-site-index .block_cursos .msk-block-cursos-filter select {
  min-width: 300px !important;
}
#page-site-index .block_cursos .msk-block-cursos-filter input {
  max-width: 300px;
}
#page-site-index .block_cursos .search-input-group {
  max-width: 300px;
}
#page-site-index .block_cursos .carousel {
  margin: 0 1rem 0 0;
}
#page-site-index .block_cursos .carousel .slick-slide h3,
#page-site-index .block_cursos .carousel .slick-slide p {
  padding: 0 2rem;
  text-align: left;
}
#page-site-index .block_cursos .carousel .slick-slide {
  height: auto;
}
#page-site-index .block_cursos .carousel .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
#page-site-index .block_cursos .carousel .slick-slide {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
  border: 0;
}
#page-site-index .block_cursos .carousel .slick-slide img {
  border-radius: 5px 5px 0 0;
}
#page-site-index .block_cursos .carousel .slick-slide p:empty {
  display: none;
}
#page-site-index .block_cursos .carousel .msk-block-cursos-img {
  height: 24vh;
  background-size: cover;
  margin-bottom: 1rem;
}
/* #page-site-index .block_cursos .carousel .slick-slide a:hover,
#page-site-index .block_cursos .carousel .slick-slide a:focus,
#page-site-index .block_cursos .carousel .slick-slide a:active {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  transition: 0 !important;
} */

#page-site-index .block_cursos .carousel p {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  max-height: 100px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* --- slick */
@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;

  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
    url("./fonts/slick.woff") format("woff"),
    url("./fonts/slick.ttf") format("truetype"),
    url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;

  opacity: 0.75;
  color: white;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-arrow:after,
.slick-arrow:before {
  font-size: 2rem;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;

  display: block;

  width: 100%;
  padding: 0;
  margin: 0;

  list-style: none;

  text-align: center;
}
.slick-dots li {
  position: relative;

  display: inline-block;

  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;

  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;

  display: block;

  width: 20px;
  height: 20px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;

  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  content: "•";
  text-align: center;

  opacity: 0.25;
  color: black;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
.slick-dots li {
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 50%;
}
.slick-dots li:hover,
.slick-dots li:focus,
.slick-dots li:active,
.slick-dots li.slick-active {
  background: rgba(0, 0, 0, 0.6) !important;
}
.slick-dots {
  bottom: -40px;
}
#page-site-index.notloggedin #fpmaincontent {
  display: none !important;
}
#page-site-index .block_cursos .carousel .msk-block-cursos-img {
  aspect-ratio: 1 / 1;
  height: auto;
  background-position: 50% 50%;
}
/* --- new home video block */
#inst18 {
  padding: 0;
  margin: 0;
  background: none;
  margin-bottom: 5rem;
}
#inst18 .msk-home-video {
  max-width: 100%;
}
.msk-home-video .vidbg-overlay {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
}
#inst18 .msk-home-video-title h3 {
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 6rem;
}
.msk-home-video-content {
  position: absolute;
  z-index: 1;
  max-width: 600px;
  width: 100%;
  top: 42%;
  left: calc(50% - 300px);
  color: #fff;
}
#inst18 .card-text > div {
  overflow: hidden;
}
.msk-home-video-content p {
  font-size: 1.2rem;
}
.msk-home-video-content h2 {
  font-size: 3.5rem;
  color: #fff;
  font-weight: 100;
}
.msk-home-video-content h3 {
  color: #fff;
  font-weight: 100;
}
.msk-home-video-content a {
  color: #fff;
  display: inline-block;
  background: linear-gradient(
      235deg,
      rgba(119, 84, 189, 0.7) 0%,
      rgba(202, 126, 217, 0.7) 61%
    )
    50% 50% no-repeat;
  padding: 0.5rem 2rem 0.25rem;
  text-transform: uppercase;
  margin-top: 2rem;
  font-size: 1.2rem;
  border-radius: 0.5rem;
  line-height: 2;
  overflow: hidden;
}
.msk-home-video-content a:hover,
.msk-home-video-content a:focus,
.msk-home-video-content a:active {
  background: linear-gradient(
      235deg,
      rgba(202, 126, 217, 0.7) 0%,
      rgba(119, 84, 189, 0.7) 61%
    )
    50% 50% no-repeat;
}
/* #inst18 video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
} */

#inst18,
#inst18 * {
  box-shadow: none !important;
}
.msk-home-video-overlay {
  display: none;
}
@media (max-width: 992px) {
  .msk-home-video-content {
    /*     top: 240px */
  }
  .msk-home-video-content h2 {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .msk-home-video-content {
    position: relative;
    margin-bottom: 4rem;
  }
}
#fpblocktop {
  margin-bottom: 0px;
}
#block-region-fpblocksb {
  margin-top: 0;
}
#inst18 .msk-home-video-title h3 {
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
#inst18 .msk-home-video-title h3 {
  padding: 4rem 0;
  background: rgba(255, 255, 255, 0.1);
}
.msk-home-video-container .mediaplugin.mediaplugin_videojs {
  margin: 0;
}
.msk-home-video-container {
  max-height: 600px;
}
@media (max-width: 768px) {
  .msk-home-video-content {
    margin-top: 5rem;
  }
  .msk-home-video-cta a {
    background: rgba(134, 91, 194, 1);
  }
  .msk-home-video-cta a:hover,
  .msk-home-video-cta a:focus,
  .msk-home-video-cta a:active {
    background: rgba(70, 46, 97, 1);
  }
}
.msk-clients-name {
  gap: 0.5rem;
}
.msk-clients-name img {
  border-radius: 50%;
}
.msk-clients-info {
  min-height: 380px;
}
.msk-clients-info p {
  font-style: italic;
  font-size: 1.1rem;
  line-height: 1.4;
  display: flex;
  margin: auto;
}
@media (max-width: 894px) {
  .msk-clients-info {
    min-height: unset;
    padding-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .courses .rui-course-card-deck,
  .rui-category-browse .rui-course-card-deck {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
  }
  .rui-course-card-img-top {
    height: 320px;
  }
  .rui-hero-content--video {
    padding: 1rem;
  }
  .rui-hero-content--video h3 {
    font-size: 2rem !important;
    line-height: 0.9;
  }
  .rui-hero-content--video h4 {
    font-size: 1.5rem !important;
  }
  .rui-hero-content--video p {
    font-size: 1.1rem;
  }
  #fbblock2 .vidbg-container {
    height: 600px !important;
  }
  .rui-hero-content--video .vidbg-container video {
    max-width: 100% !important;
    height: 600px !important;
  }
  .msk-home-video-title h3 {
    font-size: 1.5rem !important;
  }
  .msk-home-video-content {
    position: relative !important;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 100% !important;
  }
  .msk-home-video-content h2 {
    font-size: 1.5rem;
    font-weight: 500;
  }
  #page-site-index .block_cursos h5.card-title,
  .rui-block-title {
    font-size: 2.1rem;
  }
  .slick-dots {
    bottom: -75px;
  }
  .block_cursos {
    margin-bottom: 4rem !important;
  }
  .msk-block-cursos-filter {
    flex-wrap: wrap;
  }
  .msk-block-cursos-filter select {
    padding: 1rem;
  }
  .msk-block-cursos-filter input[type="text"],
  #page-site-index .block_cursos .search-input-group {
    min-width: 100%;
  }
  #fbblock16 {
    margin-top: 4rem;
  }
  #s-page-footer {
    padding: 4rem 0.5rem;
  }
  .new-course-request-form {
    padding: 1rem;
  }
  .new-course-request-form input,
  .msk-footer-contact-form-item {
    max-width: 100% !important;
  }
  .activity-basis {
    display: flex;
    flex-wrap: no-wrap;
    align-items: center;
    margin: 0.5em 0 !important;
    padding: 0.5rem !important;
    /* min-height: 100px; */
    position: relative;
    align-items: flex-start !important;
  }
  .activity-basis .activity-completion {
    align-self: unset !important;
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .activity-basis .flex-column {
    display: flex;
    flex-direction: row !important;
  }
  .activityname {
    width: 100%;
  }
  .activitybadge {
    top: 0;
    right: 0;
  }
}
@media (max-width: 520px) {
  .msk-clients-name {
    flex-direction: column-reverse;
  }
  .msk-clients-name img {
    max-width: 120px;
    margin-bottom: 1rem;
  }
  .msk-clients-name p {
    padding: 1rem;
  }
  .msk-clients-wrapper,
  .msk-clients-wrapper div {
    position: relative !important;
    max-width: 100% !important;
    padding: 0.25rem;
    margin: 0;
    display: block;
    text-align: center;
  }
  .msk-clients-name {
    display: flex !important;
    flex-direction: column-reverse 1important;
  }
  #inst17,
  #inst17 .card-body {
    padding: 0 !important;
  }
  #page-site-index .block_cursos .carousel .slick-slide h3,
  #page-site-index .block_cursos .carousel .slick-slide p {
    padding: 0 0.5rem;
  }
  .msk-clients-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 97% !important;
  }
  #fbblock16 * {
  }
  #inst17 {
    max-width: calc(100% - 2.5rem) !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .msk-footer-contact-form-item label {
    display: block;
  }
  .new-course-request-form input,
  .new-course-request-form input:hover,
  .new-course-request-form input:focus,
  .new-course-request-form input:active,
  .new-course-request-form textarea {
    max-width: calc(100% - 2rem) !important;
  }
  #page-site-index .block_cursos .msk-block-cursos-filter select {
    min-width: initial !important;
  }
  .instancename,
  .rui-instancename {
    margin: 5px 0;
  }
  .course-content-item-content {
    padding: 0.5rem !important;
  }
  .badge {
    background: #fff;
  }
  .activity-completion {
    float: right;
    position: absolute;
    right: 0% !important;
    width: 30px !important;
  }
  .course-content-item-content {
    padding: 0.5rem !important;
  }
  .activityname {
    max-width: calc(100% - 30px);
  }
}