@font-face {
  font-family: "Poppins";
  src: url("./../fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsThin";
  src: url("./../fonts/Poppins-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsMedium";
  src: url("./../fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsSemibold";
  src: url("./../fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsBold";
  src: url("./../fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "PoppinsExtraBold";
  src: url("./../fonts/Poppins-ExtraBold.ttf") format("truetype");
}



.login {
	background: white;
}

.login * {
	font-family: Poppins;
}

/*
.login #login {
	padding-top: 60px;
	background: url(./../images/brandly-logo.svg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
*/


.login #login h1 {
	display: none;
}


.login form {
	border: none;
}

.login input,  input:-internal-autofill-selected {
	background-color : white !important;
	border: 1px solid gray;
}

.login input[type=submit], input:-internal-autofill-selected, .wp-generate-pw {
	background-color: rgb(67,213,213) !important;
	color: white !important;
	border: none !important;
	box-shadow: none !important;
}

.login input[type=submit], .login input[type=text], .login input[type=email], 
.login input[type=password], input:-internal-autofill-selected, .wp-generate-pw {
	border-radius: 20px !important;	
}

.login input:not([type=submit]):hover, .login input:not([type=submit]):focus {
	border: 1px solid gray !important;
	outline: 1px solid rgb(67,213,213) !important;
}

.login input[type=submit]:hover, .wp-generate-pw:hover {
	background-color :rgb(67,213,213) !important;
	color: white !important;
	opacity: 0.8;
	border: none !important;
	outline: none !important;
}

.login input:not([type=submit]):not([type=radio]):not([type=checkbox]){
	padding-left: 10px;
	padding-right: 10px;
}

.login a:hover, .login a:focus {
	color: lightgray !important;
}

.message.register {
	border-left: 4px solid #00fd92
}


.dashicons-visibility:before {
	content: "👁";
}
.dashicons-hidden:before {
	content: "👁";    
	background: linear-gradient(45deg, transparent 0%, transparent 46%, black 47%, black 53%, transparent 54%);
}



#inner-content-wrapper.login, #inner-content-wrapper.register {
	background-image: url(../images/sign-up-bg-cropped.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


body.login-action-register {
	background-image: url(../images/sign-up-bg-full.png);
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}


#inner-content-wrapper.login .entry-content h2,
#inner-content-wrapper.register .entry-content h2 {
	display: none;
}

#inner-content-wrapper.login .entry-content form,
#inner-content-wrapper.register .entry-content form,
body.login-action-register form {
	padding-top: 70px;
	background-color: white;
	background-image: url(../images/brandly-logo.svg);
	background-position: center 20px;
	background-size: auto 50px;
	background-repeat: no-repeat;
	border: none;
	border-radius: 20px;
}


#inner-content-wrapper.register .entry-content form p:first-child::before,
body.login-action-register form p:first-child::before {
	content: "Sign up and start selling for FREE!";
	display: block;
	margin-bottom: 20px;
	font-size: 1rem;
	color: rgb(100,100,100);
	text-align: center;
}

.login #nav, .login #backtoblog a, .login #nav a {
	color: white !important;
}


/* My Account Dashboard styles end */

@media all and (orientation: landscape) and (min-width: 992px){
	
	#inner-content-wrapper.register, #inner-content-wrapper.login {  
		height: 130vh;
		max-height: 1170px;
		padding-top: 7%;
		background-size: auto 90%;
	}
	
	
	#inner-content-wrapper.login .entry-content,
	#inner-content-wrapper.register .entry-content,
	body.login-action-register #login {
		width: 35vw;
		max-width: 560px;
		margin-left: 20px;
	}
	
	
	#inner-content-wrapper.login .entry-content form,
	#inner-content-wrapper.register .entry-content form,
	body.login-action-register form {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 40px;
	}
	
	@media (min-width: 1600.1px){
		
		.login #nav, .login #backtoblog a, .login #nav a {
			font-size: 18px;
			display: block;
		}
	
	}
	
}



@media all and (orientation: portrait), all and (max-width: 1199.9px){
	
	.login #nav, .login #backtoblog a, .login #nav a {
		font-size: 30px;
		display: block;
	}
	
}