/*
Theme Name: NAR Leaders Child Theme
Theme Description: Child theme for Twenty Seventeen designed as a template for NAR Leaders microsite projects.
Template: twentyseventeen
Author: Convergence Targeted Communications
Author URI: www.convergencetargeted.com
Version: 1.1

TABLE OF CONTENTS:

1. Text Changes - Global changes to Typography
2. DEGRADED - Menu Changes - Global changes to top nav on desktop and mobile
3. Format Changes - Global changes to default 2017 theme including entry headers, bullet changes, etc.
4. Header Changes - Changes to front page header to include a text box
5. Footer Changes

DEFAULT VALUES:

Client Accent Color: Find/replace #a61e26
*/

/* 1. TEXT CHANGES */

	/* Changes header colors and weights */

	h2 {
		color: black;
	}

	h3 {
		color: #a61e26;
		font-weight: 600;
	}

	/* Changes color of underline to client accent color. */
	.entry-content a:focus, .entry-content a:hover, 
	.entry-summary a:focus, .entry-summary a:hover, 
	.comment-content a:focus, .comment-content a:hover, 
	.widget a:focus, .widget a:hover, 
	.site-footer .widget-area a:focus, .site-footer .widget-area a:hover, 
	.posts-navigation a:focus, .posts-navigation a:hover, 
	.comment-metadata a:focus, .comment-metadata a:hover, 
	.comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, 
	.comment-reply-link:focus, .comment-reply-link:hover, 
	.widget_authors a:focus strong, .widget_authors a:hover strong,
	.entry-title a:focus, .entry-title a:hover, 
	.entry-meta a:focus,.entry-meta a:hover, 
	.page-links a:focus 
	.page-number, .page-links a:hover 
	.page-number, .entry-footer a:focus, 
	.entry-footer a:hover, .entry-footer 
	.cat-links a:focus, .entry-footer 
	.cat-links a:hover, .entry-footer 
	.tags-links a:focus, .entry-footer 
	.tags-links a:hover, .post-navigation a:focus, 
	.post-navigation a:hover, 
	.pagination a:not(.prev):not(.next):focus, 
	.pagination a:not(.prev):not(.next):hover, 
	.comments-pagination a:not(.prev):not(.next):focus, 
	.comments-pagination a:not(.prev):not(.next):hover, 
	.logged-in-as a:focus, 
	.logged-in-as a:hover, a:focus .nav-title, a:hover 
	.nav-title, 
	.edit-link a:focus, 
	.edit-link a:hover, 
	.site-info a:focus, 
	.site-info a:hover, 
	.widget .widget-title a:focus, 
	.widget .widget-title a:hover,
	.widget ul li a:focus, 
	.widget ul li a:hover {
			box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 #a61e26;
		}

	.gallery-item a, .gallery-item a:hover, .gallery-item a:focus, 
	.widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
	}

/* 2. MENU CHANGES */

	/* removed from a prior version of this theme; not relevant because navigation is hidden by default. */


/* 3. FORMAT CHANGES */


	/* Turns off entry headers on single pages */

	.page .entry-header {
		display: none;
	}

	/* Move bulleted lists in line with the left margin */

	ul {
	  padding-left: 20px;
	}


/* 4. HEADER CHANGES */

	/* Styles the custom content box that floats on top of the header image on the site's front page. The opacity is set from 0 to 1 with the 'a' value in the last line here.*/
	.header-video-text-box {
		width: 70%;
		color: white;
		text-align: center;
		font-size: 1.5em;
		margin: 12%;
		padding: 35px 13px 13px 13px;
		background-color: rgba(0,0,0,.4);
	}


	/* Styles the headshot in the header widget so that it disappears except on smaller/mobile screens. */
	@media screen and (min-width: 769px) {
			.ctc-header-image-toggle {
	 			display: none;
	 		}
	}

	/* Styles the headshot in the main body copy so that it disappears on smaller/mobile screens. */
	@media screen and (max-width: 768px) {
			.ctc-body-image-toggle {
	 			display: none;
	 		}
	}

/* 5. FOOTER CHANGES */
	.ctc-footer p {
	border: 2px solid black;
	padding: 4px 10px;
	text-align: center;
	display: inline-block;
}