Example #1
0
function ewf_admin_ui_font_includes()
{
    global $ewf_theme_options;
    $font_urls = array();
    foreach ($ewf_theme_options as $theme_options_panel => $theme_options_group) {
        foreach ($theme_options_group as $index => $ewf_font_option) {
            if ($ewf_font_option['type'] == 'ewf-ui-font') {
                $font_settings = ewf_admin_ui_font_decode($ewf_font_option['id'], true, $ewf_font_option['std']);
                $font_settings['url'] = ewf_admin_ui_font_googleurl($font_settings['font-family']);
                $font_settings['font-family'] = ucwords(str_replace(' ', '+', $font_settings['font-family']));
                $font_urls[$font_settings['url']] = $font_settings['font-family'];
            }
        }
    }
    foreach ($font_urls as $font_url => $font_name) {
        wp_enqueue_style('googlefonts-' . $font_name, $font_url);
    }
}
Example #2
0
function ewf_admin_load_dynamicStyles()
{
    global $ewf_theme_options_defaults;
    ob_start();
    #	Theme Options - Content Width
    #
    $_eto_content_width = get_option(EWF_SETUP_THNAME . "_content_width", $ewf_theme_options_defaults['content_width']);
    echo ".ewf-boxed-layout #wrap { max-width:" . $_eto_content_width . ";} \n";
    echo ".ewf-boxed-layout #header { max-width:" . $_eto_content_width . ";} \n";
    // echo '.ewf-debug-message  { background-color: #FCFCFC;border-left: 4px solid #7ad03a;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);padding:12px;margin:20px;color:#555; }';
    # 	Theme Options - Header Height
    # 	/* */
    $header_height = get_option(EWF_SETUP_THNAME . "_header_height", $ewf_theme_options_defaults['header_height']);
    if ($header_height != $ewf_theme_options_defaults['header_height']) {
        echo '@media (min-width: 1025px) {' . "\n";
        echo '#header-wrap { height:' . $header_height . '; }' . "\n";
        echo "} \n";
        $header_height_height_val = round(($header_height - 24) / 2, 1);
        echo '.sf-menu > li > a,' . "\n";
        echo '.sf-menu > li.dropdown > a { padding-top: ' . $header_height_height_val . 'px;padding-bottom: ' . $header_height_height_val . 'px; }' . "\n";
        $header_height_button = round($header_height / 2 - 18, 1);
        echo '@media (min-width: 992px) {';
        echo '#header-button { margin-top:' . $header_height_button . 'px; }';
        echo '}';
        // $header_height_form = round( $header_height_button + 54, 1);
        // echo '#custom-search-form { top:'.$header_height_form.'px; }';
    }
    $header_sticky = get_option(EWF_SETUP_THNAME . "_header_sticky", "true");
    $header_height_sticky = get_option(EWF_SETUP_THNAME . "_header_height_sticky", $ewf_theme_options_defaults['header_height_sticky']);
    if ($header_sticky === 'true' && $header_height_sticky != $ewf_theme_options_defaults['header_height_sticky']) {
        $header_height_sticky_val = round(($header_height_sticky - 24) / 2, 1);
        $header_height_button = round($header_height_sticky / 2 - 18, 1);
        echo '@media (min-width: 1025px) {';
        echo '#header.stuck  .sf-menu > li > a,';
        echo '#header.stuck  .sf-menu > li.dropdown > a {padding-top:' . $header_height_sticky_val . 'px;padding-bottom:' . $header_height_sticky_val . 'px; }';
        echo '#header.stuck #header-button { margin-top:' . $header_height_button . 'px; }';
        echo '}';
    }
    # 	Theme Options - Header Menu Offset
    #
    $header_menuoffset = get_option(EWF_SETUP_THNAME . "_header_menuoffset", '0px');
    if ($header_menuoffset != '0px') {
        echo '.sf-menu { margin-top:' . $header_menuoffset . '; }';
    }
    ?>
		
		<?php 
    if (get_option(EWF_SETUP_THNAME . "_colors_custom", "false") == 'true') {
        ?>
	
				
				<?php 
        $color_accent_01 = get_option(EWF_SETUP_THNAME . "_color_accent_01", $ewf_theme_options_defaults['color_accent_01']);
        // $color_accent_02 = get_option(EWF_SETUP_THNAME."_color_accent_02"							, $ewf_theme_options_defaults['color_accent_02']);
        $color_content_font = get_option(EWF_SETUP_THNAME . "_color_content_font", $ewf_theme_options_defaults['color_content_font']);
        $color_header_font = get_option(EWF_SETUP_THNAME . "_color_header_font", $ewf_theme_options_defaults['color_header_font']);
        $color_darkgrey = get_option(EWF_SETUP_THNAME . "_color_darkgrey", $ewf_theme_options_defaults['color_darkgrey']);
        $color_lightgrey = get_option(EWF_SETUP_THNAME . "_color_lightgrey", $ewf_theme_options_defaults['color_lightgrey']);
        $color_menu_font = get_option(EWF_SETUP_THNAME . "_color_menu_font", $ewf_theme_options_defaults['color_menu_font']);
        $color_ms_tile = get_option(EWF_SETUP_THNAME . "_color_ms_tile", $ewf_theme_options_defaults['color_ms_tile']);
        $color_android_theme = get_option(EWF_SETUP_THNAME . "_color_android_theme", $ewf_theme_options_defaults['color_android_theme']);
        // $color_menu_font_hover = get_option(EWF_SETUP_THNAME."_color_menu_font_hover"				, $ewf_theme_options_defaults['color_menu_font_hover']);
        // $color_menu_font_selected = get_option(EWF_SETUP_THNAME."_color_menu_font_selected"			, $ewf_theme_options_defaults['color_menu_font_selected']);
        // $color_menu_drop_background = get_option(EWF_SETUP_THNAME."_color_menu_drop_background"		, $ewf_theme_options_defaults['color_menu_drop_background']);
        // $color_menu_drop_divider = get_option(EWF_SETUP_THNAME."_color_menu_drop_divider"			, $ewf_theme_options_defaults['color_menu_drop_divider']);
        // $color_menu_drop_font = get_option(EWF_SETUP_THNAME."color_menu_drop_font"					, $ewf_theme_options_defaults['color_menu_drop_font']);
        // $color_menu_drop_font_hover = get_option(EWF_SETUP_THNAME."color_menu_drop_font_hover"		, $ewf_theme_options_defaults['color_menu_drop_font_hover']);
        // $color_footer_background = get_option(EWF_SETUP_THNAME."_color_footer_background"			, $ewf_theme_options_defaults['color_footer_background']);
        // $color_footer_font = get_option(EWF_SETUP_THNAME."_color_footer_font"						, $ewf_theme_options_defaults['color_footer_font']);
        // $color_footer_divider = get_option(EWF_SETUP_THNAME."_color_footer_divider"					, $ewf_theme_options_defaults['color_footer_divider']);
        ?>
		
				/*	###	EWF Custom Colors 	*/
				
				 
body {
	background-color: #ffffff;
	color: <?php 
        echo $color_content_font;
        ?>
;
}

abbr[title] {  
	border-bottom: 1px dotted <?php 
        echo $color_darkgrey;
        ?>
; 
}

blockquote span { 
	color: <?php 
        echo $color_darkgrey;
        ?>
;  
}

hr { 
	border: solid <?php 
        echo $color_darkgrey;
        ?>
; 
}

code, 
pre { 
	color: <?php 
        echo $color_content_font;
        ?>
;	
}

code { 
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;  
	color: #d50f25;  
}

pre { 
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;   
	background-color: <?php 
        echo $color_lightgrey;
        ?>
; 
}

.hr { 
	border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;  
}

.text-highlight { color: <?php 
        echo $color_accent_01;
        ?>
; background:yellow; }

.mute{ 
	color: <?php 
        echo $color_darkgrey;
        ?>
;
}

@media (max-width: 767px) {

	body { 
		background-color: #fff; 
	}
	
}

a, 
a:visited,
a:hover, 
a:focus { 
	color: <?php 
        echo $color_accent_01;
        ?>
; 
}	

h1, 
h2, 
h3, 
h4, 
h5, 
h6,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a,
h1 a:visited, 
h2 a:visited, 
h3 a:visited, 
h4 a:visited, 
h5 a:visited, 
h6 a:visited,
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover,
h1 a:focus, 
h2 a:focus, 
h3 a:focus, 
h4 a:focus, 
h5 a:focus, 
h6 a:focus {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

table th, 
table td {
	border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

::-moz-placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder {
	color: <?php 
        echo $color_darkgrey;
        ?>
;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
	color: <?php 
        echo $color_content_font;
        ?>
;
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	background-color: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: <?php 
        echo $color_darkgrey;
        ?>
;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
}

input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
}

select {
	color: <?php 
        echo $color_content_font;
        ?>
;
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

select:disabled {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
}

select:focus { border-color: <?php 
        echo $color_darkgrey;
        ?>
; }

button,
input[type="reset"],
input[type="submit"],
input[type="button"]{
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
}

.javascript-required,
.modern-browser-required{
	background-color: #d50f25;
	color: #fff;
}

.wpb_accordion_header {
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
 !important;
	background-color: #fff !important;
	color: <?php 
        echo $color_content_font;
        ?>
 !important;
}

.wpb_accordion_header a { color: <?php 
        echo $color_content_font;
        ?>
 !important; }

.wpb_accordion_header.ui-state-hover,
.wpb_accordion_header.ui-state-active {
	background-color: <?php 
        echo $color_accent_01;
        ?>
 !important;
	border-color: #fff !important;
}

.wpb_accordion_header.ui-state-hover a,
.wpb_accordion_header.ui-state-active a { color: #fff !important;}

.wpb_accordion_header:after, .wpb_accordion_header:after {
	color: <?php 
        echo $color_content_font;
        ?>
;
}
.wpb_accordion_header.ui-state-active:after {
	color: #fff;
}

.wpb_accordion_header.ui-state-hover:after { color: #fff; }

.alert {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

.alert.info {
	background-color: #f1f3f4;
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.alert.success {
	background-color: #d0dadf;
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.alert.error {
	background-color: #474d50;
	color: #fff;
}

.alert.warning {
	background-color: #7b868c;
	color: #fff;
}

.btn { 
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

a.btn { color: #fff; }

.btn.alt {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

a.btn.alt { color: <?php 
        echo $color_accent_01;
        ?>
; }

ul.fill-circle li:before {
	background-color: <?php 
        echo $color_content_font;
        ?>
;
}

ul.fill-circle.border li {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}	
	
.divider.single-line { border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
; }

.divider.double-line { border-top: 4px double <?php 
        echo $color_darkgrey;
        ?>
; }

.headline h4 { 
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.icon-box-1 > i { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
} 
	
.icon-box-2 > i {
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.icon-box-2:hover > i {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;	
}

.icon-box-2 h5 small {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.icon-box-3 > h4 { 
	border: 2px solid <?php 
        echo $color_header_font;
        ?>
;
} 

.icon-box-3 h3 a {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.icon-box-3:hover h3 a {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.icon-box-3:hover > h4 {
	border-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.icon-box-4 > i {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.icon-box-5 > i {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.icon-box-5 h4 a { color: <?php 
        echo $color_accent_01;
        ?>
; }

.info-box {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
}

.info-box-2 {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

.info-box-2 h1,
.info-box-2 h2,
.info-box-2 h3,
.info-box-2 h4,
.info-box-2 h5,
.info-box-2 h6 { color: #fff; }

.info-box-2 .btn { 
	background-color: #fff; 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.info-box-2 .btn.alt {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}

#box-1 {
	background-color: <?php 
        echo $color_header_font;
        ?>
;
}

.milestone .milestone-content {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.milestone .milestone-description {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.horizontal-process-builder:before {
	border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.horizontal-process-builder li:before {
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	background-color: #fff;
}

.horizontal-process-builder li:hover:before {
	border-color: <?php 
        echo $color_darkgrey;
        ?>
;
}

.vertical-process-builder:before {
	border-left: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.vertical-process-builder li i,
.vertical-process-builder li h1 {
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	outline: 10px solid #fff;
	background-color: #fff;
}

.vertical-process-builder li:hover i,
.vertical-process-builder li:hover h1 {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
}

.pricing-table {
	border: 2px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.pricing-table.alt {
	border-color: <?php 
        echo $color_darkgrey;
        ?>
;
	background-color: <?php 
        echo $color_darkgrey;
        ?>
;
}

.pricing-table-header h1 sup {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.pricing-table-header h1 sub {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.pricing-table:hover { border-color: <?php 
        echo $color_accent_01;
        ?>
; }
.pricing-table:hover .pricing-table-header h1 { color: <?php 
        echo $color_accent_01;
        ?>
; }

.pricing-table.alt:hover {
	border-color: <?php 
        echo $color_accent_01;
        ?>
;
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

.pricing-table.alt:hover .pricing-table-header h1 sup,
.pricing-table.alt:hover .pricing-table-header h1 sub,
.pricing-table.alt:hover .pricing-table-header h1,
.pricing-table.alt:hover .pricing-table-header h3 { color: #fff; }

.pricing-table.alt:hover .btn { border-color: #fff; }

.progress-bar-description {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.progress-bar {
	background-color: <?php 
        echo $color_lightgrey;
        ?>
;
	box-shadow: inset 0 1px 5px 0 <?php 
        echo $color_darkgrey;
        ?>
;
}

.progress-bar .progress-bar-outer {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
}

a.social-icon {
	color: <?php 
        echo $color_content_font;
        ?>
;
}


.table-bordered { 
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
; 		
}

.table-bordered th, 
.table-bordered td { border-left: 1px solid <?php 
        echo $color_darkgrey;
        ?>
; }

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th { background-color: <?php 
        echo $color_lightgrey;
        ?>
; }	

@media (max-width: 480px) {

	tr { border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
; }

  
}

.wpb_tabs_nav  {
	border-bottom: none !important;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:last-child a { border-right: 1px solid <?php 
        echo $color_darkgrey;
        ?>
 !important; }

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
	border-bottom-color: #fff;
	background-color: #fff !important;
	color: <?php 
        echo $color_accent_01;
        ?>
 !important;
}

.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
	border: 1px solid <?php 
        echo $color_darkgrey;
        ?>
 !important; 
	background-color: transparent !important;
}

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active, 
.wpb_content_element .wpb_tabs_nav li:hover { background-color: transparent !important; }

.wpb_content_element .wpb_tabs_nav li:hover a { color: <?php 
        echo $color_accent_01;
        ?>
; }

.testimonial > i {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.testimonial > h5 {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.testimonial blockquote p span { color: <?php 
        echo $color_accent_01;
        ?>
; }

.testimonial h5 span { color: <?php 
        echo $color_darkgrey;
        ?>
; }

.team-member h5 small {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.portfolio-item-overlay {
	background-color: #fff;
}

.portfolio-item-overlay .portfolio-item-description {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.portfolio-item-description h5 { color: <?php 
        echo $color_header_font;
        ?>
; }

.portfolio-item-description h5 a {
	color: <?php 
        echo $color_header_font;
        ?>
;
}	

.portfolio-item-description h5 a:hover { 
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.portfolio-item-overlay-actions .portfolio-item-zoom i,
.portfolio-item-overlay-actions .portfolio-item-link i {
	color: #fff;  
}

.portfolio-filter ul li a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.portfolio-filter ul li a:hover,
.portfolio-filter ul li a.active { color: <?php 
        echo $color_accent_01;
        ?>
; }	

.pagination a { 
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
}

.pagination li.current a,
.pagination li a:hover { 
	background-color: <?php 
        echo $color_accent_01;
        ?>
; 
	color: #fff; 
}	

.portfolio-switcher ul li.active a,
.portfolio-switcher ul li a:hover { border-color: <?php 
        echo $color_accent_01;
        ?>
; }

.project-navigation a {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.project-navigation a:hover { color: <?php 
        echo $color_accent_01;
        ?>
; }

.blog-post {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.sticky-post {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;	
}

.blog-post-title p a {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.blog-post-title p a small {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.textwidget blockquote:before {
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

#s { 
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
; 
}

#s:focus { border-color: #bbb; }

.widget_pages a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget_pages a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

#footer-bottom .widget_pages ul li {
	border-right: 2px solid <?php 
        echo $color_content_font;
        ?>
;
}

.widget_archive a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget_archive a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.widget_categories a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget_categories a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.widget_meta a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget_meta a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.widget_tag_cloud a { 
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

.widget_tag_cloud a:hover { 
	background-color: #fff;
	color: <?php 
        echo $color_accent_01;
        ?>
; 
}

.widget_nav_menu a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.widget_nav_menu a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.ewf_widget_navigation a {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.ewf_widget_navigation a:hover { 
	color: <?php 
        echo $color_accent_01;
        ?>
;
}

.commentlist .vcard cite.fn a.url {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.commentlist .comment-meta a { color: <?php 
        echo $color_content_font;
        ?>
; }

.commentlist > li,
.commentlist > li ul.children li {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.commentlist > li.pingback {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

#comment-form { 
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

.tp-bullets.simplebullets.round .bullet {
	background: <?php 
        echo $color_content_font;
        ?>
;
}

.tp-bullets.simplebullets.round .bullet.selected { background: <?php 
        echo $color_accent_01;
        ?>
;  }

.tp-leftarrow.default { background-color: <?php 
        echo $color_header_font;
        ?>
; }
.tp-rightarrow.default { background-color: <?php 
        echo $color_header_font;
        ?>
; }

.caption.title {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.caption.text {
	color: #fff;
}

.caption.text-2 {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.caption.text-3 {
	color: <?php 
        echo $color_content_font;
        ?>
;
}

.caption .btn {
	color: #fff;
}

.caption .btn:hover { color: #fff; }
.caption .btn.alt:hover { color: <?php 
        echo $color_accent_01;
        ?>
; }


@media (min-width: 768px) and (max-width: 991px) {
	
	.caption .btn {
		color: #fff;
	}
	
}

@media (max-width: 767px) {

	.caption .btn {
		color: #fff;
	}
	
}	

.woocommerce table th {
	color: #fff;
}	

.address {
	border: 2px solid <?php 
        echo $color_darkgrey;
        ?>
;		
}

.woocommerce a.added_to_cart {
	background-color: <?php 
        echo $color_accent_01;
        ?>
;
	border: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
	color: #fff;
}

#wrap {
	background-color: #fff;
}

.sf-menu a {
	color: <?php 
        echo $color_menu_font;
        ?>
; 
}

.sf-menu > li > a,
.sf-menu > li.dropdown > a {
	color: <?php 
        echo $color_menu_font;
        ?>
;
}

.sf-menu > li > a:hover:before,
.sf-menu > li.current > a:before,
.sf-menu li.sfHover > a:before { border-top-color: <?php 
        echo $color_accent_01;
        ?>
; }


.sf-menu li.dropdown ul {	
	background-color: #fff;			
}

.sf-menu li.dropdown ul:before {
	border-top: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
}

.sf-menu li.dropdown ul a:hover,
.sf-menu li.dropdown ul li.dropdown.sfHover > a { color: <?php 
        echo $color_accent_01;
        ?>
; }

.sf-mega {
	background-color: #fff;
}

.sf-menu .sf-mega:before {
	border-top: 2px solid <?php 
        echo $color_accent_01;
        ?>
;
}

.sf-mega ul li a:hover { color: <?php 
        echo $color_accent_01;
        ?>
; }

.sf-arrows .sf-with-ul:after {
	border-top-color: <?php 
        echo $color_darkgrey;
        ?>
;
}
	
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); }
	
.sf-arrows ul .sf-with-ul:after {
	border-left-color: <?php 
        echo $color_darkgrey;
        ?>
;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); }

#mobile-menu {
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

#mobile-menu .sf-mega {
	background: #fff;
}

#mobile-menu li a {
	border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	color: <?php 
        echo $color_menu_font;
        ?>
;
}

#mobile-menu .mobile-menu-submenu-arrow {
	border-left: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	color: <?php 
        echo $color_menu_font;
        ?>
;
}

#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: <?php 
        echo $color_lightgrey;
        ?>
; }

@media (min-width: 1025px) {
	
	#header.stuck {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		background-color: rgba(255, 255, 255, 0.95);
	}

}

#page-header {
	border-top: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
	border-bottom: 1px solid <?php 
        echo $color_darkgrey;
        ?>
;
}

#back-to-top {
	background-color: <?php 
        echo $color_header_font;
        ?>
;
	color: #fafafa;
}

#back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); }
#back-to-top:hover i { color: #fff; }

.bx-wrapper .bx-pager {
	color: <?php 
        echo $color_header_font;
        ?>
;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	border: 1px solid <?php 
        echo $color_accent_01;
        ?>
;		
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: <?php 
        echo $color_accent_01;
        ?>
; }


			
		<?php 
    }
    ?>
		
		
		
		
		
		<?php 
    #	Theme Options - Background
    #
    $_body_background = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_background");
    echo "body { " . $_body_background . "}\n";
    #	Theme Options - Typography
    #
    if (get_option(EWF_SETUP_THNAME . "_fonts_custom", 'false') == 'true') {
        echo "\n/*\t###\tEWF Custom Typography  */ \n";
        #	Global Font
        #
        $_body_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_body_font", true);
        $_body_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_body_font_size", $ewf_theme_options_defaults['body_font_size']) . "; \n";
        $_body_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_body_font_lineheight", $ewf_theme_options_defaults['body_font_lineheight']) . "; \n";
        echo "body { " . $_body_font['css'] . $_body_font_size . $_body_font_lineheight . "\n }";
        $_h1_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h1_font", true);
        $_h1_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h1_font_size", $ewf_theme_options_defaults['h1_font_size']) . "; \n";
        $_h1_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h1_font_lineheight", $ewf_theme_options_defaults['h1_font_lineheight']) . "; \n";
        $_h1_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h1_font_margin", $ewf_theme_options_defaults['h1_font_margin']) . "; \n";
        echo "h1 { " . $_h1_font['css'] . $_h1_font_size . $_h1_font_lineheight . $_h1_font_margin . "}\n\n";
        $_h2_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h2_font", true);
        $_h2_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h2_font_size", $ewf_theme_options_defaults['h2_font_size']) . "; \n";
        $_h2_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h2_font_lineheight", $ewf_theme_options_defaults['h2_font_lineheight']) . "; \n";
        $_h2_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h2_font_margin", $ewf_theme_options_defaults['h2_font_margin']) . "; \n";
        echo "h2 { " . $_h2_font['css'] . $_h2_font_size . $_h2_font_lineheight . $_h2_font_margin . "}\n\n";
        $_h3_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h3_font", true);
        $_h3_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h3_font_size", $ewf_theme_options_defaults['h3_font_size']) . "; \n";
        $_h3_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h3_font_lineheight", $ewf_theme_options_defaults['h3_font_lineheight']) . "; \n";
        $_h3_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h3_font_margin", $ewf_theme_options_defaults['h3_font_margin']) . "; \n";
        echo "h3 { " . $_h3_font['css'] . $_h3_font_size . $_h3_font_lineheight . $_h3_font_margin . "}\n\n";
        $_h4_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h4_font", true);
        $_h4_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h4_font_size", $ewf_theme_options_defaults['h4_font_size']) . "; \n";
        $_h4_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h4_font_lineheight", $ewf_theme_options_defaults['h4_font_lineheight']) . "; \n";
        $_h4_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h4_font_margin", $ewf_theme_options_defaults['h4_font_margin']) . "; \n";
        echo "h4 { " . $_h4_font['css'] . $_h4_font_size . $_h4_font_lineheight . $_h4_font_margin . "}\n\n";
        $_h5_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h5_font", true);
        $_h5_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h5_font_size", $ewf_theme_options_defaults['h5_font_size']) . "; \n";
        $_h5_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h5_font_lineheight", $ewf_theme_options_defaults['h5_font_lineheight']) . "; \n";
        $_h5_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h5_font_margin", $ewf_theme_options_defaults['h5_font_margin']) . "; \n";
        echo "h5 { " . $_h5_font['css'] . $_h5_font_size . $_h5_font_lineheight . $_h5_font_margin . "}\n\n";
        $_h6_font = ewf_admin_ui_font_decode(EWF_SETUP_THNAME . "_h6_font", true);
        $_h6_font_size = 'font-size:' . get_option(EWF_SETUP_THNAME . "_h6_font_size", $ewf_theme_options_defaults['h6_font_size']) . "; \n";
        $_h6_font_lineheight = 'line-height:' . get_option(EWF_SETUP_THNAME . "_h6_font_lineheight", $ewf_theme_options_defaults['h6_font_lineheight']) . "; \n";
        $_h6_font_margin = 'margin-bottom:' . get_option(EWF_SETUP_THNAME . "_h6_font_margin", $ewf_theme_options_defaults['h6_font_margin']) . "; \n";
        echo "h6 { " . $_h6_font['css'] . $_h6_font_size . $_h6_font_lineheight . $_h6_font_margin . "}\n\n";
    }
    return ob_get_clean();
}