/*
 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
*/

/* fluid cart edits */
.checkout_coupon button:hover, .wfc-coupon__inner-contents button:hover{
	background: var(--action) !important;
	color: black !important;
}

.checkout_coupon button, .wfc-coupon__inner-contents button, .single_add_to_cart_button{
	transition: all 0.3s ease;
}

a.wfc-button, #place_order, .single_add_to_cart_button{
	position: relative;
	overflow:hidden;
	z-index:1;
	transition: all 0.3s ease;
}

a.wfc-button::before, #place_order::before{
    background-color: var(--action) !important;
    content: "";
    display: block;
    width: 100%;
    height: 102%;
    position: absolute;
    transition: all 0.3s ease;
    top: 101%;
    left: 0;
    z-index: -1;
}

.single_add_to_cart_button::before {
    background-color: black !important;
    content: "";
    display: block;
    width: 100%;
    height: 102%;
    position: absolute;
    transition: all 0.3s ease;
    top: 101%;
    left: 0;
    z-index: -1;
}


a.wfc-button:hover::before, #place_order:hover::before, .single_add_to_cart_button:hover::before {
	top: -1%;
}

a.wfc-button:hover, #place_order:hover{
	top: -1%;
	color:black !important;
}

.wfc-checkout__inner-contents, #wc-fast-cart {
	background-color: var(--base);
	padding: 0 !important;
}

#wc-fast-cart .wfc-coupon button.wfc-button {
	background:black;
}

#wc-fast-cart .wc-fast-cart__inner-contents {
 	background: white;
    margin: 90px 20px 20px 20px;
    padding: 10px;
    width: calc(100% - 50px);
    border-radius: 10px;
}

#wc-fast-cart .woocommerce-error {
	     color: var(--accent);
}

#wc-fast-cart .woocommerce-Price-amount {
	font-family: vatican;
	font-weight: 400;
}

#wc-fast-cart .product-name {
	color: black;
	font-weight: 400;
}


#wc-fast-cart .wfc-cart-form {
	    padding-bottom: 20px;
    border-bottom: solid 1px #f0f0f0;
}

.quantity input {
	background: #fbf5e9;
}

.wfc-button {
	    border-radius: 0.2em !important;
		font-size: 1.8rem !important;
		font-weight: 300 !important;
}

.woocommerce-form-coupon .form-row-last {
	margin-bottom:0;
}


#wc-fast-cart  .wfc-proceed-to-checkout a.wfc-button{
	height:5rem;
}

.wc-fast-cart .wfc-coupon__inner-contents {
    align-items: stretch;
    display: flex;
    border-radius: 4px;
    border: 1px solid var(--action);
    padding: 2px;
    background-color: white;
}

.wfc-coupon__inner-contents .input-text {
	border: none !important;
}

#coupon_code .wfc-button {
background: black;	
}

#wc-fast-cart > h2 {
	display:none;
}

.wc-fast-cart__close-btn {
	    background: var(--action) !important;
}

.wc-fast-cart__close-btn svg {
    fill: black;
}

.woocommerce-billing-fields__field-wrapper p{
	max-inline-size: 100ch;
}

.wfc-checkout__inner-contents .hero-checkout {
	padding-top: 0 !important;
}

.wc-fast-cart__inner-contents .woocommerce-message, 
.wc-fast-cart__inner-contents .woocommerce-error  {
    font-family: "Archivo Narrow";
    font-size: 1.8rem !important;
    color: var(--action) !important;
}

/* /fluid car edits */
#wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button, #wc-stripe-payment-request-button-separator{
	width: 100%;
}

.cart-icon svg {
	height: 2.8rem;
    width: auto;
}
.cart-icon svg path{
 stroke: white;
 transition: stroke 0.3s ease-out;
}

.cart-icon svg circle{
 fill: white;
  transition: fill 0.3s ease-out;
}

.scrolling .cart-icon svg path{
 stroke: white;
}

.scrolling .cart-icon svg circle{
 fill: white;
}

.no-scroll .cart-icon svg path{
 stroke: white !important;
}

.no-scroll .cart-icon svg circle{
 fill: white !important;
}

.fade-in-up-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 0.9s ease-out forwards;
  animation-delay:400ms;
}


/*Hero animation */
.fade-in-up-1-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 0.9s ease-out forwards;
    animation-delay: 2000ms;	
}

.fade-in-up-2-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 1.3s ease-out forwards;
  animation-delay: 2100ms;
}

.fade-in-up-3-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 1.3s ease-out forwards;
  animation-delay: 2200ms;
}

.fade-in-up-4-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 1.3s ease-out forwards;
  animation-delay: 2300ms;
}

.fade-in-up-5-css {
  opacity: 0;
  transform: translateY(20px);
  animation: fade-in-up 1.5s ease-out forwards;
  animation-delay: 2400ms;
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.home-hero-anim {
  transform-origin: center right;
  transform: scale(2);
  animation: shrink_hero 2s ease-in-out forwards;
}

@keyframes shrink_hero {
  0% {
	transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

/* characters with debris*/
.scale-up-animation1 {
  animation: scale-up 4.3s ease forwards;
  transform-origin: center left;
  animation-delay:600ms;
}

@keyframes scale-up {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}

.scale-up-animation2 {
  transform-origin: center left;
  animation: scale-up2 5s ease forwards;
  animation-delay:600ms;
}

@keyframes scale-up2 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.11);
  }
}



/* Menu */

.mega-menu__block:hover .menu--hover-wrap {
	opacity: 1;
}

.hs-blog-menu:hover .hs-menu-logo-hover {
	opacity: 1;
}


/* Gutenberg Fixes */

.wp-block-gallery{
  width: 100%;
  margin-top: 1em !important;
}

.wp-block-buttons{
    margin-top: 1em !important;
}

.wp-block-button__link {
    padding-top: 0.9em;
    padding-right: 1.4em;
    padding-bottom: 0.9em;
    padding-left: 1.4em;
    border: 0;
    border-style: none;
    border-radius: 0.2em;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.3s;
    cursor: pointer;
    font-size: 2rem;
    font-family: "vatican";
    line-height: 1;
    font-weight: 300;
    background-color: var(--black);
    color: var(--white);
}

.wp-block-button__link::before {
    background-color: var(--action-medium) !important;
    content: "";
    display: block;
    width: 100%;
    height: 102%;
    position: absolute;
    transition: all 0.3s ease;
    top: 101%;
    left: 0;
    z-index: -1;
}

.wp-block-button__link:hover{
    opacity: 1;
    border: 0;
    background-color: var(--action-medium);
    color: var(--bricks-text-dark) !important;
}

.wp-block-button__link:hover::before {
    top: -1%;
}

.wp-block-image,
.wp-block-embed-youtube,
.wp-block-gallery {
    max-inline-size: 75ch;
}

.wp-block-quote{
  font-family: "vatican";
  border-color: var(--action-medium);
  margin-top: 60px;
  margin-bottom: 60px;
}

.wp-block-separator.is-style-dots {
	max-inline-size: 75ch;
}

h2.wp-block-heading {
	font-size: 60px;
}
h3.wp-block-heading {
	font-size: 50px;
}
h4.wp-block-heading {
	font-size: 40px;
}


/* Sold Out Label */

.sold-out-label {
background: var(--action-medium);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 0;
top: 0;
border-radius: 0 14px 0 7px;
}

/*cookie bar*/

.cky-notice .cky-title, .cky-preference-title {
	color: var(--base) !important;
    font-size: 46px !important;
    text-transform: uppercase !important;
	 margin-top: 10px !important;
	 font-family: "dharma-gothic-m";
	    line-height: 1em !important;
}

.cky-notice .cky-notice-des p {
	font-size: 18px !important;
    line-height: 1.2em;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.cky-consent-container .cky-consent-bar {
    border-color: #e55126 !important;
    background-color: #000000ee !important;
    border-radius: 10px !important;
}

.cky-btn {
	border-width: 1px !important;
    font-size: 18px !important;
	text-transform: uppercase !important;
	border-radius: 10px  !important;
	order: 1;
	transition: all 0.3s ease-out;
}

.cky-btn.cky-btn-do-not-sell{
	color:white !important;
}

.cky-btn:hover {
	border-color: #e55126 !important;
	color: #e55126 !important;
}

.cky-notice .cky-btn {
    width: 100% !important;
    margin-bottom: 15px !important;
    margin-right: 0 !important;
}

.cky-btn.cky-btn-accept {
	color: var(--base) !important;
    border-color: #e55126 !important;
    background-color: #e55126 !important;
}


.cky-btn.cky-btn-accept:hover{
	border-color: #e55126 !important;
	background-color: black !important;
	color: #e55126 !important;
}

.cky-notice .cky-btn.cky-btn-accept {
	order: 0;
}

.cky-btn-revisit-wrapper {
	    background-color: #00000000 !important;
}

div[data-cky-tag="detail-powered-by"] {
	display:none  !important;
}

.cky-accordion-btn, .cky-show-desc-btn, .cky-always-active {
	color: #e55126  !important;
}

.cky-preference-center {
	background-color: black !important;
}

.cky-footer-shadow {
	display: none !important;
}

.cky-switch input[type="checkbox"]:checked {
    background: #e55126 !important;
}

.cky-consent-bar .cky-banner-btn-close img {
	height: 24px !important;
    width: auto !important;
    filter: contrast(999);
}

.cky-consent-bar .cky-banner-btn-close {
    background-color: #e55126 !important;
    padding: 12px !important;
    border-radius: 100%;
    right: -18px !important;
    top: -18px !important;
	transition: background-color 0.3s ease;
}


.cky-consent-bar .cky-banner-btn-close:hover {
background-color: #cf2e2e !important;
}

@media (max-width: 440px) {
	.cky-consent-container {
		padding: 20px;
	}
	
	.cky-consent-bar .cky-banner-btn-close {
		right: 0 !important;
    	top: 0 !important;
	}
	
	.cky-notice .cky-title, .cky-preference-title {
    	font-size: 38px !important;
	}
}