:root {
  --fifa-red: #f15e40;
  --fifa-yellow: #fdbd12;
  --fifa-green: #33b66d;
  --fifa-blue: #27aae1;
  --fifa-light-blue: #72c2e8;
  --fifa-text: #1f1f1f;
}

/* Base copy */
body,
p,
li,
td,
th,
input,
textarea,
select,
button {
  font-family: "acumin-pro-black", sans-serif;
  font-weight: 400;
  color: var(--fifa-text);
}

/* Main page headings */
h1 {
  font-family: "nunito", sans-serif !important;
  font-weight: 700 !important;
}

/* Subheadings */
h2,
h3,
h4,
h5,
h6 {
  font-family: "acumin-pro-black", sans-serif;
  font-weight: 500;
}

/* Strong text */
strong,
b {
  font-weight: 700;
}

/* Links */
a {
  color: #0000EE !important;
}

a:visited { color: #551A8B; }
a:link:active, :visited:active { color: #FF0000; }

a:hover,
a:focus {
  color: var(--fifa-red);
}

/* Buttons / CTAs */
.button,
.hs-button,
input[type="submit"] {
  font-family: "nunito", sans-serif;
  font-weight: 700;
  background-color: var(--fifa-red);
  color: #fff;
  border: 0;
}

/* Optional color utility classes */
.bg-fifa-red { background-color: var(--fifa-red); }
.bg-fifa-yellow { background-color: var(--fifa-yellow); }
.bg-fifa-green { background-color: var(--fifa-green); }
.bg-fifa-blue { background-color: var(--fifa-blue); }
.bg-fifa-light-blue { background-color: var(--fifa-light-blue); }

.text-fifa-red { color: var(--fifa-red); }
.text-fifa-blue { color: var(--fifa-blue); }
.text-fifa-green { color: var(--fifa-green); }

/* Gradient from their “branding reference” */
.fifa-gradient {
  background: linear-gradient(135deg, var(--fifa-red) 0%, #fff 48%, var(--fifa-blue) 100%);
}


/* Main bg gradient */
.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section {
  background-color: #fff;
    background: 
  radial-gradient(circle at top left, #f15e40, transparent 55%),
  radial-gradient(circle at bottom right, #27aae1, transparent 55%);
}



/* Hack Spacing on full-width illustration rows */

#ghc911theme23 .banner-section .Banner-row-0-force-full-width-section > .row-fluid > .span12,
#main-content .row-number-4.dnd_area-row-1-force-full-width-section > .row-fluid > .span12,
#main-content .row-depth-1.row-number-3.dnd_area-row-1-padding.dnd_area-row-1-force-full-width-section > .row-fluid > .span12 {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}



/* banner */

.banner-section img,
.hs_cos_wrapper_type_linked_image img {
  display: block !important;
}

.banner-wrapper {
    background-color: rgba(217, 31, 42, 0) !important;
    background-image: url('https://22253271.fs1.hubspotusercontent-na2.net/hubfs/22253271/img/fifa-banner-2.webp');
    background-size: cover;
    background-position: center;
}

.banner-wrapper .cm-col-lg-6:first-child .l-titlebar-h {
    padding: 0 !important;'
}

.banner-wrapper .cm-col-lg-6 {
    min-height: 0 !important;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width: 400px) {
    .banner-wrapper .cm-col-lg-6 h1 {
        margin: 0 auto !important;
    }
}

.banner-wrapper h1 {
    background-color: rgba(241, 94, 64, 0.9);
    border: 2px solid rgba(255,255,255,0.6);
    width: fit-content;
    padding: 1rem 2rem;
    margin: 0 auto !important;
}

.banner-wrapper h1 span {
    font-style: italic;
}

.banner-wrapper .content-wrapper .l-titlebar .cm-row > .cm-col-lg-6:first-child {
      flex: 0 0 100% !important;
    max-width: 100% !important;
}

.banner-wrapper .content-wrapper .l-titlebar .cm-row > .cm-col-lg-6:nth-child(2) {
  display: none !important
}

.banner-wrapper .cm-col-lg-6:first-child .l-titlebar-h {
  padding-left: 0 !important;
}

.banner-wrapper .cm-col-lg-6 h1 {
  text-align: center;
}




/* text hacks */

.body-container-wrapper h2:not(:first-child) {
    margin-top: 3rem;
}

.body-container-wrapper h2 {
    margin-bottom: 1rem;
  font-weight: 700;
}

.body-container-wrapper h3 {
    font-size: 1.5rem;
    margin-bottom: 0.6rem;
}

.body-container-wrapper p {
    margin-bottom: 1rem !important;
}

.body-container-wrapper ul li {
    line-height: 1.4;
    margin-bottom: 14px;
}

.body-container-wrapper ul > li > ul {
    margin-top: 6 px;
    margin-left: 22px;
}

.body-container-wrapper ul ul {
     list-style-type: circle;
}





footer.footer {
    background-color: rgba(114, 194, 232, 0.5) !important;
}

.cstm_p .s2,
.cstm_p .s4b,
.footer-row-contact .cstm_col h2 {
    color: rgba(241, 94, 64, 1.0) !important;
}

.cstm_content-wrapper {
    background-color: #fdbd12 !important;
}



.awcTranslateWrap {
  position: relative;
  display: block;
  width: fit-content;
  margin: 20px auto 12px;
}

.awcTranslateWrap::before {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("https://22253271.fs1.hubspotusercontent-na2.net/hubfs/22253271/img/globe2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}

.awcTranslateWrap::after {
  content: "";
  position: absolute;
  right: 0.9rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23f15e40' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}

#awcTranslateSelect {
  color: #fff;
  font-family: "acumin-pro-black", sans-serif;
  font-weight: 600;
  font-size: 1.2rem;

  padding: 0.5rem 2.5rem 0.5rem 2.4rem;

  border-radius: 6px;
  border: 2px solid #fdbd12;
  background: #27aae1;

  display: block;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  cursor: pointer;
}


.body-container .row-fluid .span12 .row-fluid-wrapper.row-depth-1.row-number-1.dnd-section {
    padding-top: 3rem !important;
}

@media (max-width: 767px) {
    .banner-wrapper .cm-col-lg-6 h1 {
        margin: 0 auto !important;
    }
}