/**
 * WP-Members Styles CSS
 *
 * CSS for the WP-Members plugin
 * 
 * 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-2023 Chad Butler
 * WP-Members(tm) is a trademark of butlerblog.com
 *
 * @package WP-Members
 * @author Chad Butler 
 * @copyright 2006-2023
 */

/*	
This stylesheet is designed to integrate WP-Members floated form elements
as simply as possible with most themes.  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/
*/

/* Sidebar Login Widget */

#wp-members  { 
	width: 100%;
}
#wp-members fieldset {
	border:none;
	padding:0px
}
#wp-members input {
	font-family: inherit;
}
#wp-members input[type="text"],
#wp-members input[type="password"]{
	margin: 0 0 4px 0;
}
#wp-members input[type="submit"] {
	padding: 5px 6px 4px;
	margin: 0 4px 0 0;
}
#wp-members .button_div { 
	margin-top:4px; 
}
#wp-members .err {
	width:100%;
    padding: 5px;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* Login Form and Registration Form */


#wpmem_reg select {
	width:100%;
	padding: 8px 10px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	margin: 5px 0;
	background: none repeat scroll 0% 0% #fff;
}


#wpmem_reg .clear, 
#wpmem_login .clear {
	clear:both;
}
#wpmem_reg .holder, 
#wpmem_login .holder {
	background-color:#fff;
}


#wpmem_reg textarea {
	height:185px;
}

#wpmem_reg .noinput {
	width:93%;
	padding: 8px 10px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	margin: 5px 0;
}

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

#tos {
	margin-right:5px;
}


/** for smaller screens */

@media screen and (max-width: 720px) {
	#wpmem_reg label.text, #wpmem_reg label.checkbox, 
	#wpmem_reg label.textarea , #wpmem_reg label.select,
	#wpmem_login label, #wpmem_reg .div_text, #wpmem_reg .div_textarea, 
	#wpmem_reg .div_select, #wpmem_login .div_text,
	#wpmem_reg .div_checkbox, #wpmem_reg .button_div, #wpmem_login .button_div {
		float: none;
	}
	
	#wpmem_reg label.text, #wpmem_reg label.checkbox, 
	#wpmem_reg label.textarea , #wpmem_reg label.select {
		width: 90%;
		padding: 5px 0 0 0;
	}
	#wpmem_reg label.textarea {
		height: 26px;
	}
}