.hidden{
display: none!important;
}
textarea:focus, input:focus, button:focus{
outline: none;
}
.contact-form input{
width: 100%;
}
input.success{
border-color: #69e781;
}
input.error{
border-color: #f72b1c;
}
.contact-form textarea{
width: 100%;
}
textarea.success{
border-color: #69e781;
}
textarea.error{
border-color: #f72b1c;
}
.contact-form input[type="submit"]{
color:white;
}
.contact-form button{
color: white;
}
input[type="submit"]:hover{
cursor: pointer;
}
.button {
height: 50px;
width: 200px;
top: calc(50vh - 25px);
left: calc(50vw - 100px);
background-image: none;
border: none;
outline: none;
color: white;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 2px;
cursor: pointer;
transition: all 0.2s ease-out;
white-space: nowrap!important;
}
.button::after {
content: '';
display: block;
position: absolute;
width: 160px;
height: 40px;
background-color: black;
z-index: -1;
left: calc(50% - 80px);
top: 10px;
opacity: 0.3;
filter: blur(5px);
transition: all 0.2s ease-out;
}
.button:hover::after {
opacity: 0.5;
filter: blur(20px);
transform: translatey(10px) scalex(1.2);
}
.button:active {
background-color: #dd4b4b;
}
.button:active::after {
opacity: 0.3;
}
.loading {
border-radius: 50px;
width: 50px;
height: 50px;
left: 0;
margin: 0 auto 0 auto;
transition: 200ms;
}
.button.loading::after {
width: 40px;
left: 5px;
top: 8px;
border-radius: 100%;
}
.wilight-btn.emploi-need {
min-width: 50px;
width: auto;
}
.loading-2 {
border-radius: 50px;
width: 50px!important;
height: 50px;
left: 0; transition: 200ms;
}
.button.loading-2::after {
width: 40px;
left: 5px;
top: 8px;
border-radius: 100%;
}
.spinner {
display: block;
width: 34px;
position: relative;
height: 34px;
top: -8px;
left: -0px;
background: transparent;
box-sizing: border-box;
border-top: 4px solid white;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
border-radius: 100%;
animation: spin 0.6s ease-out infinite;
}
@keyframes spin {
100% {transform: rotate(360deg)}
}
.active-link {
background-image: radial-gradient(circle farthest-corner at 0% 100%, #004eff, #0046e5);
border-radius: 2px;
}
@media screen and (max-width: 479px){
.img-service-block {
position: relative;
top: 0;
}
}
.w-dropdown a:hover{
background-image: radial-gradient(circle farthest-corner at 0% 100%, #004eff, #0046e5);
transition: 100ms;
border-radius: 2px;
}
nav.paragraph-11 a{
width: 100%;
height: auto;
display: block;
float: left;
color: white;
text-decoration: none;
}
nav.paragraph-11 a:hover{
text-decoration: underline;
transition: 100ms;
}
.emploi-form-container input{
width: 100%;
}
.emploi-form-container textarea{
width: 100%;
resize: none;
}
.emploi-form-container .send-btn{
color: white;
}
.footer-link{
color: white;
width: 100%;
float: left;
height: auto;
display: block;
text-decoration: none;
}
.footer-link:hover{
text-decoration: underline;
transition: 100ms;
}
.footer-link.active-link{
font-weight: bold;
background: none;
text-decoration: underline;
}
.footer-col a{
color: #b4b4b4!important;
}
.header-link .delivery a{
color: #757575;
text-decoration: none;
}
.header-link .delivery a:hover{
text-decoration: underline;
transition: 100ms;
}
.header-link .delivery a.active span{
font-weight: 700;
color: #272727;
}
.square-home{
top:0;
} @media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3){
.mobile-navbar{
padding-top:32pt;
}
}
.company-our-customers-title{
width: 100%;
text-align: center;
color: #00277f;
} .w-icon-nav-menu:before {
content: none;
}
.menu-button-2:active{
transition: 100ms;
background-color: hsla(0, 0%, 100%, 0.04);
}
#nav-icon3, #nav-icon4 {
width: 18px;
height: 18px;
position: relative;
margin: 4px auto 0 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .8s ease-in-out;
-moz-transition: .8s ease-in-out;
-o-transition: .8s ease-in-out;
transition: .8s ease-in-out;
cursor: pointer;
}
#nav-icon3 span, #nav-icon4 span {
display: block;
position: absolute;
height: 2px;
width: 18px;
background: white;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .4s ease-in-out;
-moz-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
top: 6px;
}
#nav-icon3 span:nth-child(4) {
top: 12px;
}
#nav-icon3.open span:nth-child(1) {
top: 6px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 6px;
width: 0%;
left: 50%;
}
#postulation-need .send-btn{
color:white!important;
}
.contact-label.name.emploi-need {
padding: 15px;
}
.contact-label.name.emploi-need.error{
border-color: #f72b1c!important;
}
.import-main{
width: 100%;
}
@media screen and (max-width: 479px){
.team-photo-container {
width: 90%;
height: 250px;
margin-right: 0px;
margin-left: 0px;
-webkit-transform: translate(0px, -60px);
-ms-transform: translate(0px, -60px);
transform: translate(0px, -60px);
}
}
.wilight-btn {
width: auto;
margin-top: 0px;
margin-right: 0px;
float: left;
border-radius: 4px;
background-color: #091ceb;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
text-decoration: none;
}
.team-photo-container-2{
background-image: url(//wilight.ch/wp-content/themes/wilight/assets/images/thomas-jensen-UrtxBX5i5SE-unsplash_1.jpg);
}
.team-photo-container-3{
background-image: url(https://wilight.ch/wp-content/uploads/2021/08/CassetteFO.png);
background-size: cover;
}
html.w-mod-touch{
overflow-x: hidden!important;
}
html, body{
overflow-x: hidden!important;
}
@media screen and (max-width: 479px){
.h4 {
width: 100%;
text-align: center;
}
.wilight-btn {
width: 100%;
}
} @media only screen 
and (min-width: 1024px) 
and (max-height: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {
.equipe {
padding: 0;
}
.slide-partenaire {
padding-left: 150px;
padding-right: 150px;
}
.footer {
padding: 130px 150px 51px;
}
}
.div-block-21 figure.wp-block-video{
width: 140%;
margin-left: -20%;
}
@media screen and (max-width: 479px){
.slide-3 {
border-top: 1px solid #0046e5;
background-size: 150px!important;
}
.div-block-21 figure.wp-block-video{
width: 100%;
margin-left: 0%;
}
}
.div-block-29{
position: absolute;
}
}
.wp-block-image.size-large img{
height: auto!important;
}
.hopital.industrie{
background-image: radial-gradient(circle farthest-corner at 89% 40%,rgba(0,17,56,0.41),#001440 85%),url(http://wilight.ch/wp-content/uploads/2022/02/industrie-wilight.jpg);
}