@charset "utf-8";

.spineSymposiumBackground {
	background-color: hsla(220,57%,42%,0.60);

}
.spineSymposium {
	background-color: hsla(0,0%,100%,0.80);
	margin-bottom: 40px;
	margin-left: 6%;
	margin-right: 6%;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 40px;
}


.spineSymposium h1 {
	color: hsla(221,95%,32%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.spineSymposium h2 {
	color: hsla(221,95%,32%,1.00);
	font-size: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.spineSymposium h3 {
	color: hsla(221,95%,32%,1.00);
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
}


.spineSymposium h4 {
	color: hsla(128,83%,31%,1.00);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.spineSymposium h4 a {
	color: hsla(128,83%,31%,1.00);
}

.spineSymposium h4 a:hover {
	color: hsla(128,100%,37%,1.00);
}

.spineSymposium h5 {
	color: hsla(0,0%,0%,1.00);
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.spineSymposium .session {
	font-weight: 700;
	font-size: 24px;
	color: hsla(257,67%,31%,1.00);
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.spineSymposium .date {
	font-weight: 700;
	font-size: 24px;
	color: hsla(221,95%,32%,1.00);
	float: left;
	clear: both;
	width: 100%;
}

.spineSymposium .location {
	font-weight: 700;
	font-size: 20px;
	color: hsla(221,95%,32%,1.00);
	float: left;
	clear: both;
	width: 100%;
}

.spineSymposium .location a {
	color: hsla(116,37%,50%,1.00);
	text-decoration: none;
}

.spineSymposium .location a:hover {
	color: hsla(221,95%,32%,1.00);
	text-decoration: none;
}

.spineSymposiumWrapper {
	width: 100%;
	float: left;
	clear: both;
	display: block;
	border-bottom: 1px dotted hsla(134,55%,40%,1.00);
	margin-top: 40px;
	margin-bottom: 20px;
}

.spineSymposiumButtons {
	margin-bottom: 40px;
	float: left;
	clear: none;
	margin-right: 20px;
}

.spineSymposiumButtons a {
	background-color: hsla(218,57%,50%,1.00);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 2px hsla(0,0%,0%,0.30);
	box-shadow: 1px 1px 2px hsla(0,0%,0%,0.30);
	color: hsla(0,0%,100%,1.00);
	text-shadow: -1px -1px 0px hsla(0,0%,0%,0.50);
	font-size: 22px;
	font-weight: 700;
	text-decoration: none;
}

.spineSymposiumButtons a:hover {
	background-color: hsla(140,73%,35%,1.00);
	-webkit-box-shadow: -1px -1px 2px hsla(0,0%,0%,0.15);
	box-shadow: -1px -1px 2px hsla(0,0%,0%,0.15);
	color: hsla(0,0%,100%,1.00);
	text-shadow: -1px -1px 0px hsla(0,0%,0%,0.50);
	text-decoration: none;
}

.or {
	margin-bottom: 20px;
	float: left;
	clear: none;
	margin-right: 20px;
	color: hsla(218,57%,50%,1.00);
	font-size: 22px;
	font-weight: 700;
}

.care h2 {
	font-size: 24px;
	margin-top: 30px;
}

.care h2 .highlight {
	font-size: 160%;
	letter-spacing: 2px;
	color: hsla(108,100%,29%,1.00);
	padding-bottom: 0px;
	padding-top: 60px;
}

.spineSymposium ul li {
	font-size: 18px;
	margin-left: -10px;
	line-height: normal;
	margin-bottom: 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.spineSymposium hr {
	margin-top: 40px;
	margin-bottom: -10px;
	border-top: 1px solid hsla(0,0%,100%,0.60);
	border-bottom: 1px solid hsla(228,100%,37%,0.50);
}



.highlight {
	font-weight: 700;
	color: hsla(226,50%,42%,1.00);
}



.spineSymposium .leftColumn {
	float: left;
	clear: none;
	width: 66%;
}

.spineSymposium .rightColumn {
	float: right;
	clear: none;
	width: 30%;
}

.spineSymposium .rightColumn figure {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.spineSymposium .rightColumn img {
	width: 100%;
	height: auto;
	border-radius: 40px;
}

.spineSymposium .rightColumn .no_rounding img {
	border-radius: 0px;
	-webkit-box-shadow: 1px 1px 5px 1px hsla(0,0%,0%,0.20);
	box-shadow: 1px 1px 5px 1px hsla(0,0%,0%,0.20);
}

.optionWrapper {
	border-top: 2px solid hsla(219,100%,38%,0.40);
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
	clear: left;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 40px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.00) 95.85%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.00) 95.85%);
}

.optionWrapper .donateIcon {
	width: 60px;
	height: auto;
	margin-bottom: 10px;
}

.optionWrapper .donateIcon img {
	width: 100%;
	height: auto;
}
.leftColumn .optionWrapper p {
	float: left;
}

@media screen and (max-width:1800px){
.spineSymposium {
	margin-left: 3%;
	margin-right: 3%;
}
.spineSymposium .leftColumn {
	width: 65%;
}

.spineSymposium .rightColumn {
	width: 30%;
}
}

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

.spineSymposium .leftColumn {
	width: 100%;
}

.spineSymposium .rightColumn {
	visibility: hidden;
	width: 0%;
}

.spineSymposium h1 {
	font-size: 32px;
}

.spineSymposium h2 {
	font-size: 42px;
}

.spineSymposium h3 {
	font-size: 30px;
}

.spineSymposium h4 {
	font-size: 28px;
}

.spineSymposium h5 {
	font-size: 20px;
}

.spineSymposium .session {
	font-size: 20px;
}

}

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


.spineSymposium h1 {
	font-size: 28px;
}

.spineSymposium h2 {
	font-size: 36px;
}

.spineSymposium h3 {
	font-size: 24px;
}

.spineSymposium h4 {
	font-size: 20px;
}

.spineSymposium h5 {
	font-size: 18px;
}

.spineSymposiumButtons a {
	font-size: 18px;
}

.or {

	font-size: 18px;
}

.care h2 {
	font-size: 18px;
}

.care h2 .highlight {
	padding-top: 15px;
}
}

@media screen and (max-width:767px){
.spineSymposium {
	margin: 0px;
	border-radius: 0px;
	padding: 20px;
}

}


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


.spineSymposiumButtons {
	clear: left;
}

}