/*  

Theme Name: Lifespan Nutrition
Theme URI: http://LifespanNutrition.com
Description: Lifespan Nutrition
Version: 1.0
Author: Andrej Tazberik
Author URI: http://andrej.atdesign.org

*/
 

@charset "utf-8";

/*
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
} */

/* ------------------------------ Common rules ------------------------------ */
body, h1, h2, h3, h4, h5, h6, p, ul, li, input { margin: 0px; padding: 0px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background: #fff; padding: 10px 0px 20px 0px; }
img{ border: none; }
.clearFloat{ font-size: 1px; line-height: 0px; margin: 0px; clear: both; height: 0px; }
.container { width: 95%; max-width: 1200px; margin: 0px auto 0px auto; position: relative; }
a{ text-decoration: none; color: #5d318a; }
hr{ height: 0px; width: 96%; margin: 0px 2% 0px 2%; padding: 0px; }

/* ------------------------------ Sitewide rules ------------------------------ */
/* Contact form 7 - standard look */
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{ background-color: #faf6ed; border: 1px solid #dd9a2b; width: 300px;}
.wpcf7 .wpcf7-submit{ margin: 0px 0px 0px 120px; padding: 2px 15px 2px 15px; background-color: #1a1411; color: #fff; font-weight: bold; border: none; border-radius: 3px;}
.wpcf7 label{ display: block; float: left; width: 120px; font-size: 10pt; }

/* eCommerce Product Catalog - Modern Grid support for square images - zatial nefunguje*/
.modern-grid-element .pseudo { padding-top: 100%; }
.product-subcategories .al_archive img.higher.rect, .product-list .al_archive img.higher.rect, .al_archive img.higher.rect { margin-top: 0; }


/* --- HEADER --- */
header{ width: 95%; max-width: 1200px; margin: 0px auto; position: relative; }
header h1{ margin: 0px 0px 20px 20px; }
header nav{ position:absolute; right:0; top:0; width: auto; }
header nav ul{ list-style: none; border-bottom: 1px solid #000; padding: 0px 10px 0px 30px; }
header nav ul li{ display: inline-block; padding: 0px 5px 10px 5px; }
header nav ul li a{ color: #000; transition: all .95s ease; display: block; padding: 3px 5px; }
header nav ul li a:hover{ color: #888; }

/* MetaSlider */
.metaslider div.caption-wrap{ margin-left: 55%; width: 45%;  height: 100%; opacity: 1; background: none; list-style-type: decimal; }
.metaslider div.caption{ font-size: 32px; padding: 10% 5%; font-family: 'Montserrat', sans-serif; }
.metaslider div.caption h2{ margin: 0px 0px 0.5em 0px; font-size: 1.5em; line-height: 1em; }
.metaslider div.caption p{ margin: 0px 0px 0.68em 0px; font-size: 1em; line-height: 1.1em; }

@media (max-width: 1201px) AND (min-width: 921px) { .metaslider div.caption{ font-size: 24px; } }
@media (max-width: 920px) AND (min-width: 761px) { .metaslider div.caption{ font-size: 20px; } }
@media (max-width: 760px) AND (min-width: 651px) { .metaslider div.caption{ font-size: 16px; } }
@media (max-width: 650px){ .metaslider div.caption{ font-size: 12px; } }


/* ------------------------------ Content Module ------------------------------ */

#Content{ background: #fff; min-height: 150px; padding: 20px 0px 20px 0px; line-height: 24px; font-size: 16pt; }
#Content p{ margin: 0px 0px 20px 0px; font-size: 16pt;}
#Content h2{ margin: 0px 0px 15px 0px; text-align: left; font-size: 32pt; font-weight: bold; line-height: 38px;}
#Content h3{ margin: 0px 0px 15px 0px; text-align: left; font-size: 28pt; font-weight: bold; line-height: 38px; line-height: 38px;}
#Content h3.grey-box{ font-size: 14pt; line-height: 26px; } /* zmensit pismo PRODUCT names */
#Content h4{ margin: 0px 0px 15px 0px; text-align: left; font-size: 20pt; font-weight: bold; line-height: 32px;}
#Content ul{ margin: 0px 0px 10px 15px; }

#Content p.addCart{ width: 140px; height: 35px; background: #63AB00; color: #fff; text-transform: capitalize; font-size: 10pt; text-align: center; }
#Content p.addCart a{ display: block; color: #fff; padding: 5px 10px 5px 10px; }
#Content p.addCart a{ display: block; color: #fff; padding: 5px 10px 5px 10px; }
#Content p.addCart a:hover{ text-decoration: underline; }
#Content p.outOfStock{ width: 140px; height: 32px; padding: 3px 0px 0px 0px; background: #7d4c8d; color: #fff; text-transform: capitalize; font-size: 10pt; text-align: center; }

#Content div.productHighlight{ border: 1px solid #000; padding: 10px 5% 10px 5%; margin-bottom: 10px; color: #555; font-size: 12pt; }
#Content div.productHighlight p{ font-size: 14pt; margin-bottom: 0px; }


/* Common CONTENT rules for POSTS and PAGES */
#Content div.page, #Content div.post{ padding: 0px 20px 0px 20px; }


/* ---HOME page--- */
#Content div.homeList{ padding: 55px 2% 10px 2%; }
#Content div.homeList h2{ text-align: center; font-weight: normal; font-size: 18pt; margin: 0px 0px 30px 0px; }
#Content div.homeList p.homeButton{ text-align: center; width: 180px; height: 35px; background: #000; color: #fff; margin: 20px auto 0px auto; text-transform: capitalize; font-size: 10pt; }
#Content div.homeList p.homeButton a{ display: block; color: #fff; padding: 8px 10px 5px 10px; }

/* HOME - Featured Reports */
#Content div#FeaturedReports{ background: url(images/titlePositioning_03.png) no-repeat center 20px; padding: 55px 10% 0px 10%; }
#Content div#FeaturedReports ul{ list-style: none; }
#Content div#FeaturedReports ul li{ padding: 50px 0px 40px 0px; border-bottom: 1px solid #999; }
#Content div#FeaturedReports ul li:nth-last-child(1) { border-bottom: none; }

#Content div#FeaturedReports p{  }
#Content div#FeaturedReports a{ color: #6e2889; font-style: normal; }
#Content div#FeaturedReports a:hover{ text-decoration: underline; }

/* HOME - Products */
#Content div#HomeProducts{ background: url(images/titlePositioning_01.png) no-repeat center 20px; }
#Content div#HomeProducts ul{list-style: none;}
#Content div#HomeProducts ul li{ float: left; display: block; overflow: auto; width: 250px; height: 255px; padding: 15px 10px 0px 10px; margin: 0px 4px 4px 0px; border: 1px solid #bfcaca; text-align: center; }
#Content div#HomeProducts ul img{ height: 185px; }
#Content div#HomeProducts ul strong{ display: block; font-size: 12pt; margin: 10px 0px 0px 0px; }

/* HOME - Bill Sardi */
#Content div#HomeBillSardi{ background: url(images/titlePositioning_03.png) no-repeat center 20px; }
#Content div#HomeBillSardi img{ display: block; float: left; margin: 0px 5% 0px 10%; width: 198px; }
#Content div#HomeBillSardi div{ float: left; width: 60%; padding: 25px 0px 0px 0px; }
@media (max-width: 930px) { 
 #Content div#HomeBillSardi img{ float: none; margin: 0px auto; }
 #Content div#HomeBillSardi div{ float: none; width: auto; }
}
	
/* HOME - Testimonials */
#Content div#HomeTestimonials{ background: url(images/titlePositioning_05.png) no-repeat center 20px; padding: 55px 15% 0px 15%; }
#Content div#HomeTestimonials ul{ list-style: none; }
#Content div#HomeTestimonials ul li{ padding: 10px 0px 10px 0px; border-bottom: 1px solid #999; }
#Content div#HomeTestimonials ul li:nth-last-child(1) { border-bottom: none; }

#Content div#HomeTestimonials p{ color: #27a681; font-style: oblique; }
#Content div#HomeTestimonials p.homeTestimonialAuthor{ font-weight: bold; }
#Content div#HomeTestimonials a{ color: #65c1f8; font-style: normal; }
#Content div#HomeTestimonials a:hover{ text-decoration: underline; }

/* HOME - NewLook */
#Content div#HomeNewLook{ background: url(images/titlePositioning_04.png) no-repeat center 20px; }
#Content div#HomeNewLook img{ display: block; float: left; margin: 0px 5% 0px 1%; width: 389px; }
#Content div#HomeNewLook div{ float: left; width: 50%; padding: 45px 0px 0px 0px; }
@media (max-width: 1030px) { 
 #Content div#HomeNewLook img{ float: none; margin: 0px auto; width: 100%; max-width: 389px;  }
 #Content div#HomeNewLook div{ float: none; width: auto; }

}

/* HOME - Shop */
#Content div#HomeShop{ background: url(images/titlePositioning_02.png) no-repeat center 20px; text-align: center; width: 90%; }
#Content div#HomeShop p.homeButton{ background: #8d3cc9; }

/* Supplement Facts */
#Content table.supplFacts{ border: 1px solid #000; border-collapse:collapse; width: 400px; font-size: 14pt;  }
#Content table.supplFacts col.col1{ width: 50%; }
#Content table.supplFacts col.col2{ width: 25%; }
#Content table.supplFacts col.col3{ width: 25%; }
#Content table.supplFacts th, #Content table.supplFacts th p{ font-size: 8pt; }
#Content table.supplFacts strong.header{ font-family:'Arial Black','Helvetica Bold',sans-serif; font-size:18pt; white-space:nowrap;   }
#Content table.supplFacts tr{ border-bottom: 1px solid #000; vertical-align: top; }
#Content table.supplFacts tr.boldBorder{ border-bottom: 8px solid #000; }
#Content table.supplFacts tr.semiBoldBorder{ border-bottom: 4px solid #000; }
#Content table.supplFacts p{ padding: 0px; margin: 0px; }
#Content table.supplFacts p.textIndent{ text-indent: 10px; font-size: 8pt; }

/* POSTS */
#Content div.column{ float: left; }

#Content div#Left { width: 80%; }
#Content ul#Articles{ list-style: none; }
#Content ul#Articles li.post-list{ padding: 20px 0px 15px 0px; border-bottom: 1px solid #2a2a2a; }
#Content ul#Articles li.post-list:nth-last-child(1) { border-bottom: none; }
#Content a.more-link{ display: block; margin: 5px 0px 0px 0px; }

/* ------------------------------ Footer Module ------------------------------ */

#Footer{ padding: 20px 0px 20px 0px; color: #221f1f; font-size: 9pt; text-align: center; }

#Footer ul{ list-style: none;  }
#Footer ul li{ text-transform: capitalize; display: inline-block; padding: 0px 10px 0px 10px; border-right: 1px solid #aaaaaa; }
#Footer ul li:nth-last-child(1) { border-right: none; }

#Footer p#FooterAddress{ margin: 15px 0px 0px 0px; }
#Footer p#FDA{ margin: 15px auto 0px auto; border: 1px solid #333; width: 80%; padding: 10px 10px 10px 10px;  }


/* ====== MEDIA QUERIES ======= */
@media (max-width: 820px) {

header nav{ position: relative; right: auto; left: auto; margin: 0px auto; text-align: center; }	
header nav ul{ border-bottom: none; }
}