@charset "utf-8";
/* CSS Document */

/*////////////////////////////////////////////////////////////////////////
STANDARD TEMPLATE LANDS' END EU SHOP
Homepage (Desktop/768/480/320)
Version 1.1.9
May 2015
////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////
BASICS
////////////////////////////////////////////////////////////////////////*/

/* Clearfix */

.clearfix:before, .clearfix:after {	
	content: " "; 
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* Wrapper */

.euOuterWrapper {
	height: auto;
	position: relative;
	width: 100%;
	padding: 1px 0; /* Bugfix Padding */
}

.euOuterWrapper * {
	box-sizing: border-box;
	font-size: 1em;
}

.euOuterWrapper img {
	border: none;
	display: block;
	margin: 0 auto;
}

.euInnerWrapper {
	height: auto;
	margin: 0 auto;
	max-width: 1140px; /* MOVE TO LARGE MEDIA QUERY */
	position: relative;
	width: 100%;
}

/* For parted feature images only (Slider/Image) */

.euLeftWrapper {
	height: auto;
	margin-right: 30.8772%;
	position: relative;
	width: 69.1228%;
}

.euRightWrapper {
   height: auto;
   margin-left: 66.75439%;
   position: absolute;
   width: 33.24561%;
   z-index: 2;
 }

.euImg {
	height: auto;
	max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

.euMaxWidth {
	background-color: #999;
	height: auto;
	position: relative;
	width: 100%;
}

.euBanner {
	height: auto;
	margin: 1em 0 2em;
	width: 100%;
}

.euDivider {
	height: auto;
	margin: 1em 0 1em;
	width: 100%;
}

/* Overwrite Content Rules */

.homepage .htmlslotcontainer .euInnerWrapper {
	width: 1140px;
}

/* Overwrite Content Rules */

#content .euOuterWrapper h2 {
	font-size: 1.5em;
}

/* Overwrite Content Rules */

#content .euOuterWrapper h3 {
	font-size: 0.8em;
}

/*////////////////////////////////////////////////////////////////////////
FEATURE
////////////////////////////////////////////////////////////////////////*/

.euFeature {
	position: relative;
	margin-bottom: 1.250em;
}

/*////////////////////////////////////////////////////////////////////////
COPYBOXES
////////////////////////////////////////////////////////////////////////*/

.euCopybox {
	color: #FFF;
	padding: 4em; 
}

/*.euCopybox h2 {
	font-size: 1.5em;
}

.euCopybox h3 {
	font-size: 0.8em;
}

.euCopybox p {
	font: 1em;
}
*/
/*////////////////////////////////////////////////////////////////////////
BUTTONS & LINKS
////////////////////////////////////////////////////////////////////////*/

.euFlatbutton {
	display: inline-block;
	font-family: "Open Sans Condensed", Arial, sans-serif;
	font-size: 1.175em;
	font-weight: 700;
	line-height: normal;
	/*margin: 5% 0 0;*/
	padding: 0.75em 1em;
	text-align: center; 
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.euSolo {
	margin: 0;
	position: absolute;
	z-index: 2;
}

.euFlatbutton.euBlackWhite, .euBlackWhite a {
	background-color: #000;
	color: #FFF;
	text-decoration: none;
}

.euFlatbutton.euWhiteBlack, .euWhiteBlack a {
	background-color: #FFF;
	color: #000;
	text-decoration: none;
}

.euFlatbutton.euRedWhite, .euRedWhite a {
	background-color: #c82223;
	color: #FFF;
	text-decoration: none;
}

.euFlatbutton.euWhiteRed, .euWhiteRed a {
	background-color: #FFF;
	color: #c7161c;
	/*font-size: 1.225em;*/ /* CHANGED FOR WESE FROM 1.175 TO 1.225 */
	/*line-height: 1.75em;*/ /* CHANGED FOR WESE FROM normal TO 2 */
	text-decoration: none;
}

.euFlatbutton.euOpacWhite, .euOpacWhite a {
	background-color: none;
	color: #FFF;
	/*font-size: 1.225em;*/ /* CHANGED FOR WESE FROM 1.175 TO 1.225 */
	/*line-height: 1.75em;*/ /* CHANGED FOR WESE FROM normal TO 2 */
	text-decoration: none;
}

/*////////////////////////////////////////////////////////////////////////
COLUMNS
////////////////////////////////////////////////////////////////////////*/

.euColumn {
	height: auto;
	position: relative;
}

.euColumn > div {
    position: relative;
}

.euColumn div div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.euColumn:last-child {
	margin-right: 0;
}

/* 33% for 2 rows */

.eu2r-3-1 {
	float: left;
	margin: 0;
	width: 32.19298246%;
}

/* 33% */

.eu3-1 {
	float: left;
	margin: 0;
	width: 33.3333333333%;
}

/* 50% */

.eu2-1 {
	float: left;
	margin: 0;
	width: 50%;
}

.eu2-1 .euTop {
	margin-bottom: 0.375em;
}

/* 100% */

.eu3 {
	float: left;
	margin: 0;
	width: 33.3333333333%;
	padding: 0 0.75em;
}

/* Link behavior */

.euLink {
	color: #333;
	display: inline-block;
	font-family: "Open Sans Condensed", Arial, sans-serif;
	font-size: 1.175em;
	font-weight: 700;
	line-height: normal;
	margin: 0.857em 0 2.14em;
	position: relative;
	text-transform: uppercase;
}

.euLink a {
	color: #333;
	text-decoration: none;
}

.euLink a:hover {
	color: #333;
	text-decoration: underline;
}

.euLink a:after {
	color: #333;
	content: "\f054";
	font-family: "FontAwesome";
	font-size: 0.785em;
	font-weight: 400;
	line-height: normal;
	margin-top: 0;
	padding-left: 0.3em;
	vertical-align: baseline;
}

.euLinkSolo {
	color: #333;
	display: inline-block;
	font-family: "Open Sans Condensed", Arial, sans-serif;
	font-size: 1.175em;
	font-weight: 700;
	line-height: normal;
	margin: 0.857em 0 2.14em;
	position: relative;
	text-transform: uppercase;
}

.euLinkSolo a {
	color: #333;
	text-decoration: none;
}

.euLinkSolo a:hover {
	color: #333;
	text-decoration: underline;
}

.euLinkSpace {
	margin-bottom: 0em !important;
}

/*////////////////////////////////////////////////////////////////////////
SUBS
////////////////////////////////////////////////////////////////////////*/

.euSubs {
	max-width: 100%;
	position: relative;
}

.euSubCopy {
	color: #333;
	display: inline-block;
	font-family: "Open Sans Condensed", Arial, sans-serif;
	font-size: 1.15em;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 2.14em;
	position: relative;
}

/*////////////////////////////////////////////////////////////////////////
STAY CONNECTED
////////////////////////////////////////////////////////////////////////*/

.euStayConnected {
	background-color: #e9e9e9;
	background-image: url(../images/shadow-top.png), url(../images/shadow-bottom.png);
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
		-moz-background-size: contain;
		-o-background-size: contain;
		-webkit-background-size: contain;
	background-size: contain;
	margin-bottom: 5em;
	max-width: 100%;
	padding: 2.5em 0 0;
	position: relative;
}

/* Overwrite Content Rules */

#content .euStayConnected h2, .euStayConnected h2 {
	font-size: 3em;
	margin: 0.3em 0 0.8em;
	text-align: center;
	font-family: "museo_slab", "Courier New", Courier, monospace;
	font-weight: 100;
}

/*////////////////////////////////////////////////////////////////////////
SLIDER CAROUSEL
////////////////////////////////////////////////////////////////////////*/
   
 .lazyOwl {
   display: block;
   width: 100%;
   height: auto;
 } 

 .callout {
	 z-index:20;
	 position: absolute;
	 top: 30px;
	 border: 0;
	 left:-12px;
 } 
 .spacer  {
	 z-index:20;
 }

 .owl-prev {
   left: 0;
   position: absolute;
   top: 47%;
 }

 .owl-next {
   right: 0;
   position: absolute;
   top: 47%;
 }

 .item {
   position:relative;
 }
 
 #owl-demo {
	 margin-bottom: 1.250em;
 }

/*////////////////////////////////////////////////////////////////////////
MISC
////////////////////////////////////////////////////////////////////////*/

/* "UK/2015/20150616-lands-friendly/ complete DIVs */

 .euHideComplete {
   display: none;
 }

/* Advent */

 .euAdventPortrait {
	 display: block;
 }
 
 .euAdventLandscape {
	 display: none;
 }

/* Two features for WESE 2014 */

 .euLeftTab {
	 height: auto;
	 float: left;
	 position: relative;
	 width: 52.3655914%;
 }

 .euRightTab {
	 height: auto;
	 float: left;
	 position: relative;
	 width: 47.6344086%;
 }
 
/* SEO Copy */

#category-copy {
	margin-top: 40px;
	margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7e7d7d;	
}

#category-copy h1 {
	font-size: 20px !important; /* fallback IE8 and lower */
	font-size: 1.25rem !important;
	line-height: 24px !important; /* fallback IE8 and lower */
	line-height: 1.5rem !important;
	color: #7e7d7d;
	font-weight: normal;	
}

#category-copy h2 {
	font-size: 16px !important; /* fallback IE8 and lower */
	font-size: 1rem !important;
	line-height: 20px !important; /* fallback IE8 and lower */
	line-height: 1.25rem !important;
	color: #7e7d7d;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;	
}

/* needs to be h3 but look like h2 */

#category-copy h3 {
	font-size: 16px !important; /* fallback IE8 and lower */
	font-size: 1rem !important;
	line-height: 20px !important; /* fallback IE8 and lower */
	line-height: 1.25rem !important;
	color: #7e7d7d;
	font-weight: normal;
	padding-left: 0;
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

#category-copy p {
	font-size: 12px !important; /* fallback IE8 and lower */
	font-size: 0.75rem !important;
	line-height: 17px !important; /* fallback IE8 and lower */
	line-height: 1.0625rem !important;
	padding: 0;
}

#category-copy ul {
	list-style: circle;
	margin: 12px;
}

/*////////////////////////////////////////////////////////////////////////
MEDIA QUERIES
////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1024px) {

/* Link behavior */

.euLink {
	font-size: 1.175em;
	margin: 0.6em 0 1.9em;
}

.euLinkSolo {
	font-size: 1.175em;
	margin: 0.6em 0 1.9em;
}

/* Hide complete DIVs */


 .euHideLarge {
   display: none;
 }

}

@media only screen and (max-width: 768px) {

/* Link behavior */

.euLink {
	font-size: 0.8em;
	margin: 0.6em 0 2.2em;
}

.euLinkSolo {
	font-size: 0.8em;
	margin: 0.6em 0 2.2em;
}

/* Flatbutton */

.euFlatbutton {
	font-size: 0.8em;
}

.item .euFlatbutton {
	font-size: 0.8em;
}

/* Hide complete DIVs */


 .euHideLarge {
   display: none;
 }
	
/* 50% */

.eu2-1 {
	float: none;
	width: 100%;
}

}

@media only screen and (max-width: 480px) {

/* Advent */

.euLeftWrapper {
	margin-right: 0%;
	width: 100%;
}

.euRightWrapper {
   margin-left: 0%;
   position: relative;
   width: 100%;
 }

 .euAdventPortrait {
	 display: none;
 }
 
 .euAdventLandscape {
	 display: block;
	 margin-bottom: 1em;
 }

/* Link behavior */

.euLink {
	font-size: 0.6em;
	margin: 0.5em 0 1.6em;
}

.euLinkSolo {
	font-size: 0.6em;
	margin: 0.5em 0 1.6em;
}

/* Flatbutton */

.euFlatbutton {
	font-size: 0.6em;
}

.item .euFlatbutton {
	font-size: 0.55em;
}

/* 33% for 2 rows */

.eu2r-3-2-1 {
	margin-right: 0%;
	width: 100%;
}

.eu2r-3-2-1 .euTop, .eu2r-3-2-1 .euBottom {
	float: left;
	margin-right: 1.754385965%;
	width: 49.12280702%;
}

.eu2r-3-2-1 .euBottom {
	margin-right: 0%;
}

/* 33% */

.eu3-1-1 {
	float: none;
	margin-right: 0%;
	width: 100%;
}

.eu3-1 {
	float: none;
	width: 99%;
}
	
/* Hide complete DIVs */

 .euHideMedium {
   display: none;
 }

}

@media only screen and (max-width: 320px) {
	
/* Link behavior */

.euLink {
	font-size: 0.6em;
	margin: 0.5em 0 1.6em;
}

.euLinkSolo {
	font-size: 0.6em;
	margin: 0.5em 0 1.6em;
}

/* Flatbutton */

.euFlatbutton {
	font-size: 0.95em;
}

.item .euFlatbutton {
	font-size: 0.45em;
}

/* 33% for 2 rows */

.eu2r-3-2-1 {
	margin-right: 0%;
	width: 100%;
}

.eu2r-3-2-1 .euTop, .eu2r-3-2-1 .euBottom {
	float: none;
	width: 100%;
}

/* 33% */

.eu3-3-1 {
	float: none;
	margin-right: 0%;
	width: 100%;
}

/* 33% */

.eu3 {
	float: none;
	width: 99%;
}

/* 50% */

.eu2-2-1 {
	float: none;
	margin-right: 0%;
	width: 100%;
}

.eu2-2-1 .euTop {
	margin-top: 0.438em;
}
	
/*.euSolo {
	width: calc(30% + 20%);
}*/

/* Hide complete DIVs */

 .euHideSmall {
   display: none;
 }

/* Two features for WESE 2014 */

 .euLeftTab {
	 float: none;
	 width: 100%;
 }

 .euRightTab {
	 float: none;
	 width: 100%;
 }

}