.parlementairesjs_introphone {
    font-weight: bolder;
}

#parlementairesjs_introphone_wrapper,
#parlementairesjs_mp_photo_info_wrapper,
#parlementairesjs_mp_next_wrapper
 {
    width: 100%;
}

#parlementairesjs_mp_photo_info_wrapper {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -ms-box-orient: horizontal;
}

#parlementairesjs_mp_photo_info_wrapper, 
#parlementairesjs_mp_phone, 
#parlementairesjs_mp_phone > p,
#parlementairesjs_mp_twi, 
#parlementairesjs_mp_fb
{
    text-align: center;
}

#parlementairesjs_mp_info {
    max-width: 600px;
    flex-grow: 3;
}

#parlementairesjs_mp_photo_wrapper {
    max-width: 150px;
    margin: auto;
}

#parlementairesjs_mp_photo,
#parlementairesjs_mp_photo_img {
    background: gray;
    background-repeat: no-repeat;  
    margin-right: 2em;
    margin-top: 1em;
}

#parlementairesjs_mp_name_wrapper {
    width: inherit;
}
#parlementairesjs_mp_name_wrapper {
    font-weight: bold;
}

#parlementairesjs_mp_group {
    margin: 0;
}

#parlementairesjs_mp_county {
    margin: 0;
}

#parlementairesjs_mp_phone,
#parlementairesjs_mp_mail,
#parlementairesjs_mp_twi,
#parlementairesjs_mp_fb {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center left;
}

#parlementairesjs_mp_phone a,
#parlementairesjs_mp_mail a,
#parlementairesjs_mp_twi a,
#parlementairesjs_mp_fb a {
    text-decoration: none;
    color: black;
}

#parlementairesjs_mp_phone {
    background-image: url("/icons/phone.svg");
}

#parlementairesjs_mp_mail {
    background-image: url("/icons/mail.svg");
}

#parlementairesjs_mp_twi {
    background-image: url("/icons/twitter.svg");
}

#parlementairesjs_mp_fb {
    background-image: url("/icons/fb.svg");
}

.parlementairesjs_mp_phone_child,
.parlementairesjs_mp_mail_child,
.parlementairesjs_mp_twi_child,
.parlementairesjs_mp_fb_child {
    display: block;
    margin: auto;
    width: max-content;
}

.parlementairesjs_mp_mail_child {
    height: auto;
    width: 250px;
    background-color: #dae9a4;
    border: solid 1px #afbc80;
    border-radius: 10px;
    padding: 10px;
    font-weight: bold; 
    margin: auto;
    max-width: 300px;
    margin-bottom: 15px;
    text-decoration: underline !important;
    box-shadow: 3px 3px 5px #c5ccad;
}

#parlementairesjs_mp_next {
    float: right;
    color: black;
    padding: 1em 3em 1em 3em;
    overflow: hidden;
    margin-bottom: 2em;
    border: 2px solid black;
    font-weight: bold;
    cursor: pointer;
}

#parlementairesjs_csv {
    font-size: 10px;
    cursor: pointer;
}

html {
    font-family: sans-serif;
}
body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
    width: 100%;
    background-color: #bcf3ff;    
}

.content {
    max-width: 800px;
    padding: 10px;
    margin: auto;               
}
.content > p {
    text-align: justify;
    padding: 10px;
    background-color: white;      
    line-height: 1.4;       
}

#parlementaires {
    color: black;
    padding: 1em 3em 1em 3em;
    overflow: hidden;
    margin-bottom: 2em;
    border: 2px solid black;
}

h1, h2 {
    text-align: center;
}
h1 {
    font-size: 50px;
}

.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

img {
    width: 100%;
    max-width: 355px;
    margin: auto;
    height: auto;
    padding-bottom: 15px;
}

.button-warn {
    width: 100%;
    display: block;
    text-align: center;
    margin: auto;
    padding: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    background-color: #dae9a4;
    border: solid 1px #afbc80;
    border-radius: 10px;
    max-width: 300px;
    transition:all 0.2s ease-in-out;
    
}

.button-warn:hover {
    background-color: white;
    color: #ed4f31;
}

.h1-red {
    color: #ed4f31;
}

#parlementairesjs_select_group,
#parlementairesjs_select_county {
    padding: 10px;
    margin-top: 10px;
    background-color: white;
    border: #afbc80 solid 1px;
    border-radius: 10px;
    text-align: center;
}

#parlementairesjs_mp_next_wrapper > p {
    background-color: white;
}