/*
 Theme Name:   Argent Child for Buckeye Roofing & Coating
 Theme URI:    http://buckeyeroofcoatings.com
 Description:  Argent Child Theme
 Author:       Rebecca Barnard
 Author URI:   http://buckeyeroofcoatings.com
 Template:     argent
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  argentchild
*/


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.7778;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Abel', sans-serif;
	color: #003471;
}
h1 {
	font-size: 40px;
	font-size: 4rem;
	line-height: 1;
	margin-bottom: 0;
}
h4	{
	color: #A00E11;
}


blockquote:not(.contact-form-submission) {
	font-family: 'Abel', sans-serif;
	font-size: 40px;
	font-size: 4rem;
	line-height: 1.3em;
	margin-bottom: 0.8em;
	position: relative;
}
blockquote:not(.contact-form-submission) cite {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	letter-spacing: .03em;
	line-height: 2.2857;
	margin-top: 1.14285em;
	text-transform: uppercase;
}
blockquote:not(.contact-form-submission):before {
	display: block;
	color: #f7f7f7;
	content: "\201C";
	font-family: 'Abel', sans-serif;
	font-size: 250px;
	font-size: 25rem;
	position: absolute;
	top: 45px;
	left: -50px;
	z-index: -1;
}


/*--------------------------------------------------------------
10.1 Layout
--------------------------------------------------------------*/
.site-main {
	margin: 1.5em 0;
}


.site-branding {
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.home .site-branding {
	padding: 0;
}

.site-footer {
	background:url(http://buckeyeroofcoatings.com/images/dark-bg.jpg) repeat;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7778;
	margin-bottom: 0;
}
.single .entry-title,
.page-title,
.page-title {
	font-family: 'Abel', sans-serif;
	font-size: 40px;
	font-size: 4rem;
	font-style:normal;
	text-transform:uppercase;
	line-height: 1em;
	text-align: center;
	color: #003471;
}
.single .entry-header,
.page-header {
	display: block;
	margin-bottom: 1.5em;
}


/*--------------------------------------------------------------
13 Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.comments-area,
	.site-main .post-navigation,
	.blog .hentry,
	.home .page-content,
	.search .hentry,
	.single-post .hentry,
	.single-jetpack-portfolio .entry-content,
	.page:not(.home) .hentry,
	.archive:not(.post-type-archive) .hentry,
	.site-main .error-404,
	.site-info {
		margin-right: 2em;
		margin-left: 2em;
	}
	.single-jetpack-portfolio .entry-footer {
		margin-right: 3em;
		margin-left: 3em;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		text-align: center;
	}
	.cat-links, .tags-links {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.home .site-branding {
		padding: 0;
	}
	.single-jetpack-portfolio .entry-header,
	.page-header,
	.single-jetpack-portfolio .entry-content,
	.page-content,
	.page .entry-meta,
	.single-jetpack-portfolio .entry-meta,
	.comments-area,
	.post-navigation,
	.posts-navigation {
		margin-right: auto;
		margin-left: auto;
		width: 60%;
	}
	.blog .hentry,
	.archive:not(.post-type-archive) .hentry,
	.search .hentry,
	.single-post .hentry,
	.single-post .comments-area,
	.single-post .post-navigation {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
	.single-post .entry-content {
		float: left;
		width: 490px;
	}

	/* Menu */
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		padding: 0;
	}
	.main-navigation ul {
		display: block;
		list-style: none;
		margin: 0;
		padding-left: 0;
		text-align: center;
	}
	.main-navigation ul li {
		border-bottom: none;
		display: inline-block;
		padding: 0.75em 1em 0.75em 0;
		position: relative;
	}
	.main-navigation a {
		padding: 0.8889em 0;
	}
	.nav-menu > li > a:after {
		color: #fff;
		content: " \2022";
		margin-left: 1em;
		opacity: 0.3;
	}
	.nav-menu > li:last-child > a:after {
		display: none;
	}
	.main-navigation ul ul {
		background: #222;
		float: left;
		margin: 0;
		position: absolute;
		top: 100%;
		left: -999em;
		text-align: left;
		z-index: 99999;
	}
	.main-navigation ul ul li {
		border-bottom: 1px solid rgba(255, 2555, 255, 0.1);
	}
	.main-navigation ul ul a {
		padding: 1em 2em;
		width: 220px;
	}
	.main-navigation div>ul>li>ul::before {
		border-color: transparent transparent #222;
		border-style: solid;
		border-width: 6px 6px 8px;
		content: "";
		position: absolute;
		top: -13px;
		left: 20px;
	}

	/* Single Posts & Pages */
	.entry-header {
		margin-top: -9px;
	}
	.single:not(.single-jetpack-portfolio) .entry-meta {
		float: left;
		margin-top: 0;
		margin-right: 20px;
		width: 150px;
	}
	.single .entry-meta .posted-on,
	.single .entry-meta .byline,
	.single:not(.single-jetpack-portfolio) .cat-links,
	.single:not(.single-jetpack-portfolio) .tags-links,
	.single .post-edit-link {
		display: block;
		margin-top: 1.3335em;
	}
	.comment-list .children {
		margin-left: 3.5556em;
	}

	/* Posts, comments navigation */
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		margin-bottom: 0;
		text-align: left;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

	/* Footer Widget Areas */
	.footer-widget-area .widget-area {
		margin: 0;
	}
	.footer-widget-area .widget-area {
		float: left;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(1) {
		width: 100%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1) {
		margin-right: 6%;
		width: 47%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3),
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2),
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
		margin-right: 5%;
		width: 30%;
	}
	.footer-widget-area .widget-area:nth-child(1):nth-last-child(3):last-of-type,
	.footer-widget-area .widget-area:nth-child(2):nth-last-child(2):last-of-type,
	.footer-widget-area .widget-area:nth-child(3):nth-last-child(1):last-of-type {
		margin-right: 0;
	}

    /* Pull content into margins */
	blockquote.aligncenter {
		margin-left: -120px;
		width: 900px;
	}
	.single-post blockquote.aligncenter {
		margin-left: 0;
		width: 100%;
	}
	img.size-big,
	.wp-caption.caption-big {
		display: inline-block;
		float: none;
		margin-left: -60px;
		margin-bottom: 1.7778em;
		max-width: 780px;
	}
	.single-post img.size-big,
	.single-post .wp-caption.caption-big {
		margin-left: 0;
		max-width: 100%;
	}
	.wp-caption.caption-big .wp-caption-text {
		width: 780px;
	}
}

@media screen and (min-width: 1060px) {
	.site-title {
		max-width: 960px;
	}
	.wp-caption.alignleft,
	img.alignleft,
	blockquote.alignleft {
		margin-left: -175px;
	}
	.wp-caption.alignleft + .alignleft,
	img.alignleft + .alignleft,
	blockquote.alignleft + .alignleft {
		margin-left: 0;
	}
	.single-post .wp-caption.alignleft,
	.single-post img.alignleft,
	.single-post blockquote.alignleft {
		margin-left: 0;
	}
	blockquote.alignleft,
	blockquote.alignright {
		width: 360px;
	}
	.wp-caption.alignright,
	img.alignright,
	blockquote.alignright {
		margin-right: -175px;
	}
	.wp-caption.alignright + .alignright,
	img.alignright + .alignright,
	blockquote.alignright + .alignright {
		margin-right: 0;
	}
	.single-post .wp-caption.alignright,
	.single-post img.alignright,
	.single-post blockquote.alignright {
		margin-right: 0;
	}
	.footer-widget-area .widget-wrapper {
		width: 1000px;
		margin: 0 auto;
	}
	.footer-widget-area .widget:nth-of-type(3n+1) {
  		clear: left;
  	}
  	.page blockquote.aligncenter {
		width: 760px;
		margin-left: -50px;
	}
}