/* Styles for PLUGIN_NAME
----------------------------------------*/

/* clear fix
----------------------------------------*/

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

}


.cd-member-login {
	display:flex;
	gap: 50px;
	width:100%;
}

.cd-member-login .sign-in,
.cd-member-login .sign-up {
	padding:50px;
	background: #fafafa;
	border: solid 1px #ccc;
	flex-basis:50%;
	text-align: center;
}

.cd-member-form-field {
	padding:0 0 20px;
}

/* responsive media queries
----------------------------------------*/
@media (min-width: 1800px){

}

@media (max-width: 1440px){

}

@media (min-width: 1240px) {

}

@media (max-width: 1239px) {

}

@media (min-width: 1024px) and (max-width: 1239px) {

}

@media (max-width: 1023px) {

}

@media (min-width: 960px) {

}

@media (max-width: 959px) {

}

@media (min-width: 768px ) and (max-width: 959px) {

}

@media (min-width: 481px ) and (max-width: 979px) {

}

@media (min-width: 768px){

}

@media (max-width: 767px) {

}

@media (min-width: 581px ) and (max-width: 959px) {

}

@media (max-width: 580px){

}

@media (min-width: 481px ) and (max-width: 767px) {

}

@media (min-width: 481px){

}

@media (max-width: 480px) {

}

@media (max-width : 320px) {

}

/* height queries
----------------------------------------*/
@media (max-height: 900px) {

}

@media (max-height: 800px) {

}

@media (max-height: 720px) {

}

@media (max-height: 640px) {

}

@media (max-height: 450px) {

}