.wopb-cg2-items-3 {
grid-template-columns: 1fr 40% 1fr;
}
.wopb-cg2-items-3 .wopb-block-item:first-child {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.wopb-cg2-items-4 {
grid-template-columns: 50% 1fr 1fr;
}
.wopb-cg2-items-4 .wopb-block-item:nth-child(2) {
grid-column-start: 2;
grid-column-end: 4;
grid-row: 1;
}
.wopb-cg2-items-5 {
grid-template-columns: 50% 1fr 1fr;
}
.wopb-cg2-items-5 .wopb-block-item:nth-child(2) {
grid-column-start: 2;
grid-column-end: 4;
grid-row: 2;
}
.wopb-cg2-items-6 {
grid-template-columns: 1fr 1fr 50%;
}
.wopb-cg2-items-6 .wopb-block-item:first-child {
grid-column-start: 3;
grid-row-start: 1;
grid-row-end: 3;
}
.wopb-cg2-items-6 .wopb-block-item:nth-child(2) {
grid-column-start: 1;
grid-column-end: 3;
grid-row: 2;
}
.wopb-cg2-items-9 {
grid-template-columns: 60% auto;
}
@media (max-width: 768px) {
.wopb-cg2-items-3 .wopb-block-item:first-child,
.wopb-cg2-items-4 .wopb-block-item:first-child,
.wopb-cg2-items-4 .wopb-block-item:nth-child(2),
.wopb-cg2-items-5 .wopb-block-item:first-child,
.wopb-cg2-items-5 .wopb-block-item:nth-child(2),
.wopb-cg2-items-6 .wopb-block-item:first-child,
.wopb-cg2-items-6 .wopb-block-item:nth-child(2),
.wopb-cg2-items-9 .wopb-block-item:first-child {
grid-column-start: initial;
grid-row-start: initial;
grid-row-end: initial;
grid-column-end: initial;
}
} .wopb-block-archive-title .wopb-archive-content {
width: 100%;
height: 100%;
line-height: 0;
overflow: hidden;
transition: 400ms;
text-decoration: none !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.wopb-block-archive-title .wopb-archive-content .wopb-archive-name,
.wopb-block-archive-title .wopb-archive-content .wopb-archive-desc,
.wopb-block-archive-title .wopb-archive-content .wopb-archive-prefix {
transition: 400ms;
position: relative;
z-index: 1;
margin: 0;
}
.wopb-block-archive-title .wopb-archive-content .wopb-archive-overlay {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
transition: 400ms;
}
.wopb-block-archive-title .wopb-archive-content:hover .wopb-archive-overlay {
background: rgba(0, 0, 0, 0.7);
}
.wopb-archive-layout-2 .wopb-archive-name,
.wopb-archive-layout-2 .wopb-archive-desc,
.wopb-archive-layout-2 .wopb-archive-prefix {
color: #fff;
}.wopb-title-style2 a,
.wopb-title-style3 a,
.wopb-title-style5 a {
position: relative;
}
.wopb-title-style2 a:hover::after,
.wopb-title-style3 a::after,
.wopb-title-style5 a:hover::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 18px;
background: var(--wopb-title-animation-color, black);
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5'/%3E%3C/svg%3E") 0 100% / 10px 18px repeat-x;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath fill='none' stroke='black' stroke-width='1' d='M0,17.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5 c 2.5,0,2.5,-1.5,5,-1.5 s 2.5,1.5,5,1.5'/%3E%3C/svg%3E") 0 100% / 10px 18px repeat-x;
pointer-events: none;
} .wopb-title-style1 a {
cursor: pointer;
text-decoration: none;
display: inline;
padding-bottom: 2px;
transition: all 0.35s linear !important;
background: linear-gradient(to bottom, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
}
.wopb-title-style1 a:hover {
background-size: 100% 2px !important;
} .wopb-title-style4 a {
font-weight: 600;
cursor: pointer;
text-decoration: none;
display: inline;
padding-bottom: 2px;
transition: all 0.3s linear !important;
background: linear-gradient(to bottom, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 98%);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left 100%;
}
.wopb-title-style4 a:hover {
background-size: 0 2px !important;
} .wopb-title-style5 a {
cursor: pointer;
text-decoration: none;
display: inline;
padding-bottom: 2px;
transition: all 0.3s linear !important;
background: linear-gradient(to bottom, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 98%);
background-size: 100% 2px;
background-repeat: no-repeat;
background-position: left 100%;
}
.wopb-title-style5 a:hover {
background-image: none;
transition: all 0.35s ease-out;
} .wopb-title-style6 a {
background-image: linear-gradient(120deg, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 100%);
background-repeat: no-repeat;
background-size: 100% 2px;
background-position: 0 88%;
transition: background-size 0.15s ease-in;
padding: 5px 5px;
}
.wopb-title-style6 a:hover {
background-size: 100% 88% !important;
} .wopb-title-style7 a {
cursor: pointer;
text-decoration: none;
display: inline;
padding-bottom: 2px;
transition: all 0.3s linear !important;
background: linear-gradient(to bottom, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: right 100%;
}
.wopb-title-style7 a:hover {
background-size: 100% 2px !important;
} .wopb-title-style8 a {
cursor: pointer;
text-decoration: none;
display: inline;
padding-bottom: 2px;
transition: all 0.3s linear !important;
background: linear-gradient(to bottom, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: center 100%;
}
.wopb-title-style8 a:hover {
background-size: 100% 2px !important;
} .wopb-title-style9 a {
background-image: linear-gradient(120deg, var(--wopb-title-animation-color, black) 0%, var(--wopb-title-animation-color, black) 100%);
background-repeat: no-repeat;
background-size: 100% 10px;
background-position: 0 88%;
transition: 0.3s ease-in;
padding: 3px 5px;
}
.wopb-title-style9 a:hover {
background-size: 100% 88% !important;
} .wopb-title-style10:hover {
transition: all 0.35s;
}
.wopb-title-style10:hover a {
letter-spacing: 0.4px !important;
transition: all 0.35s;
} .wopb-title-style11 {
word-spacing: 0;
transition: all 0.35s;
}
.wopb-title-style11:hover {
word-spacing: 3px;
}.wc-block-mini-cart__footer-actions:has(.wp-block-woocommerce-paypal-payments-mini-cart-smart-buttons){flex-wrap:wrap}.wc-block-mini-cart__footer-actions:has(.wp-block-woocommerce-paypal-payments-mini-cart-smart-buttons) .block-editor-block-list__layout{flex-wrap:wrap}.wc-block-mini-cart__footer-actions .wp-block-woocommerce-paypal-payments-mini-cart-smart-buttons{flex:1 0 100%}.wc-block-mini-cart__footer-actions .wp-block-woocommerce-paypal-payments-mini-cart-smart-buttons .woocommerce-mini-cart__buttons{margin:0}.wp-block-woocommerce-paypal-payments-mini-cart-smart-buttons paypal-button{width:100%}