/* #Typography */
body {
font-style: $body_font_style;
font-weight: $body_font_weight;
font-size: $body_font_size{px};
line-height: $body_line_height;
font-family: @font_family( $body_font_family );
letter-spacing: $body_letter_spacing{px};
text-align: $body_text_align;
color: $primary_text_color;
}
h1,
.h1-style {
font-style: $h1_font_style;
font-weight: $h1_font_weight;
font-size: @font_size($h1_font_size, multiple, ceil, 0.6)px;
line-height: $h1_line_height;
font-family: @font_family( $h1_font_family );
letter-spacing: $h1_letter_spacing{px};
text-align: $h1_text_align;
color: $h1_color;
}
h2,
.h2-style {
font-style: $h2_font_style;
font-weight: $h2_font_weight;
font-size: @font_size($h2_font_size, multiple, ceil, 0.6)px;
line-height: $h2_line_height;
font-family: @font_family( $h2_font_family );
letter-spacing: $h2_letter_spacing{px};
text-align: $h2_text_align;
color: $h2_color;
}
h3,
.h3-style {
font-style: $h3_font_style;
font-weight: $h3_font_weight;
font-size: @font_size($h3_font_size, multiple, ceil, 0.75)px;
line-height: $h3_line_height;
font-family: @font_family( $h3_font_family );
letter-spacing: $h3_letter_spacing{px};
text-align: $h3_text_align;
color: $h3_color;
}
h4,
.h4-style {
font-style: $h4_font_style;
font-weight: $h4_font_weight;
font-size: $h4_font_size{px};
line-height: $h4_line_height;
font-family: @font_family( $h4_font_family );
letter-spacing: $h4_letter_spacing{px};
text-align: $h4_text_align;
color: $h4_color;
}
h5,
.h5-style {
font-style: $h5_font_style;
font-weight: $h5_font_weight;
font-size: $h5_font_size{px};
line-height: $h5_line_height;
font-family: @font_family( $h5_font_family );
letter-spacing: $h5_letter_spacing{px};
text-align: $h5_text_align;
color: $h5_color;
}
h6,
.h6-style {
font-style: $h6_font_style;
font-weight: $h6_font_weight;
font-size: $h6_font_size{px};
line-height: $h6_line_height;
font-family: @font_family( $h6_font_family );
letter-spacing: $h6_letter_spacing{px};
text-align: $h6_text_align;
color: $h6_color;
}
@media (min-width: 1200px) {
h1,
.h1-style { font-size: $h1_font_size{px}; }
h2,
.h2-style { font-size: $h2_font_size{px}; }
h3,
.h3-style { font-size: $h3_font_size{px}; }
}
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: $link_color; }
a:hover { color: $link_hover_color; }
blockquote {
color: $accent_color;
}/* #Header */
.site-header__wrap {
background-color: $header_bg_color;
background-repeat: $header_bg_repeat;
background-position: $header_bg_position_x top;
background-attachment: $header_bg_attachment;
@background_url( $header_bg_image );
}
/* ##Top Panel */
.top-panel {
color: $secondary_text_color;
background-color: $top_panel_bg;
}
/* #Main Menu */
.main-navigation {
font-style: $menu_font_style;
font-weight: $menu_font_weight;
font-size: $menu_font_size{px};
line-height: $menu_line_height;
font-family: @font_family( $menu_font_family );
letter-spacing: $menu_letter_spacing{px};
}
.main-navigation a,
.menu-item-has-children:before {
color: $secondary_text_color;
}
.main-navigation a:hover,
.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
color: $link_hover_color;
}
/* #Mobile Menu */
.mobile-menu-toggle-button {
color: $invert_text_color;
background-color: $accent_color;
}/* #Social */
.social-list a {
color: $secondary_text_color;
}
.social-list a:hover {
color: $accent_color;
}
/* #Breadcrumbs */
.breadcrumbs_item {
font-style: $breadcrumbs_font_style;
font-weight: $breadcrumbs_font_weight;
font-size: $breadcrumbs_font_size{px};
line-height: $breadcrumbs_line_height;
font-family: @font_family( $breadcrumbs_font_family );
letter-spacing: $breadcrumbs_letter_spacing{px};
}
.breadcrumbs_item_sep,
.breadcrumbs_item_link {
color: $secondary_text_color;
}
.breadcrumbs_item_link:hover {
color: $accent_color;
}
/* #Post navigation */
.post-navigation i {
color: $secondary_text_color;
}
.post-navigation .nav-links a:hover .post-title,
.post-navigation .nav-links a:hover .nav-text {
color: $link_color;
}
.post-navigation .nav-links a:hover i {
color: $link_hover_color;
}
/* #Pagination */
.pagination .page-numbers,
.page-links > span,
.page-links > a {
color: $secondary_text_color;
}
.pagination a.page-numbers:hover,
.pagination .page-numbers.current,
.page-links > a:hover,
.page-links > span {
color: $link_hover_color;
}
.pagination .next,
.pagination .prev {
color: $link_color;
}
.pagination .next:hover,
.pagination .prev:hover {
color: $link_hover_color;
}/* #Button Appearance Styles (regular scheme) */
.btn,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
font-style: $button_font_style;
font-weight: $button_font_weight;
font-size: $button_font_size{px};
line-height: $button_line_height;
font-family: @font_family( $button_font_family );
letter-spacing: $button_letter_spacing{px};
color: $invert_text_color;
background-color: $accent_color;
}
.btn:hover,
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='reset']:hover {
color: $invert_text_color;
background-color: @lighten($accent_color, 15%);
}
.btn.invert-button {
color: $invert_text_color;
}
.btn.invert-button:hover {
color: $invert_text_color;
border-color: $accent_color;
background-color: $accent_color;
}
input,
optgroup,
select,
textarea {
font-size: $body_font_size{px};
}
/* #Comment, Contact, Password Forms */
.comment-form .submit,
.wpcf7-submit,
.post-password-form label + input {
font-style: $button_font_style;
font-weight: $button_font_weight;
font-size: $button_font_size{px};
line-height: $button_line_height;
font-family: @font_family( $button_font_family );
letter-spacing: $button_letter_spacing{px};
color: $invert_text_color;
background-color: $accent_color;
}
.comment-form .submit:hover,
.wpcf7-submit:hover,
.post-password-form label + input:hover {
color: $invert_text_color;
background-color: @lighten($accent_color, 15%);
}
.comment-reply-title {
font-style: $h4_font_style;
font-weight: $h4_font_weight;
font-size: $h4_font_size{px};
line-height: $h4_line_height;
font-family: @font_family( $h4_font_family );
letter-spacing: $h4_letter_spacing{px};
color: $h4_color;
}
/* Cookies consent */
.comment-form-cookies-consent input[type='checkbox']:checked ~ label[for=wp-comment-cookies-consent]:before {
color: $invert_text_color;
border-color: $accent_color;
background-color: $accent_color;
}
/* #Comment Reply Link */
#cancel-comment-reply-link {
color: $link_color;
}
#cancel-comment-reply-link:hover {
color: $link_hover_color;
}
/* #Comment item */
.comment-body .fn {
font-style: $h6_font_style;
font-weight: $h6_font_weight;
font-size: $h6_font_size{px};
line-height: $h6_line_height;
font-family: @font_family( $h6_font_family );
letter-spacing: $h6_letter_spacing{px};
color: $h6_color;
}
.comment-date__time {
color: $secondary_text_color;
}
.comment-reply-link {
font-style: $button_font_style;
font-weight: $button_font_weight;
font-size: $button_font_size{px};
line-height: $button_line_height;
font-family: @font_family( $button_font_family );
letter-spacing: $button_letter_spacing{px};
}
/* #Input Placeholders */
::-webkit-input-placeholder { color: $secondary_text_color; }
::-moz-placeholder { color: $secondary_text_color; }
:-moz-placeholder { color: $secondary_text_color; }
:-ms-input-placeholder { color: $secondary_text_color; }/* #Entry Meta */
.posted-on,
.cat-links,
.byline,
.tags-links {
color: $secondary_text_color;
}
.comments-button {
color: $secondary_text_color;
}
.comments-button:hover {
color: $invert_text_color;
background-color: $accent_color;
}
.btn-style .post-categories a {
color: $invert_text_color;
background-color: $accent_color;
}
.btn-style .post-categories a:hover {
color: $invert_text_color;
background-color: @lighten($accent_color, 15%);
}
.sticky-label {
color: $invert_text_color;
background-color: $accent_color;
}
/* Posts List Item Invert */
.invert-hover.has-post-thumbnail:hover,
.invert-hover.has-post-thumbnail:hover .posted-on,
.invert-hover.has-post-thumbnail:hover .cat-links,
.invert-hover.has-post-thumbnail:hover .byline,
.invert-hover.has-post-thumbnail:hover .tags-links,
.invert-hover.has-post-thumbnail:hover .entry-meta,
.invert-hover.has-post-thumbnail:hover a,
.invert-hover.has-post-thumbnail:hover .btn-icon,
.invert-item.has-post-thumbnail,
.invert-item.has-post-thumbnail .posted-on,
.invert-item.has-post-thumbnail .cat-links,
.invert-item.has-post-thumbnail .byline,
.invert-item.has-post-thumbnail .tags-links,
.invert-item.has-post-thumbnail .entry-meta,
.invert-item.has-post-thumbnail a,
.invert-item.has-post-thumbnail .btn:hover,
.invert-item.has-post-thumbnail .btn-style .post-categories a:hover,
.invert,
.invert .entry-title,
.invert a,
.invert .byline,
.invert .posted-on,
.invert .cat-links,
.invert .tags-links {
color: $invert_text_color;
}
.invert-hover.has-post-thumbnail:hover a:hover,
.invert-hover.has-post-thumbnail:hover .btn-icon:hover,
.invert-item.has-post-thumbnail a:hover,
.invert a:hover {
color: $link_color;
}
.invert-hover.has-post-thumbnail .btn,
.invert-item.has-post-thumbnail .comments-button,
.posts-list--default.list-style-v10 .invert.default-item .comments-button{
color: $invert_text_color;
background-color: $accent_color;
}
.invert-hover.has-post-thumbnail .btn:hover,
.invert-item.has-post-thumbnail .comments-button:hover,
.posts-list--default.list-style-v10 .invert.default-item .comments-button:hover {
color: $link_color;
background-color: $invert_text_color;
}
/* Default Posts List */
.list-style-v8 .comments-link {
color: $secondary_text_color;
}
.list-style-v8 .comments-link:hover {
color: $link_hover_color;
}
/* Creative Posts List */
.creative-item .entry-title a:hover {
color: $link_color;
}
.list-style-default .creative-item a,
.creative-item .btn-icon {
color: $secondary_text_color;
}
.list-style-default .creative-item a:hover,
.creative-item .btn-icon:hover {
color: $link_color;
}
.list-style-default .creative-item .btn,
.list-style-default .creative-item .btn:hover,
.list-style-default .creative-item .comments-button:hover {
color: $invert_text_color;
}
.creative-item__title-first-letter {
font-style: $h1_font_style;
font-weight: $h1_font_weight;
font-family: @font_family( $h1_font_family );
color: $h1_color;
}
.posts-list--creative.list-style-v10 .creative-item:before {
background-color: $accent_color;
box-shadow: 0px 0px 0px 8px @alpha($accent_color, 25%);
}
.posts-list--creative.list-style-v10 .creative-item__post-date {
font-style: $h4_font_style;
font-weight: $h4_font_weight;
font-size: $h4_font_size{px};
line-height: $h4_line_height;
font-family: @font_family( $h4_font_family );
letter-spacing: $h4_letter_spacing{px};
color: $link_color;
}
.posts-list--creative.list-style-v10 .creative-item__post-date a {
color: $link_color;
}
.posts-list--creative.list-style-v10 .creative-item__post-date a:hover {
color: $link_hover_color;
}
/* Creative Posts List style-v2 */
.list-style-v2 .creative-item .entry-title,
.list-style-v9 .creative-item .entry-title {
font-style: $h4_font_style;
font-weight: $h4_font_weight;
font-size: $h4_font_size{px};
line-height: $h4_line_height;
font-family: @font_family( $h4_font_family );
letter-spacing: $h4_letter_spacing{px};
}
/* Image Post Format */
.post_format-post-format-image .post-thumbnail__link:before {
color: $invert_text_color;
background-color: $accent_color;
}
/* Gallery Post Format */
.post_format-post-format-gallery .swiper-button-prev,
.post_format-post-format-gallery .swiper-button-next {
color: $secondary_text_color;
}
.post_format-post-format-gallery .swiper-button-prev:hover,
.post_format-post-format-gallery .swiper-button-next:hover {
color: $link_hover_color;
}
/* Link Post Format */
.post_format-post-format-quote .post-format-quote {
color: $invert_text_color;
background-color: $accent_color;
}
.post_format-post-format-quote .post-format-quote:before {
color: $accent_color;
background-color: $invert_text_color;
}
/* Post Author */
.post-author__title a {
color: $link_color;
}
.post-author__title a:hover {
color: $link_hover_color;
}
.invert .post-author__title a {
color: $invert_text_color;
}
.invert .post-author__title a:hover {
color: $link_color;
}
/* Single Post */
.single-post blockquote {
border-color: $accent_color;
}
.single-post:not(.post-template-single-layout-4):not(.post-template-single-layout-7) .tags-links a:hover {
color: $invert_text_color;
border-color: $accent_color;
background-color: $accent_color;
}
.single-header-3 .post-author .byline,
.single-header-4 .post-author .byline,
.single-header-5 .post-author .byline {
font-style: $h4_font_style;
font-weight: $h4_font_weight;
font-size: $h4_font_size{px};
line-height: $h4_line_height;
font-family: @font_family( $h4_font_family );
letter-spacing: $h4_letter_spacing{px};
}
.single-header-8,
.single-header-10 .entry-header {
background-color: $accent_color;
}
.single-header-8.invert a:hover,
.single-header-10.invert a:hover {
color: @alpha($invert_text_color, 50%);
}
.single-header-3 a.comments-button,
.single-header-10 a.comments-button {
border: 1px solid $invert_text_color;
}
.single-header-3 a.comments-button:hover,
.single-header-10 a.comments-button:hover {
color: $link_color;
background-color: $invert_text_color;
}/* Page preloader */
.page-preloader {
border-top-color: $accent_color;
border-right-color: $accent_color;
}
/* Logo */
.site-logo__link,
.site-logo__link:hover {
color: $accent_color;
}
/* Page title */
.page-title {
font-style: $h2_font_style;
font-weight: $h2_font_weight;
font-size: @font_size($h2_font_size, multiple, ceil, 0.6)px;
line-height: $h2_line_height;
font-family: @font_family( $h2_font_family );
letter-spacing: $h2_letter_spacing{px};
color: $h2_color;
}
@media (min-width: 1200px) {
.page-title { font-size: $h2_font_size{px}; }
}
/* Grid Posts List */
.posts-list.list-style-v3 .comments-link {
border-color: $link_color;
}
.posts-list.list-style-v4 .comments-link {
color: $secondary_text_color;
}
.posts-list.list-style-v4 .posts-list__item.grid-item .grid-item-wrap .comments-link{
background-color: $invert_text_color;
}
.posts-list.list-style-v4 .posts-list__item.grid-item .grid-item-wrap .comments-link:hover {
color: $invert_text_color;
background-color: $link_color;
}
/* Posts List Grid Item Invert */
.grid-item-wrap.invert,
.grid-item-wrap.invert .posted-on,
.grid-item-wrap.invert .cat-links,
.grid-item-wrap.invert .byline,
.grid-item-wrap.invert .tags-links,
.grid-item-wrap.invert .entry-meta,
.grid-item-wrap.invert a,
.grid-item-wrap.invert .btn-icon,
.grid-item-wrap.invert .comments-button {
color: $invert_text_color;
}
/* Posts List Grid-5 Item Invert */
.list-style-v5 .grid-item-wrap.invert .posted-on,
.list-style-v5 .grid-item-wrap.invert .cat-links,
.list-style-v5 .grid-item-wrap.invert .byline,
.list-style-v5 .grid-item-wrap.invert .tags-links,
.list-style-v5 .grid-item-wrap.invert .posted-on a,
.list-style-v5 .grid-item-wrap.invert .cat-links a,
.list-style-v5 .grid-item-wrap.invert .tags-links a,
.list-style-v5 .grid-item-wrap.invert .byline a,
.list-style-v5 .grid-item-wrap.invert .comments-link,
.list-style-v5 .grid-item-wrap.invert .entry-title a:hover {
color: $accent_color;
}
.list-style-v5 .grid-item-wrap.invert .posted-on a:hover,
.list-style-v5 .grid-item-wrap.invert .cat-links a:hover,
.list-style-v5 .grid-item-wrap.invert .tags-links a:hover,
.list-style-v5 .grid-item-wrap.invert .byline a:hover,
.list-style-v5 .grid-item-wrap.invert .comments-link:hover {
color: $invert_text_color;
}
/* Posts List Grid-6 Item Invert */
.posts-list.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links a,
.posts-list.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links a {
color: $invert_text_color;
background-color: $link_color;
}
.posts-list.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .cat-links a:hover,
.posts-list.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .cat-links a:hover {
color: $invert_text_color;
background-color: @lighten($accent_color, 15%);
}
.posts-list.list-style-v9 .posts-list__item.grid-item .grid-item-wrap .entry-header .entry-title {
font-weight : $body_font_weight;
}
/* Grid 7 */
.list-style-v7 .grid-item-wrap.invert .posted-on a:hover,
.list-style-v7 .grid-item-wrap.invert .cat-links a:hover,
.list-style-v7 .grid-item-wrap.invert .tags-links a:hover,
.list-style-v7 .grid-item-wrap.invert .byline a:hover,
.list-style-v7 .grid-item-wrap.invert .comments-link:hover,
.list-style-v7 .grid-item-wrap.invert .entry-title a:hover,
.list-style-v6 .grid-item-wrap.invert .posted-on a:hover,
.list-style-v6 .grid-item-wrap.invert .cat-links a:hover,
.list-style-v6 .grid-item-wrap.invert .tags-links a:hover,
.list-style-v6 .grid-item-wrap.invert .byline a:hover,
.list-style-v6 .grid-item-wrap.invert .comments-link:hover,
.list-style-v6 .grid-item-wrap.invert .entry-title a:hover {
color: $accent_color;
}
.list-style-v7 .grid-item-wrap.invert .posted-on,
.list-style-v7 .grid-item-wrap.invert .cat-links,
.list-style-v7 .grid-item-wrap.invert .byline,
.list-style-v7 .grid-item-wrap.invert .tags-links,
.list-style-v7 .grid-item-wrap.invert .posted-on a,
.list-style-v7 .grid-item-wrap.invert .cat-links a,
.list-style-v7 .grid-item-wrap.invert .tags-links a,
.list-style-v7 .grid-item-wrap.invert .byline a,
.list-style-v7 .grid-item-wrap.invert .comments-link,
.list-style-v7 .grid-item-wrap.invert .entry-title a,
.list-style-v7 .grid-item-wrap.invert .entry-content p,
.list-style-v6 .grid-item-wrap.invert .posted-on,
.list-style-v6 .grid-item-wrap.invert .cat-links,
.list-style-v6 .grid-item-wrap.invert .byline,
.list-style-v6 .grid-item-wrap.invert .tags-links,
.list-style-v6 .grid-item-wrap.invert .posted-on a,
.list-style-v6 .grid-item-wrap.invert .cat-links a,
.list-style-v6 .grid-item-wrap.invert .tags-links a,
.list-style-v6 .grid-item-wrap.invert .byline a,
.list-style-v6 .grid-item-wrap.invert .comments-link,
.list-style-v6 .grid-item-wrap.invert .entry-title a,
.list-style-v6 .grid-item-wrap.invert .entry-content p {
color: $invert_text_color;
}
.posts-list.list-style-v7 .grid-item .grid-item-wrap .entry-footer .comments-link:hover,
.posts-list.list-style-v6 .grid-item .grid-item-wrap .entry-footer .comments-link:hover,
.posts-list.list-style-v6 .posts-list__item.grid-item .grid-item-wrap .btn:hover,
.posts-list.list-style-v7 .posts-list__item.grid-item .grid-item-wrap .btn:hover {
color: $accent_color;
border-color: $accent_color;
}
.posts-list.list-style-v10 .grid-item-inner .space-between-content .comments-link {
color: $secondary_text_color;
}
.posts-list.list-style-v10 .grid-item-inner .space-between-content .comments-link:hover {
color: $accent_color;
}.posts-list.list-style-v10 .posts-list__item.justify-item .justify-item-inner .entry-title a {
color: $primary_text_color;
}
.posts-list.posts-list--vertical-justify.list-style-v10 .posts-list__item.justify-item .justify-item-inner .entry-title a:hover{
color: $invert_text_color;
background-color: $accent_color;
}
.posts-list.list-style-v5 .posts-list__item.justify-item .justify-item-inner.invert .cat-links a:hover,
.posts-list.list-style-v8 .posts-list__item.justify-item .justify-item-inner.invert .cat-links a:hover {
color: $invert_text_color;
background-color: @lighten($accent_color, 15%);
}
.posts-list.list-style-v5 .posts-list__item.justify-item .justify-item-inner.invert .cat-links a,
.posts-list.list-style-v8 .posts-list__item.justify-item .justify-item-inner.invert .cat-links a{
color: $invert_text_color;
background-color: $link_color;
}
.list-style-v8 .justify-item-inner.invert .posted-on,
.list-style-v8 .justify-item-inner.invert .cat-links,
.list-style-v8 .justify-item-inner.invert .byline,
.list-style-v8 .justify-item-inner.invert .tags-links,
.list-style-v8 .justify-item-inner.invert .posted-on a,
.list-style-v8 .justify-item-inner.invert .cat-links a,
.list-style-v8 .justify-item-inner.invert .tags-links a,
.list-style-v8 .justify-item-inner.invert .byline a,
.list-style-v8 .justify-item-inner.invert .comments-link,
.list-style-v8 .justify-item-inner.invert .entry-title a,
.list-style-v8 .justify-item-inner.invert .entry-content p,
.list-style-v5 .justify-item-inner.invert .posted-on,
.list-style-v5 .justify-item-inner.invert .cat-links,
.list-style-v5 .justify-item-inner.invert .byline,
.list-style-v5 .justify-item-inner.invert .tags-links,
.list-style-v5 .justify-item-inner.invert .posted-on a,
.list-style-v5 .justify-item-inner.invert .cat-links a,
.list-style-v5 .justify-item-inner.invert .tags-links a,
.list-style-v5 .justify-item-inner.invert .byline a,
.list-style-v5 .justify-item-inner.invert .comments-link,
.list-style-v5 .justify-item-inner.invert .entry-title a,
.list-style-v5 .justify-item-inner.invert .entry-content p,
.list-style-v4 .justify-item-inner.invert .posted-on:hover,
.list-style-v4 .justify-item-inner.invert .cat-links,
.list-style-v4 .justify-item-inner.invert .byline,
.list-style-v4 .justify-item-inner.invert .tags-links,
.list-style-v4 .justify-item-inner.invert .posted-on a,
.list-style-v4 .justify-item-inner.invert .cat-links a,
.list-style-v4 .justify-item-inner.invert .tags-links a,
.list-style-v4 .justify-item-inner.invert .byline a,
.list-style-v4 .justify-item-inner.invert .comments-link,
.list-style-v4 .justify-item-inner.invert .entry-title a,
.list-style-v4 .justify-item-inner.invert .entry-content p {
color: $invert_text_color;
}
.list-style-v8 .justify-item-inner.invert .posted-on a:hover,
.list-style-v8 .justify-item-inner.invert .cat-links a:hover,
.list-style-v8 .justify-item-inner.invert .tags-links a:hover,
.list-style-v8 .justify-item-inner.invert .byline a:hover,
.list-style-v8 .justify-item-inner.invert .comments-link:hover,
.list-style-v8 .justify-item-inner.invert .entry-title a:hover,
.list-style-v5 .justify-item-inner.invert .posted-on a:hover,
.list-style-v5 .justify-item-inner.invert .cat-links a:hover,
.list-style-v5 .justify-item-inner.invert .tags-links a:hover,
.list-style-v5 .justify-item-inner.invert .byline a:hover,
.list-style-v5 .justify-item-inner.invert .entry-title a:hover,
.list-style-v4 .justify-item-inner.invert .posted-on a,
.list-style-v4 .justify-item-inner.invert .cat-links a:hover,
.list-style-v4 .justify-item-inner.invert .tags-links a:hover,
.list-style-v4 .justify-item-inner.invert .byline a:hover,
.list-style-v4 .justify-item-inner.invert .comments-link:hover,
.list-style-v4 .justify-item-inner.invert .entry-title a:hover {
color: $accent_color;
}
.posts-list.list-style-v5 .justify-item .justify-item-wrap .entry-footer .comments-link:hover {
border-color: $accent_color;
}
.list-style-v4 .justify-item-inner.invert .btn:hover,
.list-style-v6 .justify-item-wrap.invert .btn:hover,
.list-style-v8 .justify-item-inner.invert .btn:hover {
color: $invert_text_color;
}
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .comments-link:hover,
.posts-list.posts-list--vertical-justify.list-style-v5 .posts-list__item.justify-item .justify-item-wrap .entry-footer .btn:hover {
color: $accent_color;
border-color: $accent_color;
}/* masonry Posts List */
.posts-list.list-style-v3 .comments-link {
border-color: $link_color;
}
.posts-list.list-style-v4 .comments-link {
color: $secondary_text_color;
}
.posts-list.list-style-v4 .posts-list__item.masonry-item .masonry-item-wrap .comments-link{
background-color: $invert_text_color;
}
.posts-list.list-style-v4 .posts-list__item.masonry-item .masonry-item-wrap .comments-link:hover {
color: $invert_text_color;
background-color: $link_color;
}
/* Posts List masonry Item Invert */
.masonry-item-wrap.invert,
.masonry-item-wrap.invert .posted-on,
.masonry-item-wrap.invert .cat-links,
.masonry-item-wrap.invert .byline,
.masonry-item-wrap.invert .tags-links,
.masonry-item-wrap.invert .entry-meta,
.masonry-item-wrap.invert a,
.masonry-item-wrap.invert .btn-icon,
.masonry-item-wrap.invert .comments-button {
color: $invert_text_color;
}
/* Posts List masonry-5 Item Invert */
.list-style-v5 .masonry-item-wrap.invert .posted-on,
.list-style-v5 .masonry-item-wrap.invert .cat-links,
.list-style-v5 .masonry-item-wrap.invert .byline,
.list-style-v5 .masonry-item-wrap.invert .tags-links,
.list-style-v5 .masonry-item-wrap.invert .posted-on a,
.list-style-v5 .masonry-item-wrap.invert .cat-links a,
.list-style-v5 .masonry-item-wrap.invert .tags-links a,
.list-style-v5 .masonry-item-wrap.invert .byline a,
.list-style-v5 .masonry-item-wrap.invert .comments-link,
.list-style-v5 .masonry-item-wrap.invert .entry-title a:hover {
color: $accent_color;
}
.list-style-v5 .masonry-item-wrap.invert .posted-on a:hover,
.list-style-v5 .masonry-item-wrap.invert .cat-links a:hover,
.list-style-v5 .masonry-item-wrap.invert .tags-links a:hover,
.list-style-v5 .masonry-item-wrap.invert .byline a:hover,
.list-style-v5 .masonry-item-wrap.invert .comments-link:hover {
color: $invert_text_color;
}
.posts-list.list-style-v10 .masonry-item-inner .space-between-content .comments-link {
color: $secondary_text_color;
}
.posts-list.list-style-v10 .masonry-item-inner .space-between-content .comments-link:hover {
color: $accent_color;
}.widget_recent_entries a,
.widget_recent_comments a {
font-style: $h6_font_style;
font-weight: $h6_font_weight;
font-size: $h6_font_size{px};
line-height: $h6_line_height;
font-family: @font_family( $h6_font_family );
letter-spacing: $h6_letter_spacing{px};
color: $h6_color;
}
.widget_recent_entries a:hover,
.widget_recent_comments a:hover {
color: $link_color;
}
.widget_recent_entries .post-date,
.widget_recent_comments .recentcomments {
color: $secondary_text_color;
}
.widget_recent_comments .comment-author-link a {
color: $secondary_text_color;
}
.widget_recent_comments .comment-author-link a:hover {
color: $link_color;
}
.widget_calendar th,
.widget_calendar caption {
color: $accent_color;
}
.widget_calendar tbody td a {
color: $primary_text_color;
}
.widget_calendar tbody td a:hover {
color: $invert_text_color;
background-color: $accent_color;
}
.widget_calendar tfoot td a {
color: $secondary_text_color;
}
.widget_calendar tfoot td a:hover {
color: $link_hover_color;
}/* Preloader */
.jet-smart-listing-wrap.jet-processing + div.jet-smart-listing-loading,
div.wpcf7 .ajax-loader {
border-top-color: $accent_color;
border-right-color: $accent_color;
}
/*--------------------------------------------------------------
## Ecwid Plugin Styles
--------------------------------------------------------------*/
/* Product Title, Product Price amount */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid-product__title-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products .grid-product__image ~ .grid-product__price .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products .grid-product__image ~ .grid-product__title .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items.grid__products--layout-center .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__details,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__sku,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__sku-hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__tax,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form__msg,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-wrapper .ec-store h1,
html#ecwid_html body#ecwid_body.page .ec-size .ec-wrapper .ec-store .product-details__product-title,
html#ecwid_html body#ecwid_body.page .ec-size .ec-wrapper .ec-store .product-details__product-price,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .product-details-module__title,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .ec-cart-summary__row--total .ec-cart-summary__title,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .ec-cart-summary__row--total .ec-cart-summary__price,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__categories * {
font-style: $h6_font_style;
font-weight: $h6_font_weight;
line-height: $h6_line_height;
font-family: @font_family( $h6_font_family );
letter-spacing: $h6_letter_spacing{px};
}
html#ecwid_html body#ecwid_body .ecwid .ec-size .ec-wrapper .ec-store .product-details__product-description {
font-style: $body_font_style;
font-weight: $body_font_weight;
font-size: $body_font_size{px};
line-height: $body_line_height;
font-family: @font_family( $body_font_family );
letter-spacing: $body_letter_spacing{px};
text-align: $body_text_align;
color: $primary_text_color;
}
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid-product__title-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products .grid-product__image ~ .grid-product__price .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products .grid-product__image ~ .grid-product__title .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items.grid__products--layout-center .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__details,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__sku,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__sku-hover,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__tax,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .product-details-module__title,
html#ecwid_html body#ecwid_body.page .ec-size .ec-wrapper .ec-store .product-details__product-price,
html#ecwid_html body#ecwid_body.page .ec-size .ec-wrapper .ec-store .product-details__product-title,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control__text,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control__textarea,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .ec-link,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .ec-link:visited,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store input[type="radio"].form-control__radio:checked+.form-control__radio-view::after {
color: $link_color;
}
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .ec-link:hover {
color: $link_hover_color;
}
/* Product Title, Price small state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__title-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__price-hover .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__image ~ .grid-product__price .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__image ~ .grid-product__title .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items.grid__products--layout-center .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__details,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__sku,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__sku-hover,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--small-items .grid-product__tax {
font-size: @font_size($h6_font_size, multiple, ceil, 0.8)px;
}
/* Product Title, Price medium state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__title-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__price-hover .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__image ~ .grid-product__price .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__image ~ .grid-product__title .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items.grid__products--layout-center .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__details,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__sku,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__sku-hover,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--medium-items .grid-product__tax {
font-size: $h6_font_size{px};
}
/* Product Title, Price large state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__title-inner,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__price-hover .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__image ~ .grid-product__price .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__image ~ .grid-product__title .grid-product__price-amount,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items.grid__products--layout-center .grid-product__price-compare,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__details,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__sku,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__sku-hover,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--large-items .grid-product__tax {
font-size: @font_size($h6_font_size, multiple, ceil, 1.2)px;
}
/* Product Add To Cart button */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store button {
font-style: $button_font_style;
font-weight: $button_font_weight;
line-height: $button_line_height;
font-family: @font_family( $button_font_family );
letter-spacing: $button_letter_spacing{px};
}
/* Product Add To Cart button normal state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control--secondary .form-control__button,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control--primary .form-control__button {
border-color: $accent_color;
background-color: transparent;
color: $accent_color;
}
/* Product Add To Cart button hover state, Product Category active state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control--secondary .form-control__button:hover,
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .form-control--primary .form-control__button:hover,
html#ecwid_html body#ecwid_body .horizontal-menu-container.horizontal-desktop .horizontal-menu-item.horizontal-menu-item--active>a {
border-color: $accent_color;
background-color: $accent_color;
color: $invert_text_color;
}
/* Black Product Add To Cart button normal state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--appearance-hover .grid-product--dark .form-control--secondary .form-control__button {
border-color: $accent_color;
background-color: $accent_color;
color: $invert_text_color;
}
/* Black Product Add To Cart button normal state */
html#ecwid_html body#ecwid_body .ec-size .ec-wrapper .ec-store .grid__products--appearance-hover .grid-product--dark .form-control--secondary .form-control__button:hover {
border-color: $invert_text_color;
background-color: $invert_text_color;
color: $accent_color;
}
/* Product Add To Cart button small label */
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-wrapper .ec-store .form-control .form-control__button {
font-size: @font_size($button_font_size, multiple, ceil, 0.9)px;
}
/* Product Add To Cart button medium label */
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-wrapper .ec-store .form-control--small .form-control__button {
font-size: $button_font_size{px};
}
/* Product Add To Cart button large label */
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-wrapper .ec-store .form-control--medium .form-control__button {
font-size: @font_size($button_font_size, multiple, ceil, 1.2)px;
}
/* Mini Cart icon styles */
html#ecwid_html body#ecwid_body .ec-minicart__body .ec-minicart__icon .icon-default path[stroke],
html#ecwid_html body#ecwid_body .ec-minicart__body .ec-minicart__icon .icon-default circle[stroke] {
stroke: $link_color;
}
html#ecwid_html body#ecwid_body .ec-minicart:hover .ec-minicart__body .ec-minicart__icon .icon-default path[stroke],
html#ecwid_html body#ecwid_body .ec-minicart:hover .ec-minicart__body .ec-minicart__icon .icon-default circle[stroke] {
stroke: $link_hover_color;
}