@import "_partials/component/typography";

html
, body { 
	margin:0px; 
	padding: 0px; 
}

html, 
body { 
	height: 100%;
}

body {
	background: $body-background-color;
	margin: 0;
	position: relative; 
	min-height: 100%;
	overflow-y: scroll;
}

.page-wrap {
	position: relative; 
	background: $color-white;
	min-height: 100%;
	height: auto !important;

	.main-content-wrap {
		margin-top: 72px;
		
		@media (min-width: $screen-md) {
				margin-top: 0;
		}
	}
}

// Images
img.full-width {
	width: 100%;
	height: auto;

	&.icon { 
		max-width: 200px; 
	}
}

hr { 
	border-top: 1px solid $bg-gray;

	&.bd-hr {
		border-top: 2px solid $color-secondary;
	}
}

.primary {
	color: $font-primary-color;
}

#content {
	.list
    ,.checkout {
        margin-top: $margin-vert;
    }
}

p {
    margin: 0 0 #{$margin-vert + 5};
}

.entry-content {
	font-weight: 100;
	line-height: 25px;
}

.nav-my-favorites {
	.fp-icon {
		color: $color-favorite;
	}
}
// Menus
ul.menu {
	list-style-type: none;
    margin: 0;
    padding: 0;
    
    li {
	    display: inline;
	}
}

.panel-grid {	
	@media (max-width: $screen-sm-max) {
		margin-left: 0 !important;
		margin-right: 0 !important;	

		.panel-grid-cell {
			padding-right: 0 !important;
			padding-left: 0 !important; 
		}
		
	}
}

// full width container    
.container,
.container-fluid {
	//& + .container,
	& .container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@if($theme-container-fluid == true) {
	@media (min-width: #{$screen-xl-min + 50px}) {
		.container-fluid:not(.container-full-width) {
			padding-left: 4%;
			padding-right: 4%;

			.container {
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
		}
	}
}
// end full width container    

.invisible [class*="fp-"] {
	visibility: hidden !important;
}

.fp-product-carousel {
	margin-top: 0; /*$ margin-vert*/

	.fp-product-carousel-header {
		margin-bottom: 0;
	}

}

@media print {
	.page-wrap { 
		min-height: unset !important; overflow: visible !important; 
	}

	#footer,
	#header,
	.breadcrumb,
	.coupon-subtitle,
	#content + .push {
		display:none !important;
	}

	header {
		margin-top: $margin-vert;
	}

  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
} 

.fp-state-product-detail {
	.container-fluid {
		@include container-fixed;
	
		@media (min-width: $screen-sm-min) {
		width: $container-sm;
		}
		@media (min-width: $screen-md-min) {
		width: $container-md;
		}
		@media (min-width: $screen-lg-min) {
		width: $container-lg;
		}
		@media (min-width: $screen-xl-min) {
		width: $container-xl;
		}
	}
}