/* colors:

red: #dc6a55 #dc6a55;
blue: #80b4af #80b4af;
yellow: #ebd08a #ebd08a;
black: #0f0f0f;

*/
h1, h2 {
font-family: 'Vast Shadow', cursive;
font-weight: normal;
}
h3,h4 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
}
h1 { color: #0f0f0f ; margin: 6px 0; }
h2 { color: #525252 }
h2, h3, h4 {
color: #0f0f0f;
/* text-shadow: 2px 2px rgb(77, 77, 77); 
background-color: #303030;
padding: 6px; */
margin-top: 0px;
}
h4 { color: #525252; font-weight: bold; }

div.NewsSummary {
 margin-bottom: 30px;
}

.NewsSummaryPostdate, .subtle {
color: #A6BFC7;
font-size: 12px;
margin-top: -20px;
margin-bottom: 6px;
}

.NewsSummaryContent img {
float: left;
margin: 0px 16px 16px 0px;
}


@font-face {
    font-family: HappyFox;
    src: url('/EpochTheme/HappyFox-Condensed.otf');
}
@font-face {
    font-family: 'Vast Shadow';
    src: url('https://fonts.googleapis.com/css?family=Vast+Shadow');
}



body, html {
 background-color: #80b4af;
font-family: Arial;
margin:0
}
.clearfix {
 clear:both;
}
a {
color: #dc6a55;
}
a:hover {
color: #d6111a
}
a:visited {
color: #dc6a55
}

.classCatalog a, .classCatalog a:visited {
 color: black;
}
.classCatalog a:hover {
 color: #d6111a
}


table.epochtable {
 width: 100%;
border: 0px;
background-color: #FFFBDE;
}

table.epochtable th p {
font-size: 50px;
margin: 0px;
}

table.epochtable th {
    background-color: #EBD08A;
    color: white;
    padding: 12px;
}

table.epochtable td {
font-size: 20px;
padding: 12px;
}

table.epochtable th.rowheader {
    font-size: 50px;
    color: rgb(60,60,60);
    padding: 30px 30px;
    background-color: #C7E4E1;
    border: 10px solid #FFFBDE;
}







.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #ebd08a; position: relative; -webkit-border-radius: none; -moz-border-radius: none; -o-border-radius: none; border-radius: none; /* -webkit-box-shadow: none; */ -moz-box-shadow: none; -o-box-shadow: none; /* box-shadow: none; */ zoom: 1; }
.flexslider {
margin: 0px;
}

.flexslider .slides > li {
position: relative;
}
.flexslider:hover {
 border: 4px solid #dc6a55;
}

ul.EpochEventSliderNav {
margin: -90px 0 28px 8px;
list-style: none;
padding: 0px;
float: left;
clear: both;
}

.EpochEventSliderNav li {
cursor: pointer;
display: block;
width: 280px;
height: 60px;
background-color: #ebd08a;
border: 2px solid #ebd08a;
float: left;
margin: 0px 4px;
padding: 8px;
-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.6);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,.6);
-o-box-shadow: 0 2px 8px rgba(0,0,0,.6);
box-shadow: 0 2px 8px rgba(0,0,0,.6);
}
.EpochEventSliderNav li {
position: relative;
background: rgba(255, 238, 192, 0.8);
}
.EpochEventSliderNav li.flex-active {
border: 2px solid white;
}

/*
.EpochEventSliderNav li:after, .EpochEventSliderNav li:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.EpochEventSliderNav li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 0px;
	margin-left: -0px;
}
.EpochEventSliderNav li:before {
	border-color: rgba(247, 76, 84, 0);
	border-bottom-color: #dc6a55;
	border-width: 4px;
	margin-left: -4px;
}


.EpochEventSliderNav li.flex-active:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.EpochEventSliderNav li.flex-active:before {
	border-color: rgba(247, 76, 84, 0);
	border-bottom-color: #dc6a55;
	border-width: 14px;
	margin-left: -14px;
}
*/

/* no border nubbin start here:
.EpochEventSliderNav li:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 230, 118, 0);
	border-bottom-color: #ebd08a;
	border-width: 0px;
	margin-left: 0px;
}

.EpochEventSliderNav li.flex-active:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 230, 118, 0);
	border-bottom-color: #ebd08a;
	border-width: 30px;
	margin-left: -30px;
}
*/

div#header {
  height: 1096px;
  width:100%;
  margin: auto;
background: url('/EpochTheme/graphics/bg.gif') center top;
background-repeat: no-repeat;
}
div#header a {
 display: block;
  height: 136px;
  width: 960px;
  margin: auto;

}

.slideText {
position: absolute;
display: block !important;
background-color: none;
max-width: 950px;
color: white;
font-weight: bold;
text-shadow: 2px 2px black;
}

.slideTitle {
 font-size: 40px;
 margin: 20px 0 8px;
/* font-family: 'Vast Shadow', cursive;
font-weight: normal; */
font-family: 'Montserrat', sans-serif;
font-weight: bold;

}
.slideSubtitle {
 font-size: 26px;
 margin:0px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;

}
.slideDatetime {
 font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: normal;

}


.slides .tl {
  top: 20px;
  left: 50px;
  text-align: left;
}
.slides .tr {
  top: 20px;
  right: 50px;
  text-align: right;
}
.slides .bl {
  bottom: 20px;
  left: 50px;
  text-align: left;
}
.slides .br {
  bottom: 20px;
  right: 50px;
  text-align: right;
}
.slides .c {
  width: 200px;
  left: 50%;
  top: 10%;
  margin-left: -100px;
  text-align: center;
}


.EpochEventSliderNav .title {
font-size: 24px;
width: 188px;
float: left;
overflow: hidden;
height: inherit;
text-shadow: 3px 3px 3px #B6984B;
font-family: 'Montserrat', sans-serif;
font-weight: normal;

}


.datetimebox {
float: right;
background-color: rgba(255, 255, 255, 0.43);
width: 75px;
height: 60px;
margin: -2px;
padding: 0px;
text-align: center;
border: 2px solid rgba(0, 0, 0, 0.33) ;
}
.datetimebox .month {
width: 100%;
background-color: rgba(0, 0, 0, 0.33) ;
color:white;
margin:0px;
padding:0px;
}
.datetimebox .date {
  font-size: 2em;
margin:0px;
padding:0px;
color:#A80b4af
}


div#substancebox {
  width: 954px;
  border-right: 2px solid #0f0f0f;
  border-bottom: 2px solid #0f0f0f;
  border-left: 2px solid #0f0f0f;
background-color: white;

margin: 0 auto 200px;

    position:absolute;
    top:158px;
    left:50%;
    margin-left:-480px /* half of the width */

}

div#content {
 padding: 10px;
  margin-top: -150px;
min-height: 868px;
}
div#mid-section {
clear: both;
margin: 18px 10px;
}

div#content-header {
height: 200px;
background-color: #ebd08a;
/* float: left; */
position:relative;
width: 926px;
margin: 8px 0px 14px;
/* text-shadow: 2px 2px black; */
border: 4px solid #ebd08a;
}
div#content-header h1 {
/* margin: 110px 25px; */
font-size: 72px;
font-family: 'HappyFox', sans-serif;
letter-spacing: 6px;
text-shadow: 3px 4px #0f0f0f;
color: white;
position: absolute;
bottom: 0%;
left: 18px;
}

div#content .col-left {
width: 320px;
float: left;
min-height: 100px;
}
div#content .col-right {
 width: 590px;
 float:right;
min-height: 100px;
}


.col-left div#latestMemory {
    width: 250px;
    padding-top: 20px;
    color: #759491;
}
.col-left div#latestMemory h3 {
    color: #759491;
    margin-top: 10px;
}
.col-left div#latestMemory img {
    border: 2px solid #4C314A;
}

ul.sidemenu {
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:18px;
	width:310px;
}

ul.sidemenu ul {
	list-style: none;
	margin:0 0 0 10px;
	padding:0;
}



ul.sidemenu a{
	text-decoration:none;
	outline:none;
        display:block;
        height: 100%;
        width: 100%;
        padding:6px;
}

.sidemenu li {
float: left;
width: 250px;
min-height: 20px;
position: relative;
cursor: pointer;
border: 2px solid #0f0f0f;
background-color: #dc6a55;
margin: 4px 0px;
}

.sidemenu li ul li.notcurrentpage {
width: 225px;
}

.sidemenu li ul li:last-child { 
margin: 4px 0 10px;
}


.sidemenu li.notcurrentpage {
  background-color: #dc6a55;
  width: 250px;
}
.sidemenu li.currentpage {
  background-color: #ebd08a;
  width: 250px;
}

ul.sidemenu li > a{
	z-index:10000;
	background:transparent url(EpochTheme/SlideDownBoxMenu/images/overlay.png) no-repeat bottom right;
	/* -moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset; */
        color:#fff;
        text-shadow:1px 1px 1px #000;

}


div.EpochEventSidemenu{
clear:both;
float: left;
margin-top: 2px;
}
div.EpochEventSidemenu ul {
 margin: 0px;
padding:0px;
}
div.EpochEventSidemenu li {
height: 60px;
margin: 10px 0px;
padding: 10px;
width: 230px;
list-style-type: none;
border: 2px solid #dc6a55;
background: rgba(82, 82, 82, 0.73);
}
div.EpochEventSidemenu li:hover {
border: 2px solid rgb(249, 66, 33);
}

div.EpochEventSidemenu a {
display:block;
background-position-x: 2px;
color:white;
}
div.EpochEventSidemenu .title {
width: 140px;
float: left;
color: white;
font-weight: bold;
text-shadow: 2px 2px black;
font-size: 20px;
}

			span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:12px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			ul.sdt_menu{
				margin-top:150px;
			}
			h1.title{
				text-indent:-9000px;
				background:transparent url(title.png) no-repeat top left;
				width:633px;
				height:69px;
			}


img.ourPeople {
 float:left;
 margin: 0px 10px 10px 0px;
}
.person {
clear:both;
margin: 14px 0px 10px 0px;
float: left;
}
.person h3 {
margin-bottom: 6px;
}
.person h4 {
margin-top: 20px;
}




div#epochMemories {
    clear: both;
    border-top: 2px dotted #80B4AF;
    margin-top: 30px;
    float: left;
}
div#epochMemories h2 {
    color: #80B4AF;
    margin: 10px 0px;
}
div#epochMemories h3 {
    margin-bottom: 8px;
}
div#epochMemories img {
    border: 1px solid darkgrey;
}
div#epochMemories div.pageMemory {
    margin-top: 4px;
    float: left;
  width: 100%;
}


/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    border: 3px solid #eee;
    float: left;
    height: 140px;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    width: 140px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
}

.viewport a img {
    height: 180px;
    left: -20px;
    position: relative;
    top: -20px;
    width: 180px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
display: none;
font-size: 1em;
font-weight: bold;
height: 100%;
padding-top: 20px;
position: absolute;
text-align: center;
text-decoration: none;
width: 100%;
z-index: 100;
}

    .viewport a span em {
        display: block;
        font-size: 0.85em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
    .dark-background em {
        color: #ccc;
    }















.personCard a {
display:block;
width: 140px;
height: 140px;
float: left;
background-image: url('/EpochTheme/icons/name.svg');
background-size: 140px 140px;

}
.personCard p {
width: 260px;
height: 300px;
overflow: hidden;
}

div#footer {
margin: 40px auto;
font-size: 10px;
clear: both;
text-align: center;
color: white;
position: absolute;
width: 100%;
}
div#footercontent {
top: 40px;
position: absolute;
width: 960px;
}

.donor .tabs .tab-title.active a {
color: #dc6a55 !important ;
}

.btn--square-primary, .btn--square-primary:hover {
background-color: #dc6a55 !important;
}
.popup {
 max-width:400px;
}
#dropdownmenu {
display:none;
}

div.viditem {
    float: left;
    clear: both;
    padding-bottom: 40px;
}
div.vidpanel {
    float: left;
    margin-bottom: 10px;
}
div.descpanel {
    float: left;
}

@media only screen and (min-width: 940px) {
div.descpanel {
    width: 40%;
    padding-left: 20px;
}
}

a.bigbutton {
    display: inline-block;
    background-color: #fff5cb;
    width: 120px;
    padding: 16px;
    margin: 20px;
    /* float: left;*/
    height: 80px;
    border: 12px solid #fcc051;
    text-decoration: none;
    text-align: center;
    font-size: 2em;
    color: #f59940;
    font-family: 'Montserrat';
    font-weight: bold;
    vertical-align: top;
}
a.bigbutton:hover {
    background-color: #fffdf3;
    color: #4ebdbb;
    border-color: #ffa600;
}

.paypalbutton input, textarea, select {
    color: #3c3c3c;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    line-height: 56px;
    height: 56px;
    background-color: #fbfbfb;
    /* padding: 13px 13px 13px 13px; */
    margin-bottom: 10px;
    width: unset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: unset;
}
.merchitem {
  border: 2px solid lightgrey;
  padding: 10px;
    margin: 15px 0;
clear: both;
float:left;
}

div.inrow {
    float: left;
    width: 300px;
    margin: 2px;
}
div.inrow .description {
  padding: 40px 10px;
  text-align: center;
}

img.fullwidthImg {
    float: left;
    margin: 0px 10px 10px 0px;
    width: 100%;
    height: auto;
}

li.sideMenuFeatured {
    width: 240px;
    height: 60px;
    font-size: 1.3em;
    background: #93dad3;
    padding: 5px;
    background-image: url('/uploads/images/fundraiser/connectedbutton.jpg');
}

.connectedPromoBanner {
    border: 2px solid black;
    text-align: center;
    /* width: 100%; */
    display: block;
    margin: 4px 12px 10px;
    padding: 30px;
    font-family: 'Montserrat';
    font-weight: bold;
    background: #46c2dc;
    color: white !important;
    font-size: 1.6em;
    text-decoration: none;
    opacity: 1;
    background-image: url(/uploads/images/fundraiser/connectedSun.jpg);
    background-position-y: center;
    background-position-x: -8000px;
}
.connectedPromoBanner:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    /* margin-top: -9px; */
    right: -434px;
}

a.redButton {
    margin: auto;
    width: 100px;
    border FONT-WEIGHT: 100;
    display: block;
    border: 5px solid #ffe999;
    padding: 20px;
    text-align: center;
    background: #dc6a55;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

a.redButton:hover {
    background: #f49f7b;

}

#embedTS_IIIGG.iframe {
min-height: 1000px;
}

.col-cont {
    clear: both;
    width: 100%;
    float: left;
}
.half-col {
    width: 46%;
    float: left;
    margin-right: 12px;
    padding-right: 8px;
}
.col-cont img {
    width: 98%;
    height: auto;
}

@media only screen and (max-width: 560px) {
.half-col {
    width: 100%;
    float: left;
    margin-right: 0px;
    padding-right: 8px;
}
}

/* Stylesheet: Epoch2015 Layout Modified On 2022-08-11 12:37:02 */
div#menu {
width: 960px;
height: 200px;
margin-bottom: 4px;
}

ul.sdt_menu{
	margin:0 0 0 4px;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:1020px;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
div.sdt_box a {
        text-align: left;
}
div.sdt_box a.parent {
    border-bottom: 1px solid #dc6a55;
    font-weight:bold;
}
div.sdt_box a.lev3 {
     margin-left: 40px !important;
}


ul.sdt_menu li {
  float: left;
  width: 117px;
  height: 50px;
  position: relative;
  cursor: pointer;
  margin: 0px 7px;
  border: 2px solid #0f0f0f;
  background-color: #dc6a55;
  text-align: center;
}
ul.sdt_menu li.donate, ul.sdt_menu li.donate span.sdt_active  {
  background-color: #F5DC99;
}
ul.sdt_menu li.donate span.sdt_link {
  color: black;
  text-shadow: none;
  font-weight: bold;
}


ul.sdt_menu li > a{
	position:absolute;
	top:-10px;
	left:0px;
	width:117px;
	height: 74px;
	z-index:10000;
	background:transparent url(EpochTheme/SlideDownBoxMenu/images/overlay.png) no-repeat bottom right;
	/* -moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset; */
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:50px;
	z-index:100;
	/*-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;*/
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:15px;
	left:0px;
	width:117px;
	height:60px;
	z-index:15;

}
ul.sdt_menu li span.sdt_active {
position: absolute;
top: 50px;
width: 117px;
height: 0px;
left: 0px;
z-index: -1000;
border-right: 2px solid #0f0f0f;
border-bottom: 2px solid #0f0f0f;
border-left: 2px solid #0f0f0f;
background-color: #dc6a55;
margin: 10px 0 0 -2px;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	/* text-transform:uppercase; */
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:18px;
	/*float:left;*/
	clear:both;
        margin: 0px;
	text-shadow:1px 1px 1px #000;
}

ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:10px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:200px;
	overflow:hidden;
	/* height:160px; */
	top:80px;
	left:0px;
	display:none;
	background:#000;
        z-index:9999;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

/* Stylesheet: Epoch2015 Top Menu Modified On 2017-08-31 13:12:59 */