/*!
Theme Name: Inserm PPRA
Theme URI: http://underscores.me/
Author: Emmanuel Auchet (MLCOM)
Author URI: http://mlcom.fr
Description: Thème pour la plateforme du programme prioritaire de recherche antibiorésistance.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ppra-inserm

*/

/*
----------------------------------------------------
Ultimate Member Custom Style
----------------------------------------------------
*/

/**** Forms col *****/
.um-col {padding-bottom: 20px}

.um-col-121 {float: left;width: 48%}

.um-col-122 {float: right;width: 48%}

.um-col-131 {float: left;width: 30%}

.um-col-132 {float: left;width: 30%;margin: 0 5%}

.um-col-133 {float: left;width: 30%}

.um-clear {
    clear: both;
}

.um-row-heading {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    padding-bottom: 10px;
    padding-top: 15px;
    text-transform: uppercase;
}   

/********/

/**** Forms um-form  ****/

    .um-form .um-field {
        margin-bottom: 15px;
    }

        .um-form .um-field-label {
            margin-bottom: 5px;
            font-size: 14px;
            font-weight: 600;
        }

    .um-form .um-col-alt {
        position: absolute;
        bottom: -68px;
        right: 0;
    }

        .um-form .um-half {
            position: relative;
            display: inline-block;
        }

        .um-form .um-left {
            float: left;
            margin-right: 10px;
        }

        .um-form .um-right {
            float: right;
            margin-left: 10px;
        }

    .c-accordion__content .um-form .um-col-alt {
        position: relative;
        bottom: 0;
        margin: 30px 0 20px 0;
    }

    .um-form .um-button, 
    .um-form a.um-button,
    .um-form input.um-button[type="submit"] {
        display: inline-block;
        padding: 7px 20px 7px 20px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
        border: 0 none;
        margin: 3px 3px;
    }

    .ppra-page-content .um-button, 
    .ppra-page-content a.um-button,
    .ppra-page-content input.um-button[type="submit"] {
        background-color: var(--main-color-greylight);
        color: #333;
    }

    .ppra-page-form .um-button, 
    .ppra-page-form a.um-button,
    .ppra-page-form input.um-button[type="submit"] {
        background-color: #fff;
        color: #646363;
    }

    .um-form input.um-button[type="submit"],
    .um-form .um-button.primary {
        background-color: var(--main-color-orange);
        color: #fff;

    }

    .um-form .um-button:hover, 
    .um-form a.um-button:hover,
    .um-form input.um-button[type="submit"]:hover{
        cursor: pointer;
        background-color: #fff;
        color: var(--main-color-orange);
    }
/********/

/**** Login Form um-login ****/
.um-login,
.um-password {
    text-align: center;
    max-width: 450px;
    margin: auto;
}

    .um-login .um-col-alt-b {
        margin-bottom: 25px;
        text-align: center;
    }

    .um-login .um-col-alt {
        width: 100%;
        text-align: center;
        bottom: -157px;
    }

    .um-login .um-left.um-half, .um-login .um-right.um-half {
        float: none;
        display: block;
        margin: 0 0 25px 0;
    }


    .um-field.um-field-c {
       
    }

        

    
/*On Mobile : */
@media(max-width:767px){

    .um-login .um-col-alt {
        bottom: -160px;
    }

}
/*******/

/**** Form select2 ****/
.um-form span.select2-selection {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid var(--main-color-greylight);
    padding: 6px 10px 6px 10px;
    height: 40px;
}

.um-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 15px 0 0;
}

.um-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-dropdown.select2-dropdown--below {
    border: 0 none;
    border-radius: 0;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
/*******/

/**** Form reCaptcha ****/
div.um .um-form .g-recaptcha{
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}
/******/

/**** Form Checkbox ****/
.um-field-checkbox{
    height: 31px;
    display: inline-block;
    color: var(--main-color-orange);
}
    .um-field-checkbox input{
        visibility: hidden;
    }
    .um-field-checkbox-option{
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    label.um-field-checkbox {
        margin-left: -13px;
    }
    label.um-field-checkbox:hover {
        cursor: pointer;
    }

    span.um-field-checkbox-state {
        font-size: 22px;
        margin-right: 3px;
    }

/*******/


/******** Account Page ********/
.um-profile .um-profile-body{
    max-width: 100%;
}

.um-form .um-field {
    margin-bottom: 20px;
}

.um-profile.um-viewing .um-field-label {
    display: block;
    margin: 0 0 5px 0;
    border-bottom: solid 1px var(--main-color-greylight);
    padding-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.um-field-area {
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

/******************************/

/*
	- Notices
*/

p.um-notice {
	width: auto;
	color: #fff;
	box-sizing: border-box;
	font-size: 15px;
	padding: 12px !important;
	margin: 12px 0 0 0 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

p.um-notice a {
	color: #fff;
	text-decoration: underline;
}

p.um-notice i {
    position: absolute;
    right: 14px;
    font-size: 36px;
    cursor: pointer;
    top: 7px;
    display: block;
    height: 30px;
    line-height: 30px;
}

p.um-notice.success {
	background: #7ACF58;
}

p.um-notice.err {
	background: #C74A4A;
}

p.um-notice.warning {
	background: #f9f9d1;
	color: #666;
	border: 1px solid #efe4a2;
	padding: 8px 15px !important;
}

p.um-notice.warning a {
	color: #666;
	text-decoration: underline;
}

/*
	- Errors
*/

.um-field-error {
	width: auto;
	max-width: 100%;
	background: #C74A4A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px;
	font-size: 14px;
	line-height: 20px !important;
	margin: 12px 0 0 0;
}

.um-field-error a{color: #fff !important;text-decoration: underline !important}

.um-field-arrow {
	top: -17px;
	left: 10px;
	position: absolute;
	z-index: 1;
	color: #C74A4A;
	font-size: 28px;
	line-height: 1em !important;
}

.um-error-block {
	width: auto;
	max-width: 100%;
	background: #C74A4A;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px;
	font-size: 14px;
	line-height: 1em !important;
	margin: 12px 0 0 0;
}

/*
    - Notices
*/
.um-field-notice {
	width: auto;
	max-width: 100%;
	background: #497BC7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px;
	font-size: 14px;
	line-height: 20px !important;
	margin: 5px 0 0 0;
}

.um-field-notice a{color: #fff !important;text-decoration: underline !important}

.um-field-notice  .um-field-arrow {
	top: -17px;
	left: 10px;
	position: absolute;
	z-index: 1;
	color: #497BC7 !important;
	font-size: 28px;
	line-height: 1em !important;
}

.um-notice-block {
	width: auto;
	max-width: 100%;
	background: #497BC7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	padding: 12px;
	font-size: 14px;
	line-height: 1em !important;
	margin: 12px 0 0 0;
}
/*
	- Help tooltips
*/

.um-tip {
	margin: 0 0 0 8px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: 3px;
}

.um-tip i {
	font-size: 22px;
	height: 22px;
	line-height: 22px;
	display: block;
	position: relative;
}

.um-tip-text {
	display: block;
	font-size: 13px;
	line-height: 15px;
	color: #999;
}