/** Shopify CDN: Minification failed
Line 7:0 Unexpected "<"
**/
/* */
html.pop_up_show {overflow: hidden;}
.main_heading {
font-size: 50px;
letter-spacing: 2.5px;
line-height: 55px;
text-align: center;
text-transform: uppercase;
}
.common_headings {
font-family: brandon-grotesque, sans-serif;
font-weight: 900;
color: #592814;
margin: 0;
}
li, p {
font-family: ff-meta-serif-web-pro;
font-size: 18px;
line-height: 23px;
letter-spacing: .18px;
color: #443739;
font-weight: 600;
}
a.custom_btn, button.log_btn {
padding: 14px 13px 13px;
display: inline-block;
background: #592814;
width: 100%;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 20px;
line-height: 29px;
font-weight: 700;
transition: .3s all;
letter-spacing: normal;
font-family: brandon-grotesque, sans-serif;
}
img {
width: auto;
max-width: 100%;
}
#__product-subscription-info, #__product-subscription-info {
display: none !important;
}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus-visible {outline: 0 !important;box-shadow: none !important;}
section.rc-login {margin: 0 auto;padding: 40px 20px;}
.prdt_title_mble {display:none !important;text-align: center;margin: 0 auto 30px;}
.prdt_title_mble h1, .prdt_title_mble p {color: #120606;text-transform: uppercase;}
body {
/* font-size: 18px;
line-height: 23px; */
letter-spacing: normal;
font-weight: 400;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
}
body .stamped-product-reviews-badge, body .main_reviews_widget.summer-page {display: none !important;}
.pretty {text-wrap: pretty;}
p {text-wrap: pretty;}
p, li {
font-weight: 400;
}
main#MainContent {
min-height: 500px;
}
.show_991 {display: none !important;}
.header-localization:not(.menu-drawer__localization) .localization-form__select .icon-caret {right: 6px;width: 14px;height: 8px;}
.header-localization:not(.menu-drawer__localization) .localization-form:only-child .localization-form__select {text-decoration: none;}
.common_headings {
font-weight: 800;
letter-spacing: 2.5px;
}
.magic_dust_about_section .about_content .main_button a {
max-width: 526px;
display: flex;
align-items: center;
justify-content: center;
padding: 13px 15px;
margin-top: 40px;
font-family: ff-meta-serif-web-pro;
width: 100%;
font-size: 25px;
border-radius: 8px;
letter-spacing: 0.05px;
}
.show_440 {display:none !important}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/* li {
font-size: 18px;
line-height: 23px;
letter-spacing: normal;
color: #443739;
font-weight: 400;
}
p {
font-size: 18px;
line-height: 23px;
letter-spacing: normal;
color: #443739;
font-weight: 400;
} */
.button {
padding: 16px;
font-size: 20px;
letter-spacing: normal;
font-weight: 900;
font-family: Brandon Grotesque;
line-height: 28px;
background: #603813;
transition: 0.3s all;
}
.button:hover {
opacity: 0.8;
}
.button.orange {
background: #E2830B;
}
.button:after {
display: none;
}
/* h1, h3, h4, h5, h6 {
letter-spacing: normal;
} */
a {
transition: 0.3s all;
}
a:hover {
opacity: 0.8;
}
h2.main-page-title {
text-transform: uppercase;
margin: 60px 0;
}
/* h2 {
text-align: center;
margin: 0;
font-size: 50px;
line-height: 56px;
font-family: Brandon Grotesque;
font-weight: 900;
color: #592814;
letter-spacing: 2px;
} */
/* body.java-shroom h2.java_common_h2 {letter-spacing: 10px;} */
button.log_btn {text-transform: uppercase;}
button.log_btn:after, button.log_btn:before {display: none;}
a.custom_btn:hover, button.log_btn:hover {
opacity: 0.8;
color: #fff;
}
a.custom_btn.orange, button.log_btn {
background: #E2830B;
}
.icon_with_content_second {
padding: 100px 0px 0px;
}
.faqs_section {
padding: 100px 0 80px;
}
.section_spacing {
padding: 6.50vw 0;
}
.prdt_java_support_main {
padding-top: 7.708vw;
padding-bottom: 0;
}
ul.slick-dots {
display: flex;
align-items: center;
justify-content: center;
}
.slick-dots li {
width: auto;
height: auto;
}
.slick-dots li button {
padding: 0;
width: 8px;
height: 8px;
border-radius: 100px;
background: rgba(0, 0, 0, 0.2);
}
.slick-dots li.slick-active button {
background: #592814;
}
.slick-dots li button:before {
display: none;
}
button.customCheckoutBtn {
color: #fff;
width: 100%;
padding: 10px 15px;
background: #2491C4;
border-color: #2491C4;
border-width: 2px;
border-radius: 5px;
font-size: 16px;
margin: 0 0 10px 0;
border: none;
min-height: 41.6px;
cursor: pointer;
}
.pagination-wrapper .pagination__item--current.pagination__item {
background: #592814;
color: #fff;
}
.pagination-wrapper .pagination__item {
background: #e5e5e5;
border-radius: 8px;
font-family: Brandon Grotesque;
font-weight: 500;
font-size: 16px;
}
.pagination-wrapper .pagination__item svg {
width: 14px;
height: 14px;
}
.pagination-wrapper .pagination__item--current:after,
.pagination-wrapper .pagination__item:hover:after {
display: none;
}
.cart__items .cart-item__quantity button svg.minus {
transform: rotate(90deg);
}
.page-width {
max-width: 1356px !important;
padding: 0 20px !important;
}
.java_shroom_product .product__info-wrapper button.product-form__submit.button {
margin: 25px 0 0;
width: 100%;
max-width: 478px;
}
.java_shroom_product .product__info-wrapper .product_price {
display: flex;
align-items: center;
margin-top: 20px !important;
gap: 10px;
}
.java_shroom_product .product__info-wrapper .product__tax.caption.rte {
font-family: brandon-grotesque, sans-serif;
}
.java_shroom_product .product__info-wrapper .product__tax.caption.rte.mobile {
display: none;
}
.java_shroom_product .product__info-wrapper .product_price .sale_price {
font-size: 35px;
color: #1b1615;
font-family: brandon-grotesque, sans-serif;
font-weight: 900;
line-height: 1.2;
}
.java_shroom_product .product__info-wrapper .product_price .regular_price {
font-family: brandon-grotesque, sans-serif;
line-height: 1.2;
color: #888;
text-decoration: line-through;
font-weight: 400;
font-size: 25px;
}
.default_cart_drawer cart-drawer.drawer,
.default_cart_drawer cart-notification {
display: none;
}
.default_cart_drawer.overflow-hidden {
overflow: unset;
}
.main_page_section .wrap {
max-width: 1120px;
margin: 0 auto;
}
.main_page_section p {
margin: 0 0 32px 0;
}
.main_page_section p.overview_heading {
margin: 0 0 10px 0;
}
.main_page_section li {
margin: 0 0 16px 0;
}
.main_page_section li:last-child {
margin: 0 0 32px 0;
}
.main_page_section ol.bold_li li::marker {
font-weight: 700;
}
.main_page_section strong {
font-weight: 700;
}
.main_page_section .content_inside_ol {
margin: 32px 0 0 0;
}
.main_page_section p a, .main_page_section li a {
color: #1874b0;
text-decoration: none;
}
.main_page_section p a:hover, .main_page_section li a:hover {
color: #1874b0;
}
.template-terms-conditions h2.main-page-title, .template-privacy-policy h2.main-page-title, .template-accessibility h2.main-page-title, .template-track-my-order h2.main-page-title {
text-transform: uppercase;
margin: 60px 0;
text-align: center;
font-family: Brandon Grotesque;
font-weight: 900;
color: #592814;
font-size: 25px;
line-height: 25px;
letter-spacing: 0.25px;
}
.template-track-my-order h2.main-page-title {
margin: 60px 0 20px;
}
.main_page_section h5 {
font-size: 25px;
line-height: 30px;
color: #592814;
font-family: Brandon Grotesque;
font-weight: 700;
margin: 0 0 10px 0;
letter-spacing: 0.25px;
}
.main_page_section ol {
padding: 0;
}
.custom-announcement-bar {
background: #c1272d;
}
.custom-announcement-bar a.announcement-bar__link {
text-decoration: none;
opacity: 1;
}
.custom-announcement-bar a.announcement-bar__link p span {
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 16px;
font-size: 18px;
font-family: Brandon Grotesque;
letter-spacing: normal;
}
.section-header.shopify-section-group-header-group {
top: 0;
z-index: 9;
border-bottom: 1px solid #E5E5E5;
}
/* .home-page .section-header.shopify-section-group-header-group {
position: unset;
border-bottom: none;
} */
.meta_header_promo {
background: #C1272D;
text-align: center;
padding: 5px 16px;
}
.meta_header_promo p {
color: #fff;
font-weight: 700;
text-transform: uppercase;
margin: 0;
font-size: 20px;
line-height: 25px;
font-family: Brandon Grotesque;
}
header.custom_transparent_header .header__icons .search-modal.modal__content {
width: 100%;
max-width: 650px;
margin: 0 0 0 auto;
min-height: 107px;
background: #fff;
transition: 0.5s all;
animation: none;
opacity: 1;
transform: translateY(-100%);
}
header.custom_transparent_header .header__icons details[open] .search-modal.modal__content {
transform: translateY(0);
}
header.custom_transparent_header .header__icons .search-modal.modal__content label.field__label {
font-family: Brandon Grotesque;
letter-spacing: normal;
}
header.custom_transparent_header .header__icons .modal-overlay {
display: none;
}
header.custom_transparent_header .header__icons .predictive-search__loading-state svg {
width: 1.5rem;
height: 1.5rem;
}
header.custom_transparent_header.otherpage_header {
position: relative;
padding: 40px 20px !important;
}
/* header.custom_transparent_header.otherpage_header:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #E5E5E5;
} */
.header-wrapper--border-bottom {
border: none;
}
header.custom_transparent_header {
position: relative;
padding: 40px 20px!important;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1640px;
}
header.custom_transparent_header .main_menu {
display: flex;
align-items: center;
}
header.custom_transparent_header a.header__heading-link {
padding: 0;
}
header.custom_transparent_header a.header__heading-link {
margin: 0;
}
header.custom_transparent_header nav.header__inline-menu {
width: 100%;
text-align: right;
}
header.custom_transparent_header ul li {
padding-left: 40px;
}
header.custom_transparent_header ul li.account {
display: none;
}
header.custom_transparent_header ul li .list-menu__item {
padding: 0;
font-size: 20px;
font-weight: 700;
color: #603813;
padding-left: 0;
transition: 0.3s all;
font-family: Brandon Grotesque;
letter-spacing: normal;
}
header.custom_transparent_header ul li .list-menu__item:hover {
opacity: 1;
color: #e2830b;
}
header.custom_transparent_header ul li .list-menu__item span {
text-decoration: none;
}
header.custom_transparent_header ul li .list-menu__item span.header__active-menu-item {
color: #e2830b;
}
header.custom_transparent_header .header__icons {
padding: 0;
display: flex;
align-items: center;
}
header.custom_transparent_header .header__icons .header__icon {
width: auto;
height: auto;
margin-left: 20px;
margin-right: 0;
line-height: 0;
}
header.custom_transparent_header .header__icons .header__icon.header__icon--account {
margin-left: 40px;
}
header.custom_transparent_header .header__icons svg {
width: auto;
height: auto;
}
header.custom_transparent_header .header__icons .header__icon.header__icon--account svg {
width: 26px;
height: 26px;
}
header.custom_transparent_header .header__icons .header__search svg {
width: 27px;
height: 27px;
}
header.custom_transparent_header .header__icons .header__icon.header__icon--cart svg {
width: 23px;
height: 27px;
}
header.custom_transparent_header .header__icons .search-modal__content svg.icon {
width: 22px;
height: 22px;
}
header.custom_transparent_header .header__icons .header__icon:hover svg {
transform: unset;
}
header.custom_transparent_header .header__icons .header__icon:hover {
opacity: 1;
}
header.custom_transparent_header .header__icons .header__icon.header__icon--cart .cart-count-bubble {
background: #e2830b;
font-family: Brandon Grotesque;
font-weight: 900;
font-size: 12px;
top: -6px;
right: -6px;
left: unset;
}
.hero_section {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 56.25vw;
}
.hero_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.hero_section .image {
width: 50%;
}
.hero_section .image img {
width: 100%;
max-width: 35.729vw;
}
.hero_section .content {
width: 100%;
padding-left: 0;
max-width: 512px;
margin: 3.344vw 0 0 auto;
}
.hero_section .content h2 {
margin: 0 0 0.781vw 0;
text-align: left;
}
.hero_section .content .des p {
margin: 0 0 2.813vw;
max-width: 475px;
}
.hero_section .content a.custom_btn {
max-width: 300px;
}
.our_story_new_section {
padding: 0 0 159px 0;
}
.our_story_new_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.our_story_new_section .content {
width: 50%;
}
.our_story_new_section .content h2 {
text-align: left;
margin: 0 0 57px 0;
}
.our_story_new_section .content p {
margin: 0 0 32px 0;
}
.our_story_new_section .content a.custom_btn {
width: 100%;
max-width: 300px;
margin: 14px 0 0 0;
text-transform: uppercase;
}
.our_story_new_section .image {
width: 50%;
}
.our_story_new_section .image img {
width: 100%;
}
.icon_with_content {
/* background-image: linear-gradient(180deg, rgba(241,211,179,1) 0%, rgba(255,255,255,1) 100%); */
background: transparent linear-gradient(360deg, #FFFFFF 0%, #F4EDE9 40%, #C7A38D 100%) 0% 0% no-repeat padding-box;
padding-bottom: 137px;
}
.icon_with_content h2 {
padding: 97px 0 50px;
}
.icon_with_content .row {
display: flex;
flex-wrap: wrap;
}
.icon_with_content .row .item {
width: 33.33%;
padding: 0 12px;
margin: 0 auto;
text-align: center;
}
.icon_with_content .row .item img {
height: 139px;
object-fit: contain;
}
.icon_with_content .row .item h3 {
margin: 13px 0 26px;
font-weight: bold;
}
.icon_with_content .row .item p {
margin: 0;
padding: 0 40px;
}
.icon_with_content .row .item:nth-child(3n+2) p {
padding: 0;
}
.icon_with_title {
background: #592814;
padding: 40px 0 51px;
}
.icon_with_title .row {
display: flex;
flex-wrap: wrap;
}
.icon_with_title .item {
width: 20%;
padding: 0 16px;
text-align: center;
}
.icon_with_title .item img {
width: 100px;
height: 100px;
object-fit: contain;
}
.icon_with_title .item h3 {
color: #fff;
margin: 16px 0 0 0;
font-weight: 500;
}
.icon_with_content_second .head p {
width: 100%;
max-width: 964px;
margin: 0 auto 115px;
text-align: center;
font-weight: 600;
}
.icon_with_content_second h2 {
margin: 0 auto 16px;
}
.icon_with_content_second .row {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -20px;
}
section.icon_mushroom_main.section_spacing {
padding: 80px 0px;
}
.icon_with_content_second .item {
width: 33.33%;
padding-left: 20px;
margin: 0px 0px 20px;
}
.icon_mushroom_main .item_box_img {text-align: center;}
.icon_mushroom_main .item_box_img img {width: 100%;max-width: 320px;margin: 0 auto;}
.icon_with_content_second .item .box {
background: #fff;
padding: 30px 15px 20px;
height: 100%;
}
.icon_with_content_second .item .box .icon {
display: none;
}
.icon_with_content_second .item .box b {
margin: 0 0 22px 0;
display: block;
font-weight: bold;
color: #443739;
}
.icon_with_content_second .item .box img {
height: 88px;
object-fit: contain;
}
.icon_with_content_second .item .box h3 {
margin: 21px 0 12px;
font-weight: bold;
}
.icon_with_content_second .item .box p {
margin: 0;
text-align: left;
}
.icon_with_content_second button.see_more_btn {
margin: 10px auto 0;
display: none;
position: relative;
padding: 16px 40px 16px 20px;
}
.icon_with_content_second button.see_more_btn:before {
content: "";
position: absolute;
height: 12px;
width: 12px;
border-style: solid;
border-color: white;
border-width: 0px 2px 2px 0px;
transform: rotate(45deg);
z-index: 1;
margin: 0 0 0 auto;
right: 25px;
top: 22px;
}
.video_grid {
padding: 116px 0 0 0;
}
.video_grid .heading {
max-width: 913px;
margin: 0 auto;
padding: 0 20px;
}
.video_grid .heading h3 {
margin: 0;
text-align: center;
letter-spacing: 1.75px;
}
.video_grid ul {
margin: 115px 0 0 -20px;
display: flex;
flex-wrap: wrap;
padding: 0;
list-style-type: none;
}
.video_grid ul li {
padding-left: 20px;
width: 25%;
}
.video_grid ul li .video_box {
line-height: 0;
position: relative;
}
.video_grid ul li .video_box:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2px);
}
.video_grid ul li video {
width: 100%;
height: 440px;
object-fit: cover;
}
.video_grid ul li .video_box .play_icon {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.video_grid ul li .video_box .pause_icon {
display: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: transparent;
cursor: pointer;
}
.video_grid ul li.video-playing .video_box .pause_icon {
display: block;
}
.video_grid ul li.video-playing .video_box .play_icon {
display: none;
}
.video_grid ul li.video-playing .video_box .title {
display: flex;
}
.video_grid ul li.video-playing .video_box:before {
display: none;
}
.video_grid ul li .video_box .title {
position: absolute;
bottom: 16px;
padding: 12px 18px;
background: rgba(0, 0, 0, 0.15);
left: 0;
right: 0;
backdrop-filter: blur(15px);
width: calc(100% - 32px);
margin: 0 auto;
display: none;
flex-wrap: wrap;
}
.video_grid ul li .video_box .title svg {
width: 13px;
margin: 3px 0 0;
}
.video_grid ul li .video_box .title h3 {
margin: 0;
font-size: 18px;
color: #fff;
font-family: 'ff-meta-serif-web-pro';
font-weight: 600;
letter-spacing: normal;
width: calc(100% - 13px);
padding-left: 7px;
}
.video_grid ul li .video_box .bag {
position: absolute;
top: 16px;
right: 16px;
}
.video_grid ul li .name {
margin: 12px 0 0 0;
line-height: 1.2;
}
.video_grid ul li .name span {
font-size: 20px;
line-height: 1.4;
color: #000000;
font-family: 'ff-meta-serif-web-pro';
font-weight: 600;
letter-spacing: normal;
}
.image_box_section {
padding: 181px 0 0 0;
}
.image_box_section .row {
display: flex;
flex-wrap: wrap;
}
.image_box_section .image {
width: 50%;
line-height: 0;
}
.image_box_section .image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.image_box_section .content {
width: 50%;
padding-left: 32px;
}
.image_box_section .content .wrap {
/* border: 2px solid #592814; */
padding: 64px;
height: 100%;
display: flex;
align-items: center;
}
.image_box_section .content h2 {
text-align: left;
}
.image_box_section .content p {
max-width: 490px;
margin: 20px 0 37px;
}
.image_box_section .content a.custom_btn {
width: auto;
padding: 12px 40px 13px;
}
.faqs_section h2 {
margin: 0 0 60px 0;
}
.faqs_section ul.accordion {
list-style-type: none;
padding: 0;
margin: 0;
border: none
}
.faqs_section ul.accordion .accordion_heading {
border: 1px solid #CECECE;
border-radius: 4px;
padding: 32px 115px 32px 54px;
margin: 0 0 16px 0;
cursor: pointer;
position: relative;
}
.faqs_section ul.accordion .accordion_heading .icon svg.minus {
display: none;
transform: rotate(90deg);
}
.faqs_section ul.accordion .accordion_heading.active .icon svg.minus {
display: block;
}
.faqs_section ul.accordion .accordion_heading.active .icon svg.plus {
display: none;
}
.faqs_section ul.accordion .accordion_heading .icon {
background: #fff;
border: 0px solid #CECECE;
width: 40px;
height: 40px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 54px;
top: calc(50% - 23.5px);
background-image: url(https://cdn.shopify.com/s/files/1/0301/5737/3576/files/plus-icon.svg?v=1744911370);
background-size: 40px;
background-position: center;
}
.faqs_section ul.accordion .accordion_heading.active .icon{
background-image: url('https://cdn.shopify.com/s/files/1/0301/5737/3576/files/minus-icon.svg?v=1744911370');
}
.faqs_section ul.accordion .accordion_heading h4 {
margin: 0;
font-weight: 600;
font-size: 25px;
letter-spacing: normal;
}
.faqs_section ul.accordion .accordion_content {
background: #F5F5F5;
padding: 32px 54px;
margin: 0 0 16px 0;
border-radius: 4px;
display: none;
}
.faqs_section ul.accordion .accordion_content p {
margin: 0 0 10px 0;
font-weight: 600;
}
.faqs_section ul.accordion .accordion_content p:last-child {
margin: 0;
}
.faqs_section ul.accordion .accordion_content p a {
color: #1874b0;
text-decoration: none;
}
.faqs_section ul.accordion .accordion_content p a:hover {
opacity: 0.8;
}
.faqs_section.contact_faqs {
padding: 75px 0 50px;
}
.template-contact .faqs_section.contact_faqs h2 {
font-size: 25px;
letter-spacing: 0.25px;
line-height: 25px;
margin: 0 0 14px 0;
}
.faqs_section.contact_faqs h2 {
font-size: 32px;
letter-spacing: normal;
font-weight: 900;
margin: 0 0 12px;
line-height: 46px;
}
.faqs_section .content {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding-bottom: 55px;
}
.faqs_section .content p {
margin: 0 0 25px 0;
}
.faqs_section .content p:last-child {
margin: 0;
}
.faqs_section .content p a {
color: #1874B0;
text-decoration: none;
}
.main_about_product {
margin: 0;
}
.about_product {
padding: 0 0 215px 0;
}
.about_product h2 {
max-width: 920px;
margin: 0 auto 40px;
}
.about_product .top_bg,
.about_product .bottom_bg {
display: none;
}
.about_product .content {
max-width: 776px;
width: 100%;
box-shadow: 2px 2px 18px #0000001A;
background: #fff;
padding: 20px;
margin: 52px auto 0;
position: relative;
z-index: 1
}
.about_product .content .des {
border: 1px solid #592814;
padding: 22px 24px 22px 20px;
}
.about_product .content .des p {
margin: 0 0 27px 0;
}
.about_product .content .des p strong {
font-weight: bold;
}
.about_product .content .des p:last-child {
margin: 0;
}
.about_product .wrap {
position: relative;
padding: 88px 0 0 0;
}
.about_product .top_left_bg {
position: absolute;
top: 42px;
left: 0;
line-height: 0;
}
.about_product .top_left_bg img.background_img {
width: 100%;
max-width: 431px;
}
.about_product .top_left_bg img.image_one {
position: absolute;
left: 154px;
z-index: 2;
top: calc(50% - 80px);
}
.about_product .top_left_bg img.image_two {
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
}
.about_product .top_left_bg img.image_three {
position: absolute;
left: 0;
bottom: 2px;
z-index: 3;
}
.about_product .top_left_bg img.image_four {
position: absolute;
left: 120px;
bottom: 0;
z-index: 3;
}
.about_product .top_left_bg img.image_five {
position: absolute;
left: 152px;
z-index: 2;
top: calc(50% - -70px);
}
.about_product .botton_right_bg {
position: absolute;
bottom: -67px;
right: 0;
line-height: 0;
}
.about_product .botton_right_bg img.background_img {
width: 100%;
max-width: 431px;
}
.about_product .botton_right_bg img.image_one {
position: absolute;
left: -66px;
bottom: -19px;
z-index: 2;
}
.about_product .botton_right_bg img.image_two {
position: absolute;
left: 100px;
top: calc(50% - 100px);
z-index: 2;
}
.about_product .botton_right_bg img.image_three {
position: absolute;
left: 120px;
z-index: 2;
bottom: 90px;
}
.about_product .botton_right_bg img.image_four {
position: absolute;
right: 0;
bottom: 0;
z-index: 3;
}
.about_product .botton_right_bg img.image_five {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
footer.footer {
background: #592814;
padding: 80px 0 57px;
}
footer.footer .footer-block {
width: 50%;
padding-right: 30px;
}
footer.footer .footer__blocks-wrapper {
gap: unset;
width: 66.66%;
}
footer.footer .footer-block .footer-block-image {
justify-content: flex-start;
}
footer.footer .footer-block .footer-block-image .footer-block__image-wrapper {
margin: 0;
}
footer.footer .footer-block .footer-block-image .footer-block__image-wrapper img {
width: 213px;
}
footer.footer .footer-block .info {
margin: 24px 0;
max-width: 306px;
}
footer.footer .footer-block .info h3 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 3.2px;
line-height: 23px;
font-family: Brandon Grotesque;
font-weight: 500;
margin: 0;
}
footer.footer .footer-block ul.footer__list-social {
justify-content: flex-start;
}
footer.footer .footer-block ul.footer__list-social li {
padding-right: 16px;
padding-bottom: 16px;
}
footer.footer .footer-block ul.footer__list-social .list-social__link {
background: #fff;
border-radius: 100px;
width: 48px;
height: 48px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
footer.footer .footer-block ul.footer__list-social .list-social__link:hover {
opacity: 0.8;
}
footer.footer .footer-block .footer-block__heading {
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-family: Brandon Grotesque;
font-weight: 900;
line-height: 1.2;
margin: 0 0 12px;
letter-spacing: normal;
text-align: left;
}
footer.footer .footer-block ul.footer-block__details-content li {
margin: 0 0 4px 0;
}
footer.footer .footer-block ul.footer-block__details-content li a {
color: #fff;
font-size: 20px;
letter-spacing: 1px;
font-family: Brandon Grotesque;
padding: 0;
line-height: 1.4;
margin: 0;
text-decoration: none;
transition: 0.3s all;
font-weight: 400;
}
footer.footer .footer-block ul.footer-block__details-content li a:hover {
opacity: 0.8;
}
footer.footer .footer-block .footer-block__details-content.rte {
border: 1px solid #fff;
padding: 24px;
margin: 0;
}
footer.footer .footer-block .footer-block__details-content.rte p {
color: #fff;
font-size: 16px;
letter-spacing: 0.96px;
font-family: Brandon Grotesque;
line-height: 23px;
font-weight: 400;
}
footer.footer .footer-block ul.footer_menu {
margin: 0 0 24px -32px;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
}
footer.footer .footer-block ul.footer_menu li {
padding-left: 32px;
padding-top: 16px;
}
footer.footer .footer-block ul.footer_menu li a {
color: #fff;
font-size: 16px;
line-height: 23px;
font-family: Brandon Grotesque;
padding: 0;
text-decoration: none;
font-weight: 400;
letter-spacing: 0.32px;
}
footer.footer .footer-block ul.footer_menu li a.list-menu__item--active {
opacity: 0.8;
}
footer.footer .footer-block ul.footer_menu li a:hover {
opacity: 0.8;
}
footer.footer .footer-block .content p {
color: #fff;
font-size: 16px;
letter-spacing: 0.96px;
line-height: 23px;
font-family: Brandon Grotesque;
font-weight: 500;
}
footer.footer .footer-block .content p a {
color: #fff;
font-size: 16px;
letter-spacing: normal;
line-height: 23px;
font-family: Brandon Grotesque;
display: block;
text-decoration: none;
}
footer.footer .footer-block .content p a:hover {
opacity: 0.8;
}
footer.footer .footer__content-top {
max-width: 1640px;
padding: 0 20px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
footer.footer .footer-block.footer-block--menu {
width: auto;
padding: 0 30px;
}
footer.footer .footer-block:first-child {
padding-right: 120px;
}
footer.footer .footer-block:last-child {
padding-left: 0;
padding-right: 0;
}
footer.footer .footer-block .copy_right small {
color: #fff;
font-size: 16px;
letter-spacing: 0.32px;
line-height: 23px;
font-family: Brandon Grotesque;
font-weight: 400;
}
footer.footer .footer-block .copy_right small a {
color: #fff;
text-decoration: none;
}
footer.footer .footer-block .copy_right small a:hover {
opacity: 0.8;
}
footer.footer .footer__content-top .footer-block--newsletter {
width: 33.33%;
max-width: 420px;
margin: 0 0 0 auto;
padding-left: 50px;
}
footer.footer .footer__content-top .footer-block--newsletter .copy_right.mobile {
display: none;
}
footer.footer .footer__content-top .footer-block--newsletter .copy_right small.copyright__content {
color: #fff;
font-size: 16px;
letter-spacing: .32px;
line-height: 23px;
font-family: Brandon Grotesque;
font-weight: 400;
}
footer.footer .footer__content-top .footer-block--newsletter .copy_right small.copyright__content a {
color: #fff;
text-decoration: none;
}
footer.footer .footer__content-top .footer-block--newsletter h2 {
text-align: left;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 30px;
line-height: 40px;
margin: 0 0 8px 0;
}
footer.footer .footer__content-top .footer-block--newsletter input.field__input {
border: 1px solid #D4A968;
font-family: Brandon Grotesque;
font-size: 18px;
width: calc(100% - 120px);
box-shadow: none;
}
footer.footer .footer__content-top .footer-block--newsletter label.field__label {
font-size: 18px;
color: #ACACAC;
font-family: Brandon Grotesque;
letter-spacing: 0.72px;
font-weight: 400;
}
footer.footer .footer__content-top .footer-block--newsletter .field__input:not(:placeholder-shown)~.field__label,
footer.footer .footer__content-top .footer-block--newsletter .field__input:focus~.field__label {
font-size: 12px;
}
footer.footer .footer__content-top .footer-block--newsletter button#Subscribe {
width: 120px;
position: unset;
color: #fff;
border: 1px solid #D4A968;
height: 45px;
font-family: Brandon Grotesque;
font-size: 18px;
letter-spacing: 0.72px;
font-weight: bold;
margin-left: -1px;
transition: 0.3s all;
}
footer.footer .footer__content-top .footer-block--newsletter button#Subscribe:hover {
background: #e2830b;
}
footer.footer .footer__content-top .field:after, footer.footer .footer__content-top .field:before {
display: none;
}
footer.footer .footer__content-top .field {
display: flex;
align-items: center;
}
footer.footer .footer__content-top .footer-block--newsletter .newsletter-form {
max-width: 100%;
}
footer.footer .footer__content-top .footer-block--newsletter .newsletter-form .newsletter-form__field-wrapper {
margin: 0 auto 0 0;
}
footer.footer .footer__content-top .footer-block--newsletter .newsletter-form__message--success {
color: #FFF;
font-family: Brandon Grotesque;
font-size: 18px;
font-weight: 800;
width: 100%;
display: block;
text-align: left;
}
footer.footer .footer__content-top .footer-block--newsletter svg.icon.icon-success {
display: none;
}
/* Contact page */
.single_banner .image {
background-size: cover;
background-repeat: no-repeat;
padding: 3.594vw 0 1.563vw;
background-position: right;
min-height: 25.4vw;
}
.single_banner .image .page-width {
width: 100% !important;
/* max-width: 1640px; */
}
.single_banner .image h2 {
text-align: left;
width: 100%;
max-width: 660px;
color: #fff;
letter-spacing: 0px;
font-size: 65px;
line-height: 90px;
font-family: Brandon Grotesque;
font-weight: 700;
margin: 0;
}
.content_list {
padding: 60px 0 54px;
}
.content_list .page-width {
max-width: 1140px !important;
}
.content_list .main_list .list {
border: 1px solid #707070;
margin-bottom: 32px;
}
.content_list .main_list .head {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 32px 20px;
border-bottom: 1px solid #707070;
}
.content_list .main_list .head img {
width: 54px;
object-fit: contain;
}
.content_list .main_list .head h4 {
width: calc(100% - 54px);
padding-left: 15px;
}
.content_list .main_list .list .content {
padding: 20px 40px 20px 20px;
}
.content_list .main_list .list .content ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.content_list .main_list .list .content ul li {
margin: 0 0 8px;
position: relative;
padding-left: 20px;
}
.content_list .main_list .list .content ul li a {
color: #1874b0;
text-decoration: none;
}
.content_list .main_list .list .content ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/check_circle.svg?v=1720178115);
background-size: 12px;
width: 12px;
height: 12px;
}
.content_list .main_list .list .content ul li:last-child {
margin: 0;
}
.content_list .main_list .list .content p {
margin: 0 0 10px 0;
}
.content_list .main_list .list .content h6 {
text-align: center;
font-size: 25px;
color: #592814;
line-height: 30px;
font-family: Brandon Grotesque;
font-weight: 700;
margin: 0 0 8px 0;
letter-spacing: 0.25px;
}
.main_page_section #sherpa-wrap {
max-width: 1020px;
margin: 0 auto;
}
.main_page_section #sherpa-wrap #sherpa-intro {
text-align: center;
margin: 0 0 60px 0;
font-size: 18px;
color: #443739;
line-height: 23px;
letter-spacing: normal;
}
.main_page_section #sherpa-wrap form#sherpa-order-form {
width: 100%;
}
.main_page_section #sherpa-wrap label.sherpa-field-label {
color: #592814;
font-size: 25px;
letter-spacing: 0.25px;
text-transform: capitalize;
font-family: Brandon Grotesque;
font-weight: 700;
line-height: 30px;
}
.main_page_section #sherpa-wrap input.sherpa-field-input {
border: 1px solid #707070;
font-size: 18px;
color: #888888;
padding: 15.4px 16px;
font-family: Brandon Grotesque;
line-height: 1.2;
box-shadow: none;
}
.main_page_section #sherpa-wrap input.sherpa-field-input:focus {
border-color: #592814;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset {
margin: 0 0 20px 0;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset#sherpa-fieldset-order-button {
margin: 40px 0 0 0;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset#sherpa-fieldset-order-button input#sherpa-order-button {
width: 100%;
margin: 0;
background: #e2830b;
color: #fff;
border: none;
padding: 16px;
font-size: 25px;
line-height: 30px;
letter-spacing: 0.25px;
text-transform: uppercase;
transition: 0.3s all;
font-family: Brandon Grotesque;
font-weight: 700;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset#sherpa-fieldset-order-button input#sherpa-order-button:hover {
opacity: 0.8;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset span.sherpa-field-error {
font-size: 14px;
font-family: Brandon Grotesque;
}
/* .track-my-order h2.main-page-title {
font-size: 32px;
letter-spacing: normal;
line-height: 1.2;
margin: 60px 0 12px;
} */
.track-my-order .below_content {
display: none;
}
.faqs_section ul.accordion .accordion_content #sherpa-wrap {
max-width: 100%;
}
.faqs_section ul.accordion .accordion_content .main_page_section #sherpa-wrap #sherpa-intro {
text-align: left;
margin: 0 0 12px 0;
}
/* body.java-shroom h2 {
letter-spacing: normal;
} */
.java_shroom_product {
padding: 40px 0 0 0;
}
.java_shroom_product .product_media_slider {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: flex-start;
}
.java_shroom_product .product_media_slider ul li.slick-slide {
overflow: hidden;
border-radius: 8px;
}
.java_shroom_product .product_media_slider ul li img {
width: 100%;
}
.java_shroom_product.product--large:not(.product--no-media) .product__media-wrapper {
flex: unset;
width: 53%;
max-width: 53%;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_for {
width: calc(100% - 106px);
margin-left: 20px;
border: 1px solid #E1E2E2;
border-radius: 8px;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li {
border: 2px solid transparent;
border-radius: 8px;
margin: 10px 0;
cursor: pointer;
transition: 0.3s all;
overflow: hidden;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li:hover,
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li.slick-current {
border-color: #592814;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav {
margin: 0;
padding: 0;
width: 86px;
height: 100%;
}
.java_shroom_product .product_media_slider.arrows ul.custom_product_slider_nav {
padding: 45px 0;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow {
width: 45px;
height: 45px;
border: 1px solid #E0E0E0;
border-radius: 100px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: calc(50% - 28px);
z-index: 1;
cursor: pointer;
transition: 0.3s all;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow:hover {
border-color: #592814;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.next svg {
margin-right: -2px;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.prev svg {
margin-left: -2px;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.prev {
left: 50%;
top: 0;
transform: translateX(-50%) rotate(90deg);
transform-origin: center;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.next {
right: unset;
left: 50%;
bottom: 0;
transform: translateX(-50%) rotate(90deg);
transform-origin: center;
top: auto;
}
.java_shroom_product.product--large:not(.product--no-media) .product__info-wrapper {
width: 47%;
padding-left: 32px;
flex: unset;
max-width: 47%;
}
.java_shroom_product .product__info-wrapper .purchase_option input[name="purchase_option"] {
display: none;
}
.java_shroom_product .product__info-wrapper .purchase_option input[name="purchase_option"]:checked + label {
background: #fff;
border: 2px solid #e2830b;
}
.java_shroom_product .product__info-wrapper .purchase_option input[name=purchase_option]:checked+label .circle {
background: #e2830b;
border-color: #e2830b;
position: relative;
}
.java_shroom_product .product__info-wrapper .purchase_option input[name=purchase_option]:checked+label .circle:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 12.5px;
height: 12.5px;
background: #fff;
border-radius: 100px;
margin: auto;
}
.java_shroom_product .product__info-wrapper .purchase_option label {
border: 1px solid #E1E2E2;
background: #FAFAFA;
border-radius: 8px;
padding: 16px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
gap: 16px;
margin: 0 0 16px 0;
}
.java_shroom_product .product__info-wrapper .purchase_option label .circle {
display: block;
width: 24px;
height: 24px;
border: 1px solid #B8B8B8;
border-radius: 100px;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info h4 {
font-family: Brandon Grotesque;
font-size: 20px;
margin: 0 15px 0 0;
font-weight: 900;
color: #1b1615;
letter-spacing: normal;
text-transform: uppercase;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info .content .title {
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info .title span {
display: inline-block;
vertical-align: middle;
background-color: #ffd200;
padding: 4px 7px 2px 7px;
border-radius: 7px;
color: #101010;
font-size: 14px;
margin-left: 0;
font-weight: 500;
line-height: 18px;
text-transform: capitalize;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity__label {
font-size: 25px;
font-family: Brandon Grotesque;
font-weight: 500;
line-height: 30px;
color: #443739;
letter-spacing: .25px;
margin: 0 0 8px 0;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity:before,
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity:after {
display: none;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity {
border: 2px solid #CECECE;
border-radius: 4px;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity svg {
width: 16px;
height: 16px;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity svg.minus {
transform: rotate(90deg);
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity input.quantity__input {
color: #443739;
font-family: Brandon Grotesque;
font-size: 24px;
font-weight: 600;
box-shadow: none;
outline: none;
}
.java_shroom_product .product__info-wrapper .purchase_option {
margin: 20px 0 !important;
max-width: 478px;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info {
display: flex;
flex-wrap: wrap;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info .content {
padding-left: 10px;
width: calc(100% - 24px);
}
.java_shroom_product .product__info-wrapper .purchase_option label .info span {
font-size: 14px;
color: #666666;
font-weight: 400;
font-family: Brandon Grotesque;
margin: 3px 0 4px;
display: block;
line-height: 1.2;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul {
display: flex;
flex-wrap: wrap;
}
.java_shroom_product .product__info-wrapper .buy-once a {
font-size: 16px;
color: #888888;
text-decoration-color: #e2830b;
text-underline-offset: 5px;
font-family: Brandon Grotesque;
font-weight: 400;
}
.java_shroom_product .product__info-wrapper .buy-once {
text-align: center;
margin: 20px 0;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul li {font-family: Brandon Grotesque;color: #3B7FCD;font-size: 14px;font-weight: 400;}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul li:before {
content: "|";
margin: 0 5px;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul li:first-child:before {
content: "";
margin: 0;
}
.java_shroom_product .product__info-wrapper .purchase_option label .price {
margin: 0;
display: block;
text-align: center;
}
.java_shroom_product .product__info-wrapper .purchase_option label .price .sale_price {
display: block;
font-size: 24px;
color: #1b1615;
font-family: Brandon Grotesque;
font-weight: 900;
line-height: 1.2;
}
.java_shroom_product .product__info-wrapper .purchase_option label .price .regular_price {
font-family: Brandon Grotesque;
line-height: 1.2;
color: #888;
text-decoration: line-through;
font-weight: 400;
}
.java_shroom_product .product__info-wrapper p.offer_text {
color: #C1272D;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 16px 0;
font-size: 20px;
line-height: 25px;
font-family: Brandon Grotesque;
}
.java_shroom_product .product__info-wrapper .product__title {
margin: 16px 0 0 0;
}
.java_shroom_product .product__info-wrapper p.flavor_text {
letter-spacing: 0.5px;
}
.java_shroom_product .product__info-wrapper .product__description {
font-size: 18px;
line-height: 23px;
color: #443739;
font-family: ff-meta-serif-web-pro, serif;
font-weight: 600;
margin: 24px 0 10px !important;
max-width: 525px;
letter-spacing: 0.2px;
}
.java_shroom_product .product__info-wrapper .product__description p {
font-weight: 600;
}
.java_shroom_product .product__info-wrapper .product__description.mobile {
display: none;
}
.java_shroom_product .product__info-wrapper .product_extra_info ul li {
position: relative;
padding-left: 24px;
margin: 0 0 5px 0;
font-weight: 600;
}
.java_shroom_product .product__info-wrapper .product_extra_info ul li:before {
content: "";
position: absolute;
left: 0;
top: 2px;
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/checkmark-icon-round.svg);
width: 16px;
height: 16px;
background-size: 16px;
}
.java_shroom_product .product__info-wrapper .product__info-container>*+* {
margin: 0;
}
.java_shroom_product .product__info-wrapper .price__container {
margin: 0;
}
.java_shroom_product .product__info-wrapper .price__container .price__sale {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: flex-end;
}
.java_shroom_product .product__info-wrapper .price__container .price__sale .price-item--sale {
font-size: 40px;
line-height: 1;
color: #1B1615;
font-family: Brandon Grotesque;
font-weight: 700;
letter-spacing: normal;
margin-right: 14px;
}
.java_shroom_product .product__info-wrapper .price__container .price-item--regular {
font-size: 24px;
line-height: 1;
color: #888888;
font-family: Brandon Grotesque;
margin-right: 18px;
letter-spacing: normal;
font-weight: 400;
}
.java_shroom_product .product__info-wrapper .percentage_value p {
margin: 0;
background: #e2830b;
padding: 7px 20px 4px 20px;
color: #fff;
font-weight: 600;
line-height: 27px;
text-transform: uppercase;
text-align: center;
font-family: Brandon Grotesque;
}
.java_shroom_product .product__info-wrapper .price {
display: flex;
align-items: center;
margin: 30px 0 30px;
}
.java_shroom_product .product__info-wrapper .product-form__buttons {
max-width: 478px;
width: 100%;
}
.java_shroom_product .product__info-wrapper .product_icon_with_content {
display: flex;
flex-wrap: wrap;
}
.java_shroom_product .product__info-wrapper .product_icon_with_content .icon {
width: 14px;
}
.java_shroom_product .product__info-wrapper .product_icon_with_content .content {
width: calc(100% - 14px);
padding-left: 8px;
}
.java_shroom_product .product__info-wrapper .product_icon_with_content .content h5 {
margin: 0;
font-size: 16px;
color: #603813;
line-height: 20px;
font-family: 'ff-meta-serif-web-pro';
font-weight: 600;
letter-spacing: normal;
}
.java_shroom_product .product__info-wrapper .product_icon_with_content .content p {
font-size: 12px;
line-height: 16px;
max-width: 341px;
margin: 5px 0 0;
color: #4E4E4E;
letter-spacing: normal;
font-weight: 400;
}
.product_icon_section.section_spacing {
padding-bottom: 0;
}
.product_icon_section ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
}
.product_icon_section ul li img {
width: 100%;
}
.product_icon_section ul li {
width: calc(14.28% - 15px);
}
.product_image_with_content_section .yoga_image {
width: 100%;
max-width: 823px;
margin: 0 auto;
}
.product_image_with_content_section .yoga_image img {
width: 100%;
}
.product_image_with_content_section .yoga_image img.mobile {
display: none;
}
.product_image_with_content_section .yoga_content.one {
left: 35px;
top: 140px;
width: 100%;
max-width: 346px;
}
.product_image_with_content_section .yoga_row {
position: relative;
}
.product_image_with_content_section .yoga_content.two {
right: 35px;
width: 100%;
max-width: 318px;
top: calc(50% - 120px);
}
.product_image_with_content_section .yoga_content {
position: absolute;
}
.product_image_with_content_section .yoga_content img {
display: none;
}
.product_image_with_content_section .yoga_content.three {
left: 35px;
width: 100%;
max-width: 286px;
bottom: 13%;
}
.product_image_with_content_section .yoga_content p {
margin: 0;
}
.product_image_with_content_section .yoga_content h3 {
margin: 0 0 24px 0;
}
.product_image_with_content_section h2 {
margin: 0 auto;
}
.product_image_with_content_section h2 span {
display: block;
}
.product_image_with_content_section .row {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -30px;
}
.product_image_with_content_section .item {
padding-left: 30px;
width: 33.33%;
text-align: center;
}
.product_image_with_content_section .item img {
height: 111px;
object-fit: contain;
}
.product_image_with_content_section .item h3 {
margin: 58px 0 24px; font-weight: bold;
}
.product_image_with_content_section .item p {
margin: 0 auto;
color: #443739;
font-weight: 600;
}
.product_image_with_content_section .item:nth-child(1) p {
max-width: 347px;
}
.product_image_with_content_section .item:nth-child(2) p {
max-width: 356px;
}
.product_image_with_content_section .item:nth-child(3) p {
max-width: 286px;
}
.product_image_with_content_section .item p sup {
line-height: 1;
}
.product_image_with_cotent_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product_image_with_cotent_section .content {
width: 57%;
}
.product_image_with_cotent_section .image {
width: 43%;
padding-left: 32px;
}
.product_image_with_cotent_section .content h2 {
text-align: left;
}
.product_image_with_cotent_section .content h3.taste {
max-width: 370px;
width: 100%;
display: block;
margin: 0 0 32px;
font-weight: bold;
}
.product_image_with_cotent_section .content .improved {
margin: 0 0 45px 0;
}
.product_image_with_cotent_section .content h3.sub_heading {
max-width: 100%;
margin: 0 0 24px;
font-weight: 700;
}
.product_image_with_cotent_section .content p {
max-width: 676px;
margin: 0 0 32px 0;
}
.product_image_with_cotent_section .content .icon-title .list {
margin: 0 0 16px 0;
}
.product_image_with_cotent_section .content .icon-title .list .head {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 10px 0;
}
.product_image_with_cotent_section .content .icon-title .list .head img {
width: 50px;
}
.product_image_with_cotent_section .content .icon-title .list .head svg {
width: 50px;
}
.product_image_with_cotent_section .content .icon-title .list .head span {
padding-left: 10px;
/* width: calc(100% - 50px); */
font-weight: 700;
margin-bottom: 0;
}
.product_image_with_cotent_section .content ul {
padding-top: 10px;
display: flex;
}
.product_image_with_cotent_section .content ul li {
padding-right: 16px;
padding-bottom: 16px;
line-height: 1;
}
.product_image_with_cotent_section .content ul li img {
width: 100%;
}
.product_image_with_cotent_section .image img {
width: 100%;
}
.supplement_fact_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -20px;
}
.supplement_fact_section .image {
width: 48%;
padding: 0 20px;
}
.supplement_fact_section .image img {
width: 100%;
}
.supplement_fact_section .image img.mobile {
display: none;
}
.supplement_fact_section .content {
width: 52%;
padding: 0 20px;
}
.supplement_fact_section .content h2 {
text-align: left;
margin: 0px;
}
.supplement_fact_section .content h3 {
font-family: Brandon Grotesque;
font-weight: 900;
color: #592814;
margin: 0 0 60px;
}
.supplement_fact_section .content p {
margin: 0 0 15px 0;
max-width: 565px;
}
.supplement_fact_section .content b {
font-weight: 800;
margin-bottom: 15px;
width: 100%;
display: inline-block;
}
.supplement_fact_section .content b.yellow {
color: #592814;
width: 100%;
display: inline-block;
margin: 15px 0px;
font-size: 20px;
line-height: 25px;
}
.supplement_fact_section .content ul {
max-width: 490px;
margin: 0 0 15px 0;
}
.supplement_fact_section .content ul li {
margin: 15px 0 0 0;
position: relative;
padding-left: 27px;
}
.supplement_fact_section .content ul li strong {
font-family: 'ff-meta-serif-web-pro';
font-weight: 800;
}
.supplement_fact_section .content ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/check_mark1.svg);
background-size: 19px;
width: 19px;
height: 14px;
}
.supplement_fact_section .content ul li.with_r:before {
top: 14px;
}
/* section.product.icon_with_content_second {
margin: 1.406vw 0 0;
padding: 100px 0 117px;
} */
.product.icon_with_content_second h2 {
margin: 0 auto 12px;
}
.product.icon_with_content_second .head p {
max-width: 880px;
margin: 0 auto 65px;
}
.magic_dust_how_to_section .page-width {
max-width: 1018px !important;
}
.magic_dust_how_to_section .row {
align-items: center;
}
.magic_dust_how_to_section .how_to_take_image {
width: 42%;
padding: 0 20px;
}
.magic_dust_how_to_section .how_to_list {
width: 58%;
padding-left: 90px;
padding-right: 20px;
}
.magic_dust_how_to_section .how_to_list ul li {
margin-bottom: 45px;
}
.magic_dust_how_to_section .how_to_list ul li:last-child {
margin-bottom: 0;
}
.magic_dust_how_to_section .how_to_list ul li span {
color: #592814;
font-size: 25px;
font-weight: 800;
line-height: 30px;
font-family: brandon-grotesque, sans-serif;
margin: 0 0 10px 0;
display: block;
}
.magic_dust_how_to_section .how_to_list ul li p {
margin: 0;
font-weight: 600;
}
.magic_dust_how_to_section .how_to_list ul li:first-child p {
width: 100%;
max-width: 365px;
}
.product_java_shroom_section h2 {
margin: 0 auto 60px;
max-width: 1010px;
}
.product_java_shroom_section .row {
display: flex;
flex-wrap: wrap;
margin: 0px -20px;
}
.product_java_shroom_section .responsive_image {
display: none;
}
.product_java_shroom_section .item {
width: 33.33%;
padding: 0px 20px;
}
.product_java_shroom_section .item .inner_wrap {
width: 100%;
display: flex;
flex-direction: column;
}
/* .product_java_shroom_section .item .inner_wrap img {
width: 100%;
max-width: 260px;
} */
.product_java_shroom_section .item .inner_wrap span.number {
width: 48px;
height: 48px;
border: 1px solid #492322;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
color: #492323;
font-size: 20px;
font-family: Brandon Grotesque;
font-weight: 900;
margin: 16px 0;
display: none;
}
.product_java_shroom_section .item .inner_wrap h3 {
margin: 23px 0px 16px;
text-transform: uppercase;
letter-spacing: normal;
}
.product_java_shroom_section .item .inner_wrap p {
margin: 0;
max-width: 100%;
font-weight: 600;
}
.product_customer_section.section_spacing {
padding-top: 10.417vw;
}
.product_customer_section h2 {
margin: 0 0 30px 0;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.product_customer_section .customer_list {
display: flex;
flex-wrap: wrap;
margin: 190px 0 0 -50px;
}
.product_customer_section .customer_list .item {
width: 33.33%;
padding-left: 50px;
}
.product_customer_section .customer_list .item .inner_wrap {
border: 3px solid #492322;
padding: 40px 32px 32px;
border-radius: 32px;
position: relative;
height: 100%;
}
.product_customer_section .customer_list .item .inner_wrap .bottom_arrow {
position: absolute;
bottom: -37.6px;
left: 40px;
right: 0;
width: 59.5px;
height: 43px;
}
/* .product_customer_section .customer_list .item .inner_wrap:before {
content: "";
position: absolute;
left: 47px;
bottom: -47px;
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/Path36853.svg);
width: 53px;
height: 47px;
}
.product_customer_section .customer_list .item .inner_wrap:after {
content: "";
position: absolute;
left: 67px;
bottom: -3px;
width: 28.8px;
border-bottom: 4px solid #fff;
} */
.product_customer_section .customer_list .item .inner_wrap .image {
width: 146px;
height: 146px;
margin: -120px auto;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.product_customer_section .customer_list .item .inner_wrap .image img {
width: 100%;
}
.product_customer_section .customer_list .item .inner_wrap .content {
text-align: center;
}
.product_customer_section .customer_list .item .inner_wrap .content .title {
margin: 5px 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.product_customer_section .customer_list .item .inner_wrap .content .rating {
line-height: 0;
}
.product_customer_section .customer_list .item .inner_wrap .content .title h3 {
margin: 0;
text-transform: uppercase;
}
.product_customer_section .customer_list .item .inner_wrap .content .verified {
display: flex;
align-items: center;
margin-left: 10px;
}
.product_customer_section .customer_list .item .inner_wrap .content .verified span {
font-size: 14px;
color: #43A270;
margin: 1px 0 0 4px;
font-weight: 400;
}
.product_customer_section .customer_list .item .inner_wrap .content p {
text-align: left;
margin: 0;
}
.product_ritual_section.section_spacing {
padding-top: 10.417vw;
}
.product_ritual_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -20px;
}
.product_ritual_section .content {
width: 52%;
padding: 0px 20px;
}
.product_ritual_section .content h2 {
text-align: left;
margin: 0 0 5px 0;
}
.product_ritual_section .content p {
color: #443739;
font-family: 'ff-meta-serif-web-pro';
max-width: 627px;
margin: 0;
font-weight: 600;
}
.product_ritual_section .content ul li {
color: #443739;
font-family: 'ff-meta-serif-web-pro';
margin: 0 0 13px 0;
position: relative;
padding-left: 27px;
font-weight: 600;
}
.product_ritual_section .content ul li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/check_mark1.svg);
background-size: 19px;
width: 19px;
height: 14px;
}
.product_ritual_section .content ul {
margin: 30px 0;
}
.product_ritual_section .content ul li:last-child {
margin: 0;
}
.product_ritual_section .image {
width: 48%;
}
.product_ritual_section .image img {
width: 100%;
}
/* section.product_money_guarantee_section.section_spacing {
padding: 50px 0 0 0;
} */
.matcha_money_guarantee_main.product_money_guarantee_section {
padding: 20px 0 6.5vw;
}
.product_money_guarantee_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product_money_guarantee_section .page-width {
max-width: 890px !important;
}
.product_money_guarantee_section .image {
width: 23.3%;
}
.product_money_guarantee_section .image img {
width: 100%;
}
.product_money_guarantee_section .content {
width: 76.7%;
padding-left: 48px;
}
.product_money_guarantee_section .content p {
margin: 0;
font-weight: 600;
}
.product_money_guarantee_section .content p a {
color: #1874b0;
text-decoration: none;
}
/* Mobile Table */
.mobile_comparison_table {
display: none;
}
.mobile_comparison_table .table_slider-nav {
background: #492322;
border-radius: 8px;
padding: 15px;
margin: 0 0 50px 0;
}
.mobile_comparison_table .table_slider-nav .slick-track {
display: flex;
align-items: center;
}
.mobile_comparison_table .table_slider-nav .item {
margin: 0 5px;
}
.mobile_comparison_table .table_slider-nav .item img {
width: 100%;
height: 30px;
}
.mobile_comparison_table .table_slider-nav .item.mud-wtr img,
.mobile_comparison_table .table_slider-nav .item.ryze img {
height: 10px;
}
.mobile_comparison_table .table_slider-nav .item.everyday img,
.mobile_comparison_table .table_slider-nav .item.four img {
height: 25px;
}
.mobile_comparison_table .comparison_table_info {
box-shadow: 0 5px 16px #00000014;
border: 1px solid #C1AC93;
border-radius: 8px;
display: flex;
}
.mobile_comparison_table .comparison_table_first_column {
width: 114px;
}
.mobile_comparison_table .comparison_table_first_column .empty {
display: block;
height: 78px;
background: #D4A968;
border-radius: 8px 0 0 0;
border-bottom: 1px solid #C1AC93;
}
.mobile_comparison_table .comparison_table_first_column .item {
background: #D4A96864;
padding: 15px 10px;
border-bottom: 1px solid #C1AC93;
line-height: 1;
}
.mobile_comparison_table .comparison_table_first_column .item strong {
font-size: 16px;
color: #592814;
font-family: Brandon Grotesque;
line-height: 1;
font-weight: 700;
}
.mobile_comparison_table .comparison_table_first_column .item p {
font-size: 12px;
line-height: 15px;
letter-spacing: 0.12px;
margin: 3px 0 0 0;
}
.mobile_comparison_table .comparison_table_second_column {
background: #492322;
text-align: center;
width: 116px;
}
.mobile_comparison_table .comparison_table_second_column .table_logo {
height: 78px;
display: flex;
align-items: center;
border-bottom: 1px solid #C1AC93;
position: relative;
}
.mobile_comparison_table .comparison_table_second_column .table_logo:before {
content: "";
position: absolute;
top: -30px;
left: 0;
right: 0;
width: 116px;
height: 30px;
background: #492322;
z-index: 1;
border-radius: 8px 8px 0 0;
}
.mobile_comparison_table .comparison_table_second_column .table_logo img {
width: 100%;
padding: 10px;
max-width: 90px;
margin: auto;
}
.mobile_comparison_table .comparison_table_second_column .item {
padding: 15px 10px;
border-bottom: 1px solid #C1AC93;
display: flex;
align-items: center;
justify-content: center;
}
.mobile_comparison_table .comparison_table_second_column .item:last-child {
border-bottom: none;
position: relative;
}
.mobile_comparison_table .comparison_table_second_column .item:last-child:before {
content: "";
position: absolute;
bottom: -30px;
left: 0;
right: 0;
width: 116px;
height: 30px;
background: #492322;
z-index: 1;
border-radius: 0 0 8px 8px;
}
.mobile_comparison_table .comparison_table_second_column svg {
width: 29px;
height: 29px;
}
.mobile_comparison_table .table_slider {
width: calc(100% - 230px);
}
.mobile_comparison_table .table_slider .table_logo {
background: #D4A968;
height: 78px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #C1AC93;
border-right: 1px solid #C1AC93;
}
.mobile_comparison_table .table_slider .table_logo img {
max-width: 116px;
width: 100%;
padding: 10px 5px;
}
.mobile_comparison_table .table_slider .table_logo.ryze img,
.mobile_comparison_table .table_slider .table_logo.mub-wtr img {
height: 30px;
}
.mobile_comparison_table .table_slider .table_logo.everyday img,
.mobile_comparison_table .table_slider .table_logo.four img {
height: 45px;
}
.mobile_comparison_table .table_slider .item {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #C1AC93;
text-align: center;
padding: 15px 10px;
}
.mobile_comparison_table .table_slider .item:last-child {
border-bottom: none;
}
.mobile_comparison_table .table_slider .item svg {
width: 28px;
height: 28px;
}
.mobile_comparison_table .table_slider .item span {
color: #443739;
font-size: 16px;
line-height: 16px;
font-family: Brandon Grotesque;
margin: 0 0 3px 0;
font-weight: bold;
}
.mobile_comparison_table .table_slider .item button {
height: auto;
min-height: unset;
font-size: 12px;
min-width: auto;
display: block;
margin: 0 auto;
line-height: normal;
background: transparent;
color: #e2830c;
padding: 0;
text-decoration: underline;
font-weight: 700;
border: none;
}
.mobile_comparison_table .table_slider .slider_column {
border-right: 1px solid #C1AC93;
}
/* End Mobile Table */
.product_comparison_table.section_spacing {
padding: 6.667vw 0;
}
.product_comparison_table .page-width h2 {
max-width: 850px;
margin: 0 auto 160px;
}
.product_comparison_table .inner_comparison_table {
border-radius: 8px;
box-shadow: 0px 5px 16px #00000014;
border: 1px solid #C1AC93;
}
.product_comparison_table .inner_comparison_table .head {
display: flex;
flex-wrap: wrap;
border-radius: 8px 8px 0px 0px;
background: #D4A968;
}
.product_comparison_table .inner_comparison_table .head .list.first {
display: block;
width: 30%;
}
.product_comparison_table .inner_comparison_table .head .list.dark {
background: #492322;
padding: 0 30px 29px;
line-height: 1;
display: flex;
justify-content: center;
position: relative;
border: none;
}
.product_comparison_table .inner_comparison_table .head .list.dark:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -42px;
background: #492322;
bottom: 0;
border-radius: 12px 12px 0 0;
border: 1px solid #C1AC93;
border-bottom: none;
}
.product_comparison_table .inner_comparison_table .head .list.dark img {
position: relative;
width: 100%;
}
.product_comparison_table .inner_comparison_table .head .list {
width: 14%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 26px 15px;
color: #F5F5F5;
font-size: 26px;
line-height: 1;
font-family: Brandon Grotesque;
font-weight: 900;
border-right: 1px solid #C1AC93;
letter-spacing: normal;
}
.product_comparison_table .inner_comparison_table .head .list:last-child {
border-right: none;
}
.product_comparison_table .inner_comparison_table .table_content .row {
display: flex;
flex-wrap: wrap;
}
.product_comparison_table .inner_comparison_table .table_content .list {
padding: 15px;
text-align: center;
width: 14%;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #C1AC93;
border-bottom: 1px solid #C1AC93;
}
.product_comparison_table .inner_comparison_table .table_content .row:last-child .list {
border-bottom: none;
}
.product_comparison_table .inner_comparison_table .table_content .list:last-child {
border-right: none;
}
.product_comparison_table .inner_comparison_table .table_content .list:first-child {
width: 30%;
text-align: left;
background: #D4A96864;
justify-content: flex-start;
}
.product_comparison_table .inner_comparison_table .table_content .list.dark {
background: #492322;
position: relative;
border: 1px solid #C1AC93;
border-bottom: none;
}
.product_comparison_table .inner_comparison_table .table_content .row:last-child .list.dark {
border: none;
}
.product_comparison_table .inner_comparison_table .table_content .row:last-child .list.dark:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -42px;
top: -1px;
background: #492322;
border-radius: 0 0 12px 12px;
border: 1px solid #C1AC93;
height: calc(100% + 42px);
}
.product_comparison_table .inner_comparison_table .table_content .list.dark .inner_wrap {
position: relative;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap {
line-height: 1;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap svg {
width: 38px;
height: 38px;
}
.product_comparison_table .inner_comparison_table .table_content .list span {
line-height: 1;
color: #443739;
font-size: 25px;
font-family: Brandon Grotesque;
font-weight: 700;
letter-spacing: normal;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap .button {
height: auto;
min-height: unset;
font-size: 20px;
min-width: auto;
display: block;
margin: 0 auto;
line-height: normal;
background: transparent;
color: #E2830C;
padding: 0;
text-decoration: underline;
font-weight: bold;
border: none;
}
.product_comparison_table .inner_comparison_table .table_content .list strong {
color: #592814;
font-family: Brandon Grotesque;
font-weight: 700;
font-size: 25px;
line-height: 1;
letter-spacing: normal;
}
.product_comparison_table .inner_comparison_table .table_content .list p {
margin: 6px 0 0;
}
section.product_video_testimonial.section_spacing {
margin-top: 40px;
}
.product_video_testimonial .head {
margin: 0 auto 60px;
max-width: 966px;
}
.blog_listing .blog_filter {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 60px 0 0 0;
}
.blog_listing .blog_filter .filter {
width: 77%;
}
.blog_listing .blog_filter .filter ul {
display: flex;
flex-wrap: wrap;
}
.blog_listing .blog_filter .filter ul li {
padding-right: 64px;
}
.blog_listing .blog_filter .filter ul li a {
color: #707070;
font-size: 24px;
text-decoration: none;
line-height: 34px;
font-family: Brandon Grotesque;
font-weight: 500;
text-transform: uppercase;
}
.blog_listing .blog_filter .filter ul li a:hover {
opacity: 1;
color: #603813;
}
.blog_listing .blog_filter .filter ul li a.active {
color: #603813;
border-bottom: 2px solid;
}
.blog_listing .blog_filter .search_box {
width: 23%;
position: relative;
}
.blog_listing .blog_filter .search_box .search_icon {
position: absolute;
left: 12px;
top: calc(50% - 8px);
line-height: 1;
}
.blog_listing .blog_filter .search_box input {
width: 100%;
border: 1px solid #C8C8C8;
border-radius: 8px;
padding: 12px 12px 12px 38px;
font-size: 18px;
font-family: Brandon Grotesque;
box-shadow: none;
outline: none;
transition: 0.3s all;
}
.blog_listing .blog_filter .search_box input:hover {
border-color: #603813;
}
.blog_listing .blog_filter .search_box input::placeholder {
color: #707070;
text-transform: uppercase;
}
.blog_listing .blog_banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 8px;
min-height: 320px;
display: flex;
align-items: center;
padding-left: 32px;
margin: 72px 0 0 0;
position: relative;
}
.blog_listing .blog_banner.mobile {
display: none;
}
.blog_listing .blog_banner h2 {
font-size: 64px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
letter-spacing: normal;
line-height: normal;
position: relative;
margin: 0;
}
.blgSrchgNoResultDiv {
text-align: center;
padding: 30px 0 0 0;
}
.blgSrchgNoResultDiv p.blgSrchgNoResultMsg {
font-size: 22px;
}
.blog-articles.blog-articles--list {
display: block;
margin: 67px 0 0 0;
}
.blog-articles.blog-articles--list .blog-articles__article {
border-radius: 8px 8px 0px 0px;
background: #fff;
padding: 40px 0;
border-bottom: 1px solid #e5e5e5;
margin: 0;
transition: 0.3s all;
}
.blog-articles.blog-articles--list .blog-articles__article .card__inner {
width: 35%;
border-radius: 8px;
overflow: hidden;
}
.blog-articles.blog-articles--list .article-card__image--medium .ratio:before {
padding-bottom: 78%;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content {
width: 65%;
padding-left: 64px;
}
.blog-articles.blog-articles--list .blog-articles__article .card {
flex-direction: unset;
align-items: center;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content h3 {
margin: 0 0 11px 0;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content h3 a {
text-transform: uppercase;
text-decoration: none;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information {
display: flex;
flex-direction: column;
max-width: 728px;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__info {
order: 2;
display: flex;
align-items: center;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__info span {
display: flex;
align-items: center;
padding-right: 20px;
letter-spacing: normal;
text-transform: none;
font-size: 16px;
color: #603813;
font-family: 'ff-meta-serif-web-pro';
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__info span svg {
margin-right: 8px;
margin-top: 3px;
width: 24px;
height: auto;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__excerpt {
max-width: 520px;
margin: 0 0 42px 0;
}
.blog-articles.blog-articles--list .blog-articles__article .card__inner .card__content {
display: none;
}
.blog-articles.blog-articles--list .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
transform: unset;
}
.blog-articles.blog-articles--list .card__heading a:after {
display: none;
}
.blog-articles.blog-articles--list .underline-links-hover:hover a {
text-decoration: none;
}
.article-template .article_banner {
margin: 0 !important;
background-size: cover;
background-repeat: no-repeat;
background-position: right;
padding: 83px 0;
position: relative;
max-height: 488px;
min-height: 25.417vw;
}
.all-9-reasons-why-people-are-switching-from-regular-coffee-to-java-shroom™.article-template .article_banner {
padding: 82px 0;
}
.article-template .article_banner.mobile {
display: none;
}
.article-template .article_banner .banner_content {
width: 100%;
max-width: 725px;
}
.article-template.all-the-history-of-functional-mushrooms .article_banner .banner_content {
max-width: 611px;
}
.article-template .article_banner .banner_content h1 {
font-size: 65px;
color: #fff;
line-height: 90px;
font-family: Brandon Grotesque;
font-weight: 700;
margin: 0;
}
.article-template .article_banner .banner_content ul {
display: flex;
flex-wrap: wrap;
margin: 23px 0 0 0;
}
.all-iced-caramel-latte.article-template .article_banner .banner_content ul {
margin: 2.5vw 0 0 0;
}
.article-template .article_banner .banner_content ul li {
color: #fff;
padding-right: 30px;
font-size: 20px;
line-height: 26px;
}
.article_content .row {
display: flex;
flex-wrap: wrap;
padding: 111px 0 0 0;
align-items: flex-start;
}
.article_content .table_of_content {
box-shadow: 1px 1px 20px #0000001a;
border-radius: 8px 8px 0 0;
padding: 37px 26px;
width: 23.5%;
position: sticky;
top: 123px;
background: #fff;
}
.article_content .table_of_content .table_list ul li a {
text-decoration: none;
color: #592814;
letter-spacing: .2px;
}
.article_content .table_of_content .table_list ul li {
margin: 0 0 7px 0;
}
.article_content .table_of_content .table_list ul li ul {
padding: 15px 15px 5px 15px;
}
.article_content .table_of_content .table_list ul li a.active {
color: #120606;
opacity: 1;
}
.article_content .table_of_content h4 {
font-size: 18px;
color: #592814;
margin: 0 0 23px;
font-family: Brandon Grotesque;
font-weight: 900;
letter-spacing: .18px;
line-height: 23px;
}
.article_content .content p a {
color: #1773B0;
text-decoration: none;
}
.article_content .content img {
width: 100%;
margin: 0 0 32px 0;
border-radius: 8px;
}
.article_content .content {
width: 76.5%;
padding-left: 30px;
max-width: 944px;
}
.article_content .content p {
margin: 0 0 32px;
}
.article_content .content .image_blog {
display: flex;
flex-wrap: wrap;
margin: 0 0 58px 0;
}
.article_content .content .image_blog .add-to-cart {
margin: 16px 0 0 0;
}
.article_content .content .image_blog .add-to-cart a {
text-transform: uppercase;
}
.article_content .content .image_blog .image img {
margin: 0;
}
.article_content .content .image_blog .content_blog p:last-child {
margin-bottom: 0;
}
.article_content .content .image_blog .image {
width: 50%;
}
.article_content .content .image_blog .content_blog {
width: 50%;
padding-left: 30px;
}
.article_content .content .blg_auto_btn a.custom_btn {
width: auto;
line-height: 25px;
padding: 15px 25px;
}
.article_content .content p i {
color: #443739;
}
.article_content .content b,
.article_content .content strong {
color: #443739;
font-weight: bold;
}
.article_content .content h3 {
margin: 0 0 30px 0;
}
.article_content .content h5 {
margin: 0 0 30px;
font-weight: bold;
}
.article_content .content h4 {
margin: 0 0 30px 0;
}
.article_content .content .two_heading h3 {
margin: 0 0 5px 0;
}
.article_content .content ol {
padding: 0;
}
.article_content .content ol li {
margin-left: 15px;
list-style-type: decimal;
padding-left: 2px;
}
.article_content .content ol li::marker {
font-weight: bold;
}
.article_content .content ul {
margin: 0 0 32px 0;
}
.article_content .content ul li {
list-style-type: circle;
margin-left: 15px;
}
.article_content .content ol li {
margin-left: 15px;
}
.article_content .content .two_heading h6 {
margin: 0 0 19px 0;
font-weight: bold;
}
.article_content .content ol .prompts {
margin: 0 0 32px 32px;
}
.article_content .content ol .prompts p {
margin: 0;
}
.article_content .content ol .prompts ol li {
margin: 0;
}
.article_content .content ol .prompts ol li {
margin-left: 15px;
}
.article-template__content p,
.article-template__content li {
font-family: 'ff-meta-serif-web-pro';
font-weight: 600;
}
.article-template__content b, .article-template__content strong {
font-family: 'ff-meta-serif-web-pro';
}
.article-template__content h3 {
color: #592814;
font-family: Brandon Grotesque;
font-weight: 900;
font-size: 35px;
line-height: 1;
text-transform: uppercase;
}
.article-template__content p.underline {
font-size: 22px;
letter-spacing: 0.88px;
line-height: 20px;
font-family: Brandon Grotesque;
font-weight: 900;
color: #592814;
}
.product_money_guarantee_section .custom_button {
margin: 30px 0px 0px;
text-align: center;
}
.product_money_guarantee_section .custom_button a.custom_btn {width: auto;padding: 12px 60px;}
.product_money_guarantee_section .custom_button a.custom_btn:hover {
color: #fff;
}
section.java_prdt_pp.product_money_guarantee_section {
padding-top: 1.5vw;
}
.blog_bottom_product {
background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/Rectangle_13455.png);
background-size: cover;
background-position: center;
padding: 0 0 50px 0;
margin: 100px 0 0 0;
}
.blog_bottom_product .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog_bottom_product .content {
width: 53%;
}
.blog_bottom_product .content .inner_content {
max-width: 715px;
}
.blog_bottom_product .content .inner_content h2 {
text-align: left;
margin: 0 0 12px 0;
}
.blog_bottom_product .content .inner_content p {
margin: 0 0 68px 0;
max-width: 441px;
}
.blog_bottom_product .content .inner_content a.custom_btn {
width: 100%;
max-width: 174px;
}
.blog_bottom_product .image {
width: 47%;
}
.blog_bottom_product .image .inner_image {
max-width: 500px;
margin: 0 auto;
}
.blog_bottom_product .image img {
width: 100%;
}
.comparison_table_suppliment_modal {
position: fixed;
left: 0;
right: 0;
top: 0;
border: 0;
display: none;
align-items: center;
height: 100vh;
overflow: hidden;
z-index: 9999;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap.active .comparison_table_suppliment_modal {
display: flex;
}
.comparison_table_suppliment_modal .modal_content {
width: 100%;
max-width: 460px;
margin: 0 auto;
position: relative;
max-height: 95vh;
background: #fff;
padding: 35px 35px 35px 25px;
border-radius: 15px;
overflow: auto;
}
.comparison_table_suppliment_modal .modal_content img {
width: 100%;
}
.comparison_table_suppliment_modal .overlayy {
display: block;
background: rgb(212 169 104 / 65%);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.comparison_table_suppliment_modal .modal_content .close_icon {
position: fixed;
background: #fff;
box-shadow: 0 3px 10px #00000029;
right: 25px;
width: 47px;
height: 47px;
top: 25px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.comparison_table_suppliment_modal .modal_content .close_icon svg {
width: 22px !important;
height: 22px !important;
margin: -1px 0 0 0;
}
.comparison_table_suppliment_modal .modal_content::-webkit-scrollbar {
display: none;
}
.custom_liquid {
padding: 116px 0 0;
}
.custom_liquid .gp-carousel-con {
justify-content: center !important;
}
.custom_liquid .head {
max-width: 913px;
margin: 0 auto 44px;
text-align: center;
}
.custom_liquid .head h3 {
letter-spacing: 1.75px;
}
.custom_user_account.customer a.logout_link,
.custom_user_order a.return_link,
.custom_user_addresses a.account_link {
font-size: 20px;
color: #e2830c;
font-weight: 700;
font-family: Brandon Grotesque;
text-decoration: none;
letter-spacing: normal;
}
.custom_user_addresses a.account_link {
margin: 10px 0 0 0;
}
.custom_user_addresses h2 {
font-weight: 700;
}
.custom_user_account.customer h2.order_title {
font-weight: 700;
margin: 0 0 20px 0;
}
.custom_user_account.customer table.order-history,
.custom_user_order table.order-details {
border-radius: 8px;
box-shadow: 0 5px 16px #00000014;
border: 1px solid #C1AC93;
}
.custom_user_account.customer table.order-history thead,
.custom_user_order table.order-details thead {
background: #d4a968;
}
.custom_user_account.customer table.order-history thead th,
.custom_user_order table.order-details thead th {
padding: 26px 15px;
color: #f5f5f5;
font-size: 18px;
line-height: 1.4;
font-family: Brandon Grotesque;
font-weight: 700;
border-right: 1px solid #C1AC93;
letter-spacing: normal;
text-align: center;
}
.custom_user_order table.order-details thead th:first-child {
text-align: left;
}
.custom_user_account.customer table.order-history tbody tr td,
.custom_user_order table.order-details tbody tr td {
font-family: Brandon Grotesque;
font-size: 16px;
line-height: 1.4;
text-align: center;
color: #443739;
padding: 15px;
vertical-align: middle;
border-right: 1px solid #C1AC93;
border-bottom: 1px solid #C1AC93;
}
.custom_user_order table.order-details tbody tr td:first-child {
text-align: left;
}
.custom_user_account.customer table.order-history tbody tr td:last-child,
.custom_user_order table.order-details tbody tr td:last-child {
border-right: none;
}
.custom_user_account.customer table.order-history tbody tr td a,
.custom_user_order table.order-details tbody tr td a {
color: #1874b0;
border: none;
box-shadow: none;
padding: 0;
text-decoration: none;
font-weight: 400;
font-size: 16px;
}
.custom_user_account.customer h2.account_details {
margin: 0 0 20px 0;
font-weight: 700;
}
.custom_user_account.customer a.address_link {
font-size: 20px;
color: #1874b0;
font-weight: 400;
font-family: Brandon Grotesque;
text-decoration: none;
letter-spacing: normal;
}
.custom_user_order table.order-details tfoot tr td {
padding: 15px;
color: #1B1615;
font-family: Brandon Grotesque;
font-size: 18px;
font-weight: 600;
}
.custom_user_order h2 {
font-weight: 700;
margin: 20px 0 5px !important;
}
.custom_user_addresses button {
padding: 14px 13px 13px;
display: inline-block;
background: #e2830b !important;
width: 100%;
text-align: center;
color: #fff !important;
text-decoration: none;
font-size: 20px;
line-height: 29px;
font-weight: 700;
border: none;
box-shadow: none;
transition: 0.3s all;
font-family: Brandon Grotesque;
margin: 20px 0 0!important;
}
.custom_user_addresses button:hover {
opacity: 0.8;
}
.custom_user_addresses button:before, .custom_user_addresses button:after {
display: none;
}
.custom_user_addresses #AddAddress {
margin: 30px 0 0 0;
}
.custom_user_addresses form {
margin: 20px 0 0 0;
}
.custom_user_addresses form .field:before, .custom_user_addresses form .field:after,
.custom_user_addresses form .select:before, .custom_user_addresses form .select:after{
display: none;
}
.custom_user_addresses form input[type="text"],
.custom_user_addresses form input[type="tel"] {
border: 1px solid #707070;
font-size: 18px;
color: #000;
font-family: Brandon Grotesque;
line-height: 1.2;
box-shadow: none;
}
.custom_user_addresses form select {
border: 1px solid #707070;
font-size: 18px;
color: #000;
font-family: Brandon Grotesque;
line-height: 1.2;
box-shadow: none;
}
.custom_user_addresses form label {
font-family: Brandon Grotesque;
letter-spacing: normal;
font-weight: 400;
}
.custom_user_addresses form input[type="checkbox"] {
appearance: none;
width: 24px;
height: 24px;
border: 1px solid #B8B8B8;
margin: 0;
cursor: pointer;
}
.custom_user_addresses form input[type="checkbox"]:checked {
background: #e2830b;
border-color: #e2830b;
}
.custom_user_addresses form .default_checkbox {
display: flex;
align-items: center;
margin: 15px 0 0 0;
}
.custom_user_addresses form .default_checkbox label {
margin: 2px 0 0 10px;
cursor: pointer;
}
.custom_user_addresses form input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
border: 1px solid #B8B8B8;
margin: 0;
position: relative;
}
.custom_user_addresses form input[type=checkbox]:checked:before {
content: "";
display: block;
width: 6px;
height: 16px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
position: absolute;
right: 8px;
top: 1px;
}
.custom_user_addresses form input[type=checkbox]:checked {
background: #e2830b;
border-color: #e2830b;
}
.custom_user_addresses li[data-address] {
margin: 25px 0 0 0;
}
.custom_user_addresses h2.edit_address {
margin: 30px 0 0 0;
}
.custom_user_addresses {
width: 100%;
max-width: 658px !important;
padding: 30px 20px;
}
.icon_with_content .row .item-icon-2 .des p {
width: 100%;
max-width: 380px;
margin: 0 auto;
}
.java_shroom_product .product__info-wrapper .purchase_option label[for="2-pack"] .info span {
max-width: 200px;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info span br {
display: none;
}
.supplement_fact_main .image, .supplement_fact_main .content {
width: 50% !important;
}
.icon_with_content_second .item {
padding: 0px 20px;
}
.icon_with_content_second .row {
margin: 0 -20px;
}
.icon_mushroom_main .item_box_img img {
max-width: 310px;
}
.icon_mushroom_main h2 {
max-width: 820px;
}
/* .matcha_shroom_product.java_shroom_product .product_media_slider ul.custom_product_slider_for {
padding: 3.229vw 6.667vw;
} */
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li {margin: 5px 0;}
.matcha_shroom_product.java_shroom_product .product_media_slider ul.custom_product_slider_nav li img {width: auto;max-width: 100%;height: auto;margin: 0 auto;padding: 0;}
.matcha_shroom_product.java_shroom_product .sub_text {
display: block;
margin: 0 0 7px 0;
}
.matcha_shroom_product.java_shroom_product .sub_text b {
font-size: 20px;
font-weight: 900;
line-height: 25px;
font-family: brandon-grotesque, sans-serif;
color: #120606;
text-transform: uppercase;
}
.matcha_shroom_product.java_shroom_product .product__tax.caption.rte {
color: rgba(18, 18, 18, 0.75);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
margin: 7px 0 0 0;
}
.matcha_shroom_product.java_shroom_product .product__tax.caption.rte a {
color: rgba(18, 18, 18, 0.75);
}
section.product_icon_with_content_section.section_spacing {
padding: 7.885vw 0 2.938vw;
}
.product_icon_with_content_section .row {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -48px;
}
.product_icon_with_content_section .item {
width: 33.33%;
text-align: center;
padding-left: 48px;
}
.product_icon_with_content_section .item .image {
line-height: 0;
margin: 0 auto 15px;
width: 129px;
}
.product_icon_with_content_section .item .image img {
width: 100%;
}
.product_icon_with_content_section .item .content {
margin: 15px auto 0;
max-width: 365px;
}
.product_icon_with_content_section .item span {
font-weight: 700;
}
.prdt_match_made.product_image_with_content_section h2 {
margin: 0 auto 104px;
}
.prdt_match_made.product_image_with_content_section .yoga_image {
max-width: 680px;
padding: 0 48px;
}
.prdt_match_made.product_image_with_content_section .yoga_content {
max-width: 306px;
text-align: right;
}
.prdt_match_made.product_image_with_content_section .yoga_content.two {
text-align: left;
top: calc(50% - 60px);
}
.prdt_match_made.product_image_with_content_section .yoga_content.one {
top: 110px;
}
.prdt_match_made.product_image_with_content_section .yoga_content.three {
bottom: 15%;
}
.prdt_match_made.product_image_with_content_section .yoga_content h3 {
padding-left: 0;
}
/* comparison css */
.comparison_sec {padding: 60px 0px;}
.comparison_tech {display: flex;flex-wrap: wrap;margin: 0 -20px;}
.comparison_sec_title {width: 100%;max-width: 950px;margin: 0 auto;}
.compar_shield {text-align: center;}
.shield_list {padding: 180px 25px 25px;}
.shield_image {position: relative;margin-bottom: -200px;z-index: 1;}
.compar_shield_1 .shield_list {background: #edf2df;}
.compar_shield_2 .shield_list {background: #f3f3f3;}
.shield_list ul li {background: #e6ebd9;margin-top: 15px;font-size: 22px;padding: 6px 12px;line-height: 28px;font-family: brandon-grotesque,sans-serif;}
.shield_list ul li:nth-child(1) {font-weight: 900;color: #592814;font-size: 25px;line-height: 30px;}
.comparison_tech .compar_shield {padding: 0 20px;width: 50%;margin-top: 60px;}
.comparison_tech .compar_shield_2 .shield_list ul li {background: #EDEDED;}
.comparison_tech .compar_shield_2 .shield_list ul li .inner_wrap svg {width: 28px;height: 28px;}
.comparison_tech .compar_shield_2 .shield_list ul li .inner_wrap {display: flex;justify-content: center;align-items: center;}
.shield_image img {width: 100%;max-width: 550px;}
/* .comparison_tech .compar_shield:nth-child(2) .shield_list {
padding-bottom: 59px;
} */
.product_icon_with_content_section .item .content p sub {
transform: translateY(-11px)!important;
display: inline-flex;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_for {
border: 0!important;
}
.calming_cocoa_peferct .heading {
margin: 0 0 62px;
margin-bottom: 6px;
}
section.calming_cocoa_peferct.section_spacing {
padding-bottom: 30px;
}
.calming_cocoa_peferct .image {
text-align: center;
}
.calming_cocoa_peferct .image img {
width: 100%;
max-width: 1086px;
}
.calming_cocoa_peferct .common_sign_with_text {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1300px;
margin: 0 auto;
gap: 20px;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list {
width: 15%;
opacity : 0;
display: none;
}
.calming_cocoa_peferct .common_sign_with_text .mobile_image {
display: none;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li:first-child {
margin-bottom: 30px;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li {
font-size: 25px;
line-height: 30px;
font-weight: 600;
color: #592814;
font-family: ff-meta-serif-web-pro;
margin-bottom: 63px;
text-align: center;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li b {
font-weight: 800;font-family: brandon-grotesque, sans-serif;
}
.calming_cocoa_peferct .sign_list ul li:not(:first-child) {
font-size: 20px;
line-height: 25px;
color: #443739;
}
.calming_cocoa_peferct .common_sign_with_text .center_image {
text-align: center;
width: 100%;
margin-top: 0px;
}
.calming_cocoa_peferct .common_sign_with_text .center_image img {
width: 100%;
max-width: 950px;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li:last-child {
margin-bottom: 0;
}
section.calming_cocoa_accordion_with_image.section_spacing {
padding-top: 1.385vw;
}
.calming_cocoa_accordion_with_image .page-width {
max-width: 1318px !important;
}
.calming_cocoa_accordion_with_image .heading {
margin: 0 auto 70px;
text-align: center;
width: 100%;
max-width: 1000px;
}
.calming_cocoa_accordion_with_image .heading p {
max-width: 905px;
margin: 25px auto 0;
font-size: 20px;
line-height: 25px;
font-weight: 600;
}
.calming_cocoa_accordion_with_image .fast_row {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.calming_cocoa_accordion_with_image .fast_col_3 {
width: 53%;
}
.calming_cocoa_accordion_with_image .fast_col_9 {
width: 47%;
position: relative;
margin-top: 0;
}
.calming_cocoa_accordion_with_image .tab-content {
position: absolute;
top: 0;
opacity: 0;
display: flex;
transition: opacity .5s ease-in-out;
}
.calming_cocoa_accordion_with_image .tab-content.current {
opacity: 1;
}
.calming_cocoa_accordion_with_image .tab-content#tab-1 {
z-index: 1;
}
.calming_cocoa_accordion_with_image .tab-content#tab-2 {
z-index: 2;
}
.calming_cocoa_accordion_with_image .tab-content#tab-3 {
z-index: 3;
}
.calming_cocoa_accordion_with_image .tab-content#tab-4 {
z-index: 4;
}
.calming_cocoa_accordion_with_image .tab-content .tab-content-image {
width: 100%;
}
.calming_cocoa_accordion_with_image .tab-content .tab-content-image .image-wrap {
position: relative;
overflow: hidden;
}
.calming_cocoa_accordion_with_image .tab-content .tab-content-image .image-wrap video {
width: 100%;
height: 100%;
}
.calming_cocoa_accordion_with_image ul.tabs {
margin-left: 50px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link {
cursor: pointer;
font-size: 25px;
line-height: 25px;
font-weight: 800;
color: #4e4e4e;
min-height: initial;
padding: 0;
display: block;
margin-bottom: 16px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link:last-child {
margin-bottom: 0;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block {
padding: 34px 115px 34px 54px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #CECECE;
border-radius: 4px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block .icon {
background: #fff;
/* border: 0px solid #CECECE; */
width: 40px;
height: 40px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 50px;
top: calc(50% - 23.5px);
background-image: url('https://cdn.shopify.com/s/files/1/0301/5737/3576/files/plus-icon.svg?v=1744911370');
background-size: 40px;
background-position: center;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .current .upper-block .icon {
background-image: url('https://cdn.shopify.com/s/files/1/0301/5737/3576/files/minus-icon.svg?v=1744911370');
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link.current .upper-block .icon svg.minus {
display: block;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link.current .upper-block .icon svg.plus {
display: none;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block .icon svg {
fill: #000;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block span {
font-size: 25px;
color: #592814;
font-weight: 600;
text-transform: capitalize;
font-family: brandon-grotesque, sans-serif;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block {
padding: 34px 54px 33px;
display: none;
background: #F5F5F5;
margin: 16px 0 0 0;
border-radius: 4px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link.current .lower-block {
display: block;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block .image-wrap.mobile_only {
display: none;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block .rte p {
margin: 0 0 16px 0;
font-weight: 600;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block .rte p b {
font-weight: 900;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block .rte p:last-child {
margin-bottom: 0;
}
.nature_ingredients .heading {
margin: 0 auto 80px;
max-width: 895px;
}
.nature_ingredients .image {
width: 100%;
margin: 0 auto;
max-width: 1040px;
}
.nature_ingredients .image img {
width: 100%;
}
.product_flavors_main .product_flavors_title {
margin: 0 auto 41px;
width: 100%;
max-width: 1245px;
}
.product_flavors_main .fast_row {
margin: 0 -20px;
display: flex;
flex-wrap: wrap;
}
.product_flavors_main .fast_col_6 {
width: 50%;
padding: 0px 20px;
text-align: center;
margin-bottom: 0;
}
.product_flavors_main .product_flavors_inner {
position: relative;
overflow: hidden;
}
.product_flavors_main .product_flavors_inner:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-width: 418px;
/* background: #fafafa; */
background: #f5f5f5;
height: 270px;
z-index: 0;
margin: auto;
right: 0;
border-radius: 4px;
}
.product_flavors_main .product_flavors_inner .product_flavors_img {
width: 100%;
margin: 0 auto;
position: relative;
max-width: 456px;
transform:translateX(-10px);
}
/* .product_flavors_main .product_flavors_inner .product_flavors_img {
margin-bottom: -60px;
} */
.product_flavors_main .product_flavors_inner .product_flavors_content {
position: relative;
padding: 5px 25px 20px;
width: 100%;
max-width: 418px;
margin: 0 auto;
}
.product_flavors_main .electric_col .product_flavors_inner .product_flavors_content h6 {
background: #1C4718;
}
.product_flavors_main .lightning_col .product_flavors_inner .product_flavors_content h6 {
background: #7052c5;
}
.product_flavors_main .product_flavors_inner .product_flavors_content h6 {
display: inline-block;
padding: 10px 35px;
color: #fff;
font-size: 20px;
font-weight: 700;
border-radius: 100px;
line-height: 25px;
letter-spacing: 0px;
font-family: brandon-grotesque, sans-serif;
margin-bottom: 20px;
margin-top: 0px;
text-transform: uppercase;
}
.product_flavors_main .product_flavors_inner .product_flavors_content p {
margin: 0px auto;
color: #4E4E4E;
font-weight: 600;
}
.product_flavors_main .product_flavors_inner .product_flavors_content .product_popup_inn {
margin-top: 15px;
display: none;
}
.product_flavors_main .product_flavors_inner .product_flavors_content .product_popup_inn .cmm_popup {
color: #b2d8ff;
display: inline-block;
font-size: 18px;
line-height: 23px;
text-decoration: underline;
font-weight: 600;
cursor: pointer;
}
.product_flavors_main .popup_overlay_cmm {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
overflow: auto;
align-items: center;
justify-content: center;
}
.electric_pop_up_show, .lightning_pop_up_show {
overflow: hidden;
}
.electric_pop_up_show .product_flavors_main .popup_overlay_cmm.popup-overlay1,
.lightning_pop_up_show .product_flavors_main .popup_overlay_cmm.popup-overlay2 {
display: flex;
}
.product_flavors_main .popup_overlay_cmm .custom_overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #b2d8ffa6;
display: block;
}
.product_flavors_main .popup_overlay_cmm button.popup-close1, .product_flavors_main .popup_overlay_cmm button.popup-close2 {
cursor: pointer;
top: 25px;
position: absolute;
right: 25px;
width: 47px;
height: 47px;
border-radius: 50%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 0;
line-height: 1;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 1;
margin: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.product_flavors_main .popup_overlay_cmm .popup-content1, .product_flavors_main .popup_overlay_cmm .popup-content2 {
max-width: 500px;
width: 100%;
margin: 0 auto;
position: relative;
padding: 0;
}
.product_flavors_main .popup_overlay_cmm .pop_design1, .product_flavors_main .popup_overlay_cmm .pop_design2 {
margin: 0 auto;
max-height: 95vh;
background: #fff;
padding: 35px 35px 35px 25px;
border-radius: 15px;
overflow: auto;
}
.product_flavors_main .pop_design_cmm::-webkit-scrollbar {
display: none;
}
.blast_away .page-width {
max-width: 1270px !important;
}
.blast_away .head-part p {
width: 100%;
margin: 21px auto 0;
text-align: center;
font-family: brandon-grotesque, sans-serif;
font-weight: 600;
max-width: 666px;
font-size: 23px;
line-height: 1.2;
letter-spacing: .2px;
color: #592814;
}
.blast_away ul.icon_lists {
display: flex;
flex-wrap: wrap;
margin-left: -88px;
}
.blast_away ul.icon_lists li {
width: 50%;
padding-left: 88px;
padding-top: 92px;
display: flex;
flex-wrap: wrap;
}
.blast_away ul.icon_lists li .icon {
width: 129px;
height: 129px;
background: #FFFAF8;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.blast_away ul.icon_lists li .icon img {
width: 62px;
height: auto;
}
.blast_away ul.icon_lists li .content {
width: calc(100% - 129px);
padding-left: 16px;
max-width: 395px;
}
.blast_away ul.icon_lists li .content p {
font-weight: 600;
margin: 0;
}
.blast_away ul.icon_lists li .content h4 {
font-size: 25px;
line-height: 1;
letter-spacing: .25px;
color: #592814;
margin: 0 0 8px;
font-family: brandon-grotesque, sans-serif;
font-weight: 600;
}
.detox_path .detox_row {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
margin-top: 40px;
justify-content: center;
}
section.detox_path.section_spacing {
padding-bottom: 0;
}
.detox_path .detox_image {
width: 47%;
}
.detox_path .detox_image img {
width: 100%;
}
.detox_path .detox_content {
width: 53%;
padding-left: 0;
}
.detox_path .detox_content ol {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding: 0 30px 0 0;
align-items: start;
}
.detox_path .detox_content li {
list-style-type: none;
margin: 0 0 30px;
font-weight: 600;
width: 100%;
text-align: left;
padding-left: 30px;
}
.detox_path .detox_content li::marker {
font-weight: 900;
display: none;
}
.detox_path .detox_content li b {
display: block;
margin: 0 0 10px 0;
font-size: 25px;
line-height: 30px;
font-weight: 800;
font-family: brandon-grotesque, sans-serif;
text-transform: uppercase;
color: #e2830b;
}
.detox_path .detox_content li:last-child {
margin-bottom: 0;
}
section.icon_mushroom_main.section_spacing {
padding: 1.5vw 0;
}
.matcha_java_clean_eng_main h2.main_heading.common_headings {
margin: 0 auto 26px;
width: 100%;
max-width: 876px;
}
.matcha_java_clean_eng_main .head_part p {
text-align: center;
max-width: 980px;
margin: 0 auto 25px;
}
.matcha_java_clean_eng_main .head_part p:last-child {
margin-bottom: 0;
}
.matcha_java_clean_eng_main .head_part {
padding-bottom: 5.104vw;
}
.main_our_mushrooms .our_mushroom_row {
display: flex;
flex-wrap: wrap;
margin: 140px 0 0 0;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item {
width: 33.33%;
padding: 0 20px;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper {
max-width: 317px;
margin: 0 auto;
background: #F3F3F3;
padding: 30px;
height: 100%;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper .musgroom_image {
width: 100%;
max-width: 256px;
margin: -110px 0 0 0;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper .musgroom_image img {
width: 100%;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper .mushroom_content h3 {
font-size: 25px;
line-height: 30px;
color: #592814;
font-family: brandon-grotesque, sans-serif;
font-weight: 600;
letter-spacing: normal;
margin: 11px 0 0 0;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper .mushroom_content i {
font-size: 18px;
color: #592814;
font-style: italic;
font-weight: 500;
line-height: 23px;
letter-spacing: 0.18px;
margin: 4px 0 0 0;
display: block;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item .item_wrapper .mushroom_content p {
margin: 14px 0 0 0;
font-size: 16px;
color: #592814;
line-height: 21px;
}
.main_our_mushrooms .our_mushroom_row .our_mushroom_item:nth-child(n+4) {
margin-top: 120px;
}
.product_money_guarantee_section .page-width {
max-width: 900px !important;
}
.magic_dust_about_section.section_spacing {
padding: 6.5vw 0 3.5vw;
}
.magic_dust_about_section .page-width {
max-width: 1260px !important;
}
.magic_dust_about_section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
flex-direction: row-reverse;
}
.magic_dust_about_section .about_image {
width: 47%;
line-height: 0;
overflow: hidden;
padding-left: 30px;
}
.magic_dust_about_section .about_image video {
width: 100%;
height: 100%;
position: relative;
bottom: -2px;
max-width: 450px;
margin: 0 auto;
display: flex;
}
.magic_dust_about_section .about_image img {
width: 100%;
}
.magic_dust_about_section .about_content {
width: 53%;
}
.magic_dust_about_section .about_content h2 {
text-align: left;
margin: 0 0 5px 0;
}
.magic_dust_about_section .about_content p {
max-width: 602px;
font-weight: 600;
margin: 0;
}
.magic_dust_about_section .about_content .main_button {
display: flex;
margin: 10px 0 0 0;
}
.magic_dust_about_section .about_content .main_button a img {
margin-left: 10px;
transition: 0.3s all;
width: 40px;
}
.custom_content_modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: none;
}
.custom_modal_active {
overflow: hidden;
}
.custom_modal_active .custom_content_modal {
display: block;
}
.custom_content_modal .custom_overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #b2d8ffa6;
cursor: pointer;
display: block;
}
.custom_content_modal .close_btn {
position: absolute;
right: 10px;
top: 25px;
}
.custom_content_modal .close_btn button {
width: 40px;
height: 40px;
border-radius: 50%;
background: transparent;
border: 0;
line-height: 1;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 1;
margin: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: pointer;
}
.custom_content_modal .modal_content {
width: 100%;
max-width: 1300px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 15px;
padding: 57px 55px;
max-height: 95vh;
overflow: auto;
}
.custom_content_modal .modal_content::-webkit-scrollbar {
display: none;
}
.custom_content_modal .modal_content p {
margin: 0 0 16px 0;
}
.custom_content_modal .modal_content h3 {
margin: 0 auto 50px;
text-align: center;
text-transform: uppercase;
font-family: brandon-grotesque, sans-serif;
color: #e2830b;
font-size: 25px;
line-height: 30px;
font-weight: 800;
max-width: 815px;
width: 100%;
}
.custom_content_modal .modal_content ul {
padding-left: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.custom_content_modal .modal_content ul li {
list-style-type: none;
padding: 0 15px;
margin-bottom: 40px;
flex: 1 1 calc(33.33% - 10px);
max-width: 300px;
}
.custom_content_modal .modal_content ul li:nth-child(n+4) {
flex-basis: 25%;
}
.custom_content_modal .modal_content ul.bottom li {
margin-bottom: 0;
}
.custom_content_modal .modal_content ul li img {
margin: 0 auto 18px;
display: flex;
}
.custom_content_modal .modal_content ul li span {
display: block;
text-align: center;
color: #592814;
font-size: 25px;
line-height: 30px;
font-family: brandon-grotesque, sans-serif;
font-weight: 600;
}
ul.icon_lists li:nth-last-child(1) .icon img {
width: 82px;
}
.nw_prdt_optin_main .checkboxes label {
display: block;
}
.prdt_in_new .total li {
list-style-type: none;
}
.prdt_in_new .checkboxes label {
margin: 10px 0 0;
}
.prdt_in_new button.p-ac {
cursor: pointer;
}
.prdt_in_new .var-opt select {
border: 1px solid #e5e5e5;
padding: 5px 20px 5px 5px;
}
.detox_path.section_spacing {
padding-top: 0;
}
section.nature_ingredients.section_spacing {padding: 40px 0px;}
section.product_flavors_main.section_spacing {padding: 80px 0px 20px;}
section.blast_away.section_spacing {padding: 160px 0px;}
/* ================================================================= Media Start =================================================================*/
@media only screen and (min-width: 768px) {
.product_image_with_cotent_section .content h3.sub_heading {
max-width: 600px;
}
}
@media only screen and (max-width: 1640.98px) {
.hero_section .image img {
max-width: 42.729vw;
}
footer.footer .footer-block:first-child {
padding-right: 50px;
}
footer.footer .footer-block ul.footer_menu {
margin: 0 0 24px -16px;
}
footer.footer .footer-block ul.footer_menu li {
padding-left: 16px;
}
footer.footer .footer-block ul.footer__list-social .list-social__link {
width: 42px;
height: 42px;
}
footer.footer .footer-block ul.footer__list-social .list-social__link svg {
width: 22px;
height: 22px;
}
}
@media only screen and (min-width: 1399.98px) {
.product_flavors_main .product_flavors_inner .product_flavors_img {
margin-left: 80px;
}}
@media only screen and (max-width: 1399.98px) {
.custom_content_modal .modal_content {
max-width: 85%;
}
.video_grid ul li video {
height: 32.593vw;
}
.image_box_section .content .wrap {
padding: 50px;
}
footer.footer .footer-block.footer-block--menu {
padding: 0 20px;
}
footer.footer .footer-block:first-child {
padding-right: 15px;
}
}
@media only screen and (max-width: 1356.98px) {
.about_product .content {
max-width: 57.481vw;
}
.about_product .top_left_bg img.background_img {
max-width: 31.926vw;
width: 100%;
}
.about_product .top_left_bg img.image_one {
left: 11.407vw;
max-width: 12.296vw;
width: 100%;
}
.about_product .top_left_bg img.image_two {
max-width: 13.926vw;
width: 100%;
}
.about_product .top_left_bg img.image_three {
width: 100%;
max-width: 24.889vw;
}
.about_product .top_left_bg img.image_four {
left: 8.889vw;
width: 100%;
max-width: 13.926vw;
}
.about_product .top_left_bg img.image_five {
left: 11.259vw;
width: 100%;
max-width: 10.074vw;
}
.about_product .botton_right_bg img.background_img {
max-width: 31.926vw;
width: 100%;
}
.about_product .botton_right_bg img.image_one {
left: -4.889vw;
bottom: -1.407vw;
width: 100%;
max-width: 14.963vw;
}
.about_product .botton_right_bg img.image_two {
left: 7.407vw;
width: 100%;
max-width: 12.296vw;
}
.about_product .botton_right_bg img.image_three {
left: 8.889vw;
bottom: 6.667vw;
width: 100%;
max-width: 10.37vw;
}
.about_product .botton_right_bg img.image_four {
width: 100%;
max-width: 13.926vw;
}
.about_product .botton_right_bg img.image_five {
width: 100%;
max-width: 27.778vw;
}
.single_banner .image h2 {
max-width: 400px;
font-size: 50px;
line-height: 55px;
}
.supplement_fact_section .image {
width: 55%;
}
.supplement_fact_section .content {
width: 45%;
}
.blog_listing .blog_filter .filter ul li {
padding-right: 40px;
}
.article-template .article_banner .banner_content {
max-width: 550px;
}
.article-template .article_banner .banner_content h1 {
font-size: 50px;
line-height: 55px;
}
.product_image_with_content_section .yoga_row {
max-width: 992px;
margin: 0 auto;
}
.product_image_with_content_section .yoga_image {
max-width: 650px;
}
.product_image_with_content_section .yoga_content.one {
left: 0;
top: 75px;
}
.product_image_with_content_section .yoga_content.two {
right: 0;
top: calc(50% - 122px);
}
.product_image_with_content_section .yoga_content.three {
left: 0;
max-width: 286px;
bottom: 7%;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li {
margin-bottom: 40px;
font-size: 20px;
line-height: 25px;
}
.calming_cocoa_peferct .common_sign_with_text {
max-width: 992px;
}
}
@media only screen and (max-width: 1310.98px) {
.custom_liquid .gp-carousel-con {
justify-content: flex-start !important;
}
footer.footer .footer__content-top .footer-block--newsletter h2 {
font-size: 25px;
line-height: 30px;
}
}
@media only screen and (max-width: 1199.98px) {
header.custom_transparent_header ul li {
padding: 0 0 0 20px;
}
header.custom_transparent_header ul li .list-menu__item {
font-size: 18px;
}
header.custom_transparent_header .header__heading-logo {
max-width: 250px;
}
.hero_section .content a.custom_btn {
max-width: 200px;
}
.hero_section {
min-height: 64.25vw;
}
.hero_section .content {
max-width: 437px;
}
.icon_with_title .item img {
width: 80px;
height: 80px;
}
.icon_with_content_second .item .box img {
height: 78px;
}
/* .icon_with_content_second .item {
width: 50%;
} */
.video_grid {
padding: 80px 0 0;
}
.image_box_section {
padding: 80px 0 0;
}
.image_box_section .content .wrap {
padding: 20px;
}
/* .faqs_section {
padding: 80px 0 50px;
} */
.icon_with_content .row .item img {
height: 120px;
}
.icon_with_content .row .item p {
padding: 0;
}
footer.footer .footer-block {
width: 33.33%;
}
footer.footer .footer-block.footer-block--menu {
width: 25%;
}
footer.footer .footer-block:last-child {
padding-left: 0;
}
footer.footer .footer-block:first-child {
padding-right: 15px;
}
footer.footer .footer-block ul.footer__list-social li {
padding-right: 8px;
}
footer.footer .footer-block .footer-block__details-content.rte {
padding: 15px;
}
footer.footer .footer-block ul.footer_menu {
margin: 0 0 24px -12px;
}
footer.footer .footer-block ul.footer_menu li {
padding-left: 12px;
padding-top: 10px;
}
footer.footer .footer__content-top .footer-block--newsletter {
padding-left: 25px;
}
.single_banner .image {
padding: 4.125vw 0;
}
.content_list .main_list .list .content {
padding: 20px;
}
.product_image_with_content_section .item img {
height: 91px;
}
.product_image_with_content_section .item h3 {
margin: 28px 0 16px;
}
.supplement_fact_section .content h3 {
margin: 0 0 33px;
}
.product_customer_section .customer_list .item {
padding-left: 32px;
}
.product_customer_section .customer_list {
margin: 150px 0 0 -32px;
}
.product_customer_section .customer_list .item .inner_wrap {
padding: 40px 16px 32px;
}
.product_comparison_table .inner_comparison_table .head .list {
padding: 22px 15px;
font-size: 20px;
}
.product_comparison_table .inner_comparison_table .table_content .list span {
line-height: 26px;
font-size: 20px;
}
.product_comparison_table .inner_comparison_table .head .list.dark img {
max-width: 110px;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap svg {
width: 32px;
height: 32px;
}
.product_comparison_table .inner_comparison_table .table_content .list strong {
font-size: 20px;
}
.product_comparison_table .page-width h2 {
margin: 0 auto 100px;
}
.product_video_testimonial .head {
margin: 0 auto 40px;
}
.blog_listing .blog_filter .filter ul li a {
font-size: 20px;
line-height: 30px;
}
.blog_listing .blog_filter .filter ul li {
padding-right: 30px;
}
.blog_listing .blog_filter .filter {
width: 72%;
}
.blog_listing .blog_filter .search_box {
width: 28%;
}
.blog_listing .blog_banner h2 {
font-size: 54px;
}
.article_content .table_of_content {
padding: 27px 16px;
}
.article_content .table_of_content h4 {
font-size: 16px;
margin: 0 0 16px;
letter-spacing: normal;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow {
width: 44px;
height: 44px;
} */
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.next svg {
width: 18px;
height: 18px;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.prev {
left: calc(50% - 22px);
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.next {
left: calc(50% - 22px);
} */
.java_shroom_product .product_media_slider ul.custom_product_slider_nav {
width: 76px;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_for {
width: calc(100% - 96px);
}
.content_list .main_list .head {
padding: 24px 20px;
}
.our_story_new_section .content a.custom_btn {
max-width: 200px;
}
footer.footer .footer__content-top .footer-block--newsletter button#Subscribe {
width: 100px;
font-size: 16px;
}
footer.footer .footer__content-top .footer-block--newsletter input.field__input {
font-size: 16px;
width: calc(100% - 100px);
}
.product_icon_with_content_section .row {
margin: 0 0 0 -20px;
}
.product_icon_with_content_section .item {
padding-left: 20px;
}
.blast_away ul.icon_lists {
margin-left: -50px;
}
.blast_away ul.icon_lists li {
padding-left: 50px;
}
.magic_dust_about_section .about_content h2 br {
display: none;
}
.detox_path .detox_content ol {
padding: 0;
}
.detox_path .detox_content {
padding-right: 20px;
}
.detox_path .detox_content li {
margin: 0 0 30px;
padding-left: 15px;
}
}
@media only screen and (max-width: 1114.98px) {
.product__slider_parent button.slick-arrow.slick-prev {
top: 0;
transform: translate(50%, 0%);
}
.product__slider_parent button.slick-arrow.slick-next {
transform: translate(50%, 0);
top: 0;
right: 0;
overflow: hidden;
}
.product__slider_parent button.slick-prev img, .product__slider_parent button.slick-next.slick-arrow img {
transform: rotate(90deg);
}
}
@media only screen and (max-width: 991.98px) {
.magic_dust_about_section .about_image {
width: 100%;
max-width: 500px;
margin: 0 auto;
padding-left: 0;
}
.magic_dust_about_section .about_content {
width: 100%;
padding: 10px 0 0 0;
}
.magic_dust_about_section .about_content h2 {
text-align: center;
}
.magic_dust_about_section .about_content p {
margin: 0 auto;
text-align: center;
}
.magic_dust_about_section .about_content .main_button a {
margin: 0 auto;
width: auto;
max-width: unset;
line-height: 1.2;
}
.magic_dust_about_section .about_content .main_button {
margin: 30px 0 0;
}
.magic_dust_how_to_section .how_to_list ul li span {
font-size: 20px;
line-height: 25px;
}
.matcha_java_clean_eng_main .head_part {
padding-bottom: 35px;
}
.product_image_with_cotent_section .content {
width: 50%;
}
.product_image_with_cotent_section .image {
width: 50%;
}
.product_icon_section.section_spacing {
padding-top: 10px;
}
.hide_991 {display: none !important;}
.show_991 {display: block !important;}
.meta_header_promo p {
font-size: 18px;
line-height: 21px;
}
header.custom_transparent_header .header__icons .search-modal.modal__content {
min-height: unset;
max-width: 100%;
transform: unset;
transition: unset;
}
header.custom_transparent_header .header__icons details[open] .search-modal.modal__content {
transform: unset;
opacity: 1;
animation: animateMenuOpen var(--duration-default) ease;
}
header.custom_transparent_header .header__icons details[open] .modal-overlay {
display: block;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_for { width: 100%;}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav {width: 100%;max-width: 350px;margin: 0 auto;}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li {margin: 10px 5px;}
.product_comparison_table .h2_comparison_table {display: inline-block;width: 100%;font-size: 25px;line-height: 30px;letter-spacing: 1.75px;}
.content_list .main_list .list .content h6 {font-size: 20px;
line-height: 25px;}
.template-terms-conditions h2.main-page-title, .template-privacy-policy h2.main-page-title, .template-accessibility h2.main-page-title, .template-track-my-order h2.main-page-title {
font-size: 20px;
line-height: 25px;
margin: 40px 0;
}
.template-track-my-order h2.main-page-title {
margin: 40px 0 15px;
}
.product_java_shroom_section .product_java_shroom_sipp, .product_comparison_table .product_comparison_table_discover {
width: 100%;
display: inline-block;
font-size: 25px;
line-height: 30px;
letter-spacing: 10px;
}
body {
font-size: 16px;
line-height: 21px;
}
.main_heading {
font-size: 35px;
line-height: 40px;
}
.secondary_heading {
font-size: 25px;
line-height: 30px;
letter-spacing: 1.75px;
}
.sub_heading {
font-size: 20px;
line-height: 25px;
}
.secondary_sub_heading {
font-size: 20px;
line-height: 25px;
}
p{
font-size: 16px;
line-height: 21px;
}
li {
font-size: 16px;
line-height: 21px;
}
.icon_with_content_second {
padding: 70px 0 0;
}
.faqs_section {
padding: 80px 0 50px;
}
.section_spacing {
padding: 100px 0 0;
}
.custom-announcement-bar a.announcement-bar__link p span {
font-size: 16px;
}
header.custom_transparent_header .header__heading-logo {
max-width: 200px;
}
header.custom_transparent_header.otherpage_header {
padding: 30px 20px !important;
}
.hero_section {
min-height: 177.744vw;
min-height: auto;
padding-bottom: 600px;
}
.hero_section .content {
margin: 20px 0 0 0;
}
.hero_section .content .wrap {
max-width: 390px;
}
.hero_section .image {
width: 45%;
}
.hero_section .content .des p {
margin: 0 0 15px;
}
.icon_with_content h2 {
padding: 70px 0 30px;
}
.icon_with_content .row .item p {
max-width: 334px;
margin: 0 auto;
}
.icon_with_content .row .item:first-child p, .icon_with_content .row .item:last-child p {
padding: 0 18px;
}
.icon_with_content .row .item img {
height: 100px;
}
.icon_with_content .row .item h3 {
margin: 15px 0 10px 0;
}
.icon_with_title {
padding: 40px 0 51px;
}
.icon_with_title .row {
justify-content: center;
}
.icon_with_title .item {
width: auto;
margin: 0;
}
.icon_with_title .item img {
margin: 0 auto 10px;
}
.icon_with_content_second .item .box img {
height: 68px;
display: none;
}
.icon_with_content_second .item .box .des {
display: none;
position: relative;
padding: 50px 0px 0px;
width: 100%;
}
.icon_with_content_second .item .box .des:before {
content: "";
position: absolute;
top: 24px;
left: auto;
right: auto;
border: 1px solid #E0E0E0;
width: 100%;
margin: 0 auto;
}
.icon_with_content_second .item .box .des img {
height: auto;
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.icon_with_content_second .item .box p {
padding: 10px 0px 0 0;
}
.icon_with_content_second h2 {
margin: 0 auto 34px;
max-width: 725px;
}
.icon_with_content_second .head p {
margin: 0 auto 50px;
}
.icon_with_content_second .item {
width: 100%;
margin: 0 0 10px 0;
padding: 0 20px;
}
.icon_with_content_second .row {margin: 0px -20px;}
.icon_with_content_second .item .box {
padding: 20px;
background: #fff;
border: 1px solid #CECECE;
border-radius: 4px;
}
.icon_with_content_second .item .box .head {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.icon_with_content_second .item .box .head.active svg.minus {
display: block;
}
.icon_with_content_second .item .box .head.active svg.plus {
display: none;
}
.icon_with_content_second .item .box h3 {
margin: 0 0 3px 0;
font-family: brandon-grotesque, sans-serif;
}
.icon_with_content_second .item .box b {
margin: 0;
}
.icon_with_content_second .item .box .icon {
background: #fff;
border: 1px solid #E0E0E0;
width: 36px;
height: 36px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.icon_with_content_second .item .box .icon svg {
height: 12px;
}
.icon_with_content_second .item .box .icon svg.minus {
display: none;
transform: rotate(90deg);
}
.icon_with_content_second button.see_more_btn {
display: block;
}
.video_grid ul li {
width: 50%;
padding-bottom: 20px;
}
.video_grid ul .slick-list.draggable {
padding: 0 17vw 0 0 !important;
}
.video_grid ul li video {
height: 58.593vw;
}
.video_grid {
padding: 60px 0 0;
}
.video_grid .page-width {
padding-right: 0 !important;
}
.image_box_section {
padding: 70px 0 0;
}
.image_box_section .content p {
font-family: 'ff-meta-serif-web-pro';
font-size: 18px;
line-height: 26px;
max-width: 100%;
margin: 10px 0 17px;
}
.faqs_section h2 {
margin: 0 0 40px;
}
.faqs_section ul.accordion .accordion_heading {
padding: 32px 100px 32px 32px;
}
.faqs_section ul.accordion .accordion_heading .icon {
right: 32px;
}
.faqs_section ul.accordion .accordion_content {
padding: 32px;
}
.template-contact .faqs_section.contact_faqs h2 {
font-size: 20px;
line-height: 25px;
}
/* .about_product .top_left_bg,
.about_product .botton_right_bg {
display: none;
}
.about_product .content {
max-width: 776px;
margin-top: 50px;
} */
.about_product {
padding: 0 0 130px;
}
.about_product .content .des p {
margin: 0 0 16px;
}
.icon_with_content {
padding-bottom: 70px;
}
.main_about_product {
margin: 0;
}
.single_banner .image h2 {
max-width: 340px;
font-size: 35px;
line-height: 40px;
}
.content_list {
padding: 40px 0 54px;
}
.content_list .main_list .head h4 {
width: calc(100% - 44px);
}
.content_list .main_list .head img {
width: 44px;
}
h2.main-page-title {
margin: 40px 0;
}
.main_page_section p {
margin: 0 0 16px 0;
}
.main_page_section li {
margin: 0 0 8px 0;
}
.main_page_section li:last-child {
margin: 0 0 16px 0;
}
.main_page_section .content_inside_ol {
margin: 16px 0 0 0;
}
.main_page_section h5 {
font-size: 20px;
line-height: 25px;
}
/* .track-my-order h2.main-page-title {
margin: 40px 0 12px;
} */
.main_page_section #sherpa-wrap #sherpa-intro {
margin: 0 0 30px;
font-size: 16px;
line-height: 21px;
}
.main_page_section #sherpa-wrap label.sherpa-field-label {
font-size: 20px;
line-height: 25px;
}
.main_page_section #sherpa-wrap input.sherpa-field-input {
font-size: 16px;
padding: 13.4px 14px;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset#sherpa-fieldset-order-button {
margin: 10px 0 0;
}
.main_page_section #sherpa-wrap form#sherpa-order-form .sherpa-fieldset#sherpa-fieldset-order-button input#sherpa-order-button {
padding: 14px;
font-size: 20px;
line-height: 25px;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow {
width: 44px;
height: 44px;
top: calc(50% - 22px);
} */
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow svg {
width: 10px;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_for {
width: 100%;
margin-left: 0;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav {
margin: 15px auto 0;
padding: 0;
width: 100%;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.next {
right: -54px;
top: calc(50% - 22px);
transform: inherit;
transform-origin: unset;
left: unset;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav .slick-arrow.prev {
left: -54px;
top: calc(50% - 22px);
transform: inherit;
transform-origin: unset;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav li {
margin: 0 5px;
}
.java_shroom_product .product__info-wrapper .product__description {
font-size: 16px;
line-height: 21px;
margin: 16px 0 0 !important;
}
.java_shroom_product.product--large:not(.product--no-media) .product__info-wrapper {
padding-left: 24px;
}
.java_shroom_product .product__info-wrapper .percentage_value p {
padding: 7px 10px 4px;
font-size: 16px;
line-height: 24px;
}
.java_shroom_product .product__info-wrapper .price {
margin: 20px 0;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul {
display: block;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info ul li:before {
content: "";
margin: 0;
}
.product_image_with_content_section .item img {
height: 71px;
}
.product_image_with_content_section h2 {
margin: 0 0 30px;
}
.product_image_with_cotent_section .content span {
margin: 0 0 16px;
}
.product_image_with_cotent_section .content p {
margin: 0 0 16px;
}
.product_image_with_cotent_section .content p br {
display: none;
}
.supplement_fact_section .content h3 {
margin: 0 0 16px;
}
.supplement_fact_section .content p {
margin: 0 0 16px;
max-width: 100%;
}
.supplement_fact_section .content ul {
max-width: 100%;
}
.supplement_fact_section .content ul li {
margin: 16px 0 0;
}
/* section.product.icon_with_content_second {
margin: 50px 0 0;
} */
.product.icon_with_content_second p {
margin: 0 auto 30px;
}
.product_java_shroom_section h2 {
margin: 0 auto 60px;
max-width: 1010px;
}
.product_customer_section .customer_list .item {
padding-top: 120px;
padding-bottom: 60px;
}
.product_customer_section .customer_list {
margin: 0 0 0 -32px;
}
.product_customer_section .customer_list .item .inner_wrap {
margin-right: 1px;
}
.product_ritual_section .content ul {
margin: 16px 0;
}
.product_ritual_section.section_spacing {
padding: 80px 0 50px;
}
/* .product_comparison_table .inner_comparison_table .head .list.first {
display: none;
}
.product_comparison_table .inner_comparison_table .head .list {
width: 20%;
}
.product_comparison_table .inner_comparison_table .table_content .list:first-child {
width: 100%;
}
.product_comparison_table .inner_comparison_table .table_content .list {
width: 20%;
border: none;
} */
.product_comparison_table .inner_comparison_table .head .list {
font-size: 18px;
}
.product_comparison_table .inner_comparison_table .table_content .list strong {
font-size: 18px;
}
.product_comparison_table .inner_comparison_table .table_content .list span {
line-height: 22px;
font-size: 18px;
}
.product_comparison_table .page-width h2 {
margin: 0 auto 80px;
max-width: 600px;
}
.product_customer_section.section_spacing {
padding: 50px 0 0;
}
.product_comparison_table .inner_comparison_table .head .list.dark {
padding: 15px;
}
/* .product_comparison_table .inner_comparison_table .head {
overflow: hidden;
}
.product_comparison_table .inner_comparison_table .head .list.dark:before,
.product_comparison_table .inner_comparison_table .table_content .row:last-child .list.dark:before {
display: none;
} */
/* .product_comparison_table.section_spacing {
padding: 50px 0 0 0;
} */
.blog_listing .blog_filter .filter ul {
justify-content: space-between;
overflow: auto;
flex-wrap: unset;
padding-bottom: 10px;
}
.blog_listing .blog_filter .filter ul li a {
font-size: 16px;
line-height: 26px;
}
.blog_listing .blog_filter .filter {
width: 100%;
}
.blog_listing .blog_filter .search_box {
width: 100%;
margin-top: 10px;
}
.blog_listing .blog_filter .search_box input {
padding: 10px 12px 10px 38px;
font-size: 16px;
}
.blog_listing .blog_banner {
margin: 40px 0 0;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content {
padding-left: 32px;
}
.blog-articles.blog-articles--list .blog-articles__article {
padding: 16px 0;
}
.blog-articles.blog-articles--list {
margin: 20px 0 0;
}
.blog_listing .blog_banner {
padding: 50px 16px 0 32px;
min-height: 83.79vw;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__excerpt {
margin: 0 0 24px;
}
.blog_listing .blog_filter {
margin: 30px 0 0;
}
.article_content .content p,
.article_content .content h3,
.article_content .content img,
.article_content .content h5 {
margin: 0 0 22px;
}
.article_content .content ol li {
margin-left: 15px;
}
.article_content .table_of_content {
width: 100%;
}
.article_content .content {
width: 100%;
padding: 30px 0 0 0;
}
.article-template .article_banner .banner_content h1 {
font-size: 35px;
line-height: 40px;
}
.article_content .row {
padding: 50px 0 0;
}
.blog_bottom_product .content .inner_content p {
margin: 0 0 30px;
}
.blog_bottom_product {
margin: 50px 0 0;
}
.article_content .content ul {
margin: 0 0 22px 0;
}
.article_content .content ol .prompts {
margin: 0 0 22px 0;
}
.article_content .content b {
font-size: 16px;
line-height: 21px;
}
.article_content .table_of_content {
position: unset;
}
.product_image_with_content_section .item h3 {
margin: 10px 0 16px;
}
.product_image_with_cotent_section .content h3,
.product_image_with_cotent_section .content span,
.product_image_with_cotent_section .content p,
.product_image_with_cotent_section .content .improved,
.product_image_with_cotent_section .content h3.taste {
margin: 0 0 16px;
}
.product_image_with_cotent_section .content ul {
max-width: 100%;
flex-wrap: wrap;
}
.product_money_guarantee_section .custom_button a.custom_btn {
padding: 12px 30px;
font-size: 18px;
}
.product_comparison_table.section_spacing {
padding: 100px 0 0;
}
.video_grid ul {
margin: 60px 0 0 -20px;
}
.article_content .content h4 {
margin: 0 0 16px;
}
.article-template .article_banner .banner_content {
max-width: 420px;
}
.article-template.all-the-history-of-functional-mushrooms .article_banner .banner_content {
max-width: 320px;
}
.article-template .article_banner.mobile {
display: block;
}
.article-template .article_banner {
padding: 50px 0 0 0;
min-height: 87.79vw;
}
.article-template .article_banner.desktop {
display: none;
}
.article-template .article_banner .banner_content ul li {
font-size: 18px;
line-height: 23px;
}
.article_content .content .image_blog {
margin: 0 0 32px;
}
.all-9-reasons-why-people-are-switching-from-regular-coffee-to-java-shroom™.article-template .article_banner {
padding: 50px 0;
}
.java_shroom_product .product_media_slider {
display: block;
}
.product_java_shroom_section .responsive_image {
display: block;
}
.product_java_shroom_section .responsive_image img {
width: 100%;
}
.product_java_shroom_section .item {
width: 100%;
padding: 0px;
margin-bottom: 15px;
}
.product_java_shroom_section .item h3 {
letter-spacing: normal;
}
/* .product_java_shroom_section .item:last-child {
margin: 0;
} */
.java_shroom_process_main {
width: 100%;
max-width: 580px;
margin: 0 auto;
padding: 0 20px;
}
.java_shroom_process {
margin-bottom: 15px;
}
.java_shroom_process_main .item p {
margin: 0px;
}
.product_java_shroom_section .item .inner_wrap p {
margin: 0;
max-width: 100%;
}
.about_product h2 {
max-width: 670px;
margin: 0 auto;
}
.custom_liquid .head {
max-width: 610px;
margin: 0 auto 30px;
}
.custom_liquid {
padding: 70px 0 0;
}
.icon_with_content_second .item .box .head .mushrooms_title {
padding-right: 10px;width: calc(100% - 36px);
}
.blog_listing .blog_banner.desktop {
display: none;
}
.blog_listing .blog_banner.mobile {
display: block;
}
.faqs_section.contact_faqs {
padding: 45px 0 50px;
}
.product_video_testimonial .head {
max-width: 605px;
}
.all-iced-caramel-latte.article-template .article_banner .banner_content ul {
margin: 23px 0 0;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity__label {
font-size: 20px;
line-height: 25px;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity svg {
width: 12px;
height: 12px;
}
.java_shroom_product .product__info-wrapper .product-form__quantity .quantity input.quantity__input {
font-size: 20px;
font-weight: 500;
}
.java_shroom_product .product__info-wrapper .purchase_option label .info h4 {
font-size: 16px;
}
.our_story_new_section {
padding: 0 0 70px;
}
.our_story_new_section .content h2 {
margin: 0 0 30px;
}
.our_story_new_section .content p {
margin: 0 0 16px;
}
.icon_with_content .row .item {
padding: 0 0 30px 0;
}
.our_story_new_section .content {
width: 100%;
order: 2;
}
.our_story_new_section .image {
width: 100%;
}
.image_box_section .content {
width: 100%;
padding-left: 0;
}
.image_box_section .image {
width: 100%;
}
footer.footer .footer__blocks-wrapper {
width: 100%;
margin: 0;
}
footer.footer .footer-block {
width: 100%;
}
footer.footer .footer__content-top .footer-block--newsletter {
width: 100%;
max-width: 100%;
padding: 25px 0 0 0;
display: block;
}
footer.footer .footer__content-top .footer-block--newsletter .copy_right.mobile {
display: block;
margin: 16px 0 0 0;
}
footer.footer .footer-block .copy_right {
display: none;
}
footer.footer .footer-block ul.footer_menu {
margin: 0 0 0 -12px;
}
.product_image_with_content_section .yoga_image img.desktop {
display: none;
}
.product_image_with_content_section .yoga_image img.mobile {
display: block;
}
.product_image_with_content_section .yoga_content {
position: unset;
}
.product_image_with_content_section .yoga_image {
max-width: 372px;
margin: 0 auto 50px;
}
.product_image_with_content_section .yoga_content img {
display: block;
}
.product_image_with_content_section .yoga_content .head {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 12px 0;
}
.product_image_with_content_section .yoga_content h3 {
margin: 0;
padding-left: 10px;
text-align: left;
}
.product_image_with_content_section .yoga_content {
max-width: 295px !important;
margin: 50px auto 0;
text-align: center;
}
.product_image_with_content_section .yoga_content img {
display: block;
max-width: 60px;
}
.image_box_section .content .wrap {
padding: 0;
}
.product_icon_with_content_section .row {
margin: 0;
}
.product_icon_with_content_section .item {
padding-left: 0;
}
.product_icon_with_content_section ul.slick-dots {
width: 100%;
margin: 30px 0 0 0;
}
.matcha_shroom_process_section.product_java_shroom_section.section_spacing {
padding-bottom: 0;
}
.calming_cocoa_accordion_with_image .fast_col_9 {
display: none;
}
.calming_cocoa_accordion_with_image .fast_col_3 {
width: 100%;
}
.calming_cocoa_accordion_with_image ul.tabs {
margin-left: 0;
}
.calming_cocoa_accordion_with_image .heading {
margin: 0 auto 40px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block {
padding: 32px 100px 32px 32px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block {
padding: 32px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block .icon {
right: 32px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block .image-wrap.mobile_only {
display: block;
width: 100%;
max-width: 300px;
margin: 0 auto 15px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block {
padding: 20px 70px 20px 16px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .lower-block {
padding: 16px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block .icon {
right: 16px;
width: 30px;
height: 30px;
top: calc(50% - 20px);
background-size: 30px;
}
.calming_cocoa_accordion_with_image ul.tabs .tab-link .upper-block span {
font-size: 20px;
}
section.calming_cocoa_accordion_with_image.section_spacing {
padding: 80px 0px 40px;
}
section.product_flavors_main.section_spacing, section.blast_away.section_spacing {padding: 40px 0px 20px;}
.product_template_main .tagline {
font-weight: 900 !important;
color: #120606 !important;
letter-spacing: 0.18px;
font-family: brandon-grotesque, sans-serif;
}
.magic_dust_about_section .about_content .main_button a {
font-size: 20px;
max-width: 416px;
}
.magic_dust_about_section .about_content .main_button a img {
width: 30px;
}
a.custom_btn, button.log_btn {
font-size: 24px;
}
.product_flavors_main .product_flavors_inner .product_flavors_content p {
font-size: 16px;
line-height: 21px;
max-width: 315px;
}
.product_flavors_main .product_flavors_inner .product_flavors_content h6 {
font-size: 18px;
line-height: 23px;
}
.calming_cocoa_accordion_with_image .heading p {
font-size: 16px;
line-height: 21px;
}
.blast_away ul.icon_lists li {
padding-top: 40px;
width: 100%;
flex-direction: column;
}
.blast_away ul.icon_lists li .icon {
width: 100px;
height: 100px;
margin: 0 auto;
}
.blast_away ul.icon_lists li .content {
width: 100%;
padding: 16px 0 0 0;
max-width: 100%;
text-align: center;
}
.magic_dust_about_section.section_spacing {
padding-top: 20px;
}
.faqs_section ul.accordion .accordion_heading h4 {
font-size: 18px;
}
.faqs_section.section_spacing {
padding-bottom: 80px;
}
.blast_away .head-part p {
max-width: 555px;
font-size: 18px;
}
.custom_content_modal .modal_content h3 {
margin: 0 0 30px;
font-size: 20px;
line-height: 25px;
}
.custom_content_modal .modal_content {
padding: 30px;
}
.custom_content_modal .modal_content ul li span {
font-size: 20px;
line-height: 25px;
}
.custom_content_modal .modal_content ul li img {
max-width: 80px;
}
.custom_content_modal .modal_content ul li span br {
display: none;
}
.custom_content_modal .close_btn button {
width: 30px;
height: 30px;
}
.calming_cocoa_peferct .common_sign_with_text .mobile_image {
display: block;
max-width: 100%;
margin: 0 auto;
flex-basis: 100%;
}
.calming_cocoa_peferct .common_sign_with_text .center_image {
display: none;
}
.calming_cocoa_peferct .common_sign_with_text {
flex-wrap: wrap;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li:first-child {
margin-bottom: 15px;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list ul li {
margin-bottom: 20px;
}
.calming_cocoa_peferct .common_sign_with_text .sign_list {
flex: 1 1 calc(33.33% - 10px);
}
.calming_cocoa_peferct .common_sign_with_text .mobile_image img {
width: 100%;
max-width: 100%;
margin: 0 auto;
display: flex;
}
.detox_path .detox_row {
margin-top: 40px;
}
.detox_path .detox_image {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.detox_path .detox_content {
width: 100%;
padding: 30px 0 0 0;
}
.detox_path .detox_content li b {
font-size: 20px;
line-height: 25px;
}
.product_flavors_main .product_flavors_inner .product_flavors_img {
max-width: 38.409vw;
}
.nature_ingredients .heading {
margin: 0 auto 40px;
}
.calming_cocoa_peferct .sign_list ul li:not(:first-child) {
font-size: 16px;
line-height: 21px;
}
}
@media only screen and (max-width: 989.98px) {
.menu-open header.custom_transparent_header {
background: #fff;
}
.menu-open header.custom_transparent_header:before {
border-bottom: none;
}
header.custom_transparent_header header-drawer summary.header__icon {
height: auto;
}
header.custom_transparent_header.otherpage_header {
padding: 20px !important;
}
header.custom_transparent_header ul li {
padding: 0;
}
header.custom_transparent_header .menu-drawer__navigation {
padding: 0;
}
header.custom_transparent_header .menu-drawer__utility-links {
display: none;
}
header.custom_transparent_header .header__icon svg path {
color: #592814;
}
header.custom_transparent_header {
padding: 20px !important;
}
header.custom_transparent_header header-drawer {
margin: 0 0 0 -5px;
}
header.custom_transparent_header .header__icons .header__icon.header__icon--account {
margin: 0;
display: none;
}
header.custom_transparent_header .header__heading-link {
position: absolute;
left: 0;
right: 0;
top: calc(50% - 9px);
}
header.custom_transparent_header .header__icons svg {
width: 22px;
height: 22px;
}
header.custom_transparent_header .header__icons .header__icon {
margin-left: 15px;
}
header.custom_transparent_header ul li .list-menu__item {
padding: 8px 20px 6px;
}
header.custom_transparent_header ul li .list-menu__item.menu-drawer__menu-item--active {
background: #592814;
color: #fff;
}
header.custom_transparent_header #menu-drawer {
border: none;
}
header.custom_transparent_header ul li.account {
display: block;
}
.faqs_section.section_spacing {
padding-bottom: 50px;
}
.custom_user_account.customer a.logout_link,
.custom_user_addresses a.account_link {
margin: 20px 0;
}
.custom_user_account.customer h2.account_details {
margin: 40px 0 20px;
}
.detox_path .detox_content ol{align-items:center;}
.detox_path .detox_content li{
text-align: center;
max-width: 670px;
padding-left: 0px;
}
}
@media only screen and (max-width: 767.98px) {
.java_shroom_product {
padding: 15px 0 0;
}
.java_shroom_product .product_media_slider.arrows ul.custom_product_slider_nav {padding: 0px;}
.java_shroom_product .product__info-wrapper button.product-form__submit.button {
max-width: 100%;
}
.java_shroom_product .product__info-wrapper .product_price {justify-content: center;}
.java_shroom_product .product__info-wrapper .product__tax.caption.rte.mobile {
display: block;
margin-top: 10px;
text-align: center;
font-size: 16px;
}
.java_shroom_product .product__info-wrapper .product__tax.caption.rte.desktop {
display: none;
}
.prdt_title_mble {display:block !important; margin-bottom: 10px;}
.prdt_title_desktop {display:none !important;}
.product__description.desktop {display: none;}
.product__description.mobile {display: block;}
.java_shroom_product .product__info-wrapper .product__description.mobile {
display: block;
}
.product_image_with_cotent_section .content .icon-title .list .head {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 10px 0;
justify-content: center;
}
.product_image_with_cotent_section .content .icon-title .list .head span {
padding-left: 10px;
}
/* .comparison_table_suppliment_modal {display: none !important;} */
.comparison_table_suppliment_modal.active {display: flex !important;}
.comparison_table_info .slick-prev, .comparison_table_info .slick-next {top: -100px;}
.comparison_table_info .slick-prev:before, .comparison_table_info .slick-next:before {color: #000;}
.comparison_table_info ul.slick-dots {top: -110px;position: absolute;bottom: auto;width: calc(100% + 230px);right: 0;left: auto;}
.comparison_table_info .slick-dots li.slick-active button {background: #443739;}
.comparison_table_info .slick-dots li {width: auto;height: auto;border-radius: 0;margin: 0 15px;}
.comparison_table_info .slick-dots li button {padding: 0;width: 20px;height: 20px;border-radius: 50%;background: #E0E0E0;}
.comparison_table_info .slick-dotted.slick-slider {margin-bottom: 0px;}
button.slick-arrow {z-index: 1;width: 44px;height: 44px;background-repeat: no-repeat !important;background-position: center !important;background-size: contain !important;}
.comparison_table_info button.slick-prev.slick-arrow {margin-left: 10%; left: -230px;background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/left_arrow_1.svg?v=1720635365);}
.comparison_table_info button.slick-next.slick-arrow {margin-right: 10%; right: 0;background-image: url(https://cdn.shopify.com/s/files/1/0628/9978/1676/files/right_arrow_1.svg?v=1720635365);}
.comparison_table_info button.slick-arrow:before {display: none;}
.mobile_comparison_table .comparison_table_info {margin-top: 150px;}
.faqs_section {
padding: 80px 0 50px;
}
.section_spacing {
padding: 80px 0 0;
}
.product.icon_with_content_second .head p {
margin: 0 auto 40px;
}
/* section.product.icon_with_content_second {
padding: 50px 0;
} */
.product_image_with_cotent_section .content h2,
.supplement_fact_section .content h2,
.supplement_fact_section .content h3,
.product_image_with_cotent_section .content h3.sub_heading {
text-align: center;
}
.hero_section .content .wrap {
max-width: 100%;
}
.hero_section .image {
width: 100%;
order: 2;
padding: 30px 0 0 0;
}
.hero_section .image img {
max-width: 80vw;
margin: 0 auto;
display: flex;
}
.hero_section .content {
width: 100%;
padding: 0;
}
.hero_section .content .wrap {
margin: 0 auto;
}
/* .icon_with_content {
margin-top: -42px;
} */
.icon_with_content .row .item {
width: 100%;
padding: 0;
margin: 0 auto 30px;
max-width: 555px;
}
.icon_with_title .item img {
width: 70px;
height: 70px;
}
.icon_with_content_second .item {
width: 100%;
}
.video_grid ul li .video_box .title {
padding: 12px 10px;
width: calc(100% - 20px);
}
.video_grid ul li .video_box .title h3 {
font-size: 13px;
}
.video_grid ul li video {
height: 55vw;
}
.image_box_section .content {
padding: 0 0 20px;
}
.faqs_section ul.accordion .accordion_heading {
padding: 20px 70px 20px 16px;
}
.faqs_section ul.accordion .accordion_heading .icon {
right: 16px;
width: 30px;
height: 30px;
top: calc(50% - 20px);
background-size: 30px;
}
.faqs_section ul.accordion .accordion_content {
padding: 16px;
}
.about_product .top_left_bg,
.about_product .botton_right_bg {
display: none;
}
.about_product .wrap {
padding: 0;
}
.about_product {
padding: 0 0 60px;
}
.about_product h2 {
max-width: 670px;
}
.about_product .content {
max-width: 298px;
margin: 100px auto 0;
padding: 11px;
}
.about_product .top_bg {
display: block;
position: absolute;
left: 0;
right: 0;
top: -73px;
max-width: 350px;
margin: auto;
}
.about_product .top_bg img.background_img {
width: 100%;
margin: 0 auto;
display: flex;
}
.about_product .top_bg img.image_one {
position: absolute;
right: 10px;
bottom: 0;
z-index: 2;
}
.about_product .top_bg img.image_two {
position: absolute;
top: 94px;
right: 0;
z-index: 3;
}
.about_product .top_bg img.image_three {
position: absolute;
right: 0;
top: calc(50% + 20px);
z-index: 2;
}
.about_product .top_bg img.image_four {
display: block;
position: absolute;
right: 2px;
top: 80px;
z-index: 2;
}
.about_product .top_bg img.image_five {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.about_product .top_bg img.image_six {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.about_product .bottom_bg {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
max-width: 350px;
margin: auto;
display: block;
}
.about_product .bottom_bg img.background_img {
width: 100%;
margin: 0 auto;
display: flex;
}
.about_product .bottom_bg img.image_one {
position: absolute;
left: 0;
top: calc(50% + 14px);
}
.about_product .bottom_bg img.image_two {
position: absolute;
right: 0;
top: calc(50% - 65px);
z-index: 2;
}
.about_product .bottom_bg img.image_three {
position: absolute;
bottom: 0;
right: 0;
z-index: 9;
}
.about_product .bottom_bg img.image_four {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.about_product .bottom_bg img.image_five {
position: absolute;
right: 0;
top: calc(50% + 37px);
z-index: 2;
}
.about_product .bottom_bg img.image_six {
position: absolute;
left: 0;
top: 35px;
z-index: 2;
}
.about_product .bottom_bg img.image_seven {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
}
.about_product .bottom_bg img.image_eight {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
footer.footer {
padding: 50px 0 57px;
}
footer.footer .footer-block:first-child {
padding-right: 0;
width: 100%;
}
footer.footer .footer-block {
margin: 0;
}
footer.footer .footer-block ul.footer-block__details-content {
margin: 0;
}
footer.footer .footer-block.footer-block--menu {
width: 100%;
padding: 0 0 20px;
}
footer.footer .footer-block ul.footer__list-social li {
padding-right: 10px;
padding-bottom: 10px;
}
footer.footer .footer-block ul.footer__list-social .list-social__link {
width: 36px;
height: 36px;
}
footer.footer .footer-block ul.footer__list-social .list-social__link svg {
width: 20px;
height: 20px;
}
footer.footer .footer-block ul.footer-block__details-content li a {
font-size: 18px;
}
.single_banner .image {
padding: 30px 0;
position: relative;
}
.single_banner .image:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}
.single_banner .image .page-width {
position: relative;
}
.content_list .main_list .head {
padding: 15px 20px;
}
.java_shroom_product.product--large:not(.product--no-media) .product__media-wrapper {
width: 100%;
max-width: 100%;
}
.java_shroom_product.product--large:not(.product--no-media) .product__info-wrapper {
width: 100%;
max-width: 100%;
padding: 16px 0 0 0;
}
.java_shroom_product.product--large:not(.product--no-media) .product__info-wrapper .product__info-container {
max-width: 100%;
}
.java_shroom_product .product__info-wrapper .product__description {
max-width: 100%;
}
.java_shroom_product .product__info-wrapper .product-form__buttons {
max-width: 100%;
}
.java_shroom_product .product__info-wrapper p.offer_text {
margin: 0 0 10px 0;
}
.java_shroom_product .product_media_slider ul.custom_product_slider_nav {
max-width: 300px;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_for {
max-width: 74.667vw;
margin: 0 auto;
}
.java_shroom_product .product_media_slider ul li img {
max-width: 74.667vw;
margin: 0 auto;
} */
.product_image_with_cotent_section .content {
width: 100%;
order: 2;
}
.product_image_with_cotent_section .image {
width: 100%;
padding: 0 0 30px 0;
}
.product_image_with_cotent_section .content p {
max-width: 100%;
text-align: center;
}
.product_image_with_cotent_section .content ul {
margin-left: -10px;
}
.product_image_with_cotent_section .content ul li {
padding-right: 0;
padding-bottom: 16px;
width: 25%;
padding-left: 16px;
}
.product_image_with_content_section .item {
padding-bottom: 30px;
width: 100%;
}
.product_image_with_cotent_section .content ul li img {
max-width: 100px;
margin: 0 auto;
display: flex;
}
.product_icon_section ul {
justify-content: center;
}
.product_icon_section ul li {
width: calc(25% - 15px);
text-align: center;
}
.product_image_with_cotent_section .content .icon-title .list {
margin: 0 0 32px;
}
.supplement_fact_section .image {
width: 100%;
}
.supplement_fact_section .content {
width: 100%;
margin-top: 30px;
}
.product_java_shroom_section .item .inner_wrap {
max-width: 100%;
}
/* .product_java_shroom_section .item .inner_wrap img {
max-width: 100%;
} */
.product_java_shroom_section .item .inner_wrap h3 {
margin: 15px 0 5px;
}
.product_ritual_section .content {
width: 100%;
padding-top: 32px;
order: 1;
}
.product_ritual_section .image {
width: 100%;
}
.product_money_guarantee_section .image {
width: 100%;
max-width: 160px;
margin: 0 auto;
display: flex;
}
.product_money_guarantee_section .content {
width: 100%;
padding: 30px 0 0 0;
text-align: center;
}
.product_comparison_table .inner_comparison_table .head .list {
font-size: 16px;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap svg {
width: 28px;
height: 28px;
}
.product_comparison_table .inner_comparison_table .table_content .list span {
line-height: 18px;
font-size: 16px;
}
.blog-articles.blog-articles--list .blog-articles__article .card__inner {
width: 100%;
}
.blog-articles.blog-articles--list .blog-articles__article .card {
flex-direction: column;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content {
width: 100%;
padding: 16px 0 0 0;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information {
padding: 0;
max-width: 100%;
}
.blog_listing .blog_banner h2 {
font-size: 44px;
}
.blog-articles.blog-articles--list .blog-articles__article .card__content .card__information .article-card__excerpt {
max-width: 100%;
}
.blog_bottom_product .content .inner_content h2 {
text-align: center;
}
.blog_bottom_product .content {
width: 100%;
text-align: center;
padding: 70px 0 0 0;
}
.blog_bottom_product .content .inner_content p {
margin: 0 auto 30px;
}
.blog_bottom_product .content .inner_content {
max-width: 100%;
}
.blog_bottom_product .image {
width: 100%;
padding: 0 0 0 0;
}
.product_comparison_table.section_spacing {
padding: 80px 0px 0px;
}
.article_content .content .image_blog .image {
width: 100%;
}
.article_content .content .image_blog .content_blog {
width: 100%;
padding: 30px 0 0 0;
}
.comparison_table_suppliment_modal .modal_content {
max-width: 340px;
}
.comparison_table_suppliment_modal .modal_content .close_icon {
position: fixed;
right: 15px;
width: 36px;
height: 36px;
top: 15px;
}
.comparison_table_suppliment_modal .modal_content .close_icon svg {
width: 16px !important;
height: 16px !important;
margin: -1px 0 0;
}
.image_box_section .content p {
max-width: 100%;
}
.java_shroom_product .product__info-wrapper .purchase_option {
max-width: 100%;
}
.article-template .article_banner {
padding: 25px 0 0;
}
.all-the-ultimate-altr-root-guide-to-self-care.article-template .article_banner .banner_content {
max-width: 300px;
}
.product_comparison_table .inner_comparison_table {
display: none;
}
.mobile_comparison_table {
display: block;
}
.product_comparison_table .page-width h2 {
margin: 0 auto 40px;
}
.supplement_fact_section .image img.desktop {
display: none;
}
.supplement_fact_section .image img.mobile {
display: block;
}
.product_comparison_table .h2_comparison_table {
max-width: 220px;
}
.matcha_java_clean_eng_main h2.main_heading.common_headings {
width: 100%;
text-align: center;
}
.product-form__item ul#variant_lite_plans label:before {
top: calc(50% - 10px);
left: 10px;
width: 20px;
height: 20px;
}
div#rc_radio_options .product_section1:before {
width: 20px;
height: 20px;
}
div#SingleOptionSelector- ul#variant_lite_plans li span.varaiant_image_container.product-single__thumbnail {
padding-left: 35px;
}
div#SingleOptionSelector- ul#variant_lite_plans li span.varaiant_image_container.product-single__thumbnail {
align-items: flex-start;
}
.product_flavors_main .fast_col_6 {
width: 100%;
margin-bottom: 20px;
}
.product_flavors_main .fast_col_6.electric_col {
margin-bottom: 40px;
}
.product_flavors_main .product_flavors_title {
margin: 0 auto 21px;
}
.electric_pop_up_show, .lightning_pop_up_show {
overflow: unset;
}
.product_flavors_main .popup_overlay_cmm {
position: unset;
flex-direction: column;
justify-content: unset;
padding: 15px;
}
.product_flavors_main .popup_overlay_cmm .pop_design1, .product_flavors_main .popup_overlay_cmm .pop_design2 {
max-height: unset;
padding: 35px 0 0;
}
.product_flavors_main .popup_overlay_cmm .custom_overlay {
display: none;
}
.product_flavors_main .popup_overlay_cmm button.popup-close1, .product_flavors_main .popup_overlay_cmm button.popup-close2 {
position: unset;
margin: 0 0 0 auto;
width: 35px;
height: 35px;
}
.custom_content_modal {
position: unset;
border: 1px solid #e5e5e5;
margin-top: 20px;
padding: 0 10px;
border-radius: 8px;
}
.custom_content_modal .custom_overlay {
display: none;
}
.custom_content_modal .modal_content {
position: unset;
transform: unset;
margin: 0 auto;
max-height: unset;
padding: 0;
max-width: 100%;
}
.custom_content_modal .modal_content ul li {
width: 100%;
flex: 1 1 calc(50% - 10px);
padding: 0 10px;
}
.custom_content_modal .modal_content ul li:nth-child(n+4) {
flex-basis: 50%;
}
.custom_content_modal .modal_content ul li span {
font-size: 18px;
line-height: 23px;
}
.custom_content_modal .modal_content ul.bottom li {
margin-bottom: 40px;
}
.custom_content_modal .close_btn {
position: relative;
right: -5px;
top: -15px;
display: flex;
justify-content: flex-end;
padding-top: 20px;
}
.custom_modal_active {
overflow: unset;
}
.custom_content_modal .modal_content p {
margin-bottom: 15px;
text-align: left;
}
.custom_modal_active .magic_dust_about_section .about_content .main_button a img {
transform: rotate(90deg);
}
.detox_path .detox_image {
width: 100%;
}
.detox_path .detox_content ol {
margin-left: 0;
}
.detox_path .detox_content li {
margin: 0 0 25px;
width: 100%;
padding: 0;
}
.magic_dust_how_to_section .how_to_take_image {
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.magic_dust_how_to_section .how_to_list {
width: 100%;
padding-left: 20px;
}
.magic_dust_how_to_section .how_to_list ul li {
margin-bottom: 25px;
text-align: center;
}
.magic_dust_how_to_section .how_to_list ul li:first-child p {
max-width: 100%;
}
.product_flavors_main .product_flavors_inner .product_flavors_img {
max-width: 320px;
}
/*.calming_cocoa_peferct .common_sign_with_text .mobile_image img {
max-width: 100% !important;
transform: scale(1.2);
margin-top: 20px;
margin-bottom: 25px;
}*/
.calming_cocoa_peferct .common_sign_with_text .sign_list {
flex: 1 1 calc(33.33% - 10px);
display: none;
}
}
@media only screen and (max-width: 748.98px) {
html, body {
overflow-x: unset !important;
}
section.product_money_guarantee_section.section_spacing{
padding: 80px 0 0 !important;
}
.custom_user_account.customer table.order-history tbody tr td,
.custom_user_order table.order-details tbody tr td {
border-right: none;
}
.product_flavors_main .product_flavors_inner:before {
max-width: 318px;
background: #f5f5f5;
}
.calming_cocoa_peferct .heading {
margin: 0 0 20px;
}
}
@media only screen and (max-width: 991.98px) {
section.product_money_guarantee_section.section_spacing{
padding: 80px 0 !important;
}
}
@media only screen and (max-width: 600.98px) {
div#SingleOptionSelector- ul#variant_lite_plans li span.varaiant_image_container.product-single__thumbnail {
align-items: flex-start;
font-size: 15px;
}
div#rc_radio_options .product_section1 {
padding: 20px 35px;
}
.product-form__item ul#variant_lite_plans label:before {
top: calc(50% - 8px);
}
}
@media only screen and (max-width: 575.98px) {
.product_money_guarantee_section .page-width {
max-width: 575px !important;
}
.product_comparison_table .inner_comparison_table .head .list.dark:before {
top: -30px;
}
.product_comparison_table .inner_comparison_table .table_content .row:last-child .list.dark:before {
bottom: -30px;
height: calc(100% + 30px);
}
.product_comparison_table .inner_comparison_table .head .list.dark img {
max-width: 50px;
}
.product_comparison_table .inner_comparison_table .head .list {
font-size: 10px;
padding: 15px 10px;
}
.product_comparison_table .inner_comparison_table .head .list.dark {
padding: 0 10px 0px;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap svg {
width: 22px;
height: 22px;
}
.product_comparison_table .inner_comparison_table .table_content .list span {
line-height: 10px;
font-size: 10px;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap {
line-height: 10px;
}
.product_comparison_table .inner_comparison_table .table_content .list .inner_wrap .button {
padding: 3px 10px;
font-size: 12px;
}
.blog_listing .blog_banner h2 {
font-size: 34px;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_nav {
max-width: 180px;
} */
.video_grid ul li video {
height: 110vw;
}
/* .java_shroom_product .product_media_slider ul.custom_product_slider_nav {
max-width: 50vw;
} */
/*.calming_cocoa_peferct .common_sign_with_text .mobile_image img {
max-width: 280px;
}*/
.magic_dust_how_to_section .how_to_list ul li p {
max-width: 320px;
margin: 0 auto;
}
.magic_dust_how_to_section .how_to_list ul li:first-child p {
max-width: 320px;
}
}
@media only screen and (max-width: 465.98px) {
.our_story_new_section .content h2 {
width: 100%;
max-width: 380px;
}
.product_image_with_cotent_section .content h2 {
width: 100%;
max-width: 300px;
margin: 0 auto;
}
.product_image_with_cotent_section .content h3.sub_heading {
width: 100%;
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.product_image_with_cotent_section .content p {
width: 100%;
max-width: 330px;
margin-right: auto;
margin-left: auto;
}
.product_image_with_cotent_section .content .icon-title p {
max-width: 338px;
}
.product_image_with_cotent_section .content .icon-title .list:first-child p {
max-width: 350px;
}
div#rc_radio_options .product_section1 {
padding: 20px 1.5vw 20px 35px;
}
.magic_dust_about_section .about_content .main_button a {
font-size: 18px;
}
}
@media only screen and (max-width: 440.98px) {
header.custom_transparent_header .header__heading-logo {
max-width: 150px;
}
.hide_440 {display:none !important}
.show_440 {display:block !important}
.java_shroom_product .product__info-wrapper p.offer_text {width: 100%;max-width: 320px;}
/* .java_shroom_product .product__info-wrapper p.flavor_text {width: 100%;max-width: 260px;} */
.product.icon_with_content_second p {width: 100%;max-width: 325px;margin-left: auto;margin-right: auto;}
.icon_with_content_second .head p {max-width: 310px;}
.main_nothing_hide h3.secondary_heading {width: 100%;max-width: 250px;margin-left: auto;margin-right: auto;}
.our_story_pkg_icon_block.our_story_pkg_icon_2 p, .our_story_pkg_icon_block.our_story_pkg_icon_3 p {max-width: 290px;}
.template-shipping-information .content_list .main_list .list_no_1 .head h4 {max-width: 250px;}
.template-shipping-information .content_list .main_list .list_no_4 .head h4 {max-width: 200px;}
header.custom_transparent_header .header__icons .header__icon.header__icon--cart svg {
width: 22px;
height: 24px;
}
header.custom_transparent_header .header__icons .header__search svg {
width: 22px;
height: 22px;
}
.blog_bottom_product .content .inner_content h2 {
text-align: center;
max-width: 310px;
margin: 0 auto 12px;
}
.comparison_table_suppliment_modal .modal_content {
max-width: calc(100% - 5%);
}
}
@media only screen and (max-width: 425.98px){
a.custom_btn.orange, button.log_btn {
font-size: 20px;
}
.product_image_with_cotent_section .content .icon-title .list .head {
flex-direction: column;
}
.product_image_with_cotent_section .content .icon-title .list .head span {
padding-left: 0;
}
.icon_with_content_second .item.item-3 h3 {
max-width: 210px;
}
.blog_bottom_product .content .inner_content p {
width: 100%;
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.calming_cocoa_peferct .heading {
margin: 0 auto 34px;
max-width: 315px;
}
.matcha_java_clean_eng_main .head_part p {
max-width: 320px;
}
.icon_with_content_second .item.item-2 .box h3 {
max-width: 225px;
}
.magic_dust_about_section .about_content .main_button a {
font-size: 16px;
padding: 13px;
}
}
@media only screen and (max-width: 390.98px) {
.about_product .content {
max-width: 76.41vw;
}
.about_product .top_bg {
top: -18vw;
}
.about_product .top_bg img.image_one {
right: 2.564vw;
width: 100%;
max-width: 13.077vw;
}
.about_product .top_bg img.image_two {
top: 24.103vw;
width: 100%;
max-width: 10vw;
}
.about_product .top_bg img.image_three {
top: calc(50% + 5.128vw);
width: 100%;
max-width: 9.231vw;
}
.about_product .top_bg img.image_four {
right: 0.513vw;
top: 20.513vw;
width: 100%;
max-width: 15.897vw;
}
.about_product .top_bg img.image_five {
width: 100%;
max-width: 14.359vw;
}
.about_product .top_bg img.image_six {
width: 100%;
max-width: 15.385vw;
}
.about_product .bottom_bg {
bottom: -7.692vw;
}
.about_product .bottom_bg img.image_one {
top: calc(50% + 3.59vw);
width: 100%;
max-width: 12.308vw;
}
.about_product .bottom_bg img.image_two {
top: calc(50% - 16.667vw);
width: 100%;
max-width: 15.897vw;
}
.about_product .bottom_bg img.image_three {
width: 100%;
max-width: 11.538vw;
}
.about_product .bottom_bg img.image_four {
width: 100%;
max-width: 14.359vw;
}
.about_product .bottom_bg img.image_five {
top: calc(50% + 9.487vw);
width: 100%;
max-width: 10vw;
}
.about_product .bottom_bg img.image_six {
top: 8.974vw;
width: 100%;
max-width: 19.231vw;
}
.about_product .bottom_bg img.image_seven {
width: 100%;
max-width: 13.846vw;
}
.about_product .bottom_bg img.image_eight {
width: 100%;
max-width: 17.179vw;
}
footer.footer .footer-block ul.footer_menu {
margin: 0 0 0 -10px;
}
footer.footer .footer-block ul.footer_menu li a {
font-size: 14px;
line-height: 21px;
}
footer.footer .footer-block .footer-block__details-content.rte {
padding: 16px;
}
}
@media only screen and (max-width: 360.98px) {
.comparison_table_info ul.slick-dots {top: -110px;position: absolute;bottom: auto;width: calc(100% + 200px)}
.comparison_table_info button.slick-prev.slick-arrow {left: -200px;}
.comparison_table_info .slick-dots li {margin: 0 10px;}
.mobile_comparison_table .comparison_table_first_column {
width: 100px;
}
.mobile_comparison_table .comparison_table_second_column {
width: 100px;
}
.mobile_comparison_table .comparison_table_second_column .table_logo:before {
width: 100px;
}
.mobile_comparison_table .comparison_table_second_column .item:last-child:before {
width: 100px;
}
.mobile_comparison_table .table_slider {
width: calc(100% - 200px);
}
.mobile_comparison_table .table_slider .item span {
font-size: 14px;
line-height: 16px;
}
}
@media (max-width: 400px) {
.mobile-break {
display: block !important;
}
.custom_liquid h2.main_heading {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.template-track-my-order #sherpa-wrap #sherpa-intro {
width: 100%;
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.template-apple-mushroom-overnight-oats .blog_bottom_product .content .inner_content h2 {
width: 100%;
max-width: 310px;
margin-left: auto;
margin-right: auto;
}
.template-apple-mushroom-overnight-oats .blog_bottom_product .content .inner_content p {
width: 100%;
max-width: 270px;
}
.prdt_title_mble p {
font-size: 18px;
letter-spacing: 0.18px;
}
}
@media (min-width: 400px) {
.mobile-break {
display: none !important;
}
}