/*
 Theme Name:   Bike 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
*/


:root {
	--bike-h1-slider: clamp(3.2rem, 1.3078rem + 9.4609vw, 10rem);
	--bike-h2-slider: clamp(2.8rem, 1.6313rem + 5.8435vw, 7rem);
	--bike-h1: clamp(2.8rem, 2.6887rem + 0.5565vw, 3.2rem);
 	--bike-h2: clamp(2.5rem, 2.4165rem + 0.4174vw, 2.8rem);
	--bike-h3: clamp(2.2rem, 2.1443rem + 0.2783vw, 2.4rem);
	--bike-h4: clamp(2rem, 1.9443rem + 0.2783vw, 2.2rem);
	--bike-h5: clamp(1.8rem, 1.7443rem + 0.2783vw, 2rem);
	--bike-h6: clamp(1.8rem, 1.8rem + 0vw, 1.8rem);
	--bike-body-text: clamp(1.4rem, 1.3443rem + 0.2783vw, 1.6rem);
	--bike-top-bottom: clamp(5rem, 4.3043rem + 3.4783vw, 7.5rem);
	--bike-left-right: clamp(2rem, 2rem + 0vw, 2rem);
	--bike-gap: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
	--bike-gap-ten: clamp(1rem, 1rem + 0vw, 1rem);
	--bike-btc-font-size: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
	--bike-btn-top-bottom: clamp(1.2rem, 1.2rem + 0vw, 1.2rem);
	--bike-btn-right-left: clamp(2.4rem, 2.4rem + 0vw, 2.4rem);
}
.pt-top-icon .fas.fa-phone-volume{
	animation: phone 1s linear infinite;
}

#brxe-tlrijh .woocommerce-ordering select {
	border-radius: 5px;
	background-color: #091017;
	text-transform: capitalize;
}
#brxe-tlrijh option {
	font-family: "Heading and Body Text" !important;
}
.bricks-search-overlay .bricks-search-form input[type="search"] {
	border-radius: 5px;
	border: 2px solid #e31e24;
}
.bricks-search-overlay .bricks-search-form input[type="search"]:focus-visible{
	border-color: #e31e24;
}

@keyframes phone{
0% {
    transform: rotate(0) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0) scale(1) skew(1deg);
}
100% {
    transform: rotate(0) scale(1) skew(1deg);
}
}
.ff-default .ff-el-form-control::placeholder {
    font-family: "Heading and Body Text";
	font-size: 15px;
}
.ff-default .ff-el-form-control {
    padding: 15px !important;
}
.fluent_form_1 .wpf_has_custom_css.ff-btn-submit{
	padding: var(--bike-btn-top-bottom) var(--bike-btn-right-left) !important; 
}
.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover {
    opacity: 1 !important;
}
span.out-stock {
    color: #e31e24 !important;
    border-color: #e31e24 !important;
    background-color: #e51e2424 !important;
}
.bike-subcribe-form input {
	border-radius: 100px !important;
} 
form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
	height: 53px;
	border-radius: 100px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: #fff;
}
form#fluentform_2 button.ff-btn.ff-btn-submit, form#fluentform_2 .ff-el-group {
    margin-bottom: 0;
}

@media screen and (max-width: 1540px) {
body.woocommerce-checkout article#brx-content {
    padding: 0 20px;
}
}
@media (min-width: 481px) and (max-width: 1023px) {
.brxe-block.mobile-box {
	width: 48% !important;
}
}
@media (min-width: 768px) and (max-width: 913px) {
div#brxe-tkznwn.box-right-1 {
    grid-gap: 15px;
}
}
@media (min-width: 768px) and (max-width: 768.9px) {
.brxe-block.mobile-box {
	width: 100% !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.brxe-block.mobile-box {
	width: 47% !important;
}
.yith-wcwl-add-to-wishlist-button svg, .yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon {
	height: 20px;
}	
}
@media screen and (max-width: 767px) {
.brxe-woocommerce-breadcrumbs .navigation, .brxe-woocommerce-breadcrumbs .navigation>a {
    display: contents;
}
.text-box .brxe-text-basic {
    word-break: break-word;
}	
}
@media screen and (max-width: 480px) {
.yith-wcwl-add-to-wishlist-button svg, .yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon {
	height: 20px;
}
.bike-filters select {
    width: 45% !important;
}	
}
@media screen and (max-width: 359px) {
.brxe-agjzgg.brxe-block {
	  width: 100% !important;
}
}