/* ########## fonts ################################################################################ */

@font-face {
  font-family: Inter;
  src: url(https://cdn.clickmagick.com/misc/fonts/website/v3/Inter-Regular.woff) format("woff"), url(https://cdn.clickmagick.com/misc/fonts/website/v3/Inter-Regular.woff2) format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  src: url(https://cdn.clickmagick.com/misc/fonts/website/v3/Inter-Medium.woff) format("woff"), url(https://cdn.clickmagick.com/misc/fonts/website/v3/Inter-Medium.woff2) format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
} 

/* ########## body stuff ########################################################################### */

body,td,p {
    font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    padding:8;
    margin:0;
}

img[src*="logo.gif"] {
    width: 174px !important;
    height: 40px !important;
    border: 0 !important;
}

/* ########## link stuff ########################################################################### */

a:link, a:visited {
	color: #349b34;
	text-decoration: none;	
}

a:hover, a:active {
	color: #349b34;
	text-decoration: underline;	
}

/* ########## text stuff ########################################################################### */

body,td,p {
	font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 18px;
    color: #000000;
}

font.headline,td.headline {
	font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 28px;
	color: #000000;
}

font.headlineg,td.headlineg {
	font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 28px;
	color: #349b34;
}

font.subhead,td.subhead {
	font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: #000000;
}

font.subheadg,td.subheadg {
	font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 22px;
	color: #349b34;
}

font.red,td.red {
	color: #d60500;	
}

/* ##### form stuff ################################################################################# */

.formfield {
	background: #ffffff !important;
	color: #666666;
	font-family: Inter,Verdana, sans-serif;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 6px 0 6px 8px;
	border-radius: 6px;
	border: 1px solid #d5d6d7;
	height: 32px;
}

/* ########## buttons ########################################################################### */

.button {
  background-color: #ffffff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  display: inline;
  border: 1px solid #dde0e3;
  height: 40px;
  line-height: 1;
  padding: 0px 16px;
  font-weight: 400;
  font-size: 16px;
  font-family: Inter, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  color: #666666;
  margin: 0;
  text-decoration: none;
  text-align: center;
}

.button:focus {
    outline: none;
}

input.button, button.button {
  height: 40px;
  cursor: pointer;
  -webkit-appearance: none;
}

.button-rounded {
  border-radius: 6px;
}

.button-right-rounded {
  border-radius: 0 6px 6px 0;
}

.button {
  background-color: #ffffff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #dde0e3;
  height: 40px;
  line-height: 36px;
  padding: 0px 16px;
  font-weight: 400;
  font-size: 15px;
  font-family: Inter, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  color: #666666;
  /* text-shadow: 0 1px 1px white; */
  margin: 0;
  text-decoration: none;
  text-align: center; }
  /* line 42, ../scss/partials/_buttons.scss */
  .button:hover {
    background-color: #ffffff;
}

.button:focus {
    outline: none;
}

input.button, button.button {
  height: 40px;
  cursor: pointer;
  -webkit-appearance: none;
}

.button-rounded {
  border-radius: 6px;
}

.button-action {
  background-color: #5fac5a;
  border-color: #5fac5a;
  color: white;
  /* text-shadow: 0 -1px 1px rgba(1, 3, 1, 0.35); */
}

.button-action:hover {
  background-color: #3e8c3c;
  border-color: #3e8c3c;
  transition: all .3s ease-in-out;
}

.button-action:active {
  background-color: #2e7e2c;
  border-color: #2e7e2c;
  transition: all .3s ease-in-out;
}