/*
Theme Name: AB-Main-03
Theme URI:
Author: Chris C
Description:
Version: 1.0
Template:     LoisResponsive
*/


/*
==================================
COLOURS
==================================
#abd6ae = lime green banner Buttons.
#2a3039 = Dark green box Buttons.
#ededed = Wishlist & Share Buttons.
#2a3039 = Dark Color text
.content-container set at 1500px
Font-Family : Poppins
<link href='//fonts.googleapis.com/css?family=Poppins' rel='stylesheet' type='text/css'>
@import url(//fonts.googleapis.com/css?family=Poppins);
font-family: 'Poppins', sans-serif;
*/


/*====================================
FONTS
====================================*/

@import url(//fonts.googleapis.com/css?family=Poppins);
@import url("lib/stylesheets/lois-scss-css.css");

/*====================================================
                    BASE ELEMENTS
====================================================*/








body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	background-color: #ffffff;
}
@media only screen and (max-width:900px) {
  body {margin-top:-10px}
}
@media only screen and (max-width:900px) {
	#content {
		padding-top: 160px !important;
	}
}

::selection {
	background-color: #2A3039;
	color: #ffffff;
}

body.lois {
	max-width: 100%;
}

.lois .site-content {
	background-color: #ffffff;
}

.lois #masthead nav {
	border: none;
}

.lois .site-content {
	overflow: visible;
}

.lois header.site-header {
	background-color: transparent;
}

.lois header {
	background-color: #ffffff;
}

.backToTop {
	display: none;
}

@media only screen and (max-width: 900px) {
	.lois .site-content{ margin:0 !important;}
}

/* DEFAULT PAGE CONTENT MARGINS */

.page-content .entry-content {
	padding: 20px;
	margin-bottom: 1.5%;
}

.page-template .entry-header h1 {
  padding-left:10px;
  font-weight:normal;
}

.page-content .entry-header {
	padding: 20px;
}

.page-content .lois header.entry-header h1{
	padding:20px; !important;
} 

.lois-login header.entry-header h1.entry-title {
padding-left:10px
}


.single-internalpage .lois header.entry-header h1 {
	padding-left:10px
}

@media only screen and (max-width:900px) {
	.single-internalpage main {
		padding:0 10px;
	}
}


.single-internalpage #main {
padding: 0 0 0 10px !important;
}

.page-template #main {
	padding: 0 0 0 10px !important;

}


/* HIDE WORDPRESS ADMIN BAR MOBILE LOGGED IN USERS */



@media only screen and (max-width:900px) {
	#wpadminbar {
		display: none;
	}
}


.right {
	text-align: right;
}

.black {
	color: #000000;
}

.red {
	color: red !important;
}

.strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

a {
	color: #2a3039;
}

a:hover {
	color: #333333;
}

a:visited {
	color: #333333;
}

table {
	font-family: 'Poppins', sans-serif !important;
}

td {
	padding: 20px 0;
}


/* highlighterror */
.lois p.lois-form-row .highlighterror {
  border: 2px solid red !important;
  }


/* Remove wpautop margin default [shortcodes] */

.wp-auto p {
	margin: -15px 0 !important;
}


/* GENERAL RULE HIDE ELEMENTS SMALLER SCREEN */

@media only screen and (max-width:900px) {
	.hide-small-screen {
		display: none;
	}
}


/* SROLL BUTTON */

.scroll-up-arrow {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
	background-color:transparent;
	border:1px solid #999;
	color:#999;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
	/* TRANSITION */
  -o-transition:color .5s ease-out, background .5s ease-in;
  -ms-transition:color .5s ease-out, background .5s ease-in;
  -moz-transition:color .5s ease-out, background .5s ease-in;
  -webkit-transition:color .5s ease-out, background .5s ease-in;
  transition:color .5s ease-out, background .5s ease-in;

}
.scroll-up-arrow:hover {
	background-color:#999;
	color:#ffffff;

}

.scroll-up-arrow:before {
	font-family:"icomoon";
	content: "\e905";
	font-size:20px;
	position:absolute;
	top:50%;
	margin-top:-16px;
	left:50%;
	margin-left:-10px;
}

@media only screen and (max-width:900px) {
	.scroll-up-arrow {
		right: 20px;
		bottom:20px;
	}
}


/*==============================================
NO PRODUCTS
==============================================*/

span.no-product {
display:block;
text-align:center;
margin:50px 0;
font-size:1.5em;
}

/*==========================================
                    HEADER
==========================================*/


/* main container */

.main-header {
	height: 160px;
	background-color: #ffffff;
	position: relative;
}


/*
REMOVE DESKTOP HEADER ON MOBILE
- removes logo
- removes shop info
- removes desktop nav
*/

@media only screen and (max-width:900px) {
	section.main-header {
		/*display: none;*/
	}
}

.main-navigation-container {
	float: left;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.main-header .logo {}

.main-header .logo img {
	width: 100%;
	height: auto;
	/*max-width: 457px;
  max-height: 68px;*/
	float: left;
}

.logo img {
	width: 100%;
	max-width: 457px;
	height: auto;
	padding-left: 60px;
}

@media only screen and (max-width:900px) {
	.logo img {
		padding-left: 0px;
	}
}


/*====================================
SHOP INFO
====================================*/

.shopinfo {
	float: right;
	margin: 13px 50px 0 0;
}

.main-header .shopinfo {
	font-size: 14px;
}

.shopinfo li {
	display: inline;
	margin-left: 5px;
}

.shopinfo li span {
	padding-right: 5px;
	display: inline-block;
}

@media only screen and (max-width:400px) {
	.shopinfo li span {
		padding-right: 0px;
	}
}


/* ECOMMERCE LOIS SHORTCODES */


/* remeove elements included */

.basketInfo .name,
.basketInfo .total {
	display: none !important;
}


/* move next to bag icon */

.basketInfo {
	display: inline-block;
}


/* move next to heart icon */

.wishlistInfo {
	display: inline-block;
}


/* Remove Lois Pop up */

.lois_popup {
	display: none !important;
}

.wishlistInfo span.name {
	display: none;
}

.shopinfo span.items {
	text-indent: -15px
}

.shopinfo span.flag-icon {
	display: none;
}


/*====================================
SHOP INFO SMALL SCREEN CONVERSION
====================================*/

@media only screen and (max-width:900px) {
	.shopinfo {
		position: absolute;
		width: 100%;
		float: none;
		top: 76px;
		left: 0;
		background-color: #ededed;
		z-index: 55555;
		/* test */
	}
	.shopinfo ul {
		margin: 0;
		text-align: right;
		padding: 10px
	}
	.main-header-content {
		float: none;
	}
	.site-branding {
		display: none;
	}
	.main-header-content nav {
		display: none;
	}
	.main-header {
		height: auto;
	}
}


/*================================
MAIN HEADER CONTENT BASE
================================*/


/* Remove 100% to allow float navigation */

nav {
	width: auto !important;
}

.lois header> div {
	overflow: visible;
}

.main-header-content {
	float: right;
	font-size: 18px;
}

nav.main-navigation {
	float: left;
}

nav.main-navigation {
font-size:16px;
}

nav {
	border-right: 2px solid #abd6ae !important;
}


/*====================================
NAVIGATION
====================================*/

.main-navigation li a {
	color: #2a3039;
}


/* Overide lois template */

@media screen and (max-width: 480px) {
	.lois #masthead nav> ul {
		display: block;
	}
}


/* REDUCE PADDING ON SMALLER SCREENS */

.lois #masthead nav> ul> li> a {}

#nav-menu-item-8410 a {
	color: red !important;
	font-weight: bold;
}

@media only screen and (max-width:900px) {
	.mobile-menu-list #nav-menu-item-8702 a {
		display: none;
	}
}


/* LOIS OVERIDE REMOVE FIXED FROM THE MENU HEADER UNDER 400px */

@media screen and (max-width: 480px) {
	.lois.scrolled.fixableheader:not(.menuopen) header.site-header {
		position: static !important;
	}
}


/* LOIS OVERIDE REMOVE FIXED FROM THE MENU HEADER UNDER 767px */

@media screen and (max-width: 767px) and (min-width: 481px) {
	.lois.scrolled.fixableheader:not(.menuopen) header.site-header {
		position: static !important;
	}
}

/* SUB MENU */

.sub-menu {
border: #fdfdfd 1px dotted;
background-color:#ffffff;
}

.sub-menu li:hover {
background-color:#999999;
color:#ffffff;
}





/*================================
1500px BREAKPOINT AMENDMENTS
================================*/

@media only screen and (max-width:1500px) {
	/* REDUCE PADDING ON SMALLER SCREENS */
	.lois #masthead nav> ul> li> a {
		padding: 0 0.5em 0 0.5em;
	}
}


/* relate to 1500px breakpoint */

@media only screen and (max-width:1500px) {
	.main-header-content {
		float: left;
		font-size: 16px;
	}
	.lois #masthead nav> ul> li {
		padding: 0 0.2em;
	}
}


/* Follow positions of col-1300 clear main nav and float to left
from right under logo untill small screen breakpoint*/

@media only screen and (max-width:1500px) {
	.main-header-content {
		float: left;
		margin-left: 40px;
		/* follow logo margin */
	}
}


/* position center under 1500 brekapoint */

@media only screen and (max-width:1500px) {
	.main-navigation-container {
		margin-top: -54px;
	}
}


/*====================================
OVERLAY SHARE ICONS
====================================*/

.share-icons-container {
	width: 300px;
	color: #ffffff;
	text-align: center;
}

.share-icons-container .popup-share {
	width: 300px;
	height: 150px;
}

ul.share-buttons {
	margin: 30px 0 0 0;
	padding: 0;
}

ul.share-buttons li {
	display: inline-block;
	list-style: none;
	margin-right: 20px;
}


/* Position better for v.small screens */

@media only screen and (max-width:350px) {
	.share-icons-container h3 {
		padding-top: 30px;
	}
	.popup-share {
		height: 300px !important;
		margin-top: -150px !important;
	}
	.popup-share .close {
		left: 50%;
		margin-left: -15px;
	}
}


/*====================================
OVERLAY SEARCH FORM
====================================*/

.overlay-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	cursor: pointer;
	background-color: #333;
	opacity: .80;
}

.popup {
	width: 600px;
	height: 200px;
	margin-top: -100px;
	margin-left: -300px;
}

.popup-share {
	width: 300x;
	height: 150px;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -150px;
}

.popup,
.popup-share {
	color: #333;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 1em;
	background-color: #222;
	text-align: left;
	z-index: 1001;
	overflow: auto;
	font-size: 16px;
	-webkit-box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
}

.close {
	background-color: #222;
	color: #ffffff;
	float: left;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 10px;
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
}

.popup input[type="text"] {
	width: 250px;
	background-color: #fff;
	color: #2a3039;
	border: 1px solid #fefefe;
}

.popup input[type="email"] {
	width: 250px;
	background-color: #fff;
	color: #2a3039;
	border: none;
}

.popup input[type="submit"] {
	background-color: #222222;
	color: #222222;
	border: none;
	text-transform: uppercase;
	margin-top: 30px;
	border-radius: 5px;
	position:absolute;
	height:0px;
	width:0px;
	top:0;
	left:0;
}

.popup input[type="submit"]:hover {
	background-color: 000000;
	color: #2a3039;
}

.popup input {
	padding: 15px;
	border-radius: 3px;
}


/*
.box span {
transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
color:#999;
font-size:80px;
padding:5px;
display:inline-block;
}
*/

.popup input[type=text],
.popup .input-placement {
	/* ALIGN FORM CENTER */
	display: table;
	margin: auto;
	padding: 10px;
	width: 100%;
	max-width: 680px;
	height: 60px;
	font-size: 26px;
}

.popup .input-placement {
	position: relative;
}

.popup input[type=text] {
	text-indent: 40px;
	position: relative;
}




.popup .input-placement span {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: 50px;
	color: #000000;
	font-size: 26px;
}

.popup .input-placement {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 35px;
}


/*
.popup form span {
color:#ffffff !important;
}*/


/*====================================
BANNER SLOGAN
====================================*/

.banner-slogan {
	text-align: center;
	width: 100%;
	background-color: #abd6ae;
	display: block;
	color: #ffffff;
	font-size: 16px;
	text-transform: uppercase;
	padding: 18px 0;
	margin: 0;
}

@media only screen and (max-width:900px) {
	.banner-slogan {
		position: absolute;
		z-index: 999999999;
		top: 0;
		/*display:none;*/
	}
}


/* reduce font size under 400px on banner */

@media only screen and (max-width:400px) {
	.banner-slogan {
		font-size: 12px;
	}
}

/*==============================
MAIN ENTRY
==============================*/

.edit-link a{
  /*position:fixed;
  bottom:0;
  left:0;
  display:block;
  background:#000000;
  color:#ffffff !important;
  padding:10px;
*/
display:none;
}



/*====================================
BUTTONS
====================================*/

.wishlistShare-button {
	background-color: #ededed;
	color: #2a3039;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 20px;
	padding: 24px 100px;
	display: inline-block;
	cursor: pointer;
}

.wishlistShare-button span {
	margin-right: 16px;
}

.lime-button {
	background-color: #abd6ae;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	padding: 24px;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}

.line-button,
.dot-line-button {
	display: inline-block;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 18px;
	padding: 24px 0px;
	/*font-weight: bold;*/
	cursor: pointer;
}





.lime-button:hover {
	color: #ffffff;
	background-color: #2a3039;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

.dot-line-button {
	border: 2px dotted #222;
}

.line-button {
	border: 2px solid #222;
}



.line-button-white {
	border: #ffffff 1px solid;
	color: #ffffff;
}

.line-button-white a {
	color: #ffffff;
}


.line-button-white:visited {
border: #ffffff 1px solid;
color: #ffffff;
background-color:transparent;	
}



.line-button-white:active{
border: #ffffff 1px solid;
color: #ffffff;
background-color:transparent;	
}

.line-button:active {
background-color:transparent;
color:#ffffff;
}


.line-button:hover {
	background-color: #ffffff;
	color: #2a3039;
}

@media only screen and (max-width:400px) {
	.bag-button {
		padding: 24px 20%;
	}
}


/*========================
LINE BUTTON DARK 
=========================*/

.dark-line-button {
	border: 2px solid #2a3039;
	padding:10px;
	display:inline-block;
	text-transform: uppercase;
}






/*==================
BAG BUTTON TEST
==================*/

.bag-button {
	background-color: #2a3039;
	color: #abd6ae;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
	padding: 24px 100px;
	display: inline-block;
	cursor: pointer;
}

.bag-button:hover {
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
	background-color: #ABD6AE;
	color: #2A3039;
}

.bag-button span {
	margin-right: 16px;
}


/*======================
ADD BAG WRAP + INPUT
======================*/


/* .type-product =  lois product single */


/*
.type-product .addToBagButtonWrap input[type=submit] {
	background-color: #2a3039 !important;
	color: #abd6ae !important;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
	display: inline-block;
	cursor: pointer;
	border: none;

}

.type-product .addToBagButtonWrap {
	background-color: #2a3039 !important;
	padding: 10px 100px;
	display:inline-block;
}

.type-product .addToBagButtonWrap::before {
	font-style: normal;
	font-weight: normal;
	speak: none;
	*/


/*content: "\2702";*/


/*font-family: 'icomoon';
	content: "\e917";
	font-size: 1em;
	color: #abd6ae !important;
}

.type-product .addToBagButtonWrap:hover {
	background-color: #abd6ae !important;
	color: #2a3039 !important;
}

.type-product .addToBagButtonWrap:hover input[type=submit] {
	background-color: #abd6ae !important;
	color: #2a3039 !important;
}

.type-product .addToBagButtonWrap:hover:before {
	color: #2a3039 !important;
}

.type-product .lois-form p.lois-form-row,
.lois-form p.lois-form-row {
	overflow: visible;
}
*/


/*===============================
WISHLIST BUTTON
===============================*/


/*
.type-product .addToWishlistButtonWrap input[type=submit] {
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	border: none;
	*/


/* Hide content but keep input framework */


/*visibility: hidden;*/


/* Allows input value to be in place but not effect space*/


/*text-indent: -999em;
}

.type-product .addToWishlistButtonWrap {
	padding: 0px;
}

span.addToWishlistButtonWrap {
	display: inline-block;
}

.type-product .addToWishlistButtonWrap:hover::before {
	color: red !important;
}

.type-product .addToWishlistButtonWrap::before {
	font-family: "icomoon";
	font-style: normal;
	font-weight: normal;
	speak: none;
	content: "\e900";
	*/


/*content: "\2702";*/


/*	font-size: 1.5em;
	color: #222 !important;
	cursor: pointer;
}

@media only screen and (max-width:900px) {
	.type-product .addToWishlistButtonWrap input[type=submit] {
		text-transform: uppercase;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		border: none;
		text-transform: lowercase;
		font-size: 1.2em;
		visibility: visible;
		text-indent: 0em;
		background-color: #ededed;
	}
	.type-product .addToWishlistButtonWrap {
		background-color: #ededed;
		padding: 20px 50px;
	}
}
*/


/*==========================================================
                    HEADER IMAGE CONTAINER
==========================================================*/

.image-banner-container {
	position: relative;
	margin-bottom: 150px;
}


/* Remove Auto p from shortcde entry */

.image-banner-container p {
	margin-bottom: 0px;
}

@media only screen and (max-width:900px) {
	.image-banner-container {
		margin: 0;
	}
}

.top {
	position: absolute;
	top: 50%;
	/* required to move into place otherwise falls under div */
	/* if set to bottom moves up top moves down */
	left: 50%;
	/* required to move into place otherwise falls under div */
	margin-left: -300px;
	margin-top: -130px;
	width: 600px;
	/* added in 50% boxes now moves to top rather than below when resized because using bottom rather than top*/
	height: 260px;
	/* APPEARENCE DIV.TOP */
	/* background-color: #ffffff;*/
	background-color: transparent;
}

@media only screen and (max-width:900px) {
	/* removes absolute position and returns it to normal state */
	.top {
		position: static;
		width: 100%;
		height: 100%;
		text-align: center;
		/* required to rest margins*/
		margin: 0;
		height: auto;
		width: auto;
		background-color: #f6f6f6;
		padding: 100px 0;
	}
}

.top h1 {
	text-transform: uppercase;
	font-size: 67px;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #ffffff;
}

@media only screen and (max-width:900px) {
	.top h1 {
		color: #2a3039;
		font-size: 40px;
		margin-bottom: 30px;
	}
}

.top h2 {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 34px;
	color: #ffffff;
	margin-bottom: 40px;
}

@media only screen and (max-width:900px) {
	.top h2 {
		color: #2a3039;
		font-size: 20px;
		text-align: center;
	}
}

.image-banner-container img {
	width: 100%;
	height: auto;
}

h2 {
	font-size: 1.2em;
	text-align: left;
	margin: 0;
}

.box {
	width: 1500px;
	height: 300px;
	background: #abc;
	margin: auto;
}

.top .lime-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	text-align: center;
}

@media only screen and (max-width:900px) {
	.top .lime-button {
		position: static;
		margin: auto;
	}
}


/*========================================
                    CARD
========================================*/

div.section-heading h2 {
	text-transform: uppercase;
	font-weight: normal;
	margin: 100px 0;
	text-align: center;
	font-size: 1.6em;
}



@media only screen and (max-width:900px) {
	.card-container [class*="col-"] {
		/* Reset the height */
		height: 300px;
		overflow: hidden;
	}
}

@media only screen and (max-width:900px) {
	.card-container-two [class*="col-"] {
		/* Reset the height */
		padding: 0px;
	}
}

.card-two {
	max-width: 100%;
	position: relative;
	/*max-height: 300px;*/
	height: auto;
	overflow: hidden;
}


/* If card is 100% Width < 900 [default 470px] */

@media only screen and (max-width:900px) {
	.card-470 {
		height: 450px;
		/* New height tablets */
	}
}

@media only screen and (max-width:500px) {
	.card-470 {
		height: 300px;
		/* Height reset to better position mobile */
	}
/*
	.card-two .line-button {
		width: auto !important;
	}*/
}

.card-two img {
	width: 100%;
	height: auto;
}

.card-two .line-button {
	position: absolute;
	width: 100%;
	max-width: 300px;
	height: 70px;
	z-index: 5;
	left: 50%;
	top: 50%;
	
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
	
	
	
	text-align: center;
	font-size: 1.2em;
}


/* REDUCE WIDTH BEFORE BREAKPOINT UNDER 300PX */

@media only screen and (max-width:1100px) {
	.card-two .line-button {
		width: 90%;
	}
}

.card {
	position: relative;
	/* Fixes the text */
	max-width: 470px;
	/* Flexes with screen size */
	margin: auto;
	height: auto;
	/* Flexes with screen size */
	cursor: pointer;
}

.card img {
	max-width: 470px;
	/* Flexes with screen size */
	width: 100%;
	height: auto;
	/* Flexes with screen size */
}

.card .overlay-test {
	background-color: #000000;
	position: absolute;
	/* Uses .card relative postion */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.card .overlay,
.card-two .overlay {
	position: absolute;
	background-color: #000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
	z-index: 1;
}


/* Spec sizing for button */

.card .line-button {
	position: absolute;
	width: 300px;
	height: 70px;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -150px;
	z-index: 5;
}


/* reducing the opacity of the image itself allows the overlay to come through */


/*.card img {
opacity:0.5;
} */


/*
.card .overlay:hover {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
*/


/*====================================
CARD MEDIA QUERIES
====================================*/

@media only screen and (max-width:900px) {
	.card {
		/* Reset the height to position the text overlay for relative - absolute positions */
		height: 300px;
		position: relative;
	}
	.card .line-button {
		width: 300px;
		height: 70px;
		position: absolute;
		left: 50%;
		top: 50%;
		/*margin:-150px 0 0 -150px;*/
	}
}


/* //END MEDIA QUERIES */


/*========================================
               NEW ARRIVALS
========================================*/

.new-arv {
	margin-bottom: 100px !important;
	padding-top: 150px;
}

@media only screen and (max-width:900px) {
	.new-arv {
		padding-top: 50px !important;
	}
}

.new-arv .top-section h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 26px;
	margin-bottom: 20px;
	    text-align: center !important;
}

.new-arv .top-section a {
	text-transform: uppercase;
	color: #2a3039;
	text-decoration: underline;
	font-size: 20px;
}

.new-arv .top-section {
	padding-bottom: 50px;
}


/*===================================================
CAROUSEL [OWL]
===================================================*/

.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}

.owl-carousel.off {
	display: block;
}

@media only screen and (min-width:900px) {
	.owl-pagination {
		display: none;
	}
}

@media only screen and (max-width:900px) {
	.owl-pagination {
		display: none;
	}
}


/* ARROWS */

span.icon-carousel-arrow-left {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: 0;
	font-size: 40px;
}

span.icon-carousel-arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	right: 0;
	font-size: 40px;
}


@media only screen and (max-width:900px) {
span.icon-carousel-arrow-right,
	span.icon-carousel-arrow-left {
		top:40%;
	}
}



/*======================================
CAROUSEL ADDITION
======================================*/

.carousel-addition img {
	width: 170px !important;
	/* initial width */
	padding: 10px;
	/* padding around image */
}

.carousel-addition .lois-product {
	margin: 10px;
	/* margin around image container */
}


/* INFO STYLES */

.carousel-addition span.brand {
	display: block;
	font-size: 1.1em;
}

.carousel-addition span.title {
	display: block;
	color: #999
}

.carousel-addition .offers {
	color: #999;
}

@media only screen and (max-width:900px) {
	.carousel-addition .offers {
		float: none;
	}
	.carousel-addition span.title {
		display: block;
		color: #000;
		padding-top: 10px;
	}
	.carousel-addition .offers {
		color: #000;
		padding-top: 10px;
	}
	/* MEDIA QUERIES END */
}

.carousel-addition .colour {
	display: none;
}


/*=======================================
SPECIFIC CAROUSELS
=======================================*/

.new-arv-carousel {
	margin-top: 50px !important;
}

.new-arv-carousel span.icon-maglass {
	color: #abd6ae;
}

.new-arv-carousel .lois-carousel .lois-product {
	margin: 0 50px;
}
.new-arv .lois-product .lois-product-image {
margin:2em;
}

/* center the <> buttons from top */

.new-arv-carousel .owl-next span,
.new-arv-carousel .owl-prev span {
	position: absolute;
	top: 50%;
}

.new-arv-carousel .owl-next span {
	left: 20px;
}

.new-arv-carousel .owl-prev span {
	right: 20px;
}


/* HIDE INFO SHOW IMAGES ONLY IN CAROUSEL */

.new-arv-carousel .lois-product .lois-product-info {
	/*display: none;*/
}


/*===================================================
ARROWS [arrow + class]
===================================================*/

.arrow {
	width: 40px;
	height: 40px;
	border-top: 3px solid #222;
	border-right: 3px solid #222;
}

.arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 15px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
}

.arrow-left {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	/* Includes the pagination extra pixels to center arrow */
	left: 15px;
	/* balances on background */
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476)";
}


/* arrows for carousel front new arrivals second set */

.new-arv-carousel .left-arrow {
	background-color: #ffffff;
}

.new-arv-carousel .left-arrow:before {
	content: "\e903";
	font-family: "icomoon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
}

.new-arv-carousel .right-arrow {
	background-color: #ffffff;
}

.new-arv-carousel .right-arrow:before {
	content: "\e904";
	font-family: "icomoon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
}


/*====================================
IMAGE OVERLAYS
====================================*/

.overlay-static:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.5;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

@media only screen and (max-width:900px) {
	.overlay-static:after {
		display: none;
	}
}

.overlay {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}

.overlay img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.overlay:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
		/* TRANSITION */
		-webkit-transition: 0.5s ;
 	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	margin-bottom: -1em;
}

.overlay:hover:after {
	opacity: 0.5;
}


/* Show all divs under .overlay on hover */

.overlay:hover div {
	opacity: 1;
}


/*====================
INFO
====================*/

.info {
	font-size: 18px;
	position: absolute;
	opacity: 0;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -75px;
	color: #ffffff;
	font-weight: normal;
	z-index: 999;
	width: 150px;
	height: 50px;
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.info:hover {
	opacity: 1;
}

.info span {
	display: block;
	padding-bottom: 15px;
	color: #abd6ae;
	font-weight: normal;

}


/*====================================================
                          FOOTER
====================================================*/

.footer {
	background-color: #ffffff;
	width: 100%;
	border-top: 1px solid #ededed;
	clear:both;
}

.footer h3 {
	margin: 0;
	padding-bottom: 25px;
	font-size: 22px;
	font-weight: normal;
}

@media only screen and (max-width:900px) {
	.footer h3 {
		/*text-align: center;*/
	}
}

.lois .site-footer {
	background-color: #ffffff;
}


/*==================
FOOTER LINKS
===================*/

.footer .footer-links {
	padding: 70px 100px 70px 0;
}

.footer .footer-links li {
	list-style: none
}

@media only screen and (max-width:1300px) {
	.footer .footer-links {
		padding: 70px 0px;
	}
}

@media only screen and (max-width:900px) {
	/* remove large right margin */
	.footer .footer-links {
		padding: 70px 0px;
		/* Add a border bottom */
		border-bottom: 1px solid #ededed;
	}
}

.footer-border-right {
	border-right: 1px solid #ededed;
}

@media only screen and (max-width:900px) {
	/* REMOVE PADDING ON SMALLER SCREENS TWO SETS COL INSIDE COL */
	.footer-links .col-50 {
		padding: 0 20px;
	}
	/* ADD PADDING RIGHT SEPERATE TWO */
	.footer-links .col-50 .myClass:nth-child(odd) {
		padding-right: 15px;
	}
}

@media only screen and (max-width:400px) {
	/* THIRD BREAPOINT TUCK UNDER 400px */
	.footer-links .col-50 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
}

@media only screen and (max-width:900px) {
	.col-12 {
		padding: 0px !important;
	}
}


/* style footer links */

ul#menu-information,
ul#menu-customer-care {
	margin: 0;
}

#menu-information li,
#menu-customer-care li {
	list-style: none;
}


/*=====================
FOOTER SOCIAL LINKS
======================*/

.footer .social-icons li {
	font-size: 36px;
	margin-right: 5px;
}

.footer .social-icons ul {
	margin: 0;
	padding: 0;
}


/* Reduce size of the icons before breakpoint avoid collapsing into one another */

@media only screen and (min-width:900px) and (max-width:1350px) {
	.footer .social-icons li {
		margin-right: 2px;
		font-size: 24px;
	}
}


/* Remove mobile social links over 900px */

@media only screen and (min-width:900px) {
	.mobile-social-links {
		display: none;
	}
}


/* Remove desktop social links under 900px */

@media only screen and (max-width:900px) {
	.desktop-social-links {
		display: none;
	}
}


/*MOBILE SOCIAL LINKS */

@media only screen and (max-width:900px) {
	.mobile-social-links {
		padding: 60px 0 0 0!important;
	}
	.mobile-social-links h3 {
		text-align: center;
	}
	.mobile-social-links .social-icons ul {
		text-align: center;
	}
}


/*==================
FOOTER PAYMENT CARDS
===================*/

.footer .icon-cards {
	font-size: 28px;
}

.footer .payment {
	padding-bottom: 80px;
}

.footer .payment h3 {
	float: left;
	margin: 0 45px 0 0;
	padding: 0;
	font-weight: normal;
}


/* PAYMENT ICONS */

.icon-dark-cards {
	font-size: 2em;
	display: inline-block;
	margin-top: -8px
}

@media only screen and (max-width:900px) {
	.icon-dark-cards {
		font-size: 2em;
		display: inline-block;
		margin-top: 40px;
	}
}

@media only screen and (max-width:900px) {
	.footer .payment {
		/* Add a margin-height smaller screen */
		padding-top: 65px;
		padding-bottom: 65px;
		/* Add a border-bottom smaller screen */
		border-bottom: 1px solid #ededed;
	}
	/* Reset h3 back to center */
	.footer .payment h3 {
		text-align: center;
		float: none;
	}
	.footer .payment .icon-cards {
		padding-top: 30px;
		display: inline-block;
	}
}

@media only screen and (max-width:900px) {
	.card-icons {
		text-align: center;
		margin: auto;
	}
}


/* NEWSLETTER SIGN UP */

#newsletter-footer {
	float: right;
	/*border: dotted 1px red;*/
	margin-top: 70px;
	max-width: 400px;
	width: 100%;
}

@media only screen and (max-width:900px) {
	#newsletter-footer {
		text-align: center;
		margin: 0px auto;
		max-width: 400px;
		float: none;
	}
}

#newsletter-footer h2 {
	text-transform: uppercase;
	text-align: left;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 25px;
}

@media only screen and (max-width:900px) {
	#newsletter-footer h2 {
		font-size: 22px;
	}
	#newsletter-footer p {
		text-align: left;
	}
}

#newsletter-footer input[type=email] {
	max-width: 400px;
  width:100%;
  border: 1px solid #2a3039;
	padding: 10px;
}

@media only screen and (max-width:900px) {
	#newsletter-footer input[type=text] {
		padding: 20px;
	}
}

#newsletter-footer input[type=submit].lime-button {
	padding: 15px 50px;
	margin-top: 50px;
	border: none;
}

@media only screen and (max-width:900px) {
	#newsletter-footer input[type=submit].lime-button {
		text-align: center;
		margin-top: 15px;
		width: 100%;
		max-width: 400px;
	}
}


/*==================
SUB FOOTER
===================*/

.sub-footer {
	min-height: 70px;
	background-color: #2A3039;
	color: #ffffff;
	font-size: 14px;
	border-bottom: 2px #999 solid;
}

.sub-footer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.sub-footer [class*="col-"] {
	padding: 23px 15px;
}

@media only screen and (max-width:900px) {
	.sub-footer [class*="col-"] {
		padding: 0px;
	}
}

@media only screen and (max-width:900px) {
	span.copyright {
		display: block;
		text-align: center;
		margin: auto;
		clear: both;
	}
	span.design-links {
		display: block;
		text-align: center;
		padding-top: 28px;
	}
	/*span.design-links::first-letter {
font-size:200px;
}*/
	.sub-footer {
		padding: 28px 0;
	}
}

.sub-footer .col-4 a {
	display: inline-block;
	color: #ffffff;
	margin-right: 30px;
}

@media only screen and (max-width:900px) {
	.sub-links a {
		margin: 30px;
		display: inline-block;
	}
	span.sub-links {
		display: block;
		border-bottom: 1px solid #ededed;
		margin-bottom: 50px;
	}
	/* Remove line on footer sub-links */
	@media only screen and ( max-width:900px) {
.sub-footer .sub-links {
border:none;
}
}

@media only screen and (max-width:900px){}
.address {
text-align: center;
}
}





/*=========================================================
                    MOBILE MENU STRUCTURE
==========================================================*/

/*====================================
MOBILE BAR AND SLIDER MENU + LI
=====================================*/

/* container */
.mobile-menu-container {
	z-index: 250;
	padding-bottom: 10px;
}
.mobile-bar {
	background-color: #ffffff;
	border-bottom: 1px solid #ededed;
	height: 90px;
	top: 70px;
	left: 0;
	width: 100%;
	z-index: 5000;
	cursor: pointer;
	/* POSITIONS */
	/*position: fixed;*/
	/*position:relative;*/

	-webkit-overflow-scrolling: touch;
	position: absolute;
}
.mobile-bar .logo {
	position: absolute;
	top: 50%;
	margin-top: -19px;
	margin-left: 40px;
}
.mobile-bar .logo img {
	max-width: 260px;
	width: 100%;
	height: auto;
}

/* REDUCE THE MOBILE LOGO SMALLER < 400px [Avoid conflict with hamburger]*/
@media only screen and (max-width:400px) {
	.mobile-bar .logo img {
		max-width: 210px !important;
		height: auto;
	}

	.mobile-bar .logo {
		margin-top: -15px !important;
		margin-left: 14px!important;
	}
}

/*================================
MEDIA RULES
================================*/
@media only screen and (max-width:600px) {
	.mobile-bar .logo {
		/* reflect new height and width of 300px; */
		margin-top: -22px;
		/* reduce margin to allow logo to fit ; */
		margin-left: 24px;
	}

	.mobile-bar .logo img {
		/* reduce image width to allow logo to fit ; */
		max-width: 260px;
	}

	.mobile-bar {
		height: 90px;
	}
}
@media only screen and (max-width:500px) {
	.mobile-bar #hamburger {
		/* reduce margin to allow logo to fit ; */
	}
}

/* Hide Mobile Bar if device smaller than 900px
[Do not disable just the bar add Jquery Media as overides CSS] */
@media only screen and (min-width:900px) {
	.mobile-bar,
	.mobile-slide,
	.mobile-inner,
	.mobile-slide-inner {
		display: none;
	}
}

/* =====================================
MOBILE SLIDE OUTER & INNER
===================================== */
.mobile-slide {
	/* position: fixed; */

	position: absolute;
	/* Only displays height menu slide */

	top: 160px;
	left: 0;
	height: 100%;
	z-index: 6000;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	width: 100%;
	background: #2A3039;
}
.mobile-slide-inner {
	overflow-y: scroll;
	/* Allow scroll y inside */

	overflow-x: hidden;
	height: 100%;
	width: 100%;
	z-index: 6001;
	-webkit-box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
	-moz-box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
	box-shadow: 0px 10px 33px -4px rgba(0, 0, 0, 0.43);
}

/*===============================
MOBILE INPUT
================================*/
.mobile-slide-inner input[type=text],
.mobile-slide-inner .input-placement {
	/* ALIGN FORM CENTER */

	display: table;
	margin: auto;
	padding: 10px;
	width: 100%;
	max-width: 680px;
	height: 60px;
	font-size: 26px;
}
.mobile-slide-inner .input-placement {
	position: relative;
}
.mobile-slide-inner input[type=text] {
	text-indent: 40px;
	position: relative;
}
.mobile-slide-inner .input-placement span {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	left: 50px;
	color: #000000;
	font-size: 26px;
}
.mobile-slide-inner .input-placement {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 35px;
  max-width:680px;
  width:100%;
}

/*===============================
MOBILE INPUT SEARCH SUBMIT 
================================*/

/* POSITION SUBMIT CLEAR SEARCH */
.mobile-slide form#searchform input[type="submit"] {
    background-color: #222222;
    color: #222222;
    border: none;
    text-transform: uppercase;
    margin-top: 30px;
    border-radius: 5px;
    position: absolute;
    height: 0px;
    width: 0px;
    top: 0;
    left: 0;
}

/*===============================
MOBILE NAVIGATION
================================*/

/* container menu list spec in menu call */
.mobile-menu-list ul {
	margin: 0;
	padding: 0;
}
.mobile-menu-list li {
	display: block;
	background-color: #2A3039;
	width: 100%;
	margin: 0;
	list-style-type: none;
	z-index: 30;
	padding: 0;
}
.mobile-menu-list li a {
	/*line-height: 300%;*/

	color: #ffffff;
	display: block;
	/*padding: 34px 20px;*/

	padding: 20px 40px;
	width: 100%;
	text-decoration: none;
	text-decoration: none;
	/*font-size: 28px;*/

	font-size: 18px;
}
.mobile-menu-list li a:hover {
	background-color: #ABD6AE;
	color: #2A3039;
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

/* HIDE MAGNIFY GLASS CLICK ON LAST LI ITEM AS NOT REQUIRED */

/*.mobile-menu-list ul.menu li:last-child {
display:none;
}*/
.mobile-menu-sign-up {
	background-color: #2A3039;
	color: #ffffff;
	max-width: 680px;
	width: 100%;
	margin: auto;
	border-top: 1px solid #555961;
	border-bottom: 1px solid #555961;
}
.mobile-slide-inner h3 {
	padding: 0;
	margin: 0;
	font-size: 18px;
	color: #ffffff;
	display: block;
	padding: 34px 20px;
	text-transform: uppercase;
	font-weight: normal;
}

/*===============================
MOBILE SOCIAL ICONS
================================*/
.social-icons {
	width: 100%;
	max-width: 680px;
	display: table;
	margin: auto;
}
.social-icons span {
	color: #ABD6AE;
}
.social-icons {
	font-size: 40px;
}
.social-icons ul {
	padding: 0;
	margin: 0;
	padding-left: 20px;
}
.social-icons ul li {
	display: inline-block;
	margin-right: 20px;
	font-size: 45px;
}

/* specific to mobile inner */
.mobile-slide-inner div.social-icons {
	margin-bottom: 200px;
}

/* =====================================
MOBILE SUB MENU NAVIGATION
===================================== */
.mobile-slide ul {
	width: 100%;
	max-width: 680px;
	display: table;
	margin: auto;
}

/* Hide the sub menu */
.mobile-slide .sub-menu {
	display: none;
}
.mobile-slide .sub-menu a {
	background-color: #EDEDED;
	color: #2A3039;
}

/* Parent Class */
.mobile-slide .parent {
	position: relative;
}
.mobile-slide .parent div {
	position: absolute;
	right: 15px;
	top: 25px;
}
.triangle-down {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #C1CDCD;
}

/* =====================================
HAMBURGER CLOSE OPEN STYLES
[JQuery Script Required]
===================================== */
#hamburger span:nth-child(1) {
	top: 0px;
}
#hamburger span:nth-child(2),
#hamburger span:nth-child(3) {
	top: 10px;
	/* / 2 */
}
#hamburger span:nth-child(4) {
	top: 20px;
	/* Controls height of the hamburger */
}
#hamburger.open span:nth-child(1) {
	top: 10px;
	/* / 2 */

	width: 0%;
	left: 50%;
}
#hamburger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#hamburger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#hamburger.open span:nth-child(4) {
	top: 10px;
	/* / 2 */

	width: 0%;
	left: 50%;
}
#hamburger {
	width: 30px;
	height: 20px;
	/* 3/4 width */
	/*position: relative;*/

	position: absolute;
	right: 40px;
	top: 50%;
	margin-top: -10px;
	margin-top: -15px
	/*margin: 50px auto;*/
	/*margin: 12px 12px;*/
	/* Position Hamburger */

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	/*float: left;*/
}
#hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	/* Controls height hamburger inv line */

	width: 100%;
	background: #2A3039;
	/* Color Hamburger */

	border-radius: 9px;
	/* Soft Hamburger style */

	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/*============================================
                    BASE GRID
============================================*/

/* padding and border are included in the total width and height of the elements */
* {
	box-sizing: border-box;
}
.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33%;
}
.col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
}

/* All col elements */
[class*="col-"] {
	float: left;
	padding: 15px;
}

/* All col elements 100% under 900px */
@media only screen and (max-width: 900px) {
	[class*="col-"] {
		width: 100%;
	}
}

/* All col elements 50% under 900px */

/* Colapse 1200px% */
@media only screen and (max-width: 1500px) {
	[class*="col-1300"] {
		width: 100%;
	}
}

/* Colapse 50% */
@media only screen and (max-width: 900px) {
	[class*="col-50"] {
		width: 50%;
	}
}
.colfix {
	border: 1px solid transparent;
}

/* Clear each row */
.row:after {
	content: "";
	clear: both;
	display: block;
}

/* Remove padding on any col element inside parent with np */
.np [class*="col-"] {
	padding: 0px;
}

/* Reactivate padding on all col elements under 900px */
@media only screen and (max-width: 900px) {
	.np [class*="col-"] {
		padding: 0px 15px;
	}
}

/* Hide any elements with .hide class under 900px */
@media only screen and (max-width: 900px) {
	.hide {
		display: none;
	}
}

/* Keep all elements inside restricted width */

/* First content identifier */
.content-container {
	max-width: 1600px;
	width: 100%;
	margin: auto;
}





@media only screen and (max-width: 900px) {
	.content-container {
		width: 100%;
	}
}

/*====================
404
=====================*/
#fourzerofour h1 {
	font-size: 300px;
	padding: 0;
	margin: 0;
}
@media only screen and (max-width:900px) {
  #fourzerofour h1 {
    font-size:2em;
  }
}
/*
==================================================================================
																		LOIS STYLES
==================================================================================
*/

/*
====================================================
										SINGLE PRODUCT
====================================================
*/

/*
=============================
SINGLE PRODUCT BASE ELEMENTS
=============================
*/
.type-product .lois-form p.lois-form-row,
.type-product .lois-form p.lois-form-row {
	padding: 0.5em 0;
}
.type-product .lois-product .lois-product-info h1 {
	margin: 0;
	line-height: 1em;
}
.type-product .lois-product .lois-product-info .title,
.type-product .lois-product .lois-product-info .colour {
	display: block;
	font-size: 16px;
	font-weight: normal;
}

}
.type-product .lois-product .lois-product-info .brand a {
	color: #2a3039 !important;
}
.type-product .lois-product .lois-product-info .brand {
	text-transform: uppercase;
	font-size: 22px;
	color: #2a3039;
}
@media only screen and (max-width:900px) {
	.type-product .lois-product .lois-product-info .brand {
		font-size: 16px;
		font-weight: bold;
	}
}

/*
=============================
SINGLE PRODUCT FRAMEWORK
=============================
*/

/* RIGHT COLUMN / LEFT COLUMN

/* Split the product to 100% smaller screens */
@media only screen and (max-width:900px) {
	.type-product .columns2 .leftcolumn {
		width: 100%;
		overflow: initial !important;
	}
	.type-product .columns2 .rightcolumn {
		width: 100%;
		padding: 20px;
	}
}
.type-product .columns2 {
	border-bottom:2px solid #ededed;
}

@media only screen and (max-width:900px) {
  .type-product .columns2 {
	overflow:initial;
}
}

@media only screen and (max-width:900px) {
.type-product div.leftcolumn {margin-bottom:100px;}
}


/* colours columns */
.type-product .lois-product div.columns2 div.rightcolumn {
	background-color: #f6f6f6;
}
.type-product .lois-product div.columns2 div.leftcolumn {
	background-color: #ffffff;
	/*border-bottom: #ededed 1px solid;*/
}
.clicktozoom {
	display: none !important;
}
.lois .lois-product-details .lois-product .columns2 {
	margin: 0;
}
@media screen and (min-width: 768px) {
	body.lois .lois-product-media {
		width: 100%;
	}
}

@media screen and (max-width: 480px)
.lois .lois-product-details .lois-product-media {
    overflow: initial;
}




/*
=============================
PRODUCT SINGLE INFORMATION
============================
*/

/* Put the prodct information inside spacing */
.type-product .lois-product .lois-product-info {
	max-width: 600px;
	width: 100%;
	margin: 130px auto;
	font-family: 'Poppins',
	sans-serif !important;
	padding: 0 20px;
	/* allow padding mirroring sml screen before breakpoint */
}
@media only screen and (max-width:900px) {
	.type-product .lois-product .lois-product-info {
		margin: 0 auto;
	}
}

/* Allow colour to tuc under */
.type-product .lois-product .lois-product-info span.colour {
	display: inline-block;
}
.type-product p.lois-product-actions {
	clear: both;
}

/* remove elements */
.type-product .lois-product .lois-product-info .stylecode {
	display: none;
}
.type-product .lois-product-timestamp {
	display: none;
}

/* SPLIT PRICE AND TITLE SMALL SCREENS */
@media only screen and (max-width:900px) {
	.type-product .lois-product-info h1 {
		float: left;
		max-width: 75%;
	}
	.offers {
		float: right;
		max-width: 25%;
		font-weight: bold;
	}
}


.lois-product-info .styleid {display:none;}

/*
=============================
SINGLE PRODUCT FORM ELEMENTS
=============================
*/
.type-product form.lois-form {
	padding: 28px 0;
	background-color: #f6f6f6;
}
@media only screen and (max-width:900px) {
	.type-product form.lois-form {
		clear: both;
		/* clear the h1 above */
	}
}
.lois-form {
	clear: both;
}

/* select */
.type-product .lois-product-sizes {
	width: 25% !important;
	float: left;
	height: 100%;
}

/* Expand on smaller screens */
@media only screen and (max-width:900px) {
	.type-product .lois-product-sizes {
		width: 46% !important;
		float: left;
		height: 100%;
		margin: 0 4% 0 0!important;
	}
}

/* Expand on smaller screens 3rd breakpoint */
@media only screen and (max-width:450px) {
	.type-product .lois-product-sizes {
		width: 100% !important;
		float: left;
		height: 100%;
	}
}



.lois-qdropdown {
width:50% !important;
/*margin-left:2% !important;*/
padding: 12px;
font-family: 'Poppins', sans-serif !important;
border: #ededed 1px solid !important;
}
@media only screen and (max-width:900px) {
.lois-qdropdown {
width:100% !important;
/*margin-left:2%;*/
}
}

@media only screen and (max-width: 450px) {
p.lois-product-quantity  {
width:100% !important;
overflow:initial !important;
}
}


.type-product .lois-product .columns2 {
	border-top: #f6f6f6 2px solid;
}
.type-product .lois-product-sizes select {
	width: 100% !important;
	padding: 12px;
	font-family: 'Poppins',
	sans-serif !important;
	border: #ededed 1px solid !important;
}
.type-product .lois-form p.lois-form-row,
.type-product .lois-form p.lois-form-row {
	padding: 1em 0;
}
.type-product form p.lois-form-row> select {
	font-size: 13px !important;
}
.type-product .lois-product-size select {
	width: 50%;
	font-size: 12px !important;
}
.type-product .lois-product-quantity {
	float: left;
	width: 25%;
}
.type-product .lois-product-quantity {
	width: 50%;
}

/* Labels */
.type-product p.lois-product-quantity label {
	display: none !important;
}
.type-product p.lois-product-sizes label {
	display: none !important;
}

/*
=================================================
SINGLE PRODUCT FORM ELEMENTS UNDER FORM
=================================================
*/
.type-product p.lois-product-actions.lois-form-row.lois-product-sizeguide {
	display: none !important;
}
.type-product div.tabs> h3 {
	display: block;
	border-top: #abd6ae 1px solid;
	margin: 0;
	padding: 20px 0;
	font-weight: normal;
}
.type-product div.tabs> div.tab {
	border-bottom: #abd6ae 1px solid;
	padding-bottom: 20px;
}
.type-product div.accordion> h3 {
	display: block;
	margin: 0;
	padding: 20px 0;
	font-weight: normal;
	border-top: #abd6ae 1px solid;
	font-size: 18px;
	text-transform:uppercase;
}

/*.type-product div.accordion> h3:first-child {
		border-bottom: #abd6ae 1px solid;
}*/

/*====================================
SINGLE PRODUCTS INPUT + SPAN + ICONS
BAG, WISHLIST, SHARE
====================================*/

/* BUTTON WRAPPER SPAN % + POSITIONS*/
div.product-buttons-container {
	/* border:blue dotted 1px; */
	max-width: 600px;
	width: 100%: overflow: auto;
}

/*=========================
BAG BUTTON
=========================*/

/* BAG WRAP */
span.addToBagButtonWrap {
	padding: 8px 12%;
	background-color: #2a3039;
	color: #ffffff;
	display: inline-block;
	font-family: icomoon;
	color: #2a3039;
	font-size: 20px;
}

/* BAG BEFORE */
span.addToBagButtonWrap:before {
	font-family: "icomoon";
	content: "\e901";
	color: #ABD6AE;
}

/* BAG INPUT */
span.addToBagButtonWrap input {
	color: #abd6ae !important;
	background-color: #2a3039 !important;
	border: none;
	text-transform: uppercase;
}
.shopinfo span.items {
	text-indent: -15px
}

@media only screen and (max-width:400px) {
  .shopinfo span.items { text-indent: -5px }
}
.shopinfo span.flag-icon {
	display: none;
}
.lois-product-sizelibrary {
	display: none !important;
}
.lois.touchscreen p.lois-form-row> .button,
.lois.touchscreen p.lois-form-row input[type=submit],
.lois.touchscreen p.lois-form-row input[type=button] {
	padding: 0.7em;
}
.lois-product-breadcrumb,
.lois-product-flag {
	display: none !important;
}

/*=====================
HOVER STATES
=====================*/

/*
span.addToBagButtonWrap:hover  {
	background-color:#ABD6AE;
	color:#2a3039;
}
span.addToBagButtonWrap:hover:before {
font-family:"icomoon";
content:"\e917";
color:#2a3039;
}
span.addToBagButtonWrap input:hover {
	background-color:#ABD6AE !important;
color:#2a3039 !important;
} */

/*=========================
WISHLIST BUTTON SINGLE PRODUCT
=========================*/

/* WISHLIST WRAP */

/* WISHLIST WRAP */
.single-product span.addToWishlistButtonWrap {
	display: inline-block;
}

/* WISHLIST BEFORE */
.single-product span.addToWishlistButtonWrap:before {
	font-family: "icomoon";
	content: "\e91d";
	color: #2a3039;
	font-size: 20px;
}

/* WISHLIST INPUT */
.single-product span.addToWishlistButtonWrap input {
	/*visibility: hidden;*/
}
@media only screen and (min-width:900px) {
.single-product	span.addToWishlistButtonWrap input {
		/* remove input */
		display: none !important;
	}
.single-product	span.addToWishlistButtonWrap {
		margin: 0 20px;
	}
}

/*=========================
SHARE BUTTON
=========================*/

/* SHARE BEFORE */

/* Hide share Text != form data n/a input */
.single-product span.share-button span.share-text {
	display: none;
}

/* SHARE BEFORE */
.single-product span.share-button:before {
	font-family: "icomoon";
	content: "\e91e";
	font-size: 26px;
	cursor:pointer
}

/*
span.addToWishlistButtonWrap:hover {
	background-color:#2a3039;
}
*/

/* ============================
MEDIA TRANSFORM BUTTONS
=============================*/
@media only screen and (max-width:900px) {
	/* BUTTON WRAPPER SPAN % + POSITIONS*/
	.single-product div.product-buttons-container {
		margin: auto;
	}
	.single-product span.addToBagButtonWrap {
		padding: 20px 0;
		/* remove padding on sides n/a */

		width: 100%;
		/* 100% container at 500px */

		text-align: center;
		/* align input */

		margin-bottom: 20px;
	}
	/* WISHLIST TRANSFORM */
	.single-product span.addToWishlistButtonWrap {
		background-color: #ededed;
		width: 48%;
		float: left;
		padding: 20px 0;
		text-align: center;
		/* center input */

		margin-bottom: 20px;
	}
	.single-product span.addToWishlistButtonWrap input[type=submit] {
		border: none;
		background-color: #ededed !important;
		color: #000 !important;
	}
	/*INPUT under 900px reappear */
	.single-product span.addToWishlistButtonWrap input[type=submit] {
		visibility: visible;
		cursor: pointer;
		text-transform: lowercase;
	}
	/*SHARE TEXT under 900px reappear */
	.single-product span.share-text {
		visibility: visible;
		cursor: pointer;
		text-transform: lowercase;
	}
	/* SHARE TRANSFORM */
	.single-product span.share-button {
		background-color: #ededed !important;
		width: 48%;
		float: right;
		text-align: center;
		/* center input */
		/* match up to look like wishlist input */

		padding: 18px 0;
		/* touch padding */

		cursor: pointer;
	}
	/*Share-text under 900px reappear */
	/* Hide share Text != form data n/a input */
	.single-product span.share-button span.share-text {
		display: inline-block;
		/* match up to look like wishlist input */

		margin-left: 10px;
		/* touch margin */

		font-size: 18px;
	}
	/* END MEDIA QUERIES */
}

/* ========================================
MEDIA TRANSFORM BUTTONS 3RD BREAKPOINT 450
=========================================*/
@media only screen and (max-width:450px) {
	.single-product span.share-button {
		width: 100%;
	}
.single-product	span.addToWishlistButtonWrap {
		width: 100%;
	}
}

/*
=================================================
SINGLE PRODUCT ACCORDION
=================================================
*/

/* ICONS ACCORDION */
.type-product div.accordion h3::after {
	font-family: 'icomoon';
	content: "\e900";
	float: right;
	font-size: 16px;
}
.type-product div.accordion h3.selected::after {
	content: "\e906";
	font-size: 16px;
}
.type-product div.pane {
	padding-bottom: 20px !important;
	color:#777777;
}

/*
=================================================
SINGLE PRODUCT IMAGE
=================================================
*/
.type-product .lois-product-image {
	text-align: center;
	overflow: visible !important;
}
.type-product .lois-product-details .lois-product-media {
	margin-top: 40px;
}
@media only screen and (max-width:900px) {
	.type-product .lois-product-details .lois-product-media {
		margin-top: 0px;
		overflow: inherit;
	}
}
@media screen and (min-width: 768px) {
	.type-product .lois-product-details .lois-product-media .lois-product-image {
		float: none;
		overflow: visible;
		width: 100%;
	}
}
.type-product .lois-product-details .lois-product-media .lois-product-image .lois-product-imagepic {
	width: 300px;
	margin:50px;
}
@media only screen and (max-width:900px) {
	.type-product .lois-product-details .lois-product-media .lois-product-image .lois-product-imagepic {
		max-width: 300px;
		width: 100%;
		height: auto;
		margin: 10% 5% 5% 5%;
	}
}
.type-product .lois-product-thumbnails {
	text-align:center;
	max-width:400px;
	width:100%;
	margin:auto;
}

/* Target the image and not the surrounding a */
.type-product .lois-product-details .lois-product-media .lois-product-thumbnails img {
	/*
	border: 1px #2a3039 solid;
	*/
}

/*
=================================================
SINGLE PRODUCT THUMBNAILS
=================================================
*/
.type-product .lois-product .lois-product-thumbnails {
	background-color: #ffffff;
}

/*
.type-product .lois-product-details .lois-product-media .lois-product-thumbnails a {
	border: #5c5c5d 1px solid;
	margin-right: 20px;
}
*/

/*
=================================================
SINGLE PRODUCT CAROUSEL
=================================================
*/

/* align container carousel content centre for product single */
div.product-single-carousel {
	text-align: center;
	margin-top: 120px;
}
div.product-single-carousel .overlay img {
	width: auto;
}

/* product single header area */
.product-single-carousel h2 {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.2em;
	font-size: 26px;
	text-align: center;
	margin-bottom: 20px;
	color: #2a3039;
}
.product-single-carousel a.product-single-carousel-header {
	text-decoration: underline;
	text-align: center;
	margin-bottom: 70px;
	display: block;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #2a3039;
}

/* HIDE THE LINK */
a.product-single-carousel-header {
	display:none !important;
}
/* ADD MARGIN TO REPLACE HIDDEN LINK */
.carousel-outfit-addition {
margin-top:100px;
}




/* defualt carousel title */
.product-single-carousel .linetitle {
	display: none;
	margin-top: 120px;
}

/* outer inner areas carouel */
.product-single-carousel .lois-listing-outer-carousel {
	max-width: 1060px;
	/* includes handles */
	margin: auto;
	/* center the carousel */
}
.product-single-carousel .visible-area {
	max-width: 1000px;
}

/* arrows for carousel product single */
.product-single-carousel .lois-listing-outer-carousel .left-arrow {
	background-color: #ffffff;
}
.product-single-carousel .lois-listing-outer-carousel .left-arrow:before {
	content: "\e903";
	font-family: "icomoon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 0;
}
.product-single-carousel .lois-listing-outer-carousel .right-arrow {
	background-color: #ffffff;
}
.product-single-carousel .lois-listing-outer-carousel .right-arrow:before {
	content: "\e904";
	font-family: "icomoon";
	font-size: 50px;
	position: absolute;
	top: 50%;
	right:0;
	margin-top: -50px;
}

/*
.product-single-carousel .lois-listing-outer-carousel .left-arrow{
background-color:whitesmoke;
}
.product-single-carousel .lois-listing-outer-carousel .right-arrow{
background-color:whitesmoke;
}
*/

/* space out the image */

/*.product-single-carousel img {
	margin: 0 65px;
}*/

/* INFO STYLES */
.product-single-carousel span.brand {
	display:block;
	font-size:1.1em;
}
.product-single-carousel span.title {
	display:block;
	color:#999;
}
.product-single-carousel .offers {
	color:#999;
}

@media only screen and (max-width:900px) {
.product-single-carousel span.title,
.product-single-carousel span.brand,
.product-single-carousel .offers{
color:#2a3039;
}
}



@media only screen and (max-width:900px) {
	.product-single-carousel .offers {
		float: none;
	}
}

/*===================================
FIX OVERIDE LOIS CAROUSEL SET SIZES
===================================*/
.lois-listing-outer-carousel img {
	width: 150px !important;

}
*/
/* LOIS CAROUSEL OVERIDE */
.lois .lois-product-details .lois-product .lois-listing-outer-carousel .lois-product {
	width:320px;

}

/* PRODUCT SINGLE CAROUSEL INFORMATION */
.product-single-carousel .lois-carousel .lois-product .lois-product-info {
	margin-top: 20px;
	display: block !important;
	position: initial;
}
@media only screen and (max-width: 900px) {
	.product-single-carousel .lois-carousel .lois-product .lois-product-info {
		font-weight: bold;
	}
}
@media only screen and (max-width: 900px) {
	.offers {
		font-weight: bold;
		max-width: 100%;
		margin-top: 1em;
	}
}@media only screen and (max-width: 350px) {
	.offers {
		float: none;
	}
}

/*======================================
COMPLETE OUTFIT CAROUSEL
======================================*/
.complete-outfit-carousel-container {
	max-width:1100px;
	width:100%;
	margin:auto
}
.carousel-outfit-addition .lois-product img {
	max-width:200px;
	width:100%;
	height:auto;
}
.carousel-outfit-addition .lois-product-info {
	margin:0 !important;
}
.carousel-outfit-addition .type-product .lois-product .lois-product-info .brand {
	font-size:18px !important;
	margin-top:20px;
}
.carousel-outfit-addition {
	margin-bottom:100px;
}

/* END COMPLETE OUTFIT CAROUSEL */

/*
====================================================
LISTING PRODUCT
====================================================
*/
.type-listing h1.entry-title {
	/*display: none;*/
}
.type-listing .lois-product {
	border-top: 1px solid #ededed;
	border-right: 1px solid #ededed;
	border-bottom: #ededed 1px solid;
	border-left: #ededed 1px solid;
}

/* LISTING FRAMEWORK - FILTERS 3/4 */
.type-listing .lois-product {
	width: 33%;
}

/* reset to 100% smaller screens */
@media only screen and (max-width:900px) {
	.type-listing .lois-product {
		width: 100%;
	}
}
.type-listing .lois-product .lois-product-info {
	margin: 30px;
}

/* Remove lois listing bar */
.type-listing .lois-listing-bar {
	display: none;
}
.lois .lois-listingV2 {
	overflow: visible;
}
.type-listing .lois-listing-options ul li {
	font-size: 18px;
}

/* OVERIDE LOIS THEME DISPLAY NONE */
@media screen and (max-width: 900px) {
	.lois .lois-listingV2 .lois-listing-options {
		/*display: block !important;*/

		/*display: none;*/
	}
}

/* FIX FILTERS */
.lois-property-filters-categories-layer ul#lois-categorisation-filters-categories
{
	display: none !important;
}





.single-listing .lois-product .overlay,
.search .lois-product .overlay
{
/*min-height:430px !important;*/
}

/*=======================================
FIX IMAGE LISTING IMAGE SIZES [!RANDOM]
=======================================*/
/*.single-listing .lois-products img {
max-width:400px !important;
max-height:400px!important;
}*/






/*
=================================================
LOIS LISTING BRANDS
=================================================
*/

/* remove image + info on brands */
.type-listing .lois-listing-header-image {
	display: none;
}
.type-listing .lois-listing-header {
	display: none;
}

/*
=================================================
LOIS LISTING IMAGES
=================================================
*/
.lois .lois-listingV2 .lois-product .lois-product-image {
	padding: 30px 20%;
}

/*
=================================================
LOIS LISTING INFORMATION
=================================================
*/

/* SALE */

.fullprice{
	display: block;
}

.lois .discountedprice:before {
	content: "SALE ";
}

/* SALES PRICE */
.lois span.discountedprice {
	background-color: red;
	color: #ffffff;
	padding: 5px 10px;
	display: inline-block;
	font-weight: bold;
}

/* View more */

/* global colour */
.lois-product-viewmore {
	color: #777;
}
.lois-product-viewmore h3 {
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 10px;
}
.lois-product-viewmore a {
	display: block;
	text-decoration: underline;
	color: #777;
}
.lois-product-viewmore {
	border-bottom: #abd6ae 1px solid;
	padding-bottom: 20px;
}

/* brand */
.type-listing .brand,
.type-listing .title {
	font-size: 14px !important;
}

/* Reduce default uppercase */
.type-listing .lois-product .lois-product-info .brand {
	text-transform: initial;
	display: block;
}

/* Listing information */
.type-listing .lois-product .lois-product-info {
	margin: 0;
	padding: 20px 20px 10px 20px;
	overflow: auto;
}

/* Prices on right */
.type-listing .offers {
	float: right;
	font-weight: bold;
	font-size: 16px;
}


@media only screen and (max-width:1000px) {
	.type-listing .brandname {
	width:100%;
	}
}



/* hide color */
.type-listing span.colour {
	display: none !important;
}

/* Add line to top of product info */
.type-listing div.lois-product-info {
	border-top: #ededed 1px solid;
	padding-bottom: 20px;
}



/* Brand name */
.type-listing .brandname {
	float: left;
	padding-bottom: 20px;
	min-height:100px; /* Allows room for longer titles */
	width:70%; /* fixes discrepancy with grid on listing */
}


/* CORRECT GRID LAYOUT SMALLER SCREENS */

@media only screen and (max-width:1200px) and (min-width:900px) {
.type-listing .lois-product-info .brandname{
width:100%;
}	
.type-listing .offers {
float:left;
}		
}







/*
=================================================
LOIS LISTING SIDEBAR FILTER LIST
=================================================
*/
.product-listing-header h1 {
	background: #ededed;
	padding-left: 50px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 30px 0 30px 50px;
}
.single-listing .entry-header {
	background-color:#ededed;
	padding: 20px;
}


.single-listing .entry-header h1 {
	margin:0;
	padding:0 0 0 30px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.4em;
	color:#2A3039;
}
@media only screen and (max-width:900px) {
	.product-listing-header h1 {
		text-align: center;
		padding: 30px 0 30px 0;
	}
}

/* remove absolute and make static clears content under */
@media screen and (max-width: 900px) {
	.lois-listing-options .lois-categorisation-filters {
		position: static !important;
	}
}

/* reset to 100% */
@media screen and (max-width: 900px) {
	.lois-listing-options .lois-categorisation-filters .lois-property-filters-layer {
		width: 100% !important;
	}
}


/* hide top filter clear */
#clearallfilters1 {
	display: none;
}
.lois-listing-options {
	width: 25%;
	border-right: 1px solid #ededed;
	font-size: 14px !important;
}

/* reset to 100%  smaller screens */
@media screen and (max-width: 900px) {
	.lois-listing-options {
		width: 100%;
	}
}
.lois .lois-listingV2 .lois-listing-bar {}
.lois-listing-options {
	border-bottom: #ededed 1px solid;
}
.lois-listing-options h4 {
	font-weight: normal;
	border-top: #ededed 1px solid;
	border-left: #ededed 1px solid;
	padding-left: 50px;
	font-size: 18px;
	padding: 35px 0;
	margin: 0;
}
.lois-listing-options h4 {
	padding-left: 50px;
}
.lois-listing-options ul {
	padding-left: 50px !important;
}
.lois-categorisation-filters-subgroups {
	padding-bottom: 50px !important;
}
.lois-listing-options ul li.heading {
	font-style: normal !important;
}
.lois-listing-options .layeredaccordion ul {
	padding: 0 0 50px 0;
}
#clearallfilters2 {
	/*padding: 35px 0 35px 50px;
	display: inline-block;
*/
	display: none;
}
li.heading {
	padding: 10px 0;
}
.lois-listing-options ul li:before {
	margin-right: 1em !important;
}
.lois-listing-options h4:after {
	content: "\e902";
	font-family: icomoon;
	float: right;
	margin-right: 40px;
	font-size: 16px;
	color: #000000;
}
.lois-listing-options h4.selected::after {
	content: "\e906";
	font-family: icomoon;
	font-size: 14px;
	font-weight: normal;
}

/* Hide filter toggle on desktop screens */
@media only screen and (min-width:900px) {
	.filter-toggle {
		display: none;
	}
}
.filter-toggle {
	border-top: #ededed 1px solid;
	border-left: #ededed 1px solid;
	padding: 20px 0 15px 0;
	/*text-align: center;*/
	-webkit-overflow-scrolling:touch;
}
.filter-toggle span {
  padding-left:50px;
  font-size:18px;
}
.show-filters:after {
	content: "\e902";
	font-family: icomoon;
	font-size: 18px;
	color: #000000;
	display:inline-block;
	margin-left:20px;
  float:right;
  margin-right:40px;
}


/*
@media only screen and (max-width:900px) {
	.lois-categorisation-filters {
		display: none;
	}
}
@media only screen and (min-width:900px) {
	.lois-categorisation-filters {
		display:block !important;
	}
}
*/
/*===========================================
LOIS CATEGORISATION FILTERS
===========================================*/
/* ADDITION ADDED TO FILTERS VIA JQUERY */
.filter-container-addition {
display:none;
}

@media only screen and (min-width:900px) {
	.filter-container-addition {
display:block !important; /* OVERDIDE THE JQUERY TOGGLE */
}
}


/*=======================================
LOIS LISTING QUICK SHOP
=======================================*/
/* ECOMMERCE FUNCTIONS LISTING */
/* Remove time stamp */
.quickbuy .lois-product-timestamp {
display:none;
}

/* HIDE LABEL */
.quickbuy p.lois-product-sizes label{
display:none !important;
}

/* SELECT */]

.quickbuy .lois-form p.lois-form-row,
.quickbuy .lois-form p.lois-form-row {
margin: 0;
padding:0em !important;
overflow: auto;
}


.quickbuy .lois-product-actions,
.quickbuy .lois-form-row,
.quickbuy .stockclass {
width:48%;
/*border: blue 1px dotted;*/
float:left;
padding:0 !important;
	text-align:right;
}

.quickbuy .stockclass {
	text-align:left;
} 
/* remove default padding on p elements */
.quickbuy p.stockclass {
	margin-bottom:0px;
} 

/* HIDE SIZE GUIDE */
.quickbuy .lois-product-sizeguide {
display:none;
}



.quickbuy p.lois-product-sizes select {
width:90% !important;
float:left;
border:none !important;
font-family: 'Poppins', sans-serif !important;
font-size:16px !important;
}



/* ADD BAG BUTTON */
.quickbuy span.addToBagButtonWrap {
background-color:transparent;
}

.quickbuy span.addToBagButtonWrap input {
background-color:transparent !important;
	color:#000000!important;
	text-transform:lowercase;
	font-size:14px;
}

.quickbuy span.addToBagButtonWrap {
padding:0;
margin:0;
display:inline-block;
}

.quickbuy span.addToBagButtonWrap:before {
color:#000000;
}


.quickbuy span.addToWishlistButtonWrap input {
display:inline-block;
background-color:transparent !important;
border:none;
color:#000000 !important;
text-transform:lowercase;
}

.quickbuy .lois-form {
border-top:1px solid #ededed;
}



.quickbuy .lois-form {
padding-top:20px;
}

.quickbuy span.addToWishlistButtonWrap input {
font-size:14px;
}

.quickbuy span.addToWishlistButtonWrap:before {
    font-family: "icomoon";
    content: "\e91d";
    color: #2a3039;
    font-size: 20px;
}


.quickbuy .addToBagButtonWrap {
/* remove float and use dom to move objects*/
float:none;
}
/* remove the dropdown for the quantity */
.quickbuy p.lois-product-quantity  {
display:none;
}





/* ==============================
BUTTONS QUICK BUY < 1820
===============================*/
/* TRANSFORM BUTTONS 1820px - 900px BREAKPOINT */
/* Transform buttons 1820px */
@media only screen and (max-width:1820px) and (min-width:900px) {
/* display 100% block elements wraps */
.quickbuy .addToWishlistButtonWrap,
.quickbuy .addToBagButtonWrap{
display:block;
text-align:left;
padding:10px 20px !important;
width:100%;
text-align:center;
}
/* block form rows */
.quickbuy .lois-form-row {
width:100%;
display:block;
}
}




/* ====================================
MOBILE BUTTONS UNDER PRODUCT QUICK BUY
=====================================*/
/* Transform buttons 450px */
@media only screen and (max-width:450px) {
/* display 100% block elements wraps */
.quickbuy .addToWishlistButtonWrap,
.quickbuy .addToBagButtonWrap{
display:block;
text-align:left;
padding:10px 20px !important;
width:100%;
text-align:center;
}
/* block form rows */
.quickbuy .lois-form-row {
width:100%;
display:block;
}
}

.quickbuy .lois.touchscreen p.lois-form-row input[type=submit] {
padding:0 0.2em;
margin:0 0.7em 0 0;
}
/* remove the attached share button from listing */
.quickbuy span.share-button {
display:none;
}



/* FIX QUICKBUY SELECT & STOCK [1PX Increase grid alignment] */
.quickbuy .lois-product-sizes {
/*border: green 1px dotted;*/
min-height:29px;	
}

.quickbuy .stockclass {
/*border: blue 1px dotted;*/
min-height:30px;	
}

 
/*============================================
SINGLE INTERNAL PAGES
============================================*/

/* reduce main container in single internal only */
.single-internalpage #main {
	max-width: 1600px;
	margin: auto;
}
.single-internalpage header {
	background-color: #ffffff;
}
.single-internalpage h1 {
	font-weight: normal;
	background-color: #ffffff;
	color: #2A3039;
}
.single-internalpage form label,
.single-internalpage form input,
.single-internalpage form select {
	font-family: 'Poppins',
	sans-serif !important;
	display: block;
	max-width: 680px !important;
}
.single-intenralpage form input[type=submit],
.single-internalpage form a.button,
.single-internalpage form input[type=button],
.lois-form input[type=submit] {
	background-color: #2A3039 !important;
	color: #abd6ae !important;
	/*Fade in*/
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}
.single-intenralpage form input[type=submit]:hover,
.single-internalpage form a.button:hover,
.single-internalpage form input[type=button]:hover,
{
	background-color: #abd6ae !important;
	color: #2a3039 !important;
	/*Fade in*/
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

/* FORM INPUTS */
.single-internalpage form input[type=email],
.single-internalpage form input[type=password],
.single-intenralpage form input[type=text],
.single-intenralpage form input {
	max-width: 400px !important;
	padding: 10px 5px;
}
.single-internalpage .button,
.lois-basketV2 input[type=submit] {
	float: right;
	margin: 10px;
	border: none;
	text-transform: uppercase;
	font-weight: normal;
}
.single-internalpage a.button {
	padding: 10px;
	text-transform: uppercase;
	font-family: 'Poppins',
	sans-serif !important;
}

/*===============================
LOIS BASKET WISHLIST
===============================*/

/* AJAX ADD BAG MODAL */

.lois .modal .dialog h1 {
text-transform:uppercase;
}

.lois .modal input[type=button] {
color: #abd6ae !important;
background-color: #2a3039;
font-family: 'Poppins', sans-serif;
text-transform:uppercase;
}
}



a.remove:before {
    content: "\2716";
  text-align:center;
}
.lois-form .lois-wishlist table td,
.lois-form .lois-basketV2 table td,
.lois-basketV2 table thead th
/*.lois-form .lois-basketV2 table th,*/
/*.lois-form .lois-wishlist table th*/
{
text-align:center;
}
 
.lois-basketV2 table tbody {
font-size:14px;
}

/*===========================================
BASKET GENERATED SCSS : 1
===========================================*/
.lois-basketV2 #shareMyWishlist, .lois-wishlist #shareMyWishlist {
 display: none; }
.lois-basketV2 .noitems, .lois-wishlist .noitems {
 padding: 40px; }
.lois-basketV2 table, .lois-wishlist table {
 border: none; }
 .lois-basketV2 table td, .lois-basketV2 table th, .lois-wishlist table td, .lois-wishlist table th {
 border: none;
 padding: 5px;
 vertical-align: middle; }
 .lois-basketV2 table .bottomactions, .lois-wishlist table .bottomactions {
 text-align: right; }
 .lois-basketV2 table thead th, .lois-wishlist table thead th {
 border-top: none;
 border-bottom: none;
 border-bottom: solid 1px #888;
 border-left: none;
 border-right: none;
 padding: 10px 5px; }
 .lois-basketV2 table thead tr:first-of-type th, .lois-wishlist table thead tr:first-of-type th {
 display: none;
 padding: 0; }
 .lois-basketV2 table tbody, .lois-wishlist table tbody {
 margin-top: 10px; }
 .lois-basketV2 table tbody td, .lois-wishlist table tbody td {
 border-bottom: solid 1px #888;
 border-left: none;
 border-right: none;
 vertical-align: top;
 padding-top: 40px; }
 .lois-basketV2 table thead th.item_column, .lois-wishlist table thead th.item_column {
 padding-right: 40px; }
 .lois-basketV2 table .qty_column, .lois-wishlist table .qty_column {
 text-align: center; }
 .lois-basketV2 table .qty_column p, .lois-wishlist table .qty_column p {
 margin: 0 !important; }
 .lois-basketV2 table .qty_column input, .lois-wishlist table .qty_column input {
 width: 45px; }
 .lois-basketV2 table tbody td.item_column, .lois-wishlist table tbody td.item_column {
 padding-top: 5px;
 width: 120px;
 padding-right: 40px; }
 .lois-basketV2 table tfoot tr:first-of-type td, .lois-wishlist table tfoot tr:first-of-type td {
 border-top: solid 1px #888; }
 .lois-basketV2 table tfoot td, .lois-wishlist table tfoot td {
 padding: 0; }
 .lois-basketV2 table tfoot td.price_column, .lois-wishlist table tfoot td.price_column {
 padding-top: 1em;
 padding-bottom: 1em;
 padding-right: 5px; }
.lois-basketV2 .brand, .lois-wishlist .brand {
 display: block;
 font-weight: bold;
 margin-bottom: 0.5em; }
.lois-basketV2 .title, .lois-wishlist .title {
 display: block; }
.lois-basketV2 a.button, .lois-basketV2 input[type=submit], .lois-wishlist a.button, .lois-wishlist input[type=submit] {
 border: none;
 padding: 0.5em 3em;
 background-color: #F0CAC9;
 text-transform: uppercase;
 font-size: 1.1em;
 letter-spacing: 1px; }
.lois-basketV2 a.remove::before, .lois-wishlist a.remove::before {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 content: "\e6fd"; }
.lois-basketV2 a.send, .lois-wishlist a.send {
 display: block;
 margin-top: 1em;
 font-style: italic;
 text-decoration: underline;
 font-family: serif; }
.lois-basketV2 .sizespan, .lois-wishlist .sizespan {
 display: none; }
.lois-basketV2 .qtyspan, .lois-wishlist .qtyspan {
 display: none; }
.lois-basketV2 .pricespan, .lois-wishlist .pricespan {
 display: none; }

@media screen and (max-width: 700px) {
 body .lois-basketV2 .topactions a {
 display: none; }
 body .lois-basketV2 .size_column {
 display: none; }
 body .lois-basketV2 .qty_column {
 display: none; }
 body .lois-basketV2 .qtyspan {
 display: block; }
 body .lois-basketV2 .sizespan {
 display: block; }
 body .lois-basketV2 .item_column {
 padding-right: 20px; }
 body .lois-basketV2 .bottomactions a {
 padding: 0.5em 1em; } }
@media screen and (max-width: 480px) {
 body .lois-basketV2 .price_column {
 display: none; }
 body .lois-basketV2 .pricespan {
 display: block; }
 body .lois-basketV2 .item_column {
 width: 70px;
 padding-right: 5px;
 padding-top: 15px; }
 body .lois-basketV2 .item_column img {
 width: 100%; }
 body .lois-basketV2 tbody .remove_column {
 padding-top: 5px; }
 body .lois-basketV2 tbody .description_column {
 padding-top: 5px; }
 body .lois-basketV2 .bottomactions input {
 width: 100%; }
 body .lois-basketV2 .bottomactions a {
 margin-top: 5px;
 display: block;
 text-align: center;
 padding: 0.5em 1em; } }

.basket2foot {
 margin-top: 2em;
 margin-bottom: 2em;
 text-align: right;
 width: 50%;
 margin-left: 50%; }
 @media screen and (max-width: 700px) {
 .basket2foot {
 width: 100% !important;
 margin-left: 0 !important; } }


/*===============================
LOIS CHECKOUT
===============================*/
.lois-checkout3 .right {
	width:30% !important;
}

@media screen and (max-width: 900px){
.lois-checkout3 .right {
    width: 100% !important;
    float: none;
    margin-left: 0;
}
}

.reqstart {
  color:red;
  font-size:16px;
  margin-left:5px;
}

.lois-formelement input[type=radio] {display:inline;}
.lois-checkout3 .left .lois-form-row label {
  display:inline;
}
.lois-checkout3 input[type=submit] {
  margin-bottom:1em;
}

.lois-checkout3 .right .checkoutbox:last-of-type {
background-color: black;
color:#ffffff;
}

.lois-checkout3 .right .brand,
.lois-checkout3 .right .title,
.lois-checkout3 .right .size,
.lois-checkout3 .right .price
{
width:100% !important;
display:block !important;
font-family: 'Poppins', sans-serif !important;
}

.lois-checkout3 .right .quantity {
position:static !important;
bottom:20px;
}

.lois-checkout3 form.checkout3_stage_Totals span {
    width: 100%;
    display: inline;
    text-align: right;
}

.lois-form a.remove:before {
	font-family: "icomoon";
	content: "\e906";
}

input#sagepay{
	display: inline;
	margin-right: 3px;
}
	
#paymentIframe{
	height: 480px;
}



/*==============================================
LOIS SEARCH RESULTS
===============================================*/

/*
[body.search]
*/
/* remove the listing bar on search results */
.search .lois-listing-bar {
	display:none;
}



.search-header {
margin-bottom:50px;	
}
/* STORES SHORTCODE */
.store-buttons a {
  background-color:#000000;
  text-align:center;
  text-transform:uppercase;
  padding:20px 50px;
  color:#ffffff;
  text-decoration:none;
  display:block;
}
/* reset to 100% smaller screens */
@media only screen and (max-width:900px) {
.search-results .lois-product {
width: 100% !important;
}
}

/* STORES SHORTCODE */
.store-buttons a {
  background-color:#000000;
  text-align:center;
  text-transform:uppercase;
  padding:20px 50px;
  color:#ffffff;
  text-decoration:none;
  display:block;
}


/*========================================================================
DESIGNERS LOOPS CSS GRID 4 WITH IMAGES RESPONSIVE
=========================================================================*/


/* DESIGNERS PAGE */
@media (max-width: 900px) {
.designer-img .content-container {
padding-right:15px !important;
text-align: center;
}
.designer-img .content-container h1 {
  text-align: center;
}
}

.designer-img .content-container{
  height:349px;
  width:100%;
  overflow: hidden;
  background-size: 100%;
  background-image: url("https://www.freedomsurf.co.uk/wp-content/themes/freedom/lib/images/Courtyard-designers.jpg");
  background-repeat: no-repeat;
  /*background-position: right top;*/
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#ffffff;
  padding-right:100px;
  padding-top: 50px;
  text-align: right;
}
@media (max-width: 900px) {
  .designer-img p{
    text-align:center;
  }
  .designer-img{
    padding:0px;
  }
  .designer-img h1 {
    text-align: center;
  }
}

.designer-img h1 {
  text-align: right;
}
.designer-img a{
  color:#ffffff;
}
.designer-img a:hover {
  text-decoration: underline;
  color:#ffffff;
}
.designer-img p {
  font-size: 1.2em;
}

#designers-heading p {
  font-size: 1.2em;
  text-align: center;
}

#designers-heading h1 {
  padding: 50px 0px 50px 0px;
  text-align: center;
  margin: 0;
}
#designers-heading h2 {
  padding: 50px 0px 50px 0px;
  text-align: center;
  margin: 0;
  font-size:2.5em;
}
#designer-grid h3 {
  color: #000000;
}

#designer-grid p {
  font-size: 1.2em;
  color: #000000;
}

#designer-grid img {
  width: 100%;
  height: auto;
}


#designer-grid li {
list-style:none;
}

/* DESIGNERS GRID */

#designer-grid {
margin-bottom: 50px;
}
ul.designersaz li {
list-style:none;
}
li.bti h2{
display:none;
}


/*=====================================
DESIGNERS FRONT PAGE 
======================================*/
#designer-grid-front .thumbnail {
width:210px;
height:210px;   
margin:3px 30px 30px 0px;  
}

/* split into thirds !100% */
@media only screen and (max-width:900px) {
#designer-grid-front .col-5th {
width:33%;
}
#designer-grid-front .thumbnail {
width:180px;
max-height:180px;    
max-margin:10px 10px 10px 0px;  
}
}


#designer-grid-front .thumbnail:after{
    content: '.';
    visibility: hidden;
}


#designer-grid-front li {
list-style:none;  
}

/*========================================
GRID THUMBNAILS 
========================================*/

#designer-grid .col-3 {
overflow:hidden;  
}

#designer-grid .col-3:nth-child(4n+1) {
clear:left;
}

#designer-grid li {
 margin-right: 10px;
	margin-bottom: 30px;
}

.thumbnail {
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
background-position: top center; 
margin:auto;
    width: 100%;
  height:auto;
  overflow: hidden;
  position: relative;
  width:220px;
  height:220px;
}




/* LOOP GRID [5 - RESPONSIVE  3] */

/* responsive square */
#loop-grid  .square { 
    position: relative;
    text-align: center;
    /*width: 50%;*/
  width:100%;
  }
 #loop-grid .square:after {
    content: ""; /* puts content into empty div */
    display: block;
    padding-bottom: 100%; /* fixes the empty space */
  }
 #loop-grid .content {
    position: absolute;
    width: 100%;
    height: 100%;
    /*border:blue 1px dotted;*/
  }
#loop-grid .bg-image {
  background-position: top center;
  background-size:cover;
}
/* margins container balance*/
#loop-grid {
  padding-left:20px;
  background:#ffffff;
}
/* specific padding */
#loop-grid  .col-3 {
padding:20px 20px 20px 0px;
}
@media only screen and (max-width:900px) {
#loop-grid  .col-3 {
    max-width:350px;
    height:auto;
}
  
#loop-grid .bti {
margin:auto;
}
}


/* END LOOP GRID */



/* LOOP GRID [5 - RESPONSIVE  3] */

/* responsive square */
#loop-grid-front  .square { 
    position: relative;
    text-align: center;
    /*width: 50%;*/
  width:100%;
  }
 #loop-grid-front .square:after {
    content: ""; /* puts content into empty div */
    display: block;
    padding-bottom: 100%; /* fixes the empty space */
  }
 #loop-grid-front .content {
    position: absolute;
    width: 100%;
    height: 100%;
    /*border:blue 1px dotted;*/
  }
#loop-grid-front .bg-image {
  background-position: top center;
  background-size:cover;
}
/* margins container balance*/
#loop-grid-front {
  padding-left:20px;
  background:#ffffff;
}
/* specific padding */
#loop-grid-front  .col-5th {
padding:20px 20px 20px 0px;
}
@media only screen and (max-width:900px) {
#loop-grid-front  .col-3 {
    max-width:350px;
    height:auto;
}
  
#loop-grid-front .bti {
margin:auto;
}
}


/* designers-loop-count */
.designers-loop-count li {
list-style:none;
}


/* END LOOP GRID */

/*==========================
LOIS LOGIN
==========================*/


.lois-login .lois-form-fifty-fifty p.lois-form-row > input[type=submit]:first-child,
.lois-login .lois-form-fifty-fifty ul.lois-form-row.error {
	margin:0 20px 0 0;
}

.lois-login {
	margin-bottom:50px;
}


/* ======================
ACCOUNT PAGE 
=======================*/

/* WHOLE DIV */
/*.lois-account */

.lois-account .columns2 .leftcolumn {
overflow: visible;	
}

.lois-account .columns2 .rightcolumn {
overflow: visible;	
width:48%;
float:right;	
}


.lois-account .box {
width:100%;
height:100%;	
}

.lois-account .columns2 {
overflow:visible;
}


.lois-account form label, 
.lois-account form input, 
.lois-account form select {
    display: block;
    max-width: 680px !important;
	float:left;
}

.lois-form-fifty-fifty p.lois-form-row > input:first-child {
margin-left:0%;
}



.logged-in h1{
margin-left:15px;	
}



/*===============================
PLUGINS
===============================*/
.wpst-sticker-note .textarea {
	font-size:10px !important;
	text-transform:uppercase;
}
.wpst-sticker-note header {
	background-color:#000000;
}




/*===============================
FILTERS - FINISHING TOUCHES
===============================*/

.single-listing ul#lois-categorisation-filters-subgroups li.heading{	
	padding-bottom: 0px !important;	
}

.single-listing li.heading-blank{
	padding-top: 20px !important;
}

.tier_2{
	margin-left: 15px;
}

.tier_3{
	margin-left: 30px;
}