/* ==========================================================================
   Elated Membership Plugin Style - begin
   ========================================================================== */

.eltd-social-login-holder input[type="text"],
.eltd-social-login-holder input[type="email"],
.eltd-social-login-holder input[type="password"],
.eltd-social-register-holder input[type="text"],
.eltd-social-register-holder input[type="email"],
.eltd-social-register-holder input[type="password"],
.eltd-social-reset-password-holder input[type="text"],
.eltd-social-reset-password-holder input[type="email"],
.eltd-social-reset-password-holder input[type="password"],
.eltd-membership-input-holder .eltd-membership-input {
    position: relative;
    width: 100%;
    margin: 0 0 14px;
    padding: 12px 20px;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    font-weight: inherit;
    color: $default-text-color;
    background-color: transparent;
    border: 1px solid $default-border-color;
    outline: 0;
    -webkit-appearance: none;
    box-sizing: border-box;

    &:focus {
        border-color: $default-heading-color;
    }

    @include eltdPlaceholder {
        color: $default-text-color;
    }
}

.eltd-membership-input-holder {
	select {
	    position: relative;
	    width: 100%;
	    margin: 0 0 14px;
	    padding: 12px 20px;
	    font-family: inherit;
	    font-size: 12px;
	    line-height: 18px;
	    font-weight: inherit;
	    color: $default-text-color;
	    background-color: transparent;
	    border: 1px solid $default-border-color;
	    outline: 0;
	    box-sizing: border-box;
	}
}

.eltd-membership-input-holder label{
    display: block;
    margin: 0 0 5px;
}

.eltd-membership-gallery-holder{

	.eltd-membership-gallery-upload{
		margin-bottom: 14px;
	}

	.eltd-membership-gallery-upload-hidden{
		visibility: hidden;
	}

	.eltd-membership-gallery-images-holder{
		font-size: 0;
		margin: 0 -5px;

		.eltd-membership-gallery-image{
			display: inline-block;
			vertical-align: middle;
			width: 33.33%;
			padding: 5px;
			box-sizing: border-box;
		}

		.eltd-membership-input-text{
			font-size: 12px;
			font-weight: 500;
		}
	}
}

.eltd-membership-response-holder{
	.eltd-membership-response {
		display: block;
		margin: 14px 0 0;
		font-size: 15px;
		font-weight: 400;
		font-family: $default-heading-font;

		&.eltd-membership-message-succes {
			color: $second-text-color;
		}

		&.eltd-membership-message-error {
			color: #ff3d27;
		}
	}
}

.eltd-wp-register-holder{
	.eltd-register-notice h5 {
		margin: 0;
	}
}


#ui-datepicker-div{
	background-color: #fff;
	z-index: 1000 !important;

	.ui-datepicker-header{
		position: relative;
		text-align: center;
		color: #fff;
		background-color: $first-main-color;

		a{
			color: inherit;
		}
	}

	.ui-datepicker-prev{
		position: absolute;
		left: 0;
	}

	.ui-datepicker-next{
		position: absolute;
		right: 0;
	}
}

.eltd-membership-repeater-wrapper{

	.eltd-membership-sortable-holder{
		overflow: auto; //to fix top positioning bug in chrome (top is not calculated as it should)
	}

	.placeholder,
	.placeholder-sub{
	    background-color: #dadada;
	    border: 1px dashed #000;
	    height: 75px;
	}

	&.eltd-membership-table .eltd-membership-repeater-fields-row{
		display: table;
		table-layout: fixed;
		width: 100%;

		.eltd-membership-repeater-sort,
		.eltd-membership-repeater-remove{
			display: table-cell;
			width: 10%;
			vertical-align: middle;
			text-align: center;
		}

		.eltd-membership-repeater-row-holder{
			display: table-cell;
		}
	}

}

.eltd-membership-repeater-fields-row.ui-sortable-helper {
    background-color: #fff;
}

.eltd-membership-address-field .map_canvas {
    height: 300px;
    margin: 20px 0;
}
/* ==========================================================================
   Elated Membership Plugin Style - end
   ========================================================================== */