h2 {
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 36px;
    font-family: Work Sans;
 	font-size: calc(16px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height: calc(36px + (49 - 35) * ((100vw - 300px) / (1600 - 300)));
  	text-decoration-color: #f8b50c;
    text-decoration-line: underline;
    text-underline-offset: -18px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 27px;
  	margin:0 !important;
  	text-transform:uppercase;
}

.is-under-h2 {
    font-weight: 800;
    letter-spacing: -2px;
    line-height: 36px;
    font-family: Work Sans;
    font-size: calc(16px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height: calc(36px + (49 - 35) * ((100vw - 300px) / (1600 - 300)));
  	text-transform:uppercase;
  	text-decoration-line: unset;
  	text-decoration-skip-ink:auto;
  	
}

.is-a-p {
	font-weight: 400 !important;
    color: #000000;
    margin-top: 1em;
    margin-bottom: 1.5em;
    font-family: 'Work Sans';
    font-size: calc(12px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
  	line-height: calc(19px + (33 - 25) * ((100vw - 300px) / (1600 - 300)));
}

.button-custom-bleu  {
  	background: #0e0e51;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Work Sans';
    -webkit-box-shadow: #0000004f -1px 2px 7px 0px;
  	width: max-content;
}


#block20 {
	align-items:center;
}

@media screen and (max-width: 600px) {
  h2 {
  	font-size: calc(34px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height: calc(45px + (49 - 35) * ((100vw - 300px) / (1600 - 300)));
    text-decoration-color: #f8b50c;
    text-decoration-line: underline;
    text-underline-offset: -15px;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 21px;
  }
  
  .is-under-h2 {
  	font-size: calc(34px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height: calc(45px + (49 - 35) * ((100vw - 300px) / (1600 - 300)));
  }
  
  .is-a-p {
    font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
  	line-height: calc(19px + (33 - 25) * ((100vw - 300px) / (1600 - 300))) !important;
    text-align:justify !important;
    margin-bottom:0;
  } 
  
  #block20 .tck-module-text {
  	margin:0;
    padding:0;
  }
  
  #block20 > .inner {
  	padding:0;
  }
}


@media screen and (max-width:400px) {
  h2  {	
    font-size: calc(22px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height:30px;
    text-underline-offset: -10px;
    text-decoration-thickness: 15px;
  }
  .is-under-h2 {
  	font-size: calc(22px + (40 - 16) * ((100vw - 30px) / (1600 - 300)));
    line-height:30px;
  }
}



/*ACCUEIL CONTENU*/

@media only screen and (max-width:1550px) {
  #landingwrapper {
    margin-top:3em;
  }
}

@media only screen and (min-width:1200px) {
#landingwrapper, #wrapperspecialiste, #accueil_contenu {
	/*height:100vh;*/
  	display:flex;
    align-items:center;
}
  #landingwrapper {
  	height:100vh;
  }
}

#activateur_droit {
	align-self:center;
}

#activateur_gauche {
	align-self:center;
}

#specialiste_gauche {
	align-self:center;
}

#specialiste_droite {
	align-self:center;
}

ul li {
list-style-image: url(https://www.rayformation.fr/images/image_refonte/bullet_cross_white.png);
    padding-left: 14px;
}

.pagebuilderck li::before {
	content:none !important;
}

/*ACYMAILING MODULE ACCUEIL*/

.acym_module_form label {
	 display: flex;
    flex-direction: column;
}

.acym_form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  	flex-wrap: wrap;
  	margin-top:2%;
}

.acym__users__creation__fields__title {
    margin-bottom: 0.5em;
  	font-weight: 800;
  	color:white;
}

.acyfield_text {
	margin: 0 1em 0.5em 0 !important;
}

#field_2 {
	order: 3;
}

.acysubbuttons .button {
	border-radius: 0px;
    background-color: #ffffff;
    color: #f8b50c;
  	font-size:20px;
    font-family: 'Work Sans';
    font-weight: bold;
    transform: scale(0.9);
    word-wrap: break-word;
    border-radius: 4px;
  	border: 4px solid #ffffff;
}

.acysubbuttons .button:hover {
    background: #dedede;
    color: #ffffff;
    text-decoration: none;
    transition: 1s ease;
    transform: scale(0.95);
    color: white;
    border: 4px white solid;
    background-color: transparent !important;
}

.acysubbuttons {
	margin-left: -0.4em;
}

.fieldacyterms {
	order:4;
}

.cell input {
	background:white;
  	color:white;
  	border:none;
}

.acym__modal__handle:hover {
	color: black !important;
	font-weight: bold;
}

/*Police au dessus des champs de formulaire*/
.acym__users__creation__fields__title {
	font-family:'Work Sans';
}

.acym_module_form .onefield {
	font-family:'Work Sans';
} 

#accueil_newsletter {
  	background: #f8b50c url(https://www.rayformation.fr/images/image_refonte/accueil/newsletter_background.png);
    background-clip: border-box;
    background-size: cover;
}
/*END*/

/*DIVIDER*/

/*-@media only screen and (min-width: 800px) {
.tck-divider-container {
	display:none;
}}*/

#bannermenu {
	z-index:5;
}

/*SOCIAL MEDIA WIDTH & HEIGHT*/
.pbck_social_icon img {
	width: var(--size)px;
  	height: var(--size)px;
}

.button404 {
	    background: #f8b50c;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    font-weight: 600;
    font-size: 20px;
    font-family: 'Work Sans';
}

/*HIKASHOP MODULE ACCUEIL*/

.hikashop_listing_img_title {
	box-shadow: unset;
}

.hikashop_product_name {font-family:'Work Sans';}




@media screen and (min-width:992px) {
  span.hikashop_product_name {
      font-size: calc(3px + (13 - 5) * ((100vw - 30px) / (1600 - 300))); 
  }

  .hikabtn {
      font-size: calc(2px + (14 - 5) * ((100vw - 30px) / (1600 - 300)));
  }

  span.hikashop_product_price_full {
    font-size: calc(3px + (13 - 5) * ((100vw - 30px) / (1600 - 300)));
  }
  
  
	#accueil_contenu > .inner {
		/*height:100vh;*/
	}
}

.hikashop_subcontainer {
  	min-height:auto !important;
  }

@media screen and (max-width:991px) {
  .hikashop_subcontainer {
  	min-height:auto;
  }
  .ui-widget {
  	display:none !important;
  }
  .ui-widget-overlay {
    	display:none !important;
  }
}


@media screen and (min-width: 1350px) and (max-width: 1899px) {
	.hikashop_listing_img_title {
      min-height: 270px;
    }
}

@media screen and (min-width: 1900px) {
	.hikashop_listing_img_title {
		min-height:305px;
	}
}


.cards-container {
  display:flex;
  flex-direction:row;
}

.card-container {
	padding-left: 2em;
  	margin-bottom: 3em;
}

.title-card {
    margin: 0 0 0.5em;
    text-decoration-color: #f8b50c;
    text-decoration-line: underline;
    text-underline-offset: -11px;
    text-decoration-thickness: 17px;
    text-decoration-skip-ink: none;
    color: black;
    text-align:center;
    font-family: Work Sans;
    font-size: calc(35px + (50 - 35) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(36px + (49 - 35) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 900;
    letter-spacing: -2px;
    text-transform: uppercase;
    text-align: left;
}

.sub-title-card {
    margin-top: 1em;
    font-family: 'Work Sans';
    font-weight: 900;
    font-size: calc(23px + 2 * ((100vw - 300px) / (1600 - 300)));
    color: black;
  	line-height:1em;
}

.text-card {
    line-height: calc(16px + 6 * ((100vw - 300px) / (1600 - 300)));
    font-size: calc(17px + 2 * ((100vw - 300px) / (1600 - 300)));
    font-family: 'Work Sans';
    margin: 1em 1em 1.5em 1em;
}

.button-card {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: 700;
  	font-family:'Work Sans';
    background: #f8b50c !important;
    border: none;
    color:#fff !important;
    border-radius: 5px 5px 5px 5px;
  	text-transform: uppercase;
    font-size: calc(17px + 2 * ((100vw - 300px) / (1600 - 300)));
}