/**
 * =============================================================================
 * Menus
 * =============================================================================
 *
 * This file deals with:
 *  * primary, secondary, tertiary navigation styles
 *  * navigation lists (buttons stacked ontop of eachother)
 */

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu-item {
  display: table;
}

.menu-item > a {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0 10px;
  text-decoration: none;
  color: #1e1e1e;
  font-size: 18px;
  border: 0;
}
@media (min-width: 1024px) {
  .menu-item > a {
    padding: 0 20px;
  }
}

/* Dropdown menus */
.dropdown-menu > .menu-item {
  position: relative;
  float: left;
  height: 100%;
  line-height: 100%;
}

.dropdown-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #dfe0e1;
  display: none;
  white-space: nowrap;
}

.sub-menu > .menu-item {
  height: 36px;
  width: 100%;
}

/** menu states */
.dropdown-menu .menu-item:hover > .sub-menu,
.dropdown-menu .menu-item > a:active + .sub-menu,
.dropdown-menu .menu-item > a:focus + .sub-menu,
.dropdown-menu .is-focus > .sub-menu {
  display: block;
}

.menu-item:hover > a,
.menu-item > a:focus,
.is-focus > a {
  color: #fff;
  background: #cf1c6d;
}

.current-menu-item > a {
  color: #fff;
  background: #cf1c6d;
}

.dropdown-menu > .current-menu-item > a:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  display: block;
  content: " ";
  border-top: 7px solid #cf1c6d;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.dropdown-menu > .current-menu-item > ul:after {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  display: block;
  content: " ";
  border-top: 7px solid #dfe0e1;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}



.navigation-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation-list > .navigation-list-item {
  margin-bottom: 10px;
  margin-right: 7px;
}

.horizontal-navigation-list > .navigation-list-item > a {
  background-color: #dfe0e1;
  color: #1e1e1e;
  padding-right: 35px;
}

.horizontal-navigation-list > .navigation-list-item > a.default {
  background-color: #cf1c6d;
  color: #fff;
}

.horizontal-navigation-list > .navigation-list-item {
  float: left;
}

.horizontal-navigation-list > .navigation-list-item > a > .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzMjMyMzIiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
  background-color: transparent;
}

.horizontal-navigation-list > .navigation-list-item > .default > .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);

}

.navigation-links-list,
.navigation-content-list {
  border-bottom: 1px solid #929598;
}
.navigation-links-list > .navigation-list-item,
.navigation-content-list > .navigation-list-item {
  border-top: 1px solid #c0c2c4;
  padding: 0;
  margin: 0;
}
.navigation-links-list > .navigation-list-item > a {
  border: 0;
  color: #323232;
  display: block;
  padding: 5px;
  position: relative;
}
.navigation-links-list > .navigation-list-item > a:hover {
  color: #fff;
}
.navigation-links-list > .navigation-list-item > a > .icon-contained {
  position: absolute;
  top: 5px;
  right: 5px;
}

.navigation-content-list > .navigation-list-item {
  padding: 5px;
}
.navigation-content-list > .navigation-list-item p {
  margin: 0;
}



.tertiary-navigation {
  float: left;
  border-bottom: 1px solid #ccc;
}

.tertiary-navigation > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.tertiary-navigation > ul > li {
  display: block;
  border-top: 1px solid #ccc;
  margin-bottom: 0;
}

.tertiary-navigation > ul > li > a {
  display: block;
  padding: 10px 30px 10px 10px;
  border: none;
  color: #333;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.tertiary-navigation > ul > li > a:hover {
  background: #eff0f0;
  color: #cf1c6d;
  cursor: pointer;
}

.tertiary-navigation > ul > li.active > a {
  position: relative;
  background: #cf1c6d;
  color: #fff;
  font-weight: 700;
}

.tertiary-navigation > ul > li.active > a:after {
  display: block;
  content: "";
  width : 10px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNi4zNzVweCIgaGVpZ2h0PSI5Ljg3NXB4IiB2aWV3Qm94PSIwIDAgNi4zNzUgOS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuMzc1IDkuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuODgsOS4yMDIgNS4xMjMsNC45NiAwLjg4LDAuNzIgIi8+DQo8L3N2Zz4NCg==);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}