/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/* 
* Bareblocks Global Styles
* This file is used to import and forward all global styles.
*/
/* base */
/*
** Placeholder styles
** These styles are used for the placeholder block in the editor.
*/
input,
textarea,
select, .gform_button,
.gform_next_button,
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button, #gform_wrapper_5 .gform_button, #gform_wrapper_3 .gform_button, #gform_wrapper_2 .gform_button {
  background-color: transparent;
  font-family: articulat-cf, sans-serif;
  font-weight: 500;
  color: #5200de !important;
  border: 3px solid #5200de;
  padding: 10px 35px 5px 35px;
  border-radius: 5px;
}

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  color: #5d5d5d;
  opacity: 1;
  font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
}

select::-moz-placeholder, input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #5d5d5d;
  opacity: 1;
  font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
}

#gform_fields_1 input.gform-button:hover, .gform_button:hover,
.gform_next_button:hover,
.gform_wrapper.gravity-theme .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_save_link.button:hover, #gform_wrapper_5 .gform_button:hover, #gform_wrapper_3 .gform_button:hover, #gform_wrapper_2 .gform_button:hover {
  background-color: #5200de;
  color: #fff !important;
  border: 3px solid #5200de;
}

#gform_wrapper_2 .gform_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#gform_wrapper_3 .gform_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#gform_wrapper_5 .gform_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gform_footer,
.gform_page_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gform_wrapper #gform_1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .gform_wrapper #gform_1 {
    justify-content: flex-end;
  }
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  color: black !important;
  border: 1px solid #00cfff !important;
  background: white !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
  display: none !important;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #5200de;
}

#gform_wrapper_3 {
  width: 100%;
}

.gfield_description {
  display: none !important;
}

.ginput_total {
  padding: 0 !important;
}

#gform_fields_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#gform_fields_1 label {
  display: none !important;
}
#gform_fields_1 #field_1_1 .ginput_container {
  width: 80vw;
}
@media (min-width: 762px) {
  #gform_fields_1 #field_1_1 .ginput_container {
    width: 60vw;
  }
}
@media (min-width: 992px) {
  #gform_fields_1 #field_1_1 .ginput_container {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #gform_fields_1 #field_1_1 .ginput_container {
    width: 400px;
  }
}
@media (min-width: 1400px) {
  #gform_fields_1 #field_1_1 .ginput_container {
    width: 470px;
  }
}
@media (min-width: 992px) {
  #gform_fields_1 #field_1_1 {
    margin-right: 2vw;
  }
}
#gform_fields_1 input#input_1_1 {
  width: 100%;
  padding: 11px 0 7px 15px;
  border-radius: 5px;
  border: 2px solid #00cfff;
}
#gform_fields_1 input#input_1_1::-moz-placeholder {
  color: #5200de;
  font-family: articulat-cf, sans-serif;
  font-weight: 500;
  font-size: 17px;
}
#gform_fields_1 input#input_1_1::placeholder {
  color: #5200de;
  font-family: articulat-cf, sans-serif;
  font-weight: 500;
  font-size: 17px;
}
@media (max-width: 641px) {
  #gform_fields_1 input#input_1_1 {
    padding: 8px 0 4px 15px;
  }
}
#gform_fields_1 input.gform-button {
  background-color: #fff;
  font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #5200de;
  border: 3px solid #00cfff;
  padding: 10px 42px;
  border-radius: 5px;
  font-size: 21px;
}
#gform_fields_1 input.gform-button:hover {
  border: 3px solid #00cfff;
}
@media (max-width: 991px) {
  #gform_fields_1 input.gform-button {
    background-color: #ff00f3;
    font-family: "Helvetica Neue Regular", Helvetica, Arial, sans-serif;
    color: #ffffff;
    border: 3px solid #ff00f3;
    text-transform: uppercase;
    padding: 0 30px;
  }
}
@media (max-width: 641px) {
  #gform_fields_1 input.gform-button {
    padding: 4px 42px;
  }
}
@media (min-width: 992px) {
  #gform_fields_1 {
    flex-direction: row;
    justify-content: space-between;
  }
}

select.gfield_select {
  padding: 10px !important;
}
span.ginput_right select {
  padding: 10px !important;
}

/* Apply Bootstrap container styles to the default Gutenberg editor container */
.editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .editor-styles-wrapper .wp-block:not(.hero):not(.placeholder) {
    max-width: 1320px;
  }
}

/* modules */
/* blocks */
/*
* Styles for placeholder blocks
*/
.placeholder-block {
  background-color: #f0f0f0;
  color: #999;
  border: 1px solid #ccc;
  padding: 20px;
  text-align: center;
  font-size: 1.2em;
}

.hero {
  position: relative;
  width: 100%;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  width: 80%;
  max-width: 800px;
}

.headline {
  margin-bottom: 1rem;
  color: #fff;
}
.headline--large {
  font-size: 46px;
  line-height: 1.2;
}
.headline--medium {
  font-size: 31px;
  line-height: 1.3;
}
.headline--small {
  font-size: 21px;
  line-height: 1.4;
}

.btn-shop, .btn-secondary, .btn-primary {
  background-color: #fff;
  border: 3px solid #5200de;
}

.btn {
  color: #5200de;
  padding: 10px 35px 7px;
  font-family: articulat-cf, sans-serif;
  font-weight: 600;
  border-radius: 5px;
}
.btn-primary:hover {
  background-color: #5200de;
  color: #fff !important;
  border: 3px solid #5200de;
}
.btn-secondary:hover {
  background-color: #5200de;
  color: #fff;
  border: 3px solid #5200de;
}
.btn-shop:hover {
  background-color: #fff;
  color: #5200de;
  border: 3px solid #5200de;
}
.btn-contact {
  background-color: rgba(255, 255, 255, 0);
  font-family: articulat-cf, sans-serif;
  color: #5200de;
  border: 3px solid #ff00f3;
}
.btn-contact:hover {
  background-color: #ff00f3;
  color: #fff !important;
  border: 3px solid #ff00f3;
}

/*# sourceMappingURL=style-index.css.map*/