/*
Theme Name:     BZFormation
Theme URI:      https://zatchouli.fr
Template:       kadence
Author:         Zatchouli
Author URI:     http://Zatchouli
Description:    Thème sur mesure pour BZFormation.
Version:        1
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


.wp-block-kadence-column {
  height: 100%;
}

h1, h2, h3, h4, h5, p, span {
	text-wrap: pretty;
	text-wrap-style: pretty;
}

.h-auto {height: auto !important;}

.kt-inside-inner-col {
  height: inherit;
}

.kb-img {
  width: auto;
}

.glass-hover {
  position: relative;
  overflow: hidden;
}

.glass-hover::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -100%;
  width: 50%;
  height: 200%;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
  transform: rotate(25deg);
  transition: left 0.4s ease;
  z-index: 1;
}

.glass-hover:hover::before {
  left: 100%;
}


button.glass-hover:hover,
a.glass-hover:hover,
input[type="button"].glass-hover:hover {
  box-shadow: 0 0 0 4px rgba(0, 123, 255, 0.5);
}


button.glass-hover:focus,
a.glass-hover:focus,
input[type="button"].glass-hover:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

.kb-query-item.kb-query-block-post.client.type-client.status-publish.hentry {
 align-self: center;
justify-self: center;}

.mt-30 {margin-top:30px:}

.truncated-text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
}

table th,
table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
    display: block;
  }

  table caption {
    font-size: 1.3em;
  }

  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table tr:first-child {
    display: none;
  }

  table td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: .625em;
    font-size: .8em;
  }

  table td::before {
    content: attr(data-label);
    width: 40%;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}
.fond-bleu {
    --s: 34px;
    /* control the size*/
    --c1: #1C2541;
    --c2: #0B132B;

    --_g:
    var(--c1) 0% 5%, var(--c2) 6% 15%, var(--c1) 16% 25%, var(--c2) 26% 35%, var(--c1) 36% 45%,
    var(--c2) 46% 55%, var(--c1) 56% 65%, var(--c2) 66% 75%, var(--c1) 76% 85%, var(--c2) 86% 95%,
    #0000 96%;
    background:
        radial-gradient(50% 50% at 100% 0, var(--_g)),
        radial-gradient(50% 50% at 0 100%, var(--_g)),
        radial-gradient(50% 50%, var(--_g)),
        radial-gradient(50% 50%, var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1);
    background-size: var(--s) var(--s);
}

.fond-rouge {
    --s: 34px;
    /* control the size*/
    --c1: #A4303F;
    --c2: #C43245;

    --_g:
    var(--c1) 0% 5%, var(--c2) 6% 15%, var(--c1) 16% 25%, var(--c2) 26% 35%, var(--c1) 36% 45%,
    var(--c2) 46% 55%, var(--c1) 56% 65%, var(--c2) 66% 75%, var(--c1) 76% 85%, var(--c2) 86% 95%,
    #0000 96%;
    background:
        radial-gradient(50% 50% at 100% 0, var(--_g)),
        radial-gradient(50% 50% at 0 100%, var(--_g)),
        radial-gradient(50% 50%, var(--_g)),
        radial-gradient(50% 50%, var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1);
    background-size: var(--s) var(--s);
}