/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 25, 2019, 1:25:18 PM
    Author     : alejandro.limia
*/


#header{
    padding:10px 0 10px 0;
    background-color: #231f20
}

.delights #header {
    background-color: #171714;
}


.delights #header img{
    max-width: 120%;
}

.tea2019 #header{
    padding:0;
    background-color: #f9f5dc;
}

.tea2019 #header-phrase-wrapper{
    display: none;
}


.tea2019 #header-logo-wrapper{
    display: none;
}

.tea2019 #header-banner-wrapper{
    display: block;
    text-align: center;
    width:100%;
}

.tea2019 #header-phrase-wrapper img{
    display: inline-block;
}

#header-banner-wrapper {
    display:none;
}

#header-logo-wrapper img{
   max-height: 116px;
}


.JnJCareClub #header-logo-wrapper img{
    max-height: 116px;
    width: 17%;
}

.nondairy #header-logo-wrapper img{
   margin-top:10px;
}



#footer{
    background: #ffffff;
    min-height: 100px;
}


#main-content{
    background-image:   url("/images/background.jpg");    
}

.delights #main-content{
    background-image:   none;    
}

.tea2019 #main-content{
    background-image:   url("/images/tea2019/main-bg.png");
}

#main-content h2{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

#op-experience{
    margin: 0 auto 30px ;  
    
}

#main-content #op-experience input, #main-content #op-experience select{    
 background-color: #e4e4e4;
 border: none; 
}


#main-content #op-experience form *{
    color: #242223;
}



#main-content #op-experience .DividerComponent hr{
     border-color: #242223 !important;
}

#main-content #op-experience button.sign-up-submit {
    background-color: #cc9962;
    border: none;
    border-radius: 30px;
    font-size: 1.5em;
    padding: 20px 50px;
    font-weight: bold;
    color: #fff;
}

#main-content #op-experience form select{
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 10 5' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-7, -10)'><polygon fill='transparent' points='0 0 24 0 24 24 0 24'></polygon><polygon fill='black' points='7 10 12 15 17 10'></polygon></g></svg>");
}

#footer {    
    font-size: 12px;
}

#footer p {
    max-width: 615px;
    margin: 15px 10px;
}

#footer-links{
    margin: 15px 5px;
}

.lang_fr #footer-links{
    min-width: 360px;
}


#footer-links a {
    margin: 0 5px; 
    text-decoration: none;
    color: #212529;
    display: inline-block;
}

#lang_toggle a{
    color:#005288;
    font-size: 18px;
}