/**
Theme Name: Freezco
* Description: Theme sur mesure pour Freezco, décliné de Twenty Twenty-Four.
* Template: twentytwentyfour
* Version: 1.2
 CSS Document 

*/

@font-face {
    font-family: 'Freezcones';
    src: url(assets/fonts/Freezcones.eot?v=1.1.0);
    src: url(assets/fonts/Freezcones.eot?v=1.1.0) format('embedded-opentype'),url(assets/fonts/Freezcones.woff2?v=1.1.0) format('woff2'),url(assets/fonts/Freezcones.otf?v=1.1.0) format('opentype');
    font-weight: normal;
    font-style: normal;
    }


/* AJUSTEMENTS */
html{
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion:reduce) {
	html{
		scroll-behavior: auto;
	}
}
div[id] {
	scroll-margin-top: 130px;
}
@media (max-width: 767px){
	div[id] {
		scroll-margin-top: 70px;
	}
}

b, strong {
  font-weight: 700;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
 	font-size: inherit;
}

/*
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
 	opacity: 0.8;
}
*/
h5 {
	letter-spacing: 1px
}
h6 {
	text-transform: uppercase;
	letter-spacing: 0.5px
}
	
.wp-site-blocks *:hover {
    outline:none;
}
.wp-site-blocks *:active {
    outline:none;
}
.has-system-serif-font-family.has-medium-font-size {
	font-size: 1.3rem !important;
}
.wp-site-blocks *:focus {
    outline:none;
}
.wp-site-blocks p>a {
	position: relative;
	display: inline-block;
}
.wp-site-blocks p>a:after {
	 content:"";
	 position:absolute;
	 display:inline-block;
	 left:0;
	 bottom:2px;
	 background-color:currentColor;
	 width:100%;
	 height:1px;
	 -webkit-transform:scaleX(1);
	 -ms-transform:scaleX(1);
	 transform:scaleX(1);
	 -webkit-transform-origin:left;
	 -ms-transform-origin:left;
	 transform-origin:left;
	 -webkit-transition:.3s;
	 -o-transition:.3s;
	 transition:.3s
}
.wp-site-blocks p>a:hover:after {
	-webkit-animation:freezco-line-animation 1s forwards;
	animation-name: freezco-line-animation;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-play-state: running;
}
.wp-site-blocks header p>a:after, .wp-site-blocks p.sans-filet>a:after, .wp-site-blocks footer p>a:after, .wp-site-blocks header li>a:after, .wp-site-blocks footer li>a:after, {
	content:none;
	animation:none;
}
.has-accent-background-color a:not(.wp-element-button):hover {
  color: var(--wp--preset--color--contrast-3);
}
.wp-block-button a {
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	border: solid 1px rgba(255,255,255,0.00);

}
.wp-block-button a.has-accent-background-color:hover {
	background-color: #fff!important;
	color: var(--wp--preset--color--accent);
	border: solid 1px var(--wp--preset--color--accent);
}
.wp-block-button.is-style-fill a:hover {
	background-color: #fff;
	color: var(--wp--preset--color--contrast-2);
	border: solid 1px var(--wp--preset--color--contrast-2);
}

/* ICONES - Creer un bloc HTML contenant : <span data-ico-dv="" class="btIcoHolder">. Rentrer la ref Unicode Char dans "" */ 

/* Icon parametres */

.btIco {
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    }
.btIco .btIcoHolder {
    line-height: inherit;
    display: inline-block;
    float: left;
    }
.btIco .btIcoHolder span,
.btIco .btIcoHolder a {
    line-height: inherit;
    }
.btIco .btIcoHolder[data-ico-dv]:before {
    font-family: "Freezcones";
    content: attr(data-ico-dv);
    }

.btIco .btIcoHolder:before {
    color: inherit;
    border-radius: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    }

.btIconSquareShape.btIco .btIcoHolder:before {
    border-radius: 0;
    }
.btIconCircleShape.btIco .btIcoHolder:before {
    border-radius: 50%;
    }
.btIconHexagonShape.btIco .btIcoHolder:before {
    border-radius: 0;
    }
.btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btLightSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before,
.btDarkSkin.btLightSkin .btDarkSkin .btIconHexagonShape.btIco .btIcoHolder:before {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    }
.btIconHexagonShape.btIco .btIcoHolder {
    position: relative;
    }
.btIconHexagonShape.btIco .btIcoHolder:before {
    z-index: 2;
    position: relative;
    }
.btIconHexagonShape.btIco .btIcoHolder svg {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: -4% 0 0;
    }
.btIconHexagonShape.btIco .btIcoHolder svg .hex {
    stroke-width: 3;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    }
.btIcoOutlineType.btIconHexagonShape.btIco .btIcoHolder .hex {
    fill: transparent;
    }

/* Icon tailles */

.btIco {
    line-height: inherit;
    }
.btIco .btIcoHolder:before {
    font-size: inherit;
    width: auto;
    height: auto;
    line-height: inherit;
    }
.btIco .btIcoHolder span {
    font-size: inherit;
    }
.btIco.btIcoExtraSmallSize {
    line-height: 21px;
    }
.btIconHexagonShape.btIco.btIcoExtraSmallSize {
    line-height: 26px;
    }
.btIco.btIcoExtraSmallSize .btIcoHolder:before {
    font-size: 10.5px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    }
.btIco.btIcoExtraSmallSize .btIcoHolder span {
    font-size: 12px;
    }
.btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before {
    font-size: 15.5px;
    }
.btIco.btIcoSmallSize {
    line-height: 28px;
    }
.btIconHexagonShape.btIco.btIcoSmallSize {
    line-height: 33px;
    }
.btIco.btIcoSmallSize .btIcoHolder:before {
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    }
.btIconHexagonShape.btIco.btIcoSmallSize .btIcoHolder:before {
    height: 33px;
    line-height: 33px;
    }
.btIco.btIcoSmallSize .btIcoHolder span {
    font-size: 14px;
    }
.btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before {
    font-size: 19px;
    }
.btIco.btIcoMediumSize {
    line-height: 40px;
    }
.btIconHexagonShape.btIco.btIcoMediumSize {
    line-height: 45px;
    }
.btIco.btIcoMediumSize .btIcoHolder:before {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    }
.btIconHexagonShape.btIco.btIcoMediumSize .btIcoHolder:before {
    height: 45px;
    line-height: 45px;
    }
.btIco.btIcoMediumSize .btIcoHolder span {
    font-size: 16px;
    }
.btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before {
    font-size: 30px;
    }
.btIco.btIcoBigSize {
    line-height: 52px;
    }
.btIconHexagonShape.btIco.btIcoBigSize {
    line-height: 57px;
    }
.btIco.btIcoBigSize .btIcoHolder:before {
    font-size: 26px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    }
.btIconHexagonShape.btIco.btIcoBigSize .btIcoHolder:before {
    height: 57px;
    line-height: 57px;
    }
.btIco.btIcoBigSize .btIcoHolder span {
    font-size: 18px;
    }
.btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before {
    font-size: 52px;
    }
.btIco.btIcoLargeSize {
    line-height: 100px;
    }
.btIconHexagonShape.btIco.btIcoLargeSize {
    line-height: 79px;
    }
.btIco.btIcoLargeSize .btIcoHolder:before {
    font-size: 37px;
    width: 100px;
    height: 120px;
    line-height: 100px;
    border-width: 2px;
    }
.btIconHexagonShape.btIco.btIcoLargeSize .btIcoHolder:before {
    height: 95px;
    line-height: 95px;
    }
.btIco.btIcoLargeSize .btIcoHolder span {
    font-size: 24px;
    }
.btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before {
    font-size: 120px;
    }

/* Default icon size */
.btIco.btIcoDefaultType .btIcoHolder:before {
    width: auto;
    padding: 0 2px;
    position: relative;
    }
.btTextLeft .btIco.btIcoDefaultType .btIcoHolder:before {
    margin-right: 2px;
    }
.btTextRight .btIco.btIcoDefaultType .btIcoHolder:before {
    margin-left: 2px;
    }

/* Icons side text color */
.btIcoAccentColor span {
    color: var(--wp--preset--color--accent);
    }
.btIcoAccentColor:hover span {
    color: var(--wp--preset--color--contrast-3);
    }
.btLightSkin .btIcoAccentColor:hover span,
.btDarkSkin .btLightSkin .btIcoAccentColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAccentColor:hover span {
    color: var(--wp--preset--color--contrast-3);
    }
.btIcoAlternateColor span {
    color: var(--wp--preset--color--accent);
    }
.btIcoAlternateColor:hover span {
    color: var(--wp--preset--color--contrast-3);
    }
.btLightSkin .btIcoAlternateColor:hover span,
.btDarkSkin .btLightSkin .btIcoAlternateColor:hover span,
.btLightSkin .btDarkSkin .btLightSkin .btIcoAlternateColor:hover span {
    color: var(--wp--preset--color--contrast-3);
    }
.btIcoDefaultColor:hover span {
    color: var(--wp--preset--color--accent);
    }


/* styles  boutons */	

.wp-block-post-terms:is(.is-style-tw-outline, .is-style-tw-outline-pill, .is-style-tw-outline-rounded) a {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
	}
	
.wp-block-post-terms:is(.is-style-tw-outline, .is-style-tw-outline-pill, .is-style-tw-outline-rounded) a:hover {
	 text-decoration:none!important;
	 border-color:var(--wp--preset--color--contrast-2);
	background-color: var(--wp--preset--color--contrast-2);
	color: white;
}
.has-contrast-3-color.wp-element-button:hover , .has-contrast-3-color.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--contrast-3);
    color: #fff !important;
}

@-webkit-keyframes freezco-line-animation {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0
 }
 50% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0
 }
 51% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
}
@keyframes freezco-line-animation {
 0% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0
 }
 50% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0
 }
 51% {
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
 100% {
  -webkit-transform:scaleX(1);
  transform:scaleX(1);
  -webkit-transform-origin:0 0;
  transform-origin:0 0
 }
}


/* MENU : styles (soulignement etc.) */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
 border:none;
}
.wp-block-navigation ul li a .wp-block-navigation-item__label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: 7px;
}
.wp-block-navigation ul li a .wp-block-navigation-item__label:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background-color: #FAB700;
  transition: width .3s ease-in;
}
.wp-block-navigation ul li a:hover {
  color: #FAB700;
}
.wp-block-navigation ul li a:hover .wp-block-navigation-item__label:after {
  width: 100%;
}
.has-modal-open .wp-block-navigation__responsive-container  ul li a:hover .wp-block-navigation-item__label:after {
	content:none;
}
.wp-block-navigation ul li.current-menu-ancestor a .wp-block-navigation-item__label:after, .wp-block-navigation ul li.current-menu-item > a .wp-block-navigation-item__label:after {
  width: 100%;
}
.wp-block-navigation.tw-nav-hover-primary-color li.has-child>a:hover {
  color: var(--wp--preset--color--contrast-3);
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open {
	padding: 2rem;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open a {
	font-size:var(--wp--preset--font-size--large);
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
  padding-top: 0;
}
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open li.has-child>a {
	font-size:var(--wp--preset--font-size--medium);
	text-transform: uppercase;
}
.has-modal-open ul.wp-block-navigation__container > .wp-block-navigation-item {
  border-bottom: solid 1px;
}
.has-modal-open .wp-block-navigation__responsive-container-content>ul>li {
  padding-bottom: 1em;
  margin-bottom: 1em;
}


/* MISE EN PAGE COLONNES ETC. */

@media (max-width: 1023px) {
.home .wp-block-columns.tw-cols-stack-sm-2 {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr))
	}
}

		
/* FOOTER : couleur des icones RS */
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: var(--wp--preset--color--contrast-2, currentColor);
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: var(--wp--preset--color--contrast-2, currentColor);
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: var(--wp--preset--color--contrast-2, currentColor);
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: var(--wp--preset--color--contrast-2, currentColor);
}