/** Shopify CDN: Minification failed
Line 25:13 Expected ":"
**/
@import url('https://fonts.googleapis.com/css2?family=Phudu:wght@300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
h2,
h3,
h1{
font-family: "Phudu", sans-serif !important;
font-optical-sizing: auto;
font-weight: 600 !important;
font-style: normal;
color:#000000;
margin:0;
text-transform:uppercase;
line-height:1.3;
}
h1{
font-size:clamp(30px, 5vw, 60px);
line-height
}
h3{
font-size:clamp(20px, 3vw, 24px) !important;
}
h2 {
font-size: clamp(24px,5vw,50px) !important;
}
h1 strong{
font-weight:600;
color:#1C72C2;
position:relative;
}
h1 strong:after {
position: absolute;
left: 85%;
top: 20%;
z-index:-1;
width: 300px;
height: 220px;
content: "";
background-image: url('data:image/svg+xml,');
background-position: top;
background-repeat: no-repeat;
background-size:contain;
}
p{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
.klaviyo-form div[data-testid="form-row"] button{
font-family: "Roboto", sans-serif !important;
font-size: clamp(16px, 3vw, 18px) !important;
cursor: pointer;
}
.faith-btn,
button, a , input{
font-family: "Roboto", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
}
.footer__copyright{
margin:0 !important;
}
.footer__content-bottom-wrapper {
align-items: center;
gap: 1rem;
justify-content: space-between !important;
}
.policies li:before{
content:none !important;
}
.footer__copyright * {
font-family: 'Poppins';
font-size: 16px !important;
color: #00000080;
text-decoration:none !important;
}
.div-space {
font-size: 18px !important;
}
.policies li:last-child .div-space{
display:none;
}
.link.list-social__link {
width: 50px;
height: 50px;
background: #1C1C1C;
border-radius: 50px;
height: 50px;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.footer__list-social {
gap: 16px;
}
.klaviyo-form h2 * {
font-family: 'Phudu';
font-weight: 600;
line-height: 1.4;
}
.klaviyo-form {
max-width: 468px;
margin: 0 0 0 auto;
}
.klaviyo-form P {
font-family: 'Poppins' !important;
line-height: 1.6;
color: #00000080;
}
.klaviyo-form input[type="email"],
.klaviyo-form input[type="text"] {
padding-left: 50px !important;
position: relative;
}
.klaviyo-form div[data-testid="form-row"] > .needsclick:has(input[type="email"])::after,
.klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend::after,
.klaviyo-form div[data-testid="form-row"] > .needsclick:has(input[type="text"])::after {
position: absolute;
left: 24px;
content: "";
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.klaviyo-form div[data-testid="form-row"] > .needsclick:has(input[type="email"])::after {
background-image:url('data:image/svg+xml,');
}
.klaviyo-form div[data-testid="form-row"]:has(div[role="radiogroup"]) > div >div {
padding: 16px;
border: 1px solid #DCDCDC;
border-radius: 20px;
margin-bottom: 20px;
}
.klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend {
padding-left: 36px;
position: relative;
font-weight: 400 !important;
font-family: 'Poppins';
color: #000000 !important;
padding-bottom:0 !important;
margin-bottom:16px !important;
}
.klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend::after{
background-image:url('data:image/svg+xml,');
left:0;
}
.klaviyo-form h2 * {
font-family: 'Phudu' !important;
font-weight: 600 !important;
}
.klaviyo-form h2 span > span {
color: #1C72C2;
}
.klaviyo-form>.needsclick:nth-child(2)>.needsclick img {
width: 80% !important;
height: 80% !important;
object-fit: contain !important;
object-position: center center;
margin: auto!important;
vertical-align: middle!important;
top: 50%;
position: relative;
transform: translateY(-50%);
}
.klaviyo-close-form:after {
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
cursor:pointer !important;
background: #ffffff !important;
content: "" !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: 100% !important;
background-image: url('data:image/svg+xml,') !important;
}
.klaviyo-close-form {
margin: 0 !important;
top: 24px !important;
right: 24px !important;
cursor:pointer;
}
body {
display: block !important;
}
div[role="dialog"] > div {
transform: scale(1) !important;
}
@media (max-width:1200px){
.page-width {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width:950px){
h1 strong:after {
top: 25%;
width: 220px;
height: 160px;
}
.footer__content-bottom-wrapper {
flex-direction: column-reverse;
gap: 30px !important;
justify-content: center;
align-items: center;
}
div[data-testid="POPUP"] form > div {
min-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
div[data-testid="POPUP"] form {
padding: 20px 14px !important;
max-width: calc(100vw - 40px) !important;
display: grid !important;
grid-template-columns: 1fr 1fr;
}
body h2, body h2 * {
font-size: clamp(24px,5vw,50px) !important;
}
}
@media (max-width:550px){
h1 strong:after {
top: 27%;
width: 140px;
height: 100px;
}
.div-space,
.footer__copyright * {
font-size: 14px!important;
}
.link.list-social__link {
width: 40px;
height: 40px;
}
.footer__copyright {
display: flex;
flex-direction: column-reverse;
gap: 12px;
}
.footer__copyright > small.copyright__content+.div-space{
display:none;
}
.page-width {
padding-left: 20px;
padding-right: 20px;
}
.klaviyo-form-wrap > div {
max-width: calc(100vw - 40px);
}
.klaviyo-form-wrap form {
padding:20px 14px !important;
border-radius: 20px !important;
}
/* .klaviyo-form div[data-testid="form-row"]:has(input[type="text"]) {
flex-direction: column !important;
}
} */
.klaviyo-form div[data-testid="form-row"]{
flex-wrap:wrap !important;
}
.klaviyo-form div[data-testid="form-row"] > div {
flex: 100% !important;
}
.klaviyo-form div[data-testid="form-row"] > div input::placeholder,
.klaviyo-form div[data-testid="form-row"] > div input{
font-size:14px !important;
}
.klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend {
margin-right: 0 !important;
font-size: 14px !important;
padding-left: 28px;
}
.klaviyo-form input[type="email"],
.klaviyo-form input[type="text"] {
padding-left: 40px !important;
}
.klaviyo-form div[data-testid="form-row"] > div fieldset *{
font-size:14px !important;
}
.klaviyo-form div[data-testid="form-row"] > .needsclick:has(input[type="email"])::after, .klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend::after, .klaviyo-form div[data-testid="form-row"] > .needsclick:has(input[type="text"])::after {
left: 20px;
width: 16px;
height: 16px;
}
.klaviyo-form div[data-testid=form-row]:has(div[role=radiogroup])>div>div legend::after {
left: 0;
}
div[data-testid="POPUP"] form {
grid-template-columns: 1fr;
max-height: 90dvh;
gap: 8px;
overflow-y: auto;
border-radius: 20px !important;
overflow-x:hidden;
}
.klaviyo-form>.needsclyou ick:nth-child(2)>.needsclick img {
width: 100% !important;
top:0 ;
transform: translateY(0);
}
body a,
.klaviyo-form input{
box-shadow:none !important;
outline:none !important;
}
.klaviyo-close-form {
top: 12px !important;
right: 12px !important;
width: 20px !important;
border-radius: 100% !important;
overflow: hidden !important;
height: 20px !important;
}
.klaviyo-close-form:after {
background-size: 65% !important;
}
div[data-testid="POPUP"] form > div {
max-height: 310px;
}
.klaviyo-form>.needsclick:nth-child(2)>.needsclick img {
width: 100% !important;
height: 100% !important;
}
div[data-testid="POPUP"] form h2 {
text-align: center !important;
}
div[data-testid="POPUP"] form > div > div > div:has(h2) {
padding-bottom: 4px !important;
}
}
@media (max-width:500px){
h1 strong:after {
top: 48%;
width: 80px;
height: 60px;
left: 90%;
}
body .faith-actions .faith-btn {
gap: 8px;
}.faith-btn svg {
max-width: 18px;
}
}
@media (max-width:350px){
body .faith-actions .faith-btn {
padding: 10px 12px !important;
min-width: 143px;
gap: 8px !important;
justify-content: center;
}
}