/*
Theme Name: FHBX Landing
Theme URI: http://example.com/
Author: Your Name
Author URI: http://example.com/
Description: A minimal WordPress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: minimal
Text Domain: fhbx-landing
*/

/* body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
} */
@import url('https://fonts.cdnfonts.com/css/nexa-bold');

@font-face {
    font-family: 'Archivo Condensed';
    src: url('/quiz/wp-content/themes/fhbx/assets/fonts/Archivo Condensed Medium.ttf') format('truetype'),
        /* Safari, Android, iOS */
}

body {
    font-family: 'Nexa', sans-serif;
}

footer {
    background-color: #1d444d;
}

footer #menu-footer-menu a {
    color: white;
    text-decoration: none;
}

footer #menu-footer-menu li {
    text-align: left;
}

footer #menu-footer-menu li:not(:last-child) {
    margin-bottom: 12px;
}

.wpforms-form input {
    max-width: 100% !important;
}

.wpforms-submit-container {
    text-align: center;
}

.archivo-font {
    font-family: "Archivo Condensed", sans-serif;
}

.contact-content div.wpforms-container-full:not(:empty) {
    margin: 0;
}

.contact-content {
    width: 42%;
    height: 60%;
    justify-content: space-between;
}

.contact-content article {
    width: 100%;
    flex: 1;
}
.contact-content article .entry-content, .contact-content article .wpforms-container {
    height: 100%;
}

.contact-content article .wpforms-container form {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.contact-content form button[type="submit"] {
    position: relative;
    background-color: transparent !important;
}
.contact-content form button[type="submit"]:hover {
    background: transparent !important;
}
.contact-content form button[type="submit"]:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background-image: url("/quiz/wp-content/themes/fhbx/assets/img/valbtn.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

.contact-content .wpforms-field-container input:not([type="checkbox"]) {
    border: 0 !important;
    border-bottom: 1px solid #707070 !important;
    height: 20px !important;
}

.contact-content .wpforms-field-container input::placeholder {
    text-align: center;
}

.contact-content .wpforms-field-container input {
    box-shadow: none !important;
}
.contact-content .h4 {
    font-size:2.4vw;
}
.contact-content .wpforms-field-container {
    margin-top:2.4vw;
}
.contact-content .wpforms-submit-container {
    margin-bottom: -3vw;
}
.contact-content .wpforms-container .wpforms-field {
    padding: 1vw 0;
}
.contact-content form button[type="submit"] {
    width: 10.5vw;
    height: 6.5vw;
    font-size:2vw;
}





.box-container .content-box {
    left: 0;
    bottom: 0;
}
.box-container .content-box .side_image {
    display: flex;
    align-items: flex-end;
}
.box-container .content-box {
    position: unset;
    width: 100%;
    display: flex;
    gap: 95px;
    align-items: flex-end;
    justify-content: space-evenly;
}
.box-container .quiz-action__btn{
    display: flex;
   flex-direction: column;
gap: 30px;
align-items: center;
justify-content: center;
}

.quiz-action__btn {
    width: 36%;
    cursor: pointer;
}

img.register_hover{
    bottom: -30px!important;
}

.box-container.tension .side_image{
   margin: 219px auto auto -40px;
}
.box-container  .quiz-action__btn img{
    max-width: 350px;
 
   
}

.box-container.tension .side_image img{
max-width: 800px;
}
a#start_beginning img:last-child{
    bottom: -50px!important;
}

.box-container.tension .content-box2 a img {
    max-width: 430px;
}
.box-container.tension .content-box2{
    right: 0;
    bottom: 125px!important;
}

.box-container.solitude .quiz-action__btn{
    width: 43%;
    padding-top: 30px;
}
.box-container.solitude .quiz-action__btn a img {
    max-width: 300px;
}
.box-container.solitude  .side_image img{
    max-width: 700px;
    margin-left: 119px;
    margin-top: -28px;
}

.box-container.solitude  .content-box{
    align-items: center;
    gap:0px;
}
.box-container.solitude .content-box2 a img{
    max-width: 400px;
}
.box-container.solitude .content-box8{
    /* width: unset; */
}
.box-container.solitude .content-box8 a img {
    max-width: 520px;
}
@media (max-width:575px){
 .box-container.resistance .content-box2{
		right: unset!important;
        bottom: 56%!important;
	}
  .box-container.resistance .content-box6{
		bottom: 50%;
	}
  .box-container.solitude .content-box6{
		width: 90%!important;
	}
    .box-container.tension .side_image{
        margin-top:100px;
    }
	.box-container.chaos .content-box2{
	    bottom: 45%!important;
		left:unset;
	}
	.box-container.chaos .content-box6{
		width: 90%!important;
		bottom: 22%!important;
		gap:60px!important
	}
	.box-container.sortie .content-box6{
		    width: 90%!important;
	}
	.box-container.sortie  .content-box2{
		        bottom: 43%!important;
	}
    .box-container.tension  .content-box{
        align-items: center;
        gap: 20px;
      flex-direction: column;
     }
     .quiz-action__btn {
        width: 100%;
    }
    .box-container.tension .content-box2 a img {
        max-width: 300px;
    }
    .box-container.tension .content-box2{
        bottom: 160px !important;
    }
    .box-container.tension .quiz-action__btn{
        gap:10px;
    }
    .box-container.tension .quiz-action__btn img {
        max-width: 221px;
    }
    a#start_beginning img:last-child {
        bottom: -40px !important;
    }
    .box-container  .content-box{
      flex-direction: column;
      align-items: center;
    }
    .box-container.tension .side_image img {
        max-width: 360px;
    }
    img.register_hover{
        bottom: -13px!important;
    }
    .box-container.solitude .side_image img{
        max-width: unset;
        margin-left: unset;
        margin-top: 60px;
    }
    .box-container.solitude .quiz-action__btn{
        padding: 0px;
    }
    .box-container.solitude .quiz-action__btn{
        gap: 10px;
    }
}


@media (min-width: 576px) and (max-width: 767px) {
 .box-container.resistance .content-box2{
		right: unset!;
        bottom: -2%!important;
}
.box-container.tension .content-box {
    align-items: center;
}
	
.box-container.chaos .content-box6{
		bottom:0px;
}
.box-container.tension .side_image img {
    max-width: 500px;
}
 .box-container .content-box{
        align-items: center;
        gap: 3px;
      
    }
  
    .box-container.tension .side_image{
        justify-content: center;
        margin-left: -40px;
        margin-top: 20px;
    }
 
	.quiz-action__btn {
        width: 30%;
    }
    img.register_hover{
        bottom: -20px!important;
    }
   
}

@media (max-width:768px){
	.box-container.tension  .finish-btns img {
        width: 80%;
    }
  
    .box-container .content-box {
        left: 0!important;
        bottom: 0!important;
    }
  
}