/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 
 /* beige : #f2ece5 */
  /* gris : #3f3f3f */
  /* marron : #a79786 */


/*********************************************************************************************************************************************************************** GENERAL */ 

@media (min-width: 1200px) {
    .container {
        /*width: 1700px;*/
		width:100%;
        max-width: 100%;
    }
}



#wrapper {
    /*padding-top: 1.563rem;*/
    background: #f2ece5;
}

.h1, .h2, .h3, .h4, body {
    color: #3f3f3f;
	font-family: "Pacifico", cursive;
	text-transform:none!important;
}
.btn-primary, .btn-primary:hover { background-color:#3f3f3f; }
a { color: #3f3f3f; }
a:hover { color: #fff; }

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.raleway {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

.edu-nsw-act-hand-pre {
  font-family: "Edu NSW ACT Hand Pre", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

p, a, span {   font-family: "Raleway", sans-serif; }
p { font-size:1.1rem; }

/*********************************************************************************************************************************************************************** HEADER */ 
 
#header {
    color: #3f3f3f;
    background: #d9d4ce;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header .header-nav {
    max-height: 50px;
    border-bottom: none;
}
#header .header-nav #_desktop_contact_link {
    display: none;
}
#header .header-nav .blockcart {
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
    background: transparent;
}
#header .header-top {
    padding: 0;
}
#header, #header .header-top {
    background-color: #f2ece5;
}
#header .logo {
    max-width: 100%;
    height: auto;
    width: 80%;
}
#header .header-top>.container>.row:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%;
}
#header .header-top .menu {
    padding-left: 0px;font-family: "Bebas Neue", sans-serif;
}
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #fff;
    text-decoration: none;
}
#header .header-top a[data-depth="0"] {
    color: #fff;
    text-transform: uppercase;
    background: #b1a08e;
    border-radius: 8px;
}
#header .header-top .position-static {
    position: static;
    margin-top: 1%;
}
#header .header-top .menu {
    padding-left: 0px;
    font-family: "Bebas Neue", sans-serif;
    width: 80%;
}
#header .menu, #header .menu>ul>li {
    display: inline-block;
    width: 15%;
}
.top-menu .popover {
    max-width: inherit;
    border-radius: 0;
    display: none;
}
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #a79786;
    text-decoration: none;
}



	@media (min-width: 768px) and (max-width: 1200px) { 
	#header .header-top .menu {
		padding-left: 0px;
		font-family: "Bebas Neue", sans-serif;
		width: 100%;
	}
	#header .menu, #header .menu>ul>li {
		display: inline-block;
		width: auto;
	}
	#header .header-top a[data-depth="0"] {
		color: #fff;
		text-transform: uppercase;
		background: #b1a08e;
		border-radius: 8px;
		font-size: 0.8rem;
	}
}


@media (min-width: 768px) {
    #header .col-md-2, #header .col-md-3 {
        float: none;
        width: 16.66667%;
		margin:0 auto;
    }
}
@media (min-width: 768px) {
    .col-md-10 {
        float: none;
        width: 100%;
        text-align: center;
    }
}


@media (max-width: 767px) {
div#_mobile_contact_link { display:none; }
}


/*********************************************************************************************************************************************************************** HOME */ 

#wrapper .banner {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 1%;
    text-align: center;
	clear:both;
}
#wrapper .banner img { border-radius:7px;  }


.direction {
    display: none;
}
.page-index header { display:none; }
.page-index #wrapper { padding-top:0; }
.page-index .container { padding-left:0; padding-right:0; }

.carousel .carousel-item .caption .caption-description h3{ font-family: "Raleway", sans-serif; letter-spacing:8px; }
.carousel .carousel-item .caption .caption-description p {
	/*font-family: "Pacifico", cursive;*/
}

#index .product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: transparent;
}


@media (min-width: 1200px) {

.carousel .carousel-inner { height:auto; color: #fff;}
.carousel .carousel-item img { animation:zoom-in 50s infinite; overflow:hidden!important; }
.carousel .carousel-item img.kiou { animation:none!important; overflow:hidden; }
@keyframes zoom-in {
	0% { scale:100%; }
	50% { scale:110%; }
	100% { scale:100%; }
}
	
	
.carousel .carousel-item .caption {
    position: absolute;
    top: 40%;
    left: 42%;
    max-width: 340px;
    color: #fff;
    text-align: center;
	font-family: "Pacifico", cursive;
}
.carousel img.kiou{ width:60%; }



/*.page-index a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
}*/


#custom-text {
    padding: 3.125rem 3rem 0.5rem 3.125rem;
    text-align: justify;
    background: #f2ece5;
    border-radius: 2px;
    margin-bottom: 1.5rem;
	font-weight:bold;  font-family: "Pacifico", cursive;
}
#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul {
    font-size: 1rem;
	line-height:1.2rem;
    font-weight: 400;
    color: #232323;  
}
.first-custom { width:60%; margin: 0 auto; height:500px; }
.first-custom span, .second-custom span { font-family: "Pacifico", cursive; text-transform: none; }
.last-custom { width:60%; margin: 0 auto; margin-top:3%; }
.left-custom { float:left; width:45%; padding-right:5%; padding-top:2%; height:500px;}
.right-custom { float:left; width:50%; background:url('https://atelier-kiou.fr/img/cms/thumbnail_IMG_8831.jpg'); height:500px; background-position:bottom; background-size:cover; background-repeat:no-repeat; border-radius:7px; }
.right-custom img { display:none; }

.second-custom { width:100%; clear:both; margin-top:50px; display:flex; position:relative; }
.second-custom h2 { text-align:right; float:left; width:10%; margin-right:1%;  }
.second-custom a:hover { opacity:0.8; transition:0.5s; animation:zoom-in 2s infinite; }
.second-custom img { border-radius:27px; }

/*.custom1 img { animation:zoom-slow 9s infinite; overflow:hidden!important; }
.custom2 img { animation:zoom-slow 9s infinite; animation-delay: 2s; overflow:hidden!important; }
.custom3 img { animation:zoom-slow 9s infinite; animation-delay: 4s; overflow:hidden!important; }
.custom4 img { animation:zoom-slow 9s infinite; animation-delay: 6s; overflow:hidden!important; }

/*@keyframes zoom-slow {
	0% { scale:100%; }
	20% { scale:102%; }
	40% { scale:100%; }
}*/

div.custom1  { float:left; width:20%; margin-right:1%; } 
   .second-custom h4 {
        text-align: right;
        font-size: 1.4rem;
		line-height:1.6rem;
        /* border: 3px solid #ffffff; */
        margin-top: -75%;
        z-index: 1000;
        position: relative;
        width: 90%;
        /* margin: 0 auto; */
        margin-top: -15%;
		font-family: "Pacifico", cursive; 
    }
div.custom2  { float:left; width:20%; margin-right:1%; } 
div.custom3  { float:left; width:20%; margin-right:1%; } 
div.custom4  { float:left; width:20%; margin-right:1%; } 
.custom4 h4 { 
        margin-top: -20%; }
		
#custom-text p:last-child { width:100%; text-align:center!important;}


#index .featured-products .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 60%;
    margin: 0 auto;
}


.bottom-custom { width:100%; background-color:rgb(250,250,250,0.7); display:flex; border-radius:7px; }
.bottom-custom span{font-family: "Pacifico", cursive; text-transform:initial; line-height:3rem; }
.bottom-custom a { border:1px solid #000; padding:3%; border-radius:7px; margin-top:20px; display:inline-block; }
.left-last-custom { width:50%; padding:2%; float:left; text-align:right; }
.left-last-custom img{ width:50%; border-radius:7px; }
.right-last-custom { width:45%; padding:2%; margin:0 auto; float:left; }
.right-last-custom p { width:60%; text-align:justify; }


}





@media (min-width: 768px) and (max-width: 1200px) {
	
	

 .carousel {
        background-color: #f6f6f6;
    }
.carousel-indicators {
       display:none;
    }	
.carousel .carousel-item .caption {
    position: absolute;
    top: 30%;
    left: 23%;
    max-width: 440px;
    color: #fff!important;
    text-align: center;
}
.carousel img.kiou{ width:30%; }
.carousel { padding-bottom:0; background-color:#f2ece5; margin-bottom:0; }
 .carousel .carousel-item .caption .caption-description h3 {
        font-size: 1rem;
		color:#fff!important;
    }
.carousel .carousel-item .caption .caption-description p { color:#fff!important; font-size: 1rem; }
.caption-description { background-color:rgb(0,0,0,0.3); padding:3% 15% 3%; }
ul.carousel-inner { margin-bottom:0;}


#custom-text {
    padding: 1rem;
    text-align: center;
background: #f2ece5;}

#custom-text p { font-size:1rem; }

#custom-text img {
    max-width: 100%;
    height: auto;
    margin-top: 3%;
}
.bottom-custom img { max-width:50%!important;}
.bottom-custom a { border:1px solid #000; padding:3%; border-radius:7px; margin-top:20px; display:inline-block; }

#custom-text h2 {
    font-weight: 500;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6%;
}
.custom1, .custom2, .custom3, .custom4  {
    max-width: 50%!important;
	float:left;
    padding: 2%;
}
.custom1 h4, .custom2 h4, .custom3 h4, .custom4 h4 {
    text-align: center;
    padding: 3%;
    background: #3f3f3f;
    color: #fff;
    font-variant: none;
}
.custom4 br {display:none;}

}




@media (max-width: 767px) {
	
/*.col-xs-12 { background:#f2ece5; }	*/

.carousel-indicators {
       display:none;
    }		
.carousel .carousel-item .caption {
    position: absolute;
    top: 10%;
    left: 7%;
    max-width: 340px;
    color: #fff!important;
    text-align: center;
}
.carousel img.kiou{ width:20%; padding-bottom:10px; }
.carousel { padding-bottom:0; width:100%; background-color:#f2ece5; margin-bottom:0; }
 .carousel .carousel-item .caption .caption-description h3 {
        font-size: 0.8rem;
		color:#fff!important;
    }
.carousel .carousel-item .caption .caption-description p { color:#fff!important; font-size: 0.8rem; margin-bottom:0; }
.caption-description { background-color:rgb(0,0,0,0.3); padding:3% 15% 3%; }
ul.carousel-inner { margin-bottom:0;}

#custom-text {
    padding: 1rem;
    text-align: justify;
background: #f2ece5;}

#custom-text h2 {
    font-size: 1rem;
    font-weight: 500;
    color: #232323;
    text-transform: uppercase;
    text-align: center;
    padding-top: 6%;
}
#custom-text img {
    max-width: 100%;
    /*height: 100%;*/
	height:auto; 
    padding-top: 2%;
}

.sep-first { text-align:center; }
.bottom-custom a { border:1px solid #000; padding:3%; border-radius:7px; margin-top:20px; display:inline-block; }


.custom1 h4, .custom2 h4, .custom3 h4, .custom4 h4 {
    text-align: center;
    padding: 3%;
    /* position: relative; */
    /* top: -2%; */
    /* z-index: 1000; */
    background: #3f3f3f;
    color: #fff;
    font-variant: small-caps;
}
.last-custom {
    padding-top: 5%;
}

/*
#custom-text {
    padding: 3.125rem;
    text-align: justify;
    background: #f2ece5;
    border-radius: 2px;
    margin-bottom: 1.5rem;
	height:500px;
}
#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul {
    font-size: 0.9rem;
    font-weight: 400;
    color: #232323;
}*/
}


/*********************************************************************************************************************************************************************** CATEGORY */ 
#category h1 { font-family: "Pacifico", cursive; text-transform:none; }
.block-categories .h6 {
    font-family: "Raleway", sans-serif;
}
.block-category .block-category-inner #category-description strong {
    font-weight: bold;
    color: inherit;
}
.block-category .block-category-inner #category-description p:first-child { margin-bottom:0; margin-top:2rem; }
.page-category .card {
    position: relative;
    display: block;
    background-color: transparent;
    border-radius: 0;
    border: none;
}
h2.subcategory-heading { display:none;}
#subcategories { border-top:none; }
#subcategories ul li .subcategory-image a { border: none; }

#pagenotfound .page-not-found, #products .page-not-found { display:none;}

.page-category .card-block {
    padding: 1.25rem 1.25rem .5rem 0rem;
}
.block-category .block-category-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
div#category-description {
    width: 100%;
}
.category-cover {
    width: 90%;
    clear: both;
    display: block;
	margin-top:30px;
}
.block-category .block-category-inner .category-cover img {
    width: 100%;
    height: auto;
	border-radius:12px;
}
#subcategories ul li .subcategory-image a img {
    max-width: 100%;
    vertical-align: top;
	border-radius:12px;
}
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #a79786;
}

.block-categories {
    padding: 1.563rem 0 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: transparent;
	border-right:double 3px #a79786;
}
#category .product-miniature .thumbnail-container {
    position: relative;
    height: auto;
    margin-bottom: 1.563rem;
    overflow: hidden;
    background: transparent;
	border-radius:12px;
}

@media (min-width: 992px) {
    .col-lg-3 {
        width: 20%;
    }
	#category .col-xl-4, .col-xl-5 {
        float: left;
        width: 25%;
    }
}




@media (max-width: 767px) {
	div#left-column {
    display: none;
}

.page-category .card-block { padding:0; }
.category-cover { width:100%; }
	
}



/*********************************************************************************************************************************************************************** FICHE PRODUIT */ 


 #product .product-price
 { color:#b1a08e; font-size:2rem; line-height:2rem; width:100%; /*text-align:center; */}
 
  #product .breadcrumb { text-align:center;}
  
  #product .product-cover img { background:transparent; }
  .product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #b1a08e 3px solid;
}
 
 .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #b1a08e 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: #b1a08e;
}
.tabs {
    padding: 1.25rem 1.875rem;
    margin-top: 2rem;
    background: #fff;
    border-radius: 20px;
}

.product-actions .add-to-cart {
    height: 2.75rem;
    padding-top: .625rem;
    line-height: inherit;
    text-transform: none;
    font-weight: 200;
    font-size: 1.1rem;
}



@media (min-width: 1200px) {
	
#product #content
{
    position: relative;
    max-width: 100%;
    margin: 0 auto;
	text-align:center;
}

#product     .col-xl-3 {
        width: 16%;
    }


#product .row.product-container.js-product-container { padding-top:2%; }

  /* #product .col-md-6 {
    width: 50%;
    margin: 0 auto;
    float: none;
}*/
#product h1 {
    text-transform: none;
    font-family: "Pacifico", cursive;
    /*text-align: center;*/
    font-size: 2rem;
}
 #product .product-price
 { color:#b1a08e; font-size:2rem; line-height:2rem; width:100%; /*text-align:center; */}
#product .product-prices .tax-shipping-delivery-label { display:none; }

div#product-description-short-1 {
  /*  text-align: center;*/
}
.product-actions .product-add-to-cart {
    word-wrap: break-word;
    margin: 0 auto;
   /* width: 50%;
	padding-left:5%;*/
}
.product-additional-info.js-product-additional-info {
    margin: 0 auto;
    /*width: 50%;
	padding-left:5%;*/
}

}




@media (min-width: 768px) and (max-width: 1200px) {
    .col-md-6, .col-md-7 {
        float: none;
        width: 100%;
		text-align:center; 
    }
	select#group_1 {
    width: 100%;
    text-align: center;
}
.block-social ul, .product-quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    /* text-align: center; */
}
.social-sharing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline;
}


}



/*********************************************************************************************************************************************************************** CMS CONTACT */ 


.contact-rich .block .data {
    width: auto;
    overflow: hidden;
    font-size: .875rem;
    color: #232323;
	 font-family: "Raleway", sans-serif;
}
.contact-form h3 { text-transform:none!important;}
form .form-control-label, .form-control-select, .form-control, .contact-form .btn-primary {
    font-family: "Raleway", sans-serif;
}

#cms h1 { font-family: "Raleway", sans-serif; text-align:center; font-size:1.5rem; }
#cms h2 { font-weight:200; }
#cms .breadcrumb {text-align:center; }
/*#cms .right-custom { float:left; width:50%; background:url('https://atelier-kiou.fr/img/cms/IMG_6102.jpg'); height:500px; background-position:bottom; background-size:cover; background-repeat:no-repeat; border-radius:7px; }*/
#cms img {max-width:100%; display:block; }


.first-custom-cms span, .second-custom-cms span { font-family: "Pacifico", cursive; text-transform: none; }



@media (min-width: 1200px) {

#cms .page-content {
        width: 50%;
		margin:0 auto;
        max-width: 100%;
		padding:3%;
    }

.cms-id-4 img { max-width:50%!important; margin: 0 auto; display:block; margin-top:50px; border-radius:7px;}
.cms-id-4 .sep-first img {
        margin-top: 0px;
    }
.cms-id-4 .sign { text-align:right!important; display:inline!important; margin:0!important; width:20%;} 



.first-custom-cms { width:100%; margin: 0 auto; height:500px; }
.first-custom-cms span, .second-custom-cms span { font-family: "Pacifico", cursive; text-transform: none; }
.last-custom-cms { width:60%; margin: 0 auto; margin-top:3%; }
.left-custom-cms { float:left; width:50%; padding-right:5%; padding-top:2%; height:500px;}
.right-custom-cms { float:left; width:50%;  border-radius:7px;  padding-top:5%; }
.right-custom-cms img { display:none; }
}

@media (min-width: 768px) and (max-width: 1200px) {
	.cms-id-6 .left-custom-cms { width:100%; }
	.cms-id-6 .right-custom-cms { width:100%; }
	.cms-id-6 .right-custom-cms img { width:inherit; margin-top:1%; }
	
	/*#cms p { display:contents; }*/
}



/*********************************************************************************************************************************************************************** TUNNEL CHECKOUT */ 

#checkout .checkout-step, #checkout .checkout-step h4, #checkout .address { font-family: "Raleway", sans-serif; } 
#checkout #footer { display:none; }



/*********************************************************************************************************************************************************************** AJOUT PRODUIT */ 

#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #000;
}
#blockcart-modal .cart-content .cart-content-btn .btn { font-family: "Raleway", sans-serif; } 







/*********************************************************************************************************************************************************************** NEWSLETTER INSCRIP */ 

.block_newsletter {
    float: inherit;
    width: 100%;
    margin: auto;
    background: #a79786;
    border: 2px solid #fff;
    padding: 2%;
    color: #fff;
	font-family: "Raleway", sans-serif;
	margin-bottom: 5%;
}
.block_newsletter h3 { font-family: "Pacifico", cursive; text-transform:none; font-size:1.5rem; font-weight:300; }

.block_newsletter #block-newsletter-label, .customization-modal .modal-content .modal-body {
    padding-top: 0;
    font-size: 1rem;
    line-height: 1.2rem;
	color:#fff;
	font-weight:800;
	text-align:center;
	width:100%;
}
.block_newsletter form .row .col-xs-12:last-of-type p { color:#fff; font-family: "Raleway", sans-serif; }
.block_newsletter .row { text-align:center; }
.block_newsletter .col-md-7.col-xs-12 { width:100%; }





/*********************************************************************************************************************************************************************** FOOTER */ 
#footer {
    padding-top: 2.5rem;
    background: #b1a08e;
}



.account-list a:hover, .block_newsletter form button[type=submit] .search:hover, .footer-container li a:hover {
    color: #a79786;
}

.col-md-6.links {
    width: 100%;
}


@media (min-width: 768px) {
    #footer 
.col-md-6.links {
    width: 100%;
}

.col-md-6.links p, .col-md-6.links a { color:#fff;  font-weight: 200;}
	#footer .footer-container .col-md-12 { display:none;}
	.footer-container {
    padding-top: 2.5rem;
    overflow: hidden;
    text-align: center;
}
div#block_myaccount_infos, .block-contact.col-md-3.links.wrapper { display:none; }

.footer-container .h3 a, .footer-container .h4 a {
    margin-bottom: 1rem;
    font-size: 1rem;
}

div#contact-infos, .contact-infos a {
    font-size: .875rem!important;
    color: #7a7a7a!important;
}
	
}

@media (min-width: 768px) and (max-width: 1200px) { 

    #footer .col-md-3 {
        float: left;
        width: 25%;
        margin: 0 auto;
    }
}


@media (max-width: 767px) {
#footer {
    padding-top: 0rem;
    background: #f2ece5;
}
    .footer-container {
        margin-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 2%;
    }
#footer	.col-md-12 { display:none; }
}