@charset "utf-8";

/* BODY & DEFAULTS */
body {
	/*overflow: hidden; */
	background: #1E2936; 
	font-size: 20px;
	width: 100%;
	max-width: 100%;
}
body, img, form, p, h1, h2, h3, h4, ul, li, input {margin: 0; padding: 0; border: 0;}
img { max-width: 100%; height: auto; }
body, div, a, p, span {font-family: "Matter Light", Arial, Helvetica, sans-serif; color: #FFFFFF;}
h1, h2, h3, h4, h5, h6 {font-family: "Matter Heavy", Arial, Helvetica, sans-serif; font-weight: 400; color: #FFFFFF;}
textarea:focus, select:focus, input:focus, object {outline: none;}
input[type="text"], input[type="number"], input[type="password"], textarea, select {min-height: 30px; width: 100%; border: solid 1px #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #FFFFFF; padding: 4px; font-size: 18px; background-color: transparent; box-sizing: border-box;}
input[type="submit"] {background: none; color: #fff; font-size: 20px; border: 1px solid #fff; padding: 8px; border-radius: 8px;}
select option {background:#000; color: #fff;}
select {background:none;}
select:after {
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
}
div[id^="div-page"] ul {
	list-style-type: none;
	margin-bottom: 10px;
}
div[id^="div-page"] ul li {
	padding-left: 25px;
	position: relative;
}
div[id^="div-page"] ul li:before {
	content: ' ';
	border: 6px solid transparent;
	display: inline-block;
	border-left-color: #fff;
	position: absolute;
	left: 10px;
	top: 5px;
	width: 0;
	height: 0;
}
.yellow { color: #ffff00 !important; }

/* FANCYBOXY */
.fancybox-inner, .fancybox-image {width: 100% !important; height: auto !important; box-sizing: border-box;}
.fancybox-inner {padding: 50px;}
.fancybox-nav {width: 50px;}
.fancybox-nav span {visibility: visible; margin: 0px 30px;}
.fancybox-prev span {
	left: 10px;
	width: 0px;
	height: 0px;
	border: 30px solid transparent;
	border-right: 20px solid rgba(255,255,255,0.7);
	border-left: none;
	background: none;
	margin-top: -30px;
}
.fancybox-next span {
	right: 10px;
	width: 0px;
	height: 0px;
	border: 30px solid transparent;
	border-left: 20px solid rgba(255,255,255,0.7);
	border-right: none;
	background: none;
	margin-top: -30px;
}
.fancybox-skin {background: transparent; border: none; padding: 0px !important;}

/* HEADERS */
h1, h2, h3, h4, h5, h6, .div-page-data h1, .div-page-data h2, .div-page-data h1 span, .div-page-data h2 span {color: #fff;}
h1 {font-size: 50px;}
h2 {font-size: 40px;}
h3 {font-size: 30px;}
h4 {font-size: 26px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}

.div-page-data h1 span.strong {
	font-size: 36px;
	display: block;
	text-align: right;
	padding-right: 46%;
}
.div-page-data h1 span.soft {
	opacity: 0.35;
	margin: -36px 0 30px 0;
	font-size: 50px;
	display: block;
	padding-left: 46%;
}
#div-persistant-header {
	position: absolute;
	top: 330px;
	left: 110px;
	background: transparent;
	z-index: 10;
}
#div-persistant-header .thank_you {
	color: rgb(252,214,11);
	font-size: 36px;
	max-width: 100%;
	width: 950px;
	margin-top: 70px;
}
/* WORDPRESS DEFAULTS */
.gallery:after {content:"";display:table;clear:both;}
img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}
.content figure {width: auto !important;}
.content figure img {max-width: 100%; height: auto;}
.gallery figure {float: left; margin:0 2% 2% 0;}
.gallery figure img {max-width: 100%; height:auto; margin:0 auto; display:block;}
.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}
.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}
.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

/* BODY DIVS */
#div-body-wrap {position: relative; width: 100%; margin: auto; z-index: 1;}
.div-content {position: absolute; left: 0px; z-index: 10;}
.div-screens {float: left; position: relative; padding: 290px 80px 260px; box-sizing: border-box; z-index: 15;}
#div-page .div-page-data-wrap, #div-page-2 .div-page-data-wrap, #div-page-3 .div-page-data-wrap {position: relative;}
#div-page {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 33%;
	height: 100%;
}
#screen-1 {
}
#div-page .div-page-data-wrap {
	height: 2160px;
}

/* MAIN TOP BORDER AND SHADOW */
#div-body-wrap::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 220px;
	background-color: rgb(238,49,36);
	top: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 300px 180px rgba(0,0,0,0.5);
	z-index: 10;
}
/* MAIN BOTTOM BORDER */
#div-body-wrap::after {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 80px;
	background-color: rgb(252,214,11);
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 20px solid #000;
	box-shadow: 0 0 0 80px rgb(238,49,36);
	z-index: 10;
}
/* PERSISTANT FOOTER */
#div-persistant-footer {
	display: block;
	position: absolute;
	text-align: center;
	bottom: 140px;
	/*top: 150px;*/
	left: 0;
	z-index: 9;
	width: 33.333%;
}
body.acc-on #div-persistant-footer {display: block !important;}
#div-persistant-footer #left_footer_logo, #div-persistant-footer #right_footer_logo {display: inline-block; position: absolute; top: 1540px; right: 2400px; z-index: 200; font-size: 24px; text-align: right;}
#div-persistant-footer #right_footer_logo {right: auto; left: 2400px; text-align: left;}
body.acc-on #div-persistant-footer #left_footer_logo, body.acc-on #div-persistant-footer #right_footer_logo {top: 40px;}
#div-persistant-footer #left_footer_logo p {text-align: center;}
#div-persistant-footer #right_footer_logo p {text-align: center;}
#div-persistant-footer .div-lang {display: inline-block; position: relative; padding: 20px; top: 1800px; z-index: 200; font-size: 50px; cursor: pointer;}

.footer_logo_area img {
	display: block;
	width: 180px;
	height: auto;
}

.campaign h1 {
	/*font-size: 24px;*/
}

.menu-item-has-children {
	position: relative;
}

/* SCROLLING LIST */
div#div-scroll {
	position: absolute;
	overflow: hidden;
	top: 490px !important;
	left: 50%;
	width: 1000px;
	height: 1350px;
	/*height: 1650px;*/
	z-index: 9;
	-webkit-mask-box-image: url('/wp-content/uploads/100px-scroll-fade.png') 100 repeat;
	-o-mask-box-image: url('/wp-content/uploads/100px-scroll-fade.png') 100 repeat;
	-moz-mask-box-image: url('/wp-content/uploads/100px-scroll-fade.png') 100 repeat;
	mask-box-image: url('/wp-content/uploads/100px-scroll-fade.png') 100 repeat;
    transform: translateX(-50%);
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
#div-marquee {text-align: center; position: relative; -webkit-transform: translateZ(0);}
#div-content-wrap1, #div-content-wrap2 {
	background-size: cover !important;
	background-repeat: no-repeat; 
	position: absolute; top: 0px; 
	left: 0px; 
	z-index: 5;
}

/* MENUS */
.screen-menu {white-space: nowrap; font-size: 22px; z-index: 300;}
#menu-screen-1 {
	position: absolute;
	top: 55% !important;
	width: 1280px;
	margin-left: 0;
	left: 0;
	transform: translateY(-50%);
}
#menu-screen-1 .menu-menu1-container {
	text-align: left;
}
#menu-screen-1 .menu {
	list-style-type: none; 
	padding-top: 10px; 
	padding-bottom: 2px; 
	position: relative;
	text-align: center;
	width: 100%;
	display: inline-block;
}
#menu-screen-1 .menu li {
	list-style: none;
}
#menu-screen-1 .menu > li {
	display: block;
	text-align: left;
    padding: 10px 0 10px 100px;
	position: relative;
}
#menu-screen-1 .menu li a {
	display: block;
	text-decoration: none;
	font-size: 50px;
	line-height: 60px;
	padding: 3px 10px;
	color: #FFFFFF; 
	position: relative;
}
#menu-screen-1 .menu li a br {

}
/*#menu-screen-1 .menu li a:after {display: none; ;content: ' '; height: 0; position: absolute; width: 0; border: 9px solid transparent; border-right-color: #ffffff; right: -14px; top: 7px;}*/
#menu-screen-1 .menu li.menu-item-active {background: linear-gradient(to right,rgba(255,255,255,0.3),rgba(255,255,255,0.2),rgba(255,255,255,0.07),rgba(255,255,255,0));}
#menu-screen-1 .menu li.menu-item-active a {font-weight: 700;}
#menu-screen-1 .sub-menu {display: none;}
#menu-screen-1 .sub-menu {
	list-style-type: none;
	position: absolute;
	top: 37px;
	left: 0;
	margin-left: 3px;
	padding-bottom: 15px;
	transition: opacity 1s;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 19%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(19%,rgba(0,0,0,0.5)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 19%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 19%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 19%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 19%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
body.acc-on #menu-screen-1 .sub-menu {
	top: auto;
	bottom: -14px;
}
#menu-screen-1 .sub-menu li {text-align: left; margin-top: 24px; margin-left: 24px; display: block;}
#menu-screen-1 .sub-menu li a, #menu-screen-1 .menu li.menu-item-active .sub-menu li a {text-decoration: none; color: #FFFFFF; position: relative;}
#menu-screen-1 .sub-menu li a:after, #menu-screen-1 .menu li.menu-item-active .sub-menu li a:after {content: ' '; height: 0; position: absolute; width: 0; border: 9px solid transparent; border-left-color: #ffffff; left: -14px; top: 2px;}
#menu-screen-1 .sub-menu li a:hover, #menu-screen-1 .menu li.menu-item-active .sub-menu li a:hover {color: #ffde00;}
#menu-screen-1 .sub-menu li a:hover:after, #menu-screen-1 .menu li.menu-item-active .sub-menu li a:hover:after {border-left-color: #ffde00; border-right: 0 !important;}

#menu-screen-3 {position: absolute; top: 20px; right: 100px;}
#menu-screen-3 .menu {list-style-type: none; border-left: solid 3px #ffde00; padding-top: 10px; padding-bottom: 2px;}
#menu-screen-3 .menu li {text-align: left; margin-top: 24px; margin-left: 24px;}
#menu-screen-3 .menu li a {text-decoration: none; color: #FFFFFF; position: relative;}
#menu-screen-3 .menu li a:after {content: ' '; height: 0; position: absolute; width: 0; border: 9px solid transparent; border-left-color: #ffffff; left: -14px; top: 7px;}
#menu-screen-3 .menu li a:hover, #menu-screen-3 .menu li.menu-item-active a {color: #ffde00;}
#menu-screen-3 .menu li a:hover:after, #menu-screen-3 .menu li.menu-item-active a:after {border-left-color: #ffde00;}
#menu-screen-3 .sub-menu {display: none;}
#menu-screen-3 .sub-menu {
	list-style-type: none;
	position: absolute;
	top: 10px;
	right: 100%;
	margin-right: 3px;
	padding-bottom: 15px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(0,0,0,0.5) 81%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(3%,rgba(0,0,0,0)), color-stop(81%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.5) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.5) 81%,rgba(0,0,0,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
}
body.acc-on #menu-screen-3 .sub-menu {
	top: auto;
	bottom: -14px;
}
#menu-screen-3 .sub-menu li {text-align: right; margin-top: 24px; margin-right: 24px;}
#menu-screen-3 .sub-menu li a, #menu-screen-3 .menu li.menu-item-active .sub-menu li a {text-decoration: none; color: #FFFFFF; position: relative;}
#menu-screen-3 .sub-menu li a:after, #menu-screen-3 .menu li.menu-item-active .sub-menu li a:after {content: ' '; height: 0; position: absolute; width: 0; border: 9px solid transparent; border-right-color: #ffffff; left: 100%; top: 7px;}
#menu-screen-3 .sub-menu li a:hover, #menu-screen-3 .menu li.menu-item-active .sub-menu li a:hover {color: #ffde00; padding-right: 9px; margin-right: -9px;}
#menu-screen-3 .sub-menu li a:hover:after, #menu-screen-3 .menu li.menu-item-active .sub-menu li a:hover:after {border-right-color: #ffde00; border-left: 0 !important;}

/* PAGES */
#div-page-1, #div-page-2, #div-page-3, .fancybox-wrap.div-page-1, .fancybox-wrap.div-page-2, .fancybox-wrap.div-page-3 {
	font-size: 36px;
	z-index: 250;
	position: absolute !important;
	top: 250px !important;
	width: 33.333%;
	height: 1700px;
	z-index: 400;
}
body.acc-on #div-page-1, body.acc-on #div-page-2, body.acc-on #div-page-3, body.acc-on .fancybox-wrap.div-page-1, body.acc-on .fancybox-wrap.div-page-2, body.acc-on .fancybox-wrap.div-page-3 {
	top: auto !important;
	bottom: 370px;
}
#div-page-2, .fancybox-wrap.div-page-2 {
	left: 50% !important;
	margin-left: -400px !important;
}
#div-page-3, .fancybox-wrap.div-page-3 {
	left: auto !important;
	right: 132px !important;
}
.standard-page, .search-results, .fancybox-wrap .fancybox-outer, .timeline_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	height: auto;
	max-height: 1250px;
	box-sizing: border-box;
	border: solid 2px #ffffff;
	padding: 0px 50px;
	background: rgba(0,0,0,0.8);
}
.standard-page .content h2 {
	margin-bottom: 15px;
}
.image_mask::-webkit-scrollbar { 
    display: none; 
}

.image_mask{
	position: relative;
	top: 0px;
	left: 0px;
	overflow-y: scroll;
	height: 100%;
	max-height: 1250px;
	box-sizing: border-box;
	padding: 20px 0px;
	-webkit-mask-box-image: url('/wp-content/uploads/50px-scroll-fade.png') 50 repeat; -o-mask-box-image: url('/wp-content/uploads/50px-scroll-fade.png') 50 repeat; -moz-mask-box-image: url('/wp-content/uploads/50px-scroll-fade.png') 50 repeat; mask-box-image: url('/wp-content/uploads/50px-scroll-fade.png') 50 repeat;
}
.standard-page .content {
	padding: 40px 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	font-size: 16px;
}

#div-page-1 .div-page-data-wrap, #div-page-2 .div-page-data-wrap, #div-page-3 .div-page-data-wrap {overflow: visible;}
#div-page-1 .div-page-data, #div-page-2 .div-page-data, #div-page-3 .div-page-data {
    width: 100%;
    overflow: visible;
    height: 100%;
	transition: 1s opacity linear;
}

#div-page-1 .div-page-data::-webkit-scrollbar, #div-page-2 .div-page-data::-webkit-scrollbar, #div-page-3 .div-page-data::-webkit-scrollbar { 
    display: none;
}

/*#div-page-1 .div-page-data h1, #div-page-2 .div-page-data h1, #div-page-3 .div-page-data h1 {color: #416e9b; margin-bottom: 16px;}
#div-page-1 .div-page-data h3, #div-page-2 .div-page-data h3, #div-page-3 .div-page-data h3 {color: #ffff00; margin-bottom: 13px;}*/
#div-page-1 .div-page-data p, #div-page-2 .div-page-data p, #div-page-3 .div-page-data p { margin-bottom: 10px; text-align: left; color: #ffffff;}
#div-page .span-close, #div-page-1 .span-close, #div-page-2 .span-close, #div-page-3 .span-close {
	display: none;
	cursor: pointer; 
	position: absolute; 
	bottom: 10px; 
	right: 10px;
	padding: 2px 10px;
	border-radius: 4px; 
	z-index: 999; 
	color: #fff;
	font-size: 24px;
	background: #000;
	border: 2px solid #fff;
}
#div-page-1, #screen-1 .screen-content {
	position: absolute;
	top: 693px !important;
	width: 33.333%;
	height: auto;
}
#screen-1 .screen-content {
	width: 100%;
}
#div-page-1 .donor-profile .span-close {
	display: inline-block;
}
#div-page-1 .div-page-data p, #screen-1 .screen-content p {
	color: rgb(252,214,11);
	font-size: 36px;
	max-width: 100%;
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
#div-page-1 .div-page-data p {
	padding-left: 110px;
}
.div-page-data .top, .div-page-data .middle, .div-page-data .bottom {
	position: relative;
	height: 850px;
	padding: 100px 100px 0;
	box-sizing: border-box;
}
.div-page-data .bottom {
	padding: 0 100px 100px;
}
.div-page-data .middle {
	height: 1700px;
}
.div-page-data .middle > div {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/* HIDE SCREENSAVER CONTENT WHEN VIEWING PAGES */
.div-screens .screen-content {
	opacity: 1;
	transition: 1s opacity linear;
}
body.showing_page .div-screens .screen-content {
	opacity: 0;
}

/* RESPOSNSIVE VIDEOS */
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	position: relative;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode, .mejs-mediaelement {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/* ACCESSIBILITY */
.screen-acc {
    z-index: 300;
    position: absolute;
    bottom: 59px;
    left: 60px;
    font-size: 14px !important;
    width: auto;
    cursor: pointer;
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    background-image: url('/wp-content/plugins/IVM_Donor_Wall/img/acc.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
    padding-top: 10px;
    height: 36px;
}
body.acc-on .screen-acc {background-image:url('/wp-content/plugins/IVM_Donor_Wall/img/acc-on.png');}
body.acc-on #menu-screen-1 {top: inherit !important; bottom: 20px !important;}

/* SCROLLING LIST */
#div-marquee h1, #div-marquee h2, #div-marquee h3, #div-marquee h4 {color: #fff; margin: 5px 0 20px;}
#div-marquee h2 {padding-top: 40px;}
#div-marquee h1, #div-scroll-heading h1 { color: rgb(252,214,11); font-size: 60px;}
#div-marquee a {
	color: #ffffff; 
	text-decoration: none;
}
#div-marquee a:hover {text-decoration: underline;}
.p-donor-custom {display: block; border: 1px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; margin: 5px 0px !important; background-color: #2a76b2; color: #FFFFFF !important; padding: 16px 30px 30px 30px;}
.p-donor-custom a {color: #FFFFFF !important; margin-bottom: 10px; display: block; font-size: 1.1em; font-weight: 700;}
.span-donor-custom {font-size: 16px; line-height: 22px; display: block; text-align: left; position: relative; overflow: hidden;}
.span-donor-custom img {float: right; margin-left: 15px; max-width: 300px; height: auto;}
.campaign-description {color: rgba(255,255,255,0.7); display: block; text-align: center; padding: 15px 0; font-size: 36px; width: 1000px; margin: 0 auto;}
#div-scroll .campaign-description { margin-left: -50px; }
#div-scroll #div-marquee .campaign {
	display: block;
	clear: both;
	padding-top: 80px;
	padding-left: 50px;
    padding-right: 50px;
	box-sizing: border-box;
}
#div-scroll #div-marquee .campaign.with_data h3.donor_heading, #div-scroll #div-marquee .campaign.with_data p.donor a {
	float: left;
	margin-left: 0px;
	margin-right: 15px;
    text-align: left;
}
#div-scroll #div-marquee .campaign.with_data h3.item_heading, #div-scroll #div-marquee .campaign.with_data p.donor span.donor-data {
	float: right;
	margin-right: 0px;
    text-align: right;
}
#div-scroll #div-marquee .campaign.with_data h2.category, #div-scroll #div-marquee .campaign.with_data p.donor {
	display: block;
	clear: both;
	padding: 18px 0px 0px;
	margin: 0px;
}
#div-scroll #div-marquee .country_wrapper {
	display: block;
	clear: both;
	margin-bottom: 35px;
	overflow: hidden;
}
#div-scroll #div-marquee .donor_country {
	position: relative;
	top: 0px;
	display: block;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#div-scroll #div-marquee p {
	font-size: 36px;
	color: #ffffff;
	margin: 0 0 15px;
	text-align: center;
}
#div-scroll #div-marquee .donor_address {
	font-style: italic;
}
#div-scroll #div-marquee .donor_address .city {
	text-transform: capitalize;
}
/* Change headings for board members campaigns */
#div-scroll #div-marquee .campaign-33406 h3.donor_heading, #div-scroll #div-marquee .campaign-33404 h3.donor_heading {
	visibility: hidden;
}
#div-scroll #div-marquee .campaign-33406 h3.donor_heading:after, #div-scroll #div-marquee .campaign-33404 h3.donor_heading:after {
	visibility: visible;
	content: 'Board Member';
	position: absolute;
	left: 100px;
}

/* TOUCHSCREEN OVERRIDES */
body.touch, body.touch a, body.touch #div-page .span-close, #div-page-2 .span-close, body.touch #new-search, body.touch #div-keyboard li, body.touch .screen-acc, body.touch .div-page-data {cursor: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}


/* KEYBOARD */
#div-keyboard {
	position: relative;
	display: inline-block;
	padding: 50px 30px;
	height: 384px;
	width: auto;
}
#div-keyboard p {
	display: block;
	margin: 0 auto 12px;
	width: 100%;
	text-align: center !important;
	color: #FFFFFF;
	font-size: 44px;
	text-transform: uppercase;
}
#input-kb {
	display: block;
	margin: 8px auto;
	line-height: 36px;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	padding: 1px 10px;
	border-width: 1px;
}
#div-keyboard form {
	position: relative;
}
#div-keyboard span.search.kb-return {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-left: 1px solid #fff;
}
#div-keyboard span.search.kb-return::after {
	content: "SEARCH";
	line-height: 38px;
}
#div-keyboard ul {list-style-type: none; clear: both; text-align: center;}
#div-keyboard li:before{ content:''; display: none;}
#div-keyboard li {
	display: inline-block;
	-webkit-user-select: none;
	line-height: 36px;
	color: #fff;
	font-size: 18px;
	border: 1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	width: 40px;
	box-sizing: border-box;
	text-align: center;
	margin: 3px 0;
	padding: 0;
	text-transform: uppercase;
	transition: all 0.4s;
}
#div-keyboard li:active {
	background: #fff;
	color: #000;
}
.kb-delete {width: 84px !important;}
.kb-tab {width: 62px !important;}
.kb-caps {width: 52px !important;}
.kb-key-on {background-color: #b1d3ed !important;}
.kb-return {width: 110px !important;}
.kb-return {width: 110px !important;}
.kb-shift {width: 102px !important;}
.kb-space {width: 327px !important;}

/* HIDE UNNECESSARY KEYBOARD KEYS */
#div-keyboard ul:not(:last-of-type) li:first-child,
#div-keyboard ul:first-of-type li:nth-child(12),
#div-keyboard ul:first-of-type li:nth-child(13),
#div-keyboard ul:nth-of-type(4) li:last-child {
	display: none;
}



/* SEARCH RESULTS */
.search-results, .donor-profile {
	position: absolute;
	box-sizing: border-box;
	padding-top: 50px;
	padding-bottom: 50px;
	z-index: 999;
	top: auto;
	bottom: 580px;
	width: 70%;
	left: 50%;
	transform: translateX(-50%);
}
.search-results h1 {font-size: 28px; margin-bottom: 8px;}
.search-results p {font-size: 22px; line-height: 28px; margin-bottom: 40px !important; }
.search-results ul {list-style-type: none; display: block; margin-top: 18px;}
.search-results li {margin-bottom: 15px;}
.search-results a {color: #FFFFFF; text-decoration: none; display: block; padding-left: 24px; background-position: left center; line-height: 1em; font-size: 22px; }
.search-results a:hover {text-decoration: underline;}
#new-search {
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	border: 1px solid #fff;
	padding: 2px 10px;
	border-radius: 4px; 
	z-index: 999; 
}

/* DONORS */
.donor-profile {
	max-height: 100%;
	background-color: rgba(0,0,0,0.8);
	color: #FFFFFF;
	display: block;
	position: relative;
	padding: 50px;
	border: solid 2px #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	top: auto;
	bottom: -550px;
}
.donor-profile #new-search { display: none; }
.p-img-donor {position: relative; float: left; width: 35%; padding-right: 30px; vertical-align: top;}
.p-img-donor img {width: 100%; height: auto;}
.donor-data {float: none; vertical-align: top; display: table;}
.donor-data-2 {clear: both;}
.donor-data h1 {color: #ffffff !important;}
.donor-data h1 span.donor_address { display: block; font-style: italic; font-weight: 400; }
.donor-data h2 {margin-bottom: 10px;}
.donor-profile .donor-data h3 {margin-bottom: 10px; color: #ffffff !important; font-size: 24px; font-weight: 400;}
.donor-profile h2.gallery-title {
	color: rgba(255,255,255,0.7);
	text-align: right;
}
.donor-profile h3.gallery-subtitle {
	color: #fff !important;
	text-align: right;
	font-weight: 400;
}
.donor-profile .slick-prev, .donor-profile .slick-next { width: 0; height: 0; margin-top: -20px;}
.donor-profile .slick-prev {
	left: 15px;
	border: 20px solid transparent;
	border-left-width: 0px;
	border-right: 15px solid rgba(255,255,255,0.7);
}
.donor-profile .slick-prev:before { content: '';}
.donor-profile .slick-next {
	right: 15px;
	border: 20px solid transparent;
	border-right-width: 0px;
	border-left: 15px solid rgba(255,255,255,0.7);
}
.donor-profile .slick-next:before { content: '';}

.donor-data h4 {margin-bottom: 25px; margin-top: -8px;}
.donor-data .campaign-11 h4.donation-data { display: none; }
/*#new-search {cursor: pointer; display: block; font-size: 18px; position: absolute; bottom: 50px; right: 50px; padding: 15px;}*/
/*.donor-profile #new-search {bottom: 0; right: 0; position: absolute; left: 660px; width: 100px;} */
#donor-info {width: 692px;}
#donor-info-buttons {display: block; text-align: right;}
#donor-info-buttons a {text-decoration: none;}
#donor-info-buttons #donor-info-back {
	border-right: 2px solid #ffde00;
	padding: 8px;
	margin-right: -4px;
}
#donor-info-buttons #donor-info-back:after {
	content:'';
	border: 6px solid transparent;
	border-right: 10px solid #fff;
	width: 0px;
	height: 0px;
	display: inline-block;
}
#donor-info-buttons #donor-info-next:before {
	content:'';
	border: 6px solid transparent;
	border-left: 10px solid #fff;
	width: 0px;
	height: 0px;
	margin-left: 8px;
	display: inline-block;
}
#donor-gallery {width: 692px; height: 106px; background-color: #000000; min-height: 90px; padding: 8px 50px;}
.donor-gallery-media img {height: 80px; width: auto; padding: 5px 10px 5px 0px; transition: all 0.3s linear;}
/*.donor-gallery-media.slick-active img, .donor-gallery-media.slick-activating img {height: 180px;}*/
.dgm-vid {width: 100%; height: auto;}


/* SCROLL HEADING */
#div-scroll-heading {
	text-align: center;
    color: #fff;
    padding: 270px 0 0;
    top: 0;
}
#div-scroll-heading * {
	text-shadow: 0px 0px 200px #000, 0px 0px 200px #000, 0px 0px 200px #000;
}
#div-scroll-heading .camp_name {
	position: relative;
	/*font-size: 40px;
	border-bottom: 1px solid #fff;*/
	padding-bottom: 20px;
}
/*
#div-scroll-heading .camp_name:after {
	position: absolute;
    content: "campaign";
    top: 6px;
    right: 15px;
    color: #FFFFFF;
    font-size: 28px;
    opacity: .22;
}
*/
#div-scroll-heading .level_name {
	padding-top: 15px;
}

/* TWEAKS FOR SPECIAL CAMPAIGNS */
#div-scroll #div-marquee .campaign[class$="-endowments"] { margin-top: 5px; padding-top: 0px; }
.campaign[class$="-endowments"] h1 { display: none; }
.campaign-description h2.category { text-align: center; }


/* GUESTBOOK */
#guestbook_form label{ display: block; margin-bottom: 15px;}


/* TIMELINE */
.timeline_wrapper {
	width: 3140px;
	overflow: hidden;
	padding: 50px 60px 50px 50px;
	margin: 0px;
}
.timeline_wrapper h1 {
	font-size: 75px;
}
.timeline_wrapper .slick-prev, .timeline_wrapper .slick-next { margin-top: -30px;}
.timeline_wrapper .slick-prev {
	left: 15px;
	border: 60px solid transparent;
	border-left-width: 0px;
	border-right-width: 30px;
	border-right-color: rgba(255,255,255,0.7);
}
.timeline_wrapper .slick-prev:before { content: '';}
.timeline_wrapper .slick-next {
	right: 20px;
	border: 60px solid transparent;
	border-right-width: 0px;
	border-left-width: 30px;
	border-left-color: rgba(255,255,255,0.7);
}
.timeline_wrapper .slick-next:before { content: '';}

.timeline_entry {
	margin: 0px;
}
.timeline_entry .year {
	margin: 0px 2px;
	font-size: 75px;
	text-align: center;
	opacity: 0.5;
	border-bottom: 4px dotted #fff;
}
.timeline_entry .title, .timeline_entry .comment {
	color: #ffff00;
	font-weight: 700;
	margin: 10px 0px;
	padding: 0px 10px;
	font-size: 22px;
	transition: height 1s;
}
.timeline_entry .comment {
	color: #fff;
	font-weight: 400;
}
.timeline_entry .spacer {
	border-right: 4px dotted rgba(255,255,255,0.5);
	margin: 8px auto;
}
.timeline_entry .image {
	padding: 0px 10px;
	overflow: hidden;
}
.timeline_entry img {
	width: auto !important;
	height: 350px;
	margin-bottom: 20px;
}

/* LOCATIONS */
.location_img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px auto;
	background: url('/wp-content/uploads/logo-sm.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.name_position-right .location_img {
	float: left;
}
a.location {
	text-decoration: none;
}
.name_position-right .location_name, .name_position-left .location_name, .name_position-bottom .location_name {
	float: left;
	position: relative;
	top: 18px;
	text-shadow: 2px 2px 2px #000, 1px 1px 1px #000;
}
.name_position-left .location_img {
	float: right;
}
.name_position-bottom {
	text-align: center;
}
.name_position-bottom .location_name {
	display: block;
	float: none;
	margin-top: -12px;
}
.fancybox-wrap.location.div-page-1 {
	width: 600px !important;
	height: auto;
	top: 640px !important;
	left: 200px !important;
	opacity: 1;
	text-align: left;
}
body.acc-on .fancybox-wrap.location.div-page-1 {
	top: auto !important;
	bottom: -620px;
}

/* TinyMCE Styles */
html {
	min-height: 100%;
}
html .mceContentBody {
	max-width: 100% !important;
	background: #000000;
	overflow-y: scroll;
}
html .mceContentBody .timeline_entry .title, html .mceContentBody .timeline_entry .comment{
	width: auto !important;
	height: auto !important;
}

/* ST. CLEMENT'S SPECIFIC */
.mt-p {margin-top: 40px;}
.mt-v {margin-top: 20px; background-color: #000;}
.pg-gal-2 .gallery figure img {height: 390px;}
.pg-gal-3 .gallery figure img {height: 240px;}
.div-pm {background-color: #454545; padding: 1em; border-radius: 8px; width: 1860px;}
.div-pm p {line-height: 48px;}
.div-pm p:not(:first-child) {margin-top: 24px;}
.div-pm .alignleft {margin-top: 0; margin-bottom: 0;}
.cf::after {content: ""; clear: both; display: table;}