@font-face {
  font-family: 'Futura';
  font-weight: 400;
  font-style: normal;
  src: url('../../fonts/Futura-Regular.woff2') format('woff2'),
       url('../../fonts/Futura-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Futura';
  font-weight: 700;
  font-style: normal;
  src: url('../../fonts/Futura-Bold.woff2') format('woff2'),
       url('../../fonts/Futura-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Industry';
  font-weight: 500;
  font-style: normal;
  src: url('../../fonts/Industry-Medium.woff2') format('woff2'),
       url('../../fonts/Industry-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Industry';
  font-weight: 800;
  font-style: normal;
  src: url('../../fonts/Industry-Black.woff2') format('woff2'),
       url('../../fonts/Industry-Black.woff') format('woff');
}

@font-face {
  font-family: 'Industry';
  font-weight: 900;
  font-style: normal;
  src: url('../../fonts/Industry-Ultra.woff2') format('woff2'),
       url('../../fonts/Industry-Ultra.woff') format('woff');
}

* {
    font-family: 'Futura';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Industry';
    font-weight: 800;
    text-transform: uppercase;
}

.button {
    text-transform: uppercase;
}

.button-slanted {
  -ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
}

.button-slanted-content {
  -ms-transform: skewX(10deg);
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
  display: inline-block;
  padding: 6px 8px 4px 8px;
  font-family: 'Industry';
}

.button-content {
  display: inline-block;
  padding: 6px 8px 4px 8px;
  font-family: 'Industry';
}

.bg-blue-mfc {
  background: #01ABAA;
}

.text-blue-mfc {
  color: #01ABAA;
}

.title-link {
  color: white;
  font-family: 'Industry';
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.5rem;
  padding-left: 20px;
}

.title-link:hover {
  color: #01ABAA;
}

.footer-link {
  color: black;
  font-family: 'Industry';
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1rem;
  padding-bottom: 10px;
}

.footer-text {
  padding-bottom: 10px;
}

.addButton {
    background: black;
    margin-top: 20px;
    color: white;
    font-family: 'Industry';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    padding: 12px 0 10px 0;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

ul.socials {
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 150%;
}

ul.socials > li {
  display: inline;
  padding: 0 10px;
}

ul.socials > li > a {
  color: black;
  transition: all ease-in-out 0.2s;
}

ul.socials > li > a:hover {
color: #01ABAA;
}

ul.socials > li > i {
  font-size: rem-calc(18px);
}

.tag {
    text-transform: uppercase;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    background: #BFC0C1;
    color: white
}

.tag-content {
  display: inline-block;
  padding: 7px 15px 4px 8px;
  font-family: 'Industry';
}

.bg-mfc-grey {
  background: #BFC0C1;
}

.button-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.button-container > svg {
  position: absolute;
  fill: #BFC0C1;
  top: 0;
  right: 0;
  height: 100%;
}

.button-container > span {
  position: relative;
  padding: 7px 15px 4px 8px;
  font-family: 'Industry';
  display: block;
  color: white;
  text-transform: uppercase;
}

.gform_wrapper input[type=checkbox]+label, .gform_wrapper input[type=radio]+label {
    font-size: .77778rem;
    color: #fefefe;
    position: relative;
    padding-left: 2rem;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    overflow: unset!important;
}

input[type=checkbox]+label:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\F0C8";
    font-size: 26px;
    position: absolute;
    top: -.55556rem;
    left: 0;
}

input[type=checkbox]:checked+label:before {
    font-family: Font Awesome\ 5 Pro;
    content: "\F14A";
    color: #ffa700;
    pointer-events: none;
}