/**
Informat 2022 
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

h3.title-informat{font-size: 22px;color:#6F6F6F;}
h3.title-informat span{font-size: 22px;font-family: 'Adamina', sans-serif;font-weight: 500;
  margin-bottom: 17px;text-transform: uppercase;color: #0964aa;display: inline-block;position: relative;padding-left: 68px;}
h3.title-informat span::before {
  position: absolute;content: "";width: 54px;height: 2px;
  background: #0964aa;top: 0;left: 0px;top: 50%;transform: translateY(-50%);
}
/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/
/* ====/PAGE WRAP/===== */
.top-logo{padding-top: 15px;}
.offcanvas-menu .page-wrap{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: visible;
}
.offcanvas-menu .page-wrap::before{
  opacity: 0.5;
  visibility: visible;
}
.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  transform: translateX(110%);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  transition: 0.3s all ease-in-out;
}

.site-mobile-menu .site-mobile-menu-header {
  width: 100%;float: left;padding-left: 20px;
  padding-right: 20px;}
.site-mobile-menu .site-mobile-menu-header {
    width: 100%;float: left;padding-left: 20px;
    padding-right: 20px;}
.offcanvas-menu .site-mobile-menu {transform: translateX(0%);}
.offcanvas-menu .page-wrap{
  position: absolute;
  height: 100%;width: 100%;z-index: 2;overflow: visible;}
.offcanvas-menu .page-wrap::before{opacity: 0.5;visibility:visible;}

/* CLOSE BUTTON */
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close i{
  font-size: 30px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 0px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 20px 20px 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}
 /*// CLONE MENU -.-  */
 ul#menu_top.site-nav-wrap{
  padding: 0;margin: 0;list-style: none;}
.site-mobile-menu .site-nav-wrap a{
  padding: 10px 20px;
  display: block;
  font-size: 16px;
  text-transform: uppercase;
}
 .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
  padding: 0;
  margin: 0;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
  display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
  font-size: 16px;
  padding-left: 60px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  ul.dropdown-menu::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fb866a;
    position: absolute;
    right: 30px;
    top: -10px;
  }
  ul.dropdown-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #f5f5f5;
    border-top-color: rgb(245, 245, 245);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: 3px solid #fb866a !important;
    margin: 0;
    text-transform: none;
    min-width: 180px;
    padding: 0;
  }

   .site-navigation .site-menu > li.active > a {
    color: #fff !important;
  }
  
  .site-navigation .site-menu .has-children {
    position: relative;
  }
  
  .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 20px;
  }
  
  .site-navigation .site-menu .has-children > a:before {
    position: absolute;
    content: "\ea99";
    font-size: 16px;
    top: 52%;
    right: 0;
    transform: translateY(-50%);
    font-family: "icofont";
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 100%;
    position: absolute;
    text-align: left;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
    padding: 0px 0;
    margin-top: 15px;
    margin-left: 0px;
    background: #fff;
    transition: 0.2s 0s;
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
    position: absolute;
  }
  
  .site-navbar
    .site-navigation
    .site-menu
    .has-children
    .dropdown.arrow-top:before {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  
    .site-navigation
    .site-menu
    .has-children
    .dropdown.arrow-top:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    transition: 0s all;
    color: #000000;
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown .active {
    color: #2d71a1 !important;
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 210px;
  }
  
  .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    padding: 9px 20px;
    display: block;
  }
  

    .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li
    > a:hover {
    background: #f2f4f6;
    color: #000000;
  }
  
  
    .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children
    > a:before {
    content: "\ea75";
    right: 20px;
  }
  
  
    .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children
    > .dropdown,
    .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children
    > ul {
    left: 100%;
    top: 0;
  }
  
      .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children:hover
    > a,
      .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children:active
    > a,
      .site-navigation
    .site-menu
    .has-children
    .dropdown
    > li.has-children:focus
    > a {
    background: #f2f4f6;
  }
  
  
  
  .site-navigation .site-menu .has-children:hover > .dropdown,
  .site-navigation .site-menu .has-children:focus > .dropdown,
  .site-navigation .site-menu .has-children:active > .dropdown {
    transition-delay: 0s;
    margin-top: -10px;
    visibility: visible;
    opacity: 1;
  }

  /* Burger */
  .burger {
    width: 28px;
    height: 32px;
    cursor: pointer;
    position: relative;
    z-index: 99;
    float: right;
  }
  
  .burger:before,
  .burger span,
  .burger:after {
    width: 100%;
    height: 2px;
    display: block;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    opacity: 1;
  }
  
  .burger:before,
  .burger:after {
    transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1),
      background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
    content: "";
  }
  
  .burger:before {top: 4px;}
  .burger span {top: 15px;}
  .burger:after {top: 26px;}
  
  /* Hover */
  .burger:hover:before {top: 7px;}
  .burger:hover:after {top: 23px;}
  
  /* Click */
  .burger.active span {opacity: 0;}
  
  .burger.active:before,
  .burger.active:after {top: 40%;}
  
  .burger.active:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
    /*for IE*/
  }
  
  .burger.active:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
    /*for IE*/
  }
  
  .burger:focus {outline: none;}
.camino-green{background-color: #018260;}
/*--------------------------------------------------------------
# K2
--------------------------------------------------------------*/
div.catItemImageBlock {padding:8px;margin:0 0 0 0;}
  span.catItemImage {display:block;text-align:center;margin:0 0 8px 0; float:left;padding-right: 2em;padding-bottom:2em;}
  span.itemImage img {border:1px solid #ccc;}
  span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}
  span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}
  .componentheading{display: none;}
  /* Feature */
div.catItemIsFeatured h3.catItemTitle a{font-size: 32px;}
h3.catItemTitle a{ font-size:24px;text-decoration: none;}
div.groupPrimary .catItemBody{font-size: 0.9rem;}
div.catItemHeader span.catItemDateCreated{color:#048753;font-size: 0.9rem;}
div.catItemIntroText {font-family: 'Montserrat Alternates',sans-serif;font-size: inherit;color: rgba(0, 0, 0, 0.7);font-weight: normal;line-height:28px;padding: 4px 0 40px 0;}
div.catItemIsFeatured a.k2ReadMore{color: #fff;background-color: #1274BB;border-color: #1274BB;}
div.catItemIsFeatured a.k2ReadMore:hover{ color: #fff;background-color: #0f639f;border-color: #0e5d96;}
div.catItemView{padding-right: 20px;}

/*--------------------------------------------------------------
# BREADCRUM AND BACK TO TOP
--------------------------------------------------------------*/
/*Bread crumbs*/
.breadcrumbs {padding: 15px 0;background-color: #f3f8fa;min-height: 40px;}
/* Back to top button */
#button {
  display: inline-block;
  background-color: #2d71a1;width: 50px;height: 50px;
  text-align: center;border-radius: 4px;
  position: fixed;bottom: 30px;right: 30px;
  transition: background-color .3s,opacity .5s, visibility .5s;
  opacity: 0;visibility: hidden;z-index: 1000;}

#button::after {
  content: "\f077";
  font-family: FontAwesome;font-weight: normal;
  font-style: normal;font-size: 2em;line-height: 50px;color: #fff;}
#button:hover {cursor: pointer;background-color: #333;}
#button:active {background-color: #555;}
#button.show {opacity: 1;visibility: visible;}

/* Styles for the content section */

@media (min-width: 500px) {
  #button {margin: 30px;}
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link{ 
  font-size: 12px;
  font-weight:700;
  padding-right: 2rem;
  padding-left: 0.5rem;
  text-transform: uppercase;
}
}