/***********************************
 			- GENERAL OVERWRITE -
***********************************/
html, body { background-color: #fff !important; }
body h1 { font-size: 24px; padding: 10px 0;}
body .centreColumn{ margin-bottom: 20px; } /* Reduce white space at the bottom of every form - previously margin-bottom:60px */
body .footer{ border-top: none; } /* Remove horizontal line at the bottom of every form */
body .mast { margin: 0; }

@media only screen and (min-width: 995px){
	#wrapper {padding: 50px !important;}
}

/***********************************
 					- COMPONENTS -
***********************************/


fieldset.products{
	position: relative;
	max-height: 180px;
	overflow: hidden;
}

/* Loading spinner */
.status--loading{ 
	position: relative;
}
.status--loading::after,
fieldset.products::after{ 
	position: absolute;
	top:0; bottom:0; left: 0; right: 0;
	width: 100%; height: 100%;
	content: "";
	background-image: url(//mims.ie/wp-content/mu-plugins/my-account/assets/img/loading.gif); 
	background-repeat: no-repeat;
	background-position: center 220px;
	background-color: rgba(255,255,255,1);	
	z-index: 10;
}

fieldset.products::after{ 
	background-position: center center;
}

fieldset.products.loaded{
	max-height: none;
}

fieldset.products.loaded::after{
	display: none;
}

@media only screen and (max-width: 767px) {
	.status--loading::after{ 
		background-position: center 150px;
	}
}


/***********************************
 					- FORM HACK -
***********************************/

/* ------ http://ad-mimstest.abasoft.co.uk/subscribe ------ */

/* BUTTONS */
button, a.button {
	background-color: #00c4e1;
	border: 1px solid #00c4e1;
}
button:hover, a.button:hover {
	background-color: #005966;
	border: 1px solid #005966;
}
button.style2{
	background: #ffa500;
	background: -webkit-linear-gradient(#f1bf18,#ffa500);
	background: linear-gradient(#f1bf18,#ffa500);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0;
}
button.style2:hover{
  background: #f59e00;
  background: -webkit-linear-gradient(#f0bc0f,#e69500);
  background: linear-gradient(#f0bc0f,#e69500);
}

/* PROCEED TO CHECKOUT FIELD */
.product fieldset.style2{ background-color: #f9f9f9;}

/* PRODUCT LIST HEADER*/
.product #mbm_product_list .group-header{
	display: block;
  font-size: 1.4em;
  font-weight: bold;
  margin-top: 2px;
	padding: 10px 7px;
	background: #005966;
	color: white;
	text-transform: uppercase;
	cursor: pointer;
}
.product #mbm_product_list .group-header::before{
	content: "+";
	position: absolute;
	right: 25px;
}
.product #mbm_product_list .active .group-header::before{
	content: "-";
}

/* PRODUCT LIST */
.product #mbm_product_list ul{
	display: none;
	background-color: #fff;
	padding: 10px 0;
	border: 1px solid #e7e7e7;
	border-top:none;
}
.product #mbm_product_list .active ul{
	display: block;
}
.product #mbm_product_list li{
	list-style-type: none;
	margin: 0 0 8px 10px;
}
.product #mbm_product_list label.label{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
}
.product #mbm_product_list .cost{
	font-size: initial;
	font-weight: bold;
}

/* Hidden elements */
.nonVisible{ display: none; }

.countryNotification{
	background: #ffebb2;
    padding: 10px;
    font-size: 16px;
    font-style: italic;
}

/* Why subscribe? button */
@media only screen and (max-width: 996px){
	.descriptionButton a.button.mobile {
		width: auto; margin: 0 0 10px;
		background: #ffa500;
    background: -webkit-linear-gradient(#f1bf18,#ffa500);
    background: linear-gradient(#f1bf18,#ffa500);
		-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
    border-color: transparent;
    font-size: 1.6em;
    height: 36px;
    padding: 0 12px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    line-height: 36px;
	}
	.descriptionButton a.button.mobile:hover{
	  background: #f59e00;
    background: -webkit-linear-gradient(#f0bc0f,#e69500);
    background: linear-gradient(#f0bc0f,#e69500);
    text-decoration: none;
	}
	.descriptionButton a.button.mobile::after {display:none;}
}

/* Subscribe banner */
h1.subscribe-banner, h2.subscribe-banner{
	font-size: 24px; font-weight: bold;
	padding: 40px 0 0 60px;
	margin-bottom: 30px;
	color:white !important;
	background: url("//s3-eu-west-1.amazonaws.com/wp-panacea/wp-content/uploads/sites/3/2017/06/subscription-banner.png") left top no-repeat;
	height: 100px;
}
