td#id_iXFMgkG img {
  padding-top: 34px;
}
.event-sec .boxesListItem {
  padding: 20px !important;
  border: 1px solid #000;
  border-radius: 10px;
  margin-top: 0px !important;
}

/* .widgetMode {
  overflow-x: hidden;
    scrollbar-width: none;
} */

h1 {
  font-size: 40px;
  line-height: normal !important;
}

ul.boxesList {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  /* padding-right: 20px !important; */
}

.menuBackground {
  background: linear-gradient(to right, #7aca95, #377e80) !important;
}
.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul.firstLevel {
  background: unset !important;
}
.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
  display: none;
}
.WaGadgetRecentBlogPosts ul li .date {
  display: none;
}

font,
.boxHeaderTitle,
.boxInfo,
h2,
.boxInfoContainer,
body {
  font-family: "Raleway", sans-serif;
}

.boxInfoContainer h5 {
  display: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gadgetEventEditableArea {
  width: 400px !important;
}

.WaGadgetMenuHorizontal .menuBackground {
  background: #6d9e2a;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a:hover {
  background: #01579b !important;
  color: white !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a {
  background: #ffffff !important;
  color: #01579b !important;
  font-size: 18px !important;
  font-weight: normal !important;
}

.WaGadgetMenuHorizontal .menuInner ul ul li > .item > a:hover {
  background: #ffffff !important;
  color: #6d9e2a !important;
}

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

.WaGadgetMenuHorizontal[class*="menuStyle"] .menuInner ul.firstLevel {
  background: #6d9e2a;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  padding: 15px 20px 15px 20px;
  font-size: 18px !important;
  font-weight: normal !important;
  color: #ffffff !important;
}

body {
  background-image: url("https://nawhc.wildapricot.org/resources/Site/Background/white%20backdrop%202.jpg") !important;
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal {
  background: #222222;
}

.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a {
  color: #ffffff;
  background: #222222;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}

.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li a:hover {
  color: #6d9e2a;
}

.WaGadgetMenuHorizontal
  .menuInner
  ul.firstLevel
  > li.dir
  > .item
  > a
  > span:before {
  background: none !important;
}
.WaGadgetEventsStateList h3.sectionTitle {
  font-family: "Raleway", sans-serif;
  font-size: 24px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
/* event-section */
.event-sec .boxBodyInfoOuterContainer {
  width: 100% !important;
}
.event-sec .d9 .inner {
  display: flex;
  /* border:1px solid #000; */
  flex-direction: column;
}
.event-sec .footerEventDetailsLink {
  border-radius: 34px;
  background: #7aca95;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.08px;
  padding: 15px !important;
  width: fit-content;
}
.event-sec h2,
.event-sec p {
  text-align: left;
}
.event-sec .typeButton {
  width: fit-content;
  margin-bottom: 10px !important;
}
.event-sec .gadgetEventEditableArea {
  align-items: start;
}
.event-sec .boxInfo,
.event-sec div {
  font-style: normal !important;
  font-size: 18px !important;
}
.event-sec .eventInfoBoxLabel {
  font-size: 18px !important;
}
.gadgetEventEditableArea {
  width: 550px !important;
}
.calendarModeLink,
.eventDetailsLink,
h4.boxHeaderTitle a:after {
  margin-left: 0px !important;
}
.event-sec .inner h4 {
  font-size: 28px !important;
}
@media screen and (max-width: 1199px) {
  .event-sec .inner h4 {
    font-size: 24px !important;
  }
  .event-sec .inner h4 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 1366px) {
  .WaLayoutPlaceHolder > div {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .event-sec .inner h4 {
    font-size: 20px !important;
  }
  .WaLayoutPlaceHolder > div {
    flex-direction: column;
  }
  /* .zoneContent {
    padding-top: 100px !important;
} */
}