/*
Theme Name:kriskenshop
Description:Thème enfant du thème twentythirteen
Author:Sebastien Krisken gaudet
Author URI:https://www.krisken.fr
Template:twentythirteen
*/

/* POLICES */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;1,300;1,700&display=swap');

body{
  font-size: 16px;
  font-size: 1em;
  font-family: 'Roboto', sans-serif;
}
h1, h2, h3,
h1.page-title{
  font: normal 700 2em/1 'Roboto Condensed', sans-serif;
}
h1.entry-title{
  font-weight: 700;
}
h2:not(.site-description):after,
h1.page-title:after,
h1.entry-title:after{
  content:'';
  display: block;
  width: 80px;
  height: 2px;
  background-color: #000;
  margin: 10px 0 0;
}
h2.woocommerce-loop-category__title:after,
h2.woocommerce-loop-product__title:after{display: none;}
.widget .widget-title{
  font: normal 700 1.5em/1 'Roboto Condensed', sans-serif;
}
.widget .widget-title:after{
  content:'';
  display: block;
  width: 80px;
  height: 2px;
  background-color: #fff;
  margin: 10px 0 0;
}
.alignfull{
	max-width: 100vw;
	margin: 0 auto !important;
}

/* COULEUR */
.bg-color{background-color: #354054;}
.dark{color: #354054;}
.light{color: #3997CF;}

/* inverse */
.inverse,
.inverse > *{color: #fff;}
.inverse h2:after{
  background-color: #fff;
}
  
.entry-content a {
  color: #000;
  text-decoration: none;
}
a:visited {
	color: #000;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover,
.entry-content a:hover,
.comment-content a:hover {
  color: #3997CF;
	outline: 0;
}

/* HEADER */
.site-header{
  height: 50vh;
  background-size: cover !important;
}
.site-header .home-link {
  max-width: 1080px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;
}
.site-header .site-title,
.site-header .site-description{
  width: 100%;
  color: #FFF;
  text-align: center;
}
.site-header .site-title:before{
  display: block;
  content: '';
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-image: url(http://www.krisken.fr/kriskenshop/wp-content/uploads/2020/11/LOGO-KRISKEN-SEB-GAUDET.png);
  background-repeat: no-repeat;
  background-size: 120px;
}

/* MISE EN PAGE */
.site{
  max-width: 100%;
}
.main-navigation,
.entry-header, .entry-content, .entry-summary, .entry-meta,
.site-header .home-link{
  max-width: 100%;
}
#masthead .home-link,
.entry-content .woocommerce,
.site-footer .widget-area,
footer .site-info,
.archive .entry-content,
.single .entry-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content{
  max-width: 960px;
  margin: 0 auto;
}
header.woocommerce-products-header,
.woocommerce nav.woocommerce-breadcrumb{
  padding-left: 15px;
  padding-right: 15px;
}

/* NAVIGATION */
.navbar{
  background-color: #354054;
  max-width: 100%;
}
.navbar .navigation{
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav-menu li a,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a{
  padding: 1.5em;
  font-size: 1em;
  font-style: normal;
  color: inherit;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.toggled-on .nav-menu li > ul a{color: #fff;}
.nav-menu li.menu-item-has-children:after{
  content: '';
  display: block;
  width: 15px;
  height: 65px;
  position: absolute;
  right: 2px;
  top: 0;
  background: url(img/li-children.svg) no-repeat center right/15px;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus,
.nav-menu .sub-menu li:hover > a,
.nav-menu .children li:focus > a{
  background-color: rgba(0,0,0,.25);
}
  /* Sous-Menu */
  .nav-menu .sub-menu,
  .nav-menu .children{
    display: flex;
    background-color: #354054;
    border: 0;
    margin: 0 !important;
  }
  .nav-menu .sub-menu li,
  .nav-menu .children li{
    background-color: rgba(0,0,0,.25);
  }
  ul.nav-menu li:hover > ul,
  .nav-menu ul li:hover > ul,
  ul.nav-menu .focus > ul,
  .nav-menu .focus > ul{
    display: flex;
    flex-direction: row;
  }

/* bouton toggle */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active{
  background: url(img/toggle-icon-blanc.svg) no-repeat center/36px;
  padding: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: 200em;
  position: relative;
}
#navbar.fixed{
  position: fixed;
  top: 0;
  background-color: #354054;
  z-index: 999;
  width: 100%;
}
.navbar .navigation.toggled-on{position: relative;}

/* PANIER */
#menu-cart a{
  color: #fff;
}

/* FORMULAIRES */
form.search-form{
  border-radius: 20px;
  overflow: hidden;
  margin: 10px;
}
input.search-field, textarea{
  border: 0;
  color: #000;
  padding: 8px;
  box-shadow: none;
}
button, input, select, textarea{
  border: 1px solid #ededed;
  border-radius: 4px;
  outline: 0 !important;
}
input:focus, textarea:focus{
  outline: 0 !important;
  border: 0 !important;
}
  ::-webkit-input-placeholder {font-style: italic;}
  ::-moz-placeholder {font-style: italic;}
  :-ms-input-placeholder {font-style: italic;}
  :-moz-placeholder {font-style: italic;}

.site-footer .widget .confidentialite + a{
  line-height: 35px;
  padding-left: 3px;
  color: #3997CF;
}

/* CONTENU HOME PAGE = simili boutique */
.home .entry-title,
.home header .woocommerce-products-header__title{display: none;}
.entry-content .woocommerce{
  margin: 0 auto;
}
mark{
  background: none;
}
.woocommerce .products ul,
.woocommerce ul.products{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.woocommerce ul.products li.product .price{
  position: absolute;
  z-index: 1;
  display: block;
  border-radius: 0 20px 20px 0;
  background-color: #fff;
  padding: 3px 5px;
  top: 10px;
  left: 0;
  font-weight: 300;
  color: #000;
}
.woocommerce.columns-3 ul.products li.product{
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
  font-weight: 300;
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title{
  font-size: 1.2em;
  background-color: #fff;
  top: -2em;
  position: relative;
  margin: 0 15px;
}
.woocommerce ul.products li.product a img{
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  outline: 6px solid transparent;
}
.woocommerce ul.products li.product a:hover img{
  box-shadow: 0 0 20px rgba(0,0,0,.3);
  outline: 6px solid #fff;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button{
  border-radius: 22px;
  font-weight: 300;
  background-color: #f1f1f1;
  display: block;
  text-align: center;
}
.woocommerce .cart button.button,
.woocommerce a.button.alt{
  background-color: #354054 !important;
  border-radius: 0 22px 22px 0;
  color: #fff !important;
  opacity: 1 !important;
  height: 38px;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus,
.woocommerce .cart button.button:hover,
.woocommerce .cart button.button:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus{
  background-color: #3997CF;
  color: #fff;
}

/* PRODUIT */
.woocommerce div.product form.cart div.quantity{margin-right: 0;}
.woocommerce div.product form.cart .quantity .qty{
  border-radius: 22px 0 0 22px;
  border: 1px solid grey;
  border-right-width: 0;
  height: 38px;
}
.woocommerce-message{
  border: 1px solid #f1f1f1;
  background: #fff;
  border-radius: 80px;
}
.woocommerce-message:before{color: #3997CF;}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: #000;
}
.woocommerce div.product form.cart .variations select{min-height: 35px;}
.woocommerce div.product form.cart .variations label{line-height: 35px;}

/* COMMANDE woocommerce-checkout */
form.checkout.woocommerce-checkout{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
#customer_details, #order_review{flex-basis: 48%;}
#customer_details .col-1{width: 100%;}
#customer_details .col-2{display: none;}

/* FOOTER */
.site-footer{
  background-color: #000;
  color: #fff;
}
.site-footer a{color: #fff;}
.site-footer .sidebar-container{background-color: #354054;}

#secondary .widget-area.masonry{
  height: 100% !important;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
}
#secondary .widget-area.masonry .widget{
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  margin: 0;
}
#secondary .widget a.phone,
#secondary form .wpcf7-submit{
  display: inline-block;
  border-radius: 22px;
  background: #3997CF;
  color: #fff;
  text-align: center;
  line-height: 35px;
  padding: 0 2em;
  border: 0;
  font-weight: 700;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#secondary .widget a.phone:hover,
#secondary .widget a.phone:focus{
  background: #f1f1f1;
  color: #000;
  text-decoration: none;
}

  /* RESO SOCIAUX */
  footer .site-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #reseaux-sociaux{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
  }
  .menu-social li{
    width: 36px;
    height: 36px;
    margin: 5px;
    background-size: 36px;
    background-position: center;
    border-radius: 18px;
    overflow: hidden;
  }
  .menu-social li.fb{background-image: url(img/fb.svg);}
  .menu-social li.lk{background-image: url(img/lk.svg);}
  .menu-social li.ig{background-image: url(img/ig.svg);}
  .menu-social li.yt{background-image: url(img/yt.svg);}
  .menu-social li.tw{background-image: url(img/tw.svg);}
  .menu-social li a{
    display: block;
    text-indent: 200em;
    overflow: hidden;
  }
  /* MENU LEGAL */
  #menu-legal{
    display: flex;  
  }
  #menu-legal li:after{
    display: inline;
    content: '|';
    margin: 0 5px;
  }
  #menu-legal li:last-child:after{display: none;}

/* RESPONSIVE   */
@media screen and (max-width: 768px) {
  .woocommerce.columns-3 ul.products li.product{
    margin: 0 1%;
    width: 31.3334%;
  }
  #secondary .widget-area.masonry,
  footer .site-info{
    flex-direction: column;
    align-items: center;
  }
  .widget .widget-title{text-align: center;}
}

@media screen and (max-width: 664px) {
  #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links{padding: 0 0;}
  
  .woocommerce .products ul, .woocommerce ul.products{
    flex-direction: column;
    align-items: center;
  }
  .woocommerce.columns-3 ul.products li.product{
    margin: 0 auto 1em;
    width: 320px;
  }
  .wp-block-group{padding: 2em 1em;}
  .navbar .navigation{flex-direction: column;}
  .panier{
    position: absolute;
    right: 15px;
    top: 0;
  }
}