/**
 * WP-Members CSS
 *
 * CSS for the WP-Members plugin using Twenty Ten Theme
 * 
 * This file is part of the WP-Members plugin by Chad Butler
 * You can find out more about this plugin at https://rocketgeek.com
 * Copyright (c) 2006-2015 Chad Butler
 * WP-Members(tm) is a trademark of butlerblog.com
 *
 * @package WordPress
 * @subpackage WP-Members
 * @author Chad Butler 
 * @copyright 2006-2015
 */

/*	
This stylesheet is designed to integrate WP-Members with the Twenty Ten theme.
There are quite a few examples in here of what you can do to style the forms.  
You can build off of this or start from scratch and set your own 
custom css for the plugin (set the location in the admin panel).

See https://rocketgeek.com/tips-and-tricks/setting-up-a-custom-wp-members-stylesheet/
for information on how to set up the plugin with a custom stylesheet.

For information how to load custom stylesheets with wp_enqueue_style,
see https://rocketgeek.com/tips-and-tricks/load-a-custom-stylesheet/
*/

/*****************
 * PAGE : COLORS *
 *****************/
.page-id-141318.logged-in #form-login-colors {
    display: none;
}
.page-id-141318 .can_login-form-colors .wpb_wrapper {
	/*display: flex;*/
}
.page-id-141318 .can_login-form-colors #wpmem_login {
	width: unset;
	margin-left: 50%;
    transform: translateX(-50%);	
}


/* Error and Dialog Messages */

#wpmem_msg, .wpmem_msg {
    width:630px;
    padding-top: 10px;
    border: 1px #000 solid;
    background-color:#E6E6E6;
}

/* Sidebar Login Widget */

#wp-members  { margin-bottom: 20px; }
#wp-members label { color: #000; }
#wp-members .div_text { padding-top: 4px; }
#wp-members .username, #wp-members .password {
	border: 1px solid #ccc;
	background-color:#fff;
	width:176px;
	font:10px verdana,sans-serif;
	color: #000;
	padding:3px 5px 3px 5px;
}
#wp-members .button_div { margin-top:3px; }
#wp-members .buttons {
	font-family:Arial,Helvetica,sans-serif;
	background: #e3e3db;
	font-size:10px; 
	color: #000; 
	margin-left: 0px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wp-members .err {
	width:100%;
    padding: 5px;
    border: 1px #000 solid;
    background-color:#E6E6E6;
}

/* Login Form and Registration Form */

#wpmem_login button,
#wpmem_login input,
#wpmem_reg button,
#wpmem_reg input,
#wpmem_reg select,
#wpmem_reg textarea {
  	-moz-box-sizing: border-box;
  	font-size: 100%;
  	margin: 0;
  	max-width: 100%;
  	vertical-align: baseline;
}

#wpmem_reg, #wpmem_login {
	width:630px;
	padding-top:30px;
	float:left;
	color: #2b2b2b;
  	font-family: Arial,sans-serif;
  	font-size: 16px;
  	font-weight: 400;
  	line-height: 1.5;
}

#wpmem_reg fieldset, #wpmem_login fieldset {
	border: none;
  	padding: 0;
  	margin: 40px 0;
}
#wpmem_reg legend, #wpmem_login legend {
	font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-weight: bold;
	font-size: 20px;
}

#wpmem_reg label.textarea {
	height:197px;
}
#wpmem_login label[for="rememberme"] {
	font-size: initial;
}
#wpmem_reg .form, #wpmem_login .form {
	margin:0;
	padding:0;
}
#wpmem_reg .clear, #wpmem_login .clear {
	clear:both;
}
#wpmem_reg .holder, #wpmem_login .holder {
	background-color:#fff;
}

#wpmem_reg .div_text, #wpmem_reg .div_checkbox, 
#wpmem_reg .div_select, #wpmem_login .div_text {
	margin: 0 0 14px 0;
}
#wpmem_reg .div_textarea {
	height:200px;
}
#wpmem_reg .dropdown,
#wpmem_reg .textbox, #wpmem_login .textbox,
#wpmem_reg .username, #wpmem_login .username,
#wpmem_reg .password, #wpmem_login .password {
	border: 1px solid #ccc;
	background-color:#fff;
	color: #000000;
	padding: 8px 10px 8px;
	width: 100%;
}
#wpmem_reg .dropdown { 
	width:352px;
}
#wpmem_reg .textbox:focus, #wpmem_reg .textbox:hover, #wpmem_login .textbox:focus, #wpmem_login .textbox:hover,
#wpmem_reg .username:focus, #wpmem_reg .username:hover, #wpmem_login .username:focus, #wpmem_login .username:hover,
#wpmem_reg .password:focus, #wpmem_reg .password:hover, #wpmem_login .password:focus, #wpmem_login .password:hover {
	background-color:#F0FFE6;
}

#wpmem_reg .textarea {
	width:346px;
	height:190px;
}

#wpmem_reg .button_div, #wpmem_login .button_div {
	text-align:right;
}

#wpmem_reg .buttons, #wpmem_login .buttons {
	font-family:Arial,Helvetica,sans-serif;
	background: #e3e3db;
	font-size:12px; 
	color: #000; 
	padding: 4px 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}
#wpmem_reg .req { color: red; }
#wpmem_reg .noinput{ 
	height: 32px;
	padding-top: 5px;
	padding-left: 6px;
}
#wpmem_reg input[type="checkbox"] { 
	margin: 9px 0 0 2px; 
}

#wpmem_reg .req-text {
	float:left;
	margin: 15px 0px 0px 5px;
}

#wpmem_reg .captcha { 
	margin: 5px 0px; 
}
#wpmem_reg .captcha table{
	line-height: 0px;
}

/*
 * Formulaire d'inscription
 */
/*Polices */
#wpmem_reg *:not(h3):not(legend) {
    font-family: "Gotham Book";
}
#wpmem_reg legend {
    font-family: "Gotham Bold";
    font-size: 52px !important
}
/* Champs de formulaires */
#wpmem_reg {
    width: 100% !important;
}
#wpmem_reg div:not(.button_div):not(.div_radio):not(.div_checkbox) input,
#wpmem_reg select {
    height: 48px;
    border-radius: 4px;
    background-color: #fff !important;
	width: 100%;
}
#wpmem_reg select {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+') !important;
    background-repeat: no-repeat !important;
    background-position-x: 100% !important;
    background-position-y: center !important;
}
#wpmem_reg .div_checkbox input,
#wpmem_reg .div_radio input {
    border-color: rgba(0,0,0,.2);
}

/* Description e-mail */
.can_infos-email p {
    margin-top: 0;
}

/* Taille du disclaimer RGPD */
.can_text-rgpd .text-small {
    font-weight: normal;
}

/* Alignement du bouton submit*/
#wpmem_reg .button_div {
    text-align: left !important;
    margin-top: 1rem;
}

/* Alignement de la note "champ requis" */
#wpmem_reg .req-text {
    margin-left: 0 !important;
}

/* Ajuster l'affichage des inputs sur 2 colonnes (colonnes créées par snippet) */
.can_form-halves-column-wrapper {
    display: flex;
    justify-content: space-between;
}
.can_input-one-half {
    width: 48%;
}

/* Affichage des boutons radio en ligne */
#wpmem_reg .div_radio {
    display: flex;
    align-items: center;
}
#wpmem_reg .div_radio label {
    margin-bottom: 0;
}
#wpmem_reg .div_radio input {
    margin-right: 8px;
}
#wpmem_reg .div_radio input:not(:first-child) {
    margin-left: 16px;
}

/* Masquage du champ d'optin */
#wpmem_reg label[for="optin_commercial"],
#wpmem_reg label[for="optin_commercial"] + div {
	opacity: 0;
}
/*
 * Formulaire de connexion
 */
/* Taille dans la page Connexion*/
.page-id-141361 #wpmem_login {
	width: unset;
}
/* Aligner les éléments sous le formulaire (radio + text + boutton) */
#wpmem_login > * {
	font-family: 'Gotham Book';
}
#wpmem_login legend {
	letter-spacing: -0.03em;
  	font-weight: 500;
  	font-family: 'Gotham Bold';
	font-size: 70px !important;
	line-height: 1;
	margin-bottom: 10px;
	width: 100%;
}
#wpmem_login .button_div {
    display: flex;
	flex-direction: column;
}
#wpmem_login .button_div .can_loginform-remerberme {
	display: flex;
 	align-items: flex-end;
}
#wpmem_login .button_div .can_loginform-remerberme input[type="checkbox"] {
	margin: 12px 8px 12px 2px;
}

#wpmem_login .link-text {
	text-align: left;
	padding: 4px 0;
}
#wpmem_login .link-text .link-text-forgot .cursor-init {
	font-weight: bold;
	color: #175a44;
}
#wpmem_login .link-text .link-text-forgot .cursor-init:hover {
	color: #175a44;
}

.input-background .style-light textarea, 
.input-background .style-dark .style-light textarea {
    border-radius: 4px;
    background-color: #fff !important;
    border-color: #eaeaea;
}
.style-light input[type=radio], 
.style-dark .style-light input[type=radio] {
    width:16px !important;
    height:16px !important;
    border-radius:50% !important;
}

/* Masquer/afficher les champs "fournisseur" */
#can_client_already_fields,
#can_client_already_fields * {
    display: none;
}
#can_client_already_fields.can_show,
#can_client_already_fields.can_show * {
    display: block;
}

#post-141361 .uncont.no-block-padding.col-custom-width .wpb_wrapper {
	display: flex;
}
.uncont.no-block-padding.col-custom-width .wpb_wrapper #wpmem_login {
	margin: 0 auto;
}

@media screen and (max-width: 569.98px) {
	#wpmem_login legend {
		font-size: 40px !important;
	}
}

/*@media screen and (max-width: 959.98px) {
	.uncont.no-block-padding.col-custom-width {
		width: 540px;
	}
	.uncont.no-block-padding.col-custom-width .wpb_wrapper {
		display: flex;
	}
	.uncont.no-block-padding.col-custom-width .wpb_wrapper #wpmem_login {
		margin: 0 auto;
	}
}*/

/*@media screen and (min-width: 959.98px) {
	.uncont.no-block-padding.col-custom-width .wpb_wrapper {
		display: flex;
	}
	.uncont.no-block-padding.col-custom-width .wpb_wrapper #wpmem_login {
		margin: 0 auto;
	}
}*/