:root {
--color-primary: #43A047;
--color-primary-dark: #2E7D32;
--color-primary-light: #A5D6A7;
--color-primary-muted: #66BB6A;
--bg-main: #ffffff;
--bg-surface: #f5f5f5;
--bg-card: #ffffff;
--text-main: #1f1f1f;
--text-inverse: #ffffff;
--shadow-primary: 0px 10px 30px 0 rgb(165 214 167 / 20%);
} html[data-theme="dark-mode"] {
--bg-main: #202121;
--bg-surface: #151821;
--bg-card: #202121;
} html[data-theme="dark-mode"] .wp-block-quote,
html[data-theme="dark-mode"] .basic-yop-poll-container .basic-inner {
background: var(--bg-surface) !important;
}
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-latest-posts li,
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-archives li {
background: var(--bg-card) !important;
}
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-latest-posts__post-title,
html[data-theme="dark-mode"]
.sidebar-widget-area
.wp-block-archives li a,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-message-text,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-question-title,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-text {
color: var(--text-inverse) !important;
} html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-inner::before,
html[data-theme="dark-mode"]
.basic-yop-poll-container
.basic-inner::after {
background: none !important;
} [data-theme="dark-mode"] .post-navigation .post-nav-title a:hover {
color: var(--color-primary);
}
[data-theme="dark-mode"] .entry-meta-tags a:hover {
color: var(--text-inverse);
} .elementor-section,
.e-con {
background-color: var(--bg-main);
}
.author .content-area {
padding-top: 80px !important;
} button,
.wp-element-button,
.elementor-button {
background: var(--color-primary);
color: var(--text-inverse);
border: 1px solid var(--color-primary);
transition: background 0.2s ease, box-shadow 0.2s ease;
}
button:hover,
.wp-element-button:hover,
.elementor-button:hover {
background: var(--color-primary-dark);
border-color: var(--color-primary-dark);
box-shadow: var(--shadow-primary);
}
.elementor-button {
background: var(--color-primary) !important;
border-color: var(--color-primary) !important;
}
a.button-style-1 {
position: relative;
background: transparent;
border: 1px solid var(--color-primary);
overflow: hidden;
}
a.button-style-1:hover {
background: var(--color-primary-dark);
border-color: var(--color-primary-dark);
box-shadow: var(--shadow-primary);
}
a.button-style-1::before {
background: none !important;
} .elementor-icon,
.elementor-icon svg,
.post-date i,
.post-meta i,
i.fas,
i.far,
i.fab {
color: var(--color-primary-muted);
fill: var(--color-primary-muted);
}
a i.fas,
a i.far,
a i.fab {
color: inherit !important;
} .post-tags a,
.elementor-post-info__terms-list a {
color: var(--color-primary-muted);
border-color: var(--color-primary-muted);
}
.post-tags a:hover,
.elementor-post-info__terms-list a:hover {
color: var(--text-inverse);
background: var(--color-primary-muted);
}
.category-style {
background: var(--color-primary-muted) !important;
} .rt-post-slider-default .rt-item .rt-image {
height: 250px;
overflow: hidden;
}
.rt-post-slider-default .rt-item .rt-image img,
.blog-box .blog-img-holder img {
width: 100%;
object-fit: cover;
}
.blog-box .blog-img-holder img {
max-height: 350px;
} .rt-post-slider-default .rt-item:hover .figure-overlay:after,
.rt-post-slider-default .figure-overlay:hover:after {
height: 150%;
}
.rt-related-post .blog-img-holder img {
height: 250px;
object-fit: cover;
width: 100%;
} html[data-theme="dark-mode"]
.elementor-element-e334056 {
background-image: none !important;
background-color: #000 !important;
}
.post-tab-layout ul.btn-tab li .active,
.post-tab-layout ul.btn-tab li a:hover {
color: var(--text-inverse);
}
.section-title .swiper-button .swiper-button-prev i,
.section-title .swiper-button .swiper-button-next i {
color: var(--text-inverse) !important;
}
.section-title .swiper-button .swiper-button-prev:hover i,
.section-title .swiper-button .swiper-button-next:hover i {
color: var(--color-primary) !important;
}
.rt-section-title .section-link-url:hover,
.rt-section-title .section-link-url:hover i {
color: inherit;
}
.header__switch__settings i::before,
.header__switch__dark i::before {
color: #FFFFFF;
}
html[data-theme="dark-mode"]
.header__switch__settings i::before,
html[data-theme="dark-mode"]
.header__switch__dark i::before {
color: #000000;
}
.header__switch__main {
background-color: #FFFFFF;
}
.header__switch__main::before {
background-color: #000000;
}
html[data-theme="dark-mode"]
.header__switch__main::before {
background-color: #FFFFFF;
} .post-share .share-links a.twitter-share-button {
background: #222222 !important;
}
.post-share .share-links a.twitter-share-button .gamxo-x-icon {
width: 0.75em;
height: 0.75em;
display: inline-block;
flex-shrink: 0;
vertical-align: middle;
}  .rt-item:not(.single-post-item):not(.multi-post-item) .entry-content {
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.95) 0%,
rgba(0, 0, 0, 0.7) 40%,
rgba(0, 0, 0, 0.4) 75%,
rgba(0, 0, 0, 0) 100%
);
padding: 15px 18px;
}
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title a,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-meta,
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-meta a {
color: #fff !important;
}
.rt-item:not(.single-post-item):not(.multi-post-item) .entry-content .entry-title a {
display: inline-block;
} .swiper-container .entry-content,
.swiper-container.container .entry-content,
div.swiper-container .entry-content {
background: none !important;
background-image: none !important;
border-radius: 0 !important;
} .entry-categories.style-1 {
font-size: 0.9rem; }
.entry-categories.style-1 a,
.entry-categories.style-1 .category-style {
font-size: inherit;
padding: 0.2em;
line-height: 1.2;
}
.entry-categories.style-1 .category-style {
padding-left: 0.4em;
padding-right: 1em;
} html[data-theme="dark-mode"] .mean-container .mean-bar {
background: var(--bg-main) !important;
border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark-mode"] .mean-container.mobile-sticky .mobile-mene-bar {
background-color: var(--bg-main) !important;
} html[data-theme="dark-mode"] .mean-bar .sidebarBtn {
color: var(--text-inverse) !important;
}
html[data-theme="dark-mode"] body .sidebarBtn .bar {
background: var(--text-inverse) !important;
}