/*
 Theme Name:   TriMet News & Media Releases
 Theme URI:    http://bikeparking.trimet.org/bikeparking/wordpress/wp-content/themes/twenty-twelve-child/
 Description:  Twenty Twelve Child Theme customized for the News page
 Author:       TriMet
 Author URI:   http://bikeparking.trimet.org
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         TriMet header and footer
 Text Domain:  twenty-twelve-child
*/


body {
    background-color: #fff !important;
}
body.custom-font-enabled {
	font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;
}

a:hover {
    color: inherit;
}

sup {
    top: auto;
}

.content .entry-header h1.entry-title {
    font-size: 2rem;
    padding-bottom: 0;
    color: #084c8d !important;
}
    .content .entry-header h1.entry-title a, content .entry-header h1.entry-title a:hover {
        color: #084c8d !important;
    }
        content .entry-header h1.entry-title a:hover {
            text-decoration-color: #084c8d;
        }
.content .entry-summary a, .content .entry-summary a:hover,
.content .entry-summary a p, .content .entry-summary a:hover p {
    color: #444;
}
.content footer.entry-meta {
    margin-top: 0;
    margin-bottom: 1.71429rem;
}
    .content footer.entry-meta a, .content header.entry-header a {
        color: #757575;
        border: none;
    }
        .content footer.entry-meta a:hover, .content header.entry-header a:hover {
            border: none;
            color: #084c8d;
        }

.entry-content h3, .comment-content h3 {
    font-size: 24px;
    padding-bottom: 0;
}
.entry-content h4, .comment-content h4 {
    font-size: 20px;
    padding-bottom: 0;
}


@media only screen and (min-width: 768px) { /* sm screens and up */
.standardheader h1, .standardheader .first p, .standardheader p.breadcrumb {
    width: 720px !important;
}
.locations-wrap {
    width: 400px;
    margin: 0 auto;
}
}
@media only screen and (min-width: 992px) { /* md screens and up */
.standardheader h1, .standardheader .first p, .standardheader p.breadcrumb {
    width: 940px !important;
}
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
.standardheader h1, .standardheader .first p, .standardheader p.breadcrumb {
    width: 1100px !important;
}
}



.site-header h2.site-description {
    font-size: 16px;
}


.content .post {
    padding-bottom: 1.5em;
}
    .content .post header {
        margin-bottom: 0;
    }
    .content .post p {
        margin-bottom: 0;
    }
    .content img.alignleft a, .content .wp-caption a {
        border: none;
    }
        .content img.alignleft, .content .wp-caption {
            margin-bottom: 0;
        }
.content .post hr {
    margin-top: 3em;
}


.content .archive-title, .content .page-title, .content .widget-title, .content .entry-content th {
    font-family: Hind, Helvetica, Arial, sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.125rem;
    margin-top: 1rem;
}

.content form.searchform input#s {
    width: 100%;
    margin-bottom: .5rem;
}
    .content .screen-reader-text {
        display: none;
    }

.content aside ul {
    margin-left: 0;
}
    .content aside ul li {
        list-style: none;
    }
    .content aside ul a, .content aside ul a:visited {
        font-family: Hind, Helvetica, Arial, sans-serif;
        border: 1px solid #ccc;
        padding: 7px 15px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        display: block;
        color: #999;
    }
        .content aside ul a:hover {
            background-color: #dbdbdb;
            border: 1px solid #ccc;
            color: #333;
        }

.entry-content li, .comment-content li, .mu_register li {
    margin-left: 0;
}

.content h2 {
    font-size: 1.75rem !important;
    margin-bottom: 0;
    padding-top: 0;
}

.content p.summary {
    font-family: Hind, Helvetica, Arial, sans-serif;
    font-size: 1.25em;
	font-weight: 500;
	padding: 0 0 1em 0;
	margin: 0;
	color: #333;
}

.wp-block-image .alignright, .wp-block-image .alignleft {
    position: relative;    /* need to specify this because Chrome will not see the anchor tag otherwise */
}

.content .box h2,
.content .box h3,
.content .box h4 {
	padding-top: 0;
	margin: 0;
}

.content p.sidebar {
	background-color: #e6e6e6;
	padding: 1.25em;
	margin: 1em;
}
@media (min-width: 768px) {
	.content p.sidebar {
		width: 300px;
		float: right;
		padding: 1.25em;
		margin-right: 0;
	}
}