/* = Common Sections - Delete / Include as needed as needed
-------------------------------------------------------------- */

/*** Posts Page ***/

.loop article {
	border-bottom: solid;
	float: left;
	margin-bottom: 2.375em;
	padding: 0;
	width: 100%;
}

.archive article time {
	margin:-0.375em 0 2em;
	display:block;
}

.archive article time .entry-info {
	margin:0;
}

.entry-info + .entry-info {
	margin-top: -1.275em;
}

time .entry-info + .entry-info {
	margin-top: 0;
}

.entry-summary li {
	list-style-position: inside;
}

.loop article .entry-summary .gallery, .loop article .entry-summary a[rel^="lightbox"] {
	display:none;
}

.loop article .entry-summary hr {
	border-top:none!important;
	margin-bottom:0!important;
}

.more-container {
	margin-bottom: 2em;
	padding-bottom:0.375em;
	overflow: hidden;
	clear: both;
}

.loop article .read-more {
	clear: both;
	display: block;
	float: left;
}

/* Inline Lists */

.inline-list {
	list-style: none;
	overflow: hidden;
	margin-bottom: 1.5em;
}

.inline-list > li {
	float: left;
	margin: 0 10px 0.5em 0;
	padding: 0 10px 0 0;
}

.list-style-none > li, li.list-style-none {
	list-style:none;
	margin-left:0px;
}

.inline-list.seamless {
	margin:0;
}

.inline-list.seamless > li {
	margin:0;
	padding:0;
}

.inline-list > li:before, .list-style-none > li:before, li.list-style-none:before {
	content: none;
}

/* Input Spacing Group */
/* Common usses include a search form with a button next to it. Might replace with a table group*/

.input-spacing-group {
	position:relative;
	margin-bottom:2em;
}

.input-spacing-group .input-spacing-left {
	padding-right:150px;
}

.input-spacing-group .input-spacing-left input {
	padding: 15px;
	margin-top:0px;
	margin-bottom:0px;
}

.input-spacing-group .input-spacing-right {
	padding: 15px 25px;
	position:absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 130px;
	margin-top:0px!important;
	margin-bottom:0px;
}

.input-spacing-group.small-button .input-spacing-left {
	padding-right:95px;
}

.input-spacing-group.small-button .input-spacing-right {
	width:75px;
}

@media all and (max-width: 550px) {
	/* Input Spacing Group */
	
	.input-spacing-group .input-spacing-left,
	.input-spacing-group.small-button .input-spacing-left {	padding: 0px; }
	
	.input-spacing-group .input-spacing-right,
	.input-spacing-group.small-button .input-spacing-right {
		position:relative;
		width:100%;
		margin-top:15px!important;
	}
}

/*** Under Footer ***/
/*
.under-footer-inner {
	padding-top: 15px;
	padding-bottom:15px;
}*/
#under-footer-left, #under-footer-right {
    padding-top: 10px;
}
#under-footer .inline-list {
    float: left;
    margin: 0;
}
#under-footer #google_translate_element {
    display: block;
    float: left;
    margin-top: -0.15em;
}
#under-footer .esplink {
    margin: 0 0 0.5em;
}

@media (max-width: 767px) {
	/*** Under Footer ***/
	
	#under-footer #secondary-menu { float:none;	}
	#under-footer #secondary-menu ul li a {	margin-right: 10px;	}
	#esp-link {	float:left;	}		
}


/*** Blockquotes ***/

body blockquote {
	clear:both;
}

blockquote em {
	display:block;
	font-style:normal;
}

blockquote p { display: inline; }

blockquote p + p {
	display:block;
    margin-bottom: 0;
    margin-top: 20px;
}

body blockquote.right {
	text-align: right;
	border-left:none;
}

blockquote + * { clear:both; }

@media (max-width: 767px) {
	/*blockquote */
	
	html body blockquote { margin-left:0px; }
	html body blockquote.right  { margin-right:0px; }
}

/* = ESP Gallery Widget
-------------------------------------------------------------- */

/* General Styles */

.gallery-widget {
	overflow:hidden;
}

.gallery-widget .heading-only .widget-title {
	margin:0;	
}

.gallery-widget .image-container .gallery_image,
.gallery-widget .image-container noscript {
    background-size: cover;
    height: 100%;
    width: 100%;
	background-repeat:no-repeat;
}

.gallery-widget .vertical-align-content {
	position:relative;
	z-index:2;
}

.gallery-widget .vertical-align-limit.limit-percent {
	height:0;
	padding-bottom:28%;	
}

.gallery-widget.jumbo-gallery .vertical-align-limit.limit-percent {
	height:0;
	padding-bottom:40%;	
}

@media screen and (max-height: 820px) {
	.gallery-widget.jumbo-gallery .vertical-align-limit.limit-percent {
		height: 0;
		padding-bottom: 30%;
	}
}

/*** Background Gallery ***/

.gallery-widget .background-gallery .gallery-title {
    position: relative;
    z-index: 2;
}

.gallery-widget .background-gallery .image-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.gallery-widget .background-gallery .gallery_image,
.gallery-widget .background-gallery noscript {
    background-size: cover;
    height: 100%;
    width: 100%;
}

/* Single Image */

.gallery-widget .image-container.single-image {
	height:0;
	overflow:hidden;	
}

/* Slider Gallery */

.gallery-widget .slider-gallery .image-container,
.gallery-widget .slider-gallery .slick-list,
.gallery-widget .slider-gallery .slick-track  { height:100%; }

.gallery-widget .slider-gallery .image-container { position:absolute; top:0; left:0; width:100%; }


/* Common Side Menu - Remove if not needed */

.sidebar .widget-1 .widget-title {
	margin-top:-3px;
}

.sidebar .widget-1 .menu {
	margin-top: -16px;
}


.sidebar .widget-title a {
    display: block;
    padding-bottom: 12px;
    position: relative;
}

.sidebar .widget-title a::after {
    background-color: #B2CBF0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 60px;
}
.sidebar .widget_nav_menu li, .sidebar .esp-sub-menu li, .sidebar .esp-display-terms-widget li {
    list-style: outside none none;
    margin-left: 0;
}
.sidebar .esp-sub-menu li a, .sidebar .widget_nav_menu li a, .sidebar .esp-display-terms-widget li a {
    color: #787878;
}
.sidebar .widget_nav_menu li.current-menu-item > a, .sidebar .esp-sub-menu > ul li.current-menu-item > a, .sidebar .esp-display-terms-widget li li.current-menu-item > a {
    color: #0E76BD;
    left: 17px;
    position: relative;
}
.sidebar .widget_nav_menu li.current-menu-item > a::after, .sidebar .esp-sub-menu > ul li.current-menu-item > a::after, .sidebar .esp-display-terms-widget li li.current-menu-item > a::after {
    border-bottom: 4px solid transparent;
    border-left: 8px solid #0E76BD;
    border-top: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: -17px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}
html body .sidebar .esp-sub-menu ul li ul, html body .sidebar .widget_nav_menu li ul, html body .sidebar .esp-display-terms-widget li ul {
    margin-left: 18px;
}
html body .sidebar .widget_nav_menu li ul {
    display: none;
}
html body .sidebar .widget_nav_menu li.current-page-ancestor > ul, html body .sidebar .widget_nav_menu li.current_page_item > ul {
    display: block;
}

/* = Section Heights
-------------------------------------------------------------- */

/* Percentages based on the golden ratio */

body .height-1of1 { height: 100%; }
body .height-3of4 { height: 75%; }
body .height-2of3 { height: 66.6%; }
body .height-1of2 { height: 50%; }
body .height-1of3 { height: 33.3%; }
body .height-1of4 { height: 25%; }
body .height-ratio-100 { height: 0; padding-bottom: 100%; }
body .height-ratio-xl { height: 0; padding-bottom: 76.4%; }
body .height-ratio-l { height: 0; padding-bottom: 61.8%; }
body .height-ratio-m { height: 0; padding-bottom: 50%; }
body .height-ratio-s { height: 0; padding-bottom: 38.2%; }
body .height-ratio-xs { height: 0; padding-bottom: 23.6%; }
@media all and (min-width: 1021px) {
	html body .desktop-height-1of1 { height: 100%; }
	html body .desktop-height-3of4 { height: 75%; }
	html body .desktop-height-2of3 { height: 66.6%; }
	html body .desktop-height-1of2 { height: 50%; }
	html body .desktop-height-1of3 { height: 33.3%; }
	html body .desktop-height-1of4 { height: 25%; }
	html body .desktop-height-ratio-100 { height: 0; padding-bottom: 100%; }
	html body .desktop-height-ratio-xl { height: 0; padding-bottom: 76.4%; }
	html body .desktop-height-ratio-l { height: 0; padding-bottom: 61.8%; }
	html body .desktop-height-ratio-m {	height: 0; padding-bottom: 50%;	}
	html body .desktop-height-ratio-s {	height: 0; padding-bottom: 38.2%; }
	html body .desktop-height-ratio-xs { height: 0;	padding-bottom: 23.6%; }
}
@media all and (min-width: 768px) and (max-width: 1020px) {
	html body .tablet-height-1of1 { height: 100%; }
	html body .tablet-height-3of4 { height: 75%; }
	html body .tablet-height-2of3 { height: 66.6%; }
	html body .tablet-height-1of2 { height: 50%; }
	html body .tablet-height-1of3 { height: 33.3%; }
	html body .tablet-height-1of4 { height: 25%; }
	html body .tablet-height-ratio-100 { height: 0;	padding-bottom: 100%; }
	html body .tablet-height-ratio-xl { height: 0; padding-bottom: 76.4%; }
	html body .tablet-height-ratio-l { height: 0; padding-bottom: 61.8%; }
	html body .tablet-height-ratio-m { height: 0; padding-bottom: 50%; }
	html body .tablet-height-ratio-s { height: 0; padding-bottom: 38.2%; }
	html body .tablet-height-ratio-xs { height: 0; padding-bottom: 23.6%; }
}
@media (max-width: 767px) {
	html body .mobile-height-1of1 { height: 100%; }
	html body .mobile-height-3of4 { height: 75%; }
	html body .mobile-height-2of3 { height: 66.6%; }
	html body .mobile-height-1of2 { height: 50%; }
	html body .mobile-height-1of3 { height: 33.3%; }
	html body .mobile-height-1of4 { height: 25%; }
	html body .mobile-height-ratio-100 { height: 0;	padding-bottom: 100%; }
	html body .mobile-height-ratio-xl { height: 0; padding-bottom: 76.4%; }
	html body .mobile-height-ratio-l { height: 0; padding-bottom: 61.8%; }
	html body .mobile-height-ratio-m { height: 0; padding-bottom: 50%; }
	html body .mobile-height-ratio-s { height: 0; padding-bottom: 38.2%; }
	html body .mobile-height-ratio-xs { height: 0; padding-bottom: 23.6%; }
}

/* Fixed Backgrounds */

.background-fixed { background-attachment: fixed; }
.background-scroll { background-attachment: scroll; }

@media all and (min-width: 1021px) {
	body .desktop-background-fixed { background-attachment: fixed; }
	body .desktop-background-scroll { background-attachment: scroll; }
}
@media all and (min-width: 768px) and (max-width: 1020px){
	body .tablet-background-fixed { background-attachment: fixed; }
	body .tablet-background-scroll { background-attachment: scroll; }
}
@media (max-width: 767px) {
	body .mobile-background-fixed { background-attachment: fixed; }
	body .mobile-background-scroll { background-attachment: scroll; }
}