/*
Global
*/
* {
    font-family: Arial Narrow, sans-serif;
    font-size: 16px;    
}

*:focus { outline: none !important; }
    
p { line-height: 1.5; }

a { color: rgb(51, 51, 51); }

a:hover { font-weight: bold; }

.col-centered {
    float: none;
    margin: 0 auto;
}

/*
Page container
*/
body > div { padding: 0 !important; }

/*
Header
*/ 

header { margin-top: 15px; }

@media (max-width: 1200px) {
    header > .container { width: 100%; }
}

/*
Company logo
*/
.company-logo img { height: 50px; }

/*
Language switcher
*/ 
header .mod-languages 
{
    display: inline-block;
    float: right;
}

header > div.container > div { padding: 0; }

.lang-active { font-weight: bold; }

/*
Menu
*/
nav.navbar { 
    margin-top: 15px; 
    background-color: #f58f9a;
    border-color: transparent;
    border-radius: 0;
}

@media (max-width: 1200px) {
    nav.navbar > .container { width: 100%; }
}

nav .navbar-toggle
{
    background-color: white;
    border-color: white !important;
}

nav .navbar-toggle:hover { background-color: #f8adb5 !important; }

nav .icon-bar { background-color: #f58f9a !important; }

nav .navbar-toggle:hover .icon-bar { background-color: white !important; }

nav .nav.menu > li > a { 
    color: white !important; 
    background-color: transparent !important;
}

nav .nav.menu > li > a:hover, 
nav .nav.menu > li.current > a, 
nav .nav.menu > li.active > a
{
    color: white !important;
    font-weight: normal;
    background-color: #f8adb5  !important;
}

@media (min-width: 768px) {
    nav .navbar { margin-top: 20px; } 

    nav .navbar-collapse { padding: 0; }

    nav .navbar-collapse > div { padding: 0; }
}

/*
Search module
*/ 
#mod-finder-searchform92 
{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

@media (min-width: 768px) {
    #mod-finder-searchform92 { float: right; }
}

input.search-query {
    height: 27px;
    width: 140px;
    display: inline-block;
}

button.finder
{
    padding: 4px 8px 4px 8px;
    margin-left: 4px;
    background-color: #f58f9a;
    color: white;
    border: none;
}

button.finder:hover
{
    background-color: #ee1f25;
    color: white;
}

/*
Search results
*/
.finder h2
{
    margin: 0;
    font-size: 24px;
    padding-bottom: 9px;
    border-bottom: 1px solid #f58f9a;
}

.finder #search-results { margin: 25px 0; }

/*
Footer
*/ 
footer { background-color: #f58f9a; }

footer > .container > div { padding: 20px 0 0 0; }

footer .nav.menu > li > a { 
    color: white !important; 
    display: inline-block;
    padding: 3px;
    background-color: transparent;
}

footer .nav.menu > li > a:hover, 
footer .nav.menu > li.current > a,
footer .nav.menu > li.active > a
{
    font-weight: bold;
}

/*
Page
*/
main { margin: 0; }

main .page-header
{
    margin: 0; 
    border-bottom: 1px solid #f58f9a;
}

main .page-header h2
{
    margin: 0;
    font-size: 24px;
}

main div[itemprop="articleBody"] { margin-top: 25px; }

main .item-page { padding-bottom: 25px; }

/*
Feature article
*/
main.home .items-row { clear: both; }

@media (max-width: 1200px) {
    main.home .items-row .item > div > .container { width: 100%; }
}

main.home .header
{
    margin-top: 20px;
    background-image: url("../images/header-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 80px;
    display: flex;
    align-items: center;
}

main.home h2
{
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #ed1e24;
    text-shadow: 3px 3px 3px lightgrey;
}

main.home .content 
{
    display: table;
    margin: 25px auto 15px auto;
}

/*
Banner
*/
main.home .banner { width: 100%; }

/*
About MegRhythm
*/
#about-megrhythm .column1 img
{
    padding: 10px;
    float: right;
    display: block;
}

@media (max-width: 767px) {
    #about-megrhythm .column1 img
    {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

#about-megrhythm .column2 { padding: 25px 0 0 0; }

@media (max-width: 767px) {
    #about-megrhythm .column2 { padding: 25px 35px 0 35px; }
}

#about-megrhythm .column2 p.highlight
{
    font-size: 18px;
    color: red;
    text-align: center;
}

/*
why does it work?
*/
#why-does-it-work > .container-fluid { 
    background-color: #fcf2f3; 
    padding-bottom: 25px;
}

#why-does-it-work p.highlight
{
    font-size: 22px;
    color: red;
    text-align: center;
}

#why-does-it-work .content .step { padding: 5px 10px; }

#why-does-it-work .content .step img { padding-bottom: 10px; }

@media (max-width: 767px) {
    #why-does-it-work .content .step
    {
        max-width: 300px;
        float: none;
        margin: 0 auto;
    }

    #why-does-it-work .content .step { padding: 10px 5px; }
}

/*
Recommended uses
*/
#recommended-uses > .container-fluid { 
    background-color: #f3f3f4; 
    padding-bottom: 35px;
}

#recommended-uses .content .usage { margin-bottom: 20px; }

#recommended-uses .content img
{
    float: none;
    display: block;
    margin: 0 auto;
    width: 80%;
}

#recommended-uses .content .caption 
{
    text-align: center;
    font-size: 20px;
}

@media (min-width: 768px) {
    #recommended-uses .content img { width: auto; }
}

/*
How to use
*/
#how-to-use > .container-fluid { padding-bottom: 25px; }

#how-to-use .content .video { margin-bottom: 15px; }

#how-to-use .content .disclaimer
{
    margin-top: 25px;
    padding: 15px 15px 5px 15px;
    background-color: #e7e8e7;
}

#how-to-use p.highlight,
#how-to-use .emphasis
{
    font-size: 24px;
    text-align: center;
}

#how-to-use .emphasis { color: red; }

/*
Range of products
*/
#products > .container-fluid { 
    background-color: #fef1f1; 
    padding-bottom: 25px;
}

#products .content { margin: 15px auto 15px auto; }

#products .product 
{
    border: 1px solid #fbd3d6;
    padding: 10px;
    margin-bottom: 25px;
}

#products .product img
{
    display: block;
    float: none;
    margin: 0 auto;
}

#products .product .description
{
    font-size: 16px;
    text-align: center;
}

#products .product .caption
{
    font-size: 20px;
    text-align: center;
}

#products .paragraph div { text-align: center; }

#products .paragraph div.highlight { font-size: 24px; }

#products .paragraph span.emphasis
{
    font-size: inherit;
    color: red;
}

#products div.description
{
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;
}

#products .product.lavender-sage .caption { color: #6752a2; }

#products .product.chamomile-ginger .caption { color: #8cc35f; }

#products .product.fresh-rose .caption { color: #e07fac; }

#products .product.yuzu .caption { color: #f8b36b; }

/*
Frequently Asked Question
*/ 
#faq-accordion > .panel { border-color: #f58f9a; }

#faq-accordion .panel-heading a { text-decoration: none; }

#faq-accordion .panel-heading a:hover
{
    text-decoration: none;
    font-weight: bold;
}

#faq-accordion .panel-heading a:after
{
    font-family: "Glyphicons Halflings";
    content: "\e114"; 
    float: right;
    color: #f58f9a;
}

#faq-accordion .panel-heading a.collapsed:after { content: "\e113"; }

#faq-accordion .panel-heading { background-color: #fcdadc !important; }

/*
Contact
*/ 
main.contact td { 
    padding-bottom: 10px; 
    vertical-align: top; 
}

main.contact .contact .table-label { padding-right: 20px; }

/*
Footer information
*/
@media (max-width: 1200px) {
    footer > .container { width: 100%; }
}

footer .copyright
{
    color: white;
    font-size: 11px;    
    text-align: center;
    padding: 5px;
}

footer img.kao-group-logo { 
    width: 100px; 
    padding-bottom: 20px;
    margin: 0 auto;
    display: block;
}

/*
Scroll to top
*/
#scrollToTop { border: 1px solid #f3d0d4; }

#scrollToTop:hover { font-weight: normal; }

/*
Video
*/
.jwlogo { display: none; }

.jwvideo video { transform: scale(1, 1) !important; }