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

/*** Fixed Header ***/
header#brx-header.scrolling #rp_header {background-image: none;}

header#brx-header.scrolling #rp_header section#brxe-rbyjsb {display: none;}
header#brx-header.scrolling #rp_header #brxe-fqmlua {fill: #040404;}
header#brx-header.scrolling #brxe-mufpqk {fill: #040404;}

/*** Product Category Grid ***/
.rp_products_grid h4.wpgb-facet-title {border: 1px solid rgba(0,0,0,0.17);padding: 15px 20px; box-shadow: 0 20px 50px -25px rgba(0,0,0,0.4);}
.rp_products_grid .wpgb-card-media {height: 200px;}
.rp_products_grid .wpgb-card-media-thumbnail a div {background-size: contain!important; max-width: 80%; max-height: 80%; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;}
.rp_products_grid article:hover .wpgb-card-media-thumbnail {border-color: rgba(0,0,0,0.35); box-shadow: 0 20px 20px -10px rgba(0,0,0,.2);}

@media only screen and (max-width: 600px) {
	.rp_products_grid aside.wpgb-sidebar {display: flex; width: 100%; overflow-x: scroll!important;}
	.rp_products_grid .wpgb-wrapper {overflow-x: hidden;}
	.rp_products_grid .wpgb-facet {min-width: 250px; margin-right: 20px;}
	.rp_products_grid h4.wpgb-facet-title {padding: 10px 15px; font-size: 16px;}
}

/*** GridBuilder Filtering Buttons ***/
.wpgb-facet .wpgb-button[aria-pressed="true"] {background-image: linear-gradient(110deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.18))!important; border-radius: 0!important;}
.wpgb-facet .wpgb-button {border-radius: 0!important; font-weight: 700!important; border: 1px solid rgba(0,0,0,0.15)!important; transition: all 0s!important;}
.wpgb-facet .wpgb-button:hover {background-image: linear-gradient(#040404, #040404); color: white!important;}
.wpgb-facet .wpgb-button:focus:not(button), .wpgb-facet .wpgb-rating:focus, .wpgb-facet .wpgb-hierarchy:focus, .wpgb-facet .wpgb-toggle-hidden:focus, .wpgb-facet .wpgb-range-clear:focus, .wpgb-facet .wpgb-range-thumb:focus, .wpgb-facet .wpgb-pagination li a:focus, .wpgb-facet .wpgb-radio:focus .wpgb-radio-control, .wpgb-facet .wpgb-checkbox:focus .wpgb-checkbox-control, .wpgb-facet .wpgb-color:focus .wpgb-color-control, .wpgb-facet .wpgb-az-index:focus .wpgb-az-index-label {outline: none!important;}
.wpgb-facet .wpgb-button-label {font-weight: 600!important;}
ul.wpgb-inline-list {justify-content: center!important;}

/*** Location Content ***/
.rp_location_content ul li {font-weight: 700; font-size: 18px; list-style: none; position: relative;}
.rp_location_content ul li:after {content: ""; width: 17px; height: 17px; position: absolute; left: -25px; top: 6.5px; background-image: url(/wp-content/uploads/2024/01/right-arrow-1.png); background-size: contain; display: block;}
.rp_location_content.single_product ul li {font-weight: 400; font-size: 16px;}

/*** Special Event Content ***/
.rp_location_content.special_event ul li {font-weight: 400; font-size: 16px; list-style: none; position: relative;}
.rp_location_content.special_event  ul li:after {content: ""; width: 15px; height: 15px; position: absolute; left: -25px; top: 6.5px; background-image: url(/wp-content/uploads/2024/01/right-arrow-1.png); background-size: contain; display: block;}

/*** Checkout Style ***/
.woocommerce-checkout article#brx-content {max-width: 1300px; width: 90%; margin-left: auto; margin-right: auto;}
.wp-block-woocommerce-checkout {max-width: 100%;}
.woocommerce-checkout article#brx-content {max-width: 1300px; width: 90%; margin-left: auto; margin-right: auto; padding: 50px 0;}
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-textarea {border-radius: 0!important;}
a.wc-block-components-checkout-return-to-cart-button {display: none;}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained, button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {font-size: 20px;
    color: var(--bricks-color-jonhpr);
    font-family: "Manrope";
    font-weight: 700;
    height: 60px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 0;
    background-color: var(--bricks-color-uctenj);
    background-image: linear-gradient(110deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.25));
    overflow: hidden;
	cursor: pointer; width: 100%;}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {background-image: linear-gradient(#040404, #040404);}

@media only screen and (max-width: 600px) {
	.woocommerce-checkout article#brx-content {padding: 20px 0;}
}

/*** Handwashing PopUp ***/
.rp_handwashing button.single_add_to_cart_button {    font-size: 18px;
    color: var(--bricks-color-jonhpr);
    font-family: "Manrope";
    font-weight: 700;
    height: 53px;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 0;
    background-color: var(--bricks-color-uctenj);
    background-image: linear-gradient(110deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.25));
    overflow: hidden;
    cursor: pointer;}

.rp_handwashing button.single_add_to_cart_button:hover {background-image: linear-gradient(#040404, #040404);}

/*** Order Conformation Styling ***/
.woocommerce .woocommerce-notice.woocommerce-notice--success {color: var(--bricks-text-success); font-size: 24px; font-weight: 800; line-height: 1.3;}
.woocommerce-order h2.woocommerce-order-details__title {font-size: 24px; text-align: center; margin-bottom: 10px;}
.woocommerce-order span.frm_show_images img {display: none;}
.woocommerce-order span.frm_text_label_for_image {padding: 0; text-align: left;}
.woocommerce-order .frm_show_images.frm_image_option_container {margin: 0;}
.woocommerce-order ul.wc-item-meta li {margin-bottom: 10px;}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details, section.woocommerce-order-details {max-width: 600px; margin-left: auto; margin-right: auto;}
section.woocommerce-order-details h2 {font-size: 24px; margin-top: 20px;}
section.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses h2 {font-size: 24px;}

@media only screen and (max-width: 600px) { 
	.woocommerce .woocommerce-notice.woocommerce-notice--success {max-width: 600px; margin-left: auto; margin-right: auto;}
}

.wc-block-checkout__add-note span.wc-block-components-checkbox__label:before {content: "Delivery Instructions"; color: black;}
.wc-block-checkout__add-note span.wc-block-components-checkbox__label {color: transparent;}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details ul.wc-item-meta span.woocommerce-Price-amount.amount {
    display: none;
}

/*table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details ul.wc-item-meta span.woocommerce-Price-amount.amount:after {
    content: "Free delivery & pickup";
    display: inline-block !important;
}*/

/*tr.woocommerce-table__line-item.order_item div span::before,
tr.woocommerce-table__line-item.order_item div span::after {
    content: '';
}*/

.woocommerce-order-details table .product-quantity {display: none!important;}

/*** Monthly Rental Forms ***/
.rp_standard_picture label, .rp_wheelchair_picture label, .rp_handwashing_picture label {font-size: 14px !important; padding-bottom: 10px !important; text-align: center !important; font-weight: 600 !important; line-height: 1.4;}
.rp_standard_picture, .rp_wheelchair_picture, .rp_handwashing_picture {text-align: center;}
h3.frm_pos_top.frm_section_spacing {font-weight: 800!important;color: #040404!important; font-size: 18px!important;}
.frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {border-top: 0!important; margin-top: 0;}
.rp_standard_picture:before {content: ""; width: 100%; height: 200px; display: block; background-image: url(/wp-content/uploads/2023/12/portable_restrooms_porta-poty-right.webp); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 10px;}
.rp_wheelchair_picture:before {content: ""; width: 100%; height: 200px; display: block; background-image: url(/wp-content/uploads/2023/12/restrooms_wheelchair_accessible_restroom.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 10px;}
.rp_handwashing_picture:before {content: ""; width: 100%; height: 200px; display: block; background-image: url(/wp-content/uploads/2024/01/hand_washing_station_rentals_mesa_waste_services.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 10px;}

.rp_standard_picture, .rp_wheelchair_picture, .rp_handwashing_picture {border: 1px solid rgba(0, 0, 0, .25); padding: 10px; margin-bottom: 0!important;}
h3.frm_pos_top.frm_section_spacing {margin-bottom: 10px !important;}
.postid-2223 span.amount.fp-product-addon-amount:after {content: "/month";}
.postid-2223 p.price.fp-product-addon-totals:after {content: "until you cancel"; display: block; opacity: .5;  margin-top: -5px;}

ul.wc-block-components-product-details {list-style: disc !important;}
ul.wc-block-components-product-details li {margin-bottom: 3px;}
span.wc-block-components-product-details__name {font-weight: 700;}
.wc-block-components-order-summary-item__quantity {display: none !important;}

/*** My Account Styling ***/
.woocommerce-account #rp_header {background: black;}
.woocommerce-account #rp_header .brxe-button:hover {background: #EFF5FD!important; color: #196edb!important;}
.woocommerce-account #brx-header.sticky {position: relative;}
.woocommerce-account article#brx-content {padding-top: 80px; padding-bottom: 50px;}
.woocommerce-account article#brx-content h1 {font-size: 35px;margin-bottom: 20px;}
.woocommerce-account section#brxe-umxhcl {display: none;}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {background: black; color: white;}
#brx-content .woocommerce-info {background: rgba(24, 109, 220, 0.05); color: black;}
#brx-content .woocommerce-info .button, #brx-content .woocommerce .button {font-size: 16px;color: var(--bricks-color-jonhpr); font-family: "Manrope"; font-weight: 700; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; border-radius: 0; background-color: var(--bricks-color-uctenj); background-image: linear-gradient(110deg, rgba(5, 5, 5, 0), rgba(5, 5, 5, 0.25)); overflow: hidden; cursor: pointer; height: 53px;}
#brx-content .woocommerce-info .button:hover, #brx-content .woocommerce .button:hover {background-image: linear-gradient(#040404, #040404);}

div#customer_login h2 {font-size: 20px!important;}
table.shop_table.subscription_details a {padding: 5px 10px !important; height: 20px !important; font-size: 14px !important; font-weight: 400 !important;}
table.shop_table.order_details ul.wc-item-meta p {display: inline;}
table.shop_table.order_details ul.wc-item-meta img {display: none;}
.woocommerce-account table.shop_table.order_details .frm_has_image_options {display: none;}
.woocommerce-MyAccount-content h2 {font-size: 24px; margin-top: 30px;}

fieldset#billing-fields h2 {display: none;}
fieldset#billing-fields .wc-block-components-checkout-step__description {display: none;}
fieldset#billing-fields .wc-block-components-checkout-step__heading {display: none;}

.blue {color: #196CD8!important;}
/*** Show Contact on Checkout We will use for account
fieldset#contact-fields p.wc-block-components-checkout-step__description {display: none;} ***/
p.wc-block-components-checkout-step__description.wc-block-components-checkout-step__description-payments-aligned {display: none;}
.wc-block-components-product-metadata__description img {display: none;}