/* general styles */
.white {
	color: #ffffff;
}
.center {
	text-align: center;
}
.text-center {
	text-align: center;
	margin: auto;
}
.endorsements-heading {
	background-color: rgba(255,255,255,0.7) !important;
}
.text-right {
	float:right;
}
.text-left {
	float:left;
}
html, body {
	height: 100%;
	width: 100%;
}
.nav li{
	width:100px;
	text-align:center;
}
.nav li:nth-child(2) {
	width:125px;
}
.nav li:nth-child(4) {
	width:140px;
}
.nav li:hover {
	font-weight: bold;
	background: #dfdfdf;
}
.navbar-default {
	//background-color: light-blue;
	color:white;
}
.parowan {
	font-weight: 600;
}
.underline {
	text-decoration: underline;
}
.flash {
	margin-top: 50px !important;
	margin-bottom: 0px !important;
	text-align: center;
}
/* padded section */
.pad-section {
	/*padding: 0 0 20px 0;*/
}
.pad-section img {
	/* width: 100%; */
}
@font-face {
	font-family: 'Raleway';
	src:	url('fonts/raleway.eot'); /*IE9*/
	src:	url('fonts/raleway.woff2') format('woff2'), /*chrome, firefox*/
		url('fonts/raleway.woff') format('woff'), /*chrome, firefox*/
		url('fonts/raleway.ttf') format('truetype'); /*chrome, firefox, opera, safari, android, ios 4.2+*/
	font-weight: normal;
	font-style: normal;
}
.copywright-credit {
	display:none;
}
.copywright-credit a {
	color: transparent;
	text-decoration: none;
	display:none;
}
/* vertical-centered text */
.text-vcenter {
	display: block;
	text-align: center;
	vertical-align: middle;
	/*margin: 0;
	margin-top: 75px;
	margin-right: 50px;*/
	/*margin: 100px auto;*/
	margin: 100px 0 0 20%;
	max-width: 400px;
	background-color: rgba(255,255,255,0.6);
	padding: 10px;
	color: navy;
	font-family: "Raleway" !important;
}
.text-vcenter h3 {
	/*margin: 1px;
	margin-bottom: 20px;*/
}
.checkmark {
	font-size: 6em;
	margin-top: -40px;
	margin-left: -5px;
	color: rgb(208,51,58);
}
.mission p {
	text-align:left;
}
.flag {
	color: rgb(208,51,58);
}
#aboutSign {
	margin-top:60px;
	width: 100%;
}
#checkBox {
	width: 50px;
	height: 50px;
	border: 4px solid white;
	margin-left:30px;
	margin-top: 20px;
	font-size: .15em;
	font-family: serif;
	padding-top: 8px;
	line-height: initial;
	cursor: pointer;
	display: inline-flex;
}
#campaignSign1 {
	margin: 0;
	margin-top: 50px;
}
#campaignSign2 {
	margin: 0;
	margin-top: 350px;
	margin-right:50px;
	float:left;
	color:white;
	font-weight: bold;
	font-size: 1.5em;
}
.text-vcenter h3 {
	/*margin-left: 250px; */
}
.text-vcenter a {
	/* margin-top: -450px; */
	/* margin-left: 50px; */
}
/* additional sections */ 
#about {
	background-color: rgb(208,51,58);
	color: #ffffff;
}
#issues {
	/*background-color: rgb(208,51,58);
	color: white;*/
}
#issues .glyphicon {
	/*border: 2px solid rgb(79,91,239);
	border-radius: 50%;*/
	display: inline-block;
	font-size: 150px;
	height: 250px;
	line-height: 350px;
	text-align: center;
	vertical-align: middle;
	width: 250px;
}
.cursive {
	font-family:"Brush Script MT", cursive;
	margin-top: 75px;
	font-size:5em;
	color:white;
	text-align:center;
}
#pledgeButton {
	font-size:2em;
}
#learnButton {
	background-color: rgb(208,51,58);
	color:white;
	margin-bottom:10px;
}
#name h1{
	margin: 0;
}
#name h3{
	margin: 10px;
}
#home {
	background: url(../images/american-flag.jpg) center fixed no-repeat;
	background-size: cover;
	margin: 0 auto;
	display: table;
	height: 90%;
	position: relative;
	width: 100%;
	/*max-width:800px;* /
	-webkit-background-size: right;
	-moz-background-size: right;
	-o-background-size: right;
	background-size: right;/**/
	/*color:navy;*/
}
#family {
	background: url(../images/destry-fam-camping-crop.jpg) center fixed no-repeat;
	background-size: cover;
	/*background-color:rgb(79,91,239);*/
	display: table;
	height: 70%;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	color:white;
}
#community {
	background: url(../images/destry-meeting-crop.jpg) center fixed no-repeat;
	background-size: cover;
	/*background-color: rgb(231,189,150);*/
	display: table;
	height:80%;
	min-height: 700px;
	position: relative;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#community .panel {
	/* opacity: 0.80; */
	background-color: rgba(0,0,0,0.4);
	color: white;
}
#donate {
	background: url(../images/background4.jpg) right fixed no-repeat;
	background-size: contain;
	color:white;
	background-color:rgb(208,51,58);
	display: table;
	height: 700px;
	width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
#donate div #donateSection {
	margin-top:75px;
	float:left;
	width: 50%;
	text-align: center;
}
#donate div {
	width: 100%;
	text-align:center;
}
#donate div #destryPortrait {
	float: right;
	width: 50%;
	margin:0 auto;
}
#destryPortrait img {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
footer {
	padding: 20px 0;
}
footer .glyphicon {
	color: #333333;
	font-size: 60px;
}
footer .glyphicon:hover {
	color: #306d9f;
}
.payment {
	max-width: 300px;
}
p, ul {
	font-size:1.2em;
}
#studentsButton {
	margin-bottom: 20px;
	text-align:center;
}
.popover-content, .popover-title {
	color:black;
}
.rp-love {
	transform:rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	display:inline-block;
	border: 1px solid white; /*choose text color here*/
	padding: 0 2px 0 2px; /*this keeps the border from crowding the inside of the "sticker" letters*/
}
.mirror-letter {
	/*to mirror the letters*/
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	/**/
}


/* Tooltip container */
.endorsement {
	cursor: help;
	color: #4fc3f7;
	position: relative;
	display: inline-block;
}

/* Tooltip text */
.endorsement .tooltiptext {
	visibility: hidden;
	width: 550px;
	/*max-width: 90%;*/
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-size: .9em;
 
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
	overflow:hiddden;
}
.tooltip-left{
	top:-5px;
	bottom:auto;
	right:128%;
}
.tooltip-bottom{
	top:135%;
	left:50%;
	margin-left:-60px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.endorsement:hover .tooltiptext {
	visibility: visible;
}
@media (max-width : 1024px) {
	#action {
		background:rgba(0,0,0,0.2);
		color:white;
		font-size:2em;
		margin-top:300px;
	}
	#donate {
		/*color:rgb(79,91,239);*/
		/*background-color:transparent;*/
	}
	#donate div #donateSection {
		margin-top:10px;
	}
	#home {
		background: url(../images/american-flag.jpg) no-repeat center top;
		display: table;
		height: 80%;
		margin-top:50px;
		position: relative;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color:white;
	}
	.text-vcenter {
		margin: 80px auto;
	}
	#home div a {
		
	}
	#family {
		background: url(../images/destry-fam-camping-crop.jpg) center top no-repeat;
		background-size: cover;
		display: table;
		/*height: 15%;*/
		position: relative;
		width: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color:white;
	}
	#answers {
		/*background: url(../images/mobile.jpg) no-repeat center top;*/
		background-color:black;
	}
	p {
		font-size:1em;
	}
	#campaignSign2 {
		display:none;
	}
	#community .panel p {
		padding-left:20px;
	}
	#studentsButton button {
		white-space: normal;
		font-size: 0.9em;
		width: 90%;
	}
	
	#destryPortrait img {
		width: 100%;
	}
	/* Tooltip text */
	.endorsement .tooltiptext {
		visibility: hidden;
		width: 200px;
		padding: 10px;
		/*max-width: 90%;*/
	}
	.tooltip-left{
		top:0;
		right:auto;
	}
	.tooltip-bottom{
		top:auto;
		left:auto;
		margin-left:0;
	}
}

@media (min-width: 768px){
	.col-sm-6 {
		width: 45%;
		/* margin: 20px 2.5% 0 2.5%; */
	}
}
@media (max-width : 766px) {
	.text-vcenter {
		margin: 10px auto;
	}
	#donate div #donateSection {
		margin: 0 auto;
		float:none;
		width: 100%;
		text-align: center;
	}
	#donate div #destryPortrait {
		margin: 0 auto;
		float:none;
		width: 100%;
		text-align: center;
	}
}
@media (max-width : 480px) {
	/* vertical-centered text * /
	.text-vcenter {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		padding-top: 200px;
	}
	.text-vcenter h1 {
		font-size: 2.5em;
		font-weight: 500;
		margin: 0;
		margin-left: 70px;
		padding: 0;
	}
	.text-vcenter h3 {
		margin-left: 70px;
	}
	.text-vcenter a {
		margin-left: 70px;
	}*/
	#home {
	}
	#family {
	}
	#community {
		background: url(../images/destry-meeting-mobile.jpg) no-repeat center top;
		background-size: contain;
		/*background-color: black;*/
		background-color: rgb(102,97,104);
	}
	#donate {
		/*background: url(../images/background4.jpg) no-repeat center top;*/
		color: white;
	}
	#donate div #donateSection {
		text-align: center;
		width: 100%;
	}
	#donate div {
		width: 100%;
	}
	#aboutSign {
		width: 100%;
		margin: 0 0 15px 0;
	}/**/
	#campaignSign2 {
		display:none;
	}
	.mission {
		width:100%;
		/*padding:10%;*/
	}
	/*#venmo {
		margin-top: 120px;
	}*/
}

@media (max-width: 450px){
	#topbarText {
		font-size: 1.1em;
	}
}
@media (max-width: 400px){
	#topbarText {
		font-size: 1em;
	}
}
@media (max-width: 370px){
	#topbarText {
		font-size: 0.9em;
	}
}
@media (max-width: 340px){
	#topbarText {
		font-size: 0.8em;
	}
}
@media (max-width: 325px){
	#topbarText {
		font-size: 0.75em;
	}
}
@media (max-width: 300px){
	#topbarText {
		font-size: 0.7em;
	}
}
@media (max-width: 285px){
	#topbarText {
		font-size: 0.6em;
	}
}