/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* =================
   Base & Layout
   ================= */

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
}

a {
  text-underline-offset: 5px;
}

/* =================
   Hover transitions for all buttons
   ================= */

.bricks-button,
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

/* =================
   Header
   ================= */

#brx-header.sticky.scrolling h3,
#brx-header.sticky.scrolling .brxe-logo {
  color: #ffffff !important;
}

.sticky.scrolling svg#brxe-njgagi,
.sticky.scrolling svg.fill,
.sticky.scrolling svg#brxe-twggkf {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* =================
   Fonts
   ================= */

[class^="titillium-web-"] {
  font-family: "Titillium Web", sans-serif;
}

.titillium-web-extralight { font-weight: 200; font-style: normal; }
.titillium-web-light { font-weight: 300; font-style: normal; }
.titillium-web-regular { font-weight: 400; font-style: normal; }
.titillium-web-semibold { font-weight: 600; font-style: normal; }
.titillium-web-bold { font-weight: 700; font-style: normal; }
.titillium-web-black { font-weight: 900; font-style: normal; }
.titillium-web-extralight-italic { font-weight: 200; font-style: italic; }
.titillium-web-light-italic { font-weight: 300; font-style: italic; }
.titillium-web-regular-italic { font-weight: 400; font-style: italic; }
.titillium-web-semibold-italic { font-weight: 600; font-style: italic; }
.titillium-web-bold-italic { font-weight: 700; font-style: italic; }

.suez-one-regular {
  font-family: "Suez One", serif;
  font-weight: 400;
  font-style: normal;
}

/* =================
   Gravity Forms
   ================= */

.page-id-1169 .majc-cartitem-list,
.page-id-1647 .majc-cartitem-list {
  display: none;
}

.gform-body.gform_body input {
  color: #373737 !important;
}

#brx-content button.gform_save_link {
  padding: 0 15px !important;
}

.gform-page-footer.gform_page_footer.top_label {
  flex-flow: row-reverse;
  justify-content: space-between;
}

#brx-content input#gform_next_button_1_28,
#brx-content input#gform_next_button_4_28, 
#gform_page_1_2 input#gform_submit_button_1, 
#gform_page_4_2 input#gform_submit_button_4 {
  background: #e30604 !important;
  color: #efe1d5 !important;
  border: 1px solid #e30604 !important;
  font-weight: 700 !important;
}

#brx-content input#gform_next_button_1_28:hover,
#brx-content input#gform_next_button_4_28:hover, 
#gform_page_1_2 input#gform_submit_button_1:hover,
#gform_page_4_2 input#gform_submit_button_4:hover {
  background: #333333 !important;
  color: #efe1d5 !important;
  border: 1px solid #333333 !important;
  font-weight: 700 !important;
}
#gform_page_1_2 .gform-page-footer.gform_page_footer.top_label, 
#gform_page_4_2 .gform-page-footer.gform_page_footer.top_label {
    flex-flow: row;
}

.gform-body .gform-page-footer .gform_save_link {
    height: 47px !important;
}

.gform_drop_area button {
  background: #373737 !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before {
  color: #373737 !important;
}

.form-profile h3.gsection_title {
  font-size: 25px;
  color: #373737;
}

button.add_list_item::before {
  background: #373737;
  border-radius: 50px;
}

#brx-content .Input,
#brx-content .p-FauxInput,
input#Field-numberInput {
  font-family: "Titillium" !important;
}

.gform_button:hover,
#brxe-arpcub button[type="submit"]:hover {
  background: #e30604 !important;
  color: #efe1d5 !important;
}

.gform_button,
#brxe-arpcub button[type="submit"] {
  background: transparent !important;
  color: #e30604 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 25px !important;
  padding: 10px 100px !important;
  border: 1px solid #e30604 !important;
  border-radius: 5px !important;
  text-transform: capitalize !important;
  align-self: center !important;
}

#brx-content label.gform-field-label.gform-field-label--type-sub,
#brx-content .gfield_description,
#brx-content .woocommerce-account form label,
#brx-content .woocommerce-checkout label {
  font-family: "Titillium" !important;
  font-weight: 400;
  font-size: 14px !important;
}

#brx-content .gform-body .input,
#brx-content .gform-body input:not([type=submit]),
#brx-content .gform-body select,
#brx-content .gform-body textarea,
#brx-content span.select2-selection.select2-selection--single,
.gform-body input,
.gform-body textarea {
  border: 1px solid #373737 !important;
  background: none !important;
  border-radius: 5px !important;
}

.form_saved_message a {
    color: #e30604 !important;
    text-align: left !important;
	font-weight: 700;
}
.form-profile .form_saved_message .save-later p {
    color: #333 !important;
    text-align: left !important;
}

.gform-page-footer.gform_page_footer.top_label button[type=button], 
.gform-page-footer.gform_page_footer.top_label input[type=submit], 
.gform-page-footer.gform_page_footer.top_label input[type=button] {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    height: 47px !important;
}

button.gform_save_link,
#brxe-uanyly button[type=submit] {
  background: transparent !important;
  color: #373737 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 25px !important;
  padding: 10px 100px !important;
  border: 1px solid #373737 !important;
  border-radius: 5px !important;
  text-transform: capitalize !important;
  align-self: center !important;
}

button.gform_save_link:hover,
#brxe-uanyly button[type=submit]:hover {
  background: #373737 !important;
  color: #eae6d8 !important;
}

.gform-footer.gform_footer.top_label {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  text-align: center;
}

p.gform_required_legend {
  display: none;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filename,
.form_saved_message {
  color: #373737 !important;
}

.form_saved_message_emailform {
  margin-top: 50px;
}

.form_saved_message_sent.gform_confirmation_wrapper,
.form-profile p {
  text-align: center !important;
  color: #ffffff !important;
}

.validation_error.gform_validation_error {
  color: #ffffff !important;
  margin-bottom: 30px;
}

/* =================
   WooCommerce
   ================= */

a.woocommerce-button.button.view {
  border: 1px solid #373737 !important;
}

.woocommerce-MyAccount-content .input,
.woocommerce-MyAccount-content input:not([type=submit]),
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  border-radius: 5px;
}

.payment_box.payment_method_woocommerce_payments {
  border-radius: 10px;
}

a.button.wc-forward:nth-child(1) {
  display: none;
}

.product-thumbnail {
  display: none;
}

.quantity input.qty.text {
  width: 50%;
}

.woocommerce-error {
  display: flex;
  flex-flow: wrap;
}

p.form-row.form-row-wide.mailchimp-newsletter,
.woocommerce-account-fields {
  margin-top: 10px;
}

.page-parent.logged-in.woocommerce-account.woocommerce-page main .brxe-section {
  width: 1440px !important;
  max-width: 100% !important;
}

.page-parent.logged-in.woocommerce-account.woocommerce-lost-password.woocommerce-page main .brxe-section {
  width: 100% !important;
  max-width: 100% !important;
}

.brxe-woocommerce-checkout-thankyou {
  width: 700px;
  max-width: 100%;
  margin-top: 50px;
  padding: 20px;
  row-gap: 30px;
  border: 1px solid rgb(33 33 33 / 20%);
  border-radius: 10px;
  box-shadow: 0 0 15px 2px rgb(33 33 33 / 25%);
  text-align: center;
  align-items: center;
}

.brxe-woocommerce-checkout-thankyou h2 {
  font-size: 30px;
  padding-bottom: 20px;
}

.woocommerce div#customer_login label {
  font-family: "Suez One";
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

.button.woocommerce-form-login__submit,
.button.woocommerce-form-register__submit {
  width: 100%;
  padding: 0 50px;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 1px;
  color: #e30604;
  border: 1px solid #e30604;
  border-radius: 5px;
  background-color: transparent;
  text-transform: capitalize;
  align-items: center;
}

.button.woocommerce-form-login__submit:hover,
.button.woocommerce-form-register__submit:hover {
  color: #efe1d5;
  background: #e30604;
}

p.woocommerce-LostPassword.lost_password {
  text-align: center;
}

.u-column1.col-1 {
  border-right: 1px solid #dddedf;
  padding-right: 10px;
}

.u-column2.col-2 h2 {
  color: #b22222;
}

.woocommerce-account .woocommerce-form-login:not([class^=brxe-]),
.woocommerce-account .woocommerce-form-register:not([class^=brxe-]) {
  padding-top: 30px;
  padding-left: 0;
  border: 0;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: 35px;
  font-family: "suez one";
  color: #006400;
}

.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order h2.woocommerce-column__title {
  font-size: 25px;
}

.woocommerce-cart-form .actions {
  text-align: left;
}

form.cart .quantity,
form.woocommerce-cart-form .quantity {
  display: inline-flex !important;
  width: 200px;
  flex-flow: row;
  vertical-align: middle;
}

img.woocommerce-placeholder.wp-post-image {
  display: none;
}

.woocommerce fieldset {
  margin-bottom: 30px;
  padding: 0;
  border: 0;
}

.brxe-woocommerce-account-page input[type=radio] {
  margin-right: 10px;
}

/* Shared button base */
a.snapbasic-button,
a.snappro-button,
button.woocommerce-Button.button,
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
table.snap-entries a {
  padding: 5.4px 13.5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 1px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
}

a.snapbasic-button,
button.woocommerce-Button.button,
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
table.snap-entries a {
  color: #e30604;
  border: 1px solid #e30604 !important;
  background-color: transparent;
}

a.snapbasic-button:hover,
button.woocommerce-Button.button:hover,
td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a:hover,
table.snap-entries a:hover,
.woocommerce .button:hover {
  color: #efe1d5;
  background-color: #e30604 !important;
}

div#brxe-xnfjtt .woocommerce .button {
  background-color: transparent;
  color: #e30604;
}

div#brxe-xnfjtt .woocommerce .button:hover {
  background-color: #e30604;
  color: #efe1d5;
}

a.snappro-button {
  color: #373737 !important;
  border: 1px solid #373737 !important;
  background-color: transparent !important;
}

a.snappro-button:hover {
  color: #efe1d5 !important;
  background-color: #373737 !important;
}

.snap-entries thead th {
  padding: 20px 0 !important;
  text-align: left;
}

.cross-sells h2,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link,
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
ul.products.columns-2 li.product.type-product.post-965.status-publish.first.instock.product_cat-uncategorized.shipping-taxable.purchasable.product-type-simple {
  text-align: center;
  align-items: center;
}

td.product-remove a {
  text-decoration: none;
}

/* =================
   WPForms
   ================= */

.wpforms-field-row-block.wpforms-one-half input,
input#wpforms-909-field_2,
textarea#wpforms-909-field_3 {
  padding: 10px;
  color: #ffffff;
  background: transparent;
  border-radius: 10px;
}

.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-sublabel {
  font-family: "Suez One";
  font-weight: 400 !important;
  color: #ffffff;
}

.wpforms-confirmation-container p {
  font-family: "Titillium";
  color: #ffffff;
}

.wpforms-submit-container {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}

button#wpforms-submit-909 {
  padding: 10px 100px;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 1px;
  border: 1px solid var(--bricks-color-fmcrsx);
  border-radius: 50px;
  text-align: center;
  text-transform: uppercase;
  display: flex;
}

/* =================
   MailChimp
   ================= */

.content__titleDescription h4 {
  font-family: "Suez One";
  font-weight: 400 !important;
}

.content__monkeyRewards img {
  display: none;
}

.mc-modal-bg {
  opacity: 0.5 !important;
}

.modalContent,
.mc-layout__modalContent {
  border-radius: 10px;
}

.modalContent {
  height: 100%;
  overflow: hidden !important;
  background-color: #ffffff;
  box-shadow: none;
}

/* =================
   Footer
   ================= */

footer#brx-footer a {
  color: #ffffff;
}

/* =================
   Form (generic)
   ================= */

input:not([type=submit]),
textarea,
.p-Input .p-Input-input:not(.p-Input--matchFloatingLabelHeight):not(.p-PhoneInput) {
  border-radius: 5px;
}

/* =================
   Mini-Cart plugin
   ================= */

.majc-cartitem-list .majc-item-img,
.majc-cartitem-list span.action.minus,
.majc-cartitem-list span.action.plus {
  display: none !important;
}

.majc-cartitem-list .quantity input.qty.text {
  width: 80px !important;
}

.majc-cartitem-list .majc-coupon-field {
  border-radius: 5px;
}

.majc-cartitem-list a.majc-checkout-btn.majc-cart-action-btn.majc-button {
  border-radius: 5px;
  border-color: #343434;
  color: #343434;
}

.majc-toggle-button .majc-cartbasket-toggle-btn {
  width: 50px !important;
  height: 50px !important;
}

.majc-buy-summary label {
  color: #343434;
}

a.majc-checkout-btn.majc-cart-action-btn.majc-button:hover {
  color: #ffffff;
  border-color: #e30604;
}

.majc-buy-summary,
.majc-buy-summary .majc-cart-total-wrap,
.majc-buy-summary .majc-cart-discount-wrap,
.majc-buy-summary .majc-cart-subtotal-wrap,
#majc-main-wrapper-2473 .majc-header h2,
.majc-header .majc-sub-header,
.majc-coupon,
.majc-item-qty {
  border-color: #aaa;
}

.majc-coupon {
  padding: 0;
  border: none;
}

#majc-main-wrapper-2473 .majc-coupon .majc-coupon-field .majc-coupon-submit {
  padding: 0 20px;
}

/* =================
   Theme 2.0
   ================= */

.sp-login span.text {
  font-weight: 700;
  color: #eae6d8;
  text-transform: uppercase !important;
}

/* =================
   Media Queries
   ================= */

@media only screen and (max-width: 767px) {
  .gform-page-footer.gform_page_footer.top_label {
    flex-flow: column-reverse;
  }
	#gform_page_1_2 .gform-page-footer.gform_page_footer.top_label, 
	#gform_page_4_2 .gform-page-footer.gform_page_footer.top_label {
		flex-flow: column;
		row-gap: 15px;
	}
	#brx-content button.gform_save_link {
    width: 100% !important;	
	margin-bottom: 20px;
	}
	
	#gform_page_1_2 input#gform_submit_button_1, 
	#gform_page_4_2 input#gform_submit_button_4 {
		width: 100%;
	}

  #brx-content input#gform_next_button_1_28,
  #brx-content input#gform_next_button_4_28 {
    width: 100% !important;
  }

  .brxe-section {
    scroll-margin-top: 80px;
  }

  .u-column1.col-1 {
    padding-right: 0;
    border-right: 0;
  }

  #brxe-vdzgmk .woocommerce-order-overview.order_details li {
    padding: 10px !important;
    font-size: 12px !important;
  }

  #brxe-vdzgmk .woocommerce-order-overview.order_details li strong {
    font-size: 12px !important;
  }

  .woocommerce-checkout .shop_table td,
  .woocommerce-checkout .shop_table th {
    padding: 10px !important;
    font-size: 12px !important;
    text-align: left;
  }

  .woocommerce address {
    font-size: 12px;
  }

  .woocommerce-order-details table th {
    width: 65% !important;
  }
}

@media only screen and (max-width: 478px) {
}

