/****************************************************************************
/* DEFAULT - COLOR THEME */
::selection {
color: var(--color-selection-text);
background-color: var(--color-selection-text-bg);
}
body.theme-default {
background-color: var(--color-body-bg);
color: var(--color-body-font);
}
a {
color: var(--color-link);
}
a:hover {
color: var(--color-link-hover);
}
.theme-default h1,
.theme-default h2,
.theme-default h3,
.theme-default h4,
.theme-default h5,
.theme-default h6,
.quote.widget .quote-content blockquote {
color: var(--color-headings);
}
/*--------------------------------
TOP BAR - COLORS
--------------------------------*/
.theme-default .top-bar {
background-color: var(--color-top-bar-bg);
border-color: var(--color-top-bar-border);
color: var(--color-top-bar-text);
}
.theme-default .top-bar a {
color: var(--color-top-bar-text);
}
.theme-default .top-bar a:hover {
color: var(--color-top-bar-link-hover);
}
/*--------------------------------
STICKY HEADER - COLORS
--------------------------------*/
.theme-default .header-sticky {
background-color: var(--color-header-sticky-bg);
border-color: var(--color-header-sticky-border);
}
.theme-default .header-sticky .logo img {
max-height: var(--height-header-sticky-logo-size);
}
.theme-default .header-sticky .site-title a,
.theme-default .header-sticky .site-title .tagline {
color: var(--color-header-sticky-sitetitle);
}
.theme-default .header-sticky .tools a,
.theme-default .header-sticky .navigation > ul > li > a {
color: var(--color-header-sticky-link);
}
.theme-default .header-sticky .menu-oc .i-menu,
.theme-default .header-sticky .menu-oc .i-menu::before,
.theme-default .header-sticky .menu-oc .i-menu::after {
background-color: var(--color-header-sticky-link);
}
.theme-default .header-sticky .tools a:hover,
.theme-default .header-sticky .navigation > ul > li:hover > a {
color: var(--color-header-sticky-link-hover);
}
.theme-default .header-sticky .tools .subscribe-nav {
color: var(--color-header-sticky-subscribe);
background-color: var(--color-header-sticky-subscribe-bg);
border: 1px solid var(--color-header-sticky-subscribe-border);
}
.theme-default .header-sticky .tools .subscribe-nav:hover{
color: var(--color-header-sticky-subscribe-hover);
background-color: var(--color-header-sticky-subscribe-bg-hover);
border: 1px solid var(--color-header-sticky-subscribe-border-hover);
}
.theme-default .header-sticky .sub-menu {
background-color: var(--color-header-sticky-submenu-bg);
border-color: var(--color-header-sticky-submenu-border-color);
border-top-width: var(--color-header-sticky-submenu-border-top);
border-bottom-width: var(--color-header-sticky-submenu-border-bottom);
border-left-width: var(--color-header-sticky-submenu-border-left);
border-right-width: var(--color-header-sticky-submenu-border-right);
border-style: var(--color-header-sticky-submenu-border-style);
}
.theme-default .header-sticky .social a {
color: #ffffff;
background-color: var(--color-header-sticky-social);
}
.theme-default .header-sticky .social a:hover {
color: #ffffff;
background-color: var(--color-header-sticky-social-hover);
}
.theme-default .header-sticky .menu > li .sub-menu a {
color: var(--color-header-sticky-submenu-link);
}
.theme-default .header-sticky .menu > li .sub-menu a:hover,
.theme-default .header-sticky ul > li .sub-menu li.current-menu-item a {
color: var(--color-header-sticky-submenu-link-hover);
background-color: var(--color-header-sticky-submenu-link-hover-bg);
}
.theme-default .header-sticky .menu > li .sub-menu a {
border-color: var(--color-header-sticky-submenu-link-underline);
}
.theme-default .header-sticky .menu > li .sub-menu .menu-description {
color: var(--color-header-sticky-submenu-desc);
}
/*--------------------------------
MOBILE HEADER - COLORS
--------------------------------*/
.theme-default .header-mobile {
background-color: var(--color-header-mobile-bg);
border-color: var(--color-header-mobile-border);
}
.theme-default .header-mobile .logo img {
max-height: var(--height-header-mobile-logo-size);
}
.theme-default .header-mobile .site-title a,
.theme-default .header-mobile .site-title .tagline {
color: var(--color-header-mobile-sitetitle);
}
.theme-default .header-mobile .tf-tools a,
.theme-default .header-mobile .navigation > ul > li > a {
color: var(--color-header-mobile-link);
}
.theme-default .header-mobile .menu-oc .i-menu,
.theme-default .header-mobile .menu-oc .i-menu::before,
.theme-default .header-mobile .menu-oc .i-menu::after {
background-color: var(--color-header-mobile-link);
}
/*--------------------------------
OFF CANVAS - COLORS
--------------------------------*/
.theme-default .off-canvas {
background-color: var(--color-off-canvas-bg);
}
.theme-default .off-canvas::before {
background-color: var(--color-off-canvas-bg-overlay);
}
.theme-default .off-canvas .close-oc,
.theme-default .off-canvas .close-oc:hover {
background-color: var(--color-off-canvas-close);
}
.theme-default .off-canvas .logo img {
max-height: var(--height-off-canvas-logo-size);
}
.theme-default .off-canvas .site-title a {
color: var(--color-off-canvas-sitetitle);
}
.theme-default .off-canvas header,
.theme-default .off-canvas footer,
.theme-default .off-canvas .author-oc,
.theme-default .off-canvas .nav-oc,
.theme-default .off-canvas .nav li a {
border-color: var(--color-off-canvas-border);
}
.theme-default .off-canvas .author-oc h6,
.theme-default .off-canvas .contact-oc h6 {
color: var(--color-off-canvas-name);
}
.theme-default .off-canvas .author-oc small {
color: var(--color-off-canvas-skill);
}
.theme-default .off-canvas .author-oc p,
.theme-default .off-canvas .contact-oc p {
color: var(--color-off-canvas-text);
}
.theme-default .off-canvas .author-oc .social-oc a {
color: var(--color-off-canvas-social);
}.theme-default .off-canvas .author-oc .social-oc a:hover {
color: var(--color-off-canvas-social-hover);
}
.theme-default .off-canvas .nav li a,
.theme-default .off-canvas .nav-tree > .menu-item-has-children i {
color: var(--color-off-canvas-menu);
}
.theme-default .off-canvas .nav li a:hover,
.theme-default .off-canvas .nav .sub-menu li a:hover {
color: var(--color-off-canvas-menu-hover);
}
.theme-default .off-canvas .nav .sub-menu li a {
color: var(--color-off-canvas-submenu);
}
.theme-default .off-canvas .nav .sub-menu li a .menu-description {
color: var(--color-off-canvas-submenu-description);
}
.theme-default .off-canvas .tf-social a {
color: var(--color-off-canvas-social-icon);
}
.theme-default .off-canvas .tf-social a:hover {
color: var(--color-off-canvas-social-icon-hover);
}
.theme-default .off-canvas .tf-copyright {
color: var(--color-off-canvas-copyright);
}
.theme-default .off-canvas .tf-copyright a,
.theme-default .off-canvas .author-oc a,
.theme-default .off-canvas .contact-oc a {
color: var(--color-off-canvas-links);
}
/*--------------------------------
SEARCH POPUP - COLORS
--------------------------------*/
.theme-default .search-popup {
background-color: var(--color-header-search-bg);
}
.theme-default .search-popup input[type="search"] {
color: var(--color-header-search-input);
border-color: var(--color-header-search-border);
}
.theme-default .search-popup input[type="search"]::placeholder {
color: var(--color-header-search-holder);
}
.theme-default .search-popup .search-note {
color: var(--color-header-search-note);
}
.theme-default .search-close::before {
background-color: var(--color-header-search-close);
}
/*--------------------------------
HEADER 01 - COLORS
--------------------------------*/
.theme-default .header-01 .logo img {
max-height: var(--height-header-logo-size);
}
.theme-default .header-01 .header-wrap {
background-color: var(--color-header-01-bg);
}
.theme-default .header-01::before {
background-color: var(--color-header-01-bg-overlay);
}
.theme-default .header-01 .header-wrap .tf-social a,
.theme-default .header-01 .tools a {
color: var(-color-header-01-link);
}
.theme-default .header-01 .header-wrap .menu-oc .i-menu,
.theme-default .header-01 .header-wrap .menu-oc .i-menu::before,
.theme-default .header-01 .header-wrap .menu-oc .i-menu::after {
background-color: var(-color-header-01-link);
}
.theme-default .header-01 .header-wrap .tf-social a:hover,
.theme-default .header-01 .tools a:hover {
color: var(-color-header-01-link-hover);
}
.theme-default .header-01 .navigation {
background-color: var(--color-header-01-menu-bg);
}
.theme-default .header-01 .menu > li > a,
.theme-default .header-01 .tf-tools a {
color: var(--color-header-01-menu-link);
}
.theme-default .header-01 .menu-oc .i-menu,
.theme-default .header-01 .menu-oc .i-menu::before,
.theme-default .header-01 .menu-oc .i-menu::after {
background-color: var(--color-header-01-menu-link);
}
.theme-default .header-01 .menu > li:hover > a,
.theme-default .header-01 .menu > li.current-menu-parent > a {
color: var(--color-header-01-menu-link-hover);
}
.theme-default .header-01 .navigation {
border-color: var(--color-header-01-menu-border);
}
.theme-default .header-01 .sub-menu {
background-color: var(--color-header-01-submenu-bg);
border-color: var(--color-header-01-submenu-border-color);
border-top-width: var(--color-header-01-submenu-border-top);
border-bottom-width: var(--color-header-01-submenu-border-bottom);
border-left-width: var(--color-header-01-submenu-border-left);
border-right-width: var(--color-header-01-submenu-border-right);
border-style: var(--color-header-01-submenu-border-style);
}
.theme-default .header-01 .menu > li .sub-menu a {
color: var(--color-header-01-submenu-link);
}
.theme-default .header-01 .menu > li .sub-menu a:hover,
.theme-default .header-01 .menu ul > li .sub-menu li.current-menu-item a {
color: var(--color-header-01-submenu-link-hover);
background-color: var(--color-header-01-submenu-link-hover-bg);
}
.theme-default .header-01 .menu > li .sub-menu a {
border-color: var(--color-header-01-submenu-link-underline);
}
.theme-default .header-01 .menu .sub-menu a .menu-description {
color: var(--color-header-04-submenu-desc);
}
.theme-default .header-01 .tools .subscribe-nav {
color: var(--color-header-01-subscribe);
background-color: var(--color-header-01-subscribe-bg);
border: 1px solid var(--color-header-01-subscribe-border);
}
.theme-default .header-01 .tools .subscribe-nav:hover {
color: var(--color-header-01-subscribe-hover);
background-color: var(--color-header-01-subscribe-bg-hover);
border: 1px solid var(--color-header-01-subscribe-border-hover);
}
/*--------------------------------
HEADER 02 - COLORS
--------------------------------*/
.theme-default .header-02 .header-wrap {
border-color: var(--color-header-02-border);
background-color: var(--color-header-02-bg);
}
.theme-default .header-02 .logo img {
max-height: var(--height-header-logo-size);
}
.theme-default .header-02 .navigation > ul > li > a,
.theme-default .header-02 .tf-tools a {
color: var(--color-header-02-menu-link);
}
.theme-default .header-02 .menu-oc .i-menu,
.theme-default .header-02 .menu-oc .i-menu::before,
.theme-default .header-02 .menu-oc .i-menu::after {
background-color: var(--color-header-02-menu-link);
}
.theme-default .header-02 .navigation > ul > li:hover > a,
.theme-default .header-02 .tf-tools a:hover {
color: var(--color-header-02-menu-link-hover);
}
.theme-default .header-02 .menu-oc:hover .i-menu,
.theme-default .header-02 .menu-oc:hover .i-menu::before,
.theme-default .header-02 .menu-oc:hover .i-menu::after {
background-color: var(--color-header-02-menu-link-hover);
}
.theme-default .header-02 .navigation .sub-menu {
background-color: var(--color-header-02-submenu-bg);
border-color: var(--color-header-02-submenu-border-color);
border-top-width: var(--color-header-02-submenu-border-top);
border-bottom-width: var(--color-header-02-submenu-border-bottom);
border-left-width: var(--color-header-02-submenu-border-left);
border-right-width: var(--color-header-02-submenu-border-right);
border-style: var(--color-header-02-submenu-border-style);
}
.theme-default .header-02 .menu > li .sub-menu a {
color: var(--color-header-02-submenu-link);
}
.theme-default .header-02 .menu > li .sub-menu a:hover,
.theme-default .header-02 .menu ul > li .sub-menu li.current-menu-item a {
color: var(--color-header-02-submenu-link-hover);
background-color: var(--color-header-02-submenu-link-hover-bg);
}
.theme-default .header-02 .menu > li .sub-menu a {
border-color: var(--color-header-02-submenu-link-underline);
}
.theme-default .header-02 .menu .sub-menu a .menu-description {
color: var(--color-header-04-submenu-desc);
}
.theme-default .header-02 .tools .subscribe-nav {
color: var(--color-header-02-subscribe);
background-color: var(--color-header-02-subscribe-bg);
border: 1px solid var(--color-header-02-subscribe-border);
}
.theme-default .header-02 .tools .subscribe-nav:hover {
color: var(--color-header-02-subscribe-hover);
background-color: var(--color-header-02-subscribe-bg-hover);
border: 1px solid var(--color-header-02-subscribe-border-hover);
}
/*--------------------------------
HEADER 03 - COLORS
--------------------------------*/
.theme-default .header-03 .logo img {
max-height: var(--height-header-logo-size);
}
.theme-default .header-03 {
background-color: var(--color-header-03-bg);
}
.theme-default .header-03 .navigation {
background-color: var(--color-header-03-menu-bg);
border-color: var(--color-header-03-menu-border);
}
.theme-default .header-03 .nav-row .menu > li > a,
.theme-default .header-03 .tools a {
color: var(--color-header-03-menu-link);
}
.theme-default .header-03 .nav-row .menu > li:hover > a,
.theme-default .header-03 .tools a:hover {
color: var(--color-header-03-menu-link-hover);
}
.theme-default .header-03 .menu .sub-menu {
background-color: var(--color-header-03-submenu-bg);
border-color: var(--color-header-03-submenu-border-color);
border-top-width: var(--color-header-03-submenu-border-top);
border-bottom-width: var(--color-header-03-submenu-border-bottom);
border-left-width: var(--color-header-03-submenu-border-left);
border-right-width: var(--color-header-03-submenu-border-right);
border-style: var(--color-header-03-submenu-border-style);
}
.theme-default .header-03 .menu > li .sub-menu a {
color: var(--color-header-03-submenu-link);
border-color: var(--color-header-03-submenu-link-underline);
}
.theme-default .header-03 .menu > li .sub-menu a:hover,
.theme-default .header-03 .menu ul > li .sub-menu li.current-menu-item a {
color: var(--color-header-03-submenu-link-hover);
background-color: var(--color-header-03-submenu-link-hover-bg);
}
.theme-default .header-03 .menu .sub-menu a .menu-description {
color: var(--color-header-04-submenu-desc);
}
.theme-default .header-03 .tools .subscribe-nav {
color: var(--color-header-03-subscribe);
background-color: var(--color-header-03-subscribe-bg);
border: 1px solid var(--color-header-03-subscribe-border);
}
.theme-default .header-03 .tools .subscribe-nav:hover {
color: var(--color-header-03-subscribe-hover);
background-color: var(--color-header-03-subscribe-bg-hover);
border: 1px solid var(--color-header-03-subscribe-border-hover);
}
/*--------------------------------
HEADER 04 - COLORS
--------------------------------*/
.theme-default .header-04 .logo img {
max-height: var(--height-header-logo-size);
}
.theme-default .header-04 {
background-color: var(--color-header-04-bg);
}
.theme-default .header-04 .navigation {
background-color: var(--color-header-04-menu-bg);
border-color: var(--color-header-04-menu-border);
}
.theme-default .header-04 .nav-row .menu > li > a,
.theme-default .header-04 .tools a {
color: var(--color-header-04-menu-link);
}
.theme-default .header-04 .nav-row .menu > li:hover > a,
.theme-default .header-04 .tools a:hover {
color: var(--color-header-04-menu-link-hover);
}
.theme-default .menu-oc .i-menu,
.theme-default .menu-oc .i-menu::before,
.theme-default .menu-oc .i-menu::after {
background-color: var(--color-header-04-menu-link);
}
.theme-default .header-04 .menu .sub-menu {
background-color: var(--color-header-04-submenu-bg);
border-color: var(--color-header-04-submenu-border-color);
border-top-width: var(--color-header-04-submenu-border-top);
border-bottom-width: var(--color-header-04-submenu-border-bottom);
border-left-width: var(--color-header-04-submenu-border-left);
border-right-width: var(--color-header-04-submenu-border-right);
border-style: var(--color-header-04-submenu-border-style);
}
.theme-default .header-04 .menu > li .sub-menu a {
color: var(--color-header-04-submenu-link);
border-color: var(--color-header-04-submenu-link-underline);
}
.theme-default .header-04 .menu > li .sub-menu a:hover,
.theme-default .header-04 .menu ul > li .sub-menu li.current-menu-item a {
color: var(--color-header-04-submenu-link-hover);
background-color: var(--color-header-04-submenu-link-hover-bg);
}
.theme-default .header-04 .menu .sub-menu a .menu-description {
color: var(--color-header-04-submenu-desc);
}
.theme-default .header-04 .tools .subscribe-nav {
color: var(--color-header-04-subscribe);
background-color: var(--color-header-04-subscribe-bg);
border: 1px solid var(--color-header-04-subscribe-border);
}
.theme-default .header-04 .tools .subscribe-nav:hover {
color: var(--color-header-04-subscribe-hover);
background-color: var(--color-header-04-subscribe-bg-hover);
border: 1px solid var(--color-header-04-subscribe-border-hover);
}
/*--------------------------------
HEADER 05 - COLORS
--------------------------------*/
.theme-default .header-05 .logo img {
max-height: var(--height-header-logo-size);
}
.theme-default .header-05 .header-wrap {
background-color: var(--color-header-05-bg);
border-bottom: var(--width-header-05-border) solid var(--color-header-05-border);
}
.theme-default .header-05 .header-row {
height: var(--height-header-05);
}
.theme-default .header-05::before {
background-color: var(--color-header-05-bg-overlay);
}
.theme-default .header-05 .tools a {
color: var(--color-header-05-link);
}
.theme-default .header-05 .tools a:hover {
color: var(--color-header-05-link-hover);
}
.theme-default .header-05 .menu-oc .i-menu,
.theme-default .header-05 .menu-oc .i-menu::before,
.theme-default .header-05 .menu-oc .i-menu::after {
background-color: var(--color-header-05-link);;
}
.theme-default .header-05 .tf-social a {
background-color: var(--color-header-05-social);
}
.theme-default .header-05 .tf-social a:hover {
background-color: var(--color-header-05-social-hover);
}
.theme-default .header-05 .tools .subscribe-nav {
color: var(--color-header-05-subscribe);
background-color: var(--color-header-05-subscribe-bg);
border-radius: var(--radius-header-05-subscribe);
border: 1px solid var(--color-header-05-subscribe-border);
}
.theme-default .header-05 .tools .subscribe-nav:hover {
color: var(--color-header-05-subscribe-hover);
background-color: var(--color-header-05-subscribe-bg-hover);
border: 1px solid var(--color-header-05-subscribe-border-hover);
}
/*--------------------------------
FORM & BUTTON - COLORS
--------------------------------*/
.theme-default textarea,
.theme-default input[type="email"],
.theme-default input[type="text"],
.theme-default input[type="url"],
.theme-default input[type="search"],
.theme-default input[type="password"],
.theme-default input[type="number"],
.theme-default input[type="tel"],
.theme-default input[type="date"],
.theme-default select {
color: var(--color-input-text);
border-color: var(--color-input-border);
}
.theme-default input[type="button"],
.theme-default input[type="submit"],
.theme-default .button,
.theme-default input[type="submit"],
.theme-default input[type="button"],
.theme-default button[type="submit"],
.theme-default .error-404 a,
.wp-block-button__link,
.no-results a {
color: var(--color-button-text);
border-color: var(--color-button-border);
background-color: var(--color-button-bg);
}
.theme-default input[type="button"]:hover,
.theme-default input[type="submit"]:hover,
.theme-default .button:hover,
.theme-default input[type="submit"]:hover,
.theme-default input[type="button"]:hover,
.theme-default button[type="submit"]:hover,
.theme-default .error-404 a:hover,
.no-results a:hover {
color: var(--color-button-text-hover);
border-color: var(--color-button-border-hover);
background-color: var(--color-button-bg-hover);
}
.is-style-outline .wp-block-button__link {
color: var(--color-button-bg);
}
/*--------------------------------
POST - COLORS
--------------------------------*/
.theme-default .standard-post .sticky-post {
background-color: var(--color-theme);
}
.theme-default .post-title,
.theme-default .post-title a {
color: var(--color-post-title);
}
.theme-default .post-title a:hover {
color: var(--color-post-title-hover);
}
.theme-default .post-subtitle {
color: var(--color-post-subtitle);
}
.theme-default [class*="post-meta"] span {
color: var(--color-meta);
}
.theme-default [class*="post-meta"] span a {
color: var(--color-meta-link);
}
.theme-default [class*="post-meta"] span a:hover {
color: var(--color-meta-link-hover);
}
.theme-default .post-meta-before.style-02 > span {
border: 1px solid rgba(0,0,0,0.1);
}
.theme-default .post-meta-before.style-01 .by-author a {
color: var(--color-meta-author);
}
.theme-default .post-meta-before.style-01 .in-categories a {
color: var(--color-meta-category);
}
.theme-default .post-meta-before.style-02 .by-author a {
color: var(--color-meta-author);
}
.theme-default .post-meta-before.style-02 .in-categories a {
color: var(--color-meta-category);
}
.theme-default .post-meta-before.style-04 .by-author a {
color: var(--color-meta-author);
}
.theme-default .post-meta-before.style-04 .in-categories a {
color: var(--color-meta-category);
}
.theme-default .post-meta-after.style-01 .by-author a {
color: var(--color-meta-author);
}
.theme-default .post-meta-after.style-01 .in-categories a {
color: var(--color-meta-category);
}
.theme-default .post-media .post-views {
background-color: var(--color-theme);
}
.home .standard-post .standard-07 .post-content,
.home .standard-post .standard-08 .post-content {
background-color: var(--color-home-standard-box);
}
.archive .standard-post .standard-07 .post-content,
.archive .standard-post .standard-08 .post-content {
background-color: var(--color-archive-standard-box);
}
/*--------------------------------
READ MORE - POST
--------------------------------*/
.theme-default .post-read a {
color: var(--color-read-more);
}
.theme-default .post-read.read-01 a {
border-color: var(--color-read-more-border);
}
.theme-default .post-read.read-02 a::before,
.theme-default .post-read.read-02 a::after {
background-color: var(--color-read-more-border);
}
.theme-default .post-read.read-03 a {
border-color: var(--color-read-more-border);
}
.theme-default .post-read.read-04 a {
background-color: var(--color-read-more-bg);
}
.theme-default .post-read.read-05 a {
border-color: var(--color-read-more-border);
}
.theme-default .post-read.read-06 a {
background-color: var(--color-read-more-bg);
}
/*--------------------------------
SOCIAL SHARE - POST
--------------------------------*/
.theme-default .post-meta .post-share a {
color: var(--color-social-share);
}
.theme-default .post-meta.share-02 .post-share a {
border-color: var(--color-social-share-border);
}
.theme-default .post-meta.share-03 .post-share a {
background-color: var(--color-social-share-bg);
}
.theme-default .post-meta.share-04 .post-share a {
border-color: var(--color-social-share-border);
}
.theme-default .post-meta.share-05 .post-share a {
background-color: var(--color-social-share-bg);
}
/*--------------------------------
SIDEBAR - WIDGET
--------------------------------*/
.theme-default .sidebar[class*="style-"] .widget-title {
color: var(--color-sidebar-title);
}
.theme-default .sidebar.style-05 h3 span::before,
.theme-default .sidebar.style-05 h3 span::after {
background-color: var(--color-sidebar-title-border);
}
.theme-default .sidebar.style-06 h3 span::after {
background-color: var(--color-sidebar-title-border);
}
.theme-default .sidebar.style-07 .widget-title,
.theme-default .sidebar.style-08 .widget-title span {
background-color: var(--color-sidebar-title-bg);
}
.theme-default .sidebar.style-02 .widget-title span,
.theme-default .sidebar.style-04 .widget-title,
.theme-default .sidebar.style-07 .widget-title,
.theme-default .sidebar.style-08 .widget-title,
.theme-default .sidebar.style-09 .widget-title {
border-color: var(--color-sidebar-title-border);
}
.theme-default .sidebar.style-10 .widget-title {
border-left-color: var(--color-sidebar-title-border);
border-bottom-color: var(--color-sidebar-border);
}
.theme-default .sidebar.style-01 .widget,
.theme-default .sidebar.style-02 .widget,
.theme-default .sidebar.style-03 .widget,
.theme-default .sidebar-right .sidebar.style-03::after,
.theme-default .sidebar.style-04 .widget,
.theme-default .sidebar.style-06 h3 {
border-color: var(--color-sidebar-border);
}
/*--------------------------------
SIDEBAR - ABOUT WIDGET
--------------------------------*/
.theme-default .sidebar[class*="style-"] .custom-01.about-author {
background-color: var(--color-about-bg);
border: var(--width-about-border) solid var(--color-about-border);
}
.theme-default .sidebar[class*="style-"] .custom-02.about-author h3 span {
background-color: var(--color-about-bg);
}
.theme-default .sidebar[class*="style-"] .custom-02.about-author {
background-color: var(--color-about-bg);
border: var(--width-about-border) solid var(--color-about-border);
}
.theme-default .sidebar[class*="style-"] .about-author h3 {
color: var(--color-about-title);
}
.theme-default .sidebar[class*="style-"] .about-author h5,
.theme-default .sidebar[class*="style-"] .about-author h6 {
color: var(--color-about-name);
}
.theme-default .sidebar[class*="style-"] .about-author p {
color: var(--color-about-text);
}
.theme-default .sidebar[class*="style-"] .about-author a {
color: var(--color-about-social);
}
/*--------------------------------
SIDEBAR - SOCIAL WIDGET
--------------------------------*/
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social {
background-color: var(--color-social-bg);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social h3 {
color: var(--color-social-title);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social p {
color: var(--color-social-text);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social .icon-01 a {
color: var(--color-social-icon);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social .icon-02 a {
color: var(--color-social-icon);
border-color: var(--color-social-icon);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social .icon-03 a {
background-color: var(--color-social-icon);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social .icon-04 a {
color: var(--color-social-icon);
}
.theme-default .sidebar[class*="style-"] .custom.tf-widget-social .icon-05 a {
background-color: var(--color-social-icon);
}
/*--------------------------------
SIDEBAR - MAILCHIMP WIDGET
--------------------------------*/
.theme-default .sidebar[class*="style-"] .tf-mailchimp {
background-color: var(--color-mailchimp-bg);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp .fa-envelope-open {
background-color: var(--color-mailchimp-icon);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp h5 {
color: var(--color-mailchimp-title);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp .mailchimp-sidebar > p {
color: var(--color-mailchimp-text);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp input[type="email"] {
color: var(--color-mailchimp-input-text);
border-color: var(--color-mailchimp-input-border);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp button[type="submit"] {
background-color: var(--color-mailchimp-button);
}
.theme-default .sidebar[class*="style-"] .tf-mailchimp .no-spam {
color: var(--color-mailchimp-text);
}
/*--------------------------------
LATEST & WIDGETS - TITLE
--------------------------------*/
.tf-block-title.title-01 h3 span {
color: var(--color-title);
}
.tf-block-title.title-01 div {
color: var(--color-subtitle);
}
.tf-block-title.title-02 h3 span {
color: var(--color-title);
border-color: var(--color-title-border);
}
.tf-block-title.title-02 div {
color: var(--color-subtitle);
}
.tf-block-title.title-03 h3 span {
color: var(--color-title);
border-color: var(--color-title-border);
}
.tf-block-title.title-03 div {
color: var(--color-subtitle);
}
.tf-block-title.title-04 h3 span {
color: var(--color-title);
border-color: var(--color-title-border);
}
.tf-block-title.title-04 h3 span::before,
.tf-block-title.title-04 h3 span::after {
border-color: var(--color-title-border);
}
.tf-block-title.title-04 div {
color: var(--color-subtitle);
}
.tf-block-title.title-05 h3 {
border-bottom: 1px solid #ececec;
}
.tf-block-title.title-05 h3 span {
color: var(--color-title);
}
.tf-block-title.title-05 h3 span::after {
background-color: var(--color-title-border);
}
.tf-block-title.title-05 div {
color: var(--color-subtitle);
}
.tf-block-title.title-06 h3 {
border-color: var(--color-title-border);
}
.tf-block-title.title-06 h3 span {
color: var(--color-title);
background-color: var(--color-title-bg);
}
.tf-block-title.title-06 div {
color: var(--color-subtitle);
}
.tf-block-title.title-07 h3 {
border-color: var(--color-title-border);
}
.tf-block-title.title-07 h3 span {
color: var(--color-title);
}
.tf-block-title.title-07 div {
color: var(--color-subtitle);
}
.tf-block-title.title-08 h3 {
border-color: var(--color-title-border);
}
.tf-block-title.title-08 h3 span {
color: var(--color-title);
}
.tf-block-title.title-08 div {
color: var(--color-subtitle);
}
/*--------------------------------
PAGE TITLE
--------------------------------*/
@media (min-width: 1200px) {
.header-01.nav-full + .wrapper-content .page-title.style-01,
.header-01.nav-full + .wrapper-content .page-title.style-02 {
margin-top: var(--margin-header-01-bottom);
}
.header-02.nav-full + .wrapper-content .page-title.style-01,
.header-02.nav-full + .wrapper-content .page-title.style-02 {
margin-top: var(--margin-header-02-bottom);
}
.header-03.nav-full + .wrapper-content .page-title.style-01,
.header-03.nav-full + .wrapper-content .page-title.style-02 {
margin-top: var(--margin-header-03-bottom);
}
.header-05.nav-full + .wrapper-content .page-title.style-01,
.header-05.nav-full + .wrapper-content .page-title.style-02 {
margin-top: var(--margin-header-05-bottom);
}
}
.page-title.style-01 h1,
.page-title.style-02 h1 {
color: var(--color-page-title);
}
.page-title.style-01 em,
.page-title.style-02 em {
background-color: var(--color-page-titlle-count);
}
.page-title.style-01 span,
.page-title.style-02 span {
background-color: var(--color-page-title-term);
}
.page-title.style-01 .taxonomy-description,
.page-title.style-02 .taxonomy-description {
color: var(--color-page-title-desc);
}
/*--------------------------------
HEADING & DESCRIPTION - WIDGET
--------------------------------*/
.theme-default .heading-desc h2 {
color: var(--color-title);
}
.theme-default .heading-desc h5,
.theme-default .heading-desc h6 {
color: var(--color-subtitle);
}
/*--------------------------------
PAGINATION
--------------------------------*/
.theme-default .pagination .page-numbers.current {
background-color: var(--color-pagination-current);
}
.theme-default .pagination .page-numbers {
color: var(--color-pagination-pages);
}
/*--------------------------------
SINGLE POST
--------------------------------*/
.theme-default .reading-position {
background-color: var(--color-post-reading-bar);
}
.entry-content a {
border-bottom: 2px solid var(--color-link-hover);
}
.entry-content a:hover {
background-color: var(--color-link-hover);
}
.theme-default .entry .entry-content p > strong,
.theme-default .entry .entry-content li > strong {
color: var(--color-single-bold);
}
.theme-default .wp-block-quote p,
.theme-default .wp-block-quote.is-style-large p {
color: var(--color-single-blockquote);
}
.wp-block-pullquote {
color: var(--color-single-blockquote);
border-color: var(--color-single-blockquote);
}
.theme-default .post-nav .previous,
.theme-default .post-nav .next {
color: var(--color-theme);
border-bottom: 1px solid var(--color-theme);
}
.theme-default #comments.comments-04 .comment-title {
background-color: var(--color-button-bg);
}
.theme-default .author-badge {
color: var(--color-theme);
}
.theme-default #comments .comment-body .comment-time {
color: var(--color-meta);
}
.single-post .post-intro {
color: var(--color-single-intro);
}
.single-post .post-intro.intro-underline span {
border-bottom: 1px solid var(--color-single-intro-underline);
}
.single-post .post-intro.intro-bg {
background-color: var(--color-single-intro-bg);
}
/*--------------------------------
MAILCHIPM - WIDGET
--------------------------------*/
.theme-default .mailchimp-block .fa-envelope-open {
background-color: var(--color-theme);
}
.theme-default .block-mailchimp .style-02 button[type="submit"] {
background-color: var(--color-theme);
}
/*--------------------------------
FOOTER - STYLE 01
--------------------------------*/
.theme-default .footer-01 {
background-color: var(--color-footer-01-bg);
}
.theme-default .footer-01::before {
background-color: var(--color-footer-01-overlay);
}
.theme-default .footer-01 .logo img {
max-height: var(--color-footer-01-logo-size);
}
.theme-default .footer-01 .copyright {
color: var(--color-footer-01-copyright);
}
.theme-default .footer-01 .content a {
color: var(--color-footer-01-link);
}
.theme-default .footer-01 .content a:hover {
color: var(--color-footer-01-link-hover);
}
.theme-default .footer-01 .social a {
color: var(--color-footer-01-social);
}
.theme-default .footer-01 .social a:hover {
color: var(--color-footer-01-social-hover);
}
.theme-default .footer-01 .elements {
border-color: var(--color-footer-01-border);
}
/*--------------------------------
FOOTER - STYLE 02
--------------------------------*/
.theme-default .footer-02 {
background-color: var(--color-footer-02-bg);
}
.theme-default .footer-02::before {
background-color: var(--color-footer-02-overlay);
}
.theme-default .footer-02 .logo img {
max-height: var(--color-footer-02-logo-size);
}
.theme-default .footer-02 .social a {
color: var(--color-footer-02-social);
}
.theme-default .footer-02 .social a:hover {
color: var(--color-footer-02-social-hover);
}
.theme-default .footer-02 .copyright {
color: var(--color-footer-02-copyright);
border-color: var(--color-footer-02-border);
}
.theme-default .footer-02 .copyright a {
color: var(--color-footer-02-link);
}
.theme-default .footer-02 .copyright a:hover {
color: var(--color-footer-02-link-hover);
}
/*--------------------------------
FOOTER - STYLE 03
--------------------------------*/
.theme-default .footer-03 {
background-color: var(--color-footer-03-bg);
}
.theme-default .footer-03::before {
background-color: var(--color-footer-03-overlay);
}
.theme-default .footer-03 .logo img {
max-height: var(--color-footer-03-logo-size);
}
.theme-default .footer-03 .tf-social a {
color: var(--color-footer-03-social);
}
.theme-default .footer-03 .tf-social a:hover {
color: var(--color-footer-03-social-hover);
}
.theme-default .footer-03 .copyright {
color: var(--color-footer-03-copyright);
}
.theme-default .footer-03 .content a {
color: var(--color-footer-03-link);
}
.theme-default .footer-03 .content a:hover {
color: var(--color-footer-03-link-hover);
}
.theme-default .footer-03 .tf-social,
.theme-default .footer-03 .tf-social a,
.theme-default .footer-03 #nav {
border-color: var(--color-footer-03-border);
}
/*--------------------------------
FOOTER - STYLE 04
--------------------------------*/
.theme-default .footer-04 {
background-color: var(--color-footer-04-bg);
}
.theme-default .footer-04::before {
background-color: var(--color-footer-04-overlay);
}
.theme-default .footer-04 .logo img {
max-height: var(--color-footer-04-logo-size);
}
.theme-default .footer-04 .widget h3 {
color: var(--color-footer-04-heading);
}
.theme-default .footer-04 .col-lg-4::after {
border-color: var(--color-footer-04-border);
}
.theme-default .footer-04 .content {
color: var(--color-footer-04-text);
}
.theme-default .footer-04 .content a {
color: var(--color-footer-04-link);
}
.theme-default .footer-04 .content a:hover {
color: var(--color-footer-04-link-hover);
}
.theme-default .footer-04 .elements {
border-color: var(--color-footer-04-border);
}
.theme-default .footer-04 .tf-social a {
color: var(--color-footer-04-social);
}
.theme-default .footer-04 .tf-social a:hover {
color: var(--color-footer-04-social-hover);
}
.theme-default .footer-04 .copyright {
color: var(--color-footer-04-copyright);
}
.theme-default .footer-04 button {
background-color: var(--color-theme);
}
/*--------------------------------
FOOTER - STYLE 05
--------------------------------*/
.theme-default .footer-05 {
background-color: var(--color-footer-05-bg);
}
.theme-default .footer-05::before {
background-color: var(--color-footer-05-overlay);
}
.theme-default .footer-05 .logo img {
max-height: var(--height-footer-05-logo-size);
}
.theme-default .footer-05 .copyright {
color: var(--color-footer-05-copyright);
}
.theme-default .footer-05 .copyright a {
border-bottom: 1px solid var(--color-footer-05-border);
}
.theme-default .footer-05 .content a {
color: var(--color-footer-05-link);
}
.theme-default .footer-05 .content a:hover {
color: var(--color-footer-05-link-hover);
}
.theme-default .footer-05 .tf-social a {
color: var(--color-footer-05-social);
}
.theme-default .footer-05 .tf-social a:hover {
color: var(--color-footer-05-social-hover);
}
.theme-default .footer-05 .elements {
border-color: var(--color-footer-05-border);
}
/*--------------------------------
BACK TO TOP
--------------------------------*/
.theme-default .back-top a {
color: var(--color-back-top-arrow);
background-color: var(--color-back-top-bg);
}
.theme-default .back-top a:hover {
color: var(--color-back-top-arrow-hover);
background-color: var(--color-back-top-bg-hover);
}
/*--------------------------------
MAILCHIMP - WIDGET
--------------------------------*/
.theme-default footer[class*="footer-"] .subscribe-icon,
.theme-default footer[class*="footer-"] .subscribe-button {
color: var(--color-subscribe);
background-color: var(--color-subscribe-bg);
border-color: var(--color-subscribe-border);
}
.theme-default footer[class*="footer-"] .subscribe-icon:hover,
.theme-default footer[class*="footer-"] .subscribe-button:hover {
color: var(--color-subscribe-hover);
background-color: var(--color-subscribe-bg-hover);
border-color: var(--color-subscribe-border-hover);
}
.theme-default .mailchimp-01,
.theme-default .mailchimp-02,
.theme-default .mailchimp-03 {
background-color: var(--color-subscribe-pop-bg);
}
.theme-default .mailchimp-01 h5,
.theme-default .mailchimp-02 h5,
.theme-default .mailchimp-03 h5 {
color: var(--color-subscribe-pop-heading);
}
.theme-default .mailchimp-01 span,
.theme-default .mailchimp-02 span,
.theme-default .mailchimp-03 span {
color: var(--color-subscribe-pop-text);
}
.theme-default .mailchimp-01 input[type="email"],
.theme-default .mailchimp-02 input[type="email"],
.theme-default .mailchimp-03 input[type="email"] {
color: var(--color-subscribe-pop-input-text);
background-color: var(--color-subscribe-pop-input-bg);
border-color: var(--color-subscribe-pop-input-border);
}
.theme-default .mailchimp-01 button[type="submit"],
.theme-default .mailchimp-02 button[type="submit"],
.theme-default .mailchimp-03 button[type="submit"] {
color: var(--color-subscribe-pop-button-text);
background-color: var(--color-subscribe-pop-button-bg);
border-color: var(--color-subscribe-pop-button-border);
}
/*--------------------------------
SLIDER FLEXIBLE - WIDGET
--------------------------------*/
.block-slider-flexible .post-read a {
color: var(--color-read-more);
}
.block-slider-flexible .post-read.read-01 a {
border-color: rgba(255,255,255,0.3);
}
.block-slider-flexible .post-read.read-02 a::before,
.block-slider-flexible .post-read.read-02 a::after {
background-color: rgba(255,255,255,0.3);
}
.block-slider-flexible .post-read.read-03 a {
border-color: rgba(255,255,255,0.3);
}
.block-slider-flexible .post-read.read-04 a {
background-color: var(--color-theme);
}
.block-slider-flexible .post-read.read-05 a {
border-color: rgba(255,255,255,0.3);
}
.block-slider-flexible .post-read.read-06 a {
background-color: var(--color-theme);
}