/*
* strip-unit - Unit stripper [10px = 10]
* param - $num : the value with a unit suffix, E.g: 10px
* return - $result : the value without any suffix, E.g: 10
* E.g. strip-unit(100px) = 100
*/
/*
* pxToEM - Convert PX value to EM value [100px = 6.25em]
* param - $target : the value in px without 'px' suffix, E.g: 100
* return - $result : the value in em with 'em' suffix, E.g: 6.25em
* E.g. pxToEM(100) = 6.25em
*/
/*
* u - PX and REM constrictor
* param - $property : css property, E.g: padding
* param - $values... : list of values for the property, note values are multiplied by $pixelBase, E.g.: 10, 20, 30, 40
* return - $result : the css property with values applied in pixels
* E.g. @include u(padding, 10, 20, 30, 40) = padding: 100px, 200px, 300px, 400px;
*/
/*! _accordion */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
.accordion-header:last-of-type .accordion-button.collapsed {
  border-bottom-width: 1px; }

.accordion-collapse:last-of-type {
  border-bottom-width: 1px; }

/*! _typography */
h1, .h1 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 25px;
  color: #7e8592;
  font-weight: 400; }

h2, .h2 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 18px;
  color: #7e8592;
  font-weight: 400; }

h3, .h3 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  color: #7e8592;
  font-weight: 700; }

h4, h5, h6 {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  color: #7e8592;
  font-weight: 700; }

/*! _header */
.navbar-nav:not(.mm-spn) li.lev1 {
  margin-right: 2px;
  background-color: #4e5460; }
  .navbar-nav:not(.mm-spn) li.lev1:hover {
    background-color: #7e8592; }

.navbar-nav:not(.mm-spn) ul.lev2 {
  background-color: #666a75 !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-top: 2px solid rgba(0, 0, 0, 0.15) !important; }
  .navbar-nav:not(.mm-spn) ul.lev2 li.lev2 {
    color: #fff !important; }
    .navbar-nav:not(.mm-spn) ul.lev2 li.lev2 a {
      color: #fff !important; }
      .navbar-nav:not(.mm-spn) ul.lev2 li.lev2 a:hover {
        color: #fff !important;
        background-color: #7e8592 !important; }

/* Search Box */
.searchBoxForm {
  display: none; }

.c2-header__search__box {
  top: 100%;
  right: 0; }
  .c2-header__search__box .searchBoxForm {
    background: rgba(0, 0, 0, 0.5);
    padding: 1rem; }
    .c2-header__search__box .searchBoxForm .SearchBox {
      display: inline-block; }
      .c2-header__search__box .searchBoxForm .SearchBox .searchBoxLabel {
        text-transform: capitalize;
        font-weight: bold;
        color: white; }
      .c2-header__search__box .searchBoxForm .SearchBox .searchBoxInput {
        padding: 6px;
        margin: 0;
        font-size: 100%;
        vertical-align: middle;
        border-radius: 0;
        border: 1px solid #a3a3a3; }
    .c2-header__search__box .searchBoxForm .SearchBoxSubmit button {
      margin-top: 0 !important;
      border-radius: 0 !important;
      text-transform: uppercase !important;
      background: white !important;
      color: black !important;
      font-weight: 700 !important; }

.c2-header__search__box [class*="c2pgitm_wrap"] > :not([class*="c2pgitm_wrap"]) {
  padding-right: 1rem;
  padding-left: 1rem; }

.navbar-nav:not(.mm-spn) {
  padding-right: 0; }

.search-icon {
  cursor: pointer;
  color: #fff !important; }

li.lev1 > span {
  color: #fff !important; }

/*! _slider */
#home-slider img {
  width: 100%;
  height: 70vh;
  object-fit: cover; }

#home-slider .slick-list {
  height: 70vh !important; }

.slider-banner_container {
  position: relative; }

.slider-banner_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*! _articles */
.c2-summary.summary-new img {
  width: calc(100% - 25px);
  max-height: 230px;
  height: 100%;
  border-radius: 10px; }

.c2-summary.summary-new > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 2px 0 #666a75;
  border-radius: 10px;
  padding-top: 12px;
  padding-bottom: 12px; }
  .c2-summary.summary-new > div > div {
    width: calc(100% - 25px); }

.article-filters .c2form_fields > .c2form_row > .c2form_input > .c2form_radio {
  display: flex;
  column-gap: .5rem; }