.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1060px;
padding: 0 20px;
}
.card {
border: none;
border-radius: 0;
}
.card-body {
padding: 0;
border: 4px solid #00afcb;
border-bottom: none;
}
.oxy-post-image-fixed-ratio {
padding-bottom: 65%;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
margin: 5px 10px 0px 10px;
}
.card-text{
text-align: center;
}
.exposant-title {
text-align: center;
text-transform: uppercase;
color: #00346a;
font-weight: 600;
line-height: 1.1em;
font-size: 1.1em;
margin: 7px 5px 7px 5px;
}
.btn {
color: #fff !important;
font-size: 0.8em;
text-transform: uppercase;
background-color: #00afcb;
border-radius: 0px 0px 0px 0px;
padding: 10px 15px 10px 10px;
}
.btn:hover, .btn:focus {
color: #fff !important;
background-color: #ff6300 !important;
}
.btn-group {
width: 100%;
}
.btn-group > .btn {
text-align: left;
}
.web{
position: absolute;
right: 39px;
bottom: 2px;
z-index: 999;
}
.linkedin{
position: absolute;
right: 10px;
bottom: 3px;
z-index: 999;
}
.linkedin a, .web a{
font-size: 1.4em;
color: #fff;
margin-left: 6px;
}
.linkedin a:hover, .linkedin a:focus,
.web a:hover, .web a:focus {
color: #0f3464;
}
.stand {
border: 1px solid #cdcdcd;
padding: 2px 10px;
background-color: #f7f7f7;
margin: 0 auto 5px auto;
font-size: .8em;
display: inline-block;
}
.exposant-form {
margin-bottom: 5px;
}
.exposant-form .elementor-field-group .elementor-select-wrapper::before {
font-family: "Font Awesome 5 Pro" !important;
right: 18px !important;
position: absolute !important;
content: "\f107" !important;
color:#494949;
}
.exposant-form button {
background-color: #00afcb !important;
font-weight: 300;
font-size: 1rem;
padding: 14px 24px;
width: 100%;
text-transform: uppercase;
} .card-exposant{
border: 4px solid #00afcb;
border-radius: 0;
padding: 20px 0px;
}
.card-exposant .card-body{
border: none;
}
.card-exposant a{
color: #ff6300 !important;
}
.card-exposant a.btn{
color: #fff !important;
border: none;
}
.btn .fas, .btn .far {
margin-right: 5px;
}
.form-label {
margin-bottom: .5rem;
text-transform: uppercase;
font-size: 1.1em;
color: #6e3d8a;
font-weight: 500;
display: block;
line-height: 1.1em;
}
@media (max-width: 768px) {
.form-label {
text-align: center;
}
}
.exposant-logo {
max-width: 300px !important;
max-height: 200px !important;
}
.email {
cursor: pointer;
}
.mfp-container button:hover, .mfp-container button:focus{
background-color: transparent ! important;
} .login-box-container {
top: auto !important;
transform: none !important;
position: relative;
max-width: 400px;
margin:30px auto;
}
.login-exposant .card-body {
padding:0;
border:none;  
}
.login-exposant .card{
background-color: #ebebeb;
border-radius:10px;
padding:25px;
}
.login-exposant input::placeholder {
color: transparent !important;
}
.login-exposant input[type="email"], 
.login-exposant input[type="number"], input[type="password"]{
height: calc(3.5rem + 2px) !important;
padding:1rem .75rem !important;
border-radius: 10px !important;
color: #000;
font-size: 1.2em;
font-weight: 400;
}
.login-exposant label{
line-height: inherit !important;
}
.login-exposant .form-floating > .form-control:focus, 
.login-exposant .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625rem !important;
padding-bottom: .625rem !important;
}
.login-exposant .is-invalid {
border-color: #dc3545 !important;
}
.login-exposant .error-message {
color: #dc3545;
font-size: 14px;
margin-top: 5px;
display: none;
} .youtube-popup{
position: relative;
display: inline-block;
}
.youtube-popup:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background: transparent url(//rentreedutransportpublic.fr/wp-content/themes/rntp-child/inc/exposants/inc/images/yp.png) center center no-repeat;
opacity: 0.8;
}
.youtube-popup:hover:before {
opacity: 1;
}