@charset "UTF-8";

/* Bootstrap CSS Overrides */
.navbar-default {
    border: none;
    background: inherit;
    padding-bottom: 20px;
    border-bottom: 8px #f4ad49 solid;
}
.navbar {
    margin-bottom: 0;
    z-index: 9999;
}
/* CGF Homepage CSS */

* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}

i, cite, em, var, dfn, address {
    font-style: italic;
}

/* Fonts*/
@font-face {
    font-family: 'jenna_sueregular';
    src: url('webfont/jennasue/jennasue-webfont.eot');
    src: url('webfont/jennasue/jennasue-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/jennasue/jennasue-webfont.woff2') format('woff2'),
         url('webfont/jennasue/jennasue-webfont.woff') format('woff'),
         url('webfont/jennasue/jennasue-webfont.ttf') format('truetype'),
         url('webfont/jennasue/jennasue-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font: normal normal normal 12px/normal 'Biryani', "Helvetica Neue", Helvetica, 'Raleway', Arial;
    background-color:#fff;
    color:#555;
}
h2{font-size:6em;}
h3{font-size:6em;}
h4{font-size:3.5em;line-height: normal;}
h5{font-size:3em;}
h6{font-size:2em;}

/* Links */

a:link, a:visited, a:active {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#f00;
}

/* Structure */
	#header {
		/*width: 1070px;*/
		height:120px;
		margin:0em auto;
	}
		#header h1 {
			background: url('images/CGF_logo.png') -15px center / 355px no-repeat;
			width:314px;
			height:93px;
			text-indent:-9999px;
			float:left;
			margin-top: 10px;
		}

/* Menu */

#wrapper {
	background-color: #fef5ee;
}

#header #navA, #header #navB {
	padding-top:50px;
	text-transform:uppercase;
	float: right;
	font-weight:300;
}
	#header ul li {
			/* float:left; */
			margin-left: 1.3em;
			font-size:15px;
			padding: 15px 15px 10px 15px;
		}
		#header>ul li:first-child {
			margin-left:0em;
		}
		#header ul li a {
			display:block;
			color:#ec8125;
			padding: 0;
            font-weight: 100;
		}
		#header ul#navA > li:last-child {
			background-color:#f1ad54;
			color:#fff;
			border-radius:5px;
			box-shadow:0px 0px 10px 1px #ddd;
			border-bottom:2px #c38a3a solid;
		}
	
		#header ul#navA > li:last-child a{
			color:#fff;
		}
		.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
			 background: transparent;
		}
		.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:focus, .navbar-default .navbar-nav > .active:hover {
			 border-bottom: 1px #DDB6B5 dotted;
		}
        .navbar-default .navbar-nav > li:hover{
		  border-bottom: 1px #F4AF41 dotted;
        }
/* Sub Menu */

.sub-menu {display:none;position:absolute;background-color: #A2464F;color:#fff;margin: 10px 70px 0 -15px; white-space: nowrap;}
#header ul .sub-menu li {margin:0; padding: }
#header ul .sub-menu li a {color:#fff}

.menu-item-has-children:hover .sub-menu {display:block}
.sub-menu:hover {display:block}

.sub-menu:hover li:hover {background-color:#F4AF41}



/* Home Intro Full Background */

.intro img {
    width:100%;
}
		 .intro h2 {
			background:url('images/home2014/intro_common_quote.png') no-repeat;
			width:797px;
			height:382px;
			text-indent:-9999px;
			margin:0 auto;
		}

#myCarousel {
    overflow: hidden;
    max-height: 844px;
}

/*  Inside Interior  */
.insideintro {
	background:url('images/home2014/intro_bg.jpg') no-repeat;
    background-position:center center !important; 
	background-size:cover !important;
    height:382px;
    border-bottom:2px solid #aaa;
    border-top:2px solid #aaa;

}
	.insideintro div { 
		position:relative; 
		top:40%;
		left:0; 
		right:0; 
		margin: auto;
		width:900px;
	}
		.insideintro h2 {
			width400px;
			color:#fff;
			line-height:normal;
			font-family: 'HelveticaNeue-Light';
			line-height:inherit;
			margin-bottom:30px;
		}
		.insideintro p {
			border-top:1px #555 solid;
			padding-top:10px;
			width:600px;
			color:#fff;
			font-size:2.3em;
			line-height:normal;
		}

/* Global Content */
#contentwrapper {
	background-color: #fff;
}
	#content {
		/* width: 1070px;*/
		height:100%;
		margin:0em auto;
		padding-bottom:20px;
		background-color:#fff;
		padding: 46px 32px 20px 57px;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
		-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
		box-sizing: border-box;
		}


/* Inside Content */

	#content p{
		font-size:1.5em;
		line-height:normal;
		font-weight: 300;
    }
    p.center {text-align:center;}
	h3{
		font-family: 'jenna_sueregular';
		color:#ec8125;
		text-align:left;
		line-height:normal;
		padding-bottom:5px;
		margin10;
		border-bottom:1px #ddd dotted;

	}
	p+h3 {margin-top:.8em;}
	h6 {color:#ec8125;}

	/* Three Column Layout */
	.threecolumns .col {
		display:inline-block; 
		vertical-align:top; 
		margin-right:55px;
		}
	.threecolumns .col:last-child {
		margin:0;
        }   

    /* Two Column Layout */
	.twocolumns .col {
		display:inline-block; 
		vertical-align:top; 
		margin-right:55px; 
		width:370px
		}
	.twocolumns .col:last-child {
		margin:0;
        }   
    #donatepage .twocolumns{margin:30px 0;}
    #donatepage #left{
        width:150px; 
        text-align:center;
        padding:0;
    }
    #donatepage .col{width:600px; padding-top:20px }


    /* Home Content */
	#home #content {
		padding:0 !important; 	
		}

	#ourmission {
		margin: 160px auto 200px auto;
	}
    .commonquote img {width:100%}
	h3, h4 {
		font-family: 'Biryani';
		font-weight: 100;
		color:#ec8125;
		text-align:center;
		padding:0;
		border:0;
		margin:0;
		line-height: normal;
		text-transform: uppercase;
		letter-spacing: -2px;
	}
	#ourmission h3 {
		line-height: 0px;
	}
	#ourmission p{
		font-weight:200;
		font-size:30px;
		color:#555555;
		margin: 0 auto 60px auto;
		text-align:center;
		line-height:50px;
		width: 80%;
	}
	
	#whatwedo .col-md-3{
		background-color:#eee;
		height:468px;
		position:relative;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#whatwedo .row > a:nth-child(1) .col-md-3{ 
		background-image:url("http://www.commongroundfoundation.org/wp-content/themes/project5565/images/whatwedo_1.jpg");
		background-position:-430px center;
	}
	#whatwedo .row > a:nth-child(2) .col-md-3 { 
		background-image:url("http://www.commongroundfoundation.org/wp-content/themes/project5565/images/whatwedo_2.jpg");
		background-position:center center;
	}
	#whatwedo .row > a:nth-child(3) .col-md-3{ 
		background-image:url("http://www.commongroundfoundation.org/wp-content/themes/project5565/images/whatwedo_3.jpg");
		background-position:center center;
	}
	#whatwedo .row > a:nth-child(4) .col-md-3{ 
		background-image:url("http://www.commongroundfoundation.org/wp-content/themes/project5565/images/whatwedo_4.jpg");
		background-position:-400px center;
	}

	#whatwedo .title {  
		position: absolute;
		bottom: 0;
		right: 0;
    }
	#whatwedo .title p{  

		color:#fff;
		font-size:30px;
		line-height:45px;
		margin:40px;
		
    }
    #whatwedo .learnmore {background-color: #fef9f2;clear:both;padding: 30px;text-align: center;font-size: 24px;font-weight: 200;text-transform: uppercase;}
	#video {
		margin:0 auto;
		text-align:center;
		clear:both;
	}
	#stayconnected {margin:90px 0 0 0;}
	#calltoaction {
		width:100%;
		margin:0 auto;
		padding:50px 0;
        text-align:center;
	}
	#calltoaction a {
		margin:0 10px 0 20px;	
		with:150px;
		padding:20px 30px;
        border:solid;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		font-size:20px;
		color:#fff;
		text-transform:uppercase;
		border-radius:10px;
        background: #db7c35; /* Old browsers */
        background: -moz-linear-gradient(top,  #db7c35 0%, #ea8941 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db7c35), color-stop(100%,#ea8941)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #db7c35 0%,#ea8941 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #db7c35 0%,#ea8941 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #db7c35 0%,#ea8941 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #db7c35 0%,#ea8941 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db7c35', endColorstr='#ea8941',GradientType=0 ); /* IE6-9 */
	}
	#calltoaction a:first-child {
		/*margin-left:40px	*/
	}
	#stayconnected p {
		text-align: left;
		width:400px;
		margin:0 auto;
		font-size:20px;
		font-weight: 200;
	}
	#stayconnected form {
		margin: 0 auto;
		max-width: 400px;
	}
	#stayconnected .s2_message {
		margin:50px 0 0 0; 
		text-align:center;
	}



    #stayconnected .list ul {
        list-style:disc;
        margin-left:20px;
    }
    #stayconnected .list p{
        width:auto;
    }
    #stayconnected .list {
    }

	#footer{
		border-top:1px dotted #ccc;
		background: #efa950;
		font-size:12px;
		line-height:16px;
		color: #fff;
		padding: 40px 0 70px;
		min-height:46px;
		margin: 100px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		text-align: center;
	}
	#footer .footer-logo img{width:317px;}
	#footer .fa {
		font-size:40px;
		margin:30px 15px;
	}
	#footer a{color:#fff;}
	#footer ul{
		padding:0;
		margin:10px auto 30px;
		list-style:none;
		text-transform:uppercase;
	}
	#footer ul li{
		display:inline;
		list-style-position:outside;
		list-style-type:none;
		padding:0 15px;
		font-size:18px;
		font-weight:200;
		font-family:"Biryani"
	}
	#footer .copyright{
		font-size:10px;
	}
	#footer .copyright li{
		padding:0 1px 0 7px;
	}
	#footer .copyright li:first-child{background:none;}
	#footer P{
		margin:10px 0; 
		font-size:12px;
	}
	#footer P#siteby{
		margin:60px 0 0 6px; 
		font-size:10px;
		color:#eee;
		text-transform:uppercase
	}
	#footer P#siteby a{
		color:#eee;
	}


/* Sign Up Form */
.ctct-embed-signup {
	margin: 10px auto;
	padding: 10px 0;
}
.ctct-embed-signup #success_message{
	font-size:20px;
	background-color:#eee;
	display:block;
	padding:10px;
	border-radius:10px;
    margin:20px 0;
}
.ctct-embed-signup form {
	margin:20px 0;
	overflow:auto;
}
.ctct-embed-signup p {
	margin:0;
}
.ctct-embed-signup input{
	padding:18px 20px;
	font-size:19px;
	border: 2px solid #FBE5D5;
	background-color: #F9F8F8;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px;
}

/* Buttons */
.btn-sign-up{
	cursor:pointer;
	font-size:15px;
	color:#fff;
	padding:10px 20px;
	margin:0 0 0 5px;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px;
	border:none;
	background-color: #f39148;
	vertical-align:top;
}
.btn-sign-up:hover{background-color: #c7793e;}

.btn {
	background-color: #f1ad54;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px #ddd;
    border-bottom: 2px #c38a3a solid;
    font-weight:100;
    font-size:15px;
	vertical-align:bottom;
	font-family:Biryani, "Helvetica Neue", Helvetica, Raleway, Arial;
	padding:10px 20px 8px 20px;

}
.btn span {
	line-height:normal;
	vertical-align:bottom;
	padding:0;
	margin:0;
}

.btn.center {
    display:block;
    text-align: center;
    margin: 0 auto;
}


		
/* Post AAHH Fest Banner */
#ahhfest {
	width:900px; 
	height:414px;
	background: url('http://www.commongroundfoundation.org/wp-content/uploads/2014/09/ThankYouAAHHFest.jpg');
	text-indent-9999px;
}
#socialbuttons {
	margin-top:250px; 
	margin-left:35px
}
#socialbuttons p{
	font-size:20px; 
	margin-bottom:20px;
}
.fb-like, .twitter-follow-button, .g-ytsubscribe {
	float:left; 
	margin-right:20px
}

/* Contact Form */      
.feedback-form{padding:20px 0 5px 3px;}
.row{
	/*overflow:hidden;*/
	/* padding:0 0 19px; */
}
.feedback-form .text{
	width:387px;
	height:27px;
	padding:2px 2px;
	background-color: #F9F8F8;
	border: 2px solid #FBE5D5;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px; 
}
.feedback-form .text input{
	padding:5px 8px;
	width:371px;
	color:#555;
}
.feedback-form label{
	font:15px/26px Helvetica, Arial, sans-serif;
	color:#ee893e;
	display:block;
	padding:0 2px 7px;
}
.feedback-form select{
	width:394px;
	height:37px;
	font-size:12pt; 
	color:#555;
	padding:6px 2px;
	background-color: #F9F8F8;
	border: 2px solid #FBE5D5;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px; 
}
.row-textarea{padding:18px 0 34px;}
.textarea{
	width:394px;
	border: 2px solid #FBE5D5;
	background-color: #F9F8F8;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px;
}
.textarea .frame{
	padding:2px;
	overflow:hidden;
}
.textarea textarea{
	border:none;
	background:none;
	width:377px !important;
	min-height:226px;
	float:left;
	margin:0;
	padding:8px;
	color:#555; 
}
.btn-submit{
	width:153px;
	height:40px;
	font-size:14pt;
	color:#fff;
	line-height:0;
	display:block;
	margin:-4px 0 0;
	padding:0;
	cursor:pointer;
	-webkit-border-radius:5px 5px;
	-moz-border-radius:5px 5px;
	border-radius:5px;
	border:none;
    background-color: #f39148;}
.btn-submit:hover{background-color: #c7793e;}


/* Media Queries */

@media (max-width: 768px) {
	.navbar-header {
		border-bottom:1px #ccc solid;
	}
	.navbar-brand {
		float:none;
	}
	#header h1{
		width:100%;
		display:block;
		background-position:center center;
	}
	.navbar-collapse {
		background-color:#fff;
	}
	#header #navA {
		float:none;
		padding:10px 20px
	}

}