/*
Theme Name: ER
Theme URI: http://www.example.com/
Author: Harrison Neal
Author URI: http://www.example.com/
Description: ER Theme
Version: 0.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: er
*/

/**
 * Font Resources
 */

@font-face {
    font-family: lemon;
    src: url(/wp-includes/fonts/LEMONMILK.OTF);
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: libelsuit;
    src: url(/wp-includes/fonts/libelsuit.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: CavierDreams;
    src: url(/wp-includes/fonts/CaviarDreams.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: BebasNeue;
    src: url(/wp-includes/fonts/BebasNeue.otf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: rounded elegance;
    src: url(/wp-includes/fonts/Rounded_Elegance.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: lane2;
    src: url(/wp-includes/fonts/LANEUP__.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: lane1;
    src: url(/wp-includes/fonts/LANENAR_.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: gavity ultra thin;
    src: url(/wp-includes/fonts/Gravity-UltraLight.otf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: gravity light;
    src: url(/wp-includes/fonts/Gravity-Light.otf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: everafte;
    src: url(/wp-includes/fonts/EVERAFTE.TTF);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: Amable;
    src: url(/wp-includes/fonts/ClementePDae-Light.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: scriptin;
    src: url(/wp-includes/fonts/SCRIPTIN.ttf);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Glober';
	src: url('fonts/Glober Thin Free.eot');
	src: url('fonts/Glober Thin Free.eot?#iefix') format('embedded-opentype'),
		url('fonts/Glober Thin Free.woff') format('woff'),
		url('fonts/Glober Thin Free.ttf') format('truetype'),
		url('fonts/Glober Thin Free.svg#Glober') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Glober SemiBold';
	src: url('fonts/Glober SemiBold Free.eot');
	src: url('fonts/Glober SemiBold Free.eot?#iefix') format('embedded-opentype'),
		url('fonts/Glober SemiBold Free.woff') format('woff'),
		url('fonts/Glober SemiBold Free.ttf') format('truetype'),
		url('fonts/Glober SemiBold Free.svg#Glober') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* More fonts are brought in by Adobe Typekit. */

/**
 * Header Definition
 */

.header-main .site-title {
	/* Of the space we take up, align center. */
	text-align: center;

	/* No need for as much margin. */
	margin-top: 6px;
	margin-bottom: 0;

	/* Make the title bold. */
	/* font-weight: bold; */
}

.header-main .site-title span:nth-of-type(odd) {
	font-family: 'scriptin', sans;
	font-weight: 900;
}

.header-main .site-title span:nth-of-type(even) {
	/* Bold every other word. */
	font-family: 'scriptin', sans;
	font-weight: 900;
}

.header-main a {
	/* Avoid underlines on links in the header... */
	text-decoration: none;
}

.header-main a:hover {
	/* ...unless the mouse is over a specific ink. */
	text-decoration: underline;
}

.display-toggle {
	/* Don't display this checkbox. (We'll instead display a label, which is easier to customize.) */
	display: none;
}

.search-toggle {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url('img/searchb.png');
	background-repeat: no-repeat;
	background-position: right center;
}

@media screen {
	/* On screens, keep the title at the top. */

	.header-main {
		/* Keep header elements at the top (y-axis) of the page. */
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}

	.header-main,
	.header-main .site-title {
		/* Consume the width of the page, and 64px height. */
		display: block;
		height: 73px;
	}
	
	.header-main .site-title img {
		/* Limit the height of the header image so as not to let it hang over content. */
		max-height: 63px;
	}

	.header-main {
		/* Put this above most page elements. */
		z-index: 97;

		/* Give the header a background color, preventing scrolling content from being visible underneath. */
		background-color: white;
	}

	.nav-main ul {
		/* Make lists not appear as lists. */
		list-style: none;
		padding-left: 0;
		padding-right: 0;
	}

	.nav-main a {
		/* Avoid underlines on links in the header... */
		text-decoration: none;
	}

	.nav-main a:hover {
		/* ...unless the mouse is over a specific ink. */
		text-decoration: underline;
	}

	.nav-search {
		position: fixed;
		top: 64px;
		left: 0;
		right: 0;
		display: none;
	}

	.nav-main div.form form {
		margin: 0;
	}

	.nav-main div.form .search-form > div,
	.nav-main div.form .mc4wp-form-fields > div {
		float: left;
	}

	.nav-main div.form * {
		color: black;
	}

	.nav-main div.form .search-form > div:nth-child(2),
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) {
		box-sizing: content-box;
		margin: 0;
		padding: 0;	}

	.nav-main div.form .search-form > div:first-child,
	.nav-main div.form .search-form > div:nth-child(2) > *,
	.nav-main div.form .mc4wp-form-fields > div:first-child,
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) > * {
		height: 25px;
		box-sizing: border-box;
		margin: 0;
		padding: 1px;
		display: block;
		border-width: 1px;
		border-style: solid;
		border-color: #c0c0c0;
	}

	.nav-main div.form .search-form > div:first-child,
	.nav-main div.form .search-form > div:first-child > *,
	.nav-main div.form .mc4wp-form-fields > div:first-child,
	.nav-main div.form .mc4wp-form-fields > div:first-child > * {
		background-color: #c0c0c0;
	}

	.nav-main div.form .search-form > div:first-child > *,
	.nav-main div.form .mc4wp-form-fields > div:first-child > * {
		border-width: 0;
		padding: 0;
		margin: 0;
		height: 21px;
		min-height: 21px;
	}

	.nav-main div.form .search-form div > *,
	.nav-main div.form .mc4wp-form-fields div > * {
		width: 100%;
		display: block;
	}

	.nav-main div.form .search-form > div:first-child,
	.nav-main div.form .mc4wp-form-fields > div:first-child {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		padding-left: 5px;
	}

	.nav-main div.form .search-form > div:nth-child(2) > *,
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) > * {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding-right: 5px;
	}

	.nav-main div.form .search-form > div:nth-child(2),
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) {
		width: 25px;
	}

	.nav-main div.form .search-form > div:nth-child(2) > label,
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) > label {
		cursor: pointer;
		background-color: #a0a0a0;
		transition: background-color 0.2s;
		text-align: center;
	}

	.nav-main div.form .search-form > div:nth-child(2) > label:hover,
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) > label:hover {
		background-color: #808080;
	}

	.nav-main div.form .search-form > div:nth-child(2) > label > input,
	.nav-main div.form .mc4wp-form-fields > div:nth-child(2) > label > input {
		display: none;
	}
}


@media screen and (max-width: 949px) {
	/* On smaller screens, have the menu slide in when desired. */

	.nav-main,
	.nav-search,
	.site-main {
		/* When the menu slides into place, make it graceful. */
		transition: left 0.2s;
		
	}

	.nav-main {
		/* By default, have the menu off to the side. */
		position: fixed;
		left: -200px;
		width: 200px;

		/* Take up the entire height of the screen. */
		top: 0;
		bottom: 0;

		/* Put this right below (z-axis) the header. */
		z-index: 96;

		/* Add padding so links are below (y-axis) the header. */
		padding-top: 64px;

		/* Make this stand out. */
		background-color: black;
		color: white;
	}

	.nav-search {
		/* By default, have the search bar off to the side. */
		position: fixed;
		left: -200px;
		width: 200px;

		/* Take up the expected space on the menu. */
		top: 64px;

		/* Put this on top of .nav-main. */
		z-index: 97;

		/* Show the search bar here. */
		display: block;
	}

	.site-main {
		position: relative;
		left: 0;
	}
	


	label[for=nav-toggle] {
		/* Put this in the upper left and above (z-axis) other elements. */
		position: fixed;
		left: 25px;
		top: 25px;
		z-index: 99;

		/* Size appropriately. */
		width: 15px;
		height: 15px;

		/* Give a menu-looking button. */
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='15px' height='6px' viewBox='0 0 15px 6px' xml:space='preserve'><rect width='15px' height='3px'/></svg>");
		background-repeat: repeat;
	}

	label[for=search-toggle] {
		/* Make this big enough to serve as a fake placeholder for the search bar. */
		height: 34px;
	}

	#nav-toggle:checked ~ .nav-main,
	#nav-toggle:checked ~ .nav-search {
		/* When the menu toggle is activated, move the menu on screen. */
		left: 0;
	}

	#nav-toggle:checked ~ .site-main {
		/* When the menu toggle is activated, push the content over to make room for the menu. */
		left: 0px;
	}

	.nav-main ul {
		margin: 0;
	}

	.nav-main li {
		/* One menu item per line. */
		display: block;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 4pt;
	}

	.nav-main a {
		/* Have links be white. */
		color: white;
	}	

	/* White images for the f media icons. */
	.cnss-social-icon img {
		-webkit-filter: invert(100%);
    	filter: invert(100%);
	}
	/*
	.cnss-social-icon .cn-fa-facebook img {
		background-image: url('img/social/w/fb.png');
	}
	.cnss-social-icon .cn-fa-twitter img {
		background-image: url('img/social/w/tw.png');
	}
	.cnss-social-icon .Pinterest img {
		background-image: url('img/social/w/pt.png');
	}
	.cnss-social-icon .cn-fa-instagram img {
		background-image: url('img/social/w/in.png');
	}
	.cnss-social-icon .cn-fa-google- img {
		background-image: url('img/social/w/gp.png');
	}
	.cnss-social-icon .cn-fa-tumblr img {
		background-image: url('img/social/w/tu.png');
	} */

	/* Make the social media stuff centered on the menu. */
	.nav-main ul.cnss-social-icon {
		margin-right: 25px;
	    padding-right: 25px;
	}

	.nav-main div.form {
		/* The forms have some padding on the left already;
		   add some on the right. */
		margin-right: 10px;
	}

	.nav-main div.form .search-form > div:first-child,
	.nav-main div.form .mc4wp-form-fields > div:first-child {
		width: 155px;
	}
}

@media screen and (min-width: 950px) {
	/* When the screen is bigger, have the menus hover at the top of the screen. */

	.topleft-menu {
		/* Push the left menu to the left... */
		left: 0;
	}

	.topleft-menu ul,
	.topleft-menu li {
		float: left;
	}

	.topleft-menu li {
		padding-left: 12pt;
		padding-right: 0;
	}

	.topright-menu {
		/* ...and the right menu to the right. */
		right: 0;
	}

	.topright-menu ul,
	.topright-menu li {
		float: right;
	}

	.topright-menu li {
		padding-left: 0;
		padding-right: 12pt;
	}

	.nav-main ul {
		/* Make the margin at the top of uls 16px, regardless of other rules. */
		margin-top: 16px !important;
	}

	.nav-main > div {
		/* Keep the menus above most other page elements. */
		z-index: 98;

		/* Both menus should let the title through (z-axis). */
		width: 40%;

		/* Make both menus sit at the top. */
		position: fixed;
		top: 0;
	}

	.nav-main li {
		display: inline-block;
		position: relative;
		font-family: gravity light;
		font-size: 16px;
		height: 26px;
	}

	.nav-main a {
		/* Make the link colors match the site title. */
		color: black;
	}

	label[for=nav-toggle] {
		/* Don't concern ourselves with toggling the menu on big screens. */
		display: none;
	}

	.nav-main li ul,
	.nav-main li div.form {
		/* By default, submenus don't display. */
		display: none;
	}

	.nav-main li:hover ul,
	.nav-main li:hover div.form {
		/* Make submenus appear below. */
		display: block;
		position: absolute;
		top: 3px; /* A little bump. */ 
		left: 12pt; /* Match the padding of the parent element. */
	}

	.nav-main li:hover ul {
		width: 200px;

		/* Give these a background and shadow. */
		background-color: white;
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
	}

	.nav-main li:hover div.form {
		width: 300px;
		margin-top: 20px;
	}


	.nav-main li:hover li {
		/* Don't use float: left for submenus. */
		float: none;

		padding: 3px;
	}

	/* Black images for the social media icons. */
	.cnss-social-icon .Facebook img {
		background-image: url('img/social/b/fb.png');
	}
	.cnss-social-icon .Twitter img {
		background-image: url('img/social/b/tw.png');
	}
	.cnss-social-icon .Pinterest img {
		background-image: url('img/social/b/pt.png');
	}
	.cnss-social-icon .Instagram img {
		background-image: url('img/social/b/in.png');
	}
	.cnss-social-icon .Google- img {
		background-image: url('img/social/b/gp.png');
	}
	.cnss-social-icon .Tumblr img {
		background-image: url('img/social/b/tu.png');
	}
}

@media print {
	.nav-main ul,
	.nav-main,
	label[for=nav-toggle] {
		/* Ignore navigation menus when printing. */
		display: none;
	}

	.header-main .site-title {
		position: relative;
	}
}

/**
 * General Appearance
 */

body,
h1 {
	font-family: "gravity light", sans-serif;	
}

h1 {
	font-weight: normal;
	font-size: 19.5px
}

.stories article {
	/* Put some space between lines of articles. */
	margin-bottom: 2em;
}

.home .stories article {
	/* On the home page, even more space between lines of articles. */
	margin-bottom: 4em;
}

.stories article h1 {
	/* Put some space between cleared images and new headers. */
	padding-top: 1em;
}

.doLoadMore {
        display: none;
}

@media screen and (max-width: 1099px) {
	.site-main {
		/* Always have some margin. */
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media screen and (min-width: 1100px) {
	.site-main {
		/* For larger width screens, limit the width of the content and center it. */
		max-width: 1000px;
		margin: auto;
	}
}

@media screen {
	.site-main {
		/* There's a floating menu at the top; compensate. */
		margin-top: 73px;

		/* There may be a floating social media bar at the bottom; compensate. */
		margin-bottom: 64px;
	}

	body {
		margin: 0;
	}

        .doLoadMore, .buttonLink {
                display: block;
                padding: 14px;
                background-color: #f0f0f0;
                color: black;
                text-align: center;
                width: 150px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 20px;
		font-family: "glober semibold";
        }
}

h1 {
	font-size: 2em;
}

h1 a {
	color: black;
	text-decoration: none;
}
h1 a:hover {
    text-decoration: underline;}
.entry-summary {
	/* In general, do not display excerpts. There will be an exception on the read page. */
	display: none;
}

.entry-summary a {
	color: black;
}

.tag-links a {
	padding-left: 20px;
	margin-right: 20px;
	color: black;
	background-image: url('img/tag.png');
	background-position: left center;
	background-repeat: no-repeat;
	display:none;
}


.comment-reply-title {margin-top: 10px;}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url],
.comment-form textarea {
	/* Quick and easy way to make all the fields in a comment form line up nicely. */
	width: 100%;
	
}

/**
 * Home Page Stories Definition
 */

@media screen and (min-width: 950px) {
	body.home .stories {
		/* Allow the content's margin to extend past the right border. */
		margin-right: -50px;
	}

	body.home .stories article {
		/* For larger width screens, we can put more than one per line. */
		float: left;

		/* Make no article larger than the container, less margins. */
		max-width: 1000px;

		/* Put 50px inbetween every story. */
		margin-right: 50px;
	}

}

body.home .stories .entry-summary {
	display: none;
}

.page.home header {
	/* If the home page is a custom page rather than index.php, make sure it's still left aligned. */
	text-align: left;
}

body.home .stories article h1 {
	/* Make these h1s a little smaller. */
	font-size: 18px;

	/* Home page story titles should be left-aligned. */
	/* This is needed because .stories h1 will normally be center-aligned. */
	text-align: center;
	margin-top: 10px;

	/* Normally, h1s will clear the previous story. Not needed on the home page. */
	clear: none;

	/* Normally, h1s will need extra padding after the previous story's images. Not needed on the home page. */
	padding-top: 0;
}

body.home .stories header img {
	/* Make thumbnail images not exceed the size of their parent. */
	max-width: 100%;
	max-height: 100%;
	/* Don't float images on the home page. */
	/* In search results, .stories header img is floated. */
	float: none;

	/* Don't add padding to images on the home page. */
	/* In search results, .stories header img is padded. */
	padding-left: 0;
	
	vertical-align: middle;
}

body.home .stories header > * {
	/* All immediate children of the header (the paragraph and header, generally) should have no margin. */
	margin: 0;
}

body.home .stories header > p {
	/* Make the paragraph position: relative, so children with position: absolute are positioned relative to this box. */
	position: relative;
}

body.home .stories header a {
	color: black;
}

body.home .stories header .entry-excerpt {
	/* Make the entry excerpt float in the middle vertically, no more than all height, and take all width, relative to the surrounding paragraph. */
	position: absolute;
	top: 50%;
	max-height: 100%;
	transform: translateY(-50%);
	left: 20px;
	right: 20px;
	overflow: hidden;

	/* Add some space on all sides, and make sure this space is constrained within the permitted width/height above. */
	box-sizing: border-box;
	padding: 5px;

	/* By default, don't display this object. */
	display: none;

	/* Don't allow underline from the parent link. */
	text-decoration: none;
}

body.home .stories header .entry-excerpt > .entry-excerpt-author-line {
	font-style: italic;
	font-weight: normal;
	font-size: 1.5em;
	display: block;
	margin-bottom: 1em;
}

body.home .stories header .entry-excerpt > .entry-excerpt-author-line span {
	font-weight: bold;
}

body.home .stories header:hover img {
	/* When the mouse is hovering over the header, dim the image. */
	opacity: 0.15;
	-webkit-transition: 1s;
	-moz-tansition: 1s;
	-webkit-backface-visibility:hidden;
}

body.home .stories header:hover .entry-excerpt {
	/* When the mouse is hovering over the header, display the excerpt. */
	display: block;
	
}

/**
 * Non-home page stories definition
 * (e.g. search, or a page listing articles)
 */

.stories h1 {
	text-align: center;
	clear: right;
}

.stories header img {
	float: right;
	padding-left: 12pt;
	
}

.stories .entry-summary {
	display: inline;
}

/**
 * Individual Story Definition
 */

.story header,
.page header {
	/* Center the title and thumbnail if applicable. */
	text-align: center;
}

@media print {
	.comment-respond {
		/* Hide the respond/comment form when printing. */
		display: none;
	}
}
@media screen and (min-width: 950px) {
.story .entry-content,
.page .entry-content,
.story .entry-meta,
.page .entry-meta,
.story .comments-area,
.page .comments-area {
	margin-left:150px;
	margin-right: 150px;}}
.story .comments-area,
.page .comments-area {
	display: none;}
.story .entry-content,
.page .entry-content {
	/* A different font. */
	font-family: gravity light, serif;
	font-size: 19px;
	
}
.entry-content img {
display: block;
margin-left: auto;
    margin-right: auto;
}
.story img,
.page .post-937 img {
	/* Stop large pictures from messing up the text margins, esp. on mobile. */
	/* post-937 refers to the about page on this site. */
	max-width: 100%;
}

/**
 * Gallery Handling
 */

/* Much of this comes from http://responsiveslides.com/, with some minor edits. */

.gallery {
	position: relative;
	width: 75%;
	margin: auto;
}

.gallery ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
}

.gallery li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.gallery li:first-child {
	position: relative;
	display: block;
	float: left;
}

.gallery img  {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

@media screen {

	.gallery a.prev,
	.gallery a.next {
		position: absolute;
		top: 0;
		height: 100%;
		width: 34px;
	}

	.gallery a.prev {
		left: -50px;
		background: url('img/gallery_prev.png') no-repeat center;
	}

	.gallery a.next {
		right: -50px;
		background: url('img/gallery_next.png') no-repeat center;
	}

}
body.ecwid-shopping-cart.ecwid-SearchPanel-button {display: none;}
@media print {
	.gallery a {
		display: none;
	}
}

/**
 * Author Bio Sidebar Handling
 */

@media screen and (min-width: 950px) {
	.authorbio {
		/* Keep this on the right side of the screen. */
		position: fixed;
		top: 120px;
		bottom: 15px;
		right: -220px;
		width: 250px;

		/* Make this opaque and on top of other elements. */
		z-index: 90;
		background-color: white;

		/* Allow a graceful transition when moving this onscreen. */
		transition: right 0.5s;
	}

	.authorbio:hover {
		/* Move this into place when the mouse is over it. */
		right: 0;
	}

	.authorbio,
	.authorbio .avatar {
		/* Give these a nice shadow. */
		box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.2);
	}

	.authorbio > * {
		/* All the child elements will have specific positions. */
		position: absolute;
	}

	.authorbio .avatar {
		/* Have this float near the bottom of the box, and stick out a little. */
		bottom: 10px;
		left: -16px;
	}

	.authorbio p {
		/* Don't put margins here. */
		margin: 0;
	}

	.authorbio .authorname {
		/* Have this above the avatar image, and rotated from a point above the image. */
		bottom: 84px;
		left: 0;

		transform: rotate(-90deg);
		transform-origin: 12pt center 0;
	}

	.authorbio .fullbio {
		/* Have this take up the rest of the box, aside from a fake margin. */
		left: 64px;
		right: 16px;
		top: 16px;
		bottom: 16px;

		/* Allow a scrollbar if necessary. */
		overflow-y: auto;
	}
}
@media screen and (max-width: 949px) {
	.authorbio { display: none;}

@media print,
screen and (max-width: 949px) {
	.authorbio .avatar {
		/* Don't let the avatar have its own line. */
		float: left;

	}

	.authorbio .authorname {
		/* Make this a little bigger. */
		font-size: 17pt;
	}
}

/**
 * Social Media Share Buttons
 */

@media print {
	div.ssba {
		display: none;
	}
}

@media screen {
	div.ssba {
		position: fixed;
		background-color: white;
		z-index: 90;
	}
}

	}
@media screen and (min-width: 950px) {
	div.ssba {
		top: 120px;
		left: 0;
		width: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-right: 5px;
		/* Give these a nice shadow. */
		box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
	}
}

@media screen and (max-width: 949px) {
	div.ssba {
		bottom: 0;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		/* Give these a nice shadow. */
		box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.2);
	}
}
.ssba img { margin: 1px;
max-width:100%;}
/**
 * Special rules for the team page
 */

/* At screen width > 1100px, two columns, centered on page, with a margin between.

   The centering is done by .entry-content being centered and width-limited elsewhere in the stylesheet,
     and we're simply children along for the ride.

   Between 530px and 1100px, one column, centered on page.

   At screen width < 530px, one column, as big as we can get away with.
*/

ul.team {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.team > li {
	display: block;
	padding: 0;
	margin-bottom: 16pt;
}

ul.team img {
	max-height: 430px;
	object-fit: none;
	object-position: center;
}

ul.team ul {
	list-style: none;
	padding: 10px;
	text-align: justify;
}

@media screen and (min-width: 1100px) {
	.post-2069 .entry-content {
		margin-left: 45px;
		margin-right: 45px;
	}

	ul.team > li {
		float: left;
		width: 430px;
	}

	ul.team > li:nth-child(2n+1) {
		clear: left;
		margin-right: 50px;
	}
}

@media screen and (max-width: 1099px) and (min-width: 530px) {
	ul.team {
		width: 430px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 530px) {
	ul.team img {
		max-width: 430px;
	}
}

@media screen and (max-width: 529px), print {
	/* For smaller screens, or printing, limit bio widths to what we have. */
	ul.team > li,
	ul.team img {
		max-width: 100%;
	}
}

/* Don't let Ecwid's stylesheet take over the font choice. */
.entry-content .ecwid {
	font-family: "gravity light" !important;
color: black;
}
/* Nor the color choice. */
.entry-content .ecwid-productBrowser-productNameLink a,
.entry-content .ecwid-productBrowser-price {
	color: black !important;
}
.entry-content input.ecwid-productBrowser-details-qtyTextField {border-radius: 7px !important;}
.entry-content .ecwid a {color: black !important;
			 font-size: 17px !important;}
.entry-content table.ecwid-Checkout-blockTitle div.gwt-HTML {color: black !important;}
.entry-content div.ecwid-form {
    background-color: #dbdbdb !important;
	border-radius: 8px !important;}
.entry-content td.ecwid-productBrowser-cart-itemsTable-cell-selected {background: #E0D7D7 !important;}
.entry-content .ecwid .ecwid-btn--secondary:hover {background: #959C9C !important}
.entry-content div.ecwid-productBrowser-cart-totalAmount {color: black !important}
.entry-content .ecwid a.ecwid-poweredBy {display: none;}
.entry-content .ecwid .ecwid-btn--primary {background: #959C9C !important; border-radius: 7px !important;}
.entry-content .ecwid .ecwid-btn--primary:active {border-color: black !important;}
.entry-content div.ecwid-productBrowser-backgroundedPanel {background-color: white !important;}
.entry-content div.ecwid-productBrowser-details-inStockLabel {color: black !important;}
.entry-content div.ecwid-productBrowser-sku {display: none !important;}
.entry-content div.ecwid-productBrowser-productsGrid-productTopFragment-inTheBag div.ecwid-productBrowser-productsGrid-inTheBagTick {background: url("http://eternalremedy.com/wp-content/uploads/2016/03/circle-e1458045983806.png") !important;
		width: 20px !important;
		height: 22px !important;}

/* Make the social media buttons, headers and menus not appear when on a shopping cart page. */
body.ecwid-shopping-cart div.simplesocialbuttons, /*
body.ecwid-shopping-cart .site-header,
body.ecwid-shopping-cart .nav-main, */
body.ecwid-shopping-cart .entry-header
{

}

/* Since the top menus are gone, no need to add all the margin at the top. */
/*body.ecwid-shopping-cart .site-main {
margin-top: 0;
}*/

#ecwid_loading_indicator, .ecwid-shopping-cart-search, .ecwid-productBrowser-auth, .ecwid-productBrowser-categoryPath, .ecwid-results-topPanel-controlsPanel {
display: none !important;
}

td.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-hover {
border-color: transparent !important;
}
.entry-content .yuzo_title1
.entry-content .yuzo_related_post{padding-top: 40px !important;}
.entry-content .yuzo_related_post .yuzo_clearfixed {font-size: 30px; padding-bottom: 11px; text-align: center;}
.yuzo_wraps {display: block; text-align: center !important;}
.yuzo_related_post .relatedthumb {line-height: 23px !important;}
.yuzo_related_post .relatedthumb {
    margin: 0px 5px 19px 0px;
    padding: 5px 10px 5px 10px;
    margin-right: auto;
    display: inline-table;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;}
#horizontal-menu.horizontal-desktop .horizontal-menu {display: none !important;}
#horizontal-menu.horizontal-mobile .horizontal-menu-button {display: none !important;}
#horizontal-menu.horizontal-mobile {display: none !important;}

@media screen and (max-width: 1099px) and (min-width: 475px) {
	.yuzo_wraps {
		width: 350px;
		margin: auto;
	}
}

@media screen and (max-width: 474px) {
	.yuzo_wraps {
		width: 175px;
		margin: auto;
	}
}
.services img {
display: block;
width: 100%;
height: 100%;
margin-left: auto;
	margin-right: auto;}

.woocommerce-page #sidebar,
.woocommerce #sidebar {
	display: none;
}
.woocommerce .woocommerce-breadcrumb {display: none;}
.woocommerce-products-header {text-align: center;
padding-top: 20px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: black;}
.woocommerce-result-count {display:none;}
.woocommerce ul.products li.product .price {color: black !important;}

@media screen and (max-width: 1099px) and (min-width: 475px) {.woocommerce .woocommerce-breadcrumb {display: none;}
.woocommerce-products-header {text-align: center;
padding-top: 20px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: black;}
.woocommerce-result-count {display:none;}
.woocommerce ul.products li.product .price {color: black !important;}
}
@media screen and (max-width: 474px) {.woocommerce .woocommerce-breadcrumb {display: none;}
.woocommerce-products-header {text-align: center;
padding-top: 20px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: black;}
.woocommerce-result-count {display:none;}
.woocommerce ul.products li.product .price {color: black !important;}
}
.woocommerce-page img {
    height: auto;
    max-width: 100%;
}
.button product_type_simple add_to_cart_button ajax_add_to_cart {background-color: white;}
.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    display: none !important;
}
ul.cnss-social-icon li a, ul.cnss-social-icon li a img {
    box-shadow: none!important;
    -webkit-box-shadow: none;
     padding-right: 7px; 
}