/* #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{em}; text-align: $body_text_align; color: $regular_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.5)px; line-height: $h1_line_height; font-family: @font_family( $h1_font_family ); letter-spacing: $h1_letter_spacing{em}; text-align: $h1_text_align; color: $regular_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{em}; text-align: $h2_text_align; color: $regular_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.8)px; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } h4, .h4-style { font-style: $h4_font_style; font-weight: $h4_font_weight; font-size: @font_size($h4_font_size, multiple, ceil, 0.9333)px; line-height: $h4_line_height; font-family: @font_family( $h4_font_family ); letter-spacing: $h4_letter_spacing{em}; text-align: $h4_text_align; color: $regular_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{em}; text-align: $h5_text_align; color: $regular_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{em}; text-align: $h6_text_align; color: $regular_h6_color; } @media (min-width: 992px) { 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}; } h4, .h4-style { font-size: $h4_font_size{px}; } } h3:before, .h1-style:before { background: $regular_accent_color_1; } a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .not-found:not(.no-results) .page-title { color: $regular_link_color; } a:hover { color: $regular_link_hover_color; } /* #Invert Color Scheme */ .invert { color: $regular_text_color; } .invert h1 { color: $invert_h1_color; } .invert h2 { color: $invert_h2_color; } .invert h3 { color: $invert_h3_color; } .invert h4 { color: $invert_h4_color; } .invert h5 { color: $invert_h5_color; } .invert h6 { color: $invert_h6_color; } .invert a { color: $invert_link_color; } .invert a:hover { color: $invert_link_hover_color; } .invert.invert_primary a:hover { color: $regular_link_hover_color; } .text-accent-1 { color: $regular_accent_color_1; } .invert .text-accent-1 { color: $invert_accent_color_1;} .text-accent-2 { color: $regular_accent_color_2; } .invert .text-accent-2 { color: $invert_accent_color_2; } .text-accent-3 { color: $regular_accent_color_3; } .invert .text-accent-3 { color: $invert_accent_color_3; } /* #Layout */ @media (min-width: 1200px) { .site .container, .header-layout-boxed .site .top-panel__container.container, .footer-layout-boxed .site .footer-container .site-info.container, .blog-default.position-fullwidth.single-post .post img:not(.swiper-image) { max-width: $container_width{px}; } } /*Team members*/ .single-team-wrap{ background: $main_box_color; } /* #404 */ body.error404 .site-content { background-color: $page_404_bg_color; background-repeat: $page_404_bg_repeat; background-position: $page_404_bg_position_x top; background-attachment: $page_404_bg_attachment; } body .no-results.not-found { background: $main_box_color; } /* Cherry search */ .cherry-search__spinner svg path, .cherry-search__spinner svg rect{ fill: $regular_accent_color_1; } .cherry-search-wrapper .cherry-search__results-item .cherry-search__item-title{ color: $regular_h5_color; } .cherry-search-wrapper .cherry-search__item-attr{ color: $regular_text_color; } .cherry-search-wrapper .cherry-search__more-button{ color: $invert_link_color; background-color: $regular_accent_color_2; } .cherry-search-wrapper .cherry-search__more-button:hover{ background-color: $regular_accent_color_1; }/* * * Dynamic styles for Woo-elements */ header .woocommerce-currency-switcher-form ul.dd-options, .dropdown .top-panel__menu { background-color: $top_panel_bg; } .entry-content > .woocommerce, .woocommerce.add_to_cart_inline, .track_order, #woo-main, .single_product_wrapper, .woocommerce-tabs, .related, .up-sells, .woocommerce table.shop_table thead tr, .woocommerce table.shop_table tbody tr.cart_item:nth-child(even), .woocommerce table.shop_table tbody tr.order_item:nth-child(even), .woocommerce-order-received .entry-content, #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment, .tm_pb_product_categories, .tm_pb_best_selling_products, .tm_pb_featured_products, .tm_pb_product, .tm_pb_add_to_cart, .tm_pb_add_to_cart_url, .tm_pb_product_category, .tm_pb_sale_products, .woocommerce.columns-1, .woocommerce.columns-2, .woocommerce.columns-3, .woocommerce.columns-4, .woocommerce.columns-5, .tm_pb_recent_products, #tm_builder_outer_content .tm_pb_equal_columns .tm_pb_column:before, .tm-products-sale-end-date, .woocommerce-cart .cart-content .cross-sells, .woocommerce-cart .cart-content .up-sells{ background: $main_box_color; } .tm-wc-quick-view-popup-content .product_meta{ font-weight: $h6_font_weight; line-height: $h5_line_height; letter-spacing: $h6_letter_spacing{px}; font-size: $h6_font_size{px}; color: $regular_accent_color_2; } .tm-wc-quick-view-popup-content.product form.cart.variations_form .label label{ color: $regular_accent_color_2; } .tm-wc-quick-view-popup-content .product_meta a{ color: $regular_text_color; } .tm-wc-quick-view-popup-content .product_meta a:hover{ color: $regular_accent_color_1; } .product.product-list .product-categories a:hover{ color: $regular_accent_color_1; } .tm-products-sale-end-date{ color: $regular_accent_color_2; } .tm-categories-carousel-widget-container h3{ 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{em}; text-align: $h5_text_align; color: $regular_h5_color; } .tm-categories-carousel-widget-container .title_count_block > a, .widget.tm_products_carousel_widget .tm_products_carousel_widget_product_desc { font-style: $body_font_style; font-weight: $body_font_weight; font-size: @font_size( $body_font_size[size], multiple, round, .75 )px; line-height: $body_line_height; font-family: @font_family( $body_font_family ); letter-spacing: $body_letter_spacing{em}; text-align: $body_text_align; color: $regular_text_color; } .stock, .woocommerce div.product .stock, .tm-woowishlist-item .stock{ color: $in_stock_badge_color; border-color: $in_stock_badge_color; } .stock, .woocommerce div.product .out-of-stock, .tm-woowishlist-item .stock.out-of-stock{ color: $out_stock_badge_color; border-color: $out_stock_badge_color; } .products .product .product-content-inner, .login-form-wrap, .coupon-form-wrap, .woocommerce form.woocommerce-checkout > * { background: $main_box_color; } .invert .products .product .product-content-inner{ background: $footer_widgets_bg_top; } .products .product-category .count{ color: $regular_text_color; } .products .product .product-categories li:after, .products .product.product-list .product-categories, .products .product .product-categories, .products .product .product-categories a{ color: $regular_text_color; font-weight: $body_font_weight; } .products .product .product-widget-tags li:after, .products .product .product-categories a:hover, .products .product .product-widget-tags{ color: $regular_accent_color_1; } .invert .products .product .product-widget-tags li:after, .invert .products .product .product-widget-tags{ color: $invert_accent_color_1; } .products .product-category .count:hover{ color: $regular_link_color; } .tm_banners_grid_widget_banner_title{ font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; font-family: @font_family( $h6_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } .products .product-category .title_count_block>span, .tm-categories-carousel-widget-container .tm-categories-carousel-widget-wrapper .title_count_block>span { color: $regular_text_color; } .products .product-category > a h3:hover, .tm-categories-carousel-widget-container h3:hover, .products .product-category > a .title_count_block>span:hover, .tm-categories-carousel-widget-container .tm-categories-carousel-widget-wrapper .title_count_block>span:hover { color: $regular_accent_color_1;; } .woocommerce .page-title, .woocommerce-checkout h3, .woocommerce-checkout .woocommerce-info, .woocommerce-checkout h2, .tm_custom_menu_widget h3, #tm_builder_outer_content .tm_pb_widget_area .tm_custom_menu_widget .widget-title{ font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h5_font_size{px}; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } .woocommerce-checkout-payment .payment_methods li.payment_method_cheque label, .woocommerce-checkout-payment#payment ul.payment_methods li label, .products .product.product-list h3 { 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{em}; text-align: $h5_text_align; color: $regular_h5_color; } .woocommerce-checkout-payment .payment_methods li.payment_method_cheque label, .woocommerce-checkout-payment#payment ul.payment_methods li label { color: $regular_h5_color; } .woocommerce form.login .lost_password a, .woocommerce form.login .lost_password a:hover{ font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{em}; color: $regular_accent_color_1; } .woocommerce form.login .lost_password a{ border-bottom-color: $regular_accent_color_1; } .products .product.product-list h3:before, .related h4:before, .woocommerce .page-title:before, .woocommerce-checkout h3:before, .woocommerce-checkout .woocommerce-info:before, .woocommerce-checkout-payment .payment_methods li label:before, .woocommerce-checkout h2:before, .tm_custom_menu_widget h3:before{ background: $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale:before, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .product-content-inner{ background: $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget-title, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-next, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-prev{ color: $invert_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-next, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-prev{ } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-next:hover, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-prev:hover, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-next.swiper-button-disabled, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .swiper-button-prev.swiper-button-disabled{ color: $regular_accent_color_2; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-categories, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-widget-tags, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-categories a, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-widget-tags a, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-categories li:after, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product h3 , #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-widget-tags li:after, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .woocs_price_code ins, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .tm_products_carousel_widget_product_desc, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product span.price{ color: $invert_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product h3 a:hover, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .product-categories a:hover { color: $invert_accent_color_3; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .widget .product .woocs_price_code del{ color: $regular_accent_color_3; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale a.button{ color: $regular_accent_color_2; background: $invert_accent_color_1; border-color: $invert_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale a.button:hover{ color: $invert_accent_color_1; background: $regular_accent_color_2; border-color: $regular_accent_color_2; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-quick-view-btn, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-woowishlist-button, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-woocompare-button{ color: $invert_accent_color_1; } #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-quick-view-btn:hover, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-woowishlist-button:hover, #tm_builder_outer_content .tm_pb_equal_columns .module_on_sale .tm-woocompare-button:hover{ color: $regular_accent_color_2; } /* * Woo-elements * Woocommerce carousel-category-products */ .tm-categories-carousel-widget-container .swiper-button-next, .tm-categories-carousel-widget-container .swiper-button-prev, .woocommerce .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn, .woocommerce-product-search label i { color: @lighten($regular_text_color, 25%); } .tm-categories-carousel-widget-container .swiper-button-next:hover, .tm-categories-carousel-widget-container .swiper-button-prev:hover, .woocommerce .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn:hover { color: $regular_accent_color_1; } .woocommerce .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { background: $regular_accent_color_2; } .woocommerce .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active, .woocommerce .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .site-header-cart .cart-contents .count { background: $regular_accent_color_3; } .mobile-panel__menu-wrap i, .mobile-panel .header-search .search-form__toggle, .header-search .search-form__toggle:before, .mobile-panel .site-header-cart .cart-contents .linearicon, .mobile-panel .woocommerce-currency-switcher-form .dd-container .dd-selected label, .mobile-panel .woocommerce-currency-switcher-form .dd-container { color: $regular_accent_color_2; } .mobile-panel .site-header-cart .cart-contents .count { background: $regular_accent_color_3; } .tm_about_store_widget span { font-style: $h4_font_style; font-weight: $h4_font_weight; font-size: @font_size($h4_font_size, multiple, ceil, 1)px; line-height: $h4_line_height; font-family: @font_family( $h4_font_family ); letter-spacing: $h4_letter_spacing{em}; } #tm_builder_outer_content .tm_pb_widget_area .tm_about_store_widget h3.widget-title { font-style: $h2_font_style; font-weight: $h2_font_weight; font-size: @font_size($h2_font_size, multiple, ceil, 1)px; line-height: $h2_line_height; font-family: @font_family( $h2_font_family ); letter-spacing: $h2_letter_spacing{em}; } #tm_builder_outer_content .tm_pb_widget_area .widget.tm_about_store_widget, .tm_about_store_widget, #tm_builder_outer_content .tm_pb_widget_area .tm_about_store_widget h3.widget-title{ color: $invert_accent_color_1;; } /* * Woo-elements * Woocommerce price styles */ .woocommerce .products .product .price, .woocommerce div.product span.price, .woocommerce div.product p.price, .cart_list li .quantity .amount, .woocommerce-cart .woocommerce .amount, .woocommerce-checkout .woocommerce .amount, .widget .woocs_price_code ins, .price { color: $regular_accent_color_1; } .woocommerce .products .product.product-list .price{ color: $regular_accent_color_1; } .woocommerce .products .product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .widget .woocs_price_code del, .woocommerce .products .product.product-list .price del{ color: $regular_accent_color_2; } /* * Woo-elements * Woocommerce product widgets */ .widget_tm_woocommerce_wishlist .tm-woowishlist-widget-product .price{ color: $regular_accent_color_1; } .widget.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-handle{ background: $invert_accent_color_3; } .widget.widget_price_filter .price_slider_wrapper .ui-slider .ui-slider-range{ background: $regular_accent_color_1; } .invert .woocommerce.widget .product-title, .invert .woocommerce.widget .product-title a, .invert .woocommerce ul.cart_list li>a, .invert .woocommerce ul.product_list_widget li>a { color: $invert_accent_color_1; } .invert .woocommerce.widget .product-title a:hover, .invert .woocommerce ul.cart_list li>a:hover, .invert .woocommerce ul.product_list_widget li>a:hover { color: $regular_accent_color_1; } .site-header-cart .woocommerce ul.cart_list li>a, .site-header-cart .woocommerce ul.product_list_widget li>a, .woocommerce.widget_shopping_cart .total strong{ color: $invert_accent_color_1; } .site-header-cart ul.cart_list > li .quantity{ color: $regular_text_color; } .site-header-cart ul.cart_list > li .quantity .amount, .woocommerce.widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .amount span{ color: $regular_accent_color_1; } .site-header-cart .shopping_cart-dropdown-wrap .shopping_cart-header h5:before { background: $regular_accent_color_1; } .woocommerce.widget_products .product-widget-categories a, .woocommerce.widget_top_rated_products .product-widget-categories a, .woocommerce.widget_recent_reviews .product-widget-categories a, .woocommerce.widget_recently_viewed_products .product-widget-categories a, .woocommerce.widget_products .product-widget-categories, .woocommerce.widget_top_rated_products .product-widget-categories, .woocommerce.widget_recent_reviews .product-widget-categories, .woocommerce.widget_recently_viewed_products .product-widget-categories{ color: $regular_accent_color_1; } .woocommerce.widget_products .product-widget-categories a:hover, .woocommerce.widget_top_rated_products .product-widget-categories a:hover, .woocommerce.widget_recent_reviews .product-widget-categories a:hover, .woocommerce.widget_recently_viewed_products .product-widget-categories a:hover{ color: $regular_accent_color_2; } .invert .woocommerce.widget_products .product-widget-categories a:hover, .invert .woocommerce.widget_top_rated_products .product-widget-categories a:hover, .invert .woocommerce.widget_recent_reviews .product-widget-categories a:hover, .invert .woocommerce.widget_recently_viewed_products .product-widget-categories a:hover{ color: $invert_accent_color_1; } .woocommerce.widget_products .price, .woocommerce.widget_top_rated_products .price, .woocommerce.widget_recent_reviews .price, .woocommerce.widget_recently_viewed_products .price{ color: $regular_accent_color_1; } .woocommerce.widget .product-title a:hover, .woocommerce ul.cart_list li>a:hover, .woocommerce ul.product_list_widget li>a:hover { color: $regular_accent_color_1; } /* Styles for product-categories */ .woocommerce > ul > li .product-widget-categories, .woocommerce > ul > li .product-widget-categories a, .woocommerce > ul span.reviewer, .woocommerce.widget_shopping_cart .total span { color: $regular_text_color; } .woocommerce > ul > li .product-widget-categories a:hover, .woocommerce.widget_shopping_cart ul.cart_list > li dl dt { color: $regular_accent_color_1; } /* * Woo-elements * Compare and wishlist buttons */ .woocommerce .tm-woocompare-button, .woocommerce .tm-woowishlist-button { border-color: @lighten($regular_text_color, 25%); } .woocommerce .tm-woocompare-button:hover, .woocommerce .tm-woowishlist-button:hover { border-color: $regular_accent_color_1; } .woocommerce .tm-woocompare-page-button.button.alt:hover, .woocommerce .tm-woowishlist-page-button.button.btn:hover { color: $regular_accent_color_2; } .woocommerce button.button.btn:hover { color: $invert_link_color; background: $regular_accent_color_2; border-color: $regular_accent_color_2; } /* * Woo-elements * Sale-timer styles */ .tm-products-sale-end-date span { background: $invert_accent_color_1; color: $regular_accent_color_2; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { background: $regular_accent_color_2; border-color: $regular_accent_color_2; color: $invert_link_color; } /* * Woo-elements * Buttons woo styles */ input.button, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.tm-woocompare-empty, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button.btn.tm-wc-ajax-load-more-button, .woocommerce .widget_tm_woocommerce_wishlist .tm-woowishlist-page-button.button.btn, .woocommerce button.button.btn, .woocs_converter_shortcode_button{ background: $regular_accent_color_1; border-color: $regular_accent_color_1; color: $invert_link_color; } .woocommerce.widget_shopping_cart .buttons a.button:hover{ background: $regular_accent_color_3; border-color: $regular_accent_color_3; } .woocommerce a.button.product_type_variable{ color: $regular_accent_color_2; } .invert .woocommerce a.button.product_type_variable{ color: $invert_accent_color_1; border-color: $invert_accent_color_1; } .invert .woocs_converter_shortcode_button, .woocommerce .invert .widget_tm_woocommerce_wishlist .tm-woowishlist-page-button.button.btn, .woocommerce .invert a.button, .woocommerce .invert button.button{ color: $invert_accent_color_1; border-color: $invert_accent_color_1; background: $footer_widgets_bg_top; } .woocommerce .invert .widget_tm_woocommerce_wishlist .tm-woowishlist-page-button.button.btn:hover, .invert .woocommerce a.button.product_type_variable:hover, .invert .woocs_converter_shortcode_button:hover{ color: $regular_accent_color_2; border-color: $invert_accent_color_1; background: $invert_accent_color_1; } .woocommerce #respond input#submit, .woocs_converter_shortcode_button:hover, input.button:hover{ color: $invert_accent_color_1; background: $regular_accent_color_2; border-color: $regular_accent_color_2; } .woocommerce #respond input#submit:hover { background: $regular_accent_color_1; border-color: $regular_accent_color_1; color: $invert_accent_color_1; } .woocommerce a.button.add_to_cart_button.loading, .woocommerce a.button.add_to_cart_button.loading:hover, .woocommerce .widget_tm_woocommerce_wishlist .tm-woowishlist-page-button.button.btn:hover{ background: $regular_accent_color_2; color: $invert_accent_color_1; border-color: $regular_accent_color_2; } .woocommerce a.button.add_to_cart_button.loading:after, .woocommerce a.button.add_to_cart_button.loading:hover:after{ color: $invert_accent_color_1; } .products .product .add_to_cart_button.added, .button.add_to_cart_button.added, .add_to_cart_button.added, .woocommerce-checkout-payment#payment div.form-row.place-order .button{ background: $regular_accent_color_4; border-color: $regular_accent_color_4; } .woocommerce a.button.product_type_variable. { color: $regular_accent_color_2; } .woocommerce a.button.product_type_variable:after{ color: $regular_text_color; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.tm-woocompare-empty:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button.btn.tm-wc-ajax-load-more-button:hover { background: $regular_accent_color_2; border-color: $regular_accent_color_2; color: $invert_link_color; } .invert .woocommerce a.button, .invert .woocommerce button.button, .invert .woocommerce button.button.tm-woocompare-empty, .invert .woocommerce input.button, .invert .woocommerce #respond input#submit.alt, .invert .woocommerce a.button.alt, .invert .woocommerce button.button.alt, .invert .woocommerce input.button.alt, .invert .woocommerce button.button.btn.tm-wc-ajax-load-more-button { background: $footer_widgets_bg_top; border-color: $invert_accent_color_1; color: $invert_link_color; } .invert .woocommerce a.button:hover, .invert .woocommerce button.button:hover, .invert .woocommerce button.button.tm-woocompare-empty:hover, .invert .woocommerce input.button:hover, .invert .woocommerce #respond input#submit.alt:hover, .invert .woocommerce a.button.alt:hover, .invert .woocommerce button.button.alt:hover, .invert .woocommerce input.button.alt:hover, .invert .woocommerce button.button.btn.tm-wc-ajax-load-more-button:hover { background: $invert_accent_color_1; border-color: $invert_accent_color_1; color: $regular_accent_color_2; } .woocommerce a.button.product_type_variable:hover, .woocommerce-checkout-payment#payment div.form-row.place-order .button:hover{ color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .woocommerce a.button.product_type_variable:hover:after{ color: $invert_link_color; } .woocommerce a.button.product_type_variable:active { box-shadow: 0 0 10px $regular_accent_color_1; } /*disable button syles*/ .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background: @darken( $regular_accent_color_1, 10% ); border-color: @darken( $regular_accent_color_1, 10% ); color: $invert_link_color; } /* * Woo-elements * Woo-Badge styles */ .woocommerce span.onsale{ color: $onsale_badge_color; background: $onsale_badge_bg; } .woocommerce span.featured { color: $featured_badge_color; background: $featured_badge_bg; } .woocommerce span.new { color: $new_badge_color; background: $new_badge_bg; } .wcvendors_sold_by_in_loop { color: $vendors_budge_color; background: $vendors_budge_bg; } /* * Woo-elements * Grid-list toggle buttons */ .tm-woo-grid-list-toggle-button .tm-woo-grid-list-toggler { color: $regular_accent_color_2; } .tm-wc-ajax-products-wrapper .tm-woo-grid-list-toggle-button-wrapper .tm-woo-grid-list-toggle-button .tm-woo-grid-list-toggler.disabled, .tm-wc-ajax-products-wrapper .tm-woo-grid-list-toggle-button-wrapper .tm-woo-grid-list-toggle-button .tm-woo-grid-list-toggler:hover { color: $regular_accent_color_1; } /* * Woo-elements * Single-product styles */ .single-product div.product h1.product_title{ font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h5_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } .woocommerce p.stars a, .woocommerce p.stars a:hover ~ a, .woocommerce p.stars.selected a.active ~ a, .woocommerce p.stars.selected:hover a:hover ~ a, .woocommerce p.stars.selected:hover a:hover ~ a.active ~ a, .woocommerce p.stars.selected:hover a.active:hover ~ a, .woocommerce p.stars.selected:hover a.active ~ a:hover ~ a { color: @lighten($regular_text_color, 18.627%); } .woocommerce p.stars:hover a, .woocommerce p.stars.selected a, .woocommerce p.stars.selected:hover a, .woocommerce p.stars.selected:hover a.active ~ a { color: $regular_accent_color_3; } .woocommerce p.stars a.hover~a:before, .woocommerce p.stars.selected a.active~a:before { color: @lighten($regular_text_color, 18.627%); } .woocommerce.single-product div.product form.cart .variations label{ color: $regular_accent_color_2; } label .required{ color: $regular_accent_color_1; } @media (min-width: 992px) { font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } .woocommerce.single-product div.product p.price, .woocommerce.single-product div.product p.price ins, .woocommerce .product-list .woocs_price_code, .tm-wc-quick-view-popup-content .woocs_price_code, .woocommerce div.product.tm-wc-quick-view-popup-content p.price ins{ font-size: $h3_font_size{px}; line-height: $h3_line_height; font-style: $h3_font_style; font-weight: $h3_font_weight; color: $regular_accent_color_1; } .woocommerce div.product.tm-wc-quick-view-popup-content p.price del{ font-size: $h5_font_size{px}; line-height: $h5_line_height; font-style: $h5_font_style; font-weight: $h5_font_weight; } .woocs_price_code{ font-size: $h6_font_size{px}; line-height: $h6_line_height; font-style: $h6_font_style; font-weight: $h6_font_weight; color: $regular_accent_color_1; } .single-product .entry-summary .woocs_price_code{ font-size: $h3_font_size{px}; line-height: $h3_line_height; font-style: $h3_font_style; font-weight: $h3_font_weight; } .woocommerce.single-product div.product p.price del{ color: $regular_accent_color_2; font-size: @font_size( $h5_font_size[size], multiple, round, .9)px; } .woocommerce div.quantity .tm-qty-minus, .woocommerce div.quantity .tm-qty-plus{ color: $regular_text_color; background: @lighten($regular_text_color, 36.470588235294116%); } .woocommerce div.quantity .tm-qty-minus:hover, .woocommerce div.quantity .tm-qty-plus:hover{ color: $invert_accent_color_1; background: $regular_accent_color_2; } .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_twitter a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_facebook a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_googleplus a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_linkedin a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_pinterest a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_tumblr a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_stumbleupon a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_vkontakte a:hover, .woocommerce.single-product div.product .woo-social-buttons > span.custom.smsb_email a:hover{ background: $regular_accent_color_1; } .woocommerce.single-product div.product .woocommerce-tabs .tabs li a, .woocommerce .single-product div.product .woocommerce-tabs .tabs li a{ color: $regular_accent_color_2; letter-spacing: $h6_letter_spacing{em}; } .woocommerce.single-product div.product .woocommerce-tabs .tabs li.active a, .woocommerce.single-product div.product .woocommerce-tabs .tabs li:hover a, .woocommerce .single-product div.product .woocommerce-tabs .tabs li.active a, .woocommerce .single-product div.product .woocommerce-tabs .tabs li:hover a{ color: $regular_accent_color_1; border-bottom-color: $regular_accent_color_1; } .woocommerce.single-product .cart .reset_variations{ color: $invert_accent_color_1; background: $regular_accent_color_2; border-color: $regular_accent_color_2; } .woocommerce.single-product .cart .reset_variations:hover{ background: $regular_accent_color_1; border-color: $regular_accent_color_1; } .woocommerce-Reviews .entry-meta { font-style: $meta_font_style; font-weight: $body_font_weight; font-size: @font_size( $meta_font_size[size], multiple, round, .85)px; line-height: $meta_line_height; } .woocommerce.single-product div.product .summary .wishlist_compare_button_block button:after, .woocommerce.single-product div.product .wishlist_compare_button_block .tm-woocompare-page-button:before, .woocommerce.single-product div.product .wishlist_compare_button_block .tm-woowishlist-page-button:before{ color: $regular_accent_color_2; } .woocommerce.single-product div.product .posted_in{ color: $regular_accent_color_1; letter-spacing: $meta_letter_spacing{em}; } .woocommerce.single-product div.product .single_product_wrapper .enlarge{ color: $regular_accent_color_2; background: $invert_accent_color_1; } .woocommerce.single-product #content div.product .product_meta { color: $regular_text_color; } .woocommerce-currency-switcher-form .dd-container .dd-selected label, .woocommerce-currency-switcher-form .dd-container { color: $regular_text_color; } .woocommerce-currency-switcher-form .dd-container .dd-options a.dd-option{ color: $regular_text_color; } .woocommerce-currency-switcher-form .dd-container .dd-options a.dd-option:hover{ color: $regular_accent_color_1; } .woocommerce-currency-switcher-form .dd-container .dd-selected label:hover{ color: $regular_accent_color_1; } .woocommerce.single-product #content div.product .product_meta a{ color: $regular_text_color; } .woocommerce.single-product #content div.product .product_meta a:hover { color: $regular_accent_color_1; } .woocommerce table.shop_attributes th { color: $regular_accent_color_2; } /* * Woo-elements * SmartBox widget */ .rd-material-tab.rd-material-tab-active a{ color: $regular_accent_color_1; } .tm_custom_menu_widget .menu li a{ color: $regular_text_color; } .tm_custom_menu_widget .menu li a:hover{ color: $regular_accent_color_1; } .invert .tm_custom_menu_widget .menu li a:hover{ color: $invert_accent_color_1; } .tm-products-smart-box-widget__rd-material-tabs .product h3 { font-style: $h3_font_style; font-weight: $body_font_weight; font-size: @font_size($body_font_size, multiple, ceil, .85)px; line-height: $body_line_height; letter-spacing: $body_letter_spacing{em}; } .tm-products-smart-box-widget__rd-material-tabs .product h3:hover { color: $regular_accent_color_1; } .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab a, .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab a:before{ color: $regular_text_color; } .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab a:hover, .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab a:hover:before, .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab.rd-material-tab-active a, .widget.tm_products_smart_box_widget .rd-material-tabs__list .rd-material-tab.rd-material-tab-active a:before { color: $regular_accent_color_1; } .tm-products-smart-box-widget__rd-material-tabs .product .price del .amount{ font-size: @font_size($h4_font_size, multiple, ceil, 0.5333333333333333)px; } .tm-products-smart-box-widget__rd-material-tabs .product .price del .amount, .tm-products-smart-box-widget__rd-material-tabs .product .price del { font-family: $body_font_family; } /** * Woo-elements * Cart page */ .tm-woowishlist-remove, .tm-woocompare-remove { color: $regular_accent_color_1; } .woocommerce table.shop_table thead th, .woocommerce table.shop_table tbody .shipping th{ font-style: $h5_font_style; font-weight: $h5_font_weight; font-size: @font_size( $h5_font_size[size], multiple, round, .6)px; line-height: $h5_line_height; font-family: @font_family( $h5_font_family ); letter-spacing: $h5_letter_spacing{em}; text-align: $h5_text_align; color: $regular_h5_color; } @media (min-width: 992px){ .woocommerce table.shop_table thead th{ font-size: $h5_font_size{px}; } } .woocommerce table.shop_table .shipping .button{ background: $regular_accent_color_2; border-color: $regular_accent_color_2; } .woocommerce table.shop_table .shipping .button:hover{ background: $regular_accent_color_1; border-color: $regular_accent_color_1; } .woocommerce table.shop_table .shipping ul li label, .woocommerce-cart .cart-collaterals .cart_totals table select{ color: $regular_text_color; } .woocommerce table.shop_table .shipping .shipping-calculator-button{ font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{em}; text-align: $h6_text_align; color: $regular_accent_color_1; border-bottom-color: $regular_accent_color_1; } .woocommerce a.remove{ color: $regular_accent_color_1!important; } .woocommerce a.remove:hover{ color: $regular_accent_color_2!important; } .woocommerce .widget_shopping_cart_content a.remove:hover{ color: $invert_accent_color_1!important; } .woocommerce table.shop_table input.header-btn, .woocommerce table.shop_table input.header-btn:hover:disabled, .woocommerce table.shop_table .update_cart_icon{ color: $regular_accent_color_2; } .woocommerce table.cart input.header-btn:disabled{ } .woocommerce table.shop_table input.header-btn:hover{ color: $regular_accent_color_1; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td strong.product-quantity, table.order_details tbody tr td strong.product-quantity { color: $regular_accent_color_1; } .woocommerce table.shop_table tbody tr.cart-subtotal .woocommerce-Price-amount.amount, .woocommerce table.shop_table tbody tr.order-total .woocommerce-Price-amount.amount, .woocommerce-cart .woocommerce .amount, .woocommerce-checkout .woocommerce .amount{ color: $regular_accent_color_1; } .woocommerce-cart .cart-content .cart-wrap, .tm_pb_top_rated_products{ background: $main_box_color; } .woocommerce .cart-collaterals div.cart_totals .checkout-button{ background: $regular_accent_color_4; border-color: $regular_accent_color_4; } .woocommerce .cart-collaterals div.cart_totals .checkout-button:hover{ background: $regular_accent_color_1; border-color: $regular_accent_color_1; } .woocommerce table.shop_table tbody tr.order-total .woocommerce-Price-amount.amount{ font-size: $h3_font_size{px}; } .woocommerce table.shop_table tbody tr.cart-subtotal th, .woocommerce table.shop_table tbody tr.cart-subtotal td, .woocommerce table.shop_table tbody tr.cart-subtotal .amount, .woocommerce table.shop_table tbody tr.order-total th, .woocommerce table.shop_table tbody tr.order-total td, .woocommerce table.shop_table tbody tr.order-total .amount, .woocommerce-cart .woocommerce .amount, .woocommerce-checkout .woocommerce .amount{ 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{em}; text-align: $h5_text_align; color: $regular_h5_color; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td > span, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .amount, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td > span{ font-weight: $h5_font_weight; color: $regular_h5_color; font-size: $h5_font_size{px}; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td .amount{ color: $regular_accent_color_1; } .woocommerce-cart .woocommerce .amount, .woocommerce-checkout .woocommerce .amount{ color: $regular_accent_color_1; } .woocommerce table.shop_table thead th, .cart-collaterals div.cart_totals table tbody tr, .cart-collaterals div.cart_totals table tbody td, .cart-collaterals div.cart_totals table tbody td, .cart-collaterals div.cart_totals table tbody th, table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th, table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tbody tr td, table.order_details tfoot tr, .woocommerce .order_details li strong { color: $regular_accent_color_2; } .woocommerce table.shop_table tbody tr td.product-name a { color: $regular_accent_color_2; } .woocommerce table.shop_table tbody tr td.product-name a:hover{ color: $regular_accent_color_1; } .woocommerce table.shop_table tbody tr td.product-name .variation{ color: $regular_text_color; } .woocommerce table.shop_table tbody tr td.product-price .amount, .woocommerce table.shop_table tbody tr td.product-price, .woocommerce-cart .woocommerce .amount{ 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{em}; text-align: $h5_text_align; color: $regular_accent_color_1; } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute { border-color: $regular_accent_color_3; background: $regular_accent_color_3; } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-reset.button { color: $invert_accent_color_1; background: $regular_accent_color_2; } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-reset.button:hover { color: $invert_accent_color_1; background: $regular_accent_color_1; } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-price, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute .tm-wc-ajax-filters-dismiss:after, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-price .tm-wc-ajax-filters-dismiss:after { color: $regular_text_color; background: @lighten($regular_text_color, 36.470588235294116%); border-color: @lighten($regular_text_color, 36.470588235294116%); } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper{ border-bottom: 1px solid @lighten($regular_text_color, 30.98039215686275%); } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute:hover, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-price:hover, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute:hover .tm-wc-ajax-filters-dismiss:after, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-price:hover .tm-wc-ajax-filters-dismiss:after { color: $invert_accent_color_1; background: $regular_accent_color_3; border-color: $regular_accent_color_3; } .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-attribute .tm-wc-ajax-filters-dismiss:hover:after, .tm-wc-ajax-products-wrapper .tm-wc-ajax-filters-wrapper .tm-wc-ajax-filters-price .tm-wc-ajax-filters-dismiss:hover:after { color: $regular_accent_color_2; } /** * Woo-elements * Checkout page * */ .woocommerce form .form-row .select2-container.country_to_state .select2-choice, .woocommerce form .form-row .select2-container.state_select .select2-choice, .woocommerce form .form-row.create-account label.checkbox, .woocommerce div.product form.cart .variations label { color: $regular_text_color; } .woocommerce form.login .form-row label.inline{ color: $regular_text_color; } .woocommerce-cart .woocommerce form label, .woocommerce-checkout .woocommerce form label, .woocommerce-checkout .cart-discount td{ font-family: $h6_font_family; font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; letter-spacing: $h6_letter_spacing{em}; } .woocommerce-checkout .woocommerce-info > a{ color: $regular_accent_color_1; border-bottom-color: $regular_accent_color_1; } .woocommerce-checkout .login-form-wrap:before, .woocommerce-checkout .coupon-form-wrap:before{ background: $regular_accent_color_1; } .woocommerce form .form-row.woocommerce-invalid label{ color: $regular_accent_color_2; } .single-product .woocommerce-error .button, .single-product .woocommerce-info .button, .single-product .woocommerce-message .button{ background: $regular_accent_color_4; } .single-product .woocommerce-error .button:hover, .single-product .woocommerce-info .button:hover, .single-product .woocommerce-message .button:hover{ background: $regular_accent_color_2; } .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before,{ color: $regular_accent_color_4; letter-spacing: $meta_letter_spacing{em}; } .woocommerce-checkout .woocommerce-info > a:hover, .woocommerce form .form-row.create-account label.checkbox:hover { color: $regular_accent_color_1; } .woocommerce form.login .form-row label.inline:hover{ color: $regular_accent_color_4; } .woocommerce form.checkout_coupon .form-row-last .button { background: $regular_accent_color_1; } .woocommerce form.checkout_coupon .form-row-last .button:hover { background: $regular_accent_color_2; border-color: $regular_accent_color_2; } .woocommerce form label { color: $regular_accent_color_2; } .woocommerce form .form-row .required { color: $regular_accent_color_1; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { color: $regular_text_color; } /** * Woo-elements * Account page * */ .woocommerce-account.logged-in .entry-content .woocommerce { background-color: $invert_accent_color_2; } .woocommerce-account.logged-in .entry-content .woocommerce .woocommerce-MyAccount-content { background-color: $main_box_color; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { font-family: $h6_font_family; font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: @font_size($h6_font_size, multiple, ceil, .8)px; line-height: $h6_line_height; letter-spacing: $h6_letter_spacing{em}; } @media (min-width: 992px) { .woocommerce-account.logged-in .woocommerce-MyAccount-navigation { font-size: $h6_font_size{px}; } } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation a { color: $regular_accent_color_2; } .woocommerce-account.logged-in .woocommerce-MyAccount-navigation a:hover, .woocommerce-account.logged-in .woocommerce-MyAccount-navigation .is-active a { color: $regular_accent_color_1; } /** * Woo-elements * Wishlist&Compare style * */ .woocommerce button.button.tm-woowishlist-button, .woocommerce button.button.tm-woocompare-button, .woocommerce .tm-woocompare-page-button.button.alt, .woocommerce .tm-woowishlist-page-button.button.btn, .tm-quick-view-btn{ color: $regular_text_color; } .woocommerce button.button.tm-woowishlist-button:hover, .woocommerce button.button.tm-woocompare-button:hover, .tm-quick-view-btn:hover{ color: $regular_accent_color_2; } .invert .woocommerce button.button.tm-woowishlist-button:hover, .invert .woocommerce button.button.tm-woocompare-button:hover, .invert .tm-quick-view-btn:hover{ color: $invert_accent_color_1; } .tm-woowishlist .tm-woowishlist-item .tm-woocomerce-list__product-title a, .tm-woocompare-table .tm-woocomerce-list__product-title, .tm-woocompare-table .tm-woocomerce-list__product-title a, .tm-woocompare-list table.tm-woocompare-table .tm-woocompare-row .title, .products .product h3, .products .product-category h3, .tm-woowishlist-widget-product h3, .tm-woocompare-widget-product h3, .woocommerce-cart .cart-content .coupon label, .woocommerce table.shop_table tbody tr td.product-name, .woocommerce.widget .product-title, .woocommerce.widget .product-title a, .woocommerce ul.cart_list li>a, .woocommerce ul.product_list_widget li>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{em}; text-align: $h6_text_align; color: $regular_h6_color; } .woocommerce table.shop_table tbody tr td.product-name { font-size: @font_size( $h6_font_size[size], multiple, round, .65)px; } .tm-woowishlist .tm-woowishlist-item .tm-woocomerce-list__product-title a:hover, .tm-woocompare-table .tm-woocomerce-list__product-title a:hover { color: $regular_accent_color_1; } .tm-woowishlist .tm-woowishlist-item .price, .tm-woocompare-list .tm-woocompare-cell .price{ color: $regular_accent_color_1; } .tm-woowishlist .tm-woowishlist-item .price del, .tm-woocompare-list .tm-woocompare-cell .price del{ color: $regular_accent_color_2; } .woocommerce .loader:before, .woocommerce .blockUI.blockOverlay:before, .woocommerce .blockUI.blockOverlay:before{ border-top-color: $regular_accent_color_1; border-right-color: $regular_accent_color_1; } .woocommerce.widget_shopping_cart ul.cart_list > li dl dt, .woocommerce.widget_shopping_cart ul.cart_list > li dl dd{ letter-spacing: $body_letter_spacing{em}; font-size: @font_size( $body_font_size[size], multiple, round, .8)px; font-weight:$body_font_weight; line-height:$body_line_height; font-family:$body_font_family; color: $regular_text_color; } button.quick-view-close:hover{ color: $regular_accent_color_1; } @media (max-width: 767px) { .tm-quick-view-popup .quick-view-buttons:before, .tm-quick-view-popup .quick-view-buttons:after{ background: $regular_accent_color_2; } .tm-quick-view-popup button.quick-view-buttons{ background: $invert_accent_color_1; color: $regular_accent_color_2; } .tm-quick-view-popup .quick-view-buttons:hover:before, .tm-quick-view-popup .quick-view-buttons:hover:after{ background: $regular_accent_color_1; } .tm-quick-view-popup button.quick-view-buttons:hover{ color: $regular_accent_color_1; } .tm-quick-view-popup button.quick-view-close:after{ background: $invert_accent_color_1; color: $regular_accent_color_2; } .tm-quick-view-popup button.quick-view-close:hover:after{ color: $regular_accent_color_1; } } td.actions{ background-color: $main_box_color!important; } @media (min-width: 544px) { .woocommerce table.shop_table tbody tr td.product-name { font-size: $h6_font_size{px}; } } .pswp__bg{ background: $main_box_color; }/* #Elements */ blockquote { color: $regular_accent_color_2; font-family: $h5_font_family; font-style: $h5_font_style; font-weight: $h5_font_weight; font-size: $h5_font_size{px}; line-height: $h5_line_height; letter-spacing: $h5_letter_spacing{em}; } blockquote:before { color: $invert_accent_color_1; background: $regular_accent_color_3; } blockquote cite { font-size: $h6_font_size{px}; line-height: $h6_line_height; font-weight: $h4_font_weight; color: $regular_text_color; } code { color: $invert_text_color; background: $regular_accent_color_1; font-family: @font_family( $body_font_family ); font-size: $body_font_size{px}; } mark { background: $regular_accent_color_1; color: $invert_text_color; font-style: $body_font_style; } .contact-block__icon { color: $regular_accent_color_1; } /*List*/ .entry-content ol >li:before { color: $regular_accent_color_1; } .entry-content ul:not([class]) > li:before { color: $regular_accent_color_2; } /* Page preloader */ .page-preloader , .page-preloader-cover .page-preloader:before, .mfp-s-loading .mfp-preloader, .tm-quick-view-loader .tm-quick-view-loader__spinner, .page-preloader-cover .page-preloader.no-image:before{ border-top-color: $regular_accent_color_1; border-right-color: $regular_accent_color_1; }/* #Header */ .header-container { background-color: $header_bg_color; background-repeat: $header_bg_repeat; background-position: $header_bg_position_x top; background-attachment: $header_bg_attachment; } @media (min-width: 1200px ) { .site-header.creative.transparent .header-container { max-width: calc($container_width{px} - 50px); } } /* ##Logo */ .site-logo { font-style: $header_logo_font_style; font-weight: $header_logo_font_weight; font-size: $header_logo_font_size{px}; font-family: @font_family( $header_logo_font_family ); } .site-logo__link:hover { color: $regular_accent_color_2; } /* ##Top Panel */ .top-panel { background-color: $top_panel_bg; } .site-header-cart .cart-contents i { color: @lighten($regular_text_color, 25%); } .invert .site-header-cart .cart-contents i { color: $invert_text_color; } .site-header-cart .cart-contents:hover i, .invert .site-header-cart .cart-contents:hover i{ color: $regular_link_color; } /*Contact block*/ .site-header .contact-block__label { color: $regular_accent_color_2; } @media (min-width: 1200px ) { .site-header .contact-block__label{ letter-spacing: 1; } } .site-header .invert .contact-block__label { color: $invert_accent_color_2; }/* #Search Form */ .search-form__field { color: $regular_text_color; } .search-form__input-wrap i, .search-form__toggle, .search-form__close { color: $regular_accent_color_2; } .invert .search-form__toggle, .invert .search-form__close { color: $invert_text_color; } .search-form__toggle:hover, .invert .search-form__toggle:hover, .search-form__close:hover, .invert .search-form__close:hover{ color: $regular_link_color; } .top-panel .search-form__submit, .header-container .search-form__submit, .mobile-panel .search-form__submit{ color: $invert_link_color; background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .top-panel .search-form__submit:hover, .header-container .search-form__submit:hover, .mobile-panel .search-form__submit:hover, .top-panel.invert .search-form__submit:hover, .header-container.invert .search-form__submit:hover, .mobile-panel.invert .search-form__submit:hover{ color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .top-panel.invert .search-form__field { color: $invert_text_color; } .top-panel.invert .search-form__field::-webkit-input-placeholder { color: $invert_text_color; } .top-panel.invert .search-form__field::-moz-placeholder { color: $invert_text_color; } .top-panel.invert .search-form__field:-moz-placeholder { color: $invert_text_color; } .top-panel.invert .search-form__field:-ms-input-placeholder { color: $invert_text_color; } .header-container.invert .search-form__field { color: $invert_text_color; } .header-container.invert .search-form__field::-webkit-input-placeholder { color: $invert_text_color; } .header-container.invert .search-form__field::-moz-placeholder { color: $invert_text_color; } .header-container.invert .search-form__field:-moz-placeholder { color: $invert_text_color; } .header-container.invert .search-form__field:-ms-input-placeholder { color: $invert_text_color; } /* #Comment, Contact, Password Forms */ [class^="comment-form-"] i{ color: @lighten($regular_text_color, 25%); } .comment-form .submit, .wpcf7-submit, .post-password-form label + input { color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .comment-form .submit:hover, .wpcf7-submit:hover, .post-password-form label + input:hover { color: $invert_link_color; background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .comment-form .submit:active, .wpcf7-submit:active, .post-password-form label + input:active { box-shadow: 0 0 10px $regular_accent_color_2; } #tm_builder_outer_content .tm_pb_contact_form_label:after{ color: $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_contact_form_label{ color: $regular_accent_color_2; } #tm_builder_outer_content .tm_pb_button.wpcf7-form-control.wpcf7-submit{ background: $regular_accent_color_2; border-color: $regular_accent_color_2; } #tm_builder_outer_content .tm_pb_button.wpcf7-form-control.wpcf7-submit:hover{ background: $regular_accent_color_1; border-color: $regular_accent_color_1; } /* #Input Placeholders */ ::-webkit-input-placeholder { color: $regular_text_color; } ::-moz-placeholder { color: $regular_text_color; } :-moz-placeholder { color: $regular_text_color; } :-ms-input-placeholder { color: $regular_text_color; }/* #Social (invert scheme) */ .icon-toggle-share-btns { color: $regular_accent_color_2; } .open .icon-toggle-share-btns, .icon-toggle-share-btns:hover { color: $regular_link_color; } .share-btns__list a.share-btns__link { color: $regular_link_hover_color; } .share-btns__list a.share-btns__link:hover { color: $regular_link_color; } .share-btns__list-wrap .share-btns__list { background: @darken($invert_accent_color_1, 3.53); } .share-btns__list-wrap .share-btns__list:before { border-color: @darken($invert_accent_color_1, 3.53) transparent transparent transparent; } @media (min-width: 1200px) { .share-btns__list-wrap .share-btns__list:before { border-color: transparent @darken($invert_accent_color_1, 3.53) transparent transparent; } } .single .share-btns__list a.share-btns__link { color: $invert_accent_color_1; } .single .share-btns__list a.share-btns__link:hover { color: $invert_accent_color_1; } /* #Main Menu */ .main-navigation .menu > li > a, .invert .main-navigation .menu.isStuck > li > a, .home_page__vertical_menu a.set-menu_link:hover { color: $regular_accent_color_2; } .invert .main-navigation > .menu > li > a, .home_page__vertical_menu a.set-menu_link { color: $invert_accent_color_2; } .main-navigation.mobile-menu .menu > li > a { color: $regular_text_color; } .main-navigation.mobile-menu .menu > li > a:hover { color: $regular_accent_color_1; } .main-navigation .menu > li > a:hover, .main-navigation .menu > li.menu-hover > a, .main-navigation .menu > li.tm-mega-menu-hover > a, .main-navigation .menu > li.current_page_item > a, .main-navigation .menu > li.current_page_ancestor > a, .main-navigation .menu > li.current-menu-item > a, .main-navigation .menu > li.current-menu-ancestor > a, .invert .main-navigation .menu.isStuck > li > a:hover, .invert .main-navigation .menu.isStuck > li.menu-hover > a, .invert .main-navigation .menu.isStuck > li.current_page_item > a, .invert .main-navigation .menu.isStuck > li.current_page_ancestor > a, .invert .main-navigation .menu.isStuck > li.current-menu-item > a, .invert .main-navigation .menu.isStuck > li.current-menu-ancestor > a, .invert .main-navigation.mobile-menu .menu > li > a:hover, .invert .main-navigation.mobile-menu .menu > li.menu-hover > a, .invert .main-navigation.mobile-menu .menu > li.current_page_item > a, .invert .main-navigation.mobile-menu .menu > li.current_page_ancestor > a, .invert .main-navigation.mobile-menu .menu > li.current-menu-item > a, .invert .main-navigation.mobile-menu .menu > li.current-menu-ancestor > a{ color: $regular_accent_color_1; } .main-navigation ul ul a { color: $regular_accent_color_2; } .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li.menu-hover > a, .main-navigation .sub-menu > li.current_page_item > a, .main-navigation .sub-menu > li.current_page_ancestor > a, .main-navigation .sub-menu > li.current-menu-item > a, .main-navigation .sub-menu > li.current-menu-ancestor > a { color: $regular_accent_color_1; } .home_page__vertical_menu .main-navigation{ background: $regular_accent_color_1; } nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub, ul.tm-mega-menu-sub, .main-navigation .menu .sub-menu { background: $regular_accent_color_2; } nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .sub-column-title.tm-mega-menu-sub-item > a, nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .mega-block-title{ 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{em}; text-align: $h5_text_align; color: $invert_text_color; } nav.main-navigation.mobile-menu > .tm-mega-menu .tm-mega-menu-sub.mega-sub .sub-column-title.tm-mega-menu-sub-item > a { font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; } nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .tm-mega-menu-sub-item > a, .main-navigation .sub-menu a { color: $regular_text_color; text-transform: uppercase; } nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .tm-mega-menu-sub-item > a:hover, nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .sub-column-title.tm-mega-menu-sub-item > a:hover { color: $regular_accent_color_1; } nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .sub-column-title.tm-mega-menu-sub-item > a:after, nav.main-navigation > .tm-mega-menu .tm-mega-menu-sub.mega-sub .mega-block-title:after { background: $regular_accent_color_1; } .home_page__vertical_menu nav.main-navigation > .tm-mega-menu > li.menu-item > a { background: $regular_accent_color_1; } .home_page__vertical_menu nav.main-navigation > .menu > li.menu-item:hover, .home_page__vertical_menu nav.main-navigation > .menu > li.tm-mega-menu-hover > a, .home_page__vertical_menu nav.main-navigation > .tm-mega-menu > li.menu-item:hover > a { background: $regular_accent_color_2; } .menu-item__desc { color: $regular_text_color; } .invert .menu-item__desc { color: $invert_text_color; } .menu-toggle[aria-controls="main-menu"], .main-navigation .menu li .sub-menu-toggle { color: $regular_accent_color_2; } .main-navigation-buttons .navigation-button { color: $regular_accent_color_2; } .main-navigation-buttons .navigation-button:hover { color: $regular_accent_color_1; } .menu-toggle .menu-toggle-inner, .menu-toggle .menu-toggle-inner:before, .menu-toggle .menu-toggle-inner:after { background-color: $regular_accent_color_2; } .invert .menu-toggle .menu-toggle-inner, .invert .menu-toggle .menu-toggle-inner:before, .invert .menu-toggle .menu-toggle-inner:after { background-color: $invert_accent_color_1; } .menu-toggle:hover .menu-toggle-inner, .menu-toggle:hover .menu-toggle-inner:before, .menu-toggle:hover .menu-toggle-inner:after, .invert .menu-toggle:hover .menu-toggle-inner, .invert .menu-toggle:hover .menu-toggle-inner:before, .invert .menu-toggle:hover .menu-toggle-inner:after{ background-color: $regular_accent_color_1; } /* #Footer Menu */ .site-footer .social-list .menu-item > a { color: $regular_text_color; } .site-footer .social-list .menu-item > a:hover { color: $invert_accent_color_1; } .footer-menu__items li a:hover, .footer-menu__items li.current-menu-item a, .footer-menu__items li.current_page_item a, .invert .footer-menu__items li a:hover, .invert .footer-menu__items li.current-menu-item a, .invert .footer-menu__items li.current_page_item a { color: $regular_link_color; } /* #Social Menu */ .social-list .menu-item > a { color: $regular_link_hover_color; } .social-list .menu-item > a:hover { color: $regular_link_color; } .site-header .social-list .menu-item > a{ color: $regular_accent_color_2; } .site-header .social-list .menu-item > a:hover { color: $regular_accent_color_1; } .site-footer.centered .social-list .menu-item > a:hover { background: $regular_link_color; border-color:$regular_link_color; } /* #Top Menu */ .top-panel__menu .top-panel__menu-list .menu-item a, .top-panel__menu-list .page_item a, .site-header-cart .cart-contents .cart-text { color: $regular_text_color; } .top-panel__menu .top-panel__menu-list .menu-item:before, .top-panel__menu-list .page_item:before { color: $regular_accent_color_2; } .top-panel__menu .top-panel__menu-list .menu-item a:hover, .top-panel__menu-list .page_item a:hover, .site-header-cart .cart-contents:hover .linearicon, .site-header-cart__wrapper.open .cart-contents .linearicon { color: $regular_link_color; } .site-header-cart .cart-contents:hover .cart-text, .site-header-cart__wrapper.open .cart-contents .cart-text{ color: $regular_link_hover_color; } .invert .top-panel__menu .top-panel__menu-list .menu-item a, .invert .top-panel__menu-list .page_item a, .invert .search-form__input-wrap i, .invert .site-header-cart .cart-contents .cart-text { color: $invert_accent_color_1; } .invert .top-panel__menu .top-panel__menu-list .menu-item a:hover, .invert .top-panel__menu .top-panel__menu-list .menu-item:before, .invert .top-panel__menu-list .page_item a:hover, .invert .top-panel__menu-list .page_item:before, .invert .site-header-cart .cart-contents .linearicon { color: $regular_link_color; } .top-panel__menu .menu-item.current-menu-item a, .top-panel__menu .menu-item.current_page_item a { color: $regular_link_color; } .invert .top-panel__menu .menu-item.current-menu-item a, .invert .top-panel__menu .menu-item.current_page_item a { color: $regular_link_color; } .tm-mega-menu > li.tm-mega-menu-has-children a:hover{ color: $regular_accent_color_1; } .top-panel__menu .top-panel__menu-list .menu-item:hover a{ color: $regular_accent_color_2; } .top-panel__menu-list .menu-item:hover:before{ color: $regular_accent_color_1; } .isStuck#main-menu { background: $invert_accent_color_1; } /* #Entry Meta */ .sticky__label { color: $invert_link_color; background-color: $regular_accent_color_1; } .entry-meta { font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; } .entry-meta a { color: $regular_text_color; } .entry-meta a:hover { color: $regular_link_hover_color; } a.post__comments-link:hover .linearicon { color: $regular_link_color; } .post__cats a, .post__tags a { color: $regular_link_color; } .post__cats a:hover, .post__tags a:hover { color: $regular_link_hover_color; } .post-cats a { font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; color: $invert_accent_color_1; background: $regular_accent_color_1; } .post-cats a:hover { color: $invert_accent_color_1; background-color: $invert_accent_color_3; } @media (min-width: 544px) { .single-modern-header .entry-meta { font-size: @font_size($body_font_size, multiple, ceil, 1)px; } } .invert .entry-meta a { color: $invert_link_color; } .invert .entry-meta a:hover { color: $invert_accent_color_3; } .invert.invert_primary .entry-meta a, .invert.invert_primary .entry-meta { color: $invert_link_color; } .invert.invert_primary .entry-meta a:hover { color: $regular_link_hover_color; } .single-modern-header .posted-by { font-weight: $h4_font_weight; font-size: @font_size($h4_font_size, multiple, ceil, 0.66)px; line-height: $h4_line_height; font-family: @font_family( $h4_font_family ); letter-spacing: $h4_letter_spacing{em}; } .single-modern-header .entry-title { font-size: @font_size($h2_font_size, multiple, ceil, 0.5)px; } .single-modern-header .entry-meta i.linearicon { color: $regular_accent_color_1; } .single-modern-header .entry-meta a, .single-modern-header .post__cats a, .single-modern-header .post__tags a { color: $regular_accent_color_2; } .single-modern-header .entry-meta a:hover, .single-modern-header .post__cats a:hover, .single-modern-header .post__tags a:hover { color: $regular_accent_color_1; } .single-modern-header.invert .entry-meta i.linearicon { color: $invert_accent_color_1; } .single-modern-header.invert .entry-meta a, .single-modern-header.invert .post__cats a, .single-modern-header.invert .post__tags a { color: $invert_accent_color_1; } .single-modern-header.invert .entry-meta a:hover, .single-modern-header.invert .post__cats a:hover, .single-modern-header.invert .post__tags a:hover { color: $invert_accent_color_3; } @media (min-width: 544px) { .single-modern-header .posted-by { font-size: @font_size($h4_font_size, multiple, ceil, 0.9333)px; } .single-modern-header .entry-title { font-size: @font_size($h2_font_size, multiple, ceil, 0.6)px; } } @media (min-width: 992px) { .single-modern-header .posted-by { font-size: $h4_font_size{px}; } .single-modern-header .entry-title { font-size: $h2_font_size{px}; } } .post__terms a { color: $regular_link_color; } .post__terms a:hover { color: $regular_link_hover_color; } a.posted-by__author { font-weight: $h5_font_weight; color: $regular_link_hover_color; } a.posted-by__author:hover { color: $regular_link_color; } .single-modern-header:not(.invert) .posted-by, .single-modern-header:not(.invert) .posted-by a { color: $regular_link_hover_color } .invert .posted-by, .invert .posted-by a { color: $invert_text_color; } .posted-by a { color: $regular_accent_color_2; } .posted-by a:hover { color: $regular_link_color; } .single-modern-header .posted-by a:hover, .invert .posted-by a:hover { color: $invert_accent_color_3; } .entry-meta i.linearicon { color: @lighten($regular_text_color, 25%); } .invert .entry-meta i.linearicon { color: $invert_text_color; } /* #Post Format */ .format-audio .post-featured-content, .mejs-container-wrapper, .single-modern-header { background: @darken($main_box_color, 3.53); } .post-format-link { color: $invert_accent_color_1; background: @alpha($regular_accent_color_2, 90); font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; } .post-format-link:hover { color: $invert_accent_color_1; background-color: @alpha($regular_accent_color_1, 90); } .post-format-link:hover:before { color: $invert_accent_color_1; } .post-format-link:before { color: $regular_link_color; } /* #Author Bio */ .post-author-bio:not(.invert) .post-author__title a { color: $regular_link_hover_color; } .post-author-bio:not(.invert) .post-author__title a:hover { color: $regular_link_color; } .post-author-bio:before { background: $regular_accent_color_2; } .post-author-bio.invert .post-author__content { color: $regular_text_color; } /* #Comments */ .comment .comment-date__link:not(:hover) { color: $regular_text_color; } .comment-reply-link, #cancel-comment-reply-link { font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; color: $regular_link_color; } .comment-reply-link:hover, #cancel-comment-reply-link:hover { color: $regular_link_color; } .comments-area:before { background: @darken($main_box_color, 1.96); } .comment-respond:before { background: $main_box_color; } /* #Swiper navigation*/ .swiper-pagination-bullet { background-color: @darken( $invert_accent_color_1, 13 ); } .swiper-pagination-bullet-active:before, .swiper-pagination-bullet:hover:before { background-color: $invert_accent_color_3; } .swiper-button-next, .swiper-button-prev { color: $regular_accent_color_2; background-color: $invert_accent_color_1; } .swiper-button-next:hover, .swiper-button-prev:hover { color: $regular_accent_color_2; background-color: $invert_accent_color_1; } .invert .swiper-button-next:hover, .invert .swiper-button-prev:hover { color: $regular_accent_color_1; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { color: $regular_accent_color_2; } .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-button-prev:not(.swiper-button-disabled):hover { color: $regular_accent_color_1; } .invert .swiper-button-next.swiper-button-disabled, .invert .swiper-button-prev.swiper-button-disabled, .invert .swiper-button-next:not(.swiper-button-disabled):hover, .invert .swiper-button-prev:not(.swiper-button-disabled):hover { color: $invert_accent_color_1; } /* Image pop-up */ a[data-popup="magnificPopup"]:before, .mini-gallery a:before { background-color: $regular_accent_color_2; } /* Audio list */ .wp-playlist.wp-audio-playlist.wp-playlist-light { background-color: $regular_accent_color_3; border-color: $regular_accent_color_3; } .wp-playlist.wp-audio-playlist.wp-playlist-light .wp-playlist-caption { color: $regular_text_color; } .wp-playlist.wp-audio-playlist .wp-playlist-current-item .wp-playlist-caption .wp-playlist-item-title { font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; color: $regular_h6_color; } .wp-playlist.wp-audio-playlist.wp-playlist-dark .wp-playlist-current-item .wp-playlist-caption .wp-playlist-item-title{ color: $invert_h6_color; } .comment-navigation .nav-previous > a, .comment-navigation .nav-next > a, .posts-navigation .nav-previous > a, .posts-navigation .nav-next > a, .post-navigation .nav-previous > a, .post-navigation .nav-next > a { font-family: $h5_font_family; font-style: $h5_font_style; font-weight: $h5_font_weight; font-size: $h5_font_size{px}; line-height: $h5_line_height; letter-spacing: $h5_letter_spacing{em}; } @media (min-width: 1200px) { .single.position-fullwidth .site-content_wrap.container { background: $main_box_color; } } .search-results .hentry.card, .single-post #primary, .single-timeline_post #primary, .blog .hentry.post, .archive .hentry.post { background-color: $main_box_color; } .navigation.pagination { background: $main_box_color; }/* #Paginations */ .site-content a.page-numbers:hover, .site-content .page-numbers.current, #tm_builder_outer_content .pagination a.page-numbers:hover, #tm_builder_outer_content .pagination .page-numbers.current { background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; color: $invert_text_color; } .site-content .page-links a, .site-content .page-numbers, #tm_builder_outer_content .pagination .page-numbers{ color: $regular_accent_color_2; } .site-content .page-numbers.next, .site-content .page-numbers.prev, #tm_builder_outer_content .pagination .page-numbers.next, #tm_builder_outer_content .pagination .page-numbers.prev { color: $invert_accent_color_1; background: $regular_accent_color_2; border-color: $regular_accent_color_2; } .site-content .page-numbers.next:hover, .site-content .page-numbers.prev:hover, #tm_builder_outer_content .pagination .page-numbers.next:hover, #tm_builder_outer_content .pagination .page-numbers.prev:hover{ color: $invert_accent_color_1; background: $regular_accent_color_1; border-color: $regular_accent_color_1; } /* #Breadcrumbs */ .breadcrumbs { background-color: $top_panel_bg; } .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{em}; } .breadcrumbs__item-link{ color: $regular_text_color; } .breadcrumbs__item-link:hover{ color: $regular_accent_color_1; } .breadcrumbs__title .page-title{ font-family: $h5_font_family; font-size: $h5_font_size{px}; font-style: $h5_font_style; font-weight: $h5_font_weight; line-height: $h5_line_height; letter-spacing: $h5_letter_spacing{em}; color: $regular_text_color; } .home_page__vertical_menu .main-navigation > .menu > li.menu-item > a:hover{ background: $regular_accent_color_2; } .invert .widget_nav_menu ul li.current-menu-item > a:hover, .invert .widget_categories ul li.current-cat > a:hover, .invert .widget_product_categories ul li.current-cat > a:hover, .invert .widget_pages ul li.current_page_item a:hover{ color: $invert_accent_color_1; }/* #Footer */ .site-footer { background-color: $footer_bg; } .footer-area-wrap { background-color: $footer_widgets_bg_top; background-repeat: $footer_widgets_bg_top_repeat; background-position: $footer_widgets_bg_top_position_x top; background-attachment: $footer_widgets_bg_top_attachment; } .second-footer-area-wrap { background-color: $footer_widgets_bg_bottom; background-repeat: $footer_widgets_bg_bottom_repeat; background-position: $footer_widgets_bg_bottom_position_x top; background-attachment: $footer_widgets_bg_bottom_attachment; } .footer-area .widget-title:after, .second-footer-area .widget-title:after { background: $regular_accent_color_1; } .second-footer-area { border-top: 1px solid @darken($regular_text_color, 34.50980392156863%); } .invert .footer-copyright a { color: $regular_accent_color_1; } .invert .footer-copyright a:hover { color: $invert_accent_color_1; }/* #ToTop button */ #toTop { color: $invert_text_color; background-color: $regular_accent_color_1; } #toTop:hover { background-color: $regular_accent_color_2; } /* #Magnific Popup*/ .single-product .mfp-iframe-holder .mfp-close, .single-product .mfp-image-holder .mfp-close { color: $regular_accent_color_2; } .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: $invert_accent_color_1; } .mfp-iframe-holder .mfp-arrow:hover, .mfp-image-holder .mfp-arrow:hover, .mfp-iframe-holder .mfp-close:hover, .mfp-image-holder .mfp-close:hover { color: $regular_accent_color_1; } .mfp-ajax-holder .mfp-close:hover, .single-product .mfp-iframe-holder .mfp-close:hover, .single-product .mfp-image-holder .mfp-close:hover { color: $regular_accent_color_1; } .mfp-iframe-holder .mfp-arrow:before, .mfp-iframe-holder .mfp-arrow:after, .mfp-image-holder .mfp-arrow:before, .mfp-image-holder .mfp-arrow:after { background: $invert_accent_color_1; } .mfp-iframe-holder .mfp-arrow:hover:before, .mfp-iframe-holder .mfp-arrow:hover:after, .mfp-image-holder .mfp-arrow:hover:before, .mfp-image-holder .mfp-arrow:hover:after { background: $regular_accent_color_1; } .mfp-ajax-holder .mfp-arrow:before, .mfp-ajax-holder .mfp-arrow:after, .single-product .mfp-iframe-holder .mfp-arrow:before, .single-product .mfp-iframe-holder .mfp-arrow:after, .single-product .mfp-image-holder .mfp-arrow:before, .single-product .mfp-image-holder .mfp-arrow:after { background: $regular_accent_color_2; } .quick-view-buttons:before, .quick-view-buttons:after { background: $invert_accent_color_1; } .mfp-ajax-holder .mfp-arrow:hover:before, .mfp-ajax-holder .mfp-arrow:hover:after, .mfp-iframe-holder .mfp-arrow:hover:before, .mfp-iframe-holder .mfp-arrow:hover:after, .mfp-image-holder .mfp-arrow:hover:before, .mfp-image-holder .mfp-arrow:hover:after, .quick-view-buttons:hover:before, .quick-view-buttons:hover:after{ background: $regular_accent_color_1; } /* #Button Appearance Styles (regular scheme) */ .link { color: $regular_link_hover_color; } .invert .link, .invert .header-search .search-form__toggle:before { color: $invert_link_color; } .link:hover, .invert .link:hover { color: $regular_link_color; } .btn, .btn-primary, .btn-secondary, .btn:hover, .btn-primary:hover, .btn-secondary:hover, .invert .btn-primary, .invert .btn-secondary, .invert .btn-primary:hover, .invert .btn-secondary:hover{ color: $invert_link_color; } .btn, .btn-primary { background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .btn:hover, .btn-primary:hover { background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .btn-secondary { background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .btn-secondary:hover { background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .error-404 .btn-secondary:hover { color: $invert_link_color; border-color: $regular_accent_color_1; background-color: $regular_accent_color_1; } .btn-default { color: $regular_accent_color_2; } .btn-default:hover { color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } /* #Button Appearance Styles (invert scheme) */ .invert .btn, .invert a.btn, .invert .btn-primary, .invert .btn-secondary, .invert .btn-default { color: $invert_link_color; border-color: $invert_link_color; background-color: transparent; } .invert a.btn:hover, .invert .btn-primary:hover, .invert .btn-secondary:hover, .invert .btn-default:hover { color: $regular_link_hover_color; border-color: $invert_link_color; background-color: $invert_link_color; }.widget { background: $main_box_color; font-family: $h6_font_family; font-style: $h6_font_style; font-weight: $h6_font_weight; line-height: $h6_line_height; letter-spacing: $h6_letter_spacing{em}; } /* #Widget Calendar */ .widget_calendar caption { font-family: $h5_font_family; font-style: $h5_font_style; font-weight: $h5_font_weight; line-height: $h5_line_height; letter-spacing: $h5_letter_spacing{em}; color: $invert_text_color; background: $regular_accent_color_3; } .widget_calendar thead { color: $invert_accent_color_1; background: $regular_accent_color_2; } .widget.widget_calendar table thead th { border-color: @lighten($regular_accent_color_2, 12.16); } .widget_calendar tbody td:not(.pad), #tm_builder_outer_content .tm_pb_widget_area .widget_calendar table tbody td:not(.pad) { color: $regular_text_color; } .widget.widget_calendar table tbody td { font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; letter-spacing: $meta_letter_spacing{em}; } .widget_calendar tbody td a, #tm_builder_outer_content .tm_pb_widget_area .widget_calendar table tbody td a { background-color: @darken($invert_accent_color_1, 3.52); color: $regular_text_color; } .widget_calendar tbody td#today, #tm_builder_outer_content .tm_pb_widget_area .widget_calendar table tbody td#today { background-color: $regular_accent_color_1; color: $invert_text_color; } .widget.widget_calendar #prev a:before, .widget.widget_calendar #next a:before { color: $invert_accent_color_1; } /* #Widget Tag Cloud */ .tagcloud a { color: $regular_accent_color_1; background-color: @darken($main_box_color, 3.53); border-color: @darken($main_box_color, 3.53); } .invert .tagcloud a { color: $regular_accent_color_1; background-color: $footer_widgets_bg_top; border-color: @lighten($footer_widgets_bg_top, 12.156862745098037%); } .tagcloud a:hover { color: $invert_text_color; background-color: $footer_bg; border-color: $regular_accent_color_3; } .invert .tagcloud a:hover { color: $invert_accent_color_1; background-color: $footer_widgets_bg_top; border-color: $regular_accent_color_3; } /* #Widget Recent Posts - Comments, Archive */ .widget_recent_entries a, .widget_recent_comments a, .widget_archive a { color: $regular_link_hover_color; } .invert .widget_recent_entries a, .invert .widget_recent_comments a, .invert .widget_archive a{ color: $invert_accent_color_1; } .invert .widget_recent_comments .comment-author-link{ color: $regular_accent_color_1; } .widget_recent_entries a:hover, .widget_recent_comments a:hover, .widget_archive a:hover { color: $regular_link_color; } .invert .widget_recent_entries a:hover, .invert .widget_recent_comments a:hover, .invert .widget_archive a:hover { color: $invert_link_hover_color; } .widget_recent_entries .post-date { font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; line-height: $meta_line_height; letter-spacing: $meta_letter_spacing{em}; } /* #Widget categories */ .widget_archive ul li, .widget_categories ul li, .widget_product_categories ul li, .widget_pages ul li, .widget_meta ul li, .widget_rss ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li, .widget_rating_filter ul li, .widget_nav_menu ul li { font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; line-height: $meta_line_height; letter-spacing: $meta_letter_spacing{em}; color: $regular_accent_color_1; } .widget_archive ul li a, .widget_categories ul li a, .widget_product_categories ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_layered_nav ul li a, .widget_layered_nav_filters ul li a, .widget_rating_filter ul li a, .widget_nav_menu ul li a { color: $regular_text_color; } .widget_archive ul li a:hover, .widget_categories ul li a:hover, .widget_product_categories ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_layered_nav ul li a:hover, .widget_layered_nav_filters ul li a:hover, .widget_rating_filter ul li a:hover, .widget_nav_menu ul li a:hover { color: $regular_link_color; } .widget_nav_menu ul li.current-menu-item > a, .widget_categories ul li.current-cat > a, .widget_product_categories ul li.current-cat > a, .widget_pages ul li.current_page_item a { color: $regular_accent_color_1; } .widget_nav_menu ul li.current-menu-item > a:hover, .widget_categories ul li.current-cat > a:hover, .widget_product_categories ul li.current-cat > a:hover, .widget_pages ul li.current_page_item a:hover { color: $regular_accent_color_2; } /* #Widget rss */ .widget_rss .rss-date, .widget_rss .rssSummary { color: $regular_text_color; } .widget_rss .rsswidget { color: $regular_link_hover_color; } .invert .widget_rss .rsswidget { color: $invert_accent_color_1; } .invert .widget_rss .rsswidget:hover { color: $regular_accent_color_1; } .widget_rss cite { color: $regular_accent_color_1; } /* #Widget TM about store */ .widget.tm_about_store_widget .tm_about_store_widget_bg .widget-title:after{ background: $regular_accent_color_1; } .sidebar .widget.tm_about_store_widget .widget-title, .tm_pb_column_1_4 .widget.tm_about_store_widget .widget-title, .tm_pb_column_1_3 .widget.tm_about_store_widget .widget-title, .footer-area:not(.footer-area--fullwidth) .widget.tm_about_store_widget .widget-title, .after-loop-area .widget.tm_about_store_widget .widget-title{ color: $invert_text_color; font-family: $h3_font_family; font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; letter-spacing: $h3_letter_spacing{em}; } .widget.tm_about_store_widget .btn{ background: $regular_accent_color_3; border-color: $regular_accent_color_3; } .widget.tm_about_store_widget .btn:hover{ background: $regular_accent_color_2; border-color: $regular_accent_color_2; } /* #Widget about author */ .widget-about-author.invert { background: $regular_accent_color_2; } .widget-about-author.invert .about-author_description { color: $regular_text_color; font-family: $body_font_family; font-style: $body_font_style; font-weight: $body_font_weight; font-size: $body_font_size{px}; line-height: $body_line_height; letter-spacing: $body_letter_spacing{em}; } .widget-about-author.invert .btn { color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .widget-about-author.invert .btn:hover { color: $regular_link_hover_color; background-color: $invert_accent_color_1; border-color: $invert_accent_color_1; } /* #Widget tag cloud woostroid */ .widget-about__tagline { color: $regular_accent_color_2; } .widget_tag_cloud a{ color: $regular_accent_color_1; border-color: @darken($regular_text_color, 34.50980392156863%); font-weight: $body_font_weight; } .widget-taxonomy-tiles__content::before { background-color: $regular_accent_color_2; } .widget-taxonomy-tiles__inner:hover .widget-taxonomy-tiles__content::before { background-color: $regular_accent_color_1; } .widget-taxonomy-tiles__inner a:hover { color: $regular_accent_color_2; }.invert .widget-image-grid__content::before { background: $regular_accent_color_2; } .invert .widget-image-grid__title a:hover, .invert .widget-image-grid__date:hover { color: $invert_accent_color_3; } .invert .widget-image-grid__author, .invert .widget-image-grid__author a { color: $invert_text_color; } .invert .widget-image-grid__author a:hover{ color: $invert_accent_color_3; } .widget-image-grid__terms, .widget-image-grid__author, .widget-image-grid__date { font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; font-family: @font_family( $meta_font_family ); letter-spacing: $meta_letter_spacing{em}; } .widget-image-grid__terms a { color: $invert_accent_color_1; background: $regular_accent_color_1; } .widget-image-grid__terms a:hover { color: $invert_accent_color_1; background-color: $invert_accent_color_3; }/* #Carousel */ .widget-carousel .swiper-slide { background: $main_box_color; } .invert .widget-carousel .swiper-slide { background: $footer_widgets_bg_top; }.smart-slider__instance .sp-next-thumbnail-arrow:before, .smart-slider__instance .sp-next-thumbnail-arrow:after, .smart-slider__instance .sp-previous-thumbnail-arrow:before, .smart-slider__instance .sp-previous-thumbnail-arrow:after { background-color: $regular_link_color; } .smart-slider__instance .sp-arrow { color: $regular_accent_color_1; background-color: $invert_accent_color_1; } .smart-slider__instance .sp-next-arrow:hover, .smart-slider__instance .sp-previous-arrow:hover { color: $regular_accent_color_2; } .smart-slider__instance[data-title="true"] .sp-image-container:after, .smart-slider__instance[data-content="true"] .sp-image-container:after, .smart-slider__instance[data-more-btn="true"] .sp-image-container:after{ background: @alpha( $regular_accent_color_2, 30 ); } .smart-slider__instance .sp-button { background-color: @darken( $invert_accent_color_1, 13 ); } .smart-slider__instance .sp-button:before { background-color: $invert_accent_color_3; } .smart-slider__instance .sp-full-screen-button { color: $regular_accent_color_1; } .smart-slider__instance .sp-full-screen-button:hover { color: $invert_accent_color_1; } .smart-slider__instance .sp-selected-thumbnail { border-color: $regular_accent_color_1; } .smart-slider__instance .sp-bottom-thumbnails .sp-selected-thumbnail, .smart-slider__instance .sp-top-thumbnails .sp-selected-thumbnail{ border-color: $invert_accent_color_1; } .smart-slider__instance p.sp-content { 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 ); } .invert .smart-slider__instance p.sp-content{ color: $invert_accent_color_1; }.instagram__cover { color: $invert_text_color; background-color: @alpha($regular_accent_color_1, 90%); } .widget.widget-instagram .no-photos { color: $regular_accent_color_2; } .widget-instagram .instagram__date { font-style: $meta_font_style; color: $regular_accent_color_1; } .widget-instagram .instagram__caption { color: $regular_accent_color_2; } .invert .widget.widget-instagram .no-photos, .invert .widget-instagram .instagram__caption { color: $invert_accent_color_1; } .cs-instagram__cover { color: $invert_text_color; background-color: @alpha($regular_accent_color_1, 90%); } .widget.cs-instagram--widget .no-photos { color: $regular_accent_color_2; } .cs-instagram--widget .cs-instagram__date { font-style: $meta_font_style; color: $regular_accent_color_1; } .cs-instagram--widget .cs-instagram__caption { color: $regular_accent_color_2; } .invert .widget.cs-instagram--widget .no-photos, .invert .cs-instagram--widget .cs-instagram__caption { color: $invert_accent_color_1; }.widget-subscribe .follow-block { background: $regular_accent_color_1; } .widget-subscribe, .widget-subscribe .subscribe-block { background: $regular_accent_color_2; } .follow-block .social-list__items li a { border: 1px solid @alpha($main_box_color, 20); background: $regular_accent_color_1; color: $invert_accent_color_1; } .invert .follow-block .social-list__items li a{ color: $regular_accent_color_1; border-color: @darken($regular_text_color, 34.50980392156863%); } .invert .follow-block .social-list__items li a:hover{ color: $invert_accent_color_1; border-color: $regular_accent_color_3; } .follow-block .social-list__items li a:hover { border-color: $regular_accent_color_2; background: $regular_accent_color_2; color: $invert_accent_color_1; } .widget-subscribe .subscribe-block__input { color: $regular_text_color; background: @lighten($regular_accent_color_2, 17.25); border-color: @lighten($regular_accent_color_2, 17.25); } .subscribe-block__input-wrap i { color: $invert_accent_color_3; } .follow-block__message, .subscribe-block__message { font-family: $body_font_family; font-style: $body_font_style; font-weight: $body_font_weight; font-size: $body_font_size{px}; line-height: $body_line_height; letter-spacing: $body_letter_spacing{em}; } .follow-block__message, .follow-block .widget-title, .subscribe-block .widget-title{ color: $invert_text_color; } .subscribe-block__message { color: $regular_text_color; } .widget-subscribe .not-api-key { color: $invert_text_color; } .widget-subscribe .btn { border-color: @alpha($main_box_color, 20); background: $regular_accent_color_2; } .invert .widget-subscribe .btn { border-color: $regular_accent_color_1; background: $regular_accent_color_1; color: $invert_accent_color_1; } .widget-subscribe .btn:hover { border-color: $invert_accent_color_1; background: $invert_accent_color_1; color: $regular_accent_color_2; } .invert .widget-subscribe .btn:hover { border-color: $regular_accent_color_3; color: $invert_accent_color_1; }/* #Custom posts*/ .sidebar .custom-posts .post__cats, .tm_pb_column_1_3 .custom-posts .post__cats, .tm_pb_column_1_4 .custom-posts .post__cats, .footer-area:not(.footer-area--fullwidth) .custom-posts .post__cats { font-weight: $body_font_weight; } .custom-posts .entry-meta .post__date a, .custom-posts .entry-meta .post__comments a{ color: $regular_text_color; } .custom-posts .entry-meta .post__cats, .custom-posts .entry-meta .post__cats a{ color: $regular_accent_color_1; } .custom-posts .entry-meta .post__cats a:hover, .custom-posts .entry-meta .post__date a:hover, .custom-posts .entry-meta .post__comments a:hover, .custom-posts .entry-meta .post__comments a:hover span{ color: $regular_accent_color_3; }.widget-playlist-slider .playlist-slider { background: $main_box_color; } .invert .widget-playlist-slider .playlist-slider { background: $footer_widgets_bg_top; } .widget-playlist-slider .sp-next-thumbnail-arrow:before, .widget-playlist-slider .sp-next-thumbnail-arrow:after, .widget-playlist-slider .sp-previous-thumbnail-arrow:before, .widget-playlist-slider .sp-previous-thumbnail-arrow:after, .widget-playlist-slider .sp-arrow.sp-previous-arrow:before, .widget-playlist-slider .sp-arrow.sp-previous-arrow:after, .widget-playlist-slider .sp-arrow.sp-next-arrow:before, .widget-playlist-slider .sp-arrow.sp-next-arrow:after { background-color: $regular_link_color; } .widget-playlist-slider .sp-next-thumbnail-arrow:hover:before, .widget-playlist-slider .sp-next-thumbnail-arrow:hover:after, .widget-playlist-slider .sp-previous-thumbnail-arrow:hover:before, .widget-playlist-slider .sp-previous-thumbnail-arrow:hover:after, .widget-playlist-slider .sp-arrow.sp-previous-arrow:hover:before, .widget-playlist-slider .sp-arrow.sp-previous-arrow:hover:after, .widget-playlist-slider .sp-arrow.sp-next-arrow:hover:before, .widget-playlist-slider .sp-arrow.sp-next-arrow:hover:after { background-color: $invert_accent_color_3; } .widget-playlist-slider .sp-right-thumbnails .sp-thumbnail-container:hover { background-color: $regular_accent_color_3; } .widget-playlist-slider .sp-right-thumbnails .sp-thumbnail-container.sp-selected-thumbnail { background-color: $regular_accent_color_1; } .widget-playlist-slider .sp-thumbnail-container:hover .sp-thumbnail .entry-meta, .widget-playlist-slider .sp-thumbnail-container:hover .sp-thumbnail .posted-by, .widget-playlist-slider .sp-thumbnail-container:hover .sp-thumbnail .sp-thumbnail-title, .widget-playlist-slider .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .entry-meta, .widget-playlist-slider .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .posted-by, .widget-playlist-slider .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail .sp-thumbnail-title { color: $invert_text_color; } .widget-playlist-slider .sp-slide--content-visible .sp-layer { background: @alpha($regular_accent_color_2, 50%); } .widget-playlist-slider .sp-has-pointer .sp-selected-thumbnail:before, .widget-playlist-slider .sp-has-pointer .sp-selected-thumbnail:after { border-bottom-color: $regular_accent_color_1; } .widget-playlist-slider .playlist-slider .invert a:hover { color: $invert_accent_color_3; }.widget-fpblock__item-inner .widget-fpblock__item-title a:hover { color: $invert_accent_color_3; } .widget-fpblock__item-inner { background: @alpha($regular_accent_color_2, 50%); } @media (min-width: 992px) { .full-width-header-area .widget-fpblock__item-featured .widget-fpblock__item-title, .after-content-full-width-area .widget-fpblock__item-featured .widget-fpblock__item-title, .before-content-area .widget-fpblock__item-featured .widget-fpblock__item-title, .after-content-area .widget-fpblock__item-featured .widget-fpblock__item-title{ font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; } }/* #News-smart-box */ .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content { background: @alpha($regular_accent_color_2, 50%); color: $invert_text_color; } .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a, .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a, .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by, .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a{ color: $invert_link_color; } .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a:hover, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a:hover, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a:hover, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a:hover, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content a:hover, .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a:hover, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a:hover, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a:hover, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a:hover, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .entry-meta a:hover, .full-width-header-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a:hover, .after-content-full-width-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a:hover, .before-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a:hover, .after-content-area .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a:hover, .tm_pb_column_4_4 .news-smart-box__instance.layout_type_2 .full-type .news-smart-box__item-content .posted-by a:hover { color: $invert_accent_color_3; } .news-smart-box__navigation-terms-list-item { color: $regular_link_hover_color; font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: @font_size($meta_font_size, multiple, ceil, 1)px; line-height: $meta_line_height; letter-spacing: $meta_letter_spacing{em}; } .news-smart-box__navigation-terms-list-item:hover, .news-smart-box__navigation-terms-list-item.is-active { color: $regular_link_color; } .news-smart-box__navigation-title { color: $regular_accent_color_2; } .news-smart-box__instance .double-bounce-1, .news-smart-box__instance .double-bounce-2 { background: $regular_accent_color_1; } .widget.widget-news-smart-box .news-smart-box__item-inner { background: $main_box_color; }/* #Contact-information*/ .contact-information-widget .icon { color: $regular_accent_color_1; } .contact-information-widget .contact-information__item { color: $regular_accent_color_2; } .invert .contact-information-widget .contact-information__item { color: $regular_text_color; } .invert .contact-information-widget .icon { color: $regular_accent_color_3; } .cherry-popup-wrapper h3, .cherry-popup-wrapper.dark-style .cherry-popup-show-again-check .label, .cherry-popup-wrapper.dark-style .cherry-popup-close-button{ color: $invert_accent_color_1; } .cherry-popup-wrapper.dark-style{ color: $regular_text_color; } .cherry-popup-wrapper h3{ 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{em}; text-align: $h5_text_align; } .cherry-popup-wrapper.dark-style .cherry-popup-close-button:hover{ color: $regular_accent_color_1; } .cherry-popup-wrapper.dark-style .cherry-popup-subscribe__submit{ color: $invert_accent_color_1; background: $regular_accent_color_1; border-color: $regular_accent_color_1; } .cherry-popup-wrapper.dark-style .cherry-popup-subscribe__submit:hover{ color: $regular_accent_color_2; background: $invert_accent_color_1; border-color: $invert_accent_color_1; } .cherry-popup-wrapper .cherry-popup-subscribe__input, .cherry-popup-wrapper.dark-style .cherry-popup-show-again-check .marker{ color: $regular_text_color; background: @lighten($regular_accent_color_2, 17.25); border-color: @lighten($regular_accent_color_2, 17.25); } .cherry-popup .cherry-popup-subscribe__input-label i{ color: $regular_accent_color_3; } .cherry-popup-wrapper .cherry-popup-title h4{ color: $invert_accent_color_1; }.tm_timeline { background: $main_box_color; } .tm_pb_tm_timeline { background: $main_box_color; } .tm_timeline .tm_timeline__event .tm_timeline__event__dot { background: $regular_accent_color_1; } .tm_timeline .tm_timeline__event .tm_timeline__event__date { color: $regular_accent_color_1; font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; letter-spacing: $meta_letter_spacing{em}; } .tm_timeline .tm_timeline__event .tm_timeline__event__title { font-family: $h3_font_family; font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: @font_size($h3_font_size, multiple, ceil, 0.8)px; line-height: $h3_line_height; letter-spacing: $h3_letter_spacing{em}; } @media (min-width: 992px) { .tm_timeline .tm_timeline__event .tm_timeline__event__title { font-size: $h3_font_size{px}; } } .tm_timeline .tm_timeline__event .tm_timeline__event__title a { color: $regular_accent_color_2; } .tm_timeline .tm_timeline__event .tm_timeline__event__title a:hover { color: $regular_accent_color_1; } .tm_timeline__event__description { font-weight: $body_font_weight; font-size: $body_font_size{px}; } .tm_timeline .contol_wrap i:hover { color: $regular_accent_color_1; } .tm_timeline .tm_timeline__control, .entry-content .tm_timeline .tm_timeline__control { color: $regular_accent_color_2; } .tm_timeline:hover .tm_timeline__control:hover, .entry-content .tm_timeline:hover .tm_timeline__control:hover { color: $regular_accent_color_1; } .single-timeline_post .entry-header h2.entry-title { font-family: @font_family($h3_font_family); font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; letter-spacing: $h3_letter_spacing{em}; } .single-timeline_post .entry-header h2.entry-title:before { background: $regular_accent_color_1; }.wcvendors center, .wcvendors center + hr + h2 + form { background: $main_box_color; } .wcvendors center > p > a { color: $regular_accent_color_2; } .wcvendors center > p > a:hover { color: $regular_accent_color_1; } .wcvendors center + hr + h2, .wcvendors .table-vendor-sales-report + script + h2, .wcvendors div[class^="pv_"] p b, .wcvendors div[id^="pv_"] p b, .wcvendors form[name^="export_orders"] + h2 { background: $main_box_color; font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: @font_size($h3_font_size, multiple, ceil, 0.8)px; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{em}; text-align: $h3_text_align; color: $regular_h3_color; } .wcvendors center + hr + h2::before, .wcvendors .table-vendor-sales-report + script + h2::before, .wcvendors div[class^="pv_"] p b::before, .wcvendors div[id^="pv_"] p b::before, .wcvendors form[name^="export_orders"] + h2::before { background: $regular_accent_color_1; } .wcvendors .wcvendors center + hr + h2 + form label { color: $regular_accent_color_2; } .wcvendors table.table, .wcvendors table.table::before, .wcvendors div[class^="pv_"], .wcvendors div[id^="pv_"], .wcvendors form[name^="export_orders"], .wcvendors .table-striped tbody tr:nth-child(odd) td, .wcvendors .table-striped tbody tr:nth-child(odd) th { background: $main_box_color; } .wcvendors table.table tr th, .wcvendors table.table tr td strong, .wcvendors table.table tr td b { color: $regular_accent_color_2; } .wcvendors dt.variation-SoldBy{ color: $regular_accent_color_2; } .block_product_thumbnail .woocommerce-LoopProduct-link + .wcvendors_sold_by_in_loop a { color: $invert_link_color; } .block_product_thumbnail .woocommerce-LoopProduct-link + .wcvendors_sold_by_in_loop a:hover{ color: $invert_link_color; } .block_product_thumbnail .woocommerce-LoopProduct-link + .wcvendors_sold_by_in_loop:hover { background: $regular_accent_color_1; } body .site-main > h1:not(.page-title):nth-child(1), body .site-main > h1:not(.page-title):nth-child(2), body.wcvendors.wcvendors_vendor .entry-content > h2:nth-child(1), body.wcvendors.wcvendors_vendor .entry-content > h2:nth-child(2) { background: $main_box_color; font-family: @font_family($h3_font_family); font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: $h3_font_size{px}; line-height: $h3_line_height; letter-spacing: $h3_letter_spacing{em}; } body .site-main > h1:not(.page-title):nth-child(1):before, body .site-main > h1:not(.page-title):nth-child(2):before, body.wcvendors.wcvendors_vendor .entry-content > h2:nth-child(1):before, body.wcvendors.wcvendors_vendor .entry-content > h2:nth-child(2):before { background: $regular_accent_color_1; } .wcv_shop_description { background: $main_box_color; } .woocommerce.single-product #content div.product .product_meta a.wcvendors_cart_sold_by_meta { color: $regular_accent_color_1; } .woocommerce.single-product #content div.product .product_meta a.wcvendors_cart_sold_by_meta:hover { color: $regular_accent_color_2; } .shopping_cart-dropdown-wrap .cart_list .mini_cart_item dl dd a:hover { color: $invert_link_color; } .woocommerce .wcvendors_sold_by_in_loop a:hover{ color: $invert_link_color; }.tm_pb_cherry_team, .team-listing-item-content { background: $main_box_color; } .team-socials_link { color: $regular_accent_color_2; } .team-socials_link:hover { color: $regular_accent_color_1; } .cherry-team.team-wrap.template-grid-boxes .team-listing_content { background-color: @alpha( $regular_accent_color_2, 50 ); } .cherry-team.team-wrap.template-grid-boxes .team-listing_content a:hover { color: $invert_accent_color_3; } .cherry-team.team-wrap.template-grid-boxes .team-listing_content .team-listing_position { color: $invert_text_color; } .team-container .cherry-team-filter_link, .cherry-team.team-wrap .team-listing_position, .cherry-team.team-wrap.template-single .team-meta { color: $regular_accent_color_1; font-family: $meta_font_family; font-style: $meta_font_style; font-weight: $meta_font_weight; font-size: $meta_font_size{px}; line-height: $meta_line_height; letter-spacing: $meta_letter_spacing{em}; } .cherry-team.team-wrap.template-single .team-meta .location, .cherry-team.team-wrap.template-single .team-meta .phone { color: $regular_accent_color_2; } .team-container .cherry-team-filter_link { color: $regular_link_hover_color; } .team-container .cherry-team-filter_link:hover, .team-container .cherry-team-filter_item.active .cherry-team-filter_link { color: $regular_link_color; } .team-skills_label, .team-skills_line:before { 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{em}; color: $regular_h6_color; } .team-skills_bar { background-color: @darken($main_box_color, 3.53); }.tm-testi .tm-testi__item-name { 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{em}; color: $regular_h6_color; } .tm-testi .tm-testi__item, .tm-testi .tm-testi-slider, .tm-testi .tm-testi__title { background: $main_box_color; } .tm-testi blockquote { 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{em}; color: $regular_text_color; } .tm-testi__item-body cite:before { color: $regular_h6_color; } .tm-testi .swiper-container-3d .swiper-slide-shadow-left, .tm-testi .swiper-container-3d .swiper-slide-shadow-right { background: $regular_accent_color_3; } .tm-testi--speech-bubble .tm-testi__item-body p:before { color: $regular_accent_color_1; } #tm_builder_outer_content .tm-testi--default blockquote:before, #tm_builder_outer_content .tm-testi--default-without-icon blockquote:before, .tm-testi--default blockquote:before, .tm-testi--default-without-icon blockquote:before{ color: $regular_accent_color_3; }.motoslider_wrapper .ms_pagination .ms_bullet, .motoslider_wrapper .ms_pagination .ms_bullet:focus, .motoslider_wrapper .ms_pagination .ms_bullet:active, .motoslider_wrapper .ms_pagination .ms_bullet:hover{ background: @darken( $invert_accent_color_1, 13 ); } .motoslider_wrapper .ms_pagination .ms_bullet:hover:before, .motoslider_wrapper .ms_pagination .ms_bullet.ms_active:before{ background: $invert_accent_color_3; } .ms_banner_timer .ms_banner_inner{ background: $regular_accent_color_1; } .tm_pb_icon_box_module__item__title{ 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{em}; color: $regular_h5_color; } .tm_pb_icon_box_module__item__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{em}; color: $regular_text_color; }