/*
Theme Name:Pressive
Theme URI:
Description:Hand coded GenF20 Plus site
Template:Pressive
Version:0.0.1
*/
@charset "utf-8";

a {
    outline:none;
}

.halloween {
    background-image: linear-gradient(to right bottom, #000000, #0b0b0b, #141414, #1a1a1a, #202020, #202020, #202020, #202020, #1a1a1a, #141414, #0b0b0b, #000000);
    background-size:auto auto, 100% auto;
}

.halloween .body-background {
    background-image: url("images/halloween/background.jpg");
    background-size:1200 auto;
    max-width:1200px;
    margin:-10px auto;
}

.halloween .spin-background {
    background-image: url("images/halloween/header_content.png");
    width: 100%;
    max-width: 700px;
    margin-top: 20px;
    padding-top: 3rem;
}

.halloween .spin-background > .wheel > .wheel-background > .pie {
    background-image:url("images/halloween/spinningwheel.png");
    background-size:auto 77%;
}

.halloween .spin-background > .wheel > .wheel-background > .win {
    background-image:url("images/halloween/spinningwheel_congrats.png");
}

.halloween .spin-background > .wheel > .wheel-background > .win.expired {
    background-image:url("images/halloween/spinningwheel_expired.png");
}

.halloween .spin-background > .wheel > .wheel-background > .pie > .spin {
    background-image:url("images/halloween/click2spin_ctabutton.png");
    background-size:auto 26%;
    top: 0;
    left: 0;
}

.halloween .spin-background > .wheel > .wheel-background > .peg {
    background-image:url("images/halloween/peg.svg");
}

.halloween .particle.red {
    background-image:url("images/halloween/icons/win_animation1.png");
}

.halloween .particle.green {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/halloween/icons/win_animation2.png");
}

/**/

.may-m{
    background-image: linear-gradient(to right bottom, #000000, #0b0b0b, #141414, #1a1a1a, #202020, #202020, #202020, #202020, #1a1a1a, #141414, #0b0b0b, #000000);
    background-size:auto auto, 100% auto;
}

.may-m .body-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/male_background.jpg");
    background-size:1200 auto;
    max-width:1200px;
    margin:-10px auto;
}

.may-m .spin-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/male_header_content.png");
    width: 100%;
    max-width: 600px;
    margin-top: 20px;
    padding-top: 3rem;
}

.may-m .spin-background > .wheel > .wheel-background > .pie {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/male_spinningwheel.png");
    background-size:auto 77%;
}

.may-m .spin-background > .wheel > .wheel-background > .win {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/male_congratswheel.png");
}

..may-m .spin-background > .wheel > .wheel-background > .win.expired {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/spinningwheel_expired.png");
}

.may-m .spin-background > .wheel > .wheel-background > .pie > .spin {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/male_click2spin_button.png");
    background-size:auto 26%;
    top: 0;
    left: 0;
}

.may-m .spin-background > .wheel > .wheel-background > .peg {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/arrow.png");
}

.may-m .particle.red {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/win_animation1.png");
}

.may-m .particle.green {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-m/win_animation2.png");
}

/**/

.may-f{
    background-image: linear-gradient(to right bottom, #000000, #0b0b0b, #141414, #1a1a1a, #202020, #202020, #202020, #202020, #1a1a1a, #141414, #0b0b0b, #000000);
    background-size:auto auto, 100% auto;
}

.may-f .body-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/female_background.jpg");
    background-size:1200 auto;
    max-width:1200px;
    margin:-10px auto;
}

.may-f .spin-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/female_header_content.png");
    width: 100%;
    max-width: 600px;
    margin-top: 20px;
    padding-top: 3rem;
}

.may-f .spin-background > .wheel > .wheel-background > .pie {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/female_spinningwheel.png");
    background-size:auto 77%;
}

.may-f .spin-background > .wheel > .wheel-background > .win {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/female_congratswheel.png");
}

..may-f .spin-background > .wheel > .wheel-background > .win.expired {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/spinningwheel_expired.png");
}

.may-f .spin-background > .wheel > .wheel-background > .pie > .spin {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/female_click2spin_button.png");
    background-size:auto 27%;
    top: -2px;
    left: 0px;
}

.may-f .spin-background > .wheel > .wheel-background > .peg {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/arrow.png");
}

.may-f .particle.red {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/win_animation1.png");
}

.may-f .particle.green {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/may/may-f/win_animation2.png");
}

/**/


.body-background {
    background-position:center;
    background-size:1200px auto;
    overflow:hidden;
    background-position:center top;
}

.spin-background {
    text-align:center;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% auto;
    max-width:675px;
    /*width:100%;*/
    width:95%;
    min-height:100vh;
    margin:0 auto;
    padding:7.5em 0; 
}

.spin-background > .wheel {
    margin:40% auto 0;
    display:block;
    position:relative;
    width:100%;
    max-width:600px;
}

.may-m .spin-background > .wheel,
.may-f .spin-background > .wheel{
    margin-top:52%;
}

/**/

.autumn{
    background-image: linear-gradient(to right bottom, #000000, #0b0b0b, #141414, #1a1a1a, #202020, #202020, #202020, #202020, #1a1a1a, #141414, #0b0b0b, #000000);
    background-size:auto auto, 100% auto;
}

.autumn .body-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/background.jpg");
    background-size:1200 auto;
    max-width:1200px;
    margin:-10px auto;
}

.autumn .spin-background {
    background-image: url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/male_header_content.png");
    width: 100%;
    max-width: 600px;
    margin-top: 20px;
    padding-top: 3rem;
}

.autumn .spin-background > .wheel > .wheel-background > .pie {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/male_spinningwheel.png");
    background-size:auto 77%;
}

.autumn .spin-background > .wheel > .wheel-background > .win {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/male_congratswheel.png");
}

.autumn .spin-background > .wheel > .wheel-background > .win.expired {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/spinningwheel_expired.png");
}

.autumn .spin-background > .wheel > .wheel-background > .pie > .spin {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/male_click2spin_button.png");
    background-size:auto 30%;
    top: 0;
    left: 0;
}

.autumn .spin-background > .wheel > .wheel-background > .peg {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/arrow.png");
}

.autumn .particle.red {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/win_animation1.png");
}

.autumn .particle.green {
    background-image:url("https://www.vigrx.com/wp-content/themes/lehcart/images/autumn/win_animation2.png");
}

/**/

.spin-background.show > .wheel {
}

.spin-background > .wheel > .wheel-background > .pie,
.spin-background > .wheel > .wheel-background > .win,
.spin-background > .wheel > .wheel-background {
    width:100%;
    padding-top:100%;
    background-size: 80%;
    display:block;
}

.spin-background > .wheel > .wheel-background > .pie,
.spin-background > .wheel > .wheel-background > .win,
.spin-background > .wheel > .wheel-background > .peg {
    transition:opacity 2.0s;
}

.spin-background > .wheel > .wheel-background > .pie,
.spin-background > .wheel > .wheel-background > .peg {
    opacity:0;
}

.spin-background.show > .wheel > .wheel-background > .pie,
.spin-background.show > .wheel > .wheel-background > .peg {
    opacity:1;
}

.spin-background > .wheel > .wheel-background {
}

.spin-background > .wheel > .wheel-background > .pie {
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-repeat:no-repeat;
}

.spin-background > .wheel > .wheel-background > .win {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    background-position:center center;
    background-repeat:no-repeat;
}

.spin-background > .wheel.win > .wheel-background > .win {
    opacity:1;
    z-index:3;
}

.spin-background > .wheel.win > .wheel-background > .peg,
.spin-background > .wheel.win > .wheel-background > .pie {
    opacity:0;
}

.spin-background > .wheel > .wheel-background > .pie.expired {
    background:none;
}

.spin-background > .wheel > .wheel-background > .pie > .spin {
    position:absolute;
    padding-top:100%;
    width:100%;
    left: 5px;
    top:5px;
    cursor:pointer;
    background-position:center center;
    background-size:100% auto;
    background-repeat:no-repeat;
}

.spin-background > .wheel > .wheel-background > .peg {
    position:absolute;
    width: 7%;
    height: 11%;
    top:8.5%;
    left:47%;
    background-size:100% auto;
    background-repeat:no-repeat;
    transform-origin: 50% 15%;
}

.particle {
    position:absolute;
    width:50px;
    height:50px;
    background-size:100% auto;
    transform: perspective(500px);
    transition:opacity 0.5s;
    z-index:5;
    background-repeat:no-repeat;
}

.particle.hide {
    opacity:0;
}