/* --- aleagi was here --- 10/11/2022 */
/* --- misc */

/* ---------------------------------------------------------
   1. IMPORTS, FONTS & ICONS (Fontes e Ícones)
   --------------------------------------------------------- */
/* fallback */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
    format("woff2");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/* ---------------------------------------------------------
   2. GLOBAL RULES, RESET & TYPOGRAPHY (Globais & Reset)
   --------------------------------------------------------- */

html {
  max-width: 100% !important;
  overflow-x: hidden;
}

body {
  background: #fff !important;
  color: #7e8090;
  font-family: "Poppins", sans-serif;
}

body,
.mm-page {
  /* background: rgba(242, 242, 242, 1); */
}

body.pagelayout-maintenance,
body.pagelayout-popup,
body.pagelayout-admin,
body.pagelayout-mydashboard {
  background: #fff;
}

::selection {
  background: #bba07a;
  color: #181b31;
}

.bgc-fa {
  background: #fff !important;
}

#ccn-main .py-3.alert {
  padding: 1rem !important;
}

/* --- typography */
p {
  font-size: 1.1rem;
  color: #7e8090;
  margin: 0 0 1rem 0;
}

h1 {
  color: #00aaef !important;
}

h1.heding.h2 {
  color: #fff !important;
}

.text-muted {
  background: #fafafa;
  padding: 1rem;
}

.badge-light {
  color: #000;
}

.switch-text {
  color: #7e8090;
}

/* ---------------------------------------------------------
   3. FORMS & INPUTS (Formulários)
   --------------------------------------------------------- */
input[type="text"] {
  padding: 1.3rem 1rem !important;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
textarea:hover,
textarea:focus,
textarea:active {
  border: solid 1px #ccc !important;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
}

.simplesearchform input {
  border-right: 0;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.simplesearchform button {
  padding: 0 1rem !important;
  margin-left: -2px !important;
}

/* ---------------------------------------------------------
   4. HEADER & BREADCRUMBS (Cabeçalho da Página)
   --------------------------------------------------------- */
.ccn_header_style_7 .header_top.home7 {
  display: none;
}

.ccn_header_style_7 header.header-nav.ccnHeader7.menu_style_home_seven {
  position: relative;
  top: 0;
  padding: 0 0 1rem 0;
  height: auto;
}

body:not(.drawer-open-left) header.header-nav {
  width: auto !important;
}

header.header-nav.ccnHeader7.menu_style_home_seven a.navbar_brand .logo1.home7 {
  margin-top: 0;
  border-radius: 0;
  padding: 0;
  height: 42px !important;
  width: 365px !important;
  margin-top: 1rem;
}

img.logo1,
img.logo2 {
  height: 70px;
}

.logo1.img-fluid,
.logo2.img-fluid {
  width: auto !important;
  height: auto !important;
}

header.header-nav.ccnHeader7.menu_style_home_seven
  .ace-responsive-menu
  li
  ul.sub-menu
  li
  a:hover {
  padding-left: 0 !important;
  color: #2571b7;
}

header.header-nav.ccnHeader7.menu_style_home_seven
  .ace-responsive-menu
  > li
  > a {
  color: #181b31;
  font-weight: 700;
  text-transform: none;
}

header.header-nav.ccnHeader7.menu_style_home_seven
  .ace-responsive-menu
  > li
  > a:hover,
header.header-nav.ccnHeader7.menu_style_home_seven
  .ace-responsive-menu
  > li
  > a:focus,
header.header-nav.ccnHeader7.menu_style_home_seven
  .ace-responsive-menu
  > li
  > a:active {
  color: #00aaef;
}

.ccn_nav_group #respMenu {
  margin: 0;
  padding: 0;
}

#main-header {
  box-shadow: none;
}

/* --- breadcrumbs */
.inner_page_breadcrumb,
.path-login .inner_page_breadcrumb {
  position: relative;
  top: 0px;
  height: initial;
  background-image: none;
  background: #fff;
  padding: 1rem 0 0.1rem 0 !important;
  margin-bottom: 2rem;
}

.ccn_breadcrumb_s .breadcrumb_content {
  padding: 0;
}

.ccn_breadcrumb_s .breadcrumb_content .col-xl-6 {
  max-width: initial;
  flex: 1;
}

.inner_page_breadcrumb .breadcrumb_title,
.inner_page_breadcrumb .breadcrumb-item a,
.inner_page_breadcrumb .breadcrumb-item.active,
.inner_page_breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  text-transform: none;
  color: #7e8090;
}

.ccn_breadcrumb_xs .row {
  flex-direction: column-reverse;
  margin-bottom: 2rem;
}

.ccn_breadcrumb_xs .col-xl-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

.breadcrumb_title {
  color: #00aaef !important;
}

.ccn_breadcrumb_s .breadcrumb_content .breadcrumb {
  float: none;
  border-radius: 0;
}

.ccn_breadcrumb_s .breadcrumb_content .breadcrumb a[aria-current="page"] {
  color: #181b31;
  font-weight: 700;
}

.inner_page_breadcrumb .breadcrumb_content .breadcrumb {
  justify-content: initial;
}

.inner_page_breadcrumb .breadcrumb_content .breadcrumb li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
}

.ccn_breadcrumb_widgets {
  display: none;
}

body:not(.pagelayout-secure) #page-header {
  background: #fff;
  color: #7e8090;
}

.tpheader_dark.tpheaderl_modern:not(.fsmod1) .breadcrumb .dimmed_text,
.tpheader_dark.tpheaderl_modern:not(.fsmod1) .breadcrumb .dimmed_text a,
.tpheader_dark.tpheaderl_modern:not(.fsmod1) .breadcrumb,
.tpheader_dark.tpheaderl_modern:not(.fsmod1) .breadcrumb li:before,
.tpheader_dark.tpheaderl_modern:not(.fsmod1) .breadcrumb a {
  color: #7e8090 !important;
}

.tpheader_dark.tpheaderl_modern:not(.fsmod1)
  .breadcrumb
  .dimmed_text
  a[aria-current="page"],
.tpheader_dark.tpheaderl_modern:not(.fsmod1)
  .breadcrumb
  a[aria-current="page"] {
  color: #000 !important;
  font-weight: 700;
}

.breadcrumb {
  min-width: 100%;
  padding: 0.25rem !important;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.25rem;
}

.breadcrumb .breadcrumb {
  background: none;
}

/* ---------------------------------------------------------
   5. LOGIN
   --------------------------------------------------------- */
.login_box_inner img {
  height: 70px;
}

.login_box_inner span {
  display: none;
}

.our-log.style4 > .login_box {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
}

.login_box .mt-3,
.login_box .mt-2 p {
  font-size: 1rem !important;
  color: #181b31;
}

.custom-login #login input[type="text"],
.custom-login #login input[type="password"],
.default-login #login input[type="text"],
.default-login #login input[type="password"] {
  padding-left: 35px !important;
}

/* ---------------------------------------------------------
   6. NAVIGATION, MENUS & SIDEBARS
   --------------------------------------------------------- */
.primary-navigation .navigation {
  height: initial;
}

.nav-tabs {
  border: 0;
}

.nav-tabs .nav-item a {
  padding: 0.75rem 2.5rem !important;
  border-radius: 0.75rem 0.75rem 0 0;
}

.nav-tabs .nav-link.active {
  border-color: #fff;
  background: rgba(36, 120, 184, 1);
  color: #fff;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #fff;
  background: rgba(36, 120, 184, 1);
  color: #fff;
}

.dropdown-menu .nav-item a {
  padding: 0.5rem 1rem !important;
  border-radius: 0;
}

.dropdown-item.active:before {
  display: none;
}

.dropdown-item.active {
  background: #2571b7 !important;
  color: #fff !important;
}

.path-my .primary-navigation {
  display: none;
}

.secondary-navigation .navigation .nav-tabs {
  background: linear-gradient(
    122deg,
    #cbe6f4 -18.47%,
    #8dc8e8 50.34%,
    #c5b4e3 118.47%
  );
}

.secondary-navigation .navigation .nav-tabs a {
  color: #0e1726 !important;
}

.secondary-navigation .navigation .nav-tabs a.dropdown-item:hover,
.secondary-navigation .navigation .nav-tabs a.dropdown-item:focus,
.secondary-navigation .navigation .nav-tabs a.dropdown-item:active {
  background: linear-gradient(
    122deg,
    #cbe6f4 -18.47%,
    #8dc8e8 50.34%,
    #c5b4e3 118.47%
  );
}

.secondary-navigation .moremenu {
  background: linear-gradient(
    122deg,
    #cbe6f4 -18.47%,
    #8dc8e8 50.34%,
    #c5b4e3 118.47%
  );
  border-radius: 0.5rem;
  border: 0;
  min-width: 100%;
}

.secondary-navigation .moremenu a {
  color: #0e1726 !important;
  border-radius: 0rem !important;
  padding: 1rem 2rem !important;
}

.secondary-navigation .moremenu .nav-link:hover,
.secondary-navigation .moremenu .nav-link:focus {
  background: #fff !important;
  border-radius: 0.5rem !important;
}

.secondary-navigation .moremenu .nav-link.active {
  background: #fff !important;
  border-radius: 0.5rem !important;
  border: 0 !important;
}

.secondary-navigation ul ul a.active {
  background: linear-gradient(
    122deg,
    #cbe6f4 -18.47%,
    #8dc8e8 50.34%,
    #c5b4e3 118.47%
  );
  font-weight: 600;
}

/* --- dashboard sidebar */
.tgsdb .sidebar-content {
  background: linear-gradient(
    180deg,
    #cbe6f4 -18.47%,
    #8dc8e8 50.34%,
    #c5b4e3 118.47%
  ) !important;
}

.tgsdb .sidebar-content i,
.tgsdb_open .tgsdb_btn i {
  color: #0e1726 !important;
  padding: 2px !important;
}

.tgsdb .sidebar-content i:hover,
.tgsdb .sidebar-content i:focus,
.tgsdb .sidebar-content i:active,
.tgsdb_open .tgsdb_btn i:hover,
.tgsdb_open .tgsdb_btn i:focus,
.tgsdb_open .tgsdb_btn i:active {
  background: #fff !important;
  border-radius: 4px !important;
}

/* ---------------------------------------------------------
   7. BUTTONS (Botões)
   --------------------------------------------------------- */
.ui_kit_button .btn:not(.btn-md):not(.btn-sm):not(.btn-xs) {
  height: auto;
  font-size: 1rem;
  text-transform: capitalize;
}

.ui_kit_btn a {
  padding: 0 0.75rem !important;
}

.ui_kit_btn:hover {
  filter: invert(33%) sepia(91%) saturate(1151%) hue-rotate(186deg)
    brightness(84%) contrast(79%);
}

.btn {
  font-family: "Poppins", sans-serif;
  border: 0;
}

.btn-primary,
.btn-secondary,
.page-context-header .btn {
  background: #00aaef;
  border-color: #00aaef;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.page-context-header .btn:hover,
.page-context-header .btn:focus,
.page-context-header .btn:active {
  border-color: #00aaef;
  color: #00aaef;
}

.btn-primary-inv {
  background: #fff;
  border: solid 2px #00aaef;
  color: #00aaef;
  border-radius: 5px;
}

.btn-primary-inv:hover,
.btn-primary-inv:focus,
.btn-primary-inv:active {
  background: #00aaef;
  color: #fff;
}

/* ---------------------------------------------------------
   8. GENERAL BLOCKS & BANNERS (Blocos & Banners Gerais)
   --------------------------------------------------------- */
.block_cocoon_custom_html {
  margin: 0 0 4rem 0;
}

.n1it-ms-block-bg-blue {
  background: #00aaef;
  padding: 4rem 0;
}

.n1it-ms-block-home-phrase-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.n1it-ms-block-bg-blue h3 {
  color: #fff;
}

.n1it-ms-block-bg-blue a.btn-primary {
  background: rgba(255, 255, 255, 0.8);
  color: #00aaef;
}

.n1it-ms-block-bg-blue a.btn-primary:hover,
.n1it-ms-block-bg-blue a.btn-primary:focus,
.n1it-ms-block-bg-blue a.btn-primary:active {
  background: rgba(24, 27, 49, 0.8);
  color: #fff;
}

#block-region-fullwidth-top .n1it-ms-block-banner {
  padding: 150px 0;
  margin-bottom: 2rem;
  background-size: cover;
}

#block-region-fullwidth-top .n1it-ms-block-banner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(
    89.94deg,
    #0f0f0f 11.41%,
    rgba(255, 255, 255, 0) 99.94%
  );
}

#block-region-fullwidth-top .n1it-ms-block-banner h4 {
  color: #fff;
}

.n1it-ms-block-banner-home {
  background: url(/theme/mb2nl/pix/n1it-ms-banner-home.jpg) 50% 50% no-repeat;
  z-index: 9;
}

#block-region-fullwidth-top .n1it-ms-block-banner .container {
  position: relative;
  z-index: 9;
}

#block-region-fullwidth-top .n1it-ms-block-banner .container h3 {
  color: #fff;
}

#block-region-fullwidth-top .n1it-ms-block-banner .container a {
  position: relative;
  top: 2rem;
  padding: 0.75em 2rem;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 0.5rem;
  font-weight: 700;
}

/* --- custom banners */
.n1it-ms-home-wrapper .n1it-ms-home-banner {
  background: url(/theme/mb2nl/images/ms-banner.jpg) 50% 75% no-repeat;
  padding: 150px 0;
  background-size: cover;
  margin-bottom: 1rem;
}

.n1it-ms-home-banner,
.n1it-ms-home-banner-text {
  position: relative;
}

.n1it-ms-home-banner:after {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: calc(100% + 3rem);
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  min-height: 470px !important;
}

.n1it-ms-home-banner-text {
  position: relative;
  margin: 0 auto;
  z-index: 9;
}

.n1it-ms-home-wrapper h2 {
  color: rgba(35, 119, 184, 1) !important;
  font-family: "Poppins", sans-serif;
}

.n1it-ms-home-banner-text h3 {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}

.n1it-ms-home-banner-text a {
  color: #fff;
  background: rgb(0, 165, 239);
  padding: 0.75rem 2rem;
  border-radius: 1rem;
  margin-top: 1rem;
  display: inline-block;
  font-weight: 900;
  font-size: 1rem;
}

.n1it-ms-home-banner-text a:hover,
.n1it-ms-home-banner-text a:focus,
.n1it-ms-home-banner-text a:active {
  background: rgba(165, 50, 135, 1);
  color: #fff;
}

.n1it-ms-home-banner h3 {
  color: #fff !important;
}

.n1it-ms-home-banner-text {
  max-width: 1260px;
  margin: 0 auto !important;
}

body.editing #block-region-below-header {
  margin-bottom: 0;
  height: 100%;
  max-height: 100%;
  min-height: unset;
}

#block-region-below-header .block_html {
  position: relative;
  background: url(/theme/mb2nl/_imgs/ms-banner.jpg) 50% 50% no-repeat;
  z-index: 0;
  padding: 0px 60px;
  background-size: cover;
  min-height: 150px;
  padding: 0 !important;
  top: 52px !important;
  margin-bottom: 2rem !important;
  border-radius: 0;
}

/* ---------------------------------------------------------
   9. SPECIFIC BANNERS BY ID & PAGE (Banners por ID e Páginas)
   --------------------------------------------------------- */
.n1it-ms-block-banner-contato {
  background: url(/theme/mb2nl/pix/n1it-ms-banner-contato.jpg) 50% 50% no-repeat;
  z-index: 9;
}

.n1it-ms-block-banner-eventos {
  background: url(/theme/mb2nl/pix/n1it-ms-banner-eventos.jpg) 50% 65% no-repeat;
  z-index: 9;
}

.n1it-ms-block-banner-cursos {
  background: url(/theme/mb2nl/pix/n1it-ms-banner-cursos.jpg) 100% 50% no-repeat;
  z-index: 9;
}

.n1it-ms-block-banner-cursos .container img {
  max-height: 60px;
}

/* --- custom courses banners */
.n1it-ms-block-banner-curso-id3,
.n1it-ms-block-banner-curso-id4,
.n1it-ms-block-banner-curso-id5,
.n1it-ms-block-banner-curso-id6,
.n1it-ms-block-banner-curso-id7,
.n1it-ms-block-banner-curso-id8,
.n1it-ms-block-banner-curso-id9 {
  z-index: 9;
}

.n1it-ms-block-banner-curso-id3 {
  background: url(/theme/mb2nl/images/cursos/curso-3.jpg) 100% 60% no-repeat;
}

.n1it-ms-block-banner-curso-id4 {
  background: url(/theme/mb2nl/images/cursos/curso-4.jpg) 100% 60% no-repeat;
}

.n1it-ms-block-banner-curso-id5 {
  background: url(/theme/mb2nl/images/cursos/curso-5.jpg) 100% 50% no-repeat;
}

.n1it-ms-block-banner-curso-id6 {
  background: url(/theme/mb2nl/images/cursos/curso-6.jpg) 100% 60% no-repeat;
}

.n1it-ms-block-banner-curso-id7 {
  background: url(/theme/mb2nl/images/cursos/curso-7.jpg) 100% 40% no-repeat;
}

.n1it-ms-block-banner-curso-id8 {
  background: url(/theme/mb2nl/images/cursos/curso-8.jpg) 100% 45% no-repeat;
}

.n1it-ms-block-banner-curso-id9 {
  background: url(/theme/mb2nl/images/cursos/curso-9.jpg) 100% 47% no-repeat;
}

/* ---------------------------------------------------------
   10. COURSE VIEWS, FORMATS & ONETOPIC (Módulo Onetopic)
   --------------------------------------------------------- */
#page-course-view-onetopic .instructor_personal_infor {
  display: none;
}

.ccn_custom_html_default h4.title {
  color: #00aaef !important;
  font-size: 23px;
  line-height: 1.9;
}

body.cmid-28 .box.py-3.generalbox.center.clearfix {
  display: none;
}

.cmid-28 #block-region-below-content .container {
  padding: 0;
}

.cmid-28 .ccn_breadcrumb_widgets {
  display: none;
}

.format-onetopic.path-mod #ccn-main-region {
  padding-top: 0;
}

.section-navigation .nextsection .rarrow,
.section-navigation .jumpmenu {
  display: none;
}

.activity-navigation .urlselect {
  display: none;
}

.format-onetopic.path-mod .ccn_breadcrumb_widgets,
.format-onetopic.path-mod .completion-info {
  display: none;
}

iframe[allow="autoplay; fullscreen"] {
  aspect-ratio: 16 / 9;
  width: auto;
  height: auto;
  width: 60vw;
  max-width: 900px;
  margin: 1rem auto;
  display: flex;
}

.activity-navigation .row .col-md-4:nth-of-type(2) {
  display: none;
}

.activity-navigation .row .col-md-4 {
  flex: 0 0 50%;
  max-width: 50%;
}

.activity-navigation .row .col-md-4 a {
  color: initial;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  font-size: 1.1rem;
  color: #7e8090;
  text-align: left;
}

.activity-navigation .float-left,
.activity-navigation .float-right {
  background-size: contain;
  background: url(/theme/mb2nl/pix/arrow-left.svg) 0 50% no-repeat;
  padding-left: 1rem;
}

.activity-navigation .float-right {
  background: url(/theme/mb2nl/pix/arrow-right.svg) 100% 50% no-repeat;
  padding-right: 1rem;
}

body#page-mod-page-view:not(.role-supreme) .modified {
  display: none;
}

.section-navigation.navigationtitle.d-flex.justify-content-between {
  display: none !important;
}

.onetopic {
  background: transparent;
  padding: 0 0 2rem 0;
  margin: -1rem 0 0 0;
}

.flex-fill.description-inner p {
  position: relative;
  padding: 0 0 1rem 0;
  color: rgba(36, 120, 184, 1);
  font-weight: 700;
  font-size: 1.3rem;
}

li.activity.activity-wrapper {
  margin-bottom: 2rem;
}

li.activity.activity-wrapper:not(.label) {
  padding: 0 0 2rem 0;
  margin-bottom: 0rem;
}

.activity-item:not(.activityinline) {
  border: 0;
  border-bottom: solid 1px #ddd;
  border-radius: 0;
  padding-bottom: 1rem !important;
}

.activityiconcontainer {
  background: #00aaef !important;
  border-radius: 0.35rem;
}

.activitytitle .text-uppercase.small {
  display: none;
}

.activitytitle a,
.activitytitle {
  font-size: 1.1rem;
  color: #7e8090;
}

.activitytitle a:hover,
.activitytitle a:focus,
.activitytitle a:active {
  color: #181b31;
  font-weight: 700;
}

.activity-item i.bi {
  font-size: 1.5rem;
}

.activity-item .bi-check-circle-fill {
  color: #bba07a;
}

.pagelayout-course #ccn-main-region {
  padding-top: 1rem;
}

.format_onetopic-tabs {
  border-bottom: solid 1px #ddd;
}

.editing .activity-item:hover,
.editing .activity-item:focus,
.editing .activity-item:active {
  background: transparent;
}

body.course-1:not(.role-supreme) .sitetopic {
  display: none;
}

#page-enrol-index #ccn-main {
  max-width: 100%;
}

#page-enrol-index #ccn-main > .box > div {
  flex: 0 0 100%;
  max-width: 100%;
}

#page-enrol-index #ccn-main > .box > div > .top_courses {
  max-width: 400px;
  margin: 0 auto;
}

#page-enrol-index #notice {
  text-align: center;
}

#ccn-main-region .container {
  background: #fff;
  padding: 1rem;
  max-width: 1290px;
  border-radius: 0.3rem;
}

.course_content {
  border: 0 !important;
  border-radius: 0;
  padding: 1rem !important;
}

#page-course-index-category #ccn-main-region > .container {
  padding: 0;
  background: none;
}

#page-course-view-topics .cc_headers {
  display: none;
}

#page-course-view-topics .notifications:empty,
#page-course-view-topics #maincontent:empty {
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}

/* ---------------------------------------------------------
   11. SPECIFIC MODULES (Contatos, Grades, Relatórios)
   --------------------------------------------------------- */
/* --- contatos */
.our-contact h4 {
  display: none;
}

.our-contact form {
  max-width: 600px;
  margin: -2rem auto;
  padding: 2rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  background: #ffffff;
}

/* --- meus cursos grids & lists */
.my_course_content {
  padding: 0;
  border: 0;
  box-shadow: none;
}

.my_course_content_header {
  display: none;
}

.my_course_content_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 2rem;
}

.my_course_content_list .mc_content_list {
  padding: 0;
  border: 0;
  flex-direction: column;
  border-radius: 1rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
}

.my_course_content_list .mc_content_list .thumb {
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  border: 0;
  max-height: 300px;
}

.my_course_content_list .mc_content_list .thumb img {
  border-radius: 1rem 1rem 0 0;
  border-bottom: solid 10px #00aaef;
}

.my_course_content_list .mc_content_list .details {
  padding: 1rem;
}

.my_course_content_list .mc_content_list .details .subtitle {
  display: none;
}

.my_course_content_list
  .mc_content_list
  .details
  .ccn_mc_content_header_status {
  display: none;
}

.ccn_mc_progress {
  max-width: 100%;
  margin: 1rem 0;
  min-width: 100%;
}

[data-region="paged-content-page"],
[data-region="paged-content-container"],
.paged-content-page-container.ccn-pagination-page {
  box-shadow: none !important;
  border: 0 !important;
}

.block .block-cards .progress {
  height: 1rem;
  min-width: 100%;
}

.ccn_mc_progress {
  min-width: 100% !important;
}

.my_course_content .ccn-pagination {
  border: 0;
}

.my_course_content_list .mc_content_list .thumb .overlay {
  background: rgba(36, 120, 184, 0.8);
  border-radius: 1rem 1rem 0 0;
}

.list-inline-item {
  border-radius: 0.3rem !important;
}

.list-inline-item a {
  font-weight: 600;
}

.list-inline-item:hover,
.list-inline-item:focus,
.list-inline-item:active {
  background: #fff !important;
}

.list-inline-item:hover a,
.list-inline-item:focus a,
.list-inline-item:active a {
  color: #00aaef !important;
}

.my_course_content_list.my_course_content_list div[data-course-id="10"],
.my_course_content_list.my_course_content_list div[data-course-id="11"],
.my_course_content_list.my_course_content_list div[data-course-id="12"] {
  display: none !important;
}

#our-top-courses .col-lg-4 a {
  pointer-events: none;
}

/* --- cards reordering */
.my_course_content_list div[data-course-id="3"] {
  order: 7;
}

.my_course_content_list div[data-course-id="4"] {
  order: 4;
}

.my_course_content_list div[data-course-id="5"] {
  order: 5;
}

.my_course_content_list div[data-course-id="6"] {
  order: 6;
}

.my_course_content_list div[data-course-id="7"] {
  order: 1;
}

.my_course_content_list div[data-course-id="8"] {
  order: 2;
}

.my_course_content_list div[data-course-id="9"] {
  order: 3;
}

.ccn_mc_content_header_details {
  min-width: 100%;
}

.my_course_content_list h5.title {
  min-height: 51px;
}

/* --- custom cards grid */
.n1it-ms-cards-list-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
  align-items: center;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card {
  padding: 1rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card a {
  display: block;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card:hover,
.n1it-ms-cards-list-wrapper .n1it-ms-card:focus,
.n1it-ms-cards-list-wrapper .n1it-ms-card:active {
  background: #00aaef;
  transition: all 0.5s;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card:hover a,
.n1it-ms-cards-list-wrapper .n1it-ms-card:focus a,
.n1it-ms-cards-list-wrapper .n1it-ms-card:active a {
  color: #fff;
  transition: all 0.5s;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card h4 {
  margin: 0 0 3rem 0;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card h5 {
  margin: 0;
  padding: 0;
}

.n1it-ms-cards-list-wrapper .n1it-ms-card a.btn-primary-inv {
  padding: 0.5rem 3rem;
  font-weight: 700;
}

/* --- course preview */
.top_courses.ccnWithFoot {
  border: 0;
  border-radius: 1rem;
  box-shadow: -3px 5px 37px 10px rgb(0 0 0 / 6%);
}

.top_courses.ccnWithFoot:hover,
.top_courses.ccnWithFoot:focus,
.top_courses.ccnWithFoot:active {
  box-shadow: -3px 5px 37px 10px rgb(0 0 0 / 16%);
}

.top_courses.ccnWithFoot .thumb {
  scale: 1;
  transition: all 4s;
}

.top_courses.ccnWithFoot:hover .thumb img,
.top_courses.ccnWithFoot:focus .thumb img,
.top_courses.ccnWithFoot:active .thumb img {
  scale: 1.5;
  transition: all 4s;
}

.top_courses.ccnWithFoot .details {
  border-top: solid 10px #00aaef;
}

.top_courses.ccnWithFoot .details,
.top_courses.ccnWithFoot .tc_footer {
  background: #fff !important;
}

.top_courses.ccnWithFoot .tc_footer {
  display: none;
}

.top_courses.ccnWithFoot h5 {
  min-height: 3.3rem;
}

.top_courses.ccnWithFoot .details h5 a:hover,
.top_courses.ccnWithFoot .details h5 a:focus,
.top_courses.ccnWithFoot .details h5 a:active {
  color: #00aaef;
}

.tc_content_info1 {
  display: none;
}

#page-course-index-category.category-4 .top_courses.ccnWithFoot a {
  pointer-events: none;
}

#page-course-index-category.category-4
  .top_courses.ccnWithFoot
  .tc_preview_course {
  font-size: 0;
  width: 100%;
}

#page-course-index-category.category-4
  .top_courses.ccnWithFoot
  .tc_preview_course:before {
  content: "Em breve!";
  position: absolute;
  font-size: 1rem;
  left: calc(50% - 3rem);
}

body#page-course-index-category.category-4 .tc_content h5 {
  color: #7e7e7e;
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 300;
  line-height: 25px;
}

/* --- custom reports */
#page-blocks-configurable_reports-viewreport #reporttable {
  border: 0;
}

#page-blocks-configurable_reports-viewreport #reporttable th {
  background: rgba(36, 120, 184, 1);
  color: #fff;
}

#page-blocks-configurable_reports-viewreport #reporttable th.c2,
#page-blocks-configurable_reports-viewreport #reporttable th.c3,
#page-blocks-configurable_reports-viewreport #reporttable th.c4,
#page-blocks-configurable_reports-viewreport #reporttable td.c2,
#page-blocks-configurable_reports-viewreport #reporttable td.c3,
#page-blocks-configurable_reports-viewreport #reporttable td.c4 {
  text-align: center;
}

#page-blocks-configurable_reports-viewreport #totalrecords {
  background: #f0f0f0;
  text-align: left;
  font-weight: 700;
  border-top: solid 2px #ccc;
}

#page-blocks-configurable_reports-viewreport .centerpara a {
  background: rgba(36, 120, 184, 1);
  color: #fff;
  padding: 5px;
}

#page-blocks-configurable_reports-viewreport .centerpara a:hover,
#page-blocks-configurable_reports-viewreport .centerpara a:focus,
#page-blocks-configurable_reports-viewreport .centerpara a:active {
  background: #f0f0f0;
  color: #7e8090;
}

/* --- simple certificate */
#page-mod-simplecertificate-view table {
  margin: 2rem 0;
}

#page-mod-simplecertificate-view table .c1 {
  width: 160px !important;
}

#page-mod-simplecertificate-view table .c2 {
  width: 300px !important;
}

#page-mod-simplecertificate-view div[style="margin:auto; width:50%"] {
  min-width: 100%;
}

/* --- modal */
.modal-header {
  background: #00aaef !important;
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
  color: #fff;
}

#modal-content.py-3 {
  padding-top: 0 !important;
}

.ccn-profile-menu .rounded-circle {
  width: 43px;
}

.modal-content #modal-header {
  padding: 1rem 1rem 0.5rem 1rem !important;
}

.modal-content #modal-body {
  padding: 1rem 1rem 0.5rem 1rem !important;
}

/* --- chatbot sophie */
.chatbot-wrapper {
  position: fixed;
  bottom: 0;
  right: 0;
  bottom: -0.5rem;
  max-width: 500px;
  z-index: 9999;
  padding: 0;
  margin: 0;
}

.chatbot-toggle-btn {
  position: fixed;
  bottom: 4rem;
  right: 1rem;
  width: 60px;
  height: 60px;
  background: #00a4ef;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.chatbot-toggle-btn:hover,
.chatbot-toggle-btn:focus,
.chatbot-toggle-btn:active {
  cursor: pointer;
}

.chatbot-toggle-btn img {
  width: 60px;
  height: 60px;
}

#chatbot-content {
  position: relative;
  z-index: 99999999 !important;
  max-width: 500px;
  height: 570px;
}

#chatbot-content iframe {
  padding: 0;
  margin: 0;
}

#chatbot-content-close {
  position: absolute;
  right: 0.5rem;
  top: -1.7rem;
  background: #00a4ef;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 900;
}

#chatbot-content-close:hover,
#chatbot-content-close:focus,
#chatbot-content-close:active {
  cursor: pointer;
}

.chatbot-content-body {
  position: relative;
  height: 550px;
  width: 400px;
  margin: 0.5rem;
  border-radius: 1rem !important;
  overflow: hidden;
  z-index: 999999 !important;
}

/* --- editor atto */
.editor_atto_wrap,
.editor_atto {
  max-width: 0 !important;
  min-width: 100% !important;
  width: 100% !important;
}

.atto_toolbar_row {
  width: 100vw !important;
}

/* --- blog */
.mbp_thumb_post img {
  margin-top: -25%;
}

.blog_tag_widget {
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
}

/* --- custom content pages & admin */
.n1it-ms-custom-content-page ul {
  font-size: 18px;
  padding: 0 2rem 2rem 2rem;
}

.n1it-ms-content-highlight {
  padding: 5px;
}

#page-admin-roles-allow table td:not(.c0) {
  text-align: center !important;
}

/* ---------------------------------------------------------
   12. FOOTER (Rodapé da Página)
   --------------------------------------------------------- */
.n1it-ms-footer .row {
  display: grid;
  grid-template-columns: 350px 1fr;
  grid-gap: 1rem;
  padding: 0 1rem;
}

.n1it-ms-footer .n1it-ms-footer-logos {
  margin-right: 100px;
}

.n1it-ms-footer .n1it-ms-footer-logos img {
  height: 30px;
  margin-bottom: 1rem;
}

.n1it-ms-footer-col-menu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
  margin-top: 0.75rem;
}

.n1it-ms-footer-col-5 {
  grid-column-end: span 2;
}

.n1it-ms-footer .n1it-ms-footer-col h3,
.n1it-ms-footer .n1it-ms-footer-col h3 a {
  font-size: 1.1rem;
  font-weight: 600 !important;
}

.n1it-ms-footer .n1it-ms-footer-col h4,
.n1it-ms-footer .n1it-ms-footer-col h4 a {
  font-weight: 100 !important;
  font-size: 0.9rem;
  color: #7e8090;
}

.n1it-ms-footer h3,
.n1it-ms-footer h3 a,
.n1it-ms-footer h3,
.n1it-ms-footer h3,
.n1it-ms-footer h4 {
  color: #000 !important;
}

.n1it-ms-footer h3 a:hover,
.n1it-ms-footer h3 a:focus,
.n1it-ms-footer h3 a:active {
  color: #0083fa !important;
}

.n1it-ms-footer-copyright,
.n1it-ms-footer-legal {
  flex: 0 0 100%;
  grid-column-end: span 2;
  margin-top: 2rem;
  text-align: center;
}

.n1it-ms-footer-copyright p,
.n1it-ms-footer-legal p {
  font-size: 0.8rem;
  font-weight: 100;
  margin: 0;
}

.n1it-ms-footer-legal {
  margin: 0;
}

.n1it-ms-footer-copyright a:hover,
.n1it-ms-footer-copyright a:focus,
.n1it-ms-footer-copyright a:active,
.n1it-ms-footer-legal a:hover,
.n1it-ms-footer-legal a:focus,
.n1it-ms-footer-legal a:active {
  color: #000 !important;
}

.n1it-ms-footer-social ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
}

.n1it-ms-footer-social {
  list-style-position: inside !important;
  padding: 0 !important;
  margin-left: -2rem !important;
}

.n1it-ms-footer-social li {
  list-style-type: none !important;
}

.n1it-ms-footer-social ul img {
  width: 30px;
}

.n1it-footer_social_widget * {
  color: #000 !important;
}

.n1it-footer_social_widget i.fa {
  font-size: 2rem !important;
}

.n1it-ms-footer h3,
.n1it-ms-footer h3 a,
.n1it-ms-footer h4 {
  font-size: 1rem !important;
}

.page-c #footer {
  background: #fff;
}

/* ---------------------------------------------------------
   13. HOMEPAGE SPECIFIC STYLES (Elementos da Homepage)
   --------------------------------------------------------- */
#page-site-index .inner_page_breadcrumb {
  display: none;
}

.n1it-ms-home-content-graph-wrapper {
  display: grid;
  grid-template-columns: 200px 50px 200px 50px 200px;
  gap: 2rem 4rem;
  align-items: center;
  justify-content: center;
  margin: 4rem 0;
}

.n1it-ms-block-default p {
  font-size: 1.1rem;
  color: #7e8090;
  margin: 0 0 2rem 0;
}

.n1it-ms-block-default h3 {
  color: #00aaef !important;
  margin: 1rem 0 2rem 0;
}

.n1it-ms-home-content-graph-wrapper > div {
  text-align: center;
}

.n1it-ms-home-content-graph-wrapper > div h3 {
  margin: 2rem 0 1rem 0;
  color: #000;
}

.n1it-ms-home-content-graph-wrapper > div h4 {
  color: #7e8090;
  font-weight: 400;
  margin: 0;
}

.n1it-ms-home-content-img {
  margin: 3rem 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin: 3rem 0 2rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 1px #ccc;
}

/* --- home content */
.n1it-ms-home-metodo-wrapper {
  margin: 1rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}

.n1it-ms-home-metodo-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/theme/mb2nl/images/n1it-ms-home-arrows.png) 100% 50%
    no-repeat;
  background-size: 95%;
  height: 180px;
}

.n1it-ms-home-metodo-content span {
  display: flex;
  align-items: center;
  left: 0;
  position: absolute;
  border-radius: 50%;
  background: #00a4ef;
  aspect-ratio: 1 / 1;
  max-width: 120px;
  padding: 1rem;
}

.n1it-ms-home-metodo-content span h5 {
  text-align: center;
  color: #fff;
  font-weight: 900;
  line-height: 1.3;
  font-size: 0.8rem;
}

.n1it-ms-home-metodo-content h5 {
  display: flex;
  align-items: center;
  left: 0;
  position: absolute;
  border-radius: 50%;
  background: #00a4ef;
  aspect-ratio: 1 / 1;
  max-width: 120px;
  padding: 1rem;
  color: #fff !important;
  font-size: 14px;
  text-align: center;
}

.n1it-ms-home-panorama-wrapper {
  margin: 2rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.n1it-ms-home-panorama-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}

.n1it-ms-home-panorama-item h4 {
  font-size: 0.8rem;
  font-weight: 300;
}

.n1it-ms-home-panorama-item .material-icons {
  font-size: 4rem;
  margin-bottom: 1rem;
}

.n1it-ms-home-panorama-wrapper,
.n1it-ms-home-panorama-wrapper h3,
.n1it-ms-home-panorama-wrapper h4 {
  color: #7d7f8f !important;
}

.n1it-ms-home-panorama-wrapper h3 {
  font-size: 2rem;
}

.n1it-ms-home-panorama-wrapper h4 {
  font-weight: 100 !important;
}

.n1it-ms-home-jornada img,
.n1it-ms-home-beneficios img {
  margin-top: 2rem;
}

.n1it-ms-home-beneficios a {
  color: #fff;
  background: rgb(0, 165, 239);
  padding: 0.75rem 2rem;
  border-radius: 1rem;
  margin-top: 1rem;
  display: inline-block;
  font-weight: 900;
  font-size: 1rem;
}

.n1it-ms-home-beneficios a:hover,
.n1it-ms-home-beneficios a:focus,
.n1it-ms-home-beneficios a:active {
  background: rgba(165, 50, 135, 1);
}

.n1it-ms-home-text,
.n1it-ms-home-objetivo h2,
.n1it-ms-home-objetivo p,
.n1it-ms-home-metodo,
.n1it-ms-home-entregaveis,
.n1it-ms-home-jornada h2,
.n1it-ms-home-panorama h2,
.n1it-ms-home-beneficios h2,
.n1it-ms-home-panorama-wrapper,
.n1it-ms-home-links h2,
.n1it-ms-home-links ul {
  max-width: 1260px;
  margin: 1rem auto;
}

.n1it-ms-home-links {
  margin-top: 3rem;
}

.n1it-ms-home-panorama,
.n1it-ms-home-objetivo {
  padding: 0;
  margin: 2rem 0;
}

.n1it-ms-home-entregaveis img {
  max-width: 1100px;
  margin: 0 auto !important;
  display: block;
}

.n1it-ms-home-panorama-wrapper h3 {
  color: rgba(126, 128, 144, 1);
}

.n1it-ms-home-links ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 2rem;
  align-items: center;
  margin-top: 2rem;
}

.n1it-ms-home-links ul li a {
  padding: 1rem 0.8rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  display: block;
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  color: rgba(35, 119, 184, 1);
  font-size: 0.98rem;
}

.n1it-ms-home-links ul li a:hover,
.n1it-ms-home-links ul li a:focus,
.n1it-ms-home-links ul li a:active {
  background: #00a5ef;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

/* ---------------------------------------------------------
   14. WAVES & INTERACTIVE VISUALS (Efeitos e Animações)
   --------------------------------------------------------- */
.n1it-ms-wave-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(100% / 6), 1fr));
}

.n1it-ms-wave-item {
  text-align: center;
  min-width: calc(100% / 6);
  background-size: contain;
  height: 245px;
  text-align: center !important;
  padding-left: 55px;
  padding-right: 40px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.1;
}

.n1it-ms-wave-item:nth-of-type(odd) {
  padding-top: 50%;
}

.n1it-ms-wave-item:nth-of-type(even) {
  padding-top: 50%;
}

.n1it-ms-wave-item-1 {
  color: #233bb8;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave1.png) 50% 0% no-repeat;
  background-size: contain;
}

.n1it-ms-wave-item-2 {
  color: #2356b8;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave2.png) 50% 100% no-repeat;
  background-size: contain;
}

.n1it-ms-wave-item-3 {
  color: #00aaef;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave3.png) 50% 0% no-repeat;
  background-size: contain;
}

.n1it-ms-wave-item-4 {
  color: #239db8;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave4.png) 50% 100% no-repeat;
  background-size: contain;
}

.n1it-ms-wave-item-5 {
  color: #2382b8;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave5.png) 50% 0% no-repeat;
  background-size: contain;
}

.n1it-ms-wave-item-6 {
  color: #2370b8;
  background: url(/theme/mb2nl/pix/n1it-n1it-ms-wave6.png) 50% 100% no-repeat;
  background-size: contain;
}

/* --- standard wave animation */
.n1it-ms-img-wave-animated {
  position: relative;
  overflow: hidden;
  z-index: 9;
  background: url(/theme/mb2nl/images/ms-home-img-wave.png) 50% 50% no-repeat;
  background-size: 100%;
}

.n1it-ms-img-wave-animated:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  -webkit-animation-name: n1it-ms-wave-animation;
  -webkit-animation-duration: 6s;
  animation-direction: forwards;
  -webkit-animation-fill-mode: revert;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  z-index: -1;
}

@-webkit-keyframes n1it-ms-wave-animation {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

/* --- alternative wave animation */
.ms-img-wave-animated {
  position: relative;
  overflow: hidden;
  z-index: 9;
  background: url(/theme/mb2nl/images/ms-home-img-wave.png) 50% 50% no-repeat;
  background-size: 100%;
}

.ms-img-wave-animated:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  -webkit-animation-name: ms-wave-animation;
  -webkit-animation-duration: 6s;
  animation-direction: forwards;
  -webkit-animation-fill-mode: revert;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  z-index: -1;
}

@-webkit-keyframes ms-wave-animation {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

/* ---------------------------------------------------------
   15. RESPONSIVE MEDIA QUERIES (Consultas de Mídia)
   --------------------------------------------------------- */
@media (max-width: 600px) {
  .n1it-ms-home-wrapper .n1it-ms-home-banner {
    background: url(/theme/mb2nl/images/ms-banner.jpg) 80% 50% no-repeat !important;
  }
}

@media (max-width: 768px) {
  /* reservation block for future rules */
}

@media (max-width: 950px) {
  .n1it-ms-home-panorama-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem auto;
  }

  .n1it-ms-home-panorama-wrapper > div {
    padding: 1rem 0;
  }
}

@media (max-width: 992px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 100vw;
  }
}

@media (max-width: 1100px) {
  .n1it-ms-home-panorama-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  }
}

@media (max-width: 1200px) {
  .main_logo_home2 {
    justify-content: center;
  }

  .main_logo_home2 span {
    display: none !important;
  }

  .breadcrumb_title {
    margin: 1rem auto 2rem !important;
  }

  .inner_page_breadcrumb {
    top: 90px !important;
    margin-bottom: 50px;
    z-index: 9;
    opacity: 1;
    margin-bottom: 100px;
  }

  .inner_page_breadcrumb:before {
    display: none;
  }

  .inner_page_breadcrumb .col-xl-6:first-of-type {
    text-align: left;
  }

  .menu_bar_home2 li.list-inline-item:first-child {
    top: -20px;
  }

  .mobile-menu
    .header.stylehome1
    a:not(.mobileBrand):not(.ccn-btn-backtocourse) {
    background: rgba(36, 120, 184, 0.8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 20px;
  }

  .mobile-menu
    .header
    a:not(.mobileBrand):not(.ccn-btn-backtocourse):not(
      .mk-search-trigger
    ):before,
  .mobile-menu
    .header
    a:not(.mobileBrand):not(.ccn-btn-backtocourse):not(.mk-search-trigger)
    span {
    width: 24px;
    display: block;
  }

  .n1it-ms-footer .row {
    display: block;
  }

  .n1it-ms-footer-logos {
    text-align: center;
  }

  .n1it-ms-footer-col-5 {
    text-align: center;
    grid-column-end: span 4;
    margin-bottom: -2rem;
  }

  .n1it-ms-footer-col-menu {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }

  iframe[allow="autoplay; fullscreen"] {
    width: 100%;
  }

  .container {
    max-width: 100%;
  }

  .activity-navigation .col-md-4 {
    min-width: 100%;
    margin: 0 auto;
    text-align: center;
    float: none;
  }

  .activity-navigation .col-md-4 > div {
    text-align: center;
    float: none;
  }

  .n1it-ms-footer-social ul {
    justify-content: center;
    margin: 0 auto 2rem !important;
  }

  .n1it-ms-footer-col-5 {
    margin: 0 0 1rem 0;
  }

  .ccn-4-navigation {
    margin-top: 6rem;
  }
}

@media (max-width: 1300px) {
  .n1it-ms-home-text,
  .n1it-ms-home-objetivo h2,
  .n1it-ms-home-objetivo p,
  .n1it-ms-home-metodo,
  .n1it-ms-home-jornada h2,
  .n1it-ms-home-panorama h2,
  .n1it-ms-home-beneficios h2,
  .n1it-ms-home-panorama-wrapper,
  .n1it-ms-home-links h2,
  .n1it-ms-home-links ul {
    padding: 0 1rem;
  }
}

@media (max-width: 1350px) {
  .n1it-ms-home-panorama-wrapper {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  }
}

.theme-courses-list {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  padding: 4rem;
}

.theme-courses-list .theme-course-item {
  border: 0;
  border-radius: 1rem;
  box-shadow: -3px 5px 37px 10px rgb(0 0 0 / 6%);
}

.theme-courses-list .image-wrap {
  border-radius: 1rem 1rem 0 0 !important;
}

.theme-courses-list .content-wrap {
  border-top: solid 10px #00aaef;
}

.theme-courses-list .content-wrap a {
  color: #0a0a0a;
  font-weight: 400;
  margin-bottom: 1rem;
}

.course-content {
  font-size: 0.9rem;
  color: #0e1726 !important;
  padding-bottom: 1rem;
}

.course-content h2 a:hover,
.course-content h2 a:focus,
.course-content h2 a:active {
  color: #00aaef !important;
}

.theme-courses-list .linkabs {
  position: absolute;
  width: 60px;
  height: 37px;
  top: 60px;
  left: 100px;
}

#page-course-index-category #page-header {
  margin-top: -1rem;
}

#page-course-index-category #page-header > .inner,
#page-course-view-topics #page-header > .inner {
  padding: 50px 0;
}

.sidebar-content .text {
  /* color: #333; */
  font-size: 0.7rem !important;
}

ul.section li > div {
  border-bottom: solid 1px #ddd !important;
  margin-bottom: 1rem;
}

ul.section .activity-icon img {
  filter: brightness(0) invert(1) !important;
}

/* /* --- categories list */
#page-course-index-category .courses-container {
  display: none;
}

.ibm-course-catalog .ibmcc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  gap: 2rem;
}

.ibmcc-category-card {
  background: #fff !important;
}

.ibmcc-media {
  aspect-ratio: 25 / 16;
  min-height: 192px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

.ibmcc-hover-overlay .ibmcc-count {
  font-size: 0.75rem !important;
  padding: 0.45rem 0.75rem;
  border-radius: 0.25rem;
  line-height: 1;
}

.ibmcc-hover-overlay .ibmcc-overlay-title {
  font-size: 1rem !important;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
}

.ibm-course-catalog .ibmcc-strip {
  height: 10px;
}

.ibm-course-catalog .ibmcc-content {
  padding: 1.5rem 1rem;
  background: #fff;
}

.ibm-course-catalog .ibmcc-card {
  background: #fff;
}

.ibm-course-catalog .ibmcc-content .ibmcc-title {
  color: #0a0a0a !important;
  font-weight: 300 !important;
}

.ibm-course-catalog .ibmcc-content .ibmcc-title:hover,
.ibm-course-catalog .ibmcc-content .ibmcc-title:focus,
.ibm-course-catalog .ibmcc-content .ibmcc-title:active {
  color: rgb(35, 119, 184) !important;
}

.ibm-course-catalog .ibmcc-summary {
  color: rgb(126, 126, 126) !important;
  font-weight: 100 !important;
  font-size: 0.95rem !important;
  line-height: 1.4;
}

.ibm-course-catalog .ibmcc-category-summary {
  -webkit-line-clamp: unset;
}

/* --- mais ajustes */
#page-course-view-topics .sidebar-col.col-lg-3.course-sidebar.ctabs-sidebar {
  display: none;
}

#page-course-view-topics #theme-main-content .col-lg-9 {
  width: 100%;
}

#page-header > .inner {
  padding: 50px 0;
}

#page-header > .inner:before {
  background: none;
}

h1.heding.h2 {
  color: #2377b8 !important;
}

.page-mycourses .page-b,
.path-my .page-b {
  background: #fff;
}

.block_recentlyaccessedcourses {
  border: 0 !important;
  box-shadow: none !important;
}

.block_recentlyaccessedcourses .card-title {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 1.6rem !important;
  font-weight: 400 !important;
}

.block_recentlyaccessedcourses .card-text {
  padding: 0 !important;
}

.block_recentlyaccessedcourses .card-carousel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
}

.block_recentlyaccessedcourses .card-text .card {
  padding: 0 !important;
  border: 0 !important;
}

.card-carousel .card {
  flex: unset;
  width: unset;
  max-width: 100%;
  border-radius: 1rem !important;
  padding: 0;
  border: 0;
  flex-direction: column;
  border-radius: 1rem;
  box-shadow: -3px 5px 37px 10px rgba(0, 0, 0, 0.06) !important;
  border: 0 !important;
}

.card-carousel .card .card-body {
  padding: 2rem 1rem !important;
  box-shadow: none !important;
}

.card-carousel {
  overflow: visible !important;
}

.card-carousel .card:hover,
.card-carousel .card:focus,
.card-carousel .card:active {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgb(0 0 0 / 0.12) !important;
  border: 0 !important;
}

#page-login-index .pagelayout {
  margin-top: 0 !important;
}

#page-login-index .page-outer {
  background: url(/theme/mb2nl/images/pcp-login-bg.jpg) !important;
  background-size: cover !important;
  background-position: 260px center !important;
}