//*
Theme Name: BCH Microsite Child Theme
Theme URI: http://childrenshospital.org
Author: Martin Fritch
Author URI: http://childrenshospital.org
Description: A custom Boston Children Hospital Wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bch-microsite-child-theme
Template: bch-microsite
Tags:

This theme, like WordPress, is licensed under the GPL.

*/

/* Custom Styles start here */

@media screen and (min-width: 47.5em) {
	#hero h1 { width: 95%; margin-top: 60px; top: 0;}
	/* Chrome 29+ (Only) */
	@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
	and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
	   #hero h1 { width: 95%; margin-top: 150px; top: 0;}
	}
}
h1, h2, h3, h4, h5,
#primary .hentry h1, #primary .hentry h2, #primary .hentry h3, #primary .hentry h4, #primary .hentry h5 {
	font-family: "Museo Sans 300","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
#hpContent .button {
	background-color: #1e73be;
}
#hpContent .button a {
	color: #ffffff;
}
#hpContent .button:hover {
	background-color: #14bef0;
}
#newsCarousel .section-header h2 {
	color: #ffffff;
}
.squares::before,
.squares::after{
	content: "";
	clear: both;
	display: table;
}

.squares-wrapper {
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.squares {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.squares a img {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.square {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	width: 210px;
	height: 250px;
}
.square h2 {
	color: #ffffff;
	text-align: center;
	margin-top: 15px;
}
.square p {
	color: #ffffff;
	text-align: center;
	margin: 0 1em;
}
.square a {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #00468b;
	color: #ffffff !important;
	text-align: center;
	width: 100%;
}
.color-1 {
	background-color: #1e73be;
}
.color-2 {
	background-color: #647aa2;
}
.color-3 {
	background-color: #0080a5;
}
.color-4 {
	background-color: #14bef0;
}
.color-5 {
	background-color: #c5b9ac;
}
blockquote {
  color: #007396;
  background: transparent !important; 
  border-left: 10px solid #007396;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote p:first-child {
	color: #007396;
	font-size: 1.5em;
	font-style: italic;
	font-family: "Time New Roman", Times, serif;
	text-align: left;
	line-height: 1.2;
	margin-top: -1.1em;
	margin-left: 1em;
}
blockquote p.attribution,
blockquote p:not(:first-child) {
	font-size: 1em;
	text-align: right;
}
blockquote p.quote {
	color: #007396;
	font-size: 1.5em;
	font-style: italic;
	font-family: "Time New Roman", Times, serif;
	text-align: left;
	line-height: 1.2;
	margin-top: -1.1em;
	margin-left: 1em;
}
blockquote:before {
  color: #007396;
  content: "\201C";
  font-size: 1em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
@media screen and (max-width: 600px) {
	blockquote:before {
  		font-size: 4em;
		vertical-align: 0em !important;
	}
}
.head {
	text-align: center;
	color: #1e73be;
}
.top-link {
	float: right;
}
#glossary {
	position: relative;
	width: 100%;
}
#glossary .menu {
	width: 55%;
	margin: auto;
}
@media screen and (max-width: 750px) {
	#glossary .menu {
		width: 95%;
	}
}
#glossary .anchor::before {
	display: block;
	content: " ";
	margin-top: -60px;
	height: 60px;
	visibility: hidden;
}
#glossary ul {
	margin: 0 !important;
	list-style-type: none;
	text-align: center;
}
#glossary ul li {
    text-align: center;
    display: inline-block;
    font-size: 16px;
}
#glossary ul li a,
#glossary ul li a:visited {
    color: #ffffff;
}
#glossary .button {
    background-color: #1e73be; 
    border: none;
    padding: 15px 15px;
    text-decoration: none;
}
#glossary .button:hover {
    background-color: #14bef0; 
    text-decoration: none !important;
}
#glossary h1,
#glossary h2 {
	color: #002465;
}
@media screen and (max-width: 750px) {
	li.feed-item {
		max-width: 95%;
		font-size: 0.9em;
	}
}