/* Common Css Start */ a:hover {filter: unset} .section .block a {color: #303133; text-decoration: underline;} .section .block a:hover {filter: unset;color: #303133;text-decoration: none;} .section .block-type--form .form h4 {margin-bottom: 30px;} .container {max-width: 1920px !important; padding-right: 120px !important; padding-left: 120px !important;} .container.container--full {margin: 0 !important; max-width: 100% !important;} .section .block .btn.btn--solid, .btn.btn--solid{text-decoration: none;} .primary-button { background: #303133; color: #ffffff; border: none; padding: 17px 48px; font-weight: 600; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; border-radius: 10em; overflow: hidden; } .primary-button .hover-icon { display:none; } .primary-button:hover .hover-icon { display: inline-block; } .primary-button:hover .active-icon { display:none; } .primary-button:hover { background: #6afecd; color: #303133 !important; } .primary-button:before { background-color: inherit; position: absolute; content: ""; width: 102%; height: 102%; top: -2%; left: -1%; z-index: -1; transform: translateY(-100%); transition: all .35s; } .primary-button:hover:before { transform: translateY(0); background: inherit; } .primary-button svg { width: auto; height: 9px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 1px; } .primary-button:hover svg path { fill: #303133; } .btn.btn--solid {z-index: 0;} .form form { margin-top: 30px; } .form-btn, .btn.btn--solid{ font-family: Poppins !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.5 !important; display: inline-block; margin: 20px auto 0 auto !important; padding: 16px 30px !important; cursor: pointer; user-select: none; appearance: none; transition: all 0.2s !important; text-align: center !important; vertical-align: middle !important; letter-spacing: 0.25px; color: #fff !important; border: none !important; white-space: normal; overflow: hidden !important; background: #303133 !important; border-radius: 150px !important; position: relative; } .form-btn:hover, .btn.btn--solid:hover { background-color: #6afecd !important; color: #303133 !important;border-color: #131b1e !important; } .form-btn:after, .btn.btn--solid:after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.75H0.25V5.25H1V4.5V3.75ZM13 4.5L5.5 0.169873V8.83013L13 4.5ZM1 4.5V5.25H6.25V4.5V3.75H1V4.5Z' fill='white'/%3E%3C/svg%3E%0A"); display: inline-block; width: 13px; height: 9px; margin-left: 10px; margin-bottom: 2px; } .form-btn:hover:after, .btn.btn--solid:hover:after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.75H0.25V5.25H1V4.5V3.75ZM13 4.5L5.5 0.169873V8.83013L13 4.5ZM1 4.5V5.25H6.25V4.5V3.75H1V4.5Z' fill='%23303133'/%3E%3C/svg%3E%0A"); } .btn.btn--solid, .form-btn, .section-bottom-button, .shop-bottom-button {position: relative; overflow: hidden;transition: all .35s;} .form-btn:before, .section-bottom-button:before, .shop-bottom-button:before, .btn.btn--solid:before { background-color: inherit; position: absolute; content: ""; width: 102%; height: 102%; top: -2%; left: -1%; z-index: -1; transform: translateY(-100%); transition: all .35s; } .form-btn:hover:before, .section-bottom-button:hover:before, .shop-bottom-button:hover:before, .btn.btn--solid:hover:before { transform: translateY(0); background: inherit; } .form-group select { background: transparent !important; border: 1px solid #D9D9D9 !important; min-height: 80px; border-radius: 0 !important; padding: 10px 32px !important; color: #303133 !important; font-size: 16px !important; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml;utf8,") #fff no-repeat !important; background-position: 98% !important; width: 100%; box-sizing: border-box; } .form-group input {background: transparent !important; border: 1px solid #D9D9D9 !important; min-height: 80px; border-radius: 0 !important; padding: 10px 32px !important; color: #303133 !important; font-size: 16px !important; width: 100%; box-sizing: border-box; } .form-group input:placeholder, .form-group select::placeholder {color: #303133 !important; font-size: 16px !important; } .form-group input[type="checkbox"] { width: auto; height: auto; min-height: auto;} .auth__link a {color: #303133;} @media (max-width: 1440px) { .form-btn, .btn.btn--solid { font-size: 16px !important; } } @media screen and (max-width: 1200px) { .container {padding-right: 60px !important; padding-left: 60px !important;} .form-group input, .form-group select {padding: 10px 15px !important;} } @media screen and (max-width: 767px) { .form-btn, .btn.btn--solid { font-size: 16px;} .btn--medium { padding: 10.5px 30px 8.5px 30px;} .container{padding-right: 40px !important; padding-left: 40px !important;} .primary-button {padding: 12px 26px; font-size: 14px;} .form-group input, .form-group select {padding: 10px 15px !important;min-height: 65px; } } @media screen and (max-width: 479px) { .container {padding-right: 20px !important; padding-left: 20px !important;} .form-btn,.btn.btn--solid {font-size: 14px !important;} .form-btn:after,.btn.btn--solid:after {margin-left: 5px;} } @media screen and (min-width: 768px) { main .btn.hidden--submit {margin: 0 !important; padding: 0 !important; border: 0 !important;} } /* Common Css End */ /* Header Css Start */ .header .container {max-width: 1920px !important;padding-left: 32px !important;padding-right: 32px !important;} .header__content--desktop {padding: 15px 0; border-bottom: 1px solid #D9D9D9;} .header__content--desktop .header__block.header__block--user { margin: 0; position: relative; padding-left: 32px; } /*.header__content--desktop .header__block.header__block--user:before { content: ''; width: 1px; height: 100%; background: #D9D9D9; position: absolute; left: 0; top: -15px; height: 85px; }*/ #block-1555988491313 { position: relative; padding-right: 20px ! important; } #block-1555988491313:after { content: ''; width: 1px; background: #D9D9D9; position: absolute; right: 0; top: -25px; height: 83px; } .user .user__login {height: auto; display: flex;} .user .user__login > a {font-size: 0;} .user .dropdown .dropdown__trigger:after, .user .user__login > a:after { content: ''; width: 34px; height: 34px; display: block; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.9412 28V25.3333C26.9412 23.9188 26.3793 22.5623 25.3791 21.5621C24.379 20.5619 23.0224 20 21.6079 20H10.9412C9.52676 20 8.1702 20.5619 7.17001 21.5621C6.16981 22.5623 5.60791 23.9188 5.60791 25.3333V28' stroke='%23303133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2743 14.6667C19.2198 14.6667 21.6076 12.2789 21.6076 9.33334C21.6076 6.38782 19.2198 4 16.2743 4C13.3287 4 10.9409 6.38782 10.9409 9.33334C10.9409 12.2789 13.3287 14.6667 16.2743 14.6667Z' stroke='%23303133' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .user .dropdown .dropdown__trigger img {display: none;} .user .dropdown__trigger, .header .header__content--desktop .header__block--cart #cart-root .sage-btn { padding: 10px; border-radius: 30px; position: relative; overflow: hidden; } .user .dropdown__trigger:before, .header .header__content--desktop .header__block--cart #cart-root .sage-btn:before { position: absolute; content: ""; width: 102%; height: 102%; background: #6afecd; top: -2%; left: -1%; z-index: -1; transform: translateY(-100%); transition: all .35s; } .user .dropdown__trigger:hover, .header .header__content--desktop .header__block--cart #cart-root .sage-btn:hover { background-color: #6afecd; filter: none; } .user .dropdown__trigger:hover:before, .header .header__content--desktop .header__block--cart #cart-root .sage-btn:hover:before { transform: translateY(0); background: #6afecd; } .header .header__content--desktop .header__block--cart {margin: 0;} .header .header__content--desktop .header__block--cart #cart-root .sage-btn {padding: 0;} .header .header__content--desktop .header__block--cart #cart-root .sage-btn pds-icon {display: none;} .header .header__content--desktop .header__block--cart #cart-root .sage-btn .cart-button__inner:after { content: ''; width: 24px; height: 24px; display: block; background: url(data:image/png;base64,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); background-size: 100%; } .header__content--desktop .header__block--cart #cart-root .sage-btn:not(:focus):hover, .header__content--desktop .header__block--cart #cart-root .sage-btn:hover {background: transparent !important;} .header__block--cart { margin-left: 5px !important;} .dropdown__menu {border-radius: 0;} .logo:hover { filter: none !important; } .header__content--desktop .link-list .link-list__link {transition: all 0.2s;margin: 0 5px; padding: 5px 10px; border-radius: 20px;} .header { z-index: 1; backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.75) !important; } .header.header--fixed {background-color: rgba(255, 255, 255, 0.75) !important; z-index: 11;} .header .header__content--desktop .header__block--cart #cart-root .sage-btn:hover:before { z-index: 1; } @media screen and (min-width: 768px) { .header:not(.header--fixed) .dropdown__item a {color: #303133 !important;} .header:not(.header--fixed) .dropdown__item a:hover {background: transparent;} .header:not(.header--fixed) .header__block--user .dropdown__item a {text-align: center;} .header--fixed .header__block--dropdown .dropdown .dropdown__menu {background-color: rgba(19, 27, 30, 0.94) !important;} .header--fixed .header__block--dropdown .dropdown .dropdown__item a {color: #fff !important;} .header__content--desktop .header__block {margin: 0;} #block-1555988491313 {margin: 0 !important;} .header__content--desktop .link-list .link-list__link {margin: 0 5px; padding: 5px 10px; border-radius: 20px; position: relative; overflow: hidden;text-transform: uppercase;} .header__content--desktop .link-list .link-list__link:hover{background-color: #6afecd; filter: none;} .header__content--desktop .link-list .link-list__link:before, .header__block--dropdown .dropdown .dropdown__trigger:before { position: absolute; content: ""; width: 102%; height: 102%; background: #6afecd; top: -2%; left: -1%; z-index: -1; transform: translateY(-100%); transition: all .35s; } .header__content--desktop .link-list .link-list__link:hover:before, .header__block--dropdown .dropdown .dropdown__trigger:hover:before, .header__block--dropdown .dropdown.dropdown--open .dropdown__trigger:before{ transform: translateY(0); background: #6afecd; } .header__block--dropdown .dropdown .dropdown__trigger { margin: 0 5px; text-transform: uppercase; padding: 5px 10px; border-radius: 20px; position: relative; overflow: hidden; bottom: -4px; filter: none; } .header--fixed .header__content--desktop .link-list .link-list__link:hover {color: #303133;} .header.header--fixed .dropdown__trigger:hover, .header.header--fixed .dropdown.dropdown--open .dropdown__trigger{color: #303133 !important;} .header .dropdown__menu {border-radius: 20px;} } @media screen and (max-width: 1100px) { .header__content--desktop .header__block--cart {margin-left: 5px;} .user__avatar {width: 25px;} .header__content--desktop .header__block {margin: 0;} .header__content--desktop .link-list .link-list__link {font-size: 14px;} .header__content--desktop .dropdown {vertical-align: middle;font-size: 14px;} .header__content--desktop .header__block.header__block--dropdown {display: flex;} .header__block--dropdown .dropdown .dropdown__trigger{bottom: 0;} .user .dropdown__trigger, .header .header__content--desktop .header__block--cart #cart-root .sage-btn {padding: 6px;} } @media screen and (max-width: 1000px) { .header__content--desktop .link-list .link-list__link, .dropdown .dropdown__trigger {font-size: 13px;padding: 5px 8px;} .header__content--desktop .dropdown {vertical-align: middle;font-size: 12px;} .header .dropdown__trigger {padding: 6px;} } @media screen and (max-width: 900px) { .header__content--desktop .link-list .link-list__link { font-size: 12px; margin: 0 4px; padding: 4px 6px; } .header__block--dropdown .dropdown .dropdown__trigger { padding: 5px 6px; } .header__content--desktop .header__block { margin: 0;} .link-list__link, .dropdown .dropdown__trigger {font-size: 12px;} .header__content--desktop .dropdown {vertical-align: middle;font-size: 10px;} .header__content--desktop .header__block.header__block--user{padding-left: 20px;} .header .container { padding-left: 20px !important; padding-right: 20px !important;} .user .dropdown .dropdown__trigger:after, .user .user__login > a:after{width: 28px; height: 28px;} } @media screen and (max-width: 767px) { .header__content--mobile .dropdown a.dropdown__trigger {margin: 10px 0;} .header__content--mobile .dropdown .dropdown__trigger {margin: 10px 0;} .user .dropdown { padding: 0 20px;} .user .dropdown a.dropdown__trigger {margin: 10px 0 10px 18px;} .cart-button.sage-scoped {justify-content: flex-end;} .link-list__link, .dropdown .dropdown__trigger { font-size: 16px; } .user .dropdown .dropdown__trigger:after, .user .user__login > a:after {display: none;} .user .user__login > a { font-size: 16px; font-weight: 600; } .header__content--mobile .link-list__link { padding: 8px 26px; } .user .dropdown a.dropdown__trigger { padding: 5px 6px; margin: 5px 0; } .user .dropdown a.dropdown__trigger:before { content: 'Account'; font-size: 16px; position: unset; background: transparent; } [kjb-settings-id="language_login"] {padding-left: 6px;} } /* Header Css End */ /* Footer Css Start */ .footer .footer__content {padding: 50px 0;} .footer .footer__content .footer__container > div {width: 25%;padding: 0;} .footer .footer__content .footer__container { flex-wrap: wrap; align-items: flex-start; max-width: 1920px; padding-right: 110px !important; padding-left: 110px !important; } .footer .footer__content .footer__container .link-list .link-list__links .link-list__link {padding-right: 10px;line-height: 2;} .footer .footer__content .footer__container .link-list .link-list__links .link-list__link:hover { color: #303133 !important; } .footer .footer__content .footer__container .link-list .link-list__links .link-list__link span {padding-bottom: 2px;position: relative;} .footer .footer__content .footer__container .link-list .link-list__links .link-list__link span:after {content: ""; border-bottom: solid 1.5px #303133; position: absolute; bottom: 0; left: 0; width: 100%; transform: scaleX(0); transform-origin: right; transition: transform 0.25s;} .footer .footer__content .footer__container .link-list .link-list__links .link-list__link:hover span:after {transform-origin: left; transform: scaleX(1);} .footer .footer__content .footer__container > div:last-child { width: 100%; margin-top: 50px; text-align: center; padding-top: 50px; border-top: 1px solid #D9D9D9; } .footer .footer__content .footer__container .footer__block { width: 100%; margin-top: 60px; } .footer .footer__content .powered-by {display: none;} .footer .footer__content .footer__container > div:nth-child(2) .link-list .link-list__links:before { content: 'Shop'; color: #303133; margin: 0 10px; margin-bottom: 25px; display: block; font-weight: normal; font-size: 25px; line-height: 1.25; font-family: Source Serif Pro; } .footer .footer__content .footer__container > div:nth-child(4) .link-list .link-list__links:before { content: 'Workshops'; color: #303133; margin: 0 10px; margin-bottom: 25px; display: block; font-weight: normal; font-size: 25px; line-height: 1.25; font-family: Source Serif Pro; } .footer .footer__content .footer__container > div:nth-child(6) .link-list .link-list__links:before { content: 'Account'; color: #303133; margin: 0 10px; margin-bottom: 25px; display: block; font-weight: normal; font-size: 25px; line-height: 1.25; font-family: Source Serif Pro; } .footer .footer__content .footer__container > div:nth-child(8) .link-list .link-list__links:before { content: 'Customer Care'; color: #303133; margin: 0 10px; margin-bottom: 25px; display: block; font-weight: normal; font-size: 25px; line-height: 1.25; font-family: Source Serif Pro; } .footer__block .logo { width: 100% !important;} .footer__block .logo img { width: 100% !important;} @media screen and (max-width: 1200px) { .footer .footer__content .footer__container { padding-right: 50px !important; padding-left: 50px !important;} .footer__block .logo img {width: 100% !important;} .footer .footer__content .footer__container > div:nth-child(2) .link-list .link-list__links:before, .footer .footer__content .footer__container > div:nth-child(4) .link-list .link-list__links:before, .footer .footer__content .footer__container > div:nth-child(6) .link-list .link-list__links:before, .footer .footer__content .footer__container > div:nth-child(8) .link-list .link-list__links:before {font-size: 20px;margin-bottom: 15px; } } @media screen and (max-width: 767px) { .footer .footer__content { padding: 40px 0;} .footer .footer__content .footer__container > div {width: 50%;margin-bottom: 30px !important;} .footer .footer__content .footer__container {flex-direction: unset;padding-right: 40px !important; padding-left: 40px !important;} .footer .footer__content .footer__container .link-list .link-list__links .link-list__link {margin: 5px 0;} .footer .footer__content .footer__container > div:nth-child(2) .link-list .link-list__links:before {margin: 0 0 10px 0; } .footer .footer__content .footer__container > div:nth-child(4) .link-list .link-list__links:before {margin: 0 0 10px 0;} .footer .footer__content .footer__container > div:nth-child(6) .link-list .link-list__links:before {margin: 0 0 10px 0; } .footer .footer__content .footer__container > div:nth-child(8) .link-list .link-list__links:before {margin: 0 0 10px 0; } .footer .footer__content .footer__container > div:last-child { margin-bottom: 0 !important; margin-top: 0px; padding-top: 40px; } .footer__content .link-list__link { font-size: 14px; } .footer .footer__content .footer__container .footer__block { margin-top: 20px; } } @media screen and (max-width: 479px) { .footer .footer__content .footer__container { padding-right: 20px !important; padding-left: 20px !important;} } /* CSS Overrides go here */ [data-dynamic-sections="join_the_movement"] .container>div {align-items: unset;} [data-dynamic-sections="join_the_movement"] .container>div .block-type--form > .block {display: flex; align-items: center; justify-content: center;} [data-dynamic-sections="join_the_movement"] .container>div .block-type--image > .block .image img { object-fit: cover; height: 100%; }