html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

@font-face {
  font-family: "planer";
  font-style: normal;
  font-weight: normal;
  src: url("../../fonts/planer-regular.woff") format("woff");
}

@font-face {
  font-family: "planer";
  font-style: italic;
  font-weight: normal;
  src: url("../../fonts/planer-italic.woff") format("woff");
}

@font-face {
  font-family: "planer";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/planer-demibold.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/novecentowide-normal.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/novecentowide-light.woff") format("woff");
}

@font-face {
  font-family: "novecentowide";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/novecentowide-demibold.woff") format("woff");
}

.logo-site-name {
  height: 136px;
  margin: 15px 0;
}

.logo-site-name a {
  margin: 10px 0;
}

.logo-site-name a {
  background: url(/themes/boc/logo.svg) no-repeat center center transparent;
}

.header-navigation ul.menu {
  background-color: #CAE4E1;
  list-style-type: none;
  padding: 0;
}

.header-navigation ul.menu li {
  position: relative;
}

.header-navigation ul.menu li.open .expand-menu {
  transform: rotate(90deg);
  background-position: 8px 30px;
}

.header-navigation ul.menu li a {
  font-family: "planer", sans-serif;
  font-size: 16px;
  line-height: 20px;
  background-color: #FFAC2D;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  color: white;
  padding: 30px 40px 27px 25px;
  letter-spacing: 1px;
  border-bottom: 2px solid white;
  transition: padding 0.4s ease;
}

.header-navigation ul.menu li a.is-active, .header-navigation ul.menu li a:hover, .header-navigation ul.menu li a:focus {
  background-color: #ef9000;
  padding-left: 35px;
  text-decoration: none;
}

.header-navigation ul.menu li .expand-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 78px;
  background: url("/themes/boc/arrow-right.svg") no-repeat center 25px;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  cursor: pointer;
  z-index: 2;
}

.header-navigation ul.menu li:nth-child(3) ~ li a {
  background-color: #1CBBA9;
}

.header-navigation ul.menu li:nth-child(3) ~ li a.is-active, .header-navigation ul.menu li:nth-child(3) ~ li a:hover, .header-navigation ul.menu li:nth-child(3) ~ li a:focus {
  background-color: #148679;
}

.header-navigation ul.menu li ul.menu {
  display: none;
}

.header-navigation ul.menu li ul.menu li a {
  background-color: #ffb647;
}

.header-navigation ul.menu li ul.menu li a.is-active, .header-navigation ul.menu li ul.menu li a:hover, .header-navigation ul.menu li ul.menu li a:focus {
  text-decoration: none;
  background-color: #ef9000;
}

.header-navigation ul.menu li.menu-item--active-trail a {
  background-color: #ef9000;
}

.mm-menu .mm-btn::before,
.mm-menu .mm-btn::after {
  border-color: #1CBBA9;
}

.mm-menu a {
  font-family: "planer", sans-serif;
}

.mm-navbar__title > span {
  color: #1CBBA9;
}

.mobile-header {
  text-align: center;
}

.mobile-menu-trigger {
  background-color: #FFAC2D;
}

.mobile-logo {
  background: url(/themes/boc/logo.svg) no-repeat 43% center transparent;
  background-size: auto 53px;
}

#toggle-icon {
  top: 16px;
}

.responsive-menu-toggle-wrapper .responsive-menu-toggle-icon::before,
.responsive-menu-toggle-wrapper .responsive-menu-toggle-icon::after,
.responsive-menu-toggle-wrapper .responsive-menu-toggle-icon span.icon {
  background: #1CBBA9;
}

/* Sidebar main (second level+) navigation */
.sidebar-navigation ul li a {
  color: #f99700;
  font-size: 19px;
  color: #2B2E34;
}

.sidebar-navigation ul li a:hover {
  text-decoration: none;
  color: #FFAC2D;
}

.sidebar-navigation ul li.menu-item--active-trail a {
  color: #1CBBA9;
}

body:not(.home-page) #footer {
  padding-top: 30px;
}

.footer-navigation {
  margin-bottom: 0;
}

.footer-navigation > ul.menu > li span {
  color: #FFAC2D;
}

.meea-logo p {
  text-align: center;
}

@media screen and (min-width: 960px) {
  .meea-logo img {
    float: right;
  }
}

.meea-logo > ul.menu > li ul li a {
  padding: 0;
}

#block-copyright {
  grid-row: 3;
}

.boc-footer > ul.menu > li a {
  color: #ffb300;
}

.responsive-menu-block-wrapper .horizontal-menu li a,
.responsive-menu-block-wrapper .horizontal-menu li span {
  font-family: "planer", sans-serif;
  font-size: 18px;
}

.responsive-menu-block-wrapper .horizontal-menu li a:hover,
.responsive-menu-block-wrapper .horizontal-menu li span:hover {
  color: #1CBBA9;
}

.responsive-menu-block-wrapper .horizontal-menu > .menu-item--expanded {
  background-image: url(../../images/optimized/awesome-chevron-down.png);
}

.responsive-menu-block-wrapper .horizontal-menu > .menu-item--expanded .sub-nav a:hover,
.responsive-menu-block-wrapper .horizontal-menu > .menu-item--expanded .sub-nav span:hover {
  background-color: #81ede1;
}