<?php // Slider


 if(artcela_get_options('opt-image-select-slider') == 1){
	$optimageselectslider = ".flexslider{overflow: hidden;width:74.2%;display:inline;float:left;margin-right:5px;}";}
	 
elseif(artcela_get_options('opt-image-select-slider') == 4){
	$optimageselectslider = ".flexslider{overflow: hidden;width:100%;}";}
	 
?>


<?php  // Page css

	if(is_page()){
	$is_page_style = 
			"";
	}

	elseif(is_single()){

	$is_page_style ='';
	}

	else{
	$is_page_style = 
				".entry-content p span {
				 }
				";
	}  

 ?>	

	
<?php // 404 css 

	if(is_404()){
	
	$is_404_style = ".content-area {
				width: 100%;
				text-align:center;} 
				.page-content .widget {
				float: left;
				width: 24%;
				display: block;
				margin: 0;
				padding: 35px 40px;
				}
				
				
				.error404  .primary-button{margin:0 auto;}

				.page-heading-404{font-family: 'Lato', serif;font-size: 32px;
			line-height: 40px;font-weight: 700;
			letter-spacing: 1.4px;
					}
				
				.text-404{margin-bottom:30px;}
				.page-header{border-bottom: 0px;}
				.primary-button {
					border: 1px solid #000;
					letter-spacing: 1px;
					font-size: 12px;
					text-transform: uppercase;
					font-family: 'Lato', sans-serif;
					padding: 10px 24px;
					display: inline-block;
				}
				
				
				";
				}
				


?>	
	

<?php 


 $content_area = get_theme_mod( 'content_area');
	  if( empty($content_area) ){ $content_area = '70%';} 
	  
	   $sidebar1 = get_theme_mod( 'sidebar1');
	  if( empty($sidebar1) ){ $sidebar1 = '30%';} 


      $content_area_3 = get_theme_mod( 'content_area_3');
	  if( empty($content_area_3) ){ $content_area_3 = '50%';} 
	  
	   $sidebar1_3 = get_theme_mod( 'sidebar1_3');
	  if( empty($sidebar1_3) ){ $sidebar1_3 = '25%';} 
	  
	  
	  $sidebar2_3 = get_theme_mod( 'sidebar1_3');
	  if( empty($sidebar2_3) ){ $sidebar2_3 = '25%';} 




// Blog layout siderbar left,right and none
	
if ( is_front_page() && is_home() || is_home() ) {	
	

 if(get_theme_mod( 'bloglayoutsetting', '4' ) == 1){
	 
	 $layout_style = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";	 
 }
 
	 
	  
	  
 
 if(get_theme_mod( 'bloglayoutsetting', '4' ) == 2){
	 
	 $layout_style = "
	 .content-area{  width: ". $content_area ." ;float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ". $sidebar1 ."}
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 if(get_theme_mod( 'bloglayoutsetting', '4' ) == 3){

	$layout_style = "
	 .content-area{  width:". $content_area ."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1 ."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }


 
 
 
    if(get_theme_mod( 'bloglayoutsetting', '4' ) == 4){
	 $layout_style = "
	 .content-area{  width: ". $content_area_3 .";  float: left;position: relative;
    left:". $sidebar2_3 .";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3 ."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ". $sidebar2_3 .";float: left;    position: relative;
    left: -". $content_area_3 .";}";
 
 }
 
 
 if(get_theme_mod( 'bloglayoutsetting', '4' ) == 5){
	$layout_style = "
	 .content-area{  width: ". $content_area_3 .";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3 ."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ". $sidebar2_3 .";float: right;}";
 
 }
 
  if(get_theme_mod( 'bloglayoutsetting', '4' ) == 6){
	  
	  
	  
	  
	  
	  
	 $layout_style = "
	 .content-area{  width: ". $content_area_3 ." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3 .";}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:". $sidebar2_3 .";float: left; ";
 
 }
}
?>	

	
<?php // Page layout siderbar left,right and none


	$pagepostlayout=  rwmb_meta( 'rw_layout',get_the_ID()); 
		
if( (!is_front_page() && !is_home()) &&  is_page()  && $pagepostlayout != 'default' && !empty($pagepostlayout) ){
		if($pagepostlayout == 'onecol'){
			 $layout_style_page = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}";
		}
		elseif($pagepostlayout == 'left'){
			  $layout_style_page = "
	 .content-area{  width: ".$content_area." ;float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

		}
		elseif($pagepostlayout == 'right'){
			 $layout_style_page = "
	 .content-area{  width: ".$content_area." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";
		}
		elseif($pagepostlayout == 'leftright'){
			 $layout_style_page = "
	 .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
		}
		elseif($pagepostlayout == 'dualleft'){
			 $layout_style_page = "
	 .content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
		}
		elseif($pagepostlayout == 'dualright'){
			$layout_style_page = "
	 .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
  
		}
        

}

// Page Layout	
elseif ( is_page() || is_search() ) {	
	
	



  if(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 1){
	 
	 $layout_style_page = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";
	 
	 
	 
 }
 
 elseif(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 2){
	 
	 $layout_style_page = "
	.content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 elseif(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 3){
	 $layout_style_page = "
	 .content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }

 
    elseif(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 4){
	 $layout_style_page = "
	  .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
 }
 
 
 elseif(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 5){
	 $layout_style_page = "
	.content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
 
 }
 
  elseif(get_theme_mod( 'pagesearchlayoutsetting', '4' ) == 6){
	 $layout_style_page = "
	 .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
 
 
 }
}
?>		



<?php // shop layout siderbar left,right and none
	
if ( is_shop() || is_product_category() ) {	
	

 if(artcela_get_options('opt-image-select-layout-shop') == 1){
	 
	 $layout_style_shop = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";
	 
	 
	 
 }
 
 if(artcela_get_options('opt-image-select-layout-shop') == 2){
	 
	 $layout_style_shop = "
	 .content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 if(artcela_get_options('opt-image-select-layout-shop') == 3){
	
	 $layout_style_shop = "
	  .content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }

 
    if(artcela_get_options('opt-image-select-layout-shop') == 4){
	
	 $layout_style_shop = "
	 .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{display:block;padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
 }
 
 
 if(artcela_get_options('opt-image-select-layout-shop') == 5){
	 
	 $layout_style_shop = "
	.content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{display:block;padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
 
 }
 
  if(artcela_get_options('opt-image-select-layout-shop') == 6){
	 $layout_style_shop = "
	  .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{display:block;padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
 
 }
}
?>	

<?php // shop single layout siderbar left,right and none
	
if ( is_product() ) {	
	

 if(artcela_get_options('opt-image-select-layout-shop-single') == 1){
	 
	  $layout_style_shop_single = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";
	 
	 
	 
 }
 
 if(artcela_get_options('opt-image-select-layout-shop-single') == 2){
	 
	  $layout_style_shop_single = "
	  .content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 if(artcela_get_options('opt-image-select-layout-shop-single') == 3){

	$layout_style_shop_single = "
	  .content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }

 
    if(artcela_get_options('opt-image-select-layout-shop-single') == 4){

	$layout_style_shop_single = "
	 .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
 }
 
 
 if(artcela_get_options('opt-image-select-layout-shop-single') == 5){
	  $layout_style_shop_single = "
	  .content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
 }
 
  if(artcela_get_options('opt-image-select-layout-shop-single') == 6){
	  $layout_style_shop_single = "
	 .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
 
 }
}

?>

<?php // Archive layout siderbar left,right and none
	
if ( is_archive() ) {	
	



 if( get_theme_mod( 'archivelayoutsetting', '4' ) == 1){
	 
	 $layout_style_archive = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";
	 
	 
	 
 }
 
 if(get_theme_mod( 'archivelayoutsetting', '4' ) == 2){
	 
	 $layout_style_archive = "
	.content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 if(get_theme_mod( 'archivelayoutsetting', '4' ) == 3){
	
	 $layout_style_archive = "
	  .content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }

 
    if(get_theme_mod( 'archivelayoutsetting', '4' ) == 4){
	
	 $layout_style_archive = "
	  .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
 }
 
 
 if(get_theme_mod( 'archivelayoutsetting', '4' ) == 5){
	 
	 $layout_style_archive = "
	.content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
 }
 
  if(get_theme_mod( 'archivelayoutsetting', '4' ) == 6){
	 $layout_style_archive = "
	 .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
 
 }
}
?>	


<?php // Single layout siderbar left,right and none
	
		// Post Defined Layout
	
$pagepostlayout=  rwmb_meta( 'rw_layout',get_the_ID()); 

if( (!is_front_page() && !is_home()) &&  is_single() && !is_product()  && $pagepostlayout != 'default' && !empty($pagepostlayout) ){

		if($pagepostlayout == 'onecol'){
			 $layout_style_single = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}";
		}
		elseif($pagepostlayout == 'left'){
			   $layout_style_single = "
	 .content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

		}
		elseif($pagepostlayout == 'right'){
			  $layout_style_single = "
	.content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";
		}
		elseif($pagepostlayout == 'leftright'){
			  $layout_style_single = "
	 .content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
		}
		elseif($pagepostlayout == 'dualleft'){
			  $layout_style_single = "
	 .content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
		}
		elseif($pagepostlayout == 'dualright'){
			 $layout_style_single = "
	.content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
  
		}
        
			}
	
	
	
	
elseif ( is_single() && !is_product() ) {	
	



 if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 1){
	 
	  $layout_style_single = ".content-area{ width: 100%!important;float: left;}
	 .widget-area{width:0%;display:none;}
	 .second-sidebar{width:0%;display:none;}
	 ";
	 
	 
	 
 }
 
 if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 2){
	 
	  $layout_style_single = "
	  .content-area{  width: ".$content_area." ;float: right;}
	 
	 .widget-area{padding-right: 30px;padding-left:0px;float: left;width: ".$sidebar1."}
	 
	 .second-sidebar{width:0%;display:none;}
	 ";

	
 
 }

 if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 3){

	$layout_style_single = "
	 .content-area{  width:".$content_area."; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ".$sidebar1."}
	 .second-sidebar{width:0%;display:none;}
	 ";

 
 }

 
    if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 4){

	$layout_style_single = "
	.content-area{  width: ". $content_area_3.";  float: left;position: relative;
    left:".$sidebar2_3.";}
	 .widget-area{padding-right:0px;padding-left:30px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right: 30px;padding-left:0px;width: ".$sidebar2_3.";float: left;    position: relative;
    left: -". $content_area_3.";}";
 
 }
 
 
 if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 5){
	  $layout_style_single = "
	 .content-area{  width: ". $content_area_3.";  float: right;}
	 .widget-area{padding-right: 30px;padding-left:0px;float: right;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:30px;padding-left:0px;width: ".$sidebar2_3.";float: right;}";
 
 }
 
  if(get_theme_mod( 'singlepostlayoutsetting', '3' ) == 6){
	  $layout_style_single = "
	 .content-area{  width: ". $content_area_3." ; float: left;}
	 .widget-area{padding-right:0px;padding-left:30px;float: left;width: ". $sidebar1_3."}
	 .second-sidebar{padding-right:0px;padding-left:30px;width:".$sidebar2_3.";float: left;}";
 
 }
}
?>	


<?php 
// Header social Icons
$defaults = array(
        array(
          
            'item_ico' => esc_attr__( 'fa-facebook', 'artcela' ),
			'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),


        ),
        array(
           
            'item_ico' => esc_attr__( 'fa-twitter', 'artcela' ),
						'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),

        ),
        array(
          
            'item_ico' => esc_attr__( 'fa-google-plus', 'artcela' ),
						'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),

        ),
        array(
            
            'item_ico' => esc_attr__( 'fa-linkedin', 'artcela' ),
						'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),

        ),
        array(
           
            'item_ico' => esc_attr__( 'fa-behance', 'artcela' ),
						'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),

        ),
        array(
            
            'item_ico' => esc_attr__( 'fa-github', 'artcela' ),
			'item_color' => esc_attr__( 'white', 'artcela' ),
			'item_color_hover' => esc_attr__( '#a5a5a5', 'artcela' ),

        ),
    );




$settings = get_theme_mod( 'social_menu_items',$defaults); ?>

    <?php foreach( $settings as $setting ) {
		
		$header_icon_color_social = "";

		$header_icon_color_social .= ".". $setting['item_ico'] ."{color:". $setting['item_color']."!important}";
		
		$header_icon_color_social .= ".". $setting['item_ico'] .":hover{color:". $setting['item_color_hover']."!important}";
		
  
    } ?>