<?php function lio_custom_styles() { 
global $smof_data;


/*-----------------------------------------------------------------------------------*/
/*	Output Custom CSS Into Header
/*-----------------------------------------------------------------------------------*/
$bg_image_url = "";
$page_background_image = rwmb_meta('sf_background_image', 'type=image&size=full');
if (is_array($page_background_image)) {
foreach ($page_background_image as $image) {
$bg_image_url = $image['url'];
break;
}
}
$body_bg_use_image = $smof_data['use_bg_image'];
$body_upload_bg = "";
if (isset($smof_data['custom_bgimg'])) {
$body_upload_bg = $smof_data['custom_bgimg'];
}
if (isset($smof_data['custom_bg'])) {
$body_preset_bg = $smof_data['custom_bg'];
}
// Custom CSS
$custom_css = $smof_data['custom_css'];

$bodyfont = $smof_data['body_google_font'];
$headefont = $smof_data['head_google_font'];
$tobbar_color = $smof_data['tobbar_color'];
?> 	

<style type="text/css">
<?php if(!empty($smof_data['tobbar_color'])) { ?>
.topBar {
	background: <?php if(!empty($smof_data['tobbar_color'])) echo $smof_data['tobbar_color']; ?>;
}
<?php } ?>
<?php if(!empty($smof_data['custom_css'])) { ?>
<?php if(!empty($smof_data['custom_css'])) echo $smof_data['custom_css']; ?>
<?php } ?>
body ,body p , .sidebar .widget.socialCounters a .sNumber i {font-family: "<?php echo $bodyfont ?>", 'FullerSansDTRegular' !important; }
h1, h2, h3, h4, h5, h6 , .acc-trigger , .tabsShortcode .tabsNav li a , div#lioit-review-header , .tabs .maintab_wrap .maintabNav li a , .articleType , a.postMore , #nav-alt li , #mainNavigation ul#dropmenu > li a , .topBar ul#topNavigation li a , .header-weather #weather .info strong , .btn , .sidebar .widget.socialCounters a .sNumber {font-family: "<?php echo $headefont ?>", 'FullerSansDTBold' !important; }

body {
	background:<?php if(!empty($smof_data['bg_color'])) echo $smof_data['bg_color']; ?> ;
}

body a,.errorMessage {
	color:<?php echo $smof_data['accent_color']; ?>;
}
<?php $themewidth = $smof_data['theme_width']; ?>
<?php if ($themewidth == "fullwidth") { ?>
<?php } ?>
<?php if ($themewidth == "fixed") { ?>
<?php 
if ($body_bg_use_image) {
	if ($body_upload_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_upload_bg.') repeat center top fixed !important;}'. "\n";
	} else if ($body_preset_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_preset_bg.') repeat center top fixed !important;}'. "\n";
	}
	echo 'body {background-size: '.$bg_size.';}'. "\n";	
} else {
	echo 'body {background-color: '.$page_bg_color.';}'. "\n";
}
?>


<?php } ?>

<?php if ($themewidth == "fixedwithmargin") { ?>
<?php 
if ($body_bg_use_image) {
	if ($body_upload_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_upload_bg.') repeat center top fixed;}'. "\n";
	} else if ($body_preset_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_preset_bg.') repeat center top fixed;}'. "\n";
	}
	echo 'body {background-size: '.$bg_size.';}'. "\n";	
} else {
	echo 'body {background-color: '.$page_bg_color.';}'. "\n";
}
?>
#container.boxed {
	width:1220px;
	background:<?php echo $smof_data['boxedbg_color']; ?>;
	margin:30px auto !important;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	 transition:margin .2s ease;
	 -o-transition:margin .2s ease;
	 -moz-transition:margin .2s ease;
	 -webkit-transition:margin .2s ease;
	
}


@media (min-width: 989px) and (max-width: 1200px) {
#container.boxed {
	width:960px !important;
}
#container.boxed #showcase-bar{
	width:960px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 989px) {
#container.boxed {
	width:640px !important;
}
#container.boxed #showcase-bar{
	width:640px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {	
#container.boxed {
	width:460px !important;
}
#container.boxed #showcase-bar{
	width:460px;
}
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
#container.boxed {
	width:300px !important;
}
#container.boxed #showcase-bar{
	width:300px;
}
}
<?php } ?>


<?php if ($themewidth == "fixed") { ?>
<?php 
if ($body_bg_use_image) {
	if ($body_upload_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_upload_bg.') repeat center top fixed;}'. "\n";
	} else if ($body_preset_bg) {
		echo 'body {background: '.$page_bg_color.' url('.$body_preset_bg.') repeat center top fixed;}'. "\n";
	}
	echo 'body {background-size: '.$bg_size.';}'. "\n";	
} else {
	echo 'body {background-color: '.$page_bg_color.';}'. "\n";
}
?>
#container.boxed {
	width:1220px;
	margin:0px auto !important;
	background:<?php echo $smof_data['boxedbg_color']; ?>;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
	 transition:margin .2s ease;
	 -o-transition:margin .2s ease;
	 -moz-transition:margin .2s ease;
	 -webkit-transition:margin .2s ease;
	
}


@media (min-width: 989px) and (max-width: 1200px) {
#container.boxed {
	width:960px !important;
}
#container.boxed #showcase-bar{
	width:960px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 989px) {
#container.boxed {
	width:640px !important;
}
#container.boxed #showcase-bar{
	width:640px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {	
#container.boxed {
	width:460px !important;
}
#container.boxed #showcase-bar{
	width:460px;
}
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
#container.boxed {
	width:300px !important;
}
#container.boxed #showcase-bar{
	width:300px;
}
}
<?php } ?>

<?php if(!empty($smof_data['accent_color'])) { ?>
::selection {background-color:<?php echo $smof_data['accent_color']; ?>;}
::-webkit-selection {background-color:<?php echo $smof_data['accent_color']; ?>;}
::-moz-selection {background-color:<?php echo $smof_data['accent_color']; ?>;}
 
 
 .coloredMenu ul#dropmenu > li:nth-child(1) a {
	-webkit-box-shadow: inset 0 3px 0 <?php echo $smof_data['accent_color']; ?>;
	-moz-box-shadow: inset 0 3px 0 <?php echo $smof_data['accent_color']; ?>;
	box-shadow: inset 0 3px 0 <?php echo $smof_data['accent_color']; ?>;
}
.coloredMenu ul#dropmenu > li:nth-child(1).current-menu-item > a, .coloredMenu ul#dropmenu > li:nth-child(1) a:hover, .coloredMenu ul#dropmenu > li:nth-child(1) ul li:hover, .coloredMenu ul#dropmenu > li:nth-child(1) ul li a:hover  , .buttons a.button:hover,.lioit_cart_buttons a.button:hover,.buttons button.button:hover,.lioit_cart_buttons button.button:hover,.buttons input.button:hover,.lioit_cart_buttons input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover , .buttons a.button:hover,.lioit_cart_buttons a.button:hover,.buttons button.button:hover,.lioit_cart_buttons button.button:hover,.buttons input.button:hover,.lioit_cart_buttons input.button:hover,.woocommerce #respond input#submit:hover,.woocommerce-page #respond input#submit:hover,.woocommerce #content input.button:hover,.woocommerce-page #content input.button:hover , .woocommerce .cart .button , .woocommerce input[type="submit"]   {
	background: <?php echo $smof_data['accent_color']; ?> !important;

}

.btn ,.tagcloud a:hover,.btn.darkBtn:hover,.titleTopTitle h2,a.button, a.button2,.carouselControl a:hover.recentPostDate,.footerWidgets .contact-widget .button:hover,.postFormat,.format-quote .quote-wrap ,.linkContainer ,.postTags a:hover,.comment-list .reply a:hover,.sideTabs ul.tabNav li.active a,.tabTags a:hover,#calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today,#portfolio-items-filter a,.memberName,#to-top:hover, #to-top.dark:hover,.pagination span.current ,.wpcf7-submit:hover,.postNavArrow a:hover,.hexagon_icon.icon-box:hover > span,.dribblebox .overlay,.vc_progress_bar .vc_single_bar.accent_color .vc_bar,.recentWork .carousel-next:hover,.recentWork .carousel-prev:hover,.recentPostDate,.recentMember .recentMemberDetail , #mainTagline , .calltoAction ,.projectPageTitle , .projectItem .projectInfo a ,.recentProject:hover  ,.carouselControl a:hover , .tagsinput .tag:hover , .tagsinput-add:hover , .pricingColumn.highlight h3 , .tabsShortcode.tabsstyle1 .tabsNav li.active a , .tabsShortcode.tabsstyle3 .tabsNav li.active a , .tabsShortcode.tabsstyle4 .tabsNav li.active a , .tabsShortcode.tabsstyle4 .tabContent , .acc-trigger a:hover , .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover , .acc-trigger.active a:hover , .toggle.open h3 a , .progressBar li span , .woocommerce-message:before , .woocommerce-info:before , .woocommerce div.product form.cart .button,.woocommerce-page div.product form.cart .button,.woocommerce #content div.product form.cart .button,.woocommerce-page #content div.product form.cart .button , #tiptip_content  {
	background-color:<?php echo $smof_data['accent_color']; ?>;
}
#mainNavigation ul#dropmenu > li.current-menu-item > a, #mainNavigation ul#dropmenu > li.current-menu-ancestor > a , #mainNavigation ul#dropmenu > li:first-child.current-menu-item > a , #mainNavigation ul#dropmenu li.home:hover > a, #mainNavigation ul#dropmenu > li.home.current-menu-item > a, #mainNavigation ul#dropmenu > li.home.current-menu-ancestor > a , #featured-slider-pager a.active , .titleTopTitle h2,.titleBorder  ,.cover , .post-details:hover , #featuredSection-slider .slider-nav ,#featuredPosts .slide .text h3 , .carouselControl a ,  .tabs .maintab_wrap .maintabNav li.active a , .mainsearch form .searchsubmit , .sideTabs ul.tabNav li.active a , .tabTags a:hover , #calendar_wrap #wp-calendar #today, #calendar_wrap #wp-calendar #today , .tagcloud a:hover  , .slidePager a:hover , .slidePager a.activeSlide  , .slide_next, .slide_prev , .mainPageCenterTitle h1 , .postFormat , span.lioit-criteria-percentage , div#lioit-review-header , .linkContainer , .articlesNav span a:hover , .timelineNav ul li a:hover , .pagination span.current , ul#filters li a.active , .wpcf7-form input.wpcf7-submit , .membersArea li a .userAreaCount , .membersArea li a:hover , .hentry .lioLatestPost .lioPosMeta div:hover  , #nav-alt li a:hover , .acf-image-uploader input.button:hover, form#primaryPostForm .wp-picker-container .button:hover , .popularBadge , .dropcap.colorbg , .highlight.color , .listsTyle1 li i , #bbp_search_submit, #members_search_submit , #bbp_topic_submit  , #bbp_reply_submit , .woocommerce span.onsale,.woocommerce-page span.onsale , .owl .owl-pagination .owl-page.active , .owl .owl-controls .owl-buttons div:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle , .jp-play-bar span , .jp-volume-bar-value span , .jp-play-bar , .jp-play-bar span , .btn, a.btn  , .coloredMenu ul#dropmenu > li:nth-child(1).current-menu-item > a , .errorMessage , .ticker .title  {
	background: <?php echo $smof_data['accent_color']; ?>;
}
.vc_progress_bar .vc_single_bar.accent_color .vc_bar,.wpb_accent_color , .postMeta li.postFormatIcon , .comment-list .reply a:hover , .social-icons.darkIcons li a:hover, .social-icons.coloredIcons li a:hover {
	background-color:<?php echo $smof_data['accent_color']; ?> !important;
}

.gallery a:hover img ,input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus,.recentMember:hover .recentMemberAvatar , #featuredColumnsPostsPager a.selected , .tabs .maintab_wrap .maintabNav , #login-form , .postMeta li.postFormatIcon  ,  .timeline li .timelineDot , .timelineNav .timelineDot , .tabsShortcode.tabsstyle1.tabProcess .tabsNav li.active:after , .listsTyle4 li i , .woocommerce-message , .woocommerce-info   {
	border-color:<?php echo $smof_data['accent_color']; ?>!important;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	border-top-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	border-bottom-color: <?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	border-right-color:<?php echo $smof_data['accent_color']; ?>;
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	border-left-color: <?php echo $smof_data['accent_color']; ?>;
}


.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: <?php echo $smof_data['submenu-top']; ?>px;
	margin-top: 0px !important;
}
#showcase-bar .sf-menu li:hover ul, #showcase-bar .sf-menu li.sfHover ul {
	top: <?php echo $smof_data['fixed-submenu-top']; ?>px !important;
	margin-top: 0px !important;
}
#featured  {
	background: <?php if(!empty($smof_data['sliderbgcolor'])) echo $smof_data['sliderbgcolor']; ?> !important;
}
.mainMenuContainer ul li a:hover, .mainMenuContainer .sf-menu li.sfHover > a, .mainMenuContainer .sf-menu li.current_page_ancestor > a, .mainMenuContainer .sf-menu li.current-menu-item > a, .mainMenuContainer .sf-menu li.current-menu-ancestor > a, .mainMenuContainer .sf-menu li.current_page_item > a , .footersocial a:hover,.topSocial a:hover , a:hover  ,  .postTitle h2 a:hover , .timelinePostTitle a:hover , .hentry .lioLatestPost:hover .notes-marker i , .dropcap.color , .listsTyle4 li i , .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 , .comment-list .reply a:hover{
	color:<?php echo $smof_data['accent_color']; ?>;
}

.woocommerce .products .star-rating,.woocommerce-page .products .star-rating , #weather .info .temperature b , #weather .icon
{
	color: <?php echo $smof_data['accent_color']; ?> !important;
}
       
 <?php } ?>


</style>
<?php } add_action('wp_head', 'lio_custom_styles'); ?>
