/* .mez.header .nav-main .menu .first {
    display: block;
    border: 1px solid red;
  } */

  /* @media (max-width: 1550px) and (min-width: 1700px) {
  margin-inline-end: -1.2vw;
} */

 
.mez.header .header__wrap .container {
  max-width: none;
  padding-inline: 0;
}

.header__top .container {
  max-width: none;
  padding-inline: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; 
}

.header__top .container .insice-burger {
  display: none;
}

.header__top .container::after { 
  display: none; 
}

.mez.header {
  max-height: none; 
  padding-top: 3px;
  border-bottom: 1px solid rgba(179,182,187,0.2);
  border-bottom: 1px solid red;
}

.mez.header .logo { 
  position: relative;
  top: 0;
}

.mez.header .header__top {
  height: auto;
  background: transparent;
}

.mez.header .header__nav {  
  height: auto;
}

.mez.header.sticky {
  max-height: none;
  transform: translateY(0);
  padding-top: 3px;
}

.sticky .mez.header .logo, .mez.header .logo {
  height: 120px; 
}

.sticky .mez.header .logo {
  padding: 12px 0;
}

.sticky .mez.header .nav-main {
  height: 90px;
}

.mez.header .nav-main {
  margin-inline-start: 274px;
}

.mez.header .header__dropdown, .sticky .mez.header .header__dropdown {
  margin-top: 0;
}

.sticky .mez.header .nav-main>ul>li>a {
  padding-bottom: 34px;
}

.mez.header .header__wrap {
  inset-block-start: 0;
  background: #fff;
  position: absolute;
  top: 0;
  border-inline-end: 1px solid rgba(131, 138, 151, 0.25);
  padding-inline: 34px;
  padding-block: 13px;
}

.mez.header .logo img { 
  margin-right: 0; 
}



/* ---------------- calendar ---------------- */

.mez.calendar .calendar__title .btn-default.today {
  display: none;
}

/* .mez.calendar {
  display: flex;
  flex-wrap: wrap;
} */

.mez.calendar {
  margin-top: 30px;
}

.mez.calendar h3, .mez.calendar h3.text-center {
  text-align: start !important;
}

.mez.calendar .calendar__title {
  position: relative;
  height: 6px;
  text-align: center;
}

.mez.calendar .calendar__title .btn.prev {
  left: auto;
  right: 57px;
}

.mez.calendar .calendar__title .btn.prev, .mez.calendar .calendar__title .btn.next {
  top: auto;
  bottom: 0;
}

.node-type-academic-year .col-md-12.ng-scope.bg-blue {
  display: none;  
}

.node-type-academic-year .col-md-34.col-md-offset-2.ng-scope {
  width: 100%;
}

.mez.calendar .cal-row-head {
  background: #ffffff; 
}

.mez.calendar .cal-context {
  background: #ffffff;
}

.mez.calendar .cal-row-head [class*=cal-cell], .mez.calendar .cal-row-head [class*=cal-cell]:first-child {
  border-left: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
}

.mez.calendar .cal-row-head [class*=cal-cell]:last-child {
  border-right: 1px solid #DFDFDF; 
}

.mez.calendar .cal-month-box [class*=cal-cell], .mez.calendar .cal-year-box [class*=span] {
  border-color: #DFDFDF;
}

.mez.calendar .cal-month-box [class*=cal-cell], .mez.calendar .cal-year-box [class*=span] {
  min-height: 140px;
}

.mez.calendar .cal-month-day {
  height: 140px;
  text-align: start;
  align-items: flex-end;
  justify-content: flex-start;
}

@media (max-width: 920px) {
  .mez.calendar .cal-month-box [class*=cal-cell], .mez.calendar .cal-year-box [class*=span] {
    min-height: 70px;
  }

  .mez.calendar .cal-month-day {
    height: 70px; 
  }
}

@media (max-width: 400px) {
  .mez.calendar .cal-month-box [class*=cal-cell], .mez.calendar .cal-year-box [class*=span] {
    min-height: 56px;
  }

  .mez.calendar .cal-month-day {
    height: 56px; 
  }

  .container.ng-scope {
    padding: 0 15px;
  }
}

.mez.calendar .cal-month-day .cal-events-num {
  display: none;
}

@media (max-width: 920px) {
  .mez.calendar .cal-month-day .cal-events-num {
    display: block;
    width: auto;
    right: auto;
    left: 15px;
    top: 32px;
    height: auto;
    padding: 3px 5px;
    font-size: 13px;
    border-radius: 3px;
  }

  .mez.calendar .cal-month-day .cal-events-num::after {
    content: '- Events';
    font-size: 13px;  
  }
}

@media (max-width: 700px) {
  .mez.calendar .cal-month-day .cal-events-num {
    display: block;
    width: 100%;
    right: auto;
    left: auto;
    top: 0;
    height: auto;
    padding: 3px 2px;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    margin: 10px 5px 10px;
  }

  .mez.calendar .cal-month-day .cal-events-num::after {
    content: 'Events';
    font-size: 11px;
    display: block;  
  }
}

@media (max-width: 400px) {  
  .mez.calendar .cal-month-day .cal-events-num { 
    padding: 3px 1px;
    font-size: 13px;
    border-radius: 3px;
    position: relative;
    margin: 2px 1px 3px;
  }
  .mez.calendar .cal-month-day .cal-events-num::after {
    content: 'Events';
    font-size: 11px;
    margin-top: 2px;
    letter-spacing: -0.02rem;
  }
}

.mez.calendar span[data-cal-date] {
    font-size: 24px;
    font-family: "robotolight";
    color: #4F5967;
    margin: 0;
    opacity: 1;
    transition: 0.8s;
    padding-inline: 15px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    inset-inline-start: -2px;
}

@media (max-width: 920px) {
  .mez.calendar span[data-cal-date] {
    font-size: 16px;
    font-family: "robotobold";
    inset-inline-start: 0px;
    text-align: center;
    margin: 3px 0 0;
    padding: 0;
    display: block;
    width: 100%;
  }
}

@media (max-width: 400px) {
  .mez.calendar span[data-cal-date] { 
     font-size: 16px;
      font-family: "robotobold";
      inset-inline-start: 0px;
      text-align: center;
      margin: 3px 0 0;
      padding: 0;
      display: block;
      width: 100%;
      margin: 0 !important;
      padding: 3px 0 0 !important;
      line-height: 0.9;
  }
}

.mez.calendar .events-list {
  left: auto;
  right: 10px;
  display: none !important;
}

.mez.calendar .cal-month-day:hover span[data-cal-date] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  /* font-size: 25px; */
  font-weight: 700;
  color: #0187CE;
}

.mez.calendar .cal-month-day.cal-day-today {
  background: transparent; 
  box-shadow: 0px 0px 0 1px #0187CE;
}

.mez.calendar .cal-row-head [class*=cal-cell] { 
  font-size: 20px;
  text-align: start;
  text-indent: 4px;
  color: #808283;
  font-family: 'robotobold';
  text-indent: 15px;
}

@media (max-width: 920px) {
  .mez.calendar .cal-row-head [class*=cal-cell] { 
    font-size: 8px;
    text-align: center;   
    text-indent: 0;
  }
}

.mez.calendar .calendar__title .btn.prev, .mez.calendar .calendar__title .btn.next { 
  width: 48px;
  height: 48px; 
  background: #ffffff; 
  border-radius: 6px;
  z-index: 2;
  border: 1px solid #B0B5BD;
  box-shadow: inset 0px 0px 0 1px rgba(176, 181, 189, 0.5);
}

@media (max-width: 400px) {
  .mez.calendar .calendar__title .btn.prev, .mez.calendar .calendar__title .btn.next { 
    width: 38px;
    height: 38px;
  }
}

.mez.academic.mez-pointer.bg-blue {
  background-color: #ffffff;
}

.mez.calendar .calendar__title .btn.prev:before, .mez.calendar .calendar__title .btn.next:before {
  background-image: url(../images/icons-svg/icon-arw-sm.svg); 
  background-position: center;
  height: 18px;
  filter: drop-shadow(-0.06rem 0px 0px #201d1d);
}

.mez.calendar .calendar__title .btn.prev:hover, .mez.calendar .calendar__title .btn.next:hover {  
  background: #0088CE;  
}

.mez.calendar .calendar__title .btn.prev:hover:before, .mez.calendar .calendar__title .btn.next:hover:before {  
  filter: brightness(3);
  filter: brightness(100);
}
 
.mez.calendar .cal-month-day .items-list {
  background-color: rgba(242, 103, 34, 0.1);
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'robotoregular';
  font-size: 14px;
  color: #F26722;
  padding-inline: 6px;
  border-radius: 2px;
}

.mez.calendar .cal-month-day .events-more {
  color: #0187CE;
  font-size: 16px;
  font-family: 'robotoregular';
}

.mez.calendar .cal-month-day ng-include.ng-scope {
  padding-inline: 15px;
  margin-bottom: 10px; 
}

@media (max-width: 920px) {
  .mez.calendar .cal-month-day ng-include.ng-scope { 
    display: none;
  }
}






/* a[data-tooltip] {
  border: 2px solid red
}

a[style="background-color: rgb(173, 33, 33);"] {
  border: 2px solid yellow
} */
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(173, 33, 33);"] {
  background-color: rgba(173, 33, 33, 0.1) !important;
  color: rgb(173, 33, 33);
}
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(30, 144, 255);"] {
  background-color: rgba(30, 144, 255, 0.1) !important;
  color: rgb(30, 144, 255);
}
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(0, 100, 0);"] {
  background-color: rgba(0, 100, 0, 0.1) !important;
  color: rgb(0, 100, 0);
}
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(128, 0, 128);"] {
  background-color: rgba(128, 0, 128, 0.1) !important;
  color: rgb(128, 0, 128);
}
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(227, 188, 8);"] {
  background-color: rgba(227, 188, 8, 0.1) !important;
  color: rgb(227, 188, 8);
}
 
.mez.calendar .cal-month-day ng-include.ng-scope div[style="background-color: rgb(27, 27, 27);"] {
  background-color: rgba(27, 27, 27, 0.1) !important;
  color: rgb(27, 27, 27);
}

@media (min-width: 1700px) {
  .container {
    max-width: 1380px;
  }
}

.mez.calendar .event {
  width: 14px;
  height: 14px;
  margin-right: 2px;
  margin-bottom: 2px;
  box-shadow: none;
  border-radius: 10px;
  border: 0;
  position: relative;
}
 
.mez.calendar .event:hover::after {
  content: attr(data-tooltip);
  font-size: 12px;
  background: #cccccc;
  display: inline-block;
  position: absolute;
  z-index: 5;
  bottom: calc(100% + 8px);
  width: 150px;
  padding: 5px 11px;
  border-radius: 4px;
  color: #000000;
  left: -70px;
  font-family: 'robotoregular';
  text-align: center;
  line-height: 1.2;
  background-color: rgba(30, 144, 255, 0.9) !important;
  display: none;
}

.mez.calendar .event::after:hover {
  display: none;
}

.mez.calendar .event:hover::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 0 7px;
  border-color: rgba(30, 144, 255, 0.9) transparent transparent transparent;
  background: transparent;
  border-radius: 0;
  padding: 0;
  bottom: 17px;
  position: absolute;
  display: none;
}

.mez.calendar .event::before:hover {
  display: none;
}
 
.mez.calendar .event[data-tooltip=""]:hover::after, .mez.calendar .event[data-tooltip=""]:hover::before { 
  display: none;
}
 
.mez.calendar .event[style="background-color: rgb(173, 33, 33);"]::after {
  background-color: rgba(173, 33, 33, 0.9) !important;
  color: #ffffff;
}

.mez.calendar .event[style="background-color: rgb(173, 33, 33);"]::before {
  border-color: rgba(173, 33, 33, 0.9) transparent transparent transparent; 
}
 
.mez.calendar .event[style="background-color: rgb(30, 144, 255);"]::after {
  background-color: rgba(30, 144, 255, 0.9) !important;
  color: #ffffff;
}

.mez.calendar .event[style="background-color: rgb(30, 144, 255);"]::before {
  border-color: rgba(30, 144, 255, 0.9) transparent transparent transparent; 
}
 
.mez.calendar .event[style="background-color: rgb(0, 100, 0);"]::after {
  background-color: rgba(0, 100, 0, 0.9) !important;
  color: #ffffff;
}

.mez.calendar .event[style="background-color: rgb(0, 100, 0);"]::before {
  border-color: rgba(0, 100, 0, 0.9) transparent transparent transparent; 
}
 
.mez.calendar .event[style="background-color: rgb(128, 0, 128);"]::after {
  background-color: rgba(128, 0, 128, 0.9) !important;
  color: #ffffff;
}

.mez.calendar .event[style="background-color: rgb(128, 0, 128);"]::before {
  border-color: rgba(128, 0, 128, 0.9) transparent transparent transparent; 
}
 
.mez.calendar .event[style="background-color: rgb(227, 188, 8);"]::after {
  background-color: rgba(227, 188, 8, 0.9) !important;
  color: #000000;
}

.mez.calendar .event[style="background-color: rgb(227, 188, 8);"]::before {
  border-color: rgba(227, 188, 8, 0.9) transparent transparent transparent; 
}
 
.mez.calendar .event[style="background-color: rgb(27, 27, 27);"]::after {
  background-color: rgba(27, 27, 27, 0.9) !important;
  color: #ffffff;
}

.mez.calendar .event[style="background-color: rgb(27, 27, 27);"]::before {
  border-color: rgba(27, 27, 27, 0.9) transparent transparent transparent; 
}

.mez.calendar .cal-slide-content {
  background: #fff;
  border: 0;
  position: absolute;
  z-index: 60;
  border-top: 4px solid #0088CE;
  box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
  width: 30%;
  top: 0px;
  left: 0;
}

.mez.calendar .cal-slide-content .event {
  width: 8px;
  height: 8px;
}

.mez.calendar .cal-slide-content a {
  color: #333333;
  font-family: "robotomedium";
  font-size: 14px;
}

@media (max-width: 400px) {
  .mez.calendar .cal-slide-content { 
    width: 41%; 
    padding: 0 5px;
  }

  .mez.calendar .cal-event-list li { 
    padding: 6px 0 4px 9px; 
  } 

  .mez.calendar .cal-slide-content a {
    color: #333333;
    font-family: "robotomedium";
    font-size: 11px;
    margin-top: -10px;
    line-height: 1 !important;
    display: inline-block;
  }
}

.ng-scope .cal-before-eventlist > div:has(.cal-month-day .cal-day-tick:not(.ng-hide)) {
  box-shadow: inset 0px 0px 0 2px #0187CE;
}
 
.ng-scope:has( > .cal-before-eventlist div:nth-child(1) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: 0;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(2) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: 0;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(3) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: 28%;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(4) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: 28%;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(5) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: 54%;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(6) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: auto;
  right: 0;
}

.ng-scope:has( > .cal-before-eventlist div:nth-child(7) .cal-month-day .cal-day-tick:not(.ng-hide)) > .ng-isolate-scope .cal-slide-content {
  left: auto;
  right: 0;
}

.mez.calendar .cal-day-tick {
  opacity: 0;
}

/* ---------------- calendar ---------------- */


.academic .aside-result select {
  border: 1px solid red;
  width: auto; 
  border: 0;
  border-bottom: 1px solid rgb(176, 181, 189);
  border-radius: 0;
  height: 51px;
  background-image: url(../images/icons-svg/icon-arw-down.svg);
  background-position: right 4px center;
  background-color: white;
  filter: grayscale(100%);
  background-size: 10px;
  background-repeat: no-repeat;
}

.academic .aside-result {
  background-color: white;
  display: flex;
  gap: 20px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}

.mez.calendar-head .l-select-lg .l-select__holder:before {
  filter: grayscale(100%);
  background-color: transparent;
}

.mez.calendar-head {
  border: 0;
}

.pdf- a {
  color: #333333;
}

.pdf- a:hover {
  color: #0088CE;
}

.pdf- a:hover i.l-icon {
  fill: #0088CE;
}


.mez.calendar-list .l-period { 
  /* background: red; */
  display: flex; 
  align-items: center;
  justify-content: end;
  padding-top: 28px;
  margin-bottom: -12px;
}

.mez.calendar-list .l-period .date { 
  /* background: green; */
  margin-inline-end: -47px;
  margin-inline-start: 0px;
  margin-block-start: -60px;
  font-weight: 700;
  font-size: 32px;
  font-family: 'robotobold';
  color: #151515;
  padding: 0 5px;
}

.mez.calendar-list .l-period .l-period__date {
  /* background: yellow; */
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.mez.calendar-list .l-period .l-period__date {
  padding-inline: 5px;
}

.mez.calendar-list .l-period .l-period__date .year, .mez.calendar-list .l-period .l-period__date .month {
  font-family: "robotobold"; 
  margin-top: 0; 
  font-size: 13px;
  text-transform: uppercase;
  color: #515966; 
  letter-spacing: 0.1em;
}

.mez.calendar-list .l-period .l-period__date .month { 
  margin-inline-end: 5px;
}

.mez.calendar-list .l-period .hypen {
  display: inline-block;
  width: 10px;
  position: relative;
  top: -29px;
  left: -12px;
  font-family: "robotobold";
  font-weight: bold;
  color: #151515;
  text-align: center;
  background: #151515;
  height: 2px;
  line-height: 1;
  padding: 0;
  font-size: 0;
}

.mez.calendar-list h3, .mez.calendar-list h3 a {
  font-size: 24px;
  font-family: 'robotoregular';
  color: #151515;
  line-height: 1.4;
}

.mez.calendar-list h3 a {
  background-color: transparent;
  text-decoration: underline;
}

.mez.calendar-list h3 a:hover {
  color: #0088CE;
}

.nav-pills li.nav-item a, .nav-pills li.nav-item span {
  height: auto;
  border-radius: 0;
  border-start-end-radius: 5px;
  border-start-start-radius: 5px;
}

.mez.academic .nav-pills li.nav-item a.active:after, 
.mez.academic .nav-pills li.nav-item span.active:after {
  display: none;
}

.mez.academic .nav.nav-pills {
  display: flex;
  gap: 12px;
  border-bottom: 1px solid rgba(176, 181, 189, 0.4);
  margin-top: 40px;
}

.mez.academic .nav-pills li.nav-item a,
.mez.academic .nav-pills li.nav-item span {
  background-color: #EDEEEE;
  color: #000;
  border: 0;
  text-transform: none;
  font-size: 16px;
  padding: 11px 15px;
}

.mez.academic .nav-pills li.nav-item a.active {
  background: #0187CE;
  color: #fff;
}

.mez.calendar-head .l-view-wrap { 
  top: 10px;
}

.mez.aside-search {
  background: none;
  padding: 0;
  margin-bottom: 30px; 
}

.mez.academic aside.aside--md {
  background-color: transparent;
}

.mez.aside-search .aside-search__box {
  border-bottom: 1px solid rgb(176, 181, 189); 
}

.mez.aside-search input[type="text"] {
  min-height: 50px;
  border: none;
  outline: none;
  padding: 0px 15px 0 40px;
  color: #656f79;
  font-family: "robotoregular";
  font-size: 1.0666666667rem;
}

.mez.aside-search .search-icon {
  position: absolute;
  right: auto;
  left: 4px;
  top: 15px;
  z-index: 2;
  cursor: pointer;
}

.mez.spotlight h1 {
  color: #fff;
  padding: 0 0 5vw 0;
  max-width: none;
  margin: 0;
  text-transform: none;
  font-size: 40px;
  font-family: 'robotomedium';
  font-weight: normal;
} 

@media (max-width: 767px) {
  .mez.spotlight h1 {
      padding: 10px 0px;
      font-size: 30px;
  }
}

.mez.aside-search .search-icon .l-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  height: 20px;
  width: 20px;
  filter: brightness(0.5);
}

.mez.spotlight .spotlight__content { 
  border-bottom: 1px solid #dee2e6;
}

.mez.spotlight .spotlight__content .container { 
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}

.mez.spotlight .spotlight__content .container .l-breadcrumb {
  background-color: #ffffff;
  box-shadow: 50vw 0px 0px 0px rgba(255,255,255,1), -50vw 0px 0px 0px rgba(255,255,255,1);
  padding: 16px 0;
}

.l-breadcrumb li {
  color: #25282A;
  text-transform: none;
  padding: 0 20px 0 0;
}

html[dir=rtl] .l-breadcrumb li {
  padding: 0 0 0 20px;
}

.l-breadcrumb li a  {
  color: rgba(81, 89, 102, 0.72);
}

.l-breadcrumb li:after {
  background: url(../images/icons-svg/icon-arw-down.svg) no-repeat center center;
  border: 0;
  width: 10px;
  height: 10px;
  transform: rotate(-90deg);
  margin-top: 3px;
  filter: brightness(1.8) grayscale(100%);
}

html[dir=rtl] .l-breadcrumb li:after {
  transform: rotate(90deg);
}

.mez.spotlight:after {
  display: none;
}

/* .l-breadcrumb li:after {
  content: "";
  border: 9px solid transparent;
  border-top-color: #fff;
  background: none;
  position: absolute;
  right: 0px;
  top: 5px;
} */

 

.l-view-wrap li.list- a, .l-view-wrap li.cal- a {
  padding: 0;
  margin: 0; 
  display: flex;
  width: 37px;
  height: 37px;
  padding: 0;
  background-color: #EAEDF1;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}

.l-view-wrap li.pdf- {  
  padding-top: 9px; 
}

.l-view-wrap li.list-.active, .l-view-wrap li.active {  
  background-color: transparent; 
}

.l-view-wrap li.list-.active a, .l-view-wrap li.cal-.active a {  
  background-color: #0088CE; 
}

.l-view-wrap li.list- .l-icon, .l-view-wrap li.cal- .l-icon {
  width: 20px;
  height: 20px; 
  background-position: center;
  background-size: 19px;
  filter: brightness(0);
  opacity: 0.7;
}

.l-view-wrap li.list-.active .l-icon, .l-view-wrap li.cal-.active .l-icon { 
  filter: brightness(500); 
}

.l-view-wrap li.list- .l-icon { 
  background-image: url(../images/ic-calendar.svg);
}

.l-view-wrap li.cal- .l-icon { 
  background-image: url(../images/ic-list.svg);
}

.l-view-wrap li.list- .l-icon svg, .l-view-wrap li.cal- .l-icon svg {
  display: none;
}

.l-view-wrap li {
  float: left;
  margin: 0 0 0 10px;
  padding: 5px 0;
}

#qc2_publications .nav-pills li.nav-item {
  flex-grow: 1;
}

#qc2_publications .nav-pills .nav-link {
  display: block;
  padding: 2.4rem 3.3333333333rem;
}

#qc2_publications .nav-pills li.nav-item a.active::after, 
#qc2_publications .nav-pills li.nav-item span.active::after { 
  bottom: -31px;
}

#qc2_publications .nav-pills .nav-link {
  display: block;
  padding: 2.4rem 3.3333333333rem;
  border-radius: 0;
}

p > a {
  color: #27a6de; 
}

@media (max-width: 1199px) {
  .header-main .menu-header.show {
    display: block;
  } 
  .header-main .menu-header .navbar-nav {
    display: block;
  }

  .header-bottom .nav-item { 
    float: none;
  }

  .modal.fade.has-search-modal label {
    margin: 0;
  }
}







body.node-type-academic-year .calendar-view-head .l-list.btn{
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #C8C9CA !important;
  padding: 7px 20px;
  border-radius: 6px;
  color: #191C1D!important;
}
body.node-type-academic-year .calendar-view-head .l-list.btn:hover{
  color: #ffffff!important;
  background-color: #0088ce!important;
  border: 1px solid #0088ce !important;
}
body.node-type-academic-year .calendar-view-head .l-list.btn:hover i:before {
  background-color: #ffffff !important;
}



@media (max-width: 767px) {
  body.node-type-academic-year .mez.calendar-list .l-period .date {
      margin-inline-end: -38px;
      font-size: 25px;
  }
  body.node-type-academic-year .academic .aside-result{
      display: block;
  }
  body.node-type-academic-year .academic .aside-result select{
     width: 100%;
  }
  body.node-type-academic-year .mez.academic .nav.nav-pills {
      display: block;
    
  }
  body.node-type-academic-year .mez.academic .nav.nav-pills li {
      display: block;
    margin-bottom: 5px;
  }

  body.node-type-academic-year .mez.calendar-list .calendar-list__block li h3, 
  body.node-type-academic-year .mez.calendar-list .calendar-list__block li h3 a,
  body.node-type-academic-year .mez.calendar-list .calendar-list__block li h3 span {
      font-size: 15px;
      line-height: 16px;
  }

  body.node-type-academic-year .mez.calendar-list .calendar-list__block li .table>li  {
      overflow: visible;
  }
}

html[dir=rtl] body.node-type-academic-year  .mez.calendar .calendar__title .btn.prev  {
  left: 60px;
  right: auto;
}

html[dir=rtl] .calendar-view-head .pull-right {
  float: left;
}

body.node-type-financial-aid .l-accordion__content .l-table--article tr {
  display: inherit;
}
body.node-type-financial-aid .l-accordion__content{
  padding: 0px!important;
}

body.openSans {
  font-family: "Roboto", sans-serif !important;
}

.openSans h1, .openSans h2, .openSans h3, .openSans h4, .openSans h5, .openSans h6, .openSans .h1, .openSans .h2, .openSans .h3, .openSans .h4, .openSans .h5, .openSans .h6, .openSans p {
    font-family: "Roboto", sans-serif !important;
}

.mega-menu section { 
  margin-bottom: 0 !important;
}

body.node-type-hbku-library-2020 .mez.card-list ul{
  display: flex;
  flex-wrap: wrap;
}
body.node-type-hbku-library-2020 .themes-title .l-table--article {
  margin-bottom: 10px;
}
body.node-type-hbku-library-2020 .themes-title .l-table--article tr{
  display: inherit;
}