/*===== Covid Delays Section Top =====*/ #shopify-section-1587131696834 { white-space: nowrap; } .section__title-text::after { display: none; } @media only screen and (max-width: 500px) { #shopify-section-1587131696834 .section__title-text{ font-size: 14px; } #shopify-section-1587131696834 .home-rich-text { white-space: normal; } } /*===== Covid Delays Section Bottom =====*/ #shopify-section-1587131833559 { white-space: nowrap; padding-top: 3%; } @media only screen and (max-width: 500px) { #shopify-section-1587131833559 .section__title-text{ font-size: 14px; } #shopify-section-1587131833559 .home-rich-text { white-space: normal; } } /*=====Home Page Nav ======*/ .mobile-search__input { display: none; } /*=====Home Page Spotlight ======*/ #shopify-section-1587049872934 .o-layout { flex-flow: row; } @media only screen and (max-width: 500px) { #shopify-section-1587049872934 .o-layout { flex-flow: column; } } /*======= GLOBAL CHANGES ========*/ .main .page-width{ max-width: 1110px; margin: 0 auto; } /*=====Home Page Shop All Button ======*/ .link.link--arrow.section__link-link { background-color: #845EC2; color: #ffffff; border-radius: 25px; padding: 10px 30px 10px 30px; font-weight: 400px; font-size: 14px; } /*=====Home Page Tester Section ======*/ #1582920850861 { margin-bottom: 0px; } .hp_hero_section { position: relative; display: flex; flex-direction: column; } .hero_colored { max-width: 100%; padding: 5%; background: rgb(132,94,194); background: linear-gradient(-120deg, rgba(132,94,194,1) 34%, rgba(22,136,159,1) 74%); } .hp_hero_text { display: flex; flex-flow: column; text-align: center; color: #ffffff; } .hp_hero_header h1 { font-weight: bold; margin-bottom: 1%; color: #ffffff; } .hp_hero_content h1 { color: #ffffff; font-size: 1.5rem; padding-bottom: 5%; } .hp_hero_image { display: block; margin: 0 auto; margin-top: -10%; margin-bottom: -1%; text-align: center; } .hp_hero_image img { width: 70%; } .hp_hero_image_mobile { display: none; } .hero_white { background-color: #ffffff; } .value-prop-page { display: flex; flex-flow: column; } #shopify-section-1582825046623 { margin: 0 auto; max-width: 900px; } .prop { display: flex; flex-flow: row; justify-content: space-evenly; } .vp_image { width: 40%; } .prop_content { display: flex; flex-flow: column; width: 60%; } .vp_header { margin-bottom: 3%; font-weight: bold; font-size: 1.5rem; } .vp_content { color: #707070; font-size: 16px; } .hero_white { display: flex; height: 50px; } .hero_colored { margin-top: -3%; } .hero_image { width: 500px; } #shopify-section-1582923194234 { margin-top: 5%; } #mobileprop { padding-top: 5%; } #recycleprop { padding-top: 3%; } .hp-recycled-img { max-width: 130%; margin-top: -25%; } @media only screen and (max-width: 500px) { .hp_hero_text h1{ font-size: 16px; } .hp_hero_text { display: flex; text-align: center; font-size: 14px; } .hero_colored { margin-top: -10%; } .hp_hero_content h1{ color: #ffffff; font-size: 14px; padding-bottom: 10%; } .bmsm_header { display: flex; text-align: center; padding-right: 20%; padding-left: 20%; } #bmsmBtn .btn { padding-left: 10%; padding-right: 10%; padding-top: 1%; padding-bottom: 1%; width: 110px; } .vp_header { font-size: 14px; margin-bottom: 5%; } .vp_content { font-size: 12px; } .hp_hero_image { display: none; } .hp_hero_image_mobile { display: block; margin: 0 auto; width: 100%; } .hp_hero_image_mobile img { margin-top: -10%; margin-left: 18%; } #shopify-section-1582825046623 { max-width: 350px; } #mobileprop { padding-top: 0; } #recycleprop { padding-top: 0; } .prop { margin-bottom: 5%; } .hp-recycled-img { margin-top: 10%; max-width: 100%; } } /*======= Home Page Value Prop & PLP ========= */ .value_container { background-color: #C4FCEF; padding: 5%; margin-bottom: 5%; } .value_header { font-size: 1.5rem; font-weight: 700; display: flex; justify-content: center; margin-bottom: 1%; } .value-section { display: flex; flex-flow: column; padding-top: 2%; } .value_content { display: flex; flex-flow: column; width: 85%; } .value-section-header { color: #178AA0; font-size: 16px; font-weight: 600; } .value-span { color: #707070; font-size: 14px; } .values { margin-bottom: 3%; display: flex; margin-left: 5%; } .boss_section { color: #178AA0; font-size: 16px; display: flex; justify-content: center; } .boss_section b { padding-left: 1%; padding-right: 1%; } #valueBtn { display: flex; justify-content: center; margin-top: 3%; } #valueBtn .btn{ border-radius: 25px; color: #ffffff; font-size: 10px; font-weight: 600; background-color: #845EC2; border-color: #845EC2; padding-left: 10%; padding-right: 10%; padding-top: 1%; padding-bottom: 1%; width: 160px; } .vp_image { display: flex; align-items: flex-start; justify-content: center; } #whiteprop { padding-top: 8%; } .mobile-hp-img { height: auto; max-width: 85%; } @media only screen and (max-width: 500px) { .value_image_section { width: 20%; margin-left: 2%; } .value_header { display: block; } .values { display: flex; flex-flow: column; } .value-section { display: flex; flex-flow: row; padding-top: 5%; padding-bottom: 5%; } .value_header { margin-top: 5%; font-size: 16px; font-weight: 700; margin-bottom: 3%; } .vp_image { display: block; } .mobile-hp-img { padding-top: 25%; max-width: 100%; } #whiteprop { padding-top: 0%; } } /*======= BMSM Section ========= */ .bmsm_page { background-color: #C4FCEF; /* margin-top: 5%; */ margin-bottom: 5%; padding-top: 3%; padding-bottom: 3%; } .bmsm_header { display: flex; justify-content: center; margin-bottom: 1%; color: #707070; font-size: 1.5rem; } .bmsm_content { display: flex; flex-flow: column; text-align: center; font-size: 1.2rem; color: #707070; } .bmsm_container_mobile { display: none; } .bmsm_container_desktop { display: block; } .bmsm { display: flex; flex-flow: column; margin-left: 5%; margin-right: 5%; text-align: center; } .save { font-weight: bold; color: #707070; } .bmsm_discount { font-weight: 600; } #bmsmBtn { display: flex; justify-content: center; margin-top: 2%; } #bmsmBtn .btn{ border-radius: 25px; color: #ffffff; font-size: 10px; font-weight: 600; background-color: #845EC2; border-color: #845EC2; width: 160px; } @media only screen and (max-width: 500px) { .bmsm_header { font-size: 16px; } .bmsm_container_mobile { display: flex; flex-flow: row; justify-content: center; color: #707070; } .bmsm_container_desktop { display: none; } .spend { font-size: 12px; } .usecode { font-size: 12px; } .save { font-weight: bold; color: #707070; font-size: 16px; } .bmsm_discount { font-weight: 600; font-size: 14px; } } /* ==========KLAVIYO FORM ============ */ .form-container { width: 100%; display: flex; flex-flow: row; } .form-container .enlighten_form { display: flex; width: 100%; flex-flow: column; } @media only screen and (max-width: 500px) { .form-container{ flex-flow: column; } } .section__link.section__link--center { margin-bottom: 5%; } /*=====Product Pricing and Details PLP ======*/ .product__details .product__price-price.product__price-price--sale { color: #000000; } .product__details h3,h5 { font-size: 1.1rem; } .collection-main__sort { max-width: 1110px; margin: 0 auto; } /*=====Product Description ======*/ .product__label.label.label--brand { display: none; } /*====FAQ Section====*/ .faq-section .link { font: #000000; } .faq-section .page-width { display: flex; flex-direction: row; padding: 10px; } .faq-section .section-header { width: 80%; margin-bottom: 35px; } .faq-section .section-header { color: #16889f; margin-top: -30px; } .faq-section .shopify_explorer_faq__question { font-size: 15px; margin-top: -60px; font-weight: 425; text-transform: unset; } .faq-section.shopify_explorer_faq__answer { color: #000000; } .faq-section { margin-top: 35px; margin:0 auto; max-width: 1110px; } .faq-section .faq_btn .btn { background-color: #845EC2; color: #ffffff; padding: 7px 70px 7px 70px; border-radius: 25px; font-size: 14px; margin-top: -5%; margin-bottom: 5%; } .shopify_explorer_faq__answer p { font-family: 'Montserrat', sans-serif; } @media only screen and (max-width: 500px) { .section-header.text-center h5 { text-align: center; } .faq-section .page-width { flex-direction: column; } .faq-section .section-header{ width: 100%; } .faq-section .faq_btn { text-align: center; } } /*========== END FAQ SECTION ==========*/ @media only screen and (max-width: 500px) { .product__title.h4 { font-size: 1rem; } .product__price.h5 { font-size: 1rem; } } /*=====LeaderShip Page======*/ .leader_section-header { margin-bottom: 3%; } .card_text { color: #707070; font-size: 10px; } .leader_cards { display: flex; flex-flow: column; align-items: center; margin-bottom: 3%; } #card_section { width: 15%; } .leader_cards .card-body { background-color: #F3F3F3; display: flex; flex-flow: row; justify-content: space-evenly; border-color: #F3F3F3; padding-top: 1%; padding-bottom: 1%; } .card-body { margin-bottom: 2%; width: 1000px; } .leader_cards .card_icon { display: flex; flex-flow: row; } .header19 { font-size: 16px; color: #707070; padding-left: 5%; } #q419 { padding-top: 3%; padding-left: 1%; padding-right: 5%; border-color: #707070; border-style: solid; border-width: 1px; } .stat_icon { width: 20%; } .class_icons { display: flex; flex-flow: row; padding-left: 18%; } .stat_header { font-size: 14px; color: #707070; } .table_1 { display: flex; flex-flow: column; width: 1100px; font-size: 12px; color: #707070; padding: 5%; } #white { background-color: #ffffff; } #grey { background-color: #F3F3F3; } .leader_content { width: 1000px; justify-content: center; padding-left: 7%; padding-bottom: 5px; } .leader_contents { font-size: 12px; color: #707070; padding-bottom: 5px; } .customer { justify-content: space-evenly; display: flex; flex-flow: row; padding: 2%; } .customer_info { width: 25%; } .leadership_content { color: #707070; padding-left: 5%; padding-right: 5%; font-size: 12px; } .leader_section-header h1{ color: #707070; text-align: center; font-size: 16px; font-weight: 400; } .leader_cards .card-title { font-weight: bold; color: #707070; font-size: 12px; } .table_container { display: flex; text-align: center; } .table.table-borderless { color: #707070; margin-bottom: 5%; border: none; width: 1000px; } .table_grey { background-color: #F3F3F3; } .leader_btn { display: flex; justify-content: center; } .leader_btn .button { background-color: #16889f; color: #ffffff; border-radius: 25px; font-weight: semi-bold; width: 120%; height: 120%; border-color: transparent; } .table_h { text-align: center; } @media only screen and (max-width: 500px) { .leader_section-header.text-center h1 { font-size: 16px; } .table_h { display: none; } .table-borderless { text-align: center; } .leadership_content { padding-right: 5%; padding-left: 5%; padding-bottom: 3%; } .table_grey { background-color: #ffffff; } .leader_cards .card-body { display: flex; flex-flow: column; width: 400px; padding-left: 20%; white-space: nowrap; } #card_section { width: auto; } .class_icons { display: none; } #grey { background-color: #ffffff; } #stats { display: none; } .leader_content { font-size: 10px; width: 375px; padding-right: 5%; padding-left: 5%; margin-bottom: 3%; } #mobile_2 { display: none; } #q419 { border: none; } .header19 { display: none; } .table_1 { width: auto; text-align: left; font-size: 12px; white-space: nowrap; } } /*=====Why Brandable Box?======*/ .why-section-container { padding-bottom: 20px; } .why_info { display: flex; flex-flow: row; align-items: center; margin: 0 auto; max-width: 1100px; } .why-section-description { text-align: center; font-weight: bold; padding-bottom: 10px; } .why-header { font-weight: semi-bold; } .why_icon { text-align: center; padding-bottom: 10px; font-size: 2rem; } .why-icon { height: 35px; width: 25%; } .why-header { padding-bottom: 5px; text-transform: uppercase; text-align: center; } .why-content { display: flex; flex-flow: column; justify-content: space-evenly; padding-right: 20px; padding-left: 20px; max-width: 500px; } @media only screen and (max-width: 500px) { .why-section-description { padding-bottom: 10px; } .why-section-container { padding-right: 15px; padding-left: 15px; } .why-header { text-align: center; } .why_info { display: flex; flex-flow: column; } .why-content { padding-bottom: 20px; padding-left: 8px; padding-right: 3px; } .why-section-header { font-size: 1.5rem; } .why-header { text-align: center; padding-bottom: 5px; } .why_icon { text-align: center; } } /*=====NewsLetter Sign-Up Form ======*/ .c-btn.c-btn--full.c-btn--primary.c-btn--arrow.newsletter__btn { border-radius: 25px; padding: 10px 30px 10px 30px; font-size: 14px; font-weight: 400; } .o-layout.o-layout--flush { display: flex; flex-flow: column; align-items: center; } @media only screen and (max-width: 500px) { .slick-track .section__title-text { font-size: 1em; } } /*=====PLP======*/ .bmsm_discount { color: #70707; } .plp_h1 h1 { text-align: center; } .plp_container { display: flex; flex-flow: row; margin-top: 2%; } .plp_description { margin-bottom: 3%; padding-left: 10%; text-align: left; width: 90%; } .collection-products { max-width: 1110px; margin: 0 auto; } @media only screen and (max-width: 500px){ .plp_description { display: none; } } /*=====PDP======*/ .free_ship_pdp { display: flex; justify-content: center; } .product-single__price-number.product-single__price-number--sale { color: #000000; } /*=====Logo-Guide======*/ .logo_guide_page { font-family: montserrat; font-size: 1rem; } .logo_guide_section { display: flex; flex-flow: row; margin-top: 50px; } .logo_header_container { display: flex; flex-flow: column; } .logo_header_container .logo_label { float: left; margin-bottom: 30px; } .logo_section_header { color: #16889f; float: left; font-weight: 700; margin-bottom: 30px; } .logo_guide_container{ display: flex; flex-flow: row; } .logo_guide_section { display: flex; flex-flow: column; padding: 5px 10px 20px 5px; } .logo_guide_container .logo_guide_header { font-weight: 600; margin-top: 25px; margin-bottom: 25px; } .logo_guide_container .logo_link { color: #16889f; text-decoration: underline; } @media only screen and (max-width: 500px){ .plp_header { text-align: center; } .site_image{ width: 80%; } .logo_guide_container { display: flex; flex-flow: column; } .logo_section_header { text-align: center; } .logo_section_header h1 { font-size: 1.5em; } } #logo-guidelines-for-custom-boxes-brandable-box .main { margin-left: 5%; margin-right: 5%; margin-bottom: 5%; } /*=====Logo-Design======*/ #top-logo-design-services-for-small-businesses-brandable-box .main { margin-left: 5%; margin-right: 5%; margin-bottom: 20%; } .design_sites_container { display: flex; flex-flow: row; } .logo_design_page { font-family: montserrat; font-size: 1rem; } .design_header_container { display: flex; flex-flow: column; } .design_header_container .design_label { margin-bottom: 30px; } .design_header_container .design_section_header { color: #16889f; float: left; font-weight: 700; font-size: 1.2rem; margin-bottom: 30px; } .design_header_container .design_guide_description { font-size: 1rem; font-weight: 500; } } .design_sites_container { display: flex; flex-flow: row; margin-bottom: 5%; } .design_sites_container .site_images_container { display: flex; flex-flow: column; justify-content: space-evenly; align-items: center; } .design_sites_container .site_descriptions_container { display: flex; flex-flow: column; } .logo_design_page { margin-bottom: 15%; } @media only screen and (max-width: 500px){ .design_sites_container .site_images_container { display: none; } .design_section_header { text-align: center; } .design_section_header h1 { font-size: 1.5em; } .design_header { text-align: center; } } .link-container { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 15px; } /*=====Logo-Prep======*/ .logo_prep_page { font-family: montserrat; font-size: 1rem; } #preparing-your-cardboard-boxes-with-logo-brandable-box .main { margin-left: 5%; margin-right: 5%; margin-bottom: 15%; } .prep_header_container { display: flex; flex-flow: column; margin-bottom: 15px; } .prep_label { margin-bottom: 30px; } .prep_header_container .prep_section_header { color: #16889f; float: left; margin-bottom: 30px; } .logo_file_size { margin-bottom: 15px; } .right_color { margin-bottom: 15px; } .right_color .right_images { justify-content: space-evenly; display: flex; flex-flow: row; margin-top: 35px; margin-bottom: 35px; } .whatnot_container .whatnot_lists { display: flex; flex-flow: row; } .logo_file_size .logo_type_images1 { margin-top: 25px; } .logo_file_size .logo_type_images2 { margin-top: 25px; } .gradients_container { display: flex; flex-flow: row; justify-content: space-evenly; margin-bottom: 5%; } .gradient_alternatives { display: flex; flex-flow: column; } .gradients_images { display: flex; flex-flow: row; } @media only screen and (max-width: 500px){ .prep_section_header { text-align: center; } .prep_section_header h1 { font-size: 1.5em; } .gradients_container { display: flex; flex-flow: column; } .gradients_left { display: flex; flex-flow: row; } .gradients_right { display: flex; flex-flow: row; } .gradients_container { margin-bottom: 5%; } .right_image1 { width: 50%; } .right_image2 { width: 50%; } } /*==========DieLine Page===========*/ .dieline_page { font-family: montserrat; font-size: 1rem; padding-left: 3%; } .die_header_container { display: flex; flex-flow: column; } .die_header_container .die_label { margin-bottom: 30px; font-size: .8rem; color: #808080; font-weight: 500; } .die_section_header { color: #16889f; float: left; margin-bottom: 30px; } .back_link { color: #16889f; font-size:.8rem; margin-top: 100px; margin-bottom: 50px; } .next_link { color: #16889f; font-size: .8rem; margin-top: 100px; margin-bottom: 50px; } .justlogo_header { margin-bottom: 25px; } .logo_terms { margin-bottom: 10px; } .dieline_steps { margin-bottom: 15px; } .justlogo_description { margin-bottom: 25px; } .dieline_step { margin-bottom: 15px; } .pro_tip { margin-bottom: 15px; } .die_justlogo { margin-top: 25px; } .die_justlogo .die_link { color: #16889f; text-decoration: underline; } .die_justlogo .logo_term { margin-left: 35px; font-weight: 500; } .die_justlogo .dieline_step { margin-left: 35px; font-weight: 500; } .die_justlogo .step1_img { margin-top: 15px; margin-bottom: 15px; } @media only screen and (max-width: 500px){ .dieline_page { padding-right: 5px; } .die_section_header { text-align: center; } .die_section_header h1 { font-size: 1.5em; } } /*========== Partnerships Page ===========*/ .rr_container { display: flex; flex-flow: row; } .rr_img { width: 30%; padding: 0px 30px 15px 10px; } .rrpartnership_description { width: 60%; margin-top: 5%; } .partnerships_container { display: flex; flex-flow: column; justify-content: evenly; } .partnership_section_header { color: #16889f; font-weight: 600; font-size: 1.2rem; margin-bottom: 30px; } .partnership_description { font-size: 1rem; font-weight: 300; margin-bottom: 30px; } .partnerships_container { font-size: 1rem; font-weight: 300; } .easy_container { margin-bottom: 30px; } .refund_container { margin-bottom: 30px; } .works_container { margin-bottom: 30px; } .partnership_img { padding-bottom: 2%; } @media only screen and (max-width: 500px) { .partnership_header_container { padding: 0 5% 0 5%; } .rrpartnership_description { padding-top: 15px; padding-bottom: 15px; } .rr_container { flex-flow: column; } .rr_img, .rrpartnership_description{ width: 100%; } .partnership_img .se_img { width: 50%; } } /*========== FAQ Page ===========*/ #shopify-section-1576706674212 { padding-top: 40px; } .section__title-text { font-size: 1.17rem; } #value_icons { display: flex; flex-flow: row; margin-bottom: 5%; } .value_icon { display: flex; flex-flow: column; padding-right: 5px; } /*========== App Landing Page ===========*/ .app_details { margin-bottom: 5%; margin-top: -3%; } .pricing_details { margin-bottom: 5%; } .app_links { color: #16889f; } .shipping_details { margin-bottom: 5%; } .table .th .td { border: 1px solid black; border-collapse: collapse; } .th .td { padding: 5px; text-align: left; } @media only screen and (max-width: 500px) { #value_icons { font-size: 12px; flex-flow: column; margin-bottom: 5%; } #value_icons .img { width: 75%; } #value_icons .h4 { align-content: center; font-size: 12px; } } /*========== Ajax Landing Page ===========*/ @media only screen and (max-width: 500px) { } /*======= Custom Tool Page ========= */ /* PAGE STYLES */ #FullyCustom h5 { color: #16889f; margin-bottom: 1rem; } #FullyCustom .hero-copy-container p { color: black; } #FullyCustom .hero-container { display:flex; flex-direction: row; } #FullyCustom .error-msg { display: none; } #FullyCustom .step-3-container { display:flex; flex-direction: column; } #FullyCustom .step-3-container .form-container{ padding: 0px; background-color: white; } #FullyCustom .step-3-container .form-container label{ font-family: inherit; letter-spacing: 1px; } #FullyCustom .step-3-container .form-container input{ border-radius: 5px; } #FullyCustom .shopify-section { padding-top: 20px; padding-bottom: 20px; } #FullyCustom .hero-container .hero-image { height:100%; width:100%; } #FullyCustom .interrupt-section{ background: #e2f3f7; max-width: 100%; } #FullyCustom .interrupt-container { padding-left: 6%; padding-right: 6%; } #FullyCustom .interrupt-container .header-container { padding-bottom:0px; } #FullyCustom .interrupt-container div { padding-top:10px; padding-bottom: 10px; } #FullyCustom .btn-container { padding-top: 10px; } #FullyCustom .button-container .submit-btn { border-radius: 25px; color: white; padding: 10px 30px 10px 30px; font-size: 14px; font-weight: 400; background: #16889f; text-transform: capitalize; } #FullyCustom .in-stock-btn { border-radius: 25px; color: #16889f; padding: 10px 30px 10px 30px; font-size: 14px; font-weight: 400; border-color: #16889f; background: #e2f3f7; text-transform: capitalize; } /* CUSTOM TOOL STYLES */ #FullyCustom .tool-header{ text-align: center;} #FullyCustom .dim-info{ color: #16889f; } #FullyCustom .tool-container { display: flex; flex-direction: row; padding-top:20px; padding-bottom:30px; margin-right: 20px; } #FullyCustom .dim-container{ display: flex; flex-direction: row; } #FullyCustom .dimension-information{ display:none; flex-direction:column; width: 45%; background: #e2f3f7; z-index: 1; -webkit-box-shadow: -9px 0px 22px -10px rgba(148,148,148,1); -moz-box-shadow: -9px 0px 22px -10px rgba(148,148,148,1); box-shadow: -9px 0px 22px -10px rgba(148,148,148,1); } #FullyCustom .dimension-information .close-btn-container{ display:flex; justify-content:flex-end; padding: 5px; } #FullyCustom .dimension-information .info-header{ padding: 0px 20px 20px 20px; } #FullyCustom .dimension-information .info-header p{ color: #16889f; font-weight: 500; } #FullyCustom .dimension-information .info-body { padding: 0px 20px 20px 20px; } #FullyCustom .dimension-information .link-container { padding: 0px 20px 20px 20px; } #FullyCustom .dimension-information .link-container a { color: gray; text-decoration: underline; font-size: 14px; } #FullyCustom .box-spec-container { display:flex; flex-direction:column; justify-content: center; height: 100%; } #FullyCustom .row { display: flex; flex-direction: row; justify-content: space-evenly; } #FullyCustom .dimensions-container { display: flex; } #FullyCustom .dimensions-spec{ display:flex; flex-direction: column; justify-content: center; padding-left: 10px; } #FullyCustom .dimensions-spec span{ padding-bottom: 10px; } #FullyCustom .competitor-table{ display:flex; flex-direction: column; padding: 10px; width: 100%; height: 100%; } #FullyCustom .competitor-table .row { margin-left: 0; margin-right: 0; flex-wrap: nowrap; text-align: center; padding-bottom: 10px; } #FullyCustom .eco-span-small { display: none; } #FullyCustom .competitor-table .row:nth-child(even) { background: #e2f3f7; } #FullyCu #FullyCustom .competitor-table .table-header-span{ color: #16889f; font-weight:600; } #FullyCustom .competitor-table .fine-print{ justify-content: flex-end; } #FullyCustom .calc-container { display: flex; flex-direction: column; } #FullyCustom .quantity-container { border:1px solid grey; display: flex; flex-direction:column; margin-left: 20px; padding: 15px; height: 100%; } #FullyCustom .quantity-container .quantity-selector{ width: 100px; } #FullyCustom .amount-input { padding:10px; } #FullyCustom .calc-header { padding:10px; } #FullyCustom .error-msg { color: red; font-weight: 600; } #FullyCustom .span-container { max-width: 20%; width: 15%; } /* MEDIA QUERY */ @media only screen and (max-width: 500px){ #FullyCustom .calc-container { width:100%; } #FullyCustom .hero-container { flex-direction: column; } #FullyCustom .interrupt-container { padding-left: 0px; padding-right: 0px; } #FullyCustom .step-2 { padding:0px; } #FullyCustom .step-2 .header-container { padding-left: 22px; padding-right: 22px; } } #FullyCustom .span-container{ padding:0px; } #FullyCustom .eco-span-normal { display: none; } #FullyCustom .eco-span-small{ display: block; } #FullyCustom .dimension-information { width: 70%; } } /*======= Custom Section 3 '3 steps' ========= */ .order_processes { display: flex; flex-flow: row; } . process_description { display: flew; flex-flow: column; } /*======= PMG Section ========= */ .section.section--mb-s.section--1576769164751 { background-color: #C4FCEF; padding: 3%; margin-bottom: 5%; margin-top: 5%; } /*======= App page ========= */ .app_button { display: flex; justify-content: center; margin-bottom: 5%; } .app_links { display: flex; justify-content: center; } /*======= PLP Collection Pages ========= */ .collection__header.collection__header--img { display: none; } .collection__header-img.collection__header-img--collection-template.u-bg-cover.u-bg-grey.img-lazyload.js.lazyloaded { display: none; } /*======= Conference Page ========= */ .conference_header { text-align: center; margin-bottom: 5%; } .conference_header_1 h1{ display: flex; justify-content: space-evenly; color: #c4fcef; padding-top: 20px; } .conference_2 { margin-bottom: 5%; display: flex; justify-content: space-evenly; } .conference_form { margin-bottom: 5%; } .card.mb-3 { border-style: hidden; } .col-md-8 { background-color: #c4fcef; } #ConferencePage { margin-bottom: 5%; } @media only screen and (max-width: 500px) { .conference_2 { margin: 3%; margin-bottom: 5%; } .conference_form { margin: 5%; } #conference_card1 { margin: 3%; } #conference_card3 { margin: 3%; } #conference_card2 { display: none; } } /*======= Cart Page ========= */ .cart_shipping_section { display: flex; flex-flow: row; justify-content: flex-end; } .modal_button { margin-right: 1%; } .modal_header { color: #00C9A7; font-weight: bold; padding-bottom: 5px; text-align: center; font-size: 1.5rem; } .modal-content { margin-top: 10%; color: #707070; font-size: 1rem; font-family: montserrat; padding-top: 15%; padding-bottom: 15%; padding-right: 5%; padding-left: 5%; display: flex; text-align: center; } .cart-container { margin-bottom: 5%; margin-top: 5%; } .cart-container .features { display: flex; flex-flow: row; margin: 0 auto; max-width: 1100px; } .cart-container .feature-section{ flex-flow: column; display: flex; justify-content: space-evenly; } .cart-container .feature-section-header{ font-weight: bold; display: flex; justify-content: center; } .feature-section .fas { width: 15%; padding-bottom: 5%; color: #16889f; text-align: center; } .image_section { display: flex; justify-content: center; } .feature-span { text-align: center; } .shopify-cleanslate { margin-left: 74%; margin-top: 2%; } .shipping-times-message { font-size: 10px; } .cart_bmsm { display: none; } .show-modal{ opacity: 1; display: block; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } .modal-content-container{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 500px; max-height: 300px; padding: 35px; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; margin: 15% auto; } .modal-copy { padding-bottom: 20px; } .close-btn-container{ text-align: center; } .close-button { background-color: #16889f; } .modal-backdrop-transparent { position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; background-color: black; opacity: 0.6; width: 100%; height: 100%; z-index: 1040; } @media only screen and (max-width: 500px) { .cart-container .features { display: flex; flex-flow: column; } .feature-section { padding-bottom: 3%; text-align: center; } feature-section .fas { width: 5%; } .cart_shipping_section { display: flex; justify-content: center; } .modal_button { margin-right: 2%; } .shopify-cleanslate { margin-left: 1%; margin-top: 1%; } } /*======= Custom Tool Brooke ========= */ .custom_tool_container { max-width: 100%; padding: 5%; margin-bottom: 3%; background: rgb(132,94,194); background: linear-gradient(18deg, rgba(132,94,194,1) 34%, rgba(22,136,159,1) 74%); } .custom_tool_header { display: flex; justify-content: center; } .custom_tool_header h1{ font-weight: bold; color: #ffffff; } .custom_tool_description { display: flex; padding-left: 25%; padding-right: 25%; justify-content: center; font-size: 1rem; color: #707070; } .steps_123 { display: flex; flex-flow: row; justify-content: center; color: #707070; } .step { display: flex; flex-flow: column; padding: 5%; } .step1_hr { border-color: #845EC2; background-color: #845EC2; border-radius: 2px; width: 100%; height: 3px; weight: bold; } .step2_hr { border-color: #C4FCEF; background-color: #C4FCEF; border-radius: 2px; width: 30%; height: 3px; weight: bold; } .hr3_container { display: flex; justify-content: center; } .hr2_container { display: flex; justify-content: center; } .step3_hr { border-color: #C4FCEF; background-color: #C4FCEF; border-radius: 2px; width: 30%; height: 3px; weight: bold; } .step_header { font-size: 1.5rem; } .step_label { font-size: 1rem; display: flex; justify-content: center; } .boxsize_table_header { display: flex; font-size: 1.5rem; color: #707070; justify-content: center; font-weight: bold; margin-bottom: 2%; } .boxsize_image { padding-left: 4%; width: 50%; } .boxsize_image svg{ width: 100%; height: auto; } .boxsize_table { border: 1px solid; border-color: #DEDFDF; padding: 3%; display: flex; flex-flow: row; } .boxsize_section { color: #707070; display: flex; justify-content: evenly; } .boxsize_tools { display: flex; flex-flow: column; } .boxcount_tool { display: flex; justify-content: center; } .btn.btn-primary.dropdown-toggle { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } .show>.btn.btn-primary.dropdown-toggle:focus { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } .dropdown-menu { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } #boxsize_input label{ padding-left: 5%; color: #707070; } .kf_header { font-size: 1.5rem; } .kf_inputs { margin-top: 5%; margin-bottom: 5%; } .input_container { border: 1px solid; border-color: #DEDFDF; background-color: #ffffff; width: 25%; display: flex; flex-flow: row; justify-content: center; padding-top: 5px; padding-bottom: 5px; justify-content: left; padding-left: 20px; } #inputTwo { margin-left: 5%; } .confirm_header { display: flex; justify-content: center; color: #707070; margin-top: 3%; margin-bottom: 3%; width: 100%; } .confirm_section { display: flex; flex-flow: column; } .confirm_results { display: flex; justify-content: center; } /* .results_container { border: 1px solid; border-color: #DEDFDF; font-size: 1rem; color: #707070; padding: 20px 40px 20px 40px; } */ /* .newsletter.newsletter--default,js-sr-loaded { display: none; } */ .dimension_header { font-weight: bold; padding-bottom: 10px; } .dimension { margin-right: 5%; } .dimensions { display: flex; flex-flow: row; justify-content: center; margin-bottom: 5%; margin-top: 2%; } .boxsize_content_section { display: flex; flex-flow: column; align-content: center; padding-left: 20%; } .boxsize_content { margin-bottom: 5%; } .boxcount_tool { display: flex; flex-flow: row; } .boxcount_label { font-weight: bold; padding-right: 5%; } .size_link { display: flex; justify-content: center; margin-top: 2%; } .step1_hr_2 { display: flex; justify-content: center; } .step1_hr2 { border-color: #C4FCEF; background-color: #C4FCEF; border-radius: 2px; width: 30%; height: 3px; weight: bold; } .step2_hr2 { border-color: #845EC2; background-color: #845EC2; border-radius: 2px; width: 100%; height: 3px; weight: bold; } .step3_hr2 { border-color: #C4FCEF; background-color: #C4FCEF; border-radius: 2px; width: 30%; height: 3px; weight: bold; } .kraft_white { background-color: #C4FCEF; display: flex; flex-flow: column; color: #707070; padding: 3%; margin: 0%, 5%, 5%, 5%; } .kf_header { display: flex; justify-content: center; font-weight: bold; padding-bottom: 2%; } .kf_content { display: flex; justify-content: center; flex-flow: column; padding-right: 15%; padding-left: 15%; } .k_content { padding-bottom: 5%; } .kf_inputs { display: flex; flex-flow: row; justify-content: center; } .k_input { padding-right: 5%; } .next_buttons { display: flex; flex-flow: row; justify-content: space-between; } #ResetBtn { background-color: white; color: #178AA0; border-color: #178AA0; border-radius: 25px; font-size: 12px; font-family: montserrat; font-weight: 600; padding-left: 15%; padding-right: 15%; } #nextBtn .btn { background-color: white; color: #178AA0; border-color: #178AA0; border-radius: 25px; font-size: 12px; font-family: montserrat; font-weight: 600; } #submitBtn { display: flex; justify-content: center; } #submitBtn .btn { background-color: white; color: #178AA0; border-color: #178AA0; border-radius: 25px; font-size: 12px; font-family: montserrat; font-weight: 600; padding-left: 15%; padding-right: 15%; } #pageTwo { display: none; } .time_content { display: flex; justify-content: center; color: #707070; font-size: 1rem; margin-right: 20%; margin-left: 20%; margin-bottom: 3%; } .selection_header { font-size: 1.5rem; color: #707070; display: flex; justify-content: center; margin-bottom: 2%; } .results_container { border: 1px solid; border-color: #DEDFDF; font-size: 1rem; color: #707070; padding: 4%; font-weight: 600; display: flex; justify-content: center; flex-direction: column; } #pageOne .results_container { flex-direction: column; width: 55%; } .custom_results { display: flex; flex-flow: row; font-size: 1rem; color: #707070; padding-left: 2%; padding-top: 2%; padding-bottom: 2%; border: 1px solid; border-color: #DEDFDF; margin-right: 5%; margin-left: 5%; text-align: center; } .results_headers { display: flex; flex-direction: row; margin-right: 5%; margin-left: 5%; padding-left: 5%; padding-right: 5%; padding-bottom: 10px; } .results_headers > div { color: #707070; text-align:center; width: 25%; } .bb_name { width: 25%; } .cost_result { width: 25% } .wlogo_result { width: 25% } .uprgrades_result { width: 25%; } .comparison_header { display: flex; justify-content: center; color: #707070; font-weight: bold; font-size: 1.5rem; } .reset_link { font-size: 1rem; display: flex; justify-content: center; margin-bottom: 2%; padding-top: 10px; } .comparison_table { border: 1px solid; border-color: #DEDFDF; margin: 0; background: white; } .blank_header { font-size: 1rem; font-weight: bold; color: #707070; padding: 3%; } .uline_section { display: flex; flex-flow: row; background-color: #F3F3F3; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1rem; justify-content: space-evenly; } .amazon_section { display: flex; flex-flow: row; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1rem; justify-content: space-evenly; } /* .uline_price { padding-left: 52%; } .amazon_price { padding-left: 50%; } */ .packwire_section { display: flex; flex-flow: row; color: #707070; background-color: #F3F3F3; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1rem; justify-content: space-evenly; } /* .packwire_price { padding-left: 50%; } */ /* .packlane_price { padding-left: 50%; } */ .packlane_section { display: flex; flex-flow: row; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1rem; justify-content: space-evenly; } .full_header_section { display: flex; flex-direction: row; justify-content: space-evenly; font-size: 14px; color: #707070; align-items: center; } .full_header { font-size: 1rem; font-weight: bold; color: #707070; padding: 3%; width: 20%; } .quantity-100, .quantity-250, .quantity-500, .quantity-1000 { width: 20%; text-align: center } .pricingmessage_tool { font-size: 1rem; display: flex; justify-content: center; color: #707070; margin-bottom: 5%; } .wont_work_table { background-color: #C4FCEF; margin-bottom: 5%; } .wont_work_table .comparison_header { padding-top: 20px; padding-bottom: 20px; } .wont_work_content { padding: 5%; } .wont_header { font-size: 1.5rem; color: #707070; font-weight: bold; margin-bottom: 2%; } .wont_content { font-size: 1rem; color: #707070; margin-bottom: 2%; } .option { display: flex; flex-flow: row; background-color: white; border: 1px solid; border-color: #DEDFDF; color: #707070; font-size: 1rem; padding-top: 3%; padding-bottom: 3%; padding-left: 15%; } .option > div{ display: flex; flex-flow: row; padding-right: 20%; } .submit_header { color: #707070; display: flex; justify-content: center; font-weight: bold; font-size: 1rem; margin-bottom: 3%; } .custom_submit { padding: 20px; } .submit_btn_tool { padding-top: 10px; } .submit_content_1 { font-size: 1rem; display: flex; margin-bottom: 1%; color: #707070; } .submit_content_1 .form-group { width: 30%; } @media only screen and (max-width: 500px) { .custom_tool_header h1{ font-size: 22px; } .custom_tool_description { padding: 7%; font-size: 12px; } .steps_123 { display: flex; flex-flow: row; } .step { display: flex; flex-flow: column; padding-right: 8%; } .step_label { font-size: 10px; } .step_header { font-size: 1rem; } .boxsize_table_header { font-size: 14px; } .boxsize_section { padding-right: 5%; padding-left: 5%; } .boxsize_table { display: flex; flex-flow: column; } .boxsize_image { display: flex; justify-content: center; padding-bottom: 5px; } .boxsize_image { padding-left: 4%; width: 100%; } .boxsize_image svg{ width: 80%; height: auto; } .dimension { display: flex; flex-flow: column; justify-content: evenly; } .kf_content { padding-left: 5%; padding-right: 5%; font-size: 12px; } .k_content { padding-bottom: 5%; } .input-group { width: 65%; font-size: 12px; color: #707070; } .glyphicon.glyphicon-plus { font-size: 12px; color: #707070; } .glyphicon.glyphicon-minus { font-size: 12px; color: #707070; } .form-control.input-number { display: flex; text-align: center; color: #707070; font-size: 12px; } .dimensions { padding-left: 5%; } .dimension { display: flex; text-align: center; } .dimension_header { padding-bottom: 5%; font-size: 11px; } #myform { display: flex; flex-flow: row; } .js-qty { display: flex; flex-flow: row; color: #9E9E9E; } .js-qty__adjust.js-qty__adjust--plus { color: #9E9E9E; } .js-qty__adjust.js-qty__adjust--minus.icon-fallback-text { color: #9E9E9E; } .js-qty__num { background-color: white; color: #9E9E9E; } .boxsize_content_section { padding: unset; } .boxsize_content { font-size: 11px; padding: 3%; } .boxcount_label { font-size: 11px; } .boxcount_tool { display: flex; justify-content: center; padding-bottom: 5%; } .btn.btn-primary.dropdown-toggle { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } .show>.btn.btn-primary.dropdown-toggle:focus { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } .dropdown-menu { font-size: 12px; color: #707070; background-color: #ffffff; border-color: #DEDFDF; } #boxsize_input label{ padding-left: 5%; color: #707070; } .hr_boxsize { padding: unset; } .kf_header { font-size: 14px; } .kraft_white { margin-bottom: 5%; } .kf_inputs { margin-top: 5%; margin-bottom: 5%; } .input_container { border: 1px solid; border-color: #DEDFDF; background-color: #ffffff; width: 100%; display: flex; flex-flow: row; padding-top: 5px; padding-bottom: 5px; } #inputOne { margin-left: 10%; margin-right: 25%; font-size: 12px; font-family: montserrat; color: #707070; } #inputTwo { font-size: 12px; font-family: montserrat; color: #707070; } .confirm_section { display: flex; text-align: center; } .confirm_header { font-size: 14px; color: #707070; margin-bottom: 3%; } .confirm_results { margin-left: 10%; margin-right: 10%; margin-bottom: 5%; font-size: 14px; color: #707070; padding-top: 5px; padding-bottom:8px; } .instock_btn { font-size: 12px; width: 45%; } .instock_options { padding-bottom: 20px; } #nextBtn { width: 45%; } .time_content { font-size: 12px; color: #707070; max-width: 500px; margin-left: 3%; margin-right: 3%; margin-bottom: 3%; } .selection_header { font-size: 14px; color: #707070; display: flex; justify-content: center; margin-bottom: 2%; } .results_container { display: flex; justify-content: center; color: #707070; font-size: 14px; font-weight: 700; padding: 20px 40px 20px 40px; flex-direction: column; } #pageOne .results_container { width: 100%; } #pageOne .confirm_results{ margin: 0 auto; } .custom_results { display: flex; flex-flow: row; font-size: 10px; color: #707070; padding-left: 5%; padding-top: 5%; padding-bottom: 5%; border: 1px solid; border-color: #DEDFDF; margin-right: 5%; margin-left: 5%; text-align: center; } .results_headers { display: flex; flex-direction: row; justify-content: space-evenly; margin-right: 5%; margin-left: 5%; padding-left: 5%; padding-right: 5%; padding-bottom: 10px; } .results_headers > div { font-size: 12px; color: #707070; text-align:center; width: 25%; } .bb_name { width: 25%; } .cost_result { width: 25%; } .wlogo_result { width: 25%; } .reset_link { font-size: 12px; display: flex; justify-content: center; margin-bottom: 5%; } .comparison_header { display: flex; justify-content: center; color: #707070; font-weight: bold; font-size: 14px; } .comparison_table { border: 1px solid; border-color: #DEDFDF; margin: 0; background: white; } .blank_header { font-size: 10px; font-weight: bold; color: #707070; padding: 3%; } .uline_section { display: flex; flex-flow: row; background-color: #F3F3F3; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 10px; justify-content: space-evenly; } /* .uline_price { padding-left: 50% } */ .amazon_section { display: flex; flex-flow: row; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 10px; justify-content: space-evenly; } /* .amazon_price { padding-left: 45% } */ .full_header { font-size: 10px; font-weight: bold; color: #707070; padding: 3%; width: 20%; } .full_header_section { display: flex; flex-direction: row; justify-content: space-evenly; font-size: 10px; color: #707070; align-items: center; } .packwire_section { display: flex; flex-flow: row; background-color: #F3F3F3; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 10px; justify-content: space-evenly; } /* .packwire_price { padding-left: 43%; } */ .packlane_section { display: flex; flex-flow: row; color: #707070; padding-top: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 10px; justify-content: space-evenly; } /* .packlane_price { padding-left: 43%; } */ .pricingmessage_tool { font-size: 8px; display: flex; justify-content: center; color: #707070; margin-bottom: 5%; } .wont_work_table { background-color: #C4FCEF; } .wont_work_content { padding: 5%; } .wont_header { font-size; 14px; color: #707070; font-weight: bold; margin-bottom: 2%; } .wont_content { font-size: 12px; color: #707070; margin-bottom: 2%; } .option { display: flex; flex-flow: row; background-color: white; border: 1px solid; border-color: #DEDFDF; color: #707070; font-size: 12px; padding-top: 3%; padding-bottom: 3%; padding-left: 5%; } .option_thing { display: flex; flex-flow: row; padding-right: 5%; } .submit_header { color: #707070; display: flex; text-align: center; font-weight: bold; font-size: 12px; margin-bottom: 3%; } .custom_submit { margin: 5%; } .submit_content_1 { font-size: 12px; margin-bottom: 3%; color: #707070; } .submit_content_1 .form-group { width: 100%; } /* .section.section--footer { display: none; } */ #third_option { padding-left: 10%; } } /*======= BMSM Section Cart ========= */ .cart_bmsm { display: none; } @media only screen and (max-width: 500px) { .bmsm_container_cart { display: flex; justify-content: center; text-align: left; } } /*======= BMSM Section pdp ========= */ .product_bmsm { display: flex; flex-flow: column; margin-bottom: 2%; justify-content: center; } /*======= Proove Approved Page ========= */ .approved_header h1{ color: #178AA0; font-weight: bold; } .approved_header { display: flex; justify-content: center; margin-top: 5%; margin-bottom: 5%; } .approved_messaging { display: flex; color: #707070; justify-content: center; font-size: 1.5rem; font-weight; 500; margin-bottom: 3%; } /*======= Feedback Page ========= */ .feedback_header h1{ color: #178AA0; font-weight: bold; } .feedback_header { display: flex; justify-content: center; margin-top: 5%; margin-bottom: 3%; } .feedback_messaging { color: #707070; flex-flow: column; font-size: 1.2rem; font-weight; 500; margin-bottom: 3%; } .sutainability_info { color: #707070; font-size: 1rem; margin-bottom: 10%; } /*======= Tiered 'Package-Select' Page ========= */ .package-select-section{ max-width: 1200px; margin: 0 auto; } .mobile-box-selector { display: none; } .tiered-header { font-weight: bold; } .standard-content { padding-bottom: 2px; } .empty-content-section { height: 170px; } .empty-section { height: 42px; } .price-span { font-size: 18px; } .tiers-box-min { font-size: 14px; } .column { display: flex; flex-direction: column; } .tiered-header-section { display: flex; flex-flow: column; text-align: center; } .tiered-header-section h1{ font-size: 18px; color: #845EC2; } .tiered-header-content { font-size: 14px; color: #707070; padding-bottom: 20px; } .tiered-header-section { color: #707070; } .tiered_hr_header { color: #707070; } .tiered-vp { text-align: center; } .row-tier-sides{ width: 90px; } .standard-section { background-color: #C4FCEF; } .image-container { height: 75px; } .section-break{ border: 0; height: 0; border-top: 1px solid #707070; } .tiered-value-props { display: flex; flex-flow: row; color: #707070; font-size: 12px; justify-content: space-between; border-top: 0.25px solid gray; border-bottom: 0.25px solid gray; margin: 0 auto; padding: 10px 20px; max-width: 750px; } .tiered-value-props_hr { color: #707070; width: 50%; } .tiers-section { display: flex; flex-flow: row; padding: 3%; justify-content: space-evenly; text-align: center; } .tier-header { font-size: 16px; color: #845EC2; font-weight: bold; } .tier-content { font-size: 10px; color: #707070; text-align: left; width: 250px; } .tiers_info > div { padding: 10px; } .icon-img { width: 16px; } .tiers_perks { font-size: 10px; color: #707070; text-align: left; padding: 20px; } .tiers_info { font-size: 10px; color: #707070; } .tier-img { padding-top: 22px; } .basic-section, .essential-section, .standard-section, .premium-section { width: 25%; padding: 20px; } .btn-container { margin-top: auto; padding-bottom: 10px; } .select-btn { background-color: #845EC2; color: #ffffff; border-radius: 25px; padding: 10px 30px 10px 30px; font-size: 14px; text-transform: uppercase; font-weight: 500; } @media only screen and (max-width: 500px) { .mobile-box-selector { display: block; background: #C4FCEF; padding: 30px; margin-top: 10px; } .mobile-box-header{ text-align: center; } .basic-section, .essential-section, .standard-section { display: none; } .tiered-header-content { padding-bottom: 0; } .standard-section { background-color: #ffffff; } #InfoSection { width: 50%; } .column { width: 80%; } .btn-group { display: flex; flex-direction: row; padding-top: 10px; } .box-select-btn { border:0; background: transparent; font-family: 'Montserrat', sans-serif; } .active { color: #845EC2; } .tiered-vp { width: 30%; } } /* .essential-section { width: 20%; } .standard-section { width: 20%; } .premium-section { width: 20%; } */ /*======= Box Size Tool Section ========= */ .box_size_section { display: flex; flex-flow: column; color: 212121; text-align: center; margin-bottom: 5%; } .boxsize_header { font-size: 1.17rem; font-weight: 600; letter-spacing: 1px; } .boxsize_link { font-size: 13px; font-weight: 400; letter-spacing: 1px; }