/**
 * Theme Name: Nude
 * Author: Daniel James
 * Author URI: https://danieltj.uk/
 * Description: The Nude theme is perfect for minimalists and REST API users. It's different to most themes due to it being purpose built for headless WordPress installations. No posts here.
 * Version: 1.2
 * Tags: translation-ready, custom-background
 * Text Domain: nude
 * License: GNU GPL v3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
-webkit-overflow-scrolling: touch;
}

html, body { 
font-size: 16px; 
font-weight: 300; 
font-family: sans-serif;
margin: 0;
width:100%;
height: 100%;
min-height: 100vh;
overflow-x: hidden;
background: #fff; 
}

*,
*:before,
*:after {
box-sizing: border-box;
}

strong {
font-weight: 800;
}

li {
line-height: 1.5;
}

#page {
width: 100%;
}

#navbar {
position: fixed;
z-index: 500;
top: 0;
width: 100%;
height: 100px;
background-color: #823789;
color: #fff;
}

#navbar a {
text-transform: uppercase;
font-family: "Open Sans", Verdana, Geneva, sans-serif;
}

.navbar-w {
width: 100%;
max-width: 1040px;
margin: auto;
background-color: #823789;
}

.logo {
position: absolute;
top: 5px;
}

.logo a {
font-size: 24px;
font-weight: 900; 
color: #fff;
text-decoration: none;
}

.logo-p {
position: absolute;
top: 20px;
font-size: 13px; 
font-weight: 100; 
}

/* Position Menu principal - TopBar - Social - Panier */
#topbar {
float: right;
margin-top: 5px;
}

#menuToggle {
position: absolute;
top: 63px;
margin-left: 40px;
}

#search {
position: absolute;
top: 63px;
margin-left: 620px;
}

#wishlist-col {
  position: absolute;
  top: 60px;
  margin-left: 755px;
  border-left: 2px solid #8b5190;
  padding-left: 10px;
}

#panier {
  position: absolute;
  top: 63px;
  margin-left: 790px;
}

/* Style Menu Topbar et Principal */
#topbar ul, #menuToggle ul, #search ul, #wishlist-col ul, #panier ul {
 padding:0;
 margin:0;
 }
#topbar li, #menuToggle li, #search li, #wishlist-col li, #panier li {
 margin-left:2px;
 float:left; /*pour IE*/
 list-style: none;
 }
#topbar a, #menuToggle ul li a, #search ul li a, #wishlist-col a, #panier ul li a {
 display:block;
 float:left;   
 color:#fff;
 text-decoration:none;
}

#topbar a, #panier ul li a {
margin: 0 5px;
}

#menuToggle ul li a {
margin: 0 14px;
}


#topbar a:hover, #menuToggle ul li a:hover, #wishlist-col a:hover, #panier ul li a:hover {
border-bottom:1px solid #fff;
    padding-bottom:2px;
 } 

#topbar a {
font-size: 14px;
font-weight: 300;
}

#menuToggle ul li a, #panier ul li a {
font-size: 12px;
font-weight: 600;
}


@media only screen and (min-width: 1041px){
    #menuToggle input {
        display: none !important;
    }
}

@media only screen and (max-width: 1040px){
    #menuToggle {
        display: block !important;
    }
}


@media only screen and (max-width: 1040px) {
#navbar {
height: 80px;
}
	
#topbar a:hover, #menuToggle ul li a:hover, #wishlist-col a:hover, #panier ul li a:hover {
border-bottom:0;
    padding-bottom:0;
 }
	
/* Position Menu principal - TopBar - Social - Panier */
.logo {
position: absolute;
top: 5px;
left: 3px;
}
	
.logo-p {
left: 3px; 
}

#topbar {
width: 150px;
margin: 0 0 0 400px;
position: absolute;
top: 10px;
}

#search {
position: absolute;
top: 42px;
right: 75px;
margin: 0;
}
	
#wishlist-col {
  position: absolute;
  top: 2px;
  right: 180px;
  margin-left: 0;
  border-left: 0;
  padding-left: 0;
}

#panier {
  position: absolute;
  top: 5px;
  right: 0;
  margin-left: 0;
}
	
#topbar ul li a, #panier ul li a {
margin: 0 3px 3px;
  font-size: 12px !important;
  font-weight: 300 !important;
}


/* Menu Toogle */

#menuToggle
{
  display: block;
  position: absolute;
  top: 42px;
  right: 15px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #fff;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
	top: 36px;
  height: 100vh;
  width: 100vw;
  margin: -100px 0 0 0;
  right: -15px;
  background: #823789;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	float:none;
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}
#menuToggle ul li a {
float: none;
padding-top: 15px;
display: inline-block;
overflow: hidden;
}
}

@media only screen and (max-width: 800px) {
.logo {
position: absolute;
top: 5px;
left: 3px;
}

.logo a {
font-size: 14px;
font-weight: 500; 
}

.logo-p {
display: none !important;
}
#topbar {
float: none;
margin: 0;
top: 30px;
}
}

/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .my-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
.my-nav-menu-search .search-form {
    position: relative;
    margin: -4px 0 0;
}
/*Stop the display of the Search button*/
.my-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.my-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}

/* Style the search input textbox */
.my-nav-menu-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}

/* Expand the search box when you click it */
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
    color: #000;
	background: #fff;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab; 
	cursor: text;
    outline: 0;
    width: 120px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}

/* Add a magnifying glass background */
.my-nav-menu-search .search-form:before {
	font-family:'FontAwesome';
    content: '\f002';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: 100;
    top: 0; /* tune this vertical alignment inside the search field, as needed */
    left: 5px; /* tune this horizontal alignment inside the search field, as needed */
}

/* Social FontAwesone */    
.my-facebook-nav:before {
    content: "\f09a";
 }

.my-twitter-nav:before {
    content: "\f099";
 }

.my-vimeo-nav:before {
    content: "\f27d";
 }

.my-youtube-nav:before {
    content: "\f16a";
 }

/* Heart wishlist FontAwesone */    
.my-wishlist-nav:before {
    content: "\f004";
 }

.my-facebook-nav:before, .my-twitter-nav:before, .my-vimeo-nav:before, .my-youtube-nav:before, .my-wishlist-nav:before {
    font-family: FontAwesome;
	color: #fff;
 }

/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .my-nav-menu-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

#content {
width: 100%;
min-height: 600px;
}

.col-header {	
width: 95%;
max-width: 960px;
margin : 130px auto 50px;
}

.post-title {
text-transform: uppercase;
font-size: 2.2em; 
font-weight: 700;
color: #823789;
margin: 0 0 30px;
line-height: 120%;
text-align: center;
-ms-word-break: break-word;
word-break: break-word;
}

.entry-title {
text-transform: uppercase;
font-size: 2.2em; 
font-weight: 700;
color: #823789;
margin: 0 0 30px;
line-height: 120%;
-ms-word-break: break-word;
word-break: break-word;
}

.entry-content {	
width: 95%;
max-width: 960px;
margin : 50px auto;
}

.entry-content p, .entry-content li {
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif
}

#breadcrumbs a, #breadcrumbs a:hover {
text-decoration: none !important;
}

.site-content a, .site-content a:hover {
color: #823789;
}

.site-content p {
font-family: sans-serif;
	font-size:16px;
	font-weight: 300;
	margin: 20px 0;
	line-height:1.5;
text-align: justify;
	color: #3c3c3c;
}

.entry-figure {
	margin: 0;
}

img.attachment-single-thumb, picture.attachment-single-thumb {
display: block;
max-width: 300px;
margin: auto;
padding: 0;
}

img.size-full, img.size-large, img.header-image, img.wp-post-image, img.lazyloaded  {
    height: auto;
    max-width: 100%;
}

.woocommerce-product-gallery img.size-full { height: auto; width: 100%; max-width: 400px; }
.entry-content img.size-full { height: auto; width: 100%; max-width: 450px; }

.clear {
  clear: both;
}

#site-footer {
background-color: #823789;
width: 100%;
padding: 27px 0 5px;
}

.site-footer a, .site-footer p { 
color:#fff;
text-decoration:none;
}

.footer-corporate { 
padding: 0 10px;
}

.footer-corporate a, .footer-corporate p { 
text-align:center;
font-size: 15px;
}

/* Typographie --------------------------------------- */

.site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 { 
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
}

.site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 {
margin: 50px 0 35px; 
}

.site-content h1 { font-size: 2.2em; font-weight: 700; }
.site-content h2, .row-3 h2 { font-size: 1.7em; font-weight: 700; color:#823789; }
.site-content h3 { font-size: 1.45em; font-weight: 700; color:#823789; }
.site-content h4 { font-size: 1.2em; }
.site-content h5 { font-size: 1em; }
.site-content h6 { font-size: 0.8em; }

/*Blockquote*/
blockquote {
  color: #3d302f;
  margin: 30px 0 30px 40px;
}
blockquote p {
  font-size: inherit;
  line-height: inherit;
}

blockquote > p:first-child::before {
  content: open-quote;
}

blockquote > p:last-child::after {
  content: close-quote;
}

blockquote, q {
  quotes: "“" "”";
}

cite, blockquote[cite]:after, cite {
  font: 13px Sans-Serif;
}

blockquote[cite]:after {
  content: "—" attr(cite);
  display: block;
  color: #050000;
  margin-top: 15px;
}

cite {
  margin-left: 40px;
  margin-top: -1em;
  margin-bottom: 2em;
}
cite:before {
  content: "—";
}

pre, code {
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  font-family: "andale mono", "lucida console", monospace;
}

blockquote, pre, .bypostauthor {
  border: 2px solid #050000;
  border-width: 2px 0;
  padding: 15px 0;
}

pre, blockquote {
  /*Marge with Blockquote?*/
  margin: 30px 0 30px 40px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Post Media --------------------------------------- */

img.alignone {
margin: 6px 20px;
}

img.aligncenter, picture.aligncenter {
display: block;
margin: auto;
text-align: center;
}

img.alignleft, picture.alignleft {
display: block;
float: left;
margin: 6px 20px;
text-align: left;
}

img.alignright, picture.alignright {
display: block;
float: right;
margin: 6px 20px;
text-align: right;
}

img.size-medium {
margin-bottom: 35px;
}

.full-image img {width: 100% }


 /*Woocommerce Style*/
.col-header-woo {
margin-top: 130px;
}

.page-title {
margin-top: 190px;
margin-bottom: 40px !important;
text-transform: uppercase;
font-size: 2.2em; 
font-weight: 700;
color: #823789;
line-height: 120%;
-ms-word-break: break-word;
word-break: break-word;
}

.texte-resa p {
margin-top: 20px !important;
font-size: 15px !important; 
text-align: center;
}

.price, .texte-resa2 p {
margin-top: 40px !important;
margin-bottom: 40px !important;
font-size: 1.5em !important; 
font-weight: 600 !important;
color: #823789 !important;
line-height: 120% !important;
-ms-word-break: break-word;
word-break: break-word;
text-align: center;
}

.price, .woocommerce-Price-amount.amount {
    color: #823789 !important;
	text-align: center !important;
}

.summary, .entry-summary {
width: 100% !important;
	float: none !important;
display: inline-block !important;
}

.woocommerce-product-details__short-description {
margin: 40px 0 50px;
}

.qty{width:50px;height:36px;text-align:center;font-size:16px; 
font-weight:300;color:#823789;}

.single_add_to_cart_button {
    width: 86.5%;
	background-color: #823789 !important;
font-size: 1.2em !important; 
font-weight: 500 !important;
	color: #ffffff !important;
	padding: 5px 0!important;
}

.single_add_to_cart_button:hover {
	background-color: #ba3c99 !important;
}

.second_content {
    display: inline-block;
}


.yith-wcwl-add-button {
	margin: -28px 0 50px 62px;
}

.yith-wcwl-add-button a {
	width: 100%;
	background-color: #823789 !important;
	text-align: center;
}

.yith-wcwl-add-button a:hover {
	background-color: #ba3c99 !important;
}

.product_meta, .product_meta img {
	margin-bottom: 60px;
}

.product .star-rating span:before,
.product .star-rating:before {
    color: #f2b01e;
}

.wishlist-items-wrapper img {
    height: 75px !important;
}

.product-name a {
    font-size: 15px !important;
}

/* galerie vertical woocommerce*/
.woocommerce-product-gallery {
    display: flex;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
}

.flex-viewport {
    width: 100% !important;
        margin-left: 10px !important;
}

.flex-viewport img {
    max-width: 100% !important;
}

.woocommerce-product-gallery li {	
float: none !important;
clear: both !important;
width: 100px !important;
}

 /*Cookie bar Style*/
#eu-cookie-bar {
	display: none;
	direction: ltr;
	color: #000;
	min-height: 60px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	padding:20px 20px 2px;
	background-color: #f6f6f6;
	text-align: center;
	font-size: 12px;
}
#eu-cookie-bar a {
	color: #ffffff;
	text-decoration: underline;
}
button#euCookieAcceptWP {
	margin:0 10px;
	line-height:20px;
	background:#45AE52;
	border:none;
	color: #ffffff;
	padding:2px 12px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

@media only screen and (max-width: 1040px) {
button#euCookieAcceptWP {
	margin:30px 350px;
}
.single_add_to_cart_button, .single_add_to_devis_button, .yith-wcwl-add-button {
    width: 280px;
}
}

@media only screen and (max-width: 657px) {
button#euCookieAcceptWP {
	margin:20px 130px;
}
.col-header, .col-header-woo {	
margin : 105px auto 0;
}
}

.img-entreprise {
position: fixed!important;
z-index: 900!important;
bottom: 80px!important;
right: 1px!important;
}

.wp-image-54 {
max-width: 300px!important;
}