コード例 #1
0
ファイル: functions.php プロジェクト: ahmedghazi/tpls
function et_divi_add_customizer_css()
{
    ?>
	<style>
		a { color: <?php 
    echo esc_html(et_get_option('link_color', '#2EA3F2'));
    ?>
; }

		body { color: <?php 
    echo esc_html(et_get_option('font_color', '#666666'));
    ?>
; }

		.et_pb_counter_amount, .et_pb_featured_table .et_pb_pricing_heading, .et_quote_content, .et_link_content, .et_audio_content { background-color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
; }

		#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: <?php 
    echo esc_html(et_get_option('primary_nav_bg', '#ffffff'));
    ?>
; }

		#top-header, #et-secondary-nav li ul { background-color: <?php 
    echo esc_html(et_get_option('secondary_nav_bg', et_get_option('accent_color', '#2EA3F2')));
    ?>
; }

		/*.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info { background: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }
		*/
		#et_search_icon:hover, .mobile_menu_bar:before, .footer-widget h4, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover { color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }

		.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button, .nav-single a, .posted_in a { color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }

		.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote { border-color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
; }

		#main-footer { background-color: <?php 
    echo esc_html(et_get_option('footer_bg', '#222222'));
    ?>
; }

		#top-menu a { color: <?php 
    echo esc_html(et_get_option('menu_link', '#666666'));
    ?>
; }

		#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a { color: <?php 
    echo esc_html(et_get_option('menu_link_active', '#2EA3F2'));
    ?>
; }

	<?php 
    $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
    $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
    if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
        if ('none' != $et_gf_heading_font) {
            et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6');
        }
        if ('none' != $et_gf_body_font) {
            et_gf_attach_font($et_gf_body_font, 'body, input, textarea, select');
        }
    }
    ?>
	</style>
<?php 
}
コード例 #2
0
ファイル: functions.php プロジェクト: damiansu/wordpress-es
    function et_dailyjournal_add_customizer_css()
    {
        ?>
		<style type="text/css">
		<?php 
        global $shortname;
        $et_prefix = !et_options_stored_in_one_row() ? "{$shortname}_" : '';
        $heading_font_option_name = "{$et_prefix}heading_font";
        $body_font_option_name = "{$et_prefix}body_font";
        $et_gf_heading_font = sanitize_text_field(et_get_option($heading_font_option_name, 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option($body_font_option_name, 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, .post-meta, span.fn, .comment_date');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #3
0
ファイル: functions.php プロジェクト: iinspiration/theme
function et_vertex_add_customizer_css()
{
    ?>
	<style>
		a { color: <?php 
    echo esc_html(et_get_option('link_color', '#4bb6f5'));
    ?>
; }

		body { color: <?php 
    echo esc_html(et_get_option('font_color', '#959494'));
    ?>
; }

		body, #top-menu, a.action-button, .skills li, .nav li ul, .et_mobile_menu, .description h2, .alt-description h2 { background-color: <?php 
    echo esc_html(et_get_option('accent_color_1', '#25383b'));
    ?>
; }

		.tagline, .et-zoom, a.more, .skill-amount, .description p.meta-info, .alt-description p.meta-info, #content-area .wp-pagenavi span.current, #content-area .wp-pagenavi a:hover, .comment-reply-link, .form-submit #submit { background-color: <?php 
    echo esc_html(et_get_option('accent_color_2', '#c24c4c'));
    ?>
; }
		.footer-widget li:before, .widget li:before { border-left-color: <?php 
    echo esc_html(et_get_option('accent_color_2', '#c24c4c'));
    ?>
; }

		#top-menu a, .et_mobile_menu a { color: <?php 
    echo esc_html(et_get_option('menu_link', '#ffffff'));
    ?>
; }

		#top-menu li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a { color: <?php 
    echo esc_html(et_get_option('menu_link_active', '#ffffff'));
    ?>
; }

	<?php 
    $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
    $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
    if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
        if ('none' != $et_gf_heading_font) {
            et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, #top-area h1, .et-description h2, .et-home-testimonial blockquote p, .description h2, .alt-description h2, blockquote p, #comments, #reply-title, #footer-logo, #et-logo');
        }
        if ('none' != $et_gf_body_font) {
            et_gf_attach_font($et_gf_body_font, 'body, input, textarea, select');
        }
    }
    ?>
	</style>
<?php 
}
コード例 #4
0
ファイル: functions.php プロジェクト: iinspiration/theme
    function et_nimble_add_customizer_css()
    {
        ?>
		<style>
		<?php 
        $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, .section-subtitle');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #5
0
ファイル: functions.php プロジェクト: iinspiration/theme
    function et_fusion_add_customizer_css()
    {
        ?>
		<style>
			#breadcrumbs, .read-more span, .testimonial span.title, .entry .meta-info, .entry .meta-info a, .entry .meta-info a:hover, .subtitle, .comment_date, .comment-reply-link:before, .bottom-nav li.current_page_item a, #content .wp-pagenavi .nextpostslink, #content .wp-pagenavi .previouspostslink { color: <?php 
        echo esc_html(et_get_option('highlight_color', '#c3e54b'));
        ?>
; }
			.mobile_nav { border-color: <?php 
        echo esc_html(et_get_option('highlight_color', '#c3e54b'));
        ?>
; }
			#top-menu a .menu-highlight, #mobile_menu  .menu-highlight { background-color: <?php 
        echo esc_html(et_get_option('highlight_color', '#c3e54b'));
        ?>
; }
			a { color: <?php 
        echo esc_html(et_get_option('link_color', '#FFA300'));
        ?>
; }
			body, .footer-widget { color: <?php 
        echo esc_html(et_get_option('font_color', '#454545'));
        ?>
; }
			h1, h2, h3, h4, h5, h6, .testimonial h2, #recent-updates h2, .recent-update h3 a, .footer-widget h4.widgettitle, .widget h4.widgettitle, .entry h2.title a, h1.title, #comments, #reply-title { color: <?php 
        echo esc_html(et_get_option('headings_color', '#454545'));
        ?>
; }

		<?php 
        $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, .read-more, .testimonial .title, .entry .meta-info, .subtitle, .wp-pagenavi, .comment_postinfo, .comment-reply-link, .form-submit #submit');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #6
0
ファイル: functions.php プロジェクト: iinspiration/theme
function et_fable_add_customizer_css()
{
    ?>
	<style>
		a { color: <?php 
    echo esc_html(et_get_option('link_color', '#6ba7a5'));
    ?>
; }

		body { color: <?php 
    echo esc_html(et_get_option('font_color', '#242424'));
    ?>
; }

		#main-header { background-color: <?php 
    echo esc_html(et_get_option('header_bg', '#292929'));
    ?>
; }

		#top-menu a, .et_mobile_menu a { color: <?php 
    echo esc_html(et_get_option('menu_link', '#ffffff'));
    ?>
; }

		#top-menu li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a { color: <?php 
    echo esc_html(et_get_option('menu_link_active', '#7fcbc8'));
    ?>
; }

	<?php 
    $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
    $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
    if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
        if ('none' != $et_gf_heading_font) {
            et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, #comments, #reply-title, .entry header h1, .entry header h2');
        }
        if ('none' != $et_gf_body_font) {
            et_gf_attach_font($et_gf_body_font, 'body, input, textarea, select');
        }
    }
    ?>
	</style>
<?php 
}
コード例 #7
0
ファイル: functions.php プロジェクト: Acens/jao2015
    function et_harmony_add_customizer_css()
    {
        ?>
		<style>
			a { color: <?php 
        echo esc_html(et_get_option('link_color', '#FFA300'));
        ?>
; }
			body { color: <?php 
        echo esc_html(et_get_option('font_color', '#3D5054'));
        ?>
; }
			#main-header h1, #main-header h2 { color: <?php 
        echo esc_html(et_get_option('logo_color', '#ffffff'));
        ?>
; }
		<?php 
        $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #8
0
ファイル: functions.php プロジェクト: shimion/simfoxy
    function et_foxy_add_customizer_css()
    {
        ?>
		<style>
			a { color: <?php 
        echo esc_html(et_get_option('link_color', '#4bb6f5'));
        ?>
; }
			body { color: <?php 
        echo esc_html(et_get_option('font_color', '#878787'));
        ?>
; }

			#featured { background-color: <?php 
        echo esc_html(et_get_option('slider_bg', '#f7a13c'));
        ?>
; }

			#featured { -webkit-box-shadow: inset 0 0 250px <?php 
        echo esc_html(et_get_option('slider_shadow', '#bd3905'));
        ?>
; -moz-box-shadow: inset 0 0 250px <?php 
        echo esc_html(et_get_option('slider_shadow', '#bd3905'));
        ?>
; box-shadow: inset 0 0 250px <?php 
        echo esc_html(et_get_option('slider_shadow', '#bd3905'));
        ?>
; }

			#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, .mobile_nav, #home-tab-area > ul > li.home-tab-active, #footer-bottom li a:hover, .et-product:hover .et-price-button, .et-products li:hover .et-price-button, #callout { background-color: <?php 
        echo esc_html(et_get_option('button_bg', '#ff8a1d'));
        ?>
; }
			@media only screen and (max-width: 767px){
				#callout > strong { background-color: <?php 
        echo esc_html(et_get_option('button_bg', '#ff8a1d'));
        ?>
; }
			}
			#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, #home-tab-area > ul > li.home-tab-active, #footer-bottom li a:hover, .mobile_nav, #callout { -moz-box-shadow: inset 0 0 30px <?php 
        echo esc_html(et_get_option('button_shadow', '#d9531f'));
        ?>
; -webkit-box-shadow: inset 0 0 30px <?php 
        echo esc_html(et_get_option('button_shadow', '#d9531f'));
        ?>
; box-shadow: inset 0 0 30px <?php 
        echo esc_html(et_get_option('button_shadow', '#d9531f'));
        ?>
; }

			#progress-time { background-color: <?php 
        echo esc_html(et_get_option('widget_highlight', '#ed6f1d'));
        ?>
; }
			#home-tab-area > ul, .widget h4.widgettitle { border-bottom: 5px solid <?php 
        echo esc_html(et_get_option('widget_highlight', '#ed6f1d'));
        ?>
; }

		<?php 
        $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, .slide .description h2, .post-heading h1, h1#comments, #reply-title, h1.category-title, .post-description h2, .related.products h2');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #9
0
ファイル: functions.php プロジェクト: iinspiration/theme
    function et_explorable_add_customizer_css()
    {
        ?>
		<style>
			a { color: <?php 
        echo esc_html(et_get_option('link_color', '#4bb6f5'));
        ?>
; }
			body { color: <?php 
        echo esc_html(et_get_option('font_color', '#2a2a2a'));
        ?>
; }
			h1, h2, h3, h4, h5, h6, .widget h4.widgettitle, .entry h2.title a, h1.title, #comments, #reply-title { color: <?php 
        echo esc_html(et_get_option('headings_color', '#3d5054'));
        ?>
; }

			#top-navigation a { color: <?php 
        echo esc_html(et_get_option('menu_link_color', '#ffffff'));
        ?>
 }
			#top-navigation li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a { color: <?php 
        echo esc_html(et_get_option('active_color', '#4bb6f5'));
        ?>
 }
			.nav li ul, .et_mobile_menu, #main-header { background-color: <?php 
        echo esc_html(et_get_option('top_menu_bar', '#232323'));
        ?>
 }
			#top-navigation > nav > ul > li.current-menu-item > a:before, .mobile_nav:before { border-top-color: <?php 
        echo esc_html(et_get_option('top_menu_bar', '#232323'));
        ?>
; }

		<?php 
        $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
        $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
        if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font) {
            if ('none' != $et_gf_heading_font) {
                et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6, .location-title h2, .et-description h1, .post-description h2, .post-description h1, #listing-results, #et-listings-no-results h1, #et-listings-no-results h2, #comments, #reply-title, #left-area .wp-pagenavi, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4');
            }
            if ('none' != $et_gf_body_font) {
                et_gf_attach_font($et_gf_body_font, 'body');
            }
        }
        ?>
		</style>
	<?php 
    }
コード例 #10
0
function codedrop_divi_add_customizer_css()
{
    ?>
	<style>
		a { color: <?php 
    echo esc_html(et_get_option('link_color', '#2EA3F2'));
    ?>
; }

		body { color: <?php 
    echo esc_html(et_get_option('font_color', '#666666'));
    ?>
; }

		.et_pb_counter_amount, .et_pb_featured_table .et_pb_pricing_heading, .et_quote_content, .et_link_content, .et_audio_content { background-color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
; }
		<?php 
    if (et_get_option('primary_nav_bg', true) && !et_get_option('transparent_header_height')) {
        ?>
		#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: <?php 
        echo esc_html(et_get_option('primary_nav_bg', '#ffffff'));
        ?>
; }
		<?php 
    }
    ?>

		#top-header, #et-secondary-nav li ul { background-color: <?php 
    echo esc_html(et_get_option('secondary_nav_bg', et_get_option('accent_color', '#2EA3F2')));
    ?>
; }
		<?php 
    if (true === et_get_option('fixed_header_height', false)) {
        ?>
			#main-header { padding: 0; }
			#main-header nav#top-menu-nav { padding: 0; }
			#top-menu li { padding: 0; }
			#top-menu li > a { padding: 19px 11px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
			.nav li ul { top: 100% !important; }
			.et-fixed-header { padding: 0 !important; }
			#main-header.et-fixed-header nav#top-menu-nav { padding: 0; }
			.et-fixed-header #top-menu > li > a { padding: 19px 11px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
			.et_fixed_nav #logo { padding: 10px 0; max-height: 63px; }
			.et_fixed_nav .et-fixed-header #logo { padding: 10px 0; }
			#et_top_search { margin: 0; padding: 30px 10px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
			#et_search_icon:before { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; top: 1px; }
			.et-search-form { top: 100% !important; }
			.et-fixed-header #et_top_search { margin: 0; padding: 15px 11px; }
			.et-fixed-header .et-search-form { top: 25px; }
			.et-search-form { top: 47px; }
			.mobile_menu_bar { display: block; }
			a.mobile_nav { display: block; padding: 13px 15px; }
			.et-fixed-header a.mobile_nav { padding: 13px 15px }
			.mobile_menu_bar:before { top: 3px; }
		<?php 
    }
    ?>
		
		<?php 
    if (true === et_get_option('no_padding_top_container')) {
        ?>
			.home #page-container { top: 0 !important; padding-top: 0 !important; }
		<?php 
    }
    ?>
		
		<?php 
    if (true === et_get_option('transparent_header_height', false)) {
        ?>
			
			#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: transparent; box-shadow: none !important; }
			#main-header.main-header-bg, #main-header.main-header-bg .nav li ul, .main-header-bg .et-search-form, #main-header.main-header-bg .et_mobile_menu { background-color: <?php 
        echo esc_html(et_get_option('primary_nav_bg', '#ffffff'));
        ?>
 !important; }
			
		<?php 
    }
    ?>

		.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message, .woocommerce-error, .woocommerce-info { background: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }

		#et_search_icon:hover, .mobile_menu_bar:before, .footer-widget h4, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover { color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }

		.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button, .nav-single a, .posted_in a { color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
 !important; }

		.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote { border-color: <?php 
    echo esc_html(et_get_option('accent_color', '#2EA3F2'));
    ?>
; }

		#main-footer { background-color: <?php 
    echo esc_html(et_get_option('footer_bg', '#222222'));
    ?>
; }

		#top-menu a { color: <?php 
    echo esc_html(et_get_option('menu_link', '#666666'));
    ?>
; }

		#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a { color: <?php 
    echo esc_html(et_get_option('menu_link_active', '#2EA3F2'));
    ?>
; }

	<?php 
    $et_gf_heading_font = sanitize_text_field(et_get_option('heading_font', 'none'));
    $et_gf_body_font = sanitize_text_field(et_get_option('body_font', 'none'));
    $custom_heading_font = et_get_option('custom_heading_font');
    $custom_body_font = et_get_option('custom_body_font');
    if ('none' != $et_gf_heading_font || 'none' != $et_gf_body_font && !$custom_heading_font || !$custom_body_font) {
        if ('none' != $et_gf_heading_font && !$custom_heading_font) {
            et_gf_attach_font($et_gf_heading_font, 'h1, h2, h3, h4, h5, h6');
        }
        if ('none' != $et_gf_body_font && !$custom_heading_font) {
            et_gf_attach_font($et_gf_body_font, 'body, input, textarea, select');
        }
    }
    if ($custom_heading_font != '' || $custom_body_font != '') {
        if ($custom_heading_font != '') {
            echo 'h1, h2, h3, h4, h5, h6 { font-family: ' . $custom_heading_font . ' !important;}';
        }
        if ($custom_body_font != '') {
            echo 'body, input, textarea, select { font-family: ' . $custom_body_font . ' !important;}';
        }
    }
    ?>
	</style>
	
	<?php 
    if (true === et_get_option('transparent_header_height', false)) {
        ?>
			
		<script type="text/javascript">
			
			jQuery(document).ready(function($){

				$(window).scroll(function(){
				    var fromTopPx = $(window).height() - ($('#main-header').height() * 2); // distance to trigger
				    var scrolledFromtop = $(window).scrollTop();
				    if(scrolledFromtop > fromTopPx){
				        $('#main-header').addClass('main-header-bg');
				    }else{
				        $('#main-header').removeClass('main-header-bg');
				    }
				});
			    
			});
			
		</script>
		
	<?php 
    }
    ?>
	
<?php 
}