/* #Typography */ body{ font-style: $body_font_style; font-weight: $body_font_weight; font-size: $body_font_size{px}; line-height: $body_line_height; font-family: @font_family( $body_font_family ); letter-spacing: $body_letter_spacing{px}; text-align: $body_text_align; color: $regular_text_color; } h1 { font-style: $h1_font_style; font-weight: $h1_font_weight; font-size: @font_size($h1_font_size, multiple, ceil, 1)px; line-height: $h1_line_height; font-family: @font_family( $h1_font_family ); letter-spacing: $h1_letter_spacing{px}; text-align: $h1_text_align; color: $regular_h1_color; } h2 { 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{px}; text-align: $h2_text_align; color: $regular_h2_color; } h3 { font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: @font_size($h3_font_size, multiple, ceil, 1)px; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{px}; text-align: $h3_text_align; color: $regular_h3_color; } h4 { 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{px}; text-align: $h4_text_align; color: $regular_h4_color; } h5 { font-style: $h5_font_style; font-weight: $h5_font_weight; font-size: $h5_font_size{px}; line-height: $h5_line_height; font-family: @font_family( $h5_font_family ); letter-spacing: $h5_letter_spacing{px}; text-align: $h5_text_align; color: $regular_h5_color; } h6 { font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{px}; text-align: $h6_text_align; color: $regular_h6_color; } @media (min-width: 992px) { h1 { font-size: $h1_font_size{px}; } h2 { font-size: $h2_font_size{px}; } h3 { font-size: $h3_font_size{px}; } h4 { font-size: $h4_font_size{px}; } } a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: $regular_link_color; } a:hover { color: $regular_link_hover_color; } /* #Invert Color Scheme */ .invert { color: $invert_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 a[href*="mailto:"] { color: $invert_accent_color_3; } .invert a[href*="mailto:"]:hover { color: $invert_link_hover_color; } /* #Layout */ @media (min-width: 1200px) { .container { max-width: $container_width{px}; } } /*404*/ body.error404{ 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; } /* Text colors */ .accent-color-1 { color: $regular_accent_color_1; } .accent-color-2 { color: $regular_accent_color_2; } .accent-color-3 { color: $regular_accent_color_3; }/* #Elements */ blockquote { color: $regular_accent_color_2; font-family: @font_family( $h1_font_family ); } blockquote cite{ color: $invert_accent_color_3; font-family: @font_family( $body_font_family ); } blockquote cite a{ color: $regular_link_color; } blockquote a:hover { color: $regular_link_hover_color; } code { color: $invert_text_color; background: $regular_accent_color_1; 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 ); } /*List*/ .entry-content ol >li:before{ color: $regular_accent_color_2; font-family: @font_family( $h1_font_family ); } .entry-content dl dt{ font-family: @font_family( $h1_font_family ); color: $regular_accent_color_2; } /* #Header */ .header-wrapper { background-color: $header_bg_color; background-repeat: $header_bg_repeat; background-position: $header_bg_position_x top; background-attachment: $header_bg_attachment; } .isStuck { background-color: $header_bg_color; } /* ##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 a, .site-logo__link:hover{ color: $regular_accent_color_2; } .invert .site-logo a, .invert .site-logo__link:hover{ color: $invert_text_color; } /* ##Top Panel */ .top-panel { background-color: transparent; } .invert .info-block, .invert .info-block a { color: $invert_text_color; font-size: $body_font_size{px}; } .info-block .fa, .info-block .material-icon { color: $regular_accent_color_1; } .invert .info-block .fa, .invert .info-block .material-icon { color: $regular_link_color; } /* ##Showcase panel */ .showcase-active .header-wrapper{ background-color: $header_showcase_bg_color; background-repeat: $header_showcase_bg_repeat; background-position: $header_showcase_bg_position_x top; background-attachment: $header_showcase_bg_attachment; } .showcase-active .header-wrapper:before { background-color: @alpha($header_showcase_color_mask, $header_showcase_opacity_mask); } .showcase-panel__title { font-style: $showcase_title_font_style; font-weight: $showcase_title_font_weight; font-size: @font_size($showcase_title_font_size, multiple, ceil, 0.7826)px; font-family: @font_family( $showcase_title_font_family ); color: $showcase_title_color; text-transform: $showcase_subtitle_text_transform; } .showcase-panel__subtitle { font-style: $showcase_subtitle_font_style; font-size: $h1_font_size{px}; line-height: $showcase_subtitle_line_height; font-family: @font_family( $h1_font_family); color: $showcase_subtitle_color; text-transform: $showcase_subtitle_text_transform; } .showcase-panel__description { font-size: $h5_font_size{px}; color: $showcase_subtitle_color; } @media (min-width: 768px) { .showcase-panel__title{ font-size: $showcase_title_font_size{px}; } .showcase-panel__subtitle { font-size: $showcase_subtitle_font_size{px}; letter-spacing: $showcase_subtitle_letter_spacing{px}; } }/* #Search Form */ input.search-form__field, .top-panel input.search-form__field, .invert.top-panel input.search-form__field{ background-color: @darken( $regular_accent_color_2, 3.5% ); } .invert input.search-form__field { background-color: $invert_accent_color_1; } .top-panel__search .search-form .search-form__field{ background-color: transparent !important; } .search-form__submit{ color: $invert_link_color; } .search-form__submit:hover, .invert .search-form__submit{ color: $invert_link_hover_color; } .invert .search-form__submit:hover { color: $regular_link_hover_color; } .search-form__field, .top-panel .search-form__field, .invert.top-panel .search-form__field { color: $invert_text_color; } .invert .search-form__field { color: $regular_text_color; } .top-panel .search-form__submit, .invert.top-panel .search-form__submit{ color: $invert_link_color; } .top-panel .search-form__submit:hover, .invert.top-panel .search-form__submit:hover{ color: $invert_link_hover_color; } .search-form__field::-webkit-input-placeholder { color: $invert_accent_color_3; } .search-form__field::-moz-placeholder { color: $invert_accent_color_3; } .search-form__field:-moz-placeholder { color: $invert_accent_color_3; } .search-form__field:-ms-input-placeholder { color: $invert_accent_color_3; } /* #Comment, Contact, Password Forms */ button, input[type='button'], input[type='reset'], input[type='submit']{ font-family: @font_family( $h1_font_family ); } .comment-form .submit, .wpcf7-submit, .post-password-form label + input { font-family: @font_family( $h1_font_family ); 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: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } .comment-form .submit:focus, .wpcf7-submit:focus, .post-password-form label + input:focus { box-shadow: 0 0 10px $regular_accent_color_1; } /* #Input Placeholders */ ::-webkit-input-placeholder { color: $regular_accent_color_2; } ::-moz-placeholder { color: $regular_accent_color_2; } :-moz-placeholder { color: $regular_accent_color_2; } :-ms-input-placeholder { color: $regular_accent_color_2; }/* #Social */ .social-list a::before{ color: $invert_accent_color_3; } .social-list a:hover::before{ color: $invert_text_color; } .invert .social-list a:hover::before{ color: $regular_link_color; } /*#Share list*/ .share-btns__link{ color: $invert_accent_color_3 } .share-btns__link:hover{ color: $regular_link_color; }/* #Main Menu */ .main-navigation .menu > li > a, .footer-menu .footer-menu__items> li > a{ font-family: @font_family( $h5_font_family ); color: $regular_accent_color_2; } .invert .main-navigation .menu > li > a, .invert .footer-menu .footer-menu__items> li > a{ color: $invert_link_color; } .main-navigation .menu > li > a:hover, .main-navigation .menu > li.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, .footer-menu .footer-menu__items > li > a:hover, .footer-menu .footer-menu__items > li.menu-hover > a, .footer-menu .footer-menu__items > li.current_page_ancestor > a, .footer-menu .footer-menu__items > li.current_menu_ancestor > a, .footer-menu .footer-menu__items > li.current-menu-item > a, .footer-menu .footer-menu__items > li.current_page_item > a{ color: $regular_accent_color_1; border-color: $regular_link_color; } .main-navigation .menu > li > a:hover, .main-navigation .menu > li > a:active, { border-color: $regular_link_color; } /*sub-menu*/ .main-navigation .sub-menu { background: @darken( $regular_accent_color_2, 3.5% ); } .main-navigation .menu > li > .sub-menu{ background: $regular_accent_color_2; } .main-navigation ul ul a { color: $invert_link_color; } .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; } .main-navigation .menu > li.current-menu-item::after, .main-navigation .menu > li.menu-item-has-children:hover { color: $regular_link_color; } /*menu-item desc*/ .menu-item__desc { font-family: @font_family( $body_font_family ); } .sub-menu .menu-item__desc { color: $invert_text_color; } /*mobile menu*/ @media (max-width: 767px) { .main-navigation .menu, .main-navigation .menu::before{ background: $regular_accent_color_2; } .main-navigation .menu li .sub-menu{ background: @darken( $regular_accent_color_2, 3.5% ); } } /* #Footer Menu */ .footer-menu__items li.current-menu-item a, .footer-menu__items li.current_page_item a { }/* #Entry Meta */ .sticky__label{ color: $invert_link_color; background-color: $regular_accent_color_1; } .format-link.no-thumb .sticky__label, .format-link.no-thumb .sticky__label:before{ background-color: $regular_accent_color_2; } .post__cats{ color: $regular_link_color; } .post__cats a, #tm_builder_outer_content .custom-posts .post__cats a{ font-family: @font_family( $h1_font_family ); background: $regular_accent_color_1; color: $invert_text_color; border-color: $regular_accent_color_1; } #tm_builder_outer_content .custom-posts .post__cats a:hover, .post__cats a:hover{ background: $invert_accent_color_1; color: $regular_accent_color_2 } .invert .post__cats a:hover{ background-color: transparent; color: $invert_text_color; } .entry-meta .material-icons, .post__tags .material-icons, .post__cats .material-icons, .entry-meta .fa, .post__tags .fa, .post__cats .fa{ color: $regular_accent_color_1; } .post__date a, .posted-by a:hover, .post__comments a:hover, .post__comments a:hover i{ color: $regular_text_color; } .post__date a:hover{ color: $regular_link_color; } .post__tags a, #tm_builder_outer_content .custom-posts .post__tags a{ font-family: @font_family( $h1_font_family ); border-color: $regular_accent_color_1; color: $regular_accent_color_2; background-color: $invert_accent_color_1; } .post__tags a:hover, #tm_builder_outer_content .custom-posts .post__tags a:hover, .invert .post__tags a:hover{ border-color: $regular_accent_color_1; background-color: $regular_accent_color_1; color: $invert_accent_color_1; } .invert .post__tags a{ background-color: transparent; color: $invert_accent_color_1; } /* #Post Format */ .format-quote .post-quote{ background: $regular_accent_color_2; } .format-quote .post-quote blockquote{ color: $invert_text_color; } .format-quote .post-quote blockquote a:hover{ color: $invert_link_color; } .post-thumbnail__format-link{ background-color: $regular_accent_color_1; } .post-format-link, .post-format-link:hover{ color: $invert_link_color; } /* #Author Bio */ .post-author__holder { background-color: $regular_accent_color_2; } /* #Comments*/ .comment-form__input-title { color: $regular_accent_color_2; } .comment-metadata .fn{ color: $regular_accent_color_1; } .comment-date { color: $regular_text_color; } .comment-date:hover { color: $regular_link_color; } .comment-reply-link{ font-family: @font_family( $h1_font_family ); } .comment-content{ color: $regular_accent_color_2; } #cancel-comment-reply-link { color: $regular_link_color; } #cancel-comment-reply-link:hover { color: $regular_link_hover_color; } .comment-respond { background: $regular_accent_color_3; } /* #Swiper */ .swiper-slide:hover { background-color: @alpha( $regular_accent_color_1, 10 ); } .swiper-pagination-bullet { background-color: $regular_accent_color_1; } .swiper-button-next, .swiper-button-prev { color: $regular_accent_color_2; background-color: $invert_accent_color_1; } .swiper-button-next:not(.swiper-button-disabled):hover, .swiper-button-prev:not(.swiper-button-disabled):hover{ color: $invert_accent_color_1; background-color: $regular_accent_color_1; }/* #Paginations */ .page-numbers, .page-links .page-links__item{ font-style: $pagination_font_style; font-weight: $pagination_font_weight; font-size: $pagination_font_size{px}; line-height: $pagination_line_height; font-family: @font_family( $pagination_font_family ); letter-spacing: $pagination_letter_spacing{px}; color: $regular_text_color; } a.page-numbers:hover, .page-numbers.current, .page-links a:hover .page-links__item, .page-links > .page-links__item { color: $regular_accent_color_1; } .page-numbers.next, .page-numbers.prev { color: $regular_link_color; } .page-numbers.next:hover, .page-numbers.prev:hover { color: $regular_link_hover_color; } /* #Post-navigation */ .comment-navigation a, .posts-navigation a, .post-navigation a{ font-style: $pagination_font_style; font-weight: $pagination_font_weight; font-size: $pagination_font_size{px}; line-height: $pagination_line_height; font-family: @font_family( $pagination_font_family ); letter-spacing: $pagination_letter_spacing{px}; } /* #Breadcrumbs */ .breadcrumbs__item { font-style: $breadcrumbs_font_style; font-weight: $breadcrumbs_font_weight; font-size: $breadcrumbs_font_size{px}; line-height: $breadcrumbs_line_height; font-family: @font_family( $breadcrumbs_font_family ); letter-spacing: $breadcrumbs_letter_spacing{px}; color: $invert_accent_color_3; }/* #Footer */ .footer-container { background-color: $footer_bg; } .footer-area-wrap, .footer-top{ background-color: $footer_widgets_bg; } .invert .site-info, .invert .site-info a{ color: @lighten($regular_text_color, 2%); } .invert .site-info a:hover { color: $invert_link_hover_color } .footer-copyright{ }/* #ToTop button */ #toTop { background: $regular_accent_color_2; color: $invert_accent_color_3; } #toTop:hover { color: $invert_link_color; background-color: $regular_accent_color_1; } /* #Page Preloader */ .page-preloader-cover .dot1, .page-preloader-cover .dot2 { background-color: $regular_accent_color_1; }/* #Button Appearance Styles (regular scheme) */ .btn-link, .btn { font-family: @font_family( $h5_font_family ); } .btn:focus { box-shadow: 0 0 10px $regular_accent_color_1; } .btn.btn-default, .btn.btn-primary, .btn.btn-secondary, .btn.btn-default:hover, .btn.btn-primary:hover, .btn.btn-secondary:hover { color: $invert_link_color; } .btn.btn-default, .entry-content #tm_builder_outer_content .btn.btn-default { background-color: transparent; border-color: $regular_link_color; color: $regular_link_color; } .btn.btn-default:hover, .entry-content #tm_builder_outer_content .btn.btn-default:hover { background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } .btn.btn-primary, .entry-content #tm_builder_outer_content .btn.btn-primary{ background-color: transparent; border-color: $invert_link_color; } .btn.btn-primary:hover, .entry-content #tm_builder_outer_content .btn.btn-primary:hover{ background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } .entry-content #tm_builder_outer_content .btn.btn-secondary, .btn.btn-secondary{ background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .btn.btn-secondary:hover, .entry-content #tm_builder_outer_content .btn.btn-secondary:hover{ background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } /* #Button Appearance Styles (invert scheme) */ .invert .btn.btn-default {} .invert .btn.btn-default:hover {} .invert .btn.btn-primary {} .invert .btn.btn-primary:hover {} .invert .btn.btn-secondary { background-color: transparent; border-color: $regular_link_color; } .invert .btn.btn-secondary:hover { background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } #tm_builder_outer_content h1 a:hover, #tm_builder_outer_content h2 a:hover, #tm_builder_outer_content h3 a:hover, #tm_builder_outer_content h4 a:hover, #tm_builder_outer_content h5 a:hover, #tm_builder_outer_content h6 a:hover { color: $regular_link_color; } /* #Slider */ .entry-content #tm_builder_outer_content .tm-pb-slider-arrows { color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm-pb-arrow-prev:hover, .entry-content #tm_builder_outer_content .tm-pb-arrow-next:hover { color: $invert_accent_color_1 !important; background-color: $regular_accent_color_1; } /* #Call to action */ .entry-content #tm_builder_outer_content .tm_pb_promo{ color: $regular_accent_color_2; } /* #Button */ .entry-content #tm_builder_outer_content .tm_pb_button, .entry-content #tm_builder_outer_content .tm_pb_button.tm_pb_more_button, .entry-content #tm_builder_outer_content .tm_pb_button.tm_pb_promo_button, .entry-content #tm_builder_outer_content .tm_pb_button:hover, .entry-content #tm_builder_outer_content .tm_pb_button:hover::after{ font-family: @font_family( $h5_font_family ) } .entry-content #tm_builder_outer_content .tm_pb_button, .entry-content #tm_builder_outer_content .tm_pb_button.tm_pb_more_button, .entry-content #tm_builder_outer_content .tm_pb_button.tm_pb_promo_button{ border-color: $regular_accent_color_1; color:$invert_h1_color; background-color: $regular_accent_color_1; } .entry-content #tm_builder_outer_content .tm_pb_button:hover{ color:$invert_h1_color; background-color:@darken($regular_accent_color_1, 5%); border-color:@darken($regular_accent_color_1, 5%); } /* #Testimonial*/ .entry-content #tm_builder_outer_content .tm_pb_testimonial:before { color: @darken($regular_accent_color_3, 3.5%); } #tm_builder_outer_content .tm_pb_testimonial_author{ font-style: $h5_font_style; font-weight: $h5_font_weight; color:$regular_h4_color; font-size:$h4_font_size{px} !important; line-height: $h5_line_height; font-family: @font_family( $h4_font_family !important); letter-spacing: $h5_letter_spacing{px}; } #tm_builder_outer_content .tm_pb_testimonial_meta{ font-weight: $h6_font_weight; font-size: @font_size($body_font_size, multiple, ceil, 0.85)px !important; line-height: $h5_line_height; font-family: @font_family( $body_font_family !important); letter-spacing: $h5_letter_spacing{px}; color: $invert_accent_color_3; } /* #Brurb*/ .entry-content #tm_builder_outer_content .custom-hover-1::after{ background-color: $regular_accent_color_1; } .entry-content #tm_builder_outer_content .tm_pb_blurb h4{ font-family: @font_family( $h5_font_family ); } .entry-content #tm_builder_outer_content .custom-blurb-2 h1{ color:$regular_accent_color_1; } /* Person */ .entry-content #tm_builder_outer_content .tm_pb_member_position{ color: $invert_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_team_member_description { color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_member_social_links a { color: $invert_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_member_social_links a:hover { color: $regular_accent_color_1; } /* Toggle - Accordion */ .entry-content #tm_builder_outer_content .tm_pb_toggle.tm_pb_toggle_close { background-color: $regular_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_toggle_title{ font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{px}; color: $regular_h6_color; } .entry-content #tm_builder_outer_content .tm_pb_toggle_content { color: $regular_accent_color_2; } /* Pricing table */ .entry-content #tm_builder_outer_content .tm_pb_pricing_heading h2 { font-family: @font_family( $h1_font_family ); } .entry-content #tm_builder_outer_content .tm_pb_tm_price, .entry-content #tm_builder_outer_content .tm_pb_pricing .tm_pb_dollar_sign { color: $regular_accent_color_2; font-family: @font_family( $h1_font_family ); } .entry-content #tm_builder_outer_content .tm_pb_pricing .tm_pb_pricing_content { background-color: $regular_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_pricing li:not(.tm_pb_not_available) { color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_pricing .tm_pb_pricing_table_button { background-color: $invert_accent_color_3; border-color: $invert_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_pricing .tm_pb_pricing_table_button:hover { background-color: $regular_accent_color_2; border-color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_pricing .tm_pb_pricing_table_button:focus { box-shadow: 0 0 10px $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_featured_table .tm_pb_pricing_table_button { background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .entry-content #tm_builder_outer_content .tm_pb_featured_table .tm_pb_pricing_table_button:hover { background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } .entry-content #tm_builder_outer_content .tm_pb_featured_table .tm_pb_pricing_table_button:focus { box-shadow: 0 0 10px $regular_accent_color_1; } /* Contact form */ .entry-content #tm_builder_outer_content .tm_pb_contact_form_label { color: $regular_accent_color_2; } textarea#tm_pb_contact_message_1{ line-height: $pagination_line_height; } /* Bar counter */ .entry-content #tm_builder_outer_content .tm_pb_counter_title { color: $regular_accent_color_2; } /* Tabs */ .entry-content #tm_builder_outer_content .tm_pb_tab { color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_tabs_controls li { background: $regular_accent_color_3; color: $regular_text_color; } /* Social Follow */ .entry-content #tm_builder_outer_content .tm_pb_social_media_follow li a.icon:hover { color: $regular_accent_color_1 !important; } /* Countdown timer */ .entry-content #tm_builder_outer_content .tm_pb_countdown_timer_container{ color: $regular_accent_color_2; } .entry-content #tm_builder_outer_content .tm_pb_countdown_timer .section .value, .entry-content #tm_builder_outer_content .tm_pb_countdown_timer .countdown-sep { font-family: @font_family( $h1_font_family ); } .entry-content #tm_builder_outer_content .tm_pb_countdown_timer .countdown-sep, .entry-content #tm_builder_outer_content .tm_pb_countdown_timer .section .label{ color: $invert_accent_color_3; } .entry-content #tm_builder_outer_content .tm_pb_countdown_timer.invert .countdown-sep{ color: @alpha($invert_text_color, 50%); } .entry-content #tm_builder_outer_content .tm_pb_countdown_timer h4{ 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{px}; color: $regular_h2_color; } /* Circle counter */ .entry-content #tm_builder_outer_content .tm_pb_circle_counter .percent p, .entry-content #tm_builder_outer_content .tm_pb_slide_content .tm_pb_circle_counter .percent p:last-of-type { font-family: @font_family( $h1_font_family ); color: $regular_accent_color_2; } /* Number counter */ .entry-content #tm_builder_outer_content .tm_pb_number_counter .percent { font-family: @font_family( $h1_font_family ); } /*Post slider*/ .entry-content #tm_builder_outer_content .tm_pb_post_slider .post-meta a:hover{ color: $regular_link_color !important; } /*Blog*/ .more-link { font-family: @font_family( $h1_font_family ); } #tm_builder_outer_content .tm_link_content, #tm_builder_outer_content .tm_audio_content{ background-color: $regular_accent_color_1; } #tm_builder_outer_content .tm_quote_content{ background-color: $regular_accent_color_2; } /*Restaurant Menu*/ .mprm-related-item a .mprm-related-title{ font-family: @font_family( $h1_font_family ); } .mprm-related-item a .mprm-related-title{ color: $regular_link_hover_color; } .mprm-related-item a:hover .mprm-related-title, .site-content .mprm-shortcode-items .mprm-item-title{ font-family: @font_family( $h4_font_family ); color: $regular_h1_color; font-size:$h4_font_size{px}; } .widget.mprm_widget .mprm-container.mprm-widget-categories .site-content .mprm-main-wrapper.mp_menu_item .mprm-container .mprm-item-title a:hover, .site-content .mprm-shortcode-items .mprm-item-title a:hover, .widget.mprm_widget .mprm-container.mprm-widget-items .mprm-item-title a:hover { color: $regular_link_color; } /* Taxonomy pages */ .site-content .mprm-main-wrapper.mp_menu_item .mprm-excerpt, .site-content .mprm-shortcode-items .mprm-excerpt, .widget.mprm_widget .mprm-container.mprm-widget-items .mprm-excerpt{ color: $invert_accent_color_3; } .site-content .mprm-main-wrapper.mp_menu_item .mprm-price, .site-content .mprm-shortcode-items .mprm-price, .widget.mprm_widget .mprm-container.mprm-widget-items .mprm-price{ color: $invert_link_hover_color; font-family: @font_family( $h1_font_family ); font-size:$h4_font_size{px}; } .site-content .mprm-main-wrapper.mp_menu_item .mprm-tags .mprm-tag, .site-content .mprm-shortcode-items .mprm-tags .mprm-tag, .widget.mprm_widget .mprm-container.mprm-widget-items .mprm-tags .mprm-tag{ font-family: @font_family( $h1_font_family ); color: $invert_text_color; background: $regular_accent_color_1; } .site-content .mprm-main-wrapper.mp_menu_item .mprm-header{ background-color: $regular_accent_color_2; } /* breadcrumbs */ .mprm-breadcrumbs li a { color: $regular_link_color !important; } .mprm-breadcrumbs li a:hover { color: $regular_link_hover_color !important; } /* Shortcodes */ .sidebar .mprm-container.mprm-shortcode-categories .mprm-menu-category .mprm-effect-hover:before, .sidebar .mprm-container.mprm-shortcode-categories .mprm-menu-category .mprm-effect-hover:after, .site-content .mprm-container.mprm-shortcode-categories .mprm-menu-category .mprm-effect-hover:before, .site-content .mprm-container.mprm-shortcode-categories .mprm-menu-category .mprm-effect-hover:after, .widget.mprm_widget .mprm-container.mprm-widget-categories .mprm-menu-category .mprm-effect-hover:before, .widget.mprm_widget .mprm-container.mprm-widget-categories .mprm-menu-category .mprm-effect-hover:after{ background: @alpha($regular_accent_color_1, 50%); } .site-content .mprm-container.mprm-shortcode-categories.mprm-view-grid .mprm-title, .widget.mprm_widget .mprm-container.mprm-widget-categories.mprm-view-grid .mprm-title{ font-family: @font_family( $h1_font_family ); font-size:$h2_font_size{px}; } .site-content .mprm-container.mprm-shortcode-categories.mprm-view-list .mprm-menu-category.mprm-columns .mprm-category-description, .widget.mprm_widget .mprm-container.mprm-widget-categories.mprm-view-list .mprm-menu-category.mprm-columns .mprm-category-description{ color: $regular_text_color; } .site-content .mprm-container.mprm-shortcode-categories.mprm-view-list .mprm-menu-category .mprm-link:hover .mprm-title, .widget.mprm_widget .mprm-container.mprm-widget-categories.mprm-view-list .mprm-menu-category .mprm-link:hover { color: $regular_accent_color_1; } .mprm_purchase_submit_wrapper .mprm-submit, #mprm_purchase_submit .mprm-submit, .cart_item.mprm_checkout a{ font-family: @font_family( $h1_font_family ); } .mprm_purchase_submit_wrapper .mprm-submit.plain, #mprm_purchase_submit .mprm-submit.plain{ color: $regular_link_color !important; } .mprm_purchase_submit_wrapper .mprm-submit.plain:hover, #mprm_purchase_submit .mprm-submit.plain:hover{ color: $regular_link_hover_color !important; } .mprm_purchase_submit_wrapper .button.mprm-submit.mprm-inherit, #mprm_purchase_submit .button.mprm-submit.mprm-inherit, .cart_item.mprm_checkout a{ color: $invert_link_color; background-color: $regular_accent_color_1; border-color: $regular_accent_color_1; } .mprm_purchase_submit_wrapper .button.mprm-submit.mprm-inherit:hover, #mprm_purchase_submit .button.mprm-submit.mprm-inherit:hover, .cart_item.mprm_checkout a:hover{ background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); color: $invert_link_color; } .mprm_purchase_submit_wrapper .button.mprm-submit.mprm-inherit:focus, #mprm_purchase_submit .button.mprm-submit.mprm-inherit:focus{ box-shadow: 0 0 10px $regular_accent_color_1; } .mprm-cart-number-of-items, .cart_item.mprm-cart-meta.mprm_total, .cart_item.empty, .mprm_empty_cart, .mprm-container.mprm-widget-items.mprm-view-simple-list .type-mp_menu_item .mprm-flex-container-simple-view .mprm-flex-item .mprm-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{px}; color: $regular_h5_color; } .widget.widget_mprm_cart_widget a.mprm-remove-from-cart, .mprm_cart_remove_item_btn{ font-family: @font_family( $h1_font_family ); color: $regular_link_color; } .widget.widget_mprm_cart_widget a.mprm-remove-from-cart:hover, .mprm_cart_remove_item_btn:hover{ color: $regular_link_hover_color; } .widget.widget_mprm_cart_widget .mprm-cart-item-price, .widget.widget_mprm_cart_widget .mprm-cart-item-quantity, .mprm_cart_total{ font-family: @font_family( $h1_font_family ); color: $regular_accent_color_2; }/* Booked */ body table.booked-calendar thead th, body table.booked-calendar thead th [class*="page-"], body table.booked-calendar th .monthName a{ color: $regular_accent_color_2 !important; } body table.booked-calendar thead th [class*="page-"]:hover, body table.booked-calendar th .monthName a:hover{ color: $regular_accent_color_1 !important; } body table.booked-calendar tr.days th { color: $regular_text_color !important; } body table.booked-calendar th, body table.booked-calendar td { font-weight: $body_font_weight; font-family: @font_family( $body_font_family ); } body table.booked-calendar td .date{ color: $invert_accent_color_3; } body table.booked-calendar td .date.tooltipster { color: $regular_accent_color_2; } body table.booked-calendar td.today .date .number { color: $regular_accent_color_1; } body table.booked-calendar tr.week td.active .date .number, body table.booked-calendar tr.week td:hover .date.tooltipster .number, body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date .number{ background: $regular_accent_color_1; color: $invert_text_color; } body table.booked-calendar tr.entryBlock { background-color: $regular_accent_color_1; } body table.booked-calendar .booked-appt-list, body table.booked-calendar .booked-appt-list h2, body table.booked-calendar .booked-appt-list .timeslot .timeslot-time, body table.booked-calendar .booked-appt-list .timeslot .timeslot-time i.fa, body table.booked-calendar .booked-appt-list .timeslot .timeslot-count .spots-available{ color: $invert_text_color; } body table.booked-calendar .booked-appt-list .timeslot .spots-available{ color: $invert_accent_color_3; } body table.booked-calendar .booked-appt-list .timeslot .spots-available.empty{ color: @alpha($invert_accent_color_3, 50%); } body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button { color: $regular_accent_color_1; font-family: @font_family( $h1_font_family ); background-color: $invert_accent_color_1 !important; border-color: $invert_accent_color_1 !important; } body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover { background-color: $regular_accent_color_2 !important; color: $invert_text_color !important; border-color: $regular_accent_color_2 !important; } body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button[disabled], body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button[disabled]:hover { background-color: $regular_accent_color_1 !important; border-color: $regular_accent_color_1 !important; color: $invert_text_color !important; } body #booked-profile-page input.button-primary[type="submit"], body table.booked-calendar input.button-primary[type="submit"], body .booked-modal input.button-primary[type="submit"] { background-color: $regular_accent_color_1 !important; border-color: $regular_accent_color_1 !important; font-family: @font_family( $h1_font_family ); } body #booked-profile-page input.button-primary[type="submit"]:hover, body table.booked-calendar input.button-primary[type="submit"]:hover, body .booked-modal input.button-primary[type="submit"]:hover { background-color: $regular_accent_color_2 !important; border-color: $regular_accent_color_2 !important; } body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list h2 { color: $regular_h2_color; } body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list .timeslot .timeslot-people button{ border-color: $regular_accent_color_1 !important; } body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{ border-color: $regular_accent_color_2 !important; }/* #Widgets (defaults) */ .widget-title{ font-family: @font_family( $h2_font_family ); font-size: @font_size($h4_font_size, multiple, ceil, 1)px; } .widget ul li:before{ color: $regular_accent_color_1; } .widget li a, #tm_builder_outer_content .widget li a{ color: $regular_text_color; } .widget li a:hover, #tm_builder_outer_content .widget li a:hover{ color: $regular_link_color; } .invert .widget li a{ color: $invert_link_color; } .invert .widget li a:hover{ color: $invert_link_hover_color; } .invert .widget select { color: $regular_text_color; } /* #Widget Calendar */ .widget_calendar th { color: @lighten($regular_text_color, 34%); } .widget_calendar tbody td { color: @lighten($regular_text_color, 8%); } .widget_calendar tbody td a:hover, #tm_builder_outer_content .widget_calendar tbody td a:hover{ background: $regular_accent_color_1; color: $invert_link_color; } #tm_builder_outer_content .widget_calendar tfoot td a{ color: $regular_link_color; } #tm_builder_outer_content .widget_calendar tfoot td a:hover { color: $regular_link_hover_color; } /* #Widget Tag Cloud */ .tagcloud a, #tm_builder_outer_content .tagcloud a{ font-family: @font_family( $h1_font_family ); border-color: $regular_accent_color_1; color: $regular_accent_color_2; background-color: $invert_accent_color_1; } .tagcloud a:hover, #tm_builder_outer_content .tagcloud a:hover{ border-color: $regular_accent_color_1; background-color: $regular_accent_color_1; color: $invert_accent_color_1; } .invert .tagcloud a { color: $invert_accent_color_1; } /* #Widget Recent Posts */ .widget_recent_entries .post-date { color: $invert_accent_color_3; } .invert .widget_recent_entries .post-date { color: @darken( $invert_text_color, 10% ); } /* #Widget Recent Comments */ .widget_recent_comments .recentcomments, .widget_recent_comments .recentcomments a{ color: $regular_link_hover_color; } .widget_recent_comments .comment-author-link { color: $regular_accent_color_1; } .widget_recent_comments .recentcomments a:hover{ color: $regular_link_color; } .invert .widget_recent_comments .recentcomments, .invert .widget_recent_comments .recentcomments a{ color: $invert_link_hover_color; } .invert .widget_recent_comments .comment-author-link { color: $invert_accent_color_1; } .invert .widget_recent_comments .recentcomments a:hover{ color: $invert_link_color; } .custom-posts .post-title a, #tm_builder_outer_content .custom-posts .post-title a{ color: $regular_link_color; } .custom-posts .post-title a:hover, #tm_builder_outer_content .custom-posts .post-title a:hover, #tm_builder_outer_content .custom-posts a:hover { color: $regular_link_hover_color; } .invert .custom-posts .post-title a:hover{ color: $invert_link_color; } .custom-posts .post__date a, #tm_builder_outer_content .custom-posts .post__date a{ color: $invert_accent_color_3; } .custom-posts .post__date a:hover, #tm_builder_outer_content .custom-posts .post__date a:hover, #tm_builder_outer_content .custom-posts a{ color: $regular_link_color; } .widget-about p{ font-family: @font_family( $body_font_family ); font-weight: $h5_font_weight; } .widget-about__content h5{ color: $invert_h5_color; }.instagram__cover { color: $invert_text_color; } .instagram__date, .instagram__caption h6{ color: $invert_text_color; font-family: @font_family( $h6_font_family ); font-size: @font_size($h6_font_size, multiple, ceil, 0.5)px; } .widget-instagram .widget-title{ font-family: @font_family( $h2_font_family ); font-size: @font_size($h4_font_size, multiple, ceil, 1)px; }.subscribe-block__input[type="email"] { color: $invert_accent_color_3; } .subscribe-block__input[type="email"]::-webkit-input-placeholder { color: $invert_accent_color_3; } .subscribe-block__input[type="email"]::-moz-placeholder { color: $invert_accent_color_3; } .subscribe-block__input[type="email"]:-moz-placeholder { color: $invert_accent_color_3; } .subscribe-block__input[type="email"]:-ms-input-placeholder { color: $invert_accent_color_3; } .widget-subscribe .subscribe-block .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 ); } .widget-subscribe .follow-block .widget-title { font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: @font_size($h3_font_size, multiple, ceil, 0.9)px; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); } .subscribe-block__submit.btn.btn-primary{ border-color: $regular_accent_color_1; color:$invert_h1_color; background-color: $regular_accent_color_1; } .subscribe-block__submit.btn.btn-primary:hover { background-color: @darken( $regular_accent_color_1, 9% ); border-color: @darken( $regular_accent_color_1, 9% ); } .widget-subscribe .follow-block .social-list a:hover::before{ color: $regular_link_color; }#tm_builder_outer_content .tm_pb_button{ border-color: $regular_accent_color_1; background-color: $regular_accent_color_1; color: $regular_accent_color_3; } #tm_builder_outer_content .tm_pb_button:hover{ color: $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_button:hover:after{ color: $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_button:after{ color: $regular_accent_color_3; }#tm_builder_outer_content .tm_pb_tabs_controls li.tm_pb_tab_active{ border-bottom: 2px solid $regular_accent_color_1; } #tm_builder_outer_content .tm_pb_video_play:before{ color: $regular_accent_color_1; }