/*
Theme Name: CTC Site Theme
Theme Description: Convergence Targeted Communications custom-built child theme to render our site correctly on top of Wordpress' Twenty Seventeen Theme.
Template: twentyseventeen
Author: Convergence Targeted Communications
Author URI: www.convergencetargeted.com
Version: 1.0.2

TABLE OF CONTENTS:

1. Text Changes - Global changes to Typography
2. 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. Gallery Changes - Changes to gallery styling and the Simple Lighbox plugin
5. Header Changes - Changes to front page header to include a text box
6. Contact Form Changes - Styles Contact Form 7 forms
*/

/* 1. TEXT CHANGES */

	/* Changes header colors and weights */

	h2 {
		color: black;
	}

	h3 {
		color: #41B4E7;
		font-weight: 600;
	}

	/* Changes color of underline to CTC teal. */
	.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 #41B4E7;
		}

	.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 */

	/* Change top nav colors/behavior to match CTC branding */

	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		background-color: #41B4E7;
		color: white;
	}

	.navigation-top .menu-item:hover{
		background-color: #41B4E7;
	}

	.navigation-top .menu-item a:hover {
		color: white;
	}

	/* change the hover colors of the social links to CTC teal */

	.social-navigation a:hover {
		background-color: #41B4E7;
	}

	/* bump menu items over on mobile devices to keep text from touching left edge of colored element */
	@media (max-width: 767px) {
	.main-navigation a {
		padding-left: 8px;
		}
	.main-navigation ul ul a /* neccessary because of specific styling in parent theme */
		padding-left: 8px;
		} 
	}

/* 3. FORMAT CHANGES */

	/* Turns off entry headers on the home page */

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

	/* 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. PORTFOLIO CHANGES */

	/* Changes headers in Simple Lightbox; this should be replaced with a themed solution inside that plugin. */
	.slb_template_tag_item_title {
	color: #41B4E7;
	font-weight: 600;
	}

/* 5. HEADER CHANGES */

	/* Styles the custom text box containing the "convergence" definition on the front page. */
	.header-video-text-box {
		width: 70%;
		color: white;
		text-align: center;
		font-size: 1.5em;
		margin-bottom: 12%;
		padding: 35px 13px 13px 13px;
		background-color: rgba(0,0,0,.6);
	}

/* 6. CONTACT FORM CHANGES */

.ctc-inline-form label {
    display: inline-block;
    font-weight: 600;
    padding-right: 13px;
}

.ctc-inline-form p {
	    margin: 0.5em 0;
}