/*
Theme Name: Truc & Co
Template: ezio-qube
Author: Nicolas Bernaud / Cubic Project pour Comme Une Image
Author URI: http://www.comme-uneimage.com
Description: Based on Ezio Qube
Version: 1.0.1493710551
Updated: 2017-05-02 09:35:51

*/
@media only screen and (max-width: 959px){
    #logo-pro{
        display: none !important;
    }
}
@media only screen and (max-width: 767px){
    #logo-pro{
        display: none !important;
    }
    #site-footer-qube #text-3 .widget-title, #site-footer-qube #text-3 .textwidget {
    padding-left: 0px!important;
    }
     #site-footer-qube #copyright-text-pro {
    text-align: left !important;
     padding-left: 0px!important;
}
    /*HISTOIRE*/
    #histoire h2,#histoire h3 {
    text-align: center!important;
}
 #histoire p {
    text-align: left!important;
     margin: 10px 0;
}   
    #histoire .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner{
       padding-left: 0 !important; 
        padding-right: 0 !important; 
        border: none !important;
    }
    #histoire .wpb_single_image.vc_align_left, #histoire .wpb_single_image.vc_align_right{
    text-align: center !important;
}
    /*CONTACT*/
    #content-qube input[type='text'],#content-qube input,#content-qube textarea{
        width: 100%!important;
    box-sizing: border-box!important;
    }
    #contact h2, #contact p{
    
    text-align: center!important;
}
    #contact #contactgauche .vc_column-inner{
        padding-left: 15px !important; 
        padding-right: 15px !important; 
        margin-left: 0!important; 
    }
    
    /*<<<<<<pro*/
     #pro #contactgauche .vc_column-inner{
        padding-left: 15px !important; 
        padding-right: 15px !important; 
        margin-left: 0!important; 
    }
    #pro h2, #pro p{
    
    text-align: center!important;
}
   /*on vous dit tout*/
    #dit .rowdit {

    margin-right: 0px!important;
}
    #dit .rowdit .vc_column-inner {
        padding-top: 10px !important;
        padding-left: 14px !important;
        border-left: 0 !important;
        
}
    #dit .rowdit .vc_separator {

    padding-left: 0px !important;

}
    #dit  #lastdit{
            margin-left:0px !important;
        padding-left: 20px!important;
    padding-right: 20px!important; 
    }
    
}



@media only screen and (max-width: 1300px) and (min-width: 960px){
body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-3, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-4, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-5, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-6 {
    width: 33.340% !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 450px){
body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-3, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-4, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-5, body.sidebar-header-layout-pro .qube-masonry-item.masonry-col-6 {
    width: 50% !important;
}
}



hr {

    border-top: 1px solid #eeeeee;

}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 25px !important;
}
/*MENU*/
@media only screen and (min-width: 959px){
#sidebar-fixed-qube {
    width: 230px !important; 
}
header#masthead-qube.sidebar-header {
    width: 230px !important; 
}
#sidebar-header-qube-container #boxed-layout-qube {
    margin-left: 230px !important; 
}
#sidebar-header-qube-container:before {
    width: 230px !important; 

}
#sidebar-header-qube-container [data-vc-full-width-init="true"] {
    padding-left: 230px !important; 
}
.sf-arrows .sf-with-ul:after {
    
    margin-top: -1px!important; 
}


#sidebar-fixed-qube .social-ico {
    width: 230px!important; 
     padding: 0px 0px 30px 0px !important;
}
header#masthead-qube.sidebar-header-left .pro-icon-icon-right.sidebar-icon-right-pro span.spacer-fix-right-pro {
    padding-left: 35px!important; 
}
    
    
    
    
    
    
    
}
.sf-menu li li a{
    border-bottom: 0!important;
}
header#masthead-qube.sidebar-header .sf-menu ul {
    border-top: 0!important;
    margin-top: 10px!important;
}
header#masthead-qube.sidebar-header .sub-menu {
padding: 10px 0 !important;
}


/*MENU FIN*/


/*FOOTER*/
#text-3 .widget-title,#text-3 .textwidget{
    padding-left: 30px!important;
}
#copyright-text-pro {
     padding-left: 30px!important;
    margin-bottom: 40px !important;
}

#widget-area-qube {
    padding-bottom: 10px !important;
}

body #widget-area-qube #text-4 h6.widget-title:after {
    margin-top: 0 !important;
}




/*FOOTER FIN*/


/*HOME*/
.portfolio-container-pro h2.portfolio-title-overlay {  
    font-weight: 500!important;
}
#home .portfolio-container-pro h2.portfolio-title-overlay a{  
    text-transform: uppercase !important;
}
/*HOME*/


#menu-main .sf-with-ul{
    line-height: 16px;
}
#widget-area-qube h6.widget-title {
    margin-bottom: 0px !important;
}

#widget-area-qube ul li {
    margin-bottom: 0 !important;

}
.ml50{
    margin-left: 55px;
}
.lastligne .wpb_content_element{
    margin-bottom: 0 !important;
}

li.social-icon-list-small {
display: inline;
color: #000;
margin-right: 30px;
font-size: 15px;
} 

li.social-icon-list-medium {
display: inline;
color: #000;
margin-right: 40px;
font-size: 20px;
} 

li.social-icon-list-xl {
display: inline;
color: #000;
margin-right: 60px;
font-size: 50px;
} 

ul.social-icons-footer {
display: inline;
}
#widget-area-qube ul li {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    margin-bottom: 5px;
    border-bottom: 0;
}
.sf-menu .sub-menu a:hover{
    color: #000 !important;
    /*color: #b9a584;*/
}
#content-qube {
    padding: 0 !important;
}
body header#masthead-qube.sidebar-header-left h1#logo-pro {
        margin-left: auto !important;
    margin-right: auto !important;
}
#portfolio-qube-masonry-1 {
    margin-bottom: 0px !important;

}
.portfolio-pro {
    padding-bottom: 0px !important;
}
.filter-button-group {
    margin: 20px 0px 30px 0px !important;
}
.white{
    color: white !important;
}
.white h1{
    color: white !important;
}
.bread{
    text-align: center;
    font-weight: normal;
    color: #dbc298;
}
.bread a {
    letter-spacing: 1px;
    color: #dbc298;
    font-size: 10px;
    padding: 0 5px;
}

/*La belle aventure*/
.maxwidth500{
    max-width: 520px;
    padding: 0 20px !important;
    margin: auto;
}
/*La belle aventure*/

#histoire h3{
 text-transform: uppercase;
    font-size: 12px;
    color: #000;
}
#histoire h2{
    font-size: 20px;
    color: #000;
}
#histoire p{
 font-size: 13px;
}
.textehistoire{
    margin-bottom: 0px!important;
}

#histoire .vc_column-inner{
    padding-top: inherit !important;
    /*padding-top: 0 !important;*/
    -webkit-box-pack: inherit !important;
    -webkit-justify-content:  inherit !important;
   -ms-flex-pack:  inherit !important;
    justify-content:  inherit !important;
    
    
    
    
}
#histoire .wpb_single_image.vc_align_left{
    margin-bottom: 0px !important;
}

#histoire .padhistoire{
    padding: 0 50px !important;
}





#philo h2{
    font-size: 20px;
}
#philo p{
 font-size: 14px;
}
#philo .wpb_single_image img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: 100%;
}
#philo .wpb_single_image.vc_align_left {
   margin-bottom: 25px;
}
#philo .vc_column_container>.vc_column-inner {

    padding-left: 25px !important;
    padding-right: 25px !important;

}
#philo .wpb_single_image .vc_figure {
    width: 100%;
    }
#philo .wpb_single_image .vc_single_image-wrapper {
   width: 100%;
}

#dit .white h2 {
    color: white;
    font-size: 18px;
    font-family: 'Roboto';
}
#dit h3{
        font-family: 'Arvo';
    font-size: 18px;
    color: #000000;
}
#dit h4{
        font-family: 'Roboto';
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
}
#dit p{   
    font-size: 14px;
  
}
#dit .lastline{
     font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

#dit .rowdit{
    padding-left: 20px;
    padding-right: 20px;
        margin-right: 40px;
}
#dit .vc_column-inner{
    padding-top:0 !important;
}
 #dit .wpb_text_column{
     margin-bottom: 0 !important;
}

 #dit .rowdit .vc_separator{
    margin-bottom: 25px !important;
     margin-top: 25px !important;
     padding-left: 40px !important;
     padding-right: 0px !important;
   
     box-sizing: border-box;
}



.outel{   
   float: left;
    text-align: left;
    padding-left:10px;
}
.ouweb{   
   float: right; 
    border-left:1px solid #eee; 
    padding-right:5px;
    padding-left:10px;
}
.ouweb a{   
   color: #000;
}
.ouweb a:hover{   
   color: #666;
}
.ult-style-1 .ult-team-member-description{
    margin: 10px 0 10px !important;
}

.blocou{
border: 1px solid #eee;
    padding: 5px;
   
    width: 100%;
    box-sizing: border-box;  
    height: 33px;
}





.wpb_gmaps_widget .wpb_wrapper { 
    padding: 0 !important;
}
#pro h2{
    font-size: 25px;
}
#contact h2{
    font-size: 25px;
}
#mentions h3{
      font-family: 'Arvo';
    font-size: 14px;
}
#mentions{
     margin-bottom: 40px;
}
.ptrait{
    margin-bottom: 0;
    font-size: 11px;
}
.ptrait em{
   
    font-size: 12px;
}
.ptrait strong{
    font-family: 'Arvo';
    font-size: 14px;
    font-weight: normal;
        margin-bottom: 5px;
    display: block;
}
.partie1{
    margin-bottom: 30px;
}
.portfolio-column-2-pro h2 {
    font-size: 28px !important;
    margin-bottom: 10px;
    margin-top: 0px;
}
.category-list-port {
   /* display: none;*/
}
/***********RECETTE************/
.recette .detail{
 font-size: 10px;
    text-transform: uppercase;
}
.recette .panier {
    font-family: 'Arvo';
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    background: #c5b08c;
    padding: 2px 3px;
}
.recette li{
    color: #000;
}
.recette h5{
    font-family: 'Arvo';
    font-size: 14px;
     text-transform: uppercase;
}
.recette ul{
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
@media only screen and (min-width: 768px){
.portfolio-column-2-pro,.portfolio-column-1-pro {
    /*width: 48%;*/
    padding-top: 50px;
        margin-bottom: 30px;
}
}
.portfolio-post-nav-pro-border {
    padding-bottom: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e2e4e4;
        padding-top: 20px;
}

/*RECETTES LISTE*/
#recettes .portfolio-container-pro h2.portfolio-title-overlay a {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: norm    l;
    line-height: 1.4;
    margin-bottom: 5px;
    text-decoration: none;
   text-transform: none;
    text-align: left;
}
#recettes .portfolio-overlay-position {
    height: 0px;
    display: block;
    position: absolute;
    z-index: 15;
    text-align: center;
    width: 92%;
    padding: 0px;
    margin: 0 4%;
    bottom: 55px;
    left: 15px;
}
.portfolio-container-pro.centered-portfolio .portfolio-overlay-position {
   
     margin-top: 0px !important; 
}
#aromates .portfolio-container-pro.centered-portfolio .portfolio-overlay-position {
   
     margin-top: -35px !important; 
}

/*RECETTES LISTE FIN*/




header#masthead-qube.sidebar-header-hidden .sf-arrows .sf-with-ul:after, header#masthead-qube.sidebar-header .sf-arrows .sf-with-ul:after {
    right: 50px !important;
}

/*related post produit*/
ul.related-posts.extended_view img{
 width: 100%;   
}

.nosrecettes {
    /* font-family: 'Arvo'; */
    font-size: 20px;
    /* text-transform: uppercase; */
    padding: 20px 0 15px 0;
    border-top: 0px solid #eee;
}
ul.portfolio-tax-pro {
    font-style: normal;
    text-transform: uppercase !important;
}
#contact .upb_row_bg{
    min-width:inherit !important;
    left: 0 !important;
 width: inherit !important;
}
.upb_row_bg{
    min-width:inherit !important;
    left: 0 !important;
 width: inherit !important;
}
#philo .upb_row_bg{
    min-width:inherit !important;
    left: 0 !important;
 width: inherit !important;
}
#widget-area-qube .socialx a{
   margin-right: 25px; 
    color: #fff !important;
}
#widget-area-qube .socialx a:hover{

    color: #c5b08c !important;
}
/*NOUS TROUVER*/
.ult-style-1 .ult-team-member-name-wrap .ult-team-member-name {

    font-weight: 500!important;
}
.ult-style-1 .ult-team-member-position{
    letter-spacing: 0 !important; 
     text-transform:none !important; 
   
}
/*CONTACT*/
#content-qube input[type='text']{
    border: 1px solid #caced4;
    font-size: 14px;
    padding: 10px 15px !important;
    width: 58%;
    color: #2d323e;
    background: #ffffff;
}
/*PORTFOLIO*/
.bloc3{
    clear: both;
    margin-bottom: 40px ;
        padding-top: 20px;
}
.bloc3 h5 {
    color: #2a2d35;
    font-family: 'Arvo';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 5px;
    text-decoration: none;
    text-transform: uppercase;
    
}
#related-single-portfolio-pro h4.related-heading-portfolio-pro {

    font-size: 20px;
}
.single-post #content-qube {
    padding: 45px 0px 45px 0px !important;
}
h5.blog-related-title a {
    color: #23272c;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Arvo';
}

.recette ul {
  list-style: none;
  padding: 0;
}
.recette li {
  padding-left: 5px;
}
.recette li:before {
  /*content: "\f111";*/ /* FontAwesome Unicode */
     content: "•"; /* FontAwesome Unicode */
  /*font-family: FontAwesome;*/
    font-size: 14px;
  display: inline-block;
  margin-left: -10px; /* same as padding-left set on li */
  width: 10px; /* same as padding-left set on li */
}
   

.heightheader{
     height: 380px;
}
#histoire .heightheader .vc_column-inner {
 padding-top: 35px !important;   
}

#dit .heightheader .vc_separator{
margin-top: 25px;
}
.archive #content-qube,.search #content-qube {
    padding: 45px 0px 45px 0px !important;
}