/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Flatsome base theme custom */
/* font-family */
@font-face {
    font-family: 'WN-NinetiesHeadliner-Regular';
    src: url('./font/NinetiesHeadliner-Regular.otf');
}
@font-face {
    font-family: 'WN-NinetiesHeadliner-Regular-2';
    src: url('./font/NinetiesHeadliner-Regular.ttf');
}

h4 {
	font-weight: 400 !important;
}

.breadcrumbs {
	font-weight: normal;
}

.header-nav > .html {
    width: 100%;
}

.nav {
    flex-flow: nowrap;
}
.nav-left {
    justify-content: center;
}
.menu-item {
    font-size: 22px;
}

.button {
    line-height: 1 !important;
    min-height: fit-content;
    padding: 13px 20px;
}

.button span {
    line-height: 1;
}

.header-main > .container {
    padding: 0;
}

.nav > li > a {
  font-weight: 400 !important;
}

.header-main .nav > li > a {
    line-height: 1 !important;
}

.uxb-wrapper--follow {
	width: fit-content !important;
}

.wc-block-grid__product-title, .woocommerce-loop-product__title {
    font-size: 28px !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

.woocommerce-Price-amount {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px;
	font-weight: bold;
}
.wp-block-woocommerce-checkout-order-summary-block {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.product-main > .row {
    gap: 30px;
}

.box {
  background: none !important;
}

.woocommerce-Tabs-panel--reviews, .wc-block-components-form, .wp-block-woocommerce-checkout-order-summary-block {
    font-family: Arial, Helvetica, sans-serif !important;
}

.product-gallery-slider img {
    aspect-ratio: 1/1;
}

.payment_method_wocommerce_yape_peru > img {
	display: none;
}

.bum-row .box {
  min-height: 397px !important;
}

.woocommerce-Price-currencySymbol {
  vertical-align: inherit !important;
}

/* Custom Cart */

.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button--full-width, #place_order {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background-color: #1E2226;
    color: #FBEBD7;
    box-shadow: 4px 4px 0px 0px #8A8176;
    transition: 0.3s all ease;
    transform-origin: bottom;
    border-radius: 2px;
    font-family: "WN-NinetiesHeadliner-Regular";
}

.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button--full-width:hover, #place_order:hover {
    color: #FBEBD7;
    transform: skew(-10deg);
}

.wc-block-components-checkout-place-order-button {
    padding: 0 !important;
}

.bum-para-quote {
	margin-top: 1.3em;
}

.is-well {
    background-color: white;
    
    opacity: 0;
    transform: translateY(20px); /* Start 20px lower */
    animation: riseUp 1s ease-out forwards; /* Adjust duration as needed */
  }
  
  @keyframes riseUp {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
}

.wp-block-button__link {
    padding: calc(.1em + 4px) calc(0.5em + 2px);
}

/* Custom Checkout */
.page-checkout .woocommerce {
    font-family: Arial, Helvetica, sans-serif;
}

.woocommerce-form-coupon-toggle {
    width: 50%;
}

.woocommerce-form-coupon-toggle > * {
    font-weight: 400;
}

.price-wrapper .price {
    display: flex;
    gap: 20px;
}

del .woocommerce-Price-amount {
    font-size: 14px !important;
}

.bum-sale-price > * {
    font-size: 14px !important;
    color: #928E88 !important;
    text-decoration: line-through !important;
    margin-right: 20px;
    font-weight: normal;
}

.woocommerce-Price-amount.amount bdi {
    text-decoration: none!important;
}

.checkout_coupon {
    background-color: white;
}

.coupon .flex-row {
    gap: 20px !important;
}

.coupon .button {
    padding: 11px 23px;
    color: #333;
}

.showcoupon {
    font-style: italic;
}

.woocommerce-billing-fields h3 {
    font-size: 1.5em !important;
}

.checkout-sidebar h3 {
    font-size: 1.5em !important;
}

.checkout-sidebar {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
    border-radius: 10px;
}

.col-inner .box {
	background: none;
}

.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wc-block-components-sidebar {
    background-color: white !important;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
    border-radius: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

.finalized_order.btn_submit {
  color: #333;
  font-weight: 400;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}

.finalized_order.btn_submit:hover {
	color: #FBEBD7;
	background: #333;
}

.woocommerce-billing-fields .input-text, textarea {
    height: 3em;
    border: 1px solid #333;
    border-radius: 5px;
}

.woocommerce-billing-fields {
    border-top: 0;
}

.woocommerce-billing-fields label {
    font-weight: normal;
}

.woocommerce-form__label-for-checkbox span{
  font-family: Arial, Helvetica, sans-serif;
}

.product-name {
    font-size: 15px;
}

.button.icon {
    min-width: 3em;
}

/* Ordered Received */
.woocommerce-order-details {
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 20px;
    border-radius: 10px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.is-well.col-inner.entry-content {
    margin-top: 50px;
}

.woocommerce-column--billing-address, .woocommerce-column--shipping-address {
    display: none;
}

/* Custom Button  */
.bum-nav-menu {
    display: flex;
    justify-content: center;
    width: 100%;
}

.bum-nav-menu > a {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 13px 20px;
  color: #333;
  transition: .3s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.bum-nav-menu > a:hover {
    color: #16AFF0
}

.header-full-width .container {
    max-width:90% !important;
  }

/* Custom button */
.bum-button {
    font-size: 28px;
    background-color: #FBEBD7;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: bottom;
    border-radius: 2px;
}

.bum-button:hover {
    color: #101820;
    font-size: 28px;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45);
    transform: skew(-10deg);
}

.add_to_cart_button {
    font-size: 22px !important;
    color: #FBEBD7 !important;
    background-color: #1e2226 !important;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: bottom;
    border-radius: 2px;
    border: 1px solid transparent !important;
}

.added_to_cart { 
    font-size: 22px !important;
    color: #FBEBD7 !important;
    background-color: #1e2226 !important;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: bottom;
    border-radius: 2px;
    border: 1px solid transparent !important; 
    margin-top: 1em !important;
    padding: 10px 20px !important;
}

.added_to_cart { 
    font-size: 22px !important;
    color: #FBEBD7 !important;
    background-color: #1e2226 !important;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: bottom;
    border-radius: 2px;
    border: 1px solid transparent !important; 
    margin-top: 1em !important;
    padding: 10px 20px !important;
    transition: 0.2s all ease-in;
}
a.added_to_cart::after {
    content: "" !important; 
}

.add_to_cart_button:hover {
    color: #FBEBD7 !important;
    font-size: 22px;
    border: 1px solid transparent !important;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45) !important;
    box-shadow: #898276 5px 5px;
    transform: skew(-10deg);
}

/* Custom Nav Button */
.bum-nav-button {
    font-size: 28px;
    color: #FBEBD7;
    background-color: #1e2226 !important;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.45);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    transform-origin: bottom;
    border-radius: 5px;
}

.bum-nav-button:hover {
    font-size: 28px;
    color: #FBEBD7;
    box-shadow: #898276 5px 5px;
    transform: skew(-10deg);
}

.bum-center-text {
    padding: 15% 8% 12% 22%;
}

.bum-heading2 {
    font-size: 48px;
    color: #101820;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
	letter-spacing: 2px;
}

.bum-heading2-large {
    margin: auto;
    width: 70%;
}

.bum-heading-title {
  color: black;
  font-family: "Helvetica", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  margin-bottom: 5px;
}

.bum-tiktok img{
    border-radius: 20px;
}

.bum-section {
    padding-left: 230px !important;
    padding-right: 230px !important;
}

.bum-section-mission {
    padding-left: 240px !important;
    padding-right: 240px !important;
}

.bum-image-box {
    padding-top: 65px;
    padding-bottom: 65px;
    border: 1px solid black;
}

.bum-para {
  font-family: "Helvetica", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: black;
  line-height: 1.8;
  margin-bottom: 10px;
}

.bum-para-2 {
    font-family: "Helvetica", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: black;
    line-height: 1.8;
    margin-bottom: 30px;
}

.product_meta {
	font-size: 1em;
}

.variations {
	font-size: 1.2em !important;
}

.variations .label label {
	font-weight: 400 !important;
}

#submit {
	color: #333;
	border: 1px solid #333
}

.bum-para-small {
    font-size: 16px !important;
}

.bum-button-black {
    color: #0F1821 !important;
}

.bum-button-blue {
    color: #4E7DBC !important;
}

.bum-button-pink {
    color: #F9B7C3 !important;
}

.bum-button-lightblue {
    color: #78BBDA !important;
}

.bum-button-brown {
    color: #754C30 !important;
}

.bum-button-peach {
    color: #E47857 !important;
}

.bum-button-green {
    color: #35AB6B !important;
}

.bum-button-orange {
    color: #E57E27 !important;
}

.bum-button-red {
    color: #D4212C !important;
}

.bum-product {
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1 !important;
}

.bum-name-product {
	text-align: center;
    font-size: 45px;
    margin-bottom: 10px !important;
	letter-spacing: 2px;
}

.bum-shortdesc-product {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px !important;
}

.bum-price-product {
    font-family: "Helvetica", Sans-serif;
	font-size: 1.2em;
}

.col {
    padding: 0;
}

.bum-col, .bum-section, .stack-row {
    padding: 0;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
}

.bum-col {
    border-left: 2px solid #333;
    border-right: 2px solid #333;
}

.bum-footer-stack {
    border: 1px solid transparent;
}

.bum-footer-navigation {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.bum-footer-navigation > a {
    font-family: "Helvetica", Sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.bum-footer-claim {
    color: black;
    font-family: "Helvetica", Sans-serif;
    font-size: 14px;
    text-transform: uppercase;
	margin: auto;
	width: 70%;
}

.back-to-top {
    border-radius: 0 !important;
    border: 1px solid transparent !important;
    background-color: #978E81 !important;
    color: #fff !important;
    transition: 0.3s all ease-in-out !important;
    padding: 7px;
    border-radius: 20px;
}

.back-to-top:hover {
    background: #333 !important;
}

.bum-policy-section {
    border-bottom: 2px solid black;
    padding: 30px 317px;
}

.bum-indicate-stack {
    padding: 60px 0 40px 0;
}

.bum-stack-no-border {
	border: none;
}

/* Start Plugins */
#js-hide-all-icon-e {
  margin-right: 10px;
}

#ft-contact-icons li span.ab label, #ft-contact-icons .item span.ab label {
  font-size: 16px;
  font-family: "Helvetica", Sans-serif;
  text-shadow: 1px 1px 2px black;}
/* End Plugins */

.category-filtering.container.text-center.product-filter-row.show-for-medium {
  display: none;

}

.popup-main-wrapper {
	max-width: 600px !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.logo {
    max-width: 160px;
}

.bum-nav-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.bum-tiktok {
    width: 50% !important;
}

.bum-button {
    font-size: 18px;
}

.bum-button:hover {
    font-size: 18px;
}

.bum-section {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

.bum-section-mission {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

.bum-mobile-stack {
    border: 1px solid transparent;
}

.bum-indicate-stack {
    padding: 30px 0 10px 0;
}

.bum-footer-claim {
    color: black;
    font-size: 8px;
    padding: 0;
}

.bum-social-icons {
    margin-bottom: 30px !important;
}

.bum-policy-section {
    border-bottom: 2px solid black;
    padding: 30px 30px;
}

.bum-center-text {
    padding: 15% 8% 12% 10%;
}

.bum-heading2 {
    font-size: 40px;
}

.bum-para-2, .bum-para {
    font-size: 14px;
    line-height: 1.6;
}

.bum-para-2 {
    text-align: center;
}
 
#footer section.show-for-small:nth-child(3) {
    border-top: 1px solid black;
}

.woocommerce-loop-product__title {
    font-size: 20px !important;
}
	
.primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-outline {
    font-size: 15px !important;
    margin-top: 1.1em;
    padding: 12px;
}

.wp-block-woocommerce-cart-order-summary-block {
    padding: 20px;
}

.wc-block-cart__submit-button {
    margin: 0 20px !important;
    width: 90% !important;
}

.woocommerce-form-coupon-toggle {
    width: 100%;
}

#customer_details {
    padding-left: 10px;
    padding-right: 10px;
}

.woocommerce-order-details {
    margin: 0 10px;
}

.is-well {
    margin: 50px 10px 0 10px;
    width: 95%;
}
	
.category-page-row {
  padding-left: 20px;
  padding-right: 20px;	
}
	
.add_to_cart_button {
	font-size: 16px !important;
}
	
.product-main .row.content-row.mb-0 {
	padding: 0 10px;	
}

.added_to_cart {
	font-size: 17px !important;
	padding: 10px 20px !important;
}	
}