html.yith_welrp_opened,
body.yith_welrp_opened {
	overflow : hidden;
}

body.yith_welrp_opened #page {
	filter : var(--ywelrp-blur-effect, none);
}

#yith-welrp {
	display : none;
}

#yith-welrp .yith-welrp-overlay {
	position   : fixed;
	width      : 100%;
	height     : 100%;
	top        : 0;
	left       : 0;
	z-index    : 80;
	display    : none;
	background : var(--ywelrp-overlay-color, rgba(0, 0, 0, 0.5));
}

#yith-welrp .yith-welrp-popup-wrapper {
	position       : fixed;
	width          : 100%;
	height         : 100%;
	top            : 0;
	left           : 0;
	z-index        : 80;
	overflow-x     : hidden;
	overflow-y     : auto;
	pointer-events : none;
}

#yith-welrp .yith-welrp-popup-wrapper-region {
	padding : 20px;
	z-index : 80;
	width   : 100%;
}

#yith-welrp .yith-welrp-popup {
	pointer-events : all;
	position       : relative;
	margin-left    : auto;
	margin-right   : auto;
	display        : none;
}

#yith-welrp .yith-welrp-popup-inner {
	position   : relative;
	background : var(--ywelrp-popup-background, #ffffff);
	color      : var(--ywelrp-popup-color, #1a1a1a);
	border-radius:10px;
	box-shadow: rgba(24, 53, 62, 0.1) 0px 11px 15px -7px, rgba(24, 53, 62, 0.07) 0px 24px 38px 3px, rgba(24, 53, 62, 0.06) 0px 9px 46px 8px;
}

#yith-welrp .yith-welrp-popup-inner a {
	color : var(--ywelrp-link-color, #007acc);
}

#yith-welrp .yith-welrp-popup-inner a:hover {
	color : var(--ywelrp-link-color-hover, #686868);
}

#yith-welrp .yith-welrp-popup-header {
	padding       : 15px 30px;
	border-bottom : 1px solid #e0e0e0;
	background    : var(--ywelrp-header-background, #ffffff);
	border-radius: 15px 15px 0 0;
}

#yith-welrp .yith-welrp-popup.additional .yith-welrp-popup-header,
#yith-welrp .yith-welrp-popup.additional .yith-welrp-continue-as-guest {
	display : none;
}

#yith-welrp .yith-welrp-popup-header h4 {
	margin    : 0;
	font-size : 16px;
}

#yith-welrp .yith-welrp-popup-close {
	position    : absolute;
	right       : 10px;
	top         : 10px;
	width       : 12px;
	height      : 12px;
	line-height : 1;
	cursor      : pointer;
}

#yith-welrp .yith-welrp-popup-close:not(.custom) {
	background-repeat   : no-repeat;
	background-position : bottom;
	background-image    : url('../images/close.png');
}

#yith-welrp .yith-welrp-popup-close:not(.custom):hover {
	background-repeat   : no-repeat;
	background-position : top;
}

#yith-welrp .yith-welrp-popup-content {
	padding : 15px 30px 30px;
}

#yith-welrp .yith-welrp-popup-content label input, .yith-welrp-password-eye{
	margin-top:10px;
}

#yith-welrp .yith-welrp-popup form .yith-welrp-form-field {
	margin: 0 0 20px!important;
}

#yith-welrp .yith-welrp-popup form .yith-welrp-form-field label.checkbox-label{
	font-size: 0.775rem;
	padding-top:5px;
}
#yith-welrp .yith-welrp-overlay,
#yith-welrp .yith-welrp-popup-wrapper {
	z-index : 50000;
}

/** Content Style **/

#yith-welrp .yith-welrp-popup-content h3 {
	font-size : 1.4rem!important;
	margin    : 10px 0 30px;
}

#yith-welrp .yith-welrp-continue-as-guest {
	padding    : 20px 0;
	border-top : 1px solid #e7e7e7;
}

#yith-welrp .yith-welrp-continue-as-guest p {
	margin-bottom : 10px;
	font-size     : 15px;
}

#yith-welrp .yith-welrp-submit-button,
#yith-welrp .yith-welrp-continue-as-guest .button {
	width              : 100%;
	display            : block;
	text-align         : center;
	text-transform     : uppercase;
	font-weight        : bold;
	padding            : 10px 15px;
	line-height        : normal;
	transition         : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
	color              : var(--ywelrp-button-label-color, #ffffff);
	background         : var(--ywelrp-button-background-color, #a46497);
	border-color       : var(--ywelrp-button-border-color, #a46497);
}

#yith-welrp .yith-welrp-submit-button:hover,
#yith-welrp .yith-welrp-continue-as-guest .button:hover {
	color        : var(--ywelrp-button-label-color-hover, #ffffff);
	background   : var(--ywelrp-button-background-color-hover, #96588a);
	border-color : var(--ywelrp-button-border-color-hover, #96588a);
}

#yith-welrp .yith-welrp-popup-text {
	margin-bottom : 30px;
	font-size     : 15px;
}

#yith-welrp .yith-welrp-user-info {
	margin-bottom : 30px;
	line-height   : 20px;
	font-size     : 13px;
}

#yith-welrp .yith-welrp-user-avatar,
#yith-welrp .yith-welrp-user-data {
	display        : inline-block;
	vertical-align : bottom;
}

#yith-welrp .yith-welrp-user-avatar {
	margin-right : 10px;
}

#yith-welrp .yith-welrp-user-data span:first-child {
	font-size   : 14px;
	font-weight : bold;
}

#yith-welrp .yith-welrp-footer-link-container {
	text-align : center;
}

/** popup notice **/
#yith-welrp .yith-welrp-message {
	font-size : 13px;
	margin    : 0 0 15px;
	position  : relative;
	color     : #8fae1b;
	clear     : both;
}

#yith-welrp .yith-welrp-message.error {
	color : #da141d;
}

/** Form style **/
#yith-welrp form {
	border        : none;
	border-radius : 0;
	padding       : 0;
	margin        : 0 0 20px;
}

#yith-welrp form:after {
	content : '';
	display : table;
	clear   : both;
}

#yith-welrp .yith-welrp-form-field {
	margin : 0 0 20px;
}

#yith-welrp .yith-welrp-form-field label {
	font-size : 15px;
}

#yith-welrp .yith-welrp-form-field.left {
	float : left;
	width : 48%;
}

#yith-welrp .yith-welrp-form-field.right {
	float      : right;
	width      : 48%;
	text-align : right;
}

#yith-welrp .yith-welrp-form-field.wide label {
	display : block;
}

#yith-welrp .yith-welrp-form-field.wide span.yith-welrp-password-container {
	position : relative;
	display  : block;
}

#yith-welrp span.yith-welrp-password-eye {
	width               : 22px;
	height              : 40px;
	display             : block;
	position            : absolute;
	top                 : 0;
	right               : 13px;
	cursor              : pointer;
	background-size     : contain;
	background-repeat   : no-repeat;
	background-position : center;
	background-image    : url('../images/arrow_eye_closed.svg');
}

#yith-welrp span.yith-welrp-password-eye.opened {
	background-image : url('../images/arrow_eye.svg');
}

#yith-welrp .yith-welrp-form-field input[type="text"],
#yith-welrp .yith-welrp-form-field input[type="email"],
#yith-welrp .yith-welrp-form-field input[type="password"] {
	width   : 100%;
	border  : 1px solid #d1d1d1;
	height  : 40px;
	padding : 10px;
}

/** social login **/

#yith-welrp .yith-welrp-social-sep {
	text-align    : center;
	position      : relative;
	margin-bottom : 20px;
}

#yith-welrp .yith-welrp-social-sep:after {
	content          : "";
	width            : 100%;
	background-color : transparent;
	display          : block;
	border-top       : 1px solid #e7e7e7;
	position         : absolute;
	top              : 50%;
	margin-top       : 1px;
	z-index          : 1;
}

#yith-welrp .yith-welrp-social-sep span {
	padding        : 0 30px;
	z-index        : 2;
	position       : relative;
	text-transform : uppercase;
	background     : var(--ywelrp-popup-background, #ffffff);
	color          : var(--ywelrp-popup-color, #1a1a1a);
}

#yith-welrp .yith-welrp-social-container {
	display                : -webkit-flex;
	display                : flex;
	-webkit-flex-direction : row;
	flex-direction         : row;
	-webkit-flex-wrap      : wrap;
	flex-wrap              : wrap;
	margin                 : 0 -10px;
}

#yith-welrp .yith-welrp-social-container.cols-1 .yith-welrp-social {
	-webkit-flex : 100%;
	flex         : 100%;
}

#yith-welrp .yith-welrp-social-container.cols-2 .yith-welrp-social {
	-webkit-flex : 50%;
	flex         : 50%;
}

#yith-welrp .yith-welrp-social {
	position : relative;
}

#yith-welrp .yith-welrp-social > div {
	display         : block;
	margin          : 0 10px;
	padding         : 8px;
	outline         : none;
	text-decoration : none;
	font-size       : 14px;
	line-height     : 14px;
	text-align      : center;
	position        : relative;
	cursor          : pointer;
}

#yith-welrp .yith-welrp-social > div > span {
	display        : inline-block;
	vertical-align : middle;
	pointer-events : none;
}

#yith-welrp .yith-welrp-social > div > span.icon {
	margin-right : 5px;
	width        : 20px;
}

#yith-welrp #g-recaptcha {
	margin-bottom : 20px;
}

/** special google login button **/
#yith-welrp #yith-welrp-google-button-hidden {
	position      : absolute;
	margin-bottom : 0;
	top           : 0;
	bottom        : 15px;
	left          : 0;
	right         : 0;
	opacity       : 0;
}

#yith-welrp #yith-welrp-google-button {
	pointer-events : none;
}

/** email suggestion **/

#yith-welrp .yith-welrp-email-suggestion {
	position : relative;
}

#yith-welrp .yith-welrp-email-suggestion-list {
	position   : absolute;
	top        : calc( 100% + 5px )!important;
	left       : 0;
	right      : 0;
	list-style : none;
	padding    : 10px!important;
	margin     : -1px 0 0 0;
	border     : 1px solid #e7e7e7;
	border-top : 0;
	background : #ffffff;
	z-index    : 10;
}

#yith-welrp .yith-welrp-email-suggestion-item {
	font-size     : 0.9em;
	cursor        : pointer;
	margin-bottom : 2px;
}

@media ( min-width : 480px) {
	#yith-welrp .yith-welrp-popup {
		min-width : 320px;
	}
}