/*
Theme Name: LouAna 2026
Author: Unlimited Fix inc.
Description: LouAna and LouAna Coconut Oil site merge. Original site theme by Dutch Monaco.
Version: 2.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: Louana
*/

body{
  background:#f1ece1;
  font-size:13px;
  margin:0;
  padding:0;
  min-width:640px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.01);
}

* { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

a { text-decoration:none; color:#cc6633; }

ul { margin:0; padding:0; list-style:none;}
img { border:0; outline:none;}

#header { height:200px; background-color:#a41528; background-image: url("_img/bck_header2-back.png"); width:100%; position:relative; background-size: cover; background-position: top;}
#header .container { max-width:975px; margin:auto; position:relative; height:100px; width:100%; }
#header .container .bottle { width:141px; height:100px; display:block; position:absolute; top:7px; right:215px; z-index:10000000; }
#header .container .logo { height:92px; width:260px; margin:auto; padding-top:4px; }
#header .container .logo a { margin-top:30px;  }

#header .mholder { margin:auto; height:53px;width:100%; text-align:center;position:absolute; top:167px; z-index:10000000; background-color:#e25337;}
#header .mholder.sticky {
    top:0 !important;
    position:fixed;
    
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
    
    -webkit-animation-name: nav-scroll;
    -webkit-animation-duration: .3s;
    animation-name: nav-scroll;
    animation-duration: .3s;}
#header .mholder .holder  { margin: auto; }

#header .mholder.sticky .holder  { margin: auto; padding-left: 130px;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes nav-scroll {
    from {top:-50px;}
    to {top:0px;}
}

/* Standard syntax */
@keyframes nav-scroll {
    from {top:-50px;}
    to {top:0px;}
}

/* Recipes Dropdown */
#header .mholder .dropdown { width:840px; height:290px; background-color:#fff; position:absolute; margin-top:53px; z-index:1000; padding-left:45px; padding-top:20px; padding-right:34px; display:none; left:50%; margin-left:-459px; }
#header .mholder .dropdown .col { width:125px; float:left; margin-right:14px;}
#header .mholder .dropdown .col h2 { border-bottom:#f7e8e0 dotted 2px; color:#a41528; font-family:'MuseoSans500', Arial, Helvetica, Times; font-size:15px; padding-bottom:5px;}
#header .mholder .dropdown .col a { color:#dc654e; display:block; font-family:'MuseoSans100', Arial, Helvetica, Times; font-size:13px; margin-bottom:10px; }
#header .mholder .dropdown .col a:hover { color:#a41528; }

/* Products Dropdown */
#header .mholder .dropdown-prod { width:920px; height:290px; background-color:#fff; position:absolute; margin-top:53px; z-index:1000; padding-left:0; padding-top:20px; padding-right:0; display:none; left:50%; margin-left:-460px; }
#header .mholder .dropdown-prod .prod-main-sub {height: 58px;}
#header .mholder .dropdown-prod .prod-main-sub ul li {font-family:'MuseoSans500', Arial, Helvetica, Times; font-size:10px; text-transform: uppercase; display: inline-block;padding:0 30px;}
#header .mholder .dropdown-prod * {outline: none !important;}
#header .mholder .dropdown-prod .dd-products-slide div ul li {display: inline-block;padding:0 10px; vertical-align: top; height: 200px;}
#header .mholder .dropdown-prod .dd-products-slide div ul li:hover {background: url(_img/nav-rollover.png); background-size: 100%; background-position: center 20%; background-repeat: no-repeat;}
#header .mholder .dropdown-prod .dd-products-slide div ul li img {margin: 0 auto; padding-bottom: 10px;height: 150px;width: auto;}

#header .mholder .dropdown-prod .dd-products-slide div ul li span {font-family: 'MuseoSans100', Arial, Helvetica, Times; color: #cc6633; font-size: 16px;}
#header .mholder .dropdown-prod .dd-products-slide div ul li span:hover {color: #a41528;}

#header .mholder .dropdown-prod .col { width:125px; float:left; margin-right:14px;}
#header .mholder .dropdown-prod .col h2 { border-bottom:#f7e8e0 dotted 2px; color:#a41528; font-family:'MuseoSans500', Arial, Helvetica, Times; font-size:15px; padding-bottom:5px;}
#header .mholder .dropdown-prod .col a { color:#dc654e; display:block; font-family:'MuseoSans100', Arial, Helvetica, Times; font-size:13px; margin-bottom:10px; }
#header .mholder .dropdown-prod .col a:hover { color:#a41528; }

#header .mholder .search { width:860px; height:60px; background-color:#fff; position:absolute; margin-top:53px; display:none; z-index:10000; }
#header .mholder .search input[type=text]{ width:100%; height:40px; text-align:center;color:#ab3528; font-family:'MuseoSans100', Arial, Helvetica, Times; font-size:20px; border:none; margin:auto; margin-top:9px; background-color:transparent; outline:none; text-transform:uppercase; }
#header .mholder ul.menu { margin-top:5px; } 
#header .mholder ul.menu li { border-left:#ab3528 solid 2px; height:42px; padding-left:28px; padding-right:28px; float:left; }
#header .mholder ul.menu li:nth-child(1) { padding-left:0; padding-right:18px; border-left:none;}
#header .mholder ul.menu li:nth-child(2) { padding-left:18px; padding-right:18px; }
#header .mholder ul.menu li:nth-child(3) { padding-left:18px; padding-right:18px; }
#header .mholder ul.menu li:nth-child(4) { padding-left:18px; padding-right:18px; }
#header .mholder ul.menu li:nth-child(5) { padding-left:18px; padding-right:18px; }
#header .mholder ul.menu li:nth-child(6) { padding-left:18px; padding-right:18px; }
#header .mholder ul.menu li:nth-child(7) { padding-left:18px; padding-right:18px;  border-right:#ab3528 solid 2px; }
#header .mholder ul.menu li:nth-child(8) { padding-left:10px; padding-right:0; border-left:none;  border-right:none; }
#header .mholder ul.menu li:nth-child(8) a { margin:0; padding:0; font-weight: 600;}
#header .mholder ul.menu li:nth-child(8) a img { margin-top:-2px;}
#header .mholder ul.menu li:nth-child(8) a:hover { border-bottom:none; }

#header .mholder ul.menu li a { color:#ffb48b; margin-top:13px; display:block; font-family:'MuseoSans100', Arial, Helvetica, Times; font-size:15px;text-transform: uppercase; font-weight: bold;}
#header .mholder ul.menu li.search { width:69px; padding-left:0; padding-right:0; display:inline-block; margin:0; display:inline-block; border-right:#ab3528 solid 2px !important; background-color:#db5537;  }
#header .mholder ul.menu li.search a { margin:0; padding:0; border:none; position:absolute; margin-top:-5px;}
#header .mholder ul.menu li.search a:hover { border:none; padding:0; }
#header .mholder ul.menu li a.active { border-bottom:#ecc4b1 solid 2px; padding-bottom:2px; }
#header .mholder ul.menu li a:hover { border-bottom:#ecc4b1 solid 2px; padding-bottom:2px; }

.menu a.onClickSearch {margin-top: 0 !important;}
.menu a.onClickSearch .fa-search { font-size: 19px; margin-top: 10px; color: #700e0e; padding-bottom: 2px;}

.search .entry-title a:hover {text-decoration: underline;}

#header .container #menu_alt { width:640px; margin:auto; height:51px; position:relative; display:none; margin-top:52px; }
#header .container #menu_alt a { display:block; }
#header .container #menu_alt .menu_alt_dropdown { width:640px; margin:auto; background-color:#f1ece1;  position:absolute; z-index:1000; padding-top:20px; top:52px; display:none; }
#header .container #menu_alt .menu_alt_dropdown ul.links { } 
#header .container #menu_alt .menu_alt_dropdown ul.links li { display:block;}
#header .container #menu_alt .menu_alt_dropdown ul.links li a.parent { 
	color:#e0543f; 
	display:block; 
	font-family:'MuseoSans500', Arial, Helvetica, Times; 
	font-size:15px; 
	border-bottom:#fff solid 1px; 
	padding-top:15px;
	padding-bottom:15px; 
	text-indent:50px;
}
#header .container #menu_alt .menu_alt_dropdown ul.links li a.parent.multiple { background:url(_img/bck_menu_item.png) no-repeat right; }
#header .container #menu_alt .menu_alt_dropdown ul.links li .child { display:none; }
#header .container #menu_alt .menu_alt_dropdown ul.links li .child a { display:block; font-family:'MuseoSans500', Arial, Helvetica, Times; text-align:center;  font-size:15px;  padding-top:15px; padding-bottom:15px; color:#a41528; background-color:#e4dac7; border-bottom:#fbfaf8 solid 1px;  }

#header .mholder ul.menu .nav-social {display: inline-block; margin-top:10px !important;}
#header .mholder ul.menu .nav-social img {padding-left: 10px;}
#header .mholder ul.menu .nav-social:hover {color:#700e0e;}

#header .mholder ul.menu .nav-social .fa-facebook-square {font-size: 20px; margin: 0 5px 0 5px;}
#header .mholder ul.menu .nav-social .fa-instagram {font-size: 20px; margin: 0 5px;}
#header .mholder ul.menu .nav-social .fa-pinterest-square {font-size: 20px; margin-left:5px;}

.sticky-logo {
    display: none;
    position: absolute;
    top:0px;
    margin-left: -152px;
    z-index:99999;
    
   -webkit-animation-name: logo-scroll; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: .5s; /* Safari 4.0 - 8.0 */
    animation-name: logo-scroll;
    animation-duration: .5s;
}
.mholder.sticky .sticky-logo {display: block;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes logo-scroll {
    from {top:-80px;}
    to {top:0px;}
}

/* Standard syntax */
@keyframes logo-scroll {
    from {top:-80px;}
    to {top:0px;}
}

.persephone.tparrows {
    background: rgba(201,201,201,0.65);
    border: none;
}
.persephone.tparrows:hover {
    background: rgba(255, 255, 255, 1);
}

#content.home { width:950px; margin:auto; padding-top:45px; color:#7c6f54; font-family:'MuseoSans100', Arial, Helvetica, Times; font-size:17px; line-height:25px; }

#content.home .post {text-align: center;}
#content.home .post h1 { color:#a41528; font-family:FranchiseRegular, Arial, Helvetica, Times; -webkit-font-smoothing: antialiased; font-weight:100; font-size:68px; margin-bottom:0;  }
#content.home .post h2 { background:url(_img/h2_bck_home.png) repeat-x 0 10px; font-family:ModestoCondensed, Arial, Helvetica, Times; font-size:30px; letter-spacing:.75px; color:#700e0e; margin-top:-5px;  }
#content.home .post h2 span { background-color:#fff; padding-left:10px; padding-right:10px; text-transform: uppercase;}

.home .post a.btn-outline {color: #a41528;text-transform: uppercase; border: 2px solid #a41528; padding:10px 20px;font-family:'MuseoSans300', Arial, Helvetica, Times;}
.home .post a.btn-outline:hover {color: #fff;border: 2px solid #a41528; background: #a41528; cursor: pointer;}

#content.home .ways { }
#content.home .ways .content ul { display:inline-block; }
#content.home .ways .content ul li { display:inline-block; margin-left:5px; margin-right:5px; margin-bottom:5px; position:relative; }
#content.home .recipes { }
#content.home .recipes .content ul { display:inline-block; }
#content.home .recipes .content ul li { display:inline-block; margin-left:5px; margin-right:5px; margin-bottom:5px; position:relative; } 
#content.home .tips { }
#content.home .tips .content ul { display:inline-block; }
#content.home .tips .content ul li { display:inline-block; margin-left:5px; margin-right:5px; margin-bottom:5px; position:relative; } 
#content.home .featured { }
#content.home .featured .content ul { display:inline-block; }
#content.home .featured .content ul li { display:inline-block; margin-left:5px; margin-right:5px; margin-bottom:5px; position:relative;  }

#content.home ul {} 
#content.home ul li { width:306px; height:228px; }
#content.home .info { position:absolute; width:100%; height:100%;  display:none; }
#content.home .info a { color:#fff; display:block; width:100%; height:100%; font-family:'MuseoSans300', Arial, Helvetica, Times; font-size:18px; text-align:center; background:url(_img/bck_trans.png); } 
#content.home .info a span { display:block; padding-top:25%; padding-left:10px; padding-right:10px;}
#content.home .info hr.wdots  { border:none; background:url(_img/bck_wdots.png); height:4px; width:82%; margin:auto; margin-top:10px; }

/* COUPONS */
.coupon {
    position: fixed;
    right: 10%;
    bottom: 20px;
    z-index: 9999;
}
.coupon img {
    width: 50%;
    height: auto;
    float: right;
    -webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.5);
}
.coupon .close-btn {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    margin-top: -10px;
    margin-right: -10px;
    line-height: 25px;
    width: 25px;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    border: #000 solid 2px;
}
.coupon .close-btn:hover {color:#fff; background: #000;}

/* PRODUCTS */
#content.products .top-center {text-align: center;margin-bottom: 40px;}

a.btn-solid {text-transform: uppercase; text-decoration: none;padding:10px 20px;}

.single-product .more-info .btn-solid.facts,
.single-product .more-info .btn-solid.buy {
    font-family:FranchiseRegular, Arial, Helvetica, Times; font-weight:100;
    color: #fff;
    background-color: #e0543f;
    font-size: 20px;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    padding-top: 13px;
    display: inline-block;
}

.single-product .more-info .btn-solid.facts {color: #fff; background-color: #fdc60d; margin-right: 30px; min-width: 103px;}
.single-product .more-info .btn-solid.facts:hover {background-color: #ffdb7c;}

.single-product .more-info .btn-solid.buy {color: #fff; background-color: #e0543f;min-width: 115px;}
.single-product .more-info .btn-solid.buy:hover {background-color: #f07867;}

.single-product #content.home .info {z-index: 122;}

/* THE COMPANY */
#content .top-center {text-align: center;}
#content.about .top-center {text-align: center; margin-bottom: 80px;}
#content .top-center h2 {color:#a41528; font-family:FranchiseRegular, Arial, Helvetica, Times; font-size: 30px; text-transform: uppercase;-webkit-font-smoothing: antialiased;}
#content .top-center p {color:#a41528;width: 80%;margin-left: 10%;font-size:16px; line-height: 22px;font-family:'MuseoSans300', Arial, Helvetica, Times;}
#content.about { width:930px; margin:auto; padding-top:45px; color:#7c6f54; font-family:'MuseoSans300', Arial, Helvetica, Times; font-size:17px; line-height: 24px; position:relative; }
#content.about .container .share { width:108px; right:10px; position:absolute; margin-top:-5px; }
#content.about .left { width:173px; float:left; }
#content.about .left h2 { color:#a41528; margin:0; padding:0; text-align:center; margin-top:10px; margin-bottom:6px; }
#content.about .left ul.subnav a{ font-family:'MuseoSans300', Arial, Helvetica, Times;  font-size: 13px; line-height: 18px;
color: #938872;
text-decoration: none;
display: block;
margin-top: 6px;
margin-bottom: 6px;
}
#content.about .left ul.subnav li.main a.parent { color:#594135; text-decoration:none; background:url(_img/bck_tri.png) no-repeat right -27px; padding-right:15px; font-family:'MuseoSans500', Arial, Helvetica, Times; }
#content.about .left ul.subnav li.main a.parent.open { background-position:right 6px !important; }


#content.about .left ul.subnav li.main a.about { background-image:none !important; }
#content.about .left ul.subnav li.main .child { display:none; }
#content.about .left ul.subnav li.main .child a { color:#938872; text-decoration:none; display:block; margin-top:6px; margin-bottom:6px;  }
#content.about .left ul.subnav li.main .child a.active { color:#e0543f; }

#content.about .left ul.subnav li.main .child a.active { background-position: 0 -62px }
#content.about .left ul.subnav li.main .child.open { display:block;}
#content.about .left ul.subnav li { margin-bottom:10px;  }

#content.about .right h1 {color:#594135; font-family:'MuseoSans300', Arial, Helvetica, Times; font-weight:100; font-size:35px; margin-top:0; text-transform:uppercase; margin-bottom:10px; padding-top:5px; letter-spacing:.020em; line-height: 36px;}
#content.about .right .container h2 { margin-top:-5px; margin-bottom:-5px; background-position:0 6px; display:block; }
#content.about .right .container h3,
.error404 .text-box {color:#710e0d; letter-spacing: 1px; font-weight: normal;-webkit-font-smoothing: antialiased;}

#content.about .right { width:710px;float:right; padding:10px; min-height:500px; }
#content.about .right { padding-top:0; }

#content.about .top-center a,
.page-template-page-about #content.about .container a { text-decoration: none;}
#content.about .top-center a:hover,
.page-template-page-about #content.about .container a:hover { text-decoration: underline;}

.the-company.subnav a {text-transform: uppercase;}

.page-template-page-faq h1 {margin-bottom: 30px !important;}
.page-template-page-faq h2 {font-size: 18px; color:#594135; margin-top: 40px !important;}
.page-template-page-faq a h3 {color:#594135 !important; font-weight: 600; margin-top: 30px; margin-bottom: 0;}
.page-template-page-faq a h3:hover {color:#a41528 !important;}
.page-template-page-faq a h3:before {content: "+"; display:inline-block;}
.page-template-page-faq a h3.show-icon:before {content: "-";margin-right: 3px;}
    
.page-template-page-faq p {margin-top: 0;margin-bottom: 0;margin-left: 10px;}
.page-template-page-faq dt {margin-left: 30px;}

.page-template-page-contact h3 {color:#fff !important; text-transform:uppercase; font-size: 50px; font-family: FranchiseRegular, Arial, Helvetica, Times; margin-bottom: 28px; -webkit-font-smoothing: antialiased;}
.page-template-page-contact .contact-box {padding: 1px 30px 30px 30px; margin-bottom: 30px;}
.page-template-page-contact .contact-call {background-color:#fdc60d; width: 39%; min-height: 200px; display: inline-block;}
.page-template-page-contact .contact-write {background-color:#e2634f; width: 39%; min-height: 200px; display:inline-block; float: right;}
.page-template-page-contact .contact-write p {color: #594135; font-family: 'MuseoSans500', Arial, Helvetica, Times;}
.page-template-page-contact .contact-email {background-color:#ffb48b;}
.page-template-page-contact p strong {font-family: 'MuseoSans500', Arial, Helvetica, Times;}

.page-template-page-about h3 {font-family:ModestoCondensed, Arial, Helvetica, Times; font-size: 36px; margin-top: 10px;}

.page-template-page-legal #content .container h3 { color:#a41528; font-size: 24px;}
.page-template-page-legal #content .container h4 { color:#a41528;}
.page-template-page-legal #content .container ul {list-style: initial;list-style-position: outside;}
.page-template-page-legal #content .container ul li {margin-top: 15px; margin-left: 15px;}
.page-template-page-legal #content .container ul li ul {list-style: initial; list-style-type: circle;}
.page-template-page-legal #content .container ul li ul li {margin-top:5px;margin-left: 30px;}

.page-template-page-sitemap .page_item {text-transform: uppercase;margin-bottom: 5px;}
.page-template-page-sitemap .sitemap-pages a:hover {color: #cc6633;text-decoration: underline;}
.page-template-page-sitemap .sitemap-posts {}

.page-template-page-sitemap ul li.site-map-page {margin-top: 15px;}
.page-template-page-sitemap .site-map-page a {color: #7c6f54; font-size: 16px; font-weight: 600; text-transform: uppercase;}

.page-template-page-sitemap .site-map-subpages {padding-left: 30px;}
.page-template-page-sitemap .site-map-subpage {}
.page-template-page-sitemap ul.site-map-subsub {padding-left: 30px; margin-bottom: 5px;}
.page-template-page-sitemap ul.site-map-subsub a {color: #7c6f54;}

/* BEAUTY */
.post-type-archive-beauty #content.tips .top-center {margin-bottom: 20px;}
.post-type-archive-beauty #content .top-center {text-align: center;margin-bottom: 80px;min-height: 240px;}
.post-type-archive-beauty #content .top-center h2 {color: #a41528;font-family: FranchiseRegular, Arial, Helvetica, Times;font-size: 30px;text-transform: uppercase;}

.post-type-archive-beauty #content .top-center .side-image {width: 170px; display: inline-block; float: left;}
.post-type-archive-beauty #content .top-center .side-image img{float: right;width: 150%;margin-top: 16px;padding-right: 12px;}
.post-type-archive-beauty #content .top-center .copy-w-image {width: 732px; text-align: left; display: inline-block;}
.post-type-archive-beauty #content .top-center .copy-w-image h3 {display: inline-block;font-family:'MuseoSans500', Arial, Helvetica, Times; font-size: 24px; margin-bottom: 0; color:#a41528; margin-top: 15px;}
.post-type-archive-beauty #content .top-center .copy-w-image p {text-align: left; color: #a41528; line-height: 1.5; float: left; display: inline-block; margin-left: 0; width: auto; margin-left: 0;margin-bottom: 30px;}

.post-type-archive-beauty #content hr.wdots {border: none;background: url(_img/bck_wdots.png);height: 4px;}

.post-type-archive-beauty #content.tips .grid .item { width:238px; height:180px;}
.post-type-archive-beauty #content.tips .grid ul li img { width:238px; height:180px;}

/* TIPS */
.post-type-archive-tips #content.tips .grid .item { width:238px; height:180px;}
.post-type-archive-tips #content.tips .grid .item img { width:238px; height:180px;}
/*.post-type-archive-tips #content.tips .grid .item:first-child { width: 738px !important; height: 100% !important;} */

.category-how-to #content.tips .grid ul li {width: 240px;}
.category-how-to #content.tips .grid ul li img {width: 240px;}

/* TERMS and PRIVACY */
.page-template-page-legal #content .container ul li {margin-top: 3px;margin-left: 30px;}

/* 50 WAYS TO LOVE */
.ways {margin-top: 80px;}
#content.ways { width:990px; margin:auto; padding-top:45px; }
#content.ways .container .share { width:108px; float:right; }
#content.ways .grid ul { margin-left:19px; }
#content.ways .grid ul li { width:305px; height:227px; margin:5px; display:inline-block; position:relative; }
#content.ways .grid ul li .info { position:absolute; width:100%; height:100%; display:none; }
#content.ways .grid ul li .info a { color:#fff; display:block; width:100%; height:100%; font-family:'MuseoSans300', Arial, Helvetica, Times; font-size:18px; text-align:center; background:url(_img/bck_trans.png);} 
#content.ways .grid ul li .info a span { display:block; padding-top:25%; padding-left:10px; padding-right:10px;}
#content.ways .grid ul li .info hr.wdots  { border:none; background:url(_img/bck_wdots.png); height:4px; width:82%; margin:auto; margin-top:10px; }

#content.single-ways h3 {   color: #a41528;
  font-family: FranchiseRegular, Arial, Helvetica, Times;
  font-weight: 100;
  font-size: 28px;
  padding-bottom: 0;
  margin-bottom: 10px;}

/* was TIPS now OIL 101 */
#content.tips .top-center {margin-bottom: 40px;}
.tips {margin-top: 80px;}
#content.tips { width:930px; margin:auto; padding-top:45px; font-family:'MuseoSans100', Arial, Helvetica, Times;}
#content.tips .grid ul li:first-child {width:738px;height: 100%;margin-bottom: 3px;}
#content.tips .grid ul li:first-child img {width:100%;height: auto;margin-bottom: 0;}
#content.tips .grid ul li:first-child .info {bottom: 0;top:0;height: auto;margin-bottom: 3px;}
#content.tips .grid ul li:first-child .info a span {padding-top: 35%;}
#content.tips .grid ul { }
#content.tips .grid ul li { width:242px; height:180px; margin:3px; display:inline-block; position:relative; margin-top:0; margin-bottom:6px; }
#content.tips .grid ul li .info { position:absolute; width:100%; height:100%;  display:none; }
#content.tips .grid ul li .info a { color:#fff; display:block; width:100%; height:100%; font-family:'MuseoSans300', Arial, Helvetica, Times; font-size:18px; text-align:center; background:url(_img/bck_trans.png); } 
#content.tips .grid ul li .info a span { display:block; padding-top:25%; padding-left:10px; padding-right:10px;}
#content.tips .grid ul li .info hr.wdots  { border:none; background:url(_img/bck_wdots.png); height:4px; width:82%; margin:auto; margin-top:10px; }

#content.tips .left { width:173px; float:left; color:#938872; }
#content.tips .left p { font-size:14px; margin-top: 0;}
#content.tips .left h2 { color:#a41528; margin:0; padding:0; text-align:center; margin-top:10px; margin-bottom:6px; }
#content.tips .left ul.subnav {  font-family:'MuseoSans300', Arial, Helvetica, Times; font-size:13px; }
#content.tips .left ul.subnav li.main a.parent { color:#594135; text-decoration:none; background:url(_img/bck_tri.png) no-repeat right -27px; padding-right:15px; font-family:'MuseoSans500', Arial, Helvetica, Times;  }
#content.tips .left ul.subnav li.main a.parent.open { background-position:right 6px !important; }

#content.tips .left ul.subnav li.main .child { display:none; }
#content.tips .left ul.subnav li.main .child a { color:#938872; text-decoration:none; display:block;margin-top:6px; margin-bottom:6px;  }
#content.tips .left ul.subnav li.main .child a.active { background-position: 0 -24px }
#content.tips .left ul.subnav li { margin-bottom:10px;  }
#content.tips .left hr.wdots { border:none; background:url(_img/bck_wdots.png); height:4px; }
#content.tips .right { width:750px;float:right; }

hr.dots { border:none; background:url(_img/bck_hrdots.png); height:4px; }
hr.wdots { border:none; background:url(_img/bck_wdots.png); height:4px; }


/* ADDTHIS OVERRIDE */
.addthis_32x32_style .at15nc.at300bs, .addthis_32x32_style .at15nc.at15t { background:none !important; }
.addthis_32x32_style .at15nc.at15t_facebook { background-color:#000 !important; background-position:0 0 !important; background:url(_img/btn_fbook.png) !important; height: 32px; width: 32px; display: inline-block; }
.addthis_32x32_style .at15nc.at15t_twitter { background-color:#000 !important; background-position:0 0 !important; background:url(_img/btn_twitter.png) !important; height: 32px; width: 32px; display: inline-block; }
.addthis_32x32_style .at15nc.at15t_pinterest_share { background-color:#000 !important; background-position:0 0 !important; background:url(_img/btn_pin.png) !important; height: 32px; width: 32px; display: inline-block; }

h1.titles {  font-family:ModestoExpanded, Arial, Helvetica, Times; font-size:24px; color:#a41d2a; letter-spacing:5px; }
h1.titles a { color:#a41d2a; }
h1.titles div, h2.titles div { display: inline-table; }
h1.titles div.left, h2.titles div.h2-left { width:43px; height:18px; background-color:#36C; background:url(_img/h1_bck_l.png); }
h1.titles div.center, h2.titles div.h2-center { padding-left:6px; padding-right:6px; width: auto;}
h1.titles div.right, h2.titles div.h2-right { width:43px; height:18px; background-color:#F93; background:url(_img/h1_bck_r.png); }
h2.titles div.h2-left, h2.titles div.h2-right {vertical-align: middle;margin-top: -5px;}

h2.titles div.h2-left-long { width:350px; height:14px; background-color:#36C; background:url(_img/h1_bck_long_l.png); background-position: left; }
h2.titles div.h2-right-long { width:350px; height:14px; background-color:#F93; background:url(_img/h1_bck_long_r.png); background-position: right; overflow-x: hidden;}
h2.titles div.h2-left-long, h2.titles div.h2-right-long {vertical-align: middle;margin-top: -5px;}

h2.titles div.h2-center {background: rgb(241, 236, 225);z-index: 22; }

.clear { clear:both;}
.pink { color:#f2c1b3; }

.to-top {
    position: fixed;
    z-index: 9998;
    right: 50px;
    bottom: -3px;
}

#footer { margin-top:20px; background-color:#e0543f; padding-top:25px; margin-top:80px; }
#footer h1.titles {color: #fff;}
#footer p { font-family:'MuseoSans300', Arial, Helvetica, sans-serif; font-size:13px; clear:both; }
#footer .foot-bottom {background-color: #a41528; padding-top: 5px; padding-bottom: 5px;}
#footer .foot-bottom p {color: #ffb48b !important; font-size:10px; }

#footer #footernav {text-align: center;margin-top: 40px;margin-bottom: 60px;}
#footer #footernav ul li {display: inline-block; padding-left: 10px; padding-right: 10px;}
#footer #footernav a {font-family: 'MuseoSans300', Arial, Helvetica, sans-serif;font-weight: bold;color: #eee;text-transform: uppercase;}
#footer #footernav a:hover {color: #fff; border-bottom: 2px solid #fff;padding-bottom: 2px;}

#footer .social {width: 40%; text-align: center; display: inline-block; margin-bottom: 60px; margin-left: 10%; color:#821221;text-transform: uppercase;font-family:'MuseoSans100', Arial, Helvetica, sans-serif;}
#footer .social img {vertical-align: middle; margin-top: -5px; padding-left:10px;}

#footer .social .fa-circle {color:#821221;}
#footer .social .fa-facebook,
#footer .social .fa-instagram,
#footer .social .fa-pinterest-p {color: #ffb48b;}

#footer .social .fa-stack {margin-left: 10px;}
#footer .social .fa-stack:hover {opacity: .7;}

#footer .coupon-cta {width: 40%; text-align: center; display: inline-block; margin-bottom: 60px;}
#footer .coupon-cta a {font-family:'MuseoSans300', Arial, Helvetica, sans-serif;}
#footer .coupon-cta a.btn-outline {color: #fdc60d;text-transform: uppercase; border: 2px solid #fdc60d; padding:10px 20px;}
#footer .coupon-cta a.btn-outline:hover {color: #fff;border: 2px solid #fdc60d; background: #fdc60d; cursor: pointer;}

/* LOADER */
#overlay { position:fixed; z-index:1000000000000000; background:url(_img/bck_transb.png); width:100%; height:100%; top:0; left:0; right:0; bottom:0; display:none; }
#loader { margin:auto; width:120px; margin-bottom:20px;  position:absolute; z-index:100000000000; left:50%; margin-left:-60px; top:45%; }

#circleG{
width:116.66666666666667px;
}

.circleG{
    background-color:#a41529;
    float:left;
    height:25px;
    margin-left:13px;
    width:25px;
    -moz-animation-name:bounce_circleG;
    -moz-animation-duration:1.5s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-border-radius:17px;
    -webkit-animation-name:bounce_circleG;
    -webkit-animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-border-radius:17px;
    -ms-animation-name:bounce_circleG;
    -ms-animation-duration:1.5s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-border-radius:17px;
    -o-animation-name:bounce_circleG;
    -o-animation-duration:1.5s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-border-radius:17px;
    animation-name:bounce_circleG;
    animation-duration:1.5s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    border-radius:17px;
}

#circleG_1{
    -moz-animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s;
}

#circleG_2{
    -moz-animation-delay:0.7s;
    -webkit-animation-delay:0.7s;
    -ms-animation-delay:0.7s;
    -o-animation-delay:0.7s;
    animation-delay:0.7s;
}

#circleG_3{
    -moz-animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
    -ms-animation-delay:0.9s;
    -o-animation-delay:0.9s;
    animation-delay:0.9s;
}

@-moz-keyframes bounce_circleG{ 
 0%{ }
 50%{ background-color:#E0543E }
 100%{ }
}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#E0543E}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#E0543E}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#E0543E}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#E0543E}

100%{
}

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

#header .container .bottle { display:none !important; }
#content.home .ways .content ul li { display:block !important; }
#content.home .tips .content ul li { display:block !important; }
#content.home .recipes .content ul li { display:block !important; }
#content.home .featured .content ul li { display:block !important; }

#header .mholder  { display:none !important; }

#header .container .bottle { right:20px !important; }
#menu_alt { display:block !important; }	
	
#content.home { width:100%; }
#content.ways { width:100%; }
#content.ways .grid { text-align:center; }
#content.ways .grid ul { margin-left:0; }

#content.tips { width:100% !important; }
#content.tips .left { display:none; }
#content.tips .right { float:none !important; max-width:620px; margin:auto; width:100% !important; }
#content.tips .right .grid { text-align:center; }
#content.tips .right .grid ul { margin-left:0; }

#content.recipes { width:100% !important; }
#content.recipes .top-center {margin-bottom: 0 !important;}

#content.recipes .left { display:none; }
#content.recipes .right { float:none !important; max-width:620px; margin:auto; width:100% !important; }
#content.recipes .grid { text-align:center; }
#content.recipes .grid ul { margin-left:0; display:inline-block !important; }
#content.recipes .grid ul li { float:none !important; display:inline-block; }

#content.srecipes { width:100% !important; }
#content.srecipes .left { display:none; }
#content.srecipes .right { float:none !important; max-width:620px; margin:auto; }
#content.srecipes hr.line { width:620px !important; margin-top:20px !important;  }
#content.srecipes .right .share { top:30px !important; }

#content.about { width:100% !important; max-width:640px; padding-top:20px; }
#content.about .container { padding-top:1px; }
#content.about .container .share { margin-top:24px; }
#content.about .left { display:none; }
#content.about .right { float:none !important; max-width:620px; margin:auto; }
#content.about .right img { max-width:100%; }

#content.stips { width:100% !important; }
#content.stips .left { display:none; }
#content.stips .right { float:none !important; max-width:620px; margin:auto; }

#content.single-ways { width:100% !important; }
#content.single-ways h3 {   color: #a41528;
  font-family: FranchiseRegular, Arial, Helvetica, Times;
  font-weight: 100;
  font-size: 28px;
  padding-bottom: 0;
  margin-bottom: 10px;}
#content.single-ways .left { display:none; }
#content.single-ways .right { float:none !important; max-width:620px; margin:auto; }
#content.single-ways .right hr.line { margin-top:10px !important;}
#content.single-ways .right .share { top:27px !important; }

#comments { width:540px !important; margin:auto; float:none !important; padding-left:40px !important; padding-right:40px !important; font-size:17px; line-height: 24px;}
hr.line { width:620px !important; margin:auto; margin-bottom:20px !important; margin-top:10px; }

#content.iframe { width:100% !important; max-width:640px; }
#content.iframe iframe  { width:100% !important;}

}

/* ----- PRINT ----- */

.print a img { margin-top:-1px; }
#rev_slider_1_1_wrapper { background-color:#f1ece1 !important; }
#dynamic-content {background: none;}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (https://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .lightbox { display: none; }
    .featherlight {
		display: none;

		/* dimensions: spanning the background from edge to edge */
		position:fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2147483647; /* z-index needs to be >= elements on the site. */

		/* position: centering content */
		text-align: center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space: nowrap;

		/* styling */
		cursor: pointer;
		background: #333;
		/* IE8 "hack" for nested featherlights */
		background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background: rgba(0, 0, 0, 0.8);
	}
	.featherlight:before {
		/* position: trick to center content vertically */
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position: relative;

		/* position: centering vertical and horizontal */
		text-align: left;
		vertical-align: middle;
		display: inline-block;

		/* dimensions: cut off images */
		/* overflow: auto; */
		padding: 50px 50px;

		/* dimensions: handling large content */
		margin-left: 5%;
		margin-right: 5%;
		max-height: 95%;

		/* styling */
		background: #fff;
		cursor: auto;

		/* reset white-space wrapping */
		white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		/* make sure its visible */
		display: block;
	}

	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position: absolute;
		z-index: 9999;
		top: 0;
		right: 0;
        margin-top: -10px;
        margin-right: -10px;

		/* dimensions: 25px x 25px */
		line-height: 25px;
		width: 29px;
        border-radius: 50%;
        
		/* styling */
		cursor: pointer;
		text-align: center;
		font-family: Arial, sans-serif;
		background: #fff; /* Set the background in case it overlaps the content */
        border: #000 solid 2px;
		color: #000;
	}
    .featherlight .featherlight-close-icon:hover {background: #000; border-color: #fff; color: #fff;}
	.featherlight .featherlight-image {width: 50%;}
	.featherlight-iframe .featherlight-content {border-bottom: 0;padding: 0;}

	.featherlight iframe {border: none;}
	.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		/* dimensions: maximize lightbox with for small screens */
		margin-left: 10px;
		margin-right: 10px;
		max-height: 98%;

		padding: 10px 10px 0;
		border-bottom: 10px solid transparent;
	}
    h2.titles div.h2-left-long { background:url(_img/h1_bck_l.png); width:43px; height:18px; }
    h2.titles div.h2-right-long { background:url(_img/h1_bck_r.png); width:43px; height:18px; }
}

/* --- Tooltip Styles --- */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
    font-family:'MuseoSans100', Arial, Helvetica;
  z-index: 1000;
  padding: 10px;
  width: 180px;
  background-color: #fff;
  /* background-color: hsla(0, 0%, 20%, 0.9); */
  color: #333;
  content: attr(data-tooltip);
  font-size: 12px;
  line-height: 1.2;
    
    -webkit-box-shadow: 4px 4px 5px 0px rgba(140,140,140,.6);
    -moz-box-shadow: 4px 4px 5px 0px rgba(140,140,140,.6);
    box-shadow: 4px 4px 5px 0px rgba(140,140,140,.6);
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #fff;
  /* border-top-color: hsla(0, 0%, 20%, 0.9); */
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -100px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* --- bottom first large -- */
.single-product #content.home .recipes .content ul li:first-child,
.single-product #content.home .tips .content ul li:first-child,
.single-product #content.home .ways .content ul li:first-child {
    display: block;
    width: 937px;
    height: 500px;
    margin-bottom: 8px;
    overflow: hidden;
}
.single-product #content.home .recipes .content ul li:first-child img,
.single-product #content.home .tips .content ul li:first-child img,
.single-product #content.home .ways .content ul li:first-child img {
    position: absolute;
    left: 0;
    width: 937px;
    height: auto;
    margin-top: -10%;
}

/* --- 404 PAGE -- */
.error404 #content {
    background-size: cover;
    background-position: right center;
    min-height: 650px;
    margin-top: 20px;
}
.error404 .text-box {width: 32%; margin-left: 15%;padding-top: 7%}
.error404 .text-box h3 {text-transform:uppercase; font-size: 36px; font-family: ModestoCondensed, Arial, Helvetica, Times; margin-bottom: 28px;}
.error404 .text-box p {
    color: #7c6f54;
    font-family: 'MuseoSans300', Arial, Helvetica, Times;
    font-size: 17px;
    line-height: 22px;
    position: relative;}
.error-btn {margin-top: 30px;}
.error404 .btn-solid {
    font-family:FranchiseRegular, Arial, Helvetica, Times; font-weight:100;
    color: #fff;
    background-color: #e0543f;
    font-size: 20px;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased;
    padding-top: 13px;}
.error404 .btn-solid:hover {background-color: #f07867;}

.error404 #footer {margin-top: -17px;}

@media only screen and (min-width : 1200px) {
    .error404 #content {min-height: 750px;}
}

/* ----- FireFox ----- */
@-moz-document url-prefix() { 
    h1.titles div.center,
    h2.titles div.h2-center,
    .page-template-page-contact p strong,
    a, p, strong, em{
        text-shadow: none !important;
    }
}


/* ----- 2019 Where To Buy ----- */

.page-template-page-where #gmap {border: none;}
.page-template-page-where .the-map {margin: 30px;}
.page-template-page-where .label {font-size: 13px !important;}
    
.page-template-page-where #infowindow {font-family: "Raleway", sans-serif;}
    
.page-template-page-where ol li{padding-top: 20px; border-top: #eee dotted 1px; padding-bottom: 20px;}

.page-template-page-where ol li:first-child {border-top:none;}

.page-template-page-where a.directions {color: $red; text-decoration: underline;}
    
.page-template-page-where .selection-block .list li:last-child:after {background: none;}

.page-template-page-where .selection-block .list li:first-child:after {
        top: 0;
        right: 0;
        bottom: -15px;
        content: "";
        width: 1px;
        position: absolute;
        background: url(images/bg-img03_for-green.png) repeat-y;
    }
/*
@include media('<tablet') {
            top: -37px;
            right: 0;
            width: auto;
            height: 1px;
            bottom: auto;
            background: url(images/bg-img06_for-green.png) repeat-x;
        }
*/
.page-template-page-where a {color: $red;}

.page-template-page-where .pagination a {color:#818181;}
.page-template-page-where .pagination a:hover {color: $light-red;}
    
.page-template-page-where .table > tbody > tr > td {color:#666666; border-top: 1px dotted #ddd;}
    
.page-template-page-where .jcf-select .jcf-select-text {text-align: left;}

/* ----- UNLTD FIX ----- */
@media (max-width: 1366px) {
    .the-map.where-map .row {
		flex-direction: column !important;
		gap: 32px;
	}
	
	.the-map.where-map .louana_map_col1 {
		order: 2;
	}
	
	.the-map.where-map .louana_map_col2 {
		order: 1;
	}
	
	.the-map.where-map .louana_map_col1,
	.the-map.where-map .louana_map_col2 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}