/* Custom CSS for custom added classes on Modules */
.loc-column:after {
  content: "";
  display: table;
  clear: both;
}

.loc-item {
  float: left;
  width: 33.33%;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 425px) {
  .loc-item {
    width: 100%;
  }
}

/* Change footer style */
.footer {
  background-size: 0;
  background-image: none !important;
  background-color: #005500;
}

/* zMakes the DJ-ImageSlider module take up 66% of the screen when in wide mode */
.card.imageslider_custom {
    flex: 66%;
}

/* Makes the JEvents module take up 33% of the screen when in wide mode */
.card.jevents_custom {
    flex: 33%;
}

/* Indent each event to align with "Event Calendar" title */
.mod_events_latest_table td {
    padding: 0 0 0 15px;
}

/* For positioning multiple things in the below-top area of site */
.container-header {
    padding: 8px 0 0 0;
}

.container-logo img {
    width: 320px;
}

.container-catalog {
    margin-left: auto;
}

.catalog_mod {
  height: 80px;
  width: 320px;
  border-radius: 10px;
}

.catalog_button {
  width: 50%;
  height: 50%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
}

.catalog_button:hover {
    background: #888;
}

.account_button {
  width: 50%;
  height: 50%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
}

.account_button:hover {
  background: #888;
}

.input_box {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
}

.input_box input {
    width: 280px;
}

/* Make main menu items closer together */
.metismenu.mod-menu .metismenu-item {
    padding: 5px 5px;
    border-radius: 12px;
}

.metismenu.mod-menu .metismenu-item:hover {
    background: #888;
}

.nav-item:hover {
  border-radius: 3px;
  background: #888;
}

.container-header .container-nav {
    /* padding: 3px; */
}

/* Tighten up content */
.mod-list li {
    padding: 0 3px 0 3px;
}

.card-body {
    padding: 3px;
}

/* @media (max-width: 991.98px) */
.footer .grid-child {
    align-items: flex-start;
    padding-top: 10px;
}
/*
#getacard {
 background-color: #ec008b;
 -moz-border-top-right-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 border-top-right-radius: 15px;
 border-top-left-radius: 15px;
}

#newsletter {
    background-color: #f58612;
}

#facebook {
    background-color: #39569c;
}

#twitter {
    background-color: #26a7de;
}

#instagram {
    background-color: #25963a;
}

#youtube {
    background-color: #F00000;
}


	<div class="content_clicker" id="newsletter" onclick="location.href='https://us11.campaign-archive.com/home/?u=fc0d6a7a5bef943a60082ebc5&amp;id=d60e39d072'" style="cursor: pointer;">
		<img src="/images/static/envelope-icon.png" width="64" height="64">Newsletter
	</div> */