/*
Copyright 6 Jan 2020 - Little Fire Digital Ltd
-----------------------------------------------------------------------
Reuse and modification by permission only
*/
/* 
	Created on : 6 Jan 2020, 10:41:05
	Author     : simon
	Compyright     : Little Fire Digital Ltd  6 Jan 2020
*/
#mh_logo {
	margin: 0 auto;
	width: 580px;
	max-width: 80%;
}
/*
body {
	 Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.07+0,0+30,0+30 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);  FF3.6-15 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);  Chrome10-25,Safari5.1-6 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 );  IE6-9 
}*/

.document p {
	text-align: justify;
}

.page_type_homepage .document,
.page_type_homepage .document p {
	text-align: center;
}

header {
	z-index: 12;
}

body::before {
	position: fixed;
	left: 0;
	content: '';	
	width: 100%;
	height: 400px;
	background: #f90;
	z-index: -1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.07+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


input[type=text]:placeholder-shown,
input[type=password]:placeholder-shown,
input[type=email]:placeholder-shown,
input[type=url]:placeholder-shown,
textarea:placeholder-shown {
	color: rgba( 0, 0, 0, .25 );
}


.carousel_panel {
	background: #fff;
}

.shadow, .shadow_parent > * {
    box-shadow: 0 4px 6px rgba( 0, 0, 0, .1 );
}

.border-bottom {
    border-width: 0 0 2px 0;
}

main {
	background: #fff;
}

#m1 {
	display: inline-block;
}

#document h1, #document h2, #document h3, #document h4 {
    font-weight: 200;
}

.filled h1, .filled h2, .filled h3, .filled h4 {
	color: #fff;
	font-weight: 500;
}

#m1_wrapper,
ul#m1 {
	height: 40px;
}

ul#m1 > li {
	line-height: 40px;
	height: 40px;
}

#m1 > li::after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 0;
	bottom: 0;
	left: 0;
	transition: height .5s ease;
	content:  '';
	background: #fce300;
}


#m1 > li:hover::after, 
#m1 > li.selected::after {
	height: 5px;
}

#m1 li ul {
	text-align: left;
}

#m1 li ul a {
	transition: background-color 1s ease;
}

#m1 li ul a:hover {
	background-color: #fce300;
}

.dons_footer strong {
	white-space: nowrap;
}

.dons_footer > img {
	width: 100px;
	float: left;
	margin-right: 20px;
}

.footer_row {
	font-size: .9em;
}

.footer_row,
.footer_row a,
.footer_row a:visited {
	color: #333;
}

.footer_row a:hover {
	color: #fff;
}

.dons_footer > div {
	position: relative;
	width: calc(100% - 120px);
	top: 50px;
	transform: translateY(-50%);
}


.custom_form.checkbox label {
	z-index: 20;
	margin: 0;
	padding-left: 25px;
}
.custom_form.checkbox > span {
	z-index: 7;
}

div.slicknav_menu.filled {
	background: #fff;
	border-bottom: 2px solid #fce300;
}

.slicknav_nav {
	background: #0051b5;
}

.dons_shares {
	text-align: center;
	padding: .5em .5em 0 .5em;
}

.dons_shares li {
	display: inline-block;
	padding-bottom: .5em;
}

.dons_shares li+li {
	margin-left: .5em;
}

.button.dons_share_link {
	color: #fff;
}

.button.dons_share_link:hover,
.button.dons_share_link:visited {
	color: rgba( 255,255,255, .5 );
}

.button.dons_share_link,
.button.dons_share_link:hover {
	padding-left: 2em;
}

.dons_share_link.pinterest,
.dons_share_link.pinterest:hover {
	background: url(/assets/logos/slice_pinterest.png) 5px center no-repeat  #BD081C;
}

.dons_share_link.linkedin,
.dons_share_link.linkedin:hover {
	background: url(/assets/logos/slice_linkedin.png) 5px center no-repeat  #2867B2;
}
.dons_share_link.email,
.dons_share_link.email:hover {
	background: url(/assets/logos/slice_email.png) 5px center no-repeat  #666666;
}

.dons_share_link.facebook,
.dons_share_link.facebook:hover {
	background: url(/assets/logos/slice_facebook.png) 5px center no-repeat #4267B2;
}
.dons_share_link.twitter,
.dons_share_link.twitter:hover {
	background: url(/assets/logos/slice_twitter.png) 5px center no-repeat  #1DA1F2;
}

input.uppercase {
	text-transform: uppercase;
}

ol.records {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

ol.records li + li {
	border-top: 1px dotted #000;
}

.carousel_wrapper li.carousel_item > div {
	text-shadow: 0 0 3px rgba( 0, 0, 0, .5 );
}

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


	body .carousel_item {
		height: 450px;
	}

	.carousel_wrapper li.carousel_item > div {
		right: 20px;
		top: 20px;
		width: 33%;
		text-align: right;
	}

	.carousel_wrapper li.carousel_item .copy.padded {
		background: 0;
		font-size: 1.4em;
		font-weight: 500;
		padding-top: 0;
	}


	.carousel_wrapper li.carousel_item > div h4 {
		margin-bottom: 0;
		font-size: 3.2em;
	}
	.carousel_wrapper li.carousel_item > div .panel_wrapper,
	.carousel_wrapper li.carousel_item > div .panel_wrapper> div {
		width: 100%;
	}

}
div.carousel_wrapper 	li.carousel_item .copy {
	background: none;
}
@media only screen and (max-width: 1023px) {
	div.carousel_wrapper li.carousel_item > div {
		margin: 0;
		padding: .5em;
		box-sizing: border-box;
	}

	div.carousel_wrapper 	li .panel_wrapper {
		width: auto;
		background: rgba( 0,0,0, .2 );
	}
	div.carousel_wrapper 	li .panel.third_2 {

		width: auto;
	}
}

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

	header {
		display: none;
	}

	.dons_footer {
		text-align: center;
	}

	.dons_footer > img {
		float: none;
		margin: 0;
	}

	.dons_footer > div {
		margin: 0;
		text-align: center;
		padding-bottom: 2em;
		width: 100%;
	}	

	.document p {
		text-align: left;
	}	

	.copyright_row > * {
		width:100%;
		text-align: center;
	}

	
}


@media only screen and (max-width: 440px) {
	
body #basket_rows > div > div.basket_row_value {
		width: calc( 60% - 26px );
		padding: 0px 0px 0px 0.5em;
		overflow: visible;
	}
}