/*
	fff-rambillo-styles.css 
	@since v2.0

	author: darrin @ rambillo (rambillo.com)

	Typography pickup for google web fonts:

	font-family: 'Merriweather', serif;
	font-family: 'Merriweather Sans', sans-serif;
*/

body {
	background: rgba( 244, 244, 244, 0 ) none no-repeat center top;
	color: #000000;
    text-decoration-color: #17758f;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.813;
}

p {
	margin-bottom: 1.5rem;
}

.home #articles article .entry-summary,
.home #multimedia article .entry-summary {
	line-height: 1.45;
}

/* FOUT protection */
/* 20200722 : darrin @ rambillo : Disable currently as Safari (desktop and mobile) are intermittently failing to run webfontloader successfully netting no class append to html & thus no content appearing */
/*html {
	visibility: hidden;
}*/

html.wf-active,
html.wf-inactive {
	visibility: visible;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Merriweather', serif;
	font-weight: normal;
	line-height: 1.25;
}

h1, .h1 {
	font-size: 48px;
}

h2, .h2 {
	font-size: 36px;
}

/* 20200212 v2.0.33 : darrin @ rambillo : adjust h2, especially in content areas, so that font size is less that h1's that are styled like h2's, e.g. <h1 class="entry-title h2">The New Totalitarians</h1> */
#content article h2 {
	font-size: 24px;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

h3, .h3 {
	font-size: 18px;
}

/* 20200226 v2.0.37 : darrin @ rambillo : adjust h3 in content areas */
/* 20200526 v2.0.45 : darrin @ rambillo : add .single to restrict behavior to individual articles (vs. in archives where those titles were being unfortunately affected */
.single #content article h3 {
	margin-top: 1.8rem;
	margin-bottom: .85rem;
}

h4, .h4 {
	font-size: 18px;
}

/* Rambillo v2.0 ... carry over from v1 - not set yet ... in use anywhere? 
   20200212 v2.0.33 : darrin @ rambillo : may not be in use, but ramp them down all the same
   								  h5 was 26px and h6 was 24px */
   								  
h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* General Styling */
/* 20190911 : darrin@rambillo : Address word wrapping around images */
/* @since v2.0.18 */
img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 20201028 v2.0.52 : darrin @ rambillo : Add caption styling */
.wp-caption-text {
	font-size: small;
	line-height: 1.35;
}

.wp-caption.alignleft .wp-caption-text {
	margin-right: 10px;
}

.wp-caption.alignright .wp-caption-text {
	margin-left: 10px;
}

blockquote {
	margin: 0;
	border-left: solid 2px currentColor;
	padding-left: 1.561rem;
/* 20200212 v2.0.34 : darrin @ rambillo : enhance blockquote to give it more separation and distinction by adding padding and adjusting margin, accordingly */
	padding-top: .35rem;
	padding-bottom: .25rem;
	margin-bottom: 1.5rem;
}

blockquote p:last-of-type {
	margin-bottom: 0;
}

/* 20190610 v2.0.11 : darrin @ rambillo : add padding to bottom of ordered list list items. */
article ol li {
	margin-bottom: 1rem;
}

.section-heading {
	font-family: 'Merriweather', serif;
	font-weight: 700;
/*	text-transform: uppercase;*/
	padding-bottom: 0;
	margin-bottom: 0;
}

.read-more {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 800;
	font-style: italic;
/*	text-transform: uppercase;*/
	margin-bottom: 0;
}

.read-more-small {
	font-size: small;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 800;
	font-style: italic;
/*	text-transform: uppercase;*/
	margin-bottom: 0;
}

.breadcrumb-heading {
	font-size: smaller;
}


.author.fn,
.fotw-author,
.fotw-source {
	font-size: 12px;
}

.authorbox .author.fn {
	font-size: inherit;
}

.author.fn a {
	text-decoration: underline;
}

.entry-title,
.fotw-entry-title,
.wpp-post-title {
/*	font-family: 'Merriweather Sans', sans-serif;*/
	font-weight: 700;
	margin-bottom: 0;
}

.fotw-entry-title,
.wpp-list {
	line-height: 1.333;
}

.published-by,
.updated {
	font-style: italic;
	font-size: 12px;
	line-height: 12px;
}

/* 20200226 v2.0.37 : darrin @ rambillo : Add new Twitter / Tweet callout feature to Hornberger Blog and Daily Articles */
a.content-tweet-block {
	text-decoration: none !important;
	font-size: 16px;
	font-family: 'Merriweather', serif;
	text-align: center;
	word-wrap: break-word;
	border: 1px solid currentColor;
	float: right;
	padding: 1rem;
	margin-left: 1.25rem;
	margin-bottom: .6rem;
	max-width: 200px;
}

@media all and (min-width: 576px) and (max-width: 767px) {
	a.content-tweet-block {
		max-width: 240px;
	}
}

@media all and (min-width: 768px)  {
	a.content-tweet-block {
		max-width: 320px;
	}
}

a.content-tweet-block:link .tweet-box-text,
a.content-tweet-block:visited .tweet-box-text {
	color: #ffffff;
	text-decoration: none;
}

a.content-tweet-block:link .tweet-box-link,
a.content-tweet-block:visited .tweet-box-link {
	color: #ffffff;
	text-decoration: underline;
	text-decoration-color: #ffffff;
}

a.content-tweet-block:hover .tweet-box-text,
a.content-tweet-block:active .tweet-box-text,
a.content-tweet-block:focus .tweet-box-text {
	color: #333333;
	text-decoration: none;
}

a.content-tweet-block:hover .tweet-box-link,
a.content-tweet-block:active .tweet-box-link,
a.content-tweet-block:focus .tweet-box-link {
	color: #333333;
	text-decoration-color: #333333;
}

/* 20200413 v2.0.43 : darrin @ rambillo : Add specific button styling provided by Jon DiPietro used in eTapestry as of this date */
div.etapItemAdd {
	position: relative;
	display: block;
/*	float: right; 20200526 v2.0.44 : darrin @ rambillo : Disabled per Jon DiPietro's 5/25/20 request */
	width: 100%;
	height: auto;
	margin: 15px 0 0 0;
	padding: 0;
}

div.etapItemAdd a {
	padding: 9px 15px 8px 15px;
	text-decoration: none;
	font-family: inherit;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: rgba( 255, 255, 255, 1 );
	background-color: #17758f;
	border: none;
}

div.etapItemAdd a:hover {
	background-color: #35a3be;
	color: rgba( 255, 255, 255, 1 );
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}

div.etapItemAdd a:after {
	position: relative;
	display: inline-block;
	float: none;
	width: auto;
	height: auto;
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: 900;
	font-family: "Font Awesome\ 5 Free";
	content: "\f217";
	color: rgba( 255, 255, 255, 1 );
	box-sizing: border-box;
}

div.etapItemAdd a:hover:after {
	color: rgba( 255, 255, 255, 1 );
}

/* Page Sidebar "Accent" Style */
.page-sidebar .widget-container.widget-style-accent:first-of-type {
	margin-top: .25rem;
}

.page-sidebar .widget-container.widget-style-accent {
	border: 1px solid #17758f;
}


/* Page Sidebar "Color Bar" Style */
.page-sidebar .widget-container.widget-style-color-bar {
	background-color: #bebebe;
}

.page-sidebar .widget-style-color-bar .widget-title {
	color: #ffffff;
	background-color: #17758f;
}

.page-sidebar .widget-style-color-bar .widget-title a {
	transition: all 0.5s ease;
}

.page-sidebar .widget-style-color-bar a:hover,
.page-sidebar .widget-style-color-bar a:active
.page-sidebar .widget-style-color-bar a:focus {
	color: #ffffff;
}

/* Page Sidebars common */
.page-sidebar .sidebar .widget-container {
	display: block;
}

.page-sidebar .sidebar .widget-container.widget-style-accent,
.page-sidebar .sidebar .widget-container.widget-style-color-bar > :not(.widget-title)  {
	padding: 1rem;
}

.page-sidebar .sidebar .widget-title {
	padding: .5rem 1rem;
	text-align: center;
}

.page-sidebar .sidebar:not(:last-child),
.page-sidebar .sidebar .widget-container:not(:last-child) {
	margin-bottom: 2rem;
}

.page-sidebar .sidebar .call-out-title {
	font-family: 'Merriweather', serif;
	font-weight: 700;
/*	font-style: italic;*/
	font-style: normal;
/*	font-size: 26px;*/
	font-size: x-large;
/*	line-height: 1.333em;*/
}

.page-sidebar .sidebar .call-out {
	font-family: 'Merriweather', serif;
	font-weight: 700;
/*	font-style: italic;*/
	font-style: normal;
/*	font-size: 22px;*/
/*	font-size: 20px;*/
	font-size: larger;
	line-height: 1.45;
}

/* Hornberger's Bio widget */
.page-sidebar .sidebar .hornberger-wrap .widget-title {
	font-size: xx-large;
}

.page-sidebar .sidebar .hornberger-wrap .hornberger-bio p {
	font-size: larger;
}

.page-sidebar .sidebar .hornberger-wrap img.hornberger-img {
	width: 100%;
	height: auto;
}

@media all and (min-width: 576px) and (max-width: 767px) {
	.page-sidebar .sidebar .hornberger-wrap img.hornberger-img {
		width: 80%;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.page-sidebar .sidebar .hornberger-wrap img.hornberger-img {
		width: 60%;
	}
}

/* "Reading List" Custom HTML widget */
.page-sidebar .sidebar .sb-common-title {
	margin-bottom: 1rem;
}

.page-sidebar .sidebar .sb-common-subtitle {
	font-size: small;
	font-weight: 700;
}

.page-sidebar .sidebar .sb-common-intro {
	font-size: smaller;
}

/* Freedom Fighters widget */
.page-sidebar .sidebar .widget_ffighter_latest .carousel {
	min-height: 25rem;
}

.page-sidebar .sidebar .widget_ffighter_latest .ffighter-widget-footer {
/*	text-transform: uppercase;*/
	text-align: center;
}
	
/* Freedom on the Web widget */
@media screen and (min-width: 1200px) {
	.page-sidebar .widget_fotw_links .widget-title {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

.page-sidebar .widget_fotw_links .fotwwidget {
/*	text-align: center;*/
}

.page-sidebar .widget_fotw_links .fotw-cat-name {
/*	font-family: 'Merriweather Sans', sans-serif;*/
	font-family: 'Merriweather', serif;
    font-weight: 400;
/*	font-size: 20px;
	line-height: 20px;*/
/*	text-transform: uppercase;*/
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	margin-bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1.333rem;
}

.page-sidebar .widget_fotw_links .fotw-category a {
	transition: all 0.5s ease;
}

.page-sidebar .widget_fotw_links .fotw-category a article {
	padding-bottom: 1.333rem;
}


.page-sidebar ul.wpp-list {
	list-style: none;
	padding: 1rem;
	text-align: center;
}

/* 20230807 v2.0.65 : darrin @ rambillo : fix wpp shortcode padding in a standard WP text widget, which is replacing legacy widget (deprecated) v7.0 WordPress Popular Posts w/ same setups via their wpp shortcode */
.page-sidebar .textwidget > ul.wpp-list {
	padding: 0;
}

.page-sidebar ul.wpp-list li a {
	transition: all 0.5s ease;
	display: block;
}

.page-sidebar ul.wpp-list li .wpp-meta {
	font-size: smaller;
}

.page-sidebar ul.wpp-list .body-rule:last-of-type {
	display: none;
}


/* Front page slider */
/* 20190911 : darrin@rambillo : addressing lack of full-width expansion of slider on very large screen widths. Removing container-fluid on this element and eliminating column padding. Row below this element creates overflow, which we're also hiding */
#front-page-slider.featured-content {
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}

#front-page-slider .soliloquy-caption {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-size: 22px;
    font-style: italic;
}

@media all and (max-width: 599px) {
	#front-page-slider .soliloquy-caption {
		font-size: 16px;
	}
	
	#front-page-slider .soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside {
		padding-bottom: 10px;
	}
}

/* Links - basic behavior */
a:link,
a:visited {
    color:#17758f;
}

a:hover,
a:active,
a:focus {
    color: #333333;
	text-decoration: none;
}

.underline-links a {
	text-decoration: underline;
}

a.no-link-decoration {
	text-decoration: none;
}

h1 a, .h1 a, 
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
	text-decoration: none;
}

/* Header - logo area */
#site-header {
	padding-top: 20px;
	padding-bottom: 20px;
}

#branding {
	padding-bottom: 0.667em;
}

#branding .mobile-logo {
	position: relative;
}

#branding .mobile-logo.logo-over-nav {
	z-index: 1031;
}

#header-rule hr,
.body-rule hr {
    height: 1px;
	color: #17758F;
	background-color: #17758F;
	border: none;
    margin: 1em 0;
    padding: 0;
}


/* Clean up old menu styling */
#site-navigation {
	font-family: 'Merriweather', serif;
	font-size: 23px;
	line-height: 23px;
	margin-top: 0;
	background: none;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#site-navigation {
		font-size: 20px;
		line-height: 20px;
	}
}

#site-navigation ul.header-menu {
	margin-bottom: 0;
	padding-left: 0;
}

#site-navigation ul.header-menu > li {
	display: inline-block;
}

#site-navigation ul li a {
    display: inline-block;
	padding: .5rem 15px;
	width: 100%;
    text-transform: uppercase;
	transition: all 0.5s ease;
}

#site-navigation ul li a:link,
#site-navigation ul li a:visited {
    color: #232323;
}

#site-navigation ul li a:hover,
#site-navigation ul li a:active,
#site-navigation ul li a:focus {
    color: #17758f;
}

#site-navigation ul li ul.sub-menu {
	padding-left: 0;
	box-shadow: 0px 15px 15px rgba( 0, 0, 0, 0.7 );
	display: none;
}

#site-navigation ul li:hover ul.sub-menu,
#site-navigation ul li:active ul.sub-menu,
#site-navigation ul li:focus ul.sub-menu {
	display: block;
    position: absolute;
    z-index: 5;
}

#site-navigation ul li ul.sub-menu li {
	display: block;
}

#site-navigation ul li ul.sub-menu li:last-child {
	padding-bottom: 25px;
}

#site-navigation ul li ul.sub-menu li a {
    font-size: 13px;
    line-height: 18px;
}

#site-navigation .menu-primary-nav ul.header-menu li ul li {
	background-color: rgba( 255, 255, 255, 1 );
	padding: 0;
	text-align: center;
}

#site-navigation .menu-primary-nav ul.header-menu li ul li:first-child {
	padding-top: 10px;
}

#site-navigation .menu-primary-nav ul.header-menu li ul li:last-child {
	padding-bottom: 10px;
}

#site-navigation  .menu-primary-nav ul.header-menu > li > ul {
	width: 235px;
}

@media all and (min-width: 1200px) {
	#site-navigation  .menu-primary-nav ul.header-menu > li > ul {
		width: 265px;
	}
	
	#site-navigation  .menu-primary-nav ul.header-menu > li > ul li {
		font-size: 16px;
	}
}

/* Our mobile friendly main nav menu */
.admin-bar #site-navigation .menu-mobile-nav.fixed-top {
    top: 50px;
}

@media all and (max-width: 500px) {
	#site-navigation .menu-mobile-nav .navbar-toggler {
		padding: .25rem;
	}
}

#site-navigation .menu-mobile-nav #navbar-header-content,
#site-navigation .menu-mobile-nav #navbar-header-content .navbar-nav .dropdown-menu {
	text-align: center;
}

#site-navigation .menu-mobile-nav.navbar-bg-transparent {
	background-color: transparent !important;
}

#site-navigation .menu-mobile-nav.bg-light .navbar-toggler {
	background-color: #f8f9fa;
}

/* Fix drop-down color behavior */
#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a {
	color: inherit;
}

#site-navigation ul li.current-menu-ancestor a:hover,
#site-navigation ul li.current-menu-ancestor a:active,
#site-navigation ul li.current-menu-ancestor a:focus,
#site-navigation ul li.current-menu-item a:hover,
#site-navigation ul li.current-menu-item a:active,
#site-navigation ul li.current-menu-item a:focus,
#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li ul.sub-menu li.current-menu-item a {
	color: #17758f;
}

#site-navigation ul li .dropdown-menu .dropdown-item.active {
	color: #17758f;
	background-color: inherit;
}

/* Donate button */
#site-navigation .menu-donate-button a,
#footer-content .menu-donate-button a {
	background-color: #cf0000;
	font-size: larger;
}

/* Mobile (only) & Footer Subscribe button */
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a,
#footer-content .menu-subscribe-button a {
	background-color: #5facb2;
}

/* Both Donate and Subscribe buttons. Footer size set in Footer section */
#site-navigation .menu-donate-button a,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a {
	max-width: 11.25rem; /* 180px is the goal */
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-radius: 5px;
	transition: all 0.5s ease;
}

#site-navigation .menu-donate-button a:link,
#site-navigation .menu-donate-button a:visited,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a:link,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a:visited {
	color: #ffffff;		
}

#site-navigation .menu-donate-button a:hover,
#site-navigation .menu-donate-button a:active,
#site-navigation .menu-donate-button a:focus,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a:hover,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a:active,
#site-navigation .menu-mobile-secondary-nav .menu-subscribe-button a:focus {
	color: #17758f;
}

/* Our mobile friendly secondary nav menu */
#site-navigation .menu-mobile-secondary-nav .header-menu li {
	display: block;
	border: none;
	text-align: center;
	margin-bottom: 1rem;
}

@media all and (min-width: 768px) and (max-width: 991px) {
	#site-navigation .menu-mobile-secondary-nav {
		display: flex;
		justify-content: center;
	}
	
	#site-navigation .menu-mobile-secondary-nav .header-menu li {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#site-navigation .menu-mobile-secondary-nav .header-menu li a {
		min-width: 11.25rem;
	}
	
	#site-navigation .menu-mobile-secondary-nav .header-menu li.menu-donate-button a {
		font-size: inherit;
	}
}

/* Social media icon links - header and footer */
@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header {
		z-index: 1;
	}
}

#social-header .social-menu {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

@media all and (max-width: 991px) {
	#social-header .social-menu {
		margin-bottom: 1rem;
	}
}

#social-header .social-menu li,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li {
	display: inline-block;
	line-height: 1;
}

@media all and (max-width: 991px) {
	#social-header .social-menu li {
		margin-left: 5px;
		margin-right: 5px;
	}
	#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li {
		margin-left: 7px;
		margin-right: 7px;
	}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li {
		margin-left: 0;
		margin-right: 5px;
	}
	#social-header .social-menu li:last-child {
		margin-left: 0;
		margin-right: 0;
	}
}

@media all and (min-width: 1200px) {
	#social-header .social-menu li {
		margin-left: 0;
		margin-right: 10px;
	}
	#social-header .social-menu li:last-child {
		margin-left: 0;
		margin-right: 0;
	}
}

#social-header .social-menu li a,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li a {
	display: inline-block;
	width: 40px;
	height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url( '../images/sprite-social.png?ver=2.0.73' ) 0 0 no-repeat;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li a {
		width: 26px;
		height: 26px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li a {
	width: 26px;
	height: 26px;
}

/* Twitter */
#social-header .social-menu li.si-twitter a {
	background-position: 0 0;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-twitter a {
		background-position: 0 -86px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-twitter a {
	background-position: 0 -86px;
}

#social-header .social-menu li.si-twitter a:hover,
#social-header .social-menu li.si-twitter a:active,
#social-header .social-menu li.si-twitter a:focus {
	background-position: 0 -43px;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-twitter a:hover,
	#social-header .social-menu li.si-twitter a:active,
	#social-header .social-menu li.si-twitter a:focus {
		background-position: 0 -115px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-twitter a:hover,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-twitter a:active,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-twitter a:focus {
	background-position: 0 -115px;
}

/* Facebook */
#social-header .social-menu li.si-facebook a {
	background-position: -43px 0;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-facebook a {
		background-position: -29px -86px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-facebook a {
	background-position: -29px -86px;
}

#social-header .social-menu li.si-facebook a:hover,
#social-header .social-menu li.si-facebook a:active,
#social-header .social-menu li.si-facebook a:focus {
	background-position: -43px -43px;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-facebook a:hover,
	#social-header .social-menu li.si-facebook a:active,
	#social-header .social-menu li.si-facebook a:focus {
		background-position: -29px -115px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-facebook a:hover,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-facebook a:active,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-facebook a:focus {
	background-position: -29px -115px;
}

/* YouTube */
#social-header .social-menu li.si-youtube a {
	background-position: -86px 0;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-youtube a {
		background-position: -58px -86px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-youtube a {
	background-position: -58px -86px;
}

#social-header .social-menu li.si-youtube a:hover,
#social-header .social-menu li.si-youtube a:active,
#social-header .social-menu li.si-youtube a:focus {
	background-position: -86px -43px;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	#social-header .social-menu li.si-youtube a:hover,
	#social-header .social-menu li.si-youtube a:active,
	#social-header .social-menu li.si-youtube a:focus {
		background-position: -58px -115px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-youtube a:hover,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-youtube a:active,
#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container li.si-youtube a:focus {
	background-position: -58px -115px;
}

/* Social Media Share buttons */
.social-share-buttons .share-button {
	margin-right: 10px;
}

/*.social-share-buttons .email-share-button {
	line-height: 1.4;
}*/

.social-share-buttons .email-share-button .email-share-button-label {
	display: inline-block;
	width: 22px;
	height: 22px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: transparent url(../images/email-share.png) 0 0 no-repeat;
}

.social-share-buttons .fb-share-button {
	height: 28.1333px; /* Matching Twitter height for good vertical centering */
}

.social-share-buttons .fb-share-button.fb_iframe_widget > span {
	vertical-align: top !important;
}

/* Slide out Search form */
#site-search-new.sb-search-new-row {
	flex: 0 0 100%;
	max-width: 100%;
}

.header-search .search-form .form-group input.form-control::-webkit-input-placeholder {
	display: none;
}

.header-search .search-form .form-group input.form-control::-moz-placeholder {
	display: none;
}

.header-search .form-group {
	position: relative;
	width: 0%;
	min-width: 40px;
	height: 40px;
	overflow: hidden;
	transition: width 1s;
	backface-visibility: hidden;
	margin-bottom: 0;
}

.header-search .form-group input.form-control {
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	width: 100%;
	height: 40px;
	margin: 0;
	z-index: 1;
}

.header-search input[type="text"].form-control {
	-webkit-appearence: none;
	-webkit-border-radius: 0;
	background-color: transparent;
	border-color: transparent;
}

.header-search .sb-search-open input[type="text"].form-control {
	background-color: #ffffff;
	border-color: #ced4da;
}

.header-search .form-control-submit,
.header-search .search-label {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	background-color: transparent;
}

.header-search .form-control-submit {
	background-color: transparent; /*stupid IE*/
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.header-search .search-label {
	z-index: 3;
/*	font-size: larger; */
	font-size: x-large;
}

.header-search .form-group.sb-search-open,
.no-js .header-search .sb-search-open {
	width: 100%;
	display: block;
}

@media screen and (min-width: 992px) {
	.header-search .form-group.sb-search-open,
	.no-js .header-search .sb-search-open {
		margin-top: 10px;
	}
}

.header-search .form-group.sb-search-open .search-label,
.header-search .no-js .sb-search .search-label {
	background: #147791;
	color: #fff;
	z-index: 2;
}

.header-search .form-group.sb-search-open .form-control-submit,
.header-search .no-js .form-control .form-control-submit {
	z-index: 3;
}
.header-search input[type="text"].form-control.sb-search-error {
	border: 2px solid red;
}

/* Extended Search */
.extended-search label {
	margin-bottom: 0;
}

/* Footer treatment */
#site-footer {
	background-color: #1b1b1b;
	padding: 50px 0;
}

#footer-content {
	color: #fff;
	font-size: 15px;
}

@media all and (min-width: 576px) {
	#footer-content .widget_text {
		font-size: 13px;
	}
}

@media all and (min-width: 1200px) {
	#footer-content {
		font-size: 13px;
	}
}

#footer-content .sub-footer-sidebar-row {
	padding-top: 50px;
}

#footer-content .sub-footer-sidebar-row .widget_text {
	font-size: 11px;
}

#footer-content .sidebar .widget_nav_menu ul {
	list-style: none;
	margin-bottom: 0;
	padding-left: 20px;
}

#footer-content .sidebar .widget_nav_menu > div > ul {
	padding-left: 0;
}

#footer-content .sidebar .widget_nav_menu ul li a {
	text-transform: uppercase;
	width: 100%;
	display: inline-block;
}

#footer-content .sidebar .widget_nav_menu div:not(.menu-social-media-icons-container):not(.menu-mobile-secondary-nav-container) ul li a {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

@media all and (max-width: 575px) {
	#footer-content .sidebar .widget_nav_menu .menu-mobile-secondary-nav-container {
		padding-bottom: 50px;
	}
	
	#footer-content .sidebar .widget_nav_menu .menu-social-media-icons-container {
		padding-bottom: 30px;
	}
}

#footer-content .sidebar .widget_nav_menu .menu-mobile-secondary-nav-container ul li:not(:last-child) {
	margin-bottom: 15px;
}

#footer-content .sidebar .widget_nav_menu .menu-donate-button a,
#footer-content .sidebar .widget_nav_menu .menu-subscribe-button a  {
	font-size: 13px;
	max-width: 7rem; /* ~110px is the goal */
	padding: .25rem;
	border: 2px solid #ffffff;
	border-radius: 5px;
	transition: all 0.5s ease;
}


#footer-content .sidebar a:link,
#footer-content .sidebar :visited {
	color: inherit;
}

#footer-content .sidebar a:hover,
#footer-content .sidebar a:active,
#footer-content .sidebar a:focus {
	color: #17758f;
}

/* MailChimp Form Embed CSS 
	@since v2.0
	MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
	Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {font-size:16px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 575px) {
    #mc_embed_signup input.email {width:100%;}
/*    #mc_embed_signup .clear {display: block; width: 100% }*/
    #mc_embed_signup .button {max-width: 100%;}
}

#mc_embed_signup{clear:left; width:100%;}


/* Page interiors */
.home .content-item,
.post-type-archive-efissue .content-item,
.post-type-archive-fffstore .content-item {
	border: 2px solid #ffffff;
}


/* Home page */
.home #articles .author-image {
	max-width: 4rem;
	float: right;
}


/* About page */
#about-fff {
	border: 1px solid #17758f;
	padding: 1rem;
}

#about-fff .call-out {
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-style: italic;
	color: #17758f;
	font-size: 22px;
	line-height: 1.333em;
}

/* Explore Freedom (page) */
#explore-freedom-pg  .explore-freedom-content {
	margin-top: 0.25rem;
}

#explore-freedom-pg .ef-links-frame {
	border: 1px solid #17758F;
}

#explore-freedom-pg .ef-links-frame a {
	transition: all 0.5s ease;
}

/*#explore-freedom-pg .ef-links-frame a:hover,
#explore-freedom-pg .ef-links-frame a:active,
#explore-freedom-pg .ef-links-frame a:focus {
	color: #ffffff;
}*/

#explore-freedom-pg .ef-links-frame .ef-link-title {
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
/*	text-transform: uppercase;*/
}

#explore-freedom-pg .ef-links-frame .ef-link-subtitle {
	text-transform: uppercase;
}

/* Blog */
.blog #content .hfeed .entry-title {
	font-size: x-large;
	line-height: 1em;
}

/* Articles */
.author article .author-image,
.single-efarticle article .author-image,
.post-type-archive-efarticle article .author-image,
.tax-efcategory article .author-image,
.post-type-archive-effighter article .fighter-image,
.single-fffstore article .product-image {
    float: left;
    margin-right: 10px;
}

.efcategory,
.efcategory .cat-item {
/*	font-weight: 700;*/
}

/* 20190614 v2.0.12 : darrin @ rambillo : add event page and archive wrapping neatness */
/* Events */
.event-meta-line {
    line-height: 1.25;
    margin-bottom: 1em;
}

/* Single Journal Issue */
.single-efissue .efissue-background {
	width: 100%;
	height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	transition: all 0.5s ease;
}

.single-efissue .efissue-background.show-full-cover {	
	height: 100vh;
}

.single-efissue #articles .author-image {
	float: left;
	margin-right: 10px;
}


/* Multimedia */
/*.post-type-archive-video .videoseries a {
	display: inline-block;
}

.post-type-archive-video .videoseries a img {
	max-width: 100%;
}*/

/* Soliloquy theme caption fix on multimedia page */
/*.post-type-archive-video .soliloquy-container .soliloquy-item {
	height: 100%;
}*/

/* Make sliders adhere to our max-height, which is not being respected as set on sliders->carousel settings */
/*.post-type-archive-video .soliloquy-container .soliloquy-viewport,
.post-type-archive-video .soliloquy-container .soliloquy-item,
.post-type-archive-video .soliloquy-container .soliloquy-image {
	max-height: 225px;
}

.post-type-archive-video .soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside {
    padding-bottom: 10px;
}*/

/*.videoseries .carousel-item .entry-title,
.videoseries .carousel-item .publisher {
	text-shadow: 0 0 4px #000000;
}*/

/*.tax-videoseries .seriesdesc img {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 1rem;
}*/

/* Multimedia -- full set of Video Series w/ Bootstrap 4 */
.post-type-archive-video .carousel-inner.vertical {
	height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
}

.post-type-archive-video .carousel-inner.vertical > .carousel-item {
	-webkit-transition: .6s ease-in-out top;
	transition: .6s ease-in-out top;
	max-width: 100%;
}

@media all and ( transform-3d ), ( -webkit-transform-3d ) {
	.post-type-archive-video .carousel-inner.vertical > .carousel-item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
				transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-perspective: 100px;
				perspective: 100px;
	}
	
	.post-type-archive-video .carousel-inner.vertical > .carousel-item.carousel-item-next,
	.post-type-archive-video .carousel-inner.vertical > .carousel-item.active.carousel-item-right {
		-webkit-transform: translate3d( 0, 33.33%, 0 );
				transform: translate3d( 0, 33.33%, 0 );
		top: 0;
	}

	.post-type-archive-video .carousel-inner.vertical > .carousel-item.carousel-item-prev,
	.post-type-archive-video .carousel-inner.vertical > .carousel-item.active.carousel-item-left {
		-webkit-transform: translate3d( 0, -33.33%, 0 );
				transform: translate3d( 0, -33.33%, 0 );
		top: 0;
	}

	.post-type-archive-video .carousel-inner.vertical > .carousel-item.carousel-item-next.carousel-item-left,
	.post-type-archive-video .carousel-inner.vertical > .carousel-item.carousel-item-prev.carousel-item-right,
	.post-type-archive-video .carousel-inner.vertical > .carousel-item.active {
		-webkit-transform: translate3d( 0, 0, 0 );
				transform: translate3d( 0, 0, 0 );
		top: 0;
	}
}

.post-type-archive-video .carousel-inner.vertical > .active {
	top: 0;
}

.post-type-archive-video .carousel-inner.vertical > .carousel-item-next,
.post-type-archive-video .carousel-inner.vertical > .carousel-item-prev {
	top: 0;
	height: 100%;
	width: auto;
}

.post-type-archive-video .carousel-inner.vertical > .carousel-item-next {
	left: 0;
	top: 33.33%;
	right: 0;
}

.post-type-archive-video .carousel-inner.vertical > .carousel-item-prev {
	left: 0;
	top: -33.33%;
	right: 0;
}

.post-type-archive-video .carousel-inner.vertical > .carousel-item-next.carousel-item-left,
.post-type-archive-video .carousel-inner.vertical > .carousel-item-prev.carousel-item-right {
	top: 0;
}

.post-type-archive-video .carousel-inner.vertical > .active.carousel-item-left {
	left: 0;
	top: -33.33%;
	right: 0;
}

.post-type-archive-video .carousel-inner.vertical > .active.carousel-item-right {
	left: 0;
	top: 33.33%;
	right: 0;
}

.post-type-archive-video .carousel-pager .carousel-control-prev.carousel-item-left {
	bottom: initial;
	width: 100%;
}

.post-type-archive-video .carousel-pager .carousel-control-next.carousel-item-right {
	top: initial;
	width: 100%;
}

.post-type-archive-video .carousel-pager .carousel-control-prev.carousel-item-left .carousel-control-prev-icon,
.post-type-archive-video .carousel-pager .carousel-control-next.carousel-item-right .carousel-control-next-icon {
		-webkit-transform: rotate( 90deg );
				transform: rotate( 90deg );
}

.post-type-archive-video  .carousel-pager .carousel-control-top {
	height: 40px;
	background-image: linear-gradient( to top, rgba( 0, 0, 0, .0001 ) 0, rgba( 0, 0, 0, .5 ) 100% );
}

.post-type-archive-video  .carousel-pager .carousel-control-bottom {
	bottom: 7px;
	height: 40px;
	background-image: linear-gradient( to bottom, rgba( 0, 0, 0, .0001 ) 0, rgba( 0, 0, 0, .5 ) 100% );
}

.post-type-archive-video .carousel-item-left.carousel-control-prev:not( .carousel-control-top ) {
    background-image: linear-gradient( to right, rgba( 0, 0, 0, .5) 0, rgba( 0, 0, 0, .0001 ) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.post-type-archive-video .carousel-item-right.carousel-control-next:not( .carousel-control-bottom ) {
	right: 0;
	left: auto;
	background-image: linear-gradient( to right, rgba( 0, 0, 0, .0001 ) 0, rgba( 0, 0, 0, .5 ) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}

.post-type-archive-video .carousel-item .carousel-caption-custom {
    width: 100%;
    bottom: 0;
    position: absolute;
    z-index: 1120;
}

.post-type-archive-video .carousel-item .carousel-caption-text {
    background: rgba( 0, 0, 0, 0.5 );
    font-size: 1em;
    line-height: 1.25;
    display: block;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    text-align: center;
    padding: 10px;
}



/* Individual Video Series */
.tax-videoseries .videoseries-article:nth-of-type( odd ) > a:first-child {
	float: right;
	margin-left: 1rem;
}

.tax-videoseries .videoseries-article:nth-of-type( even ) > a:first-child {
	float: left;
	margin-right: 1rem;
}


/* Special applications */
/* 20210308 @since v2.0.54 : darrin @ rambillo : Table styling for Jon DiPietro */
.jdp-fff-table {
	border-collapse:collapse;
	border-color:#aaa;
	border-spacing:0;
}
.jdp-fff-table td {
	background-color:#fff;
	border-color:#aaa;
	border-style:solid;
	border-width:1px;
	color:#333;
	font-family:'Merriweather Sans', sans-serif;
	font-size:14px;
	overflow:hidden;
	padding:10px 8px;
	word-break:normal;
}
.jdp-fff-table th {
	background-color:#f38630;
	border-color:#aaa;
	border-style:solid;
	border-width:1px;
	color:#fff;
	font-family:'Merriweather', serif;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding:10px 8px;
	word-break:normal;
}
.jdp-fff-table .tg-59gj {
	background-color:#17758f;
	border-color:inherit;
	text-align:left;
	vertical-align:top
}
.jdp-fff-table .tg-0pky {
	border-color:inherit;
	text-align:left;
	vertical-align:top
}
.jdp-fff-table .tg-0lax {
	text-align:left;
	vertical-align:top
}


/* PopUp Styling */
.pum-container .pum-content,
.fff-popup-fundraising.wp-block-group,
.fff-popup-fundraising .wp-block-group__inner-container,
.fff-popup-fundraising .wp-block-group:not( .fff-popup-fundraising-hr ),
.fff-popup-fundraising .wp-block-cover {
	height: 100%;
}

.fff-popup-fundraising .wp-block-cover {
	flex-direction: column;
	padding-top: 0;
}

.fff-popup-fundraising .wp-block-cover > * {
	flex: 1;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.fff-popup-fundraising .wp-block-cover > img.wp-block-cover__image-background {
	height: 100%;
}

.fff-popup-fundraising .wp-block-cover h2.wp-block-heading {
	line-height: 1.5;
}

.fff-popup-fundraising .fff-popup-fundraising-hr > div {
	height: unset;
}

.fff-popup-fundraising .fff-popup-fundraising-hr hr {
	margin: 0 auto;
	max-width: 85px;
	border: 2px dotted #fff;
	border-style: none none dotted;
	background-color: transparent;
}

.fff-popup-fundraising .fff-popup-fundraising-donate-btn {
	font-family: 'Merriweather', serif;
	font-size: 23px;
	line-height: 23px;
}

.fff-popup-fundraising .fff-popup-fundraising-donate-btn a:link,
.fff-popup-fundraising .fff-popup-fundraising-donate-btn a:visited {
	color: #fff;
	text-decoration-color: #fff;
	background-color: #cf0000;
	font-size: larger;
	font-weight: bold;
	padding-top: .75rem;
	padding-bottom: .75rem;
	border: 3px solid;
	border-radius: 10px;
	transition: all 0.5s ease;
}
  
.fff-popup-fundraising .fff-popup-fundraising-donate-btn a:hover,
.fff-popup-fundraising .fff-popup-fundraising-donate-btn a:active,
.fff-popup-fundraising .fff-popup-fundraising-donate-btn a:focus {
	color: #333;
	text-decoration-color: #333;
}
	


/* Sitewide utilities */ 
.content-item,
.content-item a  {
	transition: all 0.5s ease;
}

.content-item {
	background-color: #dddddd;
	line-height: 1.813;
}

.content-item:hover,
.content-item:active,
.content-item:focus {
	background-color: #707070;
}

.content-item:hover a,
.content-item:active a,
.content-item:focus a,
.content-item:hover .entry-summary a,
.content-item:active .entry-summary a,
.content-item:focus .entry-summary a {
	color: #ffffff;
}

/*
.content-item:hover a:hover,
.content-item:hover a:active,
.content-item:hover a:focus,
.content-item:active a:hover,
.content-item:active a:active,
.content-item:active a:focus,
.content-item:focus a:hover,
.content-item:focus a:active,
.content-item:focus a:focus {
	color: #20A0C3;
}*/

/* Help Bootstrap 4 v4.1.3, which doesn't have width variants by screensize */
.w-100 {width: 100% !important;}
.w-80 {width: 80% !important;}
.w-75 {width: 75% !important;}
.w-67 {width: 67% !important;}
.w-60 {width: 60% !important;}
.w-50 {width: 50% !important;}
.w-40 {width: 40% !important;}
.w-33 {width: 33% !important;}
.w-25 {width: 25% !important;}
.w-20 {width: 20% !important;}

@media (min-width:576px) {
	.w-sm-100 {width: 100% !important;}
	.w-sm-80 {width: 80% !important;}
	.w-sm-75 {width: 75% !important;}
	.w-sm-67 {width: 67% !important;}
	.w-sm-60 {width: 60% !important;}
	.w-sm-50 {width: 50% !important;}
	.w-sm-40 {width: 40% !important;}
	.w-sm-33 {width: 33% !important;}
	.w-sm-25 {width: 25% !important;}
	.w-sm-20 {width: 20% !important;}
}

@media (min-width:768px) {
	.w-md-100 {width: 100% !important;}
	.w-md-80 {width: 80% !important;}
	.w-md-75 {width: 75% !important;}
	.w-md-67 {width: 67% !important;}
	.w-md-60 {width: 60% !important;}
	.w-md-50 {width: 50% !important;}
	.w-md-40 {width: 40% !important;}
	.w-md-33 {width: 33% !important;}
	.w-md-25 {width: 25% !important;}
	.w-md-20 {width: 20% !important;}
}

@media (min-width:992px) {
	.w-lg-100 {width: 100% !important;}
	.w-lg-80 {width: 80% !important;}
	.w-lg-75 {width: 75% !important;}
	.w-lg-67 {width: 67% !important;}
	.w-lg-60 {width: 60% !important;}
	.w-lg-50 {width: 50% !important;}
	.w-lg-40 {width: 40% !important;}
	.w-lg-33 {width: 33% !important;}
	.w-lg-25 {width: 25% !important;}
	.w-lg-20 {width: 20% !important;}
}

@media (min-width:1200px) {
	.w-xl-100 {width: 100% !important;}
	.w-xl-80 {width: 80% !important;}
	.w-xl-75 {width: 75% !important;}
	.w-xl-67 {width: 67% !important;}
	.w-xl-60 {width: 60% !important;}
	.w-xl-50 {width: 50% !important;}
	.w-xl-40 {width: 40% !important;}
	.w-xl-33 {width: 33% !important;}
	.w-xl-25 {width: 25% !important;}
	.w-xl-20 {width: 20% !important;}
}

/* Full width in .container -- thanks CSS-Tricks: https://css-tricks.com/full-width-containers-limited-width-parents/ */
.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

/**
 * Responsive youtube / vimeo / iframe media embeds. 
 * Use embed-container class on block container.
 */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }