/************************


This CSS file is meant for keeping temporary styles 
that will eventually be transferred over to styles.css

TEST AGAIN

************************/


/* HEADER */
.fusion-header-wrapper {
    position: relative !important;
    z-index: 500;
}

#quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {
    padding: 0 !important;
}


/* MEGA MENU STYLES */
.menu-prod-btn {
	min-width: 300px;
    min-height: auto;
    height: 200px;
    position: relative;
    border:none;
    background-repeat:no-repeat;
	background-size:100%;
	background-position:center;
	margin: 0 auto !important;
}

	.menu-prod-btn:hover {color:#43BAD4;}


.menu-prod-caption {
	position: absolute;
    bottom: 0;
    left:0;
    display: block;
    text-align: center;
    width: 100%;
    background-color:rgb(19,38,111,0.75);
    color:#fff;
    height: 40px;
    font-size: 1.2em;
    font-weight: lighter;
    padding: 5px;
    text-transform: uppercase;
}

.menu-newsletter-social h3,
.menu-prod-desc h2{
	font-size: 1.9em;
    text-transform:uppercase;
}

.menu-newsletter-social p,
.menu-prod-desc p{
	font-size: 1.1em;
    line-height: 1.6em;
    font-weight: lighter;
}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
	/*padding: 10px 15px !important;*/
}

#menu-item-13466 .quadmenu-caret {display: none;} /*search icon */
#menu-item-13467 {padding: 5px 40px 5px 10px !important;} /*search bar dropdown */
#menu-item-13469 form input { background-color: #fff !important; border: 1px solid !important;} /*search bar field*/


/* WHERE TO BUY STYLES */
.sidebar-storeInfo h4 {
    margin-bottom:0;
}

.sidebar-storeInfo p {
    font-size:14px;
}


/* PRODUCT LIST PAGE */
#pt-cv-view-161ac21rsi .pt-cv-title a, #pt-cv-view-161ac21rsi .panel-title {font-weight: normal !important;}

/* PRODUCT LIST PAGE - TAXONOMY */
.product-listing-wrapper {
    text-align: center;
    min-height:485px !important;
    margin-bottom:10px;

}

.product-listing-wrapper a:hover {
    text-decoration: none;
    color:#43BAD4 !important;
}

h3.product-listing-title {
    margin-top:10px;
    font-size:19px;
    line-height: 1.4em;
}

@media (max-width: 768px) {
    .product-listing-wrapper {
        min-height:270px !important;
    }
}

/* GENERIC STYLES CLASSES */

.m-t-big {
    margin-top: 50px!important;
}

.m-b-big {
    margin-bottom: 50px!important;
}

.m-t-small {
    margin-top: 20px!important;
}

.m-b-small {
    margin-bottom: 20px!important;
}

.m-t-30 {
    margin-top: 30px!important;
}

/* IMMUNE LANDING PAGE */

.min-ht-small {
    min-height: 180px;
}

.min-ht-small p {
    font-size: 14px;!important;
}

.immune-intro-half {
    margin: 40px auto!important;
}

.grid-prod {
    padding: 20px!important;
}

.center-grid {
    width: 65%;
    margin: 0 auto!important;
}

.full-ht-bg-lifestyle {
    height: 100vh!important;
    background-color: aliceblue;
}

.desc-box .fusion-column-wrapper {
    border-radius: 5px;
}

.lifestyle-research {
    padding: 20px;
}

.lifestyle-research p {
    font-size: 14px!important;
}

.water-soluble .fusion-column-wrapper {
    min-height: 0px!important;
}

.post-table, .post-table td, .post-table tr {
    border: 1px solid black;
    padding: 12px;
}

@media (min-width: 1024px) {
    .grid-prod .par-emph {
        width: 90%!important;
    }

    .banner-txt .par-emph {
        width: 100%!important;
    }
}


@media (max-width: 480px) {
    .grid-prod .fusion-column-wrapper {
        padding: 0px!important;
    }

    .desc-box .fusion-column-wrapper {
       padding: 30px!important;
    }

}

/* HOME PAGE IMMUNE SECTION STYLES */

.immune-cover .fusion-column-wrapper {
    height: 100vh!important;
}

@media (max-width: 799px) {
    .home-sections {
        min-height: auto!important;
    }

    .home-double-section {
        min-height: auto!important;
    }
}

/* LUTEIN PRODUCT PAGE STYLES */

.ideal-section {
    width: 700px;
    margin: 0 auto!important;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media( max-width: 480px) {
    .ideal-section {
        width: 100%;
    }

    .additional-headings {
        text-align: left!important;
    }

    .ideal-icons {
        padding-bottom: 40px;
    }
}