:root { color: #222;
font-size: 10px;
--orange: #da9500;
--white: #f4f4f0;
}
* {
box-sizing:border-box;
margin: 0;
padding: 0;
line-height: 1;
outline: 0;
}
body {
background: #000;
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
}
.white {
color: var(--white);
}
.orange {
color: var(--orange);
}
.white-on-black {
background: #000;
color: var(--white);
}
.black-on-white {
background: var(--white);
color: #000;
}
.black-on-orange {
background: var(--orange);
color: #000;
} .row-grid-mobile {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
}
.container {	
margin: 0 auto;
max-width: 1200px;
padding: 0 20px;
position: relative;
}
.container-fluid {	
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
#page {
padding: 40px 0 0 0;
}
.pad-15-15 {
padding: 15% 15% 0 15%;
}
.pad-15 {
padding: 0 15%;
}
section {
position: relative;
}
.z-2 {
z-index: 2;
}
.section-pad {
padding: 40px 0;
}
.section-pad-top {
padding-top: 40px;
}
.big-pad,
#page.big-pad {
padding: 140px 0;
} h1,
h2,
h3,
h4,
h5,
p,
ul,
dt,
dd {
margin-bottom: 20px;
}
.font-xl {
font-size: 150%;
}
.font-l {
font-size: 125%;
}
.font-s {
font-size: 75%;
}
.font-xs {
font-size: 50%;
}
.text-upp {
text-transform: uppercase;
} h1,
.h1 {
font-size: clamp(2.8rem, 5vw, 5rem);
letter-spacing: -1px;
}
h2,
.h2 {
font-size: clamp(2.8rem, 4vw, 3rem);
font-weight: 900;
} p {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.4;
}
blockquote {
margin-bottom: 40px;
}
blockquote p {
font-size: 1.7rem; font-weight: 600;
}
blockquote p::before,
blockquote p::after {
content: '"';
}
blockquote footer {
font-size: 1.3rem;
} img {
height: auto;
max-width: 100%;	
} .video-container {
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
position: relative;
}
.video-container iframe,
.video-container object,
.video-container embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} ul {
list-style-type: none;
padding-left: 0;
}
ul:after {
clear: both;
content: "";
display: block;	
float: none;
}
.list-bullet {
list-style-position: inside;
list-style-type: disc;
}
li,
dt,
dd {
font-weight: 300;
line-height: 1;
margin-bottom: 10px;
}
li a {
display: block;
}
figure {
margin: 0;
} a, 
a:hover, 
a:active, 
a:focus {
color: var(--orange);
text-decoration: none;
transition: all 0.25s ease-in-out;
}
a {
font-weight: bold;
}
a:hover {
transform: scale(1.1);
}
a.btn,
.btn,
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
background: var(--orange);
color: var(--white);
display: inline-block;
font-size: 2rem;
font-weight: 900;	
margin: 0 auto 20px auto;
max-width: max-content;
padding: 20px;
text-align: center;
text-transform: uppercase;
}
.outline-img:hover {
outline: 10px solid var(--orange);
outline-offset: -20px;
}
.grow {
display: inline-block;
}
.btn:hover .grow {
margin-left: 5px;
text-decoration: underline;
transform: scale(125%);
}
.btn:hover .grow .grow-right {
margin-left: 0;
margin-right: 5px;
} .clearfix,
.clear {
clear: both;
float: none;
}
.kc_row:not(.kc_row_inner),
.kc-elm {
clear: both;
float: none !important;
}
.kc_row:after {
clear: both !important;
content: "";
display: block !important;
float: none !important;
} .center {
text-align: center;
}
.right {
text-align: right;
}
.align-middle {
display: grid;
align-content: center;
}
.align-center {
display: flex;
align-items: center;
}
.justify-center {
display: flex;
justify-content: center;
}
.align-justify-center {
align-items: center;
display: flex;
justify-content: center;
}
.align-bottom {
display: grid;
align-content: end;
}
.object-cover {
object-fit: cover;
min-width: 100%;
}
.vh-100 {
padding: 40px 0;
}
.flex-column {
flex-direction: column;
} input[type="color"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"],
input[type="password"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
select,
textarea {
background: #fff;
border: 1px solid rgba(200,200,200,1);
display: block;
font-family: 'Poppins', sans-serif;
font-size: 1.6rem;
height: auto;
margin-bottom: 5px;
padding: 20px;	
width: 100%;
}
input[type="submit"],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button {
background: var(--orange);
border: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.9rem;
font-weight: 600;
letter-spacing: 1px;		
margin-bottom: 20px;
padding: 20px;
text-transform: uppercase;	
width: auto;
}
textarea {
min-height: 100px;
}
::placeholder {
color: inherit;
opacity: 0.7;
}
.wpcf7 br {
display: none;
} #up {	
bottom: 0;
border: 2px solid rgba(255,255,255,0.5);
background: rgba(0,0,0,0.5);	
position: fixed;	
right: 0;	
text-align: center;	
z-index: 999;
}
#up a {
color: rgba(255,255,255,0.5);
display: flex;
font-size: 3.5rem;
height: 50px;
justify-content: center;
width: 50px;
}
#up a .fa {
align-self: center;
} .show {
display: block;
}
#main-menu {
height: 100%;
margin-bottom: 0;
padding-top: 80px;
position: fixed;
right: -100%;
text-align: center;
top: 0;
transition: all 0.25s ease-in-out;
width: 300px;
}
.menu-is-open #main-menu {
background: var(--orange) url(https://2024.luckyamour.com/wp-content/uploads/2024/03/paint-drip-04.webp) no-repeat top right;
right: 0;
z-index: 666;
}
#main-menu li {
margin-bottom: 0;
}
#main-menu li a {
color: #000;
font-size: 2rem;
padding: 10px 20px;
text-transform: uppercase;
}
#hamburger {
align-content: space-between;
background: var(--orange);
border: 1px solid #000;
cursor: pointer;
display: grid;
height: 50px;
padding: 10px;	
position: fixed;
right: 0;
top: 0;
transition: all 0.5s 0.5s ease-in-out;
width: 50px;
z-index: 999;
}
#cart-button {
align-items: center;
background-color: var(--white);
border: 1px solid #000;
color: #000;
display: flex;
font-size: 3rem;
height: 50px;
justify-content: center;
position: fixed;
right: 0;
top: 60px;
width: 50px;
z-index: 999;
}
.bar {	
border-bottom: 6px solid black;
transition: all 0.25s ease-in-out;
width: 100%;
}
#bar-wrapper {
position: relative;
}
#bar-2 {
position: relative;
}
#bar-3 {
left: 0;
position: absolute;
top: 0;
}
.bar.blackout {
border-bottom: 3px solid transparent;
transition: all 0.5s ease-in-out;
}
.menu-is-open #bar-1,
.menu-is-open #bar-4 {
border-color: transparent;
box-shadow: none;
transition: none;
}
.menu-is-open #bar-2 {
transform: rotate(45deg);
}
.menu-is-open #bar-3 {
transform: rotate(-45deg);
}
.menu-is-open #fly-out-overlay {
background: rgba(0,0,0,0.5);
cursor: pointer;
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
}
#logo {
max-width: 200px;
} #footer-main {
background: black;
color: white;
position: relative;
}
.footer-fixed {
bottom: 0;
left: 0;
position: fixed;	
width: 100%;
z-index: -1;
}
#footer-legal {
bottom: 20px;
font-size: 1.4rem;
position: absolute;
right: 40px;
}
.footer-logo {
max-width: 150px !important;
} .card-row {
display: grid;
grid-gap: 20px;
grid-template-columns: 1fr;
padding: 10px 20px;
position: sticky;
top: 0;
}
.card-image {
position: relative;
object-fit: cover;
min-width: 100%;
}
.card-image img {
object-fit: cover;
min-width: 100%;
position: relative;
z-index: 2;
}
.stick {
position: sticky;
top: 0;
}
.suit-logo {
align-items: center;
display: flex;
justify-content: center;
min-height: 100vh;
}
#suit-link {
display: flex;
flex-direction: column;
position: fixed;
right: 0;
top: 110px;
z-index: 777;
}
.opacity-drop {
opacity: 0.3;
} #single-product-atc {
margin-bottom: 20px;
}
.quantity,
.qty {
display: inline-flex;
margin-right: 2px;
}
.woocommerce .quantity .qty {
margin: 0;
width: 100px;
} .single_add_to_cart_button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
align-items: center;
background-color: var(--orange);
display: inline-flex;
font-family: 'Poppins';
font-size: 2rem;
font-weight: 800;
padding: 20px;
text-transform: uppercase;
}
form.cart {
align-items: stretch;
display: flex;
flex-direction: row;
}
.woocommerce-cart-form,
.cart-collaterals,
.checkout.woocommerce-checkout,
.woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-loop-product__title,
.price {
font-size: 1.6rem;
} .two-stack {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 20px;
}
.black-arrow {
background: #000;
clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%, 0 0 );
color: yellow;
font-size: 2rem;
padding: 40px;
}
.black-arrow p {
margin-bottom: 0;
}
.bg-52 {
background: url(//www.luckyamour.com/wp-content/uploads/2024/03/lucky-amour-52-scaled.webp) no-repeat center center / cover;
}
.preview-text {
margin: 0 auto;
max-width: 620px;
padding: 20px;
}
.top-dot {
border-top: 3px dotted var(--orange);
}
.alert {
background: rgba(0,0,0,0.9);
color: var(--white);
clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
left: 50%;
max-width: 400px;
padding: 40px;
position: fixed;
text-align: center;
top: 0;
transform: translate(-50%, 0);
transition: all 0.25s ease-in-out;
z-index: 2;
}
.alert p {
font-size: 2rem;
}
.slide-up {
transform: translate(-50%, -110%);
transition: all 0.25s ease-in-out;
}
.display-block {
display: block;
}
.mobile-1 {
order: 1;
}
.mobile-2 {
order: 2;
}
.mobile-3 {
order: 3;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: 100%;
}
button#primary,
.GooglePayButton.GooglePayButton--buy.GooglePayButton--dark {
max-width: 280px !important;
}
.GooglePayButton-logo {
padding: 7px !important;
}
#fly-out-overlay {
background: rgba(0,0,0,0);
cursor: pointer;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
z-index: 665;
}
.price-bar { display: flex; text-transform: uppercase;
}
#video-games .price-bar {
color: #f3a609;
}
.price-block {
align-items: center;
background: #c4161c;
color: #f3a609;
display: flex;
flex-direction: column;
font-size: 30px;
font-weight: 600;
height: 100%;
justify-content: center; padding: 20px;
text-align: center;
}
.price-block-price { font-size: 60px;
}
.price-info {
padding: 20px;
}
.price-info p {
font-size: 16px;
font-weight: 600;
}
.justify-end {
justify-self: end;
}
.buy-now-banner {
background: #fff;
}
.poster-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap: 10px;
padding: 20px 0;
}
.banner-container {
margin: 0 auto;
max-width: 2200px;
}
.store-banner {
background: #c4161c;
}
#monsters {
background: #f5f3cb;
}
#video-games {
background: #131111;
}
#shirt-deck {
background-color: #333;
}
.med-pad {
padding: 40px 0;
}
.lucky-tee {
margin-bottom: 40px;
}
@keyframes wiggle {
0% { 
transform: rotate(0deg); 
}
80% { transform: rotate(0deg); }
85% { transform: rotate(2.55deg); }
95% { transform: rotate(-2.55deg); }
100% { transform: rotate(0deg); }
}
.wiggle {
animation: wiggle 1s infinite;
display: inline-block;
}
.wiggle:hover {
animation: none;
}
.variations {
display: flex;
align-items: center;
justify-content: center;
}
th.label {
font-size: 22px;
}
.indicates-required {
color: #c4161c;
font-size: 16px;
margin-bottom: 20px;
}
.asterisk {
color: #c4161c;
}
#mailchimp-form label {
font-size: 16px;
margin-bottom: 5px;
}
.mc-field-group {
margin-bottom: 15px;
}
#corner-store {
background: #fcf8b0;
}
select#pa_size,
select#pa_size {
max-width: 100px;
margin: 0 5px;
}  @media only screen and (min-width: 641px) {
.row-grid,
.row-grid-mobile {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 20px;
}
.mobile-1,
.mobile-2,
.mobile-3 {
order: unset;
}
.big-gap {
grid-gap: 60px;
}
.no-gap {
grid-gap: 0;
}
.span-1 {
grid-column: span 1;
}
.span-2 {
grid-column: span 2;
}
.span-3 {
grid-column: span 3;
}
.span-4 {
grid-column: span 4;
}
.span-5 {
grid-column: span 5;
}
.span-6 {
grid-column: span 6;
}
.span-7 {
grid-column: span 7;
}
.span-8 {
grid-column: span 8;
}
.span-9 {
grid-column: span 9;
}
.span-10 {
grid-column: span 10;
}
.span-11 {
grid-column: span 11;
}
.span-12 {
grid-column: span 12;
}
#page {
min-height: 100vh;
padding: 140px 0 0 0;
}
.big-pad {
padding: 140px 0;
}
.med-pad {
padding: 80px 0;
}
.black-arrow {
clip-path: polygon(0 0, 97.5% 0, 100% 50%, 97.5% 100%, 0 100%, 0 0);
}
#up {	
bottom: 10%;
right: 10px;	
}
.lucky-tee {
margin-bottom: 0;
}
.poster-gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
padding: 20px 0;
}
}
@media only screen and (min-width: 900px) {
.pad-15-15 {
padding: 15%;
}
.vh-100 {
min-height: 100vh;
}
#hamburger {
right: 20px;
top: 20px;
}
#cart-button {
right: 20px;
top: 80px;
}
#logo {
left: 40px;
position: fixed;
top: 20px;
z-index: 3;
}
#logo img {
transition: all 0.5s ease-in-out;
}
.logo-shrink img {
max-width: 100px;
opacity: 0.3;
transition: all 0.5s ease-in-out;
} .card-row {
display: grid;
grid-gap: 20px;
grid-template-areas: "AA BB CC";
grid-template-columns: repeat(3, 1fr);
padding: 10px 20px;
position: sticky;
top: 0;
}
.card-image {
position: relative;
object-fit: cover;
min-width: 100%;
}
.card-image img {
object-fit: cover;
min-width: 100%;
position: relative;
z-index: 2;
}
.card-row:nth-child(3n + 1) .card-image {
grid-area: AA;
}
.card-row:nth-child(3n + 2) .card-image {
grid-area: BB;
}
.card-row:nth-child(3n + 3) .card-image {
grid-area: CC;
}
.stick {
position: sticky;
top: 0;
}
.suit-logo {
align-items: center;
display: flex;
justify-content: center;
min-height: 100vh;
}
#suit-link {
right: 20px;
top: 140px;
}
.opacity-drop:hover {
opacity: 1;
}
}