$default-text-color: #282828;
$primary-color: #00a275;
$secondary-color: #0d7bb4;
$background-color: #ffffff;
$default-border-color: #bfbfbf;
$input-border-color: #bfbfbf;
$default-link-color: $primary-color; 

/* Heading-colors / defaults */
$default-h1-color: $primary-color; 
$default-h2-color: #333333; 
$default-h3-color: $primary-color; 
$default-h4-color: $secondary-color; 
$default-h5-color: $default-text-color; 
$default-h6-color: $default-text-color; 

$primary-font: 'Roboto', sans-serif;
$secondary-font: 'Roboto', sans-serif;

/*$narrow_wrapper: 920px;*/
/*$wide_wrapper: 2000px;*/
/*$wide_alt_wrapper: 1800px;*/

/*$content-default-padding-xs: 15px;*/
/*$content-default-padding-s: 15px;*/
/*$content-default-padding-m: 20px;*/
/*$content-default-padding-l: 30px;*/
/*$content-default-padding-xl: 40px;*/

@mixin override-button-styles 										{ display: inline-block; padding: 20px; font-size: 1em; margin: 0 3px 3px 0; border-radius:0; border:0px; background-color: $primary-color; color: #fff; text-transform:uppercase; font-weight: 700;}
/*@mixin override-button-styles-alt 									{ background-color: $secondary-color; color: #fff; } */
/*@mixin override-button-styles-cta 									{ background-color: $primary-color; color: #fff; } */

$mobile_fsz: 14;
$desktop_fsz: 16;

@import "../../../sf-master-twig/assets/css/styles.scss";
@import "_font_styles.scss";
@import "_navigation.scss";
@import "_slides.scss";

.wrapper {
	max-width: 1320px;
}
a {
	transition: none;
}
.row.flex:after                                               		{ display: none; }
body 																{font-weight: 300;}
.header-placeholder 												{display:none;}
header#header 														{
	.header-left-col 												{
		#logo 														{
			img 													{width: 65px; margin: 12px 0;}
		}
	}
	.site-search 													{display: none; float: none;}
	.header-buttons 												{display: none;}
	.header-right 													{margin: 0px;
		
		.search-form 												{background-color: #e5e5e5; border: 0px;
			.search-field 											{background-color: #e5e5e5; color: #444444 !important;}
			button[type="submit"] 									{background-color: #e5e5e5 !important; color: #444444 !important;}
		 }
	}

	hr 																{margin: 0px;}

	@include media-from(xl){
		.blue-bar {
			height: 77px; margin-top:-77px;
		}
		.header-right {
			.row-static-height {
				height:186px;
			}
			.breadcrumbs {
				height: 77px; line-height: 77px; color:#ffffff;

				a {
					color:#ffffff;
				}
			}
		}
	}
		
}

#main-image-container 												{height: 300px; width: 100%;
	.main-image 													{width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
	.main-image-overlay 											{position: absolute; width: 100%; height: 100%; z-index: 2; background-image: url('../img/alasivut-overlay.png');}
}

#main-content-area 													{
	ul 																{list-style: none; padding: 0;}
	ul li 															{padding-left: 30px; position: relative;}
	ul li:before 													{content: '-'; position: absolute; left: 18px; }

}

.half-lifts-content  												{
	.image-container 												{margin-bottom: 40px ;}
	.background-image-overlay 										{padding: 0 20px; z-index: 5; background-color: rgba(0,0,0,0.1); width: 100%; height: 100%; }
	.content-col  													{ 
		.content-container 											{margin-bottom: 40px; padding: 0 20px;
			h3 														{font-weight: 300; color: #444444; font-size: em(30, $mobile_fsz);}
		}
	}
}

.page-template-page-category .content-wrapper 						{max-width: 780px; margin: 0 auto;}

#outer-content-area-container 										{padding: 20px 0;}

.ingres-text 														{font-weight: 400; font-size: 18px; color: #333333;}
.previous-page-link 												{background-color: #333333;}

.product-background-image 											{height: 425px; background-size: contain; background-position: center center; background-repeat: no-repeat;}

footer#footer 														{background-color: #f1f1f1;
	#copyright 														{color: #9a9a9a;
		a 															{color: #9a9a9a;}
	}
	.footer-logo img												{width: 180px;}
	.footer-right-logo img											{width: 95px;}
	.footer-content-area 											{}
	.fab 															{font-size: 25px;}
}

.half-lifts-content .image-container								{min-height: 365px; background-size: cover; background-position: center center; background-repeat: no-repeat;}


@include media-from(m){

header#header 														{
	.header-left-col 												{
		#logo 														{
			img 													{width: 105px;}
		}
	}
}

	header#header 													{
		.search-mobile-container 									{display: inline-block; float: right;}
		.site-search 												{display: inline-block; margin-top: 40px;}
	}



.half-lifts-content  												{ padding: 0 80px;
	.image-container 												{}
	.content-col  													{
		.content-container 											{padding: 0px;
			h3 														{}
		}
	}
}

}
.page-template-page-news .half-lifts-content .image-container.relative.background-contain						{background-size: contain;}

@include media-from(l){



	.product-background-image 										{height: 435px;}

footer#footer 														{
	#copyright 														{
		a 															{}
	}
	.footer-logo 													{}
	.footer-right-logo img											{}
	.footer-content-area 											{border-right: 1px solid #cdcdcd;}
}



	header#header .header-left-col #logo img 						{width: 181px; margin: 0px;}

	.half-lifts-content .image-container							{min-height: 450px; margin-bottom: 0px; height: 100%;}


	.half-lifts-content:nth-child(even)  							{
		.image-col 													{order:2;
			.button-container 										{position: absolute; bottom: 0; left: 0;
				.link-button 										{background-color: $secondary-color; margin: 0px;}
			}
		}
		.content-col 												{order: 1;}
	}

.half-lifts-content:nth-child(odd) 									{
	.image-col 														{order: 1;
		.button-container 											{position: absolute; bottom: 0; right: 0;
			.link-button 											{ margin: 0px;}
		}
	}
	.content-col 													{order: 2;}	
}

	.half-lifts-content  											{padding: 0;
		.content-col  												{
			.content-container										{padding: 40px 30px; margin-bottom: 0px;
				h3 													{font-size: em(35, $desktop_fsz);}
			}
		}
	}


}

@include media-from(xl){

	header#header 													{
		.header-placeholder.visible 								{display:block;}
		.fixed-moving-header.fixed 									{position: fixed; top: 0; left: 0; width:100%; z-index: 1030; background-color: #ffffff; /*transition: background-color 0.5s;*/ -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.4);
			.row-static-height {
				height: auto;
			}
			hr 														{display: none;}
			.fixed-hidden-content 									{display: none;}
			.header-left-col 										{
				#logo 												{
					img 											{width: 90px; margin: 0; /*transition: width 0.5s;*/}
				}
			}
			.breadcrumbs {
				height: 38px;
				line-height: 38px;
			}
			.blue-bar {
				height: 38px; margin-top:-38px;
			}
		}
	}
	.admin-bar header#header .fixed-moving-header.fixed {
		top:32px;
	}


	header#header 													{
		hr 															{margin-top: 28px;}
		.header-buttons 											{display: inline-block; vertical-align: top;
			.link-button, .link-button-alt 							{margin-left: 10px; height: 55px; font-weight: 300; padding: 25px 12px 12px 12px; margin-bottom: 0px;}
		}
		.site-search 												{margin-top: 0;}
	}

	.half-lifts-content  											{
		.content-col  												{
			.content-container										{
				h3 													{font-size: em(40, $desktop_fsz);}
			}
		}
	}

}

.site-search 													{height: 48px;
	.search-form 												{height: 48px;
		button[type="submit"] 									{height: 48px; padding: 15px 12px 12px 12px !important;}
		.search-field 											{height: 48px; padding: 15px 12px 12px 12px;}
	}
}

@include media-from(xl){
	.site-search 													{height: 55px;
		.search-form 												{height: 55px;
			button[type="submit"] 									{height: 55px; padding: 25px 12px 12px 12px !important;}
			.search-field 											{height: 55px; padding: 25px 12px 12px 12px;}
		}
	}
}