/*	Variables
*****************************************/
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 300; src: local(""), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-300.woff2") format("woff2"), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 500; src: local(""), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-500.woff2") format("woff2"), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 700; src: local(""), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-700.woff2") format("woff2"), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap; }
@font-face { font-family: 'Outfit'; font-style: normal; font-weight: 800; src: local(""), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-800.woff2") format("woff2"), url("/wp-content/themes/scratch/assets/fonts/outfit-v1-latin-800.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap; }
/* Header
========================================*/
/* Colours
========================================*/
.c-primary { color: #009bdf; }

.primary-hover:hover { color: #009bdf; }

.bg-primary { background-color: #009bdf; }

.b-primary { border-color: #009bdf; }

.c-secondary { color: #0061af; }

.secondary-hover:hover { color: #0061af; }

.bg-secondary { background-color: #0061af; }

.b-secondary { border-color: #0061af; }

.c-third { color: #e22319; }

.third-hover:hover { color: #e22319; }

.bg-third { background-color: #e22319; }

.b-third { border-color: #e22319; }

.c-forth { color: #65008c; }

.forth-hover:hover { color: #65008c; }

.bg-forth { background-color: #65008c; }

.b-forth { border-color: #65008c; }

.c-light-grey { color: #f8f8f8; }

.light-grey-hover:hover { color: #f8f8f8; }

.bg-light-grey { background-color: #f8f8f8; }

.b-light-grey { border-color: #f8f8f8; }

.c-grey { color: #cccccc; }

.grey-hover:hover { color: #cccccc; }

.bg-grey { background-color: #cccccc; }

.b-grey { border-color: #cccccc; }

.c-dark-grey { color: #434244; }

.dark-grey-hover:hover { color: #434244; }

.bg-dark-grey { background-color: #434244; }

.b-dark-grey { border-color: #434244; }

.c-black { color: #000000; }

.black-hover:hover { color: #000000; }

.bg-black { background-color: #000000; }

.b-black { border-color: #000000; }

.c-white { color: #ffffff; }

.white-hover:hover { color: #ffffff; }

.bg-white { background-color: #ffffff; }

.b-white { border-color: #ffffff; }

/*	Typography
*****************************************************/
/*  font weights   */
/* Letter spacing */
/* Line height */
/* Body font sizes */
/*  Heading sizes */
/*	Cards
***********************************/
.card { position: relative; max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.over [style*="color: #ffffff;"] * { color: #ffffff; }

.card.v-card .card-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.card.v-card, .card.h-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* as well as wanting the card flex, we will set the body flex so we have more flexibility with ordering */ }
.card.v-card .card-body, .card.h-card .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.card.h-card { margin-bottom: 7%; }

.slick-slide .h-card { margin-bottom: 0 !important; }

.card-meta.f-row.justify-start > * + *, .card-meta.f-row.justify-end > * + *, .card .post-meta > * + * { -webkit-margin-start: 15px; -moz-margin-start: 15px; margin-inline-start: 15px; }

.card-meta.column > * + * { margin-top: 15px; }

.card-meta *:last-child, .card .post-meta *:last-child { -webkit-margin-end: 0; -moz-margin-end: 0; margin-inline-end: 0; }

.card.h-card { margin-bottom: 6%; }
.card.h-card.f-row .card-body { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.card.h-card.over .media { position: absolute; height: 100%; padding-bottom: 0 !important; }
.card.h-card.over .media .media-link { position: absolute; padding-bottom: 0 !important; width: 100%; }
.card.h-card.over .card-body { display: table-cell; width: 100%; height: 100%; position: relative; }

.stack .card:nth-child(1n+1):nth-last-child(-n+1), .stack .card:nth-child(1n+1):nth-last-child(-n+1) ~ .card { margin-bottom: 0 !important; }

.card-meta { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.card-meta * { margin-bottom: 0 !important; }
.card-meta .html svg { width: 100px; height: 100px; }

.media { position: relative; display: block; width: 100%; }

.media-link { display: block; height: 100%; }

.card-body .html { height: auto; }
.card-body .html > i.fas, .card-body .html i.far, .card-body .html i.fal { font-size: 45px; font-weight: 100; }
.card-body .html svg { width: 100px; height: 100px; }

p.pricing { font-size: 2rem !important; color: #0061af; font-weight: 600; }

.card-body { position: relative; }
.card-body .card-title { margin-bottom: 0.5rem; }
.card-body * { max-width: 100%; }

.card-title, .card-title a { font-size: 1.8rem; }

.overlay-title { position: absolute; top: 1rem; left: 1rem; }
.overlay-title .card-title { color: #ffffff; display: inline-block; background-color: rgba(0, 0, 0, 0.8); }

.h-card.fixed-height .media { padding-bottom: 0 !important; }

.h-card.fixed-height .card-body { overflow-y: auto; }

@media (min-width: 400px) { .card.h-card { margin-bottom: 5%; } }
@media (max-width: 600px) { .card-body { padding: 20px !important; } }
@media (min-width: 688px) { .card.h-card { margin-bottom: 4%; } }
@media (min-width: 700px) { .card-title, .card-title a { font-size: 2rem; } }
@media (min-width: 600px) and (max-width: 800px) { .card-body { padding: 30px !important; } }
@media (max-width: 800px) { .card-col-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } }
@media (min-width: 800px) { .mw70 { max-width: 70%; }
  .mw65 { max-width: 65%; }
  .mw60 { max-width: 60%; }
  .mw55 { max-width: 55%; }
  .mw50 { max-width: 50%; }
  .mw45 { max-width: 45%; }
  .mw40 { max-width: 40%; }
  .mw35 { max-width: 35%; }
  .mw30 { max-width: 30%; }
  .two-column .card.h-card .media { height: 100%; }
  .h-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
  .h-cards.stack { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .h-cards.stack.left .h-card:nth-child(odd) .card-body { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-left: 0 !important; }
  .h-cards.stack.left .h-card:nth-child(even) .card-body { padding-right: 0 !important; }
  .h-cards.stack.right .h-card:nth-child(even) .card-body { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-left: 0 !important; }
  .h-cards.stack.right .h-card:nth-child(odd) .card-body { padding-right: 0 !important; }
  .h-cards.stack .h-card { width: 100%; }
  .h-cards.stack .h-card:nth-child(even) { margin-left: 0; }
  .card.h-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; }
  .card.h-card .card-body { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } }
@media (min-width: 1024px) { .two-column .card.h-card { width: 48%; }
  .two-column .card.h-card .media { height: 100%; }
  .two-column .card:nth-child(2n+1):nth-last-child(-n+2), .two-column .card:nth-child(2n+1):nth-last-child(-n+2) ~ .card { margin-bottom: 0 !important; }
  .h-cards.stack.right .h-card .card-body, .h-cards.stack.left .h-card .card-body { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; }
  .card.h-card { margin-bottom: 4%; } }
@media (min-width: 1312px) { .card.h-card { margin-bottom: 4%; }
  .two-column .card.h-card { width: 48.5%; } }

/*# sourceMappingURL=cards.css.map */