@font-face {
  font-family: 'signpaintermedium';
  src: url('../fonts/signpainterhousescript-webfont.woff2') format('woff2'),
       url('../fonts/signpainterhousescript-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body {
  font-family: 'Poppins', sans-serif;
  color: #474747;
  font-size: 16px;
  background-color: #ffffff;
}

.handfont {
  font-family: 'signpaintermedium', cursive;
}

.normalfont {
  font-family: 'Poppins', sans-serif;
}

/* colors */
.color-primary {
  color: #006aa6;
}
.color-secondary {
  color: #ff9e19;
}
.color-tertiary {
  color: #233746;
}
.bg-primary {
  background: #1A80C1 !important;
  color: #ffffff;
}
.bg-secondary {
  background: #ff9e19 !important;
  color: #233746;
}
.bg-tertiary {
  background: #233746;
  color: #ffffff;
}
.bg-card {
  background: #ffffff;
  background: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
  border-radius: 20px;
  border: 3px solid #233746;
}
.asterisk {
  color: red;
}

/* Hero Banner */

.heroHomeWrapper {
  height: 630px;
  position: relative;
  background-image: url('../img/ooi_lammers.jpg');
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
  border-bottom: 10px solid #ff9e19;
}

.heroHomeInfoWrapper {
  height: 100%;
  width: 100%;
  display: block;
  background: linear-gradient(90deg, rgba(35,55,70,.8) 0%, rgba(1, 79, 125, 0.8) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 30px;
  text-shadow: 0px 3px 6px rgba(51, 51, 51, .5);
}

.heroHomeInfo .logo {
  width: 100%;
  max-width: 600px;
  padding-bottom: 15px;
  display: block;
  margin: auto;
}

.heroHomeInfo h1 {
  font-size: 3em;
  text-align: center;
}

.if-list li {
  margin-bottom: 15px;
}

.info-blocks {
  max-width: 1200px;
  margin: auto;
}

.bg-events {
  background-image: url('../img/events1.jpg');
  background-size: cover;
  background-position-x: center;
  background-position-y: bottom;
  border-top: 10px solid #1A80C1;
  text-shadow: 0px 3px 6px rgba(51, 51, 51, .3);
}

.bg-karoo-boer {
  background-image: url('../img/karoo-boer.jpg');
  background-size: cover;
  background-position-x: left;
  background-position-y: bottom;
}

.bg-wood {
  background-image: url('../img/wood-bg.jpg');
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

.bg-intellifarm {
  background: #233746;
  color: #ffffff;
}

.bg-intellifarm img {
  max-width: 300px;
}