/*
Theme Name: Jubilee 2.0
URI: https://wordpress.org/themes/twentysixteen-child/

Author: Jenn Fang
Author URI: https://wordpress.org/

Description: Based on TwentySixteen
Template:     twentysixteen
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

body {
	background: #ebebeb;	/* big border color*/
}

#masthead {
	background-image: url('http://reappropriate.co/wp-content/uploads/2017/09/header001.jpg');
	background-repeat: no-repeat;
	border-bottom: 5px solid black;

}

.main-navigation, .dropdown-toggle {
	background-color: white;

}

.main-navigation a {
		color: black;
		padding-left: 0.25em;

}

.main-navigation .menu-item a:hover {
		color: #ad3838;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
	color: #ad3838;
}


/** Posts **/

.entry-title a:hover, .entry-content a {
	color: #ad3838;
}

.posted-on {

	font-weight: bold;
	color: #ad3838;
}

.comments-link a:hover, .cat-links a:hover, .tags-links a:hover  {
	color: #ad3838;
}

.tag-header {
	color: #ad3838;
	font-weight: bold;
	text-transform: uppercase;
}

.more-link {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	
}

.more-link a, .entry-summary .more-link {
 color: #ad3838;
}

.page-header {
	border-top: none;
}



/** Widgets **/

	.widget {
		border: none;

	}

	.widget-title {
		background: black;
		color: white;
		text-align: center;
}

.widget a, .widget a:hover {
	color: #ad3838;
}

/* small */
.site-header-main {
	padding:0;
	margin: 0;
	margin-top: 7em;
	background: white;
	border-top: 5px solid black;
	border-bottom: 5px solid black;
}

.site-branding {
  padding: 0;

	}
	.site-title {
	font-size: 20px;
	}


/** Footer **/

.navigation a {
	color: #ad3838;
}

/**
 * 14.1 - >= 710px
 */

@media screen and (min-width: 44.375em) {
	.site-header-main {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		}
	.site-branding {
  padding-left: 10em;
	}

	.site-title {
	font-size: 30px;
	}

	.site-description {
	display: none;	
	}
}

/**
 * 14.2 - >= 783px
 */

@media screen and (min-width: 48.9375em) {
		.site-header-main {
		margin: 0;

		}
.site-description {
	display: block;	
	}
}

/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em)  {
	.site-header-main {
		margin: 0;
		margin-left: 10em;
		}

		.site-branding {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 275px;
		top: 75px;
		text-align: left;
		}

	.site-header {
	padding: 5em 7.6923%;
}

		.site-title {
			font-size: 40px;
		}

		.main-navigation, .dropdown-toggle {
			background-color: white;
			position: absolute;
			top: 150px;
			left: 300px;

		}
		.main-navigation a {
			color: black;
			padding-left: 0.2em;
		}
	.main-navigation a:hover {
		color: #ad3838;
	}
}

/**
 * 14.4 - >= 985px
 */
@media screen and (min-width: 61.5625em) {
	.site-header-main {
		margin: 0;
		margin-left: 10em;
		}

		.site-branding {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 320px;
		top: 100px;
		text-align: left;
		}

		.site-title {
			font-size: 40px;
		}

		.main-navigation, .dropdown-toggle {
			background-color: white;
			position: absolute;
			top: 170px;
			left: 320px;

		}
		.main-navigation a {
			color: black;
			padding-left: 0.5em;
		}
	.main-navigation a:hover {
		color: #ad3838;
	}


.posted-on {
	font-size: 1.37em;	
}


}



/**
 * 14.5 - >= 1200px
 */

@media screen and (min-width: 75em) {
		.site-header-main {
		margin: 0;
		margin-left: 10em;
		}

		.site-branding {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 320px;
		top: 100px;
		text-align: left;
		}

		.site-title {
			font-size: 40px;
		}

		.main-navigation, .dropdown-toggle {
			background-color: white;
			position: absolute;
			top: 170px;
			left: 320px;

		}
		.main-navigation a {
			color: black;
			padding-left: 2em;
		}
	.main-navigation a:hover {
		color: #ad3838;
	}


}