/* 
 * Custom Stylesheet for ADA
 * Built with Bootstrap
 * Bootstrap core CSS/JS files supplied by CDN
 */

/*** General ***/

body {
	color:#707070 !important;
	font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif !important;
	font-size:18px !important;
}

a:link, a:visited { 	
	font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif !important;
	color:#62718e; text-decoration:none !important;
}
a:hover, a:active { 
	font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif !important;
	color:#000000; text-decoration:none !important; 
}

.btn {
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	border-color:#707070; color:#020202;
	font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;
	font-weight:700; font-size:18px; padding:0.5em 3em;
}
a.btn { color:#020202; }


/*** Header ***/
header {
	background-color:#f5d159;
	color:#62718e !important; padding:0.5em 0;
}
nav { font-size:22px !important; }
nav a:hover { text-decoration:none !important; }


/*** Content ***/

/* logo */
#logo-text { 
	margin:0em auto; padding:1em 0 2em 0;
}
.logo-image { 
	border-bottom:1px solid #050505;
	margin:0 auto; padding-bottom:0.5em; width:100%; 
}
.logo-description {
	margin:0 auto; 
	padding-top:1em; width:70%;
}

/* link options */
#link-options { margin:2em auto; }
.outline-img { border:1px solid #050505; }

/* newsletter */
#newsletter { margin:2em auto; }
.inline-row { padding-left:0; padding-right:0; }
#mc_embed_signup .form-row { margin:0 auto; }

/* instagram */
#instagram-feed { margin:2em auto; }


/***
When the feed is switch to show 3 images, remove the following code.
***/
.feed-script { 
	margin:0 auto; width:50%; 
}
/* End code to be removed. */

.eui-widget-title {
	font-family: Palatino, Palatino Linotype, Palatino LT STD, Book Antiqua, Georgia, serif;
	font-weight:700; font-size:18px;
}


/*** Footer ***/

#footer-text { clear:both; font-size:12px; margin:2em auto; }
.icon-sm { height:auto; width:32px; }


/*** Responsive ***/

@media (max-width: 768px) {

	header { padding:1em; }
	nav { font-size:20px; line-height:2.75em; }

	.logo-image { margin:0 auto; width:100%; }
	.logo-description {
		margin:0 auto;
		padding:1em 0; width:75%;
	}

	#link-options .col-sm-12 { margin-bottom:0.5em; }

	.mc-field-group { margin-bottom:0.5em; }

	#eapps-instagram-feed-1 {
		width:100% !important;
	}

}