/*--------------------------------------------------------------
>>> HEADER
----------------------------------------------------------------*/
.header__bottom__logo img {
    max-width: 150px;
    position: relative;
    top: 10px;
    margin-right: 50px;
}
.header__bottom__container {
    top: 30px;
    position: relative;
    border-bottom: 1px solid #FFF;
}
#sqm-main-nav .dropdown-menu {
    top: 45px;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link {
    color: #FFF;
    font-size: 14px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #80BC00;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #80BC00;
}
.navbar-light .navbar-nav .show>.nav-link {
    color: #80BC00;
}
.navbar-light .navbar-nav .main-submenu .nav-link.active {
    color: #FFF;
    background-color: #80BC00;
}
.navbar-light .navbar-nav .main-submenu .nav-link {
    color: #78777C;
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.nav-tabs .nav-item.show .nav-link {
    color: #FFF;
    background-color: #80BC00;
    border-color: transparent;
    border-radius: 10px;
}
.nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #80BC00;
    border-color: transparent;
    border-radius: 10px;
}
#sqm-main-nav {
    position: relative;
    top: -10px;
    left: 10px;
}
#sqm-main-nav .dropdown-menu {
    font-size: .8em;
}
#sqm-main-nav .dropdown-menu {
    float: left;
    text-align: left;
    list-style: none;
    background-color: #FFF;
    background-clip: padding-box;
    border: none;
    border-radius: 10px;
    padding: 0px;
    overflow: hidden;
}
#sqm-main-nav .main-submenu .dropdown-item {
    padding: 10px 15px;
}
#sqm-main-nav h3 {
  color: #80BC00;
  font-size: 1.3em;
}
#sqm-main-nav .dropdown-menu img {
  border-bottom: 5px solid #80BC00;
}
#sqm-main-nav .navbar {
    padding: 0px;
}
#sqm-main-nav .main-submenu .dropdown-item:focus, #sqm-main-nav .main-submenu .dropdown-item:hover {
    color: #FFF;
    background-color: #80BC00;
    border-radius: 10px;
}
#sqm-main-nav .main-submenu .dropdown-item {
    padding: 10px 15px;
}
#sqm-main-nav .navbar {
    padding: 0px;
    position: relative;
    top: -10px;
    left: 20px;
}
#sqm-main-nav .dropdown-item.active, #sqm-main-nav .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #80BC00;    
}
#sqm-main-nav .dropdown-item.active, #sqm-main-nav .secundary-submenu-items .dropdown-item:active {
    color: #78777C;
    background-color: transparent;
}
#sqm-main-nav .nav-tabs {
    border-bottom: none;
}
#sqm-main-nav .dropdown-item {
    color: #78777C;
}
#sqm-main-nav .secundary-submenu-items .dropdown-item:hover {
    color: #80BC00;
}
.main-submenu {
  background: #ebebec;
  padding: 25px 15px 15px 35px;
  height: 320px;
}
ul.main-submenu-items {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}
ul.main-submenu-items li {
  background: #FFF;
  margin-bottom: 10px;
  border-radius: 10px;
}
ul.secundary-submenu-items {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
}
.submenu-picture {
  padding: 20px;
}
.secundary-submenu-items {
  margin-top: 20px;
  margin-left: -20px!important;
}
.secundary-submenu-items li {
    margin-bottom: 8px;
    position: relative;
}
.secundary-submenu-items li i {
    position: absolute;
    right: 15px;
    top: 8px;
}
.child-submenu {
  padding: 20px;
}
.child-submenu .dropdown-item:focus, .child-submenu .dropdown-item:hover {
    color: #80BC00;
    text-decoration: underline;
    background-color: transparent;
}
.mg-0 {
  left: 0px;
}
.mg-1 {
  left: -200px;
}
.mg-2 {
  left: -300px;
}
.mg-3 {
  left: -400px;
}
.mg-4 {
  left: -500px;
}
.mg-5 {
  left: -600px;
}
.mg-6 {
  left: -700px;
}
.navbar-light .navbar-toggler-icon {
  filter: invert(1);
}
.navbar-light .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}

/*--------------------------------------------------------------
>>> RESPONSIVE
----------------------------------------------------------------*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    width: 920px;
    height: 360px;
  }
}
@media screen and (max-width: 991.99px) {
  .header__bottom__container {
    display: block!important;
  }
  .main-submenu {
    background: #ebebec;
    padding: 25px 15px 15px 35px;
    height: auto;
  }
  #sqm-main-nav .dropdown-menu {
    width: 100%;
    padding: 25px;
    font-size: .95em;
  }
  #sqm-main-nav .dropdown-menu .dropdown-menu {
    padding: 0px;
    margin-bottom: 5px;
  }
  .navbar-light .navbar-nav .show>.nav-link {
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
  }
  .header__bottom__container {
    top: 10px;
    position: relative;
    border-bottom: none;
  }
  .header__bottom__logo img {
    max-width: 120px;
    top: 20px;
  }
  #sqm-main-nav .dropdown-menu {
    float: none;
  }
}
@media (max-width: 991.99px) {
  .header__bottom {
      background: rgba(0,59,124,.9);
      min-height: 85px;
      padding-bottom: 20px;
  }
}
@media (max-width: 991.99px) {
  .header__bottom__logo {
      margin-bottom: 15px;
  }
  #sqm-main-nav .dropdown-menu {
    padding: 12px;
  }
  #sqm-main-nav .dropdown-menu.main-submenu {
      background-color: #ebebec;
  }
  .navbar-light .navbar-nav .main-submenu .nav-link:hover {
    color: #FFF;
    background: #80BC00;
  }
  #sqm-main-nav {
    left: 0px;
    padding: 0px;
  }
  .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}

/*--------------------------------------------------------------
>>> NEWS
----------------------------------------------------------------*/
.card--background .card__titleContainer {
    width: 60%;
}
.card--background .card__titleContainer {
    margin-left: 5%;
    margin-right: 40%;
}
.card--background .card__text, .post__content__excerpt {
    width: 60%;
}

article.post .post__content__excerpt {
    width: 85%;
}

article.post .card--background .card__titleContainer {
    width: 60%;
}

.card--background .card__text, .card--background .card__titleContainer {
    margin-left: 10%;
}

.slick-vertical .slick-slide {
    margin: 15px 0px;
    height: 100px;
    background: #ebebec;
    color: #000;
    min-height: 105px;
    padding: 10px 10px 5px 20px;
    border-radius: 10px 0px 10px 0px;
}
.blue-news {
    color: #FFF;
}
.blue-news a:hover {
    color: #000;
}
ul#featuredPostSlider {
    padding-left: 0px;
}
ul#slick-pager {
    top: 30px;
}

ul.arrows-slider li {
    cursor: pointer;
}
ul.arrows-slider li:hover {
    opacity: .9;
}
@media (min-width: 992px) {
    .offset-lg-4 {
        margin-left: -38%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 95%;
        flex: 0 0 95%;
        max-width: 95%;
    }
}
.blue-news p {
    padding: 0px;
    color: #003b7c;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}
.blue-news p:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 40px;
    height: 4px;
    background: #80BC00;
}
.slick-current .blue-news p {
    color: #FFF;
}

.card--background .card__img {
    background-size: cover;
    object-fit: cover;
    min-height: 470px;
    min-width: 100%;
    max-height: 470px;
}
.item.slick-slide.slick-current.slick-active {
    background: #053b7c;
    color: #FFF;
}
ul.arrows-slider {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -100px;
    margin-bottom: -100px;
}
ul.arrows-slider li {
    display: inline-block;
    margin-right: 15px;
}
.pagerNavigation {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 7px;
    color: #FFF;
    background: #053b7c;
}
.featuredPostSlider, .slick-pager {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.featuredPostSlider.slick-initialized, .slick-pager.slick-initialized {
    visibility: visible;
    opacity: 1;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .slick-vertical .slick-slide {
        padding: 5px;
    }
}
@media screen and (max-width: 768px) {
    .card--background .card__titleContainer {
        width: 90%;
    }
    .card--background .card__text, .post__content__excerpt {
        width: 90%;
    }
    ul.arrows-slider {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .card--background .card__titleContainer {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .card--background .card__titleContainer {
        margin-left: 5%;
        margin-right: 5%;
    }
}