/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://localhost/wordpress/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       Jim Cunningham
 Author URI:   
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         
 Text Domain:  twenty-fourteen-child
*/


@import url("../twentyfourteen/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
@font-face { 
	font-family: 'National'; src: url('https://ali.usc.edu/wp-content/themes/twentyfourteen-child/NationalWeb-Regular.eot'); src: local(':)'), url('https://ali.usc.edu/wp-content/themes/twentyfourteen-child/NationalWeb-Regular.woff') format('woff'), url('https://ali.usc.edu/wp-content/themes/twentyfourteen-child/NationalWeb-Regular.ttf') format('truetype'), url('https://ali.usc.edu/wp-content/themes/twentyfourteen-child/NationalWeb-Regular.svg') format('svg'); 
	font-weight: 500; 
	font-style: normal; 
}

/* <h1> tags in National Extrabold */ 
h1 { font-family: National; font-weight: 900; } 

/* <h2> tags in National Semibold */
h2 { font-family: National; font-weight: 700; }

/* <h3> tags in National Light */
h3 { font-family: National; font-weight: 200; }  

/* <p> tags in National Regular */
p { font-family: National; font-weight: 500; }  



/* center the site */
.site {
margin: 0 auto;
}


/*increase content width */
.hentry {
    max-width: 90%;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    max-width: 90%;
}


/* increase post and comment width */
.post-navigation,
.image-navigation {
    max-width: 90%;
}
.comments-area {
    max-width: 400px;
    margin-left: 20px;
    margin-right: 20px;

}


/*Custom page title color */
h1.entry-title {
	color: #990000;
	}
	
	
/*Change default green to gold */
a {
    color: #990000;
}
a:active,
a:hover {
    color: #FFCC00;
}
::selection {
    background: #FFCC00;
}
::-moz-selection {
    background: #FFCC00;
}
button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #FFCC00;
}
button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #FFCC00;
}
button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #FFCC00;
}
.search-toggle {
    background-color: #FFCC00;
}
.search-toggle:hover,
.search-toggle.active {
    background-color: #FFCC00;
}
.search-box {
    background-color: #FFCC00;
}
.site-navigation a:hover {
    color: #FFCC00;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
    color: #FFCC00;
}
.entry-title a:hover {
    color: #FFCC00;
}
.entry-meta a:hover {
    color: #FFCC00;
}
.cat-links a:hover {
    color: #FFCC00;
}
.entry-meta .tag-links a:hover {
    background-color: #FFCC00;
}
.entry-meta .tag-links a:hover:before {
    border-right-color: #FFCC00;
}
.entry-content .edit-link a:hover {
    color: #FFCC00;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #FFCC00;
}
.page-links a:hover {
    background: #FFCC00;
    border: 1px solid #FFCC00;
}
.post-navigation a:hover,
.image-navigation a:hover {
    color: #FFCC00;
}
.paging-navigation .page-numbers.current {
    border-top: 5px solid #FFCC00;
}
.paging-navigation a:hover {
    border-top: 5px solid #FFCC00;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
    color: #FFCC00;
}
.comment-reply-title small a:hover {
    color: #FFCC00;
}
.widget a:hover {
    color: #FFCC00;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
    background-color: #FFCC00;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
    background-color: #FFCC00;
}
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
    background-color: #FFCC00;
}
.widget-title a:hover {
    color: #FFCC00;
}
.widget_calendar tbody a {
    background-color: #FFCC00;
}
.widget_calendar tbody a:hover {
    background-color: #FFCC00;
}
.widget_twentyfourteen_ephemera .entry-meta a:hover {
    color: #FFCC00;
}
.content-sidebar .widget a {
    color: #FFCC00;
}
.content-sidebar .widget a:hover {
    color: #FFCC00;
}
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
    background-color: #FFCC00;
}
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
    background-color: #FFCC00;
}
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
    background-color: #FFCC00;
}
.content-sidebar .widget .widget-title a:hover {
    color: #FFCC00;
}
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
    color: #FFCC00;
}
.site-info a:hover {
    color: #FFCC00;
}
.featured-content a:hover {
    color: #FFCC00;
}
.slider-control-paging a:hover:before {
    background-color: #FFCC00;
}
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
    background-color: #FFCC00;
}
.slider-direction-nav a:hover {
    background-color: #FFCC00;
}
@media screen and (min-width: 783px) {
    .primary-navigation ul ul {
        background-color: #FFCC00;
    }
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: #FFCC00;
    }
 
    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a {
        background-color: #FFCC00;
    }
}
@media screen and (min-width: 1008px) {
    .secondary-navigation ul ul {
        background-color: #FFCC00;
    }
    .secondary-navigation li:hover > a,
    .secondary-navigation li.focus > a {
        background-color: #FFCC00;
    }
 
    .secondary-navigation ul ul a:hover,
    .secondary-navigation ul ul li.focus > a {
        background-color: #FFCC00;
    }
}

.content-area, .content-sidebar {
padding-top: 30px;
}
	

#site-header { text-align: right; }
 #site-header a { display: block; background: #990000; }
 #site-header a { padding-top: 20px;
    		  padding-right: 15px;
    		  padding-bottom: 20px;
    		  padding-left: 5px;}
			  
/* this is my very own code!!!*/
#header-text { text-align: left; 
				z-index:6;
				position: absolute;
				font-family: National;
				color:white;
				font-size:48px;
				font-weight:500;
				left:28px;
				top:4px;
	}
	
/*Change spacing for page-title*/
.content-area {
	padding-top: 32px;
}





/*Controls font for bulleted lists*/
.entry-content ul li{
 	font-family: National; font-weight: 500;
 	line-height: 1.1;
 	margin: 0 0 1.1rem;
 }


/*Controls font for numbered lists*/
.entry-content ol li{
 	font-family: National; font-weight: 500;
 	line-height: 1.1;
 	margin: 0 0 1.1rem;
 }



/*Adjust line height in content*/
.entry-content p, .entry-summary p, .comment-content p {
    	line-height: 1.3;
    	margin: 0 0 1.3rem;
    	
}

/*control font in address style*/
.entry-content address{
 	font-family: National; font-weight: 500;
    	font-style: normal;
	line-height: 1.1;
 	margin: 0 0 1.1rem;
    	font-size:1.0em;
 }

/*Decrease space below h3 tags*/
h3{
    padding-top: 5px;
    padding-bottom: 5px;
}