/*
Theme Name: Earnshaws 2020 Theme
Description: Custom theme for Earnshaws Magazine
Version: 2.0
Author: Mike Hoff
Link: #d2d2dc
Hover: #afafaf
Secondary: #c0c2ce
White: f8f8fa
*/

* {
	padding: 0;
	margin: 0;
	}

body {
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #333333;
	background-color: #fff;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	}

body, html {
	height: 100%;
	min-height: 100%;
	}

:hover {
    -webkit-transition:  all 0.35s ease-in-out;
    	-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}

*, html {
	box-sizing: border-box;
	}

*, *:before, *:after {
	box-sizing: inherit;
	}

strong {
    font-weight: 500;
	}

/* this sets up our ratio boxes */
[style*="--aspect-ratio"] > :first-child {
	width: 100%;
	}

[style*="--aspect-ratio"] > img {  
	height: auto;
	}
	 
@supports (--custom:property) {
 	[style*="--aspect-ratio"] {
		position: relative;
  		}

	[style*="--aspect-ratio"]::before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
		} 
		 
	[style*="--aspect-ratio"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		}  
	}
	
/* fly in divs */
.fly {
	opacity: 0;
	transition: all 600ms ease-in-out;
	transform: translateY(100px) scale(1) translate3d(0, 0, 0);
	-webkit-transition: all 600ms ease-in-out;
	-webkit-transform: translateY(100px) scale(1) translate3d(0, 0, 0);	
	}

.show-block {
	opacity: 1;
	transform: translateY(0) scale(1) translate3d(0, 0, 0);
	-webkit-transform: translateY(0) scale(1) translate3d(0, 0, 0);
	}


/* Responsive Menu */

#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
    max-width: 50% !important;
    display: block !important;
    margin: 0 auto !important;
	}	

.responsive-menu-subarrow {
    display: none !important;
	}	

.responsive-menu-label {
    vertical-align: bottom !important;
	text-shadow: 0px .5px .5px rgba(0, 0, 0, 0.5);
	}	

button#responsive-menu-button img {
	filter: drop-shadow(0px .5px .5px rgba(0,0,0,.5));
	}

#responsive-menu-container {
    background: rgba(0,0,0,.85) !important;
	}

#responsive-menu-container #responsive-menu-title,
#responsive-menu-container #responsive-menu li.responsive-menu-item a, 
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link,
#responsive-menu-container #responsive-menu-wrapper {
    background: transparent !important
	}	
		
/* universal styles */

p {
	line-height: 150%;
	margin-bottom: 20px;
	}	

small {
    line-height: 135%;
    display: inherit;
	}

:focus {
    outline: none !Important;
	}

b, strong {
	font-weight: 600;
	}
	
a {
	/*color: #b3cfdd;*/
	color: #afafaf;
	text-decoration: underline;
    -webkit-transition:  all 0.35s ease-in-out;
		-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}	

a:hover {
	/*color: #ff69b4;*/
	color: #c0c2ce;
	text-decoration: underline;
    -webkit-transition:  all 0.35s ease-in-out;
    	-moz-transition:  all 0.35s ease-in-out;
    	-o-transition:  all 0.35s ease-in-out;
    	-ms-transition:  all 0.35s ease-in-out;
    	transition:  all 0.35s ease-in-out;
	}

/*fade images in*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
		@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

img {
	border: none;
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1; 
		-moz-animation:fadeIn ease-in 1;
		animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
		-moz-animation-fill-mode:forwards;
		animation-fill-mode:forwards;
	-webkit-animation-duration:.5s;
		-moz-animation-duration:.5s;
		animation-duration:.5s;
	-webkit-animation-delay: 0.5s;
		-moz-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
/* end fade images in*/

img {
	max-width: 100%;
	height: auto;
	}

h1, h2, h3, h4 {
	font-family: 'Mukta', sans-serif;
	color: #333333;
	margin-bottom: 10px;
	line-height: 100%;
	font-weight: 200;
	word-break: keep-all;
	}

h1 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 400;
	}

h1.hide {
    height: 0;
    overflow: hidden;
	}

h2 {
	font-size: 22px;
	line-height: 1.41em;	
	text-transform: uppercase;
	}

h3 {
	font-size: 18px;
	}

h4 {
	font-size: 16px;
	}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	}


/* Recommended by http://codex.wordpress.org/CSS */

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.alignleft, .alignright {
	max-width: 55%;
	}

.alignright img, img.alignright {
    margin: 0 0 10px 10px;
	}

.alignleft img, img.alignleft {
    margin: 0 10px 10px 0 ;
	}

/*.alignright img, img.alignright, .alignleft img, img.alignleft {*/
.alignright img, .alignleft img {
	max-width: 100%;
	/*max-width: 50%;*/
	height: auto;
	}

.wp-caption {
	max-width: 100%;
	font-style: italic;
  	text-align: left;
 	padding-top: 4px;
  	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
	 }

.wp-caption p.wp-caption-text {
  	font-size: 12px;
  	line-height: 115%;
  	padding: 0 4px 5px 0;
  	margin: 0;
	color: #666666;
 	}

blockquote {
	background: #efefef;
	border: 1px solid #cccccc;
	padding: 20px;
	margin: 20px 10px;
	display: flex;
	}

blockquote .cite {
	text-align: right;
	font-style: italic;
	margin: 0px;
	}

/* lists */

#content ol {
	margin: 10px 0 10px 20px;
	margin-left: 30px;
	}

#content ul {
    margin-bottom: 25px;
	}

#content ol li {
	margin-bottom: 10px;
	}
	
#content ul li {
	list-style-type: disc;
	margin: 0 0 10px 30px;
	padding-left: 5px;
	}	

ul.half {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}

ul.half li {
    width: 48%;
    list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	}		

/*********** Forms Buttons and Inputs *************/

input, select, textarea {
    border: 1px solid #ccc;
    color: #000;
    margin: 0 0 10px 0;
    padding: 10px;
    font-size: 16px;
    max-width: 100%;
	}

input.button { 
	font-size: 22px;
	padding: 10px 15px; 
	color: #fff;
	background: #666666;
	}	
	

a.button {
    border-radius: 100px;
	text-decoration: none;
    padding: .5em .75em;
	text-transform: lowercase;
	}

a.button:hover {
	background: #e6f2f3 !important;
	box-shadow: none;
	color: #000 !important;
	}	

a.button.center {
	margin: 0 auto
	}
		
a.button.dark {
    border: none;
    background: #000;
	color: #fff
	}

a.button.light {
    border: none;
    background: #fff;
	color: #000;
	}

a.button.trans.dark {
    border: 1px solid #000;
    background: transparent;
	color: #000;
	}

a.button.trans.light {
    border: 1px solid #fff;
    background: transparent;
	color: #fff;
	}
	
a.button.square {
	border-radius: 0;
	}			

/******************** Tables ***************** */

table {
	border-collapse: collapse;
	}

tr { }

tr.altrow { 
	/*background: #F9F9F9;	*/
	}
	
th, td {
	text-align: left;	
	}

th {
	padding: 10px 5px;	
	}

td {
	padding: 10px 5px;		
	}

/* PAGE LAYOUT */

#wrap {
	width: 100%;
	}

/* header */

.importanteWrap {
	position: initial;
    top: 0;
    z-index: 0;
	}

.importante {
    /*background: #ffb6c1;*/
	background: #c0c2ce;
    text-align: center;
    padding: 1em 3em;
    font-weight: bold;
    border-bottom: 1px solid #000;
	}

.importante a {
    color: #333;
	}

.importante a:hover {
    color: #000;
	}

#header-wrap {
	width: 100%;
    display: block;
    /*position: relative;*/
	/*z-index: 1;*/
	transition: background-color 0.7s ease-out;
	
	position: -webkit-sticky;
    position: sticky;
    top: -140px;
    z-index: 1000;

	}

#header {
	width: 1170px;
	margin: 0 auto;
	/*padding: 2em 0;*/
	
	padding: 1em 0 0;
    position: relative;
    z-index: -100;


	}

/* search forms */
.search { }

#searchform {
	padding: 0;
	margin: 0;
	text-align:right;
	}

#searchform input {
	outline: 0;
	padding: 4px;
	margin: 0;
	}	

#searchform #s {
	width: 170px;
	}	

#searchsubmit {
	padding: 0;
	background: none;
	width: 15px;
	}

/* navigation */

.nav-wrap.top .topNav {
    display: flex;
	}

.nav-wrap {
	width: 100%;
	/*background-color: #000000;*/
	/*padding: 10px 0;*/
	}

/* top nav */

.topNav {
	/*width: 1170px;
	margin: 0 auto;*/
	font-size: 14px;
	/*text-align: right;*/
	}

.topNav ul {
    list-style-type: none;
	}

.topNav ul li  {
	display: inline-block; 
	padding-left: 10px;
	}


.topNav a {
	color: #000000;
	text-decoration: none;
	margin-right:5px;
	padding-right: 5px;
	}

.topNav a:last-child {
	border-right: none;
	}

.topNav a:hover {
	/*color: orange;*/
	text-decoration:none;
	}

/* main nav */

section#headerNav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
	padding: 1em 3em;
	/*background: #000;*/
	
	background: #fff;
	box-shadow: 0 4px 6px 0 rgba(0,0,0,.4);
    border-bottom: 1px solid #ededed;
    margin-top: 0;
	position: relative;
	height: 4em;
    align-items: center;
    justify-content: space-between;
	}

section#headerNav .nav-wrap {
    /*width: 70%;*/

    width: 100%;
	flex-basis: 80%;
	}	

section#headerNav #social {
	color: #fff;
	height: 0;
    margin-top: -.3em;
	}
	
.main-nav {
	/*width: 1170px;*/
	margin: 0 auto;
	font-size: 14px;	
	/*text-transform: uppercase;*/
	}

.main-nav ul {
	-ms-box-orient: horizontal;
	display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
	display: -moz-flex;
		display: -webkit-flex;
		display: flex;
	/*justify-content: flex-start;
		-webkit-justify-content: flex-start;*/
	
	justify-content: center;
 	-webkit-justify-content: center;
	
	}

.main-nav ul, .main-nav li{ 
	list-style: none; 
	/*padding: 10px; */
	margin: 0; 
	}

.main-nav ul li{ 
	position:relative; 
	display: inline-block;
	/*margin-right: 1em;*/
	margin: 0 .9em;
	}

.main-nav ul li a{ 
    display:block; 
    padding:0; 
    margin:0;  
    white-space: nowrap; 
	line-height: 100%;
	letter-spacing: 1px;
	color: #fff;
	color: #333;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	}

.main-nav ul li a:hover{ 
	z-index: 1000000;
	/*color: #e6f2f3;*/
	color: #c0c2ce;
	}

.main-nav ul ul {
    display: block;
    position: absolute; 
    top: -99999px; 
    left:0;
    opacity: 0;
	transition: opacity .3s ease-in-out;
    z-index: 497; 
    /*background: #000000;*/ 
    padding: 10px 15px; 
	/*box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.5);*/
	width: auto;
	
	background: #fff;
    box-shadow: none;
    border: 1px solid #ccc;
	}

/*SUB SUB Menus*/
.main-nav ul ul ul { 
    position: absolute; 
    top: -99999px; 
    left: 100%; 
    opacity: 0; 
    transition: opacity .5s ease-in-out;
	font-size: 14px;
	font-weight: normal;
	background-color: #000000;
	margin: 0 0 0 75px;
	}

.main-nav ul li:hover>ul, .main-nav ul li:hover > ul { 
	opacity: 1; 
	position: absolute; 
	top: 99%; 
	left: 0; 
	z-index: 1000000;
	}

.main-nav ul ul li:hover>ul{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	opacity: 1; 
	z-index: 1000000;
	background: #fff; 
	}

ul.sub-menu {
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 15px;
	}

ul.sub-menu a {
	text-transform: none;
	/*color: #ffffff;*/	
	color: #333;
	padding-left: 0;	
	letter-spacing: 0px;
	font-weight: normal;
	}


.main-nav ul.sub-menu a {
	text-transform: none;
	/*color: #ffffff;*/
	line-height: 100%;	
	}

.main-nav ul.sub-menu a:hover {
	/*color: orange;*/	
	z-index: 100000;	
	}

li.sub-menu {
	float: none;
	margin-bottom: 15px;
	}

.sub-menu li {
	float: none;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	margin-bottom: 10px;
	}

/* branding and logo */

.sticky #headerNav .logo {
	opacity: 0;
	flex-basis: 10%;
	}
	
.sticky.scroll #headerNav .logo {
	opacity: 1;
	display: initial;
	}	
	
.logo {
	text-align: center;
	margin: 0 auto;
    text-align: center;
    width: 400px;
	}

.logo.scroll {
	opacity:1;
	transition: visibility 0s 1s, opacity 1s linear;
	}	

.logo img {
	width: 100%;
	}

.logo h1 {
	font-size: 50px;
	text-transform: uppercase;
	}

.logo a {
	text-decoration: none;
	}

.logo .textDek {
	display: none;
    font-family: 'Nunito', sans-serif;
    font-size: .8em;
	line-height: 100%;
    /*display: block;*/
	}

.headerCover {
	position: absolute;
    top: 5%;
    right: 1%;
    display: flex;
    align-items: center;
	}

.headerCover img {	
	width: 100px;
	}

.headerCover a.callout {
    background: #c0c2ce;
    color: #fff;
    padding: .5em .75em;
    text-decoration: none;
    font-weight: 800;
    font-size: .9em;
	text-transform: uppercase;
    font-weight: 800;
    line-height: 100%;
    margin: 0;
    border-radius: 0 5px 5px 0;
	}	

.headerCover a.callout:hover {
    background: #666;
	}
	
.headerCover a.callout span {
    display: block;
    font-size: .75em;
    text-transform: none;
    font-style: italic;
	}
	
/* social links */

#header-wrap #social {
    /*float: none;
    position: absolute;
    top: 5%;*/
	}	
	
#social {
	float: none;
	}

#social a {
	color: inherit;
	margin-left: 1em;
	}


#social .fa, #social .far, #social .fas {
    /*font-family: FontAwesome !important;*/
	font-family: 'Font Awesome 5 Brands' !important;
	}	

/* Social Pug Mods */

.dpsp-shortcode-wrapper {
    border-bottom: 1px solid #efefef;
	}

.dpsp-shortcode-wrapper:before {
    content: 'Share This:';
    font-size: 12px;
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .15em;
    display: block;
	}	

.dpsp-has-spacing .dpsp-networks-btns-wrapper li {
    margin-right: 1% !important;
	}	

/* footer */

#footerWrap {
	width: 100%;
    display: block;
    position: relative;
	background-color: #ccc;
	/*background-color: rgba(0,0,0,.85);*/
    /*padding: 2em 3em;*/
	}	

#footer {
	width: 1170px;
	margin: 0 auto;
	padding: 2em;
	font-size: 14px;
	/*color: #ffffff;*/
	overflow: hidden;
	}
	
#footer a {
	/*color: #ffffff;*/
	text-decoration: none;
	}

#footer #social a {
    margin: 0 .5em;
	}

#footer a:hover {
	text-decoration: none;
	}	

#footer .left, #footer .right, #footer .middle {
	vertical-align: middle;
	display: inline-block;
	width: 100%
	}

#footer .left b:after {
    content: ' | ';
	}

#footer .middle {
	text-align: center;
	}

#footer .right {
	text-align: right;
	}

/* footer nav */

.footer-nav ul {
    list-style-type: none;
    margin-bottom: 15px;
	}

ul#menu-footer-nav:before {
    content: 'Baltimore, MD \2022';
    margin-right: 5px;
}	

.footer-nav ul li  {
	display: inline-block;
	margin-right:5px; 
	padding-right: 5px;
	}

.footer-nav ul li:after {
    content: '|';
	}

.footer-nav ul li:last-child:after {
    content: none;
	}

.footer-nav a {
	color: #ffffff;
	text-decoration: none;
	}


.footer-nav a:hover {
	text-decoration:none;
	}


/* content area */

#content {
	width: 1170px;
	margin: 0 auto;
	padding: 25px 0;
	}

body.single #content h1 {
    font-size: 1.7em;
    line-height: 1.35em;
    text-transform: initial;
	}

.post-author {
	font-size: .8em;
	}	

body.single #content, body.archive #content, body.search #content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}		

section.meta {
    flex: 0 0 100%;
	}
	
section.main {
    width: 70%;
	}
		
#sidebar {
	width: 25%;    
	min-width: 300px;
	}	

.post-excerpt {
    font-size: 1.2em;
    font-weight: 300;
	}	 

/* Social Sharing Fixes */

.dpsp-share-text {
    font-weight: 300;
    margin: 0;
    font-size: .7em;
    border-top: 1px solid #666;
    padding-top: .75em;
	}		

.dpsp-shortcode-wrapper {
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    margin: .5em 0;
    padding: .5em 0;
	}

.dpsp-shortcode-wrapper:before {
    content: 'Share This:';
    font-size: .7em;
    font-family: inherit;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: initial;
    display: block;
	}	
/* archives */

ul.archive {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	
ul.archive li {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
    width: 32%;
	}

ul.archive li img {
    object-fit: cover;
    height: 100%;
	}
	
	
ul.archive li a:before {
   /* content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    background: rgba(0,0,0,0.25);
    border-radius: 5px;
    transition: all 1s ease;
	z-index: 1;*/
	}
	
ul.archive li a:hover:before {
	/*height: 100%;*/
	}	
	

ul.archive li h2 {
	margin-top: 5px;
	}	
	

/* pagination */

.pagination {
	clear: both;
	padding: 0 0 50px 0;
	position: relative;
	font-size: 12px;
	}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	/*color:#666666;*/
	background: #ffffff;
    transition:  all 0.35s ease-in-out;
	}

.pagination a:hover{
	/*color:#000000;*/
	background: #efefef;
    transition:  all 0.35s ease-in-out;
	}

.pagination .current{
	padding:6px 9px 5px 9px;
	background: #666666;
	color:#fff;
	}


/* posts */

.date {
	font-size:14px;
	}

.social-share-box {
	margin: 10px 0;
	}


/* homepage */

.homepage {
    width: 1170px;
    margin: 0 auto;
	}

/* SLIDER */	

.sliderhero .slick-prev, .sliderhero .slick-next {
    top: 50% !important;
	}

.homeSlider {
    background-size: cover;
	}

.aligner {
    display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    background: rgba(0,0,0,.35);
    color: #fff;
	padding: 2em;
	}

.aligner div {
	text-align: center;
	}
	
.aligner div h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.75em;
    line-height: 135%;
    margin-bottom: 10px;
    font-weight: 800;
    letter-spacing: 1px;
	}

.aligner p {
    font-size: 1.3em;
	}

.aligner div a.button {
	margin: 0 auto;
    background: #c0c2ce;
	color: #fff;
    font-size: 1em;
	text-transform: none;
	border-radius: .15em;
	font-weight: 800;
	}	

.aligner div a.button:hover {	
	background: #333;
	}

.aligner img {
    display: initial;
    max-width: 10em;
	}
	
/* homepage news */

ul.homenews {
	list-style-type: none;
	padding: 25px 0;
	}

ul.homenews h2 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 30px;
	display: inline-block;
	}

ul.homenews a.link {
	text-decoration: none;
	float: right;
	}

ul.homenews li {
	padding-bottom: 25px;
	}

ul.homenews li .image {	
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	}

ul.homenews li img {
    width: 300px;
    height: 200px;
    object-fit: cover;
	}

ul.homenews li .item {	
	display: inline-block;
	vertical-align: top;
	max-width: 66%;
	}

ul.homenews li .item .date {	
	font-size: 14px;
	}

ul.homenews li a {
    text-decoration: none;
	}

/* homepage galleries */

.homegallery {
    padding-bottom: 25px;
	}

.homegallery h2 {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 30px;
	display: inline-block;
	}

.homegallery a.link {
	text-decoration: none;
	float: right;
	}

/* pages */

.page .hero, .single . hero {
    background-position: center;
	max-height: 50vw;
	}

.page .hero .aligner, .single .hero .aligner  {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.35);
	}

.page .hero h1, .single .hero h1 {
    color: #fff !important;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    line-height: 125%;
    font-weight: 800;
    width: 100% !important;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.75);
	}

/* full width video embed responsive */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 50px;
	}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
	}

/* image galleries */

.gallery-item {
    display: inline-block;
    padding: 10px;
    text-align: center;
    width: 25%;
	}

#slb_viewer_wrap img {
	opacity:1;  
	-webkit-animation: none; 
		-moz-animation: none;
		animation: none;
	-webkit-animation-fill-mode: none;
		-moz-animation-fill-mode: none;
		animation-fill-mode: none;
	-webkit-animation-duration: none;
		-moz-animation-duration: none;
		animation-duration: none;
	-webkit-animation-delay: none;
		-moz-animation-delay: none;
		animation-delay: none;
	}


#comments {
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
	}


/* homepage */

section.currentIssue {
    background-color: #efefef;
    padding: 3.5em 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
	align-items: center;
	}

section.currentIssue div {
    /*width: 500px;*/
	width: 350px;
	}
	
section.currentIssue > div:nth-child(1) {
    margin-right: 2em;
	}

section.featured-articles {
	text-align: center;
    color: #fff;
    padding: 4em;

	}

section.featured-articles::before {
    content: "";
    opacity: 0.75;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
	}	

section.featured-articles h2 {
    /*color: #fff;*/
    font-size: 40px;
    /*font-weight: 300;*/
	margin-bottom: 0;
	color: initial;
	mix-blend-mode: difference;
	}

section.featured-articles p {
	mix-blend-mode: difference;
	margin-bottom: 0;
	}		

section.featured-articles.homenews {
	text-align: center;
    padding: 2em;
	color: initial;
    mix-blend-mode: difference;
	}

section.featured-articles.homenews ul {
    padding-top: 1em;
	text-align: left;
	}

section.featured-articles.homenews a.button, section.homenews a.button {
    display: table;
    margin-top: 1em;
	}

section.homenews a.button {
    background: #c0c2ce;
	}	

.slick-prev {
	left: 0 !important;	
	}
	
.slick-next {
	right: 0 !important;
	}

.slick-prev, .slick-next {
    background: #000 !important;
	z-index: 100;
	width: 25px !important;
    height: 35px !important;
    opacity: .8;
	top: 35% !important;
	}

.slick-prev:before, .slick-next:before {
    color: #fff !important;
	/*opacity: 1 !important;*/
	}
	
/*			
ul.sub {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 1em 0;
	}

ul.sub li {
    width: 31%;
    background: #666;
    color: #fff;
    text-align: center;
    padding-bottom: 2em;
	list-style-type: none;
	}	

ul.sub li div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 2em;
	}	

ul.sub li > *:not(div) {
    margin-left: 2em;
    margin-right: 2em;
	}

ul.sub li h3 {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.1em;
    text-transform: uppercase;
	}	

ul.sub li p {
	font-size: .9em;
	}		

ul.sub li a {
	text-decoration: none;
	}
	
ul.sub li a.button {
	display: none;
	}

section.featured-articles ul.sub li p {
 	mix-blend-mode: initial;
	}	
*/

section.homenews {
	padding-bottom: 2em;
	}
	
section.homenews .bigheader {
	background: #efefef;
	padding: 1em 3em;
	text-align: center;
	}

section.homenews .bigheader h2 {
	font-size: 1.7em;
	line-height: 100%;
	}		

section.homenews .bigheader p {
	margin: 0;
	}
	
.homenews ul {
	width: 1170px;
    margin: 0 auto;
    padding-top: 2em;
    max-width: 100%;
	}

.homenews ul li {
	font-size: .8em;
	line-height: 100%;
	list-style-type: none;
	padding: 0 1em;
	}

.homenews ul li a {
	text-decoration: none;
	color: inherit;
	}
	
.homenews ul li a div {	
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 1em;
	}

.homenews ul li a div:nth-child(2) {
    /*padding: 3em 2em;*/
	}
	
.homenews ul li a h3 {
	font-size: 1.35em;
    line-height: 100%;
	font-weight: 400;
	margin-bottom: .2em;
	}	

.homenews ul li a h3:hover {	
	/*color: #e0d0ad;*/
	}


section.rotm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	text-align: center;
	padding:	2em 0;
	}

section.rotm img, section.rotm .copy {
    width: 35vw;
	display: block;
	}	

section.rotm .copy {
	padding: 0 1em;
	}
	
section.rotm .copy h2 {
    text-transform: none;
    font-size: 1.5em;
	}

section.rotm span {
    font-size: .85em;
    line-height: 120%;
    display: block;
    margin-bottom: 1em;
	}
		
section.rotm .copy h2:before {
	content: "Retailer of the Month";
	display:block;
	font-size: .5em;
	font-weight: 500;
	text-transform: uppercase;
	}	

section.rotm .copy a.button {
    display: table;
    margin: 0 auto;
	}

		
section.featured {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	font-size: 18px;
	line-height: 1.75em;
	}

section.featured div {
    width: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	}

section.featured .copy {
    padding: 3em 8em;
	}

section.featured .copy a {
    text-decoration: none;
	color: initial;
	}	
	
/* for video stuff */
section.featured.featvid {
    width: 1170px;
    margin: 0 auto;
    align-items: center;
	}

section.featured.featvid .video-container {
    width: initial !important;
	margin-bottom: 0 !important;
	}

section.featured.featvid .copy {
    padding: 8em 1em;
	}

	

section.featured h2 {		
	font-size: 40px;
	line-height: 1.35em;
	}

.slick-prev:before, .slick-next:before {
    /*color: #666 !important;*/
	/*font-family: FontAwesome !important;*/
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 600 !important;
	}

.slick-prev:before {
    content: '\f053' !important;
	/*left: -1em !important;*/
	}

.slick-next:before {
    content: '\f054' !important;
	/*right: -1em !important;*/
	}	
		
section.ads.home {
    background: #efefef;
    padding: 1.5em 2em;
	}

section.ads.home img {
    max-width: 1170px;
    margin: 0 auto;
    display: block;
	}
		
/* archives and issues */

#content.issue iframe, .issuuembed.issuu-isrendered {
	min-height: 60vw !important;
	max-width: 100%;
	}

#content.issue .main h2 {
    border-top: 2px solid #efefef;
    margin-top: 1em;
    padding-top: 1em;
	}	

#content.issue .main ul li {
    width: 31%;
    /*text-align: center;*/
    padding-bottom: 2em;
    list-style-type: none;
	}	
	
.cat {	
	color: #b3cfdd;
	font-size: .75em;
	}

.issueAd {
    text-align: center;
    border-bottom: 2px solid #efefef;
    padding-bottom: 1em;
    margin-bottom: 1em;
	}

.issueAd .sponsor {
    display: block;
    font-weight: 600;
	}	
	
ul.issue-archive {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}	

ul.issue-archive li {
    width: 29%;
    margin: 0 !important;
    padding: 0 0 2em 0 !important;
    list-style-type: none !important;
    text-align: center;
	}	

body.archive .main.homenews ul, body.search .main.homenews ul {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	}

body.archive .main.homenews ul li, body.search .main.homenews ul li {
    width: 45%;
	}

.main.homenews ul {
    width: 100%;
	padding: 0;
	}
	
.main.homenews li {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 0 4em 0 !important;
    border: none;
	}	

video {
    max-width: 100%;
	}
		
.aside {
    width: 50%;
    float: right;
    border: 1px solid;
    background: #efefef;
    padding: 1.5em;
    font-size: .85em;
    margin: 0 0 1em 1em;
	}

.aside h2 {
    text-transform:none;
	}	
	
.aside h2.asideHead {
    text-align: center;
    font-size: 2em;
	text-transform: uppercase;
	}		

/**********ROYAL SLIDER GALLERY STUFF*************/

#new-royalslider-3 {
	/*margin-left: -45px !important;*/
	background: #ffffff !important;
	background-color: #ffffff !important;
	border-top: 1px dashed #cccccc;
	margin-top: 15px;
	padding-top: 15px;
	}

.rsContentSlider h3 {
	font-weight: normal !important;
	color: #444444 !important;
	}

.rsUni .rsTabs {
	width: 90% !important;
	}

.rsUni .rsTab {
	border: 0px solid #ffffff !important;
	}

.rsUni .rsTab:first-child {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	}

.rsUni .rsTab:last-child {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-right: 0px solid #D9D9DD;
	}

.new-royalslider-3 .rsThumbsHor {
	height: 115px !important;
	}

.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
	background: #ffffff !important;
	color: #444444 !important;
	}

.rsContentSlider h3, .rsContentSlider p {
	margin-left: 0 !important;
	width: 100% !important;
	}

/* resource pages */

section.resource {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
	font-size: 18px;
	line-height: 1.75em;
	}

section.resource div {
    width: 50%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	}

section.resource .image {
    order: 2;
	}

section.resource .copy {
    padding: 3em;
	}

section.resource h2 {		
	font-size: 1.4em;
	line-height: 1em;
	}

section.resource .copy ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}	

section.resource .copy ul li {
    list-style-type: none;
    width: 45%;
    margin: 0;
    padding-bottom: 3em;
	}	

.resource ul li a {
    text-decoration: none;
	}

section.resource .copy ul li .fas {
    display: block;
    text-align: left;
    font-size: 2em;
    margin-bottom: .5em;
	}	
		

/* buyer box form fix? */
ul.half li form ul li {
    width: initial !important;
	}


/* sponsored */

.sponsored {
    padding: 1em;
    border: 1px solid #efefef;
    border-radius: .5em;
    text-align: center;
    margin-bottom: 2em;
    width: 100%;
	}
.meta .sponsored {
	display: none;
	}

.sponsored img {
    display: block;
    padding: .5em;
	}	
	
/* responsive */

.mobileonly {
	/*hide stuff you only want to see on small screens*/
	display: none !important;
	}

.mobilehide {
	/*unhide stuff you dont want to see on big screens*/
	display: initial !important;
	}

@media only screen and (max-width: 1169px) {

body, #header, #footer, .topNav, #content {
	width: 100%;
	}

.noshowme {
    display: none;
	}

#header-wrap {
	position: initial;
	}

.sticky.scroll #headerNav .logo {
	display: none;
	}

section#headerNav {
   	display: none;
	}

#header-wrap #social {
    display: none;
	}	

.headerCover {
    top: 2%;
	}
			
#header {
	margin-top: 0;
	padding: .75em 1em;
	}

.topNav {
	padding: 10px 100px 10px 25px;
	}

section#headerNav #social {
	height: initial;
    margin-top: 0;
	}	

section#headerNav {
	justify-content: flex-end;
	}	

#footer {
	padding: 10px 25px;
	}

#content {
	padding: 25px;
	}

.callout div {
    width: 100%;
	}
	
.page .hero, .single .hero {
    background-size: 100%;
    background-position: top;
	}

.page .hero h1, .single .hero h1 {
	font-size: 6.5vw;
	}	

/* HOMEPAGE */

section.currentIssue {
    padding: 4em 2em;
	}

/*
ul.sub {
    flex-wrap: wrap;
    padding: 0 0 2em 0;
	}

ul.sub li {
    width: 100%;
	margin-bottom: 2em;
	}

ul.sub li:last-child {
    margin-bottom: 0;
	}
*/

/* for video stuff */
section.featured.featvid {
    width: 100%;
	padding: 0 2em;
	}
	
section.featured .copy {
    padding: 2em !important;
	}	

ul.show-block {
    width: 90%;
    padding: 2em 0;
	}	
	
.homenews ul {
	width: 100%;
	}

section.rotm {
	padding: 2em 0;
	}

section.rotm .copy {
	padding-left: 1em;
	}
		
section.rotm img, section.rotm .copy {
    width: 45vw;
	}

/*
.slick-prev {
	left: 0 !important;	
	}
	
.slick-next {
	right: 0 !important;
	}

.slick-prev, .slick-next {
    background: #000 !important;
	z-index: 100;
	width: 25px !important;
    height: 35px !important;
    opacity: .8;
	top: 35% !important;
	}

.slick-prev:before, .slick-next:before {
    color: #fff !important;
	}
*/			

section.featured-articles.homenews {
	padding: 2em 0;
	}

section.featured-articles.homenews .slick-list {
    padding: 0 1em;
	}

section.featured-articles.homenews .slick-prev {
	left: 0 !important;
	}
		
section.featured-articles.homenews  .slick-next {
	right: 0 !important;
	}
			
		
ul.show-block {
    width: 90%;
    padding: 2em 0;
	}

section.ads.home img {
    max-width: 100% !important;
	}		

#sidebar {
	min-width: unset;
	}		

#sidebar #sidebar {
	/* whoops... nested fix */
    min-width: 100%;
	}

#content.issue iframe, .issuuembed.issuu-isrendered {
    min-height: 88vw !important;
	}

section.resource .copy ul li {
    width: 100%;
	}	

/* resource pages */
section.resource div:first-child {
    width: 40%;
	}

section.resource div:nth-child(2) {
    width: 60%;
	}		
		
} /* end of 1170px */

@media only screen and (max-width: 899px) {

.headerCover {
    top: 10%;
	}

.headerCover img {
    display: none;
	}
	
.headerCover a.callout span {
    display: none;
	}

.headerCover a.callout {
    background: none;
    color: #c0c2ce;
    padding: 0;
    text-transform: initial;
    font-weight: 800;
    border-radius: 0;
	font-style: italic;
	}

.headerCover a.callout:after {
	content: '\f061';
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 600 !important;
	}	
	
} /* 900px */

@media only screen and (max-width: 999px) {

ul.sub {
    flex-wrap: wrap;
    padding: 0 0 2em 0;
	}

ul.sub li {
    width: 100%;
	margin-bottom: 2em;
	}

ul.sub li:last-child {
    margin-bottom: 0;
	}

.homeSlider {
	--aspect-ratio:3/2 !important;
	}
		
} /* end of 999px */	
	
	
	

@media only screen and (max-width: 800px) {

body {
	min-width: 100%;
	}

/*.topNav, .search {
	display: none;
	}
*/

.topNav {
	display: none;
	}
	
section#headerNav {
	background: none;
	}

.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    background-color: #000 !important;
	}

section#headerNav #social {
    color: #000;
	}
		
#content, #main, #header, #footer {
    width: 100%;
    margin: 0;
	}

#footer .left, #footer .right, #footer .middle {
	display: block;
	width: 100%;
	text-align: center;
	}

.footer-nav ul li {
    margin: 0 5px;
    padding: 0;
    border-right: none;
	}

#footer .left b {
    display: block;
	}

#footer .left b:after {
    content: '';
	}

#header img {
    max-width: 85%;
	}

.alignright, .alignleft, .wp-caption.alignright, .wp-caption.alignleft {
    float: none;
	width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
	}

.alignright img, .alignleft img {
    width: 100%;
	}

img {
	max-width: 100%;
	height: auto;
	}

.hero img {
	max-width: 250px;
	}

/* image galleries */

.gallery-item {
    width: 50%;
	}

#content.narrow {
    width: 100%;
	}	

ul.archive li {
    width: 48%;
	}

/* sponsored */


.meta .sponsored {
	display: block;
    width: 100%;
    text-align: center;
	}

.meta .sponsored img {
    display: block;
    padding: .5em;
    margin: 0 auto;
	}	
	
#sidebar .sponsored {
	display: none;
	}	

/* HOMEPAGE */

.homeSlider {
	--aspect-ratio: 1/1 !important;
	}
		
section.currentIssue {
    padding: 2em;
	flex-wrap: wrap;
	}

section.currentIssue > div:nth-child(1) {
    margin-right: 0;
    order: 1;
	}	

section.featured-articles {
    padding: 2em;
	}
/*	
section.currentIssue > div:nth-child(1) {
    margin-right: 0;
    order: 1;
	}	
	
section.featured-articles {
    padding: 2em 0;
	}
*/
section.homenews .bigheader {
    /*padding: 3em 2em;*/
	}
	
section.homenews .bigheader h2 {
    /*font-size: 3em;*/
	}		

.emailsignup {
    width: 100% !important;
	}	

.emailsignup .gform_wrapper {
    min-width: 100%;
	}	
	
section.main {
    width: 100%;
	}	

#sidebar {
    width: 100%;
	}
	
.content-ads img {
    width: 100%;
	}

#content.issue iframe, .issuuembed.issuu-isrendered {
    min-height: 120vw !important;
	}

/* resource pages */

section.resource div:nth-child(2) {
	padding: 2em;
	}	
			
} /* end of 800px */


@media only screen and (max-width: 650px) {

.headerCover {
    display: none;
	}
	
section.featured .bg {
	display: none;
	width: 100%;
	}

section.featured.featvid {
	flex-wrap: wrap;
	padding: 2em;
	}	
	
section.featured.featvid div {
	width: 100%;
	}	

section.featured.featvid .copy {
    order: 2;
	}

section.featured .copy {
    padding: 4em;
    display: initial;
	}	

#content.issue .main ul li {
    width: 47%;
	}	

.aside {
	float: none;
	width: 100%;
	margin: 2em 0;
	}

/* resource pages */
section.resource div:first-child {
    display: none;
	}

section.resource div:nth-child(2) {
    width: 100%;
	}		
	
section.rotm img, section.rotm .copy {
    width: 100%;
    padding: 0 2em;
	}

body.archive .main.homenews ul li {
	width: 100%;
	}	

section.featured .copy {
    width: 100%;
	}	

.aligner div h2 {
	font-size: 1.75em;
	}
		
} /* end 650 */

@media only screen and (max-width: 600px) {

.homeSlider {
	--aspect-ratio:1/1 !important;
	}
.aligner div h2 {
	font-size: 1.75em;
	}

.aligner p {
    font-size: 1em;
	}	

.aligner img {
    display: initial;
    max-width: 8em;
	}	
	
} /* end 600 */

@media only screen and (max-width: 480px) {

.logo {
	width: 100%;
	}

.emailsignup .gform_wrapper {
    min-width: 100% !important;
	}

ul.archive li {
    width: 100%;
	}	

/* HOMEPAGE */

section.featured-articles h2 {
    /*font-size: 2em;*/
	}

ul.sub li > *:not(div) {
   /* margin-left: 1em;
    margin-right: 1em;*/
	}

ul.sub li {
    width: 100%;
	}	

section.featured .copy {
    padding: 2em 3em;
	}

section.homenews .bigheader h2 {
    font-size: 2em;
	}	

section.featured h2 {
    font-size: 2em;
	}			

ul.show-block li a {
    flex-wrap: wrap;
	}
	
ul.show-block li a div {
    width: 100%;
	}

ul.show-block li a div:first-child {
    min-height: 15em;
	}	

ul.show-block li a div:nth-child(2) {
    padding: 2em;
	}

body.archive .main.homenews ul li {
	padding-bottom: 0 !important;
	}	
	
} /* end 480px responsive */





/* RESPONSIVE Tablet landscape only */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1112px) 
and (orientation : landscape) {

body.home #content ul li {
    width: 30% !important;
	}


} /* end responsive tablet landscape */

/* RESPONSIVE Tablet portrait only */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 834px) 
and (orientation : portrait) {

body.home #content ul li {
    width: 30% !important;
	}

} /* end responsive tablet portrait */