/*
Theme Name:     firststeps05right-online-car
Theme URI:      
Description:    Firststeps05right child theme.
Author:         julien
Author URI:     http://www.webpartner.lu
Template:       firststeps05right
Version:        0.1.0
*/

@import '../firststeps05right/style.css';
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);


/* LANG */
#header #lang_sel_list ul a,
#header #lang_sel_list_list ul a:visited { 
    background: none transparent;
    font-size: 1.2em;
    }

#header #lang_sel_list ul a { padding: .5em; }

/* COLORS */
.sf-menu li.sfHover a, 
.sf-menu li.current-menu-item a, 
.sf-menu li a:hover,
#footer .menu a,
#footer h3,
#footer a,
#footer a:hover,
body h1,
body h2,
body a,
body a:hover,
#header #lang_sel_list ul a { color: #f1dd00; } /* yellow */

/* GRADIENTS */
#header,
.backgroundFooterContent .contentFooter { 
    background: #16193f;
    background: -moz-linear-gradient(top,  #16193f 0%, #2d316a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16193f), color-stop(100%,#2d316a));
    background: -webkit-linear-gradient(top,  #16193f 0%,#2d316a 100%);
    background: -o-linear-gradient(top,  #16193f 0%,#2d316a 100%);
    background: -ms-linear-gradient(top,  #16193f 0%,#2d316a 100%);
    background: linear-gradient(to bottom,  #16193f 0%,#2d316a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16193f', endColorstr='#2d316a',GradientType=0 );
}



/* FONT FAMILY */
body h1,
body h2,
body h3,
p.details,
p.foot,
.sf-menu li a,
body a,
#footer a,
#footer h3,
.textwidget address li { font-family: "Titillium Web", Verdana, Tahoma; }

body { font-family: Arial, Verdana, Tahoma; } 




/* LUXAUTO */
body .yluxauto_search { 
    border-bottom: 1px solid #3a3b54;
    background: none transparent; 
    margin-bottom: 2em;
    padding: 0;
    } 
body .yluxauto_nbr_result {
    text-align: center;
    color: white;
    margin-bottom: 1em;
    }

body .yluxauto_post { 
    width: 48%; 
    height: 300px;
    border-left: 0;
    border-top: 0;
    border-bottom: 5px solid #3a3b54;
    border-right: 5px solid #3a3b54;
    margin-bottom: 2em;
    }
body .yluxauto_singlepost {
    border-top: 0;
    border-left: 0;
    border-bottom: 5px solid #3a3b54;
    border-right: 5px solid #3a3b54;
    }

body .yluxauto_content {
    width: 55%;
    padding: 0;
    }
body .yluxauto_headerImg-list {
    width: 45%;
    height: auto;
    float: left;
    }
body .yluxauto_content { 
    display: block;
    float: left;
    margin: .8em 0;
    }
body .yluxauto_content li { 
    font-size: .9em;
    line-height: 1.8em;
    list-style: none inside;
    }
body .yluxauto_content li.even { white-space: normal; }

body .yluxauto_singlepost_content h3,
body .yluxauto_header h3 { 
    color: #f1dd00;
    line-height: 1em;
    font-size: 2em;
    }
body .yluxauto_content li.odd { width: 40%; }
body .yluxauto_content li.even { width: 60%; }
body .yluxauto_content span { color: #f1dd00; }

body .wp_yellow_luxauto .yluxauto_post .yluxauto_footer {
    background: none transparent;
    }
body .yluxauto_singlepost_content .yluxauto_btn,
body .wp_yellow_retour .yluxauto_btn,
body .yluxauto_search_submit .yluxauto_btn,
body .wp_yellow_luxauto .yluxauto_post .yluxauto_footer a {
    color: #fff;
    background: #3a3b54;
    padding: 14px 25px 10px 25px;
    }
body .yluxauto_footer .yluxauto_btn {
    color: #f1dd00;
    background: none transparent;
    font-size: 1.3em;
    font-weight: 400;
    }

body .wp_yellow_retour,
body .wp_yellow_pagination { background: none transparent; }
body .wp_yellow_pagination a {
    border: 0;
    color: #fff;
    font-weight: 400;
    }
body .wp_yellow_page:hover,
body .wp_yellow_page.wp_yellow_active { background: #3a3b54; }

body .wp_yellow_page { 
    background: #3a3b54;
    
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
body div.yluxauto_singleposts_caract .yluxauto_singlepost_commentaire_r {
    background: #3a3b54;
    line-height: 2em;
    }
/* end LUXAUTO */




/********** GENERAL *******************************************/
.contentFooter, 
#content { margin-left: 27%; }

.primary_content_wrap { background: #505165; } 

body,
#main { background: #010213; }

#content {
    padding: 20px 40px;
    background: transparent;
    border-top: 5px solid silver;
    }
#content .wpb_alert-info {
    background: #ccc;
    border: 0;
    } 
#content .messagebox_text li { color: #333; } 

body h1 { 
    font-size: 1.7em;
    line-height: 1.7em;
    margin-bottom: 15px; 
    }
body h2 { 
    font-size: 1.3em;
    line-height: 1.8em; 
    padding-left: 10px;
    }
body h3 { 
    font-size: 14px;
    line-height: 18px;
    color: #adadad; 
    }
body p,
body li { 
    font-size: .9em; 
    line-height: 1.4em; 
    color: #fff;
    }
body li { 
    list-style: disc inside; 
    padding: 0 0 0 .75em;
    }
body .infosComp { background: ; }
p.details {
    font-size: 14px;
    line-height: 28px;
    color: #333; 
    text-align: center;
    }
p.center { margin:0; }
p.foot {
    font-size: 17px;
    line-height: 31px;
    color: #fff;
    }

/****************************** HEADER *************/
#header {
    position: relative;
    z-index: 99;
    padding: 1em 0 0 0;
    background-color: #2f3b60;
    }
#widget-header { width: auto; }
.backgroundHeader {
    background: #010213;
    border-top: 5px solid silver;
    }
.logo {  
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50;
    margin-bottom: 0;
    }
.logo img {
    width: 292px;
    z-index: 10; 
    }

.floatLslideshow,
.floatLMenu {
    float: left;
    overflow: hidden;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.floatLMenu { width: 27%; }
.floatLslideshow { 
    width: 73%;
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    }

/****************************** SLIDER *********************************/
 .flexslider-holder { height: auto; }
#slider-wrapper {  
    border: none; 
    margin: 0;
    }

/****************************** MENU ***********************************/
nav.primary { 
    overflow: hidden;
    padding: 7em 0 2em 0; 
    background: #505165;
    }
.sf-menu li { 
    margin: 0 1em; 
    float: none;
    width: auto; 
    }
.sf-menu li + li { border-top: 1px solid #fff; }
.sf-menu li a { 
    font-size: 1.1em;
    line-height: 1.2em;
    color:#fff; 
    background: none transparent; 
    padding: 8px 18px;
    }

/****************************** PAGES ***********************************/
.page-id-177 #content,
.page-id-52 #content,
footer .contentFooter { margin: 0; }

.mapp-body p {
    font-size:11px;
    margin: 1px;
    }
img.cles { width:300px;}
.horaires { 
    background:#efefef;
    padding:20px ; 
    color: #000;
    }

/* FOOTER */
#footer { 
    padding: 0;
    background: #010213;
    }
    #footer h3 { font-size: 1.5em; }
    #footer a { padding-left: 0; }

#text_icl-4 { text-align: center; }

#footer .backgroundFooterContent,
#footer .backgroundFooterSignature {  }

#widget-footer { overflow: hidden; }

.logoFooter { 
    margin-top: 2em;
    max-width: 250px;
    }
address { text-align: right; }

.contentFooter .widget_nav_menu,
.contentFooter .widget_text_icl { 
    overflow: hidden;
    width: 33%; 
    float: left;
    padding: 1em 2em 0 2em;
    }
.textwidget address li {
    color: #fff;
    font-size: .8em;
    line-height: 1.8em;
    font-style: normal;
    
    }
.textwidget address li,
#footer .menu li, 
#footer .menu li + li { list-style: none; }

#footer-text { 
    color: #fff;
    margin: 0; 
    }

/* menu FOOTER */
#footer .menu li,
#footer .menu li + li {
    float: none; 
    margin: 0 0 .5em 0;
    }

body a:hover,
#footer a:hover,
#header #lang_sel_list ul a:hover { text-decoration: underline; }

div.mapp-layout { margin: 0; }



/*  RESPONSIVE *************************/
/***** 320px *****/
@media only screen and (max-width: 767px) { 
    
    #wpadminbar, 
    .disp { display:none; }
    
    body #main #header .select-menu { width: 80%; }
    
    body #content {
        padding: 20px 10px;
        }
    
    div#main #header #widget-header { top: 0; }
    
    div.logo { position: relative; }
        div.logo img { width: 60%; }
    .floatLMenu { 
        width: 100%;
        background: #505165;
        }
    .floatLMenu nav.primary { 
        float: none;
        margin: 0 auto;
        }
    div.contentFooter .widget_nav_menu, 
    div.contentFooter .widget_text_icl { width: 100%; }
    
    .textwidget address { text-align: left; }
    
    img.logoFooter { 
        margin-bottom: 2em;
        width: 80%;
        }
    
    /* LUXAUTO */
    body .input-group-single label,
    body .input-group label,
    body .input-group span {
        color: #fff;
        width: 36%; 
        }
    
    body div .form-control {
        width: 62%; 
        margin: 0 0 4px 2%;
    }
    
    body .yluxauto_post,
    body .yluxauto_headerImg-list { width: 100%; }
    
    body .yluxauto_post { height: auto; }
    body .yluxauto_content { width: 100%; }
    
    body .wp_yellow_luxauto .yluxauto_post .yluxauto_footer { position: relative; }
}

/***** 480px *****/
@media only screen and (min-width: 480px) and (max-width: 768px) { 
    div.flexslider-holder { width: 100%; }
    
    body .yluxauto_headerImg-list {
        float: none;
        width: 70%;
        }

}

/***** 768px *****/
@media only screen and (min-width: 768px) and (max-width: 995px) {
    div.flexslider-holder { width: 100%; }
}