/*
Theme Name: Home Rochester
Theme URI: 
Author: Home Rochester
Description: Custom theme for Home Rochester
Version: 1.0



/* No more WP Blocks*/
.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }
.has-home-rochester-red-color { color: #c91a28; }
.has-home-rochester-red-background-color { background-color: #c91a28; }
.has-home-rochester-red-2-color { color: #c9282d; }
.has-home-rochester-red-2-background-color { background-color: #c9282d; }
.has-home-rochester-dark-blue-color { color: #0c2b4a; }
.has-home-rochester-dark-blue-background-color { background-color: #0c2b4a; }
.has-home-rochester-light-blue-color { color: #5381ac; }
.has-home-rochester-light-blue-background-color { background-color: #5381ac; }
.has-home-rochester-light-blue-2-color { color: #a9c0d5; }
.has-home-rochester-light-blue-2-background-color { background-color: #a9c0d5; }

.wp-block-quote.hr-testimonial {
	padding: 1em 2em;
}

.wp-block-quote.hr-testimonial,
.wp-block-quote.hr-testimonial cite {
	background-color: #5381ac;
	color: #fff;
}

.arrow-list {
	list-style-type: none;
	padding-left: 0;
}

.arrow-list li {
	background: url('/wp-content/uploads/2019/10/list-blue-arrow.png') no-repeat left top;
	padding-left: 34px;
}


body {
	margin: 0;
	background-color: #a9c0d5;
	font-family: 'Amelia Basic', Arial;
	font-size: 18px;
}

.aligncenter {
	text-align: center;
}

#page-title {
	font-family: 'Cormorant Garamond', serif;
	font-size: 90px;
	text-align: center;
	margin: 0;
	font-weight: normal;
	color: #0c2b4a;
}

@media screen and ( max-width: 750px ) {
	#page-title {
		font-size: 12vw;
	}
}

.container {
	position: relative;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

.branding-container {
	position: absolute;
	height: 190px;
	bottom: -110px;
	display: inline-block;
	text-align: center;
}

.branding-container a {
	text-decoration: none;
	color: #0c2b4a;
}

#footer > .container {
	z-index: 10;
}

#footer .branding-container {
	bottom: -120px;
}

#footer,
#header {
	background-color: #0c2b4a;
}

#header > .container {
	padding-top: 40px;
	padding-bottom: 15px;
	background-color: #0c2b4a;
	z-index: 10;
}

.branding-container-background {
	display: none;
}

@media screen and ( max-width:767px ) {
	#header > .container {
		padding-top: 20px;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}

	.branding-container-background {
		display: block;
		position: absolute;
		bottom: 15px;
		left: 0;
		right: 0;
		top: 100px;
		background-color: #fff;
	}

	div#footer {
		padding-top: 15px;
	}

	#footer .branding-container-background {
		top: 80px;
	}

	#footer div.branding-container {
		bottom: auto;
		height: 230px;
	}
}

#header-bottom {
	background-color: #fff;
	padding-bottom: 15px;
}

#header-banner {
	margin-bottom: 15px;
	background-color: #fff;
}

#esl-logo {
	text-align: right;
}

#esl-logo img {
	display: inline-block;
	margin: 10px 0;
}

.logo {
	display: inline-block;
	margin: auto;
}

.site-title {
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	line-height: 1;
	letter-spacing: -1px;
}

.site-title-first-line {
	font-size: 20px;
	line-height: 1;
}

#header-banner {
	position: relative;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 357px;
}

#banner-image img {
	display: block;
	margin: 0 auto;
}

#banner-accent-image {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -179px;
	display: block;
	width: 363px;
	height: 335px;
	border: 10px solid #fff;
	transform: rotate(12deg);
	box-shadow: 5px 5px 10px rgba(0,0,0,.5);
	background-color: #eee;
}

#banner-accent-image img {
	max-width: 100%;
	height: auto;
}

@media screen and ( max-width: 1200px ) {
	#header-banner {
		height: 29.75vw;
		background-size: cover;
	}

	#banner-accent-image {
		border-width: .83vw;
		width: 30.2vw;
		height: 27.9vw;
		margin-left: -14.9vw;
	}
}

#secondary-heading {
	font-size: 32px;
	font-weight: bold;
	color:#0c2b4a;
	letter-spacing: 10px;
	text-align: center;
	border-bottom: solid 2px #c9282d;
	margin: 0 auto;
	padding-bottom: 15px;
}

.page-template-page-noimage #secondary-heading {
	padding-top: 64px;
}

#content {
	background-color: #fff;
	padding-bottom: 0px;
}

#content .post-content {
	line-height: 2;
	margin-left: -20px;
	margin-right: -20px;
}

@media screen and ( max-width: 1200px ) {
	.container {
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
	}

	#content .post-content {
		margin-left: 0;
		margin-right: 0;
	}

	div#copyright-info {
		/* Match this to right padding of .container */
		right: 20px;
	}
}

#content a {
	color: #0c2b4a;
	font-weight: bold;
	text-decoration: none;
}

#footer {
	margin-bottom: 30px;
	padding-top: 25px;
}

#footer-bottom {
	background-color: #a9c0d5;

}
/*
#footer .nav-menu-container {
	padding-top: 0px;
}
*/

.nav-toggle {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 50px;
	color: #fff;
	padding: 3px 8px;
	text-decoration: none;
}

.nav-menu {
	list-style-type: none;
	padding-left: 0;
	text-align: right;
	font-size: 0px;
	margin-bottom: 10px;
	margin-left: 175px;
}

.nav-menu li {
	position: relative;
	display: inline-block;
	text-align: left;
	font-size: 16px;
}

/*
.nav-menu .menu-item-has-children > a::after {
	content: '\25bc';
	color: #5381ac;
	display: inline-block;
	font-size: .75em;
	padding-left: .5em;
}
*/

.nav-menu .menu-toggle {
	color: #5381ac;
	display: inline-block;
	font-size: .75em;
	padding-left: .5em;
}

/*.nav-menu li .children,*/
.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	min-width: 140px;

	background-color: #0c2b4a;
	border: solid 1px #5381ac;
	padding: 0;
}

/*.nav-menu a:focus + .sub-menu, */

@media screen and ( min-width: 768px ) {
	.nav-menu li:hover > .sub-menu {
		display: block;
	}
}

.nav-menu .sub-menu li {
	display: block;
}

.nav-menu a {
	display: block;
	color: #5381ac;
	text-decoration: none;
	padding: 5px 6px;
}

.nav-menu a.active {
	color: #ccc;
}

.nav-menu .menu-item-has-children > a:hover::after,
.nav-menu a:hover {
	color: #a9c0d5;
}

/*
.nav-menu .sub-menu a:hover {
	background-color: #a9c0d5;
	color: #fff;
}
*/

.nav-menu .current-menu-item > a,
.nav-menu .current-menu-item > a .menu-toggle {
	color: #fff;
}

.nav-menu-bottom {
	text-align: right;
}

#footer-bottom {
	padding-top: 40px;
	text-align: right;
}

#footer-content {
	display: inline-block;
}

#footer-actions {
	position: relative;
}

#copyright-info {
	position: absolute;
	bottom: 1.5em;
	right: 0;
}

.donate-button {
	display: inline-block;
	padding: 5px 10px;
	background-color: red;
	border: solid #fff 1px;
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	box-sizing: border-box;
}

.button:active {
	position: relative;
	left: 2px;
	top: 2px;
}

#footer .donate-button {
	background-color: #0c2b4a;
	vertical-align: bottom;
}

@media screen and ( max-width: 767px ) {
	#header .donate-button {
		/*display: none;*/
	}

	#header .nav-menu-bottom {
		position: absolute;
		top: 10px;
		left: 10px;
	}
}

.social-media {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	list-style-type: none;
	padding-left: 0;
	margin: 0;
	vertical-align: bottom;
	box-sizing: border-box;
}

.social-media li {
	display: inline-block;
	vertical-align: bottom;
	padding-right: .4em;
}

.social-media li a,
.social-media li img {
	display: block;
}

.social-media li img {
	max-width: 40px;
	height: auto;
}

@media screen and (max-width:767px) {
	#footer-bottom {
		text-align: center;
	}

	#footer-actions {
		text-align: right;
		margin-bottom: 15px;
	}

	div#copyright-info {
		right: 0;
	}
}

#site-credits {
	font-size: 14px;
	padding-top: 49px;
	letter-spacing: .5px;
}

@media screen and (min-width: 768px) {
	.nav-menu {
		display: block !important;
	}
}

@media screen and (max-width: 767px) {
	.branding-container {
		position: relative;
		bottom: auto;
		display: block;
		color: #fff;
	}

	.nav-menu-container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
	}

	.nav-toggle {
		z-index: 11;
		display: inline-block;
	}

	.nav-menu {
		display: none;
		margin-left: 0;
		background-color: #0c2b4a;
		padding: 5px;
	}

	.nav-menu.show-nav-menu {
		display: block;
	}

	.nav-menu li {
		display: block;
		margin-right: 50px;
	}

	.nav-menu a {
		display: block;
	}

	.nav-menu .menu-toggle {
		display: none;
		/*
		float: right;
		padding: .5em;
		border: solid 1px #5381ac;
		border-radius: 5px;
		*/
	}

	.nav-menu .sub-menu {
		display: block;
		position: relative;
		padding-left: 15px;
		background-color: transparent;
		border: none;

	}

	.nav-menu a.show-sub-menu + .sub-menu {
		display: block;
	}


	.nav-menu .sub-menu a:hover {
		color: #a9c0d5;
		background-color: transparent;
	}

/*
	.nav-menu-bottom {
		text-align: center;
	}
*/
/* This is in the <1200px breakpoint
	.container,
	#content .container {
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
*/
	#secondary-heading {
		margin-left: 15px;
		margin-right: 15px;
	}

}

.p-singlespace {line-height: 1.5em;}

ul.no-indent-list {
	list-style-position: inside;
	padding-left: 0;
}

.arrow-list li {
	background: url('/wp-content/uploads/2019/10/list-blue-arrow.png') no-repeat left top;
	padding-left: 34px;
	padding-top: 0px;
}

.wpcf7-form .form-label-text {
	display: inline-block;
	min-width: 10em;
	vertical-align: top;
}

.wpcf7-text {
	border: none;
	border-bottom: solid #c91a28 1px;
}

.wpcf7-textarea {
	border: solid #c91a28 1px;
	padding: 10px;
	box-sizing: border-box;
}

.wpcf7-text,
.wpcf7-textarea {
	font-family: "Amelia Basic", Arial;
	font-size: 16px;
	width: 400px;
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	.hide-mobile { display: none; }
}

@media screen and (min-width: 767px) {
	.show-mobile { display: none; }
}