/** Shopify CDN: Minification failed
Line 6908:47 Expected "}" to go with "{"
**/
/*----- Base CSS Start -----*/
:root {
--reamazeBottom: 20px;
--RiseBottomAddToCart: -105px;
--metaFontSize:.8rem;
--body-scroll-y: 0px;
--RiseFormInputFS: 16px;
--RiseFormInputFW: 300;
--RiseFormInputBG: #2e2e2e;
--RiseFormInputColor: #b5b5b5;
--RiseErrorColor : #f40000;
--RiseCartItemsWrapperDesk: 0px;
--RiseCartItemsWrapperMob: 0px;
}/*
@media not all and (min-resolution:.001dpcm) {
.ios-overflow {
margin:0;
padding:0;
height:100vh;
}
}*/
.fullscreen-image {
display: block;
width: 100%;
}
/* Animated success checkmark css start */
svg.checkmark.active {
width: 22px;
display: inline-block;
vertical-align: middle;
}
svg.checkmark.active .path {
stroke-dasharray: 1000;
stroke-dashoffset: 0;
}
svg.checkmark.active .path.circle {
-webkit-animation: dash 1.5s ease-in-out;
animation: dash 1.5s ease-in-out;
}
svg.checkmark.active .path.line {
stroke-dashoffset: 1000;
-webkit-animation: dash 1.5s 0.95s ease-in-out forwards;
animation: dash 1.5s 0.95s ease-in-out forwards;
}
svg.checkmark.active .path.check {
stroke-dashoffset: -100;
-webkit-animation: dash-check 1.5s 0.95s ease-in-out forwards;
animation: dash-check 1.5s 0.95s ease-in-out forwards;
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 1000;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes dash {
0% {
stroke-dashoffset: 1000;
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes dash-check {
0% {
stroke-dashoffset: -100;
}
100% {
stroke-dashoffset: 900;
}
}
@keyframes dash-check {
0% {
stroke-dashoffset: -100;
}
100% {
stroke-dashoffset: 900;
}
}
/* Animated success checkmark css end */
.scrollbar-inner > .scroll-element.scroll-y {
width: 6px;
}
.scrollbar-inner > .scroll-element .scroll-element_track {
background-color: transparent;
}
.scrollbar-inner > .scroll-element .scroll-bar {
background-color: #e7e8ea;
opacity: 1;
}
body.is-active {
overflow: hidden;
}
a {
text-underline-offset: 2px;
}
.d-block {
display: block;
}
.d-inline-block {
display: inline-block;
}
.margin-auto {
margin: auto;
}
.pointer-auto {
pointer-events: auto !important;
}
body.is-active header.mobile_nav-fixed--false {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 46, 56, .7);;
}
#reamaze-widget {
z-index: 9 !important;
}
body.product.has-rise-cart-fixed #reamaze-widget,
body.product #reamaze-widget.floating-icon {
bottom: var(--reamazeBottom) !important;
}
afterpay-placement {
clear: both;
}
.afterpay-paragraph {
display: block !important;
font-size: 12px;
clear: both;
margin-bottom: 10px !important;
}
afterpay-paragraph .afterpay-logo {
width: 80px;
}
.afterpay-paragraph .afterpay-instalments {
font-weight: 300;
}
.section-title-prefix {
color: #f40000;
}
.rise-hr {
border: .5px solid #e7e8ea;
margin: 12px 0;
}
.product-wrap {
overflow: hidden;
}
.product_image .image-element__wrap {
position: relative;
}
.w-full {
width: 100%;
}
.mt-10 {
margin-top: 10px;
}
.select {
display: none;
}
.section:not(.is-width-wide) {
width: 100%;
max-width: 100%;
padding: 0 4rem;
}
.section.collections,
body.product .shopify-section--recommended-products .section,
.shopify-section--featured-collection .section,
.js-recently-viewed .section {
padding: 0 0.5rem;
max-width: 2000px !important;
width: 100%;
margin: 0 auto !important;
}
body.product .js-recently-viewed .section,
body.product .shopify-section--recommended-products .section {
margin : 0 auto;
}
.section.mini-container {
max-width: 1200px;
width: 95%;
padding: 0;
}
.darken-bg {
background: rgba(0, 0, 0, .2);
}
header.search-enabled--true .dropdown_container {
width: calc(100% + 85px);
}
.dropdown_container .dropdown.menu ul:not(.dropdown_title) a {
font-weight: 300;
}
header#header .dropdown_container .dropdown {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.dropdown_container:after {
content: "";
display: block;
position: fixed;
opacity: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
background: rgba(43, 46, 56, .7);
z-index: -1;
transition: opacity .25s ease-in-out;
transition-delay: .1s;
}
footer .toggle_content a:hover,
footer ul:not(.social_icons) a:hover,
header .dropdown.menu ul a:hover {
color: #f40000;
}
.footer .section:not(.is-width-wide) {
max-width: 1200px;
width: 95%;
padding: 0;
}
.product_image:before,
.product_gallery:before,
.image-element__wrap:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .05;
overflow: hidden;
transition: opacity .3s ease-in;
background-color: rgba(0,0,0,.7);
pointer-events: none;
width: 100%;
height: 100%;
z-index: 9;
}
.homepage-slideshow .image-element__wrap:before {
display: none;
}
.price-ui--loading {
opacity: 1;
}
.icon {
display: inline-block;
vertical-align: middle;
}
.icon svg {
width: 22px;
}
.homepage-product-slider.even-num-slides,
.js-product-slider.even-num-slides {
padding-left: 0;
overflow: hidden;
}
.js-product-slider .slider-gallery,
.js-rv-slider .flickity-viewport,
.js-recommended-products-slider .flickity-viewport {
margin-right: 0;
}
.flickity-prev-next-button.next {
right: 10px;
}
.homepage-slideshow .flickity-prev-next-button.next {
right: 0;
}
.flickity-prev-next-button.next:before {
content: "";
position: absolute;
right: -10px;
background-color: #fff;
height: 100%;
width: 10px;
top: 0;
}
button.flickity-button.flickity-prev-next-button {
display: flex;
justify-content: center;
background-color: transparent;
opacity: 1;
}
.flickity-prev-next-button svg {
width: 32px;
height: 32px;
border-radius: 100%;
background-color: #b1b4bac7;
left: unset;
}
button.flickity-button.flickity-prev-next-button:hover {
background-color: rgba(255,255,255,.75);
opacity: 1 !important;
}
button.flickity-button.flickity-prev-next-button:hover svg {
background-color: #2b2E38C2;
}
.flickity-page-dots {
display: none;
}
button,
input[type=button],
input[type=submit] {
border-radius: 8px;
}
.slider-gallery .gallery-cell .product-details {
flex-direction: column;
}
.slider-gallery .gallery-cell .product-details .title {
margin-bottom: 5px;
}
.featured-promotions.full-width--false {
padding: 0;
}
.add_to_cart:not(.disabled) .text:before {
content: "";
top: 1px;
right: 9px;
position: relative;
background-image: url(plus-icon.svg);
background-size: contain;
background-position: center center;
width: 16px;
height: 16px;
display: inline-block;
background-repeat: no-repeat;
}
.global-button.add_to_cart,
.global-button.sold-out {
padding: 18px 5px !important;
opacity: 1 !important;
}
.global-button.sold-out {
width: 100%;
position: relative;
padding: 15px 5px !important;
}
.global-button.sold-out .icon {
width: 20px;
line-height: 0;
margin-right: 10px;
}
[data-cart-form="mini-cart"] .global-button.add_to_cart {
padding: 12px 5px !important;
}
/* FancyBox Close Button */
/* Kalpesh Fancybox Added css from refence site */
.fancybox-container {
height: 100vh !Important;
position: fixed !Important;
top: 0 !Important;
width: 100vw !Important;
z-index: 999999 !Important;
}
/* Kalpesh Fancybox Added css from refence site */
.fancybox-content .fancybox-button[data-fancybox-close]:not(.remove-icon),
.fancybox-button[data-fancybox-close]:before {
display: none;
}
.fancybox-close-small,
.account-form .address_table .customer_address .top_address_action a.close {
display: inline-block;
border-radius: 8px;
height: 30px;
width: 30px;
position: relative;
min-width: 30px;
opacity: 1;
background-color: #e7e8ea;
box-shadow: none;
padding: 0 !important;
}
.account-form .address_table .customer_address .top_address_action a.close {
display: flex;
align-items: center;
justify-content: center;
float: right;
}
.fancybox-close-small > span.icon,
.account-form .address_table .customer_address .top_address_action a.close span.icon {
display: flex;
align-items: center;
transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
}
.fancybox-close-small:hover > span.icon,
.account-form .address_table .customer_address .top_address_action a.close:hover > span.icon {
transform: rotate(90deg);
}
.fancybox-close-small svg,
.account-form .address_table .customer_address .top_address_action a.close span.icon svg {
display: block;
width: 12px;
margin: 0 auto;
pointer-events: none;
}
.fancybox-close-small svg path,
.account-form .address_table .customer_address .top_address_action a.close span.icon svg path {
fill: #828b96;
}
/* FancyBox Close Button */
/*----- Base CSS End -----*/
/*----- Top Bar CSS Start -----*/
#header__selector-form .disclosure-list__item:not(:last-child) {
border-bottom: 0.5px solid #7c818759;
}
.disclosure--country [data-disclosure-list] {
max-height: 230px;
max-width: 150px;
min-width: 150px;
overflow-y: auto;
overflow-x: hidden;
}
.disclosure--country .disclosure__list-wrap {
overflow: hidden;
}
.disclosure--country .disclosure__list-wrap input[name="search"] {
background-color: black;
border: 0.5px solid #7c818759;
border-radius: 0;
min-height: 20px;
height: 35px;
margin: 0;
color: #fff;
}
.disclosure--country .disclosure-list__item > ul li:first-child {
border-top: 0.5px solid #7c818759;
}
.disclosure--country .disclosure-list__item ul {
margin: 0;
padding: 0;
}
.disclosure--country .disclosure-list__item button.disclosure__button {
padding: 5px 20px 5px 8px;
text-transform: unset;
white-space: initial;
}
.disclosure--country .disclosure-list__item > ul li button.disclosure__button {
padding: 5px 20px 5px 8px;
color: #fff;
}
.disclosure--currency .icon.icon--arrow-down,
.disclosure--country .icon.icon--arrow-down {
margin-left: 8px;
}
.disclosure--currency .icon.icon--arrow-down svg,
.disclosure--country .icon.icon--arrow-down svg {
width: 16px;
height: 16px;
}
.disclosure__toggle.is-clicked .icon.icon--arrow-down svg {
transform: rotate(180deg);
}
.icon.icon--avatar svg,
.icon.icon--help svg {
width: 22px;
margin-bottom: 4px;
vertical-align: middle;
display: inline-block;
}
.disclosure--country ul.disclosure-list::-webkit-scrollbar {
width: 12px; /* Total width including `border-width` of scrollbar thumb */
height: 0;
}
.disclosure--country ul.disclosure-list::-webkit-scrollbar-thumb {
height: 1em;
border: 3px solid rgba(0, 0, 0, 0); /* Transparent border together with `background-clip: padding-box` does the trick */
background-clip: padding-box;
-webkit-border-radius: 6px;
background-color: #7C8187;
-webkit-box-shadow: inset 0 0 0 1px #7C8187;
}
.disclosure--country ul.disclosure-list::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.disclosure--country ul.disclosure-list::-webkit-scrollbar-corner {
background-color: transparent;
}
#header__selector-form .disclosure__toggle {
padding: 0;
margin: 0px 3px;
}
/*----- Top Bar CSS End -----*/
/*----- Header CSS End -----*/
.end-timer-content{
padding: 0px 5px;
display: inline-block;
}
.top-bar li a:hover svg path {
fill: #bbb;
}
.main-nav__wrapper.sticky_nav {
display: none;
}
.icon.icon--rise-logo,
.header__logo svg {
width: 100%;
}
header .header .main-nav__wrapper .main-nav {
padding-top: 0;
padding-bottom: 0;
margin-right: 85px;
}
header .header .main-nav__wrapper .main-nav .dropdown {
transition: none;
animation: unset;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-box-shadow: 0 6px 10px -2px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 6px 10px -2px rgba(0,0,0,.15);
box-shadow: 0 6px 10px -2px #00000026;
}
.logo-position--center.search-enabled--true .nav--right {
width: calc(45% - 285px);
}
.main-nav .menu li {
line-height: 2.2em;
}
header.search-enabled--true .search__form input,
header.search-enabled--true .search__form input:focus {
border-radius: 0;
border: 0;
border-bottom: 1px solid #000;
padding: 0 0 0 35px;
}
.search-submit {
z-index: 1;
}
header .search-submit {
left: 3px;
right: unset;
}
.cart-container {
z-index: 9999;
}
/*
.cart-container.active_link:before {
content: "";
top: 110px;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(43, 46, 56, .7);
z-index: 9;
}
body.promo-banner--show .cart-container.active_link:before {
top: 140px;
}*/
.cart-container.active_link:before,
.cart-container.active_link:after {
content: "";
top: 70px;
bottom: 0;
left: 85px;
right: 0;
width: 100%;
height: 100vh;
position: absolute;
background-color: rgba(43, 46, 56, .7);
z-index: 9;
}
.cart-container.active_link:after {
left: 0;
width: 85px;
}
@media only screen and (max-width: 798px) {
.cart-container.active_link:after {
display: none;
}
}
.cart-container .mini_cart {
position: absolute;
right: -85px;
bottom: 0;
height: 100%;
border-radius: 0 0 0 8px;
width: 90px;
max-width: 90px;
align-items: center;
outline: 0;
}
.cart-container.active_link .mini_cart {
background-color: #f40000;
color: #fff !important;
outline: 0;
}
.cart-container.active_link .mini_cart span {
background-color: transparent;
color: #fff !important;
}
.cart-container .mini_cart span.icon.icon--shopping-bag {
width: 100%;
line-height: 0;
padding: 0;
}
.cart-container .mini_cart svg {
width: 40px;
}
.cart-container .mini_cart .cart_count {
position: absolute;
top: 12px;
left: 0;
right: 0;
bottom: 0;
text-align: center;
font-weight: 700;
color: #fff !important;
}
.cart_content {
top: 69px;
right: -85px;
}
button.disclosure__button {
padding: 13px 20px 13px 8px;
}
/*----- Header CSS End -----*/
/*----- Mobile Menu CSS Start -----*/
#mobile_menu {
margin: 0;
}
#mobile_menu li {
padding-left: 10px;
border-bottom: 1px solid #828b9659;
}
#mobile_menu li.sublink ul li:last-child,
#mobile_menu li.sublink ul li.sublink ul li:last-child {
border: 0;
}
#mobile_menu li a {
padding: 12px 0;
}
#mobile_menu li a span.icon {
padding: 0 15px;
float: right;
right: 14px;
}
#mobile_menu li a span.icon svg {
width: 12px;
height: 12px;
}
.mobile-menu-footer {
display: block;
margin-bottom: 20px;
}
.mobile-menu-footer .mobile-menu-actions{
padding: 20px 0 0 0;
}
.mobile-menu-footer .hash-tag {
display: block;
text-align: center;
text-transform: uppercase;
font-weight: normal;
padding: 20px 0 0 0;
}
.mobile-menu-footer .btn-join-rise {
background-color: #000;
border-color: #000;
padding: 10px 24px;
font-size: 14px;
margin-right: 5px;
}
.mobile-menu-footer .btn-join-rise,
.mobile-menu-footer .btn-join-rise:hover,
.mobile-menu-footer .btn-join-rise:focus {
background-color: #000;
border-color: #000;
padding: 10px 24px;
font-size: 14px;
margin-right: 5px;
}
.mobile-menu-footer .btn-sign-in {
padding: 10px 28px;
font-size: 14px;
margin-left: 5px;
}
.mobile-tools {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 10px;
border-bottom: 1px solid #828b9659;
}
.mobile-tools .mobile-dropdown {
position: relative;
background-color: #e7e8ea;
border: 1px solid #dce4e6;
border-radius: 5px;
padding: 2px 10px;
}
.mobile-tools .mobile-dropdown.layout-dark,
.mobile-tools .mobile-dropdown.layout-dark ul {
background-color: #000;
border-color: #000;
}
.mobile-tools .mobile-dropdown.layout-dark a > span,
.mobile-tools .mobile-dropdown.layout-dark ul button.disclosure__button {
color: #fff;
}
.mobile-tools .mobile-dropdown[data-disclosure-country] {
margin-right: 20px;
}
.mobile-tools .mobile-dropdown[data-disclosure-country] ul {
width: 150px;
}
.mobile-tools .mobile-dropdown[data-disclosure-country] .icon--location {
line-height: 0;
display: flex;
align-items: center;
margin-right: 5px;
}
.mobile-tools .mobile-dropdown[data-disclosure-country] .icon--location svg {
width: 22px;
}
.mobile-tools .mobile-dropdown[data-disclosure-country].open .icon.icon--location {
transform: unset;
}
.mobile-tools .mobile-dropdown a {
display: flex;
}
[data-disclosure-country] .disclosure__list-wrap,
.mobile-tools .mobile-dropdown.open[data-disclosure-country] ul {
display: none;
}
.mobile-tools .mobile-dropdown .currency-code,
.mobile-tools .mobile-dropdown .country-code {
font-size: 14px;
font-weight: normal;
color: #828b96;
margin-right: 16px;
}
.mobile-tools .mobile-dropdown svg {
width: 12px;
}
.mobile-tools .mobile-dropdown ul {
position: absolute;
display: none;
left: 0;
top: 33px;
margin: 0;
list-style-type: none;
padding: 0;
background-color: #e7e8ea;
border: 1px solid #dce4e6;
border-radius: 5px;
width: 100%;
max-height: 120px;
overflow: auto;
z-index: 9;
}
.mobile-tools .mobile-dropdown ul .disclosure-list__item {
margin: 0;
}
.mobile-tools .disclosure--store ul#store-list li a {
display: block;
text-align: center;
color: #000;
}
.mobile-tools .disclosure--store ul#store-list li a img,
.mobile-tools .disclosure--store ul#store-list li svg {
margin: 0;
}
.mobile-tools .mobile-dropdown ul button.disclosure__button {
color: #828b96;
width: 100%;
padding: 10px;
}
.mobile-tools .mobile-dropdown.open ul {
display: block;
}
.mobile-tools .mobile-dropdown.open .icon {
transform: rotate(180deg);
}
.mobile-tools .tools-left {
display: flex;
}
.mobile-tools .tools-right .icon svg {
margin-right: 8px;
}
.mobile-tools .tools-right .icon svg path {
fill: #828B96;
}
.mobile-tools .tools-right .help span {
color: #828B96;
text-transform: uppercase;
font-weight: normal;
}
.mobile-tools .tools-left .disclosure__toggle--store {
width: 66px;
margin: 0;
background-color: #e7e8ea;
border: 1px solid #dce4e6;
border-radius: 5px;
padding: 4px 8px;
margin-right: 20px;
}
.mobile-tools .tools-left .disclosure__toggle--store .disclosure-arrow {
position: unset;
opacity: 1;
}
.mobile-tools .tools-left .disclosure--store .disclosure-arrow svg {
width: 12px;
height: 12px;
}
.mobile-tools .tools-left .disclosure--store .disclosure__list-wrap {
width: calc(100% - 20px);
background-color: #e7e8ea;
border: 1px solid #dce4e6;
left: unset;
transform: unset;
margin-top: 2px;
border-radius: 5px;
}
.mobile-tools .tools-left .disclosure--store ul#store-list {
width: 100%;
}
.mobile-tools .tools-left .disclosure--store .disclosure__toggle--store.is-clicked+.disclosure__list-wrap ul#store-list li {
border: 0;
}
.mobile-tools .tools-left .disclosure--store .selected-store {
color: #000;
}
.mobile-tools .tools-left .disclosure--store .selected-store .icon--location {
margin-right: 6px;
}
.mobile-tools .tools-left .disclosure--store .selected-store .icon--location + span,
.mobile-tools .tools-left .disclosure--store .selected-store img + span,
.mobile-tools .tools-left .disclosure--store .disclosure__list-wrap ul#store-list li a span,
.mobile-tools .tools-left .disclosure--store .selected-store svg + span {
display: none;
}
.mobile-tools .tools-left .disclosure--store .selected-store .icon--location svg path {
fill: #828b96;
stroke: #828b96;
}
/*----- Mobile Menu CSS End -----*/
/*----- Footer CSS Start -----*/
.footer-header {
display: inline-block;
width: 100%;
margin-top: 24px;
}
.footer-header.mobile {
display: none;
}
img.footer-logo {
margin: 0;
}
.footer-header .logo-text {
font-size: 16px;
display: inline-block;
width: 100%;
color: #fff;
opacity: 0.35;
margin-bottom: 5px;
}
.footer-headline {
font-size: 14px;
text-transform: uppercase;
color: #fff;
margin: 0;
}
.toggle_content .footer-select-store {
display: inline-block;
}
/*----- Footer CSS End -----*/
/*----- 404 Page CSS Start -----*/
.error-404 .quote {
margin-bottom: 0;
}
/*----- 404 Page CSS End -----*/
/*----- Announcement Slider CSS End -----*/
.englober {
background-color: rgb(231 232 234);
overflow: hidden;
position: relative;
margin: auto;
width: 100%;
padding: 8px 0;
display: block;
}
.englober .left-arrow svg,
.englober .right-arrow svg {
width: 14px;
height: 14px;
vertical-align: middle;
}
/* Slideshow container */
.slideshow-container {
max-width: 500px;
position: relative;
margin: auto;
background-size: 100%;
}
.slideshow-container .announcement-slider:not(:first-child) {
display: none;
}
/* Next & previous buttons */
.englober .prev,
.englober .next {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-65%);
line-height: 1.2;
width: auto;
color: #828B96;
font-weight: bold;
font-size: 14px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.englober .prev:hover,
.englober .next:hover {
color: darkgrey;
}
/* Caption text */
.text_promo {
font-size: 12px;
color: black;
width: 100%;
text-align: center;
overflow-x: hidden;
}
.promo_link {
color: #000 !important;
letter-spacing: 1px;
font-weight: normal;
}
.promo_link:hover {
cursor: pointer;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 2s;
animation-name: fade;
animation-duration: 2s;
}
@-webkit-keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: .4
}
to {
opacity: 1
}
}
/*----- Announcement Slider CSS End -----*/
/*----- Home Slideshow CSS End -----*/
.homepage-slideshow {
margin-bottom: 30px;
}
.homepage-slideshow .flickity-page-dots .dot {
background: #bcc8d9;
opacity: 1!important;
margin: 0 6px;
border-radius: 10px;
width: 50px;
height: 6px;
}
.homepage-slideshow .flickity-page-dots .dot.is-selected {
background: #fff;
}
.caption-content.caption-background-true {
border-radius: 16px;
background-color: rgba(0,0,0,.6);
backdrop-filter: blur(12px);
}
/*----- Home Slideshow CSS End -----*/
/*----- Rise Package Section CSS Start -----*/
.shopify-section--rise-packages {
padding: 110px 0;
}
.shopify-section--rise-packages .section {
max-width: 1800px;
margin: 0 autos;
}
.shopify-section--rise-packages .packages {
display: flex;
margin: 0 10px;
}
.shopify-section--rise-packages .packages .package-content {
display: flex;
z-index: 5;
}
.shopify-section--rise-packages .packages .package-banner {
display: flex;
margin: -4rem 0;
}
.shopify-section--rise-packages .packages .package-banner img {
width: 100%;
border-radius: 10px;
height: 100%;
object-fit: cover;
}
.shopify-section--rise-packages .packages .package-content .package-content-main {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
width: 100%;
padding: 25px 0;
}
.shopify-section--rise-packages .packages .package-content .package-content-main .package-heading h3 {
font-size: 40px;
line-height: 60px;
font-weight: 600;
text-transform: uppercase;
color: #000;
}
.package-list .package-box {
background-color: #fff;
padding: 15px;
border-radius: 8px;
min-width: 275px;
margin-left: 30%;
height: 250px;
}
.mobile-package {
display: none;
}
.package-list .package-box h5 {
font-size: 20px;
color: #000;
margin-bottom: 8px;
}
.package-list .package-box ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.package-list .package-box ul li:last-child {
margin: 0;
}
.package-list .package-box ul li span.number {
width: 30px;
height: 30px;
background-color: #828B96;
display: inline-block;
text-align: center;
border-radius: 100%;
line-height: 30px;
margin-right: 10px;
font-size: 14px;
color: #fff;
font-weight: normal;
}
/*----- Rise Package Section CSS End -----*/
/*----- Featured Text Section CSS Start -----*/
.rich-text__text a {
padding: 16px 22px;
}
.rich-text__text a .icon {
line-height: 16px;
margin-left: 3px;
}
.rich-text__text a .icon {
line-height: 16px;
margin-left: 3px;
display: flex;
}
.rich-text__text a .icon svg {
width: 12px;
height: auto;
}
.rich-text__text a .icon svg path {
stroke: #fff;
}
/*----- Featured Text Section CSS End -----*/
/*----- Featured Promotions V2 CSS Start -----*/
.shopify-section--featured-promotions-v2 .featured-promotions .feature-section .feature-wrap {
top: unset;
bottom: 14px;
transform: unset;
left: 24px;
text-align: left;
width: auto;
}
.shopify-section--featured-promotions-v2 .featured-promotions .feature-section .feature-wrap h1.title {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.shopify-section--featured-promotions-v2 .featured-promotions .feature-section.title-overlay-true h1.title:after {
display: none;
}
.shopify-section--featured-promotions-v2 .featured-promotions .feature-overlay:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.shopify-section--featured-promotions-v2 .featured-promotions .feature-section .feature-details {
display: block;
opacity: 1;
}
/*----- Featured Promotions V2 CSS End -----*/
/*----- Product Card CSS Start -----*/
.product-details {
display: flex;
justify-content: space-between;
align-items: center;
}
/*body.collection .product-details,
body.search .product-details {
align-items: flex-start;
}*/
body.collection .product-details .price-ui,
body.search .product-details .price-ui{
white-space: nowrap;
margin-left: 5px;
}
body.collection .product-details .title,
body.search .product-details .title{
margin: 0;
text-align: left;
}
.thumbnail .price-ui-badges {
top: 3px;
left: 3px;
right: unset;
z-index: 9;
flex-direction: unset;
flex-wrap: wrap;
max-width: 150px;
align-items: center;
margin-top: 2px;
}
/*.thumbnail .price-ui-badges .price-ui-badge {
margin-top: 2px;
}*/
.price-ui-badge__sticker {
font-size: 10px;
font-weight: 400;
border-color: #ff0000;
border-radius: 4px;
padding: 0 10px;
}
.price-ui-badge__sticker--final-sale,
.price-ui-badge[data-price-ui-badge] .price-ui-badge__sticker {
border: 0 !important;
margin-left: 2px;
}
.price-ui-badge[data-price-ui-badge] .price-ui-badge__sticker.no-badge {
display: none;
}
.price-ui-badge__sticker--new,
.price-ui-badge__sticker--pre-order {
background: #ffffffe6;
color: #000;
border: 1px solid #00000014;
}
.price-ui-badge__sticker:not(.no-badge) {
border: 1px solid #00000014;
}
.price-ui-badges.price-ui-badges-discount {
top: unset;
left: 5px;
bottom: 5px;
}
.price-ui-badges.price-ui-badges-discount .price-ui-badge__sticker {
display: flex;
align-items: center;
}
.price-ui-badges.price-ui-badges-discount .price-ui-badge__sticker--percentage-off {
background: #ffffffe6;
border: 1px solid #00000014;
color: #000;
}
.price-ui-badges.price-ui-badges-discount .price-ui-badge__sticker .icon {
line-height: 0;
margin-right: 4px;
}
.price-ui-badges.price-ui-badges-discount .price-ui-badge__sticker .icon svg {
width: 15px;
}
.price-ui-badges.price-ui-badges-discount .price-ui-badge__sticker .icon svg path {
stroke: #000;
}
.product-wrap:hover .price-ui-badges.price-ui-badges-discount {
display: none;
}
/*----- Product Card CSS End -----*/
/*----- Product Swatch CSS Start -----*/
.swatch .option_title {
font-size: 14px;
line-height: 1;
font-weight: 400;
margin: 0 0 0.5em 0;
}
.swatch .swatch-element .crossed-out {
display: none !important;
}
.swatch .swatch-element {
border: 2px solid #c7c7c7;
border-radius: 8px;
/*overflow: hidden;*/
margin: 2.5px;
cursor: pointer;
outline: 0;
}
.swatch_options .swatch .swatch-element.soldout {
background: linear-gradient(to bottom right,transparent calc(50% - 1.5px),#0000002e,transparent calc(50% + 1.5px));
}
.swatch_options .swatch .swatch-element label {
font-size: 16px;
font-weight: 500;
padding: 0 10px;
min-width: 55px;
height: 38px;
line-height: 38px;
border-radius: 8px;
}
.swatch_options .swatch .swatch-element label .text {
font-size: 15px;
font-weight: 400;
color: inherit;
}
.swatch_options .swatch .swatch-element:hover {
border-color: #000;
}
.swatch_options .swatch .swatch-element:hover label {
color: #000;
}
.product__details--product-page .swatch_options .swatch label .checkmark {
display: none;
}
.product__details--product-page .swatch_options .swatch input:checked + .swatch-element.soldout {
background: linear-gradient(to bottom right,#000 calc(50% - 1.5px),#c7c7c780,#000 calc(50% + 1.5px));
}
/*----- Product Swatch CSS End -----*/
/*----- Product Quick Shop CSS Start -----*/
.js-quick-add .quick-add-label {
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-transform: uppercase;
}
.js-quick-add .swatch_options .option_title {
display: none;
}
.js-quick-add {
display: flex;
transition: all 0.2s ease 0s;
opacity: 0;
color: black;
flex-direction: column;
appearance: none;
position: absolute;
background: rgba(255, 255, 255, 0.70);
border-radius: 0.4rem;
padding: 0.5rem 1.3rem 0.5rem;
backdrop-filter: blur(0.6rem);
-webkit-backdrop-filter: blur(0.6rem);
z-index: 99;
bottom: .3rem;
right: .3rem;
left: .3rem;
}
.js-quick-add.sold-out {
opacity: 1;
}
.js-quick-add.product-simple:not(.sold-out) {
background-color: unset;
backdrop-filter: none;
-webkit-backdrop-filter: none;
padding: 0;
margin: 0 auto;
width: 97%;
}
.product-wrap:hover .js-quick-add {
opacity: 1;
}
.smart-payment-button--false .purchase-details {
padding: 0;
}
.smart-payment-button--false .purchase-details .purchase-details__buttons {
margin: 0;
}
.js-quick-add .product_form,
.smart-payment-button--false {
margin: 0;
line-height: 0;
}
.js-quick-add .swatch_options {
margin: .3rem 0 0 0;
}
.js-quick-add .swatch_options .swatch {
justify-content: center;
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element {
box-shadow: none !important;
/*margin: 2.5px;*/
outline: 0;
border-color: #000;
border-width: 1px;
border-radius: 4px;
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element label {
font-weight: 400;
height: 32px;
line-height: 30px;
/*font-size: 1.1rem; 3-3-2022 */
padding: 0 7px;
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element.soldout {
opacity: .5;
background: linear-gradient(to bottom right,transparent calc(50% - 1px),#000,transparent calc(50% + 1px));
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element:hover{
background-color: #000;
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element:hover label .text {
color: #fff;
}
.js-quick-add .quick-soldout {
padding: .2rem 0;
}
.js-quick-add .soldout-tag {
font-size: 1rem;
font-weight: 400;
line-height: 35px;
text-transform: uppercase;
}
.js-quick-add .quick-soldout .soldout-tag {
margin-right: 15px;
}
.js-quick-add .sold-out-get-notify {
font-size: 14px;
padding: 10px 18px;
max-height: 35px;
text-transform: capitalize;
color: #fff;
letter-spacing: .05rem;
outline: 0;
transition: none;
}
.js-quick-add .swatch .swatch-element.disabled {
background-color: #000;
}
.js-quick-add .swatch_options .swatch label .checkmark {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.js-quick-add .swatch_options .swatch label .checkmark path {
stroke-dasharray: 19.79 19.79;
stroke-dashoffset: 19.79;
stroke: #ffffff;
opacity: 0;
}
.js-quick-add .swatch_options .swatch label .checkmark.checkmark-active path {
animation: drawCheckmark 0.1s linear alternate forwards;
}
/*----- Product Quick Shop CSS End -----*/
/*----- Product Page CSS Start -----*/
.notify-flag {
display:none;
}
body.product .product__details.product__details--product-page .swatch .swatch-element {
border: 2px solid #c7c7c7;
border-radius: 8px;
margin-bottom: 2.5px;
}
body.product .product__details.product__details--product-page .swatch .swatch-element label {
height: 38px;
line-height: 38px;
padding: 0 10px;
font-size: 16px;
}
.banner.dark-overlay-true:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background: rgba(0, 0, 0, 0.2);
}
body.product .product__details.product__details--product-page .swatch .swatch-element:hover {
border-color: #000;
background-color: #fff;
}
body.product .product__details.product__details--product-page .swatch .swatch-element:hover label {
color: #000;
}
body.product .product__details.product__details--product-page .swatch input:checked + .swatch-element,
.popup_notify_form .swatch input:checked + .swatch-element {
background-color: #000;
border-color: #000;
opacity: 1;
}
body.product .product__details.product__details--product-page .swatch input:checked + .swatch-element label,
.popup_notify_form .swatch input:checked + .swatch-element label {
color: #fff;
}
.popup_notify_form .estimated-arrival {
display: inline-block;
color: #000;
margin: 7px 0;
}
.product-notify-ui-inline {
margin: 18px 0;
display: flex;
align-items: center;
}
.product-notify-ui-inline .ui-text {
margin-right: 15px;
color: #000;
}
.product-notify-ui-inline .notify-popup {
padding: 6px 16px;
background-color: #000;
border-color: #000;
text-transform: none;
}
.product-notify-ui-inline .notify-popup:hover {
background-color: #000;
border-color: #000;
}
.product-notify-ui-inline .notify-popup span.icon {
margin-right: 8px;
line-height: 0;
}
.product-notify-ui-inline .notify-popup svg {
width: 17px;
}
/*----- Product Page CSS End -----*/
/*----- Product Page Sale Countdown CSS Start -----*/
.sale-count-down {
text-align: center;
}
.countdown-digit-group {
display: inline-block;
margin: 0 4px;
position: relative;
}
.countdown-digit-group .digit {
display: inline-block;
padding: 5px;
border-radius: 8px;
color: #000;
font-size: 16px;
line-height: 18px;
width: 30px;
font-family: Oswald, sans-serif;
font-weight: 400;
font-style: normal;
}
.countdown-digit-group .count-down-label {
display: block;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
margin-top: 1px;
}
.countdown-digit-group.hour:before,
.countdown-digit-group.mintues:before,
.countdown-digit-group.seconds:before {
content: ":";
position: absolute;
display: inline-block;
vertical-align: middle;
font-size: 20px;
line-height: 26px;
left: -9px;
color: #fff;
}
/*----- Product Page Sale Countdown CSS End -----*/
/*----- Product FAQs CSS Start -----*/
#header1-p-faq {
font-size: 2rem;
font-weight: 500;
}
#panel-01 .faqAccordion button {
font-weight: 400;
}
/*----- Product FAQs CSS End -----*/
/*----- Product Availability Notice CSS Start -----*/
.product-ui-availability--notice {
display: block;
}
.product-ui-availability {
display: block;
position: relative;
font-size: 16px;
color: #000;
font-weight: 400;
margin-bottom: 15px;
padding: 8px 12px;
padding-left: 38px;
border: 1px solid transparent;
}
.product-ui-availability.in-stock:before,
.product-ui-availability.pre-order:before {
content: "";
position: absolute;
top: 14px;
left: 12px;
width: 12px;
height: 12px;
border-radius: 100%
}
.product-ui-availability.in-stock:before {
background-color: #7ced82;
-webkit-animation: instock_pulse 3s infinite;
animation: instock_pulse 3s infinite;
}
.product-ui-availability.pre-order:before {
background-color: #ffc452;
-webkit-animation: preorder_pulse 3s infinite;
animation: preorder_pulse 3s infinite;
}
.product-ui-availability.out-of-stock {
background: rgba(244, 0, 0, .1);
border: 1px solid #f40000;
border-radius: 4px;
padding: 8px 12px;
padding-left: 34px;
margin-bottom: 15px;
}
.product-ui-availability.out-of-stock:before {
content: "";
position: absolute;
top: 14px;
left: 12px;
background-color: #f40000;
width: 12px;
height: 12px;
border-radius: 100%;
}
.product-ui-availability--notice .rise-retailer {
display: block;
margin-bottom: 10px;
color: #000
}
.product-ui-availability--notice .product-ui-availability:not(.out-of-stock) + .rise-retailer {
display: none
}
.product-ui-availability--notice .rise-retailer .store-icon {
margin-right: 8px;
}
.product-ui-availability--notice .rise-retailer a {
cursor: pointer
}
@-webkit-keyframes instock_pulse {
0% {
box-shadow: 0 0 0 0 rgba(124, 237, 130, .25)
}
50% {
box-shadow: 0 0 0 0 #7ced82
}
to {
box-shadow: 0 0 0 12px transparent
}
}
@keyframes instock_pulse {
0% {
box-shadow: 0 0 0 0 rgba(124, 237, 130, .25)
}
50% {
box-shadow: 0 0 0 0 #7ced82
}
to {
box-shadow: 0 0 0 12px transparent
}
}
@-webkit-keyframes preorder_pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 196, 82, .25)
}
50% {
box-shadow: 0 0 0 0 #ffc452
}
to {
box-shadow: 0 0 0 12px transparent
}
}
@keyframes preorder_pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 196, 82, .25)
}
50% {
box-shadow: 0 0 0 0 #ffc452
}
to {
box-shadow: 0 0 0 12px transparent
}
}
/*----- Product Availability Notice CSS Start -----*/
/*----- Product PreOrder Stats CSS Start -----*/
.pre-order-ui-stats,
.final-sale-ui-stats {
border-radius: 8px;
border: 1px solid #e7e8ea;
margin-top: 20px;
padding: 15px;
width: 100%;
}
.pre-order-ui-stats p,
.final-sale-ui-stats p {
margin: 0;
}
.pre-order-ui-stats .pre-order-stats-header,
.final-sale-ui-stats .final-sale-stats-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 0 10px;
margin-bottom: 8px;
}
.final-sale-ui-stats .final-sale-stats-header {
border-bottom: 1.5px solid #E7E8EA;
}
.pre-order-ui-stats .pre-order-stats-header .stats-title,
.final-sale-ui-stats .final-sale-stats-header .stats-title {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #f40000;
}
.final-sale-ui-stats .final-sale-stats-header .stats-title {
color: #000;
/*padding-bottom: 8px;*/
}
.pre-order-ui-stats .pre-order-stats-header .stats-title span.icon,
.final-sale-ui-stats .final-sale-stats-header .stats-title span.icon {
margin-right: 8px;
}
.final-sale-ui-stats .final-sale-stats-header .stats-title span.icon {
display: inline-block;
}
.final-sale-ui-stats .final-sale-stats-header .stats-title span.icon svg path {
stroke: #f40000;
}
.pre-order-ui-stats .pre-order-stats-header .pre-order-date {
font-size: 14px;
font-weight: 400;
color: #828b96;
}
.pre-order-ui-stats .pre-order-date [data-src="#pre-order-popup"] svg path {
fill: #828b96;
}
.pre-order-ui-stats .pre-order-date [data-src="#pre-order-popup"] .icon {
line-height: initial;
}
.pre-order-ui-stats .pre-order-date [data-src="#pre-order-popup"] .icon svg {
width: 18px;
}
.pre-order-ui-stats .pre-order-stats-header .pre-order-date span.estimated-date {
color: #000;
}
.pre-order-ui-stats .pre-order-stats-content .pre-order-progress {
position: relative;
height: 8px;
background-color: #e7e8ea;
border-radius: 5px;
overflow: hidden;
margin-bottom: 8px;
}
.pre-order-ui-stats .pre-order-stats-content .pre-order-progress .bar {
position: absolute;
top: 0;
left: 0;
background-color: #f40000;
height: 8px;
border-radius: 5px;
}
/*----- Product PreOrder Stats CSS End -----*/
/*----- Footer CSS Start -----*/
.footer_bottom-bar {
margin-top: 30px;
border-bottom: 1px solid #828b9659;
}
.footer-social-icons {
float: right;
}
.footer-social-icons .social_icons {
margin: 0;
padding-top: 15px;
}
.footer-social-icons .social_icons li {
margin: 0 5px;
}
.footer-social-icons .social_icons a,
.footer-social-icons--mobile .social_icons a {
width: 30px;
height: 30px;
padding: 2px;
background-color: rgba(130,139,150,.25);
border-radius: 100%;
line-height: 21px;
}
.footer-social-icons .social_icons a:before,
.footer-social-icons--mobile .social_icons a:before {
margin-top: .15em;
margin-right: .15em;
font-size: 16px;
margin-left: .3em;
}
.footer-privacy ul {
display: inline-block;
padding: 0;
}
.footer-privacy ul li {
display: inline-block;
margin-left: 8px;
}
.footer-privacy ul li:first-child {
margin-left: 0;
padding-right: 8px;
border-right: 2px solid #828b9659;
}
.footer-privacy ul li a {
opacity: .35;
}
.rise-payment_methods svg {
width: 38px;
}
/*----- Footer CSS End -----*/
/*----- Country Switcher CSS Start -----*/
.disclosure--store ul#store-list::-webkit-scrollbar {
width: 18px;
}
.disclosure--store ul#store-list::-webkit-scrollbar-thumb {
background: #e7e8ea;
border-radius: 15px;
border: 6px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
width: 8px;
}
.disclosure--store .disclosure__list-wrap {
border-radius: 8px;
background: #303236;
width: 172px;
top: 100%;
bottom: unset;
transition: none;
}
.disclosure--store .disclosure__toggle--store {
width: 172px;
background: #303236;
position: relative;
justify-content: flex-start;
padding: 8px 15px;
margin-bottom: 5px;
margin-right: 0;
text-transform: none !important;
}
.disclosure--store .disclosure__toggle--store.is-clicked {
color: #fff;
}
.disclosure--store .disclosure__toggle--store.is-clicked .country-down-arrow,
.disclosure--currency .disclosure__toggle--currency.is-clicked .icon-down-arrow {
transform: rotate(180deg);
}
.disclosure--store ul#store-list {
border-top: 0;
width: 170px;
max-height: 200px;
overflow: auto;
}
.disclosure--store .disclosure__toggle--store.is-clicked + .disclosure__list-wrap ul#store-list li:first-child {
border-top: 1px solid transparent;
}
.disclosure--store ul#store-list li:not(:last-child) {
border-bottom: 1px solid #828B96;
margin: 0 5px;
}
.disclosure--store ul#store-list li:last-child {
margin: 0 5px;
line-height: unset;
}
.disclosure--store ul#store-list li svg {
width: 22px;
line-height: 0;
height: 22px;
margin: 0 9px 0 2px;
fill: currentColor;
}
.disclosure--store ul#store-list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: flex-start;
text-decoration: none;
font-size: 16px;
color: #fff;
padding: 5px 10px 5px 10px;
outline: 0;
}
.disclosure--store ul#store-list li a span {
color: #fff;
}
.disclosure--store ul#store-list li a img {
height: 25px;
width: 25px;
margin-right: 8px;
}
.disclosure__toggle--store .selected-store img {
width: 22px;
height: 22px;
}
.disclosure--store ul#store-list li a img[title="Rise Internation"],
.disclosure__toggle--store .selected-store img[title="Rise Internation"] {
height: 18px;
width: 18px;
margin: 2px 11px 2px 3px;
}
.disclosure--store .selected-store {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 300;
letter-spacing: normal;
text-transform: initial;
line-height: 0;
}
.disclosure--store .selected-store .disclosure-arrow {
position: absolute;
right: 12px;
top: 12px;
}
.disclosure--store .selected-store img {
margin-right: 10px;
}
.disclosure--store .selected-store svg {
width: 22px;
height: 21px;
fill: currentColor;
vertical-align: middle;
margin-right: 8px;
margin-bottom: 0;
}
.disclosure--store .disclosure-arrow svg {
width: 16px;
height: 16px;
margin: 0;
fill: none;
}
#country-popup {
min-width: 400px;
}
#country-popup .form-elements {
max-width: 60%;
margin: 0 auto;
}
#country-popup .form-elements .rise-select-dropdown {
margin-bottom: 15px;
}
#country-popup .form-elements .rise-select-dropdown .selected,
#country-popup .form-elements .rise-select-dropdown .options ul {
background-color: #000000;
}
#country-popup .form-elements .rise-select-dropdown .selected span,
#country-popup .form-elements .rise-select-dropdown .selected span svg path {
color: #fff;
}
#country-popup .form-elements button {
width: 100%;
background-color: #000000;
border-color: #000000;
outline: 0;
}
#country-popup input[name="list_search"] {
background-color: #000000;
border-color: #000000;
color: #fff;
border-radius: 8px;
height: 50px;
}
@media only screen and (max-width: 480px) {
#country-popup {
min-width: unset;
width: calc(100% - 20px);
margin: 0 auto;
}
}
/*----- Country Switcher CSS End -----*/
/*----- Product Notify Popup CSS Start -----*/
.popup_notify_form,
.popup_pre-order {
max-width: 450px;
border-radius: 8px;
background: #f9f9f9;
overflow: visible;
padding: 0;
}
.popup-header .popup-header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
}
.popup_notify_form .popup-header h2,
.popup_pre-order .popup-header h2{
margin: 0;
text-transform: uppercase;
}
.popup_notify_form .popup-header hr.popup-border,
.popup_pre-order .popup-header hr.popup-border{
margin: 0 auto;
border-bottom: 1px solid #c9ccd0;
width: calc(100% - 40px);
}
.popup-content {
padding: 20px;
}
.popup-content .content-title{
font-weight: 500;
}
.popup-content a:focus,
a[data-src="#pre-order-popup"] {
outline: 0;
color: #b4a787;
}
.popup_notify_form .swatch_options {
margin-bottom: 5px;
}
.popup_notify_form .swatch .option_title {
font-weight: 400;
font-size: 16px;
margin: 0 0 8px;
text-transform: uppercase;
}
.popup_notify_form .action_notify {
width: 100%;
font-weight: 400;
letter-spacing: .04em;
padding: 13px 0;
}
.popup_notify_form .action_notify .icon.icon--bell {
top: 1px;
position: relative;
margin-right: 5px;
}
.popup_notify_form .action_notify .icon.icon--bell svg {
width: 18px;
}
.popup_notify_form span.note {
font-weight: 300;
}
.popup_notify_form span.note a.terms {
display: inline-block;
clear: both;
color: #b4a787;
text-decoration: underline;
}
.popup_notify_form .message {
margin: 5px 0;
}
.popup_notify_form .message.error {
color: #ff0000;
}
.popup_notify_form .swatch label svg {
display: none;
}
.popup_notify_form .swatch_options .swatch input:not(:checked) + .swatch-element.soldout {
background: transparent;
opacity: 1;
}
.popup_notify_form__inputs .input-group {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.popup_notify_form .email-input label,
.popup_notify_form .phone-input label {
font-weight: 400;
font-size: 16px;
margin-bottom: 6px;
text-transform: uppercase;
}
.popup_notify_form .notify_email,
.popup_notify_form .notify_mobile {
border-radius: 8px;
border-color: #828b96;
height: 50px;
min-height: 50px;
line-height: 1.5;
margin: 0;
}
.popup_notify_form .notify_mobile {
padding-left: 75px;
}
.popup_notify_form .notified_by_sms label {
font-size: 16px;
font-weight: 300;
color: #000;
margin-bottom: 15px;
cursor: pointer;
}
.popup_notify_form .notified_by_sms label:before {
content: "";
display: inline-block;
vertical-align: sub;
width: 18px;
height: 18px;
background: 0 0;
border: 2px solid #000;
border-radius: 3px;
margin-right: 5px;
}
.popup_notify_form .notified_by_sms input[type=checkbox]:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 8px;
width: 4px;
height: 9px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.country-flag-dropdown {
display: inline-block;
float: left;
border-radius: 8px;
background-color: #fff;
border: 1px solid #828b96;
margin-right: 5px;
cursor: pointer;
position: absolute;
border: 0;
top: 1px;
left: 1px;
}
.group-control {
position: relative;
display: inline-block;
float: left;
width: 100%;
}
.group-control span.icon:not(.icon--arrow-down) {
position: absolute;
height: 50px;
width: 50px;
text-align: center;
}
.group-control span.icon svg {
height: 50px;
}
.group-control span.icon.icon--arrow-down svg {
display: inline-block;
width: 15px;
vertical-align: middle;
margin-left: 4px;
fill: #1b1f23;
opacity: .8;
}
.country-flag-dropdown .selected {
display: flex;
width: 65px;
height: 48px;
align-items: center;
justify-content: center;
border-right: 1px solid #828b96;
}
.country-flag-dropdown .selected svg {
display: inline-block;
width: 30px;
height: 20px;
display: none;
}
.country-flag-dropdown .selected .dail-code {
margin-left: 5px;
}
.country-flag-dropdown + .list-wrapper {
position: absolute;
background-color: #fff;
top: 55px;
left: 0;
border: 1px solid #828b96;
border-radius: 8px;
z-index: 9;
width: 100%;
display: none;
}
.country-flag-dropdown.open + .list-wrapper {
display: block;
}
.country-flag-dropdown + .list-wrapper ul.country-list {
padding: 0;
margin: 0;
list-style-type: none;
max-height: 110px;
overflow: hidden;
overflow-y: auto;
}
.country-flag-dropdown + .list-wrapper ul.country-list li {
margin: 0;
margin-right: -1px;
padding: 5px 20px;
cursor: pointer;
}
.country-flag-dropdown + .list-wrapper ul.country-list::-webkit-scrollbar {
width: 18px;
}
.country-flag-dropdown + .list-wrapper ul.country-list::-webkit-scrollbar-thumb {
background: #e7e8ea;
border-radius: 15px;
border: 6px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
width: 8px;
}
.country-flag-dropdown + .list-wrapper input[name="list_search"] {
border: 0;
border-radius: 8px;
border-bottom: 1px solid #828b96;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: 0;
}
.group-control .iti {
width: 100%;
}
.group-control .iti .iti__flag-container {
position: unset;
display: inline-block;
float: left;
right: unset;
left: unset;
}
.group-control .iti.iti--separate-dial-code .iti__selected-flag {
height: 50px;
min-height: 50px;
line-height: 1.5;
margin: 0;
margin-right: 3px;
padding: 0 10px;
background-color: #fff;
border-radius: 8px;
border: 1px solid #828b96;
}
.group-control .iti.iti--allow-dropdown input {
padding: 0 10px;
}
/*----- Product Notify Popup CSS End -----*/
/*----- Product Page CSS Start -----*/
.section.product-full-width {
padding: 0;
}
body.product .section.product-full-width .product__images,
body.product-product-and-landing-page1 .section.product-full-width .product__images {
margin-left: 0;
position: sticky;
top: 115px;
height: 100%;
}
body.product .section.product-full-width .product__images .image__container,
body.product-product-and-landing-page1 .section.product-full-width .product__images .image__container {
position: relative;
}
.media-alt {
position: absolute;
display: inline-block;
right: 42px;
bottom: 10px;
font-size: 13px;
font-weight: 300;
color: #828b96;
letter-spacing: .02em;
}
.product-meta-over-images {
position: absolute;
top: 15px;
left: 10px;
z-index: 99;
}
.product-meta-over-images .breadcrumb_text span {
color: #828b96;
}
.product-meta-over-images .price-ui-badges {
margin-top: 8px;
max-width: 160px;
flex-wrap: wrap;
align-items: center;
}
.product-meta-over-images .price-ui-badges .price-ui-badge.price-ui-badge--loading {
margin-right: 5px;
}
.product__details--product-page {
max-width: 496.25px;
margin-top: 25px;
}
.product__details--product-page .product-block--price {
display: inline-block;
width: auto;
float: left;
}
.product__details--product-page .product-block--price .modal_price {
font-size: 1.4rem;
}
.product__details--product-page .product-block--form {
display: flex;
flex-direction: column;
width: 100%;
}
.product__details--product-page .swatch_options .swatch {
padding: 0px 0 5px;
}
.gallery-arrows--true .product_gallery .flickity-prev-next-button {
width: 50px;
}
.gallery-arrows--true .product_gallery .flickity-prev-next-button svg {
width: 30px;
height: 30px;
left: 20%;
}
.gallery-arrows--true .product_gallery_nav .flickity-prev-next-button {
display: none;
}
.product_gallery_nav .gallery-cell {
width: 11%;
outline: 0;
}
.product_gallery_nav .gallery-cell:hover,
.product_gallery_nav .gallery-cell.is-nav-selected {
border-bottom: 2px solid #000;
}
.product-block--description {
border-top: 1px solid #e3e3e3;
}
.product_section .product_form {
max-width: 100%;
margin-bottom: 20px;
}
.product_section .modal_price,
.rise-add-to-cart-fixed .modal_price {
margin: 0;
font-weight: 400;
}
.final-sale-inline-notice {
display: block;
}
.final-sale-inline-notice h6 {
color: #e4261e;
}
.final-sale-inline-notice span {
font-size: 14px;
}
/* Product Page Features Accordian CSS Start */
.product-features {
margin: 20px 0;
}
.product-features .toggle-wrap {
position: relative;
margin-bottom: 10px;
border-radius: 10px;
overflow: hidden;
}
.product-features .toggle-wrap .trigger {
line-height: 0;
}
.product-features .toggle-wrap .trigger a {
font-size: 18px;
line-height: 20px;
font-weight: 400;
padding: 14px 50px 16px 80px;
border-bottom: 0;
position: relative;
display: inline-block;
width: 100%;
border-radius: 10px;
background-color: #000;
color: #fff;
}
.product-features .toggle-wrap .toggle-container {
padding: 10px 0 ;
}
.product-features .toggle-wrap .toggle-container p:last-child {
margin-bottom: 0;
}
.product-features .toggle-wrap .trigger a:before {
content: "";
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/icon-down-arrow.svg?v=103917345852519299551691441540);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 20px;
height: 20px;
right: 15px;
top: 14px;
-webkit-transition: .2s all ease;
transition: .2s all ease;
}
.product-features .toggle-wrap .trigger a:after {
content: "";
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/icon-down-arrow.svg?v=103917345852519299551691441540);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 20px;
height: 20px;
right: 15px;
top: 14px;
-webkit-transition: .2s all ease;
transition: .2s all ease;
opacity: 0;
transform: rotate(180deg);
}
.product-features .toggle-wrap .trigger.active a:before {
opacity: 0;
}
.product-features .toggle-wrap .trigger.active a:after {
opacity: 1;
}
.product-features .toggle-wrap .trigger span.icon {
position: relative;
}
.product-features .toggle-wrap .trigger span.icon:before {
content: "";
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 30px;
height: 28px;
left: 25px;
top: 10px;
z-index: 9;
}
.product-features .toggle-wrap .trigger span.icon.measure:before {
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/measure.svg?v=4021052591967381801691441540);
}
.product-features .toggle-wrap .trigger span.icon.features:before {
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/features.svg?v=84709572356860352121691441540);
top: 15px;
}
.product-features .toggle-wrap .trigger span.icon.care:before {
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/care.svg?v=9498680855739224521691441540);
}
.product-features .toggle-wrap .trigger span.icon.warranty:before {
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/warranty.svg?v=112339412344486143541691441540);
top: 13px;
}
/* Product Page Features Accordian CSS End */
/* Rise Color Swatch CSS Start */
.color-swatch {
display: flex;
flex-direction: column;
}
.product-block--form .color-swatch{
margin-bottom: 0.8rem;
}
.color-swatch .swatch.color .swatch-element {
background-color: #e7e8ea !important;
border-radius: 50% !important;
margin: 0 3px 5px 0;
padding: 4px;
min-width: auto;
}
.color-swatch .swatch.color .swatch-element:first-child {
margin-left: 0;
}
.color-swatch .swatch.color .swatch-element.selected {
border-color: #000 !important;
}
.color-swatch .swatch.color .swatch-element span {
padding: 0;
margin: 0;
width: 24px;
height: 24px;
display: block;
border-radius: 50%;
background-size: cover;
}
/* Rise Color Swatch CSS End */
/* Rise Customize Tooltip CSS Start */
.swatch .tooltip {
border-radius: 4px;
margin-bottom: 20px;
background: rgba(43, 46, 56, .7);;
width: 100px;
left: -33px;
line-height: 1.5em;
}
.swatch .tooltip:after {
border: 0;
-webkit-clip-path: polygon(15% 0%,100% 85%,0% 100%);
clip-path: polygon(15% 0%,100% 85%,0% 100%);
transform: rotate(-45deg);
border-radius: 0 0 0 .55em;
height: 14px!important;
width: 14px!important;
background: rgba(51,51,51,.9);
bottom: -8px;
margin-left: -8px;
box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
}
/* Rise Customize Tooltip CSS End */
/* Rise Add to Cart Fixed CSS Start */
.rise-add-to-cart-fixed {
position: fixed;
display: inline-block;
left: 0;
bottom: 0;
z-index: 99;
background-color: #fff;
width: 100%;
-webkit-box-shadow: 0 0 10px -2px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 10px -2px rgba(0,0,0,.15);
box-shadow: 0 0 10px -2px rgb(0 0 0 / 15%);
transform: translateY(100%);
transition: opacity .3s ease,transform .3s ease,visibility 0s linear .3s;
}
body.has-rise-cart-fixed .rise-add-to-cart-fixed {
opacity: 1;
visibility: visible;
transform: translateY(0%);
transition: opacity .5s ease,transform .5s ease,visibility 0s linear 0s;
}
.rise-add-to-cart-fixed .rise-wrap-content {
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.rise-add-to-cart-fixed .product__information,
.rise-add-to-cart-fixed .product__actions {
display: inline-block;
margin: 0;
width: 50%;
}
.rise-add-to-cart-fixed .product__meta {
display: flex;
align-items: center;
}
.rise-add-to-cart-fixed .product__meta .modal_price {
margin: 0 20px 0 0;
padding: 0;
}
.rise-add-to-cart-fixed .rise-wrap-content .product-notify-ui-inline,
.rise-add-to-cart-fixed .rise-wrap-content .pre-order-ui-stats,
.rise-add-to-cart-fixed .rise-wrap-content .final-sale-ui-stats,
.rise-add-to-cart-fixed .rise-wrap-content .product_form .color-swatch,
.rise-add-to-cart-fixed .rise-wrap-content .product_form .swatch_options .option_title {
display: none !important;
}
.rise-add-to-cart-fixed .product__information h1.product_name {
margin: 0;
padding: 0;
}
.rise-add-to-cart-fixed .rise-wrap-content .product_form .swatch_options {
display: inline-block;
margin: 0;
}
.rise-add-to-cart-fixed .rise-wrap-content .product_form .purchase-details {
display: inline-block;
}
.rise-add-to-cart-fixed .product__actions .product_form {
float: right;
}
.rise-add-to-cart-fixed .rise-wrap-content .product_form .purchase-details .add_to_cart,
.rise-add-to-cart-fixed .rise-wrap-content .product_form .purchase-details .sold-out {
padding: 18px 45px !important;
min-width: 200px;
}
.rise-add-to-cart-fixed .product__actions button.notify-popup {
float: right;
background-color: #000;
border-color: #000;
}
.rise-add-to-cart-fixed .product__actions button.notify-popup span.icon {
margin-left: 8px;
line-height: 0;
}
/* Rise Add to Cart Fixed CSS End */
/* Rise Size Chart CSS Start */
.product-block--rise-size-chart {
display: inline-block;
float: right;
}
.size_chart,
.product-block--rise-size-chart .size_chart {
color: #000;
text-transform: uppercase;
}
.size_chart::before,
.product-block--rise-size-chart .size_chart:before {
content: "";
position: absolute;
width: 63px;
height: 1px;
display: inline-block;
background: #bfbfbf;
left: 0;
bottom: 5px;
}
.size_chart::before {
bottom: 2px;
}
.product-block--rise-size-chart .size_chart .icon {
top: 1px;
}
.product-block--rise-size-chart .size_chart .icon svg {
width: 14px;
}
.js-sizechart-lightbox {
border-radius: 8px;
background: #f9f9f9;
padding: 0;
max-width: 800px;
overflow: hidden;
}
.popup-header.color-header {
background-color: #000;
}
.popup-header .popup-header-main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
}
.popup-header .popup-header-main h2.popup-title {
margin: 0;
color: #fff;
}
.js-sizechart-lightbox .popup-header .popup-header-main .fancybox-button[data-fancybox-close] {
background-color: rgba(255,255,255,.25);
}
.js-sizechart-lightbox .popup-header .popup-header-main .fancybox-button[data-fancybox-close] svg path {
fill: #fff;
}
.js-sizechart-lightbox .size-chart-wrap {
display: inline-block;
width: 100%;
height: 100%;
max-height: calc(100vh - 140px);
overflow: auto;
}
input[name=size_chart_popup] {
opacity: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 0;
height: 0;
padding: 0;
}
.size-chart-row {
display: flex;
flex-wrap: wrap;
}
.js-sizechart-lightbox .size-chart-wrap .size-chart-image {
display: inline-block;
width: 40%;
}
.js-sizechart-lightbox .size-chart-wrap .size-chart-table {
display: inline-block;
width: 60%;
}
.js-sizechart-lightbox .size-chart-wrap .size-chart-row.no-image .size-chart-image {
display: none;
}
.js-sizechart-lightbox .size-chart-wrap .size-chart-row.no-image .size-chart-table {
width: 100%;
}
.js-sizechart-lightbox .size-chart-wrap .size-chart-image img {
padding: 20px;
margin-top: 30px;
}
.horizontalrow {
background-color: #e7e8ea;
}
.bannerTitleS1 {
font-weight: 500;
text-transform: uppercase;
font-size: 2.5em;
letter-spacing: 3px;
padding-top: 0;
margin-bottom: 0;
}
.bannerTitleS3 {
text-transform: uppercase;
margin: 0;
}
.size-chart-table table {
overflow: hidden;
border: 2px solid #828b96;
border-radius: 4px;
margin-bottom: 10px;
border-collapse: separate;
}
.size-chart-table table tr.horizontalrow>td {
font-size: 12px;
}
.size-chart-table table tr>td {
border-left: unset!important;
border-bottom: 1px solid #828b96;
border-right: 1px solid #828b96!important;
text-transform: uppercase;
font-size: 14px;
}
.size-chart-table table tr.horizontalrow>td,
.size-chart-table table tr>td.horizontalrow {
font-weight: 500;
}
.size-chart-table table tr>td:last-child {
border-right: 0!important;
}
.size-chart-table table tr:last-child>td {
border-bottom: 0;
}
.size-chart-table table tr td.horizontalrow:hover,
.size-chart-table table tr td.horizontalrow:hover~td {
background-color: #bcc8d9;
color: #000;
}
.size-chart-table table td>span.number {
color: #f40000;
}
.size-chart-table table td>span:not(.number) {
display: none;
}
.size-chart-table table.cm td>span.cm,
.size-chart-table table.inch td>span.in {
display: block;
}
.sizer-chart-footer {
display: inline-block;
width: 100%;
margin-top: 12px;
}
.sizer-chart-footer a.open-chat {
background-color: #007bff;
border-radius: 8px;
padding: 6px 12px;
font-size: 14px;
color: #fff;
font-weight: 400;
display: inline-flex;
align-items: center;
}
.sizer-chart-footer a.open-chat .icon {
line-height: 0;
}
.sizer-chart-footer a svg {
width: 18px;
margin-left: 12px;
margin-right: 0;
}
.measurement-units {
display: flex;
float: right;
}
.measurement-switch {
display: inline-block;
margin: 0px;
position: relative;
}
.measurement-switch input[type="checkbox"] {
cursor: pointer;
width: 100px;
height: 36px;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
margin: 0px;
}
.measurement-switch > .measurement-switch-inner {
margin: 0px;
width: 100px;
height: 36px;
background: #dce0e6;
border-radius: 25px;
overflow: hidden;
position: relative;
transition: all 0.3s ease;
display: block;
cursor: pointer;
}
.measurement-switch input[type="checkbox"]:checked + .measurement-switch-inner {
background: #dce0e6;
color: #000;
}
.measurement-switch > .measurement-switch-inner:before {
content: attr(data-on);
position: absolute;
font-family: Oswald;
font-size: 14px;
font-weight: normal;
line-height: 28px;
top: 4px;
right: 14px;
}
.measurement-switch > .measurement-switch-inner:after {
content: attr(data-off);
width: 50px;
height: 28px;
background: #fff;
border-radius: 25px;
position: absolute;
left: 5px;
top: 4px;
font-family: Oswald;
font-size: 14px;
font-weight: normal;
line-height: 28px;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0px 8px 24px rgba(130, 139, 150, 0.15);
}
.measurement-switch input[type="checkbox"]:checked + .measurement-switch-inner:before {
content: attr(data-off);
right: auto;
left: 20px;
}
.measurement-switch input[type="checkbox"]:checked + .measurement-switch-inner:after {
content: attr(data-on);
left: 45px;
background: #fff;
box-shadow: 0px 8px 24px rgba(130, 139, 150, 0.15);
}
.Bottom__Bar {
background-color: #828B96;
border-radius: 8px;
margin: 10px 0;
padding: 10px 18px;
display: flex;
align-items: center;
position: relative;
}
.Bottom__Bar.Add_To_Cart {
position: relative;
margin-top: 0;
background-color: #f40000;
padding: 0;
}
.Bottom__Bar a {
position: absolute;
left: 18px;
line-height: 0;
}
.Bottom__Bar .close-pane svg path {
fill: #fff;
}
.Bottom__Bar .icon--shopping-bag svg {
width: 28px;
}
.Bottom__Bar .Bottom__Product {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
font-size: 17px;
font-weight: 400;
color: #fff;
}
.Bottom__Bar.Add_To_Cart .Bottom__Product {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
.Bottom__Bar .Bottom__Product span {
display: block;
width: 100%;
font-size: 13px;
line-height: 15px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.Bottom__Bar .Bottom__Cart {
position: relative;
}
.Bottom__Bar.Add_To_Cart .Bottom__Cart {
position: absolute;
right: 18px;
z-index: 9;
}
.Bottom__Bar.Add_To_Cart .Bottom__Cart span.icon {
line-height: 0;
}
.Bottom__Bar .Bottom__Cart .cart_count {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 7px;
left: 0;
width: 100%;
font-size: 12px;
color: #fff;
font-weight: 500;
}
/* Rise Size Chart CSS End */
/* Rise Technology CSS End */
.product-technologies span.icon {
margin-right: 15px;
width: 50px;
}
/* Rise Technology CSS End */
/*----- Product Page CSS End -----*/
/*------ Top bar sales count donw ----- */
.timer-content {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
}
#header .top-bar-count-down {
background-color: #000000;
border-radius: 0;
}
.sale-count-down.top-bar-count-down {
text-align: center;
padding: 6px 0;
background: transparent;
display: inline-block;
}
/*------- Top bar sales count down end ---- */
/*----- Login & Register CSS Start -----*/
.section.login-warpper,
.section.register-wrapper {
padding: 60px 20px 160px 20px;
position: relative;
max-width: 1000px;
}
.section.login-warpper:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 100%;
display: block;
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/BG-Image-Team-Rise.png?v=149326174620470746941691441540);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom left;
}
.login-banner h1.login-promo-text {
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
font-weight: 500;
color: #000;
margin: 0;
margin-top: 35px;
}
.login-banner .hastag {
font-size: 12px;
color: #f40000;
font-weight: 400;
text-transform: uppercase;
}
.customers-login .login-mobile-banner,
.customers-register .register-mobile-banner {
display: none;
}
.login-main,
.recover-password-main,
.register-main {
max-width: 410px;
width: 100%;
text-align: left;
float: right;
}
.login-main h1,
.recover-password-main h4 {
font-size: 20px;
font-weight: 400;
color: #000;
padding-bottom: 5px;
border-bottom: 2px solid #f40000;
}
.login-main .custom_placement_social,
.register-main .custom_placement_social {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #dce0e6;
margin: 0;
width: 100%;
margin-bottom: 18px;
padding-bottom: 10px;
}
.login-main .custom_placement_social .login_title,
.register-main .custom_placement_social .login_title {
font-size: 16px;
color: #828b96;
white-space: pre;
}
.login-main .custom_placement_social .oxi_login,
.register-main .custom_placement_social .oxi_login {
display: flex;
}
#social_login_frame {
height: 42px!important;
margin: 0!important;
}
.account-form label,
.login-main label,
.recover-password-main label,
.register-main label {
font-size: 16px;
font-weight: 400;
}
.login-warpper .login-main .global-button,
.recover-password-main .btn.global-button,
.register-wrapper .register-main .btn.global-button {
padding: 18px 0;
width: 100%;
border: 0;
font-weight: 400;
}
.login-warpper .login-main #customer_register_link.global-button {
background-color: #007bff;
border-color: #007bff;
}
.login-main .reset-password {
color: #828b96;
font-size: 16px;
font-style: normal;
text-decoration: underline;
display: inline-block;
margin-top: 8px;
}
.login-main .errors ul,
.register_form .errors ul {
list-style-type: none;
padding: 0;
}
.form-error,
.login-main .errors ul li,
.register_form .errors ul li {
border: 2px solid #f40000;
border-radius: 8px;
padding: 8px 12px;
color: #f40000;
font-weight: 400;
font-size: 16px;
line-height: 18px;
background: rgba(244, 0, 0, .1)
}
.form-error {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.has-error input {
border-color: #f40000;
}
.filled,
.has-error {
position: relative;
}
.input-error-icon,
.input-success-icon {
display: none;
}
.input-error-icon .icon,
.input-success-icon .icon {
display: flex;
}
.has-error .input-error-icon {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 44px;
right: 15px;
background: #f40000;
width: 26px;
height: 26px;
border-radius: 3px;
}
.filled .input-success-icon {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 44px;
right: 15px;
background: #7ced82;
width: 26px;
height: 26px;
border-radius: 3px;
}
.filled .input-success-icon svg,
.has-error .input-error-icon svg {
display: inline-block;
width: 15px;
fill: #fff;
}
.acceptsMarketing input {
display: none;
}
.acceptsMarketing-row .acceptsMarketing:first-child {
margin-bottom: 10px;
}
.acceptsMarketing label:before,
.notified_by_sms label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: sub;
width: 18px;
height: 18px;
background: 0 0;
border: 2px solid #fff;
border-radius: 3px;
}
.acceptsMarketing input[type=checkbox]:checked + label:after,
.notified_by_sms input[type=checkbox]:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 8px;
width: 4px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.notified_by_sms input[type=checkbox]:checked + label:after,
.notified_by_sms label:before {
border-color: #000;
margin-right: 5px;
}
.customers-register .banner {
position: relative;
background-color: #000;
}
.customers-register .banner:before {
content: "";
position: absolute;
top: -10%;
left: 0;
display: block;
width: 56%;
height: 100%;
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/altitude-banner.jpg?v=81918011759087589931691441540);
background-repeat: no-repeat;
background-size: 255%;
background-position: 50% 20%;
box-shadow: inset 0 -35px 35px 10px #000;
}
.rpm-feature {
position: absolute;
top: 0;
left: 40px;
padding: 2rem .5rem;
}
.rpm-feature .rpm-icon {
position: absolute;
left: 0;
height: 3.5rem;
top: 5rem;
place-items: center;
}
.rpm-feature .rpm-feature-icon {
height: 9rem;
margin-bottom: 1rem;
margin: 0 auto;
width: auto;
}
.rpm-feature .rpm-feature-icon.active-dry {
-webkit-animation: spin 20s linear infinite;
animation: spin 20s linear infinite;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.desktop-banner-text {
position: absolute;
top: 195px;
left: 45px;
display: inline-block;
width: auto;
}
.desktop-banner-text .banner-content-main h1 {
color: #fff;
text-transform: uppercase;
font-size: 50px;
line-height: 52px;
}
.desktop-banner-text .banner-content-main h1 span {
color: #f40000;
}
.desktop-banner-text .banner-content-main .hastag {
color: #f40000;
display: block;
font-size: 16px;
line-height: 18px;
margin-top: 8px;
}
.customers-register .register_form {
box-shadow: 80px 100px 50px 120px #000;
-webkit-box-shadow: 80px 100px 50px 120px #000;
-moz-box-shadow: 80px 100px 50px 120px #000;
background-color: #000;
}
.register-main {
max-width: 420px;
margin-top: 80px;
color: #fff;
background-color: #000;
}
.register-main h1 {
font-size: 20px;
font-weight: 400;
color: #fff;
padding-bottom: 5px;
border-bottom: 2px solid #f40000;
text-transform: uppercase;
}
.register-main #customer_login_link,
.register-main .terms {
color: #828b96;
text-decoration: underline;
}
.register-main .acceptsMarketing label {
font-size: 16px;
font-weight: 300;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rise-features {
display: flex;
flex-direction: row;
padding-top: 5px;
padding-bottom: 18px;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.rise-features .feature-item {
display: inline-block;
width: 100%;
text-align: center;
}
.rise-features .feature-item span.icon {
display: block;
}
.rise-features .feature-item span.text {
display: inline-block;
font-size: 14px;
line-height: 18px;
}
.rise-features .feature-item span.icon svg {
fill: transparent;
width: 28px;
}
.recover-password-main {
min-width: 410px;
}
.login-main .new-customer,
.recover-password-main .note {
display: block;
width: 100%;
margin: 0;
font-size: 16px;
color: #000;
font-weight: 300;
font-style: normal;
}
.section.register-wrapper {
padding-top: 0;
padding-left: 0;
}
.register-wrapper .banner-text {
display: none;
}
.signup-success-popup {
border: 2px solid #DCE0E6;
border-radius: 8px;
max-width: 560px;
}
.signup-success-popup .fancybox-close-small {
position: absolute;
top: 10px;
right: 15px;
}
.signup-success-popup .brand {
text-align: center;
margin-bottom: 20px;
}
.signup-success-popup .brand svg {
width: 50px;
}
.signup-success-popup .message {
font-size: 24px;
font-weight: normal;
line-height: 28px;
text-align: center;
margin-bottom: 15px;
}
.signup-success-popup .message a {
outline: none;
color: #b4a787;
}
.signup-success-popup p {
text-align: center;
color: #3E3E3E;
margin: 0;
}
/*----- Login & Register CSS End -----*/
/*----- Form Controls CSS Start -----*/
.account-form input,
.account-form select,
.login-main input,
.recover-password-main input,
.register-main input {
border: 2px solid #828b96;
border-radius: 8px;
padding: 14px;
height: auto;
font-family: Oswald;
font-size: 16px;
font-weight: 300;
}
.account-form input:not(input[type=submit]):hover,
.account-form select:hover,
.login-main input:not(input[type=submit]):hover,
.recover-password-main input:not(input[type=submit]):hover,
.register-main input:not(input[type=submit]):hover {
border: 2px solid #828b96;
background-color: #e7e8ea;
}
.account-form input:not(input[type=submit]):focus,
.account-form select:focus,
.login-main input:not(input[type=submit]):focus,
.recover-password-main input:not(input[type=submit]):focus,
.register-main input:not(input[type=submit]):focus {
border: 2px solid #007bff;
background-color: #e7e8ea;
}
.register-main .has-error input:not(input[type=submit]):focus,
.register-main .has-error input:not(input[type=submit]):hover {
border: 2px solid #f40000;
}
/*----- Form Controls CSS End -----*/
/*----- Cart & Order Detail Page CSS Start -----*/
.shopify-section--cart-template section.section {
background-color: #f9f9f9;
}
body.cart .cart__wrapper .cart-items-main {
width: calc(65% - 20px);
}
body.cart .cart__wrapper .cart-summary {
width: calc(35% - 20px);
}
body.cart .cart__wrapper .cart-items,
body.cart .cart__wrapper .cart-summary .subtotal,
body.customers-order .cart__wrapper .cart-items,
body.customers-order .cart__wrapper .cart-summary .subtotal {
border: 2px solid #e7e8ea;
border-radius: 8px;
background-color: #fff;
}
.cart__wrapper .cart-items,
body.cart .cart__wrapper .cart-summary .subtotal,
body.customers-order .cart__wrapper .cart-summary .subtotal {
padding: 20px;
}
.cart-summary .subtotal .cart_subtotal,
.sticky-checkout-mobile .cart_subtotal {
font-size: 18px;
text-transform: uppercase;
font-weight: 400;
color: #000;
margin: 0;
}
.cart-summary .subtotal .cart_savings {
font-weight: 300;
}
.cart__wrapper .cart-items h2 {
margin: 0;
}
.cart__wrapper .cart-items .cart-item-count {
font-size: 14px;
font-weight: 400;
color: #828b96;
}
.cart-header .cart-header-text {
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
padding-right: 40px;
margin-bottom: 0;
}
.checkout_button [data-cart-checkout-button] {
padding: 0 20px !important;
}
.checkout_button [data-cart-checkout-button] span.icon,
.action_checkout[data-minicart-checkout-button] span.icon {
margin-right: 8px;
}
.cart-summary .global-button.continue-shopping {
width: 100%;
background-color: #828b96;
border-color: #828b96;
color: #fff;
line-height: 1.5;
}
.cart-summary .global-button.continue-shopping span.icon {
vertical-align: baseline;
margin-left: 8px;
}
ul.cart-information {
list-style-type: none;
padding: 0;
color: #000;
margin-bottom: 0;
}
ul.cart-information li{
display: flex;
}
ul.cart-information li span.icon {
width: auto;
margin-right: 8px;
}
ul.cart-information li span.icon svg path {
fill: #828B96;
}
ul.cart-information li:last-child {
margin-bottom: 0;
}
ul.cart-information li a {
text-decoration: underline;
white-space: pre;
}
.cart__item .cart__item--title,
.cart__item .cart__item--title a {
color: #000;
margin: 0;
padding: 0;
}
.cart__wrapper .cart-items .product-meta,
.cart__wrapper .cart-items .sku {
display: flex;
flex-direction: column;
margin-bottom: 5px;
}
.cart__wrapper .cart-items .product-meta .meta-item {
display: block;
font-size: var(--metaFontSize);
line-height: 20px;
font-weight: 300;
color: #828b96;
}
.mini-cart__item .product-meta .line-item.notification-discount {
color: #ff0000;
margin: 0;
line-height: 1.6em;
}
.cart__wrapper .cart-items .product-meta .meta-item.size {
order: 0;
}
.cart__wrapper .cart-items .product-meta .meta-item.color {
order: 1;
}
.cart__wrapper .cart-items .cart__item {
border-bottom: 1px solid #e7e8ea;
}
.cart__wrapper .cart-items .cart__item:first-child {
border-top: 1px solid #e7e8ea;
}
.cart__wrapper .cart-items .cart__item .price_total .item-price {
white-space: nowrap;
}
.cart__wrapper .cart-items .cart__item .price_total {
padding: 0;
margin: 0;
}
.cart-items #checkout {
display: inline-block;
width: auto;
padding: 0 40px !important;
border-radius: 8px;
}
.cart-items #checkout span.icon {
margin-right: 8px;
}
.cart-items #checkout .button-text {
display: inline-block;
vertical-align: middle;
}
.cart__remove-btn span.icon {
transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
}
.cart__remove-btn span.icon:hover {
transform: rotate(90deg);
}
.cart__remove-btn span.icon svg path {
fill: #828b96;
}
.cart__remove-btn span.icon svg {
display: block;
width: 12px;
margin: 0 auto;
}
.cart_savings {
margin: 0;
}
.additional-checkout-buttons ul[data-shopify-buttoncontainer="true"] li {
margin-bottom: 0;
}
.additional-checkout-buttons .dynamic-checkout__content {
padding: 0;
}
.additional-checkout-buttons [role=button],
.additional-checkout-buttons [role=button][data-testid="ShopifyPay-button"],
.additional-checkout-buttons [role=button][data-testid="GooglePay-button"],
.additional-checkout-buttons [title="Checkout with PayPal"] {
border-radius: 8px !important;
}
body.cart .cart__wrapper .cart-summary,
body.customers-order .cart__wrapper .cart-summary {
position: sticky;
top: 120px;
height: 100%;
}
body.customers-order .cart__wrapper {
position: sticky;
top: 0;
height: 100%;
width: 100%;
}
body.customers-order .cart__item .order-details__discount.mobile {
display: none;
}
.customers-order .cart__item .order-details__discount-block,
.customers-order .cart__item .order-details__discount-block span.money {
font-size: 13px;
font-weight: 300;
color: #828b96;
}
.customers-order .cart__item .order-details__discount-block .icon--discount svg {
margin-right: 2px;
width: 16px;
}
.order-summary-detail-item {
padding: 12px 0;
border-bottom: 1px solid #e7e8ea;
}
body.customers-order .subtotal .cart_subtotal {
font-size: 22px;
text-transform: unset;
margin-bottom: 12px;
}
body.customers-order .subtotal .cart_subtotal .right {
color: #828b96;
}
.order-info .info-result {
color: #828b96;
text-transform: capitalize;
}
.order-summary-detail-item .order-summary-detail-item-heading {
font-weight: 400;
margin-bottom: 12px;
}
.return-not-alloewd {
font-size: 13px;
color: #b1b4ba;
font-weight: 400;
display: block;
text-align: center;
margin-bottom: 5px;
}
.return-not-alloewd svg {
width: 14px;
margin-right: 2px;
}
.global-button.order-page--button {
width: 100%;
margin-bottom: 12px;
min-height: 54px;
padding: 0;
}
.global-button.order-page--button .icon {
line-height: 0;
margin-right: 5px;
}
button.global-button.order-page--button.button-alternate {
background-color: #828B96;
border-color: #828B96;
}
button.global-button.order-page--button[disabled],
button.global-button.order-page--button.button-alternate[disabled] {
background-color: #DCE0E6;
border-color: #DCE0E6;
color: #B1B4BA;
cursor: not-allowed;
}
.cart-items .cart-item-summary {
font-size: 18px;
font-weight: normal;
color: #000;
margin-bottom: 20px;
}
.cart-items .cart-item-summary h3 {
margin-bottom: 0;
}
.cart-items .cart-item-summary.discount-reason {
padding-top: 5px;
}
body.customers-order .cart-items .cart__item-list .cart-item-summary:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid #E7E8EA;
}
.discount-list .discount-item {
display: block;
color: #828b96;
font-weight: 300;
font-size: 13px;
line-height: 20px;
margin-bottom: 3px;
}
.discount-list .discount-item svg {
width: 14px;
margin-right: 4px;
}
.cart__item .cart_content_info .tracking-order {
display: flex;
align-items: center;
}
.cart__item .cart_content_info .tracking-order .icon {
line-height: 0;
}
.cart__item .cart_content_info .tracking-order .icon svg {
margin-right: 5px;
}
.cart__item .cart_content_info .tracking-order .icon.icon--fedex svg {
width: 40px;
}
.cart__item .cart_content_info .tracking-order .icon.icon--dhl svg {
width: 70px;
}
/*----- Cart & Order Detail Page CSS End -----*/
/*----- Account Page CSS Start -----*/
.customer-account-sidebar,
.customer-account-sidebar-content {
margin-top: 25px;
}
.breadcrumb_text span {
color: #828b96;
font-weight: 300;
}
.menu .menu-item {
background-color: #fff;
padding: 12px;
border: 1px solid #dce0e6;
border-radius: 8px;
margin-bottom: 8px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 400;
color: #000;
cursor: pointer;
}
#header .mobile_nav.dropdown_link span.menu_title {
display:none;
}
.mobile_nav div span{
height:2px !important;
border-radius:16px;
}
.menu .menu-item.active {
background-color: #000;
border-color: #000;
}
.menu .menu-item a {
padding: 0;
margin: 0;
width: 100%;
}
.menu .menu-item.active a {
color: #fff;
}
.menu-content .content {
display: none;
padding: 0;
}
.menu-content .content.active {
display: block;
}
.menu-content .content .content-header {
margin-right: 6.5%;
}
.account-info {
display: inline-block;
width: 100%;
}
.account-info .dashboard-caption {
width: 100%;
display: inline-block;
float: left;
padding-right: 10px;
}
.account-info .dashboard-caption p {
font-weight: 300;
color: #000;
font-size: 16px;
width: 70%;
margin: 0;
}
.account-info .dashboard-caption hr {
border-bottom: 1px solid #c9ccd0;
}
.empty-order {
text-align: center;
font-size: 18px;
font-weight: 300;
margin: 10px 0;
}
.order-data,
.order-heading {
display: inline-block;
width: 100%;
margin-bottom: 12px;
}
.heading-column {
display: inline-block;
width: 20%;
float: left;
text-align: center;
color: #000;
font-weight: 400;
text-transform: uppercase;
}
.heading-column:first-child,
.order-data-row .order-data-column:first-child {
margin-right: 30px;
width: 25%;
}
.heading-column:nth-child(2),
.heading-column:nth-child(4) {
width: 13%;
}
.heading-column:nth-child(3) {
width: 39%;
}
.order-data .order-data-row {
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 16px;
}
.order-data-row .order-data-column {
width: 65%;
float: left;
border: 1px solid #dce0e6;
border-radius: 8px;
overflow: hidden;
border-bottom: transparent;
}
.heading-column:first-child,
.order-data-row .order-data-column:first-child {
margin-right: 30px;
width: 25%;
}
.order-data-row .order-data-column.status-box {
background-color: #fff;
text-align: center;
}
.order-data-row .order-data-column.status-box .status-data {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: calc(100% - 38px);
}
.status-data .order-status {
font-size: 20px;
line-height: 34px;
font-weight: 400;
color: #000;
display: flex;
align-items: center;
text-transform: capitalize;
}
.status-data .order-status .icon {
margin-right: 8px;
}
.status-data .order-financial-status {
color: #828b96;
text-transform: capitalize;
}
.order-data-row .order-data-column.status-box .status-action a {
background-color: #F40000;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 6px 0;
color: #fff;
font-size: 14px;
font-weight: normal;
text-align: center;
}
.order-data-row .order-data-column.status-box .status-action a span.icon {
line-height: 0;
margin-right: 8px;
}
.order-data-row .order-data-column.status-box .status-action a span.icon.icon--fedex svg {
width: 48px;
}
.order-data-row .order-data-column.status-box .status-action a span.icon.icon--dhl svg {
width: 70px;
}
.order-data-row .order-data-column.status-box .status-action a span.icon.icon--ups svg {
width: 18px;
}
.order-data-row .order-data-column.status-box .status-action a.track-package {
background-color: #000000;
}
.order-data-row .order-data-column.status-box .status-action a.order-cancelled,
.order-data-row .order-data-column.status-box .status-action a.other {
background-color: #dce0e6;
}
.order-data-row .order-data-column a {
color: #000;
}
.order-data-row .order-data-column .data-item {
width: 56%;
display: flex;
align-items: center;
justify-content: center;
float: left;
text-align: center;
min-height: calc(100% - 36px);
}
.order-data-row .order-data-column .data-item:first-child,
.order-data-row .order-data-column .data-item:nth-child(3) {
width: 22%;
}
.order-data-row .order-data-column .data-item:nth-child(2) {
border-left: 1px solid #DCE0E6;
border-right: 1px solid #DCE0E6;
}
.order-data-row .order-data-column .data-item span {
font-size: 16px;
font-weight: 300;
color: #000;
display: block;
padding: 0 10px;
}
.order-data-row .order-data-column .data-item span.order-no {
font-size: 20px;
}
.order-data-row .order-data-column .data-item span.order-no .order-date {
font-size: 14px;
color: #828b96;
}
.order-data-row .order-data-column .data-item ul.order-items {
list-style-type: none;
padding: 0;
margin: 5px 0;
max-height: 104px;
min-height: 104px;
overflow: hidden;
display: block;
position: relative;
}
.order-data-row .order-data-column .data-item ul.order-items:not(.faded) {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.order-data-row .order-data-column .data-item ul.order-items.faded:before {
content: "";
background: linear-gradient(180deg,rgba(255,255,255,.0001) 0,#fff 100%);
bottom: -4px;
left: 0;
width: 100%;
height: 40px;
display: flex;
position: absolute;
}
.order-data-row .order-data-column .data-item ul.order-items li {
margin-bottom: 2px;
}
.order-data-row .order-data-column .data-item .outstanding {
display: flex;
align-items: center;
justify-content: center;
}
.order-data-row .order-data-column .data-item .outstanding .icon {
line-height: 0;
padding: 0 6px 0 0;
}
.order-data-row .order-data-column .data-item .outstanding .outstanding-text {
font-size: 14px;
font-weight: normal;
color: red;
}
.order-data-row .order-data-column .data-item .outstanding-main span.price {
font-size: 12px;
line-height: 16px;
}
.order-data-row .order-data-column .data-item span.price {
font-weight: 400;
}
.order-data-row .order-data-column .data-item .outstanding-main .btn-pay {
display: inline-block;
background: #F40000;
color: #fff;
font-size: 13px;
margin-top: 5px;
border-radius: 4px;
padding: 1px 25px;
}
.order-data-row .order-data-column .order-action a {
width: 100%;
display: inline-block;
text-align: center;
padding: 6px 0;
font-size: 14px;
font-weight: 400;
background-color: #dce0e6;
color: #000;
}
/*----- Account Page CSS End -----*/
/* Account Address Page CSS Start */
.account-form {
position: relative;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.account-form .address {
width: 100%;
margin-left: -10px;
}
.account-form.show-form .address {
width: 50%;
}
.account-form #address_tables {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.account-form #address_tables > p {
margin-left: 10px;
}
.account-form.show-form #address_tables {
flex-wrap: wrap;
}
.account-form .address_table {
width: 50%;
padding: 10px;
}
.account-form.show-form .address_table {
width: 100%;
}
.account-form .address_table .customer_address {
border: 2px solid #dce0e6;
border-radius: 8px;
padding: 0 16px;
height: 100%;
box-sizing: border-box;
}
.account-form .address_table .customer_address .top_address_action {
display: inline-block;
width: 100%;
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #e7e8ea;
}
.address_table h2.address_title {
display: inline-block;
margin: 0;
line-height: 1.2;
vertical-align: middle;
}
.account-form .address_table .customer_address .address_action {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
margin-bottom: 5px;
}
.account-form .address_table .customer_address .address_action span:first-child {
display: table-cell;
vertical-align: middle;
font-size: 16px;
font-weight: 500;
color: #000;
}
.account-form .address_table .customer_address .address_action span.action_edit {
background-color: #000;
border-color: #000;
padding: 8px 12px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
text-transform: uppercase;
}
.account-form .address_table .customer_address .address_action span.action_edit a {
font-size: 18px;
color: #fff;
font-weight: 400;
letter-spacing: 1px;
}
.account-form .address_table .customer_address .address_action span.action_edit svg {
display: flex;
justify-content: center;
align-items: center;
width: 12px;
margin-left: 8px;
}
.account-form .action_add {
display: inline-block;
width: 100%;
margin: 0 0 15px 0;
}
.action_bottom .global-button svg,
.action_link .global-button svg {
display: flex;
width: 18px;
margin-right: 8px;
}
.action_link .global-button:focus {
color: #fff;
}
.account-form.show-form .address-form {
display: inline-block;
width: 50%;
}
.account-form .address-form-wrraper {
padding-left: 20px;
padding-right: 40px;
}
.action_bottom .global-button {
background: var(--button-color-background-hover, var(--button-color-background, #f40000));
border-color: var(--button-color-border-hover, var(--button-color-border, #f40000));
color: var(--button-color-text-hover, var(--button-color-text, #ffffff));
font-weight: 400;
}
.set-address label {
position: relative;
}
.set-address input[type=checkbox] {
display: none;
}
.set-address label:before {
content: "";
margin-right: 10px;
display: inline-block;
vertical-align: sub;
width: 18px;
height: 18px;
background: 0 0;
border: 2px solid #000;
border-radius: 3px;
}
.set-address input[type=checkbox]:checked + label:before {
background-color: #000;
}
.set-address input[type=checkbox]:checked + label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 8px;
width: 4px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* Account Addrss Page CSS End */
/* Search CSS Start */
.header .search__results {
margin-top: 12px;
right: -105px;
border: 1px solid #e7e8ea;
border-radius: 8px 0 8px 8px;
box-shadow: 0 16px 24px #828b9626;
}
.search__results li.item-result.selected,
.search__results li.item-result:hover {
background-color: #f6f6f6;
}
.search__results li.item-result .thumbnail {
position: relative;
}
.search__results li.item-result .thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .05;
overflow: hidden;
transition: opacity .3s ease-in;
background-color: rgba(0, 0, 0, .7);
pointer-events: none;
}
.search__results .search-title span {
font-weight: 300;
color: #000;
}
.search__results li.search-info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
border-bottom: 1px solid #e7e8ea;
position: sticky;
top: 0;
background-color: #fff;
z-index: 99;
}
.search__results li.search-info h4,
.additional-search-results h1,
.search-info h1 {
padding: 0;
margin: 0;
text-transform: uppercase;
}
.search-info h1 .search-terms,
.search-info h4 .search-terms {
color: #F40000;
}
.search-info .result-count,
.additional-search-results .sub-text {
color: #828b96;
font-size: 14px;
font-weight: 400;
margin-bottom: 15px;
display: inline-block;
}
.search__results li.search-info .result-count {
margin: 0;
}
.search__results li.search-info .search-filter {
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
line-height: 18px;
position: relative;
/*padding-right: 35px;*/
display: none;
}
.search__results li.search-info .search-filter:after {
content: "";
top: -3px;
right: 0;
position: absolute;
background-image: url(filter.svg);
background-size: contain;
background-position: center center;
width: 24px;
height: 24px;
display: none;
background-repeat: no-repeat;
}
.search__results li.all-results {
position: sticky;
bottom: 0;
width: 100%;
left: 0;
border: 0;
overflow: unset;
z-index: 9;
background-color: #fff;
}
.search__results-wrapper:not(.faded-off) .search__results li.all-results:before {
content: "";
position: absolute;
background: linear-gradient(to bottom, #ffffff99, #ffffff 80%) no-repeat;
left: 0;
width: 100%;
height: 150px;
bottom: 0;
display: block;
box-shadow: 0px -15px 20px 8px #ffffff99;
z-index: 9;
}
.search__results li.all-results .search-title.see-all {
padding: 12px 0;
display: inline-block;
width: 100%;
}
.search__results li.all-results a {
text-align: center;
display: block;
width: 100%;
margin: 0 auto;
background: #f40000;
color: #fff;
border-radius: 4px;
z-index: 999;
}
.search__results li.all-results a span.icon-plus {
margin-right: 10px;
}
.search__results li.all-results a span {
color: #fff;
}
.search__results li.all-results a span.icon-plus:before {
content: "";
background-image: url(plus-icon.svg);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
z-index: 9;
}
.search-info .feature_divider {
border-bottom-width: 1px;
border-color: #e7e8ea;
}
.additional-search-results {
padding: 0 10px;
margin-bottom: 40px;
}
.additional-search-results .search-items {
margin-bottom: 20px;
}
.additional-search-results .search-items .search-item {
padding: 0 65px;
padding-bottom: 32px;
border-bottom: 1px solid #e7e8ea;
}
.additional-search-results .search-items .search-item h2 {
font-size: 20px;
}
.additional-search-results .search-items .search-item h2 a,
.additional-search-results .search-items .search-item h2 a:hover {
color: #000;
}
.additional-search-results .search-items .search-item > p {
color: #000;
}
/* Search CSS End */
/* Mini Cart CSS Start */
.cart-container.active_link .cart_content {
height: calc(100vh - 140px);
max-height: calc(100vh - 140px);
overflow: hidden;
z-index: 5000;
border: 1px solid #e7e8ea;
box-shadow: 0 8px 24px rgb(130 139 150 / 15%);
border-radius: 8px 0 8px 8px;
}
.cart_content .add_to_cart.global-button:not(.action_checkout) {
background-color: grey;
border-color: grey;
}
.cart-container.active_link .cart_content .cart_items_wrapper {
/*max-height: calc(100vh - 450px);*/
max-height: var(--RiseCartItemsWrapperDesk);
overflow: auto;
display: block;
}/*
.cart-container.active_link .cart_content.has-offer-products.offer-products-expanded .cart_items_wrapper {
max-height: calc(100vh - 710px);
}*/
@media only screen and (max-width: 798px) {
.cart-container.active_link .cart_content {
height: calc(100vh - 165px);
max-height: calc(100vh - 165px);
}
.cart-container.active_link .cart_content .cart_items_wrapper {
max-height: var(--RiseCartItemsWrapperMob);
}
/*.cart-container.active_link .cart_content .cart_items_wrapper {
max-height: calc(92vh - 430px);
}
/*.cart-container.active_link .cart_content.has-offer-products .cart_items_wrapper {
max-height: calc(92vh - 470px);
}
.cart-container.active_link .cart_content.has-offer-products.offer-products-expanded .cart_items_wrapper {
max-height: calc(100vh - 720px);
}*/
}
/*
.cart-container.active_link .cart_content .cart_items_wrapper::-webkit-scrollbar {
width: 18px;
}
.cart-container.active_link .cart_content .cart_items_wrapper::-webkit-scrollbar-track {
background: transparent;
}
.cart-container.active_link .cart_content .cart_items_wrapper::-webkit-scrollbar-thumb {
background: #e7e8ea;
border-radius: 15px;
border: 6px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
width: 8px;
}*/
.cart-container.active_link .cart_content .cart-summary {
position: absolute;
bottom: 0;
width: 100%;
background-color: #fff;
padding: 12px 0 15px;
}
.cart-container.active_link .cart_content .cart-summary li:not(.cart_offers) {
padding: 0 20px;
}
.cart-container.active_link .cart_content .cart_items li.mini-cart__item:last-child,
.cart-container.active_link .cart_content .cart-summary li:last-child {
margin-bottom: 0;
}/*
.cart-container.active_link .cart_content .cart-summary.is-faded:not(.remove-faded):before {
content: "";
position: absolute;
background: linear-gradient(to bottom, #ffffff99, #ffffff 80%) no-repeat;
left: 0;
width: 100%;
height: 200px;
bottom: 60px;
display: block;
box-shadow: 0px -15px 20px 8px #ffffff99;
}*//*
.cart-container.active_link .cart_content .cart-summary.cart-bottom-fade:before {
content: "";
position: absolute;
background: linear-gradient(to bottom, #ffffff99, #ffffff 80%) no-repeat;
left: 0;
width: 100%;
height: 200px;
bottom: 60px;
display: block;
box-shadow: 0px -15px 20px 8px #ffffff99;
}*/
.cart-container.active_link .cart_content .cart-summary.cart-bottom-fade {
box-shadow: 0px -25px 20px 28px #ffffffeb;
}
.cart-container .mini-cart__item-content .mini-cart__item-title {
font-weight:400;
}
.cart-container .mini-cart__item-content .mini-cart__item-title a {
letter-spacing: initial;
}
.cart-container .mini-cart__item-content .mini-cart__item-price {
font-size: .9rem;
font-weight: 300;
padding: 0;
line-height: 1.6em;
}
.cart-container .mini-cart__item-content .product-meta {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
font-size: 14px;
color: #828b96;
margin-bottom: 5px;
}
.cart-container .mini-cart__item-content .product-quantity-box{
margin: 0;
}
.mini-cart__item .product-meta .line-item {
display: inline-block;
margin-left: 2px;
}
.mini-cart__item .product-meta .line-item:first-child {
margin-left: 0;
}
.mini-cart__item .product-meta .line-item:not(:first-child):before {
content: "/";
}
.mini-cart__item .product-meta .line-item:first-child:not(.size) ~ .line-item:before {
content: "";
}
.mini-cart__item .product-meta .line-item.restock-date:first-child:before {
content: "/";
}
.mini-cart__item .product-meta .line-item.status {
order: 1;
}
.mini-cart__item .product-meta .line-item.restock-date {
order: 2;
}
.cart-container .cart-summary .cart_subtotal,
.cart-container .cart-summary .cart_savings {
position: relative;
font-weight: 400;
}
.cart-container .cart-summary .cart_savings {
font-weight: 300;
}
.cart-container .cart-summary .cart_discounts {
position: relative;
}
/* Mini Cart CSS End */
/*----- Due Payment Card CSS Start -----*/
.due-payment-status {
box-shadow: 4px 4px 15px rgb(0 0 0 / 4%);
padding: 12px;
border: 2px solid #E7E8EA;
border-radius: 8px;
margin-bottom: 10px;
}
.due-payment-status .due-payment-card-header {
padding-left: 30px;
position: relative;
}
.due-payment-status .due-payment-card-header span.icon {
position: absolute;
left: 0;
top: 5px;
}
.due-payment-status .due-payment-card-body {
padding: 0 30px;
}
.due-payment-card-header h3 {
font-size: 20px;
font-weight: normal;
color: #212121;
margin-bottom: 5px;
}
.due-payment-card-header p {
font-size: 14px;
}
.outstanding-data {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.outstanding-data .outstanding {
display: flex;
flex-direction: row;
flex-basis: 100%;
flex: 1;
align-items: center;
}
.outstanding-data .outstanding .outstanding-icon {
margin-right: 10px;
}
.outstanding-data .outstanding .outstanding-icon svg {
display: flex;
align-items: center;
width: 28px;
margin: 0;
}
.outstanding-data .outstanding-action_button {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 0 1;
justify-content: center;
align-items: flex-end;
}
.outstanding-data .outstanding-action_button a.pay {
background-color: #F40000;
color: #fff;
font-weight: normal;
padding: 8px 35px;
font-size: 18px;
line-height: 20px;
border-radius: 8px;
}
.outstanding .outstanding-text {
display: flex;
flex-direction: column;
}
.outstanding .outstanding-text .label {
color: #828B96;
font-weight: normal;
}
.outstanding .outstanding-text .money {
color: #000;
font-weight: normal;
font-size: 14px;
}
/*----- Due Payment Card CSS End -----*/
/*----- Rise Toaster CSS Start -----*/
.rise-toaster {
position: fixed;
width: 420px;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: 0 auto;
z-index: 999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 700ms ease;
-moz-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
transition: all 700ms ease;
}
.rise-toaster.active {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.rise-toaster .notification-wrapper {
position: relative;
background-color: #F1FFF4;
border-radius: 8px;
border: 1px solid #C0ECD4;
padding: 15px;
display: flex;
}
.rise-toaster .notification-wrapper .notification-icon {
margin-right: 8px;
}
.rise-toaster .notification-wrapper .notify-label {
font-size: 18px;
font-weight: normal;
}
.rise-toaster .notification-wrapper p {
margin: 0;
margin-right: 20px;
}
.rise-toaster .notification-wrapper .close {
position: absolute;
top: 21px;
right: 15px;
line-height: 0;
}
.rise-toaster .notification-wrapper .notification-icon .icon {
vertical-align: middle;
line-height: 0;
margin-right: 8px;
}
.rise-toaster .notification-wrapper .close svg {
width: 12px;
}
.rise-toaster .notification-wrapper .close svg path {
fill: #828B96;
}
/*----- Rise Toaster CSS End -----*/
/*------ Collection Page CSS ------*/
.price-ui-badge {
margin-bottom: 4px;
}
.price-ui-badge.hide-sale {
display: none;
}
/*------ Collection Page CSS End -----*/
/*------ Mobile Add To Cart Page CSS -----*/
.mobile-add-to-cart,
.bottomSheet-AddToCart,
.bottomSheet-SizeGuide {
display: none;
}
/*----- Mobile Add To Cart Page End -----*/
/*----- Rise Form CSS Start -----*/
.riseform_section .inside-header .fancybox-close-small{
display: none;
}
.riseform_section {
padding: 50px 0;
}
.riseform_section .title {
font-size: 42px;
margin: 0 0 20px;
}
.riseform_section .global-button {
background-color: #fff;
border-color: #fff;
color: #000;
}
.rise-form {
display: flex;
align-items: center;
justify-content: center;
width: 480px;
max-width: 640px;
margin: 0 auto;
position: relative;
}
.rise-form .rise-form-field,
.rise-form .rise-form-field:active,
.rise-form .rise-form-field:focus {
font-family: Oswald, sans-serif;
font-size: var(--RiseFormInputFS);
font-weight: var(--RiseFormInputFW);
color: var(--RiseFormInputColor);
background: var(--RiseFormInputBG);;
border-radius: 8px;
padding-left: 20px;
min-width: 100%;
min-height: 60px;
border: 0;
margin: 0;
}
.rise-form .global-button {
position: absolute;
top: 6px;
right: 5px;
width: auto;
font-weight: normal;
background-color: #fff;
border-color: #fff;
color: #000;
text-transform: unset;
}
.rise-form .input-row .input-badge {
position: absolute;
top: -20px;
left: 0;
background: linear-gradient(90.45deg, #F1DBB2 0%, #F6DADB 100%);
color: #7C8187;
border: 1.5px solid #7C8187;
padding: 2px 10px;
border-radius: 4px;
font-size: 13px;
line-height: 18px;
font-weight: 400;
text-transform: uppercase;
}
.input-badge[data-input-badge]:empty {
display: none;
}
.rise-form .input-row .input-badge .icon {
display: inline-block;
width: auto;
}
.rise-form .input-row .input-badge .icon svg {
fill: #7c8187;
width: 13px;
height: 13px;
}
/*----- Rise Form CSS End -----*/
/*----- Rise Popup Form CSS Start -----*/
#membership-popup {
margin-top: 110px;
}
.js-rise-popup-form {
min-width: 500px;
text-align: center;
}
.js-rise-popup-form.popup_notify_form {
min-width: 500px;
max-width: 500px;
min-height: 570px;
background: #000;
text-align: center;
margin: 0 auto;
}
.inside-header {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.js-rise-popup-form .popup-content {
padding: 50px;
position: relative;
}
.js-rise-popup-form .fancybox-close-small {
background: rgba(43,46,56,.63);
}
.js-rise-popup-form.popup_notify_form .popup_notify_form__inputs label {
font-size: 13px;
font-weight: 400;
color: #7c8187;
text-transform: none;
}
.js-rise-popup-form.popup_notify_form .input-group .input-badge {
position: absolute;
top: 17px;
right: 0;
background-color: #e9fc12f2;
color: #828b96;
border: 1.5px solid #7C8187;
padding: 2px 10px;
border-radius: 4px;
font-size: 13px;
line-height: 18px;
font-weight: 400;
text-transform: uppercase;
}
.js-rise-popup-form.popup_notify_form input::placeholder,
.js-rise-popup-form.popup_notify_form input {
font-family: Oswald,sans-serif;
font-size: var(--RiseFormInputFS);
font-weight: var(--RiseFormInputFW);
color: var(--RiseFormInputColor);
background-color: var(--RiseFormInputBG);
border-color: var(--RiseFormInputBG);
}
.birthdate-input.input-group {
margin-bottom: 15px;
}
.birthdate-input .birthday-wrapper {
display: flex;
flex: 1 1 0px;
}
.birthdate-input .dropdown-content {
width: 100%;
max-width: 40%;
margin: 0 5px;
}
.birthdate-input .dropdown-content:first-child {
margin-left: 0;
}
.birthdate-input .dropdown-content:last-child {
margin-right: 0;
}
select.js-selectpicker,
select.js-selectpicker-without-search,
.select2-container .select2-selection,
.select2-container .select2-selection .select2-selection__rendered {
height: 50px;
min-height: 50px;
line-height: 50px;
text-align: left;
}
.select2-container .select2-selection {
background-color: transparent;
border: 0;
outline: 0;
}
select.js-selectpicker,
select.js-selectpicker-without-search,
.select2-container .select2-selection .select2-selection__rendered {
background-color: var(--RiseFormInputBG);
border-color: var(--RiseFormInputBG);
color: var(--RiseFormInputColor);
border-radius: 8px;
padding-left: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--RiseFormInputColor);
}
.select2-container .select2-dropdown.select2-dropdown--above {
margin-top: -6px;
}
.select2-container .select2-dropdown.select2-dropdown--below {
margin-top: 6px;
}
.select2-container .select2-dropdown {
border-radius: 8px;
background-color: #292929;
border: 0;
padding: 0;
overflow: hidden;
}
.select2-container .select2-results__options {
border-top: 1px solid #828B96;
}
.select2-search--hide + .select2-results .select2-results__options {
border: 0;
}
.select2-container .select2-results__options li {
padding: 5px 0;
display: block;
color: #fff;
text-align: center;
border: 0;
cursor: pointer;
margin: 0;
font-size: 14px;
font-weight: 300;
border-bottom: 1px solid rgb(130 139 150 / 35%);
}
.select2-container .select2-results__options li:last-child {
border: 0;
}
.select2-container .select2-dropdown .select2-search {
padding: 0;
}
.select2-container .select2-dropdown .select2-search__field {
font-family: Oswald,sans-serif;
font-size: var(--RiseFormInputFS);
font-weight: var(--RiseFormInputFW);
color: var(--RiseFormInputColor);
background-color: var(--RiseFormInputBG);
margin: 0;
padding: 0 10px;
border: 0;
}
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px;
min-height: 50px;
line-height: 50px;
width: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow svg {
width: 100%;
padding: 0 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow svg path {
stroke: #7c8187;
}
.select2-container .select2-results__options::-webkit-scrollbar {
width: 12px; /* Total width including `border-width` of scrollbar thumb */
height: 0;
}
.select2-container .select2-results__options::-webkit-scrollbar-thumb {
height: 1em;
border: 3px solid rgba(0, 0, 0, 0); /* Transparent border together with `background-clip: padding-box` does the trick */
background-clip: padding-box;
-webkit-border-radius: 6px;
background-color: #7C8187;
-webkit-box-shadow: inset 0 0 0 1px #7C8187;
}
.select2-container .select2-results__options::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.select2-container .select2-results__options::-webkit-scrollbar-corner {
background-color: transparent;
}
.rise-select-dropdown {
position: relative;
}
.rise-select-dropdown .selected {
display: flex;
justify-content: space-between;
width: 100%;
background-color: var(--RiseFormInputBG);
border-color: var(--RiseFormInputBG);
color: var(--RiseFormInputColor);
border-radius: 8px;
}
.rise-select-dropdown .selected span {
cursor: pointer;
display: block;
height: 50px;
min-height: 50px;
line-height: 50px;
padding: 0 10px;
text-align: left;
font-size: var(--RiseFormInputFS);
font-weight: var(--RiseFormInputFW);
color: var(--RiseFormInputColor);
}
.rise-select-dropdown .selected span.icon {
width: 36px;
}
.rise-select-dropdown .selected span.icon svg {
width: 100%;
}
.rise-select-dropdown .selected span.icon svg path {
stroke: #7c8187;
fill: none;
}
.rise-select-dropdown ~.options,
.rise-select-dropdown .options {
display: none;
list-style: none;
padding: 0 5px 0 10px;
position: absolute;
left: 0px;
top: 40px;
width: 100%;
border-radius: 8px;
background-color: #292929;
z-index: 9;
max-height: 150px;
overflow: auto;
}
.rise-select-dropdown ~ .options,
.rise-select-dropdown .options {
top: 56px;
max-height: unset;
padding: 0;
}
.rise-select-dropdown ~.options input,
.rise-select-dropdown.with-search .options input {
margin: 0!important;
position: sticky;
top: 0;
border: 0;
}
.rise-select-dropdown ~ .options ul,
.rise-select-dropdown .options ul {
text-align: center;
padding: 0 0 0 0px;
margin: 0;
max-height: 220px;
overflow: auto;
}
/* commented kalpesh */
/*.rise-select-dropdown:not(.country-with-code):not(.with-search) ~ .options ul,
.rise-select-dropdown:not(.country-with-code):not(.with-search) .options ul {
padding: 0 10px;
}
.rise-select-dropdown~.options ul.hide-scrollbar,
.rise-select-dropdown .options ul.hide-scrollbar {
padding: 0 10px;
}*/
.rise-select-dropdown.with-search .options ul,
.rise-select-dropdown ~ .options ul {
border-top: 1px solid #828B96;
}
.rise-select-dropdown ~ .options ul.country-list {
text-align: left;
}
.rise-select-dropdown .options ul li,
.rise-select-dropdown ~ .options ul li {
padding: 5px 10px;
display: block;
color: #fff;
cursor: pointer;
margin: 0;
font-size: 14px;
font-weight: 300;
border-bottom: 1px solid rgb(130 139 150 / 35%);
}
.rise-select-dropdown .options ul li:hover,
.rise-select-dropdown .options ul li.selected {
background-color: rgb(246 246 246 / 20%);
border-radius: 0;
}
.rise-select-dropdown .options ul li:last-child,
.rise-select-dropdown ~ .options ul li:last-child,
.rise-select-dropdown .options ul li.last-visible,
.rise-select-dropdown ~ .options ul li.last-visible {
border-bottom: 0;
}
.js-rise-popup-form.popup_notify_form .notified_by_sms {
display: block;
text-align: left;
}
.js-rise-popup-form.popup_notify_form .notified_by_sms label {
font-size: 14px;
font-weight: 500;
color: #fff;
margin-bottom: 15px;
cursor: pointer;
display: inline-block;
position: relative;
}
.js-rise-popup-form.popup_notify_form .notified_by_sms label:before {
content: "";
display: inline-block;
vertical-align: text-top;
width: 18px;
height: 18px;
background: 0 0;
border: 2px solid #fff;
border-radius: 3px;
margin-right: 5px;
}
.js-rise-popup-form.popup_notify_form .notified_by_sms input[type=checkbox]:checked+label:after {
content: "";
display: block;
position: absolute;
top: 6px;
left: 8px;
width: 4px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.js-rise-popup-form.popup_notify_form .input-group .group-control {
display: flex;
}
.rise-select-dropdown.country-with-code .selected {
min-width: 85px;
}
.popup_notify_form .instruction {
font-size: 12px;
line-height: 18px;
font-weight: 300;
color: #fff;
}
.js-rise-popup-form.popup_notify_form span.note,
.js-rise-popup-form.popup_notify_form span.note a {
font-size: 14px;
font-weight: 300;
color: #f9f9f9;
}
.js-rise-popup-form.popup_notify_form span.note a {
text-decoration: underline;
}
.global-button.get-early-access,
.global-button.membership {
background-color: #fff;
border-color: #fff;
color: #040404;
font-size: 24px;
width: 100%;
padding: 10px;
text-transform: none;
}
.global-button.open-rise-form:hover,
.global-button.get-early-access:hover,
.global-button.membership:hover {
background-color: #e7e8ea;
border-color: #e7e8ea;
color: #000;
}
.js-rise-popup-form.popup_notify_form .input-group .group-control input {
padding: 0 10px;
}
.js-rise-popup-form.popup_notify_form .input-group .group-control input {
margin-left: 8px;
}
.js-rise-popup-form .group-control span.icon.icon--arrow-down svg {
vertical-align: unset;
margin-left: 0;
}
.rise-select-dropdown .options .dropdown-option-list::-webkit-scrollbar,
.rise-select-dropdown ~ .options ul::-webkit-scrollbar {
width: 12px; /* Total width including `border-width` of scrollbar thumb */
height: 0;
}
.rise-select-dropdown .options .dropdown-option-list::-webkit-scrollbar-thumb,
.rise-select-dropdown ~ .options ul::-webkit-scrollbar-thumb {
height: 1em;
border: 3px solid rgba(0, 0, 0, 0); /* Transparent border together with `background-clip: padding-box` does the trick */
background-clip: padding-box;
-webkit-border-radius: 6px;
background-color: #7C8187;
-webkit-box-shadow: inset 0 0 0 1px #7C8187;
}
.rise-select-dropdown .options .dropdown-option-list::-webkit-scrollbar-button,
.rise-select-dropdown ~ .options ul::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}
.rise-select-dropdown .options .dropdown-option-list::-webkit-scrollbar-corner,
.rise-select-dropdown ~ .options ul::-webkit-scrollbar-corner {
background-color: transparent;
}
.js-rise-popup-form.popup_notify_form .has-error .form-error {
display: block;
text-align: left;
padding: 0;
border: 0;
font-size: 15px;
line-height: 1.6em;
color: var(--RiseErrorColor);
background: transparent;
margin-bottom: 5px;
}
.js-rise-popup-form .form-response {
margin: 10px 0;
font-size: 15px;
font-weight: normal;
}
.js-rise-popup-form .success-message,
.js-rise-popup-form .error-message {
color: #00EF62;
}
.js-rise-popup-form .error-message {
color: var(--RiseErrorColor);
}
.js-rise-popup-form .success-message:not(.hidden),
.js-rise-popup-form .error-message:not(.hidden) {
display: block;
}
/*----- Rise Popup Form CSS End -----*/
/*----- Shipping Bar CSS Start -----*/
.shipping-bar {
position: relative;
background-color: #DCE0E6;
border-radius: 6px;
overflow: hidden;
}
.shipping-bar .bar {
position: absolute;
float: left;
top: 0;
left: 0;
height: 100%;
background-color: #00EF62;
width: 0%;
transition-duration: .5s;
transition-timing-function: cubic-bezier(.93,-.01,0,1.02);
transition-property: all;
}
.shipping-bar .shipping__message-default,
.shipping-bar .shipping__message-success {
position: relative;
width: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: .9rem;
font-weight: 400;
color: #000000;
}
.shipping-bar .shipping__message-default .icon,
.shipping-bar .shipping__message-success .icon {
margin-right: 8px;
line-height: 0;
}
.shipping-bar .shipping__message-default .icon svg {
width: 24px;
}
.shipping-bar .shipping__message-success .icon svg {
width: 18px;
}
.shipping-bar.is-success .shipping__message-default {
display: none;
}
.shipping-bar .shipping__message-success {
display: none;
}
.shipping-bar.is-success .shipping__message-success {
display: flex;
}
.mini__cart-shipping-bar {
border-bottom: 1px solid #e7e8ea;
width: calc(100% - 30px);
margin: 0 auto;
padding-top: 5px;
}
.shipping-bar a {
position: absolute;
height: 100%;
top: 0;
right: 5px;
}
.shipping-bar a .icon--info {
line-height: 20px;
display: flex !important;
align-items: center;
height: 25px;
}
.shipping-bar .icon--info svg {
height: 18px;
width: 18px;
border-radius: 100%;
}
.shipping-bar .icon--info svg path {
fill: #828B96;
}
/*----- Shipping Bar CSS End -----*/
/*----- Cart Offer CSS Start -----*/
.Cart__Offer {
background-color: #f9f9f9;
padding: 10px 0;
border-radius: 8px;
}
body.cart .Cart__Offer {
margin-bottom: 15px;
}
.Cart__Offer .Cart__Offer-header {
text-align: center;
position: relative;
cursor: pointer;
}
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle {
position: absolute;
display: flex;
right: 20px;
top: 0;
align-items: center;
bottom: 0;
}
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle svg {
width: 18px;
}
.Cart__Offer.show .Cart__Offer-header .Cart_offer-toggle svg {
transform: rotate(180deg);
}
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle svg path {
stroke: #000;
}
.Cart__Offer .Cart__Offer-heading {
margin: 0;
padding: 0;
font-size: 1.1rem;
line-height: 20px;
font-weight: 500;
}
.Cart__Offer-heading span:last-child {
font-size: 15px;
}
.Cart__Offer .Cart__Offer-header > span {
font-size: var(--metaFontSize);
font-weight: 300;
color: #828B96;
}
.Cart__Offer .Cart__Offer-products {
padding: 10px 20px;
display: none;
}
.Cart__Offer.show .Cart__Offer-products {
display: block;
}
.Cart__Offer .Cart__Offer-products .products-slider {
margin: 0;
}
.Cart__Offer .Cart__Offer-products button.flickity-button.flickity-prev-next-button {
width: 10%;
}
.Cart__Offer .Cart__Offer-products button.flickity-button.flickity-prev-next-button.next:before {
background-color: #f9f9f9;
}
.Cart__Offer .Cart__Offer-products .slider-gallery .gallery-cell {
margin: 0 5px;
border-radius: 8px;
padding: 10px;
background-color: #fff;
}
.Cart__Offer .Cart__Offer-products .product-details {
margin-top: 10px;
}
.Cart__Offer .Cart__Offer-products .product-details .title {
font-size: .8rem;
min-height: 30px;
max-height: 30px;
overflow: hidden;
}
.Cart__Offer .Cart__Offer-products .add_to_cart.global-button {
background-color: #000;
border-color: #000;
padding: 0 !important;
width: 100%;
height: 30px;
}
.Cart__Offer .Cart__Offer-products .add_to_cart.global-button .text:before {
right: 0;
width: 14px;
height: 14px;
}
@media only screen and (max-width: 798px) {
.Cart__Offer .Cart__Offer-products .add_to_cart.global-button {
height: 25px;
}
.Cart__Offer .Cart__Offer-heading {
font-size: .9rem;
line-height: 16px;
}
.Cart__Offer .Cart__Offer-header > span {
font-size: .8rem;
}
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle svg {
width: 14px;
}
.Cart__Offer .Cart__Offer-products button.flickity-button.flickity-prev-next-button svg {
width: 26px;
height: 26px;
padding: 7px 0;
}
}
/*----- Cart Offer CSS End -----*/
.mini__cart-header {
padding: 10px 15px 0;
display: flex;
justify-content: space-between;
}
.mini__cart-header h3 {
margin: 0;
text-transform: uppercase;
line-height: unset;
}
.mini__cart-header .cart-item-count {
font-size: 14px;
font-weight: 400;
color: #828b96;
}
.g-recaptcha {
margin: 10px;
}
/*----- Video Background Section -----*/
.video-background {
position: relative;
margin-bottom: 20px;
z-index: 99;
}
.vimeo-container .lazyframe {
padding: 0;
width: 100%;
/* height: 70vh; */
overflow: hidden;
position: relative;
}
.poster {
background-color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
height: 100%;
width: 100%;
object-fit: cover;
}
body.index .vimeo-container .lazyframe,
body.index .poster {
height: calc(100vh - 150px);
}
iframe#background-video {
box-sizing: border-box;
width: 177.77777778vh;
height: 56.25vw;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-main {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
z-index: 9;
}
.video-main-container {
max-width: 1400px;
margin: 0 auto;
}
.video-main-container .video-content {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding: 100px 0;
}
.bottom-part {
animation: lazy 4s forwards;
}
@keyframes lazy {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.video-background .countdown-digit-group {
display: inline-block;
margin: 0 8px;
position: relative;
}
.video-background .countdown-digit-group .digit {
display: inline-block;
padding: 5px 0;
color: #fff;
font-weight: 600;
font-size: 40px;
line-height: 40px;
margin: 0 3px;
width: 20px;
}
.video-background .countdown-digit-group .count-down-label {
display: block;
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 20px;
color: #fff;
margin-top: 5px;
text-transform: uppercase;
}
.video-background .countdown-digit-group.hour:before,
.video-background .countdown-digit-group.mintues:before,
.video-background .countdown-digit-group.seconds:before {
content: ":";
position: absolute;
display: inline-block;
vertical-align: middle;
font-weight: 600;
font-size: 40px;
line-height: 40px;
left: -16px;
color: #fff;
}
.video-background .r2020_view_1_countdownbox {
display: none;
}
/*----- Rise Blog Dark With Video Top Banner -----*/
body.article-dark-with-video-top-banner #shopify-section-announcement-slider {
display: none;
}
/*----- Media CSS Start -----*/
@media only screen and (max-width: 1700px) {
/*----- Product Quick Shop CSS Start -----*/
.js-quick-add {
padding-left: 0;
padding-right: 0;
}
.js-quick-add .swatch_options .swatch .swatch-element label {
font-size: 14px;
height: 30px;
line-height: 30px;
}
/*----- Product Quick Shop CSS End -----*/
/*----- Product Swatch CSS Start -----*/
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element label {
padding: 0 5px;
font-size: 12px;
}
/*----- Product Swatch CSS End -----*/
}
@media only screen and (max-width: 1400px) {
.collection .product-info__caption .product-details .price-ui,
.js-recently-viewed-product .product-info__caption .product-details .price-ui,
.recommended-products--slider .product-info__caption .product-details .price-ui,
.cart_content .mini-cart__item--content .price {
font-size: 0.9em;
}
.js-recently-viewed-product .product-info__caption .product-details .price-ui {
margin: 5px 0;
}
}
@media only screen and (max-width: 1370px) {
/*----- Product Quick Shop CSS Start -----*/
.swatch_options .swatch .swatch-element label {
padding: 0px 5px;
}
/*----- Product Quick Shop CSS End -----*/
}
@media only screen and (max-width: 1200px) and (min-width: 798px) {
/*----- Cart Page CSS Start -----*/
.cart-items .cart__item .cart__item--image {
width: calc(30% - 20px);
}
.cart-items .cart__item .quantity-box {
width: 100%;
justify-content: flex-start;
}
/*----- Cart Page CSS End -----*/
}
@media only screen and (max-width: 1200px) and (min-width: 1024px) {
.swatch_options .swatch .swatch-element label {
min-width: 45px;
}
.js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element label {
height: 30px;
line-height: 28px;
}
/* ----- offer cart css ----- */
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle{
right: 10px;
}
.Cart__Offer .Cart__Offer-header .Cart_offer-toggle svg {
width: 12px;
}
.Cart__Offer-heading span:last-child {
font-size: 13px;
}
/*-----offer cart css----- */
}
@media only screen and (max-width: 1200px) {
.product__details--product-page .price-ui {
display: inline-block;
}
/*----- Sticky Add to Cart CSS Start ------*/
.rise-add-to-cart-fixed .rise-wrap-content {
padding: 5px 15px;
}
.rise-add-to-cart-fixed .product__information h1.product_name {
font-size: 20px;
}
.rise-add-to-cart-fixed .product__meta .modal_price {
font-size: 16px;
}
.rise-add-to-cart-fixed .product__actions .swatch-element label {
height: 32px !important;
line-height: 32px !important;
min-width: 45px;
}
.rise-add-to-cart-fixed .rise-wrap-content .product_form .purchase-details .add_to_cart {
padding: 12px 25px !important;
min-width: 158px;
}
.rise-add-to-cart-fixed .product__actions button.notify-popup {
padding: 10px 20px;
}
/*----- Sticky Add to Cart CSS End ------*/
/*----- Order Detail Page CSS Start -----*/
body.customers-order .cart-header .cart-header-text,
body.cart .cart-header .cart-header-text {
display: none;
}
body.customers-order .cart__item .order-details__discount.mobile {
text-align: left!important;
display: block;
}
body.customers-order .cart__item .order-details__discount.desktop {
display: none;
}
/*----- Order Detail Page CSS End -----*/
}
@media only screen and (max-width: 1100px) {
/*----- Rise Package Section CSS Start -----*/
.shopify-section--rise-packages .packages {
padding: 20px 0;
}
.package-list .package-box {
margin-left: 10%;
}
.package-list .package-box {
min-width: 230px;
}
/*----- Rise Package Section CSS End -----*/
}
@media only screen and (max-width: 1024px) {
/*----- Slider CSS Strat -----*/
button.flickity-button.flickity-prev-next-button {
width: 7%;
}
/*----- Slider CSS End -----*/
/*----- Product Swatch CSS Start -----*/
.js-quick-add .quick-soldout {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 .8rem;
}
.js-quick-add .quick-soldout .soldout-tag {
font-size: 14px;
line-height: 14px;
margin: 0;
margin-bottom: 5px;
}
.js-quick-add .sold-out-get-notify {
font-size: 12px;
line-height: unset;
height: 30px;
width: 200px;
max-width: 100%;
margin: 0 auto;
}
/*----- Product Swatch CSS End -----*/
/*----- Cart & Order Detail page CSS Start -----*/
body.cart .cart__wrapper .cart-items-main,
body.cart .cart__wrapper .cart-summary,
body.customers-order .cart__wrapper .cart-items,
body.customers-order .cart__wrapper .cart-summary {
width: 100%;
margin-bottom: 20px;
}
body.customers-order .cart__wrapper .cart-items-main {
width: 100%;
}
/*----- Cart & Order Detail page CSS End -----*/
/*----- Login & Sign Up Page CSS Start -----*/
.recover-password-main {
min-width: unset;
width: 100%;
}
.register-main {
margin-top: 0;
}
.rpm-feature {
left: 20px;
padding: 2rem 0rem;
width: 75px;
}
.rpm-feature .rpm-icon {
height: 2.2rem;
top: 3.2rem;
left: 1px;
}
.rpm-feature .rpm-feature-icon {
height: 4.5rem;
}
.register-wrapper .register-banner {
position: relative;
}
.register-wrapper .banner-text {
position: absolute;
display: block;
bottom: 150px;
left: 0;
color: #fff;
width: 100%;
z-index: 9;
}
.register-wrapper .banner-text .banner-content-main {
display: flex;
flex-direction: column;
}
.register-wrapper .banner-text h1 {
font-size: 50px;
font-weight: 500;
line-height: 50px;
color: #fff;
text-transform: uppercase;
margin-bottom: 7px;
}
.register-wrapper .banner-text h1 span {
color: #F40000;
}
.register-wrapper .banner-text .hastag {
color: #F40000;
font-size: 15px;
font-weight: normal;
display: flex;
line-height: 28px;
}
.desktop-banner-text {
display: none;
}
/*----- Login & Sign Up Page CSS End -----*/
/*----- Collection Page CSS start -----*/
.search .product__details .product-details,
.collection .product__details .product-details {
flex-direction: column;
}
body.collection .product-details .title,
body.search .product-details .title{
text-align: center;
}
/*----- Collection Page CSS End -----*/
.cart-items-main .checkout_button.is-hidden-mobile-only {
display: none;
}
.cart__item-list .cart__item:last-child {
border-bottom: 0;
}
}
@media only screen and (max-width: 798px) {
/* Base CSS Start */
.section:not(.is-width-wide) {
padding: 0 .5rem;
}
.price-ui-badge__sticker {
font-size: 9px;
line-height: 20px;
padding: 0 8px;
}
.disclosure button.disclosure__toggle {
cursor: auto;
}
a[data-remove-item="mini-cart"] {
cursor: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Base CSS End */
/* Fancybox CSS Start */
.fancybox-content {
margin: 20px;
}
/* Fancybox CSS End */
/* Home Slideshow CSS Start */
.homepage-slideshow .button-grid-container--column-mobile {
grid-auto-flow: column;
}
/* Home Slideshow CSS End */
/* flickity Slider CSS Start */
.homepage-product-slider {
padding: 0 10px;
}
.js-product-slider .slider-gallery {
margin: 0 0 40px 0;
}
.js-rv-slider .flickity-viewport {
margin: 0;
}
.slider-gallery .flickity-prev-next-button {
width: 7%;
}
.js-product-slider .flickity-prev-next-button.next {
right: 0;
}
.featured-promotions-mobile-slider .feature-section.pageloaded {
visibility: visible;
}
.featured-promotions-mobile-slider {
display: inline-block;
width: 100%;
overflow: visible;
}
.shopify-section--featured-promotions-v2 .section {
padding: 0;
}
.shopify-section--featured-promotions-v2 .section h2.title {
padding: 0 10px;
margin-top: 0;
}
.featured-promotions-mobile-slider.featured-promotions .flickity-slider {
margin-left: 20px;
}
.featured-promotions-mobile-slider.featured-promotions .feature-section {
width: calc(70% - 20px);
}
/* flickity Slider CSS End */
/* Header Mini Cart CSS Start */
.top-bar .top-bar--right {
height: 50px;
}
#header.mobile-stikcy {
position: fixed;
}
body:not(.index):not(.collection):not(.product) #header.mobile-stikcy .top-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
html.blocked-scroll {
overflow: hidden;
height: 100vh;
top: var(--body-scroll-y);
}
body.blocked-scroll {
pointer-events: auto;
height: auto;
}
body.blocked-scroll::before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(43, 46, 56, .7);;
z-index: 999;
}
.cart-container .mini_cart {
position: relative;
right: 0;
height: 50px;
width: 60px;
max-width: 60px;
display: block;
padding: 8px;
}
#header .cart-container .mini_cart span.icon {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
width: 30px;
margin: 0 auto;
}
.mini-cart__item-content {
margin-right: 20px;
}
#header li.mini-cart__item a.cart__remove-btn {
position: absolute;
padding: 5px;
outline: 0;
}
#header .cart-container .mini_cart .cart_count {
position: absolute;
padding: 0;
top: 11px;
}
#header .cart-container.active_link:before {
display: none;
}
#header .cart-container .cart_content {
top: 50px;
right: 0;
border-top: 0;
}
#header span.menu_title {
height: 50px;
}
#header .top-bar a.mobile_logo span {
padding: 0;
line-height: 0;
}
#header .top-bar a.mobile_logo span svg {
width: 30px;
fill: #fff;
}
/* Header Mini Cart CSS End */
/* Announcement Slider CSS Start */
#shopify-section-announcement-slider {
margin-top: 50px;
}
body.promo-banner--show #shopify-section-announcement-slider {
margin-top: 80px !important;
}
.englober {
position: relative;
padding: 5px 0;
}
.slideshow-container {
max-width: 400px;
}
.text_promo {
font-size: 0.65rem;
line-height: 1.6;
padding: 4px 20px;
}
/* Announcement Slider CSS End */
/*----- Rise Package Section CSS Start -----*/
.shopify-section--rise-packages {
padding: 30px 0;
}
.shopify-section--rise-packages .packages {
flex-direction: column;
padding: 0 20px 0;
}
.shopify-section--rise-packages .packages .package-banner,
.shopify-section--rise-packages .packages .package-content {
width: 100%;
}
.shopify-section--rise-packages .packages .package-content .package-content-main {
justify-content: center;
text-align: center;
margin-bottom: 160px;
margin-top: 30px;
}
.shopify-section--rise-packages .packages .package-content .package-content-main .package-heading h3 {
font-size: 34px;
line-height: 36px;
}
.packages .package-list:not(.mobile-package) {
display: none;
}
.shopify-section--rise-packages .packages .package-banner {
margin: -8rem 0;
}
.package-list.mobile-package {
display: flex;
margin-top: 8rem;
}
.package-list .package-box {
margin: 0 auto;
}
/*----- Rise Package Section CSS End -----*/
/*----- Product Swatch CSS Start -----*/
.inline-quickshop.js-quick-add:not(.sold-out) {
display: none;
padding: .3rem .7rem .3rem;
}
.js-quick-add.sold-out .quick-soldout {
padding: 0 5px;
line-height: 0;
}
.js-quick-add .soldout-tag {
font-size: 14px;
line-height: 16px;
}
.js-quick-add .quick-soldout .soldout-tag {
font-size: 12px;
line-height: 12px;
display: block;
margin: 0;
margin-bottom: 5px;
}
/*----- Product Swatch CSS End -----*/
/*----- Collection Page CSS Start -----*/
.section.collections .is-full-width-mobile {
margin: 0;
width: 100%;
}
.product-details {
flex-direction: column;
}
.section.collections {
padding: 0;
}
.price-ui-badge {
margin-bottom: 2px;
}
/*----- Collection Page CSS End -----*/
/*----- Product Page CSS Start -----*/
body.product .section.product-full-width .product__images,
body.product-product-and-landing-page1 .section.product-full-width .product__images {
position: unset;
top: unset;
height: unset;
width: 100%;
margin: 0;
}
.section.product-full-width {
padding: 0;
}
.product-meta-over-images .breadcrumb_text {
display: none;
}
.product_gallery {
margin-bottom: 10px;
}
.product-main .product_gallery_nav {
margin-bottom: 10px;
}
h1.product_name {
font-size: 22px;
}
.product__details--product-page {
width: 100%;
max-width: 100%;
margin-top: 0;
}
body.product {
margin: 0 !important;
}
body.product #reamaze-widget {
bottom: 80px !important;
}
body.product.bottomsheet-fixed #reamaze-widget {
display: none;
}
.rise-add-to-cart-fixed {
display: none;
}
body.collection .product-details,
body.search .product-details{
align-items: center;
}
.pre-order-ui-stats,
.final-sale-ui-stats {
margin: 0 0 20px;
}
#size-select_drawer .pre-order-ui-stats,
#size-select_drawer .final-sale-ui-stats {
margin-bottom: 10px;
}
#size-select_drawer .pre-order-ui-stats .icon {
line-height: 0;
}
#size-select_drawer .pre-order-ui-stats p {
display: none;
}
#size-select_drawer .pre-order-ui-stats .pre-order-date [data-src="#pre-order-popup"] {
display: inline-block;
}
/*----- Product Page CSS End -----*/
/*----- Rise Size Chart CSS Start -----*/
.js-sizechart-lightbox .size-chart-wrap .size-chart-image,
.js-sizechart-lightbox .size-chart-wrap .size-chart-table {
width: 100%;
}
/*----- Rise Size Chart CSS End -----*/
/*----- Footer CSS Start -----*/
.footer_credits {
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.footer-social-icons--mobile .social_icons li {
margin: 0 5px;
}
.footer-social-icons--mobile .social_icons a,
.footer-privacy ul li {
margin-bottom: 0;
}
.footer-social-icons--mobile .social_icons a:before {
margin-left: .15em;
font-size: 16px;
}
.footer_bottom-bar {
border: 0;
}
.footer-header {
display: none;
}
.footer-header.mobile {
display: block;
padding-top: 25px;
}
.footer-header {
border-top: 1px solid #828b9659
}
.footer_content.footer-select-store h6 {
display: inline-block;
float: left;
pointer-events: none;
padding-top: 6px;
}
.footer_content.footer-select-store h6 span {
display: none;
}
.footer_content.footer-select-store .toggle_content {
display: inline-block;
float: right;
padding-right: 0;
}
.footer_content h6 span.icon {
float: right;
margin-right: 12px;
opacity: .35;
}
.disclosure--store .selected-store .disclosure-arrow {
opacity: .35;
}
.footer_content h6 span.icon svg {
width: 16px;
}
/*----- Footer CSS End -----*/
/*----- Footer Select Store Css Start -----*/
.disclosure--store .disclosure__list-wrap {
left: 50%;
transform: translateX(-50%);
}
/*----- Footer Select Store Css End -----*/
/*----- Search Result Page CSS Strat -----*/
.additional-search-results .search-items .search-item {
padding: 0;
padding-bottom: 20px;
}
/*----- Search Result Page CSS End -----*/
/*----- Cart Page CSS Start -----*/
.shopify-section--cart-template section.section {
background-color: #fff;
}
body.cart .cart__wrapper .cart-items,
body.cart .cart__wrapper .cart-summary .subtotal,
body.customers-order .cart__wrapper .cart-summary .subtotal {
border: 0;
padding: 0;
}
.medium-down--one-whole-cart {
width: 100%;
}
.medium-down--seven-twelfths-cart {
width: 58.3333333333%;
}
.cart__wrapper .cart-items .cart__item .price_total {
text-align: left;
font-size: 14px;
}
.cart-items .cart__item .quantity-box {
width: 100%;
justify-content: flex-start;
}
.sticky-checkout-mobile {
position: sticky;
bottom: 0;
height: 100%;
width: 100%;
background-color: #fff;
display: inline-block;
padding: 10px;
z-index: 9;
}
.sticky-checkout-mobile .cart_subtotal {
margin-bottom: 10px;
}
.sticky-checkout-mobile:not(.faded-off):before {
content: "";
position: absolute;
left: 0;
bottom: 140px;
display: block;
background: linear-gradient(to bottom, #ffffff99, #ffffff 80%) no-repeat;
width: 100%;
height: 60px;
z-index: -1;
box-shadow: 0px -15px 20px 8px #ffffff99;
}
.sticky-checkout-mobile.show-free-shipping-bar:not(.faded-off):before {
bottom: 200px;
}
body.cart .recently-viewed__section {
padding-top: 20px;
}
.sale-count-down.top-bar-count-down {
width: 100%;
padding: 1px 0;
}
.mobile_nav-fixed--true #pagecontent {
margin: 0;
}
/*----- Cart Page CSS End -----*/
/*----- Account page CSS Start -----*/
.account-info .dashboard-caption, .account-info .dashboard-caption p {
width: 100%;
}
.menu .menu-item {
display: inline-block;
min-width: 120px;
padding: 8px;
margin-right: 5px;
}
.order-heading {
display: none;
}
.order-data-row .order-data-column.status-box {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
display: flex;
flex-direction: column;
}
.order-data-row .order-data-column:not(.status-box) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.order-data-row .order-data-column .data-item {
width: 100% !important;
min-height: unset;
}
.order-data-row .order-data-column .data-item:first-child {
padding-top: 10px;
}
.order-data-row .order-data-column .data-item:nth-child(3) {
padding-bottom: 10px;
}
.order-data-row .order-data-column .data-item:nth-child(2) {
border-right: 0;
display: none;
}
.menu-content .content .content-header {
margin-right: 0;
}
.account-info .dashboard-caption {
padding-right: 0;
}
.heading-column:first-child, .order-data-row .order-data-column:first-child {
margin: 0;
width: 40%;
}
.customer-account-sidebar,
.customer-account-sidebar-content {
margin-top: 15px;
}
.account-form #address_tables {
flex-direction: column;
}
.account-form #address_tables > p {
margin-left: 0;
}
.account-form .address_table {
width: 100%;
margin: 0 0 10px;
padding: 0;
margin-left: 0;
}
.account-form .address{
margin-left:0;
}
.order-data-row .order-data-column.status-box .status-data {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
/*----- Account page CSS End -----*/
/*----- Login & Sign Up Page CSS Start -----*/
.login-warpper #login_form, .login-warpper #recover-password,
.login-warpper .login-banner, .register-wrapper .register-banner,
.register-wrapper .register_form {
width: calc(50% - 20px);
}
.login-banner h1.login-promo-text {
margin: 0;
}
.section.login-warpper {
padding-bottom: 160px !important;
}
.section.login-warpper:before {
width: 100%;
}
.customers-register .banner:before {
background-size: 475%;
background-position: 50% 140%;
box-shadow: inset 0 35px 35px 10px #000;
}
/*----- Login & Sign Up Page CSS End -----*/
/*----- Search CSS Start -----*/
.search__results li.all-results {
position: fixed;
}
.search__results li.item-result.last-item {
margin-bottom: 70px;
}
.search__results li.all-results a {
width: calc(100% - 40px);
}
.search__results-wrapper .search__results li.all-results:before {
display: none !important;
}
/*----- Search CSS End -----*/
/*----- Topbar Timer start CSS Start -----*/
header .top-timer-text {
display: none !important;
}
/*----- Topbar Timer start CSS End -----*/
/*------ Mobile Add To Cart Page CSS -----*/
/*.product_section .product_form.product_form_options {
display: none !important;
}*/
.product-block--form .product_form {
margin: 0;
}
.product_section .product_form.product_form_options .add_to_cart.select-size .text:before {
display: none;
}
.product_section .purchase-details .add_to_cart,
.product_section .purchase-details .sold-out {
position: fixed;
left: 0;
right: 0;
display: block;
width: calc(100% - 20px);
bottom: 0;
z-index: 99;
margin: 10px;
}
input.shopify-challenge__button.btn {
width: 80%;
}
.product_section .product_form:not(.product_form_options) button.add_to_cart {
position: fixed;
bottom: 15px;
width: calc(100% - 20px);
right: 10px;
z-index: 99;
left: 10px;
margin: 0 auto;
}
.mobile-add-to-cart {
position: fixed;
display: none;
left: 0;
bottom: 0;
z-index: 9;
width: 100%;
padding: 15px 10px;
background-color: #fff;
}
.mobile-add-to-cart button {
width: 100%;
cursor: auto;
padding: 17px 18px;
}
.bottomSheet-AddToCart {
position: fixed;
left: 0;
bottom: -100%;
display: block;
width: 100%;
z-index: 99;
padding-top: 10px;
background-color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
.bottomSheet-Line {
position: absolute;
top: 8px;
left: 50%;
transform: translateX(-50%);
width: 90px;
height: 6px;
background-color: #b1b4ba;
border-radius: 8px;
display: none;
}
.bottomSheet-SizeGuide {
position: fixed;
right: -100%;
bottom: 0;
display: block;
width: 100%;
z-index: 99;
padding-top: 8px;
background-color: #fff;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease;
}
body.size-guide-fixed .bottomSheet-SizeGuide,
body.bottomsheet-fixed.size-guide-fixed .bottomSheet-SizeGuide {
right: 0;
}
body.bottomsheet-fixed.size-guide-goes-down .bottomSheet-SizeGuide {
bottom: -100%;
}
body.open-mobile-search {
touch-action: none;
-webkit-overflow-scrolling: none;
overflow: hidden;
/* Other browsers */
overscroll-behavior: none;
}
body.bottomsheet-fixed {
overflow: hidden;
touch-action: none;
-webkit-overflow-scrolling: none;
overscroll-behavior: none;
}
body.bottomsheet-fixed .bottomSheet-AddToCart {
bottom: 0;
}
body.bottomsheet-fixed .bottomsheet-overlay,
body.size-guide-fixed .bottomsheet-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(43, 46, 56, .7);;
z-index: 99;
overflow: hidden;
}
.bottomSheet-AddToCart .close-bottomsheet,
.bottomSheet-SizeGuide .close-bottomsheet {
position: absolute;
top: 10px;
right: 12px;
display: inline-block;
width: 30px;
height: 30px;
background-color: #e7e8ea;
border-radius: 8px;
z-index: 9;
padding: 0 !important;
}
.bottomSheet-AddToCart .close-bottomsheet .icon,
.bottomSheet-SizeGuide .close-bottomsheet .icon {
display: flex;
align-items: center;
transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
}
.bottomSheet-AddToCart .close-bottomsheet .icon svg,
.bottomSheet-SizeGuide .close-bottomsheet .icon svg {
display: block;
width: 12px;
margin: 0 auto;
}
.bottomSheet-AddToCart .close-bottomsheet .icon svg path,
.bottomSheet-SizeGuide .close-bottomsheet .icon svg path {
fill: #828b96;
}
.bottomSheet-AddToCart .close-bottomsheet:hover > .icon,
.bottomSheet-SizeGuide .close-bottomsheet:hover > .icon {
transform: rotate(90deg);
}
/*.bottomSheet-AddToCart,*/
/*.bottomSheet-SizeGuide,
.Styles__Modal.AddToCart ~ .destroy-button {
display: none;
}*/
.Styles__Modal .Styles__Product {
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
width: 100%;
position: relative;
padding: 1.5rem 0.8rem 0.8rem;
}
.Styles__Modal .Styles__Image {
position: relative;
margin-right: .8rem;
min-width: 90px;
overflow: hidden;
}
.Styles__Modal.SizeGuide .Styles__Image {
margin: 0 auto;
}
.Styles__Modal .Styles__Image .product_image {
position: relative;
}
.Styles__Modal .Styles__Image img {
max-width: 110px;
}
.Styles__Modal .Styles__Details {
display: flex;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
position: relative;
flex: 1 1 0%;
margin-right: 40px;
}
.Styles__Modal .Styles__Details h4,
.Styles__Modal .Styles__Details .price-ui-badges,
.Styles__Modal .Styles__Details .price-ui-badge.price-ui-badge--loading {
margin: 0;
padding: 0;
}
.Styles__Modal .Styles__Details h4 {
font-size: 16px;
}
.Styles__Modal .Styles__Details .product-ui-availability {
font-size: 12px;
}
.Styles__Modal .Styles__Details .product-ui-availability.out-of-stock:before {
top: 9px;
}
.bottomSheet-SizeGuide .Styles__Modal .Styles__Details {
justify-content: flex-start;
}
.Styles__Modal .Styles__Details .modal_price {
font-size: 12px;
font-weight: normal;
color: #000;
margin: 0;
padding-bottom: 4px;
}
.ModalStyles__Drawer__Wrapper .ModalStyles__Wrapper {
margin: 0 10px;
}
.ModalStyles__Wrapper-Main {
display: inline-block;
padding: 10px 10px 0;
border-top: 1px solid #e7e8ea;
min-width: 300px;
}
.Styles__Modal.SizeGuide .ModalStyles__Wrapper-Main {
display: block;
border: 0;
padding-top: 0;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .swatch_options .option_title,
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .swatch_options .swatch label .checkmark {
display: none;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .swatch_options .swatch input:checked + .swatch-element.soldout {
background: linear-gradient(to bottom right,#000 calc(50% - 1.5px),#c7c7c780,#000 calc(50% + 1.5px));
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .swatch_options .swatch input:checked + .swatch-element {
background-color: #000;
border-color: #000;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .swatch_options .swatch input:checked + .swatch-element label {
color: #fff;
}
/*.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element {
border: 2px solid #c7c7c7;
border-radius: 8px;
margin-bottom: 2.5px;
cursor: auto;
outline: 0;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element:hover {
background-color: transparent;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element:hover label .text {
background-color: transparent;
color: #000;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element.disabled {
border-color: #000;
background-color: #000;
}
.Styles__Modal.AddToCart .ModalStyles__Wrapper-Main .js-quick-add.inline-quickshop .swatch_options .swatch .swatch-element label {
height: 38px;
line-height: 38px;
padding: 0 10px;
font-size: 16px;
}*/
.Styles__Modal .price-ui-badge--pre-order {
display: none;
}
.Styles__Modal.SizeGuide .ModalStyles__Wrapper-Main .size-chart-table {
border-top: 1px solid #e7e8ea;
padding-top: 10px;
}
.Styles__Modal.SizeGuide .ModalStyles__Wrapper-Main .size-chart-table .size-chart-table-data {
max-height: calc(100vh - 460px);
overflow: auto;
}
.Styles__Modal .Styles__Details .product-ui-availability {
margin: 0;
padding: 2px 12px 2px 38px;
}
.Styles__Modal .Styles__Details .product-ui-availability.out-of-stock {
margin: 5px 0;
}
.Styles__Modal .Styles__Details .product-ui-availability.in-stock:before,
.Styles__Modal .Styles__Details .product-ui-availability.pre-order:before {
top: 9px;
}
.Styles__Modal .color-swatch .swatch.color .swatch-element {
padding: 2px;
}
.Styles__Modal .color-swatch .swatch.color .swatch-element label {
min-width: 60px;
}
.Styles__Modal .color-swatch .swatch.color .swatch-element span {
width: 18px;
height: 18px;
}
.bottomSheet-dialog .Styles_close .icon {
display: flex;
align-items: center;
transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
}
.bottomSheet-dialog .Styles_close:hover .icon {
transform: rotate(-90deg);
}
:root {
--cupertino-pane-destroy-button-background: #e7e8ea;
--cupertino-pane-icon-close-color: #828b96;
}
.cupertino-pane-wrapper {
z-index: 99999;
pointer-events: all !important;
}
.cupertino-pane-wrapper .pane {
max-width: 100%;
}
.cupertino-pane-wrapper .move {
width: 65px;
}
.cupertino-pane-wrapper .destroy-button {
cursor: pointer;
border-radius: 8px;
width: 30px;
height: 30px;
}
.cupertino-pane-wrapper .destroy-button svg {
transition: all .2s cubic-bezier(.785,.135,.15,.86) 0s;
}
.cupertino-pane-wrapper .destroy-button:hover svg {
transform: rotate(-90deg);
}
.ModalStyles__Wrapper .inline-quickshop.js-quick-add {
display: block;
opacity: 1;
background-color: transparent;
backdrop-filter: unset;
-webkit-backdrop-filter: unset;
position: unset;
padding: 0;
margin-bottom: 20px;
}
.ModalStyles__Wrapper .ModalStyles__SelectSize,
.ModalStyles__Wrapper .ModalStyles__SizeGuide {
font-size: 12px;
font-weight: normal;
color: #000;
margin-bottom: 4px;
}
.ModalStyles__Wrapper .ModalStyles__SizeGuide {
text-transform: uppercase;
position: relative;
}
.ModalStyles__Wrapper .ModalStyles__SizeGuide .icon {
line-height: 0;
}
.ModalStyles__Wrapper .ModalStyles__SizeGuide .icon svg {
width: 10px;
margin-top: -3px;
}
.ModalStyles__Wrapper .ModalStyles__SizeGuide:before {
content: "";
position: absolute;
width: 48px;
height: 1px;
display: inline-block;
background: #bfbfbf;
left: 0;
bottom: 5px;
}
.ModalStyles__Wrapper .inline-quickshop.js-quick-add .quick-add-label {
display: none;
}
.ModalStyles__Wrapper .inline-quickshop.js-quick-add .swatch_options {
margin: 0;
}
.ModalStyles__Wrapper ul {
padding: 0;
margin: 0;
}
.ModalStyles__Wrapper li.ModalStyles__Size:first-child {
border-top: 0.1rem solid rgb(235, 235, 235);
}
.ModalStyles__Wrapper li.ModalStyles__Size {
list-style-type: none;
margin: 0;
padding: .8rem;
cursor: pointer;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
flex-direction: row;
border-bottom: 0.1rem solid rgb(235, 235, 235);
}
.SizeGuide .sizer-chart-footer {
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.SizeGuide .Styles__Header {
position: relative;
margin-top: 30px;
}
.SizeGuide .Styles__Header .close-pane {
position: absolute;
left: 12px;
}
.SizeGuide .Styles__Header .close-pane svg {
width: 18px;
fill: #000;
}
.SizeGuide .Styles__Header h3 {
text-align: center;
text-transform: uppercase;
margin: 0;
}
/*----- Mobile Add To Cart Page End -----*/
/*----- Footer Pyament icon -----*/
.rise-payment_methods {
text-align: center;
}
/*----- Footer Pyament icon -----*/
.js-rise-popup-form {
margin: 0;
}
}
@media only screen and (max-width: 600px) {
/* flickity Slider CSS Start */
button.flickity-button.flickity-prev-next-button {
width: 10%;
}
/* flickity Slider CSS End */
}
@media only screen and (max-width: 575px) {
/*----- Home Page Slider CSS Start -----*/
.homepage-slideshow .button-grid-container--column-mobile {
grid-auto-flow: row;
}
.button-grid-container {
grid-auto-flow: row;
}
/*----- Home Page Slider CSS End -----*/
/*----- Login & Sign Up Page CSS Start -----*/
.login-warpper #login_form,
.login-warpper #recover-password,
.login-warpper .login-banner,
.register-wrapper .register-banner,
.register-wrapper .register_form {
width: calc(100% - 20px);
}
.login-warpper .login-banner {
padding-top: 10px;
margin-bottom: 30px;
}
.login-main,
.recover-password-main,
.register-main {
max-width: 100%;
float: unset;
}
.section.login-warpper {
padding-bottom: 0 !important;
}
.section.login-warpper:before {
display: none;
}
.customers-login .login-mobile-banner {
display: block;
position: absolute;
top: -20px;
left: 0;
z-index: -1;
}
.login-banner h1.login-promo-text {
font-size: 35px;
line-height: 35px;
}
.register-mobile-banner {
display: block !important;
}
.register-wrapper .register_form {
margin-top: -35%;
z-index: 9;
}
.register-wrapper .banner-text {
top: 70px;
}
.register-wrapper .banner-text .banner-content-main {
display: block;
}
.register-wrapper .banner-text h1 {
font-size: 35px;
line-height: 35px;
}
.rise-features .feature-item span.text,
.register-wrapper .banner-text .hastag {
font-size: 13px;
}
/*----- Login & Sign Up Page CSS End -----*/
@media only screen and (max-width: 480px) {
/* Swatch CSS Start */
.swatch .swatch-element {
margin-bottom: 5px;
}
/* Swatch CSS End */
/* Home Page SlideShow CSS Start */
.homepage-slideshow .flickity-page-dots {
display: none;
}
.homepage-slideshow .caption-content.align-left {
text-align: center;
}
/* Home Page SlideShow CSS End */
/* FancyBox CSS Start */
.fancybox-bg {
background: rgba(43, 46, 56, .9);
}
.fancybox-toolbar {
display: none;
}
/* FancyBox CSS End */
/*----- Account/dashboard page CSS start -----*/
.status-data .order-status {
font-size: 16px;
line-height: 18px;
}
/*----- Account/dashboard page CSS End -----*/
/*----- Login & Sign Up Page CSS Start -----*/
.register-wrapper .register_form {
margin-top: -25%;
}
/*----- Login & Sign Up Page CSS End -----*/
/*----- Rise Toaster CSS Start -----*/
.rise-toaster {
max-width: 320px;
width: 100%;
}
/*----- Rise Toaster CSS End -----*/
/*----- Rise Size Chart CSS Start -----*/
.sizer-chart-footer {
display: flex;
flex-direction: column;
align-items: center;
}
.sizer-chart-footer a.open-chat {
margin-bottom: 10px;
}
/*----- Rise Size Chart CSS End -----*/
.announcement-navigation span {
width: 20px;
display: inline-block;
text-align: center;
}
#membership-popup {
margin-top: 135px;
}
.js-rise-popup-form.popup_notify_form {
min-width: unset;
min-height: unset;
width: calc(100% - 20px);
}
.js-rise-popup-form .popup-content {
padding: 25px;
}
.riseform_section .title {
width: 100%;
font-size: 32px;
}
.rise-form {
flex-direction: column;
width: 100%;
padding: 0 20px;
}
.rise-form .global-button {
position: unset;
margin-top: 10px;
width: 100%;
}
}
/*----- For width 320 / iphone5 mobile -----*/
@media only screen and (max-width: 375px) {
/*----- Login & Sign Up Page CSS Start -----*/
.register-wrapper .register_form {
margin-top: -18%;
}
/*----- Login & Sign Up Page CSS End -----*/
/*----- Product Swatch CSS Start -----*/
.js-quick-add .sold-out-get-notify {
font-size: 10px;
padding: 5px;
max-height: 22px;
}
/*----- Product Swatch CSS End -----*/
/*----- Mobile Country Switcher CSS Start -----*/
.footer-select-store .disclosure--store .disclosure__toggle--store,
.footer-select-store .disclosure--store .disclosure__list-wrap,
.footer-select-store .disclosure--store ul#store-list {
width: 100%;
border-radius: 5px;
}
.footer-select-store .disclosure--store ul#store-list li a span,
.footer-select-store .disclosure--store .disclosure__toggle--store .selected-store span:not(.icon):not(.disclosure-arrow) {
display: none;
}
.footer-select-store .disclosure--store ul#store-list li a {
display: block;
text-align: center;
}
.footer-select-store .disclosure--store ul#store-list li a img,
.footer-select-store .disclosure--store ul#store-list li a svg {
margin: 0;
}
.footer-select-store .disclosure--store .disclosure-arrow {
right: 7px;
position: unset;
}
.footer-select-store .disclosure--store .selected-store {
justify-content: space-between;
}
.footer-select-store .disclosure--store .disclosure__toggle--store {
padding: 4px 8px;
}
.footer-select-store .disclosure--store .disclosure-arrow svg {
width: 12px;
height: 12px;
}
/*----- Mobile Country Switcher CSS End -----*/
/*----- Bottomsheet Add to Cart CSS Start -----*/
.ModalStyles__Wrapper-Main {
padding: 10px 0 0;
}
/*----- Bottomsheet Add to Cart CSS End -----*/
}
@media only screen and (min-width: 798px) {
.dropdown-container {
width: 420px !important;
max-width: 420px;
}
/*----- Footer CSS Start -----*/
.credits {
margin: 0;
}
.footer-privacy {
display: inline-block;
margin-left: 8px;
padding-top: 5px;
}
.footer-privacy ul li {
margin-bottom: 0;
}
.footer-privacy ul li:first-child {
border-left: 2px solid #828b9659;
padding-left: 8px
}
/*----- Footer CSS End -----*/
}
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) {
.fancybox-slide {
top: -35px;
}
}
}
/*----- Media CSS End -----*/
.text-description {
display: inline-block;
}
.text-description span.product-desc {
height: 80px;
overflow: hidden;
position: relative;
display: block;
}
.text-description .read-action-state:checked + span.product-desc {
height: auto;
}
.text-description .read-action-state:not(:checked) + span.product-desc:after {
content: "";
height: 50px;
position: absolute;
bottom: -8px;
display: flex;
justify-content: center;
align-items: flex-end;
background: linear-gradient(to top,rgb(255,255,255) 0%,rgba(255,255,255,.4) 95%,rgba(255,255,255,0) 100%);
cursor: pointer;
width: 100%;
}
.text-description .read_action {
transition: background .2s cubic-bezier(.785,.135,.15,.86) 0s;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #e7e8ea;
Border-radius: 8px;
height: 30px;
position: relative;
margin: 0;
cursor: pointer;
font-weight: 300;
float: right;
padding: 0 30px 0 12px;
}
.text-description .read-action-state:checked ~ .read_action {
margin: -12px auto 0;
}
.read-action-state ~ .read_action:before {
content: 'Show more';
}
.read-action-state:checked ~ .read_action:before {
content: 'Show less';
}
.read-action-state ~ .read_action:after {
content: "";
background-image: url(//www.risestore.ca/cdn/shop/t/62/assets/icon-desc-down-arrow.svg?v=182073109820839614411691441540);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 15px;
height: 15px;
right: 8px;
top: 7px;
-webkit-transition: .2s all ease;
transition: .2s all ease;
}
.read-action-state:checked ~ .read_action:after {
transform: rotate(180deg);
}
/*----- Start Product Page Signature line -----*/
.signatureLineIcon {
width: 220px;
}
/*----- End Product Page Signature line -----*/