html {	
}


body {
	font-family: Fisker Plate Regular; 
	margin-top:20px;
	margin-left:12px;
	margin-right:0px;
	height: 100%;
	color: #000000;
}

h3 {
	font-family: Fisker Plate Demibold;
	font-size: 16px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
	cursor: pointer;
}

h4 {
	font-family: Fisker Plate Demibold;
	font-size: 14.4px;
	margin-top: 8px;
	margin-bottom: 4px;
	cursor: pointer;
}


ul {padding-left: 0px;}

.sub-menu {padding-left: 20px !important;}

a {
  text-decoration: none;
}



#link  {
	font-family: Fisker Plate Regular;
	font-size: 14.4px;
	padding-bottom: 2px;
	list-style-type:circle !important;
}

li  {
	font-family: Fisker Plate Regular;
	font-size: 14.4px;
	padding-bottom: 2px;
	list-style: none;
}


#multi-level-navigation {

}


#multi-level-navigation .sub-menu {
  padding: 0px 10px 0px 16px;
  display: none;
  margin-right:1px;
}
#multi-level-navigation a {
  display: block;
  line-height: 1.4em;
  padding: 0 16px 0px 4px;
}



/* style menu items under h3 which have a submenu  */
#multi-level-navigation .item-has-submenu > h3 {
  position: relative;
  /* this is the right arrow to show that the item has a submenu  */
}
#multi-level-navigation .item-has-submenu > h3::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../images/cd-arrow-blk.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#multi-level-navigation .item-has-submenu > h3.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}


/* style menu items under h4 which have a submenu  */
#multi-level-navigation .item-has-submenu > h4 {
  position: relative;
  /* this is the right arrow to show that the item has a submenu  */
}
#multi-level-navigation .item-has-submenu > h4::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right:1em;
  background: url("../images/cd-arrow-blk.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#multi-level-navigation .item-has-submenu > h4.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}