/*-----------------------------------------
    Structure:
    0.0 Global
    0.1 Helper Classes and Overrides (ie. visually hidden, clear float, inline lists, etc.)
    0.2 Presentation (ie. fonts, colours, etc.)
    0.3 Structures
    0.3.1 Header
    0.3.1.1 Logos
    0.3.1.2 Nav
    0.3.1.3 Socials
    0.3.2 Footer
    0.3.2.1 Nav
    0.3.2.2 Legal/Mice
    0.3.2.3 SiteCatalyst
    1.0Home/Contest
    1.1 Intro
    1.2 Form
    1.3 Thank you
    1.4 Face Product
-------------------------------------------*/





/* ---------------------------------------
        0.0 Global
--------------------------------------- */

/* --	0.1 Helper Classes and Modules -- */
/* Visually Hidden */
.vh { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Clear fix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
/* No-style List*/
.list--noStyle{
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Inline list */
.list--inline li{
    display: inline-block;
}
/* 100% width image (contextually based on wrapper) */
.imgFull{width: 100%;}

/* center a child element vertically and horizontally within its parent */
.valign--parent{position: relative;}
.valign--child{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}



html {
    font-size: 16px; /* Base font size */
    font-family: 'din-2014', Arial, Helvetica, sans-serif;
}


body{
    font-size: 1rem; /* Ensure 1rem is equivalent to 16px */
    margin: 0;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: #ddcfb6;
    z-index: -100;
    background-image:url('../../media/images/header/beach-1920.jpg');
    background-repeat: no-repeat;
    padding: 0;
    background-position: center top;
    background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
    html {
        font-size: 12px;
    }
}



img {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

.body-text{
    color: #FFF;
}








/* global transition
------------------------*/
.all{
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
/* --	/0.1 -- */


/* --	0.2 Presentation -- */


p{padding: 0; margin: 0;}

a {color: #FF6B00; text-decoration: none;}
a::after {color: #DA291C; text-decoration: none;}

.header-container {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-weight: 600;
    align-items: center top; /* Added align-items to the combined style */
}



.header-container--image.title {
  width: calc(100% - 0rem);
  padding-top: 10px;
  max-width: 620px;
  max-height: 80vh;
  margin: 0rem auto;
  text-align: center;
}

.header-container--image.title.thankyou {
  max-width: 480px;
}


.header-container--image.hero {
    margin: -1rem auto 0rem;
    text-align: center;
}

.header-container--image h1 {
  margin-top: 200px;
  font-size: 72px;
  font-weight: 900;
}

/* .header-container--image.title img {
  width: calc(100% - 0rem);
  padding-top: 20px;
  max-width: 620px;
  max-height: 80vh;
} */

.messaging.inner.thank-you {
  margin: 1em auto 2em;
}

.thank-you h1 {
  display: block !important;
  color: #ed1d25;
  font-size: 48px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 0.0em;
}

.messaging {
    font-size: 24px;
    position: relative;
    padding: 0rem 1rem;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    overflow: hidden;

    }

  .messaging .inner {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 45ch;
    margin: 0 auto;
    text-align: center;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 0.2px;
  }

.form .messaging {
    margin: 0px auto;
    position: relative;
    padding: 0rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    max-width: 800px;
    text-align: center;
  }

  .form .messaging.inner {
    font-weight: 600;
  }



.partner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 0rem 2rem 6rem 2rem;
  max-width: 1180px;
  margin: 0 auto;
}

.partner .text {
  flex: 0 0 calc(50% - 1rem);
  order: 1;
  max-width: calc(50% - 1rem);
}

.partner .image {
  flex: 0 0 calc(50% - 1rem);
  order: 2;
  max-width: calc(50% - 1rem);
}

.partner .image img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .partner {
    flex-direction: column;
    min-height: auto;
  }

  .partner .text {
    order: 2;
    flex: 1 1 100%;
    max-width: 100%;
  }

  .partner .image {
    order: 1;
    flex: 1 1 100%;
    max-width: 100%;
  }
}


.partner h1 {
  color: #ed1d25;
  font-size: 48px;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 0.3em;
}


.partner .button-link {
  display: inline-block;
  margin: 1em auto;
  padding: 10px 20px;
  background-color: #ed1d25;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
}
.partner .button-link:hover {
  background-color: #000000;
}



.footer__bip-img {
    max-width: 520px;
    margin: 0 auto;
    display: block;
}

.footer__rdm {
    text-align: center;
    padding: 2rem 0;
}

.footer__rdm-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.footer__rdmLogo {
    display: block;
    margin: 0 auto;
}

.footer__rdmLogo-img {
    max-width: 346px;
    margin: 0 auto;
    display: block;
}

.footer__rdm-copyright {
    text-align: center;
    margin: 0;
    padding: 0.2rem 0;
}

.footer__rdm p {
    margin: 0;
    padding: 0rem 0;
}