/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'MND Headline';
  src: url('https://cdn.shopify.com/s/files/1/0710/3063/6810/files/MNDHeadline-Regular.woff2?v=1765301304') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MND Sans';
  src: url('https://cdn.shopify.com/s/files/1/0710/3063/6810/files/MNDSans-Regular.woff2?v=1767795732') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --Component-colors-Utility-Blue-utility-blue-500: #7b0019 !important;
}

/* Reset */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 !important;
  float: none;
}

/* Global styles */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
font-family: "MND Headline", serif !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
button {
  font-weight: 400 !important;
  
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color: #D03B20 !important;
}

h1, .h1 {
  font-size: 28px !important;
  line-height: 36px;
}
h2, .h2 {
  font-size: 20px !important;
  line-height: 28px;
}
h3, .h3{
  font-family: "Roboto", sans-serif !important;
  font-weight: 700;
  color: #000 !important;
  font-size: 18px !important;
  line-height: 150%; /* 27px */
  margin-top: 0;
}

h4, .h4{
  font-size: 16px !important;
  line-height: 28px;
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  h3, .h3{
    margin-top: 15px;
  }
}

/* Logo */
img .img-responsive .header-image .image-left {
  width: 138px !important;
}
.header {
  background-color: #fff !important;
  padding-bottom: 1rem !important;
  @media screen and (max-width: 480px) {
    padding-bottom: 0.5rem !important;
  }
}

body, p {
  font-size: 18px !important;
  line-height: 28px;
}

strong {
  font-weight: 400 !important;
}

p, label, button {
font-family: "Roboto", sans-serif !important;
color: #000;
}

button, .btn, .btn-default, .navbar-btn, .page-forward, .theme-btn-primary, a.btn {
  background-image: none;
  border: 0;
  border-radius: 28px;
  background-color: #D03B20 !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 20px !important;
  padding: 5px 20px 5px 20px;
  line-height: 100%; /* 20px */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#ot-sdk-btn-floating.ot-floating-button button {
  background: transparent !important;
}

#ot-sdk-btn-floating .ot-floating-button__back, #ot-sdk-btn-floating .ot-floating-button__front {
    background-color: #D03B20 !important;
}

button:hover, 
.btn:hover, 
.btn-default:hover, 
.navbar-btn:hover, 
.page-forward:hover, 
.theme-btn-primary:hover, 
 a.btn:hover {
  color: #fff !important;
  background-color: #7b0019 !important;
}

button:focus, 
.btn:focus, 
.btn-default:focus, 
.navbar-btn:focus, 
.page-forward:focus, 
.theme-btn-primary:focus,
a.btn:focus {
  color: #fff !important;
  background-color: #D03B20 !important;
  border: 1px solid #000 !important;
  outline: 2px solid #FFDA7B !important;
}

a {
  color: #D03B20 !important;
  transition: color 0.3s ease;
  font-weight: 600 !important;
}

a:hover {
  color: #D03B20 !important;
}

a:focus {
  color: #000 !important;
}

a:not[.row .form-group .has-feedback] {
  text-decoration: underline !important;
}

a:not[.row .form-group .has-feedback]:hover {
  text-decoration: underline !important;
}

label {
  color: #000 !important;
  font-weight: normal !important;
  line-height: 150%; /* 27px */
}

.theme-select.form-control.select2-container .select2-selection {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #7B0019 !important;
}

input, select {
  border: 1px solid #7B0019 !important;
  color: #000 !important;
  background-color: #fff;
  padding: 18px 412px 17px 8px;
}

input, select, textarea, .file-preview, .input-group, .select2-container {
  max-width: initial;
}

span.select2-search.select2-search--dropdown > input.select2-search__field {
  border: 1px solid #ccc !important;
}

li.select2-search.select2-search--inline > input.select2-search__field {
  border: 0px !important;
}

.text-muted {
  font-family: "Roboto", sans-serif !important;
  color: #000 !important;
}

.progress .theme-progress {
  margin-top: 1rem !important;
  background-color: #fff !important;

  @media screen and (min-width: 768px) {
    margin-top: 1rem !important;
    background-color: #fff !important;
  }
}


/* Main styles */

.component {
  padding: 10px 0 0 0!important;
}

.body-content {
  background-color: #faebe9 !important;
}

#main-form, .main-form {
  padding: 16px;
  box-shadow: none !important;
  background-color: #fff !important;
}

@media screen and (min-width: 768px) {
  #main-form, .main-form {
    padding: 32px 48px;
  }
}

/* Header styles */

.brand-header {
  padding: 0 !important;
  margin-bottom: 25px !important;
  margin-left: 0px;
  margin-right: 0px;
}

@media screen and (min-width: 768px) {
  .brand-header {
    margin-bottom: 15px;
  }
}

.brand-header-bg {
  background-color: none !important;
}

.theme-panel {
  box-shadow: none !important;
  padding: 0;
}

.container-fluid {
  padding: 0;
}

.theme-progress {
  margin: 15px 0 15px 0;
  max-width: 100%;
  background-color: rgba(255, 87, 51, 0.1) !important;
}

@media screen and (min-width: 768px) {
  .theme-progress {
    margin: -15px -15px 0 0;
  }
}

.progress {
  box-shadow: none;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top,#d4431c 0%,#d4431c 100%);
    background-image: linear-gradient(to bottom,#d4431c 0%,#d4431c 100%);
    background-repeat: repeat-x;
}

/* Form styles */

.row {
  display: flex;
  flex-direction: column;
  margin-left: initial;
  margin-right: initial;
  padding-bottom: 0;
}

@media screen and (min-width: 320px) {
  .row {
    padding-bottom: 8px;
  }
  .row > div + div {
    margin-top: 8px;
  }
}

@media screen and (min-width: 768px) {
  .row {
    padding-bottom: 15px;
  }
  .row > div + div {
    margin-top: 16px;
  }
}

.text-right {
  text-align: initial;
}


.theme-select.form-control.select2-container {
  width: initial;
}

.theme-textbox.form-control {
border-radius: 4px;
}

.form-group {
  padding: 0;
}

/* Form controls */
form h3 {
  font-family: "Roboto", sans-serif !important;
  color: #000 !important;
}

input .core-component-data {
  font-family: "Roboto", sans-serif !important;
  color: #000 !important;
  font-size: 18px !important;
  line-height: 100%; /* 18px */
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
  font-family: "Roboto", sans-serif !important;
  color: #000 !important;
}

/* Textareas */
textarea {
  font-family: "Roboto", sans-serif !important;
  color: #000 !important;
}

/* Radio buttons */
input[type="radio"] {
  color: #7B0019 !important;
}

.radio > label {
  position: relative;
  font-weight: 400 !important;
  top: -3px;
}

/* Checkboxes */
input[type="checkbox"] {
  color: #7B0019 !important;
}


.checkbox > label {
  color: #000 !important;
}

.checkbox > input {
  width: 24px;
  height: 24px;
  margin-right: 14px;
  outline: 1px solid #000 !important;
  background-color: #fff !important;
}

input[type='file']:focus,
input[type='radio']:focus,
input[type='checkbox']:focus {
  color: #fff !important;
  background-color: #7b0019 !important;
  border: 1px solid #000 !important;
  outline: 2px solid #FFDA7B !important;
}

.checkbox > input:checked + .checkbox::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 11px;
  border: 3px solid var(--Component-colors-Utility-Blue-utility-blue-500);      /* tick colour */
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* PAYMENT FORM */
.group-summary-row.theme-group-summary-row {
  display: flex;
  flex-direction: row;
}

.row.group-summary-header.h4 {
  display: flex;
  flex-direction: row;
}

.row.group-summary-header.h4 > div + div {
  margin-top: 0;
}

.group-summary-row.theme-group-summary-row .col-sm-3.col-xs-3 {
  display: flex;
}

.group-summary-row:nth-of-type(2n+1) {
  background-color: #fff !important;
}

/* // Tooltip */
.theme-text-info-input.fa-info {
  left: initial;
  right: -16px;
}


/* Footer styles */

.brand-footer {
  margin: 32px 0 0 0;
}

@media screen and (min-width: 768px) {
 .brand-footer {
    margin: 51px 0 0 0;
  } 
}

.brand-footer p {
  font-size: 15px !important;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.25px;
}

.brand-footer-bg {
  background-color: #fff !important;
}

.nav {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.nav:before, .nav:after {
  content: none !important;
}

@media screen and (min-width: 768px) {
 .nav {
    margin-top: 32px;
  } 
}

.navbar-inverse {
  background-image: none !important;
  background-color: none !important;
}

.navbar-inside-page {
  margin: 0;
}

/* Subheading */
#b0d128e1-3ec1-a58c-7a59-3a0900786172 {
  padding: 16px 48px 40px 48px;
  margin-top: -16px;
}

#b0d128e1-3ec1-a58c-7a59-3a0900786172 > form > div > p {  
  font-weight: 600;
  color: #e87722;
}