/**
 * Flex @package Helix3 Framework
 * @author Aplikko http://www.aplikko.com
 * @copyright Copyright (c) 2017 Aplikko
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/

#sp-logo {
	.flexbox();
	.flex-align-items();
	.flex-justify-content(start); /* (start) will move it to the left (LTR), where (center) to center; */
	z-index:10;

}
a.logo {
  .sp-retina-logo {
  	display: none; // hiding retina logo from non-retina devices
  }
}

.transparent-wrapper {
	position:relative;
	height:0px;

	header.onepage, header.white, header.transparent-white, header.transparent {
		top:0;
	}
}

/*=========================================
*======= 	Start  Header	   ============
*=======================================*/
#sp-header{
	#sp-menu {
		.sp-column {
			.sp-megamenu-parent {
				>li {
					>a {
						.transition(all .1s ease-in-out);

						>.pe {
							font-size:125%;
							text-align:center;
							vertical-align:middle;
							line-height:1;
							margin-top:-3px;
				
						}
					}
				}
			}
		}
		.sp-menu-item {
			>a {
				>img {
					max-height:20px;/* image icon */
					max-width:20px;
					display:inline;
					margin:-2px 7px 0 0;
				}
			}
			.pe {
				font-size:120%;
				
				vertical-align:middle;
				line-height:1;
				margin:-2px auto 0;
	
			}
			&.bold {
				.pe {
					font-weight:600;
				}
			}
			.sp-module {
				margin:2px auto 0;
			}
		}
		
		.sp-dropdown {
			.sp-dropdown-inner {
				border-radius:0 0 3px 3px;
			}
		}
	}
	// Logo
	.logo {
		margin:auto;
		
		/* It is time for Flexbox */
		.flexbox();
		.flex-align-items();
		.transition(all .5s ease-in-out);
		
		h1 {
			font-size: 24px;
			line-height: 1;
			margin: 0;
			padding: 0;
			vertical-align: middle;	
		}

		p {
			margin: 5px 0 0;
		}
	}
}

/* Header AddSpace */
#sp-header {

	&.addspace {
		
		>.container, >.container-fluid {
			padding:0;
			>.row {
				.flexbox();
				.flex-justify-content(center);
				margin:0 auto;
				padding:0;
			}
		}
	
		#sp-menu {
			
			width:auto;
			padding:0;
			
			.sp-column.centered {		
				margin:0 auto;
			}
		}
		.vmCartModule {
			top:0;
			left:0;
			position:absolute;
		}
		#cart-menu {
		
			padding:0;
			margin-left:-15px;
			display:block;
	
			.cd-cart {
				
				.transition(background 0.3s);
				
				i {
					display:block;
					width:90px;
					text-align:center;
				}
				.total_products {
					right:18px;
				}
			}
			&.shopping-menu-is-open {
				padding:0;
				
				.cd-cart {
					height:100vh;
					
					i {
						text-align:center;
					}
					.total_products {
						right:18px!important;
					}
				}
			}
		}
	}
}
section.addspace {
	padding-top:10px;
	padding-bottom:10px;
	
	#sp-addspace {
		.sp-column {
			>div {
			 padding-top:10px;
			 padding-bottom:10px;
			}
		}
	}
}

	
/* Header Centered (Logo/Menu) */
#sp-header {
	&.centered {
		
		>.container, >.container-fluid {
			padding:0;
			>.row {
				.flexbox();
				//.flex-align-items();
				.flex-justify-content(center);
				margin:0 auto;
				padding:0;
			}
		}
		
		#sp-menu {
			width:auto;
			padding:0;
			
			.sp-column.centered {		
				margin:0 auto;
				padding:0;
			}
		}
		
		#cart-menu {
			/*height: 60px;*/
			padding:0;
			margin-left:-15px;
			display:block;
	
			.cd-cart {

				-webkit-transition: background 300ms;
				transition: background 300ms;
				
				i {
					display:block;
					width:90px;
					
					text-align:center;
				}
				.total_products {
					
					right:18px;
				}
			}
			&.shopping-menu-is-open {
				padding:0;
			
				.cd-cart {
					height:100vh;
					
					i {
						text-align:center;
					}
					.total_products {
						right:20px;
					}
				}
			}
		}
	}
}

.sp-column.centered {
	text-align:center;
	margin:0 auto;
	padding:0;
	
	.flexbox();
	.flex-align-items(center);
	.flex-justify-content(center);
	>a,
	>div{
		
		text-align:left;
		display:table;
		margin:0 auto;
		padding:0;
	}
	
}


/* Transparent Header */
#sp-header {
	.transition(0.5s);
	transition-property: box-shadow;
	
	&.transparent {		
		position: absolute;
		top:0;
	
		&.shadow:before {
			content:" ";
			position:absolute;
			height:120px;
			width:100%;
			background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, transparent 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.4)), color-stop(100%, transparent));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%, transparent 100%);
			background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%, transparent 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%, transparent 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, transparent 100%);
		}
		
	}
	&.color {
		box-shadow: none;
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi) {
  a.logo {
    .sp-default-logo {
    	display: none;
    }
    .sp-retina-logo {
    	display: block;
    }
  }
}
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){
  a.logo {
    .sp-default-logo {
    	display: none!important;
    }
    .sp-retina-logo {
    	display: block!important;
    }
  }
}
*/
/* End  Header
*=======================================*/
