/*
Theme Name: NaturalHealth365
Theme URI: https://www.naturalhealth365.com
Template: blankslate
Author: Web Garden Consulting, LLC
Author URI: https://webgardenllc.com
Description: NaturalHealth365 Theme is a Child Theme built on Blank Slate for the exclusive use of Jonathan Landsman and the NaturalHealth365 Brand.
Tags: one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 4.0.4.1541607547
Updated: 2018-11-07 16:19:07

*/

/* General CSS */

img { max-width: 100%; }

.alignleft {
	float: left;
	margin-right: 10px;
}

a {
	color: #6FB1DA; !important
}

div { position: relative;}

p { line-height: 28px; }

strong { font-weight: bold; }

body,html {
	font-family: helvetica,sans-serif;
	font-size: 18px;
	line-height:1.5;
}

body { background: white; }

.clear { clear: both; }

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #2d4758;
	margin-bottom: 10px;
	line-height: 140%;
}

h1 {
	font-size: 36px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;
}
h4 { font-size: 24px; }

button:hover { cursor: pointer; }

ul { list-style-type: disc;}
ol { list-style-type: numbers;}
ul, ol { padding-left: 40px;}

/* Header CSS */

.fixed { position: fixed; width: 100%; z-index:999; }

section#topbar {
	background: #d3d3d3;
	padding: 0;
}

#container, #topbar-inner, .fixed-top {
	padding-left: 5% !important;
	padding-right: 5% !important;
}

.nh365-search {
	width: 325px;
	float: right;
	margin-top: 2px;
}

.nh365-social {
	width: 150px;
	margin-left: 0;
	float: left;
	padding: 5px 0;
}

.social-icon {
	width: 22px;
	margin: 0 1.5% 0px 0;
	float: left;
	height:22px;
}

.nh365-inner-header { display: flex; align-items: center;}

#branding {
	width: 100%;
	background: #fff;
	box-shadow: 0 5px 10px #d3d3d3 !important;
	border-bottom: 1px solid #d3d3d3;
}

.nh365-logo {
	width: 300px;
	margin-right: auto;
}

nav#menu {
	float: right;
}

.fixed-top {
	width: 1600px;
	max-width: 100%;
	padding: 10px 10%;
	box-sizing: border-box;
	margin: 0 auto;
	z-index: 9999;
}

.hero {
	position: relative;
}

section#nh365-hero {
	background: #fff;
	width: 100%;
	padding-bottom: 40%;
	overflow-y: hidden;
	position: relative;
	border-bottom: 1px solid grey;
	box-sizing: border-box;
	background-image: url(https://web.archive.org/web/20210418171930im_/https://www.naturalhealth365.com/wp-content/uploads/2020/12/homepage-bg-nh365new.png);
	height: 0;
	background-size: 100%;
}
.hero-optin {
	position: absolute;
	left: 49%;
	bottom: 9%;
	color: #2a557e;
	width: 25.78%;
}
.hero-optin .infusion-field {
	float: left;
	width: 39%;
	margin-right: 1%;
}
.hero-optin input {
	max-width: 100%;
	width: auto;
	border-color: #2a557e;
	border-radius: 5px;
	padding: 10px;
	border-width: 2px;
	box-sizing: border-box;
}
.hero-optin input[type="submit"] {
	background: #2a557e;
	color: #fff;
	border-color: #2a557e;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	width: auto;
}

#topbar-inner, #container {
	width: 1600px;
	max-width: 100%;
	padding: 0 10%;
	box-sizing: border-box;
	margin: 0 auto;
}

#container {
	padding: 50px 10%;
}

/* Content CSS */

.podcast-logo {
	position:absolute;
	width: 150px;
	z-index:5;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)
}

.podcast-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:4;
	background-color: rgba(0,0,0,.5);
}

.videoWrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h4.most-popular-title {
	border-bottom: 2px solid #2d4758;
	margin-top: 18px;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #fff;
	border-color: #ddd;
	color: #666;
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
	border-top: 0 solid !important;
	border-left: 0 solid !important;
	border-right: 0 solid !important;
	border-bottom: 3px solid !important;
	border-color: #2d4758 !important;
}

.responsive-tabs .responsive-tabs__panel {
	background: #fff;
	border: 0px solid #ddd !important; 
	border-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	clear: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	word-wrap: break-word;
}

table.most-popular td.position {
	padding-right: 8px;
}

#content {
	width: 74%;
	margin-right: 1%;
	float: left;
}
section#sidebar {
	width: 24%;
	margin-left: 1%;
	float: left;
}

table.most-popular td {
	vertical-align: middle;
	padding: 10px 0;
}

.responsive-tabs .responsive-tabs__list__item {
	border-color: #d3d3d3;
	border-bottom: 3px solid !important;
}

.responsive-tabs .responsive-tabs__list__item {
	border: 1px solid transparent;
}

#latest-articles, #latest-podcasts, #latest-videos {
	margin-bottom: 30px;
}

#sidebar li {
	list-style: none;
}

#tablist1-tab1 {
	width: 50% !important;
	padding-left: 0;
	box-sizing: border-box;
	margin-right: 0;
	margin-left: 0;
}

#tablist1-tab2 {
	width: 50% !important;
	padding-right: 0;
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
}

h1.health-news {
	border-bottom: 2px solid #2a557e;
	margin-bottom: 20px;
	color: #2d4758;
	padding-bottom: 5px;
}

#two-column {
	width: 48%;
	margin: 0 1% 20px;
	float: left;
}e

#two-column.left {
	width: 49%;
	margin-right: 1%;
	margin-left: 0;
}

#twothirds-column {
	width: 64.6%;
	margin: 0 1% 10px;
	float: left;
}

#ajax-load-more ul { list-style-type: none; padding-left: 0; }

.alm-listing .alm-paging-content > li, .alm-listing .alm-reveal > li, .alm-listing > li {
	background: 0 0;
	margin: 0 0 30px;
	padding: 0 !important;
	overflow: hidden;
	position: relative;
	list-style: none;
	border-bottom: 1px solid #d3d3d3;
}

.article-container, .podcast-container, .video-container {
	background: #fff;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.1);
	box-sizing: border-box;
	position: relative;
	height: 270px;
	overflow: hidden;
	padding-top: 150px;
	transition: padding-top .5s;
	padding-bottom: 5px;
}

.latest-article-image, .latest-podcast-image, .latest-video-image {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 29;
	width: 100%;
}

.article-container:hover .title-meta-box, .podcast-container:hover .title-meta-box, .video-container:hover .title-meta-box {
	height: calc(100% - 30px);
	transition: height .5s;
}

.article-container .share-article, .podcast-container .share-article, .video-container .share-article {
	opacity: 0;
	position: absolute;
	top: 6px;
	left: 3px;
	z-index: 55;
	display: block;
	transition: opacity .1s;
}

.article-container:hover .share-article, .podcast-container:hover .share-article, .video-container:hover .share-article {
	opacity: 1;
	display: block;
	transition: opacity .1s;
}


.title-meta-box {
	position: absolute;
	background: #fff;
	z-index: 30;
	width: 100%;
	padding: 15px;
	height: 40%;
	box-sizing: border-box;
	bottom: 0;
	transition: height .5s;
}

.viewmore button {
	padding: 20px;
	background: #2a557e;
	color: #fff;
	font-weight: 700;
	border: none;
	box-shadow: 0 0 10px grey;
}

.viewmore-podcasts button {
	padding: 20px;
	background: #2a557e;
	color: #fff;
	font-weight: 700;
	border: none;
	box-shadow: 0 0 10px grey;
}

.viewmore-videos button {
	padding: 20px;
	background: #2a557e;
	color: #fff;
	font-weight: 700;
	border: none;
	box-shadow: 0 0 10px grey;
}

.viewmore, .viewmore-podcasts, .viewmore-videos {
	text-align: center;
}

h1.featured-products {
	color: #2a557e;
	border-bottom: 2px solid #2a557e;
	padding-bottom: 5px;
	margin: 20px 0;
}

#nh365-store-products button.owl-prev {
	position: absolute;
	top: 30%;
	left: -50px;
	font-size: 80px !important;
	color: #2a557e !important;
}

#nh365-store-products button.owl-next {
	position: absolute !important;
	top: 30%;
	right: -50px;
	font-size: 80px !important;
	color: #2a557e !important;
}

.owl-nav { position: unset; }

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
}

ul.xoxo li {
	border: 0 solid rgba(0,0,0,.1);
	border-radius: 5px;
	margin-bottom: 24px;
}

#article-optin {
	background-image: url(https://web.archive.org/web/20210418132756im_/https://www.naturalhealth365.com/wp-content/uploads/2020/12/Natural-Health-365_Gift-banner_Tablet-2_new.jpg) !important;
}

#article-optin {
	background: #fff;
	width: 100%;
	padding-bottom: 58.89%;
	overflow-y: hidden;
	position: relative;
	border-bottom: 1px solid grey;
	box-sizing: border-box;
	background-image: url(https://web.archive.org/web/20210418132756im_/https://www.naturalhealth365.com/wp-content/uploads/2019/01/article-optin.jpg);
	height: 0;
	background-size: 100%;
}

.hero-optin-article {
	position: absolute;
	left: 0;
	bottom: 5%;
	color: #2a557e;
	width: 80%;
}

.hero-optin-article .infusion-field {
	float: left;
	width: 40%;
	margin-right: 1%;
}

.hero-optin-article input {
	max-width: 100%;
	width: 100%;
	border-color: #2a557e;
	border-radius: 5px;
	padding: 10px;
	border-width: 2px;
	box-sizing: border-box;
}

.hero-optin-article input[type="submit"] {
	background: #2a557e;
	color: #fff;
	border-color: #2a557e;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	width: auto;
}

button.previous-btn, button.next-btn {
	padding: 10px 20px;
	background: #2a557e;
	color: #fff;
	font-weight: 700;
	border: none;
	box-shadow: 0 0 10px grey;
}

.nav-previous { float:left; }

.nav-next {
	float: right;
}

textarea { max-width: 100%; }

/* Footer CSS */

#footer-widgets-area {
	background: #e5f6f5;
	padding: 10px 0;
	line-height: 1.5;
}

#footer-widgets-area ul { 
	list-style-type: none;
	padding-left: 0;
}

h3.widget-title {
	color: #2d4758;
	font-size: 22px;
	padding: 0;
	box-sizing: border-box;
	border-bottom: 0 solid #2d4758;
	border-radius: 5px 5px 0 0;
	margin-bottom: 20px;
}

.widget-box {
	width: 1600px;
	max-width: 100%;
	padding: 0 10%;
	box-sizing: border-box;
	margin: 30px auto 0;
}

#three-column {
	width: 31.3%;
	margin: 0 1% 20px;
	float: left;
}

.disclaimer {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 0 !important;
	padding: 0 10%;
}

#footer {
	background: #2d4758;
	padding: 10px 0;
	color: #fff;
}

#footer-menu, #copyright, #translate {
	width: 50%;
	float: left;
	position: relative;
}

#copyright {
	width: 60%;
	margin: 0;
}
#copyright, #copyright a {
	/* font-size: 14px; */
	line-height: 28px;
	color: #eee;
	text-align: left;
}
#translate {
	width: 40%;
}

.switcher {
	position: absolute;
	right: 0;
}

.footer-inner {
	padding: 0 20px;
}

@media screen and (max-width:1100px) {
	section#sidebar, section#content {
	width: 100%;
}
	
}

@media screen and (max-width: 900px) {
	section#nh365-hero, #article-optin {
	background: #fff;
	width: 100%;
	padding-bottom: 71%;
	overflow-y: hidden;
	position: relative;
	border-bottom: 1px solid grey;
	box-sizing: border-box;
	background-image: url(https://web.archive.org/web/20210418171930im_/https://www.naturalhealth365.com/wp-content/uploads/2020/12/Natural-Health-365_Gift-banner_Tablet-2_new.jpg) !important;
	height: 0;
	background-size: 95% auto;
	background-repeat: no-repeat;
	background-position: top right;
}
	.hero-optin, .hero-optin-article {
	position: absolute;
	left: 12%;
	bottom: 5%;
	color: #2a557e;
	width: 80%;
}
	
	#two-column.left, #two-column.right {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
	
	#nh365-store-products button.owl-prev {
	position: absolute;
	top: 30%;
	left: -30px;
	font-size: 80px !important;
	color: #2a557e !important;
}
	#nh365-store-products button.owl-next {
	position: absolute !important;
	top: 30%;
	right: -30px;
	font-size: 80px !important;
	color: #2a557e !important;
}
	
}

@media screen and (max-width:768px) {
	.widget-box #three-column {
	width: 90%;
	margin: 0 5% 10px;
}
	section#sidebar {
	margin-top: 30px;
}
	
	#copyright,#translate {
		width: 100%;
		margin: 5px 0;
	}
	.switcher { position: relative;}
	
	
}