@charset "UTF-8";
   html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
border: none;
margin: 0;
padding: 0;
font-family: "Quicksand", sans-serif;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: var(--font-main);
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: var(--font-main);
font-size: 1em;
}
small {
font-size: 85%;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
font-family: var(--font-main);
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0; white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} html {
font-size: 62.5%; }
body,
button,
input,
select,
optgroup,
textarea {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
body {
font-family: var(--font-main);
color: var(--secondary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
clear: both;
font-weight: bold;
font-family: var(--font-head)
}
h1,
h2 {
margin: 0 0 2rem;
color: var(--secondary-color);
}
h3,
h4,
h5,
h6 {
margin: 0 0 1.5rem;
color: var(--secondary-color);
}
.entry-title {
font-weight: bold;
}
.entry-title a {
background-image: linear-gradient(180deg, transparent 94%, #000 0);
background-size: 0% 100%;
background-repeat: no-repeat;
-webkit-transition: background-size 0.4s ease;
-moz-transition: background-size 0.4s ease;
transition: background-size 0.4s ease;
}
.entry-title a:hover {
text-decoration: none;
background-size: 100% 100%;
}
.entry-title-large {
font-size: 5.4rem;
}
.entry-title-big {
font-size: 4.2rem;
}
.entry-title-medium {
font-size: 2.2rem;
}
.entry-title-small {
font-size: 1.6rem;
}
@media (max-width: 991px) {
.entry-title-big {
font-size: 2.7rem;
}
}
p {
margin-bottom: 1.5em;
margin-top: 0;
font-family: var(--font-main);
color: var(--secondary-color);
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: var(--font-main);
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: var(--font-main);
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark{
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
::-moz-selection {
background: #070707;
color: #fff;
}
::selection {
background: #070707;
color: #fff;
} html {
box-sizing: border-box;
}
*,
::after,
::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #ffffff;
}
.body-scroll-locked {
overflow: hidden;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin-top: 0;
margin-bottom: 1rem;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
.data-bg {
background-color: var(--global-color);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: block;
overflow: hidden;
width: 100%;
}
.data-bg-fixed {
background-attachment: fixed;
}
.data-bg-large {
height: 700px;
}
.data-bg-big {
height: 575px;
}
.data-bg-medium {
height: 400px;
background-position: top;
}
.data-bg-small {
height: 290px;
}
.data-bg-xsmall {
height: 180px;
}
.data-bg-thumbnail {
height: 140px;
}
@media (max-width: 991px) {
.data-bg-large,.data-bg-big,.data-bg-medium,.data-bg-small,.data-bg-xsmall,.data-bg-thumbnail {
height: 250px;
}
}
.footer-copyright {
color: #fff;
font-weight: 500;
}
.footer-copyright a , 
.footer-copyright span,
.to-the-top,
.to-the-top:hover,
.to-the-top a,
.to-the-top a:focus{
color: #fff !important;
font-weight: 500;
} figure.wp-block-gallery.columns-3 {
padding-right: 10%;
} .wp-block-gallery {
margin-bottom: 28px;
margin-left: 0;
}
.wp-block-gallery figcaption {
font-style: italic;
}
.wp-block-gallery.aligncenter {
display: flex;
margin: 0 -8px;
}
figure.wp-block-gallery.columns-3{
padding-right: 15%;
}
figure.wp-block-gallery.columns-2{
padding-right: 1%;
}
ul.blocks-gallery-grid {
width: 70%;
}
h2.entry-title.entry-title-medium, h1.entry-title.entry-title-large span {
word-wrap: break-word;
}
.wp-block-button__link{
border-radius: 30px;
} fieldset {
border: 0.2rem solid #e1e1e3;
margin-bottom: 3rem;
margin-top: 3rem;
padding: 2rem;
}
fieldset > *:first-child {
margin-top: 0;
}
fieldset > *:last-child {
margin-bottom: 0;
}
form {
margin-bottom: 3rem;
margin-top: 3rem;
}
form > *:first-child {
margin-top: 0;
}
form > *:last-child {
margin-bottom: 0;
}
legend {
font-size: 0.85em;
font-weight: 700;
padding: 0 1rem;
}
label {
display: block;
font-size: 1.5rem;
font-weight: 600;
margin: 0 0 0.5rem 0;
}
label.inline,
input[type="checkbox"] + label {
display: inline;
font-weight: 400;
margin-left: 0.5rem;
}
input,
textarea,
button,
.select {
line-height: 1;
}
input,
textarea,
.select {
border-color: #000;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
border-radius: 0;
border-style: solid;
border-width: 0.2rem;
box-shadow: none;
color: inherit;
display: block;
margin: 0;
max-width: 100%;
outline: none;
padding: 1.5rem 1.8rem;
width: 100%;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="color"]:hover,
input[type="color"]:focus,
textarea:hover,
textarea:focus {
border-color: var(--global-color);
}
textarea {
height: 12rem;
line-height: 1.5;
width: 100%;
}
select {
font-size: inherit;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: normal;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
opacity: 0;
visibility: hidden;
}
button,
.button,
.wp-block-search__button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product .button,a.added_to_cart.wc-forward,
.woocommerce-Address-title.title a {
-webkit-appearance: none;
-moz-appearance: none;
border: 0.2rem solid;
background: var(--global-color);
border-color: var(--global-color);
color: inherit;
cursor: pointer;
display: inline-block;
margin: 0;
padding: 1.5rem 2rem;
text-align: center;
text-decoration: none;
transition: opacity 0.15s linear;
color: #ffffff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
border: solid 2px var(--global-color);
color: var(--global-color) !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
border-radius: 0;
}
button:hover,
.button:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
.button:focus,
.wp-block-search__button:focus,
.wp-block-button__link:focus,
.wp-block-file__button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
text-decoration: none;
border-color: #000;
}
button:focus,
.button:focus,
.wp-block-search__button:focus,
.wp-block-button__link:focus,
.wp-block-file__button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 2px solid;
}
button:hover,
.button:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:active,
.button:active,
.wp-block-search__button:active,
.wp-block-button__link:active,
.wp-block-file__button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
outline: none;
}
.post-password-form {
padding: 40px;
background: #f8f9fa;
}
.post-password-form label {
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.post-password-form input[type="password"] {
min-height: 40px;
}
.post-password-form input[type="submit"] {
padding: 0 2rem;
min-height: 40px;
height: 100%;
border-radius: 0;
}
.post-password-form > p:first-child {
font-size: 1.25rem;
margin-bottom: 2rem;
}
.post-password-form > p:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 0;
}
.btn-fancy {
position: relative;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border-radius: 0;
outline: 0;
transition: color 0.4s ease-out, background-color 0.2s ease-out,
border-color 0.2s ease-out;
padding: 9px 27px;
}
.btn-fancy-primary {
background-color: #fff;
color: #00AEFF;
border-radius: 30px;
}
.btn-fancy-primary svg{
fill:#00AEFF;
margin-left: 5px;
position: relative;
top: 2px;
}
.btn-fancy-secondary {
background-color: var(--global-color);
color: #fff;
}
.btn-fancy-primary:hover,
.btn-fancy-primary:focus {
background-color: #000;
color: #fff;
}
.btn-fancy-secondary:hover,
.btn-fancy-secondary:focus {
background-color: #000;
color: #fff;
}
.topbar-info-icon svg polyline,
.topbar-info-icon svg line {
fill: none;
stroke: currentColor;
stroke-miterlimit: 10;
stroke-dasharray: 40;
stroke-dashoffset: 0;
transition: stroke-dashoffset 0.8s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.theme-btn-link {
font-size: 1.6rem;
}
.theme-btn-link:hover .topbar-info-icon svg polyline,
.theme-btn-link:hover .topbar-info-icon svg line,
.theme-btn-link:focus .topbar-info-icon svg polyline,
.theme-btn-link:focus .topbar-info-icon svg line {
stroke-dashoffset: 80;
} .woocommerce span.onsale{
background-color: var(--global-color);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
background-color: var(--global-color);
color: #fff;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price{
color: var(--global-color);
}
.woocommerce ul.products li.product .button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,a.added_to_cart.wc-forward,
.woocommerce-Address-title.title a {
background: var(--global-color);
color: #fff;
display: block;
font-size: 15px;
font-weight: 600;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover{
background: var(--global-color) !important;
color: #fff;
}
h2.woocommerce-loop-product__title, .woocommerce ul.products li.product .price{
text-align: center;
}
a.added_to_cart.wc-forward {
background: var(--global-color);
padding: 5px 120px;
border-radius: 5px;
margin-top: 12px;
font-size: 15px;
font-weight: 600;
color: #ffffff !important;
}
.wc-block-components-checkout-return-to-cart-button {
background: var(--global-color);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 10px;
border: none !important;
padding: 15px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
font-size: 14px;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
width: 118px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
color: #fff !important;
}
#customer_details input[type="text"]{
padding: 0.5rem 1.8rem;
}
.woocommerce .quantity .qty {
width: 80px;
}
.quantity input[type="number"]{
padding: 2px;
}
nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
border: solid 2px #e5e5e5;
padding: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 0 0 #e5e5e5;
font-weight: 500;
}
.woocommerce .star-rating {
margin: 0 auto 10px !important;
}
.woocommerce .star-rating span, .woocommerce p.stars a{
color: #ffcc05;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
background: var(--global-color);
color: #fff;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
background: var(--global-color);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 10px;
border: none !important;
padding: 10px;
border: 2px solid transparent;
width: 50%;
}
.wc-block-components-checkout-return-to-cart-button{
background: var(--global-color);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 10px;
border: none !important;
padding: 10px;
border: 2px solid transparent;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
border: 2px solid var(--global-color);
background: var(--global-color);
color: #fff !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-cart-order-summary-block{
border: 1px solid #dee2e6!important;
padding: 10px;
border-radius: 10px;
}
.wp-block-woocommerce-cart .wc-block-cart-items__header-image, .wc-block-cart-items__header-total{
padding: 10px !important;
}
.wp-block-woocommerce-cart .wc-block-cart .wc-block-cart__submit-container{
margin-top: 20px;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
background: #e5a500;
color: #fff !important;
padding: 10px !important;
margin-bottom: 5px;
margin-top:5px ;
}
a.wc-block-components-product-name, .wc-block-components-product-name{
font-size: 22px !important;
color: #000 !important;
text-decoration: none !important;
}
.wc-block-components-order-summary-item__quantity{
background: var(--global-color) !important;
color: #fff !important;
border: none !important;
box-shadow: none !important;
}
.wc-block-components-sidebar-layout{
flex-flow: column-reverse !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
padding-right:0% !important;
width: 100% !important;
}
.wc-block-components-sidebar{
width: 100% !important;
}
.wp-block-woocommerce-cart.alignwide{
margin-right: auto !important;
margin-left: auto !important;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount,
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector,table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.wc-block-components-product-price__value.is-discounted,del.wc-block-components-product-price__regular  {
color: #000 !important;
}
.wc-block-components-totals-wrapper:after{
border-color: #000 !important;
}
tbody.wc-block-cart-items{
border: 1px solid #000;
border-radius: 30px;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, button.wc-block-cart-item__remove-link{
font-size: 14px !important;
}
.is-medium table.wc-block-cart-items .wc-block-cart-items__row{
grid-template-columns: 270px 47px !important;
padding: 16px 16px !important;
}
.wp-block-woocommerce-cart .wc-block-components-product-badge{
display: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
border: unset !important;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
text-decoration: none;
}
.wc-block-components-text-input input[type=text]{
padding: 14px !important;
}
.woocommerce span.onsale{
background-color:var(--global-color);
}
.woocommerce span.onsale{
color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
color:var(--global-color);
}
.products button,.products .button,.products .wp-block-search__button,.products .wp-block-button__link,.products .wp-block-file .wp-block-file__button,.products input[type="button"],.products input[type="reset"],.products input[type="submit"],.products .woocommerce ul.products li.product .button,.products a.added_to_cart.wc-forward{
padding: 10px 25px !important;
}
.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper.tinvwl-woocommerce_after_shop_loop_item {
text-align: center;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{
width: auto !important;
}
.woocommerce-Address-title.title a,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{
background-color: #fff;
color: #000 !important;
border: solid 2px #000;
}
.woocommerce ul.products li.product .button:hover,.woocommerce-Address-title.title a:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover{
background-color: var(--global-color);
color: #fff !important;
}
p.order-again a,a.woocommerce-button.button.view{
background: var(--global-color) !important;
}
.woocommerce-cart .price.wc-block-components-product-price,
.woocommerce-cart .wc-block-components-product-metadata__description{
text-align: left;
} .stick_head {
position: fixed !important;
width: 100%;
z-index: 9999;
top: 0;
left: 0;
opacity: 1;
}
.header-navbar.login-user.stick_head {
margin-top: 32px;
background: var(--global-color) !important;
opacity: 1 !important;
width: 100%;
border-radius: 0px;
} .preloader {
display: flex;
height: 100%;
background: #fff;
width: 100%;
left: 0;
bottom: 0;
top: 0;
position: fixed;
z-index: 9999999;
}
.loader{
position: relative;
width: 200px;
height: 60px;
top: 40%;
margin: 20px auto;
}
.loader > div:nth-child(2) {
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
animation: pacman-balls 1s -0.99s infinite linear;
}
.loader > div:nth-child(3) {
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
animation: pacman-balls 1s -0.66s infinite linear;
}
.loader > div:nth-child(4) {
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
animation: pacman-balls 1s -0.33s infinite linear;
}
.loader > div:nth-child(5) {
-webkit-animation: pacman-balls 1s 0s infinite linear;
animation: pacman-balls 1s 0s infinite linear;
}
.loader > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid var(--global-color);
border-left: 25px solid var(--global-color);
border-bottom: 25px solid var(--global-color);
border-radius: 25px;
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: 30%;
}
.loader > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid var(--global-color);
border-left: 25px solid var(--global-color);
border-bottom: 25px solid var(--global-color);
border-radius: 25px;
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: 30%;
}
.loader > div:nth-child(3),
.loader > div:nth-child(4),
.loader > div:nth-child(5),
.loader > div:nth-child(6) {
background-color: var(--global-color);
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: translate(0, -6.25px);
-ms-transform: translate(0, -6.25px);
transform: translate(0, -6.25px);
top: 25px;
right: 0;
}
@-webkit-keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
}
@keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
}
@-webkit-keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
}
@keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
}
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); }
}
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); }
} .header-image-box{
position: relative;
height: 500px;
display: flex;
align-items: center;
background-position: center;
width: 100%;
flex-direction: column;
justify-content: center;
}
.header-image-box:before {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #00000094;
z-index: 1;
}
.header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
position: relative;
z-index: 1;
color: #fff;
text-align: center;
}
.header-image-box h1{
font-size: 55px;
font-weight: 500;
}
.header-image-box h1 , .post-title a{
word-wrap: break-word;
}
.header-image-box-inner{
max-width: 80%;
margin: 0 auto;
}
.crumb-box .entry-breadcrumb{
margin-bottom: 0px;
}
.crumb-box .breadcrumbs a,
.crumb-box .breadcrumbs ul li span:before{
color: #fff;
}
.crumb-box .breadcrumbs ul,.crumb-box  nav.woocommerce-breadcrumb{
text-align: center !important;
}
.header-search a {
border-radius: 30px;
text-align: center;
cursor: pointer;
position: relative;
}
.middle-header-section #alg_currency_select{
background: #fff;
border: none !important;
color: #000;
}
.middle-header-section .gt_selector{
background: #fff;
border: none;
color: #000;
max-width: 120px;
} #search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);    
opacity: 0;
display: none;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1); 
opacity: 1;
z-index: 106;
display: block;
}
#search .search-form .search-submit{
display: none;
}
#search input[type="search"] {
position: absolute;
top: 50%;
left: 0;
font-family: var(--font-main);
margin-top: -51px;
width: 60%;
margin-left: 20%;
color: rgb(255, 255, 255);
background: transparent;
border-top: 1px solid rgba(255, 255, 255, .8);
border-bottom: 2px solid rgba(255, 255, 255, .5);
border-left: 0px solid transparent;
border-right: 0px solid transparent;
font-size: 40px;
font-weight: 300;
text-align: center;
outline: none;
padding: 10px;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
opacity: 1;
font-size: 27px;
color: #fff;
}
#search .close:hover{
color: var(--secondary-color);
cursor: pointer;
}
.header-search {
width: 10%;
justify-content: flex-end;
display: flex;
}
.header-center {
display: flex;
align-items: center;
}
.header-search a svg {
fill: var(--secondary-color) !important;
margin: 0px !important;
} .site-navigation .primary-menu a {
display: inline-block;
text-decoration: none;
word-break: normal;
word-wrap: normal;
text-transform: uppercase;
font-weight: 500;
color: #fff !important;
}
.header-btn a {
padding: 10px;
color: #000;
border-radius: 50%;
}
.theme-header-areas.header-areas-right.header-contact.cc svg{
fill: #ffffff;
}
span.ht-product-label.ht-product-label-right{
display: none !important;
}
.ht-products button.slick-next.slick-arrow, .ht-products button.slick-prev.slick-arrow {
position: absolute;
top: -31px !important;
z-index: 1;
}
li.slick-active span.wpr-testimonial-dot {
width: 30px !important;
border-radius: 10px !important;
}
.stroke-text-slider h2 {
color: transparent !important;
-webkit-text-stroke: 1px #ffffff;
}
.owl-nav {
position: absolute;
bottom: 10%;
left: 4%;
display: flex;
gap:10px;
align-items: center;
}
button.owl-prev:hover, button.owl-next:hover{
background: #57B7CA !important;
}
button.owl-prev, button.owl-next {
width: 45px;
height: 45px;
background: var(--global-color) !important;
display: flex;
border-radius: 30px;
align-items: center;
text-align: center;
justify-content: center;
}
.theme-videos-block{
margin-bottom: 60px !important;
padding-top: 30px !important;
}
.theme-service-block{
position: relative;
}
.section-heading h3{
display: inline-block !important;
}
.heading-box {
display: block !important;
width: auto !important;
}
.center-text p span {
background: var(--global-color);
border-radius: 15px;
border: 2px dashed #FFFFFF;
padding: 0px 15px;
color: #fff;
}
a.eael-post-elements-readmore-btn{
font-size: 0px;
position: relative;
height: 30px;
width: 30px;
background: #fff;
text-align: center;
margin-top: 10px !important;
margin-bottom: 10px !important;
border-radius: 30px;
}
a.eael-post-elements-readmore-btn:after{
content: "\f345";
position: absolute;
top: 0px;
width: 30px;
right: 0px;
margin: 0 auto;
height: 30px;
color: #000000;
left: 0px;
font-size: 20px;
font-family: "dashicons";
}
.eael-grid-post-holder-inner{
position: relative;
}
.header-btn-box{
position: relative;
}
#top-header{
position: relative;
padding: 8px 15px;
color: #fff;
position: relative;
background: var(--secondary-color);
border-radius: 0px;
}
.main-header-box{
overflow: hidden;
} .frontpage-static {
margin-bottom: 50px;
}
.frontpage-static .hero {
display: flex;
align-items: center;
gap:40px;
}
.hero-left img {
height: 500px;
}
.banner-section{
background: var(--secondary-color);
border-radius: 0 0 70px 70px;
position: relative;
padding-top: 50px;
}
.scroll-box {
width: 80px;
height: 80px;
left: 0px;
right: 0px;
position: absolute;
margin: 0 auto;
background: var(--secondary-color);
border-radius: 50%;
bottom: -22px;
display: flex;
align-items: center;
justify-content: center;
}
.scroll-box a svg {
font-size: 20px;
fill: #ffffff !important;
width: 30px;
}
.social-icons {
position: absolute;
right: 3%;
width: auto;
flex-direction: column;
top: 50%;
transform: translateY(-50%);
margin: 0px;
display: flex;
gap:10px;
}
.site-navigation .primary-menu > li a{
padding: 8px 20px;
}
.site-navigation .primary-menu > li a:hover{
color: #ffffff !important;
padding: 8px 20px;
} .header-navbar-inner{
width: 100%;
}
.navbar-controls button.navbar-control-offcanvas{
background: var(--global-color);
padding: 6px;
border-radius: 5px;
}
.navbar-controls button.navbar-control-offcanvas svg{
color: #fff;
}
.footer-widgetarea{
background: #FFF;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 4px 5px;
position: relative;
}
.site-info{
background: var(--global-color);
padding: 20px !important;
}
.site-logo .custom-logo-link img {
max-width: 150px;
max-height: 100px;
object-fit: contain;
}
.header-navbar.login-user.stick_head::before,
.header-navbar.login-user.stick_head::after{
display: none;
}
#site-header.header-layout{
position: absolute;
width: 100%;
z-index: 99;
}
.header-navbar .middle-header-section{
background: #FFFFFF80;
backdrop-filter: blur(20.399999618530273px);
border-radius: 10px;
}
.header-titles{
background-color: #fff;
padding: 5px;
border-radius: 10px;
text-align: center;
} .furniture-banner-main{
background-size: 100% 100% !important;
background: url(//readclub.in/wp-content/themes/omega-furniture-store/assets/images/banner.png);
} .product-section .woolentor-grid-card .woolentor-product-image{
background: #fff !important;
}
.product-section .woolentor-product-image img{
clip-path: polygon( 22.704% 1.454%,1.752% 18.84%,1.752% 18.84%,1.431% 19.129%,1.139% 19.436%,0.879% 19.76%,0.651% 20.098%,0.455% 20.45%,0.294% 20.814%,0.166% 21.187%,0.075% 21.569%,0.019% 21.957%,0% 22.35%,0% 94.926%,0% 94.926%,0.078% 95.731%,0.305% 96.495%,0.668% 97.207%,1.154% 97.858%,1.752% 98.436%,2.449% 98.932%,3.233% 99.336%,4.092% 99.637%,5.012% 99.825%,5.983% 99.89%,73.075% 99.89%,73.075% 99.89%,73.547% 99.875%,74.013% 99.829%,74.472% 99.753%,74.92% 99.648%,75.357% 99.515%,75.78% 99.354%,76.187% 99.166%,76.576% 98.951%,76.946% 98.711%,77.294% 98.446%,98.236% 81.165%,98.236% 81.165%,98.56% 80.876%,98.853% 80.568%,99.115% 80.243%,99.345% 79.904%,99.541% 79.551%,99.704% 79.186%,99.832% 78.812%,99.925% 78.429%,99.981% 78.039%,100% 77.645%,100% 4.965%,100% 4.965%,99.922% 4.159%,99.695% 3.395%,99.332% 2.683%,98.846% 2.033%,98.248% 1.454%,97.551% 0.958%,96.767% 0.554%,95.908% 0.253%,94.988% 0.065%,94.017% 0%,26.935% 0%,26.935% 0%,26.461% 0.016%,25.993% 0.062%,25.533% 0.138%,25.083% 0.244%,24.645% 0.378%,24.221% 0.54%,23.813% 0.729%,23.423% 0.945%,23.052% 1.187%,22.704% 1.454% );
height: 400px !important;
object-fit: cover;
}
.product-section .woolentor-product-grid-modern{
grid-template-columns: repeat(4, 1fr) !important;
}
.product-section .woolentor-badges{
top: auto !important;
left: auto !important;
right: 0;
bottom: 0px;
}
.product-section .woolentor-badges .woolentor-new-badge{
background-color: #0000 !important;
position: relative;
z-index: 999999;
color: #fff !important;
rotate: -37deg;
left: 6px;
bottom: 5px;
text-transform: capitalize;
}
.product-section .woolentor-badges:after{
position: absolute;
content: "";
width: 60px;
height: 55px;
background-color: #000;
right: 0;
bottom: 0;
clip-path: polygon( 17.108% 99.961%,82.888% 99.961%,82.888% 99.961%,85.657% 99.738%,88.284% 99.091%,90.734% 98.056%,92.971% 96.667%,94.961% 94.961%,96.667% 92.971%,98.056% 90.734%,99.091% 88.284%,99.738% 85.657%,99.961% 82.888%,99.961% 17.107%,99.961% 17.107%,99.436% 12.783%,97.963% 8.979%,95.699% 5.759%,92.8% 3.189%,89.422% 1.334%,85.721% 0.257%,81.854% 0.025%,77.977% 0.7%,74.245% 2.349%,70.816% 5.035%,5.035% 70.816%,5.035% 70.816%,2.349% 74.245%,0.7% 77.977%,0.025% 81.854%,0.257% 85.721%,1.334% 89.422%,3.189% 92.8%,5.759% 95.699%,8.979% 97.963%,12.783% 99.436%,17.108% 99.961% );
}
.product-section .woolentor-new-badge{
position: relative;
}
.product-section .woolentor-product-stars,
.product-section .woolentor-discount-percentage{
display: none;
}
.product-section .woolentor-review-count{
position: absolute;
top: 10px;
color: #fff;
font-size: 15px;
rotate: -45deg;
left: 15px;
top: 15px;
}
.product-section .woolentor-product-image:after{
content: "";
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 55px;
background-color: var(--global-color);
clip-path: polygon( 82.854% 0%,17.073% 0%,17.073% 0%,14.304% 0.223%,11.677% 0.87%,9.227% 1.906%,6.99% 3.294%,5.001% 5.001%,3.294% 6.99%,1.906% 9.227%,0.87% 11.677%,0.223% 14.304%,0% 17.073%,0% 82.854%,0% 82.854%,0.526% 87.178%,1.999% 90.983%,4.263% 94.202%,7.162% 96.772%,10.54% 98.627%,14.24% 99.704%,18.107% 99.937%,21.984% 99.261%,25.716% 97.613%,29.146% 94.926%,94.926% 29.146%,94.926% 29.146%,97.613% 25.716%,99.261% 21.984%,99.937% 18.107%,99.704% 14.24%,98.627% 10.54%,96.772% 7.162%,94.202% 4.263%,90.983% 1.999%,87.178% 0.526%,82.854% 0% );
}
.product-section .woolentor-grid-card{
box-shadow: none !important;
background: #0000 !important;
border: 0px solid #0000 !important;
}
.product-section .woolentor-product-content {
display: grid !important;
grid-template-areas:
"title price"
"desc desc"
"button button";
grid-template-columns: 1fr auto;
gap: 10px;
align-items: start;
}
.product-section .woolentor-product-title {
grid-area: title;
margin: 0;
}
.product-section .woolentor-product-price {
grid-area: price;
text-align: right;
margin: 0;
}
.product-section .woolentor-product-description {
grid-area: desc;
}
.product-section .woolentor-product-actions {
grid-area: button;
display: flex;
flex-direction: column;
gap: 10px;
}
.product-section .woolentor-product-actions .woolentor-cart-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: row-reverse;
}
.product-section .woolentor-layout-grid .woolentor-product-rating{
margin: 0px !important;
}
.product-section .woolentor-product-actions .woolentor-cart-btn:hover{
clip-path: polygon( 0% 46.805%,0% 85.714%,0% 85.714%,0.028% 88.031%,0.109% 90.23%,0.239% 92.279%,0.412% 94.151%,0.626% 95.816%,0.875% 97.244%,1.155% 98.405%,1.461% 99.272%,1.79% 99.813%,2.137% 100%,92.08% 100%,92.08% 100%,92.23% 99.965%,92.379% 99.86%,92.525% 99.687%,92.669% 99.447%,92.81% 99.141%,92.948% 98.77%,93.081% 98.336%,93.21% 97.84%,93.334% 97.282%,93.453% 96.666%,99.235% 64.282%,99.235% 64.282%,99.375% 63.43%,99.501% 62.507%,99.614% 61.519%,99.714% 60.472%,99.799% 59.374%,99.87% 58.23%,99.926% 57.048%,99.967% 55.832%,99.992% 54.591%,100% 53.331%,100% 14.286%,100% 14.286%,99.972% 11.968%,99.891% 9.77%,99.761% 7.721%,99.588% 5.849%,99.374% 4.184%,99.125% 2.756%,98.845% 1.595%,98.539% 0.728%,98.21% 0.187%,97.863% 0%,7.922% 0%,7.922% 0%,7.771% 0.035%,7.623% 0.141%,7.476% 0.315%,7.331% 0.556%,7.19% 0.864%,7.052% 1.237%,6.918% 1.673%,6.789% 2.172%,6.665% 2.731%,6.547% 3.351%,0.762% 35.87%,0.762% 35.87%,0.623% 36.722%,0.497% 37.645%,0.384% 38.632%,0.285% 39.677%,0.2% 40.773%,0.129% 41.915%,0.073% 43.096%,0.033% 44.308%,0.008% 45.547%,0% 46.805% );
background: var(--global-color) !important;
}
.product-section .woolentor-product-actions .woolentor-cart-btn{
background: var(--secondary-color) !important;
}
.product-section .woolentor-product-actions .added_to_cart{
margin: 0px;
padding-top: 10px !important;
padding-bottom: 10px !important;
width: 100%;
padding: 5px 80px;
}
.product-section .woolentor-product-actions .added_to_cart:hover{
background: var(--secondary-color) !important;
border-color: var(--secondary-color) !important;
clip-path: polygon( 0% 46.805%,0% 85.714%,0% 85.714%,0.028% 88.031%,0.109% 90.23%,0.239% 92.279%,0.412% 94.151%,0.626% 95.816%,0.875% 97.244%,1.155% 98.405%,1.461% 99.272%,1.79% 99.813%,2.137% 100%,92.08% 100%,92.08% 100%,92.23% 99.965%,92.379% 99.86%,92.525% 99.687%,92.669% 99.447%,92.81% 99.141%,92.948% 98.77%,93.081% 98.336%,93.21% 97.84%,93.334% 97.282%,93.453% 96.666%,99.235% 64.282%,99.235% 64.282%,99.375% 63.43%,99.501% 62.507%,99.614% 61.519%,99.714% 60.472%,99.799% 59.374%,99.87% 58.23%,99.926% 57.048%,99.967% 55.832%,99.992% 54.591%,100% 53.331%,100% 14.286%,100% 14.286%,99.972% 11.968%,99.891% 9.77%,99.761% 7.721%,99.588% 5.849%,99.374% 4.184%,99.125% 2.756%,98.845% 1.595%,98.539% 0.728%,98.21% 0.187%,97.863% 0%,7.922% 0%,7.922% 0%,7.771% 0.035%,7.623% 0.141%,7.476% 0.315%,7.331% 0.556%,7.19% 0.864%,7.052% 1.237%,6.918% 1.673%,6.789% 2.172%,6.665% 2.731%,6.547% 3.351%,0.762% 35.87%,0.762% 35.87%,0.623% 36.722%,0.497% 37.645%,0.384% 38.632%,0.285% 39.677%,0.2% 40.773%,0.129% 41.915%,0.073% 43.096%,0.033% 44.308%,0.008% 45.547%,0% 46.805% );
} .woocommerce-cart .column-row .widget-area.column-order-2,
.woocommerce-checkout .column-row .widget-area.column-order-2{
display: none;
}
.woocommerce-cart .column-row .content-area.column-order-1,
.woocommerce-checkout .column-row .content-area.column-order-1{
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart,
.woocommerce-checkout .wc-block-components-sidebar-layout{
display: flex;
flex-direction: row !important;
gap: 30px;
}
.woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block,
.woocommerce-checkout .wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block{
flex-basis: 60%;
}
.woocommerce-cart .wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block,
.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block{
flex-basis: 40%;
}
.woocommerce-cart .wc-block-cart__submit-button{
width: 100% !important;
}
@media screen and (min-width : 300px) and (max-width : 991px) {
.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-sidebar-layout{
flex-direction: column !important;
}
.woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block,
.woocommerce-checkout .wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
flex-basis: 100%;
}
.woocommerce-cart .wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block,
.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block{
flex-basis: 100%;
}
.woocommerce-cart .wc-block-components-sidebar-layout.wc-block-cart,
.woocommerce-checkout .wc-block-components-sidebar-layout {
flex-direction: column !important;
}
} .header-wrapper-main{
width: 100%;
}
.menu-icon {
position: relative;
top: 0px;
left: 0px;
font-size: 26px;
cursor: pointer;
color: #000000 !important;
background: none;
border: none;
padding: 0px;
}
.slide-sidebar {
position: fixed;
top: 0;
right: -400px;
width: 400px;
height: 100%;
background: var(--secondary-color);
transition: left 0.3s ease;
z-index: 99999;
padding: 20px;
color: #fff;
outline: none;
}
#sidebarToggle svg{
position: relative;
top: 3px;
}
#slideSidebar .close-btn{
background: var(--global-color);
color: #000000 !important;
display: none;
}
#slideSidebar .widget-area{
max-width: 100%;
}
#slideSidebar .widget-title,#slideSidebar .widget a,#slideSidebar .widget_rss ul li .rssSummary ,#slideSidebar  p{
color: #ffffff !important;
}
#slideSidebar #wp-calendar tbody td,#slideSidebar #wp-calendar tbody td a{
color: #000000 !important;
}
#slideSidebar.slide-sidebar.active .close-btn{
display: inline-block;
}
.slide-sidebar {
overflow-y: auto; overflow-x: hidden; direction: ltr; scrollbar-width: auto; } .slide-sidebar::-webkit-scrollbar {
width: 8px;
}
.slide-sidebar::-webkit-scrollbar-thumb {
background: #555;
border-radius: 4px;
}
.theme-header-areas.header-areas-right.header-contact.cc .wishlist-box a {
background: var(--global-color);
width: 35px;
height: 35px;
position: relative;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}
.theme-header-areas.header-areas-right.header-contact.cc .wishlist-box a svg{
fill: #000000;
}
.slide-sidebar.active {
right: 0;
}
.close-btn {
font-size: 32px;
background: none;
border: none;
color: #fff;
position: fixed;
top: 20px;
right: 20px;
cursor: pointer;
}
.widget-area {
margin-top: 70px;
color: #fff;
}
#secondary .widget {
color: #000000 !important;
}
#secondary .widget .wp-block-heading a{
text-decoration: underline;
}
#slideSidebar .wp-block-heading,#slideSidebar p,#slideSidebar .widget{
color: #ffffff
}
.footer-widgetarea .wp-block-heading a,.footer-widgetarea a{
text-decoration: underline;
}
.scroll-btn {
border-radius: 50% !important;
}
.about-heading h3{
display: inline-block !important;
}
a.chosen-single {
background: transparent !important;
border: 0px !important;
box-shadow: none !important;
}
form.woocommerce-currency-switcher-form.woocs_show_flags {
margin: 0px !important;
}
#google_language_translator div.skiptranslate.goog-te-gadget {
display: flex !important;
}
#google_language_translator select.goog-te-combo {
background: transparent !important;
border: 0px !important;
color: #ffffff !important;
}
#google_language_translator option{
color: #000000 !important;
}
.chosen-results li {
color: #000000 !important;
}
#top-header .theme-header-areas.header-areas-right span,#top-header .theme-header-areas.header-areas-right p,#top-header .theme-header-areas.header-areas-right.side-border span a{
font-weight: 400;
font-size: 15px;
color: #ffffff;
}
#top-header .theme-header-areas.header-areas-right.side-border span a:hover{
color: #69B8C8;
}
.theme-header-areas.header-areas-left p{
font-weight: 500;
font-size: 14px;
}
#top-header .social-icon a:hover svg{
fill: var(--global-color);
}
#top-header svg {
fill: #fff;
margin-right: 8px;
position: relative;
top: 2px;
}
#top-header p,p.header_layout_button {
margin-bottom: 0;
}
h1.site-title{
margin-bottom: 0;
}
p.header_layout_button a {
background: var(--global-color);
font-size: 15px;
padding: 10px 20px;
color: #fff;
font-weight: 500;
border-radius: 6px;
}
p.header_layout_button a:hover{
background: var(--global-color);
}
.header-contact .header-button-box a svg {
fill: #000000;
margin-left: 5px;
position: relative;
top: 2px;
}
.header-contact .header-button-box a:hover svg{
fill: var(--global-color);
}
#info-header{
background: var(--global-color);
}
.page-template-frontpage #info-header {
background: transparent;
margin-bottom: -55px;
position: relative;
z-index: 99;
}
#info-header .header-wrapper {
background: var(--global-color);
padding: 15px 20px;
border-radius: 5px;
}
#info-header .theme-header-areas {
border-right: 1px solid var(--global-color);
padding-right: 30px;
}
#info-header .theme-header-areas:last-child{
border-right: 0px !important;
}
.header-contact h6{
color: #000000;
font-size: 15px;
font-weight: 400;
}
.header-contact p a {
color: #000000;
font-size: 16px;
font-weight: 700;
}
ul.sub-menu.submenu-toggle-active .submenu-wrapper a {
padding-left: 20px;
}
ul.sub-menu.submenu-toggle-active{
background: var(--global-color);
color:#ffffff;
}
.header-titles .custom-logo-name {
display: block;
font-size: 25px;
font-weight: 600;
line-height: 1.2;
margin: 0 auto;
text-transform: capitalize;
font-family: var(--font-head);
}
.banner-content p{
color: #333333;
margin-bottom: 0px;
}
.about-image{
position: relative;
}
.support-box {
position: absolute !important;
top: 30%;
box-shadow: -16px 7px 32px 0px #00000039;
width: 34% !important;
left: -3%;
}
.percent-box {
position: absolute !important;
box-shadow: 20px 34px 64px 0px #0000001F;
width: 34% !important;
right: -3%;
bottom: 40px;
}
.team-box h4{
writing-mode: tb-rl;
rotate: 180deg;
}
.support-box p,.percent-box p{
margin-bottom: 0px;
color: #333333B2;
}
.slider-image{
position: relative;
}
.number-heading h4{
color: transparent !important;
-webkit-text-stroke: 1px #ffffff61;
}
.slider-image .small-image img{
height: 68px !important;
}
.small-image{
right: 0px;
top: 50px !important;
}
.team-box {
width: 6% !important;
left: 10%;
position: absolute !important;
bottom: 25px;
}
.banner-content-left {
position: relative;
margin-right: -110px !important;
top: 40px;
}
.social-icon-box {
position: absolute !important;
top: 50%;
transform: translateY(-50%);
right: 4%;
width: auto !important;
}
.banner-main-right{
position: relative;
}
#top-header .theme-header-areas.header-areas-right span.last-word {
font-weight: 600;
}
.tab-header {
display: flex;
gap: 30px;
justify-content: space-between;
align-items: center;
width: 40%;
padding: 0px 25px;
margin: 0 auto;
border-bottom: 1px solid #e2e2e24d;
padding-bottom: 15px;
margin-bottom: 50px;
}
.section-heading {
text-align: center;
}
.header-titles .custom-logo-name {
color: #000;
}
.header-titles{
position: relative;
}
@media (max-width: 767px) {
.header-titles .custom-logo-name {
font-size: 2.8rem;
}
.header-navbar{
display: block !important;
}
.home.elementor-page .header-navbar:after,
.home.elementor-page .header-navbar::before{
display: none;
}
.header-wrapper{
margin: 0 auto;
padding: 0;
}
.plant-banner-top{
position: absolute !important;
}
.banner-bottom-section{
margin-top: -87px !important;
}
.header-navbar-inner{
background-color: #000;
}
}
.header-navigation-wrapper {
position: relative;
}
.header-navbar {
align-items: center;
display: flex;
position: relative;
transition: none;
justify-content: center;
}
header#site-header .wrapper.header-wrapper{
align-items: center;
}
.theme-header-areas.header-areas-left.aa {
padding: 12px 0px;
text-align: left;
}
.header-right-box {
width: 82%;
display: flex;
justify-content: space-between;
padding: 0px 15px;
}
.theme-header-areas.header-areas-right.cc{
justify-content: flex-end;
}
.main-nav-controls,
.navbar-controls {
display: flex;
}
.main-nav-controls {
align-items: center;
}
.navbar-controls {
flex-shrink: 0;
align-items: center;
justify-content: center;
overflow: hidden;
}
.navbar-control {
background: transparent;
border-color: transparent;
color: inherit;
align-items: center;
display: flex;
justify-content: flex-end;
line-height: 1;
margin: 0 1.25rem;
padding: 0;
position: relative;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .1em;
font-size: 12px;
}
.navbar-control .svg-icon {
display: inline-block;
vertical-align: middle;
}
.main-nav-controls .navbar-control {
margin: 0 1.25rem 0 auto;
}
.navbar-control:hover,
.navbar-control:focus,
.navbar-control:active {
outline: none;
border-color: transparent;
}
.navbar-control-trigger:focus {
outline: none;
}
.navbar-control:focus-visible > .navbar-control-trigger {
outline: 2px solid;
}
.header-searchbar {
background: rgba(0, 0, 0, 0.42);
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 999;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.header-searchbar.header-searchbar-active {
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
}
.admin-bar .header-searchbar.header-searchbar-active {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .header-searchbar.header-searchbar-active {
top: 46px;
}
.wc-block-cart .wc-block-cart__submit-container--sticky {
bottom: unset !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button {
width: 100%;
}
.wp-block-woocommerce-cart-order-summary-block {
margin-top: 20px;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount{
display: none !important;
}
}
.header-searchbar-inner {
transform: translateY(-100%);
transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.header-searchbar-active .header-searchbar-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
transform: translateY(0);
transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}
.header-searchbar-area {
display: flex;
justify-content: space-between;
padding-bottom: 8rem;
padding-top: 8rem;
}
.header-searchbar form {
margin: 0;
position: relative;
width: 100%;
}
.header-searchbar .close-popup {
margin-left: 1rem;
}
.header-search a {
cursor: pointer;
position: relative;
} #search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);    
opacity: 0;
display: none;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1); 
opacity: 1;
z-index: 106;
display: block;
}
#search .search-form .search-submit{
display: none;
}
.theme-header-areas.header-areas-right.header-contact.cc{
gap:20px;
}
#search input[type="search"] {
position: absolute;
top: 50%;
left: 0;
margin-top: -51px;
width: 60%;
margin-left: 20%;
color: rgb(255, 255, 255);
background: transparent;
border-top: 1px solid rgba(255, 255, 255, .8);
border-bottom: 2px solid rgba(255, 255, 255, .5);
border-left: 0px solid transparent;
border-right: 0px solid transparent;
font-size: 40px;
font-weight: 300;
text-align: center;
outline: none;
padding: 10px;
font-family: var(--font-main);
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
opacity: 1;
font-size: 27px;
color: #fff;
}
#search .close:hover{
color: #FFE52C;
cursor: pointer;
}
.header-center {
display: flex;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
.header-search a svg {
fill: #000000!important;
margin: 0px !important;
} a {
color: #000;
text-decoration: none;
}
a:hover,
a:focus {
color: var(--global-color);
}
a:hover,
a:focus,
a:active {
outline: none;
}
a:focus-visible {
outline: 2px solid;
}
.entry-content a:not(.more-link):not(.button):not(.wp-block-button__link),
.entry-summary a:not(.more-link):not(.button),
.widget_text a:not(.more-link):not(.button),.comment-content a {
text-decoration: underline;
}
.entry-content p{
word-wrap: break-word;
}
.entry-content a,
.wp-block-post-content a {
text-decoration: underline;
} span.navbar-control-trigger{
color: #333333;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
padding: 0;
}
.site-navigation .primary-menu .brand-home {
color: #fff;
}
.site-navigation .primary-menu .brand-home a {
color: inherit;
font-size: 1px;
line-height: 1px;
}
.site-navigation .primary-menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 0;
}
.theme-menu,
.theme-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.theme-menu a,
.responsive-content-menu a {
color: #000000;
}
.site-navigation .primary-menu .icon {
pointer-events: none;
margin-left: 5px;
}
.rtl .site-navigation .primary-menu .icon {
margin-left: 0;
margin-right: 5px;
}
.site-navigation .primary-menu .icon .svg-icon {
height: 1rem;
width: 1rem;
}
.site-navigation .primary-menu > li {
margin: 0 0rem;
padding: 0 0;
}
.header-layout .site-navigation .primary-menu > li:last-child {
margin-right: 0;
}
.rtl .header-layout .site-navigation .primary-menu > li:last-child {
margin-right: 1rem;
margin-left: 0;
}
.site-navigation .primary-menu > li > a,.link-icon-wrapper a {
line-height: 1;
font-size: 1.5rem;
position: relative;
color: var(--global-color);
font-weight: 600;
}
.site-navigation .primary-menu > li.dropdown a:not(:hover):not(:focus),
.site-navigation .primary-menu > li.menu-item-has-children a:not(:hover):not(:focus) {
color: inherit;
}
.link-icon-wrapper svg.svg-icon {
width: 10px;
height: 10px;
margin-left: 5px;
color: #fff;
}
.link-icon-wrapper svg.svg-icon path{
stroke: #fff;
}
.site-navigation .primary-menu > li:hover > a::before,
.site-navigation .primary-menu > li:focus > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li.active > a::before {
width: 100%;
left: 0;
}
.site-navigation .primary-menu > li:not(.megamenu-has-children),
.site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li {
position: relative;
}
.header-button-box a {
background: #fff;
padding: 12px 30px;
font-weight: 600;
font-family: var(--font-head);
font-size: 14px;
border-radius: 6px;
color: var(--global-color);
}
.header-button-box a:hover{
color: #fff !important;
background: #000;
}
#site-header {
position: relative;
width: 100%;
z-index: 3;
}
.site-navigation .primary-menu li ul li a{
color: #ffffff !important;
}
.site-navigation .primary-menu .sub-menu .link-icon-wrapper svg{
color:#ffffff !important;
}
.site-navigation .primary-menu .sub-menu .link-icon-wrapper svg path{
stroke: #fff;
}
.site-navigation ul li .sub-menu li a{
color: #000000 !important;
}
.site-navigation ul li .sub-menu li .link-icon-wrapper svg{
color: #000000;
}
.site-navigation ul li .sub-menu li{
position: relative;
} .site-navigation .primary-menu ul {
background: var(--global-color);
color: #ffffff !important;
font-size: 1.7rem;
opacity: 0;
margin: 0 auto;
position: absolute;
left: -99999rem;
top: 100%;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
width: 22rem;
z-index: 99999;
}
.site-navigation .primary-menu li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu li.page_item_has_children:hover > ul,
.site-navigation .primary-menu li.page_item_has_children:focus > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu li.page_item_has_children:focus-within > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.post-thumbnail.data-bg.data-bg-big{
background-size: 100% 100%;
}
.site-navigation .primary-menu ul.sub-menu li a{
color: #ffffff !important;
}
.site-navigation .primary-menu ul.sub-menu li a:hover{
padding: 1.5rem;
border-radius: 0px;
background-color: #0000;
}
.site-navigation .primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.site-navigation .primary-menu ul::before {
height: 2rem;
left: 0;
right: 0;
}
.site-navigation .primary-menu ul a {
background: transparent;
border: none;
color: inherit;
padding: 1.5rem;
transition: background-color 0.15s linear;
width: 90%;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
padding-right: 3rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children .icon {
position: absolute;
right: 1.5rem;
top: calc(50% - 0.5rem);
} .site-navigation .primary-menu ul ul {
top: 0;
}
.site-navigation .primary-menu ul li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu ul li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu ul li.page_item_has_children:hover > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus > ul {
left: calc(100% + 1rem);
}
.site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul {
left: calc(100% + 2rem);
}
.site-navigation .primary-menu ul ul::before {
position: absolute;
content: '';
bottom: 0;
height: 5.6rem;
right: auto;
left: -2rem;
top: 0;
width: 2rem;
}
.site-navigation .primary-menu ul ul::after {
border: 0.8rem solid transparent;
border-bottom-color: transparent;
border-right-color: #fff;
bottom: auto;
left: -1.6rem;
top: 1.5rem;
}
.rtl .site-navigation .primary-menu ul ul::after {
transform: rotate(180deg);
} @media (any-pointer: coarse) {
.site-navigation .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
} body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
@media screen and (max-width: 991px) {
.site-navigation .primary-menu-wrapper {
display: none;
opacity: 0;
visibility: hidden;
}
.wrapper, .wrapper-fluid {
width: auto !important;
margin-right: 15px !important;
margin-left: 15px !important;
}
}
.menu-description {
background-color: #000;
color: #fff;
padding: 4px 5px;
font-size: 10px;
line-height: 12px;
position: absolute;
top: -20px;
left: calc(100% - 20px);
padding: 2px 5px;
line-height: 10px;
white-space: nowrap;
z-index: 1;
}
.menu-description:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
border-top-color: #000;
left: 3px;
bottom: -4px;
}
.navbar-control-offcanvas {
display: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
.navbar-control-offcanvas {
display: block;
opacity: 1;
visibility: visible;
}
}
@media (min-width: 991px){
.site-navigation .primary-menu > li a{
position: relative;
}
.site-navigation .primary-menu > li a:hover:after{
content: "";
position: absolute;
width: 100%;
height: 6px;
bottom: -17px;
left: 0;
background-color: #fff;
border-radius: 15px;
}
.site-navigation .primary-menu > li a:hover:before{
content: "";
position: absolute;
width: 100%;
height: 6px;
top: -17px;
left: 0;
background-color: #fff;
border-radius: 15px;
}
.site-navigation .sub-menu > li a:hover:before,
.site-navigation .sub-menu > li a:hover:after{
display: none;
}
}
#offcanvas-menu {
background: rgba(0, 0, 0, 0.42);
position: fixed;
top: 0;
height: 100%;
right: -100%;
width: 100%;
z-index: 1000;
justify-content: flex-end;
-webkit-transition: right 0.5s;
-moz-transition: right 0.5s;
-ms-transition: right 0.5s;
-o-transition: right 0.5s;
transition: right 0.5s;
}
#offcanvas-menu .offcanvas-wraper {
height: 100%;
padding: 20px 100px;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
}
#offcanvas-menu .offcanvas-wraper::-webkit-scrollbar {
width: 0;
height: 0;
}
@media screen and (max-width: 991px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
padding: 20px;
}
}
@media screen and (max-width: 767px) {
#offcanvas-menu .offcanvas-wraper {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.stick_head{
position: static !important;
}
.header-navbar.login-user.stick_head{
margin-top: 0px;
}
}
#offcanvas-menu .close-offcanvas-menu {
text-align: right;
cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu .offcanvas-close {
font-size: 14px;
font-weight: 700;
margin: 10px auto;
align-items: center;
display: flex;
justify-content: space-between;
}
.admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close {
margin-top: 40px;
}
.responsive-date-clock .responsive-content-date,
.responsive-date-clock .theme-topbar-clock {
text-align: left;
}
.responsive-date-clock .theme-topbar-icon,
.responsive-date-clock .theme-topbar-label {
display: inline-block;
vertical-align: middle;
}
.offcanvas-wraper > * {
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
opacity: 0;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
will-change: transform, opacity;
}
.offcanvas-menu-active .offcanvas-wraper > * {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-branding {
transition-delay: 0.3s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation {
transition-delay: 0.6s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation {
transition-delay: 0.9s;
}
#offcanvas-menu.offcanvas-menu-active {
display: -ms-flexbox;
display: flex;
right: 0;
}
.offcanvas-main-navigation {
width: 100%;
}
.offcanvas-item {
margin-bottom: 15px;
}
.offcanvas-main-navigation li,
.responsive-content-menu li {
border-bottom: 1px solid;
position: relative;
}
.offcanvas-main-navigation li:last-child,
.responsive-content-menu li:last-child {
border-bottom: none;
}
.offcanvas-main-navigation a,
.responsive-content-menu a {
display: block;
font-size: 18px;
padding: 20px 0;
text-decoration: none;
position: relative;
width: 100%;
}
.offcanvas-main-navigation .sub-menu {
border-top: 1px solid;
display: none;
list-style: none;
margin: 0 auto;
padding: 0;
}
.offcanvas-main-navigation .sub-menu.submenu-toggle-active {
display: block;
}
.offcanvas-main-navigation .submenu-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle {
border-style: solid;
border-width: 0 0 0 1px;
padding-left: 3rem;
padding-right: 3rem;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle .svg-icon {
height: 2.9rem;
transition: transform .15s linear;
width: 1.8rem;
fill: #ffffff;
color: #ffffff;
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle.button-toggle-active .svg-icon {
transform: rotate(180deg);
}
.social-menu ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
.social-menu li {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.social-menu li a .svg-icon {
margin-left: 0.2rem;
width: 1.6rem;
height: 1.6rem;
}
.social-menu ul li a[href*="youtube.com"] .svg-icon {
width: 1.9rem;
height: 1.9rem;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link {
font-size: 16px !important;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.widget:before,
.widget:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.widget:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 3rem;
padding-bottom: 3rem;
}
.widget:last-child {
margin: 0;
}
.widget select {
max-width: 100%;
}
.widget ul,
.widget ol {
padding-left: 0;
padding-right: 0;
list-style: none;
margin-bottom: 0;
}
.widget .button {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
} .widget a {
color: #2A2E39;
}
.widget a:hover,
.widget a:focus {
color: var(--global-color);
}
.widget_nav_menu a {
display: block;
padding: 1rem 0;
}
.widget_nav_menu .menu > .menu-item:not(:first-child) {
border-top: 1px #e9ecef solid;
}
.widget_nav_menu .menu-item-has-children {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.widget_nav_menu .menu-item-has-children > a {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.widget_nav_menu .menu-item-has-children > span {
cursor: pointer;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.widget_nav_menu .menu-item-has-children > ul {
width: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.widget_nav_menu .menu-item-expanded > span:after {
content: "\e90f";
}
.widget_nav_menu .menu > .menu-item > .sub-menu {
padding-bottom: 1rem;
}
.widget_nav_menu .sub-menu {
display: none;
}
.widget_nav_menu .sub-menu a {
padding: 0.5rem 0;
line-height: 1;
}
.widget_nav_menu .sub-menu .sub-menu {
padding: 0.5rem 0;
}
.widget_nav_menu .sub-menu .sub-menu a {
padding-left: 1rem;
}
.widget_nav_menu .submenu-visible {
display: block;
}
.search-form {
margin: 0 auto;
display: flex;
}
.search-form label {
display: block;
margin: 0 auto;
width: 80%;
float: left;
}
.search-form label .search-field {
border-right: 0;
}
.search-form .search-submit {
float: left;
width: 20%;
-webkit-appearance: none;
}
.search-form .search-submit svg{
fill: #ffffff;
color: #ffffff !important;
}
.header-searchbar-area .search-form .search-submit {
padding: 1.7rem 2rem;
}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_block .wp-block-latest-posts li,
.widget_block .wp-block-categories li,
.widget_block .wp-block-archives li,
.widget_block .wp-block-latest-comments li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 0 0 1rem;
margin-bottom: 1rem;
}
.widget_recent_entries ul li:first-child:last-child,
.widget_categories ul li:first-child:last-child,
.widget_pages ul li:first-child:last-child,
.widget_archive ul li:first-child:last-child,
.widget_meta ul li:first-child:last-child {
padding-bottom: 0;
}
.widget_categories ul li:first-child:last-child > .children,
.widget_pages ul li:first-child:last-child > .children,
.widget_archive ul li:first-child:last-child > .children {
padding-bottom: 0;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_meta ul li a {
padding-right: 0.6666666667rem;
margin-right: auto;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.widget_categories ul ul.children,
.widget_pages ul ul.children,
.widget_archive ul ul.children {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-top: 1rem;
margin-left: 0;
padding-left: 1.5em;
}
.widget_categories ul ul.children li,
.widget_pages ul ul.children li,
.widget_archive ul ul.children li {
padding: 1rem 0 1rem 1rem;
}
.widget_categories ul ul.children li:last-child,
.widget_pages ul ul.children li:last-child,
.widget_archive ul ul.children li:last-child {
border-bottom: none;
padding-bottom: 0;
}
.widget_categories ul ul.children ul.children li,
.widget_pages ul ul.children ul.children li,
.widget_archive ul ul.children ul.children li {
margin-left: 1rem;
padding-left: 0;
}
.widget_search form {
margin-top: 0;
}
#wp-calendar {
width: 100%;
margin: 0;
}
#wp-calendar caption {
text-align: right;
margin-bottom: 15px;
}
#wp-calendar thead th {
text-align: center;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #e8e8e8;
text-align: center;
padding: 5px;
}
#wp-calendar tbody td a {
text-decoration: underline !important;
color: #000;
}
#wp-calendar tbody td:hover {
background: #fff;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot td.pad {
display: none;
}
.widget_recent_comments li {
position: relative;
padding-bottom: 1rem;
}
.widget_recent_comments li:last-child {
padding-bottom: 0;
}
.widget_recent_comments li .comment-author-link,
.widget_recent_comments li .comment-author-link a {
}
.widget_recent_entries li {
position: relative;
padding-bottom: 1rem;
}
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_recent_entries li .post-date {
margin-left: 1rem;
}
.widget_recent_entries li .post-date:before {
content: "(";
}
.widget_recent_entries li .post-date:after {
content: ")";
}
.widget_rss .rss-widget-icon {
display: none;
}
a.wp-block-latest-posts__post-title,.widget-area-wrapper .widget_recent_entries ul li a {
word-break: break-all;
}
.widget_rss ul li {
border-bottom: 1px #e9ecef solid;
position: relative;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.widget_rss ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.widget_rss ul li .rsswidget {
color: #000000;
-webkit-transition: color 0.25s;
transition: color 0.25s;
}
.widget_rss ul li .rss-date {
display: block;
margin-top: 0.25rem;
}
.widget_rss ul li .rssSummary {
margin-top: 0.25rem;
color: #000000;
}
.widget_rss ul li cite {
display: block;
margin-top: 0.25rem;
font-style: normal;
text-align: right;
font-size: 0.8125rem;
}
.widget_tag_cloud {
overflow: hidden;
}
.widget_tag_cloud .tagcloud {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget_tag_cloud .tagcloud a, .wp-block-tag-cloud a {
background: rgba(0, 0, 0, 0.052);
font-size: 12px !important;
padding: 0.5rem 1.5rem;
margin-top: 0.5rem;
margin-right: 0.5rem;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
background: #000;
color: #fff;
}
.widget_tag_cloud .tagcloud a:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud a:first-letter {
text-transform: uppercase;
}
.widget_media_video .mejs-container {
max-width: 100%;
overflow: hidden;
}
.widget_media_video .mejs-container video,
.widget_media_video .mejs-container iframe,
.widget_media_video .mejs-container object,
.widget_media_video .mejs-container embed {
max-width: 100%;
overflow: hidden;
}
.widget_media_gallery {
overflow: hidden;
}
.widget_media_gallery [class^="gallery-columns-"],
.widget_media_gallery [class*=" gallery-columns-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -1rem -0.5rem 0;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item {
position: relative;
margin-top: 1rem;
margin-bottom: 0;
padding: 0 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item img,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item img {
display: block;
border-radius: 0;
-webkit-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item:hover img,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item:hover img {
opacity: 0.6;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-caption,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-caption {
padding: 1rem 1rem 0;
}
.widget_media_gallery [class^="gallery-columns-"] .gallery-item .gallery-icon,
.widget_media_gallery [class*=" gallery-columns-"] .gallery-item .gallery-icon {
position: relative;
width: 100%;
overflow: hidden;
}
.widget_media_gallery .gallery-columns-4 .gallery-caption,
.widget_media_gallery .gallery-columns-5 .gallery-caption,
.widget_media_gallery .gallery-columns-6 .gallery-caption,
.widget_media_gallery .gallery-columns-7 .gallery-caption,
.widget_media_gallery .gallery-columns-8 .gallery-caption,
.widget_media_gallery .gallery-columns-9 .gallery-caption {
display: none;
}
.widget_media_gallery .gallery-columns-1 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.widget_media_gallery .gallery-columns-2 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.widget_media_gallery .gallery-columns-3 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.widget_media_gallery .gallery-columns-4 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.widget_media_gallery .gallery-columns-5 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.widget_media_gallery .gallery-columns-6 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.widget_media_gallery .gallery-columns-7 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.2857142857%;
flex: 0 0 14.2857142857%;
max-width: 14.2857142857%;
}
.widget_media_gallery .gallery-columns-8 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
.widget_media_gallery .gallery-columns-9 .gallery-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 11.1111111111%;
flex: 0 0 11.1111111111%;
max-width: 11.1111111111%;
} .widget_text {
color: #5D5D5D;
word-wrap: break-word;
}
.widget_text ul {
list-style: disc;
margin: 0 0 1rem 1rem;
}
.widget_text ol {
list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
padding-bottom: 0;
}
.widget_text ul li ul {
margin: 0 0 0 1rem;
}
.widget_text ul li li {
padding-left: 0;
padding-right: 0;
}
.widget_text ol li {
list-style-position: inside;
}
.widget_text ol li + li {
margin-top: -1px;
} .widget .tab-head .twp-nav-tabs {
border-bottom: 2px solid;
margin-bottom: 15px;
}
.widget .tab-head .twp-nav-tabs li {
float: left;
margin: 0 auto;
width: 33.33%;
}
.widget .tab-head .twp-nav-tabs > li > a {
display: block;
padding: 15px 0;
text-align: center;
font-size: 14px;
font-weight: 700;
}
.widget .tab-head .twp-nav-tabs > li.active > a,
.widget .tab-head .twp-nav-tabs > li > a:focus,
.widget .tab-head .twp-nav-tabs > li > a:hover,
.widget .tab-head .twp-nav-tabs > li.active > a:focus,
.widget .tab-head .twp-nav-tabs > li.active > a:hover {
background: #000;
color: #fff;
}
.widget .tab-head .post-description {
margin-top: 20px;
}
.site-content .data-bg:not(.site-content .single-featured-banner .data-bg) {
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
.site-content .single-featured-banner {
color: #fff;
}
.site-content .single-featured-banner .data-bg {
position: relative;
padding: 15rem 0;
background-attachment: fixed;
}
.site-content .single-featured-banner .data-bg::before {
position: absolute;
content: "";
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.14);
}
.site-content .single-featured-banner .featured-banner-content .entry-meta a {
color: inherit;
}
.banner-column{
position: relative;
}
.site-content .single-featured-banner .breadcrumbs ul li span:before,
.site-content .single-featured-banner .entry-meta-item::before {
color: #fff;
}
.tab-icon {
width: 15px;
height: 15px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.site-content .tab-icon {
width: 20px;
height: 20px;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content{
display: none;
}
.tab-content > .active {
display: block;
}
.theme-widget-list li .article-list {
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.theme-widget-list li:last-child .article-list {
border: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.theme-widget-list .article-image {
position: relative;
}
.trend-item {
background-color: #000;
color: #fff;
height: 20px;
font-weight: 700;
font-size: 14px;
line-height: 20px;
position: absolute;
left: 15px;
bottom: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 20px;
outline: 2px solid #000;
outline-offset: 4px;
z-index: 1;
}
.category-widget-header .category-title,
.category-widget-header .post-count {
display: inline-block;
vertical-align: middle;
}
.category-widget-header .category-title {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.category-widget-header .post-count {
background-color: #000;
color: #fff;
display: inline-block;
float: right;
font-size: 16px;
font-weight: 700;
line-height: 40px;
padding: 0 10px;
text-align: center;
width: 40px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-radius: 100%;
}
.category-widget-description,
.category-latest-article .entry-title {
margin-top: 15px;
margin-bottom: 0;
}
.author-widget-details .profile-data-bg {
border-radius: 100%;
border: 5px solid #fff;
height: 160px;
margin: 0 auto;
width: 160px;
}
.data-bg-enable.author-widget-details .profile-data-bg {
margin-top: -80px;
}
.author-widget-details .author-content {
text-align: center;
}
.author-content .entry-title {
margin-top: 10px;
}
.author-widget-details .author-social-profiles {
margin-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.author-widget-details .author-social-profiles > a {
display: inline-block;
margin: 0 5px;
}
.author-widget-details .author-social-profiles .svg-icon {
color: #fff;
height: 30px;
line-height: 30px;
width: 30px;
outline: 2px solid;
padding: 8px;
outline-offset: 3px;
}
.author-widget-details .author-social-profiles a:hover .svg-icon,
.author-widget-details .author-social-profiles a:focus .svg-icon {
background: #000;
}
.theme-social-widget ul li {
margin: 2px 0;
display: inline-block;
vertical-align: middle;
}
.theme-social-widget ul li a {
background: #000;
color: #fff;
width: 50px;
height: 50px;
display: block;
line-height: 50px;
text-align: center;
}
.theme-social-widget ul li a:hover,
.theme-social-widget ul li a:focus {
filter: alpha(opacity=90);
opacity: 0.9;
color: #fff;
}
.theme-social-widget ul li .svg-icon {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
} .entry-breadcrumb {
margin-bottom: 4rem;
}
.breadcrumbs {
font-size: 1.6rem;
margin: 0 auto 20px;
}
@media (max-width: 767px) {
.site-topbar,.header-wrapper{
text-align: center;
}
.page-template-frontpage #info-header{
margin-bottom: 0px !important;
}
#top-header{
background: var(--global-color);
}
.custom-navigation{
display: none !important;
}
.header-wrapper, .header-wrapper .header-areas-left, .header-wrapper .header-areas-center, .header-wrapper .header-areas-right{
display: grid;
justify-content: unset;
}
.header-wrapper .header-areas-left,.header-wrapper .header-areas-right {
justify-content: unset;
display: flex;
justify-content: center;
align-items: center;
}
.navbar-controls{
justify-content: center;
}    
.aboutus-box{
display: block !important;
}
.progress-box {
width: 100% !important;
}
.banner-product-section .ht-products{
height: 175px !important;
}
.banner-right-bottom{
background-image: none !important;
background-color: #FEFAF0;
}
}
.breadcrumbs a {
color: #2A2E39;
}
.breadcrumbs ul {
list-style: none;
margin: 0 auto;
padding: 0;
}
.breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ul .trail-item span {
position: relative;
}
.breadcrumbs ul .trail-item.trail-begin span {
padding-left: 0;
}
.breadcrumbs ul li span:before {
content: "/";
margin: 0 6px;
color: rgba(0, 0, 0, 0.24);
}
.breadcrumbs ul .trail-item.trail-begin span:before {
content: none;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.single .post-thumbnail {
margin-bottom: 2rem;
padding-bottom: 2rem;
}
@media (max-width: 991px) {
.entry-header-1 .entry-title {
font-size: 4rem;
}
.theme-menu a:focus,.theme-menu button:focus{
outline-color: #000000 !important;
outline: 2px solid #000000 !important;
}
}
@media (max-width: 575px) {
.entry-header-1 .entry-title {
font-size: 3rem;
}
}
.entry-title a {
color: inherit;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.wrapper,
.wrapper-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.wrapper {
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1400px) {
.wrapper-fluid {
max-width: 90%;
}
.plant-banner-top h2{
font-size: 190px !important;
}
}
@media (min-width: 992px) {
.wrapper {
max-width: 1140px;
}
}
@media only screen and (min-width: 1441px) {
.wrapper {
max-width: 1400px;
}
}
@media screen and (min-width:1700px) and (max-width:1900px){
.wrapper{
max-width: 1520px;
}
}
@media screen and (min-width:1920px) {
.wrapper{
max-width: 1520px;
}
}
.column-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.column-row-collapse {
margin-right: 0;
margin-left: 0;
}
.column-row-small {
margin-right: -5px;
margin-left: -5px;
}
.column {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.column-row-collapse .column {
padding-right: 0;
padding-left: 0;
}
.column-row-small .column {
padding-right: 5px;
padding-left: 5px;
}
.column-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.column-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.column-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.column-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.column-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.column-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.column-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.column-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.column-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.column-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.column-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.column-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 992px) {
.column-order-1 {
-ms-flex-order: 1;
order: 1;
}
.column-order-2 {
-ms-flex-order: 2;
order: 2;
}
.column-order-3 {
-ms-flex-order: 3;
order: 3;
}
}
@media (max-width: 991px) {
.column-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.column-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.column-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.column-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (max-width: 767px) {
.column-xs-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.column-xs-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.column-xs-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.column-xs-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.hidden-xs-screen {
display: none;
visibility: hidden;
opacity: 0;
}
}
.archive-main-block {
border-top: 1px solid;
border-color: #ededed;
}
.single-product .content-area {
width: 100%;
}
.content-area {
position: relative;
padding-right: 15px;
padding-left: 15px;
padding-top: 3rem;
width: 100%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
@media (max-width: 1400px) {
.content-area {
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
}
}
@media (max-width: 1024px) {
.content-area {
-ms-flex-order: 1;
order: 1;
}
}
.no-sidebar .content-area {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.left-sidebar .content-area #site-content {
padding-left: 2%;
}
.widget-area {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 1400px) {
.widget-area {
-ms-flex: 0 0 35%;
flex: 0 0 35%;
max-width: 35%;
}
}
@media (max-width: 1024px) {
.widget-area {
-ms-flex-order: 2;
order: 2;
padding: 0 15px;
}
}
.widget-area-wrapper {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
z-index: 0;
font-size: 1.6rem;
padding-top: 4rem;
}
.widget-area-wrapper .widget {
border-bottom: 1px solid;
}
.widget-area-wrapper .widget:last-child {
border-bottom: none;
}
.left-sidebar .widget-area {
border-right: 1px solid;
}
.left-sidebar .widget-area-wrapper .widget {
margin-right: 40px;
}
@media (max-width: 1400px) {
.left-sidebar .content-area #site-content {
padding-left: 0;
}
}
@media (max-width: 1024px) {
.left-sidebar .widget-area-wrapper {
padding-right: 0;
border-right: none;
}
.left-sidebar .widget-area-wrapper .widget {
margin-right: 0;
}
.left-ind-div{
top: 47%;
}
}
.right-sidebar .content-area {
-ms-flex-order: 1;
order: 1;
}
.right-sidebar .widget-area {
border-left: 1px solid;
-ms-flex-order: 2;
order: 2;
}
.right-sidebar .widget-area-wrapper .widget {
margin-left: 40px;
}
.right-sidebar .content-area #site-content {
padding-right: 2%;
padding-left: 0;
}
@media (max-width: 1400px) {
.right-sidebar .content-area #site-content {
padding-right: 0;
}
}
@media (max-width: 1024px) {
.right-sidebar .widget-area-wrapper {
border-left: 0;
padding-left: 0;
}
.right-sidebar .widget-area-wrapper .widget {
margin-left: 0;
}
}
.widget-title,
.widget_block .wp-block-group > .wp-block-group__inner-container > h2 {
text-transform: capitalize;
border-bottom: 1px solid;
padding-bottom: 2rem;
margin-bottom: 2rem;
}
.widget-area-wrapper .widget_recent_entries ul li a {
background-image: linear-gradient(180deg, transparent 94%, #000 0);
background-size: 0% 100%;
background-repeat: no-repeat;
-webkit-transition: background-size 0.4s ease;
-moz-transition: background-size 0.4s ease;
transition: background-size 0.4s ease;
}
.widget-area-wrapper .widget_recent_entries ul li a:hover {
text-decoration: none;
background-size: 100% 100%;
}
.widget-area-wrapper ul li a:hover {
color: var(--global-color);
}
@media (max-width: 1024px) {
.content-area,
.widget-area {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.alignnone,
.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
.alignwide,
.alignfull {
margin-bottom: 6rem;
margin-top: 6rem;
}
.alignleft {
margin: 0.5rem 2.5rem 2.5rem 0;
}
.alignright {
margin: 0.5rem 0 2.5rem 2.5rem;
}
@media only screen and (min-width: 1400px) {
.entry-content .alignwide {
margin-left: -2rem;
margin-right: -2rem;
}
}
.alignfull > figcaption,
.alignfull > .wp-caption-text {
width: calc(100% - 8rem);
}
.entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1.2rem;
text-transform: uppercase;
}
.entry-meta-center {
justify-content: center;
}
.entry-meta-item,
.entry-meta .cat-links a {
position: relative;
}
.cat-links {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.entry-meta .cat-links a {
display: inline;
background-repeat: no-repeat;
background-size: 100% 100%;
padding-right: 1rem;
margin-right: 0.5rem;
}
.entry-meta .cat-links a:hover:not(.entry-meta .cat-links a:first-child) {
opacity: 0.6;
}
.entry-meta .cat-links a::before,
.entry-meta-item::before {
position: absolute;
content: "/";
top: 50%;
transform: translateY(-50%);
right: 0;
font-weight: 600;
color: #000;
}
.entry-meta .cat-links a:last-child {
margin-right: 0;
padding-right: 0;
}
.entry-meta .cat-links a:last-child::before {
display: none;
}
.entry-meta .cat-links a:first-child {
color: var(--global-color);
}
.entry-meta .cat-links a:first-child:hover,
.entry-meta .cat-links a:first-child:focus {
color: #000;
}
.entry-meta .entry-meta-item {
margin: 0 1rem 1rem 0;
padding-right: 1.5rem;
}
.entry-meta .entry-meta-item:last-child {
margin-right: 0;
padding-right: 0;
}
.entry-meta .entry-meta-item:last-child::before {
display: none;
}
.entry-meta-left .entry-meta-avatar {
width: 40px;
border-radius: 50%;
margin-bottom: 0;
margin-right: 1rem;
overflow: hidden;
}
.entry-meta .entry-meta-right .entry-meta-item {
font-size: 1.4rem;
line-height: 1.5;
margin-bottom: 0;
}
.entry-meta-wrapper {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
.entry-meta-item .entry-meta-icon {
margin-right: 1rem;
}
.entry-meta-label {
margin-right: 5px;
}
.post-navigation {
border-style: solid;
border-width: 0.1rem 0;
}
.post-navigation .nav-links {
display: flex;
}
.post-navigation .nav-links > div + div {
margin-top: 1rem;
}
.post-navigation a {
align-items: baseline;
display: flex;
text-decoration: none;
}
.post-navigation .arrow {
margin-right: 1rem;
}
@media (max-width: 767px) {
.post-navigation .nav-links {
display: block;
}
.navigation-wrapper .post-navigation .nav-links > div {
max-width: 100%;
margin: 2rem 0;
}
} .post-thumbnail,
.theme-article-image,
.entry-thumbnail {
position: relative;
overflow: hidden;
}
.site-content .article-wraper-archive {
display: grid;
gap: 20px;
}
.site-content .article-wraper-archive .theme-article-post {
position: relative;
width: 100%;
overflow: hidden;
word-wrap: break-word;
hyphens: auto;
}
.site-content .content-area .theme-article-image {
margin-bottom: 2rem;
} .post-navigation {
font-size: 1.8rem;
padding: 3.5rem 0;
margin-bottom: 5rem;
margin-top: 5rem;
}
@media (max-width: 1024px) {
.post-navigation {
margin-bottom: 3rem;
}
}
.post-navigation .nav-links {
flex-direction: row;
justify-content: space-between;
}
.post-navigation .nav-links > div {
max-width: calc(50% - 2rem);
}
.post-navigation .nav-links > div + div {
margin: 0 0 0 4rem;
}
.post-navigation .arrow {
margin: 0 2rem 0 0;
}
.post-navigation .nav-next:only-child {
margin-left: auto;
}
.post-navigation .nav-next a {
flex-direction: row-reverse;
text-align: right;
}
.post-navigation .nav-next .arrow {
margin: 0 0 0 2rem;
}
.theme-ajax-post-load {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 6rem;
}
.pagination {
margin-top: 3.25rem;
margin-bottom: 3.25rem;
text-align: center;
}
.pagination a {
color: inherit;
}
.pagination .page-numbers {
display: inline-block;
margin-right: 1.25em;
color: #abadaf;
}
.pagination .page-numbers.current {
color: #161719;
}
.pagination .page-numbers:last-child {
margin-right: 0;
}
@media only screen and (min-width: 600px) {
.pagination .prev:after,
.pagination .next:before {
position: relative;
display: inline-block;
width: 2.25rem;
height: 1px;
content: "";
vertical-align: middle;
background-color: #eaebee;
}
.pagination .prev:after {
margin-left: 1.25em;
}
.pagination .next:before {
margin-right: 1.25em;
}
} .twp-comment-toggle {
text-align: left;
position: relative;
width: 100%;
}
.comment-toggle-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 45px;
z-index: 1;
padding: 0 10px;
display: inline-block;
line-height: 1px;
}
.comment-toggle-icon.active:after {
width: 13px;
height: 1px;
}
.comment-toggle-icon:before,
.comment-toggle-icon:after {
content: "";
width: 13px;
height: 1px;
background-color: #fff;
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.comment-toggle-icon:after {
width: 1px;
height: 13px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
#comments .comments-title {
margin-bottom: 60px;
font-size: 26px;
}
.page #comments .comments-title {
margin-top: 60px;
}
#comments .comment-list {
list-style: none;
margin: 40px auto;
padding: 0;
}
#comments .comment-list li {
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
#comments .comment-list li article {
padding: 0;
margin-bottom: 20px;
}
#comments .comment-list .children {
list-style: none;
margin: 0;
padding-left: 30px;
position: relative;
}
#comments .comment-list .children li {
margin: 0;
border: none;
}
#comments .comment-list .comment-content li {
margin-bottom: 10px;
border: none;
}
#comments .comment-list .comment-content h1,
#comments .comment-list .comment-content h2,
#comments .comment-list .comment-content h3,
#comments .comment-list .comment-content h4,
#comments .comment-list .comment-content h5,
#comments .comment-list .comment-content h6 {
margin-bottom: 30px;
margin-top: 30px;
}
#comments .comment-body {
min-height: 60px;
display: block;
position: relative;
clear: both;
}
#comments .comment-body p:last-child {
margin-bottom: 0;
}
#comments .comment-body footer {
margin-bottom: 20px;
}
#comments .comment-body footer a {
color: inherit;
}
#comments .comment-author img {
float: left;
margin-right: 20px;
}
#comments .comment-author .fn {
font-weight: 700;
font-style: normal;
line-height: normal;
display: inline-block;
padding-top: 5px;
}
#comments .comment-author .says {
display: none;
}
#comments .comment-meta .comment-metadata {
font-size: 85%;
margin-top: 5px;
filter: alpha(opacity=70);
opacity: 0.7;
}
#comments .comment-meta .comment-metadata .edit-link {
margin-left: 10px;
}
#comments .reply {
margin-top: 20px;
}
#comments .comment-reply-link {
font-weight: 600;
text-decoration: none;
}
#comments .comment-reply-link:hover {
filter: alpha(opacity=85);
opacity: 0.85;
}
#comments .comment-reply-link:hover:after {
margin-left: 13px;
}
#comments .comment-form {
margin-top: 15px;
}
#comments .comment-form p {
margin-bottom: 10px;
}
#comments .comment-form p:last-child {
margin-bottom: 0;
}
#comments .comment-list #respond {
margin: -20px 0 40px 0;
}
#comments .comment-form-info-fields {
margin-bottom: 25px;
}
#comments p.form-submit {
clear: both;
}
#comments span.required {
color: #ff7979;
}
#comments .comment-awaiting-moderation {
color: #db6a23;
font-size: 85%;
}
#comments p.comment-notes,
#comments p.logged-in-as,
#comments p.must-log-in {
margin-bottom: 30px;
font-size: 90%;
}
#comments p.form-allowed-tags {
margin-bottom: 25px;
font-size: 14px;
}
#comments h3.comment-reply-title {
font-size: 18px;
margin-bottom: 5px;
clear: both;
}
#comments ol li h3.comment-reply-title {
margin-top: 60px;
}
#comments h3.comment-reply-title #cancel-comment-reply-link {
display: inline-block;
margin-left: 10px;
text-transform: none;
font-size: 14px;
font-weight: 600;
filter: alpha(opacity=60);
opacity: 0.6;
}
#comments .comment-form p.form-submit {
margin-bottom: 0;
margin-top: 30px;
}
#comments .comment-form .comment-subscription-form,
#comments .comment-form .comment-subscription-form:only-child {
font-size: 14px;
margin-top: 20px;
}
#comments .comment-form .comment-subscription-form:last-child {
margin-top: 0;
}
@media (min-width: 600px) {
.comments-area .comment-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.comments-area .comment-form-comment {
margin-bottom: 1.5rem;
}
.comments-area .comment-notes,
.comments-area .comment-form-comment,
.comments-area .logged-in-as {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 1.5rem;
}
.comments-area .comment-form-author,
.comments-area .comment-form-ratings,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
-webkit-box-flex: 0;
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 1.5rem;
}
.comments-area .comment-form-author,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.comments-area .comment-form-ratings {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.comments-area .comment-form-cookies-consent,
.comments-area .comment-subscription-form {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
}
.form-submit {
margin: 0;
}
@media (min-width: 600px) {
.form-submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
padding-right: 20px;
padding-left: 20px;
}
} .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
}
.infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.wp-custom-logo .site-logo {
margin: 0;
}
@media (max-width: 575px) {
.wp-custom-logo .site-logo .custom-logo-link {
max-width: 200px
}
}
.custom-logo-link {
display: block;
margin-bottom: 1.5rem;
} .wp-caption {
margin: 1em 0 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-caption.alignleft {
margin-right: 20px;
}
.wp-caption.alignright {
margin-left: 20px;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5rem;
}
@media (min-width: 600px) {
div[class^="gallery-columns-"],
div[class*=" gallery-columns-"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
@media (min-width: 600px) {
.gallery-columns-2 .gallery-item {
max-width: 50%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-4 .gallery-item {
max-width: 25%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-5 .gallery-item {
max-width: 20%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
position: relative;
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
}
.gallery-caption {
display: block;
}
.header-titles h1,
.header-titles h2{
margin: 0px !important;
} .footer-widgetarea {
border-top: 1px solid;
padding-bottom: 5rem;
padding-top: 7.5rem;
}
.footer-widgetarea button{
padding: 1rem 2rem;
}
.site-info {
border-top: 1px solid;
padding: 6rem 0;
font-size: 1.6rem;
font-weight: 300;
}
.footer-credits {
align-items: baseline;
display: flex;
flex-shrink: 0;
justify-content: flex-start;
}
.footer-credits a {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.footer-widgetarea {
padding-bottom: 3rem;
padding-top: 3rem;
}
.site-info {
padding: 3rem 0;
}
} .wp-block-gallery.columns-1 {
display: block;
}
ul.wp-block-gallery.columns-1,
.wp-block-gallery .blocks-gallery-grid,
.wp-block-gallery {
list-style: none;
padding: 0;
margin: 0 auto;
}
.featured-banner-media img {
width: 100vmax;
z-index: -1;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
pointer-events: none;
}
.site-navigation,
.offcanvas-main-navigation li,
.offcanvas-main-navigation .sub-menu,
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle,
.post-navigation,
.widget .tab-head .twp-nav-tabs,
.widget-area-wrapper .widget,
.footer-widgetarea,
.site-info,
.site-content .widget-area,
.widget-title,
.widget_block .wp-block-group > .wp-block-group__inner-container > h2,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
border-color: #ededed;
}
body.hide-comment-rating .tpk-single-rating,
body.hide-comment-rating .tpk-comment-rating-label,
body.hide-comment-rating .comments-rating,
body.hide-comment-rating .tpk-star-rating {
display: none;
} .elementor-html .preloader {
display: none;
}
.offcanvas-wraper,
.header-searchbar-inner {
background: #ffffff;
}
#comments .comment-body .comment-content,
#comments .comment-reply-link,
#comments p.comment-notes,
#comments p.logged-in-as,
#comments p.must-log-in {
font-size: 95%;
line-height: 1.8;
} .align-text-right {
text-align: right;
}
.to-the-top > * {
pointer-events: none;
}
.theme-article-post .entry-footer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 3rem;
width: 100%;
}
.theme-article-post .entry-title {
position: relative;
margin-bottom: 2rem;
transition: all 0.3s cubic-bezier(0.72, 0.16, 0.345, 0.875);
}
.theme-article-post .entry-header h2{
line-height: 20px;
margin-bottom: 15px !important;
}
.theme-article-post .entry-header h2 a{
font-size: 20px;
font-weight: 700;
color: var(--secondary-color);
}
.theme-article-post .entry-header h2:hover a,.theme-article-post .entry-header h2 a{
text-decoration: none;
background-image: none !important;
}
.theme-custom-block.theme-error-section.error-block-heading {
margin-bottom: 0;
margin-top: 6rem;
padding-top: 6rem;
}
.theme-area-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 6rem;
}
@media (max-width: 991px) {
.theme-area-header {
flex-direction: column;
align-items: flex-start;
}
}
.theme-area-headlines {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.theme-area-headlines {
margin-bottom: 2rem;
flex-direction: column;
width: 100%;
}
}
.theme-area-headlines .theme-area-title {
font-size: 4.4rem;
margin-bottom: 0;
}
@media (max-width: 991px) {
.theme-area-headlines .theme-area-title {
margin-bottom: 1rem;
}
}
@media (max-width: 575px) {
.theme-area-headlines .theme-area-title {
font-size: 3rem;
}
}
.theme-animated-line {
width: 30rem;
height: 2px;
background: transparent;
position: relative;
}
.theme-animated-line::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10rem;
height: 100%;
background: #000;
animation: animate 5s linear infinite;
}
@keyframes animate {
0% {
left: 0;
}
50% {
left: 100%;
}
0% {
left: 0;
}
}
@media (max-width: 991px) {
@keyframes animate {
0% {
left: 0;
}
50% {
left: 67%;
}
0% {
left: 0;
}
}
}
.theme-carousel-control {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
@media (max-width: 991px) {
.theme-carousel-control {
margin-right: auto;
}
}
.featured-categories-block .theme-carousel-control {
justify-content: center;
}
.theme-carousel-control .svg-icon {
width: 32px;
height: 32px;
}
.theme-related-block {
margin-top: 2rem;
padding-top: 2rem;
}
.related-posts .related-post-item {
margin-bottom: 2rem;
padding-bottom: 2rem;
}
@media (max-width: 991px) {
.theme-related-block .related-posts .post-thumbnail {
margin-bottom: 2rem;
}
ul.sub-menu.submenu-toggle-active{
background: transparent !important;
}
} .main-carousel-item {
pointer-events: none;
width: 670px;
}
@media only screen and (max-height: 900px) {
.main-carousel-item {
width: 670px;
}
}
@media only screen and (max-width: 768px) {
.main-carousel-item {
width: 580px;
}
}
@media only screen and (max-width: 580px) {
.main-carousel-item {
margin-top: 2rem;
width: 100%;
}
}
@media screen and (min-width: 1500px) {
.main-carousel-item {
width: 1100px;
}
}
.theme-main-carousel .swiper-slide-active {
pointer-events: all;
}
@-webkit-keyframes reveal-carousel-primary {
100% {
transform: translateX(100%);
}
}
@keyframes reveal-carousel-primary {
100% {
transform: translateX(100%);
}
}
@-webkit-keyframes reveal-carousel-secondary {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes reveal-carousel-secondary {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@-webkit-keyframes reveal-carousel-tertiary {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
@keyframes reveal-carousel-tertiary {
0% {
transform: translateX(-100%);
}
50% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
}
.main-carousel-caption h6 {
font-family: Satisfy;
font-weight: 400;
font-size: 20px;
text-transform: capitalize;
color: #FFFFFF;
}
@media (max-width: 575px) {
.course-heading-block,.course-content-block {
width: 100%;
}
.owl-nav{
display: none !important;
}
.theme-header-areas.header-areas-right.header-contact.cc {
width: calc(100% - 50px) !important;
}
.theme-header-areas.header-areas-right.bb{
width: 50px !important;
}
.theme-header-areas.header-areas-right.header-contact.cc{
gap:10px;
align-items: center;
justify-content: right;
}
#top-header .theme-header-areas.header-areas-right span, #top-header .theme-header-areas.header-areas-right p, #top-header .theme-header-areas.header-areas-right.side-border span a{
font-size: 13px;
}
.page-template-frontpage header#site-header{
position: static;
}
.main-carousel-caption .post-content {
right: 10%;
left: 10%;
text-align: center;
}
.page-template-frontpage #info-header{
margin-bottom: 10px;
}
.team-box {
width: 80% !important;
justify-content: center !important;
margin-top: 15px !important;
position: relative !important;
bottom: 0px;
margin-bottom: 15px !important;
}
.support-box ,.percent-box {
position: relative !important;
top: 0px;
box-shadow: -16px 7px 32px 0px #00000039;
width: 100% !important;
left: 0px;
}
.product-section .woolentor-product-grid-modern {
grid-template-columns: repeat(1, 1fr) !important;
}
}
@media (max-width: 767px) {
.center-text p span {
font-size: 34px !important;
}
.banner-content-left {
margin-right: 0px !important;
top: 0px !important;
margin-bottom: 30px !important;
text-align: center !important;
}
.banner-btn{
text-align: center !important;
}
.banner-content-right-box {
top: 0px;
left: 0px;
margin-top: 30px !important;
}
.banner-content-left h2{
text-align: center !important;
}
.slider-image{
text-align: center !important;
justify-content: center !important;
}
header#site-header .wrapper.header-wrapper {
align-items: center;
text-align: center;
}
.scroll-btn {
width: 40px !important;
} .frontpage-static .hero{
display: block;
}
.team-badge {
position: relative;
left: 0px;
margin: 25px 0px;
bottom: 0px;
text-align: center;
}
.team-badge .avatars{
justify-content: center;
}
.social-icons {
position: relative;
flex-direction: row;
margin: 68px 0px;
justify-content: center;
top: -50px;
transform: none;
right: 0px;
}
.services-grid{
display: block;
}
.service-card{
margin-bottom: 30px;
}
.scroll-box{
margin-top: 40px;
}
.hero-right .btns a{
margin-bottom: 10px;
}
.hero-right{
text-align: center;
margin-top: 30px;
}
.hero-column{
display: block;
}
.hero-left{
width: 100%;
display: block;
margin-bottom: 20px;
}
.hero-text h2{
font-size: 30px;
}
.hero-text{
width: 100%;
}
.hero-image,.hero-right{
width: 100%;
}
.hero-image img {
height: 300px;
}
.sale-card h2 {
font-size: 68px;
top: 11px;
}
.discount-badge {
width: 75px;
top: 32%;
font-size: 25px;
}
.product-section{
display: block;
}
.testimonial-main{
width: 100%;
margin-bottom: 20px;
}
.product-main{
width: 100%;
}
.product-box{
display: block;
}
.product-card{
width: 100%;
margin-bottom: 20px;
} .theme-header-areas.header-areas-right.cc {
justify-content: center;
}
.sale-box {
right: 5px;
position: absolute !important;
width: 78px !important;
top: 25%;
z-index: 1 !important;
padding: 5px 10px !important;
}
.theme-videos-block .owl-dots{
display: none;
}
.slider-left-box .banner-main-right{
padding-top: 30px !important;
}
.slider-left-box h2 {
font-size: 24px !important;
line-height: 30px !important;
}
.owl-nav{
display: none !important;
}
.banner-content{
padding: 0px !important;
}
.slider-image .small-image {
left: 53% !important;
}
.banner-column{
padding: 0px 20px !important;
}
.banner-content h2,.banner-content p,.banner-content h4{
text-align: center;
}
.banner-btn{
justify-content: center !important;
}
.theme-videos-block {
margin-bottom: 85px !important;
}
.ser-icon{
max-width: 70px !important;
max-width: 70px !important;
}
.social-icon-box {
position: relative !important;
top: 0px;
transform: none;
left: 0px;
right: 0px;
margin: 0 auto !important;
width: auto !important;
margin-top: 10px !important;
}
.banner-main-image{
width: 100% !important;
}
.banner-main-image img{
height: 400px !important
}
.social-icon-box .elementor-social-icons-wrapper{
display: flex !important;
}
.about-image img{
height: 300px !important
}
.support-box,.percent-box{
text-align: center !important;
}
.service-box{
text-align: center !important;
}
.service-box ul li{
justify-content: center !important;
}
.service-box .about-heading  {
display: block;
margin: 0 auto !important;
margin-bottom: 10px !important;
}
.service-box p{
font-size: 14px !important;
}
.support-icon{
width: 40px !important;
}
.slider-image img {
width: 100%;
height: 300px !important;
}
.banner-content p{
font-size: 13px !important;
}
.header-menu-box{
border-radius: 0px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.stroke-text-slider h2 {
font-size: 60px !important;
}
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-prev-arrow.wpr-testimonial-arrow.slick-arrow,
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-next-arrow.wpr-testimonial-arrow.slick-arrow,
.ht-products button.slick-next.slick-arrow, .ht-products button.slick-prev.slick-arrow{
display: none !important;
}
.banner-image img {
width: 92%;
height: 346px !important;
object-fit: cover;
}
.stroke-text-slider {
left: -69px;
bottom: 34%;
}
.header-logo{
padding-bottom: 20px !important;
}
.elementor-element.elementor-position-left.location-box-icon.elementor-view-default.elementor-mobile-position-top.elementor-widget.elementor-widget-icon-box{
justify-content: center !important;
display: flex;
left: 0px !important;
margin: 0 auto;
}
.topbar-box{
gap:0px !important;
}
.header-btn-box{
justify-content: center !important;
padding-bottom: 10px !important;
}
.elementor-element.elementor-position-left.location-box-icon.elementor-view-default.elementor-mobile-position-top.elementor-widget.elementor-widget-icon-box .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: row;
align-items: center !important;
}
.header-right-box {
width: 100%;
padding: 15px 10px;
margin: 10px 0px;
}
.page-template-frontpage #site-header{
position: relative;
}
.aa, .cc, .bb {
width: 100% !important;
justify-content: center;
}
.main-carousel-caption .post-content {
width: 100%;
text-align: center;
}
.theme-image-responsive{
z-index: 0 !important;
}
#info-header .theme-header-areas{
border-right: 0px;
padding-right: 0px;
}
}
@media screen and (min-width : 576px) and (max-width : 767px) {
.header-navbar{
display: block !important;
}
.support-box {
left: 0%;
}
.percent-box {
right: 0px;
}
.banner-content{
margin-bottom: 30px !important;
}
.small-image{
right: 0px;
top: 50px !important;
}
.about-image{
text-align: center !important;
}
.about-image .elementor-widget-image{
text-align: center !important;
}
.about-image img{
width: 50% !important;
max-width: 50% !important;
margin: 0 auto !important;
}
.banner-column{
display: flex !important;
min-height: 320px !important;
}
.header-right-box{
margin: 0px !important;
}
.banner-image img{
height: 400px !important;
object-fit: contain;
}
.product-section .woolentor-product-grid-modern {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media screen and (min-width : 768px) and (max-width : 991px) { .team-box {
width: 33% !important;
}
.banner-column{
width: 95% !important;
}
.banner-content-left {
margin-right: -67px !important;
}
.banner-content-right-box {
left: -27px;
width: 100% !important;
}
.banner-content-right-box h2{
font-size: 12px !important
}
.social-icon-box {
position: relative !important;
top: -20px;
transform: none;
left: 0;
width: auto !important;
margin-top: 10px !important;
}
.slider-image .small-image img{
display: none;
}
.header-wrapper .header-areas-right{
justify-content: center;
}
.hero-text h2 {
font-size: 36px;
}
.hero-text p {
font-size: 17px;
}
.hero-image img {
width: 100%;
}
.discount-badge {
width: 56px;
top: 34%;
right: 8px;
font-size: 17px;
}
.sale-card h2 {
font-size: 44px;
top: 35px;
}
.support-box {
top: 30%;
width: 70% !important;
}
.percent-box{
width: 60% !important;
} .wrapper.header-wrapper {
width: 95% !important;
}
.slider-left-box{
width: 70% !important;
}
.main-box-banner-right{
width: 30% !important;
}
.sale-tag h2{
font-size: 50px !important;
}
.owl-nav{
left: 8%;
}
.stroke-text-slider {
bottom: 15%;
}
.stroke-text-slider h2{
font-size: 100px !important;
}
.banner-content p{
font-size: 14px !important;
}
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-prev-arrow.wpr-testimonial-arrow.slick-arrow,
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-next-arrow.wpr-testimonial-arrow.slick-arrow{
display: none !important;
}
.theme-header-areas.header-areas-right.header-contact.cc{
width: 50% !important;
}
.theme-banner-block .main-carousel-caption {
right: 35%;
}
.location-box-icon h3{
font-size: 12px !important;
}
.header-button-box a{
display: inline-block;
}
.ht-products button.slick-prev.slick-arrow {
right: 10% !important;
left: auto !important;
}
.header-titles .custom-logo-name{
font-size: 23px;
}
.theme-header-areas.header-areas-left.aa {
padding: 20px 0px;
text-align: left;
}
#top-header .theme-header-areas.header-areas-right span, #top-header .theme-header-areas.header-areas-right p, #top-header .theme-header-areas.header-areas-right.side-border span a{
font-size: 13px;
}
.elementor-element.e-con-full.header-menu-box.e-flex.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-child {
--width: 59%;
}
.header-btn-box{
gap:0px !important;
}
.header-btn-box .elementor-widget-button a{
padding: 15px 8px;
}
.main-carousel-caption .post-content {
width: 90%;
}
#top-header {
background: rgba(0, 0, 0, 0) linear-gradient(90deg, var(--global-color) 70%, var(--global-color) 30%) repeat scroll 0 0;
}
#info-header .theme-header-areas {
border-right: 0px; 
padding-right: 0px; 
}
.theme-image-responsive{
z-index: 0 !important;
}
.main-carousel-caption .post-content {
right: 33%;
}
#info-header .header-wrapper {
display: grid;
grid-template-columns: auto auto !important;
row-gap: 20px;
}
.aa, .cc, .bb {
width: 33% !important;
}
.product-section .woolentor-product-grid-modern {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media screen and (min-width : 992px) and (max-width : 1200px) {
#info-header .theme-header-areas {
border-right: 0px;
padding-right: 0px;
}
.center-text p{
font-size: 40px !important
}
.theme-videos-block:after {
top: 36%;
}
.center-text p span {
font-size: 40px !important;
}
.support-box {
top: 30%;
width: 54% !important;
}
.banner-column{
width: 90% !important;
}
.banner-content-right-box{
width: 100% !important;
}
.percent-box{
width: 50% !important;
}
.team-box {
width: 23% !important;
}
.social-icon-box {
position: relative !important;
top: -20px;
transform: none;
left: 0;
width: auto !important;
margin-top: 10px !important;
}
.slider-left-box h2 {
font-size: 33px !important;
line-height: 40px !important;
}
.discount-badge {
width: 56px;
top: 34%;
right: 8px;
font-size: 17px;
}
.stroke-text-slider {
bottom: 18%;
}
.ht-products button.slick-prev.slick-arrow {
right: 8% !important;
}
.owl-nav {
left: 6%;
}
.header-btn-box{
gap:5px !important;
}
.header-titles .custom-logo-name {
font-size: 26px;
}
.stroke-text-slider h2{
font-size: 108px !important;
}
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-prev-arrow.wpr-testimonial-arrow.slick-arrow,
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-next-arrow.wpr-testimonial-arrow.slick-arrow{
display: none !important;
}
.theme-videos-block .elementor-element.elementor-element-f687a0f {
--content-width: 1200px !important;
}
.aa {
width: 25% !important;
}
.theme-header-areas.header-areas-right.header-contact.cc{
width: 20% !important;
}
.product-section .woolentor-product-grid-modern {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media screen and (min-width : 300px) and (max-width : 768px) {
.left-side-image{
left: 18% !important;
top: 175px !important;
}
.right-side-image{
right: 0% !important;
}
}
@media screen and (min-width : 1201px) and (max-width : 1440px) {
.header-btn-box .elementor-widget-button a{
padding: 15px 15px;
}
.support-box {
top: 30%;
width: 42% !important;
left: 0px;
}
.banner-column {
width: 70% !important;
}
.banner-content-right-box{
width: 100% !important;
}
.banner-content-right-box {
left: -27%;
}
.banner-content-left {
position: relative;
margin-right: -70% !important;
top: 40px;
}
.percent-box{
width: 36% !important;
right: 0px;
}
.team-box {
width: 23% !important;
}
.team-box {
width: 19% !important;
}
.header-navbar{
overflow: hidden;
}
.discount-badge {
width: 56px;
top: 34%;
right: 8px;
font-size: 17px;
}
.header-right-box:after{
right: -150px;
width: 150px;
}
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-prev-arrow.wpr-testimonial-arrow.slick-arrow,
.wpr-testimonial-carousel-wrap .wpr-testimonial-arrow-container .wpr-testimonial-next-arrow.wpr-testimonial-arrow.slick-arrow{
display: none !important;
}
.theme-videos-block .elementor-element.elementor-element-f687a0f {
--content-width: 1120px !important;
}
.theme-header-areas.header-areas-right.header-contact.cc{
width: 35% !important;
}
.header-titles .custom-logo-name {
font-size: 20px;
}
.theme-header-areas.header-areas-left.aa {
padding: 16px 0px;
}
}
:root {
--global-color: var(--global-color);
--font-head: "Roboto", sans-serif;
--font-main: "Roboto", sans-serif;
--swiper-navigation-size: 2.6rem;
}
.theme-post-format {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
padding: 5px 10px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1;
z-index: 5;
}
.theme-article-post .column-order-1 .theme-post-format {
left: inherit;
right: 0;
}
.theme-post-format .post-format-icom {
margin-right: 5px;
}
.page-template-frontpage .theme-post-format{
display: none;
}
span.post-format-icom svg {
fill: #ffff !important;
} .js .show-js {
display: block !important;
}
.js .hide-js {
display: none !important;
}
.no-js .show-no-js {
display: block !important;
}
.no-js .hide-no-js {
display: none !important;
}
a:focus,
button:focus {
outline-color: #000;
}
.theme-post-format {
background-color: var(--global-color);
color: #fff;
}
.theme-image-responsive {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
position: absolute;
z-index: 0;
background: #00000038;
}
.tabcontent .theme-image-responsive {
background: unset;
}
.theme-image-responsive:focus {
border: 2px solid var(--global-color);
}
.article-content {
margin-top: 1.5rem;
}
.article-content .category-title {
font-weight: 400;
}
.column-row {
margin-bottom: 20px;
}
@media screen and (max-width:500px) {
footer#site-footer .column-9, footer#site-footer .column-3{
padding: 0;
}
}
.is-large .wc-block-checkout__sidebar.is-sticky {
position: relative !important;
} .navigation.posts-navigation {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0;
padding: 0;
}
.navigation.posts-navigation .nav-links {
display: flex;
justify-content: space-between;
width: 30%;
}
.navigation.posts-navigation .nav-previous, 
.navigation.posts-navigation .nav-next {
flex: 1;
text-align: center;
}
.navigation.posts-navigation .nav-previous a,
.navigation.posts-navigation .nav-next a {
display: inline-block;
padding: 10px 20px;
background-color: var(--global-color); color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.navigation.posts-navigation .nav-previous a:hover,
.navigation.posts-navigation .nav-next a:hover {
background-color: var(--global-color); } .navigation.pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
}
.navigation.pagination .nav-links {
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
margin-top: 30px;
}
.navigation.pagination .page-numbers {
display: inline-flex;
list-style: none;
padding: 7px;
margin: 0 5px;
background-color: #f1f1f1; color: var(--global-color); text-decoration: none;
font-size: 16px;
font-weight: 500;
border-radius: 50px;
transition: background-color 0.3s ease, transform 0.2s ease;
align-items: center;
justify-content: center;
cursor: pointer;
} .navigation.pagination .page-numbers:hover {
background-color: var(--global-color); color: #fff; transform: scale(1.02); }
.navigation.pagination a.page-numbers:hover,.navigation.pagination .page-numbers.dots:hover {
background-color: var(--global-color);
} .navigation.pagination .current {
background-color: var(--global-color); color: #fff; font-weight: bold;
} .navigation.pagination .prev,
.navigation.pagination .next {
padding: 10px 15px;
background-color: var(--global-color);
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: bold;
border-radius: 50px;
transition: background-color 0.3s ease, transform 0.2s ease;
cursor: pointer;
}
.navigation.pagination .page-numbers:hover .navigation.pagination .current{
background-color: var(--global-color); }
.navigation.pagination .nav-links:hover .navigation.pagination .current{
background-color: var(--global-color); } .navigation.pagination .prev:hover,
.navigation.pagination .next:hover {
background-color: var(--global-color); transform: scale(1.02); } .navigation.pagination .dots {
color: #999; font-size: 16px;
padding: 10px;
margin: 0 5px;
background-color: #f1f1f1;
border-radius: 50px;
} @media (max-width: 980px) {
.navigation.posts-navigation .nav-links {
width: 35%;
}
.aa,.cc,.bb{
width: 33%;
}
} @media (max-width: 600px) {
.site-content .article-wraper-archive {
grid-template-columns: 1fr !important;
}
footer#site-footer {
margin-top: 0px;
}
.aa,.cc,.bb{
width: 100%;
}
.navigation.pagination .page-numbers {
display: block;
}
ul.page-numbers li {
margin: 5px 0;
}
.navigation.posts-navigation .nav-links {
width: 60%;
}
.navigation.posts-navigation .nav-previous a, .navigation.posts-navigation .nav-next a {
padding: 5px 7px;
font-size: 14px;
}
}
@media (min-width: 1600px) {
.cate-nav-cont{
width: calc(100% + 80PX) !important;
z-index: 999;
}
}
@media (max-width: 1600px) {
.cate-nav-cont{
--position: static !important;
justify-content: center !important;
}
}
.site-content .article-wraper-archive .theme-article-post {
margin-bottom: 20px;
}
#single-page .post-thumbnail img{
object-fit: cover;
}
.is-large.wc-block-cart .wc-block-components-sidebar,.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-large{
padding: 0;
}
.wc-block-components-sidebar-layout{
flex-flow: column-reverse !important;
} 
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {
position: unset !important;
padding: 0 !important;
}
.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-large{padding: 0;}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
color: #000 !important;
}
.woocommerce-Address-title.title{
margin-bottom: 20px !important;
}
.woocommerce-account .addresses .title .edit{
float: left;
text-decoration: none !important;
padding: 5px;
}
.wc-block-components-sidebar-layout {
flex-flow: column-reverse !important;
} table {
width: 100%;
border-collapse: collapse;
text-align: center;
margin-bottom: 15px;
overflow-x: auto;
border: 1px solid #e8e8e8;
}
thead th {
text-align: center;
}
tbody td {
background: #f5f5f5;
border: 1px solid #e8e8e8;
text-align: center;
padding: 5px;
}
tbody td a {
text-decoration: underline !important;
color: #000;
}
tbody td:hover {
background: #fff;
}
tbody .pad {
background: none;
}
tfoot td.pad {
display: none;
}