/* Theme Name: Salient Child Theme Description: This is a custom child theme for Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://themeforest.net/user/themenectar Template: salient Version: 1.0 */ /* ================================================================== ADOBE FONTS (TYPEKIT) INTEGRATION - SALIENT THEME ELEMENTS ================================================================== */ /* ------------------------------------------------------------------ LOGO FONT - Entspricht "Logo Font" im Salient Backend ------------------------------------------------------------------ */ .logo-font, #logo a, #logo img + span, .nectar-logo, .mobile-logo, #mobile-menu #mobile-logo { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ NAVIGATION FONT - Entspricht "Navigation Font" im Salient Backend ------------------------------------------------------------------ */ .navigation-font, #top nav > ul > li > a, #top nav > ul > li > span, .sf-menu > li > a, .sf-menu > li > span, #mobile-menu ul li a, .mobile-header #mobile-menu .container ul li a, body .mobile-header .slide-out-widget-area-toggle { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ NAVIGATION DROPDOWN FONT - Entspricht "Navigation Dropdown Font" ------------------------------------------------------------------ */ .navigation-dropdown-font, #top nav ul li ul li a, .sf-menu ul li a, #mobile-menu .container ul li ul li a, .megamenu .sub-menu .menu-item a { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ PAGE HEADING FONT - Entspricht "Page Heading Font" ------------------------------------------------------------------ */ .page-heading-font, #page-header-bg h1, .page-header-no-bg h1, #page-header-wrap h1, .nectar-page-header h1, .page-template-template-no-header-footer .container-wrap h1:first-of-type { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ ÜBERSCHRIFTEN H1-H6 - Body Heading Font ------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6, .entry-title, .post-title, .portfolio-title, .nectar-fancy-title h1, .nectar-fancy-title h2, .nectar-fancy-title h3, .nectar-fancy-title h4, .nectar-fancy-title h5, .nectar-fancy-title h6 { font-family: soleil, sans-serif !important; margin-bottom:30px; } /* Bold Italic für H1-H6 in italic Kontexten */ h1 em, h1 i, h2 em, h2 i, h3 em, h3 i, h4 em, h4 i, h5 em, h5 i, h6 em, h6 i, .entry-title em, .entry-title i, .post-title em, .post-title i, .portfolio-title em, .portfolio-title i { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ BODY TEXT / FLIESSTEXT - Body Font ------------------------------------------------------------------ */ body, p, .body-font, .entry-content p, .post-content p, .nectar-post-grid .meta-category, .blog-meta, article p, .widget p, .comment-content, .nectar-fancy-ul li { font-family: soleil, sans-serif !important; } /* Italic für Fließtext */ em, i, .entry-content em, .entry-content i, .post-content em, .post-content i, article em, article i, .widget em, .widget i { font-family: soleil, sans-serif !important; } /* Strong/Bold für Fließtext */ strong, b, .entry-content strong, .entry-content b, .post-content strong, .post-content b, article strong, article b, .widget strong, .widget b { font-family: soleil, sans-serif !important; } /* Strong + Italic Kombination */ strong em, strong i, b em, b i, em strong, i strong, em b, i b, .entry-content strong em, .entry-content strong i, .post-content strong em, .post-content strong i { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ BUTTONS - Button Font ------------------------------------------------------------------ */ .button-font, .nectar-button, .nectar-cta, input[type="submit"], button, .wpcf7-submit, .woocommerce-page input[type="submit"], .woocommerce input[type="submit"], .woocommerce button, .portfolio-filters-inline a, .portfolio-filters a { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ WIDGET TITLES - Widget Title Font ------------------------------------------------------------------ */ .widget-title-font, .widget h4, .widget h3, .widget .widgettitle, .footer-widgets h4, .nectar-fancy-title .subtitle, .sidebar .widget h4 { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ BREADCRUMBS ------------------------------------------------------------------ */ .breadcrumb-font, #page-header-bg .breadcrumb, .breadcrumbs, .woocommerce .breadcrumb { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ PORTFOLIO / BLOG META ------------------------------------------------------------------ */ .meta-font, .post-meta, .portfolio-meta, .blog-meta, .entry-meta, .byline, .posted-on, .cat-links, .tags-links, .comment-count { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ FOOTER ------------------------------------------------------------------ */ .footer-font, #footer-outer, #footer-outer p, #footer-outer .widget, #footer-outer .widget p, #copyright p { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ WOOCOMMERCE SPEZIFISCHE ELEMENTE ------------------------------------------------------------------ */ .woocommerce-font, .woocommerce .product_title, .woocommerce .woocommerce-tabs ul.tabs li a, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce .checkout h3, .woocommerce .woocommerce-billing-fields h3, .woocommerce .woocommerce-shipping-fields h3 { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ PRICING TABLES ------------------------------------------------------------------ */ .pricing-font, .nectar-pricing-table h3, .nectar-pricing-table .price, .pricing-table .plan-name, .pricing-table .value { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ TESTIMONIALS ------------------------------------------------------------------ */ .testimonial-font, .testimonial_slider blockquote, .testimonial-quote, .client-name { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ CALL TO ACTION (CTA) ------------------------------------------------------------------ */ .cta-font, .nectar-cta h2, .nectar-cta h3, .call-to-action h2, .call-to-action h3 { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ FORMS & INPUT FIELDS ------------------------------------------------------------------ */ .form-font, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, .wpcf7-form input, .wpcf7-form textarea, .contact-form input, .contact-form textarea { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ BEISPIELE FÜR SPEZIFISCHE ADOBE FONTS INTEGRATION ------------------------------------------------------------------ */ /* VERWENDUNGSBEISPIEL: Ersetzen Sie 'ihr-adobe-font-name' mit dem tatsächlichen Namen Ihrer Adobe Fonts: 1. Logo: font-family: 'proxima-nova', sans-serif; 2. Headlines: font-family: 'adobe-garamond-pro', serif; 3. Body Text: font-family: 'source-sans-pro', sans-serif; 4. Navigation: font-family: 'futura-pt', sans-serif; etc. */ /* ------------------------------------------------------------------ ZUSÄTZLICHE SALIENT-SPEZIFISCHE SELEKTOREN ------------------------------------------------------------------ */ /* Page Builder Elemente */ .nectar-vc-wrapper h1, .nectar-vc-wrapper h2, .nectar-vc-wrapper h3, .wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3 { font-family: soleil, sans-serif !important; } /* Fancy Titles */ .nectar-fancy-title[data-style="default"] h1, .nectar-fancy-title[data-style="default"] h2, .nectar-fancy-title[data-style="default"] h3 { font-family: soleil, sans-serif !important; } /* Icon Boxes */ .icon-box h4, .nectar-icon-list h4 { font-family: soleil, sans-serif !important; } /* Team Member */ .team-member h3, .team-member h4 { font-family: soleil, sans-serif !important; } /* Milestone */ .nectar-milestone h5 { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ SOLEIL FONT SYSTEM - KOMPLETTE INTEGRATION ------------------------------------------------------------------ */ /* Allgemeine Selektoren für konsistente Font-Anwendung */ .soleil-regular { font-family: soleil, sans-serif !important; } .soleil-italic { font-family: soleil, sans-serif !important; } .soleil-bold { font-family: soleil, sans-serif !important; } .soleil-bold-italic { font-family: soleil, sans-serif !important; } /* ------------------------------------------------------------------ SMALLER DIV - Kleinere Schrift für spezielle Bereiche ------------------------------------------------------------------ */ /* Alle Elemente innerhalb von .smaller werden kleiner */ .smaller div, .smaller div p, .smaller div h1, .smaller div h2, .smaller div h3, .smaller div h4, .smaller div h5, .smaller div h6, .smaller div span, .smaller div a, .smaller div li { font-family: soleil, sans-serif !important; font-size: 21px; line-height: normal; font-weight: 400; } .smaller div a {color: grey; text-decoration: none;} /* ------------------------------------------------------------------ OFF-CANVAS MENÜ TYPOGRAFIE - Entspricht Überschriften-Schrift ------------------------------------------------------------------ */ /* Off-Canvas Menü-Container und Links */ #slide-out-widget-area, #slide-out-widget-area .inner, #slide-out-widget-area .off-canvas-menu-container, #slide-out-widget-area .off-canvas-menu-container nav, #slide-out-widget-area .off-canvas-menu-container nav ul, #slide-out-widget-area .off-canvas-menu-container nav ul li, #slide-out-widget-area .off-canvas-menu-container nav ul li a, #slide-out-widget-area .off-canvas-menu-container .menu li a, #slide-out-widget-area .off-canvas-menu-container .menu-item a, body #slide-out-widget-area .off-canvas-menu-container nav ul li a, body #slide-out-widget-area .off-canvas-menu-container .menu li a { font-family: soleil, sans-serif !important; font-size: 14px !important; line-height: 1.2 !important; } /* Off-Canvas Submenu */ #slide-out-widget-area .off-canvas-menu-container nav ul li ul li a, #slide-out-widget-area .off-canvas-menu-container .menu li ul li a, #slide-out-widget-area .off-canvas-menu-container .sub-menu li a, body #slide-out-widget-area .off-canvas-menu-container nav ul li ul li a { font-family: soleil, sans-serif !important; font-size: 12px !important; line-height: 1.2 !important; } /* Off-Canvas Widget Titel und Text */ #slide-out-widget-area .widget-title, #slide-out-widget-area .widget h1, #slide-out-widget-area .widget h2, #slide-out-widget-area .widget h3, #slide-out-widget-area .widget h4, #slide-out-widget-area .widget h5, #slide-out-widget-area .widget h6, #slide-out-widget-area .widget p, #slide-out-widget-area .widget div, #slide-out-widget-area .widget span, #slide-out-widget-area .off-canvas-social a, body #slide-out-widget-area .widget-title { font-family: soleil, sans-serif !important; font-size: 13px !important; line-height: 1.3 !important; } /* Off-Canvas Toggle Button */ body .slide-out-widget-area-toggle, body .slide-out-widget-area-toggle a, body .slide-out-widget-area-toggle a span, body .mobile-header .slide-out-widget-area-toggle, body .mobile-header .slide-out-widget-area-toggle a, #top nav ul .slide-out-widget-area-toggle a, #top .span_9 > .slide-out-widget-area-toggle a { font-family: soleil, sans-serif !important; font-size: 12px !important; } /* Off-Canvas Close Button */ #slide-out-widget-area .slide_out_area_close, #slide-out-widget-area .slide_out_area_close .icon-default-style, body #slide-out-widget-area .slide_out_area_close { font-family: soleil, sans-serif !important; }