/*
Theme Name: liveswell
Author: Matt Fincher - 535media 
Author URI: http://www.535mediallc.com/
Description: Custom theme for everybody lives well website
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain:  liveswell

*/


/*************** BASE STYLES *********************/ 
body,
html {
    width: 100%;
    height: 100%;
}
	body {
		background-color:transparent;	
	}
	html {
		background-attachment:fixed;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;	
	}
	
p {
	margin-bottom:10px !important;	
}
body {
	font-family: 'Lato';
	font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lato";
	text-transform: uppercase;	
}
h1 {
	font-size: 36px;
}

h2 {
	font-size: 26px;
}

.sidebar section {
	border-bottom:1px solid lightgray;
	padding-bottom:20px;
	margin-bottom:20px;	
}

.sidebar h2 {
	font-family:inherit;	
}
.sidebar input {
	margin-bottom:0 !important;	
}
a {
	color: #0095ff;
}
a:hover, a:focus {
	color:#337ab7;
	text-decoration: none;
}
a.btn-primary{
	background-color:#bd151c;
	border-color:#bd151c;
	color:white;	
}
	a.btn-primary:hover{
		background-color:#710c10;
		border-color: #710c10;	
	}
	
	
	
	
	
/*************** GLOBAL STYLES *********************/ 
.flex {
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;	
}
	.flex-row {
		-ms-flex-direction:row;
		-webkit-flex-direction:row;
		        flex-direction:row;
	}
	.flex-column {
		-ms-flex-direction:column;
		-webkit-flex-direction:column;
		        flex-direction:column;	
	}
	.space-between {
		-ms-flex-pack:justify;
		    -webkit-justify-content:space-between;
		        justify-content:space-between;	
	}
@media (min-width: 768px) {
	.vertical-align {
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-ms-flex-align:center;
		    -webkit-align-items:center;
		        align-items:center;	
	}
}
.no-spacer {
	padding-left:0px;
	padding-right:0px;	
}
section.major,
.major {
	margin-bottom:40px;	
}
.minor {
	margin-bottom:20px;	
}
.space-top {
	margin-top:3% !important;
}
.gray {
	background-color:#dbdada;	
}
.red,
.main-color {
	color:#bd151c;
}
.blue {
	background-color:#bd151c;
	color:white;	
}
.clickcase:hover {
	cursor:pointer;	
}
.note {
	background-color:yellow;
	color:red;	
}
.center-block {
	display: block;
	text-align: center;
	margin: 0 auto;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
select {
	background: white;
    border: 2px solid rgba(0, 0, 0, 0.11);
    border-radius: 0;
    box-shadow: none;
    color: #5c5c5c;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    line-height: 26px;
    margin-bottom: 15px;
	width:100% !important;
    padding: 0 10px;
    resize: none;
    transition: all 200ms ease-in 0s;
    vertical-align: middle;
}
textarea {
	min-height:140px;	
}



.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.wp-caption {
	border:1px solid lightgray;
	padding:10px;	
}
	.wp-caption-text {
		font-size:13px;
		font-style:italic;	
	}


/*************** NAV STYLES *********************/ 
.custom-logo {
    height: auto;
    max-width: 60% !important;
}
.navbar {
	padding: 0;
}
.navbar a {
	color:#202020;
}
.navbar-default {
	background-color:rgba(255,255,255,0.9);
	border-bottom:1px solid lightgray;	
	margin-bottom:0;
}
	.navbar-nav > li,
	.navbar-nav > li:last-child {
		border-left:1px solid lightgray;	
		min-width:100px;
		text-align:center;
		padding: 30px 5px;
	}
		.navbar-nav > li:last-child {
			border-right:1px solid lightgray;	
		}
		.navbar-nav > li:hover,
		.navbar-nav > li:hover a,
		.navbar-nav > li:hover i,
		.navbar-default .navbar-nav > li.standout a,
		.standout i {
			color: #fff;
		}
		.standout {
			background-color:#bd151c;
		}
		.navbar-default .navbar-nav > li:hover{
			background-color:#202020;
		}
	
.navbar-header.page-scroll {
	padding-top:15px;	
}

.navbar-toggler-icon {
	background-color: #bd151c;
	border-color: #bd151c;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	height: auto;
	padding: 10px 15px;
	width: 100px;
}

.navbar-toggler-icon:before {
	content: "Menu";
}

.navbar-toggler:not(:disabled):not(.disabled) {
	margin: 0 auto;
}

@media (min-width: 768px) {
	.custom-logo {
		max-width:250px !important;	
	}
}

#menu-your-life-categories {
	padding-left: 0;
}

#menu-your-life-categories li {
	background-color: #bd151c;
    border-color: #bd151c;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}

#menu-your-life-categories li:hover {
	background-color:#710c10;
	border-color: #710c10;
}

#menu-your-life-categories a {
	color: #ffffff;
}




/*************** SLIDER STYLES  *********************/
.carousel-inner > .carousel-item {
	background-position:center left;
	background-size:cover;
	height:auto;	
}
.es-slider .card {
	height: 100%;
}
	@media (min-width:768px) {
		.es-slider .carousel-inner > .carousel-item {
			background-position:center center;
			/* height:325px; */
		}
	}
.es-slider .carousel-inner {
	overflow: inherit;
}


.transition-timer-carousel .carousel-caption { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15%;
	padding-right: 15%;
}
.carousel-caption {
    background: rgba(0, 0, 0, .45);
    position: absolute !important;
	 height: 100%;
	width: 100%;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	padding: 0;
	/* 
	
   
   padding-top: 10em;
	
	*/
}

.carousel-caption a {
	color: #fff;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}

.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}



.carousel-caption-text a.moretag {
    display: none;
}

/*************** SHOP STYLES & PRODUCT FEED *********************/ 
.prodfeed .product {
	text-align: center;
}

.prodfeed .product a {
	display: inline-block;
}

.prodfeed .product td {
	display: block;
	width: 100%;
}

.shop-graphic img {
	width:100%;	
}




/*************** POST STYLES *********************/ 
.post {
	position:relative;
	margin-bottom:20px;
}
.post:hover .post-inner,
.post:hover .post-inner h2 {
	background-color:#202020;
	color:white;	
}
/*.post:hover .sub-details {
	display:none;	
}
.post:hover .btn-link {
	display:block;	
}*/

	.post-inner {
		background-color:white;
		border:1px solid #d0d0d0;	
		padding-bottom:20px;
	}
		.post-image { 
			position:relative;	
		}
		
			.wp-post-image {
				width:100%;	
			}
			.post-icon {
				position:absolute;
				bottom:-20px;
				width:100%;
				z-index:100;
			}
		
		.post-details {
			padding:20px 20px 0;
		}
			.post-details h2 {
				color:#bd151c;	
			}
			.sub-details {
				padding-top:20px;	
			}
			/*.btn-link {
				display:none;	
				padding-top:10px;
			}*/
.col-sm-4.user_stories {
	
	padding-right:0;
}
	
	.user_stories .post-inner,
	.post-image {
		border:none;
		padding-bottom:0;
		height:330px;
		background-position:center center;
		background-size:cover;
	}
		.post-image.default-image {
			background-image:url('assets/images/default-post-listing.jpg');
		}
		.post.user_stories:hover .post-inner,
		.post.user_stories:hover .post-inner h2 {
			background-color:transparent;
			color:inherit;	
		}
		.user_stories .caption {
			bottom:0;
			color:white;
			padding: 10px;
			position:absolute;
			width: calc(100% - 15px);	
			background-color:rgba(47,47,47,0.79);
		}
		
.single .caption {
	font-size:13px;
	font-style:italic;
}
			
.single img,
.wp-caption {
    height: auto;
    max-width: 100%;
}		
	.wp-caption {
		margin-bottom:20px;	
	}

.sponsorLogo {
	max-width:100px;
	padding-top:5px;
}
/*************** FOOTER STYLES *********************/ 
section.about {
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
	border-top:1px solid lightgray;
	background-color:whitesmoke;	
}
.about h2 {
	margin-top:0;	
}
.newsletter {
	background-color: #7d7d7d;
	padding:20px;	
}
footer {
	background-color: #710c10;
	color: #fff;
	padding:40px 0;	
}
	footer a,
	footer a:hover {
		color: #fff;	
	}

#frm_form_7_container .frm_style_formidable-style.with_frm_style label.frm_primary_label,
#frm_form_7_container .frm_style_formidable-style.with_frm_style.frm_login_form label {
	color: #fff !important;
}
	
	
	
	
	
/*************** SIDEBAR STYLES *********************/ 
.sidebar h3:first-child {
    margin-top: 0;
}
.sidebar h3 {
	border-bottom:1px solid lightgray;	
	padding-bottom:10px;
}
/*.sidebar section {
	padding:10px;	
}*/
.recent-post {
	margin-bottom:10px;	
}
	.recent-post > a {
		display:block;
		padding:10px;
	}
	
	



/*************** CONTENT STYLES *********************/ 
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-bottom:20px;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
.gallery {
    display: inline-block;
    margin-top: 20px;
	margin-bottom:0;
}
	.gallery .gallery-image {
		margin-bottom:20px;
	}
		.gallery .gallery-image:last-child {
			margin-bottom:0;
		}
.single h1 {
	font-size:2.5em;	
}
@media (min-width: 768px) {
	.single h1 {
		font-size:4em;	
	}
}
.heading-top {
		min-height:500px;
		background-size:cover;
		background-position:center;	
	}
	
.sponsoredByInner{
	padding:20px 20px 10px;
}	
	
	
	
/*************** ads *********************/ 

.double-ads .ad:nth-child(2n+1) { display: block; float: left; }
.double-ads .ad:nth-child(2n) { text-align: right; }

.ad { border-top: medium none;
	  margin-bottom: 0;
      padding-top: 0; }
.ad { text-align: center; }


@media (max-width:767px){
	.ad{border-top:1px solid #ccc;padding-top:12px;margin-bottom:30px}
	.double-ads .ad:nth-child(2n+1){display:none}
	.double-ads img{max-width:100%}
}	
@media (min-width:992px){.double-ads:before,.double-ads:after{content:" ";display:table}
	.double-ads:after{clear:both}
	.double-ads:before,.double-ads:after{content:" ";display:table}
	.double-ads:after{clear:both}
	.double-ads .ad:nth-child(2n+1){float:left;display:block}
	.double-ads .ad:nth-child(2n){float:right}
}
@media (min-width:480px) and (max-width:767px){
	.ad-with-text {display:table}
	.ad-with-text .ad{border-top:none;padding-top:0;margin-bottom:0}
	.ad-with-text .ad,.ad-with-text .advertise{display:table-cell;vertical-align:middle}
	.ad-with-text .advertise{padding:0 4px 0 4%;text-align:left}
	.ad-with-text .advertise:before{display:none}
	.double-ads .ad:nth-child(2n+1) {display: none; float: center;}
}
	
@media (max-width:400px){
	.ad{border-top:none;padding-top:0;margin-bottom:0}
	.advertise{display:table-cell;vertical-align:middle}
	.advertise{padding:0 4px 0 4%;text-align:left}
	.advertise:before{display:none}
	
	.double-ads .ad:nth-child(2n+1) { display: none; float: left; }
	.double-ads .ad:nth-child(2n) { text-align: center; }
	
		

	hr{border-bottom:#ccc;margin:20px 0}
	hr.thick{border-width:2px}
	hr.stout{margin:10px 0}
	.sm-hr{position:relative;min-height:1px;padding-left:15px;padding-right:15px;display:none !important}

}



.home .ads {
	margin-bottom:20px;
}
.ads {
	margin-top:20px;
}

/*************** pagination styles *********************/ 
.navigation ul {
	padding-left:0;	
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled,
.frm_pagination li a
{
	background-color: #bd151c;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	color:white;
}

.navigation li a:hover,
.navigation li.active a {
	background-color:#710c10;
}

.custom-logo-link {
	text-align: center;
}


/* fixing submit button in footer */
div.sailthru-signup-widget div.sailthru_form form.sailthru-add-subscriber-form span.input-group-btn button.btn.btn-reverse {
	font-size: 15px;
	color: #bd151c;
	}


div.sailthru_shortcode div.sailthru-signup-widget div.sailthru_form form.sailthru-add-subscriber-form span.input-group-btn button.btn.btn-reverse {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}



ul#menu-ugc-categories {
	display: flex;
	list-style: none;
	justify-content: space-between;
}


.bottomMenu {}
.bottomMenu li { list-style-type: none; display: inline; font-size: 12px; }
.bottomMenu li a {
	color:#000;
	line-height:15px;
	text-decoration:none;
	font-weight:normal;
	border-right: thin solid #000;
	padding: 0 7px 0 3px;
}
.bottomMenu li a:hover { color:#ccc; text-decoration:underline;}
.bottomMenu li:last-child > a {border-right: none;} /* remove pipe from last item */









#es-site-slider .carousel-item.extra-slide {
	background-size: cover;
	display: none;
}
#es-site-slider .carousel-item.extra-slide.active {
	display: block;
}
#es-site-slider .carousel-item {
	min-height: 460px;
}
#es-site-slider .carousel-caption-text {
	font-size:24px;
}
#es-site-slider .caption-inner {
	margin-bottom:50px;
}

/*************** Marketing Email *********************/