/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */
.custom-logo {
	display: inline-block;
	width: 210px;
	height: 90px;
	background: url(../../../images/yootheme/logo.png) 50% 50% no-repeat;
	background-size: contain;
}
/* Only Phones (Portrait) */

@media (max-width: 640px) {
	.custom-logo {
		height: 60px;
	}
	.slideshow {
	}
	.sliderbecome {
		font-size: 16px !important;
		text-align: center;
		margin-top: -85px;
	}
	.sliderprevention {
		font-size: 23px !important;
		text-align: center;
		margin-top: -15px !important;
	}
	.sliderdonate {
		text-align: left !important;
		float: none !important;
		line-height: 110%;
	}
	.sliderlearn {
		margin-top: -20px;
	}
	.sliderbottom {
		margin-top: -145px !important;
		background-image: none !important;
		background: #949597 !important;
		text-align: center;
	}
	.sliderbottomeveryone {
		font-size: 20px !important;
		margin-left: 120px !important;
	}
	.sliderbottomaffected {
		font-size: 54px !important;
		margin-top: 20px;
		margin-left: 0 !important;
	}
	.bottomtext {
		margin-top: -20px !important;
	}
	.menu-line li {
		background-image: none !important;
	}
	.bottommenu li {
		display: block !important;
		float: none !important;
	}
	.bottommenu .level1 span {
		font-size: 20px !important;
		text-align: center !important;
	}
	#footer {
		line-height: 25px !important;
	}
	#footer .menu {
		margin-top: 5px;
	}
	.item img {
		display: none !important;
	}
	.menu-line li {
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		background-image: none !important;
	}
	.sliderlearn {
		padding-top: 8px !important;
	}
}

/* Home */

a.uk-button.uk-button-primary {
    background: #96bf3b;
    color: #fff;
    display: block;
    padding: 20px;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 26px;
}
a.uk-button.uk-button-primary:focus, a.uk-button.uk-button-primary:hover {
    color: #fff !important;
    background: #07b4c3;
}

/* Background -----------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif !important;
}

/* Background -----------------------------------------------------------------*/

#block-header {
	background: #d3d4d5 !important;
}
#block-toolbar {
	background: none !important;
}
body#page {
	background: none !important;
}
.green {
    background: #96bf3b !important;
    color: #fff !important;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
}

/* Phone Number ---------------------------------------------------------------*/

.bluecolor {
	color: #029fca;
	line-height: 5px !important;
}
.phonenumber {
	font-size: 18px;
	letter-spacing: 5px;
}
#toolbar {
	line-height: 0px !important;
}
/* Menu-------- ---------------------------------------------------------------*/

.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	padding: 25px 15px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	line-height: 30px !important;
}
#block-header {
	padding: 7px 0px 3px 0 !important
}
.menu-dropdown {
	margin-bottom: -3px !important;
}
.level1 span {
	color: #fff;
	margin: 0px 8px;
}
.home #block-header .level1 span {
	margin: 0px !important;
}
.level2 a:hover {
	background: none !important;
	color: green !important;
}
.menu-dropdown li.active .level1 {
	background: none !important;
}
.menu-sidebar .level1 span {
	color: #000;
	font-size: 13px;
	margin: 0px 10px;
}
.level2 span {
	color: #212121;
	font-size: 17px;
	padding: 10px;
}
.menu-dropdown .dropdown, .menu-dropdown .dropdown-bg > div {
	border-radius: none !important;
	top: 80px;
}
.menu-dropdown .dropdown-bg > div {
	background: fff;
}
.item101 {
	display: none;
}
.item227 {
	background: #07b4c3 !important;
}
.item225 {
	background: #ed4481 !important;
}
.item226 {
	background: #96bf3b !important;
}
.menu-dropdown li.level1 {
	padding-bottom: 0px !important;
}
A.level1.active.current {
	background: none;
}
ul.menu.menu-dropdown {
	letter-spacing: 1px;
}

/* Slideshow -----------------------------------------------------------------------*/

.slideshowpage {
	margin-top: -15px;
}
.slideshow {
	background-image: url('/images/homeslide01.jpg');
	background-repeat: no-repeat;
	min-height: 404px;
}
.slideshow2 {
	background-image: url('/images/homeslide02.jpg');
	background-repeat: no-repeat;
	min-height: 404px;
}
.slideshow3 {
	background-image: url('/images/homeslide03.jpg');
	background-repeat: no-repeat;
	min-height: 404px;
}
.slideshow4 {
	background-image: url('/images/save-the-date-dinner-gala.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 404px;
	position: relative;
}
.slidertext {
	text-align: right;
}
.sliderbecome {
	font-size: 24px;
	letter-spacing: 5px;
	color: #000 !important;
	padding-top: 210px;
}
.sliderprevention {
	font-size: 48px;
	letter-spacing: 5px;
	color: #000 !important;
	margin-top: -5px;
}
.sliderdonate {
	float: right;
	font-size: 24px;
	letter-spacing: 3px;
	color: #fff !important;
	background: #96bf3b;
	padding: 15px 25px;
	margin-top: -5px;
}
.sliderdonate a {
	color: #fff !important;
}
.slideshow2 .sliderdonate a:hover, .slideshow2 .sliderdonate a:focus {
    text-decoration: none;
    color: #fff !important;
}
.sliderdonate a:hover {
	color: #07b4c3 !important;
}
.sliderwhatwedo {
	float: right;
	font-size: 16px;
	letter-spacing: 3px;
	color: #000 !important;
	width: 400px;
	margin: 70px 0px 0px 0px;
	padding: 0px 10px;
}
.sliderwhatwedo h2 {
	font-weight: bold;
}
.sliderwhatwedo a {
	color: #000;
}
.sliderwhatwedo a:hover {
	color: #2fb4b8;
}
.sliderlearn {
	clear: both;
	font-size: 14px;
	letter-spacing: 3px;
	color: #000 !important;
	padding-top: 5px;
	font-weight: bold;
}
.sliderlearn2 {
	clear: both;
	font-size: 14px;
	letter-spacing: 3px;
	padding-top: 5px;
	font-weight: bold;
}
.sliderlearn2 a {
	background: rgba(255,255,255,0.8) !Important;
	color: #148c90;
	padding: 7px;
}
.sliderlearn3 {
	clear: both;
	float: right;
	font-size: 14px;
	letter-spacing: 3px;
	padding-top: 5px;
	font-weight: bold;
}
.sliderlearn3 a {
	background: rgba(255,255,255,0.8) !Important;
	color: #148c90;
	padding: 7px;
}
.nav {
	display: none;
}
.slide-box {
	position: absolute;
	background: #fff;
	padding: 30px;
	right: 110px;
	top: 50%;
	transform: translate(0%, -50%);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.34);
}
.slide-box h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	color: #000;
	margin-top: 0px;
}
.slide-box p {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	margin-bottom: 0px;
}
.slide-box a {
	background: #96bf3b;
	padding: 10px 30px;
	display: block;
	font-style: normal;
	color: #fff !important;
	text-transform: uppercase;
}
.slideshow4 .sliderbecome {
    letter-spacing: 0px;
    padding: 0px;
    line-height: 28px;
}
.slideshow4 .slidertext {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px);
}
.slideshow4 .sliderdonate {
    float: none;
    position: relative;
    text-align: center !important;
    margin: 0px;
    padding: 10px 0px;
    max-width: 450px;
    left: 50%;
    transform: translate(-50%, 0%);
}

@media (max-width: 767px) {
	.slide-box {
		transform: translate(50%, -50%);
		right: 50%;
		min-width: 200px;
	}
	.slide-box h3 {
		text-align: center;
		line-height: 38px;
		font-size: 20px;
	}
}

/* Cart */

#vmMainPageOPC div#basket_container .op_col4 {
	white-space: pre-wrap;
	width: 15%;
}
#vmMainPageOPC div#basket_container #cart_header .op_col6 {
	text-align: center;
}
#vmMainPageOPC div#basket_container .op_col7_header {
	width: 10%;
	float: right;
}
#vmMainPageOPC div#basket_cart input.updatebtn {
	left: unset !important;
	right: 62%;
	top: 0px;
}
#vmMainPageOPC div#basket_container .op_col5 {
	text-align: center;
}
#vmMainPageOPC div#basket_container .op_col1_header {
	width: 35%;
}
#vmMainPageOPC div#basket_container .op_col2 {
	width: calc(35% - 55px);
}
.cart_prod {
	position: relative;
}
.op_col7 {
	position: absolute;
	right: 10px;
	padding-top: 0px;
}
#vmMainPageOPC div#basket_container .op_col2 a, #vmMainPageOPC div#basket_container .op_col2 .vm-customfield-cart {
	padding: 0px 0px 0px 10px;
}
#vmMainPageOPC div#basket_container .op_col6 {
	text-align: center;
}
#vmMainPageOPC #basket_cart input[type="text"].inputbox {
	margin-left: 0px;
}

@media (max-width: 767px) {
	textarea, input[type='text'], input[type='password'], select {
		max-width: 100%;
	}
	legend, fieldset, input {
		max-width: 100%;
	}
	#vmMainPageOPC .vmpayment_cardinfo {
		max-width: 100%;
		min-width: auto;
	}
	#vmMainPageOPC div#basket_container .op_col2 {
		width: 35%;
	}
	#vmMainPageOPC div#basket_container .op_col7_header {
		width: 25%;
	}
}

/* Slider Bottom -----------------------------------------------------------------------*/

.sliderbottom {
	background-image: url('/images/sliderbottombg.png');
	background-repeat: no-repeat;
	margin-top: -16px;
}
.sliderbottomtext {
	color: white;
	min-height: 98px;
}
.sliderbottomeveryone {
	font-size: 23.5px;
	letter-spacing: 5px;
	padding-top: 8px;
	margin-left: 147px;
}
.sliderbottomaffected {
	font-size: 68px;
	letter-spacing: 10.4px;
	margin-top: 20px;
	margin-left: -5px;
}

/* Bottom Menu -----------------------------------------------------------------------*/

.bottommenu {
	background: #949597;
}
.bottommenu li {
	display: inline;
	float: left;
}
.bottommenu .level1 span {
	font-size: 12px;
	text-align: center;
}
.menu-sidebar li.level1 {
	border: none !important;
 #bottom-a:before, #innerbottom:before {
 background: none !important;
}

/* footer -----------------------------------------------------------------------*/

.menu-sidebar li.level1 {
	border: 1px solid black !important;
}
.totop-scroller {
	display: none !important;
}

/* Menu Color  -----------------------------------------------------------------------*/

.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
	padding: 15px 0 !important;
}
a:hover, em, code, .menu-dropdown a.level2:hover, .menu-dropdown a.level3:hover, .menu-sidebar a:hover > span, .menu-sidebar span:hover > span {
	color: #595959 !important;
}
.grid-box.width100.grid-v {
	margin: 0 auto;
	text-align: center;
}
.grid-box.width100.grid-v {
	background: black !important;
}
.menu-dropdown .dropdown, .menu-dropdown .dropdown-bg > div {
	border-radius: none !important;
}
.menu, .menu ul {
	padding-left: 10px !important;
}
#menu a:hover {
	background: #07b4c3 !important;
}
.menu-sidebar a.level1 > span {
	background: #ed4481 !important;
}
.sliderbuy {
	margin-top: 200px !important;
	float: right;
	font-size: 24px;
	letter-spacing: 3px;
	color: #fff !important;
	background: #000;
	padding: 15px 25px;
}
.continue {
	display: none !important;
}
.whatwedo {
	margin-top: 200px !important;
	float: right;
	font-size: 24px;
	letter-spacing: 3px;
	color: #000 !important;
}
.width70.floatright {
	padding: 25px !important;
}
.orderlistcontainer {
	display: none;
}
.confirmbtn_button {
	margin-top: 10px;
}
.sponsortitle {
	background: #07b4c3 !important;
	color: #fff !important;
}
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {
	background: none !Important;
}
.product .product_s_desc {
	display: none;
}
.donateblock {
	width: 30% !important;
	float: left !important;
	border: 4px solid black;
}
.donateblock img {
	width: 100%;
}
body {
	font-size: 100px !important;
}
.centered {
	text-align: center;
}
.button {
	padding: 7px 15px;
	background: #96bf3b;
	color: #fff;
}

/* Donate Form */

#os_form.form input[type='text'], #os_form.form select {
	width: 100%;
	border-radius: 0px;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
}
#os_form.form input[type='text'] {
	max-width: calc(100% - 12px);
	min-width: calc(100% - 12px);
	-webkit-appearance: none;
	padding: 2px 5px;
}
#os_form.form textarea {
	width: 100%;
	max-width: calc(100% - 12px);
	min-width: calc(100% - 12px);
	padding: 5px;
	border-radius: 0px;
	min-height: 130px;
	height: 130px;
	max-height: 130px;
}
.form-horizontal .form-actions {
	background: none;
	padding: 0px;
	margin-left: 180px;
}
#os_form input[type="submit"].btn {
	width: 100%;
	background: #07b4c3;
	border-radius: 0px;
	border: none;
	padding: 10px;
	text-transform: uppercase;
	font-weight: bold;
	transition: all .25s ease;
}
#os_form input[type="submit"].btn:hover, #os_form input[type="submit"].btn:focus {
	background: #ed4481;
}

@media (min-width:960px) {
	.width50 {
		float: right;
		display: flex;
		width: 50%;
	}
}
#vmMainPageOPC div#basket_container .vmsectiontableheader {
	border: none !important;
	padding: 10px 8px !important;
	background: #d3d4d5 !important;
}
#vmMainPageOPC div#basket_container {
	border: none;
}

/* Donation Form CSS */

#os_form input[type="submit"].btn:hover, #os_form input[type="submit"].btn:focus {
	background: #ed4481;
}
#os_form input[type="radio"] {
	margin-top: 0px;
	margin-right: 0px;
}
label[for="donation_typeonetime"] {
	padding-right: 10px;
}
#amount_container .input-prepend.inline-display {
	margin-top: 10px;
}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
	height: auto;
	padding: 2px 4px;
}
.formError .formErrorContent {
	background: #ed4481;
	border: none;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	min-width: 0px;
	max-width: calc(100% - 20px);
}
.formError .formErrorArrow div {
	background: #ed4481;
}
select[name="exp_month"], select[name="exp_year"] {
	width: auto !important;
	display: flex;
	margin-right: 10px;
}
select[name="exp_year"] {
	margin-left: 10px;
}
#tr_exp_date .controls {
	display: flex;
	font-size: 20px;
	position: relative;
	line-height: 30px;
}
.form-actions.donate-submit {
    border: none;
}
.donate-submit .btn {
    width: 100%;
    background: #07b4c3;
    padding: 10px;
    border: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif !important;
    border-radius: 0px;
}