/* SF New Homepage Nov 2022 */ /* =========================================================== -- DO NOT EDIT!!!---------------------------------------- -- THIS IS A GENERATED FILE. CHANGES WILL BE OVERWRITTEN -- -- FOR quote slider on homepage -- =========================================================== */ .press-bar{position:relative;padding:36px 0;overflow:hidden;}@media screen and (min-width: 1025px){.press-bar{padding:56px 0 40px}}.press-bar__background{position:absolute;top:0;left:0;width:100%;height:100%}.press-bar__background img{width:100%;height:100%;object-fit:cover;object-position:center}.press-bar__marquee{display:flex;position:relative;z-index:1;align-items:center;justify-content:flex-start;width:100%}.press-bar__marquee:hover .press-bar__marquee-content,.press-bar__marquee:focus .press-bar__marquee-content,.press-bar__marquee:focus-within .press-bar__marquee-content{animation-play-state:paused}.press-bar__marquee-content{display:flex;flex-shrink:0;align-items:center;justify-content:flex-start;transform:translateX(0%);animation:press-marquee var(--marquee-speed, 8s) linear infinite;animation-play-state:running;will-change:transform;animation-direction:var(--marquee-direction)}.press-bar__marquee-block{display:flex;flex-direction:column;flex-shrink:0;align-self:stretch;justify-content:space-between;max-width:246px;margin-right:40px}@media screen and (min-width: 1025px){.press-bar__marquee-block{max-width:360px}}.press-bar__marquee-block-copy{color:var(--section-text-color);font-family:"Sharp Grotesk Book 23",helvetica,arial,sans-serif;font-size:1.2rem;line-height:1.4rem}@media screen and (min-width: 1025px){.press-bar__marquee-block-copy{font-size:1.4rem;line-height:1.8rem}}.press-bar__marquee-logo{width:40%}@keyframes press-marquee{0%{transform:translateX(-100%)}100%{transform:translateX(0)}} /* 03-Dec-2022 */ .p-box, .p-box img, .p-box .vc_column-inner {transition: all .7s;} .p-box {padding-bottom: 4px ! important;} .p-box .vc_column-inner { cursor: pointer;} .p-box h3 { text-transform: uppercase; font-family: 'abril_displayregular'; letter-spacing: 4px; font-weight: 400;} .p-box h5 { letter-spacing: 2px; font-weight: 600; font-family: 'Acre';} .p-box:hover .vc_column-inner { background-color: #a7aca2 !important;} .p-box .vc_single_image-wrapper {overflow: hidden;} .p-box:hover img { transform: scale(1.04); } .p-box img {width: 100%; max-width: 380px; background: transparent ! important;} .p-box h3.top-gift-box { position: absolute;top: 0; left: 50%;transform: translateX(-50%); font-family: 'Acre'; line-height: 1.2;letter-spacing: 2px;} @media(max-width: 768px){.p-box-section {padding-left: 4px ! important; padding-right: 4px ! important;} .p-box h3.top-gift-box{font-size: 12px;} } .font_abril_displayregular h1{ font-family: 'abril_displayregular' !important; } .d-mobile{display:none;} /* Header */ /* header.site-header{background:transparent;} */ div#sf_sticky_top{position:sticky;width:100%;} nav#ubermenu-main-704 >ul >li >a{background:transparent!important;} /* .main-navigation li.sf-cartpopup a, ul.sf_icon_menu li i, nav#ubermenu-main-704 >ul >li >a{color:#fff;} */ nav#ubermenu-main-704 .sf_menu_background.ubermenu-item a.ubermenu-target{color:#6d482e;} /* .main-navigation li.sf-cartpopup a::after, .main-navigation li.sf-cartpopup a {border-color: #fff;} */ header.site-header.active_mob{background:#fff;} .site-header.active_mob .main-navigation li.sf-cartpopup a, .site-header.active_mob ul.sf_icon_menu li i, .site-header.active_mob #ubermenu-main-704 >ul >li >a{color:#6d482e;} .site-header.active_mob .main-navigation li.sf-cartpopup a::after, .site-header.active_mob .main-navigation li.sf-cartpopup a {border-color: #6d482e;} .sf_homepage_mobile_version{ min-height: calc(100vh - 145px) !important; } /**/ body.home-2022, body.home {background-color: #fff;} /* .sf_home_banner {padding: 80px 40px 80px 80px;} */ .sf_home_banner .sf_left_banner .vc_column-inner{ align-items: center; } .sf_home_banner .sf_left_banner h1{color:#444346 !important;font-family:abril_displayregular!important;font-size:50px !important;line-height:1;font-weight:400;text-transform:capitalize;/* letter-spacing:12px; */ margin-bottom:25px;} .sf_home_banner .sf_left_banner .sf_max_w_370 { max-width: 500px; } .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general { color: #000;letter-spacing: 2px;font-family: 'futuralight';border: unset; box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); -webkit-box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); -moz-box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); font-size:16px; padding: 20px 40px; } .sf_banner_home_mobile .sf_banner_home_button .sf_banner_button a.vc_general { box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); -webkit-box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); -moz-box-shadow: 7px 10px 5px 0px rgba(167,172,162,0.75); } .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general:hover{ border: unset; font-family: 'futuralight'; color: #000; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; letter-spacing: 2px; padding: 20px 40px; font-size:16px; } .sf_home_banner .sf_left_banner .sf_banner_button{ margin: 0px 15px; } /* .sf_home_banner .sf_left_banner h1{color:#fff;font-family:'abril_displayblack',abril_displayregular!important;font-size:48px;line-height:1;font-weight:400;letter-spacing:12px;margin-bottom:25px;} */ .sf_home_banner .sf_left_banner p{color:#fff;font-family:futurabookbt;line-height:1.2;font-size:20px;margin-bottom:50px;} .sf_home_banner .sf_left_banner .sf_banner_button a,.sf_home_banner .sf_left_banner .sf_banner_button a:active,.sf_home_banner .sf_left_banner .sf_banner_button a:focus,.sf_home_banner .sf_left_banner .sf_banner_button a:hover{display:inline-block;background-color:#fff;color:#D5BFA0;padding:12px 40px;border-radius:30px;text-transform:uppercase;font-family:futuramedium;letter-spacing:4px;margin:0 5px;font-size:14px;border:1px solid #d5bfa0;} #as-featured #featured-pubs .asi{float:left;line-height:60px;width:120px;margin:5px 15px 5px 0;text-transform:none;font-size:24px;font-weight:400;color:#d5bfa0;font-family:abril_displayregular;} .sf_essentials_kit.span12{max-width:1100px;margin:0 auto;} .sf_left_kit{display:inline-block;width:55%;vertical-align:middle;float:none;} .sf_right_kit{display:inline-block;width:53%;vertical-align:middle;margin-left:-8%;/*background-color:rgba(242,235,229,.8);*/padding:60px 20px;position:relative;text-align:center;float:none;} .kit_free{position:absolute;width:100%;left:0;top:-20px;text-align:center;} .kit_free span{color:#6D482E;background-color:#fff;text-transform:uppercase;font-family:futurabookbt;padding:12px 40px 10px;border:1px solid #f2ebe5;letter-spacing:3px;font-weight:700;line-height:1.2;border-radius:30px;display:inline-block;font-size:14px;} .sf_right_kit .kit_content h3{color:#6D482E;font-family:'abril_displayitalic';font-weight:400;text-transform:uppercase;font-size:23px;letter-spacing:3px;margin-bottom:12px;line-height:1.2;} .sf_right_kit .kit_content .kit_first_box{color:#6D482E;font-family:futuralight;font-size:20px;margin-bottom:15px;line-height:1.2;letter-spacing:0;padding-left:35px;padding-right:35px;} .sf_right_kit .kit_p{color:#000;line-height:1.2;font-family:futuralight;font-size:14px;letter-spacing:0;max-width:370px;} .sf_right_kit .sf_btn_kit{position:absolute;bottom:-19px;left:0;width:100%;} /* #sf-content .sf_btn_kit a{display:inline-block;color:#fff;background:#716b56;border:0;padding:12px 50px;border-radius:30px;text-transform:uppercase;font-family:futuralight;letter-spacing:4px;font-size:15px;line-height:1.2;} */ .wpb_wrapper h3.sf_home_title_section{ padding-top: 6px; color:#000!important;font-family:idealistregular!important;font-weight:400; font-size:30px!important;margin-bottom:2px;line-height:1.2;} .wpb_wrapper h3.sf_home_title_section a{ font-family: idealistregular !important; } .sf_featu_shop h3.sf_featured_heading{ color: #fff !important; padding-bottom: 12px; } .sf_featu_shop p{ color: #fff !important; } .how_it_works .icons img{max-height:230px;max-width:100% !important;border-radius:0; width:auto;} .how_it_works p{font-family:futuralight;line-height:1.4;} .how_it_works .sf_btn_kit{position:absolute;width:100%;left:0;margin:0;bottom:-19px;} .sf_right_kit a {background: #CED1D2 !important;} .how_it_works a /*, .vc_custom_1638824012845 a */{background: #5b564b !important; font-family: 'Acre' !important; font-weight: normal;} #sf-content .sf_btn_kit.gray a{background: #D5BFA0 !important;} .vc_row.wpb_row.cand_with_int_tabs >.wpb_column.vc_column_container { background-color: #fff; } /* nw st */ .sf_tell_us .sf_newbutton2024 a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-round { border: unset !important; color: #fff !important; background-color: #275E7C; } .com_text_bold_16 p{font-size: 15px; font-weight: 300; font-family: 'Acre'; color: #444346; } .margin_b_60{margin-bottom:60px;} .sf_max_w_370{max-width:370px;} .sf_max_w_435{max-width:435px;} .sf_tell_us{overflow:hidden;} .sf_tell_us-ins1.vc_custom_1668652395186 { background-position: center -100px; } .sf_tell_us .sf_tell_us-ins1 .wpb_wrapper, .sf_tell_us .sf_tell_us-ins1{transition:all 5s;} .sf_tell_us .sf_tell_us-ins1:hover{transform: scale(1.1);} .sf_tell_us .sf_tell_us-ins1:hover .wpb_wrapper{transform: scale(0.9);} .sf_home_title_section_white{font-weight: normal;font-size: 45px !important;letter-spacing: 0px;margin-bottom: 25px;line-height: 1.2;} .border_b_a_txt {overflow: hidden;} .border_b_a_txt:after {margin-top: 10px; content:"";display: inline-block;height: 0.5em;vertical-align: middle;width: 100%;margin-right: -100%;margin-left: 10px;border-top: 1px solid #5b564b;} .border_b_a_txt:before {margin-top: 10px; content:"";display: inline-block;height: 0.5em;vertical-align: middle;width: 100%;margin-left: -100%;margin-right: 10px;border-top: 1px solid #5b564b;} .sf_featu_shop{text-align:center;position:relative;background: transparent;padding: 30px 15px !important;padding-bottom:6px;background-size: cover;background-repeat: no-repeat;} .sf_featured_inshop .sf_featu_shop_cntnr{max-width:1040px;margin:0 auto !important;text-align:center;} .sf_featured_inshop {position: relative;background: linear-gradient(0deg, #CB462D 35%, #CB462D 0%, #CB462D 78%, transparent 20%);padding: 30px 20px;background-size: cover;background-repeat: no-repeat;} .how_it_works .icons{margin-bottom:70px !important;} .how_it_works .icons p{font-size:15px !important;margin:0 auto;font-family: 'poppinsregular';font-weight: 300;color: #000;} .how_it_works .icons .vc_figure{padding:0 25px 15px 25px;background-color:#fff;} .how_it_works .icons h4{font-family:idealistregular!important;font-size:23px!important;color:#000;padding:0;margin:15px 0 10px;} .how_it_works{padding:20px 60px;position:relative;} /* .how_it_works>div{border:2px solid #d5bfa080;border-radius:300px;padding:50px 50px 0;margin:60px 0 80px;z-index:2;} */ /* .how_it_works:before{content:'';position:absolute;width:200%;height:1px;background:#5b564b;top:43.5%;left:0;z-index:0;} */ .how_it_works_desktop .sf_first div{ background-color: #CB462D; border-radius: 50%; } .how_it_works_desktop .sf_first img { padding: 25px; } .how_it_works_desktop .sf_second div{ background-color: #C0BB87; border-radius: 50%; } .how_it_works_desktop .sf_second img { padding: 25px; } .how_it_works_desktop .sf_third div{ background-color: #02534C; border-radius: 50%; } .how_it_works_desktop .sf_third img { padding: 25px; } .sf_vellabox_stands #slider,.sf_vellabox_stands #slider li p{max-width:867px;margin:0 auto!important;} .cand_with_int_mobile,.how_it_works_mobile{display:none!important;} .cand_with_int_tabs_2 #carousel .flex-active-slide{opacity:.5;} .cand_with_int_tabs_2 #slider li p{position:relative;font-size:25px;text-align:center;font-family:abril_displayregular;color:#6d482e;line-height:1.6;padding:40px 60px;} .cand_with_int_tabs_2 #carousel li{cursor:pointer;} .cand_with_int_tabs_2 #slider li p:after{content:'\f122';bottom:5px;right:5px;transform:rotate(180deg);} .cand_with_int_tabs_2 #slider li p:before{content:'\f122';top:5px;left:5px;} .cand_with_int_tabs_2 #slider li p:after,.cand_with_int_tabs_2 #slider li p:before{position:absolute;font-family:dashicons;color:#6D482E;font-size:22px;} .cand_with_int_tabs_2 #carousel{border-top:6px double #716b5640;border-bottom:6px double #716b5640;border-radius:0;padding:30px 0;} .cand_with_int_tabs_2 #slider .flex-control-nav{display:none;} .cand_with_int_tabs>.wpb_column{padding:60px 12% 15px;border:1px solid #000;margin-bottom:80px;} .cand_with_int_tabs #carousel_1 ul li span,.cand_with_int_tabs .flexslider_1 p{color:#000;text-align:center;line-height:1.4;font-family:poppinsregular;} .cand_with_int_tabs .flexslider_1 p{font-size:15px !important;font-weight:300; font-family: 'poppinsregular'; color: #000;} .cand_with_int_tabs #carousel_1 .flex-active-slide span{ color: #868165 !important; } .cand_with_int_tabs #carousel_1 ul li span{font-size:15px;font-family: 'poppinsregular'; } .cand_with_int_tabs #carousel_1 ul{display:flex!important;flex-wrap:wrap;} .cand_with_int_tabs #carousel_1 ul li{overflow:hidden;display:flex!important;flex-direction:column;flex-wrap:wrap;cursor:pointer;position:relative;padding-bottom:16px;} .cand_with_int_tabs #carousel_1 ul li>div{padding:6px 8px 16px;text-align:center;transition:all .5s;} .slides li:nth-child(1) .int_tabs_m_div {padding-left: 10px !important; padding-right: 10px !important; } .cand_with_int_tabs #carousel_1 ul li .int_tabs_s_div{max-width:100px;margin:0 auto;} .cand_with_int_tabs #carousel_1 ul li:after{width:100%;height:8px;content:'';background:#F2EBE7;position:absolute;bottom:0;z-index:8;transition:all .3s;} .cand_with_int_tabs #carousel_1 .flex-active-slide:after{background:linear-gradient(to right,#fff 20%,#fff 0,#fff 80%,#fff 0); border: 1px solid #F2EBE7;} .cand_with_int_tabs #carousel_1 .flex-active-slide>div{transform:scale(1.06);} .sf_essentials_kit_sec_2 .sf_right_kit .kit_content h3{margin-bottom:8px;} .sf_essentials_kit_sec_2 .kit_location{font-style:italic;padding-bottom:22px;} .sf_right_kit .kit_content p{font-weight:500;font-size:16px;} .cand_with_int_tabs_2 .slides img { border-radius: 50%; background: #f2ebe7; padding: 15px; } /* Instagram section */ .instagram_sho_secn:before{content:'';width:100%;background:#f5f0ea;position:absolute;height:72%;top:10%;border-radius:120px;left:0;} .instagram_sho_secn{padding:0 20px;} .instagram_sho_secn .swiper-container{padding:0 42px;} .instagram_sho_secn .insta-gallery-feed[data-feed_layout=carousel] .swiper-button-next{right:10px;} .instagram_sho_secn .insta-gallery-feed[data-feed_layout=carousel] .swiper-button-next:hover,.instagram_sho_secn .insta-gallery-feed[data-feed_layout=carousel] .swiper-button-prev:hover{background-color:rgba(0,0,0,0);} .instagram_sho_secn .qligg-icon-prev:before{content:url(/wp-content/uploads/2021/11/inst_left_ar.png);} .instagram_sho_secn .qligg-icon-next:before{content:url(/wp-content/uploads/2021/11/inst_right_ar.png);} .sf_intention .border_b_a_txt .wpb_wrapper:after{content:'';position:absolute;width:100%;height:1px;background:#5b564b;top:43.5%;left:0;z-index:-1;} .sf_intention{margin-bottom:-70px;} .border_b_a_txt h3{max-width:fit-content;margin:0 auto;background:#fff;padding:4px 16px;} .sf_featu_shop .sf_home_title_section{padding-top:0;margin-bottom:12px;} .sf_featu_shop .wpb_single_image{margin-bottom:22px;} .sf_featu_shop .wpb_single_image img{transition:all .6s;} .sf_featu_shop .wpb_single_image img:hover{transform:scale(1.04);} .sf_featu_shop .wpb_text_column{margin-bottom:0;} /* Mobile view */ .how_it_works_tabs_mobile{text-align:center;padding-bottom:50px;} .how_it_works .how_it_works_tabs_mobile img{max-width:240px;} .how_it_works_tabs_mobile .flex-control-nav{position:relative;padding:30px 0 10px;} .how_it_works_tabs_mobile .int_tabs_img{padding:12px;} .how_it_works_tabs_mobile .int_tabs_txt p{font-family:futuralight;line-height:1.4;font-size:16px;text-align:center;margin:0 auto;} .how_it_works_tabs_mobile h3{font-family:abril-display!important;font-size:22px!important;color:#716b56;padding:0;margin:15px 0 10px;font-weight:400;} .how_it_works_tabs_mobile .flex-control-paging li a{background:0 0;box-shadow:inset 0 0 1px #716b56;} .how_it_works_tabs_mobile .flex-control-paging li a.flex-active{background:#716b56;} .cand_with_int_tabs_mobile{max-width:576px;margin:0 auto;} /* .cand_with_int_tabs_mobile li{padding:20px 0 !important;} */ /* .cand_with_int_tabs_mobile .int_tabs_txt{max-height:112px;overflow:hidden;} */ .cand_with_int_tabs_mobile .int_tabs_m_div{color:#716b56;text-align:center;line-height:1.4;text-transform:uppercase;font-size:15px;font-family:futuralight;letter-spacing:3px;} .cand_with_int_tabs_mobile .int_tabs_m_div h4{font-weight:300;} /* .cand_with_int_tabs_mobile .int_tabs_s_div{display:flex;justify-content:center;align-self:center;align-items:center;padding-bottom:20px;} */ .cand_with_int_tabs_mobile .int_tabs_s_div>div{padding:10px;} .cand_with_int_tabs_mobile .int_tabs_s_div .int_tabs_img{max-width: 90px; margin: auto; border-radius: 50%; background: #F2EAE5;} .cand_with_int_tabs_mobile .int_tabs_s_div .int_tabs_img img{min-width:70px;width:100%;} .cand_with_int_tabs_mobile .int_tabs_s_div .int_tabs_img:nth-child(even){margin-left:10px;margin-right:0;} .cand_with_int_tabs_mobile h4 { font-family: 'poppinsregular' !important; font-size: 18px; text-align: center; margin-top: 30px; } .cand_with_int_tabs_mobile p { text-align: center; margin-bottom: 15px; } .cand_with_int_mobile .flex-control-nav{ bottom: 0px; } /* .cand_with_int_tabs_mobile li:not(:last-child):after{content:'';width:150%;left:-25%;position:absolute;border-top:2px solid #d5bfa080;} */ .cand_with_int_tabs{overflow:hidden;} .cand_with_int_tabs_mobile_btn{text-align:center;position:absolute;width:100%;bottom:-38px;} .cand_with_int_tabs_mobile_btn button{background-color:#d5bfa0;color:#fff;padding:12px 40px;border-radius:30px;text-transform:uppercase;font-family:futuramedium;letter-spacing:4px;margin:0 5px;font-size:14px;border:1px solid #d5bfa0;} /* Subscription Form */ .sf_join_thelist .cst_subscrib_form_sec{ /* max-width:840px; */ margin:0 auto;} .sf_join_thelist .the_field_right { width: 20%; } .sf_join_thelist form{width:100%!important;max-width:100%!important;margin-top:-32px!important;} .sf_join_thelist form input{border:2px solid #d5bfa080!important;border-radius:8px!important;padding-right:60px!important; color: #5b564b !important; } .sf_join_thelist form input:focus{outline:0;box-shadow:none!important;} .sf_join_thelist form button{background:0 0!important;padding:13px 16px!important;color:#000!important;margin-left:-90px!important;font-size:0!important;border:0!important;cursor:pointer!important;} .sf_join_thelist form button:after{content:url(/wp-content/uploads/2023/01/arrow-icon-n.png);cursor:pointer!important; height: 30px;} .sf_join_thelist form input::placeholder{color:#5b564b!important;font-weight:500!important;opacity:1;font-family:futuramedium!important;font-size:13px!important;letter-spacing:2px!important;} .cst_subscrib_form_sec .the_field_left{padding-top:32px;} .cst_subscrib_form_sec{padding:22px 12px;} .sf_blog_move{padding:18px 20px;background-color:#02534C;position:relative;width:100vw;max-width:100%;height:80px;overflow:hidden;} .sf_marquee_move{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 40s linear infinite;} .sf_marquee_move:hover{animation-play-state:paused;} .marquee{display:inline-block; padding: unset !important} .marquee span{font-family: idealistregular; font-size: 22px; letter-spacing: 0px; color: #fff; padding: 13px 0 10px; display: inline-block; margin-right: 5px;} .marquee span a{color:#fff;padding:12px 0 10px;display:inline-block;font-family: 'idealistregular' !important;} .marquee span:after{ content: "\f111"; font-family: 'FontAwesome'; padding-left:10px; color:#fff; font-size: 5px; position: relative; top: -4px; } /* Whats in Box section */ .whats_in_box h3,.whats_in_box_mob_title h3{color:#716b56;font-family:abril_displayregular;font-weight:400;font-size:23px;margin-bottom:40px;line-height:1.2;letter-spacing:4px;} .whats_in_box h3{text-align:left;} .whats_in_box .kit_p img{padding:4px;margin-right:8px;max-width:30px;} .whats_in_box .kit_p{font-size:15px !important;margin-bottom:18px;margin-left:-35px;font-family:"poppinsregular" !important;position:relative; font-weight:300;} .whats_in_box p.kit_p strong { font-family:poppinssemibold; font-size:15px; } .whats_in_box_left{padding-right:26px;} /* .whats_in_box_right{padding-left:42px;} */ .whats_in_box_sectn{background:linear-gradient(0deg,transparent 10%,#f8f3ee 0,#f8f3ee 80%,transparent 20%);} .whats_in_box_sectn .wpb_single_image{max-width:420px;margin:0 auto;} .whats_in_box_sectn .d-block{display:block;} .whats_in_box_sectn .d-none{display:none;} /* New */ /* #sf-content .sf_btn_kit.dbfa a{background: #5b564b; color: #ffffff !important; font-family: 'Acre'; font-weight: 300;} */ .sf_essentials_kit_sec_new_ver .sf_right_kit{z-index:9;margin-left:-22%;padding: 30px 20px;} .sf_essentials_kit_sec_new_ver .sf_right_kit .kit_content h3{font-family:'abril_displayitalic';letter-spacing:0.25em;} .sf_essentials_kit_sec_new_ver .sf_right_kit .kit_content .kit_first_box{font-family:'futurabookbt'; color:#000;} #sf-content .sf_essentials_kit_sec_new_ver .sf_right_kit .sf_btn_kit a{background:#d7c3bc !important;font-family:'futurabookbt';letter-spacing:0.22em;} .sf_essentials_kit_sec_slider_v2{background-image:linear-gradient(#fff 16%, #F2EBE5 0%, #F2EBE5 85%, #fff 16%);} .sf_essentials_kit_sec_slider .sl_slide_list > .vc_row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .sf_essentials_kit_sec_slider .flex-control-paging li a.flex-active{background:#D5BFA0;} .sf_essentials_kit_sec_slider .flex-control-paging li a{border:1px solid #D5BFA0;background:transparent;box-shadow:none;width:14px;height: 14px;} .sf_essentials_kit_sec_slider .flex-direction-nav a{width: auto;opacity:1;height: auto;text-align:center;font-size:12px;color:#6D482E;/*font-style: italic;*/} .sf_essentials_kit_sec_slider .flex-direction-nav a:before{display:block;font-size:20px;font-weight:900;color:#D5BFA0;/*font-style: initial;*/} .sl_slide_list{padding:10px; } .sf_es_img{padding:12px 32px;} .sf_es_cnt{text-align:center;} .sl_button_1 button{color: #6D482E;background-color: #fff;text-transform: uppercase;font-family: futurabookbt;padding: 12px 40px 10px;border: 1px solid #f2ebe5;letter-spacing: 3px;font-weight: 700;line-height: 1.2;border-radius: 30px;display: inline-block;font-size: 14px;margin-bottom:20px;} .sl_title_1 h3{margin-bottom: 8px;color: #6D482E;font-family: 'abril_displayitalic';font-weight: 400;text-transform: uppercase;font-size: 23px;letter-spacing: 3px;line-height: 1.2;} .sl_title_1 img {max-width: 200px; margin-bottom: 10px;} .sl_title_2 h5{line-height: 20px;font-style: italic;font-weight: 500;font-size: 16px;} .sl_cnt_p p{font-weight: 500;font-size: 16px;color: #000;line-height: 1.2;font-family: futuralight;letter-spacing: 0;max-width: 500px;margin-bottom:20px;} .sl_button_2 a{background: #D5BFA0;display: inline-block;color: #fff;border: 0;padding: 12px 50px;border-radius: 30px;text-transform: uppercase;font-family: futuralight;letter-spacing: 4px;font-size: 15px;line-height: 1.2;} .h22-adv{text-align:center;text-transform:uppercase;padding:12px;color:#fff;font-family:'abril_displayregular';background:#E7C4B7;} .h22-adv p{font-size:36px;line-height:initial;} .h22-adv a{color:#fff;text-decoration:underline;} .h22-adv-sp1{font-family:'abril_displaysemibold';font-style:italic;} .sf_es_cnt.sf_es_slide_2 .sl_title_2 h5 {font-family: 'abril-display';line-height: 1.2;font-style: normal;font-weight: 500;font-size: 20px;letter-spacing: 2px;text-transform: uppercase;} .sf_featured_inshop.mb, .how_it_works .icons h3 { display: none; } .sf_featured_inshop.dkt { display: block; } @media(min-width:768px){ .sf_essentials_kit_sec_slider .flex-control-nav, .whats_in_box_sectn .d-md-none{display:none;} .whats_in_box_sectn .d-md-block{display:block;} /* .whats_in_box .b_gr_1:before,.whats_in_box .b_gr_3:before,.whats_in_box .b_gr_4:before{position:absolute;background-repeat:no-repeat;background-size:contain;content:"";} .whats_in_box .b_gr_4:before{right:100%;width:160px;height:80px;top:35px;background-image:url(/wp-content/uploads/2021/12/grapnhics3.png);} .whats_in_box .b_gr_3:before{right:99%;width:170px;height:35px;top:30px;background-image:url(/wp-content/uploads/2021/12/grapnhics2.png);} .whats_in_box .b_gr_1:before{right:100%;width:200px;top:18px;height:155px;background-image:url(/wp-content/uploads/2021/12/grapnhics1.png);} */ } @media(min-width:992px){ .whats_in_box .b_gr_4:before{right:100%;width:210px;height:160px;top:40px;transform:rotate(-5deg);} .whats_in_box .b_gr_3:before{right:103%;width:220px;height:60px;transform:rotate(-5deg);top:30px;} .whats_in_box .b_gr_1:before{right:105%;width:260px;height:200px;top:8px;} } /* Candle Essential Kit */ @keyframes marquee { from {transform: translateX(0);} to {transform: translateX(-50%);} } @media only screen and (max-width: 1175px){ .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general{ padding: 15px 30px; } } @media only screen and (max-width: 1080px){ .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general{ padding: 15px 15px; } .sf_home_banner .sf_left_banner .sf_banner_button{ margin: 0px 10px !important; } } @media only screen and (max-width: 965px){ .sf_left_banner.wpb_column.vc_column_container.vc_col-sm-5 { width: 48% !important; } } @media only screen and (max-width: 880px){ .sf_left_banner.wpb_column.vc_column_container.vc_col-sm-5 { width: 50% !important; } .sf_home_banner .sf_left_banner .sf_banner_button{ margin: unset !important; } } @media(max-width:992px){ .how_it_works > div{border:0px;} .how_it_works:before{display:none;} .h22-adv p{font-size:28px;} } @media(max-width:960px){ .sf_home_banner {padding: 90px 40px 80px;} } .sf_home_banner .sf_right_banner{ display:none !important; } .sf_home_banner.vc_row{ background-position: right 50% !important; background-size: 50% auto !important; } @media(max-width:767px){ .sf_home_title_section_white.sf_hide_desktop{ line-height: 46px !important; padding-top: 0px; } .sf_featured_inshop .sf_featu_shop h3 { font-size: 23px !important; } .sf_home_banner .sf_right_banner{ display:block !important; margin-top: -65px; } .sf_home_banner.vc_row{ background-image: unset !important; min-height:unset !important; } .wpb_wrapper .sf_tell_us-ins1.vc_row{ background-image: url('https://www.vellabox.com/wp-content/uploads/2025/10/mb-winter-2025-homepage-feature-image.jpg') !important; background-position: center !important; filter: brightness(93%); padding-top: 150px !important; padding-bottom: 160px !important; } .vc_btn3-container.sf_btn_kit.dbfa.sf_newbutton2024 { margin-top: 30px; } .sf_tell_us .vc_column-inner.vc_custom_1717825451431{ margin-top:-70px; } /* .sf_tell_us-ins1.vc_row{ background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://www.vellabox.com/wp-content/uploads/2022/11/scent-preferences-homepage-image-mobile.png'); background-position: center !important; } */ .whats_in_box_left{padding-right:0;} .whats_in_box .kit_p img{padding:4px;margin-right:4px;max-width:20px;} .whats_in_box .kit_p{font-size:14px; margin-bottom: 25px !important; } .whats_in_box_sectn{padding-top:35px;background:#f8f3ee;} .margin_b_60{margin-bottom:40px;} .sf_join_community{display:none;} /* .sf_home_banner{background:url('/wp-content/uploads/2022/07/Night-drive-box.jpg');background-size:cover;background-repeat:no-repeat;background-position:center center;} */ /* .sf_home_banner .sf_right_banner{display:none!important;} */ .sf_left_banner { z-index: 9; } .sf_right_banner{ z-index: 8; } /* .sf_left_banner .wpb_wrapper { */ /* background: #fff; */ /* padding: 25px; */ /* position: absolute; */ /* top: 130px; */ /* margin:20px !important; */ /* } */ .sf_home_banner .sf_left_banner .sf_max_w_370 { max-width: 500px; } .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general { color: #fff !important; letter-spacing: 2px; font-family: 'futuralight'; border: unset; box-shadow: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; font-size: 18px; padding: 20px 28px; background-color: #A7ACA2; } .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general:hover{ font-size: 18px; padding: 20px 28px; margin: 2px; } .sf_home_banner .sf_left_banner .sf_banner_button{ margin: unset !important; } .sf_home_banner { padding: 0px; } .sf_home_banner .sf_left_banner{height:45vh;} .sf_home_banner .sf_left_banner>.vc_column-inner{justify-content:start!important;padding-top:30px!important;text-align:center;} .sf_home_banner .sf_max_w_435{ display:none !important; } .sf_home_banner .sf_max_w_370,.sf_home_banner .sf_max_w_435{max-width:100%;padding:0 12px;text-align:center!important;margin:0 auto;} .sf_home_banner .sf_max_w_435 p{text-align:center!important;} .sf_home_banner .sf_left_banner h1{font-size:45px!important; line-height: 48px !important; } /* .sf_home_banner .sf_max_w_370, */ .sf_home_banner .sf_banner_button a{ color: #444346 !important; } /* Slider Testimonials*/ .cand_with_int_tabs_2 #slider .flex-control-nav{display:block;bottom:-160px;z-index:9;} .cand_with_int_tabs_2 .flex-control-paging li a{background:0 0;box-shadow:inset 0 0 1px #716b56;} .cand_with_int_tabs_2 .flex-control-paging li a.flex-active{background:#716b56;} .cand_with_int_tabs_2 #carousel{border:0;} .cand_with_int_tabs_2 #carousel li img{max-width:100px;margin:0 auto;} .cand_with_int_tabs_2 #slider .slides{display:flex;flex-wrap:wrap;align-items:center;} .sf_essentials_kit.sf_essentials_kit_sec_1{background:url(/wp-content/uploads/2021/12/HOMEPAGE-MOBILE-10-29-12-scaled.jpg) no-repeat center;background-size:cover;} .sf_essentials_kit_sec_new_ver.sf_essentials_kit_sec_1{background:url('/wp-content/uploads/2022/01/mobile-v-day-shop-v1.jpg') no-repeat center;background-size:cover;} .sf_essentials_kit.sf_essentials_kit_sec_2{background:url('/wp-content/uploads/2022/01/Untitled-design-4-1.jpg') no-repeat center;background-size:cover;} .sf_essentials_kit .sf_left_kit{display:none;} .sf_essentials_kit .sf_right_kit{width:100%;margin:0 0;background:0 0;padding-bottom:25%;margin-bottom:22px;} .sf_essentials_kit .kit_free{top:-10px;position:relative;} .sf_right_kit .sf_btn_kit{bottom:0;} /* .sf_essentials_kit .vc_column-inner>.wpb_wrapper{background:#f2ebe5;} */ .sf_essentials_kit .kit_free,.sf_right_kit .kit_content{border:0;padding:0 20px;padding-bottom:20px;max-width:300px;margin:0 auto;} .sf_essentials_kit_sec_new_ver .sf_right_kit .vc_column-inner>.wpb_wrapper{background:rgb(241 234 228 / 70%);} .sf_essentials_kit .kit_free span{margin-top:-20px;font-size:14px;} .sf_essentials_kit .sf_right_kit .kit_content h3{font-size:18px;margin-bottom:20px;} .sf_right_kit .kit_content .kit_first_box{font-size:16px;padding-left:0;padding-right:0;} .sf_right_kit .kit_content p{font-size:13px;font-weight:300;line-height:1.4;} #sf-content .sf_btn_kit a{padding:12px 20px;font-size:13px;} #as-featured #featured-pubs .asi{float:initial;display:block;margin:0 auto;} .sf_featured_inshop{background:0 0;} .sf_featured_inshop .sf_featu_shop div.wpb_wrapper{display:flex;align-items:center;} .sf_featured_inshop .sf_home_title_section,.sf_featured_inshop .wpb_single_image.vc_align_left{padding:12px;} .sf_featured_inshop .wpb_text_column{display:none;} .sf_featured_inshop .sf_featu_shop_col_2 div.wpb_wrapper{flex-direction:row-reverse;} .sf_featured_inshop .sf_featu_shop_col_1{background:linear-gradient(0deg,transparent 25%,#CB462D 0,#CB462D 80%,transparent 0);} .sf_featured_inshop .sf_featu_shop_col_2{background:linear-gradient(0deg,transparent 25%,#C0BB87 0,#C0BB87 80%,transparent 0);} .sf_featured_inshop .sf_featu_shop_col_3{background:linear-gradient(0deg,transparent 25%,#02534C 0,#02534C 80%,transparent 0);} .sf_featured_inshop .wpb_wrapper h3.sf_home_title_section { margin-bottom: 35px; } .sf_featured_inshop .sf_featu_shop_col_1 .sf_home_title_section,.sf_featured_inshop .sf_featu_shop_col_3 .sf_home_title_section{color:#fff !important;} .sf_vellabox_stands .vc_custom_1637756482107{margin-top:20px!important;margin-bottom:20px!important;} .sf_vellabox_stands .flexslider{margin-bottom:30px;} .cand_with_int_tabs_2 #slider li p:after,.cand_with_int_tabs_2 #slider li p:before{font-size:18px;} .cand_with_int_tabs_2 #slider li p{font-size:20px;padding:25px 40px;} .cand_with_int_tabs .cand_with_int_tabs_2,.cst_subscrib_form_sec .the_field_right{display:none;} .cand_with_int_mobile,.how_it_works_mobile{display:block!important;} .cst_subscrib_form_sec .kl-private-reset-css-Xuajs1 [data-testid=form-component]{padding-right:0!important;padding-left:0!important;} .how_it_works .how_it_works_tabs_mobile img{border-radius:0;} .sf_marquee_move{animation:marquee 95s linear infinite;} .how_it_works .step2.icons >.vc_column-inner >.wpb_wrapper{ display: flex; align-items: center; } .how_it_works .icons.step2 { margin-bottom: 35px !important; } .how_it_works .icons h4{ display: none; } .how_it_works .icons h3{ font-family: 'idealistregular'; color: #000; font-weight: normal; font-size: 25px; line-height: 27px; display:block; } .how_it_works .icons.step2 p{ font-size:14px !important; margin-top: 5px; } .how_it_works_desktop .step2 .wpb_single_image { width: 40%; float: left; margin-right: 8px; } .how_it_works .icons .wpb_single_image .vc_figure{ padding: 0px !important; } .how_it_works_desktop .wpb_single_image .vc_figure img { padding: 18px; } .how_it_works .step2 .wpb_text_column { width: 60%; float: left; } .how_it_works .icons .vc_figure{ padding: 0px !important; } /* New */ .sf_right_kit a{background:#d7c3bc !important;} /* .sf_right_kit .sf_btn_kit.mob_28{bottom: 28px;} */ /* .d-mobile{display:block;position:absolute;bottom:0px;width:100%;margin-bottom:0px;} */ .sf_essentials_kit_sec_new_ver.sf_essentials_kit .sf_right_kit {padding-top:100%; padding-bottom: 10%;} .sf_essentials_kit_sec_slider_v2{padding-left:0px!important;padding-right:0px!important;background:#fff;height:100vh;} .sl_slide_list{padding:0px;} .sf_es_cnt{padding:30px 10px;height:85vh;position:relative;} .sf_es_cnt.sf_es_slide_2{background:#cfcfcf url('/wp-content/uploads/2022/04/mobile-surprise-item.jpg') no-repeat top;background-size:cover;} .sf_es_cnt.sf_es_slide_1{background:#e5e4e2 url('/wp-content/uploads/2022/04/mobile-april-candle-image.jpeg') no-repeat top;background-size:cover;} .sf_es_cnt.sf_es_slide_2 .sl_title_2 h5, .sf_es_cnt.sf_es_slide_2 .sl_cnt_p p{color: #fff;} .sf_essentials_kit_sec_slider .flex-direction-nav{display:none;} .sf_es_img{display:none;} .sl_button_2 {position: absolute;bottom: 18px;width: 100%;/*right: 50%;transform: translateX(-50%);*/} .sl_button_1 button{font-size:14px;} .sl_title_1 h3{font-size:18px;} .sl_button_2 a, .sl_cnt_p p, .sl_title_2 h5{font-size:13px;} .sl_button_2 a{padding: 12px 20px;} .h22-adv p{font-size:26px;} .sf_featured_inshop.mb { display: block; } .sf_featured_inshop.dkt { display: none; } .sf_what_in_thebox_right p.kit_p { /* display: list-item; */ text-align: center !important; margin-left: unset !important; } } @media only screen and (max-width: 585px){ .sf_what_in_thebox_right >.vc_column-inner{ padding-left: 10px !important; padding-right: 10px !important; } } @media(max-width:576px){ .sf_home_title_section_white.sf_hide_desktop { line-height: 35px !important; padding-top: 0px; } .whats_in_box .kit_p{margin-top:8px;margin-bottom:8px;font-size:12px;line-height:1.2;} .whats_in_box p.kit_p strong{ font-size:12px; } .whats_in_box span.ki_im{display:flex;align-items:center;} .whats_in_box .kit_p img{padding:0;margin-right:4px;max-width:14px;} .margin_b_60{margin-bottom:20px;} /*.sf_home_banner{padding:90px 14px 80px;} .sf_home_banner .sf_left_banner h1{font-family:'abril_displayblack','Abril Display EB'!important;font-size:24px!important;letter-spacing:4px;margin-bottom:18px;} */ .sf_home_banner .sf_left_banner p{font-size:18px;margin-bottom:35px;} .sf_home_title_section{font-size:20px!important;} .sf_home_title_section_white{ font-size: 32px!important; line-height: 37px !important; } .sf_vellabox_stands .vc_custom_1637756482107{margin-top:8px!important;margin-bottom:10px!important;} .cand_with_int_tabs_2 #slider li p:after,.cand_with_int_tabs_2 #slider li p:before{font-size:14px;} .cand_with_int_tabs_2 #slider li p{font-size:14px;padding:20px 30px;} .sf_essentials_kit .kit_free span{font-size:12px;padding:12px 25px 10px;} .cand_with_int_tabs_2 #carousel{padding:12px 0;} .cand_with_int_tabs_2 #carousel .flex-active-slide{opacity:1;} .sf_featured_inshop .sf_home_title_section,.sf_featured_inshop .wpb_single_image.vc_align_left{padding:5px;} .sf_featu_shop .sf_home_title_section{font-size:14px!important;min-width:150px;} .sf_featu_shop{padding:0 6px !important;} .sf_featured_inshop .sf_featu_shop_col_1{background:linear-gradient(0deg,transparent 20%,#CB462D 0,#CB462D 90%,transparent 0);} .sf_featured_inshop .sf_featu_shop_col_2{background:linear-gradient(0deg,transparent 20%,#C0BB87 0,#C0BB87 90%,transparent 0);} .sf_featured_inshop .sf_featu_shop_col_3{background:linear-gradient(0deg,transparent 20%,#02534C 0,#02534C 90%,transparent 0);} .sf_featured_inshop .sf_featu_shop_col_1 h3, .sf_featured_inshop .sf_featu_shop_col_1 .sf_home_title_section_bk{ color: #444346 !important; } .sf_featured_inshop .sf_featu_shop_col_3_bk h3, .sf_featured_inshop .sf_featu_shop_col_3_bk .sf_home_title_section, .sf_featured_inshop .sf_featu_shop_col_2 .sf_home_title_section{ color: #fff !important; } .how_it_works{padding:20px 0;} .how_it_works>div{padding:0;} .cand_with_int_tabs>.wpb_column{padding:80px 5% 30px;} .cst_subscrib_form_sec{padding:0;} .sf_join_thelist form button{margin-left:-70px!important;} .sf_essentials_kit .kit_free,.sf_right_kit .kit_content{padding:6px 5px;} .cand_with_int_tabs_mobile li:last-child .int_tabs_s_div{padding-bottom:0;} .sf_essentials_kit .sf_right_kit{padding-bottom:60%;} .cand_with_int_tabs_mobile_btn{bottom:-50px;} .cand_with_int_tabs_mobile_btn button{padding:10px 35px;letter-spacing:2px;font-size:12px;} .sf_essentials_kit .kit_free{top:-15px;} /* .sf_essentials_kit .vc_column-inner>.wpb_wrapper{background:hsl(28deg 33% 92% / 70%);} */ .sf_essentials_kit_sec_new_ver .sf_right_kit .vc_column-inner>.wpb_wrapper{background:transparent;} .how_it_works_tabs_mobile{padding-bottom:15px;} .how_it_works_tabs_mobile .flex-control-nav{bottom:-20px;padding:0 0 10px;} .flex-control-nav li{margin:0 3px;} .flex-control-paging li a{width:10px;height:10px;} /* .cand_with_int_tabs_2.vc_custom_1637774572003{border-top:6px double rgb(113 107 86 / 10%);border-bottom:6px double rgb(113 107 86 / 10%);margin:40px 0 25px 0;padding-top:0!important;} */ /* .cand_with_int_tabs_2 #slider .flex-control-nav{bottom:-65%;} */ .sf_featured_inshop{border-top:1px solid rgb(113 107 86 / 10%);padding-top:50px;} .sf_essentials_kit_sec_1 .sf_btn_kit a, .sf_essentials_kit_sec_2 .sf_btn_kit a{width:calc(100% - 12%);} /* New */ .vc_custom_1643025926998{background-image: url(https://www.vellabox.com/wp-content/uploads/2022/01/desktop-scaled-1.jpg?id=1615143) !important;} .whats_in_box_sectn {height:100vh;display:flex;justify-content:center;align-items: center;} .whats_in_box_left .wpb_single_image .vc_figure{max-width: 250px;margin: 0 auto;} .h22-adv p{font-size:20px;} .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general{ font-size: 13px; padding: 14px 12px; margin: 2px; } .sf_home_banner .sf_left_banner .sf_banner_button a.vc_general:hover{ font-size: 13px; padding: 14px 12px; margin: 2px; } .sf_home_banner .sf_left_banner { height: 25vh; } /* .sf_left_banner .wpb_wrapper{ padding: 25px 10px !important; top:20px; left:0px; margin: 10px 25px !important; } */ } @media only screen and (max-width: 490px){ .sf_what_in_thebox_right >.vc_column-inner .kit_p{ font-size:12px !important; /* line-height: 1.3; */ } .whats_in_box .sf_what_in_thebox_right p.kit_p strong{ font-size: 12px !important; /* line-height: 1.3; */ } .sf_home_title_section_white { font-size: 30px!important; line-height: 33px !important; } .whats_in_box .kit_p{ margin-bottom: 15px !important; } } @media(max-width:425px){ .sf_home_banner .sf_left_banner h1 { font-size: 30px!important; line-height: 35px !important; } .margin_b_60 {margin-bottom:0px;} .sf_essentials_kit .sf_right_kit {padding-bottom: 90%;} .sf_home_banner .sf_left_banner .sf_banner_button a,.sf_home_banner .sf_left_banner .sf_banner_button a:active,.sf_home_banner .sf_left_banner .sf_banner_button a:focus,.sf_home_banner .sf_left_banner .sf_banner_button a:hover {padding: 10px 15px;letter-spacing: 2px;} .border_b_a_txt h3 {max-width: 300px;padding: 4px 6px;} /* .whats_in_box_right.candels_mobile >.vc_column-inner { */ /* padding-left: 15px !important; */ /* padding-right: 15px !important; */ /* } */ /* .sf_what_in_the_box h3{ font-size: 18px !important; } */ } /* SF End New Homepage Nov 2021 */ /* start of new page */ .t_nw_bnr p{text-align:center;color:#fff;} .t_nw_bnr h1{margin-bottom:0px;font-family: 'abril-display' !important;letter-spacing:6px;} .t_nw_bnr h5{font-family:'futurabookbt' !important;font-size:22px;margin-bottom: 22px;} .t_nw_bnr [data-testid="form-component"]{padding:0px !important;} .t_nw_bnr_cntnt{max-width: 704px;margin: 0 auto;padding: 0px 12px;} .t_nw_bnr_cntnt p{max-width:530px;margin:0 auto;font-family:'futuralight';font-style:italic;} .t_nw_bnr_cntnt .needsclick.kl-private-reset-css-Xuajs1{min-height:auto !important;} .t_nw_bnr_cntnt form{max-width:550px !important;} .t_nw_bnr_cntnt form button, .t_nw_bnr_cntnt form input{border-radius:0px !important;} .t_nw_bnr_cntnt form input{padding:16px !important;} .t_nw_bnr_cntnt form input::placeholder{text-transform:uppercase;} .t_nw_bnr_cntnt form button{padding:12px 32px !important;background-color:#d2c1b4 !important;border-color:#d2c1b4 !important;text-transform:uppercase;} .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask { background-color: #fff !important; } .insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask-content{ color: #000 !important; } .sf_banner_home_mobile { display: block; position: relative; } .sf_banner_home_mobile h1{ font-size: 35px!important; line-height: 40px !important; font-family: abril_displayregular!important; text-transform: capitalize; text-align: center!important; margin: auto; max-width: 85%; } .sf_banner_home_mobile .sf_banner_home_button { width: 320px; margin: auto; margin-top: 20px; } .sf_banner_home_mobile .sf_banner_home_button .sf_banner_button{ margin: 0px 10px; } .home #sf-content{ max-width: unset; } .home .sf-container{ padding: unset; } .sf_what_in_thebox_left >div.vc_column-inner{ height:100%; } /* .sf_what_in_thebox_left div.vc_column-inner { */ /* background-position: center bottom !important; */ /* } */ .sf_what_in_thebox_right >div >div.wpb_wrapper{ padding-top: 40px; padding-bottom: 40px; } .sf_what_in_the_box h3{ color: #000; font-family: idealistregular !important; font-weight: 400 !important; font-size: 30px; margin-bottom: 40px; line-height: 1.2; letter-spacing: 0px; } .sf_banner_button a{ border:1px solid transparent !important; } @media only screen and (max-width: 768px){ .sf_press_quotes .sf_marquee_move{ animation: marquee 5s linear infinite !important; } .sf_what_in_thebox_left{min-height: 450px !important;} /* .sf_what_in_thebox_left >.vc_column-inner{ */ /* -webkit-box-pack: start !important; */ /* -webkit-justify-content: start !important; */ /* -ms-flex-pack: start !important; */ /* justify-content: start !important; */ /* background-image: url('https://www.vellabox.com/wp-content/uploads/2022/11/mobile-whats-in-the-box-section.jpg') !important; */ /* } */ .sf_what_in_thebox_right .vc_column-inner { padding-top: 0px; } /* .sf_banner_onleft{ height: unset !important; } */ .sf_left_banner.sf_banner_onleft >div >.wpb_wrapper { /* background: rgba(255, 255, 255, 0.7); */ padding: 20px; position: absolute; /* bottom: 45px; */ margin: 0 auto !important; display: block; left: 0; right: 0; width: 70%; min-width: 470px; top:0px; } /* .sf_banner_onleft .sf_banner_button a { */ /* color: #444346 !important; */ /* border: unset !important; */ /* box-shadow: unset !important; */ /* -webkit-box-shadow: unset !important; */ /* -moz-box-shadow: unset !important; */ /* background: #fff !important; */ /* } */ .sf_banner_onright.wpb_column >.vc_column-inner{ background-image: url('https://www.vellabox.com/wp-content/uploads/2024/06/expanded-vellabox-mobile-hero-3ok.jpg') !important; background-position: center bottom !important; height: calc(100vh - 250px) !important; } .sf_banner_onleft .wpb_wrapper h1{ font-size: 40px !important; color: #000 !important; } .sf_address_in_homepage img { height: 15px !important; } .sf_banner_onleft p span { color: #000 !important; } .home .sf_newbutton2024.sf_tran_but a { border: 1px solid #000 !important; color: #000 !important; } .sf_hero_content p { max-width: 500px; padding-left: 5px; padding-right: 5px; } .sf_hero_content{ padding-top: 15px !important; } .vc_custom_1757064158241 { margin-bottom: 15px !important; } } /* @media only screen and (max-width:680px){ */ /* .sf_banner_onright.wpb_column >.vc_column-inner{ */ /* height: calc(100vh - 250px) !important; */ /* } */ /* } */ @media only screen and (max-width: 576px){ .sf_banner_onleft h1, .sf_banner_onleft .wpb_text_column.wpb_content_element { margin-bottom: 15px !important; } } @media only screen and (max-width: 480px){ .sf_left_banner.sf_banner_onleft >div >.wpb_wrapper{ min-width:340px !important; padding: 15px 12px !important; } .sf_banner_onleft .sf_banner_button { margin: 5px 3px !important; } .sf_banner_onleft .sf_banner_button a{ padding: 15px 25px !important; letter-spacing: 1px !important; font-size: 13px !important; } .sf_banner_onleft p { font-size: 14px !important; line-height: 20px !important; } .whats_in_box_right.candels_mobile >.vc_column-inner { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 442px){ .sf_hero_content p { font-size: 12px !important; } } .sf_topbanner_cont >div >div.vc_column-inner { padding-top: 0px !important; } .sf_banner_onright >.vc_column-inner { height: calc(100vh - 205px); background-position: center !important; } .sf_banner_onleft{ display: flex; justify-content: center !important; align-items: center !important; /* height: calc(100vh - 205px); */ text-align: center; } .sf_banner_onleft h1{ /* color: #fff !important; */ font-family: idealistregular !important; font-size: 50px !important; line-height: 1; font-weight: 400; text-transform: capitalize; /* letter-spacing: 12px; */ margin-bottom: 25px; } .sf_banner_onleft p { font-size: 18px; line-height: 24px; font-family: "poppinsregular"; font-weight:300; } .sf_banner_onleft .sf_transparent_button{ background: transparent; color: #fff !important; border-color: #fff !important; } .sf_newbutton2024.sf_tran_but a { background-color: transparent !important; border: 1px solid #fff !important; color: #fff !important; background-image: unset; } .sf_newbutton2024.sf_tran_but a:hover, .sf_banner_button.sf_newbutton2024 a:hover { background-color: var(--sfbutton) !important; color: #fff !important; border-color: var(--sfbutton) !important; text-decoration: none !important; } /*Candle of the month 12/12/2022*/ .whats_in_box_sectn p { font-family: 'Acre'; } .candles_text_left p { margin-left: 0px !important; } .candles_text_left .kit_p{ display: block !important; } .candles_text_left p > strong,.whats_in_box_right p strong{ font-weight: 600; } .candles_text_left p,.whats_in_box_right p{ font-family: "Acre" !important; } .candles_text_left .ki_txt2{ /* font-size: 18px;*/ letter-spacing: 0.8px; } /* .candle_image_right > .vc_column-inner{ */ /* background-position: center bottom !important; */ /* } */ .sf_what_in_thebox_left>div.vc_column-inner{ height: 100%; } @media screen and (max-width: 1280px) { /* .sf_topbanner_cont.vc_row{ */ /* background-image: url(https://www.vellabox.com/wp-content/uploads/2025/09/homepage4.jpg) !important; */ /* } */ } @media screen and (min-width: 1281px) { .vc_row.wpb_row.vc_row-fluid.sf_topbanner_cont { padding-top: 35px; } } @media only screen and (max-width: 768px){ .sf_what_in_thebox_left { min-height: 450px!important; } .sf_what_in_thebox_left >.vc_column-inner{ justify-content:start !important; } .whats_in_box_sectn{ padding-top: 0px !important; } .whats_in_box_right >.vc_column-inner{ align-items: center; } .candle_image_right>div.vc_column-inner{ min-height: 450px; } /* .sf_what_in_thebox_right >.vc_column-inner{ background-color: #f4f0eb !important; } */ /* .whats_in_box_right >.vc_column-inner{ background-color: #dddddd !important; } */ /* .sf_banner_onleft .wpb_wrapper h1, .sf_banner_onleft p span{ color: #444346 !important; } */ /* .sf_topbanner_cont.vc_row{ */ /* background-image: url('https://www.vellabox.com/wp-content/uploads/2025/10/MobileHero.jpg') !important; */ /* background-position: bottom center !important; */ /* } */ /* .sf_banner_onleft.sf_left_banner { */ /* height: calc(100vh - 220px); */ /* } */ .sf_banner_onrightBK{display: none;} } @media (max-width: 576px){ .whats_in_box_sectn { height: 100% !important; display: block !important; } .candels_mobile >.vc_column-inner{ padding-left:40px !important; padding-right:40px !important; } } .whats_in_box_right .vc_column-inner { min-height: 420px; } /* .sf_what_in_thebox_left.candle_image_right .vc_column-inner{ */ /* background-position: center bottom !important; */ /* } */ h3.sf_what_inthebox_heading.sf_candles_month_heading_mb { color: #fff; } .whats_in_box_right span.ki_txt:not(.ki_txt2) { font-style: italic; margin-top: 4px !important; display: block; } /* .sf_what_in_thebox_left.candle_image_right .vc_column-inner { */ /* background-position: center bottom !important; */ /* } */ .sf_address_in_homepage img { height: 70px; } p.sf_address_icon_home { background: url('https://www.vellabox.com/wp-content/uploads/2023/01/location-icon.png') no-repeat; background-size: 15px; height: 40px; background-position: left; padding-left: 34px; text-align: left !important; padding-top: 17px; margin: auto; display: inline-block; font-size: 15px !important; font-family: 'poppinsregular' !important; } .swiper-button-next, .swiper-button-prev { color: #66665F !important; } .sf_join_community .swiper-pagination-bullet-active { background-color: #66665F !important; } /* SF TOP GIFT PICKER section on Homepage */ .sf_top_gift_pick_box .vc_column-inner >.wpb_wrapper { margin: 20px; border: 1px solid gray; border-radius: 30px; padding: 20px; } .sf_top_gift_pick_box .vc_column-inner >.wpb_wrapper:hover { border: 2px solid gray; padding: 19px; } .sf_top_gift_pick_box h3 { font-family: 'Acre' !important; font-weight: normal !important; font-size: 20px; letter-spacing: 1px; } .sf_top_gift_pick_box img { height: 130px !important; width: auto; } .sf_top_gift_pick_box p { font-family: 'Acre'; letter-spacing: 1px; } @media only screen and (max-width:760px){ .sf_top_gift_pick_box .vc_column-inner >.wpb_wrapper { margin: 10px; } .sf_top_gift_pick_box img { height: 85px !important; } .sf_top_gift_pick_box h3 { font-size: 15px; } div#sf_asseenin .sf_marquee_move_co{ animation: marquee_co 7s linear infinite !important; } } /* END SF TOP GIFT PICKER section on Homepage */ div#sf_asseenin { /* max-width: 1140px; */ margin: auto; position: relative; padding-left:5px; padding-right:5px; } div#sf_asseenin .sf_marquee_move_co{ animation: marquee_co 30s linear infinite; } .sf_marquee_move_co:hover{animation-play-state:paused;} #sf_asseenin .sf_blog_move_co{ background-color: transparent; height: 50px; } #sf_asseenin h2 { position: absolute; font-family: 'poppinsregular' !important; font-size: 15px !important; font-weight: normal; background: #fff; height: 56px; padding-top: 22px; padding-right: 20px; z-index: 9; } #sf_asseenin .sfline { display: inline-block; width: 1px; height: 40px; position: absolute; top: 0px; left: 95px; margin-top: 12px; background-color: #000 !important; z-index: 9; } #sf_asseenin .marquee_co span:after{ content: unset; } #sf_asseenin .marquee_co span{ display: inline; } #sf_asseenin .sf_marquee_move_co img { height: 60px; width:auto; } .sf_press_quotes .sf_blog_move { padding: 0 20px; background-color: transparent; /* position: relative; */ width: 100%; max-width: unset !important; height: auto; overflow: unset !important; } .sf_press_quotes .sf_marquee_move { position: static; white-space: unset; will-change: transform; animation: marquee 40s linear infinite; } .sf_press_quotes .marquee { display: flex; padding: unset !important; flex-shrink: 0; align-items: center; justify-content: flex-start; } .sf_press_quotes .marquee p { width: 100% !important; text-align: left; } .sf_press_quotes .marquee div { padding-left: 12px; padding-right: 12px; flex: 0 0 500px; } .sf_press_quotes .sf_blog_move img { height: 40px; } @keyframes marquee_co { from {transform: translateX(0);} to {transform: translateX(-50%);} } .sf_blog_move_co { padding: 0 20px; background-color: #D6938A; position: relative; width: 100vw; max-width: 100%; height: 42px; overflow: hidden; } .sf_marquee_move_co { position: absolute; white-space: nowrap; will-change: transform; animation: marquee_co 40s linear infinite; } .sf_marquee_move_co:hover{animation-play-state:paused;} .marquee_co { display: inline-block; } .marquee_co span { font-family: idealistregular; /* text-transform: uppercase; */ font-size: 18px; letter-spacing: 1px; padding-right: 10px; color: #fff; padding: 12px 0 10px; display: inline-block; margin-right: 5px; } .marquee_co span:after{ content: "\f111"; font-family: 'FontAwesome'; padding-left:10px; color:#fff; font-size:5px; top: -4px; position: relative; } .sf_quotes_slider .press-bar{ padding: 0px !important; } /* .sf_tell_us-ins1.vc_row { */ /* background-position: center -20px !important; */ /* } */ /* .sf_topbanner_cont.vc_row{ */ /* background-position: center bottom !important; */ /* } */ #sf_asseenin_move .press-bar__marquee img { height: 60px; width: auto; } #sf_asseenin_move .press-bar__marquee-block{ margin-right: 15px; } .sf_topbanner_cont.sf_hide_desktop.sf_unset_minheight { min-height: unset !important; } @media only screen and (min-width:760px){ .sf_background_full_height .vc_column-inner { height: calc(100vh - 177px); } } /* @media only screen and (min-width:760px) and (max-width:1045px){ */ /* .sf_newbutton2024.vc_custom_1717812652390 { */ /* margin-right: 0px !important; */ /* } */ /* } */ @media only screen and (max-width: 768px){ /* .sf_topbanner_cont.vc_row{ */ /* background-image: unset !important; */ /* background-position: unset !important; */ /* } */ .sf_banner_onleft.sf_left_banner { height: auto !important; } } @media only screen and (max-width:440px){ .sf_hero_content .sf_newbutton2024 a { padding: 14px 30px 14px 25px !important; } .sf_hero_content{ padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width:340px){ /* .sf_newbutton2024.vc_custom_1717812652390 { */ /* margin-right: 0px !important; */ /* } */ .sf_hero_content .sf_newbutton2024 a { width: 80% !important; } } .sf_hero_content { /* position: absolute; */ /* top: 30px; */ /* left: 0; */ /* right: 0; */ /* margin-inline: auto; */ /* z-index: 3; */ text-align: center; padding-top:20px; position: static; } .sf_hero_content .vc_column_container{ z-index: 3; } .sf_hero_content .sf_newbutton2024 a { border-color: var(--sfbutton) !important; } .sf_banner_button.sf_newbutton2024.sf_tran_but a { background-color: var(--sfbutton) !important; border: 1px solid var(--sfbutton) !important; color: #fff !important; background-image: unset; } .sf_hero_content h1{ line-height: 50px; margin-bottom: 15px; } .sf_banner_button.sf_newbutton2024 a { width: 215px; padding: 10px 15px; } @media only screen and (max-width: 680px){ .sf_hero_content h1{ line-height: 31px !important; font-size: 32px !important; margin-bottom: 10px; } /* .sf_banner_button { */ /* width: 100%; */ /* } */ .vc_custom_1734754452476.sf_hide_desktop { margin-bottom: 16px !important; } .sf_banner_button.sf_newbutton2024 { margin-bottom: 5px !important; } } /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -140px; */ /* } */ @media only screen and (max-width:1600px){ /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -130px; */ /* } */ } @media only screen and (min-width:1600px){ .vc_row.wpb_row.vc_row-fluid.sf_topbanner_cont { padding-top: 50px; } } @media only screen and (max-width:1250px){ /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -90px; */ /* } */ } @media only screen and (max-width:1070px){ /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -60px; */ /* } */ } @media only screen and (max-width:960px){ /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -45px; */ /* } */ } @media only screen and (max-width:960px){ /* .sf_hero_img.sf_hide_mobile img{ */ /* margin-top: -35px; */ /* } */ } @media only screen and (max-width: 449px){ .sf_banner_button.sf_newbutton2024 a { width: 140px; padding: 10px 15px 10px 5px !important; } } @media only screen and (max-width: 357px){ .sf_hero_content p { font-size: 13px !important; } .sf_hero_content h1 { font-size: 26px !important; line-height: 26px !important; margin-bottom: 10px; } .wpb_text_column.wpb_content_element.vc_custom_1734754452476.sf_hide_desktop { margin-bottom: 14px !important; } } @media only screen and (max-width: 341px){ .sf_banner_button.sf_newbutton2024 a { width: 130px !important; padding: 15px 15px 15px 5px !important; } .vc_custom_1717812652390 { margin-right: 10px !important; } } /* .sf_image-area */ /* .container { */ /* display: flex; */ /* gap: 2rem; */ /* } */ .sf_logo_candleofmo img { max-width: 120px !important; } .sf_whatinthebox h2, .sf_candleofmonth h2 { line-height: 35px; font-size: 30px !important; } .sf_image-area { position: relative; width: 400px; } .sf_image-area img { width: 100%; display: block; } .marker { position: absolute; width: 24px; height: 24px; background-color: #9D9882; border-radius: 50%; animation: blink 1s infinite; cursor: pointer; border: 3px solid #fff; } .marker:hover, .marker.act { animation: none; background-color: #9D9882; border-color: #9D9882; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } } .sf-content-area { display: flex; flex-direction: column; justify-content: flex-start; gap: 1rem; } .content-item { opacity: 0.5; transition: opacity 0.3s ease, font-weight 0.3s ease; } .content-item.active { opacity: 1; font-weight: bold; } .content-item { display: flex; align-items: center; gap: 20px; max-width: 800px; margin: 20px auto; } .content-item img { width: 125px; height: auto; flex-shrink: 0; } .content-item h3 { text-align: left; color: #00534C; font-family: 'poppinssemibold' !important; font-size: 20px; margin: 0 0 5px; } .content-item p { margin: 0; font-size: 18px !important; color: #000; line-height: 22px; font-family: 'poppinslight' !important; font-weight: normal; } .sf_inbox_show_mobile{ display: none !important; } .sf_inbox_show_desktop{ display: flex !important; } .vc_row.wpb_row.vc_row-fluid.sf_waves_bg { margin-bottom: -2px !important; background-size: 310px 50px !important; background-repeat: repeat-x !important; } @media (min-width:768px) and (max-width: 1000px) { .marker[data-target="content3"] { top: 68% !important; } } @media (max-width: 768px) { .sf_inbox_show_mobile{ display: flex !important; } .sf_inbox_show_desktop{ display: none !important; } .marker{ width: 20px !important; height: 20px !important; } .sf_whatinthebox h2.vc_custom_heading.vc_do_custom_heading { padding-top: 10px; } .vc_row.wpb_row.vc_row-fluid.sf_waves_bg { background-size: 200px 40px !important; background-repeat: repeat-x !important; } .vc_row.wpb_row.vc_row-fluid.sf_waves_bg .vc_empty_space { height: 39px !important; } /* .content-item { */ /* flex-direction: column; */ /* text-align: center; */ /* } */ /* .content-item img { */ /* width: 75%; */ /* } */ /* .content-item h3 { */ /* text-align: center; */ /* font-size: 13px; */ /* line-height: 16px; */ /* } */ /* .content-item p { */ /* font-size: 12px !important; */ /* line-height: 15px; */ /* } */ } @media (max-width: 580px){ .sf-scent-image img { max-width: 135px !important; } .sf-scent-notes img { width: 29% !important; height: auto !important; } .sf-scent-info .sf-scent-description { font-size: 12px !important; line-height: 17px !important; } .sf-scent-item{ margin: 75px 0 !important; gap: 15px !important; padding: 12px !important; } .sf-scent-notes{ gap: 15px !important; } } @media (max-width: 460px){ /* .sf-scent-image img { */ /* max-width: 90px !important; */ /* } */ /* .sf-scent-notes img { */ /* width: 50px !important; */ /* height: 50px !important; */ /* } */ .sf-scent-item{ gap: 15px !important; } } @media (max-width: 560px){ /* .marker[data-target="content6"] { */ /* top: 57% !important; */ /* } */ /* .marker[data-target="content7"] { */ /* top: 75% !important; */ /* left: 69% !important; */ /* } */ .sf_mb_mark_content .sf-content-grid .content-item img{ width: 50% !important; } } @media (max-width: 400px) { /* .marker[data-target="content7"] { */ /* top: 78% !important; */ /* left: 69% !important; */ /* } */ /* .marker[data-target="content6"] { */ /* top: 53% !important; */ /* } */ .sf_mb_mark_content .sf-content-grid .content-item h3{ font-size: 13px !important; } .sf_inbox_show_mobile.sf_mb_mark_content .sf-content-grid .content-item p{ font-size: 13px !important; line-height: 15px !important; } } @media (min-width:500p) and (max-width: 768px) { .content-item h3 { font-size: 16px !important; } .content-item p { font-size: 13px !important; } } .sf_candle_month_content .vc_column-inner { max-width: 550px; margin: 0 auto; display: block; } .sf-scent-item { position: relative; background-color: #DCE3E6; padding: 20px 20px 20px 5px; border-radius: 20px; display: flex; align-items: center; gap: 25px; margin: 70px 0; flex-wrap: wrap; overflow: visible; } .sf-scent-item.sf-reverse { padding-left: 25px; padding-right: 5px; /* flex-direction: row-reverse; */ } .sf-scent-image { position: relative; z-index: 2; margin-top: -80px; /* ảnh trồi lên */ } .sf-scent-image img { max-width: 175px; height: auto; display: block; } .sf-scent-info { flex: 1; } .sf-scent-notes { display: flex; gap: 30px; margin-bottom: 15px; } .sf-scent-notes img { width: 90px; height: 90px; border-radius: 50%; object-fit: cover; } .sf-scent-description { font-size: 15px !important; color: #333; font-weight: 500; text-align: center; } .sf_whatinbox_mb .vc_col-sm-3 { width: 25% !important; } .sf_whatinbox_mb .vc_col-sm-6 { width: 50% !important; } /* Mobile */ /* .sf_mb_mark_con .vc_col-sm-6{ width: 50%; float: left; } */ /* .sf_mb_mark_con .content-item{ */ /* display: block; */ /* text-align: center; */ /* } */ /* .sf_mb_mark_con .content-item h3{ */ /* text-align:center; */ /* } */ .sf_mb_mark_con > .vc_column_container > .vc_column-inner > .wpb_wrapper { column-count: 2; column-gap: 30px; } .sf_mb_mark_con .content-item { display: inline-block; width: 100%; background-color: #f0eac4; border-radius: 12px; padding: 20px; margin-bottom: 30px; box-sizing: border-box; vertical-align: top; text-align: center; } .sf_mb_mark_content .sf-content-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; } .sf_mb_mark_content .sf-content-grid .content-item { border-radius: 12px; text-align: center; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: unset; max-width: unset; margin: unset; } .sf_mb_mark_content .sf-content-grid .content-item img { width: 65%; height: auto; max-width: 300px; border-radius: 8px; } .sf_mb_mark_content .sf-content-grid .content-item h3 { margin: 0px 0px 5px 0px !important; font-size: 15px; text-align: center; padding: unset; } .sf_mb_mark_content .sf-content-grid .content-item p { margin: 0; font-size: 15px !important; color: #000; line-height: 17px; } .sf_whatinbox_mb .sf_image-area { max-width: 70%; margin: 0 auto; } /* Mobile */ .sf_maker .vc_column-inner { max-width: 500px; margin: 0 auto; display: block; } .sf_maker_location .wpb_wrapper { text-align: center; } .sf_maker_location p { color: #000; text-align: center; position: relative; display: inline-block; padding-left: 50px; font-size: 17px !important; } .sf_maker_location p::before{ background-image: url('../img/icons/location-black.png'); background-repeat: no-repeat; background-position: left center; background-size: 40px; content: ""; width: 45px; height: 50px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .vc_row.wpb_row.vc_row-fluid.sf_topbanner_cont { background-position: center bottom !important; } .sf_join_community h3.sf_home_title_section { margin-bottom: 30px; margin-top: -85px; }