/* #Typography */ body { font-style: $body_font_style; font-weight: $body_font_weight; font-size: $body_font_size{px}; line-height: $body_line_height; font-family: @font_family( $body_font_family ); letter-spacing: $body_letter_spacing{px}; text-align: $body_text_align; color: $primary_text_color; } h1, .h1-style { font-style: $h1_font_style; font-weight: $h1_font_weight; font-size: @font_size($h1_font_size, multiple, ceil, 0.6)px; line-height: $h1_line_height; font-family: @font_family( $h1_font_family ); letter-spacing: $h1_letter_spacing{px}; text-align: $h1_text_align; color: $h1_color; } h2, .h2-style { font-style: $h2_font_style; font-weight: $h2_font_weight; font-size: @font_size($h2_font_size, multiple, ceil, 0.6)px; line-height: $h2_line_height; font-family: @font_family( $h2_font_family ); letter-spacing: $h2_letter_spacing{px}; text-align: $h2_text_align; color: $h2_color; } h3, .h3-style { font-style: $h3_font_style; font-weight: $h3_font_weight; font-size: @font_size($h3_font_size, multiple, ceil, 0.75)px; line-height: $h3_line_height; font-family: @font_family( $h3_font_family ); letter-spacing: $h3_letter_spacing{px}; text-align: $h3_text_align; color: $h3_color; } h4, .h4-style { font-style: $h4_font_style; font-weight: $h4_font_weight; font-size: $h4_font_size{px}; line-height: $h4_line_height; font-family: @font_family( $h4_font_family ); letter-spacing: $h4_letter_spacing{px}; text-align: $h4_text_align; color: $h4_color; } h5, .h5-style { font-style: $h5_font_style; font-weight: $h5_font_weight; font-size: $h5_font_size{px}; line-height: $h5_line_height; font-family: @font_family( $h5_font_family ); letter-spacing: $h5_letter_spacing{px}; text-align: $h5_text_align; color: $h5_color; } h6, .h6-style { font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{px}; text-align: $h6_text_align; color: $h6_color; } @media (min-width: 1200px) { h1, .h1-style { font-size: $h1_font_size{px}; } h2, .h2-style { font-size: $h2_font_size{px}; } h3, .h3-style { font-size: $h3_font_size{px}; } } a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: $link_color; } a:hover { color: $link_hover_color; } blockquote { color: $accent_color; }/* #Header */ .site-header__wrap { background-color: $header_bg_color; background-repeat: $header_bg_repeat; background-position: $header_bg_position_x top; background-attachment: $header_bg_attachment; @background_url( $header_bg_image ); } /* ##Top Panel */ .top-panel { color: $secondary_text_color; background-color: $top_panel_bg; } /* #Main Menu */ .main-navigation { font-style: $menu_font_style; font-weight: $menu_font_weight; font-size: $menu_font_size{px}; line-height: $menu_line_height; font-family: @font_family( $menu_font_family ); letter-spacing: $menu_letter_spacing{px}; } .main-navigation a, .menu-item-has-children:before { color: $secondary_text_color; } .main-navigation a:hover, .main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a, .main-navigation .current-menu-ancestor>a { color: $link_hover_color; } /* #Mobile Menu */ .mobile-menu-toggle-button { color: $invert_text_color; background-color: $accent_color; }/* #Social */ .social-list a { color: $secondary_text_color; } .social-list a:hover { color: $accent_color; } /* #Breadcrumbs */ .breadcrumbs_item { font-style: $breadcrumbs_font_style; font-weight: $breadcrumbs_font_weight; font-size: $breadcrumbs_font_size{px}; line-height: $breadcrumbs_line_height; font-family: @font_family( $breadcrumbs_font_family ); letter-spacing: $breadcrumbs_letter_spacing{px}; } .breadcrumbs_item_sep, .breadcrumbs_item_link { color: $secondary_text_color; } .breadcrumbs_item_link:hover { color: $accent_color; } /* #Post navigation */ .post-navigation-container i { color: $secondary_text_color; } .post-navigation-container .nav-links a:hover .post-title, .post-navigation-container .nav-links a:hover .nav-text { color: $link_color; } .post-navigation-container .nav-links a:hover i { color: $link_hover_color; } /* #Pagination */ .posts-list-navigation .pagination .page-numbers, .page-links > span, .page-links > a { color: $secondary_text_color; } .posts-list-navigation .pagination a.page-numbers:hover, .posts-list-navigation .pagination .page-numbers.current, .page-links > a:hover, .page-links > span { color: $link_hover_color; } .posts-list-navigation .pagination .next, .posts-list-navigation .pagination .prev { color: $link_color; } .posts-list-navigation .pagination .next:hover, .posts-list-navigation .pagination .prev:hover { color: $link_hover_color; }/* #Button Appearance Styles (regular scheme) */ .btn, button, input[type='button'], input[type='reset'], input[type='submit'] { font-style: $button_font_style; font-weight: $button_font_weight; font-size: $button_font_size{px}; line-height: $button_line_height; font-family: @font_family( $button_font_family ); letter-spacing: $button_letter_spacing{px}; color: $invert_text_color; background-color: $accent_color; } .btn:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, input[type='reset']:hover { color: $invert_text_color; background-color: @lighten($accent_color, 15%); } .btn.invert-button { color: $invert_text_color; } .btn.invert-button:hover { color: $invert_text_color; border-color: $accent_color; background-color: $accent_color; } /* #Totop Button */ #toTop { padding: $totop_vertical_padding{px} $totop_horizontal_padding{px}; border-radius: $totop_border_radius{px}; background-color: $totop_bg_color; color: $totop_icon_color; } #toTop:hover { background-color: $totop_bg_color_hover; color: $totop_icon_color_hover; }input, optgroup, select, textarea { font-size: $body_font_size{px}; } /* #Comment, Contact, Password Forms */ .comment-form .submit, .wpcf7-submit, .post-password-form label + input { font-style: $button_font_style; font-weight: $button_font_weight; font-size: $button_font_size{px}; line-height: $button_line_height; font-family: @font_family( $button_font_family ); letter-spacing: $button_letter_spacing{px}; color: $invert_text_color; background-color: $accent_color; } .comment-form .submit:hover, .wpcf7-submit:hover, .post-password-form label + input:hover { color: $invert_text_color; background-color: @lighten($accent_color, 15%); } .comment-reply-title { font-style: $h4_font_style; font-weight: $h4_font_weight; font-size: $h4_font_size{px}; line-height: $h4_line_height; font-family: @font_family( $h4_font_family ); letter-spacing: $h4_letter_spacing{px}; color: $h4_color; } /* Cookies consent */ .comment-form-cookies-consent input[type='checkbox']:checked ~ label[for=wp-comment-cookies-consent]:before { color: $invert_text_color; border-color: $accent_color; background-color: $accent_color; } /* #Comment Reply Link */ #cancel-comment-reply-link { color: $link_color; } #cancel-comment-reply-link:hover { color: $link_hover_color; } /* #Comment item */ .comment-body .fn { font-style: $h6_font_style; font-weight: $h6_font_weight; font-size: $h6_font_size{px}; line-height: $h6_line_height; font-family: @font_family( $h6_font_family ); letter-spacing: $h6_letter_spacing{px}; color: $h6_color; } .comment-date__time { color: $secondary_text_color; } .comment-reply-link { font-style: $button_font_style; font-weight: $button_font_weight; font-size: $button_font_size{px}; line-height: $button_line_height; font-family: @font_family( $button_font_family ); letter-spacing: $button_letter_spacing{px}; } /* #Input Placeholders */ ::-webkit-input-placeholder { color: $secondary_text_color; } ::-moz-placeholder { color: $secondary_text_color; } :-moz-placeholder { color: $secondary_text_color; } :-ms-input-placeholder { color: $secondary_text_color; }