/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://dev.republicoftheunitedstates.org/wp-content/themes/twentyfourteen-child/
 Description:  Twenty Fourteen Child Theme (centered, content max width, custom colors)
 Author:       Brennan Burge
 Author URI:   http://republicoftheunitedstates.org
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/**
*Add margin to center page
*------------------------------------------------------------------------------
*/

.site {
background-color: #fff;
max-width: 1260px;
position: relative;
margin: 0 auto;
}

/**
*Content utilizes full width of page (fixes embedded HTML forum)
*-----------------------------------------------------------------------------
*/

.site-content .entry-header, .site-content .entry-content, .site-content 

.entry-summary, .site-content .entry-meta, .page-content {
margin: 0 auto;
max-width: 100%;
}

/**
*Reverses default link scheme in pages and posts
*-----------------------------------------------------------------------------
*/

.entry-content a {
text-decoration:none;
}

.entry-content a:hover {
text-decoration:underline;
}

/**
*Hide pop up ad in embedded HTML forum
*-----------------------------------------------------------------------------
*/

#mt-start {
display: none !important;
}

.m-slogan {
display: none !important;
}

/**
*Custom Colors
*-----------------------------------------------------------------------------
*/

/* Custom Contrast Color */
.site:before,
#secondary,
.site-header,
.site-footer,
.menu-toggle,
.featured-content,
.featured-content .entry-header,
.slider-direction-nav a,
.ie8 .featured-content,
.ie8 .site:before {
background-color: #000066;
}

.grid .featured-content .entry-header,
.ie8 .grid .featured-content .entry-header {
border-color: #000066;
}

.slider-control-paging a:before {
background-color: rgba(255,255,255,.33);
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #000066;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
background: #000066;
}

.paging-navigation,
.content-sidebar .widget .widget-title {
border-top-color: #000066;
}

.content-sidebar .widget .widget-title, 
.content-sidebar .widget .widget-title a,
.paging-navigation,
.paging-navigation a:hover,
.paging-navigation a {
color: #000066;
}

/* Override the site title color option with an over-qualified selector, as the option is hidden. */
h1.site-title a {
color: #fff;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
background-color: #4444aa;
}

/* Custom accent color. */
button,
.button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before,
.slider-direction-nav a:hover,
.ie8 .primary-navigation ul ul,
.ie8 .secondary-navigation ul ul,
.ie8 .primary-navigation li:hover > a,
.ie8 .primary-navigation li.focus > a,
.ie8 .secondary-navigation li:hover > a,
.ie8 .secondary-navigation li.focus > a {
background-color: #ff0000;
}

.site-navigation a:hover {
color: #ff0000;
}

::-moz-selection {
background: #ff0000;
}

::selection {
background: #ff0000;
}

.paging-navigation .page-numbers.current {
border-color: #ff0000;
}

@media screen and (min-width: 782px) {
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul {
background-color: #ff0000;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.secondary-navigation ul ul {
background-color: #ff0000;
}
}

.contributor-posts-link,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle:before,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.widget_calendar tbody a:hover,
.site-footer .widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
button:hover,
button:focus,
.button:hover,
.button:focus,
.widget a.button:hover,
.widget a.button:focus,
.widget a.button:active,
.content-sidebar .widget a.button,
.content-sidebar .widget a.button:hover,
.content-sidebar .widget a.button:focus,
.content-sidebar .widget a.button:active,
.contributor-posts-link:hover,
.contributor-posts-link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.slider-direction-nav a:hover:before {
color: #fff;
}

@media screen and (min-width: 782px) {
.primary-navigation ul ul a,
.primary-navigation li:hover > a,
.primary-navigation li.focus > a,
.primary-navigation ul ul {
color: #fff;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation ul ul a,
.secondary-navigation li:hover > a,
.secondary-navigation li.focus > a,
.secondary-navigation ul ul {
color: #fff;
}
}

/* Variants of custom accent color. */
a,
.content-sidebar .widget a {
color: #ff0000;
}

.contributor-posts-link:hover,
.button:hover,
.button:focus,
.slider-control-paging a:hover:before,
.search-toggle:hover,
.search-toggle.active,
.search-box,
.widget_calendar tbody a:hover,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.widget button:hover,
.widget .button:hover,
.widget button:focus,
.widget .button:focus,
.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,
.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,
.ie8 .primary-navigation ul ul a:hover,
.ie8 .primary-navigation ul ul li.focus > a,
.ie8 .secondary-navigation ul ul a:hover,
.ie8 .secondary-navigation ul ul li.focus > a {
background-color: #ff1d1d;
}

.featured-content a:hover,
.featured-content .entry-title a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.hentry .mejs-controls .mejs-button button:hover,
.site-info a:hover,
.featured-content a:hover {
color: #ff1d1d;
}

a:active,
a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.entry-content .edit-link a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-reply-title small a:hover,
.content-sidebar .widget a:hover,
.content-sidebar .widget .widget-title a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
color: #ff1d1d;
}

.page-links a:hover,
.paging-navigation a:hover {
border-color: #ff1d1d;
}

.entry-meta .tag-links a:hover:before {
border-right-color: #ff1d1d;
}

.page-links a:hover,
.entry-meta .tag-links a:hover {
background-color: #ff1d1d;
}

@media screen and (min-width: 782px) {
.primary-navigation ul ul a:hover,
.primary-navigation ul ul li.focus > a {
background-color: #ff1d1d;
}
}

@media screen and (min-width: 1008px) {
.secondary-navigation ul ul a:hover,
.secondary-navigation ul ul li.focus > a {
background-color: #ff1d1d;
}
}

button:active,
.button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active,
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
background-color: #ff3131;
}

.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: #ff3131;
}
<?php

// add meta tags to website head
function add_seo_meta_tags() {
    // get post title and description
    $title = get_the_title();
    $description = get_the_excerpt();

    // create meta tags
    $meta = '<meta name="title" content="' . $title . '">';
    $meta .= '<meta name="description" content="' . $description . '">';

    // add meta tags to website head
    echo $meta;
}
add_action('wp_head', 'add_seo_meta_tags');

// add Open Graph tags to website head
function add_og_meta_tags() {
    // get post title, description, and featured image
    $title = get_the_title();
    $description = get_the_excerpt();
    $image = get_the_post_thumbnail_url();

    // create Open Graph tags
    $meta = '<meta property="og:title" content="' . $title . '">';
    $meta .= '<meta property="og:description" content="' . $description . '">';
    $meta .= '<meta property="og:image" content="' . $image . '">';

    // add Open Graph tags to website head
    echo $meta;
}
add_action('wp_head', 'add_og_meta_tags');


/* End theme customization
-------------------------------------------------------------- */