:root {
  --primary: #303338;
  --secondary: #1c70b8;
  --tertiary: #d7342c; }

/*Variables Grid
 */
:root {
  --container-max-width: 140.0rem;
  --grid-gutter-width: 2.5rem; }

/*Variables Type
 */
:root {
  --font-sans-serif: 'Verdana', sans-serif;
  --font-sans-serif-2: 'urw-din', sans-serif;
  --font-sans-serif-3: 'urw-din-condensed', sans-serif;
  --fs-1: 3.2rem;
  --fs-2: 2.8rem;
  --fs-3: 2.1rem;
  --fs-4: 1.8rem;
  --fs-5: 1.6rem;
  --fs-6: 1.4rem;
  --fs-7: 1.2rem;
  --fs-8: 1.0rem;
  --lh-base: 2.5rem; }

/*Type
 */
a:hover,
button:hover,
[type="submit"]:hover {
  opacity: 0.75; }

button:hover,
[type="submit"]:hover {
  cursor: pointer;
  -webkit-transition: opacity var(--transition-duration);
  -o-transition: opacity var(--transition-duration);
  transition: opacity var(--transition-duration); }

em {
  font-style: italic; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-sans-serif-2); }

h1,
h2 {
  line-height: 3.75rem; }

h1 {
  font-weight: var(--fw-normal); }

h1 mark {
  line-height: 4.5rem; }

@media (max-width: 1199px) {
  h1 mark {
    line-height: 4.0rem; } }

/*TODO: check styles h1, and h1 mark
 */
@media (max-width: 575px) {
  h1,
  h1 mark {
    line-height: 2.5rem; } }

h3,
h4,
h5,
h6 {
  line-height: var(--lh-base); }

input::-webkit-input-placeholder {
  color: var(--grey-90); }

input:-ms-input-placeholder {
  color: var(--grey-90); }

input::-ms-input-placeholder {
  color: var(--grey-90); }

input::placeholder {
  color: var(--grey-90); }

ul li {
  padding-left: calc(var(--spacer) * 1.5);
  text-indent: -1em; }

/*Utilities
 */
.bg-gradient-radial {
  background-image: -webkit-radial-gradient(center, circle, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-radial-gradient(center, circle, white 0%, white 50%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(circle at center, white 0%, white 50%, rgba(255, 255, 255, 0) 100%); }

.filter-drop-shadow {
  -webkit-filter: drop-shadow(0 -1rem var(--spacer) rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 -1rem var(--spacer) rgba(0, 0, 0, 0.25)); }

.font-sans-serif-2 {
  font-family: var(--font-sans-serif-2); }

.font-sans-serif-3 {
  font-family: var(--font-sans-serif-3); }

.fs-8 {
  font-size: var(--fs-8); }

.h-0 {
  height: 0; }

.invisible-b {
  visibility: hidden; }

.pe-2-5 {
  padding-right: calc(var(--spacer) * 2.5); }

.ps-2-5 {
  padding-left: calc(var(--spacer) * 2.5); }

.pt-2-5 {
  padding-top: calc(var(--spacer) * 2.5); }

@media (max-width: 991px) {
  .pe-2-5-md {
    padding-right: calc(var(--spacer) * 2.5); }
  .ps-2-5-md {
    padding-left: calc(var(--spacer) * 2.5); }
  .pt-2-5-md {
    padding-top: calc(var(--spacer) * 2.5); } }

.top-0-1 {
  top: 0.1rem; }

.visible {
  visibility: visible; }

.w-0-1 {
  width: calc(var(--spacer) * 0.1); }

/*Components
 */
.blocks .row:first-child {
  min-height: calc(var(--spacer) * 35); }

@media (max-width: 991px) {
  .blocks .row:first-child {
    min-height: 0; } }

.card.col-4 {
  width: calc((100% - var(--spacer) * 10) / 3); }

/*TODO: revise naming
 */
@media (max-width: 1199px) {
  .card.col-4 {
    width: calc((100% - var(--spacer) * 5) / 2); } }

@media (max-width: 575px) {
  .card.col-4 {
    width: 100%; } }

.card-image {
  -webkit-transition: -webkit-transform var(--transition-duration);
  transition: -webkit-transform var(--transition-duration);
  -o-transition: transform var(--transition-duration);
  transition: transform var(--transition-duration);
  transition: transform var(--transition-duration), -webkit-transform var(--transition-duration);
  -webkit-transform: translateY(var(--spacer));
      -ms-transform: translateY(var(--spacer));
          transform: translateY(var(--spacer)); }

.card:hover .card-image {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.card-taxonomy-delimiter:last-child {
  display: none; }

.isotope-grid {
  min-height: calc(100vh - var(--spacer) * 27); }

.loading-bar-bg {
  -webkit-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s; }
