h1 {
  font-size: 30px;
padding-bottom: 2px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
.WaGadgetLoginButton a {
    color: #fff;
}
.WaGadgetLoginButton a:hover {
    color: #000;
}
.WaGadgetEventsStateDetails .pageTitleOuterContainer .pageTitleContainer h1.pageTitle {
    font-size: 30px;
}
.WaGadgetEventsStateList h3.sectionTitle {
    font-size: 30px;
}
.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer .boxHeaderContainer h4.boxHeaderTitle {
    font-size: 24px;
}
.WaGadgetEventsStateList ul.boxesList {
    padding: 1px 0px 0px 0px;
}
.captionOuterContainer .captionContainer .fieldBody h4 {
    font-size: 20px;
}
.fieldSubContainer {
    margin: 10px 0px;
}
.WaGadgetMenuHorizontal .menuBackground {
  background: #830324;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
  color: #f0ff00;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
  color: #f0ff00;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
  background: #830324;
box-shadow: none;
}
.WaGadgetMenuHorizontal .menuInner ul ul :hover {
color: #f0ff00;
}
.WaGadgetMenuHorizontal .menuInner ul ul li {
  background: #a7032e;
  color: white;
border-bottom: 1px dotted #ccc;
}
.WaGadgetMenuHorizontal .menuInner ul ul li.sel > .item > a {
  background: #a7032e;
  color: #f0ff00;
}
.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a:hover {
  background: #d30138;
  color: white;
}

@media(min-width:1365px){
.container_12 {
    width: 1200px;
}
.s1_grid_12 {
    width: 1180px;
}
}
@media only screen and (max-width: 616px) {
.zoneHeader1 .container_12 > DIV {
    background-image:none;
}
}
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: rgb(238, 238, 238);
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}