/*  Theme Name:   OceanWP Child
Theme URI:    https://sanoweb.fr 
Description:  Thème enfant pour SANOWEB 
Author:       Christophe Silvestre
Author URI:   https://sanoweb.fr 
Template:     oceanwp
Version:      0.1.0 */

body:not(.page-id-30) main>header{
	display: none !important;
}

body{
	background: linear-gradient(0.35turn, #130625, #361C65 20%, #3A1777 25%, #2C0B46 37%, #331157 35%, #2F0363 68%, #171A5C 85%);
}

body #site-header{
	border-bottom: 0px;
}

body main header{
	margin: 80px auto 0 auto;
}

.parallax-container {
  position: relative;
  overflow: hidden;
}

.parallax-container .elementor-widget-button {
  position: absolute;
  transition: transform 0.1s linear;
}




#typingContainer{
	opacity: 0;
	min-height: 60vh;
}

#cursor {
	display: inline-block;
	width: 12px;
	height: 36px;
	margin-left: 10px;
	background: white;
	animation: blink 0.9s infinite;
}

@keyframes blink {
	0%, 50% { opacity: 0; }
	51%, 100% { opacity: 1; }
}

#buzzWordsContainerParent{
	position: relative;
}

#buzzWordsContainer{
	position: absolute;
	transform: translate(-50%, 50%) scale(0);
	opacity: 0;
	bottom: 0px;
	left: 50%;
}

#buzzWordsContainer .elementor-button-link{
	cursor: default;
	pointer-events: none;
}

#buzzWordsContainer.loaded, .elementor-editor-active #buzzWordsContainer{
	animation: scaleUp 0.5s ease-out forwards;
}

@keyframes scaleUp {
	from {
		transform: translate(-50%, 50%) scale(0);
		opacity: 0;
		bottom: 0px;
		left: 50%;
	}
	to {
		transform: translate(-50%, 0%) scale(1);
		opacity: 1;
		bottom: 170px;
		left: 78%;
	}
}

#scrollSuggest{
	opacity:0;
	transition: opacity 0.6s ease-out 0.4s;
}

#scrollSuggest .elementor-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(3);
	animation: flyArrow 2s ease-in-out infinite;
}

@keyframes flyArrow {

	0%{
		transform: translate(-50%, -50%) scale(2);
	}
	50%{
		transform: translate(-50%, -0%) scale(1.5);
	}
	100%{
		transform: translate(-50%, -50%) scale(2);
	}
}


:not(.elementor-editor-active) #buzzWordsContainer>.elementor-widget-button{
	position: absolute;
}

.tripleOffersContainer {
	position: relative;
	display: flex;
}

.tripleOffersContainer .packContainer{
	max-width: 34%;
}

.packContainer{
	position: relative;
	filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.25));
	max-width: 375px;
}

.packContainer#silverPack:after, .packContainer#goldenPack:after, .packContainer#diamondPack:after{
	content: "";
	position: absolute;
	width: 110px;
	height: 130px;
	clip-path: polygon(40% 0%, 10% 0%, 100% 90%, 100% 60%);
	top: 0;
	right: 0;
}

.packContainer#silverPack:after{
	background: linear-gradient(0.35turn, #2C2380, #AAB0C8 20%, #FFFFFF 35%, #9CA2B8 50%, #ffffff 70%, #ffffff 100%);
}

.packContainer#goldenPack:after{
	background: linear-gradient(0.35turn, #4E3900, #E4B200 23%, #FFF2C5 49%, #E4B200 76%, #7B5A00 100%);
}

.packContainer#diamondPack:after{
	background: linear-gradient(0.35turn, #B8C5D9, #FFFFFF 30%, #DCE9FF 60%, #9EACC0 100%);
}


#wpforms-form-259 .wpforms-field-container div[data-field-id='1'], #wpforms-form-259 .wpforms-field-container div[data-field-id='2']{
	display: inline-block;
	width: calc(50% - 2px);
}

#wpforms-form-259 input, #wpforms-form-259 textarea{
	background-color: #877BB4;
	box-shadow: none;
}

#wpforms-form-259 .wpforms-field-container div[data-field-id='1']{
	padding-right: 10px;
}

#wpforms-form-259 .wpforms-field-container div[data-field-id='2']{
	padding-left: 10px;
}

#wpforms-confirmation-259{
	display: inline-flex;
    width: 100%;
}

#wpforms-confirmation-259 p{
	margin: 0 auto;
    background: #4C38A5;
    padding: 20px;
	color: #ffffff;
}

div.wpforms-container-full .wpforms-confirmation-container-full{
	background: transparent !important;
    border: 0 !important;
}

.wpforms-container #wpforms-form-259 input.wpforms-field-medium{
	max-width: 100%;
	cursor: pointer;
}
div.wpforms-container-full #wpforms-form-259 *{
	margin-left: auto;
	margin-right: auto;
}
#wpforms-form-259 .wpforms-submit-container{
	text-align: center;	
}

#wpforms-form-259 button[type="submit"]{
	background: #4C38A5;
	padding: 17px 34px;
	height: initial;
	margin-top: 32px;
	
}

.wpforms-field-container{
	max-width: 600px;
}

.wpforms-container .wpforms-field{
	padding: 20px;
}


@media screen and (min-width: 1025px){
	.tripleOffersContainer .packContainer:nth-child(2) {
		position: absolute;
		left: 50%;
		display: flex;
		transform: translate(-50%, -15px);
		z-index: 100;
	}
}

@media screen and (max-width: 1025px){
	.tripleOffersContainer .packContainer{
		max-width: 375px;
	}
}

@media screen and (max-width: 1025px) and (min-width: 768px){
	.packContainer#silverPack:after, .packContainer#goldenPack:after, .packContainer#diamondPack:after{
		width: 80px;
		height: 80px;
	}
}