/* Header Fix */
header { background-color: #0e4c92; }

/* Homepage Videos & Slideshows */
body.front .views_slideshow_thumbnailhover_main { margin-bottom: 45px; }

/* share tools */
ul.sharetools li a {
display: inline-block;
padding: 0 5px 0 32px;
height: 25px;
line-height: 25px;
background: transparent url(/sites/default/files/toolbox-icons-sprite2.png) no-repeat 0 0;
} 

/* article dates */
.field-field-date-published { float: none; }
.node-published .field-field-date-published { text-align: right; }

/* related links, article sidebar */
.view-article-blocks .related-story a { /* color: #0e4c92; */ line-height: 1.4em; }
.view-article-blocks .related-story a:hover { color: #2a9fe4; }

/* Mobile sidebar block visibility */

@media only screen and (max-width:649px) {
	aside div.block { float: none; clear: left; }
	aside div.subscribe { border: none; margin: 15px 15px 0 15px; display: block !important; }
	body.front aside div.block-mostpopular { display: block; width: auto; }
}

/* Photo captions fix for Safari */
div.caption.left p,
div.caption.right p {
clear: both !important;
display: inline-block;
}

img.floatleft,
img.floatright {
margin-bottom: 0;
}

/* clear floats around news article images
.field-field-image:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
} */

/* Can't clear after .field-field-image because some images aren't full page width.
    Add the .clear class to a <p> or <ul> following the image if you need to break the float */

.field-field-image + .clear {
padding-top: 1em;
}


/* Change font color from #585858 to #2c2c2c */
p, ul, ol, dl, table, blockquote,
a.disabled-link,
a.disabled-link:hover,
div.caption p,
.contributor,
.comm-bottom-block li,
ul.plain-list li,
ol.plain-list li,
ul.gray-link a,
ol.gray-link a,
.minor-menu ul li,
.minor-menu ul li a,
.view-article-blocks .related-story,
.view-article-blocks .related-story a,
/* Change #333 to #2c2c2c */
nav#primary a,
input.custom-search-box,
footer p {
color: #2c2c2c;
}

/* Wide Photos on Article Pages */
@media only screen and (max-width: 649px) {
    .node-type-article img {
    max-width: 100%;
    height: auto;
    }
}

/* Retina Display Masthead */
@media only screen and (-webkit-min-device-pixel-ratio:2) {
    h2#title a {
        background: transparent url(/sites/all/themes/restricted/news/resources/images/header-masthead@2x.png) no-repeat;
        background-size: 250px 90px;
        background-position: 0 -12px;
        width: 250px;
        height: 80px;
        float: none;
    }
}


/* Callout Button for Inclusive Yale */
body.front aside div + div.block-quicktabs h3 {
border-top: none;
padding-top: 0;
}

.callout-button {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.4em;
padding: 1px;
margin: 0 15px 30px 15px;
border: 1px solid #b6cae0;
}

.callout-button div {
display: block;
padding: 10px;
color: #2c2c2c;
background-color: #f4f8fd;
border-bottom: 1px solid #e3ebf3;
}

.callout-button span {
display: block;
padding: 10px 10px 0 10px;
font-size: 12px;
font-size: 1.2rem;
color: #2c2c2c;
}

.callout-button a {
display: block;
padding: 5px 10px 10px 10px;
}