/*
Theme Name: 4L Trophy Santé
Theme URI: https://questionnaire-sante.4ltrophy.com/
Author: Desertours - La Weiz
Author URI: https://www.desertours.com
Description: Spécial responsive theme pour formulaire de santé Trophistes. Ce questionnaire est réservé uniquement aux participants au 4L Trophy.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.0
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Desertuches
Tags: santé, 4l, aventure, trophy, fun, desertours, trip, La Weiz
*/

body{
    font-size:14px;
    color:#555555;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    padding:10px 20px;
}
body p{
    text-align:justify;
}
div#fw-connect, #trekhead, .wrap{
    width:100%;
    max-width:600px;
    margin:20px auto;
    position:relative;
}
#trekhead h1, a, a:visited, a:hover{
    color:#dd3333;
}
#trekhead{
    text-align:center;
}
.fw-form label{
    display:block;
    margin:15px 0 5px;
    font-size:15px;
    font-weight:400;
    text-align:left;
}
.fw-form input, .fw-form select{
    width:100%;
    padding:2px;
    font-size:14px;
    color:#000000;
}
body i{
    font-size:12px;
}
.fw-button{
    background-color:#dd3333;
    border-color:#dd3333;
    color:#ffffff !important;
    padding:10px 15px !important;
    border-radius:5px;
    margin:20px auto 40px;
    max-width:300px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    font-size:16px;
}
.content-field{
    position:relative;
}
.error{
    display:none;
    padding:5px;
    background-color:#f7e0e0;
}
.field-error,.error{
    border:solid 1px #f31818;
    color:#f31818;
}
.error p{
    margin:0;
}
#fw-loader{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
    background-color:#dd3333;
    opacity:0.85;
    z-index:20;
    background-image: url( 'images/loader-3.gif' );
    background-repeat: no-repeat;
    background-position: center;
}
#fw-loader img{
    margin: auto;
    display:block;
    max-width:500px;
    padding:20px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:80%;
}
.pink{
    color:#dd3333;
}
div.step{
    display:none;
}
div.step.active{
    display:block;
    opacity:1;
}
#fw-form-healthtrek{
    margin-top:40px;
    display:block;
    clear:both;
    float:none;
}
#fw-form-healthtrek div.radio label{
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    margin: 8px 0;
    background-color: #ececec;
}
#fw-form-healthtrek div.radio input{
    display:none;
}
#fw-form-healthtrek div.radio label:hover, #fw-form-healthtrek div.radio label.selected{
    background-color:#dd3333;
    color:#ffffff;
}
#fw-form-healthtrek input[type=submit]:disabled{
    background-color:#cccccc;
    border-color:#cccccc;
    cursor:no-drop;
}
.hidden{
    display:none;
}
#fw-form-healthtrek input[type=text], #fw-form-healthtrek input[type=date], #fw-form-healthtrek textarea{
    display:block;
    padding:10px 15px;
    min-width:90%;
}
#fw-form-healthtrek .input-text{
    margin-top:20px;
}
#fw-form-healthtrek .errors{
    border:solid 1px #cf1d1d;
    color:#cf1d1d;
    background-color:#f5cece;
    display:none;
    padding:10px 5px;
}
.type-answer{
    color:#dd3333;
    text-transform:uppercase;
    font-size:16px;
}
.type-answer span{
    color:#555555;
    font-size:14px;
}
.fw-button.single{
    margin-bottom:10px;
}
.align-right{
    float:right;
}
.align-left{
    float:left;
}
.notice{
    border: solid 1px #dd3333;
    color: #0d5e0a;
    padding: 10px 20px;
    background-color: #e9f2e9;
    font-style: italic;
    font-size: 13px;
    position:relative;
}
p.notice span.note{
    position:absolute;
    top:-15px;
    left:20px;
    background-color:#dd3333;
    color:#ffffff;
    padding: 3px 6px;
}
div.message-info{
    display:none;
}
.ui-helper-hidden-accessible{
    display:none;
}
@media screen and (max-width: 600px) {
    #fw-form-healthtrek .align-left, #fw-form-healthtrek .align-right{
        float:none;
        display:block;
        margin:20px auto;
        width:100%;
        max-width:300px;
    }
}