.divi-child .et_pb_section {
background-color: transparent;
}
.divi-child h1,
.divi-child .et_pb_text_inner h1 {
position: relative;
margin: 0 -1rem 3rem -3rem;
padding: 1rem 3rem;
max-width: auto;
background-color: #000;
color: #fff !important;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 1.8rem;
}
.divi-child h1::before,
.divi-child .et_pb_text_inner h1::before {
position: absolute;
bottom: -2rem;
left: 0;
width: 2rem;
height: 2rem;
border: 1rem solid #f7a824;
border-bottom-color: transparent;
border-left-color: transparent;
content: "";
}
.divi-child.woocommerce .products {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1rem;
}
@media all and (min-width: 800px) {
.divi-child.woocommerce .products {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 2rem;
}
}
.divi-child.woocommerce .products::before {
display: none;
}
.divi-child.woocommerce .products .product {
margin: 0;
padding: 2rem 2rem 1rem 2rem;
width: auto !important;
width: 100% !important;
}
.divi-child.woocommerce .products .product a {
display: flex;
flex-direction: column;
height: 100%;
}
.divi-child.woocommerce .products .product a img {
display: block;
margin: 0 !important;
}
.divi-child.woocommerce .products .product a h2 {
display: flex;
align-items: flex-start;
flex-basis: 100%;
margin-right: -1rem;
margin-left: -1rem;
padding-top: 2rem;
font-size: 1rem !important;
}
.divi-child.woocommerce .products .product:nth-child(3n+1) {
background-color: #f7a824;
}
.divi-child.woocommerce .products .product:nth-child(3n+2) {
background-color: #00b1eb;
}
.divi-child.woocommerce .products .product:nth-child(3n+3) {
background-color: #a2c617;
}
.divi-child.woocommerce .related.products {
display: block;
}
.divi-child.woocommerce .related.products .products {
display: grid;
}
.divi-child.woocommerce .related.products .products .product {
width: auto;
}
.divi-child #myhero,
.divi-child #zoohero {
display: flex;
align-items: center;
}
.divi-child #myhero .mytitle,
.divi-child #zoohero .mytitle {
color: #f7a824;
font-size: 2rem;
}
.divi-child #myhero .mytitle .white,
.divi-child #zoohero .mytitle .white {
color: #fff;
}
.divi-child .zoo-catg {
display: flex;
justify-content: space-between;
gap: 2rem;
}
.divi-child .zoo-catg a {
position: relative;
color: #fff;
width: 100%;
display: flex;
justify-content: center;
box-sizing: border-box;
padding: 1rem;
font-weight: bold;
font-size: 1rem;
transition: all 0.2s;
}
.divi-child .zoo-catg a:hover {
transform: scale(1.1);
}
.divi-child .zoo-catg a:hover::after {
display: block;
content: "*";
position: absolute;
bottom: -1rem;
width: 1rem;
height: 1rem;
border: 0.5rem solid transparent;
border-top-color: red;
}
.divi-child .zoo-catg a:nth-child(1) {
background-color: #f7a824;
}
.divi-child .zoo-catg a:nth-child(1):hover::after {
border-top-color: #f7a824;
}
.divi-child .zoo-catg a:nth-child(2) {
background-color: #00b1eb;
}
.divi-child .zoo-catg a:nth-child(2):hover::after {
border-top-color: #00b1eb;
}
.divi-child .zoo-catg a:nth-child(3) {
background-color: #a2c617;
}
.divi-child .zoo-catg a:nth-child(3):hover::after {
border-top-color: #a2c617;
}
.divi-child .zoo-catg a:nth-child(4) {
background-color: #f7a824;
}
.divi-child .zoo-catg a:nth-child(4):hover::after {
border-top-color: #f7a824;
}
.divi-child .et_pb_shop ul.products.columns-4 li.product {
width: 100% !important;
}
.divi-child .et_pb_shop.myproductlist .woocommerce ul.products li.product .price {
margin-right: -1rem !important;
margin-left: -1rem !important;
color: #fff !important;
text-align: right;
font-size: 1.2rem;
}
.divi-child .et_pb_shop.myproductlist .woocommerce ul.products li.product .price .amount {
color: #fff !important;
font-size: 1.5rem;
}
.woocommerce-store-notice.demo_store {
box-sizing: border-box;
top: 0 !important;
bottom: auto !important;
padding: 3rem !important;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0.95;
}
.woocommerce-store-notice__dismiss-link {
font-weight: bold;
background: #00b1eb;
color: #fff;
padding: 0.5rem 2rem;
text-decoration: none;
border: 0;
border-radius: 9rem;
margin-top: 2rem;
}