﻿/*
Theme Name: Audacioza
Theme URI: http://www.audacioza.com
Description: Thème de Audacioza
Author: Francis CORNILLE (pour Audacioza)
Author URI: http://www.audacioza.com
Version: 3.1.4
Template: toppic
Text Domain: toppic
*/


/* ======================================================== */

/**/
.page-template-template-homepage-grid.kk_menu_slide_right .fullmasonry,
.page-template-template-homepage-grid.kk_menu_fullscreen .fullmasonry,
.page-template-template-homepage-grid.kk_menu_left_boxed .fullmasonry,
.single-gallery.kk_menu_slide_right .fullmasonry,
.single-gallery.kk_menu_fullscreen .fullmasonry,
.single-gallery.kk_menu_left_boxed .fullmasonry {
  padding: 107px 0 0;
}

/**/
.page-template-template-homepage-grid.kk_menu_slide_right .creative-top-wrapper-bg,
.single-gallery.kk_menu_slide_right .creative-top-wrapper-bg {
  background-color: #ffffff;
}

/**/
.effect-zoom:not(.img-loading):hover a:after {
  background-color: rgba(47, 159, 218, 0.8);
}

/* ---------- */

.gras, .bold {
  font-weight: 700;
}


/* --- ajustements WooCommerce --- */

/**
 * effet transition-zoom de l'image principale de la fiche produit
 * wc2.6 : appliquer l'overflow hidden à la div container ajoutée à l'image principale
 * wc3.0 : ne fonctionne probablement pas (changement markup de l'image principale & gallerie d'images)
 * -> ici application neutralisée
 *
.woocommerce div.product div.images div.single-poduct-image-container {
  overflow: hidden;
}

/**/
.woocommerce ul.products li.product a img {
  margin: 0;
}

/* wc2.6 *
.woocommerce .kk-woo-shop-wrapper ul.products li.product h3,
.woocommerce-page .kk-woo-shop-wrapper ul.products li.product h3,
.woocommerce .kk-woo-related ul.products li.product h3,
.woocommerce-page .kk-woo-related ul.products li.product h3,
.woocommerce-cart .cart-collaterals .cross-sells ul.products h3 {
  margin: 1em 0 0;
}
/* wc3.0 */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  margin: 1em 0 0;
  font-size: 1em;
  line-height: 22px;

  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}

/* gallery wc3.0 */

/* styler les vignettes de la fiche produits comme wc2.6 */

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  margin: 0;
}

/* 1er enfant : l'image principale */
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(1) {
  margin-bottom: 1em;
}
/* disposition en 3 colonnes, ts les enfants au-delà du 1er --> ttes les vignettes complémentaires */
.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(n+2) {
  display: inline-block;
  width: 30.75%;
  margin-right: 3.8%;
  margin-bottom: 1em;
  vertical-align: top;
}
/* disposition en 3 colonnes, 4,7,10ième enfants, etc --> vignettes de la dernière des 3 colonnes */
.woocommerce div.product div.images.woocommerce-product-gallery--columns-3 .woocommerce-product-gallery__image:nth-child(3n+4) {
  margin-right: 0;
}

/* --- fin WooCommerce --- */


/* menu droit : item 'soon' */
.main-nav li.soon a {
  color: #bbb;
  cursor: default;
}
.main-nav li.soon a:after {
  content: " (soon)";
  margin-left: 2px;
  font-size: 14px;
}

/* menu footer : item 'soon' */
.footer-nav li.soon a,
.footer-nav li.soon a:hover {
  color: #bbb;
  cursor: default;
}


/* ajuster les contrôles (fléches) des carrousels d'images */
div.wpb_images_carousel.clients-list .vc_images_carousel .vc_carousel-control {
/*margin-top: -15px;*/
  margin-top: 0px;
/*width: 30px;*/
  width: 0px;
}
/* centrer les images du carrousel horizontalement */
.vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
  text-align: center;
}


/* DÉBUT particulier à la page "about" */

/* lien particulier au texte de la page "about" */
a.link-about {
  font-weight: bold;
  color: #808080;
}
a.link-about:hover {
  color: #2f9fda;
}

/* complétement supprimer l'écart entre fin texte page et footer de la page "about" */
body.about-page .kk-content-footer {
  margin-top: 0px;
}

/* corriger 'écart' entre images (visible page 'about') pour petit écran/smartphone */
@media screen and (max-width: 766px) {

  .kk_vc .vc_row-fluid .wpb_column {
    margin-bottom: 0px;
  }

}

/* corriger 'écart' entre images (visible page 'about') */
body.about-page .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
body.about-page .vc_row-has-fill > .vc_column_container > .vc_column-inner {
  padding-top: 0px;
}

body.about-page .vc_row-has-fill .vc_column_container .vc_column-inner .wpb_content_element {
  margin-bottom: 0px;
}

/* FIN particulier à la page "about" */
