/**
*
* Main CSS file that styles both Admin and Public areas
* TABLE OF CONTENTS:
* 
* 1. Fonts
* 2. General Popup Settings
* 3. First Pop-Up
* 4. Second Pop-Up
* 5. General Style Settings
*/


/* 1. Fonts */

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Lato Black'), local('Lato-Black'), url('../fonts/Lato-Black.ttf') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Nexa';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Nexa Light'), local('Nexa-Light') url('../fonts/Nexa-Light.otf') format('otf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Nexa';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nexa Bold'), local('Nexa-Bold') url('../fonts/Nexa-Bold.otf') format('otf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/** 
* 2. General Popup Settings 
*/

#woofirstpurchase-popup-background{
	position:fixed;
	display:none;
	width:100%; 
	height:100%;
	z-index:99999;
	top:0%;
	opacity:0;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height:1.45em;
}
.woofirstpurchase-popup-background-transparent-black{
	background-color:rgba(0, 0, 0, 0.86);
}
.woofirstpurchase-popup-background-velvet-blue{
	background-image: url(../images/backgroundblue.png);
}
.woofirstpurchase-popup-background-amber-explosion{
	background-image: url(../images/backgroundorange2.jpg);
	background-size:cover;
}
#woofirstpurchase-popup-container-first div::selection{
	background: #f93865;
	color:#ffffff;
}
#woofirstpurchase-popup-container-second div::selection{
	background: #00caf0;
	color:#ffffff;
}
#woofirstpurchase-main-popup-form{
	display: contents;
	height: 100%;
}
#woofirstpurchase-loader-image{
	top: 32%;
	width: 255px;
    position: relative;
    margin: auto;
    transition: all .2s ease;
    opacity: 0;
    display: block;
}
#woofirstpurchase-loader-text{
	font-weight: 500;
    text-align: center;
    position: relative;
    top:30%;
    transition: all .2s ease;
    opacity: 0;
    font-family: "Lato", "sans-serif";
    color: #464646;
    font-size: 32px;
}
.woofirstpurchase-popup-disappear-group{
	transition: all 0.25s ease;
}
#woofirstpurchase-win-message-heading{
	text-align: center;
	position: relative;
	top:40%;
	font-family: "Lato", sans-serif;;
	font-weight: bold;
	color: #252b37;
	font-size: 2.5em;
	transition: all 0.5s ease;
	line-height: 1.5em;
}
#woofirstpurchase-win-message-heading-body{
	text-align: center;
	position: relative;
	top:40%;
	font-family: "Lato", sans-serif;;
	color: #252b37;
	font-size: 1.6em;
	transition: all 0.5s ease;
	line-height: 1.5em;
}
#woofirstpurchase-win-message-email{
	text-align: center;
	font-family: "Lato Black", sans-serif;;
	font-weight: 900;
	transition: all 0.5s ease;
	font-size:1.6em;
	position: relative;
	top:37%;
	padding: 20px;
	line-height:1.2em;
	background: #ef4b4b;
	color:#fff;
}
#woofirstpurchase-win-message-button{
	margin:auto;
	display: block;
	text-align: center;
	position: relative;
	top: 40%;
	width:82%;
	height:9.4%;
	border-radius:25px;
	background:#3b3b3b;
	background-color:#3b3b3b;
	border:0;
	font-size: 19.68px;
	color: #ffffff;
	padding:3px;
	outline:none;
	text-transform: uppercase;
	font-family: "Lato Black", sans-serif;
    font-weight: bold;
    letter-spacing: 0.03em;
}
#woofirstpurchase-win-message-button:hover{
	text-decoration: none;
	background-color: #111111;
	cursor: pointer;
}
.woofirstpurchase-appear-group{
	opacity: 0;
	transition: all .25s ease;
}

/* 3. First Popup */
#woofirstpurchase-popup-container-first{
	width: 455px;
	min-width: 455px;
	height: 618px;
	border-radius: 25px;
	background-color: #ffffff;
	transition: all 0.5s ease;
	position: relative;
	bottom: -100%;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.55);
}
#woofirstpurchase-popup-container-first-preview{
	width: 455px;
	min-width: 455px;
	height: 618px;
	border-radius: 25px;
	background-color: #ffffff;
	transition: all 0.5s ease;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.55);
	transform: scale(0.70);
	position: relative;
	bottom:-10%;
	margin: auto;
	font-size: 18px;
}
#woofirstpurchase-popup-first-top{
	background-image: url('../images/popup1top.png');
	background-size: cover;
	position: absolute;
	top: -23%;
    right: -16%;
	width: 630px;
	height: 309px;
	transition: all 0.5s ease;
    transform: translateY(-3500px) rotate(0deg);
}
#woofirstpurchase-popup-first-top-preview{
	background-image: url('../../../includes/assets/images/popup1top.png');
	background-size: cover;
	position: absolute;
	top: -23%;
    right: -16%;
	width: 630px;
	height: 309px;
	transition: all 0.5s ease;
}
#woofirstpurchase-popup-first-top-text{
	text-align: center;
	position: relative;
	top: 31%;
	font-family: "Lato", sans-serif;;
	font-weight: bold;
	color: #252b37;
	font-size: 1.546em;
	transition: all 0.5s ease;
}
#woofirstpurchase-popup-first-amount{
	text-align: center;
	position: relative;
	top: 38%;
	font-family: "Lato Black", sans-serif;
	font-weight: 900;
	color: #ef4b4b;
	font-size: 5.3em;
	transition: all 0.5s ease;
}
#woofirstpurchase-popup-first-bottom-text{
	text-align: center;
	position: relative;
	top: 45%;
	font-family: "Lato", sans-serif;
	font-weight: lighter;
	color: #252b37;
	font-size: 1.546em;
	transition: all 0.5s ease;
}
#woofirstpurchase-popup-first-email-input{
	margin:auto;
	text-align: center;
	position: relative;
	top: 53%;
	width:82%;
	height:9.4%;
	border-radius:25px;
	background-color:#f1f1f1;
	border:0;
	color: #252b37;
	transition: all 0.5s ease;
	display: block;
	float: none;
	box-shadow: none;
	font-size: 20.9px;
	font-family: "Lato", sans-serif;
}
#woofirstpurchase-popup-first-email-input-preview{
	margin:auto;
	text-align: center;
	position: relative;
	top: 53%;
	width:82%;
	height:9.4%;
	border-radius:25px;
	background-color:#f1f1f1;
	border:0;
	font-size: 21.68px;
	color: #252b37;
	display:block;
	float: none;
}
#woofirstpurchase-popup-first-button{
	margin:auto;
	display: block;
	text-align: center;
	position: relative;
	top: 56%;
	width:82%;
	height:9.4%;
	border-radius:25px;
	background:#ef4b4b;
	background-color:#ef4b4b;
	border:0;
	font-size: 20.9px;
	font-family: "Lato", sans-serif;
	color: #ffffff;
	padding:3px;
	outline:none;
	box-shadow: none;
}
#woofirstpurchase-main-popup-form button#woofirstpurchase-popup-first-button{
	background:#ef4b4b;
	background-color:#ef4b4b;
}
#woofirstpurchase-main-popup-form button#woofirstpurchase-popup-first-button:hover{
	background:#e54545;
	background-color:#e54545;
}
#woofirstpurchase-popup-first-button-preview{
	margin:auto;
	display: block;
	text-align: center;
	position: relative;
	top: 56%;
	width:82%;
	height:9.4%;
	border-radius:25px;
	background-color:#ef4b4b;
	border:0;
	font-size: 21.68px;
	color: #ffffff;
	padding:3px;
	outline:none;
}
#woofirstpurchase-popup-first-button:hover{
	cursor:pointer;
	background:#e54545;
	background-color: #e54545;
	text-decoration: none;
}
#woofirstpurchase-popup-first-button:visited{
	text-decoration: none;
}
#woofirstpurchase-popup-first-nothanks-text{
	text-align: center;
	position: relative;
	top: 61%;
	font-family: "Lato Black", sans-serif;;
	font-weight: bold;
	text-decoration: underline;
	color: #252b37;
	font-size: 0.91em;
	width: max-content;
    margin: auto;
}
#woofirstpurchase-popup-first-nothanks-text:hover{
	cursor: pointer;
}

/* 4. Second Popup */
#woofirstpurchase-popup-container-second{
	width: 672px;
	min-width: 672px;
	height: 718px;
	border-radius: 25px;
	background-color: #ffffff;
	transition: all 0.5s ease;
	position: relative;
	bottom: -100%;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.55);
}
#woofirstpurchase-popup-container-second-preview{
	width: 672px;
	min-width: 672px;
	height: 718px;
	border-radius: 25px;
	background-color: #ffffff;
	transition: all 0.5s ease;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.55);
	transform: scale(0.7);
	font-size: 18px;
	margin:auto;
	position: relative;
	bottom: 4%;

}
#woofirstpurchase-popup-second-top{
	background-image: url('../images/popup2top.png');
	background-size: cover;
	position: absolute;
	top: 10%;
    right: 16%;
	width: 437px;
	height: 297.13px;
	transition: all 0.5s ease;
    transform: translateY(-3500px) rotate(0deg);
}
#woofirstpurchase-popup-second-top-preview{
	background-image: url('../../../includes/assets/images/popup2top.png');
	background-size: cover;
	position: absolute;
	top: 10%;
    right: 16%;
	width: 437px;
	height: 297.13px;
	transition: all 0.5s ease;
}

#woofirstpurchase-popup-second-top-text{
	text-align: center;
	position: relative;
	top: 59%;
	font-family: "Nexa", sans-serif;;
	font-weight: bold;
	color: #3d3f3f;
	font-size: 3.6em;
	text-transform: uppercase;
}
#woofirstpurchase-popup-second-middle-text{
	text-align: center;
	position: relative;
	top: 63%;
	font-family: "Nexa", sans-serif;;
	font-weight: 300;
	color: #232323;
	font-size: 1.1em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
#woofirstpurchase-popup-second-email-input{
	margin:auto;
	text-align: center;
	position: relative;
	font-family: "Nexa";
	font-weight: 300;
	top: 66%;
	width:64.5%;
	height:6.8%;
	border-radius:5px;
	background-color:#efefef;
	border:0;
	font-size: 1.4em;
	float: none;
	display: block;
	box-shadow: none;
}
#woofirstpurchase-popup-second-email-input-preview{
	margin:auto;
	display: block;
	text-align: center;
	position: relative;
	font-family: "Nexa";
	font-weight: 300;
	top: 66%;
	width:64.5%;
	height:6.8%;
	border-radius:5px;
	background-color:#efefef;
	border:0;
	font-size: 1.4em;
	float: none;
}
#woofirstpurchase-popup-second-email-input::placeholder, #woofirstpurchase-popup-second-email-input-preview::placeholder{
	color: #111111;
}
#woofirstpurchase-popup-second-button-left{
	font-family: "Nexa";
	font-weight: 700;
	margin:auto;
	display: block;
	text-align: center;
	position: relative;
	top: 70.5%;
	right: 14.7%;
	width:33.5%;
	height:6.5%;
	border-radius:25px;
	background: #00caf0;
	background-color:#00caf0;
	border:0;
	font-size: 1.3em;
	color: #ffffff;
	padding:11px;
	outline:none;
	box-shadow: none;
}
#woofirstpurchase-main-popup-form button#woofirstpurchase-popup-second-button-left{
	background: #00caf0;
	background-color:#00caf0;
}
#woofirstpurchase-main-popup-form button#woofirstpurchase-popup-second-button-left:hover{
	background: #05b3d3;
	background-color: #05b3d3;
}
#woofirstpurchase-popup-second-button-left:hover{
	text-decoration: none;
	background: #05b3d3;
	background-color: #05b3d3;
	outline:none;
	cursor: pointer;
}
#woofirstpurchase-popup-second-nothanks-text{
	text-align: center;
	position: relative;
	top: 65.3%;
    right: -18%;
	font-family: "Lato Black", sans-serif;;
	font-weight: bold;
	text-decoration: underline;
	color: #252b37;
	font-size: 1.3em;
	width: max-content;
    margin: auto;
}
#woofirstpurchase-popup-second-nothanks-text:hover{
	cursor: pointer;
}

/* 5. General Styles */
.woofirstpurchase_minwidth150{
	min-width: 150px;
}