body {
color: #E9F3E3;
min-height: 100%;
background:#373738;
background-image:url(https://lovemachinenyc.com/wp-content/uploads/2021/10/bg-pattern-white.png);
background-position:left center;
background-size:inherit;
background-repeat:repeat;
background-attachment:fixed;
}
a {
outline: none;
color: #E9F3E3;
}
a:visited {
color: #E9F3E3;
}
main {
padding-top: 80px;
min-height: 80vh;
margin-bottom: 60px;
}
.post, .page {
margin: 0 auto;
}
@media all and (max-width: 800px){
.entry-header h1{
padding-left: 10px;
}
h1.product-title {
padding-left: 0;
}
.page-content, .entry-content, .entry-summary {
padding: 10px;
}
}
article, aside, .comments-area {
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 0 15px;
}
.navigation.post-navigation{
width: 100%;
max-width: 1120px;
margin: 0 auto;
}
a {
text-decoration: none;
} .header {
position: fixed;
width: 100%;
background:transparent; background-position:left center;
background-size:inherit;
background-repeat:repeat;
background-attachment:fixed;
color: #E9F3E3;
z-index: 9999;
overflow: visible;
}
.header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
height: 80px;
padding: 25px;
margin: 0 auto;
z-index: 99;
background-color: transparent;
top: 0;
opacity: 0;
transform: translateY(-45px);
animation: fade-in 0.5s ease-in-out forwards;
animation-delay: 0.2s;
}
.header__left {
display: flex; align-items: center;
gap: 30px;
flex: 0 0 auto;
}
.header__right {
display: flex; align-items: center;
gap: 18px;
flex: 0 0 auto;
}
.inst-icon a{
display: flex;
justify-content: flex-end;
align-items: center;
}
.inst-icon svg{
width: 28px;
height: 28px;
}
.header__btn {
display: flex;
font-family: 'Barlow Condensed', sans-serif;
background-color: transparent;
background-image: none;
border: 2px solid #E9F3E3;
color: #E9F3E3;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.2px;
padding: 8px 14px;
text-wrap: nowrap;
text-transform: uppercase;
border-radius: 6px;
text-decoration: none;
outline: none;
cursor: pointer;
z-index: 999;
transition: 0.3s;
}
.header__btn:hover{
background-color: #E9F3E3;
color: #1d1d1d!important;
}
.header__btn:hover a{
color: #1d1d1d!important;
}
.header__btn a{
color: #E9F3E3;
text-decoration: none;
outline: none;
}
.header__menu {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 14px;
transition: all 0.3s ease-out;
z-index: 99;
background-color: transparent;
border-radius: 50px;
padding: 0;
}
.header__menu span {
display: flex;
font-family: "Barlow Condensed", sans-serif;
color: #E9F3E3;
text-transform: uppercase;
font-size: 15px;
font-weight:500;
letter-spacing: 0.2px;
}
.header__menu span.menu-icon {
width: 100%;
display: flex;
line-height: 30px;
}
.header__logo {
width: 112px;
min-width: 100px;
display: flex;
z-index: 99;
cursor: pointer;
}
@keyframes fade-in {
to {
transform: translateX(0);
opacity: 1;
}
} ul, ol {
margin: 0;
}
ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
.menu-icon {
height: 30px;
width: 30px;
position: relative;
z-index: 2;
cursor: pointer;
display: block;
}
.menu-icon__line {
height: 2px;
width: 30px;
display: block;
background-color: #E9F3E3;
margin-bottom: 7px;
cursor: pointer;
transition: transform 0.2s ease, background-color 0.5s ease;
}
.menu-icon__line-left {
width: 16.5px;
margin-top: 5px;
transition: all 200ms linear;
}
.menu-icon__line-right {
width: 16.5px;
float: right;
transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left {
width: 30px;
}
.menu-icon:hover .menu-icon__line-right {
width: 30px;
}
.nav {
position: fixed;
top: 0;
left: 0;
z-index: 98;
}
.nav:after {
content: "";
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background-image: url(https://lovemachinenyc.com/wp-content/uploads/2021/10/bg-pattern-white.png);
background-repeat: repeat;
background: #121212;
border-bottom-left-radius: 0;
z-index: -2;
transition: all 0.4s linear, border-radius linear 0.4s;
transform: translateX(0) translateY(-100%);
transition-delay: 0s;
}
.nav__content {
position: fixed;
visibility: hidden;
top: 0;
height: 100%;
overflow-y: scroll;
margin-top: 180px;
bottom: 300px;
min-height: 100vh;
transform: translate(0);
width: 100%;
text-align: center;
}
@media all and (max-width: 900px) {
.nav__content {
margin-top: 120px;
}
}
.nav__list {
position: relative;
padding: 0;
overflow-y: scroll;
height: auto;
margin: 0;
margin-bottom: 300px;
display: flex;
justify-content: center;
z-index: 2;
}
.menu-item {
position: relative;
display: block;
transition-delay: 0.4s;
opacity: 0;
text-align: center;
color: #E9F3E3;
overflow: hidden;
font-family: "Barlow Condensed", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 2px;
transform: translate(100px, 0%);
transition: opacity 0.2s ease, transform 0.3s ease;
margin-top: 0;
margin-bottom: 0;
}
.menu-item a {
position: relative;
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
overflow: hidden;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
font-weight: 700;
z-index: 2;
display: inline-block;
text-transform: uppercase;
transition: all 100ms linear;
}
.sub-menu .nav a {
font-size: 18px;
padding: 2px 2px;
transition: all 0.3s ease-out;
}
.menu-item a:hover {
color: #fff;
}
.menu-item a.active-nav a {
color: #fff;
}
.menu-item a.active-nav a:after {
height: 4px;
opacity: 1;
left: 0;
width: 100%;
} .header__center {
display: flex;
position: relative;
justify-content: center;
align-items: center;
height: 40px;
flex: 1 1 auto;
text-align: center;
}
@media all and (max-width: 1024px) {
.header__center {
display: none;
}
}
.nav-center ul{
display: flex;
flex-direction: row;
gap: 30px;
color: #fff;
}
.nav-center.nav{
position: relative;
}
.nav-center .menu-item {
position: relative;
display: flex;
flex-direction: column;
transition-delay: 0.4s;
opacity: 0;
text-align: center;
color: #E9F3E3;
overflow: visible;
font-family: "Barlow Condensed", sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 1.15;
letter-spacing: 0.5px;
transform: none;
opacity: 1;
transition: none;
margin-top: 0;
margin-bottom: 0;
}
.nav-center .menu-item a {
display: flex;
position: relative;
text-decoration: none;
color: rgba(255, 255, 255, 0.6);
overflow: visible;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
font-weight: 500;
z-index: 2;
text-transform: uppercase;
transition: all 100ms linear;
}
.nav-center .sub-menu .nav a {
font-size: 15px;
font-weight: 500;
font-family: 'Barlow Condensed', sans-serif;
letter-spacing: 0.5px;
padding: 2px 2px;
transition: all 0.3s ease-out;
}
.nav-center .menu-item a:hover {
color: #fff;
}
.nav-center .menu-item a.active-nav a {
color: #fff;
}
.nav-center .menu-item a.active-nav a:after {
height: 4px;
opacity: 1;
left: 0;
width: 100%;
}
.nav-center.nav .sub-menu {
position: absolute;
overflow-y: hidden;
max-height: 500px;
left: 0;
padding-right: 10px;
margin-top: 0px;
text-align: left;
}
.nav-center li.menu-item-has-children.active > .sub-menu {
overflow-y: scroll;
}
.nav-center .sub-menu.menu-item a {
display: flex;
align-items: flex-start;
text-align: left;
}
.nav-center.nav .sub-menu a {
position: relative;
text-wrap: nowrap;
font-size: 14px;
font-weight: 500;
padding: 8px 8px;
margin: 0;
}
.nav-center .sub-menu {
top: 50px;
background-color: #070707;
padding: 10px;
}
.nav-center.nav .sub-menu a:before {
content: "";
margin-right: 0px;
}
li.menu-item-has-children {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
position: relative; text-align: left;
}
.menu-item-wrapper {
display: flex;
align-items: center;  }
.submenu-toggle {
margin-left: 0px; cursor: pointer;
font-size: 21px;
}
.nav-center .submenu-toggle {
margin-left: 0px; cursor: pointer;
font-size: 14px;
}
.submenu-toggle:hover {
color: #f90;
} .sub-menu {
display: none;
border-radius: 7px;
text-align: left;
align-items: flex-start;
}
li.menu-item-has-children.active > .sub-menu {
display: flex;
text-align: left;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
gap: 0;
}  .nav,
.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.nav a {
display: flex;
align-items: center;
color: #E9F3E3;
text-decoration: none;
padding: 12px 20px;
transition: all 0.3s ease-out;
outline: none;
font-family: 'Barlow Condensed', sans-serif;
text-transform: uppercase;
}
.nav .current_page_item a{
color: #E47301;
}
.nav a:hover {
background-color: rgba(88, 88, 88, 0.28);
border-radius: 8px;
}
.nav .sub-menu {
display: none;
padding-left: 10px;
}
.nav .sub-menu a {
font-size: 18px;
font-weight: 500;
padding: 6px 12px;
}
.nav .sub-menu a:before {
display: block;
content: "―";
margin-right: 8px;
}  body.nav-active .nav__content {
visibility: visible;
}
body.nav-active .menu-icon__line {
background-color: #E9F3E3;
transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
width: 15px;
transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 15px;
float: right;
transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left {
width: 15px;
}
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 15px;
}
body.nav-active .nav {
visibility: visible;
}
body.nav-active .nav:after {
transform: translateX(0%) translateY(0%);
border-radius: 0;
transition-delay: 0s;
}
body.nav-active .menu-item {
opacity: 1;
transform: translateX(0%);
transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}
body.nav-active .menu-item:nth-child(0) {
transition-delay: 0.7s;
}
body.nav-active .menu-item:nth-child(1) {
transition-delay: 0.4s;
}
body.nav-active .menu-item:nth-child(2) {
transition-delay: 0.5s;
}
body.nav-active .menu-item:nth-child(3) {
transition-delay: 0.6s;
}
body.nav-active .menu-item:nth-child(4) {
transition-delay: 0.7s;
}
body.nav-active .menu-item:nth-child(5) {
transition-delay: 0.8s;
}
body.nav-active .menu-item:nth-child(6) {
transition-delay: 0.9s;
}
body.nav-active .menu-item:nth-child(7) {
transition-delay: 1.4s;
}
body.nav-active .menu-item:nth-child(8) {
transition-delay: 1.5s;
}
body.nav-active .menu-item:nth-child(9) {
transition-delay: 1.6s;
}
body.nav-active .menu-item a:nth-child(10) {
transition-delay: 1.7s;
}
@media all and (max-width: 800px){
.header__logo {
width: 100px;
}
.header__menu span.menu-icon {
display: none;
}
.menu-icon {
height: 28px;
width: 28px;
}
.menu-icon__line {
height: 2px;
width: 28px;
margin-bottom: 7px;
}
.menu-icon__line-left {
width: 14px;
margin-top: 5px;
}
.menu-icon__line-right {
width: 14px;
}
.menu-icon:hover .menu-icon__line-left {
width: 28px;
}
.menu-icon:hover .menu-icon__line-right {
width: 28px;
}
body.nav-active .menu-icon__line-left {
width: 14px;
transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
width: 14px;
transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left {
width: 14px;
}
body.nav-active .menu-icon:hover .menu-icon__line-right {
width: 14px;
}
.menu-item {
font-size: 21px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 2px;
}
.menu-item a {
padding-left: 5px;
padding-right: 5px;
font-weight: 700;
}
.nav .sub-menu a {
font-size: 14px;
font-weight: 500;
padding: 6px 12px;
}
}   .footer-cta {
display: flex;
justify-content: center;
align-items: center;
}
.cta-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 140px;
background-color: #1a1a1a;
background-image: linear-gradient(to right, #D13F00, #FBB500);
border: none;
color: #fff;
font-family: 'Barlow Condensed',sans-serif;
letter-spacing: 1px;
font-size: 30px;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
transition: linear .2s;
}
.cta-btn:hover {
background-image: linear-gradient(to right, #FBB500,#D13F00);
color: #fff;
}
.cta-btn:visited,.cta-btn:focus,.cta-btn:active  {
color: #fff;
}
.footer-container{
display: flex;
width: 100%;
max-width: 1120px;
margin: 40px auto;
justify-content: center;
align-items: flex-start;
}
.footer-col{
display: flex;
flex-direction: column;
flex: 1 1 25%;
padding: 5px;
font-family: 'Barlow Condensed', sans-serif;
}
.footer-title{
color: #7D7D7D;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footer-text p{
max-width: 180px;
color: #E9F3E3;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 1px;
margin-bottom: 14px;
}
.footer-text a{
color: #E9F3E3;
}
.footer-btn {
font-size: 13px;
color: #999;
border: 1px solid #999;
border-radius: 4px;
padding: 4px 8px;
text-transform: uppercase;
}
.footer-btn:hover {
color: #1d1d1d;
border: 1px solid #999;
background-color: #999;
}
.under-footer{
width: 100%;
max-width: 1200px;
display: flex;
align-items: center;
margin: 0 auto;
padding: 24px 0;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
justify-content: space-between;
font-family: 'Barlow Condensed', sans-serif;
color: #E9F3E3;
text-transform: uppercase;
font-size: 14px;
}
.under-footer-left{
display: flex;
justify-content: flex-start;
}
.under-footer-left p{
margin: 0;
letter-spacing: 1px;
}
.under-footer-left a{
color: #fff;
font-weight: 600;
}
.under-footer-right{
display: flex;
justify-content: flex-end;
}
.under-footer-right a{
color: #fff;
}
.under-footer-right p{
margin: 0;
}
.under-footer-left ul{
display: flex;
justify-content: flex-end;
gap: 20px;
margin: 0;
}
.under-footer-left ul li a{
color: #E9F3E3;
}
.under-footer-left ul li a:hover{
color: #fff;
}
.site-info {
display: flex;
width: 100%;
max-width: 1200px;
margin: 10px auto;
justify-content: center;
align-items: center;
}
.site-info p{
color: #999;
}
.site-info a{
color: #fff;
}
@media all and (max-width: 1200px){
.footer-container{
max-width: 1024px;
}
.under-footer{
max-width: 1024px;
}
.site-info {
max-width: 1024px;
}
}
@media all and (max-width: 1024px){
.footer-container{
max-width: 980px;
}
.under-footer{
max-width: 980px;
}
.site-info {
max-width: 980px;
}
}
@media all and (max-width: 800px){
.footer-container{
display: flex;
flex-direction: column;
margin: 40px auto;
padding: 20px;
justify-content: center;
align-items: flex-start;
}
.footer-col{
display: flex;
flex-direction: column;
flex: 1 1 100%;
padding: 5px 0 20px;
}
.footer-text p{
max-width: 180px;
color: #E9F3E3;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
line-height: 26px;
letter-spacing: 1px;
margin-bottom: 14px;
}
.under-footer{
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
padding: 24px 0;
justify-content: space-between;
}
.under-footer-left{
display: flex;
justify-content: flex-start;
}
.under-footer-left p{
margin: 0;
letter-spacing: 1px;
}
.under-footer-right{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.under-footer-left ul{
flex-direction: column;
justify-content: center;
gap: 8px;
margin: 0;
margin-bottom: 0px;
text-align: center;
margin-bottom: 20px;
}
}  .cd-popup {
position: fixed;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
z-index: 999999;
}
.cd-popup.is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
width: 80%;
max-width: 460px;
padding: 20px 30px 80px;
font-family: "Barlow Condensed", sans-serif;
text-transform: uppercase;
background: #151515;
background-image: url(https://lovemachinenyc.com/wp-content/uploads/2021/10/bg-pattern-white.png);
background-repeat: repeat;
color: #fff;
border-radius: 0.25em 0.25em 0.4em 0.4em;
text-align: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
transform: translateY(-40px); -webkit-backface-visibility: hidden;
transition-property: transform;
transition-duration: 0.3s;
}
.cd-popup-container p {
font-size: 32px;
font-weight: 600;
}
.cd-popup-container .cd-buttons:after {
content: "";
display: table;
clear: both;
}
.cd-popup-container ul {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 30px;
list-style: none;
padding: 0;
}
.cd-popup-container .cd-buttons li {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
list-style: none;
font-size: 16px;
letter-spacing: 0.3px;
font-weight: 500;
}
.cd-popup-container .cd-buttons a {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
text-transform: uppercase;
color: #E9F3E3;
background-color: transparent;
background-image: linear-gradient(130deg, #D13F00 0%, #FBB500 100%);
box-shadow: 0px 0px 20px 0px rgba(255, 130, 0, 0.5);
padding: 18px 24px;
border-radius: 7px;
transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons .blue a {
color: #121212;
background-image: linear-gradient(130deg, #49BDEF 40%, #FFF 100%);
box-shadow: 0px 0px 20px 0px rgba(0, 187, 255, 0.5);
}
.cd-popup-container .cd-buttons .red a {
background-image: linear-gradient(130deg, #6B28F1 0%, #F40000 100%);
box-shadow: 0px 0px 20px 0px rgba(149, 0, 255, 0.5);
}
.cd-popup-container .cd-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 40px;
height: 40px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
content: "";
position: absolute;
top: 12px;
width: 24px;
height: 2px;
background-color: #E9F3E3;
}
.cd-popup-container .cd-popup-close::before {
transform: rotate(45deg);
left: 16px;
}
.cd-popup-container .cd-popup-close::after {
transform: rotate(-45deg);
right: 0px;
}
.is-visible .cd-popup-container {
transform: translateY(0);
}  @media all and (max-width: 800px){
.woocommerce .products ul, .woocommerce ul.products {
padding: 15px;
}
.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
width: 100%;
margin: 0 0 2.992em;
}} .zoomImg{
cursor: zoom-in;
}
.woocommerce-result-count, .woocommerce-ordering{
display: none;
}
.sku_wrapper, .posted_in{
display: none;
}  .products-container{
display: flex;
justify-content: flex-start;
width: 100%;
max-width: 1140px;
}
.products-grid{
display: flex;
gap: 40px;
}
.woocommerce ul.products li.product .button{
display: none;
}
.woocommerce ul.products button .product_type_variable, .woocommerce ul.products button .add_to_cart_button{
display: none;
}
.products-grid .add_to_cart_button, .products-grid .product_type_variable {
display: none;
}
.woocommerce-loop-product__title{
color: #E9F3E3;
font-size: 24px!important;
line-height: 28px!important;
font-family: 'Bralow Condensed',sans-serif;
font-weight: 500;
}
.price{
color: #E9F3E3!important;
font-size: 18px!important;
}
.woocommerce ul.products li.product a img {
border-radius: 7px;
}
.custom-shop-container{
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 0 auto;
margin-bottom: 120px;
width: 100%;
min-height: 800px;
padding: 100px 30px;
background-color: #121212;
background-image: url();
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
overflow: hidden;
}
.custom-shop-container video{
position: absolute;
top: 0;
left: 0;
width: 100vw;
height:100%;
object-fit: cover;
background-repeat: no-repeat;
background-size: cover;
}
.custom-shop-container::before{
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.shop-slider-content{
position: absolute;
width: 100%;
max-width: 1140px;
margin: 0 auto;
z-index: 3;
}
.shop-text-block{
width: 100%;
max-width: 700px;
}
.shop-text-block p{
font-family: 'Barlow', sans-serif;
font-size: 21px !important;
line-height: 28px;
color: #E9F3E3;
position: absolute;
right: 180px;
top: 80px;
width: 200px;
}
.shop-text-block span{
text-decoration: none;
font-family: 'Barlow', sans-serif;
font-size: 110px!important;
line-height: 100px;
font-weight: 800;
text-transform: uppercase;
}
.outlined-text {
color: transparent;
-webkit-text-stroke: 2px #E9F3E3;
}
.shop-text-block H2{
font-family: 'Barlow', sans-serif;
font-size: 110px!important;
line-height: 100px;
text-transform: uppercase;
color: #E9F3E3;
}
@media all and (max-width: 800px) {
.custom-shop-container{
margin-bottom: 120px;
min-height: 700px;
padding: 60px 30px;
}
.shop-slider-content{
max-width: 320px;
}
.shop-text-block{
max-width: 320px;
}
.shop-text-block p{
font-size: 16px !important;
line-height: 21px;
right: auto;
left: 0px;
top: 100%;
bottom: 0;
width: 200px;
}
.shop-text-block span{
font-size: 40px!important;
line-height: 44px;
}
.shop-text-block H2{
font-size: 40px!important;
line-height: 44px;
}
} .custom-single-product {
margin: 60px 0;
background-color: transparent;
color: #E9F3E3;
padding: 30px;
}
.custom-single-product .product-content {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
gap: 60px;
margin-bottom: 40px;
}
.product-gallery ol {
list-style: none;
display: flex;
flex-direction: column;
width: 100%;
max-width: 80px;
left: 0;
top: 0;
flex-wrap: wrap;
gap: 20px;
margin-top:0;
margin-left: -100px;
padding: 0;
cursor: pointer;
position: absolute;
}
.product-gallery ol li{
padding: 0;
}
.product-gallery ol li img{
opacity: 0.5;
transition: linear .2s;
}
.product-gallery ol li img.flex-active{
opacity: 1;
}
.woocommerce-product-gallery {
display: flex;
flex-direction: row-reverse;
flex: 0 0 60%;
}
.custom-single-product .container {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.product-gallery {
flex: 0 0 60%;
display: flex;
position: relative;
flex-direction: column; align-items: center;  }
.flex-viewport {
max-width: 580px;
height: 720px !important; }
.woocommerce-product-gallery__image {
max-width: 580px;
min-width: 580px!important;
}
.woocommerce-product-gallery__image a img {
width: 100%;
height: 720px;
object-fit: cover;
}
.pswp--open {
z-index: 9999;
}
@media all and (max-width: 800px){
.custom-single-product .product-content {
display: flex;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
gap: 60px;
margin-bottom: 40px;
}
.woocommerce-product-gallery {
display: flex;
flex-direction: column;
flex: 1;
}
.product-gallery ol {
list-style: none;
display: flex;
flex-direction: row!important;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
gap: 10px!important;
margin-top: 10px!important;
margin-left: 0px;
padding: 0;
cursor: pointer;
position: relative!important;
}
.flex-viewport {
max-width: 100%;
height: 400px !important; }
.woocommerce-product-gallery__image {
max-width: 100%!important;
min-width: 330px !important;
width: 100%;
}
.woocommerce-product-gallery__image a img {
width: 100%;
max-width: 330px;
height: 400px;
object-fit: cover;
}
.pswp__preloader {
display: none;
}
}
.woocommerce-product-gallery__trigger{
position: absolute;
right: 10px;
top: 10px;
z-index: 99;
width: 24px;
height: 24px;
}
form.variations_form {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.variations {
max-width: 280px;
margin: 0;
position: relative;
}
#pa_color, #pa_size{
cursor: pointer;
}
.reset_variations{
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: -90px;
top: calc(50% - 18px);
height: 34px;
color: #888;
border: 2px solid #666;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
border-radius: 5px;
transition: linear .1s;
}
.reset_variations:hover{
color: #E9F3E3;
border: 2px solid #E9F3E3;
}
.variations .label{
text-align: left;
}
.variations select {
width: 100%;
padding: 10px;
border-radius: 0!important;
border: none!important;
font-size: 16px;
background: transparent;
border-bottom: 2px solid #666!important;
color: #E9F3E3;
text-align: center;
}
.woocommerce-variation-add-to-cart {
display: flex;
gap: 30px;
}
.cart {
display: flex;
gap: 24px;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
}
.single_variation_wrap {
display: flex;
flex-direction: column;
}
.variations
.product-summary {
flex: 0 0 40%;
}
p.stock.in-stock {
color: #E9F3E3;
}
p.stock.out-of-stock {
color: #f35555;
}
.product-title {
font-size: 60px;
font-weight: 600;
font-family: 'Barlow Condensed',sans-serif;
color: #E9F3E3;
margin: 10px 0 10px;
line-height: 60px;
}
.product-price {
font-size: 1.5rem;
color: #E9F3E3;
margin-bottom: 0px;
}
.product-price p.price{
margin: 0;
}
.product-short-description {
font-size: 21px;
line-height: 32px;
font-family: 'Barlow',sans-serif;
font-weight: 300;
margin-bottom: 15px;
max-width: 480px;
color: #999;
}
.product_meta {
font-size: 16px;
font-weight: 300;
color: #666;
display: flex;
flex-direction: column;
}
.product_meta a {
color: #E9F3E3;
text-decoration: none;
}
.product_meta a:hover {
text-decoration: underline;
}
.product-tabs {
width: 100%;
margin-top: 30px;
padding: 20px;
background-color: rgba(0,0,0,0.3);
border-radius: 10px;
}
.product-tabs ul{
display: flex;
font-family: 'Barlow Condensed', sans-serif;
width: 100%;
}
.product-tabs ul li{
width: 100%;
}
.product-tabs ul li a{
display: flex;
width: 100%;
justify-content: center;
align-items: center;
font-size: 21px;
background: transparent;
border: none;
border-bottom: 2px solid #777;
padding: 18px 22px;
color: #E9F3E3;
transition: linear 0.2s;
}
.product-tabs ul li a{
color: #E9F3E3;
}
.product-tabs ul li:hover a{
background: transparent;
border-bottom: 2px solid #E9F3E3;
color: #E9F3E3;
}
.product-tabs ul li.active a{
background: #E9F3E3;
border-bottom: 2px solid #E9F3E3;
padding: 18px 22px;
}
.product-tabs ul li.active a {
color: #121212;
}
.related-products {
margin-top: 40px;
}
.woocommerce-breadcrumb {
font-size: 18px!important;
font-family: 'Barlow Condensed',sans-serif;
letter-spacing: 1px;
color: #666;
margin-bottom: 0;
margin: 0!important;
}
.woocommerce-breadcrumb a{
color: #E9F3E3!important;
}
.single_add_to_cart_button {
background-color: transparent!important;
color: #E9F3E3!important;
border: 2px solid #E9F3E3!important;
padding: 14px 24px!important;
font-size: 16px!important;
cursor: pointer;
transition: background 0.3s ease;
border-radius: 5px;
}
.single_add_to_cart_button:hover {
background-color: #E9F3E3!important;
color: #373738!important;
}
.quantity .input-text {
background-color: transparent!important;
color: #E9F3E3!important;
padding: 10px 4px;
}
.quantity input[type="number"] {
border: 2px solid #999!important;
}
.wc-block-components-textarea, .wc-block-components-form .wc-block-components-text-input input[type="email"],.wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="tel"],.wc-block-components-text-input input[type="tel"]{
background-color: #292929!important;
color: #E9F3E3!important;
}
.wc-block-components-notice-banner.is-info {
background-color: #121212!important;
border-color: #de5a1d!important;
}
.wc-block-checkout__shipping-option .wc-block-components-shipping-rates-control__no-shipping-address-message{
background-color: #121212!important;
color: #a4a4a4!important;
}
.wc-block-components-notice-banner__content{
color:#E9F3E3!important;
} .quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none!important;
margin: 0!important;
} .quantity input[type="number"] {
-moz-appearance: textfield!important;
}
input[type="number"] {
-moz-appearance: textfield; appearance: none; padding: 10px 20px 10px 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box;
position: relative;
} input[type="number"] {
padding-right: 50px;
}
button.quantity-plus, button.quantity-minus{
cursor: pointer;
padding: 8px 10px 9px 10px;
height: 50px;
color: #E9F3E3;
background-color: rgba(255,255,255,0.1);
border: none!important;
}
button.quantity-plus:hover, button.quantity-minus:hover{
background-color: #E9F3E3;
}
.header-cart {
position: relative;
display: inline-block;
padding-top: 5px;
margin-right: 10px;
}
.header-cart .cart-link {
font-size: 20px;
color: #333;
text-decoration: none;
}
.header-cart .cart-count {
background: rgb(255, 132, 0);
color: white;
font-size: 12px;
border-radius: 50%;
padding: 3px 8px;
position: absolute;
top: -7px;
right: -14px;
width: 21px;
height: 21px;
display: flex;
justify-content: center;
align-items: center;
}
.woocommerce-message, .woocommerce-info {
transition: opacity 0.5s ease-in-out;
}
@media all and (max-width:800px) {
.custom-single-product {
margin-top: 40px;
background-color: transparent;
color: #f5f5f5;
padding: 10px;
}
.custom-single-product .product-content {
display: flex;
flex-direction: column;
width: 100%;
justify-content: flex-start;
gap: 40px;
}
.product-gallery ol {
list-style: none;
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 20px;
margin-top:10px;
padding: 0;
cursor: pointer;
}
.product-gallery ol li{
width: 100%;
max-width: 80px;
}
.custom-single-product .container {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.product-gallery {
flex: 1;
position: relative;
max-width: 500px;
}
.woocommerce-product-gallery__trigger{
position: absolute;
right: 10px;
top: 10px;
z-index: 99;
width: 24px;
height: 24px;
}
form.cart {
display: flex;
gap: 24px;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 30px;
margin-left: 0;
}
.reset_variations {
right: -80px;
top: calc(50% - 12px);
}
.variations {
max-width: 240px;
}
.product-summary {
flex: 0 0 40%;
max-width: 500px;
}
p.stock.in-stock {
color: #888;
}
p.stock.out-of-stock {
color: #511818;
}
.product-title {
font-size: 36px;
line-height: 40px;
font-weight: 500;
margin: 10px 0 10px;
}
.product-tabs ul{
flex-wrap: wrap;
}
}
.quantity {
display: flex;
align-items: center;
max-width: 120px;
gap: 8px;
}
.variations select {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 16px;
}
.related-products {
margin-top: 40px;
width: 100%;
} .woocommerce-message, .woocommerce-error {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
background-color: rgba(255,255,255,0.1);
color: #d0d0d0;
border-top: 3px solid #dd6200;
}
.woocommerce-message{
padding-top: 21px;
}
.woocommerce-message .button.wc-forward,.woocommerce-error .button.wc-forward{
background-color: #dd6200;
color:#E9F3E3;
font-weight: 400;
font-family: 'Barlow Condensed',sans-serif;
text-transform: uppercase;
margin-top: -4px;
}
.woocommerce-message li, .woocommerce-message::before, .woocommerce-error li, .woocommerce-error::before {
padding-top: 6px;
}
@media all and (max-width: 800px){
.woocommerce-message .button.wc-forward,.woocommerce-error .button.wc-forward{
margin-top: 24px;
}
}
.navigation.post-navigation {
padding: 14px 10px;
border-top: 2px solid #777;
border-bottom: 2px solid #777;
color: #999;
}
.navigation.post-navigation a .nav-subtitle{
color: #999;
}
.navigation.post-navigation a .nav-title{
color: #E9F3E3;
}
.woocommerce-loop-product__title {
font-family: 'Barlow Condensed',sans-serif;
}  .woocommerce-product-gallery__trigger span {
display: none;
}
.woocommerce-product-gallery__trigger {
position: absolute;
right: 30px;
top: 13px;
}
a.woocommerce-product-gallery__trigger::after {
content:'';
position: absolute;
right: 2px;
top: 2px;
outline: none;
background: url(//store.lovemachinenyc.com/wp-content/themes/lovemachine-theme/css/images/zoom.svg) no-repeat center center;
width: 20px;
height: 20px;
display: inline-block;
z-index: 99;
transition: linear .2s;
}
a.woocommerce-product-gallery__trigger:hover::after {
width: 24px; height: 24px;
}
a.woocommerce-product-gallery__trigger{
outline: none!important;
}  .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large{
display: flex;
flex: 1 1 auto;
flex-direction: row;
gap: 30px;
}
.is-large.wc-block-cart .wc-block-cart-items td {
border-top: 2px solid #222!important;
}
tr.wc-block-cart-items__header, .wc-block-cart-items__header-product{ }
.wc-block-cart-items__row{ } .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
background-color: #292929;
border-radius: 5px;
display: flex;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
box-sizing: border-box;
margin: 0;
padding-right: 0!important;
}
.wc-block-components-product-metadata{
display: none;
}
.wc-block-cart-item__quantity{
display: flex;
justify-content: flex-start;
align-items: baseline;
gap: 20px;
}
@media all and (max-width: 800px){
.wc-block-cart-item__quantity{
flex-direction: column;
gap: 0px;
}
}
.wc-block-components-product-name{
color: #E9F3E3;
transition: linear .2s;
}
.wc-block-components-product-name:hover{
color: #E47301;
}
.wc-block-cart-item__remove-link:hover{
color: #E47301!important;
}
.wc-block-cart-item__image img{
border-radius: 5px!important;
} .wc-blocks-components-select .wc-blocks-components-select__container {
background: #292929!important;
}
.wc-blocks-components-select .wc-blocks-components-select__label {
color: #888!important;
}
.wc-blocks-components-select .wc-blocks-components-select__select {
border: 1px solid rgba(255,255,255,.3);
color: #E9F3E3!important;
}
.wc-blocks-components-select .wc-blocks-components-select__expand {
fill: #E9F3E3!important;
cursor: pointer;
}
.wc-block-components-text-input input[type="text"]{
background: #292929!important;
border: 1px solid hsla(0,0%,7%,.8);
color: #E9F3E3!important;
}
.wc-block-components-text-input input{
color: #888!important;
}
.wc-block-components-text-input label{
color: #888!important;
}
button {
padding: 0.2em 1em 0.4em;
} .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block{
display: flex;
flex: 1;
flex-direction: column;
background-color: #444;
border-radius: 7px;
padding: 15px;
height: 100%;
} .wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block{
}
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a{
background-color: #292929;
color: #E9F3E3;
border-radius: 5px;
}
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a:hover{
background-color: #292929;
color: #E9F3E3;
}  .woocommerce-cart-form table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.woocommerce-cart-form th,
.woocommerce-cart-form td {
padding: 15px;
text-align: left;
}
.woocommerce table.shop_table td {
border-top: 1px solid rgb(0, 0, 0, 0.1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em;
}
.is-mobile.wc-block-components-sidebar-layout{
padding: 10px;
}
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row{
padding: 16px 20px!important;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar {
padding: 3px 20px 20px 20px !important;
background-color: #444;
border-radius: 7px;
}
.wc-block-components-checkout-order-summary__title{
padding: 20px 15px;
}
.wp-block-woocommerce-checkout-order-summary-block{
background-color: #444;
}
.woocommerce-order-details{
background-color: #444;
border-radius: 7px;
}
h2.woocommerce-order-details__title{
padding-top: 20px;
padding-left: 15px;
}
.wc-block-grid__product .wc-block-grid__product-link {
outline: none;
transition: linear .1s;
}
.wc-block-grid__product .wc-block-grid__product-link:hover {
color: #E47301;
}
.wc-block-grid__product-title{
color: #E9F3E3;
}
.wc-block-grid__product-title:hover{
color: #E47301;
}
.wp-block-button__link {
color: #E9F3E3;
background-color: transparent;
border-radius: 9999px;
border: 2px solid #E9F3E3;
transition: linear .1s;
}
.wp-block-button__link:hover {
color: #292929;
background-color: #E9F3E3;
}
.wc-block-grid__product-title{
font-size: 18px!important;
line-height: 1.5!important;
}
.wc-block-grid__products .wc-block-grid__product-image img {
border-radius: 12px;
}
@media all and (max-width: 800px){
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-step__heading {
padding-bottom: 20px!important;
padding-left: 15px!important
}
.woocommerce ul.order_details li{
margin-bottom: 20px;
}
}
.wc-block-components-notice-banner.is-error {
background-color: transparent !important;
}