@font-face {
  font-family: "Whyte";
  src: url("../assets/fonts/ABCWhyte-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Whyte";
  src: url("../assets/fonts/ABCWhyte-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "garamond";
  src: url("../assets/fonts/ITCGaramondStd-BkCond.woff") format("woff");
  font-weight: 500;
}


* {
  font-family: 'Whyte';
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

iframe {
  box-shadow: 0px 0px 10px -1px hwb(0deg 0% 100% / 10%);
}



a[href="http://www.magictoolbox.com/magicscroll/"] {
  display: none;
  opacity: 0;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}


input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

input[type="text"]::placeholder {
  color: rgba(26, 130, 245, 0.25);
  opacity: 1; /* Firefox */
}
input[type="text"]::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(26, 130, 245, 0.25);
}

input[type="email"]::placeholder {
  color: rgba(26, 130, 245, 0.25);
  opacity: 1; /* Firefox */
}
input[type="email"]::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(26, 130, 245, 0.25);
}

input[type="tel"]::placeholder {
  color: rgba(26, 130, 245, 0.25);
  opacity: 1; /* Firefox */
}
input[type="tel"]::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(26, 130, 245, 0.25);
}



.submit-btn-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 6px;
}


.submit-btn-loader span {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transform-origin: center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#rsvp-frm input[type="checkbox"]:checked {
  background: #FFFFFF;
  border: none;
  position: relative;
}

#rsvp-frm input[type="checkbox"]:checked:after {
  content: '';
  display: block;
  width: 5px;
  height: 12px;
  border-right: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #F5333F;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%) rotate(45deg);
}





.claims-frm input[type="text"]::placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1; /* Firefox */
}
.claims-frm input[type="text"]::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.claims-frm textarea::placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1; /* Firefox */
}
.claims-frm textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}


.claims-frm input[type="radio"]:checked {
  background: #FFFFFF;
  border: none;
  position: relative;
}

.claims-frm input[type="radio"]:checked:after {
  content: '';
  display: block;
  width: 5px;
  height: 12px;
  border-right: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #1982F5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%) rotate(45deg);
}


.claims-frm input[type="checkbox"]:checked {
  background: #FFFFFF;
  border: none;
  position: relative;
}

.claims-frm input[type="checkbox"]:checked:after {
  content: '';
  display: block;
  width: 5px;
  height: 12px;
  border-right: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #1982F5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%) rotate(45deg);
}



#claims-frm-first-step input:-webkit-autofill,
#claims-frm-first-step input:-webkit-autofill:hover,
#claims-frm-first-step input:-webkit-autofill:focus,
#claims-frm-first-step textarea:-webkit-autofill,
#claims-frm-first-step textarea:-webkit-autofill:hover,
#claims-frm-first-step textarea:-webkit-autofill:focus,
#claims-frm-first-step select:-webkit-autofill,
#claims-frm-first-step select:-webkit-autofill:hover,
#claims-frm-first-step select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #1982f5 inset !important;
    -webkit-text-fill-color: #fff !important; /* optional: white text */
    transition: background-color 5000s ease-in-out 0s;
}


#claims-frm-second-step-no-verification input:-webkit-autofill,
#claims-frm-second-step-no-verification input:-webkit-autofill:hover,
#claims-frm-second-step-no-verification input:-webkit-autofill:focus,
#claims-frm-second-step-no-verification textarea:-webkit-autofill,
#claims-frm-second-step-no-verification textarea:-webkit-autofill:hover,
#claims-frm-second-step-no-verification textarea:-webkit-autofill:focus,
#claims-frm-second-step-no-verification select:-webkit-autofill,
#claims-frm-second-step-no-verification select:-webkit-autofill:hover,
#claims-frm-second-step-no-verification select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #1982f5 inset !important;
    -webkit-text-fill-color: #fff !important; /* optional: white text */
    transition: background-color 5000s ease-in-out 0s;
}


#claims-frm-second-step-verification input:-webkit-autofill,
#claims-frm-second-step-verification input:-webkit-autofill:hover,
#claims-frm-second-step-verification input:-webkit-autofill:focus,
#claims-frm-second-step-verification textarea:-webkit-autofill,
#claims-frm-second-step-verification textarea:-webkit-autofill:hover,
#claims-frm-second-step-verification textarea:-webkit-autofill:focus,
#claims-frm-second-step-verification select:-webkit-autofill,
#claims-frm-second-step-verification select:-webkit-autofill:hover,
#claims-frm-second-step-verification select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #1982f5 inset !important;
    -webkit-text-fill-color: #fff !important; /* optional: white text */
    transition: background-color 5000s ease-in-out 0s;
}



.claims-frm .submit-btn-loader {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 4px solid;
  border-color: rgba(25, 130, 245, 0.15) rgba(25, 130, 245, 0.25) rgba(25, 130, 245, 0.35) rgba(25, 130, 245, 0.5);
  box-sizing: border-box;
  animation: claimsrotation 1s linear infinite;
  transform-origin: center;
  top: 0 !important;
  left: 0 !important;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg) translate(-50%, -50%);
  }
  100% {
    transform: rotate(360deg) translate(-50%, -50%);
  }
}

@keyframes claimsrotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}








.i-v {
  opacity: 0;
  transform: translateY(20px);
}
.bc-fade-in {
  animation: fadein .4s cubic-bezier(.46,-0.12,.25,1) forwards;
}
@keyframes fadein {
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}


.woocommerce-form-coupon-toggle {
  display: none !important;
}

#kco-order-review {
  display: none !important;
}

#klarna-checkout-container {
  padding-left: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  border: solid 1px #e7e7e7;
  border-radius: 10px;
}

.woocommerce-message {
  display: none !important;
}

.woocommerce-error {
  display: none !important;
}

.woocommerce-notices-wrapper {
  display: none !important;
}


.woocommerce-order-details, .woocommerce-customer-details, .woocommerce-order-overview.order_details, .woocommerce-thankyou-order-received {
  display: none !important;
}

.woocommerce-order {
  padding: 6rem 0;
}






input[type="checkbox"]:checked {
  background: #1982F5;
  border: none;
  position: relative;
}

input[type="checkbox"]:checked:after {
  content: '';
  display: block;
  width: 5px;
  height: 12px;
  border-right: 2px;
  border-bottom: 2px;
  border-style: solid;
  border-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -63%) rotate(45deg);
}

.flickity-page-dots {
  bottom: 20px !important;
}

.flickity-page-dots .dot {
  margin: 0 5px !important;
  width: 40px !important;
  height: 2px !important;
  background-color: #FFF !important;
  border-radius: 0px !important;
}