/* FOSBY: background color of device */
.bg-color-parsnip {
    background-color: #fff;
}

@media only screen and (max-width: 1150px){
.bg-color-parsnip {
    padding: 24px 0;
}
}

/* FOSBY: the placement and positioning of the grape image */
.M1, .hero-banner {
	height: 220px;
	background-image: url('../img/grapes-and-hands.jpg');
	background-position-x: 50.0%;
	background-position-y: 50.0%;	
}

/* FOSBY: the placement of the logo within the page-content-inner div */
.M1.variant-2 .content, .hero-banner.variant-2 .content {
    bottom: 50px;
    max-width: 100%;
}

/* FOSBY: the placement of the logo within the content div */
.M1 .page-content-inner, .hero-banner .page-content-inner {
	height: 220px;
}

/* FOSBY: logo placement */
.logo {text-align: center;}

.logo-ahold-delhaize {
	width: 350px;
	}

/* FOSBY: Styling of the legal text field and texts */	
.legal {
	background: #055;
	padding: 30px 16px;
}
.legal p {
	color: white;
	font-size: 16px;
	margin: 0px;
}


/* FOSBY: Styling of the input fields */
input.ease-in-anim-fast {
	font-family: "EuclidFlex-Medium", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 32px;
    border: 2px solid #00C81E;
	box-shadow: none;
	border-radius: 0px;

}

input[type="text"], input[type="password"] {
	font-family: Verdana;
    background-color: transparent;
    border: 1px solid #a9a9a9;	
	color: #555;
	margin: 5px;
}

input[type="submit"].ease-in-anim-fast {
    background-color: #00C81E;
    color: white;
	margin: 0px;
}

/* FOSBY: Styling of the error box */	
.error-box {    padding: 26px 26px 10px 0px;}
.error-box img {padding-bottom: 0px;}

/* FOSBY: Language switch */
.languagepicker {
	background-color: #FFF;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 0px 10px 0;
	vertical-align: top;
	position: absolute;
	z-index: 99;
	right: 0px;
}

.languagepicker:hover {
	height: 121px;
}

.languagepicker a{
	color: #000;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #EEE;
	font-size: 13px;
}

.languagepicker li:hover{
	background-color: #EEE;
	cursor: pointer;
}

.languagepicker a:first-child li {
	border: none;
	background: #FFF !important;
}

.languagepicker li img {
	margin-right: 5px;
}

.roundborders {
	border-radius: 5px;
}

.large:hover {
	height: 245px;
}