/*
Theme Name:     blocosma
Description:    
Author:         blocosma
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/****HEADER*******/

#et-info,#top-header,#et-secondary-menu li a,#top-menu li a{font-weight:500!important;}
#top-header #langues{float:left;font-weight:500!important;margin-right:25px;padding-top:10px;}
#top-header .fabrication img{margin-top:-7px;float:left;}
#main-header .et_mobile_menu{background:#7c90a0!important;}

/*****TOP MENU*********/

.mobile_menu_bar::before, .mobile_menu_bar::after{color:#ffffff!important;}


#top-menu li{padding-right:45px;}
#top-menu li a{text-transform:uppercase;}
#top-menu li a:hover{color:#7c90a0!important;opacity:0.7;}
#top-menu li li a{text-transform:none!important;}
#top-menu li li a:hover{color:#ffffff!important;}
/*#top-menu > li:last-child{width:110px}*//**Añado un item en blanco para centrar el logo*/



#top-menu li.current-menu-ancestor li.current-menu-item a{color:#ffffff!important;}

/***Secondary menu****/

#secondary-menu{padding-top:5px;}
#secondary-menu li a{font-size:14px;}


#et-secondary-nav  li{margin-right:30px;}

#et-secondary-nav li{text-align:left;}
#et-secondary-nav li ul{background:#ffffff!important;}


.lien-blank{display:none!important;}
.lien-blank-menu-principal{visibility:hidden;}


/*******LANGUES****************/

/*#et-secondary-nav .menu-item-has-children > a:first-child::after{top:10px;}*/
#et-secondary-nav  .sub-menu{background:#ffffff;width:150px;}
#et-secondary-nav  .sub-menu a{color:#333333!important;}
#et-secondary-nav ul.sub-menu li{padding:0 1em;text-align:left;}
 ul#et-secondary-nav{padding-top:10px;}

/***********Search form header****/

#search-form{float:right;padding-left:25px;margin-left:30px;position:relative;}

#search-form form.et-search-form.et-hidden{display:block!important;}
#search-form .et-search-form{position:relative;background:none;top:0;border:0;box-shadow:none;padding-top:0;padding-bottom:0;margin-bottom:5px;padding-right:0;}
#search-form .et-search-form input{padding-left:20px;width:175px!important;padding-top:10px;padding-bottom:10px;background:#ffffff;position:relative;font-size:12px;border:1px solid #ffffff;}
#search-form #et_search_icon{}
#search-form #et_search_icon:before{top:5px!important;right:10px!important;text-align:right;color:#7a7a7a;position:absolute;}

#et_search_icon:before{content:none;color:red!important;}







/**GENERAL*****/

h1{font-size:42px;}
body.home h1{font-size:32px;}

h1,h2,h3, h4, h5, h6{line-height:1.3em;}

h2,h3, h4, h5, h6{padding-bottom:0.7em;}
h5{font-size:17px!important;}


a.et_pb_promo_button.et_pb_button,button.et_pb_contact_submit.et_pb_button{color:#ffffff!important;font-weight:500;padding:12px 23px!important;}

a.et_pb_promo_button.et_pb_button:hover,button.et_pb_contact_submit.et_pb_button:hover{padding:12px 23px!important;}


img.alignright{margin:20px 0 20px 20px;}
img.alignleft{margin:20px 20px 20px 0px;}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul{list-style:none;padding-top:10px;}
#left-area ul li, .entry-content ul li{background:url('https://www.blocosma.fr/wp-content/uploads/2016/03/puce.png') no-repeat 0 8px;padding-left:30px;padding-bottom:10px;padding-top:5px;}


.et_pb_gallery_pagination ul li,.es_pagination ul li{background:none;}


.entry-content .et_pb_widget_area ul li{background:none;padding-left:0;}









/***ACCUEIL*********/


body.home h1{background:url("https://www.blocosma.fr/wp-content/uploads/2016/03/fond-titres.jpg") no-repeat bottom center;}

body.home .avant-rasage h1{background:none;}


/***Slider****/






/***Osma rasage****/


body.home .et_pb_promo_button{background:none;color:#7c90a0!important;font-weight:bold;margin-left:-23px;}
body.home .et_pb_promo_button:hover{background:none!important;color:#7c90a0!important;text-decoration:underline;}


/***Osma tradition***/

body.home .osma-tradition .et_pb_promo_button,body.home .osma-tradition .et_pb_promo_button:hover{color:#ffffff!important;}

/*.osma-tradition .colonne-1{margin-right:0;}*/

/**L'engagement***/



/************Derniers Articles********************/

.derniers-articles .column.size-1of3{width:47%!important;}

.derniers-articles .post-meta {color:#7C90A0!important;font-size:14px!important;}


.derniers-articles .et_pb_post{float:left;padding-left:0;padding-right:0;}

.derniers-articles h2{font-weight:600;text-transform:uppercase;font-size:19px!important;}
.derniers-articles h2 a:hover{color:#7c90a0!important;opacity:1;}

.derniers-articles  .et_pb_blog_grid .et_pb_post{backround:none;border:0;}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post{margin-bottom:2%;}

.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3{margin-right:3%!important;}



.js .et_pb_blog_grid[data-columns] .column .et_pb_post{animation:none;}



a.more-link{text-transform:uppercase;font-weight:bold;position:relative;margin-top:20px;clear:both;}

a.more-link:hover{text-decoration:underline;}



/****LOGOS****/


.galerie-logos img:hover{width:160px!important;}




/****PAGES INTERIEURES****/

.titre-sans-padding h2 {padding-bottom:0;font-size:32px;}
.et_pb_fullwidth_header_subhead{font-size:21px;}






/***************Sidebar***************/

/********Sidebar blog page ********/

.et_right_sidebar #left-area{width:73.6%;margin-right:2%;padding-right:0;}
.et_right_sidebar #sidebar{padding-left:0;}
#sidebar{width:23%;}

#main-content .container::before{background-color:#ffffff;opacity:0;}/***Border right sidebar page blog***/

#sidebar a{color:#7C90A0!important;}
#sidebar a:hover{text-decoration:underline;}
#sidebar h4{padding-bottom:20px;text-transform:uppercase;padding-bottom:10px;margin-bottom:20px;}

#sidebar ul li{border-bottom:1px dotted #666!important;padding-bottom:10px;}


/************Sidebar normal pages*********/

.et_pb_widget_area_left,#sidebar{border-right:0;}
.et_pb_widget_area h4,#sidebar h4{margin-bottom:20px;}

.et_pb_widget_area, #sidebar{padding-right:0;}

.et_pb_widget_area .et_pb_widget,#sidebar .et_pb_widget{padding-bottom:20px;margin-bottom:20px!important;/*border-bottom:1px solid #cccccc;*/background:#f4f4f4;padding:30px 20px;}

.et_pb_widget li{background:none!important;padding-left:0!important;}









/***PAGE CONTACT****/

.page-contact li{background:none!important;padding-left:0!important;padding-bottom:3px!important;padding-top:0!important;color:#364756!important;}
.page-contact li a{color:#364756!important;}
.page-contact li a:hover{text-decoration:underline;}
.page-contact ul{padding-left:0!important;}

h1.et_pb_contact_main_title{margin-bottom:15px;}
.et_pb_map{height:300px!important;}

.et_pb_map h3{padding-bottom:0;}
button.et_pb_contact_submit.et_pb_button {font-weight:600;color:#ffffff;background:#364756;}



/**FORMULAIRES DE CONTACT****/

.et_pb_contact div.wpcf7{margin-left:-3%;}

.et_pb_contact p.et_pb_contact_field.checkbox  input{/*width:auto!important;*/}

.et_pb_contact input[type="radio"]{width:auto!important;}





.et_pb_contact p.et_pb_contact_submit.button-submit input{color:#ffffff!important;font-weight:500;padding:12px 30px!important;background:#de4136!important;width:auto;cursor:pointer;text-transform:uppercase;font-weight:600;font-size:16px;}

.et_pb_contact p.et_pb_contact_submit.button-submit input:hover{padding:12px 30px!important;opacity:1;background:#000000!important;width:auto;}


.et_pb_contact p.et_pb_contact_submit.button-submit:hover{background:none;}


/***PAGE BLOG*****/

.pagination{padding-top:25px;}
body.blog #left-area .et_pb_post{margin-bottom:0;display:table;border-bottom:1px solid #cccccc;margin-top:20px;padding-bottom:10px;}
body.blog #left-area .et_pb_post:last{border-bottom:0!important;}

body.blog #left-area .et_pb_post .entry-featured-image-url{width:25%;margin-right:25px!important;float:left;margin-bottom:0;}
body.blog #left-area img{margin-bottom:20px;float:left;border:1px solid #ededed;}
body.single #left-area img{/*width:30%;float:right;*/border:1px solid #ededed;}

.et_pb_post .post-meta{margin-bottom:0; color:#aaaaaa!important;}

body.blog #left-area .post-meta a,body.single #left-area .post-meta a{color:#7C90A0;}
body.blog #left-area .post-meta a:hover,body.single #left-area .post-meta a:hover{text-decoration:underline;}

.et_pb_post h2{padding-bottom:15px;font-size:26px;}
.et_pb_post h2:hover{color:#7C90A0;}
#left-area .post-meta{padding-bottom:10px;}



/*********FOOTER*********/

#main-footer .footer-widget h4{text-transform:uppercase;color:#ffffff!important;font-size:17px;}


.adresse{float:right;}
.adresse img{top:3px;position:absolute;margin-left:-30px;}
.adresse li.no-icon{padding-left:0!important;}
#footer-widgets .footer-widget li{padding-left:0px;}
#footer-widgets .footer-widget li ul{display:none;}
#footer-widgets .footer-widget li::before{border-radius:0;content:none;}


#footer-widgets .footer-widget li a:hover{color:#ffffff;opacity:1;text-decoration:underline;}


#footer-widgets .footer-widget  ul.cnss-social-icon li{padding-left:0;}
ul.cnss-social-icon img {margin-left:0!important;}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget{margin-bottom:10%;}

.et_pb_widget,.et_pb_widget a{color:#ffffff;}
.et_pb_widget a:hover{color:#ffffff;}

#footer-bottom {background:none;border-top:1px solid #ffffff;}
#footer-bottom a,#footer-bottom{color:#ffffff;}

#footer-bottom a:hover{text-decoration:underline;}

#footer-info-right{float:right;}


ul.contact li img {position:relative;top:5px;margin-right:10px;}
ul.contact li.no-icon{padding-left:30px!important;}

/***Search***/

#footer-widgets .widget_search #s{border-radius:0;background:url("https://www.blocosma.fr/wp-content/uploads/2016/03/loupe.png")no-repeat 195px 8px #ffffff;width:225px;border:0;}

#footer-widgets .widget_search #searchsubmit{color:#ffffff;padding-right:150px!important;display:none;}
.widget_search input#s, .widget_search input#searchsubmit{height:35px!important;}


/********MENU VERTICAL******/

.menu-vertical h4{padding-bottom:25px;}
.menu-vertical li a{color:#364756!important;}
.menu-vertical li a:hover{color:#7c90a0!important;}
.menu-vertical li.current-menu-item a{color:#ffffff!important;}
.menu-vertical .et_pb_widget{background:#becbd3;}

/*****RESPONSIVE*******/




@media only screen and ( min-width: 1405px ) {


}

@media only screen and ( min-width: 981px ) {

}


@media only screen and ( min-width: 1200px ) {



}

@media only screen and ( min-width: 1100px ) {


}


/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {


}


/*-------------------[1024px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1405px) {
#logo{max-width:70%;}
#top-menu li {padding-right:25px;}


}

@media only screen and ( min-width: 981px ) {


}




/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

#footer-widgets .widget_search #s{width:180px;background-position:150px 8px;}
ul.contact li.no-icon{padding-left:0!important;}



}


/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {






}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {


/*.et_pb_slider .et_pb_slide{min-height:350px;}*/


}


@media screen and ( max-width: 782px ) {




}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {


.et_pb_slider .et_pb_slide{min-height:200px;}

body.blog #left-area img{width:100%;}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {






}