/*
Theme Name: Cathpax
Theme URI: https://cathpax.com/
Author: CarCutter
Author URI: https://cathpax.com/
Description: cathpax.com look beautiful everywhere.
Version: 1.0
Tags: one-column, two-columns
Text Domain: cathpax
*/
/*********************** RESET **************************************/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;700&display=swap');
:root{
  /* palette / rayon --------------------------------------- */
  --c-accent       : #1DBEA7;
  --c-bg           : #faf7f2;
  --radius         : 14px;

  /* rythme vertical – un seul endroit à ajuster ----------- */
  --space-section  : clamp(2rem, 7vw, 6rem); /* min – ratio – max */

  /* viewport iOS fix -------------------------------------- */
  --vh             : 1vh;        /* utilisé dans .hero-card */

  /* breakpoint burger ------------------------------------- */
  --collapse       : 960px;

  /* hotspots (résultats & alt-section) --------------------- */
  --core-size         : 44px;
  --pulse-scale       : 3;
  --pulse-duration    : 3s;
  --pulse-offset      : 1.5s;
  --pulse-duration-on : 1.8s;
  --pulse-offset-on   : .9s;
  --c-core            : #ffffff;
  --c-back            : #b5b5b5;
  --c-wave            : rgba(255,255,255,.4);
  --c-icon            : #000;
  --c-core-on         : #1DBEA7;
  --c-back-on         : #1DBEA7;
  --c-wave-on         : rgba(29,190,167,.45);
  --c-icon-on         : #fff;
}
html,body{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	text-align:left; 
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	font-size: 16px;	
	word-wrap: break-word;
	overflow-wrap: break-word;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	position:relative;
	min-height:100vh;
	font-family:"Source Sans 3",system-ui,-apple-system,sans-serif;
	color:#000;line-height:1.55;background:#fff;
}
img{
	max-width:100%;
	height:auto;
}
strong,b{
	font-weight: 700;
    font-style: normal;
	margin:0;
	cursor:default;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 600;
    font-style: normal;
	margin:0;
	cursor:default;
	line-height:1.12;
	color: var(--primary-headings);	
}
p{
	margin:0;
	margin-bottom: 1.7rem;
	cursor:default;
}
h1{
	font-size:3.6rem;
	margin-bottom: 2.55rem;
}
h2{
	font-size:3rem;
	margin-bottom: 2.12rem;
}
h3{
	font-size:2.5rem;
	margin-bottom: 1.7rem;
}
h4{
	font-size:2rem;
	margin-bottom: 1.7rem;
}
h5{
	font-size:1.75rem;
	margin-bottom: 1.5rem;
}
h6{
	font-size:1.5rem;
	margin-bottom: 1.5rem;
}
.clear{
	clear:both;
}
html{
	background-color:white;
	min-height:100%;	
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x:hidden;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
.center{
	text-align:center;
}
.gap{
	padding-top:22px;
}
.gap32{
	padding-top:32px;
}
.gap44{
	padding-top:44px;
}
.gap12{
	padding-top:12px;
} 
main{
	padding:0 22px;
}
#graph-display2{
	display:none;
}
/* ---------- RESET MINIMAL ---------------------------------- */
img,video{max-width:100%;height:auto;display:block}
/*********************** CUSTOM **************************************/ 
.width-wrapper{
	max-width:1440px;
	padding:0 32px;
}
.fancybox-yt{
	position:relative;
	display:block;
	background:black;
}
.fancybox-yt img{
	display:block;
	-webkit-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
	opacity:1;	
}
.fancybox-yt svg{
	position:absolute;
	width:20%;
    display: block;
    height: auto;
    left: 40%;
    top: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:transform .3s ease-out;
	transition:transform .3s ease-out;
}
.fancybox-yt:hover svg{	
	-webkit-transform:translateY(-50%) scale(1.2);
	transform:translateY(-50%) scale(1.2);
}
.fancybox-yt:hover img{	
	opacity:0.8;
}
.inline-block{
	display:inline-block;
}
.fancybox-yt .white-logo-over,
.feature-case-sudy.case-sudy-grid-item .fancybox-yt .white-logo-over {
    background-size: auto auto;
    background-size: auto 18%;
    background-repeat: no-repeat;
    background-position: top 2% right 2%;
}
.fail,
.success {
    color: #fff;
    background-color: #4CAF50;
	padding:22px 36px;
	text-align:center;
}
.fail {
    background-color: #f44336;
}
#primary{
	margin:0 auto;
	max-width:940px;
	padding:0 32px 44px 32px;
}
#primary h1{
    color: var(--c-accent);
	text-align:center;
}
.hero-basic{
	padding-top:160px;
}
/*********************** MEDIA QUERIES **************************************/
/*RETINA*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	   
}
@media screen and (max-width: 800px) {
	.results-wrapper{
		max-width:500px;
		margin:0 auto;
		text-align:center;
	}
	.results-wrapper h3{
		font-size: clamp(1.5rem, 5vw, 3rem);
	}
	.results-wrapper p,
	.results-wrapper h3{
		text-align:center;
		width:100%;
	}
}