:root {
  --white:#FFFFFF;
  --beige:#FAF7F0;
  --black:#0E0E0E;
  --yellow:#D6AC5B;
  --brown:#5C3327;
  --chocolate-gradient:linear-gradient(106.28deg, #2B1A16 0%, #5C3327 48.41%, #2B1A16 100%), radial-gradient(50% 50% at 49.42% 50%, rgba(92, 51, 39, 0.4) 0%, rgba(43, 26, 22, 0.4) 100%);
  --gold-gradient:linear-gradient(114.63deg, #E7B354 10.49%, #FCE18A 48.54%, #E7B354 89.1%);
  --gold-gradient-2: linear-gradient(12.18deg, #C39238 -20.14%, #FCE18A 100%);
  --gold-choco-gradient: radial-gradient(16.09% 16.44% at 48.25% 45.04%, rgba(238, 207, 125, 0.4) 0%, rgba(168, 101, 0, 0.4) 100%), linear-gradient(114.63deg, #A66300 10.49%, #F5DC97 48.54%, #A66300 89.1%);
  --white-gradient: linear-gradient(12.18deg, #fff -20.14%, #FAF7F0 100%);
  --popin-box-shadow: 0px 1.44px 21.65px 0px rgba(0, 0, 0, 0.15);
}
html[dir="ltr"] {
  --translate-direction:1;
}
html[dir="rtl"] {
  --translate-direction:-1;
}

/*
* @section Font
*/

/*@font-face {
  font-family:"Sofia Pro Bold";
  src:url("/themes/custom/ferrero/assets/fonts/sofia-pro-bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family:"Sofia Pro Semibold";
  src:url("/themes/custom/ferrero/assets/fonts/sofia-pro-semibold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family:"Sofia Pro Regular";
  src:url("/themes/custom/ferrero/assets/fonts/sofia-pro-regular.woff") format("woff");
  font-display: swap;
}
@font-face {
font-family:"Sofia Pro Ultra Light";
src:url("/themes/custom/ferrero/assets/fonts/sofia-pro-light.woff") format("woff");
font-display: swap;
}*/
@font-face{
  font-family:"Billy Ohio";
  src:url("/themes/custom/ferrero/assets/fonts/billyohio.otf") format("opentype");
  font-weight: 300;
  font-display: swap;
}
@font-face{
  font-family:"Shango Bold";
  src:url("/themes/custom/ferrero/assets/fonts/shangobold.otf") format("opentype");
  font-weight: bold;
  font-display: swap;
}
@font-face{
  font-family:"Shango Medium";
  src:url("/themes/custom/ferrero/assets/fonts/shangomedium.otf") format("opentype");
  font-weight: bold;
  font-display: swap;
}
@font-face{
  font-family:"Shango Regular";
  src:url("/themes/custom/ferrero/assets/fonts/shangoregular.otf") format("opentype");
  font-display: swap;
}
@font-face{
  font-family:"Cinzel SemiBold";
  src:url("/themes/custom/ferrero/assets/fonts/cinzel-semibold.woff2") format("woff2");
  font-display: swap;
}
/* Global */
body {
  font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
  background-color: var(--white);
  color:var(--brown);
}
body:before{
  position:absolute; left:-10000rem;
  content:'breakpoint_320';
  speak:none;
  display: none;
}
input {
  padding:15px 24px;
  background-color: var(--beige);
  border:1px solid #5C3327;
  border-radius:40px;
}
/**
 * Accessibility
 */
.offscreen {
  position: absolute;
  left: -10000rem;
  top: -10000rem;
}
a {
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
p {
  margin: 0;
}
.sr-only{
  border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}
.hidden{
  display: none !important;
}

/* Typo */
.heading-01 {
  font-size:1.5625rem;
  line-height:1;
}
.heading-02 {
  font-size:1.3125rem;
  line-height:1.24;
}
.body-s {
  font-size:.75rem;
}
.body {
  font-size:.9375rem;
}
.body-l {
  font-size:1.0625rem;
  line-height:1.3;
}
.action {
  font-size:.9375rem;
  line-height:1.33;
  font-family: "sofia-pro";
  font-weight: 600;
}
.billyohio {
  font-family: 'Billy Ohio';
}
.shangobold {
  font-family: 'Shango Bold';
}
.shangomedium {
  font-family: 'Shango Medium';
}
.shangoregular {
  font-family: 'Shango Regular';
}
.cinzelsemibold {
  font-family: 'Cinzel SemiBold';
}
.cormorant-garamond {
  font-family: 'cormorant-garamond' !important;
  font-weight:600;
}
.modish {
  font-family: 'modish';
}
/* Backgrounds */
.bg-chocolate-gradient {
  background: var(--chocolate-gradient);
}
.bg-gold-gradient {
  background: var(--gold-gradient);
}
.bg-gold-gradient-2 {
  background: var(--gold-gradient-2);
}
/*
* CTA
*/
.cta-01 {
  padding-top:12px;
  padding-inline-start:30px;
  padding-bottom:12px;
  padding-inline-end:30px;
  background: var(--chocolate-gradient);
  color:var(--white);
  font:.9375rem/1.33 'sofia-pro';
  font-weight: 700;
  border-radius: 1.4375rem;
  display: inline-block;
}
.cta-02 {
  padding-top:12px;
  padding-inline-start:30px;
  padding-bottom:12px;
  padding-inline-end:30px;
  background: transparent;
  color:var(--brown);
  border:1px solid var(--brown);
  font:.9375rem/1.33 'sofia-pro';
  font-weight: 700;
  border-radius: 1.4375rem;
  display: inline-block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

/*.blurred-bg {*/
/*  background: url('./../images/backgrounds/blurred-bg-mobile.jpg') no-repeat;*/
/*  background-size: cover;*/
/*}*/

@media screen and (min-width:64rem){
  /* Typography */
  .heading-01 {
    font-size:2.8125rem;
  }
  .heading-02 {
    font-size:1.875rem;
  }
  .body-l {
    font-size:1.25rem;
  }
  main {
    max-width: 120rem;
    margin: auto;
  }
  /*.blurred-bg {*/
  /*  background: url('./../images/backgrounds/blurred-bg-desktop.jpg') no-repeat;*/
  /*  background-size: cover;*/
  /*}*/
}
@media screen and (min-width:80rem){
  .layout-container {
    position: relative;
    max-width: 80rem;
    margin: 0 auto;
  }
}
.slogan {
  width: 35rem;
}

/*.content-homepage footer {
  display: none !important;
}*/

.content-homepage > .paragraph {
  padding: 40px;
}

.page-9 .toggle-play, .page-9 footer {
  display: none !important;
}
.page-10 .toggle-play, .page-10 footer {
  display: none !important;
}

.email-tfa-email-tfa-verify-login {
  padding: 200px 200px 100px 200px;
}

.email-tfa-email-tfa-verify-login .button {
  width: 200px;
}