/*
Theme Name:     P2id Thème
Description:    P2id Thème 2020 - V0.1.0
Author:         CHAD from P2id
Author URI:     http://www.oukiboss.fr
Template:       Divi                      
Version:        0.1.0
*/

body {
background-color: #e3e4e0 !important;
	
 

}

/* FOND DE PAGE */
#main-content {
    background-color: #e3e4e0 !important;
}

/* FOND SIDEBAR */
#sidebar {
background-color:#FFF !important;
		padding: 10px !important;

}

/* HEADER ACCEUIL */
#main-header {
line-height: 23px;
font-weight: 500;
top: 0;
background-color: #000000 !important;
}


/* MENU TOP HEADER  */
#top-header, #et-secondary-nav li ul {
	background-color: #cccccc !important;
	border-color: #ffffff;
}

/* MENUS TOP */


/* COULEURS BOUTONS : #ff940e  */
.drts .drts-bs-btn-primary {
	color: #d5ff1a !important;
	background-color: #000000 !important;
	border-color: #000000 !important;
	font-weight:bold !important;
}

/* COULEURS BOUTONS annuler  */
.drts-form-cancel {
color: #ffffff !important;
background-color: #ef0200 !important;
border-color: #000000 !important;
font-weight: bold !important;
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem;
}





.directory-listing-photos, .drts-display-element-entity_field_directory_photos-1 {
	top: 10px !important;
	left: 5px !important;
	transform: rotate(-2deg) !important;
	box-shadow: 7px 6px 15px #333 !important;
	width:75% !important;
	height:75% !important;
	
}



/* AFFICHAGE TELEPHONE */
.drts-display-element-entity_field_field_phone-1, .drts-display-element-entity_field_field_numero_de_mobile-1
{font-size:120% !important; font-weight:bold !important;}

/* AFFICHAGE TITRE */
.drts-display-element-entity_field_post_title-1{font-size:140% !important;}

/* Menu mobile "slide-in" pleine hauteur qui sort du côté droit */
@media only screen and (max-width: 980px) {
  .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
	   color: #cdff00 !important;
  }
  #main-header .container.clearfix.et_menu_container {
    width: 100%;
  }
  .logo_container {
    padding-left: 30px;
  }
  #et-top-navigation {
    padding-right: 30px;
  }
  .mobile_menu_bar, #logo {
    z-index: 10000;
  }
  #mobile_menu {
    display: block !important;
    right: 0;
    left: auto;
    top: 0;
    padding-top: 80px;
    min-height: 100vh;
    width: 400px;
    border-top: none;
    transition: all .2s ease-in-out;
    transform-origin: right;
   	   color: #cdff00 !important;


	
	  
  }
  .mobile_nav.closed #mobile_menu {
    transform: rotateY(90deg);
    opacity: 1;
  }
  /*.mobile_nav.opened #mobile_menu {
    transform: rotateY(0);
   opacity: 0.2;
	  -webkit-background-size: cover;
    background: linear-gradient(
      rgba(66, 66, 66, 0.40),
      rgba(66, 66, 66, 0.40)
    ),
    url("https://www.oukiboss.fr/wp-content/uploads/2020/04/bg_mobile_menu.jpg");

  }*/
	
	
}
@media only screen and (max-width: 480px) {
  #mobile_menu {
    width: 100%;
top:75px;
	
  }

	.et_mobile_menu li a {
    color: #cdff00 !important;
    width: 100%;
    float: left;
    border: none !important;
    text-align: left;
    margin: 5px 30px;
		transition: .2s;
    text-transform: uppercase;
    font-size: 1.4em !important;

}
}

#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after, .et_toggle_slide_menu::after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay::before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .tagged_as a, .posted_in a {
   	   color: #cdff00 !important;
}


/* DESOLE */
/* .drts-view-entities, .drts-view-post-entities,  .drts-view-entities-list {color:#FFF !important;font-weight:bold !important;}*/

h2 {

font-size: 16px !important;
}

/* BORD AUTOUR DE L'ANNONCE EN LISTE */


.drts-view-post-entities .drts-display-default-summary, .drts-view-user-entities .drts-display-default-summary {border: none !important;}

/* HR */
 hr{
        height: 1px;
        background-color: #FFF;
        border: none;
	
      }


/* CONTACT FROM 7 STYLE By SHADOWS
---------------------------------*/
 
.wpcf7 {
	background-color: #F0F0F0;
	border: 1px solid #666666;
	padding:25px;
	border-radius: 5px;
 	font-size: 1.2em !important;
}
 
.wpcf7-form-control-wrap .artisan {
	background-color: #F0F0F0;
	border: 1px solid #666666;
	padding:25px;
	border-radius: 5px;
 	font-size: 1.4em !important;
	width: 100% !important;
	padding: 12px 20px;
 	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
	font-size: 0.8em !important;
}

.wpcf7 input[type=text],input[type=email], input[type=password], input[type=tel], select, textarea {
	width: 100% !important;
	padding: 12px 20px;
 	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
	font-size: 0.8em !important;
}

.wpcf7 input[type=text]:focus , input[type=email]:focus, textarea:focus{
	border: 1px solid #555;
	box-shadow: 0px 0px 25px gray;
}




.wpcf7 input[type=button], input[type=submit], input[type=reset] {
	color: #d5ff1a !important;
	background-color: #000000 !important;
	border: 1px solid #ccc !important;
  	border-radius: 5px !important;
 	color: white;
	padding: 16px 32px;
 	text-decoration: none;
 	margin: 4px 2px;
 	cursor: pointer;
	font-weight:bold !important;
	font-size: 1.2em !important;
}

 .drts .irs-bar-edge, .drts .irs-bar{
background-color: #999 !important;

}

.drts .irs-slider:before{
background-color: #cdff00 !important;

}
.drts .irs-from, .drts .irs-single, .drts .irs-to {
background-color: #000 !important;
	color: #cdff00 !important;
}

.drts .irs-from:after, .drts .irs-single:after, .drts .irs-to:after{
	
  content: "+"!important;
}


/*

span.wpcf7-list-item {
padding:20px !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
border: 2px solid #c1c1c1;
font-size: 1px;
height: 24px;
position: absolute;
width: 24px;
z-index: 1;
}
*/

span.wpcf7-list-item {
padding:0px !important;
	margin:0px !important;
}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input[type=checkbox] {
  	border-radius: 5px !important;
    height: 30px;
    width: 30px;
    background: #fff;
    border: 1px solid #ccc;
}

input[type="checkbox"]:checked {
 
background:url(https://www.oukiboss.fr/wp-content/uploads/2020/04/radio-button-selected.gif) left top no-repeat;
 
 /* position: relative;
  &:before {
    font-family: FontAwesome;
    content: '\f00c';
    display: block;
    color: grey;
    font-size: 13px;
    position: absolute;
  }*/
}
/* BOUTON FAVORIS SUR RESUME */
/*
.favoris_resumer .drts .drts-bs-btn-outline-secondary:not(:disabled):not(.drts-bs-disabled).drts-bs-active, .drts .drts-bs-btn-outline-secondary:not(:disabled):not(.drts-bs-disabled):active, .drts .drts-bs-show>.drts-bs-btn-outline-secondary.drts-bs-dropdown-toggle
{
color: #fff;
background-color: #e3e4e0 !important;
border-color: #e3e4e0 !important;
}


.drts .drts-bs-btn-outline-secondary .favoris_resumer {
background-color: #e3e4e0 !important;
border-color: #e3e4e0 !important;
}

.favoris_resumer .drts .drts-bs-btn-outline-secondary:hover {
color: #fff;
background-color: #e3e4e0 !important;
border-color: #e3e4e0 !important;
}
*/
.favoris_resumer .drts-bs-btn-outline-secondary{
color: #fff;
background-color: #e3e4e0 !important;
border-color: #e3e4e0 !important;
}

/* COOKIES */
.cn-button.bootstrap {
color: #000 !important;
background: #e3e4e0 !important;
}


/* BULLE 1 2 3 */
.et_pb_slide_content ol span.bullet {
color: #000;
background-color: #d5ff1a;
border-radius: 50%;
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
font-size: .875rem;
font-family: Open Sans,sans-serif;
font-weight: 800;
text-align: center;
margin-right: 7px;
}


.et_pb_slide_content ol, .et_pb_slide_content ul {
list-style: none;
padding-left: 0;
}

.bullets{margin-left:auto; margin-right:auto; text-align:left; width : 400px;}


/* WOO MESSAGE 
.woocommerce-message {
    background: #000!important;
    color: #95f718 !important;
}



.woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover {color:#000 !important;}*/

a.et-cart-info {
    display: none;
}

/* WOOCOMERCE FOOTER COLOR MENU */

.bottom-nav a:link {
  color: #beee20 !important;
}

.bottom-nav a:hover {
  color: #beee20 !important;
}


.woocommerce-MyAccount-navigation li a, .woocommerce-MyAccount-navigation-link li a, .woocommerce-MyAccount-navigation-link--edit-account li a {color:#FFF !important; font-size:18px !important;}

.woocommerce-MyAccount-navigation{background-color:#6a6a6a !important; padding:20px !important; border: solid 1px #000 !important;}



	



@media only screen and (max-device-width:480px) {
	.menu-admin {
font-size:20px !important;width: 100% !important; background-color:#474646;text-align:center; color:#FFF; padding-top:10px !important; padding-bottom:10px !important;border: solid 1px #FFF !important;
}
}
	
@media only screen and (max-device-width:2048px) {
.menu-admin{font-size:20px !important;width: 30%; background-color:#474646;text-align:center; color:#FFF; padding-top:10px !important; padding-bottom:10px !important;border: solid 1px #000 !important;}
}





.woocommerce-MyAccount-navigation ul{
    list-style-type: none;
}


/* MENU BOTTOM */
#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {

 /*  color: #c6f522 !important;*/

}


mark {
background-color: transparent !important;
color: black;
}