@font-face {
	font-family: 'clarendon';
	font-style: normal;
	src: url('https://www.girlsontheruniowa.org/fonts/clarendon.otf'),
		url('https://www.girlsontheruniowa.org/fonts/clarendon.woff') format('woff'),  /* Newer browsers */
		url('https://www.girlsontheruniowa.org/fonts/clarendon.ttf') format('truetype'); /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
	
}

/* .sc-menu [data-i18n$="ChangeLayout"] { */
	/* display: none !important; */
/* } */
.dnnLogin {
	margin: 0 auto;
	width: 450px;
}
img.desaturate{
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(https://www.girlsontheruniowa.org/css/desaturate.svg#greyscale);
}

.sc-menu {
	margin-top: 0px;
	float: right;	
	position: relative;
}
.sc-menu ul {
	margin-bottom: 0px;
}

.hero-image .sc-menu {
	margin-top: 40px;
}



#mainNav .sc-menu {
	margin-top: 0px;
	padding-right: 80px;
}
.mdc-layout-grid {
	height: 800px;
	overflow-y: auto;
}
.sc-content-block-menu-btn {
	position: absolute;
	right: 200px;
}
.sc-content-block-menu-addcontent.sc-content-block-menu-module {
	position: absolute;
    left: 20px;
	display: none !important;
}

.sc-content-block-menu-addapp.sc-content-block-menu-module {
	position: absolute;
	left: 55px;
	display: none !important;
}

.sc-content-block-quick-insert:after, .sc-content-block-quick-insert:before {
	display: none;
}

.cms-tools-herohome {
	position:absolute; 
	right:0px; 
	top:60px;
}

.cms-centermenu  .sc-menu{
	float: none;
	text-align: center;
}

.hvr-underline-from-center-white {
  letter-spacing: -.1px;
}

.dnnMedia-Wrapper {
	text-align: center;
    background-color: white;
	width: 100%;
	margin: auto;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px){
	.dnnMedia-Wrapper {
		width: 750px;
	}
}
@media (min-width: 992px){
	.dnnMedia-Wrapper {
		width: 970px;
	}
}
@media (min-width: 1200px){
	.dnnMedia-Wrapper {
		width: 1170px;
	}
}

.btn-news{
	border-radius: 0px;
}
.app-blog-detail-top .IN-widget {
	position: relative;
    top: -1px;
    border-radius: 5px;
}
.blog-social-media-wrapper {display:flex; align-items:baseline;}
.blog-social-media-wrapper span {display:inline-flex; }
.app-blog-detail-top .IN-widget button {
	font-size: 12px !important;
	font-weight: 500 !important;
	min-width: inherit !important;
	padding: 4px 10px !important;
	height: 29px !important;
	background-color: #1b95e0 !important;
}
.btn-social {
	font-size: 12px !important;
	font-weight: 600 !important;
	padding: 5px !important;
	margin: 0 20px !important;
	min-width: inherit !important;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 1px !important;
}
.btn-social:hover {
	background-color: #0073b1 !important;
}
.btn-glow {    
    color: #222;
	height: 120px;
	width:  120px;
    background-color: #fff;
	letter-spacing: -1px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	border-style: solid;
	border-width: 2px;
	border-color: #FF7DCA;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
	box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, .75);
}

.btn-glow:hover {
	width: 130px;
	height: 130px;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(191,216,134, .75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(191,216,134, .75);
	box-shadow: 0px 0px 15px 15px rgba(191,216,134, .75);
}

.btn-glow>i{
	postition: absolute;
	margin-top: 25px;
	color: #00a297;
}

.btn-glow>p{
	color: #52247f;
	font-size: 14px;	
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn:hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
    font-weight: bold;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}


.btn-regnow {
	height: 50%;
    border-color: #d53393;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-givenow{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 15px;
	background-color: rgba(200, 51, 147, 1);
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	font-weight:bold;
}

.btn-teal {
	color: white;
	background-color: rgba(0, 179, 153, 1);	
	border-color: rgba(0, 179, 153, 1);
	border-width: 2px;
}

.tile .btn:hover {
	color: white;
	background-color: rgb(48, 222, 197);
	border-color: rgb(48, 222, 197); 
}
.btn-teal:hover,
.btn-teal:focus,
.btn-teal.focus,
.btn-teal.active,
.btn-teal:active ,
.tile-5k a:hover{
	background-color: rgb(48, 222, 197);
	border-color: rgb(48, 222, 197);
	color: white;
}

.btn-green {
	color: white;
	background-color: #a3ce42;	
	border-color: #a3ce42;
	border-width: 2px;
}
.btn-green:hover,
.btn-green:focus,
.btn-green.focus,
.btn-green.active,
.btn-green:active {
	background-color: #b2d26b;
	border-color: #b2d26b;
	color: white;
}

.btn-white {
	color: rgba(200, 51, 147, 1);
	background-color: white;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active,
.btn-white:active ,
.btn-white:visited{
	background-color: rgba(200, 51, 147, 1);
	color: white;
	border-color: white;
	border-width: 1px;
}

.btn-white-teal {
	font-weight: 500;
	color: rgba(0, 179, 153, 1);
	background-color: white;
	border-color: rgba(0, 179, 153, 1);
	border-width: 2px;
}
.btn-white-teal:visited{
	background-color:white;
	color: rgba(0, 179, 153, 1);
}
.btn-white-teal:hover,
.btn-white-teal:focus,
.btn-white-teal.focus,
.btn-white-teal.active,
.btn-white-teal:active {
	font-weight: 500;
	background-color: rgba(0, 179, 153, 1);
	border-color: rgba(0, 179, 153, 1);
	border-color: white;
	border-width: 2px;
	color: white;
	font-weight: 700;
}

.btn-teal-white {
	color: white;
	background-color: rgba(0, 179, 153, 1);
	border-color: white;
	border-width: 2px;
}
.btn-teal-white:visited{
	background-color:white;
	color: rgba(0, 179, 153, 1);
}
.btn-teal-white:hover,
.btn-teal-white:focus,
.btn-teal-white.focus,
.btn-teal-white.active,
.btn-teal-white:active {
	font-weight: 500;
	background-color: white;
	border-color: rgba(0, 179, 153, 1);
	color: rgba(0, 179, 153, 1);
}

.btn-pink {
	background-color: rgba(200, 51, 147, 1);
	color: white;
	border-color: rgba(200, 51, 147, 1);
	border-width: 2px;
	font-size: 12px;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink.active,
.btn-pink:active ,
.tile-program .btn:hover{
	background-color: rgb(226, 85, 176);
	color: white;
	border-color: rgb(226, 85, 176);
	font-weight:bold;
}

.btn-white-pink {
	background-color: white;
	color: rgba(200, 51, 147, 1);
	border-color: rgba(200, 51, 147, 1);
	border-width: 2px;
}
.btn-white-pink:visited{
	background-color:white;
	color: rgba(200, 51, 147, 1);
}
.btn-white-pink:hover,
.btn-white-pink:focus,
.btn-white-pink.focus,
.btn-white-pink.active,
.btn-white-pink:active {
	background-color: rgb(226, 85, 176);
	color: white;
	font-weight:bold;
}

.btn-pink-white {
	background-color: rgb(191, 69, 140);
	color: white;
	border-color: white;
	border-width: 1px;
	font-size: 12px;
}
.btn-pink-white:hover,
.btn-pink-white:focus,
.btn-pink-white.focus,
.btn-pink-white.active,
.btn-pink-white:active {
	background-color: white;
	color: rgb(191, 69, 140);
	border-color: white;
	border-width: 1px;
	font-weight:bold;
}

.progbtn1 {
	background-color: white;
	color: rgb(191, 69, 140);
	min-width: 150px;	
	font-size: 16px;
}

.progbtn1:visited {
	color: rgb(191, 69, 140);
}

.progbtn1:hover,
.progbtn1:focus,
.progbtn1.focus,
.progbtn1.active,
.progbtn1:active {
	background-color: rgb(191, 69, 140);
	color: white;
	border: 1px solid white;
}


.progbtn2 {
	background-color: #BF458C;
	color: white;
	border-color: white;
	border-width: 1px;
	margin-top: 6px;
	margin-right: 4px;
	width: 150px;
}

.progbtn2:hover,
.progbtn2:focus,
.progbtn2.focus,
.progbtn2.active,
.progbtn2:active {
	background-color: white;
	color: #BF458C;
	border: 1px solid white;
}

.btn-showAll {
	background-color: rgb(48, 222, 197);
}

.btn-showAll:hover, .btn-showAll:focus, 
.btn-showAll:active {
	background-color: rgb(99, 234, 215);
	color:white;
}

.btn-purple {
	background-color: rgb(65, 34, 97);
	color: white;
	border-color: rgb(65, 34, 97);
	border-width: 2px;
	font-size: 12px;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple.active,
.btn-purple:active,
.tile-event .btn:hover {
	background-color: rgb(98, 53, 144);
	color: white;
	border-color: rgb(98, 53, 144);
}

.btn-white-purple {
	background-color: white;
	color: rgb(65, 34, 97);
	border-color: rgb(65, 34, 97);
	border-width: 2px;
	font-size: 12px;
}
.btn-white-purple:visited {
	background-color: white;
	color: rgb(65, 34, 97);
}
.btn-white-purple:hover,
.btn-white-purple:focus,
.btn-white-purple.focus,
.btn-white-purple.active,
.btn-white-purple:active {
	background-color:  rgb(98, 53, 144);
	color: white;
}
.btn-blue {
	background-color: #1b95e0;
	color: white;
	font-size: 12px;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue.active,
.btn-blue:active {
	background-color:  #1b95e0;
	color: white;
}
.btn-donation {
	background-color: white;
	color: rgba(0, 179, 153, 1);
	font-weight: bold;
	font-size: 12px;
}
.btn-givenow:hover,
.btn-givenow:focus,
.btn-givenow.focus,
.btn-givenow.active,
.btn-givenow:active {
	color: rgba(200, 51, 147, .9);
	background-color: white;
	border-width: 1px;
	border-color: rgba(200, 51, 147, .9);
}

.btn-primary {
	min-width: 160px;
	font-size: 16px;
	border-width: 2px;
    border-color: #8DB13C;
    color: white;
    background-color: #8DB13C;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	letter-spacing: 0.05em;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #bfd886;
    color: white;
    background-color: #bfd886;
}

.btn-primary:focus,
.btn-primary.focus {
	color: white;
    background-color: #8DB13C;
	border-width: 0;
	border-color: #8DB13C;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #bfd886;
    background-color: #bfd886;
}

.btn-primary .badge {
    color: #bfd886;
    background-color: #fff;
}

.btn-scmenu {
	float: right;
    margin: 0px;
    margin-right: 5px;
    min-width: 0px;
    padding: 4px 1px 2px 3px;
    background-color: #0088f4;
    border-color: #0088f4;
	color: white;
}

.btn {
	font-size: 14px;
    border-radius: 5px;
    font-family: "Arial",sans-serif;
    font-weight: 700;
	padding-left: 20px;
	padding-right: 20px;
	margin:5px 20px 5px 20px;
	min-width: 180px;
	letter-spacing: 0.05em;
}


.btn-xl {
    padding: 15px 30px;
}
.PoweredByERS {
	font-family: Gotham-Book;
	font-size: 14px;
}

.RadComboBox tr {
	height: 20px;
}

.rgRow, .rgAltRow {
	height: 40px;
}

.rgMasterTable tr {
	height: 40px;
}

.anchor {
    position:relative;
    top:-140px;
    display: block;
}

.anchor-5K {
    position:relative;
    top:-125px;
    display: block;
}

@media (min-width:512px){
	main {
		margin-top:60px;
	}
}
#dnn_ContentPane {
	padding: 0;
	margin: 0;
}
html,
body {
    width: 100%;
    height: 100%;
	font-family: "Arial", sans-serif;	
	font-size: 14px;
	font-weight: 300;
	color: #333;
}

img {
	max-width: 100%;
}

strong {
	
}


li {
	font-family: "Arial", sans-serif;
	font-size: 17px;
}

@media (min-width:1500px) {
	li {
		font-size: 17px;
	}
}

hr {
    max-width: 150px;
    border-color: #D53393;
    border-width: 2px;
}

hr.light {
    border-color: #fff;
}

hr.large-gray {
	border-width: 2px;
	border-color: #928c8c;
	max-width: 100%;
}

hr.thin-gray {
	border-width: 1px;
	border-color: #928c8c;
	max-width: 80%;
}

hr.thin-white {
	border-width: 1px;
	border-color: #fff;
	max-width: 450px;
}

hr.wide-fade{
	border-width: 3px;
	border-color: rgba(255,255,255,.3);
	max-width: 100%;
	margin-right: 10px;
}

a {
    color: white;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	font-size: 16px;
}

a:hover,
a:focus {    
	font-weight: 200;
	text-decoration: none;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}


.img-text {
	width: 95%;
	margin: auto;
}
.copy {
	font-size: 17px;
}

.copy ul {
	padding-left: 50px;
    text-align: left;
}

.copylarge {
	font-size: 17px;
}

.copy-xl {
	font-size: 21px;
	letter-spacing: .07em;
}

.copy-xl a{
	font-size: 21px;
	letter-spacing: .07em;
}

.copy-large {
	font-size: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Arial", sans-serif;
letter-spacing: .02em;	
}

h1{
	margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
	letter-spacing: 1px;
}
h2 {
    margin-top: 0;
    margin-bottom: 0;
	letter-spacing: 2px;
    font-weight: 700;
}

h3 {
	letter-spacing: 2px;
	font-size: 22px;
}

@media (min-width: 768px){
	h3 {
		font-size: 26px;
	}
}

@media (min-width: 1440px){
	h3 {
		font-size: 28px;
	}
}

h4 {
	font-size: 26px;
    margin-top: 0px;
    margin-bottom: 0;  
	letter-spacing: 2px;
    font-weight: 700;	
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 17px;
}

/* Theme colors */
.pink , .Pink{
	color:#CE33A2; 
}

.purple, .Purple {
	color:#412261;
}

.purple-bg {
	background-color: rgb(98, 53, 144);
	color: white;
}

.purple-bg a:hover {
	color:white;
	font-weight: bold;
}

.purple-bar {
	background-color: rgb(70, 32, 121);
	min-height: 20px;
	color: white;
}

.purple-text {
	color:#623590; 
}

.teal, .Teal {
	color:#38AE8A; 
}

/* END Theme colors */

/* Three column center icon/text layout styles */
.three-column-center {
	width: 95%
}

.three-column-center h2 {
	padding:20px 0px 5px 0px;
}

.three-col-icons {
	width: 200px;
}

.three-column-center p {
	width: 220px;
	margin: auto;
	padding-bottom: 20px;
}
@media (min-width: 1024px)
{
	.three-col-icons {
		width: 240px;
	}
	.three-column-center {
		width: 90%
	}
}
@media (min-width: 1280px){
	.three-column-center {
		width: 70%
	}
}
@media (min-width: 1600px){
	.three-column-center {
		width: 60%
	}
}
/* END Three column center icon/text layout styles */

.flip-img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.flip-imgy {
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1);
}

.flip-imgxy {
    -moz-transform: scale(-1,-1);
    -o-transform: scale(-1,-1);
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1);
}

.solid-teal {
	background-color: rgba(0, 179, 153, 1);
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	max-width: 220px;
	position: relative;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0); 	
}

p {
    margin-bottom: 20px;
    font-size: 17px;
	letter-spacing: .02em;
    line-height: 1.5;
	font-family: "Arial", sans-serif;
}

p.gray-text {	
	color: rgba(0, 0, 0, 0.85);
}

p.small {
	font-size: 17px;
}

p.large {
	font-size: 16px;
}

p.fullname {
	margin:0px;
	color:white;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-left: 10px;
}

p.jobtitle {
	margin:0px;
	color: white;
	font-size: 12px;
	text-align: left;
	margin-left: 10px;
}

.polaroid {
	text-align: center;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.polaroid-label {
	background-color: rgb(200, 51, 147);
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
	margin-left: 0px;
	margin-top: 0px;
	max-height: 100px;
    max-width: 300px;
    margin: auto;
}

.poloaroid p {
	padding-top: 20px;	
}

.opportunities p{
	color: white;
	font-size: 22px;
	margin-top: 20px;
	min-height: 90px;
}

.left-col {
	padding-left: 0px;
}

.mid-col {
	padding-left: 5px;
}

.right-col {
	padding-right: 0px;
	padding-left: 0px;
}

.centered {
	position: relative;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0); 
}

summary {
	color: #bfd886;
	font-size: 16px;
}

section {
	padding: 20px 0;
	height: auto;
	width: 100%;
}

aside {
    padding: 50px 0;
}

#event-carousel {
	margin-top: 50px;
}

#navbar-collapse-1 {
	margin-top: 5px;
	margin-bottom: 5px;	
}

#mainNav{
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.7);
	background-color: rgba(0, 179, 153, 1);
	position: fixed;
	width: 100%;
	z-index: 900;
}

#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

.no-padding {
    padding: 0;
}

.2px-padding {
    padding: 2px 2px 2px 2px;
}

.cursive {
	font-family: 'bromello';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 32px;
}

.cursive-small {
	font-family: 'bromello';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 32px;
}
.cursive-large {
	font-family: 'bromello';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 45px;
	line-height: .8;
}
.f-clar {
	font-family: 'clarendon';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 66px;
}

.f-clar-small {
	font-family: 'clarendon';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 58px;
}
.f-clar-large {
	font-family: 'clarendon';
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 82px;
	line-height: .8;
}
.f-aria {
	font-family: "Arial", sans-serif;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 66px;
}

.f-aria-small {
	font-family: "Arial", sans-serif;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 58px;
}
.f-aria-large {
	font-family: "Arial", sans-serif;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 82px;
	line-height: .8;
}

@media (max-width:768px) {
	.cursive {
		font-size: 54px;
	}
	.cursive-small {
		font-size: 33px;
	}
	.cursive-large {
		font-size: 50px;
	}
	.f-clar {
		font-size: 44px;
	}
	.f-clar-small {
		font-size: 23px;
	}
	.f-clar-large {
		font-size: 50px;
	}
	.f-aria {
		font-size: 44px;
	}
	.f-aria-small {
		font-size: 23px;
	}
	.f-aria-large {
		font-size: 50px;
	}
	.lb-h2-one {
		padding: 0 10px 0 10px;
	}
	#otheropps p {
		width: 340px;
	}
	.modal-dialog {
		max-width: auto !important;
	}	
}

	
@media (min-width:768px) and (max-width:2000px) {
	.cursive {
		font-size: 66px;
	}
	
	.cursive-small {
		font-size: 50px;
	}

	.cursive-large {
		font-size: 100px;
		line-height: .8;
	}
	
	.f-clar-small {
		font-size: 44px;
	}

	.f-clar {
		font-size: 60px;
	}
	.f-clar-large {
		font-size: 72px;
	}
	.f-aria-small {
		font-size: 44px;
	}

	.f-aria {
		font-size: 60px;
	}
	.f-aria-large {
		font-size: 72px;
	}
	.lb-h2-one {
		padding: 0 160px 0 160px;
	}

	#otheropps p {
		width: 540px;
	}
}

.upper {
	text-transform: uppercase;
}

.banner-img {
	width: 90%;
}

.career-modal {
	opacity: 1 !important;
	text-align: center;
	text-transform: none;
	font-size: 22px !important;
}

.career-modal p{
	font-size: 22px !important;
}

.career-modal a {
	font-size: 22px !important;
	color: rgba(0, 179, 153, 1) !important;	
}

.career-modal a:hover{
	color: rgb(100,100,100) !important;; 
}

.modal {
	top:10%;
}
.modal-open {
  section {
	-webkit-filter: blur(20px);
	-moz-filter: blur(20px);
	filter: blur(20px);
  }
}

.modal-message a {
	color: gray;
	font-size: 22px;
}
.giving-lb {
	width: 785px !important;
}
.modal-dialog {
	.modal-content {	  
	position: absolute;
	top: 50%;
	border-radius: 0;
	box-shadow: none;
	background-color: rgba(0,0,0,1);
	padding-left: 30px;
	padding-right: 30px;
	}
}
.modal-backdrop {
  background-color: rgba(0,0,0,1);
}

.modal-body a {
	font-size: 22px;
	color: rgba(0, 179, 153, 1);	
}

.modal-body a:hover{
	color: rgb(100,100,100);
}

.circular {
	border: 2px solid black;
	display: block;
	margin: auto;
	width: 300px;
	height: 300px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.nav-center {	
	display: block;
	float: none;
	margin: 0 auto;	
	width: 90%;	
}

.nav-center>li>a {		  
	border-left: 1px solid gray; 
	border-right: 1px solid gray;
}

.nav>li>a {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
	margin-right: 15px;	
}

.headerPane {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
a, a:visited {   
	color: white;
    outline: 0;
}

.no-margin {
	margin-left: 0px;
	margin-right: 0px; 
	padding:0px;
}
.top-menu-links {
	line-height: 20px;
}
.top-menu-links>a {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
	margin-right: 15px;
	padding: 10px 15px;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.top-menu {
	width:100%;
	background-color: rgb(50,10,105);	
}

#bottom-menu {
	float:right;
    position:relative;
    text-align:left;
	padding-top: 10px;
}

#bottom-menu ul {
	list-style:none;
    position:relative;
}

@media (max-width: 1199px) {
	#bottom-menu: {
		
	}
	
	#bottom-menu ul {
		left: 0%;
	}
}

@media (min-width: 1200px) {
	#bottom-menu ul {
		left: 50%;
	}
	
	#bottom-menu {
		left:-50%;
	}
}

.dropbtn {
	padding-top: 4px;
    padding-bottom: 12px;
	color: rgba(255, 255, 255, 0.81);    
    border: none;
    cursor: pointer;	
	font-family: "Arial", sans-serif;	
}

@media (max-width: 1499px) {	
	.dropbtn {
		font-size: 14px;	
	}
	
	.dropdown a {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width:1500px) {
	.dropbtn {
		font-size: 18px;	
	}
	
	.dropdown a {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.dropbtn:hover {
	background: rgba(255,255,255,.25);	
}

.top-btn:hover {
	background: rgba(255,255,255,.25);	
}

.dropbtn a:hover {
	color: white;	
}

.dropdown {
    position: relative;
    display: inline;	
	padding-top: 15px;
}

.dropdown a {	
	letter-spacing: .8px;
	color: white;
}

.dropdown a:hover {
	color: white;	
}

.dropdown a:visited {
	color: white;
}

.dropdown-content {
    visibility: hidden;
	opacity: 0;
	transition: visibility .1s, opacity 0.5s linear;	
    position: absolute;	
	padding-top: 10px;
	padding-bottom: 0px;
    background-color:rgba(0, 179, 153, .7);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.7);
	z-index: 900;
}

.dropdown-content a {
	display:inline-flex;
	text-transform: uppercase;
	color: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer;
	font-weight: 300;
	letter-spacing: 1px;
	font-family: "Arial", sans-serif;	
	padding: 12px;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}
.dropdown-content .hvr-underline-from-left-white {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.dropdown-content:hover {
	background-color: rgba (255,255,255,.25)
}
.dropdown-content a:hover {
	color: white;		
}

.dropdown:hover .dropdown-content {
    visibility: visible;
	opacity: 1;
}

.dropdown:hover .dropbtn {
    color: white;
}

.outlined {
	border-style: solid;
	border-radius: 10px 10px 10px 10px;
	border-color: #d53393;
	border: 2px;
	font-weight: 700;
	color: #fff;
}

.btn-secondary{
	border-radius: 8px;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-secondary:hover{
	background-color: green;
}

.btn-show{
	border-radius: 8px;
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-show:hover{
	background-color: green;
}

.btn-show:after {	
    font-family: "Glyphicons Halflings";
    content: "\e114";
}

/* Icon when the collapsible content is hidden */
.btn-show.collapsed:after {
    content: "\e080";
}

.login-field {
	margin-top: 5px;
	border-width: 1px;
	border-color: gray;
	padding: 3px 0px 3px 5px;
	color: gray;
	border-radius: 3px;
}

.green-bar {
	background-color: rgb(0,179,153); 
	color: white; 
	width: 100%;
	height: 35px;	
}
.green-bar h4 {
	padding-top: 8px;
}

.whyitmatters {
	background-color: rgb(0,179,153); 
	width: 100%;	
	color: white;
}

.whyitmatters h2 {
	padding: 40px 0px 20px 0px;
}

.whyitmatters p {
	max-width: 700px;
	padding-bottom: 40px;
}
/* Our Locations Page */

.btn-locations{
	width:180px; 
	margin-bottom:30px; 
	margin-top:10px;
	color:white;
	text-transform: uppercase;
}

.message {
	border: 2px solid #ddd;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	margin-bottom:40px;
	background-color: white;
	max-width: 800px;
	margin: auto;
}

.message h4 {
	color: rgba(0, 179, 153, 1);
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 10px;

}
.message p {
	margin-top: 10px;
}

.message img {
	width: 70px;
	margin-right: 20px;
}

.supportus-message {
	text-align:left; 
	max-width: 800px; 
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;
	
}


.pager {
	width: 85%;
    margin: auto;
	margin-bottom: 20px;
}
.pager a, .pager span {
	color:rgb(100,100,100);
}

.pager .next:focus, .previous:focus {
    color: black;
}

.pager-pages {
	float:left; 
}

.pager-nav {
    float:right; 
}

.fundraise-pager-nav{
	text-align: center;
	padding-top: 20px;
}

.fundraise-pager-nav a {
	color: #c83393;
}
.pager-nav a:hover,
.fundraise-pager-nav a:hover {
    cursor:pointer;
}


.our-locations-text {
	padding:0; 
	padding-bottom: 30px;
	background-color: rgba(0, 179, 153, 1);
	color: white;
}

.our-locations-text p {
	padding-left: 20px;
}

.our-locations-text h3 {
	padding-top: 0px;
	padding-left: 20px;
	font-family: 'bromello';
    letter-spacing: 4px;
	font-size: 42px;
}
.our-locations-text .f-clar {
	padding-top: 0px;
	padding-left: 20px;
	font-family: 'clarendon';
    letter-spacing: 4px;
}
.our-locations-text img {
	margin-top: 40px;
}

#program-desc p {
	font-size: 16px; 
	color:white;
	margin-left:13%; 
	margin-right:13%; 
	padding-top: 20px;
	padding-bottom: 20px; 
	text-align:left;
	margin-top: 0px;
}

#program-desc h4 {
	font-size: 17px;
}

.expandsec {
	height: 420px;
}

#searchsites {
	padding-top: 30px;
}
#searchsites img {
	height: 50px;
	padding-right: 5px;	
}
#searchsites .cursive {
	font-family: 'bromello';
	color: white;
	padding: 0px;
	margin: 0;	
	text-align: center;
    letter-spacing: 0px;
	font-size: 42px;
}

#searchsites .f-clar {
	font-family: 'clarendon';
	color: white;
	padding: 0px;
	margin: 0;	
	text-align: center;
    letter-spacing: 0px;
}
#searchsites input {
	height:30px; 
	width:95%; 
	text-align:center;
	font-size: 16px;
	border: 0;
	font-style: italic;
}

/* Site Grid Mobile Styles */
.sitelist {
	background-image:url('../images/search_sites_bg.png');
	background-repeat: no-repeat;
	background-size: cover;		
	padding: 0;
	margin: 0;
}

.sitelist h2, .location-table h2 {
    text-align: left;
    color: rgba(0, 179, 153, 1);
    padding: 30px 0px 0px 0px;
    font-size: 23px;
    font-weight: bold;
    max-width: 85%;
    margin: auto;
}

.location-table {
	display: none;
	margin: auto;	
}

.location-table table {
	margin-bottom: 0px;
}
.location-table thead tr {
	height: 40px;
}

.location-table .location-type {
    padding: 20px 0px 20px 0px;
	text-transform: uppercase;
	text-align: left; 
	margin:0;
}

.sitegrid {	
	margin: auto;
}

.sitegrid p,.sitegrid strong {
	color: rgb(100,100,100);
}

.sitegrid span {
	color: black;
}

.sitegrid a span {
	color: white;
}

.sitegrid .page-scroll {
	color: rgb(100,100,100);
}

@media (min-width: 600px){
	.expandsec {
		height: 336px;
	}
}

@media (min-width: 768px){
	.expandsec {
		height: 642px;
	}
	
	#program-desc p {
		padding-top: 210px; 
		padding-bottom: 30px; 		
	}
	.our-locations-text h3 {
		font-size: 72px;		
	}
	
	#searchsites img {
		height:120px; 
		vertical-align: middle;  
		padding-right: 20px;
	}
	
	#searchsites .cursive {
		font-size: 66px;
		float:none;
	}
	
	#searchsites .f-clar {
		float:none;
	}
	#searchsites input {
		height:30px; 
		width:550px;  
		text-align:center;
		font-size: 14px;
	}
	
	.location-table {
		width: 85%;
		margin: auto;
		display: block;
		padding-top: 20px;
		margin-bottom: 40px;
	}
	
	#startsite p {
		font-size: 17px;
	}
}
/* END - Our Locations Page */

/* Start a Site Page */
.startsite {
	color: white;
	background-color:#C83393; 
}

.startsite-questions {
	width: 90%;
	max-width: 900px;
	padding-top: 40px;
	color: white;
}

.startsite li {
	font-size: 16px;
	letter-spacing: .03em;
}

.purple-bold-link{
	font-weight: bold;
	color: #440044;
	font-size: 18px;
}

.check-bullets strong a {
	font-weight: bold;
	color: #440044;
	font-size: 18px;
}

.checklist{	 
	padding: 10px 5px 10px 5px; 
	display:inline-block; 
}

.checklist strong {
	color: white;
}

.checklist .bullets {
	max-width: 95%;
	margin:auto; 
	margin-top: 20px;	
}

.steps a, .steps a:visited , .steps a:focus, .steps a:link, .steps a:active{
	color: #ce33a2;
}

.steps p{
	font-size: 17px;
	color: rgba(0,0,0,.75);
}

.steps h2 {
	font-size: 26px;
}

.checklist h2 {
	font-size: 24px;
}

.center-container {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	text-align: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

.flex-center {
	align-items: center;
}

.flex-left {
	-webkit-flex-direction: row; 
   flex-direction: row;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
}

.flex-right {
	-webkit-flex-direction: row;
   flex-direction: row;
   -webkit-justify-content: flex-end;
   justify-content: flex-end;
}

.flex-center-parent {
  display: flex;
  flex-direction: column;
  justify-content: center; 
  overflow: hidden;
}

.half-image {	
	background-position: center center;	
}

.startsite-modal {
	opacity: 1 !important;
	text-align: center;
	text-transform: none;
	font-size: 16px !important;
}

.startsite-modal p{
	width: 90%;
	font-size: 16px !important;
}

.startsite-modal a {
	font-size: 16px !important;
	color: rgba(0, 179, 153, 1) !important;	
}

.startsite-modal a:hover{
	color: rgb(100,100,100) !important;; 
}

@media (min-width: 480px){
	.checklist .bullets {
		max-width:400px; 		
	}
}

@media (min-width:768px){
	.checklist{		
		padding: 40px 0px 20px 0px;
	}
	.checklist .bullets {
		max-width:550px; 		
	}
	
	.checklist h2 {
		padding-top: 20px;
	}
	
	.half-image {
		background-size: contain;
		height: 50vh;
	}
}

@media (min-width:1300px){
	.checklist .bullets {
		max-width:650px; 		
	}
}

@media (min-width:1600px){
	.startsite li {
		font-size: 18px;		
	}
	
}
/* END Start a Site Page */

/* Our 5k Page */
.Our-5K {
	padding-top: 50px;
}

.Our-5K-Copy p {
	color:white; 
	font-size: 19px;
	padding-top: 20px;
	max-width: 800px;
}

.Our-5K .ribbon{
	width: 100%;
}

.Our-5K .text-graphic {
	width: 100%;
}

#reg-details {
	margin-bottom: 60px;
}

#event-details {
	margin-bottom: 60px;
}

#eventdetails {
	padding:0px; 
	background-color: rgb(191, 69, 140);
}

#eventdetails .icon-size {
	width: 0px;
	height: 0px;
}

#eventdetails .progbtn1 {
	margin-left: 0px;
}

.event-block {
	text-align: left;
	margin-left: 5px;
}

@media (max-width: 500px) {
	.event-block {
		display: block !important;
	}
}

.event-block p {
	padding: 0;
	margin-top: 5px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.reg-5k-details p{
	font-size: 15px;
	color: rgb(100,100,100);
}

.reg-5k-details a, .reg-5k-details a:visited {
	color: rgba(0, 179, 153, 1);
    font-weight: bold;
}

.reg-5k-details a:hover{
	text-decoration: underline;
}

.dark p {
	color: black;
}

.title-teal {
	background: rgba(0, 179, 153, 1);	
	min-height: 35px;
}

.title-teal p {
	font-size: 17px;
	padding-top: 2px;
	padding-left: 5px;	
	padding-right: 5px;
	width: 100%;
}

.title-pink-large {
	background: rgb(200, 51, 147);	
	height: 50px;
	color: white;
}

.title-pink-large h5 {
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 10px;
	margin-top: 0px;
}

.title-purple-large {
	background: rgb(65, 34, 97);	
	height: 60px;
	color: white;
}

.title-purple-large h5 {
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 20px;
	letter-spacing: 1;
	margin-top: 0px;
}

.event-block-container {
	padding: 10px 0px 10px 0px;
}

@media (min-width: 768px){
	.Our-5K { 
		height: 70vh;
		padding-top: 80px;
	}
	.Our-5K .ribbon {
		max-width: 400px;
	}
	
	.Our-5K .text-graphic {
		width: 80%;
	}
	
	.Our5K-EventDetails p {
		padding: 0px;
		margin: 0px;
	}
	.title-teal {
		min-height: 44px;
	}
	
	.event-block .title-teal p {
		font-size: 26px;
		margin: 0;
		padding: 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.event-block p {
		font-size: 18px;
		padding-left: 5px;
		line-height: 1.7;
		letter-spacing: .05em;
	}
	
	.reg-5k-details p{
		font-size: 15px;
		margin-bottom: 10px;
	}
	
	.normal p, .normal li{
		text-transform: none !important;
		font-weight: normal;
		color: rgb(100,100,100);
		font-size: 15px;
		letter-spacing: 0em;
	}
	
	#eventdetails .icon-size {
		width: 180px;
		height: 180px;
		padding: 10px;
	}

	.event-block-container {
		padding: 40px 0px 40px 0px;
	}
}

@media (min-width: 1024px) {
	.Our-5K {
		height: 70vh;
		padding: 0;
		padding-top: 200px;
	}
	
	.no-padding {
		padding-left: 0px;
		padding-right: 0px;
	}
	.Our-5K .ribbon{
		width: 100%;
		max-width: 768px;
		padding-top: 65px;
	}
	
	.Our-5K .text-graphic {
		width: 100%;
	}
	
	.normal p, .normal li{
		font-size: 17px;
	}
}

/* Colors */
.eventTeal .bglight {
	background-color: rgba(0, 179, 153, 0.8);
	color: white;
}
.eventTeal .bgdark {
	background-color:rgba(0, 179, 153, 1); 
	color: white;
}

.eventPink .bglight {
	background-color: rgb(210, 90, 168);
	color: white;
}
.eventPink .bgdark {
	background-color:rgb(200, 48, 147); 
	color: white;
}

.eventPurple .bglight {
	background-color: rgb(98, 53, 144);
    color: white;
}
.eventPurple .bgdark {
	background-color: rgb(65, 34, 97); 
	color: white;
}

/* END Our 5K Page */

/* Our 5ks Page */
.Our5Ks .hero-image{
	height: 70vh;
}

.Our-5Ks-Events {
	max-width: 95%;
	padding: 0px 5px 20px 5px;
}

.Event-TwoUp {
	width: 95%;
	margin: auto;
}

.EventTile {
	margin-top: 40px;
	padding-top:0px;
	padding-left: 0;
	padding-right: 0;
	background-color: white;
	max-width: 100%;
	text-align: left;
}
.EventTile h2{
	padding-top: 10px;
	width: 100%;	
	color: white;
	text-align: center;
	font-size: 20px;
	height: 40px;
	text-transform: uppercase;
}

.EventTile h3 {
	font-size: 21px;
	font-weight: bold;
	padding-left: 10px;
	text-transform: uppercase;
}

.EventTile p {
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	text-transform: uppercase;
	color: rgb(100,100,100);
}

.EventTile img {
	width: 100%;
}

.EventTile .btn {
	margin: 0px 10px 10px 10px;
	padding-left: 0px;
	padding-right: 0px;
	width: 40%;
	min-width: 160px;
	text-transform: uppercase;
}
.EventTile .bottombar {
	 height: 20px; 
	 margin-top:20px;
}

.EventTile-Details {
	min-height:220px;
}

.FindYour5K {
	padding:0; 
	background-color: rgb(65, 34, 97);
	width: 100%;
}
.FindYour5K p {
	max-width:100%;	
	font-size:19px; 
	padding-left:20px; 
	color:white;
}

/* Event Tile Colors */
.TileTeal h2, .TileTeal .bottombar {
	background-color: rgba(0, 179, 153, 1); 
}
.TilePurple h2, .TilePurple .bottombar {	
	background-color: rgb(65, 34, 97);
}
.TilePink h2, .TilePink .bottombar {
	background-color: rgb(200, 51, 147); 
}

.TileTeal h3 {
	color: rgba(0, 179, 153, 1); 
}
.TilePurple h3 {	
	color: rgb(65, 34, 97);
}
.TilePink h3 {
	color: rgb(200, 51, 147); 
}

@media (min-width:768px){
	.Our-5Ks-Events {
		max-width: 1200px;
		padding: 0px 20px 40px 20px;
	}
	
	.EventTile {
		max-width: 430px;
	}
	.Event-TwoUp {
		width: 85%;
	}
	
	.FindYour5K p{
		max-width:440px;
	}
}

@media (min-width:1024px){
	.Our-5Ks-Events {
		max-width: 1500px;
	}
	
	.Event-TwoUp {
		width: 75%;
	}
}

@media (min-width:1440px){
	.Event-TwoUp {
		width: 60%;
	}
}
/* End Our 5ks Page */

/* North 5K/Internal 5K Page */
.fivek-container h5 {
	font-weight: bold;	
	font-size: 16px;
}
.targetDiv{
	background-color: white;
	padding: 0px;
}

.event-itinerary {
	width:100%; 
	padding-top:10px;
	padding-bottom: 10px;
}

.event-itinerary img {
	width: 25px; 
	float:right;
	padding-right: 0px;
}

.event-itinerary h6 {
	font-weight:bold; 
	margin-top:8px;
	font-size: 14px;
}

.event-itinerary strong {
	font-size: 20px;	
	color:#38AE8A;  
}

.event-itinerary span {
	padding-right: 4px; 
}

.course-map {
	padding-top: 20px;
	width: 95%;
}

.fivek-event-details {
	margin-bottom: 0px;
}

.fivek-event-details #googlemap {
	width: 90%;
	height: auto;
}

.fivek-event-details p {
	font-size: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.fivek-event-details a {
	color: rgb(100,100,100);
	font-weight: bold;
}

.fivek-event-details a:hover{
	color: blue;	
}

.fivek-event-details  a:visited{
	color: rgb(100,100,100);
	font-weight: bold;
}

.fivek-packetpickup {
	background-color: #f3f3f3;
	
}

.fivek-time {
	padding-top: 20px;
	margin-bottom: 0px;
	font-weight: bold;
}

.fivek-time p {
	margin-top: 0px;
	padding-top: 0px;
}

.fivek-address {
	margin-top: 5px;
	padding: 0px 60px 40px 60px;
}

.fivek-teal-title {
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 20px;
	font-weight: bold;
}

.fivek-text {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.fivek-faq {
	padding: 0px 0px 20px 0px; 
	background-color:white;
}

.fivek-faq a {
	color: #00b399; 
	font-weight: bold;
}

.fivek-faq a:hover {
	color: black;
}

.FAQ-Answer-WYSIWYG p{
	margin:0 !important;
	padding:0;
	font-size: 17px;
}

.teal-bar {
	background-color: #00b399;
	padding: 0;
	width: 100%;
	height: 40px;
}

.pink-bar {
	background-color: rgba(200, 51, 147, 1);
	padding: 0;
	width: 100%;
	height: 40px;
}

.purple-bar {
	background: rgb(65, 34, 97);
	padding: 0;
	width: 100%;
	height: 40px;
}

.fivek-faq p {
	font-size: 17px;
	text-align: left;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 0px;
}

.faq-q {
	padding: 20px 40px 0px 60px;
	margin: 0;
	font-weight: bold;
}

.faq-a {
	color: black;
	padding: 0px 40px 10px 60px;
	margin: 0;
}

.fivek-courseinfo {
	padding: 20px 40px 0px 40px;
}

.fivek-courseinfo p {
	max-width: 900px;
	margin:auto;
	margin-bottom: 10px;
}

.fivek-volunteertext { 
	margin:auto; 	
	padding: 20px;
}

#reg-volunteer {
	margin-bottom: 60px;
}

.sponsor-img-block {
	margin-top: 10px;
}

@media (min-width:768px){
	.fivek-container h5 {		
		font-size: 18px;
	}
	
	.fivek-event-details p {
		font-size: 17px;
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.fivek-event-details ul, .fivek-event-details ol{
		font-size: 17px;
		padding-left: 60px;
		padding-right: 60px;
		max-width: 850px;
		margin: auto;		
	}
	
	.fivek-event-details li {
		font-size: 17px;
		text-align: left;
	}
	
	.event-itinerary h6 {
		font-size: 18px;
	}
}
@media (min-width:1024px){
	.fivek-volunteertext { 
		margin:auto; 	
		padding: 40px 100px 60px 80px;
	}
}

.fivek-volunteer {
	margin-bottom:60px;
}

.fivek-volunteer p, .fivek-volunteer-teal p {
	margin: 0px;
	font-size: 17px;
	text-align: left;
}

.fivek-volunteer h6, .fivek-volunteer-teal h6 {
	color: #00b399; 
	font-size: 17px; 
	font-weight:bold; 
	margin-bottom:0px;
	text-align: left;
	padding-top: 20px;
	text-transform: uppercase;
}


.fivek-volunteer-purple h6 {
	color:#623590; 	
	font-size: 17px; 
	font-weight:bold; 
	margin-bottom:0px;
	text-align: left;
	padding-top: 20px;
	text-transform: uppercase;
}

.fivek-volunteer-purple p, .fivek-volunteer-purple h6 {
	margin: 0px;
	font-size: 17px;
	text-align: left;
}

.fivek-volunteer-pink h6 {
	color: rgba(200, 51, 147, 1); 	
	font-size: 17px; 
	font-weight:bold; 
	margin-bottom:0px;
	text-align: left;
	padding-top: 20px;
	text-transform: uppercase;
}

.fivek-volunteer-pink p, .fivek-volunteer-pink h6 {
	margin: 0px;
	font-size: 17px;
	text-align: left;
}

.fivek-sponsor {
	margin-bottom:60px;
} 

.fivek-sponsor p {
	font-size: 17px;
	max-width: 650px;
	margin: auto;
	padding-bottom: 20px;
}

.fivek-sponsor h5 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 14px;
    letter-spacing: .1em;
    padding-top: 5px;
}

.fivek-sponsor img {
	width:200px; 
	padding: 0px 20px 0px 20px;
}

.fivek-sponsorname h4 {
	font-size: 16px;
	padding-right: 50px;
	padding-bottom: 20px;
}

.sponsor-name-only {
	font-weight:bold; 
	font-size:15px; 
	color:rgb(100,100,100);
	padding-right: 20px;
    padding-bottom: 20px;
}

.fivek-photos {
	margin-bottom:60px;
}

.fivek-photos img{
	max-width: 100%;
}
/* 5K Event Page */

#FiveK-Sponsors {
	padding:0;
	background-color:white;
}
.fivek-details {
	padding-left:20px;
	padding-top: 12px;
	
}

.fivek-details h2 {
	font-size: 38px;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.fivek-details h4 {
	font-size: 21px;
	letter-spacing: 0px;
}

.regiframe {
	width:100%; 
	border:0; 
	height:1270px;
}

@media (min-width:768px){
	.5k-details {
		padding-left:120px;
	}
	
	.sponsor-name-only {
		font-size: 20px;
		padding-right: 40px;
		padding-bottom: 30px;
	}
	
	.fivek-sponsor h5 {
		font-size: 18px;
	}
}


/* END 5K Event Page */

/* Volunteer Page */
.volunteer-banner {
	max-width: 600px;
	text-align: center; 
	margin: auto;
}

.volunteer-banner img {
	width: 100%;
	max-width: 600px;
	padding: 0px 10px 0px 10px;
}

#otheropps p {
	color:white;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* END Volunteer Page */



/* Our Programs Page */

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}
.video-container:hover {
	cursor: pointer;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}

#mute-button {
	position: absolute;
	bottom:40px;
	right:20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: 0;
    background: #0000004d;
}

.small-video-container {
	background-color: rgba(0, 179, 153, 0.1);
	padding-top: 10px;
	padding-bottom: 10px;
}
.small-video {
	width: 100%;
	max-width:800px;	
	margin: auto;
	position:relative;
}

.small-video video {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 4px;
	border: solid 1px black;

}

.playpause { 
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.playpause i {
	font-size: 8em;
    color: rgba(100, 100, 100, 0.78);
}

.ourprograms {
	background-color: #BF458C;
	color: white;
}

.ourprograms h2 {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 72px;
}

.ourprograms h3 {
	padding-top:12px;
	font-size: 22px;
}

.ourprograms h4 {
	font-size: 17px;
	font-weight: 200;
}

.ourprograms p {
	font-size: 17px;
	margin-bottom: 0px;
}

.program-card {
	padding-left: 25px;
	padding-right: 25px;
}

.program-card a.btn {
	margin-left: 0px;
}

.program-card img {
	width: 100%;
}

.program-card hr {
	border-color: white;
	max-width: 100%;
	border-width: 1px;
	
}

.program-card h3 {
	font-weight: bold;
}

.scholarships {
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1) ), url(https://www.girlsontheruniowa.org/css/img/gotr/GOTR_Green Background.png);
	color: white;
	background-color: #78BA4F;
	
}

.progevalutions .content-text {
	max-width: 550px; 
	margin: auto; 
	padding-bottom: 35px; 
	padding-top: 35px;
}

.progevalutions .content-text p {
	width: 100%;
}

.polaroid-images a
{
	background: white;
	display: inline;
	float: left;
	margin: 0 15px 30px;
	padding: 10px 10px 10px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
    position:relative;	 
}

.polaroid-images img { 
	display: block; 
	width: inherit; 
}

.program-card.polaroid-images a:nth-of-type(2n)
{
	-webkit-transform: rotate(4deg);  
	-moz-transform: rotate(4deg); 
	transform: rotate(4deg); 
}
.program-card.polaroid-images a:nth-child(3n) { 
	-webkit-transform: rotate(-7deg);  
	-moz-transform: rotate(-7deg); 
	transform: rotate(-7deg); 
}
.program-card.polaroid-images a:nth-child(4n)
{
	-webkit-transform: rotate(5deg);  
	-moz-transform: rotate(5deg); 
	transform: rotate(5deg); 
}

@media (min-width: 600px){
	.playpause i {
		font-size: 16em;
		color: rgba(100, 100, 100, 0.78);
	}
}
/* END Our Programs Page */

/* Coach Page */

.coach-details {
	padding: 20px 30px 10px 30px;
}

.coach-details a {
	color: #00b399;
    font-weight: bold;
    letter-spacing: .07em;
}

.coach-details a:hover {
	color: black;
}

.coach-details-buttons a{
	color: white;
}

.coach-details h4 {
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 5px;
}
.coach-details ul{
	padding: 5px 0px 0px 0px;
}

@media (min-width:768px){
	.coach-details {
		padding: 20px 100px 20px 100px;
	}
}

/* END Coach Page */

/* Support Us Page */
.support-us{
	min-height: 500px		
}

.support-us-grid {
	padding: 0;
    background-image: url(../common/SupportUs/Teal_Background.png);
    background-size: cover;
    background-repeat: repeat;
}

.support-us h2 {
	font-size:24px; 
	font-weight:bold
}

.support-us .content-floating {
	padding-left: 5px;
	padding-right: 5px;
}

.support-us-about {
	color: white;	
}

.support-us-about img {
	height: 50px;
}

.support-us-about p {
	max-width: 620px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 18px;
}

.support-us-about .btn {
	margin-bottom: 40px;
}

.support-types p {
	color:gray;
	margin-top: 5px;
	margin-bottom: 20px;
}

.support-types h4 {
	color: gray;
	margin-top:10px;
	font-size: 18px;
	letter-spacing: .06em;
	padding-top: 10px;
}

.support-types .row {
	margin-left:10px; 
	margin-right:10px; 
	margin-top: 10px;
}

.support-types img {
	width: 180px;
	margin-top: 10px;
}

.support-us-equip h4{
	padding-top: 20px;
	line-height: 1.5em;
}

.support-us-equip p {
	max-width:550px; 
	margin:auto; 
	padding-top: 40px; 
	padding-bottom: 40px;
	font-size: 18px;
}

.support-us-equip .img-resize-source {
	min-height: 650px;
}

.support-us-supporters {
	background-color: rgba(0, 179, 153, 1);	
}

.support-us-supporters h6 {
	font-size: 21px;
	padding-top: 80px;
} 

.support-us-supporters h5 {
	font-size: 21px;
	padding-bottom: 40px;
	line-height: 1.5em;
}

.support-us-supporters p {
	font-size: 19px;
	padding-bottom: 20px;
}

.support-us-supporters .cursive {
	font-size: 72px;
	padding-bottom: 20px;
}
.support-us-supporters .f-clar {
	padding-bottom: 20px;
}

.support-us-supporters .button-bar {
	padding: 0px 0px 60px 0px;
}

.support-us-supporters .btn-teal {
	border-color: white;
}

.support-us-supporters .polaroid-label {
	letter-spacing: 1px;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
}

.support-us-supporters .stars {
	padding-top: 20px;
}

.support-us-supporters .transforming {
	width:100%;
	max-width: 600px;
	padding-top: 20px;
}

.support-us-API {
	width: 100%;
	margin: auto;
}

.polaroid-parent {
	display: flex;
	  justify-content: center;
	  align-items: center;
}

.transforming-text {
	padding: 0px;
	margin: 0px;
}

#partner h2 {
	padding:60px 0px 20px 0px; 
	color:#320A69;
}

#partner p {
	margin-left:20%; 
	margin-right:20%; 
	font-size:21px;
	padding-bottom: 20px;
}

#partner .btn-pink {
	border-width:0px; 
	width: 160px;
	margin-bottom: 60px;
}


@media (min-width:768px){
	.support-us {
		height: 82vh;
	}
	.support-types p {
		margin-top:5px; 
		max-width: 220px;
		margin: auto;
		margin-bottom: 50px;
	}
	.support-types .row {
		margin-left:18%; 
		margin-right:18%; 
		margin-top: 30px;
	}
	
	.support-types img {
		width: 240px;
		margin-top: 20px;
	}
	
	.support-us-API {
		width: 70%;
	}
	
	.support-us-equip .img-resize-source {
		min-height: 550px;
	}
}

@media (min-width:1200px){
	.support-us-API {
		width: 35%;
	}
}

/* END Support Us Page */

/* Donate Now Page */
.donate-desc .stars {
	height: 150px;
	width: 90px;
	padding: 30px 10px 0px 10px;
}

.donate-desc p {
	max-width: 600px;
	font-size: 20px;
}
.other-ways {
	padding: 40px 0px 0px 0px;
}

.other-ways .heading-img{
	width:100%; 
	max-width:650px; 
	padding-bottom:10px
}

@media (min-width: 1024px){
	.hero-donate {
		height: 90vh;
	}
	
	.heading-img {
		max-width: 650px;
	}
	
	.hero-donate .floating-content p {
		width: 300px;
	}
}
/* END Donate Now Page */

/* Monthly Giving Page */
.monthly-giving {
	color: rgb(100,100,100);
	padding: 20px 0px 20px 0px;
}

.monthly-giving h4 {
	font-size: 20px;
	font-weight: 700;
	padding: 50px 0px 0px 40px;
	max-width: 650px;
	text-align:left;
	letter-spacing: 1px;
}

.monthly-giving strong {
	color: rgb(100,100,100);
}

.monthly-giving img {
	width: 150px;
	float: left;
}

.how-does-it-work {
	min-height: 450px;
}

.how-img {	
	padding-top: 40px;
    padding-bottom: 40px;
}

.how-img img{
	width: 60%;
	max-width: 400px;
}

.hourglass-image {
	width: 90%;
	max-width: 500px;
}

.hourglass-img {
	min-height: 390px;	
}

.hourglass-text {
	width: 90%;
	margin: auto;
}
.smallchoice {
	width: 200px;
	padding-top: 20px;
}

.bigimpact {
	width: 300px;
	padding-top: 20px;
}

.fourways {
	width: 90%;
	max-width: 1000px;
}

.big-tomorrow-button {
	text-transform: uppercase;
	position:relative; 
	bottom: 20px; 
	width: 180px;
}

@media (min-width: 768px){
	.hourglass-text{
		display: inline-block;
		max-width: 60%;
	}
	
	.how-img {
		min-height: 450px;
	}
}

@media (min-width: 1024px) {
	.big-tomorrow-button {
		position:absolute; 
		left: 43%; 
		bottom: 65px; 
		width: 180px;
	}
	.smallchoice {
		width: 200px;
		padding-top: 40px;
	}

	.bigimpact {
		width: 600px;
		padding-top: 30px;
	}
	
	.hourglass-image {	
		display: inline-block;
		max-width: 50%;
		padding-bottom: 0px;
	}

	.hourglass-text {
		max-width: 49%;
	}
}
@media (min-width: 1400px) {
	.smallchoice {
		width: 250px;
		padding-top: 30px;
	}

	.bigimpact {
		width: 700px;
		padding-top: 20px;
	}
}
/* Fundraise Page */
.fundraise {	
	margin-top: 70px;
	margin-bottom: 10px;
	color:white;	
	background-size:cover;
	width: 95%;
	border: 1px solid white;	
}

.fundraise h4 {
	padding-top: 15px;
	font-size: 16px;
    letter-spacing: 1px;
}

.fundraise p {
	font-size: 16px;
}

.fundraise-types {
	margin: 0px auto;
}

.fundraise-types .col-sm-4 {
	padding: 0px 10px;
}

.fundraise-icon {
	margin-top: 10px;
	width: 120px; 
}

.fundraise-title {
	margin-top: 20px;
	width: 100%;
	max-width: 330px;
}

.getting-started {
	padding:10px 10px 0px 10px; 
	color:white;
}

.getting-started h6 {	
	color: white;
	letter-spacing: 1.2px;
	font-size: 16px;
	font-weight: bold;
	padding:10px 0px 0px 0px;
}

.getting-started p {
	font-size: 18px;
	padding: 10px 0;
	margin-top: 0px;
	max-width: 220px;
	margin: auto;
	padding-bottom: 30px;
}

.getting-started img {
	width: 200px;
}

.our-supporters {
	color: rgba(0,0,0,.8);
}

.our-supporters p {
	color: #585858;
	font-size: 21px;
}

.our-supporters h6 {
	font-size: 21px;
	margin: 0;
	padding: 0;
}
.our-supporters .picname {
	color: white;
}

.our-supporters .polaroid-label {
	color: white;
}
.our-supporters .stars {
	display: none;
}

.our-supporters .cursive {
	font-size: 50px;
}

.our-supporters .give-now {
	margin: auto;
	margin-top: 50px; 
	margin-bottom: 30px; 
	width:180px;
}

.fundraise-text {
	font-size:19px; 
	margin:0; 
	padding-bottom: 40px; 
	max-width:600px; 
	margin:auto;
}

/* enable absolute positioning */
.email-inner-addon { 
    position: relative; 
}

/* style icon */
.email-inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  color: red;
}

/* align icon */
.email-left-addon .glyphicon  { left:  0px;}
.email-right-addon .glyphicon { right: 0px;}

[data-hidden="hidden"] {
   display: none;
}

.inner-addon { 
    position: relative; 
	max-width: 400px;
	padding-bottom: 40px;
	margin: auto;
}

.inner-addon input {
	height: 36px;
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 6px;
  pointer-events: none;
  background-color: #c83393;
  color: white;
  font-size: 22px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

@media (min-width: 768px){
	.fundraise {
		border: none;
		margin-top: 100px;
		width: 805px; 
		height: 615px; 
		background-image: url('../images/Fundraise/green-box.png');
	}
	
	.fundraise-title {
		margin-top: 40px;
		max-width: 500px;
	}
	
	.fundraise-icon {
		margin-top: 20px;
		width: 180px;
	}

	.getting-started {
		padding:40px 100px 0px 100px; 
	}
	.getting-started h4 {
		padding:20px 0px 20px 0px;
	}
	
	.our-supporters .cursive {
		font-size: 66px;
	}
	
	.our-supporters .stars {
		display: inline-block;
		height: 100px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
}
/* END Fundraise Page */

/* Fundraiser Page */
.hero-fundraiser {
	background-image: url(../common/Fundraiser/Hero_Image2.jpg);	
	background-size: cover;
	background-position: center center;	
	height: 65vh;	
}

#cms-fundraisers-grid input {
	padding-top: 40px;
}

.fr-summary {
	background-image: url('../common/backgrounds/GOTR_Flower_Background.jpg'); 
}

.fr-name {
	text-transform: uppercase;
	font-size: 34px;
	color: #47205c;
	padding: 40px 0px 40px 0px;
	font-weight: bold;
}

.fr-pic {
	overflow:hidden;
	border-radius: 5px;	
}

/* .fr-pic img {
	width: 100%;
} */

.fundraiser-img {
	background-image: url('../common/SupportUs/GOTRFundraiser_h-500-w-500-mode-crop-anchor-middlecenter.jpg');
    background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
	overflow:hidden;
	max-height: 500px;
}

.fundraiser-img img {
	width: 100%;
}

.fr-details {
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}

.fr-details p {
	margin: 10px 10px 20px 0px;
	font-size: 16px;
	height: 95px;
}

.overflow-text p{
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 1.5;     /* fallback */
   max-height: 95px;      /* fallback */
   -webkit-line-clamp: 4; /* number of lines to show */
   -webkit-box-orient: vertical;
   -webkit-background-clip: text;   
   margin-top: 0px;
}

.overflow-text a:hover {
	color: white;
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
  opacity: 0.8;
}

.fade-pink {
	height: 495px;
	position: absolute;
	top: 0;
	background-color: rgba(200, 51, 147, 1);
	opacity: 0;
	width:93%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
	border-radius: 5px;
}

.fade-pink:hover {
	opacity: .98;
}

.fade-pink a {
	font-size: 18px;
    font-weight: bold;
    color: white;
	height:100%; 
	width:100%; 
	padding-top:64%;
}


.fr-details h4 {
	color: rgb(100,100,100);
	text-transform: uppercase;
	font-size: 20px;
	padding-top: 10px;
	height: 50px;
}

.fr-data {
	width: 50%;
	display: inline;
}

.solemate-details {
	text-align:left;
}

.fr-details .meter {
	height: 40px;
	width: 100%;
	max-width: 500px;
	margin: auto;
	border-radius: 21px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fr-details .meter p {
	font-size: 20px;
	margin-top: 5px;	
}

.fr-goal {
	height: 45px;
	width: 100%;
	max-width: 500px;
	margin: auto;
	background-color: rgba(0, 179, 153, 1); 
		
}

.fr-goal h4 {
	color: white;
	font-size: 20px;
	padding-top: 10px;
}

.fr-details .daysleft {
	padding-top: 40px;
	padding-bottom: 40px;
	color: rgba(0, 179, 153, 1);
	text-align: center;
	font-size: 20px;
	height: 30px;
}

.fr-details .goal {
	padding-top: 5px;
	color: white;
	background-color: rgba(0, 179, 153, 1);
	text-align: center;
}

.fr-give-now {
	height: 50px;
	font-size: 24px;
    width: 210px;
}

.social-buttons {
	margin-top: 30px;
}
.fb-share img{
	width: 80px;
}

.tweet img{
	width: 90px;
	margin-left: 10px;
}

.btn-email {
	color: white;
	background-color: #c05693;
	min-width: 80px;
	height: 28px;
	padding-top: 3px;
    padding: 3px 0px 0px 0px;
	margin-left: 10px;
	margin-right: 0px;
	
}

.btn-email:hover, .btn-email:active, .btn-email:focus {
	color: white;
	background-color: purple;
}

.fr-container {
	
}

.fr-about {
	background-color: #47205c;
	color: white;
	padding-bottom: 40px;
} 

.fr-about .center-container {
	padding: 20px 0px 20px 0px;
}

.fr-about h2 {
	margin: 20px 10px 20px 10px;
	font-size: 32px;
}

.fr-about img {
	padding-top: 10px;
}

.fr-about a {
	font-size: 18px;
}

.fr-text {
	width: 90%;
	max-width: 900px;
	margin: auto;
	text-align: left;
}

.fr-text h4 {
	font-size: 22px;
	margin-top: 30px;	
}

.fr-text p {
	margin-top: 10px;
}

.fr-donations {
	background-color: white;
	
	overflow-y: scroll;
	overflow-x: hidden;
}

.fr-donations h2 {
	color: gray;
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.table-gray-striped>tbody>tr>td{
	border-style: none;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.table-gray-striped tr:nth-of-type(odd){
	background-color: rgb(230,230,230);
}

.table-gray-striped tr:nth-of-type(even){
	background-color: rgb(200,200,200);
}

.fr-donations .amount {
	text-align: right;
	color: #00b399;
	min-width: 80px;
}

.fr-donations .donor {
	text-align: left;
	color: rgb(100,100,100);	
}

.fr-donations tr {
	height: 45px;
}

/* END Fundraiser Page */

/* Solemates Page */

.hero-solemates {
	background-image: url('../common/Solemates/hero-image.jpg');
	background-size: cover;
	background-position: center-center;
}

.hero-solemates img {
	margin-top: 100px;
}

.hero-solemates .img-gotr {
	width: 200px;
	max-width: 100%;
}
.hero-solemates .img-solemates{
	width: 300px;
	max-width: 100%;
}

.why-solemate li{
	font-size: 17px;
}


.bullet-list{
	padding-top: 10px;
}

.bullet-list img {
	width: 20px;
}

.bullet-list p {
	margin:0;
	padding:0;
	padding-left: 7px;
	max-width: 90%;
	text-align: left;
}

.bullet-list-container {
	padding:20px 10px 0px 10px; 	
	margin:auto;
}

@media (min-width: 640px) {
	.bullet-list-container {
		padding:30px 30px 0px 30px; 		
		margin:auto;
	}
}
@media (min-width: 1024px) {
	.hero-solemates img {
		margin-top: 280px;
	}
}

@media (min-width: 1300px) {
	.bullet-list-container {
		padding:30px 30px 0px 80px; 		
		margin:auto;
	}
	
	.bullet-list p {
		max-width: 500px;
		font-size: 18px;
	}
	
	.bullet-list {
		width: 550px;
		margin: auto;
	}
}

.ready-to-run {
	padding:0; 
	color:white; 
	background-color: #00b399;	
}

.ready-to-run .title-logo {
	max-width:300px;
}

.ready-to-run h4 {
	padding-top: 20px;
	font-size: 17px;
    max-width: 700px;
    margin: auto;
	line-height: 1.4;
}

.ready-to-run .number-icon {
	width:70px; 
	display:inline-block; 
	float:left; 
	padding-right:20px;
}

.number-icon-list {
	max-width: 850px; 
	padding-top:20px;
	padding-bottom: 20px;
}

.number-icon-list p {
	font-size: 18px;
}

.ready-to-run p {
	display:inline-block; 
	float:left; 
	width:200px; 
	margin: 0px;
	font-size: 17px;
}

.ready-to-run p.small {
	font-size: 15px;
	font-style: italic;
	max-width: 500px;
	margin: auto;
}
.transforming-lives {
	padding:20px 0px 20px 0px; 
	background-image: url('../common/backgrounds/GOTR_Flower_Background.jpg'); 
	background-size:cover;
}
.transforming-lives .cursive{
	color: #320a69;	
}
.transforming-lives .f-clar {
	color: #320a69;	
}

.transforming-lives h4,h6 {
	color: gray; 
}
.transforming-lives h6 {
	padding: 20px;	
}

.fundraiser-container {
	padding: 10px 0px 10px 0px;
}

.sm-fundraiser {
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-radius: 7px;
	background: rgba(0, 0, 0, .1);	
	max-width: 350px;
}

.need-help {
	color: white;
}
.need-help h3 {
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 20px;
}

.need-help h4 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
.need-help .icons {
	width: 95%;
	margin: auto;
	padding-bottom: 20px;
}
.need-help .icons img{
	width: 200px;
}

.need-help .icons p {
	width: 220px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 16px;
}
@media (min-width: 1024px) {
	.hero-solemates .img-gotr {		
		width: 300px; 
		border-style:none solid none none; 
		border-width:2px; 
		border-color:white; 
		padding-right: 50px;
	}
	.hero-solemates .img-solemates {
		width: 600px;
		padding-left: 50px;
	}
	.ready-to-run .title-logo {
		width: 500px;
		max-width:500px;
	}
	.ready-to-run .number-icon {
		width:100px; 
	}
	.ready-to-run p {
		width:550px; 
		margin-top: 10px;
	}
	
	.fundraiser-container {
		max-width: 900px;
		margin: auto;
	}
	.sm-fundraiser {
		margin-top: 0px;
		padding-top: 0px;
		background: transparent;
	}
	.need-help .icons {
		width: 70%;
	}
}

@media (min-width: 1601px){
	.need-help .icons {
		width: 60%;
	}
	
	.hero-solemates .img-solemates {
		width: 850px;
	}
	
	.hero-solemates .img-gotr {
		width: 370px;
	}
	
	.fundraiser-container {
		max-width: 1400px;
	}
}
/* END Solemates Page */
/* Partner Page */
.text-container {
	padding: 0px 10px 20px 10px;
	max-width: 800px;
	margin: auto;
}
.hero-partner-bottom {
	background-color: rgba(50, 10, 105, 0.8);		
    position: absolute;
	bottom: 0px;
	color:white;	
	width: 100%;
	padding: 10px 0px 10px 0px;
}
.hero-partner-bottom img {
	width: 100%;
	max-width: 750px;
}

.partner .plus-bullets {
	padding:10px 10px 0px 20px;
}

.partner .plus-bullets li:before {
	font-size: 15px;
	margin-left: -24px;
}

.partner .plus-bullets ul{
	padding:10px 10px 0px 20px;
}

.partner .plus-bullets ul li:before {
	font-size: 15px;
	margin-left: -24px;
}

.partner-reasons {
	display:inline-block;
	padding-top: 10px;
}

.partner-reasons p {
	width: 300px;
	font-size: 19px;
	margin-top: 0px;
}

.partner-reason-list {
	padding: 0 10% 2% 5%;
	margin: auto;
}

.partner-reason-list li {
	font-size: 20px;
}
.partner-reason-list li  strong{
	letter-spacing: 2px;
}
.partner-sponsors {
	padding:0; 
	color:white; 
	background-image: url('../common/Partner/GOTR_Teal_Background.jpg'); 
	background-size:cover;
}

.partner-logos {
	text-align: center;
	padding-bottom: 40px;
}

.partner-logos img {
	width: 120px;
	margin: 20px 30px 20px 30px;
}

@media (min-width:768px){
	.hero-partner {
		height: 770px;
	}
	.hero-partner-bottom {
		height: 200px;				
		padding: 25px 0px 10px 0px;
	}
	
	.partner .plus-bullets {
		padding:10px 60px 0px 80px;
	}
	
	.partner-reasons {
		padding-top: 40px;
	}
	.partner-reasons p {
		width: 500px;
		font-size: 27px;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	.partner-logos img {
		width: 160px;
		margin: 20px 30px 20px 30px;
	}

}

/* END Partner Page */

/* Coaches Corner Page */
.cc-header {
	color: black;
	background-image: url('../common/backgrounds/GOTR_Flower_Background.jpg'); 
	width:100%; 
	background-repeat: repeat; 
	padding-top: 40px;
	padding-bottom:40px;
}

.cc-header h4 {
	color: #ce33a2;
	padding: 40px 0px 20px 0px;
	font-size: 22px;
}

.cc-header p {
	max-width: 650px;
	margin: auto;
}

.coach-details h4 {
	font-size: 20px;
	color: #ce33a2;
	padding:0px;
}

.coach-details .email {
	color: rgba(200, 51, 147, 1);
}

.coach-details .email:hover {
	font-weight: bold;
}

.cc-header-copy {
	max-width: 650px;
	text-align: left;
	margin: auto;
}

.cc-header-copy ul {
	margin-left: 30px;
}

.link {
	color: #04aa8e;
	font-weight: bold;
}
.link:hover {
	color: #c83393
}

.cc-details {
	color: white;
	padding: 0;
}

.cc-details h4 {
	padding-bottom: 10px;
}

.cc-details .content-text ul {
	max-width: 400px;
	margin: auto;
	text-align: left;
}

.cc-policies {
	min-height: 600px;	
	padding: 40px 0px 0px 0px;
}

.cc-policies-img {
	min-height: 600px;
}

.policy-desc {
	margin: 0px 0px 10px 0px;
}

.cc-policies-img {
	background: linear-gradient(rgba(201, 24, 148, 0.5), rgba(201, 24, 148, 0.5)),url(../common/CoachesCorner/coachcorner1.jpg);
	background-position: center center;
	background-size: cover;
	height: 900px;
}

.cc-policies2 {
	min-height: 800px;
	padding: 40px 0px 0px 0px;
}

.cc-policies-img2 {
	background: linear-gradient(rgba(201, 24, 148, 0.5), rgba(201, 24, 148, 0.5)),url(../common/CoachesCorner/coachcorner2.jpg);
	background-position: center center;
	background-size: cover;
	min-height: 800px;
}

.cc-policies3 {
	min-height: 600px;
	padding: 40px 0px 0px 0px;
}

.cc-policies-img3 {
	background: linear-gradient(rgba(201, 24, 148, 0.5), rgba(201, 24, 148, 0.5)),url(../common/CoachesCorner/coachcorner2.jpg);
	background-position: center center;
	background-size: cover;
	min-height: 600px;
}

.plus-bullets-teal a {
	margin: 10px 0px 20px 0px;
	padding: 0px;	
	min-width: 150px;
}

.plus-bullets-teal li {
	display: block;
	padding-bottom: 15px;
	font-size: 20px;
    letter-spacing: .8px;
	line-height: 30px;
}

.plus-bullets-teal li:before {
	content: "\e081";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    float: left;    
    margin-left: -25px;
	
    color: #00b399;
}

/* END Coaches Corner Page */

/* Register Now Page */
.reg-now-title {
	font-size: 70px;
	letter-spacing: 4px;
}

.register-now-header {
	padding:60px 0px 40px 0px; 
	background-color: rgba(0, 158, 135, 1);
}

.register-now-header  .center-container{
	padding-bottom: 0px;
}

.register-now-header h3 {
	font-size: 70px;
}


/* Register More Info Page */
.reg-more-info-details {
	max-width: 800px;
	margin: auto;
	color: rgb(100,100,100);
	text-align: left;
}

.reg-more-info-details a {
	color: rgb(100,100,100);
	font-weight: bold;
}

.reg-more-info-details .btn-pink {
	color: white;
	font-weight: bold;
	margin: auto;
}

.reg-more-info-details .btn-pink:hover {
	color: white;
}

.reg-more-info-details a:hover{
	color: blue;
}

.reg-more-info-details a:visited{
	color: rgb(100,100,100);
	font-weight: bold;
}

.reg-more-info-details h5 {
	padding-top: 20px;
}

.reg-more-info-details td {
	text-align:left;
}

.reg-more-info-details tr:nth-child(even) {
    background-color: #eeeeee;
}

/* END Register More Info Page */

/* Two column layout */
.img-container {
	overflow: hidden;
	position: relative;
}
.img-container img {	
	object-fit: cover;
	max-height: 550px;
}

.two-column {
	background-image: url(../common/backgrounds/GOTR_Flower_Background.jpg);
	overflow: hidden;
}

.two-column-img {
	overflow: hidden;
	position: relative;
}

.two-column-img img {	
	width: 95%;
	padding: 10px;
}

.twocolcontent {
	padding: 0px 10px 0px 10px;
}

.center-icon {
	position: absolute;
	top: 15%;	
	left: 50%;
	width: 150px;
	height: auto;
	transform: translate(-50%, -50%);
}

.two-column-text {
	width: 100%;
	padding: 0px 10px 10px 10px;	
}

.two-column-text li {
	margin-left: 20px;
}

.two-column-text p {
	text-align: left;
	padding-left: 10px;
}

.two-column-text-content p {
	padding-top: 10px;
}

.two-column-text h2 {
	font-size: 60px;
	padding-top: 20px;
}
.two-column-text .h4-header {
	padding: 30px 0px;
    font-size: 40px;
    margin: 0px;
    color: rgba(69, 33, 107, 1);
}

.two-column-text ul {
	text-align: left;
	margin-left: 5%;
}

@media (min-width:768px){
	.center-icon {
		top: 50%;
	}
	.two-column {
		height: 540px;
	}
	.two-column-img {
		width: 50%;
	}
	.two-column-img img {	
		padding: 0px;
		object-fit: cover;
		height: 540px;
		width: auto;
	}
	.two-column-text {
		width: 50%;
	}
	
	.two-column-text p {
		width: 90%;
		margin: auto;
		padding: 20px;
	}
	
	.two-column-text-content p {
		padding-top: 10px;
	}
	
	.two-column-text h2 {
		padding-top: 20px;
	}
	.two-column-text .h4-header {
		padding: 20px 5px;
		font-size: 35px;
	}
	
	.two-column-text ul {
		margin-left: 15%;
	}
}

@media (min-width:1024px){
	.two-column-text h2 {
		padding-top: 60px;
	}
	
	.two-column-text p {
		width: 80%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.two-column-text-content p {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.twocolcontent {
		padding: 0px 10px 0px 20px;
	}
}
/* END Two Column Layout */

.overlay-main {
	position: relative;
	left: 0%;
	width: 100%;
	height: 100%;
	padding-top: 50px;	
	padding-left: 0px;
	padding-right: 0px;
	background: rgba(0, 0, 0, 0.4);
}

.overlay-left {
	position: relative;	
	width: 100%;
	right: 0%;
	padding-left: 0px;
	padding-right: 0px;
	color: #fff;
	height: 110px;
	padding-top: 15px; 
	background-color: rgba(73, 44, 102, 0.69);
}
.overlay-right {
	position: relative;	
	width: 100%;
	right: 0%;
	padding-left: 0px;
	padding-right: 0px;
	color: #fff;
	height: 110px;
	padding-top: 28px; 
	background-color: rgba(73, 44, 102, 0.69);
}

.overlay-full {
	padding-bottom: 20px;
	padding-top: 20px;
	color: #fff;
	background-color: rgba(70, 24, 94, 1);
}

.overlay-full img {
	max-width: 80%;
	padding-bottom: 20px;
}

img.leaf {
	padding-top: 20px;
	padding-bottom: 0px;
	height: 
}

.overlay-full p{
	font-size: 17px;
	width: 80%;
	max-width: 800px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 30px;
}


@media (min-width: 768px){
	.overlay-full img {
		max-width: 600px;
		padding-bottom: 40px;
	}
	
	img.leaf {
		padding-top: 15px;
		padding-bottom: 0px;
	}
}

.content-text p {
	width: 80%;
	max-width: 800px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
}

.content-text span {
	color: white;
}
.decoration-left {
	float: left;
	height: 0px;
	margin-top: 20px;
}

.decoration-right {
	float: right;
	height: 0px;
}
.stars {
	height: 0px;
}

@media (min-width:768px) {
	.decoration-left {
		height: 80px;
		padding-right: 30px;
	}

	.decoration-right {
		height: 80px;
		padding-left: 20px;
	}
	
	.stars {
		height: 100px;				
	}
}

.mobile-hidden {
	display: none;
}
.mobile-img, .desktop-hidden{
	display: inline;
}

.mobile-img-small {
	max-width: 75%;
}

.desktop-img {
	display: none;
	width: 90%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid white;
	border-radius: 4px;
}

@media (min-width: 768px){
	.mobile-hidden {
		display: inline;
	}
	
	.mobile-img, .desktop-hidden{
		display: none;
	}
	
	.desktop-img {
		display: inline-block;
		margin: 0px;
		border: none;
		border-radius: 0px;
		width: 100%;
	}

	.mobile-img-small {
		max-width: 100%;
	}
}

.overlay-gray {
	position: relative;	
	width: 50%;
	left: 0%;
	padding-left: 0px;
	padding-right: 0px;
}

.overlay-trim {
	position: relative;
	bottom: 0%;
	width: 100%;
	height: 25px;
	background-color: #00b399;
	background-image: url("../patterns/little-triangles.png");
}

@media (max-width:400px){
	.serving-region img {
		height: 100px;		
	}
	.serving-region {
		padding: 5px;		
	}
}

@media (max-width:400px){
	.serving-region img {
		height: 100px;
	}
	img.leaf {
		width: 45px;
		padding: 0px;
	}
}
@media (max-width:640px) {
	.serving-region {
		padding-top: 20px;
		padding-bottom: 20px;		
	}
	.serving-text {
		color: rgba(0, 179, 153, 1);
		text-align: left;
		float:right; 
		margin-top: 10px;
		margin-left: 10px;
	}
	.serving-text h2 {
		padding-left: 3px;
		line-height: 100%;
		font-family: "Arial",sans-serif;
		letter-spacing: 5px;
		font-weight: 200;
		font-size: 18px;
		color: rgba(0, 179, 153, 1);
	}

	.serving-text h1 {
		line-height: 90%;
		font-size: 22px;
		font-weight: bold; 
		padding-top: 0px;
		color: rgba(0, 179, 153, 1); 
	}

	.serving-text a {
		margin-top: 10px;
		color: white;
		padding-left: 40px;
		padding-right: 40px;
		margin-left: 0px;
	}
}

@media (min-width:641px) {
	.serving-region {
		padding-top: 40px;
		padding-bottom: 40px;		
	}
	
	.serving-region img {
		height: 140px;
		float:left;
	}

	.serving-text {
		color: rgba(0, 179, 153, 1);
		text-align: left;
		float:right; 
		margin-top: 10px;
		margin-left: 20px;
	}
	.serving-text h2 {
		padding-left: 3px;
		line-height: 100%;
		font-family: "Arial",sans-serif;
		letter-spacing: 5px;
		font-weight: 200;
		font-size: 24px;
		color: rgba(0, 179, 153, 1);
	}

	.serving-text h1 {
		line-height: 90%;
		font-size: 38px;
		font-weight: bold; 
		padding-top: 10px;
		color: rgba(0, 179, 153, 1); 
	}

	.serving-text a {
		margin-top: 10px;
		color: white;
		padding-left: 40px;
		padding-right: 40px;
		margin-left: 0px;
	}
}

.site-map{
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
	color: white;
	background-color: rgba(69, 33, 107, 1);
}

.site-map .col-lg-4 {
	padding-left: 7%;
}

.site-map p {
	margin-top: 0px;
	margin-bottom:0px;
}

.site-map h3 {
	font-size: 22px;
	border-bottom: 2px solid white;
	display: inline-block;
	padding-bottom: 15px;
}
.site-map p a{
	color: white;
	text-align: left;
	font-size: 14px;
}

.site-map a:hover, a:focus{
	color: rgba(255,255,255, .8);
	font-weight: 200;
}

#sponsor-carousel2 .owl-pagination {
	display:none;
}
.sponsor-carousel .item, .sponsor-carousel2 .item{
  margin: 3px;
}
.sponsor-carousel .item img , .sponsor-carousel2  .item img{
  display: block;
  width: 100%;
  max-width: 170px;
  height: auto;
}

.subpage{
	padding-top: 90px;
	height: 50vh;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9) ), url(../images/10.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.program{		
	height: 65vh;
}

@media (min-width:768px) {
	.program {
		height: 75vh;
	}
}

.heading{
	display: block;
	height: auto;
	width: 100%;
}

.img-box {
	text-align: center; 	
	margin-top: 45px;
}

.img-box img {
	max-height: 200px;	
}

.img-box-prog {
	text-align: center; 	
}

.img-box-prog img {
	width: 100%;
}

.address p, .address strong{
	color: white;
}
.address .text-left {
	padding-left: 10px;
}

@media (min-width:1024px){
	.address .text-left {
		padding-left: 30px;
	}
}
.text-left {
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 10px;
}

.textright {
	padding-right: 20px;
	padding-top: 10px;
}

.content{
	background-color: #4e50a0;
	height: auto;
	text-align: center;
	padding-left: 20px;
	padding-top: 20px;
	color: #fff;
}

.content h2{
	text-align: center;
}

.floating {
	color:white; 
	width: 430px; 
	height: 350px; 
	background-color: rgba(0, 179, 153, .8);
}

.donate-floating {
	display: inline-block;
	margin-top: 10%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: rgba(0, 179, 153, .8);
	border-radius: 4px;
	text-align: center;
	color: #fff;
    width: 50%;
}

.donate-floating p {	
	font-size: 14px;
}

.donate-campaign {
	margin: 0px 10px 10px 10px;
}

.campaign {
	background-color: rgba(0,0,0, .1);
	border-radius: 8px;
	border: 2px solid #00b399;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.campaign button {
	margin-top: 0px;
}

.campaign .solid-teal {
	background-color: rgba(0, 179, 153, 1);
	color: white;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
	max-width: 300px;	
	left: 0%;
	margin-right: 0%;
	transform: translate(0%, 0); 
	margin: auto;
}

.campaign img {
	width: 90%;
	max-width: 300px;
	margin: auto;
}

.campaign p {
	max-width: 290px;
	margin: auto;
}

.campaign-desc {
	height: 170px;
	margin: auto;
	overflow: hidden;
}

@media (min-width:1024px){
	.donate-campaign{
		margin-left:12%; 
		margin-right:12%; 
		margin-bottom: 50px;
		margin-top: 0px;
		padding: 0px;
	}
	
	.campaign {
		border: none;
		background-color: transparent;
	}
}

.content-floating{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 110px;
	background-color: rgba(0, 179, 153, .8);
	border-radius: 4px;
	height: auto;
	width: 100%;
	text-align: center;
	color: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.content-floating h2 {
	font-size: 24px;
}

@media (min-width: 768px){
	.content-floating{
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 10%;
		height: 350px;
		width: 480px;
	}
	
	.content-floating h2 {
		font-size: 36px;
		padding-bottom: 10px;
		padding-top: 20px;
	}
	
	.content-floating p {
		font-size: 16px;
		padding: 0px 20px 20px 20px;
	}
}

.content-fullwidth {
	display: block;
	width: 100%;
	min-height: 400px;
}

.content-fullwidth h3{
	text-align: center;
}

.content-fullwidth p{	
	font-family: "Arial",sans-serif;
}

.content-fullwidth a{
	color: #0000FF;
}


.photo {
	display: inline-block;
	background-color:white;
	margin-left: 10px;
	margin-bottom: 15px;
}

.photo img {
	width: 250px;
}

.subpage h4 {
	padding: 0px;    
    font-family: "Arial",sans-serif;
    font-weight: 700;
    color: #bfd886;
}

.actions {
	margin-left: 50px;
	margin-right: 50px;
}
.actionslide {
	padding: 0px 15px 10px 15px;
	margin: auto;
}

.actionslide>a>img {
	max-width: 100%;
	max-height: 400px;
	margin: auto;
}

.counters {
	padding-top: 50px;
}

.action-overlay {
	position: absolute;
	top: 25%;
	width: 100%;
	text-align: center;
	color: #fff;
}

.action-overlay h4 {
	color: #fff;
	font-weight: 700;	
	margin-top: 20px;
}

.brighten img {
-webkit-filter: brightness(40%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.brighten img:hover {
-webkit-filter: brightness(80%);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.grayscale {
	-webkit-filter: grayscale(0%);
   filter: grayscale(0%);
}
.grayscale img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-webkit-transition: all 1s ease; 
}

.grayscale img:hover {
filter: grayscale(0%);
filter: gray; 
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

/* Buttons and Images */
.service-box p {
    margin-bottom: 0;
}

.shaded {
	height: 200px;
	background-color: rgba(255, 255, 255, 1);	
	border-radius: 120px;
	-webkit-box-shadow: 0px 0px 100px 70px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 100px 70px rgba(255,255,255,1);
	box-shadow: 0px 0px 100px 70px rgba(255,255,255,1);	
}


.text-primary {
    color: #FF7DCA;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.frontpage-buttons{
	margin-top: 0px;	
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.main-header {
    position: relative;
    width: 100%;    
	height: 80vh;
    text-align: center;
    background-position: center;
	z-index: 1;
}

.homepage-header {	
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.council-name {
	color: rgb(0,0,0);
	position: fixed;
	top: 0;
	left: 80;
	width: 200px;
	padding-top: 13px;
	padding-left: 100px;
}

.council-name p{
	color: rgb(0,0,0);
}
.council-info {
	margin-top: 18px;
	font-weight: 500;			
}

#whatgirlslearn {
	background:url('../common/backgrounds/GOTR_Flower_Background.jpg') repeat;	
	width: 100%;
	padding-top: 40px;
}
#whatgirlslearn h1 {
	color:rgba(69, 33, 107, 1);
}

#whatgirlslearn h2 {
	color:rgba(0, 179, 153, 1);	
}

#whatgirlslearn p {
	margin-bottom: 10px;
}

#Local-Sponsors h2{
	font-size: 23px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#National-Sponsors {
	background-color: rgb(0, 171, 146);
}

.national-sponsors {
	background-color: white;
	color: rgb(0,171,146);
	padding-top: 20px;
}

.national-sponsors img {
	padding-left: 10px;	
	padding-right: 10px;
}

.national-sponsors h2 {
	font-size: 23px; 
}

.national-sponsors-teal {
	background-color: rgb(0,171,146);
	color: white;
	padding: 0px;
}

.local-sponsors h2 {
	text-transform: uppercase;
}
.sponsor-logos {
	padding-top: 20px;
}
.sponsor-logos img{
	padding-left: 20px;
	padding-right: 20px;
	width: 250px;
	
}

.lpb-logos {
	padding-top: 20px;
}
.lpb-logos img{
	padding: 40px;
	width: 300px;
}


.sponsor-names {
	max-width: 1750px;	
	margin: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.sponsor-names p, .sponsor-names a{
	font-size:23px;
	font-weight: bold;
	color:rgb(100,100,100);
	background-color: rgba(255,255,255,.3);
	margin:0px 40px 0px 40px;
	text-transform: uppercase;
}

.sponsor-names a:visited {
	color:rgb(100,100,100); 
}

.sponsor-names .fa {
	font-size: 12px;
	margin-top: 9px;
	background-color: none;
}

.fivec-img {
	position: relative;
    min-height: 300px;
    background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
}

.five-cs {
	padding: 20px 25px 0px 20px;
	max-width: 700px;
	margin: auto;
}

.five-cs-row {
	width: 100%;
	max-width: 1400px;
	margin: auto;
}

.five-cs h2 {
	font-size:44px;
	padding-bottom: 5px;
}

.five-cs img {
	width: 50px;
}

.five-cs p {
	font-size:17px;
	color: rgba(0, 0, 0, 0.85);
	margin-top: 0px;
}


@media (min-width:640px){
	.fivec-img {
		margin-bottom: 0px;
		max-width: 500px;
		margin: auto;
	}	
}

.text-banner {
	padding-top: 20px;
}

.hero-image {
	height: 580px;	
	background-size: cover;
	position: relative;
	background-position: center top;
}

.hero-overlay-bottom {
	background-color: rgba(0, 179, 153, .85); 
	display:inline-block;
	position: absolute;
	bottom:0px;
	color:white;	
	width: 100%;
	padding: 20px 0px 20px 0px;
}

.hero-overlay-bottom-teal {
	background-color: rgba(0, 179, 153, .85); 
	display:inline-block;
	position: absolute;
	bottom:0px;
	color:white;	
	width: 100%;
	padding: 20px 0px 20px 0px;
}

.hero-overlay-bottom-purple {
	background-color: rgba(50, 10, 105, 0.69);
	display:inline-block;
	position: absolute;
	bottom:0px;
	color:white;	
	width: 100%;
	padding: 20px 0px 20px 0px;
}

.hero-overlay-bottom-pink {
	background-color: rgba(200, 51, 147, .75);
	display:inline-block;
	position: absolute;
	bottom:0px;
	color:white;	
	width: 100%;
	padding: 20px 0px 20px 0px;
}

.sponsor-card {
	width: 250px;
	text-align: left;
	background-color: white;
	display: inline-block;
	margin-right: 10px;
	margin-top: 10px;
}

.sponsor strong {
	font-family: "Arial",sans-serif;
	color: white;
}

.sponsor-card-img {
	height: 150px;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
}
.sponsor-card-img img {
	max-height: 250px;
	padding: 40px 40px 40px 40px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.sponsor-card-text {
	height: 225px;
	background-color: rgba(0, 179, 153, 1); 
	color:white;
	position: relative;
	overflow: hidden;
}

.sponsor-card-text h4 {
	font-size: 17px;
	padding:  10px 10px 10px 10px;
}

.sponsor-card-text p {
	font-size: 16px;
	padding: 10px 0px 10px 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	min-height: 0px;
}

@media (min-width:768px){
	.sponsor-card-img {
		height: 250px
	}
	
	.sponsor-card-text h4 {
		font-size: 19px;
	}
}

ul.plus-bullet, .plus-bullet ul {
	list-style: none;
}

.plus-bullet li , .plus-bullet ul li{
	background: url('../common/icons/plusbullet.png') no-repeat left top;
	background-size: 20px 20px;
	padding-left: 40px;
	padding-bottom: 5px;
	margin-left: 10px;
}

.plus-bullets li, .plus-bullets ul li {
	display: block;
	padding-bottom: 5px;
	font-size: 18px;
    letter-spacing: .8px;
}

.plus-bullets li:before, .plus-bullets ul li:before {
	content: "\e081";
    font-family: 'Glyphicons Halflings';
    font-size: 13px;
    float: left;    
    margin-left: -17px;
    color: #C83393;
}

.hero-toolbar {
	position:absolute; 
	right:0px; 
	top:30px
}
.hero-background {
	height: 400px;
	background-position: 0 0;
	background-size: cover;
	background-position: center top;
}

.hero-halfheight {
	height: 200px;
	background-position: center center; 
	background-repeat:no-repeat;	
}

.hero-home {
	height: 550px;
}

.hero-organization img {
	padding-top: 100px;
	width: 90%;
}

.hero-coach h3 {
	float:left; 
	margin-top:-10px; 
	padding-left:20px; 
	padding-right:10px; 
	padding-bottom: 10px;
	font-size:80px;
}
.hero-coach h4 {
	font-weight: 200;
	font-size: 20px;
	
}

.hero-giving h2 {
	font-size: 24px;
}

.nixon-fingers {
	height: 70px;
	width: auto;
}

@media (min-width:768px)
{
	.hero-background {
		min-height: 550px;
	}
	
	.hero-home {
		height: 640px;
	}
}
@media (min-width:1024px)
{
	.sponsor-cards {
		max-width: 1300px;
		margin: auto;
	}
	.sponsor-card {
		width: 300px;
	}
	.hero-image {
		height: 86vh;		
		margin-top: 20px;
	}
	
	.hero-background {
		height: 80vh;
		background-size: cover;
	}
	
	.hero-halfheight {
		height: 50vh;
		background-size: contain;
	}
	
	.hero-organization img {
		padding-top: 280px;
		padding-bottom:200px;
		width: 50%;
	}
	
	.hero-ourlocations {
		height: 70vh;
	}
	
	.hero-coach {
		height: 90vh;
	}
	
	.hero-giving {
		height: 92vh;
	}
	
	.hero-giving h2 {
		font-size: 32px;
	}

	.hero-volunteer {
		height: 700px;		
	}
	
	.hero-programs {
		background-position: 15% 0%;
	}
	
	.hero-organization {
		max-height: 700px;
	}
}

@media (min-width:1601px) {
	.hero-volunteer {
		height: 900px;		
	}
	
	.hero-halfheight {
		height: 60vh
	}
}

.org-values {
	margin-left:5%; 
	margin-right:5%; 
	margin-top: 10px;
}
.org-values p{
	margin-top: 10px;
	max-width: 300px;
	margin: auto;
	padding: 10px 10px 15px 10px;
}

@media (min-width:1024px){
	.org-values {
		margin-left:10%; 
		margin-right:10%; 
		margin-top: 10px;
	}
	
	.org-values p{
		margin-top:15px; 
		max-width: 300px;
		padding: 0px 30px 0px 30px;
	}
}

@media (min-width: 1440px){
	.org-values {
		margin-left:25%; 
		margin-right:25%; 
		margin-top: 30px;
	}
}

.purple-border {
	background-image:  url(../images/common/border_pattern.png);	
	background-color: #46185e;
	background-size: cover;
	height: 30px;
}

.green-border {
	background-image:  url(../images/common/border_pattern.png);	
	background-color: #00b399;
	background-size: cover;
	height: 30px;
	padding: 0px;
}

.pink-border {
	background-image:  url(../images/common/border_pattern.png);	
	background-color: #c83393;
	width: 100%;
	background-size: cover;
	height: 30px;
}

.transparent-border {
	background-image:  url(../images/common/border_pattern.png);		
	width: 100%;
	background-size: cover;
	height: 30px;
}

.girls-say {
	background-image: url(../img/gotr/pink-flower-bg.PNG);
	background-size: contain;
	padding-left: 0px;
	padding-right: 0px;		
}

.girls-say img {	
	width: 100%;
}

.girls-say .quote {
	width: 80%;
	padding-bottom: 20px;
	padding-top: 10px;
}

@media (min-width: 768px) {
	.girls-say {
		background-image: url(../img/gotr/pink-flower-bg.PNG);
		background-size: cover;
		padding-left: 0px;
		padding-right: 0px;
		max-height: 450px;
		overflow: hidden;		
	}
	
	.girls-say .quote {
		width: 60%;
		padding-top: 20px;
	}
}
@media (min-width: 1440px) {
	.girls-say {
		background-size: 1000px 500px;
		max-height: 550px;
	}
	.girls-say .quote {
		width: 40%;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.girls-say h2 {	
	color: white;
	font-family: "Arial", sans-serif;
	font-weight: 200;
}

.girls-say h3 {
	color: white;
    font-size: 22px;
    line-height: 1.5em;
    max-width: 480px;
    margin: auto;

}

.girls-say p {
	padding-top: 15px;
	font-size: 20px;
	font-weight: 200;
}

.icon-links {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 10%;
	padding-right: 10%;
	background-image: url('../images/common/Paper_Texture.jpg');	
	background-size: cover;
}

.icon-links img {
	width: 200px;
}

.icon-links h3 {
	color: gray;
	text-transform: uppercase;
	font-family: "Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}

.vol-quote {
	display: none;
}

.vol-quote-text p {
	letter-spacing: .05em;
	line-height: 1.7;
}

.vol-quote-text img {
	height: 90%;
}

.vol-quote-img {
	overflow: hidden;
	position: relative;
}
.vol-quote-img img {	
	object-fit: cover;
}

.vol-quote-text, .quote-text {
	height: 250px;
}

.quote-text {
	height: 250px;
}
.quote-text {
	position: absolute;
	top: 0%;
	color: white;	
	margin-top: 17%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: 12px;
	font-weight: bold;
	
}

@media (min-width: 1024px){
	.vol-quote {
		display: inline;
	}
	
	.vol-quote-text, .quote-text, .vol-quote-img, .vol-quote-img img {
		height: 400px;
	}
	
}

@media (min-width: 1200px){
	.vol-quote-text p {
		font-size: 14px;
	}
	
	.vol-quote-text, .quote-text, .vol-quote-img, .vol-quote-img img {
		height: 450px;
	}
}

@media (min-width: 1600px){
	.vol-quote-text p{
		font-size: 16px;
	}
	
	.vol-quote-text, .quote-text, .vol-quote-img, .vol-quote-img img {
		height: 480px;
	}
}

.no-margin {
	padding:0px;
	margin: 0px;
}

.icon-size {
	width: 70px;
	height: 100%;
}

.icon-size-lg {
	width: 100px;
	height: 100%;
}

@media (min-width:768px){
	.icon-size {
		width: 100px;
	}
	
	.icon-size-lg {
		width: 150px;
	}
}
@media (max-width:500px) {
	.icon-size-lg {
		display: none;
	}
	.event-block {
		padding-left: 15px;
	}
	.event-block p {
		text-align: center;
	}
}
.grid {
	
}

#newsevents {
	padding-bottom: 40px;
}

.modal-body p {
	color: rgb(100,100,100);
}

.icon-center-overlay {
	width:100%; 
	position:absolute; 
	margin-top:15vh;
	text-align:center;
}

.formfields span {
	font-size: 12px;
}

.text-faded {
    color: rgba(255,255,255,.7);
}

.check-bullets li {
	background: url("../common/icons/GOTR_Icon_CheckMarkSmall.png") no-repeat 0px 3px;
	padding: 0px 0px 15px 35px;
	list-style: none;
	margin: 0;
}

.solemate-pic-label {
	background-color: rgba(200, 51, 147, 1);
	color: white;
	width: 100%;
	height: 75px;
}

.picname {
	padding: 10px;
	font-size: 17px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
}

.solemate-details {
	text-align:left;
}

.solemate-details h4 {
	padding: 0px 0px 10px 10px;
	color: #484848;
	font-size: 18px;
}

.solemate-details p {
	margin: 0px 10px 20px 10px;
	font-size: 16px;
}

.solemate-desc {
	height: 70px;
    padding-top: 10px;
}

.solemate-details .daysleft {
	padding-top: 10px;
	color: rgba(0, 179, 153, 1);
	text-align: center;
}

.meter { 
	height: 30px; 
	position: relative;
	background: white;
	border: 1px solid rgba(0, 179, 153, 1);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	margin-bottom: 15px;
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: rgba(0, 179, 153, 1);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  position: relative;
  overflow: hidden;
	color: white;
	font-size: 19px;
	text-align: center;
	font-weight: bold;
	min-width: 60px;
}

.meter > span > p {
	color:white;
	font-weight: bold;
	text-align: center;
	font-size: 19px;
}

.solemate-details .goal {
	padding-top: 5px;
	color: white;
	background-color: rgba(0, 179, 153, 1);
	text-align: center;
}

.solemates-details .btn {
	text-align: center;
}

@media (min-width: 768px){
	.solemate-details h4 {
		padding: 0px 0px 10px 10px;
		font-size: 20px;
	}
	.solemate-details p {
		font-size: 19px;
		height: 0px;
		overflow: hidden;
	}
}

.sm-fundraiser img  {
	height: 325px;
	width: 100%;
	background-color: white;
	background-size: cover;
}
.input-search{
 width:250;
 height:20;
 padding:5px;
 border:1px solid;
 border-color: gray;
 color:#939393;
 font-weight:500;
 background-color:white;
}

.submit-search{
 width:35px;
 height:30px;
 border-radius: 0px;
 background-color:#d53393;
 background-size:20px 20px;
 border:none;
 cursor:pointer;
}

.faq-question {
	padding: 10px 0px 0px 0px;
	color: rgba(0, 179, 153, 1);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

.faq-answer {
	font-size: 17px;
	margin: 0px;
}

.faq-answer p {
	margin: 0px;
}

.session-date {
	font-size: 17px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

.session-location {
	font-size: 17px;
	margin: 0;
}

/* Backgrounds */
.bg-blank {
	height: 800px;
	background-color: #99a367;
}
.bg-primary {
    background-color: rgba(0, 179, 153, 1);
	border: 2px;
	border-color: #FF7DCA
}

.bg-primary h4 {
	font-size: 24px;
}

.bg-pink {
    background-color: #d53393;
	border: 2px;
	border-color: #FF7DCA
}

.bg-dkgreen {
    background-color: #8fb746;
	border: 2px;
	border-color: #FF7DCA
}

.bg-dark {
    color: #fff; 
    background-color: #222;
}

.bg-light {    
	border: 2px;
	border-color: #FF7DCA;
	background-image: url(../images/common/Paper_Texture.jpg);
	background-size: cover;
	width: 100%;
}

.bg-flower {    
	border: 2px;
	border-color: #FF7DCA;
	background:url(../images/common/flowerbg_small.png);	
	background-size: cover;
	width: 100%;
}

.bg-flower-tall {
	background:url(../common/backgrounds/GOTR_Flower_Background.jpg) repeat;	
	width: 100%;
}

.bg-purple {
	color: white;
	background-color: rgb(71, 32, 92);;
}

.bg-secondary {
    background-color: #51113d;
	border: 2px;
	border-color: #FF7DCA
}

.info-modal {
	top: 5%;
	overflow: scroll;
}

/* Home Page */
.we-envision {
	display:inline-block;
	text-align: left;
}

.we-envision .col-md-6 p {
	max-width: 300px;
}

.we-envision .col-left {	
	border-right:none; 	
}

.we-envision .col-right {
}

.inspiration-logo {
	width: 600px;
	max-width: 100%;
	padding: 10px 0px 20px 0px;
}
.connect-title {
	max-width: 100%;
	padding: 10px 0px 0px 0px;
}

.badges {
	padding: 10px;
	max-width: 420px;
	margin: auto;
}

.badge-image, .badges img {
	width: 125px;
}

.footer-links {
	background-color: rgba(0, 179, 153, 1);
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: white;
}

.footer-links a {
	font-size: 14px;
	padding: 0px 10px 0px 10px;
}

.footer-links a:hover {
	color: white;
}

@media (min-width: 640px){
	.we-envision .col-md-6 p{
		margin-top: 0px;
	}	
	
	.we-envision .col-left {	
		padding-right: 20px;	
	}

	.we-envision .col-right {
		padding-left:  20px;
	}
	
	.connect-title {
	max-width: 400px;
		padding: 20px;
	}
	
	.badge-image {
		width: 150px;
	}
}

@media (min-width: 1024px) {
	.we-envision .col-md-6 p{
		max-width: 400px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.we-envision .col-left {
		border-right:1px solid white; 	
	}
	
	.we-envision .col-left {	
		padding-right: 70px;	
	}

	.we-envision .col-right {
		padding-left:  70px;
	}
}

@media (min-width: 1600px) {
	.we-envision .col-md-6 p{
		max-width: 620px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
}

/* END Home Page */

/* News & FAQ Pages */

.news {	
	background-color: rgba(0,0,0,.5);	
}

.news-item{	
	margin-bottom: 5px;
	background: #fff;       
    padding:10px;
    border-radius: 2px 2px 2px 2px; 
    -webkit-box-shadow: 0 1px 4px 
    rgba(0, 0, 0, 0.3), 0 0 40px 
    rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 2px 2px 4px 
    rgba(0, 0, 0, 0.3), 0 0 20px 
    rgba(0, 0, 0, 0.1) inset;
}

.news-item:hover {
	-webkit-box-shadow: 0px 0px 5px 5px rgba(191,216,134, .75);
	-moz-box-shadow: 0px 0px 5px 5px rgba(191,216,134, .75);
	box-shadow: 0px 0px 5px 5px rgba(191,216,134, .75);
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.news-item p{
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

.news-item h4{
	text-align: left;
}

.picfirst .news-img-box {
	border: 0px;
	border-radius: 3px;
	border-color: #666;
	border-style: solid;
    margin-bottom: -50px;
}

.news-img-box {
	border: 0px;
	border-radius: 3px;
	border-color: #666;
	border-style: solid;
	margin-bottom: 5px;
	padding: 2px;
}

.news-img-box img {
	width: 100%;
}
.news-block {
	padding-left: 5px;
	padding-right: 5px;
}
.news-title h2 {
    margin: 0 auto 20px;
}

.faq-content {
	padding: 100px, 0;
	display:none;
}

/* Single Blog/News Post Details Page */
.blog-singlepost {
	max-width: 95%;
	margin: auto;
}

.app-blog-detail img {
	width: 100%;
}

.app-blog-text a, .app-blog-text a:visited {
	color: rgb(100,100,100);
	font-weight: bold;
}

.app-blog-text a:hover{
	color:blue
}

.author-footer {
	min-height: 150px;
	margin: 20px;
	background-color: white;
	max-width: 800px;
	margin: auto;
}

.author-footer img {
	max-width: 100px;
	float:left;
	margin-top: 10px;
}

.author-footer h6 {
	color:#320a69;
	font-weight: bold;
	float: left;	
	margin: 0;
}

.author-bio p {	
	text-align: left;
	font-size: 14px !important;
	font-style: italic;
	margin-top: 10px !important;
	margin-left: 120px !important;
}

.author-bio a {
	color: rgb(100,100,100) !important;
	font-weight: bold;
}

.author-bio a:hover{
	text-decoration: underline;
}

.app-blog-detail p{
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 800px;
	margin: auto;
}

.app-blog-detail ol, .app-blog-detail ul {
	margin-top: 10px;
	margin-bottom:10px;
	max-width: 760px;
	margin: auto;
}

.blog-post {
	background-color: white;
	/*padding-top: 20px;*/
}

.blog-post .img-frame {
	height: 350px;    	
    background-size: cover;		
	margin-left: 20px;
	margin-right: 20px;
	margin: auto;	
}

.app-blog-authordetails a {
	color: rgb(100,100,100);
}

.app-blog-authordetails a:hover{
	color: #320a69;
}

.app-blog-author-small a {
	color: rgb(100,100,100);
}

.blog-sidebar {	
	margin-top: 120px;	
}

.blog-categorynav {
	background-color: white;
	max-width: 320px;
	margin: auto;
}

.blog-categorynav .navitems {
	padding: 20px;
}

.blog-categorynav .navitems .row {
	padding-bottom: 20px;
}

.blog-categorynav .navitems img {
	max-width: 50px;
	float: left;
}

.blog-categorynav h6 {
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 20px;
    padding-top: 6px;
	float: left;
	
}

.blog-categorynav  h4{
	font-size: 18px;
	background-color: #320a69;
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
}

.related-posts {
	margin-top: 60px;
}

@media (min-width:1024px) {
	.blog-singlepost {
		margin-left: 60px;
	}
}

@media (min-width:1600px) {
	.blog-post .img-frame {   
		height: 400px;
		max-width: 1000px;
	}
	
	.app-blog-detail p {
		max-width: 1000px;
	}
	
	.app-blog-detail ol, .app-blog-detail ul  {
		max-width: 960px;
	}
	
	.author-footer {
		max-width: 1000px;
	}
}

/* END Single Blog/News Post Details Page */

/* Mobile Menu */
.navbar-header {
	margin: 0px;
	height: 0px;
	background-color: rgba(0, 179, 153, 1);
}
@media(max-width:769px) {
	.navbar-header {			
		height: 60px;		
	}
}

.navbar-toggle {	
	
	border: none;
	float: right;
}

@media (max-width: 769px) {
	.mobile-menu .list-group-item a {
		
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.mobile-menu {	
	border-radius: 4px;
	background-color: #01b19a;
	opacity: 0.95;	
	position: fixed;
	top: 52px;
	right: 0px;
    width: 80%;	
	max-height: 90%;
	text-align: right;
	z-index: 999;
	overflow-y: scroll;
	overflow:auto;
}

.mobile-menu>.dropdown>a {
	text-align: left;
	font-size: 20px;
	display: block;
	padding-top: 5px;
    padding-bottom: 5px;
	padding-right: 20px;
	margin-left: 15px;
	margin-right: 5px;
	border-bottom: thin solid #ababab;
}

.mobiledropbtn {
	display: block;
	padding-top: 5px;
    padding-bottom: 5px;
	color: rgba(255, 255, 255, 0.81);
    font-size: 20px;
    border: none;
    cursor: pointer;	
	font-family: "Arial", sans-serif;	
}

.mobile-menu .dropdown a:hover {
	background: rgba(255,255,255,.25);	
}

.mobile-menu .list-group-item {
	background-color: rgb(19, 169, 150);
	border: 1px solid rgba(221, 221, 221, 0.36);
	text-transform: uppercase;	
	padding-left: 10px;
	margin-left: 10px;
	text-align: left;
}

.mobile-menu .list-group-item:hover {
	background: rgba(255,255,255,.25);	
}

.mobile-menu .list-group-item a {
	 font-size: 18px;
}

.mobile-menu .navbar-nav {
	margin: 0;
}

.mobile-menu>.dropdown .mbl-menu-item {
	text-align: left;
	font-size: 20px;
	display: flex;
	margin-left: 15px;
	margin-right: 5px;
	border-bottom: thin solid #ababab;
}

.mobile-menu>.dropdown .mbl-menu-item  span.caret{
	margin-top: 15px;
	
}

/* Navbar Defs */
.nav>li {
	text-align: center;	
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	max-height: 40px;
}

.navbar-default {
	border: none;
	min-height: 20px;     
    background-color: rgba(0, 179, 153, 1);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;	
}

.navbar-brand{
	max-width: 400px;
	padding-top: 5px;
	padding-left: 5px;
}
.navbar-default .navbar-header .navbar-brand {
	padding: 0px;
    text-transform: uppercase;
    font-family: "Arial",sans-serif;
    font-weight: 700;
    color: #bfd886;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {  	    
    color: white;
	font-size: 14px;
	font-weight: 300;
	font-family: 'Arial', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #bfd886;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #000!important;
	font-weight: 400;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}


.navbar-default > p {
	float: left;
	margin-top: 15px;	
	font-size: 22px;
	color: #00a98e;
	}
	
.navbar-brand {
	z-index: 999;
}
.navbar-brand > img { 	
	padding-top: 2px;
	padding-left: 20px;
	height: 100px;
	z-index: 999;	
}

@media(max-width:767px) {
	.navbar-brand > img.shrink {
		height: 60px;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;		
		}
}
		
@media(min-width:769px) {
	
	.navbar-brand > img { 		
		padding-top: 10px;
		padding-left: 20px;
		height: 120px;
		position: relative;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;		
	}

	.navbar-brand > img.shrink {
		height: 110px;
		padding-top: 5px;
		padding-left: 20px;
	}
	
	.test-logo {
		position:absolute; 
		top: 2px; 
		left:3px;
		height: 150px;
		width: 150px;
		filter: blur(0);
		-webkit-filter: blur(0);
		transition: all .35s;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
		transform: translateZ(0) scale(1.0, 1.0);
	}
	
	.test-logo > img {
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0) scale(1.0, 1.0);
		transform: translateZ(0) scale(1.0, 1.0);
	}
	
	.test-logo.shrink{
		top: -15px;
		left: -12px;
		-webkit-transform: translateZ(0) scale(.8, .8);
		-moz-transform: translateZ(0) scale(.8, .8);
		transform: translateZ(0) scale(.8, .8);
	}
	
	.bg-primary h4 {
		font-size: 54px;
	}
	
	.content {
		margin-top: 90px;
		height: 50vh;
		padding-left: 50px;
		padding-right: 50px;
		text-align: left;
	}	
	.text-left {
		padding-left: 70px;
		padding-top: 30px;
	}

	.textright {
		padding-right: 70px;
		padding-top: 30px;
	}
    .navbar-default {        
        background-color: rgba(0, 179, 153, 1);
		width: 100%;		
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: white;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: white;		
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background-color: rgba(0, 179, 153, .85);
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 14px;
        color: #bfd886;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #eb3812;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #222;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: white;
    }
}

@media (min-width:900px) {
	.nav>li {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.navbar-brand > img { 		
		padding-top: 10px;
		padding-left: 25px;
		height: 150px;
	}
}

/*  Header Definitions */

@media(min-width:768px){
	.header-content {
    position: relative;
	margin: auto;
	top: 20%;
    width: 85%;
    text-align: center;
	color: white;
	}
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
	letter-spacing: 2px;
    font-weight: 500;
	text-shadow: 1px 1px #638291;
}

header .header-content .header-content-inner h2 {
    margin-top: 0;
    margin-bottom: 0;
	letter-spacing: 2px;
    font-weight: 700;
	text-shadow: 1px 1px #638291;
}

header .header-content .header-content-inner h4 {
    margin-top: 15px;
    margin-bottom: 0;    
    font-weight: 700;	
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 18px; 	
    font-weight: 500;
    color: rgba(255,255,255,1);
	text-shadow: 1px 1px #638291;
}

@media(min-width:1030px) {

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
	
	header .council-info{
	position: absolute;
	text-align: left;
	margin-top: 0px;
	}
}

.reg-label {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0px 9px 0px;
	margin: 0px;
}

.reg-field {
	height: 30px;
	margin-bottom: 5px;
}

.register_header {
	width: 100%;
	background-color: rgba(0, 158, 135, 1);
}

.register-container {
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 80px;	
}

.event-details {
	background: rgba(255,255,255, .75);
	padding-bottom: 20px;
	border-radius: 5px;
	min-height: 350px;
}



.donate-form {
	
	border: none;	
}

.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
}

/* Social Media */
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
  #social-pt:hover {
     color: red;
 }

/* Screen Size Definitions */
@media(max-width: 768px){
	.main-header {
		height: 400px;
	}
	
	.header-content {
		top: 10%;
		color: white;
		text-align: center;
	}
	.banner-img {
		width: 70%;
		padding-top: 40px; 
		padding-bottom: 10px;
	}
	.actions {
		margin-left: 20px;
		margin-right: 20px;
	}
	.actionslide {
		height: 200px;
		width: 100%;
	}
	
	.actionslide img {		
		position: absolute;
		width: 100%;	
		object-fit: cover;
		height: 198px;		
	}
	.portfolio-box {
		height: 200px;		
	}
}

@media(max-width:992px){
	.overlay-left>h1 {
		font-size: 28px;
	}
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

	
@media (min-width: 768px) {
	.action-overlay {
		position: absolute;
		top: 75%;
		width: 100%;
		text-align: center;
		transform: translateY(-50%);
		color: #fff;
		border: 0px;	
	}
	.modal-open {
	  section {
		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		filter: blur(20px);
	  }
	}
	.giving-lb {
		min-width: 785px !important;
	}
	.modal-dialog {
		min-width: 785px !important;
	}
	.modal-backdrop {
	  background-color: rgba(0,0,0,1);
	}
	
	.slider-btn{
		width: auto;
		text-transform: uppercase;		
	}
	
	.overlay-main {
		padding-top: 12px;
		width: 55%;
		background: rgba(0, 169, 142, 0.8);
	}
	
	.overlay-left {
		width: 50%;
	}
	
	.overlay-right {
		width: 50%;
	}
}

@media(min-width:1024px){
	.overlay-main {
		width: 45%;
	}
	
	.overlay-programs {
		width: 40%;
	}
	
	.slider-btn{		
		margin: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media(min-width:1440px){
	.overlay-main {
		width: 37%;
	}
}

.reg-form {
	width: 75%;
}

.reg-form label {
	font-size: 12px;
}

.reg-form select {
	width: 200px;
}

.reg-form input {
	width: 200px;
}

.control-label {
	padding-right: 12px;
}

.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}


.learn-more-state {
  display: none;
}

.learn-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  letter-spacing: 0;
}

.learn-more-state:checked ~ .learn-more-wrap .learn-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.learn-more-state ~ .learn-more-trigger:before {
  content: 'SHOW MORE';
}

.learn-more-state:checked ~ .learn-more-trigger:before {
  content: 'SHOW LESS';
}

.learn-more-state ~ .learn-more-trigger-es:before {
  content: 'VER MAS';
}

.learn-more-state:checked ~ .learn-more-trigger-es:before {
  content: 'VER MENOS';
}

.learn-more-trigger, .learn-more-trigger-es {
  cursor: pointer;
  display: inline-block;
  padding: 0;
  margin: 0px 0px 15px 0px;
  color: white;
  font-size: 14xp;
  line-height: 2;
  font-family: "Arial", sans-serif;
}

.staff-grid {
	width: 100%;
	margin: auto;
}

.staff-grid-size {
	width:98%; 
	background-color:rgb(217, 93, 169); 
	padding-bottom: 20px; 
	padding-top: 10px; 
	margin:auto; 
	margin-bottom:40px;
}	

.staff-grid h5 {
	letter-spacing: .15em;

}

.staff-grid p.fullname {
	font-size: 19px;
}

.staff-grid p.jobtitle {
	font-size: 14px;
}

.staff-grid a.jobtitle { 
	font-size: 14px;
	margin-left: 10px;
	float: left;
	color: white;
}

.staff-grid a.jobtitle:hover {
	font-weight:bold;
}

.staff-info {
	position: relative;
	height: 400px;
	background-position: center center;
}

.staff-label {
	background-color: rgba(77, 44, 108, .8);	
	color: white;
	position: absolute;	
	bottom: 0px;
	width: 100%;
	height: 80px;
	padding-top: 4px;
	transition:height 0.5s; /* Animation time */
	overflow: hidden;
}

.staff-label hr {
	margin-top: 40px;
}

.show-quote {
	height: 400px;
}

.staff-label-full {
	background-color: rgba(77, 44, 108, .7);
	color: white;
	height: 288px;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 0px;
	
}

.staff-label-full p.fullname {
	font-size: 19px;
}

.staff-label-full p.jobtitle {
	font-size: 14px;
}

.staff-label-full p {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}

.staff-left-col {
	display: block;
	float: left;
	width: 49%;
	
}
.staff-mid-col {
	display: block;
	float: left;
	width: 49%;
	
}
.staff-right-col {
	display: block;
	float: left;
	width: 49%;
	
}

.staff-one-col {
	display: block;
	width: 80%;
	max-width: 300px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.staff-one-col .staff-info {
	height: 300px;
}

.our-board-member {
	height: 130px;
}

@media (min-width: 1100px) {
	.staff-one-col {
		max-width: 500px;
	}
	
	.staff-one-col .staff-info {
		height: 500px;
	}
	
	.staff-left-col{
		display: block;
		float: left;
		width: 25%;
		padding: 0px 15px 0px 0px;
	}
	.staff-mid-col{
		display: block;
		float: left;
		width: 25%;
		padding: 0px 15px 0px 0px;
	}
	.staff-right-col{
		display: block;
		float: right;
		width: 25%;
		padding: 0px 0px 0px 0px;
	}
	.staff-grid {
		width: 90%;
		margin: auto;
	}
}

@media (min-width: 1600px) {
	.staff-grid {
		width: 1500px;
		padding: 0px;
		margin: auto;
	}

	.staff-left-col{
		display: block;
		float: left;
		width: 375px;	
		padding: 0px 10px 0px 0px;		
	}
	.staff-mid-col{
		display: block;
		float: left;
		width: 375px;
		padding: 0px 10px 0px 10px;
	}
	.staff-right-col{
		display: block;
		float: right;
		width: 375px;
		padding: 0px 0px 0px 10px;
	}
}

#sitegrid {
		background-image:url('../images/search_sites_bg.png');
		background-repeat: no-repeat;
		background-size: cover;		
	}

/* Contact Info Style */
	/* Mobile styles first*/
	.address {
	padding-top: 20px;
	}
	
	.address p {
		font-size: 14px;
	}

	.address a {
		font-size: 12px;
		word-break: break-all;
	}
	
	.contact-icon {
		width: 70px;
	}

	.social-media {
		padding: 20px 10px 20px 10px;
	}
	
	.social-media img {
		width: 95px;
		padding-top: 5px;
	}
	
	.twitter-feed {
		max-height: 600px;
		overflow: scroll;
		padding:20px; 
		background:#fff; 
		border-radius:3px; 
		box-shadow:2px 2px 3px rgba(0,0,0,.1);
	}

	.sign-up {
		padding: 10px 0px 20px 0px;
	}

	.sign-up p{
		font-size: 15px; 
		font-weight:bold; 
		margin-bottom: 2px;
	}

	.sign-up input {
		margin-top: 10px;
		margin-left: 0px;
		width: 100%;
	}	
	
	.sign-up button {
		display: block;
		margin: 10px 0px 0px 0px;
	}
	
	.sign-up .text-left {
		padding:10px 10px 10px 10px;
		max-width: 430px;
		margin: auto;
	}
	
	.contact-heading {
		padding-top: 20px; 
		padding-bottom: 10px;
		font-family: 'bromello';
		letter-spacing: 0px;
		font-weight: 400;
		font-size: 52px;
	}
	.contact-heading.f-clar {
		padding-top: 20px; 
		padding-bottom: 10px;
		font-family: 'clarendon';
		letter-spacing: 0px;
		font-weight: 400;
		font-size: 52px;
	}
	
	.contact-heading.f-aria {
		padding-top: 20px; 
		padding-bottom: 10px;
		font-family: 'arial';
		letter-spacing: 0px;
		font-weight: 400;
		font-size: 44px;
	}

	/* Larger screen styles */
	@media (min-width:768px) {
		.contact-heading {
			padding-top: 20px; 
			padding-bottom: 20px;
			font-size: 72px;
			font-family: 'bromello';
			letter-spacing: 0px;
			font-weight: 400;			
		}
		.contact-heading.f-aria {
			padding-bottom: 50px;
			font-size: 66px;
		}
		.contact-icon {
			width: 90px;
		}
		
		.sign-up {
			padding: 20px 0px 40px 40px;
		}
		
		.sign-up .text-left {
			padding:25px 20px 10px 20px;
		}
		
		.address a {
			font-size: 14px;
		}
	}
	
	@media (min-width:1600px){
		.address p {
			font-size: 21px;
			margin-left: 20px;
		}
		
		.address a {
			font-size: 18px;
		}
		
		.sign-up .text-left {
			padding:25px 40px 10px 40px;
		}
	}

/* END Contact Info */

/* Custom Event Page */
.customevent-text p {
	color:white;
	margin-top:20px; 
	font-size:20px;
	width: 90%;
	margin: 0 auto;
}

.custom-event-details a {
	color: rgb(0, 158, 135);
}

.dnnCheckbox .mark {
	background-color: transparent;
}

#dnn_ContentPaneLower {
	padding: 0px;
}

a.sc-layout.show-default {
	display: none;
}

.owl-item {
	height: 280px; 
	position: relative;
}

.owl-item img {
	max-height: 250px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	transform: translate(0,-50%); // IE9
	transform: translate3d(0,-50%,0); // Modern Browsers - better performance	
}



.popup-content{
	background-image: url('../gotrwebsite/common/backgrounds/girls-on-the-run-giving-stars.png');
    background-size: cover; 
	border-radius: 0px;
	color: white;
	opacity: 1;
	padding: 8px;
}

.popup-content:hover {
	opactiy: 1;
}

.modal-backdrop
{
    opacity:0.3 !important;
}

.popup-content .popup-close {
	padding:3px 13px 7px 13px; 
	border-radius: 0px;
	background-color: #6C459C;
	color: white;
	opacity: .8;
	margin-top: 2px;
	margin-right: 3px;
	font-size: 35px;
}

.popup-content .modal-header {
	padding: 0px;	
}

p.donatelightbox-text {
	width: 100%; 	
	margin-top: 20px; 
	color:white;
	font-size: 25px;
}

.modal-inner-border {
	border: solid;
	border-color: #CA2E9B;
	border-size: 3px;
}

@media (min-width:600px){
	p.donatelightbox-text {
		width: 420px; 
		margin: auto; 
		margin-top: 20px; 
		color:white;
		font-size: 18px;
	}

	.modal {
		top:20%;
	}
}

.scholarship-content a {
	text-decoration: underline;
}

.video-title{
	color: #00b399;
	padding: 20px;
}

.video-text {
	padding: 0px;
}
.video-text p{
	padding: 0px;
	margin: 0px;
	color: rgb(100,100,100);
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { 
	.giving-lb {
		width: 375px !important;
	}}