: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;
}