@font-face {
  font-family: Montserrat;
  src: url(https://brief.cordmedia.com/site/templates/css/Montserrat-VariableFont_wght.ttf);
}

body.home-page {
  width: 100vw;
  height: 100vh;
  background: #000;
  background: linear-gradient(180deg, rgba(193, 39, 45, 1) 0%, rgba(0, 0, 0, 1) 75%);
}

.home-page img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

::selection {
  background: #D22D23;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #D22D23;
  /* Gecko Browsers */
}

* {
  color: #fff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat !important;
  font-weight: 800;
}

h1 {
  font-size: 72px;
}

h2 {
  font-size: 32px;
}

h4 {
  /* font-size: 32px; */
}

@media screen and (min-width: 960px) {
  h1 {
    font-size: 104px;
  }

  h2 {
    font-size: 48px;
  }
}

p,
a,
div,
span {
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 400;
  font-style: normal !important;
  font-size: 18px;
}

.distribution ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}


.cm-card {
  /* padding: 8% 6%; */
  padding: 64px 48px;
  border-radius: 1rem;
  transition: box-shadow .25s;
}

/* .uk-container div:not(.uk-grid):has(.cm-card):hover {
  transition: transform .25s;
  transform: translateY(-16px);
} */

.cm-card:hover {
  box-shadow: 0 14px 25px rgb(199, 16, 46, .5);
}

.cm-audience {
  background: radial-gradient(circle at left bottom, #FFAB35 0%, #FF6120 20%, #D22D23 30%, #0f0f0f 90%)
}

.cm-background-white {
  background-color: #FFFFFF;
}

.cm-background-red {
  background-color: #D22D23;
}

.cm-background-orange {
  background-color: #FF6120;
}

.cm-background-yellow {
  background-color: #FFAB35;
}

.cm-background-grey {
  background-color: #5f6369;
}

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

.cm-background-gradient {
  background: rgb(255, 97, 32);
  background: linear-gradient(90deg, rgba(255, 97, 32, 1) 0%, rgba(210, 45, 35, 1) 100%);
}

.cm-background-grey-gradient {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(95, 99, 105, 1) 100%);
}

.cm-background-radial {
  background: rgb(0, 0, 0);
  background: radial-gradient(circle at left top, #FF6120 0%, #D22D23 50%);
}

@media screen and (max-width: 959px) {
  .uk-grid>div:nth-child(odd) .cm-background-grey-radial {
    background: url("https://brief.cordmedia.com/site/templates/images/cross-pattern-joint.svg"), radial-gradient(circle at left top, #262626 0%, #0f0f0f 50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .uk-grid>div:nth-child(even) .cm-background-grey-radial {
    background: rgb(0, 0, 0);
    background: radial-gradient(circle at left top, #262626 0%, #0f0f0f 50%);
  }

  .uk-grid>div:nth-child(odd) .cm-background-grey-radial:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255, 97, 32);
    background: linear-gradient(90deg, rgba(255, 97, 32, 1) 0%, rgba(210, 45, 35, 1) 100%);
    width: 33%;
    height: 30px;
    border-top-left-radius: 1rem;
  }

  .uk-grid>div:nth-child(odd) .cm-background-grey-radial::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgb(255, 97, 32);
    background: linear-gradient(90deg, rgba(255, 97, 32, 1) 0%, rgba(210, 45, 35, 1) 100%);
    width: 33%;
    height: 30px;
    border-bottom-right-radius: 1rem;
  }
}

@media screen and (min-width: 960px) {
  .cm-background-grey-radial {
    background: rgb(0, 0, 0);
    background: radial-gradient(circle at left top, #262626 0%, #0f0f0f 50%);
  }

  .cm-background-extra-radial {
    /* background: rgb(0, 0, 0);
    background: radial-gradient(circle at left top, #262626 0%, #0f0f0f 50%); */
    background: url("https://brief.cordmedia.com/site/templates/images/cross-pattern-joint.svg"), radial-gradient(circle at left top, #262626 0%, #0f0f0f 50%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .cm-background-extra-radial::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(255, 97, 32);
    background: linear-gradient(90deg, rgba(255, 97, 32, 1) 0%, rgba(210, 45, 35, 1) 100%);
    width: 33%;
    height: 30px;
    border-top-left-radius: 1rem;
  }

  .cm-background-extra-radial::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgb(255, 97, 32);
    background: linear-gradient(90deg, rgba(255, 97, 32, 1) 0%, rgba(210, 45, 35, 1) 100%);
    width: 33%;
    height: 30px;
    border-bottom-right-radius: 1rem;
  }
}

body.brief-page {
  /* background: url("https://brief.cordmedia.com/site/templates/images/cross-pattern-joint.svg"), #000000;
  background-size: contain;
  background-attachment: fixed; */
}