/*
Theme Name: NOAH 2018
Author: Meghan Dornbrock
Author URI: https://meglish.com
Description: Custom WordPress theme for the National Organization for Albinism and Hypopigmentation. Not intended to be used outside of albinism.org. 
Version: 1.0.0
*/

/* center align website */
* {
	margin: 0px;
	padding: 0px;
}

html {
	background: url(NOAHbg.png);
}

/* main divs */
.fontsizewrapper {
	width: 90%;
	max-width: 1250px;
	margin: auto;
}
.fontsize {
	width: 100px;
	float: right;
	display: grid;
	text-align: right;
}

.fontsize a {
	text-decoration: none;
}

p.zero_font_resizer {
	text-align: right;
	margin: 2px;
	padding: 0px;
}

.wrapper {
	width: 90%;
	max-width: 1250px;
	margin: auto;
	background-color: #ffffff;
	border-radius: 25px;
	margin-bottom: 25px;
}

.header {
	border-radius: 25px;
	padding: 25px 25px 0px 25px;
}

.logo {
	float: left;
	overflow: hidden;
	text-align: left;
}

.navbar1 {
	max-width: 1200px;
	border-bottom: 2px solid #9A090D;
	padding: 15px 0 0 0;
}

.dropdownnav1 {
	max-width: 1000px;
	display: inline;
	float: left;
}

.navbar2 {
	max-width: 1200px;
	background-color: #eaeaea;
	padding: 4px 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	text-align: center;
}

.content {
	padding: 25px 50px;
	font-family: 'Arial', sans-serif;
	text-align: justify;
}

.footer {
	border-top: 2px solid #9A090D;
	padding: 6px 0px;
	font-family: 'Raleway', sans-serif;
	line-height: 2em;
	font-size: 1em;
	width: 100%;
	text-align: center;
}

/* align slider captions to enter */
.caption, .caption-wrap {
	text-align: center;
}


/* header title text */
p.logotext {
	margin: 0px;
	text-align: left;
	padding-left: 15px;
	font-size: 1.75em;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	line-height: 1.23;
	color: #9A090D;
}



/* DROPDOWN MENU & DONATE BUTTON */
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Buttons */
.dropbtn {
	color: #000000;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	padding: 10px 0px 6px 0px;
	width: 212px;
	border: none;
	cursor: pointer;
	border-radius: 0px;
}

/* Donate Button */
.donatebtn {
	color: #ffffff;
	background-color: #c2841e;
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
	padding: 10px 0px 6px 0px;
	width: 116px;
	border: none;
	cursor: pointer;
	border-radius: 0px;
}

.joinbtn {
	color: #ffffff;
	background-color: #9A090D;
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
	padding: 10px 0px 6px 0px;
	width: 74px;
	border: none;
	cursor: pointer;
	border-radius: 0px;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #9A090D;
	color: #ffffff;
	min-width: 212px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: #ffffff;
	background-color: #9A090D;
	font-family: 'Raleway', sans-serif;
	font-size: 1.3em;
	padding: 6px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:visited {
	color: #ffffff;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #C3841E;
	color: #ffffff;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
}

/* main menu button hover */
.dropdown:hover .dropbtn {
	color: #9A090D;
} 

.dropdown:hover .donatebtn {
	background-color: #9A090D;
} 
/* END OF DROPDOWN & DONATE BUTTONS */



/* LINK STYLES */
/* header / navigation links have no underline */
a.nav, a.nav:visited {
	color: #9A090D;
	text-decoration: none;
}

a.nav:hover {
	color: #C3841E;
	text-decoration: none;
}

/*main body links */
a, a:visited {
	color: #9A090D;
}

a:hover {
	color: #C3841E;
}

/* social media buttons are links with hidden text */
.sociallinks {
	float: right;
	text-align: left;
}

.social-facebook {
	display: block;
	width: 40px;
	height: 40px;
	background: url("NOAHsocial-facebook.png") no-repeat 0 0;
	float: left;
	padding-right: 6px;
}

.social-youtube {
	display: block;
	width: 40px;
	height: 40px;
	background: url("NOAHsocial-youtube.png") no-repeat 0 0;
	float: left;
	padding-right: 6px;
}

.social-twitter {
	display: block;
	width: 40px;
	height: 40px;
	background: url("NOAHsocial-twitter.png") no-repeat 0 0;
	float: left;
	padding-right: 6px;
}

.social-instagram {
	display: block;
	width: 40px;
	height: 40px;
	background: url("NOAHsocial-instagram.png") no-repeat 0 0;
	float: left;
	padding-right: 6px;
}

.social-facebook:hover, .social-youtube:hover, .social-twitter:hover, .social-instagram:hover { 
  background-position: 0 -40px;
}

.social-facebook span, .social-youtube span, .social-twitter span, .social-instagram span {
  display: none;
}



/* headline & paragraph styles */
h1 {
	text-align: left;
	font-size: 1.8em;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	color: #9A090D;
}

h2 {
	text-align: left;
	font-size: 1.6em;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	color: #C3841E;
}

h3 {
	text-align: left;
	font-size: 1.3em;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	color: #000000;
}

p {
	font-family: 'Arial', sans-serif;
	font-size: 1.1em;
	text-align: justify;
	margin: 12px 0px;
	letter-spacing: .5px;
}

.content li {
	margin-left: 30px;
}

/* image alignment */
.aligncenter {
	text-align: center;
}

/* Search Form */

input#s {
	margin: 4px 0px;
	padding: 6px 10px;
	font-size: 14px;
	width: 125px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border: 1px solid #9A090D;
}

.button#searchsubmit {
	padding: 10px;
	background-image: url(/wp-content/uploads/2018/01/searchbutton.png);
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	border: none;
}

a.linkbutton, a.linkbutton:hover {
	color: #ffffff;
	text-decoration: none;
}

hr {
border: 1px solid #C3841E;
}