/* ***************************************** */
/*  Put all modifications in this sheet*/
/* ***************************************** */
.primary-nav a {
	/*padding: 0rem 1.3rem;*/
}

.error{
	background-color:#fff;
}

/* Cookies Message */
.cookie-message { 
    background-color: rgb(243, 243, 243);
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: black;
	position: fixed;
	width: 100%;
	z-index: 20;
	top: 93%;
	padding: 20px 0px;
	font-family: 'EauDouceSansLight', Arial, Helvetica, sans-serif;
	font-size: 2rem;
	
}

.coming-soon {
	/*color: grey !important;*/
	-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, grey 0 0.1em 3px, grey 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px !important;
	box-shadow: inset rgba(255, 255, 255, 0.1) 0 0.3em 0.3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em 0.3em, grey 0 0.1em 3px, grey 0 0.3em 1px, rgba(0, 0, 0, 0.2) 0 0.5em 5px !important;
	text-shadow: grey 0 1px 0 !important;
	background-color: grey !important;
}

.coming-soon:hover {
	background-color: grey !important;
}

.cookie-message a { 
	float: right;
	padding-right:10px;
}

/* Info Page Tables */
.info-table {
	font-size:13px;
	text-align:center;
	width:100%;
}

.info-table th, .info-table tr, .info-table td{
	border: 1px solid lightgray;
	padding:8px;
}

.info-table th{
	text-align:center;
	font-weight:bold;
}

.info-table .info_a{
	width:20%;
}
.info-table .info_b{
	width:38%;
}
.info-table .info_c{
	width:38%;
}

.info-table-td-b {
	font-weight:bold;
}

/* Basket Listing Image Size */
.layouts-basket .img{
	height:150px;
}

.layouts-basket .b .img {
	width:30.78%;
}

/* reduces size of navigation menu of the site - categories */
.primary-nav li a {
	padding: 17px 13px;
}

/* Basket dropdown sign */
a.shield-trigger:after{
	content: "\f107";
}

/* Basket Listing Image Size */
.layouts-basket .b .my-account-img{
	width:31.78%;
	float: left;
	margin-right: 8.69565%;
	display: inline;
}

.my-account-img {
	position:relative;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

.contain .my-account-img{
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.layouts-basket .my-account-img{
	height:120px;
}

.shield-active > a.shield-trigger:after{
	content: "\f106";
}

/* Banner line height */
.t-intro-3, .layouts-slideshow q, .layouts-slideshow h3 {
line-height: 2.2rem;
}

.masthead .slogan {
	/*font-size: 1.4rem;*/
}

.gallery-image img{
	max-width:100%;
	height:auto;
}

/* height of image listing space on mobile */
/*@media screen and (min-width: 0px) and (max-width: 598px) {
	.layouts-showcase .unit-row {
		height: 10rem;
	}
}*/

.info-links ul li{
	font-size: 1.4rem;
	line-height: 1.5rem;
	letter-spacing: -0.1rem;
	color: #000;
}
.info-links a:link {
	font-size: 1.2rem;
	line-height: 2.3rem;
	color: #888888;
	text-decoration: none;
	letter-spacing: -0.1rem;
}

.info-links a:hover {
	text-decoration: underline;
}

.info-links a:visited {
	text-decoration: none;
	color: #888888;
}

.saving-small{
	color: rgb(255, 0, 0);
	padding-left: 2.5rem;
}

/* Alignment of login / basket */
.masthead .options {
	text-align:right;
}

.masthead .slogan {
	/*width: 31.03448%;*/
}

.masthead .options {
	width: 35.03448%;
}

/*.theme-monozine .layouts-footer {
	margin-top: 4.5rem;
} */

.pinterest-board{
	/*margin: 0;
	display: inline !important; 
	position: relative; 
	bottom: 22px;*/
}

/*.theme-monozine .layouts-tiles{
	margin-top: 4rem;
}*/

.theme-monozine .layouts-tiles .unit {
	height: 14rem;
}

.info-page {
	display: inline-block;
}

.info-page h2{
	font-family: 'EauDouceSansBold', Arial, Helvetica, sans-serif;
	color: #000001;
	font-size: 1.4rem;
	line-height: 2.5rem;
	padding-bottom: 1.1rem;
}

.info-page p{
	font-size: 1.3rem;
	line-height: 1.5rem;
}

.info-page p b{
	font-weight: bold;
	color: #888888;
}
.info-page p a {
	text-decoration: underline;
}
.info-page p a:hover {
	color: #000;
}

/* Basket new items alert */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}

#mask-main {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
} 

#new_items_alert .window-alert {
  position:fixed;
  /*width:440px;
  height:auto;*/
  display:none;
  z-index:9999;
  padding:20px;
}

#login-content .login-alert {
  position:fixed;
  width:400px;
  height:310;
  display:none;
  z-index:9999;
  padding:20px;
}

#new_items_alert #new_items_dialog {
  width:300px; 
  height:auto;
  display:block;
  background-color: #ffffff;
}

#login-content #login-dialog {
  max-width:400px;
  min-width:300px;
  width:50%;
  height:auto;
  display:block;
  background-color: #ffffff;
}

.delete-item {
	color: red;
}

/* Book categories Title */
.title {
	margin-bottom: 1rem;
	font-size: 2rem;
	line-height: 2.9rem;
	letter-spacing: 0rem;
	font-family: 'EauDouceSansLight', Arial, Helvetica, sans-serif;
	color: #000001;
}

/* Image fix */
#specification.aside-main-article > .content-aside,
#story.aside-main-article > .content-aside {
  margin-left: 0em;
}

/* Despatch Date  */
.despatch-text {
	font-size: 1.3rem;
	color: #69a0ce;
	font-weight: 600;
	margin-top: 0.6rem;
	margin-bottom: 0.1rem !important;
}

.spec-page p {
	font-weight: bold;
	color: #888888;
	font-size: 1.3rem;
	line-height: 1.5rem;
}

.spec-page p b{
	color: red;
}

/* Create Button */
.buybox.aside-main .content-main{
	width: 45%;
	margin-right:0;
	margin-bottom: 3%;
}

.buybox.aside-main .content-aside {
	width: 53.78261%;
	margin-right: 0%;
}

/* Unhiding all reviews, these are to be loaded with ajax */
#customer-reviews .unit:nth-child(n+7) {
	display: block;
}

.load-all{
	float:left;
}

/*    Login Box        */


#login-trigger {
  /*display: inline-block;
  *display: inline;
  *zoom: 1;*/
  /*height: 25px;*/
  /*line-height: 25px;*/
  /*font-weight: bold;*/
  /*padding: 0 8px;*/
  /*text-decoration: none;*/
  /*color: #444;*/
  /*text-shadow: 0 1px 0 #fff; */
}

#login-trigger {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

#login-trigger:hover {
  background: #fff;
}

/*#login-content {
  display: none;
  position: absolute;
  top: 50px;
  right: 10;
  z-index: 999;    
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image: -webkit-linear-gradient(top, #fff, #eee);
  background-image: -moz-linear-gradient(top, #fff, #eee);
  background-image: -ms-linear-gradient(top, #fff, #eee);
  background-image: -o-linear-gradient(top, #fff, #eee);
  background-image: linear-gradient(top, #fff, #eee);  
  padding: 15px;
  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
  -moz-border-radius: 3px 0 3px 3px;
  -webkit-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px; 
  width: 250px;
}*/

/*--------------------*/

#inputs input {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 30px;
	box-sizing: border-box;
	width: 100%;
	
  /*background: #f1f1f1;
  padding: 6px 5px;
  margin: 0 0 5px 0;
  width: 100%;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 1px #ccc inset;
  -webkit-box-shadow: 0 1px 1px #ccc inset;
  box-shadow: 0 1px 1px #ccc inset;*/
}

#inputs input:focus {
  background-color: #fff;
  border-color: #e8c291;
  outline: none;
  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
  box-shadow: 0 0 0 1px #e8c291 inset;
}

/*--------------------*/

#actions {
  margin: 10px 0 0 0;
}

#submit {		
  background-color: #d14545;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
  background-image: -webkit-linear-gradient(top, #e97171, #d14545);
  background-image: -moz-linear-gradient(top, #e97171, #d14545);
  background-image: -ms-linear-gradient(top, #e97171, #d14545);
  background-image: -o-linear-gradient(top, #e97171, #d14545);
  background-image: linear-gradient(top, #e97171, #d14545);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
  border: 1px solid #7e1515;
  float: left;
  height: 30px;
  padding: 0;
  width: 100px;
  cursor: pointer;
  font: bold 14px Arial, Helvetica;
  color: #fff;
}

#submit:hover,
#submit:focus {		
  background-color: #e97171;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
  background-image: -webkit-linear-gradient(top, #d14545, #e97171);
  background-image: -moz-linear-gradient(top, #d14545, #e97171);
  background-image: -ms-linear-gradient(top, #d14545, #e97171);
  background-image: -o-linear-gradient(top, #d14545, #e97171);
  background-image: linear-gradient(top, #d14545, #e97171);
}	

#submit:active {		
  outline: none;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner {
  border: none;
}

/*#login-content label {
  float: right;
  line-height: 30px;
}

#login-content label input {
  position: relative;
  top: 2px;
  right: 2px;
}*/

/*---- Fix for Apple device zooming ----*/

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 16px !important; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px !important; }
}