

- Nuevo
/*LOVEABLE-APPs */ .responsive-iframe-750 { width: 100%; max-width: 750px; height: 750px; border-radius: 25px; border: none; background-color: #fafafa; } .responsive-iframe-600 { width: 100%; max-width: 600px; height: 600px; border-radius: 25px; border: none; background-color: #fafafa; } .responsive-iframe-350 { width: 100%; max-width: 1000px; height: 350px; border-radius: 16px; border: none; background-color: #fafafa; } .responsive-iframe-1000 { width: 100%; max-width: 1244px; height: 300px; border-radius: 16px; border: none; background-color: #fafafa; } @media (max-width: 768px) { .responsive-iframe-350 { height: 725px; } .responsive-iframe-1000 { height: 600px; } .responsive-iframe-600 { height: 600px; } .responsive-iframe-750 { height: 750px; } } /*FAQ wiki and product page */ details { background-color: #fff; margin-bottom: 10px; padding: 12px 20px; border-radius: 25px; border: 1px solid #e5e5e5; } summary { cursor: pointer; position: relative; font-weight: 500; list-style: none; padding-right: 25px; } summary::after { content: "+"; position: absolute; right: 0; font-size: 22px; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; } details[open] summary::after { transform: translateY(-50%) rotate(45deg); color: #e76f51; } summary h3 { display: inline; font-size: inherit; margin: 0; font-weight: inherit; } details p { margin-top: 15px; line-height: 1.5; padding-right: 10px; color: #333; } .summary-icon { padding-left: 28px; position: relative; } .summary-icon::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url('https://www.azarius.com/img/filemanager/SVG-content/icons/free-gift-icon.svg'); background-size: contain; background-repeat: no-repeat; } .seed-cell { display: flex; flex-direction: column; align-items: center; gap: 4px; } .tier { background-color: #fceee8; color: #e76f51; font-weight: 500; padding: 5px 10px; border-radius: 12px; font-size: 14px; } .equal { font-size: 14px; color: #000; font-weight: 500; } .seed-icon { width: 16px; height: 16px; background-image: url('https://www.azarius.com/img/filemanager/SVG-content/icons/free-seed.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } .reward-line { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 5px } /* Styling extras wiki*/ .ybc-blog #content-wrapper .ybc-blog-wrapper, #content-wrapper .ybc-blog-wrapper { padding: 0px!important; } @media (max-width: 767px) { .ybc-blog-wrapper-detail { padding: 0px!important; } } .ybc_blog_layout_grid.ybc-blog-wrapper-detail { padding: 30px 0; } /* product review module */ .ets_rv_reviews { padding: 0; box-shadow: none; max-width: 1000px; margin: 30px auto; } .ets_rv_reviews_header { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } .ets_rv_reviews_header h2.ets_rv_reviews_title { font-size: 26px !important; text-transform: none; } .row.ets_rv_wrap_filter { max-width: 1000px; margin: 0 auto; } #ets-rv-product-comments-list-header { padding: 0; } .ets_rv_statistics { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } .ets_rv_average_rating { border: 1px solid #e5e5e5; padding: 20px 20px 15px; width: auto; border-radius: 25px; } .ets_rv_average_rating .average_rating { line-height: 1.1 !important; padding-bottom: 10px !important; } .ets_rv_average_grade { font-size: 24px; line-height: 1.1; letter-spacing: 0; } .ets_rv_average_rating .ets_rv_grade_stars { margin: 0; } .ets_rv_statistic_rating { padding: 0 90px; } .ets_rv_modal_review { margin-top: 0; } .ets_rv_modal_review button.btn { font-size: 16px; text-align: center; background-color: #e76f51 !important; background-image: linear-gradient(45deg, #e9c369 0%, #e76f51 55%, #e76f51 90%) !important; background-position: 100% 0 !important; background-size: 200% 200% !important; border-radius: 50px !important; padding: 12px 24px; transition: all 0.5s ease; font-weight: 600; margin: 0 auto; border: none !important; } button.btn.ets-rv-btn-comment.ets-rv-btn-comment-big:hover { background-position: 0 0!important; transform: scale(1.02); text-decoration: none !important; } .ets_rv_review_filter { padding-bottom: 20px; position: relative; display: flex; justify-content: flex-end; border-bottom: 0; } .ets_rv_review_filter .ets_rv_filter > li { border: 1px solid #e5e5e5!important; margin: 0 10px; border-radius: 50px; background: #fff !important; } .ets_rv_sort_by .ets_rv_bulk_actions { border: none; border-radius: 50px; } .ets_rv_tab_item { border-radius: 50px; background: #fff; } .bg1.active { color: #000!important; } .ets_rv_tab_reviews.active .ets_rv_bulk_actions .dropdown-toggle:after, .ets_rv_tab_reviews .ets_rv_bulk_actions:hover .dropdown-toggle:after, .ets_rv_tab_reviews:hover .ets_rv_bulk_actions .dropdown-toggle:after { border-top-color: #000; } .ets_rv_sort_by label { color: #000; font-size: 12px; } .ets_rv_sort_by .ets_rv_bulk_actions .ets_rv_selection, .ets_rv_review_filter .ets_rv_filter li.ets_rv_tab:hover span { color: #000; } .ets_rv_tab_reviews ul.dropdown-menu li, .ets_rv_review_filter ul .ets_rv_ul_dropdown li { color: #000; } ul.dropdown-menu.ets_rv_ul_dropdown { min-width: auto; } .ets_rv_wrap_content { max-width: 1000px; margin: 0 auto; } #ets-rv-product-comments-list { padding: 0; } .ets-rv-product-comment-list-item { padding: 30px 30px 20px 60px; margin: 10px 0; border: 1px solid #e5e5e5; border-radius: 25px; } .ets-rv-product-comment-list-item + .ets-rv-product-comment-list-item, .ets-rv-product-comment-list-item.question + .ets-rv-product-comment-list-item.question { padding-top: 30px; } .ets-rv-comment-author-avatar { width: 30px; height: 30px; left: 30px; border: none; border-radius: 50px; } .ets-rv-comment-author-avatar .ets_rv_avatar_caption { font-size: 18px; line-height: 30px; background-color: #e76f51!important; } .product-comment-content_images_videos { margin-bottom: 0; } .ets-rv-comment-buttons.btn-group, .ets-rv-product-comment-list-item .ets_rv_comment_list { display: none; } .ets_rv_grade_stars { color: #e76f51; letter-spacing: 1px; } .comments-note > span{ display: none; } @media (max-width: 767px) { .ets-rv-comment-author-avatar { display: none; } .ets-rv-product-comment-list-item { padding: 20px; } .ets-rv-product-comment-list-item > .ets-rv-comment-infos { padding-left: 0px; } .ets-rv-comment-author-rate { display: block; } } @media (max-width: 479px) { .ets_rv_review_filter { display: block; } .ets_rv_review_filter .ets_rv_filter > li { margin: 5px 0; } .ets_rv_statistic_rating { padding: 20px 0 !important; } } /* terpenene table */ .terpene-table { width: 100%; border-collapse: collapse; margin-bottom: 45px; } .terpene-table th, .terpene-table td { padding: 10px 15px!important; vertical-align: middle; } .terpene-table th { background: #2c9d8f; color: #fff; font-weight: 600; } .terpene-table thead th { padding-top: 15px!important; padding-bottom: 15px!important; } .terpene-table tbody tr:nth-child(even) { background: #d5ebe9; } .terpene-table td:nth-child(2), .terpene-table td:nth-child(3) { white-space: nowrap; min-width: 250px; } .terpene-table .terp-name { font-weight: 600; } .terpene-table tbody td:first-child { border-left: none; } .terpene-table tbody td:last-child { border-right: none; } .terpene-table .terp-icon { width: 75px; height: 75px; margin: 2px; } .terpene-mobile-block { display: none; } @media (max-width: 767px) { .terpene-table { display: none !important; } .terpene-mobile-block { display: block !important; } .terpene-mobile-title { text-align: center; font-weight: 600; font-size: 18px !important; } .terpene-mobile-table { width: 100%; border-collapse: collapse; margin: 0 auto 30px; } .terpene-mobile-table tr:nth-child(odd) { background: #d5ebe9; } .terp-label { font-weight: 600; padding: 15px 10px !important; } .terp-content { padding: 15px 10px !important; text-align: center; } .terp-content img { width: 60px; height: 60px; margin-left: 5px!important; vertical-align: middle; } .terpene-index { margin-bottom: 30px; } .terpene-index-table { width: 100%; border-collapse: collapse; margin: 0; } .terpene-index-table td { width: 33.33%; padding: 5px!important; text-align: center; background: #2c9d8f; } .terpene-index-table a { display: block; font-weight: 400; color: #fff; } } /* product review popup */ .ets-rv-product-comment-modal .row { display: block; } .ets-rv-product-comment-modal .ets-rv-modal-content, .ets-rv-product-comment-modal .ets-rv-modal-content { border-radius: 20px; } .ets_rv_reviews_modal { border-radius: 20px; } .ets-rv-product-comment-modal .ets-rv-modal-header, .ets-rv-product-comment-modal .ets-rv-modal-header { border-bottom: none; padding: 30px 30px 0; margin-bottom: 0; } .ets-rv-product-comment-modal .ets-rv-modal-body, .ets-rv-product-comment-modal .ets-rv-modal-body { padding: 10px 30px 30px; } .ets-rv-product-comment-modal .ets-rv-modal-header h3 { color: #e76f51; font-size: 24px !important; } .ets-rv-product-comment-modal .ets-rv-modal-header h3 svg { display: none; } .ets-rv-product-comment-modal label.form-label { color: #000; font-weight: 600; } .ets-rv-product-comment-modal .ets-rv-modal-body input[type="text"] { border: 1px solid #e5e5e5; height: 45px; border-radius: 50px; } .ets-rv-product-comment-modal .ets-rv-modal-body input:focus[type="text"], .ets-rv-product-comment-modal .ets-rv-modal-body textarea:focus { border: 1px solid #e76f51; } .ets-rv-product-comment-modal .ets-rv-modal-body textarea { border: 1px solid #e5e5e5; border-radius: 25px; } .ets-rv-product-comment-modal .ets-rv-modal-body #criterions_list { margin: 10px 0; } .ets-rv-product-comment-modal .ets-rv-modal-body #criterions_list label { color: #000; } .ets-rv-product-comment-modal .ets-rv-modal-body .ets-rv-grade-stars { height: 18px; } .ets-rv-product-comment-modal .criterion-rating .star svg { width: 18px; height: 18px; } ul.ets_rv_upload_photos .ets_rv_upload_photo_item, .ets_rv_upload_videos .ets_rv_upload_video_item, .ets_rv_videos .ets_rv_upload_video_item, .ets-rv-comment-content .product-comment-image-html li.ets_rv_image_item { width: 100px; } ul.ets_rv_upload_videos, .ets_rv_videos { margin: 0; } ul.ets_rv_upload_photos .ets_rv_upload_photo_wrap, .ets_rv_upload_video_wrap, .ets-rv-comment-content .product-comment-image-html li.ets_rv_image_item a.ets_rv_fancy { border: 1px solid #e5e5e5; border-radius: 20px; } ul.ets_rv_upload_photos .ets_rv_upload_photo_wrap:hover, .ets_rv_upload_videos .ets_rv_upload_video_item:hover .ets_rv_upload_video_wrap { border: 2px solid #e76f51; } .ets-rv-product-comment-modal .ets_button_gray { border: 1px solid #e5e5e5 !important; background-color: #fff !important; color: #000 !important; border-radius: 50px !important; font-weight: 400 !important; padding: 12px 24px !important; } .ets-rv-product-comment-modal .ets_button_gray:hover { color: #e76f51!important; background-color: #fff!important; border: 1px solid #e5e5e5 !important; } .btn.ets-rv-btn-comment.ets-rv-btn-comment-big { font-size: 16px; text-align: center; background-color: #e76f51 !important; background-image: linear-gradient(45deg, #e9c369 0%, #e76f51 55%, #e76f51 90%) !important; background-position: 100% 0 !important; background-size: 200% 200% !important; border-radius: 50px !important; padding: 12px 24px; transition: all 0.5s ease; font-weight: 600; border: none !important; } @media (max-width: 767px) { .ets-rv-product-comment-modal ul.ets_rv_upload_photos .ets_rv_upload_photo_item { width: 100px !important; } } /* Comparison Table */ .comparison-table { width: 100%; border-collapse: collapse; margin: 30px 0; } .comparison-table th, .comparison-table td { text-align: left; padding: 12px 15px; border: 1px solid #ddd; padding: 10px 30px 10px 10px !important; } .comparison-table th { background-color: #f7f7f7; font-size: 18px; font-weight: 500; } .comparison-table td { font-size: 16px; } .stars-aligned { display: flex; justify-content: flex-start; align-items: center; gap: 5px; } .stars-aligned img { margin: 0; /* ensure no extra spacing around images */ max-width: 15px; } @media (max-width: 768px) { .comparison-table th, .comparison-table td { padding: 10px 5px !important; /* Reduced padding on mobile */ } .comparison-table th { font-size: 14px; /* Smaller font for headers on mobile */ } .comparison-table td { font-size: 14px; /* Smaller font for table cells on mobile */ } .stars-aligned img { max-width: 12px; /* Smaller stars on mobile */ } .stars-aligned { gap: 0; } } /*WIKI stuff*/ .ybc-blog #content-wrapper .ybc-blog-wrapper, #content-wrapper .ybc-blog-wrapper { max-width: 1000px; } .white-box { border: 1px solid #e5e5e5; border-radius: 20px; padding: 30px; margin: 30px 0; } .white-box p, .grey-box p { padding-bottom: 0 !important; } .grey-box { background: #fafafa; padding: 30px; margin: 30px 0; border-radius: 30px; } .tvcmslike-product.container-fluid { max-width: 1200px; text-align: center; } .white-box p { font-size: 20px; margin: 0; } .white-box .material-icons { vertical-align: top; padding: 0 30px 0 0; } .ybc_item_img { border-radius: 30px; } .ybc-blog-list .post-wrapper .ybc_item_img { border-radius: 20px; } .ybc_item_img:hover img { transform: none; -webkit-transform: none; } @media (max-width: 768px) { .ybc_item_img { border-radius: 20px; } } /*Fix table inside WIKI*/ .blog-category-desc table th, .blog-category-desc table td, .blog_description table th, .blog_description table td { padding: 0 30px 10px 0; } .blog-category-desc img { margin: 30px 0; } .tv-category-main-div { border-radius: 20px; } .tv-sub-category-title-wrapper .tv-sub-category-title { font-weight: 700; color: #000; text-transform: none; } .tv-all-page-main-title-wrapper { display: none; } .tv-category-block-wrapper .tv-category-cover img { display: none; } .cta-guides { max-width: 500px; margin: 20px auto; } .strain-card-list { display: flex; flex-direction: column; gap: 20px; margin: 20px 0; } .strain-card { display: flex; background: #fff; border: 1px solid #ddd; border-radius: 25px; overflow: hidden; /* ensures corners are rounded around the image */ flex-direction: row; /* side by side columns */ margin-bottom: 30px; } .strain-card img { margin: 0; } .strain-card-content, .strain-card-image { flex: 1 1 50%; padding: 20px; box-sizing: border-box; } .strain-card-content h3 { margin-top: 0; font-size: 1.4em; } .strain-card-content p { margin: 8px 0; line-height: 1.5; font-size: 16px; } .strain-card-image { display: flex; justify-content: center; align-items: center; } .strain-card-image img { max-width: 100%; height: auto; border-radius: 5px; } .related-category { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: #fafafa; border-radius: 50px; padding: 30px; margin: 20px 0; } .related-category-image img { width: 400px; height: auto; border-radius: 50px; object-fit: cover; margin: 0; } .related-category-content { flex: 1; margin-left: 20px; } .related-category-title { color: #e76f51; font-size: 24px; margin: 0 0 5px 0; font-weight: 500; } .related-category-subtitle { color: #555; font-size: 16px; margin: 0; } .related-category h2 { margin: 0 0 10px 0; font-size: 36px; font-weight: 700; } @media (max-width: 768px) { .related-category { flex-direction: column; text-align: center; } .related-category-image { margin-bottom: 15px; } .related-category-content { margin-left: 0; } } @media (max-width: 768px) { .strain-card { flex-direction: column; } .strain-card-content, .strain-card-image { flex: 1 1 100%; } } /* YouTubeShorts */ .YouTubeShorts-block { display: none; scrollbar-width: none; } .YouTubeShorts-block::-webkit-scrollbar { display: none; } @media (max-width: 10000px) { .YouTubeShorts-block { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; gap: 15px; padding-left: 15px; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .YouTubeShorts-block iframe { flex: 0 0 auto; border-radius: 20px; } .YouTubeShorts-block::-webkit-scrollbar { display: none; } .YouTubeShorts-block { scrollbar-width: none; } } .SubOffer { width: 100%; height: 310px; border-radius: 25px; background-size: cover; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: white; text-align: left; padding-left: 25px; padding-top: 20px; } .tvtabcategory-product-li:hover a, .tvtabcategory-show:hover a, .tvtabcategory-hide:hover a { color: #000; } .tvtabcategory-product-li:hover { border-color: #e5e5e5; background-color: #fff; outline-color: #fff; } .tvtabcategory-product-li.active a { color: #e76f51; } .tvtabcategory-product-li.active { border-color: #e76f51; background-color: #fff; } .tvtabcategory-product-li { box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.025); border: 1px solid #e5e5e5; } /* MainMenuBanner */ .MainMenuBanner { width: fit-content; border-radius: 25px; border: 1px solid #e5e5e5; overflow: hidden; transition: box-shadow 0.3s ease; } .MainMenuBanner:hover { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15); } .MainMenuBanner img { display: block; border-radius: 25px; width: 100%; height: auto; } /* terms and conditions */ .tvclose-icon { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; color: #fff; font-weight: 600; padding: 10px 20px; border-radius: 50px; transition: all 0.5s ease; } .tvclose-icon:hover { background-position: 0 0; transform: scale(1.02); color: #fff; } /* expertise block homepage*/ .expertises-block { background-color: #fafafa; padding: 30px 90px 50px; border-radius: 30px; } .expertises-block h2 { color: #e76f51; font-weight: 600; font-size: 26px; margin: 30px 0; } .expertises-block h3 { font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .expertises-block img { margin-right: 10px; vertical-align: bottom; width: 24px; height: auto; } @media (max-width: 768px) { .expertises-block { padding: 30px; } .expertises-block .mt35 { margin-top: 35px; } } /* side menu banner */ .rounded-container { border-radius: 25px; overflow: hidden; position: relative; transition: box-shadow 0.3s ease; max-width: 600px; height: auto; margin: 30px auto; border: 1px solid #e5e5e5; text-align: center; } .rounded-container:hover { box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15); } .banner-image { width: 100%; height: auto; display: block; } .banner-text { position: absolute; bottom: 40%; left: 20px; color: white; font-size: 32px; line-height: 100%; font-weight: bold; z-index: 1; pointer-events: none; text-align: left; } .banner-button { text-align: center; padding: 30px 0; } /* FreeSeedTable */ .offer-container { background-color: #fff; border-radius: 25px; padding: 13px 15px 15px 15px; text-align: left; border: 1px solid #e3e3e3; color: #000; font-family: "Red Hat Text", sans-serif !important; max-width: 550px; /* Set the container to a maximum width of 550px */ margin-left: 0; /* Left-align the table */ } .offer-title { font-size: 24px; font-weight: 700; color: #e76f51; margin-bottom: 5px; } .offer-subtitle { font-size: 18px; font-weight: 400; color: #000; margin-bottom: 5px; } .offer-table { display: flex; justify-content: space-between; /* Adjust the spacing between columns */ gap: 10px; /* Adjust the gap for smaller width */ background-color: #fff; border: 1px solid #e3e3e3; border-radius: 10px; padding: 10px; color: white; } .offer-column { text-align: left; border-left: 1px solid #e3e3e3; padding-left: 10px; /* Reduce padding to fit in the 400px width */ } .offer-column:first-child { border-left: none; padding-left: 0; } .offer-row { font-size: 15px; font-weight: 400; margin: 5px 0; color: #000; } .offer-value { font-size: 15px; font-weight: 700; color: #000; } /* usps homepage*/ .usp-desktop { padding: 25px 0; } .usp-section { background-size: auto; background-position: center; border-radius: 50px; display: flex; align-items: stretch; padding: 0; } .usp-row { display: flex; justify-content: center; margin: 0 auto; gap: 20px; margin-right: -20px; } .usp-section .usp-box { display: flex; flex-direction: column; justify-content: space-between; padding: 50px; text-align: left; width: 100%; } .usp-section p, .usp-section h3 { color: #fff; } .usp-section .button2 { border: 1px solid #fff; margin: 0; } .usp-mobile-images { display: none; } .usp-icon { align-self: flex-start; width: 50px; height: auto; margin-bottom: 20px; } .usp-mobile { display: none; } .mobile-usp-section { background-color: #e76f51; border-radius: 30px; display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; margin: 10px 0; } .mobile-usp-section a { text-decoration: none; color: #fff; } .mobile-usp-section a:hover { color: #fff; } @media (max-width: 991px) { .usp-desktop { display: none; } .usp-icon { align-self: auto; width: 40px; height: auto; margin: 0; margin-right: 20px; } .usp-mobile { display: block; padding: 0; } } @media (max-width: 1120px) { .usp-section .usp-box { padding: 50px 30px; } } /* product carousel*/ .tvproduct-wrapper:hover { box-shadow: none; border: 1px solid #e76f51; } .tvcmstabcategory-product-slider-main-title-wrapper[data-id-slider="1"] .tvmain-title h2::before { content: ""; display: inline-block; margin-right: 10px; vertical-align: middle; background-image: url("https://www.azarius.com/img/filemanager/homepage/icons/Seedshop_Icon.png"); background-size: contain; background-repeat: no-repeat; width: 28px; height: 28px; margin-top: -7px; } .tvcmstabcategory-product-slider-main-title-wrapper[data-id-slider="2"] .tvmain-title h2::before { content: ""; display: inline-block; margin-right: 10px; vertical-align: middle; background-image: url("https://www.azarius.com/img/filemanager/homepage/icons/Fungishop_Icon.png"); background-size: contain; background-repeat: no-repeat; width: 28px; height: 28px; margin-top: -7px; } @media (min-width: 1401px) { img.product_overlay_atdev { max-width: 50% !important; } } @media (max-width: 1024px) { img.product_overlay_atdev { max-width: 50% !important; } } @media (min-width: 1295px) { .owl-stage { margin: 0 auto; width: 1215px !important; } .owl-carousel .owl-item { width: 303px !important; } } /* newsletter cta homepage */ input#email_01JAZ3VK7B85FA9SFC5ACB2W3Y { border-radius: 50px 0 0 50px !important; } button.needsclick.go3554798179.kl-private-reset-css-Xuajs1 { border-radius: 0 50px 50px 0 !important; width: 50% !important; } .klaviyo-form.klaviyo-form.klaviyo-form { margin: 30px auto !important; } /* about us homepage*/ .about-us { padding: 25px 0; } .about-us-block { width: 100%; height: auto; position: relative; overflow: hidden; } .about-us-block p, .about-us-block h3 { color: #fff; } .about-us-block img { width: 100%; height: auto; border-radius: 30px; } .about-us-block .content { position: absolute; top: 30px; left: 20px; right: 20px; bottom: 30px; display: flex; flex-direction: column; justify-content: flex-end; } .about-us .button2 { margin-top: 30px; justify-content: center; display: flex; } @media (max-width: 768px) { .about-us-block { padding: 10px 0; } .about-us-block p { margin-bottom: 0; } .about-us .button2 { margin-top: 20px; } } /* ÃÂmage slider homepage */ .carousel { box-shadow: none; margin: 30px 0 0 0; } .carousel .carousel-inner { height: auto; border-radius: 30px; } .carousel .figure { margin: 0; } .carousel .carousel-item .caption { max-width: 1200px !important; } .slide { width: 100%; height: auto; border-radius: none; } .carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { bottom: 50%; position: absolute; left: 0; text-shadow: none; } .carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i { color: #e76f51; } /* ÃÂmage slider homepage mobile fixes*/ @media (max-width: 600px) { .slide { height: 420px !important; } } @media (max-width: 600px) { .carousel .carousel-inner { height: 100%; } } @media (max-width: 600px) { .carousel .carousel-item .caption { bottom: 0px !important; left: auto !important; box-sizing: border-box; } } @media (max-width: 600px) { .carousel-inner .carousel-item figure > a > img { display: none; } } @media (max-width: 600px) { .carousel { margin: 0; } } /* Custom image slider */ .custom-slider { width: 100%; max-width: 1600px; overflow: hidden; position: relative; border-radius: 50px; margin: 30px auto; height: auto; } .custom-slider-track { display: flex; transition: transform 1s ease-in-out; } .custom-slide { min-width: 100%; position: relative; } .custom-slide img { width: 100%; height: auto; display: block; } .custom-slide-content { position: absolute; top: 30px; bottom: 80px; left: 30px; right: 30px; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; color: #fff; width: 50%; max-width: 800px; } .custom-slide-content h2 { font-size: 72px; line-height: 72px; margin-bottom: 20px; color: #fff; font-weight: 700; } .custom-slide-content p { font-size: 36px; margin-bottom: 30px; line-height: 36px; color: #fff; } .custom-slide-content .button2 { padding: 16px 32px; font-size: 24px; margin: 0; } .custom-dots { position: absolute; bottom: 10px; width: 100%; display: flex; justify-content: center; } .custom-dot { width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; background-color: #e5e5e5; cursor: pointer; transition: background-color 0.3s, width 0.3s, height 0.3s; } .custom-dot.active { width: 20px; height: 10px; background-color: #e76f51; border-radius: 50px; } .desktop-show { display: block !important; } .mobile-show { display: none !important; } @media (max-width: 767px) { .desktop-show { display: none !important; } .mobile-show { display: block !important; width: 100%; height: auto; object-fit: cover; } .custom-slide-content { top: 0; bottom: 30px; left: 0; right: 0; padding: 20px; color: #fff; width: 75%; display: flex; flex-direction: column; justify-content: center; } .custom-slide-content h2 { font-size: 26px; line-height: 1.1; margin-bottom: 20px; } .custom-slider { border-radius: 30px; margin: 20px auto; } .custom-slide-content .button2 { padding: 12px 24px; font-size: 16px; } .custom-dot { width: 8px; height: 8px; margin: 0 3px; } .custom-dot.active { width: 16px; height: 8px; } } @media (min-width: 768px) and (max-width: 1179px) { .custom-slider { border-radius: 30px; } .custom-slide-content { bottom: 50px; padding: 20px; } .custom-slide-content h2 { font-size: 48px; line-height: 1; margin-bottom: 10px; } .custom-slide-content p { font-size: 28px; margin-bottom: 20px; line-height: 1; } .custom-slide-content .button2 { padding: 15px 30px; font-size: 20px; } } /* growing carousel section homepage */ #carousel-section { display: flex; justify-content: center; padding: 25px 0; margin: 0; } #carousel-section .container { width: 1200px; } #carousel-section section { width: 100%; text-align: center; } #carousel-section h2 { margin-bottom: 20px; text-align: center; font-weight: 600; } #carousel-section .images-container { display: flex; gap: 20px; } #carousel-section .image-item { position: relative; flex: 1; transition: flex 0.4s ease; overflow: hidden; } #carousel-section .image-item img { width: 100%; height: 400px; object-fit: cover; border-radius: 30px; } #carousel-section .image-item h3 { position: absolute; bottom: 20px; left: 20px; color: #fff; text-align: left; font-weight: 600 !important; } #carousel-section .image-item:hover { flex: 2; } #carousel-section .image-item:hover h3 { opacity: 0; visibility: hidden; } #carousel-section .images-container:hover .image-item:not(:hover) { flex: 1; } #carousel-section .image-item .hover-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(231, 111, 81, 0.6); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; text-align: center; padding: 20px; border-radius: 30px; } #carousel-section .image-item .hover-content p { color: #fff; } #carousel-section .image-item .hover-content p, #carousel-section .image-item .hover-content .button-group { opacity: 0; } #carousel-section .image-item:hover .hover-content p, #carousel-section .image-item:hover .hover-content .button-group { opacity: 1; transition: all 0.3s ease 0.3s; } #carousel-section .image-item:hover .hover-content { opacity: 1; visibility: visible; } #carousel-section .hover-content p { margin-bottom: 15px; } #carousel-section .hover-content .button-group { display: flex; gap: 10px; } #carousel-section .button2 { padding: 10px 20px; transition: background-position 0.3s ease, transform 0.3s ease; } #carousel-section.small-carousel-section .image-item img { height: 300px; } @media (max-width: 768px) { #carousel-section .container { width: 100%; } #carousel-section .images-container { flex-direction: column; gap: 20px; } #carousel-section .image-item { flex: none; width: 100%; } #carousel-section .image-item img { width: 100%; height: auto; margin: 0 auto; border-radius: 20px; } #carousel-section .image-item .hover-content { display: none; } #carousel-section .image-item:hover { flex: none; } #carousel-section .image-item:hover h3 { opacity: 1; visibility: visible; } #carousel-section.small-carousel-section .image-item img { height: auto; } } /* mobile categories homepage */ .mobile-categories-block { display: none; scrollbar-width: none; } .mobile-categories-block::-webkit-scrollbar { display: none; } @media (max-width: 768px) { .mobile-categories-block { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; gap: 10px; padding: 0; white-space: nowrap; width: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } .mobile-categories-block img { min-width: 85px; height: auto; flex: 0 0 auto; } .mobile-categories-block::-webkit-scrollbar { display: none; } .mobile-categories-block { scrollbar-width: none; } } /* Hide both by default */ .mobile-version { display: none; } /* Show desktop version on larger screens */ @media only screen and (min-width: 768px) { .desktop-version { display: flex; } } /* Show mobile version on smaller screens */ @media only screen and (max-width: 767px) { .mobile-version { display: flex; } .desktop-version { display: none; } } /* Base styles for all screens */ .F1ProdPage { padding: 0px; /* Adds some padding to the entire page */ } .F1ProdPage > div { margin-bottom: 30px; /* Ensures a 50px gap between vertically stacked divs */ } .F1ProdPage .col-md-6, .F1ProdPage .col-md-5, .F1ProdPage .col-md-4, .F1ProdPage .col-md-8, .F1ProdPage .col-md-2, .F1ProdPage .col-md-3 { margin-bottom: 25px; /* Stack columns vertically and add spacing */ } .F1ProdPage .intro-text, .F1ProdPage .inblock, .F1ProdPage .benefits { margin-bottom: 30px; /* Ensures 50px spacing for these elements too */ } /* Mobile Styles */ @media (max-width: 768px) { .F1ProdPage .row { display: flex; flex-direction: column; margin-bottom: 0px; /* Ensures a 25px gap between columns on mobile */ } .F1ProdPage .col-md-6, .F1ProdPage .col-md-5, .F1ProdPage .col-md-4, .F1ProdPage .col-md-8, .F1ProdPage .col-md-2, .F1ProdPage .col-md-3 { width: 100%; margin-bottom: 15px; /* Stack columns vertically and add spacing */ } .F1ProdPage .row img { width: 100%; height: auto; margin-bottom: 0px; /* Ensure images are responsive and spaced */ } .F1ProdPage > div:last-child { margin-bottom: 0; /* Remove margin on the last child to avoid extra space */ } } /* F1ProdPage*/ .F1ProdPage { max-width: 1000px; margin: 0 auto; } /* Desktop styles */ .F1ProdPage h2 { font-size: 72px !important; line-height: 80px !important; font-weight: 700 !important; } .F1ProdPage h4 { font-weight: 300 !important; font-size: 54px !important; line-height: 60px !important; } .F1ProdPage .intro-text { font-weight: 400 !important; font-size: 20px; line-height: 24px; padding: 0; margin-bottom: 30px; } /* Mobile-specific styles */ @media (max-width: 768px) { .F1ProdPage h2 { font-size: 44px !important; line-height: 50px !important; font-weight: 700 !important; } .F1ProdPage h4 { font-weight: 300 !important; font-size: 32px !important; line-height: 36px !important; } .F1ProdPage .intro-text { font-weight: 400 !important; font-size: 16px; } } .F1ProdPage h3 { font-weight: 300 !important; font-size: 36px !important; line-height: 40px !important; } .F1ProdPage .inblock { padding-bottom: 0em; font-size: 14px; line-height: 18px; padding-bottom: 10px; } .F1ProdPage .benefits { font-weight: 700 !important; font-size: 54px !important; line-height: 60px !important; text-align: center !important; } .F1ProdPage .ProdName { font-size: 24px; line-height: 32px; color: #e76f51; } .F1ProdPage .show-on-desktop { display: none !important; } .huflDf { font-size: 48px !important; font-style: normal !important; font-weight: 400 !important; } .center-content { display: flex; justify-content: center; } .form-control { background: #fff; } .block-onepagecheckout .title-heading, .ets_pr_gift_products .card-block { border-top: 3px solid #fff; } .tv-category-block-wrapper p, .tv-category-block-wrapper p span { line-height: 24px; } #wrapper .breadcrumb li:last-child a, #wrapper .breadcrumb li:hover a { color: #e76f51; } .tabs .nav-tabs .nav-link.active { color: #e76f51; } .tvproduct-description-tab .nav-tabs .nav-item .nav-link { border-radius: 50px; margin: 0 5px; padding: 14px 32px; } .cms-description ol li, .cms-description ul li { font-size: 16px; line-height: 24px; } .tvproduct-page-decs p { font-size: 16px; } /* cms page adjustments*/ .cms-description { max-width: 1200px; margin: 0 auto; } .cms-description p { padding-bottom: 10px; } .cms-description h1 { font-size: 36px; padding-bottom: 15px; } .cms-description h2 { font-size: 26px; padding-bottom: 10px; padding-top: 15px; } .cms-description h3 { font-size: 22px; padding-bottom: 10px; padding-top: 15px; } .cms-description hr { padding-bottom: 10px; color: #e5e5e5; } .cms-description tr:nth-child(even) { background-color: #e76f5121; } .cms-description a { color: #000; font-weight: 400; } .cms-description a:hover { text-decoration: none; font-weight: 600 !important; } .h1, .h2, .h3, h1, h2, h3 { font-weight: 600; } .h4, .h5, .h6, h4, h5, h6 { font-weight: 400; } .h1, .h2, .h3 { text-transform: none; color: #000; } b, strong { font-weight: 600 !important; color: inherit !important; } table { margin-top: 15px; margin-bottom: 25px; } .tvproduct-page-wrapper h1.h1 { font-size: 32px; line-height: 38px; margin-bottom: 0; font-weight: 500; color: #000; } .SBchapters { font-size: 18px !important; color: #000000 !important; text-transform: none; line-height: 36px !important; font-weight: 600 !important; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } .card { border: none; border-radius: 3px; margin-bottom: 10px; } .tv-category-block-wrapper p, .tv-category-block-wrapper p span { color: #000000; font-weight: 600; font-size: 16px; } .SBintro { font-size: 24px; color: #000000; text-transform: none; line-height: 28.8px; font-weight: 600; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } .SBintro strong { font-weight: 600 !important; color: #000000 !important; } .colourpreheader { font-size: 72px !important; color: #000000; text-transform: none; line-height: 72px !important; font-weight: 300 !important; font-family: Red Hat Text, sans-serif !important; padding-bottom: 0 !important; letter-spacing: 0px; margin-bottom: 0; } .colourheader { font-size: 72px !important; line-height: 72px !important; font-weight: 700 !important; font-family: Red Hat Text, sans-serif !important; padding-bottom: 50px !important; letter-spacing: 0px; margin-bottom: 0; color: #000000; /* Default color for the rest of the heading */ } .colourheader .first-letter { color: #000000; } .colourheader .second-letter { color: #89b17d; } .colourheader .third-letter { color: #e9c369; } .colourheader .fourth-letter { color: #89b17d; } #tab-content { border: 0px solid rgba(0, 0, 0, 0.07); } .tv-menu-horizontal .menu-dropdown { border-radius: 0px 0px 50px 50px; } .tvproduct-wrapper { border-radius: 25px; border: 1px solid #e5e5e5; } /*GDPR label checkout*/ .custom-checkbox label em { display: inline; } /*shopping basket adjustments*/ .cart-grid .cart-grid-body .card-block h1 { font-size: 32px; font-weight: 600 !important; } .cart-grid .product-price-and-shipping .price { font-size: 16px; font-weight: 400; color: #000; } .cart-grid .product-line-grid-right .cart-line-product-actions .remove-from-cart { color: #000; } .cart-grid .product-line-grid-right .cart-line-product-actions .remove-from-cart:hover { color: #e76f51; } .cart-grid .tv-continue-shopping-btn { border: 1px solid #e5e5e5; background-image: linear-gradient(45deg, #e5e5e5 0%, #fff 55%, #fff 90%); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; background-color: transparent; line-height: 100%; padding: 12px 24px; } .cart-grid .tv-continue-shopping-btn:hover { background-position: 0 0; } .cart-grid .tv-continue-shopping-btn span { color: #000; } .cart-grid .tv-continue-shopping-btn i { color: #000; font-size: 18px; font-weight: 600; } .cart-grid .tvall-inner-btn i:hover { color: #000; } .cart-grid .tvall-inner-btn.tvprocess-to-checkout { border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 12px 24px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; margin: 10px auto 0 !important; display: flex; width: fit-content; } .cart-grid .tvall-inner-btn.tvprocess-to-checkout:hover { background-position: 0 0; } .cart-grid .tvall-inner-btn.tvprocess-to-checkout span { color: #fff; } .cart-grid .tvall-inner-btn.tvprocess-to-checkout i { color: #fff; top: 2px; font-weight: 600; } @media (max-width: 991px) { .cart-grid .tv-continue-shopping-btn { margin: 0 auto; display: flex; width: fit-content; } .cart-grid .tvall-inner-btn i { top: 2px; } .cart-grid .cart-grid-body .card-block h1 { text-align: center; } .cart-item .product-line-grid-right .product-price { margin-right: 10px; align-items: center; } } /*checkout process adjustments*/ #form_ets_onepagecheckout { background: #fff; padding: 30px 0 0; box-shadow: none; margin-bottom: 60px; } .block-onepagecheckout { border-radius: 25px; } .block-onepagecheckout .title-heading { border-top: none !important; border-bottom: none !important; padding: 20px 40px 10px; } .block-onepagecheckout span.ets_icon_svg { vertical-align: -1px; margin-right: 5px; } .block-onepagecheckout label.form-control-label { font-weight: 600; } #ets_onepagecheckout a:hover, #ets_onepagecheckout button.add_new_address:hover { font-weight: 600; } .block-onepagecheckout.block-address div#delivery-addresses input.form-control, .block-onepagecheckout.block-address div#invoice-addresses input.form-control, .block-onepagecheckout.block-address div#delivery-addresses select.form-control, .block-onepagecheckout.block-address div#invoice-addresses select.form-control, .block-onepagecheckout .shipping_address_form, .type-checkout-option input.form-control, .block-onepagecheckout.block-additional-info textarea.form-control, .block-onepagecheckout select { background: #fff; border-radius: 50px; padding: 10px 20px; } .block-onepagecheckout textarea#delivery_message, .block-onepagecheckout textarea { border-radius: 15px; } .block-onepagecheckout.block-address div#delivery-addresses input.form-control:focus, .type-checkout-option input.form-control:focus, .block-onepagecheckout.block-address div#invoice-addresses input.form-control:focus { border: 1px solid #e76f51; } .block-onepagecheckout.block-customer .block-content { padding: 0 50px; } div#delivery-addresses, div#invoice-addresses, .block-onepagecheckout .payment-options { padding: 0 50px 20px; } .block-onepagecheckout.block-shipping .block-content { padding: 0 65px 15px; } .block-onepagecheckout .cart-grid-body { margin-bottom: 0; padding: 0 50px 10px; } body#checkout #delivery, body#checkout #gift_message { padding: 0 30px 10px; } .payment-options .paynl_payment_description { margin-bottom: 10px; } .ets_payment_method:hover, #form_ets_onepagecheckout .row.delivery-option:hover { border-radius: 20px; } .form-group.type-checkout-option.opc_hasaccount.sugguest { margin-bottom: 30px !important; } .block-onepagecheckout label.form-control-label { padding-top: 7px; } .input-group-addon:not(:last-child), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group .form-control:not(:last-child) { border-bottom-right-radius: 50px; border-top-right-radius: 50px; } #form_ets_onepagecheckout i.ets_checkbox { border-radius: 5px; } #form_ets_onepagecheckout .block-promo .promo-input { border-right: none !important; border-radius: 50px 0 0 50px; } #ets_onepagecheckout a svg:hover { fill: #e76f51 !important; } #ets_onepagecheckout a svg { fill: #000 !important; } body#checkout .condition-label label { vertical-align: baseline !important; } .block-onepagecheckout .product-price .current-price .price { font-size: 16px; font-weight: 400; } .block-onepagecheckout span.ets_icon_scices.ets_icon_svg svg { width: 25px; height: 25px; top: 5px; } #form_ets_onepagecheckout .promo-code .btn-primary { text-transform: none; height: 35px; position: relative; border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 0 50px 50px 0; padding: 0 15px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; min-width: auto !important; } #form_ets_onepagecheckout .promo-code .btn-primary:hover { background-position: 0 0; transform: none !important; } #form_ets_onepagecheckout .btn-primary { text-transform: none; border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 9px 16px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; min-width: 200px !important; } #form_ets_onepagecheckout .btn-primary:hover { background-position: 0 0; transform: scale(1.02); } #checkout .ets_payment_method .additional-information { display: none !important; } #form_ets_onepagecheckout .ets_checkinput { color: #666666; font-style: italic; } body#checkout #form_ets_onepagecheckout .condition-label { font-style: italic; padding-right: 5px; } .block-promo .promo-code { padding: 0; background: none; } .block-promo .promo-code-button { padding-left: 15px; margin-bottom: 15px; } .block-promo .promo-code-button:hover { color: #e76f51 !important; } .block-promo .promo-input { color: #000; border: 1px solid #e5e5e5; height: 42px; border-radius: 50px 0 0 50px; margin-bottom: 10px; margin-left: 15px; } .block-promo .promo-input:focus { border: 1px solid #e76f51; } .block-promo .promo-input + button { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; padding: 11px 20px; text-decoration: none; transition: all 0.5s ease; margin-top: -3px; margin-left: -5px; border-radius: 0 50px 50px 0; } .block-promo .promo-input + button:hover { background-position: 0 0; transform: scale(1.02); } .block-promo .cart-summary-line .label { color: #000; font-weight: 600; font-size: 14px; } .block-promo .promo-name li { color: #000; font-size: 16px; } .block-promo .promo-name a { color: #000; } .block-promo .promo-name a:hover { color: #e76f51; } .custom-checkbox label { font-style: italic; } @media (max-width: 768px) { .block-onepagecheckout.block-address div#delivery-addresses input.form-control, .block-onepagecheckout.block-address div#invoice-addresses input.form-control, .block-onepagecheckout.block-address div#delivery-addresses select.form-control, .block-onepagecheckout.block-address div#invoice-addresses select.form-control, .block-onepagecheckout .shipping_address_form, .type-checkout-option input.form-control, .block-onepagecheckout.block-additional-info textarea.form-control, .block-onepagecheckout select { margin-bottom: 20px; } .block-onepagecheckout .title-heading { padding: 20px 35px 10px; } .block-onepagecheckout.block-customer .block-content { padding: 0 20px; } div#delivery-addresses, div#invoice-addresses, .block-onepagecheckout .payment-options { padding: 0 20px 20px; } .block-onepagecheckout.block-shipping .block-content { padding: 0 20px 0 !important; } .block-onepagecheckout .cart-grid-body { margin-bottom: 0; padding: 0 40px 10px; } body#checkout #delivery { padding: 0 20px 0; } .block-onepagecheckout .product-price { display: unset; position: relative; top: 7px; } .form_info_price_mobile > .row > div, .form_info_price_mobile > .row > div.form_total_price, .block-onepagecheckout .product-line-grid-right .qty { width: 33%; } .form_info_price_mobile > .row > div:not(:first-child) { border-left: none; } #form_ets_onepagecheckout .product-price { line-height: 100%; } .cart-voucher.ets-cart-voucher { padding-top: 25px; } } @media (max-width: 479px) { .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .block-onepagecheckout .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { width: 28px; } } #checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span i { bottom: 4px; } body#checkout .condition-label label { vertical-align: super; } .tvleft-right-title.facet-label, .block-categories .category-top-menu > li.tv-category-title-wrapper a { color: #000; font-size: 18px; letter-spacing: 0px; text-transform: none; } #tailor-made-offers-newsletter-subscription .alert.alert-danger.block_newsletter_alert { max-width: 400px; margin: 10px auto; } /*alerts*/ .alert-danger { max-width: 1200px; margin: 0 auto 10px; border-radius: 50px; border: none; } .alert-success { max-width: 1200px; margin: 0 auto 10px; border-radius: 50px; border: none; } .alert-danger ul li, .alert-success ul li { font-size: 16px; text-align: center; } /*product label new*/ .product-flag.new { background-color: #000; font-weight: 500; padding: 5px 15px; border-radius: 25px; color: #fff; font-size: 18px; } .page-my-account #content .links a { font-weight: 500; text-transform: none; } .quickview .product-discount .regular-price, .tvproduct-page-wrapper .product-discount .regular-price { font-weight: 500; color: #000; } .tvproduct-tax-label { font-size: 15px; text-transform: none; font-weight: 500; color: #000; display: none; } .quickview .has-discount .discount, .tvproduct-page-wrapper .has-discount .discount { background-color: #e76f51; font-size: 15px; font-weight: 500; padding: 5px 25px; } .tvcategory-chain-slider-category { padding-bottom: 10px; } a.tvcategory-chain-slider-category { color: #000; font-size: 16px; font-weight: 300; letter-spacing: 0px; } .read_more { font-size: 16px; line-height: 24px; font-style: none; color: #e76f51; font-style: normal; border-bottom: none; font-weight: 500; } .ybc_indexing_box_title { text-transform: none; font-weight: 700; } @media (max-width: 768px) { .responsive-content { font-size: 36px; line-height: 40px; } } .responsive-content h1, .responsive-content p { font-size: 48px; line-height: 52px; margin: 0; } .responsive-content p { font-size: 18px; line-height: 22px; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper { border: 0px solid rgba(0, 0, 0, 0.07); } @media (max-width: 991px) { #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper { padding: 0 0 !important; } } .tvsticky-up-arrow span, .tvsticky-wishlist .tvwishlist-sticky-name, .tvsticky-compare .tvsticky-compare-name, .tvright-sticky-account span, .tvright-sticky-add-to-cart span { font-size: 13px; font-weight: 500; } .tvsticky-up-arrow, .tvsticky-wishlist, .tvsticky-compare, .tvright-sticky-account, .tvright-sticky-add-to-cart { text-transform: none; } .ttvcmscart-show-dropdown-right .ttvcart-top-title h4 { font-weight: 700; letter-spacing: 0px; text-transform: none; } .ttvcart-no-product { background-image: url(https://www.dawnnutrition.com/img/cms/ShoppingBag.png.png); } .text-success { color: #e76f51 !important; } .form-control { background: #f3ecda; color: #000000; border: 1px solid #efe5dd; } .tv-bar.tv-colors .tv-outer .tv-inner.tv-lvl-5 { background-color: #e76f51; } .tv-indicator.tv-bar .tv-outer { background-color: #fcf6ef; } .tv-bar.tv-colors .tv-outer .tv-inner.tv-lvl-2 { background-color: #e76f51; } .btn { font-weight: 500; } .tv-indicator .tv-items span { font-size: 15px; font-weight: 500; } .product-actions .control-label { text-transform: none; font-size: 15px; font-weight: 500; } /* general css*/ .page-content { max-width: 1200px; margin: 0 auto; } p { font-size: 16px; color: #000; font-weight: 400; line-height: 24px; } .tvnewsletter-description p { color: #000; font-size: 16px; line-height: 24px; } .tvbottom-to-top:hover { background-color: #e76f51; } ::selection { background-color: #e76f51 !important; } /* footer adjustments .tvcms-newsletter-wrapper { display: none; } */ .tvfooter-payment-content-block.tvfooter-payment-icon { width: 325px !important; height: auto; } .tvfooter-logo-block .tvfooter-img-block img { width: 175px; } .tvfooter-storelogo-inner { border-bottom: none; } .tvfooter-logo-block .tvfooter-logo-desc { display: none; } .tvfooter-logo-block { padding: 30px 0 0; } .tvfooter-storelogo-imformation { justify-content: center; } .dropdown { color: #000; } .tvfooter-store-link a:hover { color: #e76f51; } #footer_sub_menu_store_info, .tvfooter-store-link a { color: #000; font-size: 16px; } .footer-container li a { color: #000; font-size: 16px; } .tvfooter-title-wrapper .tvfooter-title, .tvdekstop-footer-all-title-wrapper .tvfooter-title, .block_newsletter .tvnewsletter-title { font-size: 16px; color: #b0b0b0; text-transform: none; } .tvfooter-title-wrapper, .tvdekstop-footer-all-title-wrapper, .tvnewsletter-lable-wrapper { margin-bottom: 10px; } .tvfooter-time-wrapper .tvfooter-open-time-wrapper, .footer-container .tvfooter-account-link li, .footer-container #block_myaccount_infos li, .tvfooter-category-block ul li { margin-bottom: 5px; } #footer_sub_menu_store_info .tvfooter-addresses i, #footer_sub_menu_store_info .tvfooter-store-link i, #footer_sub_menu_store_info .tvfooter-store-link-content i, #footer_sub_menu_store_info .tvfooter-store-link-fax i { color: #e76f51; } .footer-container li a:hover, .tvcopylink p:hover { color: #e76f51; } .footer-container { background-color: #fafafa; border-top: none; } #product .tvproduct-page-wrapper img { display: block; } .pinterest.icon-black a { background-color: #e76f51; } .pinterest.icon-black a:hover { background-color: #000; background-position: -5px -311px; } .twitter.icon-black a { background-color: #e76f51; } .twitter.icon-black a:hover { background-color: #000; background-position: -5px -111px; } .facebook.icon-black a { background-color: #e76f51; } .facebook.icon-black a:hover { background-color: #000; background-position: -5px -61px; } #main .tv-sub-pages-inner-content { padding: 20px; } body { color: #000000; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0px; } .tv-main-div { background-color: #ffffff; } #main .tv-sub-pages-inner-content { border: 0px solid rgba(0, 0, 0, 0.07); border-radius: 0px; } .ingredientsblock { font-size: 14px; border: 2px solid #e76f51; text-align: center; padding: 10px; border-radius: 4px; } .tvwishlist-name > span.tvwishlist-number, .tv-cart-cart-inner { background-color: #e76f51 !important; } .tvcms-header-menu-offer-wrapper { background-color: #ffffff; border-top: 0px solid rgba(0, 0, 0, 0); border-bottom: 0px solid rgba(0, 0, 0, 0); } .tv-menu-horizontal li.level-1 > a { text-transform: none; } .tv-menu-horizontal > ul > li:hover > a span { color: #e76f51; } #header .tv-menu-horizontal ul li.level-1 ul li.item-line a { font-size: 15px; } .tv-menu-horizontal .menu-dropdown li a { padding: 4px 0; display: inline-block; } .tvcms-header-menu-offer-wrapper { background-color: #ffffff; } #index #wrapper { padding-top: 0px; } .tvall-inner-btn { border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; background-color: #e76f51; text-decoration: none; transition: all 0.5s ease; box-shadow: none; border-radius: 50px; min-width: 150px; padding: 10px 15px; font-weight: 500; } ::selection { background-color: #000; } .tv-menu-horizontal .menu-dropdown li a { padding: 2px 0; } .html-block img { margin-bottom: 0px; } .tv-menu-horizontal .menu-dropdown { border-bottom: 0px solid #020202; border-radius: 0px 0px 0px 0px; box-shadow: 0px 5px 10px rgba(10, 10, 10, 0.25); padding-bottom: 50px; padding-left: 50px; padding-top: 50px; padding-right: 50px; } .tv-menu-horizontal > ul > li > a:before { height: 0px; } img.lang-flag.tv-img-responsive { border-radius: 4px; width: auto; height: auto; border: 1px solid #ccc; } #tvcmsdesktop-currency-selector .tv-currency-btn .tv-currency-span { font-weight: 600; color: #c5c5c5; } .tv-currency-dropdown { text-align: center; } .tv-currency-dropdown { max-width: 65px; } .tv-currency-dropdown.tv-dropdown.open { border-radius: 15px; border: none; box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); margin-left: -10px; } .tv-language-dropdown { border-radius: 15px; margin-top: 12px !important; margin-left: -20px; border: none; box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); } .tv-language-dropdown img.lang-flag.tv-img-responsive { transition: filter 0.3s ease; } .tv-language-dropdown img.lang-flag.tv-img-responsive:hover { filter: brightness(70%) !important; } .tv-language-dropdown .current img.lang-flag.tv-img-responsive { transition: filter 0.3s ease; } .tv-language-dropdown .current img.lang-flag.tv-img-responsive:hover { filter: brightness(70%) !important; } .tvfooter-product-box-layout { margin-bottom: 0; } @media (min-width: 1631px) { img.tv-img-responsive, .tvbanner-hover-wrapper img, img.tvmain-slider-img, .tvcmssliderofferbanners-one .tvimage-lazy { object-fit: cover; } } @media (max-width: 991px) { .tvfooter-title-wrapper .tvfooter-title { padding: 8px 20px; border: 1px solid #e5e5e5; font-size: 16px !important; border-radius: 50px; } .tvfooter-logo-block { padding: 30px 0 20px; } } @media (min-width: 992px) { .tvfooter-contact-link-wrapper { width: 16.66667%; } } /* sticky menu right*/ .tvsticky-up-arrow:hover, .tvsticky-wishlist:hover, .tvsticky-compare:hover, .tvright-sticky-account:hover, .tvright-sticky-add-to-cart:hover { background: #fafafa !important; } .tvsticky-up-arrow:hover span.new-icons, .tvsticky-wishlist:hover .tvwishlist-sticky-name span.new-icons, .tvsticky-compare:hover .tvsticky-compare-name.new-icons, .tvright-sticky-account:hover span.new-icons, .tvright-sticky-add-to-cart:hover span.new-icons { color: #e76f51; font-size: 16px; margin-left: 5px; font-weight: 500; } .tvsticky-up-arrow i.new-icons, .tvsticky-wishlist i.new-icons, .tvsticky-compare i.new-icons, .tvright-sticky-account i.new-icons, .tvright-sticky-add-to-cart i.new-icons { width: 25px; margin: 0; margin-right: 5px; } .tvsticky-compare i.new-icons, .tvright-sticky-account i.new-icons, .tvright-sticky-add-to-cart i.new-icons { margin-top: -4px; } .tvsticky-up-arrow i.new-icons { margin-top: -2px; } .tvsticky-wishlist i.new-icons { margin-top: -3px; } .tvsticky-up-arrow, .tvsticky-wishlist, .tvsticky-compare, .tvright-sticky-account, .tvright-sticky-add-to-cart { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); text-transform: none; } .tvsticky-up-arrow span, .tvsticky-wishlist .tvwishlist-sticky-name, .tvsticky-compare .tvsticky-compare-name, .tvright-sticky-account span, .tvright-sticky-add-to-cart span { margin: 0; } .cart-preview i.material-icons.new-icons.not-hover img { content: url("/img/filemanager/SVG-content/icons/Bag.svg"); } .cart-preview i.material-icons.new-icons img { content: url("/img/filemanager/SVG-content/icons/Bag-Hover.svg"); } .tvright-sticky-account i.material-icons.new-icons.not-hover img { content: url("/img/filemanager/SVG-content/icons/User.svg"); } .tvright-sticky-account i.material-icons.new-icons img { content: url("/img/filemanager/SVG-content/icons/User-Hover.svg"); } .tvsticky-wishlist i.material-icons.new-icons.not-hover img { content: url("/img/filemanager/SVG-content/icons/Favourite.svg"); } .tvsticky-wishlist i.material-icons.new-icons img { content: url("/img/filemanager/SVG-content/icons/Favourite-Hover.svg"); } .tvsticky-compare i.material-icons.new-icons.not-hover img { content: url("/img/filemanager/SVG-content/icons/Compare.svg"); } .tvsticky-compare i.material-icons.new-icons img { content: url("/img/filemanager/SVG-content/icons/Compare-Hover.svg"); } .tvsticky-up-arrow i.material-icons.new-icons.not-hover img { content: url("/img/filemanager/SVG-content/icons/ScrollToTop.svg"); } .tvsticky-up-arrow i.material-icons.new-icons img { content: url("/img/filemanager/SVG-content/icons/ScrollToTop-Hover.svg"); } /* edits for the homepage*/ .homepagecontent_content { margin: 25px auto; max-width: 1200px; } .intro-text { font-size: 24px; line-height: 32px; padding: 25px 0; margin-bottom: 0; } .tv-main-div .half-wrapper-backdrop { background: #d9d9d950 !important; transition: all 100ms ease-in-out; backdrop-filter: blur(5px); } .tvsearch-header-display-wrappper form { border: 1px solid #e5e5e5; border-radius: 50px; transition: all 0.5s ease; } .tvsearch-header-display-wrappper form:focus-within { border: 1px solid #e76f51; } .tvnewsleeter-input-button-wraper .input-wrapper input { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 50px; transition: all 0.5s ease; height: 40px; } .tvnewsleeter-input-button-wraper .input-wrapper input:focus-within { border: 1px solid #e76f51; } .block_newsletter form input[type="email"] { padding: 12px 15px 15px; } .tvnewsleeter-input-button-wraper .input-wrapper input::placeholder { color: #5a5a5a !important; } .tvcmsmain-title-wrapper { margin-bottom: 0px; position: relative; } .block.ybc_block_latest.ybc_blog_ltr_mode.page_home.ybc_block_slider { margin-bottom: 0px; padding: 30px 0 0; } .ybc_block_slider button.slick-arrow { top: 47px; } .ybc_blog_ltr_mode a:hover { color: #000000; font-weight: 600; } h4.title_blog.title_block { font-size: 32px; font-weight: 500; margin-bottom: 40px; } .tvcmstabcategory-product-slider-main-title-wrapper .tvcms-main-title .tvmain-title { text-align: center; color: #000; font-weight: 400; margin: 25px 0; font-size: 40px; } .tvofferbanner-content h4 span { background-color: #e76f51; border: 2px solid #e76f51; color: #fff; border-radius: 0px; font-size: 64px; } .tvofferbanner-content h4 span:hover { background-color: #fff; color: #e76f51; box-shadow: 0 0 0 0.2rem #fff; } .tvcategory-img-block { border: 0px solid #e0dbdb; } .tvproduct-wrapper .tvproduct-cart-btn .tvproduct-add-to-cart, .tvproduct-wrapper .tvproduct-quick-btn .tvproduct-quick-icon, .tvproduct-wrapper .tvproduct-wishlist .tvproduct-wishlist-icon, .tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.add, .tvproduct-wrapper .tvcompare-wrapper .tvproduct-compare-icon i.remove { background-color: #ffffff; color: #e76f51; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); } .tvproduct-wrapper .tvproduct-quick-btn:hover .tvproduct-quick-icon, .tvproduct-wrapper .tvproduct-cart-btn:hover .tvproduct-add-to-cart, .tvproduct-wrapper .tvproduct-wishlist:hover .tvproduct-wishlist-icon, .tvproduct-wrapper .tvcompare-wrapper:hover .tvproduct-compare-icon i.add { background-color: #e76f51; color: #fff; } p.preheader { font-size: 24px; color: #e76f51; text-transform: none; line-height: 17px; font-weight: 600; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } p.header { font-size: 48px; color: #000000; text-transform: none; line-height: 52px; font-weight: 600; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } p.subheader { font-size: 24px; color: #000000; text-transform: none; line-height: 40px; font-weight: 300; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } p.subheader24 { font-size: 24px; color: #000000; text-transform: none; line-height: 30px; font-weight: 300; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } .intro { font-size: 24px; color: #000000; text-transform: none; line-height: 30px; font-weight: 600; font-family: Red Hat Text, sans-serif; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0; } .tvcmstwoofferbanners-one .tvofferbanner-two-inner img { border-radius: 0px; border: 0px solid rgba(0, 0, 0, 0); } .tvtabcategory-product-inner { justify-content: center; } .tvfooter-product-sticky-bottom { box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); padding: 5px; } .tvfooter-product-sticky-bottom .tvtitle-price { top: -5px; position: relative; } .tvfooter-product-sticky-bottom .tvproduct-tax-label { display: none; } .tvfooter-product-sticky-bottom .product-quantity { margin: 0 20px; } .tvfooter-product-sticky-bottom .product-variants > .product-variants-item { margin: 0 0 0 20px; } @media only screen and (max-width: 991px) { .tvproduct-wrapper.grid .tvproduct-hover-btn, .tvproduct-wrapper.grid-2 .tvproduct-hover-btn { margin-top: 10px; margin-bottom: 10px; } } .tvtab-featured-product-prev.tvcmsprev-btn { margin-top: -3px; } .tvtab-featured-product-next.tvcmsnext-btn { margin-top: -3px; } @media only screen and (max-width: 600px) { .tvcms-next-pre-btn, .tvtabcategory-product-next-pre-btn { margin-top: 15px; } } @media only screen and (max-width: 600px) { .intro-text { font-size: initial; line-height: initial; } } /* Updates for the category-chain module*/ .tvcategory-chain-title { text-align: left; padding: 10px 20px; } .tvcategory-chain-title a { color: #e76f51; font-size: 28px; } .tvcategory-chain-title:after { height: 2px; background-color: #efe5dd; } .tvcategory-chain-title a:hover { color: #000; } /* Updates for buttons*/ button#tv-button-load-products { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 14px 28px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; color: #fff !important; font-weight: 600; width: auto; height: auto; line-height: 100%; text-transform: inherit; margin: 20px auto 0; display: block; } button#tv-button-load-products:hover { background-position: 0 0; background-size: 200% 200% !important; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ) !important; background: #e76f51; transform: scale(1.02); } #blockcart-modal .cart-content .cart-content-btn button { border: 1px solid #e5e5e5; background-image: linear-gradient(45deg, #e5e5e5 0%, #fff 55%, #fff 90%); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; background-color: transparent; } #blockcart-modal .cart-content .cart-content-btn button:hover { background-position: 0 0; } #blockcart-modal .cart-content .cart-content-btn button span { color: #000; } .cart-content-btn a.tvall-inner-btn { border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 9px 30px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; margin-bottom: 0; } .cart-content-btn a.tvall-inner-btn:hover { background-position: 0 0; } .product-add-to-cart .add-to-cart { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 14px 32px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; } .product-add-to-cart .add-to-cart:hover { background-position: 0 0; transform: scale(1.02); } button.tvall-inner-btn { border: none; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 9px 15px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; margin-bottom: 0px; min-width: 100px; } button.tvall-inner-btn:hover, .tvall-inner-btn:hover { background-position: 0 0; transform: scale(1.02); } .tvall-inner-btn:hover { color: #fff; } .tvnewsleteer-btn-wrapper button.tvall-inner-btn { border-radius: 0 50px 50px 0; } .tvall-inner-btn:after { display: none; } .tvall-inner-btn-cancel span, .tvall-inner-btn span { font-size: 16px; font-weight: 600; text-transform: none; letter-spacing: 0; } .tvnewsleteer-btn-wrapper .tvall-inner-btn span { font-size: 16px !important; } .tvall-inner-btn-cancel { border-radius: 50px; } .button2 { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 14px 28px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; color: #fff !important; font-weight: 600; width: fit-content; margin: 0 auto; } .button2:hover { background-position: 0 0; transform: scale(1.02); text-decoration: none !important; } .button2 a { color: #fff !important; } .blog-category-desc .button2 { margin-top: 20px; } @media (max-width: 768px) { #blockcart-modal .cart-content .cart-content-btn { display: block !important; text-align: center; } #blockcart-modal .cart-content .cart-content-btn button { margin: 0 auto; width: 75%; margin-bottom: 10px; } #blockcart-modal .cart-content-btn a.tvall-inner-btn { display: block; margin: 0 auto; max-width: 75%; padding: 10px 20px; } } /* Updates for previous & next buttons*/ .tvcmsprev-btn i, .tvcmsnext-btn i { color: #e76f51; } .tvcmsprev-btn:hover, .tvcmsnext-btn:hover { border: 1px solid #e76f51; background-color: #e76f51; } .tvcmsprev-btn:hover i, .tvcmsnext-btn:hover i { color: #fff; } /* google Button*/ .jhGZeV { background-color: #e76f51 !important; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px !important; color: #fff; font-size: 16px; font-weight: 600; transition: all 0.5s ease; box-shadow: none; border: none; padding: 10px 30px !important; } .jhGZeV:hover { background-position: 0 0; } .euBiGU { border-radius: 50px !important; border: none; border-width: 0 !important; } /* google badge & pop up*/ @media (min-width: 769px) { .hDgsoj, .hYNABt, .dxqVhE, .hdHoWz, .hbYcrg { border: 1px solid #e5e5e5; padding: 8px 25px !important; border-radius: 50px !important; margin-top: 1px !important; } } @media (max-width: 768px) { .hDgsoj, .hYNABt, .dxqVhE, .hdHoWz, .hbYcrg { background-color: transparent !important; border: none !important; padding: 0 !important; } .ilPQnU, .fFKMQX { margin-bottom: -5px !important; } .kIFzam, .izQGGt, .HKpGD, .cRppBc, .eQtMsi, .gTLnFP { display: block !important; } .iTttdq, .iXvjRR, .UVZva, .hcicxl { display: none; } } .kIFzam, .izQGGt, .HKpGD, .cRppBc, .eQtMsi, .gTLnFP { gap: 3px !important; } .uKJLJ:not(:first-child), .hYCjZl:not(:first-child), .hcnWjx:not(:first-child), .fTrmtp:not(:first-child) { margin-top: 3px !important; } .iTttdq, .bzwWIf, .iXvjRR, .UVZva, .hcicxl { font-size: 11px !important; text-decoration: none !important; line-height: 100% !important; color: #5a5a5a !important; } .iTttdq:hover, .bzwWIf:hover, .iXvjRR:hover, .UVZva:hover, .hcicxl:hover { color: #e76f51 !important; } .fFKfrJ, .ggCtvU, .iPXdjg, .dqIaTn { border-radius: 25px !important; background-color: #fff !important; border: 1px solid #e5e5e5 !important; } @media (max-width: 425px) { #tvcms-mobile-view-header .tvheader-nav-offer-text { min-width: 110px; } } /* google reviews homepage */ .ArrowControl__ArrowControlContainer-sc-3c643d77-0.brssxs.es-carousel-arrow-control.es-carousel-arrow-control-right { margin-left: 20px; } .ArrowControl__ArrowControlContainer-sc-3c643d77-0.brssxs.es-carousel-arrow-control.es-carousel-arrow-control-left { margin-left: -20px; } .eJbXBh svg { fill: #fff; } .ieusEe { margin-left: 0; } /* updates for the tabs product module*/ .tvtab-title-wrapper .tvtabs-products li:hover, .tvtab-title-wrapper .tvtabs-products li.active { border: 1px solid #e76f51; background-color: #e76f51; } .tvtab-title-wrapper .tvtabs-products li:hover span, .tvtab-title-wrapper .tvtabs-products li.active span { color: #fff; } .tvtab-title-wrapper .tvtabs-products li { border: 1px solid #efe5dd; background-color: #efe5dd; } a:hover.wishtlist_top.tvdesktop-wishlist { color: #e76f51; } .tv-single-block-content .tvsingle-block-desc { color: #000 !important; font-weight: 300 !important; text-transform: none !important; } .tv-single-block-content .tvsingle-block-title { color: #fff !important; } .tv-single-block-content .tvsingle-block-sub-description { font-weight: 700; font-size: 17px; color: #000; font-weight: 700; text-transform: uppercase; text-align: left; letter-spacing: 5px; } .tvcms-main-title .tvmain-title h2 { font-size: 26px !important; color: #000; text-transform: none; line-height: 32px; position: relative; font-weight: 600 !important; font-family: inherit; padding-bottom: 0; letter-spacing: 0px; margin-bottom: 0px !important; display: inline-block; text-align: center; } .tvtab-title-wrapper .tvtabs-products li span { font-weight: 500; color: #000; font-size: 16px; letter-spacing: 0px; font-family: Red Hat Text, sans-serif; text-transform: none; } .tvtabcategory-product-li a, .tvtabcategory-show a, .tvtabcategory-hide a { letter-spacing: 0em; text-transform: none; color: #000; font-size: 16px; font-weight: 500; line-height: 1.37; } .tvtabcategory-all-product-content-box .tvproduct-wrapper.grid .tvproduct-hover-btn { bottom: 85px !important; } .tvproduct-wrapper .tvcombinations-wrapper .tvproduct-combinations-icon i.add:hover { background-color: #e76f51; } .tvproduct-combinations img { width: 16px !important; height: 34px !important; } .tvtabcategory-all-product-slider .tvproduct-info-box-wrapper { padding-top: 15px; } .tvtabcategory-all-product-slider .tvproduct-info-box-wrapper .product-description .product-title h6 { color: #000; font: inherit; font-size: 22px; margin-top: 0.5rem; } .tvtabcategory-all-product-slider .tvproduct-info-box-wrapper .product-description .product-subtitle { color: #5a5a5a; font: inherit; display: none; } .tvproduct-wrapper .product-price-and-shipping .price { color: #000; } .combinations { box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); border-radius: 0 0 30px 30px; opacity: 1; } .combinations .combination-name:first-child { border-top: none; } .combinations .combination-name { border-top: none; border-bottom: none; font-size: 16px !important; } .combinations .combination-name span { font-size: 16px !important; font-weight: 700 !important; } @media (min-width: 1210px) { .owl-stage-outer .combinations .combination-name { padding: 10px 70px; } } @media (max-width: 360px) { .owl-stage-outer .combinations .combination-name, .combinations .combination-name { padding: 1% 10px; } } @media (max-width: 335px) { .combinations .combination-name { padding: 10px 70px; } } @media (max-width: 329px) { .owl-stage-outer .combinations .combination-name { padding: 10px 70px; } } /* new product page fixes */ .sense-box { background-color: white; border-radius: 25px; border: 1px solid #e5e5e5; padding: 25px; display: flex; align-items: center; } .sense-box h4 { font-weight: 600!important; padding-bottom: 10px!important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper { padding: 15px 0px 25px; } .col-md-6.tv-product-page-image.desktop-img { padding: 0 10px 0 0; } .col-md-6.tv-product-page-content { padding: 0 0 0 10px; } .product-cover.col-xl-10.col-sm-9 { padding: 0; } .tvprduct-image-info-wrapper .product-cover .layer { display: none; } #product .tvproduct-page-wrapper .tvvertical-slider .product-images img { border-radius: 10px; } #product .availableBadge { font-size: 14px; background-image: none; padding-left: 0; margin-bottom: 10px; } #product .outStockBadge { font-size: 14px; padding-left: 20px; margin-bottom: 10px; } #product .availableBadge .availableBadgeText, #product .outStockBadge .outStockBadgeText { padding: 3px 10px; border-radius: 10px; } #product .tv-product-page-content .product-actions .tvcart-btn-model .add-to-cart { margin-bottom: 5px; } .product-quantity #quantity_wanted { margin-right: 0; } .product-price .current-price .price, .modal-body.tv-addtocart-content-part .tv-addtocart-price { font-size: 20px; line-height: 24px; } @media (max-width: 767px) { .sense-box { margin-bottom: 20px; } .col-md-6.tv-product-page-content { padding: 0; } #wrapper .breadcrumb { font-size: 12px; line-height: 16px; text-align: left; margin: 0; } .product-1 .tvvertical-slider .product-images { justify-content: center; padding-bottom: 0; } } @media (min-width: 1450px) { .add-to-cart-wrap { justify-content: left; padding-bottom: 20px; margin-bottom: 0; max-width: 100%; } .tv-product-page-content .product-variants, .product-add-to-cart .product-quantity, .add-to-cart-wrap .clearfix.product-variants-item { margin-right: 0px; } } /* extra usp product page */ #product .freeDeliver { display: inline-block; margin-top: 5px; } #product .freeDeliver { position: relative; } #product .fastDeliverTo, #product .freeDeliver { font-size: 14px; padding-left: 20px; } #product .freeDeliver .freeDeliverText { padding: 3px 10px; border-radius: 10px; } #product .tvproduct-page-wrapper .fastDeliverTo img { height: 14px; width: 20px; margin-bottom: 2px; border-radius: 3px; } .tv-product-page-content .tvproduct-special-desc { border-top: none; padding: 5px 0 0; } @media (min-width: 460px) and (max-width: 767px) { #product .fastFreeDeliver { margin-bottom: 25px!important; } #product .freeDeliver { margin-bottom: 0!important; } } @media (max-width: 460px) { #product .fastFreeDeliver { margin-bottom: 0; } } @media (max-width: 767px) { #product .freeDeliver { margin-bottom: 25px; } } @media (max-width: 1024px) { .tvproduct-page-wrapper .tv-product-page-image { margin-bottom: 0; } } /* product page fixes */ .tv-product-page-content h1 { padding-right: 0; } .tvproduct-wishlist-compare i.wishlist-add { background-image: url(/img/filemanager/SVG-content/icons/Favourite.svg); width: 30px; height: 30px; } .tvproduct-wishlist-compare i.wishlist-add:hover { background-image: url(/img/filemanager/SVG-content/icons/Favourite-Hover.svg); } .tvproduct-wishlist-compare .tvcompare-wrapper i.add { background-image: url(/img/filemanager/SVG-content/icons/Compare.svg); width: 30px; height: 30px; } .tvproduct-wishlist-compare .tvcompare-wrapper i.add:hover { background-image: url(/img/filemanager/SVG-content/icons/Compare-Hover.svg); } .tvproduct-wishlist-compare .tvcompare-wrapper i.add:hover, .tvproduct-wishlist-compare .tvcompare-wrapper i.remove { background-image: url(/img/filemanager/SVG-content/icons/Compare-Hover.svg); width: 30px; height: 30px; } .tvproduct-wishlist-compare .tvcompare-wrapper i.remove:hover { background-image: url(/img/filemanager/SVG-content/icons/Shopicons_Bold_Close.svg); height: 20px; width: 20px; top: -2px; position: relative; } .tvvertical-slider .slick-slider .tvcmsVerticalSlider:nth-child(1) img, .tvvertical-slider .tvcmsVerticalSlider img { padding: 5px; } .tvvertical-slider .slick-slider .tvcmsVerticalSlider img.thumb.active, .tvvertical-slider .slick-slider .tvcmsVerticalSlider img.thumb:hover { border: 1px solid #e76f51; border-radius: 10px; padding: 5px; } .tvproduct-wishlist-compare .tvcompare-wrapper, .tvproduct-wishlist-compare .tvproduct-wishlist { position: relative; top: 5px; display: inline-block; vertical-align: middle; margin: 8px; } #product-modal .modal-content .modal-body .image-caption { border: none; } #product-modal .modal-content .modal-body .product-images img { border: 1px solid #e5e5e5; border-radius: 25px; } #product-modal .modal-content .modal-body .product-images img:hover { border-color: #e76f51; } #product-modal .remark-box { padding: 20px 0; } .product-features > dl.data-sheet { border-radius: 50px; overflow: hidden; } #product .data-sheet { max-width: 80%; margin: 0 auto; border: 1px solid #e5e5e5; padding: 40px 0 30px; } .product-features > dl.data-sheet dd.value:nth-of-type(odd), .product-features > dl.data-sheet dt.name:nth-of-type(odd) { background-color: #e76f5121; } .product-features > dl.data-sheet dd.value:nth-of-type(2n), .product-features > dl.data-sheet dt.name:nth-of-type(2n) { background-color: #fff; } .tvproduct-description-tab .product-features > dl.data-sheet dt.name, .tvproduct-description-tab .product-features > dl.data-sheet dd.value { border: none; } .tvproduct-description-tab .product-features > dl.data-sheet dt.name, .tvproduct-description-tab .product-features > dl.data-sheet dd.value { padding: 10px 25px; } .tvproduct-description-tab .product-features > dl.data-sheet dt.name { padding-left: 150px; } .tvproduct-description-tab .product-features > dl.data-sheet dd.value { font-weight: 400; } .tvproduct-description-tab .product-features > dl.data-sheet dt.name { font-weight: 600; } .product-variants-item .form-control-select { width: 50px !important; height: 50px !important; text-align: center !important; } .tv-product-page-content .product-quantity .qty #quantity_wanted, .tv-product-page-content #quantity_wanted_bottom, .tv-product-page-content .cart-overview .js-cart-line-product-quantity { width: 50px !important; height: 50px !important; } .product-actions .bootstrap-touchspin { align-items: center; } #quantity_wanted_bottom { margin-top: 0; } .product-actions .tvall-inner-btn.add-to-cart { height: 55px; } .product-actions .tvcart-btn-model .shopping-cart { background-size: 50px; width: 35px; height: 32px; } @media (max-width: 480px) { .product-quantity, .product-variants > .product-variants-item, .tvcart-btn-model { justify-content: center; } .product-add-to-cart .add-to-cart { margin-right: 0; } .tv-product-page-content .tvproduct-special-desc { padding: 0; } } @media (max-width: 767px) { .product-actions .tvall-inner-btn.add-to-cart { margin-top: 10px; margin-bottom: 10px; } } @media only screen and (max-width: 991px) { .tvproduct-description-tab .product-features > dl.data-sheet dt.name { padding-left: 100px; } #product .data-sheet { max-width: 100%; } } @media only screen and (max-width: 600px) { .product-summary-table td:nth-child(2) { padding: 5px 20px; font-size: 14px; } .tvproduct-description-tab .product-features > dl.data-sheet dt.name, .tvproduct-description-tab .product-features > dl.data-sheet dd.value { padding: 10px 20px; } } .product-price .current-price .price, .modal-body.tv-addtocart-content-part .tv-addtocart-price { color: #000; } .tvall-inner-btn:hover:after { background-color: #000; } .tvproduct-description-tab #tab-content { padding: 30px 0px !important; } .tabs.tvproduct-description-tab.clearfix { max-width: 1000px; margin: 0 auto; } .product-reference { display: none; } element.style { display: none; } .product-quantities { display: none; } .tvproduct-description-tab .product-features p { display: none; } /* Product page update summary table*/ .product-summary-table { width: 100%; } .product-summary-table tr { height: 33.5px; } .product-summary-table td:first-child { height: 33.5px; width: 20px; } .product-summary-table td:nth-child(2) { height: 30px; padding: 0px 10px; } .td-checkmark { background-image: url(https://www.azarius.com/img/filemanager/SVG-content/icons/usp-icon.svg); background-size: 20px 20px; background-repeat: no-repeat; background-position: center; } /* Featured product block */ .tvcmslike-product.container-fluid { max-width: 1000px; margin-bottom: 50px; } .tvcmslike-product.container-fluid .tvcmsmain-title-wrapper { margin-bottom: 30px; position: relative; text-align: left; } .tvsame-category-product, .tvcross-selling-product, .tvlike-product { margin: 0; } .tvcmslike-prev.tvcmsprev-btn { left: 15px !important; } .tvcmslike-next.tvcmsnext-btn { right: 15px !important; } #product .tvcmsprev-btn, #product .tvcmsnext-btn { top: 57%; box-shadow: none; border: none; background-color: #e76f51; } #product .tvcmsprev-btn i, #product .tvcmsnext-btn i { color: #fff; } @media (min-width: 1295px) { .tvlike-product .owl-carousel .owl-item { width: 250px !important; } } /* Updates for USP block*/ #uspblocks { background-color: #f0f0f0; } #uspblocks .uspblock { color: #000; } #uspblocks .uspblock .uspblock-name { font-weight: 600; } @media (max-width: 768px) { #uspblocks-container { background-color: #f0f0f0; } } /* Updates for the header and (mega) menu*/ #tvcms-mobile-view-header.mobile-header-1 .tvcmsmobile-header-logo-right-wrapper { min-height: fit-content; } .tvheader-top-search-wrapper { background-color: transparent; } .tv-menu-horizontal li { margin: 0 15px; } #header .tv-menu-horizontal ul li.level-1 > a { padding: 10px 20px; font-size: 18px; color: #000000; } .menu-content img.img-icon { margin-right: 10px; } .tvcms-header-menu-offer-wrapper.tvcmsheader-sticky { padding-bottom: 10px; background-color: #fafafa; box-shadow: none; } .tvcmsheader-sticky.sticky { padding-bottom: 0px !important; } #header { background: #fafafa; border-bottom: none; } .tvcms-header-myaccount:hover .tv-myaccount-btn i { transition: none; } .tvcms-header-menu-offer-wrapper.tvcmsheader-sticky #tvcmsdesktop-language-selector .tv-language-btn img { vertical-align: middle; } .tvcms-header-myaccount .tv-account-dropdown { right: -50px; border: none; border-radius: 20px; margin-top: -20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); padding: 10px 25px; } .tvcmscart-show-dropdown { box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); z-index: 100; } .tvcmscart-show-dropdown.open { border-radius: 20px; margin-top: -20px; } .tvcart-product-content-box { max-height: 340px; } .tvcart-product-list { border-top: none; } .tvcart-product-list-btn-wrapper { padding: 30px; background-color: #fff; border-radius: 30px; } .tvcart-product-list-total-info { border-top: 1px solid #e5e5e5; padding-top: 10px; } .tvcart-product-totle { color: #5a5a5a; font-size: 14px; } .tvcart-product-list-total-info .tvshoping-cart-subtotal { color: #000; } .tvcart-product-list-total-info .tvcart-product-price { color: #000; } .tvshoping-cart-dropdown-title span.product-name { font-size: 14px; } .tvcmscart-show-dropdown .product-price { font-size: 14px; color: #000; font-weight: 500; } .tvcart-product-list-btn-wrapper { padding: 10px 30px 30px; } .tvcart-product-list-viewcart a { max-width: 250px; margin: 0 auto; border: 1px solid #e5e5e5; background-image: linear-gradient(45deg, #e5e5e5 0%, #fff 55%, #fff 90%); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 12px 16px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; background-color: transparent; } .tvcart-product-list-viewcart a:hover { background-position: 0 0; color: #000; } .tvcart-product-list-viewcart:hover { background-color: transparent; } .tvcart-product-list-checkout { max-width: 250px; margin: 0 auto; background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 12px 16px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; color: #fff; font-weight: 600; } .tvcart-product-list-checkout:hover { background-position: 0 0; } .tvcart-product-list-checkout a { padding: 0; } #tvcmsdesktop-language-selector .tv-language-btn img { vertical-align: middle; width: auto; height: auto; border-radius: 5px; border: 1px solid #ccc; margin-inline-end: 0; object-fit: contain; } .tvheader-currency { margin-right: 23px; top: 1px; } .tvheader-language { margin-right: 25px; } #header .header-1 .tv-myaccount-btn-desktop svg { margin-inline-end: 18px; } #tvcmsdesktop-language-selector .tv-language-btn i, #tvcmsdesktop-currency-selector .tv-currency-btn i { display: none; } #header .tv-contact-account-cart-wrapper svg { width: inherit; height: inherit; } #header .tv-menu-horizontal ul li.level-1 ul li.item-line.tvmega-menu-link a:before { content: "\E315"; font-family: "Material Icons"; font-size: 16px; font-weight: 700; position: relative; top: 4px; margin-inline-end: 15px; margin-inline-start: 0; display: inline-block; border: none; border-radius: 0; background-color: transparent; color: #000; } #header .tv-menu-horizontal ul li.level-1 ul li.item-line.tvmega-menu-link a:hover:before { color: #e76f51; background-color: transparent; border: none; } #header .tv-menu-horizontal ul li.level-1 ul li.item-line a:hover { color: #e7f651; font-weight: 500; } .tv-menu-horizontal > ul > li:hover > a:after { color: #e76f51; } .tv-menu-horizontal .menu-dropdown { padding-top: 30px; padding-bottom: 30px; } .tv-megamenu-slider-wrapper .html-block { min-height: 20px; } #header .tv-menu-horizontal ul li.level-1 ul li.item-header a { text-align: left; font-size: 20px; margin-bottom: 5px; } .tv-menu-horizontal ul.menu-content > li:nth-child(2) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(2) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(2) .tv-sub-menu .item-line a:hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(2) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(2) a:hover:after, .tv-menu-horizontal > ul > li:nth-child(2):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(2):hover > a:after { color: #2c9d8f !important; } .tv-menu-horizontal ul.menu-content > li:nth-child(3) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(3) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal u l.menu-content > li:nth-child(3) .tv-sub-menu .item-line a :hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(3) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(3) a:hover:after, .tv-menu-horizontal > ul > li:nth-child(3):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(3):hover > a:after { color: #f4a262 !important; } .tv-menu-horizontal ul.menu-content > li:nth-child(4) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(4) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(4) .tv-sub-menu .item-line a:hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(4) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(4) a:hover:after, .tv-menu-horizontal > ul > li:nth-child(4):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(4):hover > a:after { color: #e9c369 !important; } .tv-menu-horizontal ul.menu-content > li:nth-child(5) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(5) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(5) .tv-sub-menu .item-line a:hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(5) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(5) a:hover:after, .tv-menu-horizontal > ul > li:nth-child(5):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(5):hover > a:after { color: #89b17d !important; } .tv-menu-horizontal ul.menu-content > li:nth-child(6) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(6) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(6) .tv-sub-menu .item-line a:hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(6) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(6) a:hover:after, .tv-menu-horizontal > ul > li:nth-child(6):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(6):hover > a:after { color: #e0583d !important; } .tv-menu-horizontal ul.menu-content > li:nth-child(7) .tv-sub-menu .item-header a, .tv-menu-horizontal ul.menu-content > li:nth-child(7) .tv-sub-menu .item-line a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(7) .tv-sub-menu .item-line a:hover:before, .tv-menu-horizontal ul.menu-content > li:nth-child(7) a span:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(7) ah:over:after, .tv-menu-horizontal > ul > li:nth-child(7):hover > a > span, .tv-menu-horizontal > ul > li:nth-child(7):hover > a:after { color: #287271 !important; } .tv-menu-horizontal ul.emnu-content > li:nth-child(2) .tv-sub-menu .item-header a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(3) .tv-sub-menu .item-header a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(4) .tv-sub-menu .item-header a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(5) .tv-sub-menu .item-header a:hover, .tv-menu-horizontal ul.menu-content > li:nth-child(6) .tv-sub-menu .item-header a:hover { font-weight: 700 !important; } #header .tv-menu-horizontal li.level-1:hover { box-shadow: 0px -5px 20px 0px rgba(10, 10, 10, 0.05); border-radius: 30px 30px 0 0; background: #fff; } #header .tv-sub-menu.menu-dropdown { border-radius: 30px; box-shadow: 0px 10px 20px 0px rgba(10, 10, 10, 0.05); } #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-logo-right-wrapper { min-height: 1px; } .tv-header-logo { padding: 15px 0; } @media (max-width: 1280px) { .tvheader-nav-offer-text { padding: 5px 0; } } @media (max-width: 991px) { .tvmobile-dropdown-close a i { top: 36px; right: 25px; } .menu-content .tvmega-menu-logo { margin: 10px 0 30px; } #header .tv-sub-menu.menu-dropdown { box-shadow: none !important; } .tv-menu-horizontal li.level-1 { box-shadow: none !important; } .tv-megamenu-slider-wrapper .html-block { display: none; } #header .tv-menu-horizontal ul li.level-1 ul li.item-header a { font-size: 18px; margin-bottom: 0; } .tv-menu-horizontal .tv-menu-col:not(:first-child) ul li.item-header a { margin-top: 10px; } .tvcms-header-myaccount .tv-account-dropdown { margin-top: 0 !important; } .tvcmscart-show-dropdown.open { margin-top: 5px !important; margin-right: 5px; } .tv-language-dropdown { margin-left: 5px; } .tv-currency-dropdown.tv-dropdown.open { margin-left: 1px; } #tvcms-mobile-view-header.mobile-header-2 .tvcmsmobile-header-menu { padding: 0 15px !important; } .tvmobile-sliderbar-btn a { padding: 0; } #tvcms-mobile-view-header.mobile-header-2 .tvheader-sarch-display, #tvcms-mobile-view-header.mobile-header-2 #tvcmsmobile-account-button, #tvcms-mobile-view-header.mobile-header-2 #tvmobile-cart { margin: 0 0 0 15px; } .tvcmsmobile-contact #_desktop_contact_link { margin-left: 17px; } .tvcmsmobile-contact .ets_click_show svg { width: 18px; height: 18px; } .tvcmsmobile-contact .text_content { margin-left: 6px; } .tvcmsheader-sticky.sticky { padding: 5px 0 !important; } } @media (max-width: 768px) { .tvcms-header-myaccount .tv-account-dropdown { margin-top: -5px !important; } } @media (min-width: 992px) { .tv-menu-horizontal ul.menu-content { padding: 10px 20px; } .tv-currency-dropdown { min-width: 65px; } } @media (min-width: 381px) and (max-width: 991px) { .tvcms-header-myaccount .tv-account-dropdown { right: -60px; } } /* Search results haeder*/ .tvsearch-result { top: 75px; } .tvcmssearch-dropdown { box-shadow: 0px 0px 30px 0px rgba(10, 10, 10, 0.05); border-radius: 30px; border-bottom: 0; } .tvsearch-dropdown-total-wrapper { padding: 0 15px; margin: 5px 0 10px; font-weight: 600; color: #000; } .tvsearch-dropdown-total-wrapper:hover .tvsearch-dropdown-total { color: inherit; } .tvsearch-dropdown-wrapper { margin-bottom: 20px; padding: 0 10px; } .tvsearch-dropdown-wrapper a { padding: 10px; border: 1px solid #e5e5e5; border-radius: 10px; } .tvsearch-dropdown-wrapper:hover .tvsearch-dropdown-content-box .tvsearch-dropdown-title { color: #000; } .tvsearch-dropdown-wrapper a:hover { border: 1px solid #e76f51; } .tvsearch-dropdown-title { font-size: 14px; font-weight: 600; } .tvsearch-result .product-price-and-shipping .price { font-size: 14px; font-weight: 600; color: #000; } .tvsearch-more-search.tvall-inner-btn { width: auto; padding: 10px 30px; } .tvsearch-dropdown-close-wrapper { display: none; } .tvsearch-more-search-wrapper { margin: 0 0 10px; } /* Content page adjustments*/ .arrowli { list-style-type: none !important; padding-left: 20px; margin: 0; } .arrowli > li:before { content: "\E315"; font-family: "Material Icons"; font-size: 20px !important; font-weight: 700 !important; position: relative !important; top: 4px !important; color: #e76f51 !important; margin-left: -21px !important; } .arrowli li { font-size: 18px !important; padding-bottom: 15px; color: #000; line-height: 24px; } .arrowli ul, .arrowli ol { padding-left: 20px; margin-bottom: 0px; } .img-br { border-radius: 4px; } .show-on-mobile, .button-mobile { display: none !important; } @media only screen and (max-width: 768px) { .show-on-mobile { display: block !important; margin: 0 auto; } .show-on-desktop { display: none !important; } } @media only screen and (max-width: 600px) { .pb-30 { padding-bottom: 30px; } .tal { text-align: left !important; } .button-mobile { display: block !important; } .button-desktop { display: none !important; } } /* Product page removing unwanted elements & change font-size in buttons*/ .tvproduct-size-custom { display: none; } .payment-detail { display: none; } button.btn.ets-rv-btn-comment.ets-rv-post-product-question.ets-rv-btn-comment-big.background2.bg_hover3.bd_hover3 { font-size: 15px; } button.btn.ets-rv-btn-comment.ets-rv-pos-tproduct-comment.ets-rv-btn-comment-big.background2.bg_hover3.bd_hover3 { font-size: 15px; } @media (max-width: 480px) { .tvproduct-stock-social { display: none !important; } } /*REPLACING PINK COLOR TO ORANGE*/ #tvcmsdesktop-language-selector:hover .tv-language-btn i, #tvcmsdesktop-currency-selector:hover .tv-currency-btn i, #tvcmsdesktop-user-info:hover .tvhedaer-sign-btn i, #tvcmsdesktop-language-selector:hover .tv-language-btn .tv-language-span, #tvcmsdesktop-currency-selector:hover .tv-currency-btn .tv-currency-span, #tvcmsdesktop-user-info .tvhedaer-sign-btn:hover, .tv-account-dropdown a.tvmyccount:hover { color: #e76f51; font-weight: 600; } .tvdesktop-wishlist:hover .tvwishlist-name span, .tvcmsdesktop-view-compare:hover .tvdesktop-view-compare-name, .tvdesktop-wishlist:hover .tvwishlist-icon i, .tvdesktop-view-compare:hover .tvdesktop-compare-icon i { color: #e76f51; font-weight: 600; } .tv-language-dropdown li a:hover, .tv-currency-dropdown li a:hover { color: #e76f51; } /*(Mobile) Menu Updates*/ @media (max-width: 991px) { .mobile-header-1, .mobile-header-2, .mobile-header-3 { border-bottom: none; background-color: #fafafa; padding-bottom: 5px; } } @media screen and (max-width: 991px) { .tvheader-language-btn-wrapper { margin-top: 16px; } #tvcmsdesktop-language-selector .tv-language-btn, #tvcmsdesktop-currency-selector .tv-currency-btn { margin-left: 15px; } .tv-megamenu-slider-wrapper .html-block img { display: none; } .tvmobile-slidebar { width: 80%; } .tv-menu-horizontal .menu-dropdown.tv-sub-menu { margin-top: 10px; } .tv-menu-horizontal .menu-dropdown { border-radius: 5px; } .tv-menu-horizontal ul li.parent .icon-drop-mobile:after { top: 0px; width: 100%; text-align: right; padding-top: 10px; padding-bottom: 10px; margin-right: 15px; } .tvmobile-sliderbar-btn a { background: none !important; } #header .tv-menu-horizontal ul li.level-1 > a { padding: 0 !important; } } @media screen and (max-width: 600px) { .tvmobile-slidebar { width: 100%; } } /*Create general classes to show on desktop / hide on desktop at 480px*/ @media screen and (max-width: 600px) { .show-on-desktop { display: none; } } @media screen and (min-width: 601px) { .hide-on-desktop { display: none; } } @media screen and (max-width: 900px) { .mobile-top-margin { margin-top: 20px !important; } } /*Restyle the order process*/ .modal-content { box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); border-radius: 30px; } #blockcart-modal .modal-header { background: transparent; border-radius: 50px; padding: 30px 15px 15px; } .tv-addtocart-msg-wrapper .tv-addtocart-close { font-size: 28px; top: 30px; } .tv-addtocart-msg-wrapper .tv-addtocart-close:hover { font-weight: 600; } #blockcart-modal .product-image { border: 1px solid #e5e5e5; padding: 5px; border-radius: 30px; margin-top: -5px; } #blockcart-modal .modal-title { font-weight: 600 !important; color: #000; font-size: 16px; text-align: center; } #blockcart-modal .modal-body { border-radius: 50px; background: transparent; } #blockcart-modal .modal-title i.material-icons { margin-right: 10px; font-size: 20px; font-weight: 600; color: #e76f51; } #blockcart-modal.tv-addtocart-msg-wrapper .tv-addtocart-product-name .product-name { font-weight: 600 !important; font-size: 20px; } #blockcart-modal .cart-content .cart-content-btn { display: flex; justify-content: center; padding-top: 10px; } #blockcart-modal .product-name { font-size: 1rem; } .modal-body.tv-addtocart-content-part .tv-addtocart-price { font-size: 0.875rem; } .product-prices div { margin-top: 5px; } #blockcart-modal .cart-products-count { font-weight: 600; } #blockcart-modal .cart-content p, #blockcart-modal .cart-content strong { color: #000; font-size: 0.875rem; display: flex; justify-content: space-between; font-weight: 400; } #blockcart-modal .cart-content p.cart-products-count { font-size: 1.25rem; text-transform: none; } .col-md-6.tv-addtocart-product-name { font-size: 15px; } .tv-addtocart-content .cart-content p { font-weight: 600 !important; } span.product-price { font-size: 16px; } .tvfooter-product-sticky-bottom.sticky .tvflex-items .tvtitle-price .h1 { margin: 15px auto 0; height: auto; } @media (max-width: 767px) { #blockcart-modal .product-image { width: 50%; margin: 0 auto 1.5rem; } #blockcart-modal .modal-dialog { width: calc(100% - 30px); margin: 20px auto; } .col-md-6.tv-addtocart-content { padding-top: 15px; } #blockcart-modal .divide-right { border-right: none; } } @media (min-width: 768px) { #blockcart-modal .modal-body { padding-right: 30px; padding-bottom: 30px; } } /* order confirmation page */ #content-hook_order_confirmation .card-block { max-width: 1200px; margin: 0 auto; padding: 20px 0 0; } #content-hook_order_confirmation .card-block .done { display: none; } .tvorder-conformation-wrapper .page-content { padding: 0; } #order-details ul li { font-size: 18px; line-height: 1.1; } #content-hook_payment_return { max-width: 1200px; margin: 0 auto; } .tvorder-conformation-wrapper { margin-bottom: 50px; } .definition-list dl dd, .definition-list dl dt { background: #e76f5121; } .definition-list dl dd:nth-of-type(2n), .definition-list dl dt:nth-of-type(2n) { background: #fff; } .definition-list dl dt { font-weight: 500; } .definition-list dl dd, .definition-list dl dt { margin: 0; } /*tvnewsleeter*/ .tvnewsleeter-input-button-wraper { display: flex; align-items: center; max-width: 400px; /* Adjust this value based on your design needs */ } .input-wrapper { flex: 1; /* This ensures the input takes up only the necessary space */ } .tvnewsleteer-btn-wrapper { position: absolute; right: 0; top: 50%; transform: translateY( -50% ); /* This will vertically centre the button relative to the wrapper */ } /* Remove subcategory overview on category pages .tv-category-main-div.clearfix { display: none; } */ /* Grid update for home*/ .grid.grid-2.azarius-home { display: flex; align-items: center; justify-content: space-between; border-radius: 90px; box-shadow: 0px 0px 20px #e5e5e5; padding: 40px; } /*homepage container */ .homepage-container { display: flex; justify-content: space-around; } .column { flex: 0 0 32%; display: flex; justify-content: center; align-items: center; height: 150px; } .background-image { width: 100%; height: 100%; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; } /*category page updates */ .category-additional-description div ul { list-style: disc; margin-top: 0.5rem; margin-bottom: 0.5rem; } .category-additional-description div ul li { font-size: 16px; line-height: 24px; } .tvproduct-wrapper.grid .tvproduct-hover-btn, .tvproduct-wrapper.grid-2 .tvproduct-hover-btn { bottom: 75px !important; } .category-additional-description div { background: #fafafa; padding: 30px; margin: 30px 0; border-radius: 30px; text-align: left; } .category-additional-description h2, .category-additional-description h2 span { font-size: 22px; line-height: 24px; font-weight: 600 !important; } .category-additional-description .clean { background: inherit; padding: 0; margin: 0; border-radius: none; } .cms-id-21 table { width: 100% !important; border-collapse: collapse !important; } .cms-id-21 table, th, td { border: none !important; } .cms-id-21 table tr td:nth-child(2) { font-weight: bold !important; color: #000000 !important; } .cms-id-21 table tr:nth-child(even) { background-color: rgba(233, 195, 105, 0.2) !important; } .cms-id-21 table tr td { width: 50% !important; } @media screen and (min-width: 768px) { .plr-50 { padding-left: 50px !important; padding-right: 50px !important; } } @media screen and (min-width: 1200px) { .category-width { width: 1200px !important; } } /* Mobile Styles */ @media screen and (max-width: 767px) { #category #content-wrapper { margin-top: 10px; } .grid.grid-2.azarius-home { flex-direction: column; } .grid.grid-2.azarius-home .item { margin-bottom: 20px; /* Space between items */ } /* Optional: Adjust padding for mobile */ .grid.grid-2.azarius-home { padding: 20px; } } /* Grow Guide */ .grow-guide-cms { max-width: 1200px; margin: 0 auto; } /*Account and login (forgot password) page & personal information in my account*/ .page-registration #content, .page-authentication #content { padding: 30px 15px; max-width: 500px; } .form-control-label { font-weight: 600; color: #000; } .page-registration #content .form-title h1, .page-authentication #content .form-title h1 { font-size: 32px; font-weight: 600 !important; } .form-control { background: #fff; border: 1px solid #e5e5e5; border-radius: 50px; padding: 10px 20px; } .form-control:focus { border-color: #e76f51; } .page-customer-account #content .forgot-password, .page-customer-account #content .no-account { text-decoration: none; } .page-registration .input-group .form-control:not(:last-child), .page-authentication .input-group .form-control:not(:last-child), .page-customer-account .input-group .form-control:not(:last-child) { border-radius: 50px 0 0 50px !important; } .custom-radio { border: none; background: #f7f7f7; } .custom-radio input[type="radio"]:checked + span { background-color: #e76f51; left: 4px; top: 4px; } .input-group .input-group-btn > .btn[data-action="show-password"] { background: #e76f51; padding: 13px 10px 14px; border-radius: 0 50px 50px 0; font-weight: 500; text-transform: capitalize; font-size: 12px; border: none; width: 75px; } #customer-form label[for="psgdpr"] p { margin-bottom: 0px; } .page-registration #content .register-form .tvall-inner-btn { display: flex; width: fit-content; float: none; margin: 0 auto; padding: 10px 50px; } button#submit-login { max-width: fit-content; margin: 0 auto; padding: 10px 50px; } .page-registration #content a { font-weight: 600; } .page-authentication #content a:hover { font-weight: 600; } .page-customer-account .forgotten-password { padding: 30px 0 0; max-width: 500px; margin: 0 auto; } .page-customer-account .forgotten-password .form-fields .email input:focus { border-color: #e76f51; } .form-group.center-email-fields { display: flex; flex-direction: column; } .page-customer-account .forgotten-password .form-fields .email input { background: #fff; border: 1px solid #e5e5e5; border-radius: 50px; padding: 10px 20px; height: 40px; } .page-customer-account .forgotten-password .form-fields .email { margin: 0 auto; width: 100%; } .page-customer-account .forgotten-password .form-fields .center-email-fields button { height: 40px; width: auto; padding: 10px 50px; line-height: 100%; margin: 30px auto 0; } .page-footer .account-link:hover { background-position: 0 0; } .page-footer .account-link { margin: 0 auto; border: 1px solid #e5e5e5; background-image: linear-gradient(45deg, #e5e5e5 0%, #fff 55%, #fff 90%); background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; text-decoration: none; transition: all 0.5s ease; box-shadow: none; background-color: transparent; line-height: 1; padding: 10px 30px; margin-right: 10px; margin-bottom: 10px; } .page-footer .account-link span { color: #000; font-size: 16px; } .page-footer .account-link span:hover { color: #000; } .page-footer .tvall-inner-btn i { color: #000; } .page-footer .tvall-inner-btn i:hover { color: #000; } .page-customer-account .form-group { max-width: 500px; margin: 0 auto; } .page-customer-account .page-footer { text-align: center; } .page-customer-account .form-footer.clearfix { text-align: center; margin-top: 20px; } .page-customer-account .form-footer.clearfix .float-xs-right { float: none; } .page-customer-account .form-group.center-email-fields .form-control-label { width: 100%; padding-top: 20px; } .page-customer-account .form-group .ets_rv_profile_image { display: none; } .page-customer-account .form-group .avatar-label { display: none; } a { color: #000; } a:hover { color: #e76f51; } a:focus { color: #e76f51; } /* My Account adjustments */ #main .page-content { margin-bottom: 10px; } #main .page-content { border: none; } .page-my-account #content .links a span.link-item { border-radius: 25px; border: 1px solid #e5e5e5; } .page-my-account #content .links a span.link-item:hover { border: 1px solid #e76f51; } .page-my-account #content .links a span:hover { color: #e76f51; } .links i { background-size: 50px !important; } .links #identity-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Account.svg); } .links #identity-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Account-Hover.svg); } .links #address-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Attachment.svg); } .links #address-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Attachment-Hover.svg); } .links #addresses-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Location.svg); } .links #addresses-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Location-Hover.svg); } .links #history-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Clock.svg); } .links #history-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Clock-Hover.svg); } .links #order-slips-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Invoice.svg); } .links #order-slips-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Invoice-Hover.svg); } .links #discounts-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Gift.svg); } .links #discounts-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Gift-Hover.svg); } .links .link_wishlist i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Heart.svg); } .links .link_wishlist i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Heart-Hover.svg); } .links #emailsalerts i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Letter.svg); } .links #emailsalerts i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Letter-Hover.svg); } .links #my-review-link i { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Chat.svg); } .links #my-review-link i:hover { background: no-repeat center url(/img/filemanager/SVG-content/icons/Shopicons_Regular_Chat-Hover.svg); } .page-footer .text-sm-center .tvall-inner-btn i { color: #fff; } .page-footer .text-sm-center .tvall-inner-btn i:hover { color: #fff; } .text-sm-center { text-align: center; } .page-customer-account #content .order-actions a { padding: 0 5px; } #history .orders .order a h3 { color: #000; font-size: 18px; } .page-customer-account #content, .page-order-detail { color: #000; } .table-striped tbody tr:nth-of-type(even) { background-color: #e76f5121; } .table-striped tbody tr:nth-of-type(odd) { background-color: #fff; } .thead-default th { color: #000; background-color: #fafafa; } .page-order-detail .box { box-shadow: none; border-radius: 20px; border: 1px solid #e5e5e5; } .page-order-detail h3 { font-size: 16px; text-transform: none; color: #000; } .page-order-detail .box ul li { font-size: 14px; } .page-addresses .address .address-body { border: 1px solid #e5e5e5; border-radius: 20px; } .table-labeled .label { border-radius: 50px; padding: 5px 10px; } .table-bordered th { font-weight: 600; } /* Contact us page adjustments */ .contact-form .form-control { background: #fff; color: #000000; border: 1px solid #e5e5e5; border-radius: 50px; padding: 10px 20px; } .contact-form .form-control:focus { border: 1px solid #e76f51; } .contact-form h3 { font-size: 32px; font-weight: 600 !important; text-transform: unset; color: 000; border-bottom: none; margin-bottom: 0; } .contact-form .form-control-label { font-weight: 600; color: #000; } .contact-form select.form-control:not([size]):not([multiple]) { height: 100%; } .contact-form .input-group .form-control:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .contact-form .input-group .input-group-btn > .btn { font-size: 14px; text-transform: unset; padding: 12px 16px; border-radius: 0 50px 50px 0; background: #e76f51; transition: all 0.5s ease; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ); background-size: 200% 200%; background-position: 100% 0; } .contact-form .input-group .input-group-btn > .btn:hover { background-position: 0 0; } .contact-form textarea.form-control.tvcontact-area-text { border-radius: 30px; padding: 20px 30px; } .contact-form button.tvall-inner-btn { min-width: 120px; padding: 10px 16px; } @media (max-width: 768px) { .contact-form button.tvall-inner-btn { display: block; margin: 0 auto; } .contact-form .input-group .input-group-btn > .btn { padding: 13px 16px; } } /* product page adjustments */ .tvproduct-page-decs p { margin-bottom: 10px; } .product-summary-table { margin-top: 0px; margin-bottom: 10px; } .tvproduct-title-brandimage h2.product-subtitle { font-size: 20px !important; line-height: 24px !important; font-weight: 400 !important; margin-bottom: 5px; } .effect-text p, .flavor-text p { font-size: 14px !important; color: #000 !important; } @media (max-width: 767px) { .content-block-up { margin-top: 0 !important; } .content-block-up h2 { max-width: 100% !important; text-align: left !important; } } @media (min-width: 768px) { .flavor-text { margin: 0 0 auto 80px !important; } .effect-text { margin: 0 80px auto 0 !important; } } /* Push content block up*/ .content-block-up { margin-top: 30px; } .content-block-up div { max-width: 1000px !important; } @media (min-width: 900px) { .content-block-up { margin-top: -100px !important; } } .product-page-banner-block { position: absolute; bottom: 50%; left: 5%; text-align: left; width: auto; max-width: 480px; } .product-page-banner-block h2 { font-size: 24px; margin: 0; padding: 0; line-height: normal; color: white; font-weight: bold; } .product-page-banner-block p { font-size: 24px; line-height: normal; max-width: 100%; color: white; font-weight: bold; } @media (max-width: 480px) { .product-page-banner-block { max-width: 80%; } .product-page-banner-block h2 { font-size: 18px; font-weight: 500; } .product-page-banner-block p { line-height: 1.1; } } /* Media query for desktop screens */ @media (min-width: 768px) { /* Adjust this breakpoint if needed */ .product-page-banner-block { bottom: 67%; } } @media (min-width: 768px) { /* Adjust this breakpoint if needed */ .product-page-banner-block p { font-size: 36px; } } /* Category page content */ .brands-markup .ratingsBlock .ets_rv_grade_stars i.ets_svg_icon span { margin-top: 1px; margin-right: 5px; } @media (max-width: 991px) { .brands-markup .ratingsBlock { justify-content: start; } .rating-bottom { display: flex; } h1#category-name { text-align: left; } .filter-relevance-block-mobile { display: block; padding: 0; } .card-block { padding: 0; } .category-additional-description div { padding: 20px; margin: 20px 0 30px; } .tv-total-product.mobile { margin-left: 0; } .tv-total-product-number { font-size: 18px; } } h1#category-name { font-size: 32px; line-height: 36px; } .category-content { margin: 0 auto; } .category-content h2 { font-size: 22px; line-height: 24px; font-weight: 700 !important; } .category-content h3 { font-size: 20px !important; } .category-content h4 { font-size: 18px !important; } .category-content li { font-size: 16px !important; list-style-type: none !important; padding-left: 20px; margin: 0; color: #000; line-height: 24px; font-weight: 300; } .category-content li:before { content: "\E315"; font-family: "Material Icons"; font-size: 20px !important; font-weight: 700 !important; position: relative !important; top: 4px !important; color: #e76f51 !important; margin-left: -21px !important; } .category-content ul, .category-content ol { padding-bottom: 20px; margin-bottom: 0px; } .tv-category-image img { border-radius: 20px; } .tv-category-main-div { border: none; } .tv-sub-category-wrapper { padding: 0 15px; } .tv-sub-category-inner:hover .tvcategory-name a { color: #e76f51; } @media screen and (max-width: 768px) { .category-content h2 { text-align: center; } } @media (max-width: 450px) { .tv-sub-category-wrapper { flex: 0 0 50%; } } @media (max-width: 360px) { .tv-category-image img { max-height: 125px; } } /* FAQ accordion */ .faq-accordion div { margin-bottom: 20px; } .faq-accordion h2 { font-size: 26px !important; padding: 20px 0; } .faq-accordion-question { background-color: #000000; color: #fff; padding: 10px; width: 100%; text-align: left; border: none; outline: none; transition: background-color 0.3s ease; cursor: pointer; font-size: 18px; font-weight: 700; display: flex; align-items: center; border-radius: 4px; justify-content: space-between; } .faq-accordion-question .material-icons { transition: transform 0.2s ease-out; } .faq-accordion-answer:not([style*="display: none"]) + .faq-question .material-icons { transform: rotate(180deg); } .faq-accordion-question:hover { background-color: #000000; color: #fff; } .faq-accordion-answer { padding: 10px; background-color: rgba(243, 236, 218, 0.3); overflow: hidden; transition: max-height 0.2s ease-out; margin: 0; } /* Comprehensive Product Page Content */ .comp-product-page-content { max-width: 1000px; margin: 0 auto; } .comp-product-page-content h2 { font-size: 56px; line-height: 56px; font-weight: 700 !important; padding-bottom: 30px; } .comp-product-page-content h3 { font-weight: 600 !important; } .comp-product-page-content .special-heading { font-size: 68px; line-height: 68px; } .comp-product-page-content .floating-heading { color: #88b17d; position: absolute; margin-top: -250px; font-size: 68px; line-height: 68px; } .comp-product-page-content .inside-image { z-index: 1; position: absolute; } .comp-product-page-content img { margin: 0 auto; } .comp-product-page-content .grow-kit-product-box, .comp-product-page-content .magic-truffles-product-box { max-width: 600px; border-radius: 50px; margin: 0 auto; } .comp-product-page-content .grow-kit-product-box h1, .comp-product-page-content .magic-truffles-product-box h1 { color: #fff; font-weight: 700 !important; padding-bottom: 15px; } .comp-product-page-content .grow-kit-product-box h2, .comp-product-page-content .magic-truffles-product-box h2 { color: #fff; font-size: 36px; line-height: 36px; } .comp-product-page-content .grow-kit-product-box p, .comp-product-page-content .magic-truffles-product-box p { color: #fff; font-size: 24px; line-height: 32px; font-weight: 600; padding-bottom: 0px; } .comp-product-page-content .magic-truffles-product-box p { color: #fff; font-size: 20px; line-height: 24px; font-weight: 600; padding-bottom: 0px; } .comp-product-page-content .highlight-text { font-size: 24px; line-height: 32px; } .comp-product-page-content .rating-block { border: 2px solid #e5e5e5; border-radius: 50px; max-width: 550px; margin: 0 auto; } .comp-product-page-content .rating-block h4 { font-size: 18px; font-weight: bold !important; } .comp-product-page-content .rating-block .last-rating-block h4 { color: #fff; } .comp-product-page-content .last-rating-block { border-radius: 50px; margin: 0px 30px 50px; padding: 50px 50px 35px; } .comp-product-page-content .rating-padding { padding: 55px 100px 40px; } .comp-product-page-content .rating-width { width: 275px; margin: 0 auto; } .comp-product-page-content .rating-block-extra-info { padding: 0px 30px 30px; } .comp-product-page-content .container { position: relative; width: 100%; } .comp-product-page-content .text { position: absolute; color: #fff; z-index: 10; font-size: 36px; line-height: 38px; } .comp-product-page-content .grow-text { top: 70px; right: 103px; text-align: left; } .comp-product-page-content .trip-text { bottom: 75px; left: 35px; text-align: left; } .product-details-table { border-collapse: separate !important; border-radius: 50px; overflow: hidden; width: 100% !important; border: 1px solid #e5e5e5; border-spacing: 0; margin: 0 auto; } .product-details-table-wrapper { width: 80%; margin: 0 auto; } .product-details-table-wrapper h3 { font-weight: 600 !important; padding-bottom: 5px; } .product-details-table td { padding: 10px 20px; } .product-details-table .left-column { width: 25%; padding-left: 100px; font-weight: bold; } .product-details-table .right-column { width: 75%; padding-right: 100px; } .comp-product-page-content .flex-container { display: flex; flex-wrap: wrap; gap: 20px; } .comp-product-page-content .flex-container > div { flex: 1 1 calc(25% - 40px); } .comp-product-page-content .tips-box { padding: 30px; border-radius: 30px; color: #fff; } .comp-product-page-content .tips-box h3, .tips-box p { color: #fff !important; } .farm-box { border: 1px solid #e5e5e5; border-radius: 30px; padding: 15px 15px 0; margin: 20px 0; } .remark-box { border: 1px solid #e5e5e5; border-radius: 30px; padding: 20px 0 5px; margin: 30px 0; } .remark-box .inner-box { width: 80%; margin: 0 auto; } .comp-product-page-content .header-image { background-size: cover; background-position: center; padding: 50px; height: 587px; color: white; flex-direction: column; justify-content: flex-end; border-radius: 50px; } .comp-product-page-content .info-block { background: #88b17d; box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); border-radius: 30px; padding: 30px; margin: 30px 0; } .comp-product-page-content .herb-block { box-shadow: 0 0 30px rgba(0, 0, 0, 0.075); border-radius: 30px; padding: 30px; } .comp-product-page-content .info-block h3, .comp-product-page-content .info-block p, .comp-product-page-content .header-image h2, .comp-product-page-content .header-image h3 { color: #fff; } .comp-product-page-content .herb-block h3 { color: #88b17d; } @media screen and (max-width: 600px) { .comp-product-page-content h2 { font-size: 36px; line-height: 38px; } .comp-product-page-content img { width: 100% !important; height: auto !important; margin: 0 auto !important; } .comp-product-page-content .header-image { padding: 30px; height: 545px; border-radius: 30px; } .comp-product-page-content .highlight-text { font-size: 16px; line-height: 24px; } .comp-product-page-content .herb-block { padding: 20px 30px; } .comp-product-page-content .grow-kit-product-box h1, .comp-product-page-content .magic-truffles-product-box h1 { font-size: 3em; } .comp-product-page-content .grow-kit-product-box h2, .comp-product-page-content .magic-truffles-product-box h2 { font-size: 2em; } .comp-product-page-content .grow-kit-product-box p, .comp-product-page-content .magic-truffles-product-box p { font-size: 1em; line-height: 1.125em; } .comp-product-page-content .special-heading { font-size: 46px; line-height: 48px; } .comp-product-page-content .floating-heading { position: relative; margin-top: -30px; font-size: 46px; line-height: 48px; } .comp-product-page-content .inside-image { position: relative; margin-top: 0x; } .comp-product-page-content .rating-padding { padding: 55px 30px 40px !important; } .comp-product-page-content .rating-width { width: 220px !important; } .comp-product-page-content .rating-block img { width: 40px !important; } .comp-product-page-content .last-rating-block { margin: 0; padding: 50px 30px 35px; } .product-details-table-wrapper { width: 100%; } .product-details-table .left-column { padding-left: 20px; } .product-details-table .right-column { padding-right: 20px; } .comp-product-page-content .rating-block-extra-info { padding: 30px 30px 15px; } } @media (max-width: 768px) { .flex-container > div { flex: 1 1 calc(50% - 40px) !important; } } @media (max-width: 425px) { .flex-container > div { flex: 1 1 100% !important; } } /*Icons Adjustments*/ #header .tv-myaccount-btn-desktop svg path:nth-child(1) { fill: #d6d6d6 !important; } #header .tv-myaccount-btn-desktop svg path:nth-child(1):hover { fill: #e76f51 !important; } .tvcms-header-sign:hover .tvhedaer-sign-btn i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Account-Login-Hover.svg); } .tvcms-header-sign .tvhedaer-sign-btn i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Account-Login.svg); } .tvcms-header-sign:hover .logout.tvhedaer-sign-btn i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Account-Login-Hover.svg); rotate: 180deg; top: -2px; position: relative; } .tvcms-header-sign .logout.tvhedaer-sign-btn i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Account-Login.svg); rotate: 180deg; top: -2px; position: relative; } .tvcmsdesktop-view-compare:hover .tvdesktop-compare-icon i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Compare-Small-Hover.svg); } .tvcmsdesktop-view-compare .tvdesktop-compare-icon i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/Compare-Small.svg); } .tv-header-account .tv-myaccount-btn-desktop i.material-icons.new-icons { background-image: url(/img/filemanager/SVG-content/icons/User.svg); width: 25px; height: 25px; } .tv-header-account .tv-myaccount-btn-desktop i.material-icons.new-icons:hover { background-image: url(/img/filemanager/SVG-content/icons/User-Hover.svg); } .tvcms-signin .tvmyccount:hover i.material-icons, .tv-account-dropdown .tvmyccount:hover i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/User-Hover.svg); width: 20px; } .tvcms-signin .tvmyccount i.material-icons, .tv-account-dropdown .tvmyccount i.material-icons { background-image: url(/img/filemanager/SVG-content/icons/User-Black.svg); width: 20px; } .ttvcms-wishlist-icon .tvwishlist-name .material-icons.new-icons.desctop-header { background-image: url(/img/filemanager/SVG-content/icons/Favourite.svg); width: 27px; height: 27px; } .ttvcms-wishlist-icon .tvwishlist-name .material-icons.new-icons.desctop-header:hover { background-image: url(/img/filemanager/SVG-content/icons/Favourite-Hover.svg); } .header-1 .ttvcms-wishlist-icon { margin-inline-end: 15px; margin-inline-start: 15px; } .tvcart-icon-text-wrapper .tv-cart-icon i.material-icons.new-icons.desctop-header { background-image: url(/img/filemanager/SVG-content/icons/Bag.svg); width: 25px; height: 25px; } .tvcart-icon-text-wrapper .tv-cart-icon i.material-icons.new-icons.desctop-header:hover { background-image: url(/img/filemanager/SVG-content/icons/Bag-Hover.svg); } .mobile-header-1 .ttvcms-wishlist-icon { margin-inline-start: 10px; } @media (max-width: 991px) { #tvcmsmobile-account-button { margin: 0 10px; } } @media (max-width: 600px) { #tvcmsmobile-account-button { margin: 0px; } } @media (max-width: 991px) { @media (max-width: 600px) { .mobile-header-1 .ttvcms-wishlist-icon { margin-inline-end: 10px; } } } /* filter adjustments */ .tvleft-right-penal-all-block { padding: 10px; border-radius: 20px; } .tvserach-filter-wrapper { border-top: none; padding: 15px; } #_desktop_search_filters_clear_all { text-align: left; margin-bottom: 30px; } .clear-all-wrapper .btn { box-shadow: none; padding: 8px 15px; text-transform: none; border-radius: 10px; margin: 0; font-weight: 400; color: #5a5a5a; } .btn-tertiary { text-transform: lowercase; color: #5a5a5a; } .btn-tertiary:hover { background: #f7f7f7; } .btn-tertiary:hover i { font-weight: 700; color: #000; } .clear-all-wrapper .btn i { margin: 0; font-size: 14px; bottom: 1px; position: relative; margin-right: 3px; } #search_filters .facet .facet-title { font-size: 12px; color: #5a5a5a; padding-bottom: 0; font-weight: 500 !important; } #search_filters .facet .facet-label a { color: #000; } #search_filters .facet .facet-label .custom-checkbox { top: -1px !important; } #search_filters .facet .facet-label:hover a, #search_filters .facet .facet-label.active a { color: #e76f51; font-weight: 500; } #search_filters .ui-slider-horizontal { height: 0.25em; } .custom-checkbox span { border: none !important; height: 19px; width: 19px; background: #f7f7f7; border-radius: 5px; box-shadow: none; } .custom-checkbox span i { font-size: 18px; color: #e76f51; } .ui-widget-content { border: none; background: #f7f7f7; } #search_filters .ui-widget-header { background: #e76f51; } #search_filters_wrapper #search_filters .ui-slider .ui-slider-handle { top: -6px; background: #fff; border: none; height: 20px; width: 20px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); border-radius: 50px; } .tv-total-product-number { font-weight: 500 !important; color: #e76f51; } .tvall-page-shortby .products-sort-order .select-title { padding: 8px 15px; border-radius: 15px; border: none; background: #f7f7f7; } .products-sort-order .dropdown-menu { margin-top: -10px; padding: 10px 0 15px; background: #f7f7f7; box-shadow: none; border-radius: 0 0 15px 15px; } .products-sort-order .select-title { color: #5a5a5a; font-weight: 500; } .products-sort-order .select-list { font-size: 14px; } .products-sort-order .select-list:hover { background: #e76f51; font-weight: 500; } .active_filters, .tvcenter-block-product-section { border-radius: 20px; } .active_filters .active-filter-title { font-weight: 500 !important; color: #e76f51; margin-right: 30px; } .active_filters .filter-block { box-shadow: none; color: #5a5a5a; background: #f7f7f7; border-radius: 10px; padding: 8px 15px; } .active_filters .filter-block .close { color: #5a5a5a; font-size: 16px; margin-left: 5px; top: 4px; position: relative; text-shadow: none; opacity: 1; font-weight: 400; } .active_filters .filter-block .close:hover { color: #000; font-weight: 700; } #search_filters_wrapper #search_filters .ui-slider .ui-slider-handle:last-child { margin-left: -17px; } .tvfilter-search-types-dropdown { padding: 0 10px 0 0; scrollbar-color: #c5c5c5 #f7f7f7; scrollbar-width: thin; } @media (max-width: 575px) { .tv-grid-list-all-wrapper { display: none; } .tv-total-product-number { line-height: 24px; } } @media (max-width: 991px) { #products #js-active-search-filters.active_filters p.active-filter-title { font-size: 18px; margin-bottom: 10px; margin-left: 0px; margin-right: 0; } #products #js-active-search-filters.active_filters ul { padding: 0; margin-bottom: 10px; } } /* block categories adjustments*/ .block-categories { padding: 10px; border-radius: 20px; } .block-categories > .category-top-menu { padding: 0; } .block-categories .category-top-menu li > .category-sub-menu { padding: 0 15px 0; } .tv-leftcategory-wrapper { border-top: none; } .block-categories .category-sub-menu li[data-depth="0"] > a { font-weight: 400; padding: 5px 0; } .block-categories .category-sub-menu li[data-depth="2"]:hover > a, .block-categories .category-sub-menu li[data-depth="0"]:hover > a, .block-categories .category-sub-menu li[data-depth="1"]:hover > a { color: #e76f51; } /* sitemap adjustments */ #sitemap .sitemap { border: 1px solid #e5e5e5; border-radius: 50px; padding: 30px; } .sitemap h2 { font-size: 22px; text-transform: none; font-weight: 600; color: #000; } .sitemap ul li a { transition: none; } .sitemap ul li a:hover { color: #e76f51; } /* blog css (wiki) */ .ybc-blog-wrapper-detail { max-width: 1000px; } a.blog_view_all:hover { background-position: 0 0; transform: scale(1.02); } a.blog_view_all { background-color: #e76f51; background-image: linear-gradient( 45deg, #e9c369 0%, #e76f51 55%, #e76f51 90% ) !important; background-position: 100% 0; background-size: 200% 200%; border-radius: 50px; padding: 10px 20px !important; text-transform: none; transition: all 0.5s ease; box-shadow: none; color: #fff !important; font-weight: 600; font-size: 16px !important; } .blog_description h3 { font-size: 22px; padding-bottom: 10px; padding-top: 15px; margin-bottom: 0; } .blog_description { color: #000; } .blog_description p { color: #000000; font-size: 16px; line-height: 24px; } .page-heading .title_cat { font-size: 36px !important; line-height: 1.1 !important; text-transform: none; } .blog_description h2 { font-size: 26px !important; margin-bottom: 1rem; padding-top: 10px; } .blog_description strong { font-weight: 600 !important; } .blog-extra { margin-bottom: 0; } .blog_description ul li, .blog-category-desc ul li { font-size: 16px; color: #000; cursor: auto; list-style: disc; } .blog-category-desc ul { list-style: disc; padding-left: 30px; margin-bottom: 2rem; } .blog-category-desc h2 { margin-bottom: 1rem; } .blog_description a { text-decoration: underline; } .blog_description a:hover { text-decoration: underline !important; color: #e76f51 !important; font-weight: 400 !important; } .blog_description a.button2 { text-decoration: none !important; color: #fff !important; font-weight: 600 !important; font-size: 16px; } a.ybc_title_block { color: #000 !important; font-weight: 600 !important; } a.ybc_title_block:hover { color: #e76f51 !important; } #left-column .ybc_blog_sidebar .block, #right-column .ybc_blog_sidebar .block { background-color: #fff; box-shadow: none; margin-bottom: 30px; padding: 30px !important; border-radius: 25px; border: 1px solid #e5e5e5; } .ybc_blog_sidebar .ybc_block_search .icon_search { top: 2px; width: 50px; color: #000; } .ybc_blog_sidebar .ybc_block_search input { border: 1px solid #e5e5e5; height: 45px; } .ybc_blog_sidebar .ybc_block_search input:focus { border-color: #e76f51; } #left-column .ybc_block_categories li a:hover { color: #e76f51; } h4.title_blog.title_block { margin-bottom: 30px; } #left-column .title_blog { margin-top: 0; } span.post-author-name { text-transform: capitalize; } .ybc-blog-wrapper-detail a:hover { color: #e76f51; } .ybc_indexing_box { border: 0px solid #333; margin-bottom: 10px; border-radius: 4px; background: #fafafa; } .ybc_indexing_content_post { max-height: none; padding: 20px; font-size: 16px; } .ybc_indexing_box_title { border-bottom: 0px solid #fff; color: #333; background: #f0f0f0; } .ybc_indexing_box_title .close_open_heading:before { border-left: 2px solid #333; border-top: 2px solid #333; } .ybc_indexing.index_h3, .ybc_indexing.index_h4 { display: none; } #ybc-blog-related-products .content_price span.bp-percent-display { background-color: #000000; border-radius: 4px; } .ybc-navigation-blog-content .title_blog, .ybc-navigation-blog-content .title_blog a { color: #000000; font-size: 18px; text-transform: none; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { font-size: 18px; font-weight: 500; } .ybc-blog-related-posts .title_blog { text-transform: none; } .title_blog, .title_blog a { font-size: 36px; } .title_blog, .title_blog a { color: #000000; font-size: 50px; margin-bottom: 50px; font-weight: 300; margin-top: 0; text-transform: none; } .ybc_title_block { color: #000000; font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 15px; margin-top: 25px; text-transform: none; } .ybc-blog-wrapper .page-heading { font-size: 32px; text-transform: none; font-weight: 500; margin-top: 10px; } .ybc-blog-wrapper .ybc_title_block { margin-top: 25px; font-size: 24px; line-height: 30px; font-weight: 400 !important; } .block.ybc_block_categories.ybc_blog_ltr_mode { margin-top: 30px; } #left-column .block.ybc_block_categories, #right-column .block.ybc_block_categories { padding-bottom: 25px; } #js-post-list-top span.sort-by { padding-top: 9px; font-size: 14px; padding-right: 0; text-align: right; } #left-column .ybc_block_categories a::before, #left_column .ybc_block_categories a::before, #right-column .ybc_block_categories a::before, .list_post_by_author a:before, #right_column .ybc_block_categories a::before { border-right: 2px solid; border-top: 2px solid; width: 7px; height: 7px; } #left-column .ybc_block_categories li a { color: #000000; font-weight: 300; font-size: 16px; } #left-column .ybc_block_categories li a:hover { font-weight: 600; } .read_more:hover { color: #000000; font-weight: 600; } .read_more { color: #000000; font-weight: 300; } .ybc_title_block:hover { color: #000000; font-weight: 300; } @media screen and (min-width: 767px) { .blog-category { margin-bottom: 0px; } } .blog-faq div { background: #fafafa; padding: 30px; margin: 30px 0; border-radius: 30px; } .blog-faq h2, .blog-faq h2 span { font-size: 22px; line-height: 24px; font-weight: 700 !important; } .faq-item { margin: 15px 0; border-bottom: 1px solid #ccc; padding: 10px 0; } .faq-question { font-size: 18px; font-weight: bold; cursor: pointer; } .faq-answer { display: none; /* Hide answers by default */ margin-top: 8px; font-size: 16px; } .arrow { margin-left: 8px; } /* updated product page css */ .seedshop-product-page { max-width: 1000px; margin: 0 auto; } .seedshop-product-page h3 { font-weight: 600; font-size: 32px; line-height: 1.1; } .seedshop-product-page h4 { font-size: 22px; line-height: 1.1; font-weight: 400; padding-bottom: 0; } .seedshop-product-page img { width: 100%; height: auto; display: block; } .seedshop-product-page hr { border: 0; height: 1px; background-color: #e5e5e5; margin: 50px auto; width: 65%; padding-bottom: 0; } .mobile-icon { display: none !important; } .seedshop-product-page .border-image { border-radius: 30px; } .seedshop-product-page #effects .border-image { width: 80%; margin: 0 auto; } .seedshop-product-page .header-image { position: relative; margin-bottom: 30px; } .seedshop-product-page .header-image h2 { font-weight: 400; font-size: 36px; line-height: 1.1; color: #fff; padding-top: 0; } .seedshop-product-page #header-block .header-image p { font-weight: 600; font-size: 56px !important; line-height: 1.1; color: #fff; } .seedshop-product-page .header-image .overlay-text { position: absolute; top: 20%; padding: 30px; width: 50%; } .seedshop-product-page .small-block { max-width: 50%; margin: auto; position: relative; } .seedshop-product-page .small-block p { padding: 10px 0 30px; } .small-block img { width: 95px; height: auto; position: absolute; left: -35%; } .seedshop-product-page .genetics-block { border-radius: 30px; border: 1px solid #e5e5e5; padding: 20px 0; } .seedshop-product-page .genetics-block p { font-size: 32px; line-height: 1.1; font-weight: 600; text-align: center; } .seedshop-product-page .genetics-bar { position: relative; border-radius: 50px; border: 1px solid #e5e5e5; padding: 10px 0; display: flex; } .seedshop-product-page .genetics-bar .content-bar { display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; } .seedshop-product-page .genetics-block > div:first-child { max-width: 50%; margin: 0 auto; } .seedshop-product-page .content-bar span:nth-of-type(1) { font-size: 24px; line-height: 1; font-weight: bold; } .flavor-icons { display: flex; justify-content: space-between; gap: 15px; margin: 0 auto 10px; max-width: 50%; } .flavor-icons div { flex: 1 1 20%; max-width: 20%; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 20px; padding: 10px; text-align: center; display: flex; flex-direction: column; align-items: center; } .flavor-icons div img { width: 45px; height: 45px; margin-bottom: 5px; } .flavor-icons div p { font-weight: 600; color: #e5e5e5; padding-bottom: 0; margin-bottom: 0; } .effect-boxes, .growth-boxes, .choice-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; width: 100%; box-sizing: border-box; } .effect-boxes { grid-template-columns: repeat(4, 1fr); } .growth-boxes, .choice-boxes { grid-template-columns: repeat(3, 1fr); padding: 20px 0 15px; } #genetics .choice-boxes { grid-template-columns: repeat(5, 1fr); } .info-box { border: 1px solid #e5e5e5; border-radius: 20px!important; padding: 10px 20px; text-align: center; } .info-box h4 { font-weight: 600; padding-bottom: 0; } .info-box p { padding-bottom: 0; } .info-box p > span { font-size: 20px; line-height: 1; font-weight: 600; } .seedshop-product-page .box-stars { margin-top: 5px; display: flex; justify-content: center; gap: 1px; max-width: 25px; margin: 5px auto; } .seedshop-product-page .boxes-info { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; width: 50%; box-sizing: border-box; margin: 0 auto; } .seedshop-product-page .box-info { border-radius: 20px; text-align: left; padding: 15px 20px; } .seedshop-product-page .box-info h4 { color: #e5e5e5; font-weight: 600; padding-bottom: 0; } .seedshop-product-page .dark-text h4, .seedshop-product-page .dark-text, .seedshop-product-page .dark-text p > span { color: #000 !important; } .seedshop-product-page .box-info p { margin: 5px 0; font-size: 48px; line-height: 1; font-weight: bold; padding-bottom: 0; color: #fff; } .seedshop-product-page .box-info p > span { font-size: 24px; color: #e5e5e5; } .seedshop-product-page .center-text { text-align: center; font-size: 24px; line-height: 1.1; padding-bottom: 0; } .seedshop-product-page .arrow-hr { position: relative; } .seedshop-product-page .arrow-hr hr { width: 100%; height: 2px; margin: 20px 0 0; } .seedshop-product-page .arrow-hr .arrow-left { position: absolute; left: 0; top: 10%; transform: translateY(-50%); } .seedshop-product-page .arrow-hr .arrow-left > span { border: solid #e5e5e5; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(135deg); } .seedshop-product-page .arrow-hr .arrow-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .seedshop-product-page .arrow-hr .arrow-right > span { border: solid #e5e5e5; border-width: 0 2px 2px 0; display: inline-block; padding: 5px; transform: rotate(-45deg); } .seedshop-product-page .choice-quote-box { border: 1px solid #e5e5e5; border-radius: 20px; padding: 30px; margin: 30px 0; } .seedshop-product-page .choice-quote-box p { padding-bottom: 0; } .seedshop-product-page .closing-text { max-width: 50%; margin: 0 auto; padding-top: 10px; padding-bottom: 0; } .seedshop-product-page #footer-block p { text-align: center; padding-bottom: 0; } .seedshop-product-page sup { top: -8px; font-size: 16px; right: -1px; } .terpene-chart-container { width: 100%; padding: 30px 50px; border: 1px solid #e5e5e5; border-radius: 30px; margin-top: 30px; } .terpene-chart-title { font-weight: 600 !important; margin-bottom: 20px !important; } .terpene-chart { display: flex; flex-direction: column; gap: 15px; } .terpene-bar-container { display: flex; align-items: center; } .terpene-label { width: 150px; font-weight: 400; } .terpene-bar-wrapper { position: relative; width: 100%; height: 30px; border: 1px solid #e5e5e5; border-radius: 50px; overflow: hidden; } .terpene-bar { height: 100%; transition: width 1s ease-in-out; border-radius: 14px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; box-sizing: border-box; color: #fff; font-weight: bold; position: relative; } .terpene-value { font-weight: bold; font-size: 14px; } .terpene-value.mobile-only { display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: #000; } .terpene-value.desktop-only { display: inline; } .text-selected { color: #fff!important; font-weight: 500; font-size: 18px !important; } .text-unselected { color: #afafaf !important; font-weight: 500; font-size: 18px !important; } @media (min-width: 768px) { .seedshop-product-page #header-block p, .seedshop-product-page .choice-quote-box p { font-size: 20px !important; } } @media (max-width: 767px) { .seedshop-product-page h3 { font-size: 36px; } .seedshop-product-page h4 { font-size: 18px; } .seedshop-product-page img { margin-bottom: 0; } .seedshop-product-page hr { margin: 30px auto; width: 100%; } .mobile-icon { display: block !important; width: 25% !important; margin: 0 auto !important; } .desktop-icon { display: none !important; } .seedshop-product-page .border-image { border-radius: 20px; } .seedshop-product-page .small-block { max-width: 100%; } .seedshop-product-page .header-image { display: flex; align-items: end; } .seedshop-product-page .header-image .overlay-text { position: absolute; top: auto; padding: 20px; width: 75%; } .seedshop-product-page .header-image h2 { font-size: 24px; } .seedshop-product-page #header-block .header-image p { font-size: 32px !important; } .seedshop-product-page .genetics-block > div:first-child { max-width: 95%; } .seedshop-product-page .genetics-block p { font-size: 24px; } .seedshop-product-page .genetics-bar { padding: 5px 0; } .flavor-icons { gap: 10px; max-width: 100%; } .flavor-icons div { border-radius: 15px; padding: 10px 0 5px 0; } .flavor-icons div img { width: 35px; height: 35px; margin-bottom: 0; } .flavor-icons div p { font-size: 14px; } .category-additional-description .effect-boxes .info-box { padding: 20px; } .effect-boxes { grid-template-columns: repeat(2, 1fr); gap: 10px; } .effect-boxes .info-box { padding: 10px; } .effect-boxes .box-info { grid-column: span 1 !important; } .growth-boxes, .choice-boxes, .choice-boxes { grid-template-columns: repeat(1, 1fr); } .growth-boxes .info-box { border-radius: 50px; } .seedshop-product-page .boxes-info { gap: 10px; width: 100%; } .seedshop-product-page .box-info { border-radius: 15px; padding: 10px; } .seedshop-product-page .box-info { padding: 10px; } .seedshop-product-page .box-info p { font-size: 32px; } .seedshop-product-page .box-info p > span { font-size: 18px; } .seedshop-product-page .choice-quote-box { padding: 20px; margin: 10px 0 30px; } .seedshop-product-page .closing-text { max-width: 100%; } .terpene-bar-container { flex-direction: column; align-items: flex-start; flex-wrap: wrap; gap: 5px; } .terpene-chart-container { padding: 30px 20px; } .terpene-label { width: auto; margin-bottom: 0.4rem; } .terpene-bar-wrapper { width: 100%; } .terpene-value.desktop-only { display: none; } .terpene-value.mobile-only { display: inline; } } /* newsletter sign up page and cta*/ .newsletter-sign-up { max-width: 1000px; margin: 0 auto; } .newsletter-sign-up hr { border: 0; height: 1px; background-color: #e5e5e5; margin: 50px auto; padding-bottom: 0; } .newsletter-sign-up .newsletter-box { background: #fafafa; padding: 30px 30px 20px; border-radius: 20px; } .newsletter-sign-up .choice-boxes { display: grid; grid-template-columns: repeat(3, 1fr); padding: 15px 0; gap: 15px; width: 100%; box-sizing: border-box; } .newsletter-sign-up .info-box { background: #fafafa; border-radius: 20px; padding: 20px 30px; } .newsletter-sign-up .info-box div { display: flex; align-items: center; gap: 10px; } .newsletter-sign-up .info-box img { width: 26px; height: 26px; } .newsletter-remark { text-align: left; font-style: italic; max-width: 500px; margin: 0 auto !important; } @media (max-width: 767px) { .newsletter-sign-up hr { margin: 30px auto; width: 100%; } .newsletter-sign-up .choice-boxes { grid-template-columns: repeat(1, 1fr); } .newsletter-sign-up h1 { font-size: 32px; } .newsletter-sign-up h3 { font-size: 16px; padding: 0; } .newsletter-sign-up .info-box { padding: 10px 30px; } .newsletter-sign-up .info-box img { margin-bottom: 0; } } .newsletter-sign-up-cta { background-color: #f0f0f0; padding: 15px 10px; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; } .newsletter-sign-up-cta span { font-size: 18px; font-weight: 500; margin-bottom: 0; } .newsletter-sign-up-cta img { width: 24px; height: 24px; } .newsletter-sign-up-cta .badge { background-color: #e76f51; color: #fff; padding: 5px 15px; border-radius: 50px; display: flex; align-items: center; gap: 10px; font-weight: 500; } .newsletter-sign-up-cta .badge img { width: 18px; height: 18px; } .newsletter-link { position: relative; border-bottom: 1px solid transparent; } .newsletter-link::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background-color: #e76f51; transition: width 0.3s ease-in-out; } .newsletter-link:hover::after { width: 100%; background-color: #e76f51; } @media (max-width: 768px) { .newsletter-link { border-bottom: 1px solid #e76f51; } .newsletter-link::after { content: none; } } @media (max-width: 480px) { .newsletter-sign-up-cta span { font-size: 16px; } .newsletter-sign-up-cta .badge { gap: 5px; } } /* updated content page */ .content-page { max-width: 1000px; margin: 0 auto; } .content-page h1 { font-size: 32px; line-height: 1.1; font-weight: 400; } .content-page h2 { font-size: 48px!important; line-height: 1.1; font-weight: 600; padding-top: 0; } .content-page h3 { font-size: 32px; line-height: 1.1; font-weight: 600; padding-top: 0; } .content-page h4 { font-size: 22px; line-height: 1.1; font-weight: 400; padding-bottom: 10px; margin-bottom: 0; } .content-page h5 { font-size: 20px; line-height: 1.1; font-weight: 400; } .content-page hr { border: 0; height: 1px; background-color: #e5e5e5; margin: 50px auto; width: 65%; padding-bottom: 0; } .content-page ul { margin-bottom: 20px; } .image-and-text-container { max-width: 1000px; display: flex; border-radius: 30px; overflow: hidden; margin-bottom: 30px; } .image-and-text-container .text-block { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 30px; gap: 10px; } .content-page #header .text-block p { font-size: 46px; } .content-page .text-block p { color: #fff; font-size: 32px; line-height: 1.1; font-weight: 600; padding-bottom: 0; } .content-page .image-block img { width: 100%; height: auto; } .content-page #intro p { font-size: 20px; padding-bottom: 0; } .small-block { max-width: 50%; margin: auto; position: relative; } .small-block p { padding: 10px 0 30px; margin-bottom: 0; } .text-boxes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; width: 100%; box-sizing: border-box; margin-bottom: 30px; } .text-box { border: 1px solid #e5e5e5; border-radius: 30px; padding: 30px 20px; } .text-box p { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .text-box img { height: auto; margin-bottom: 10px; } .centered-image { display: flex; flex-direction: column; text-align: left; } .centered-image img { align-self: center; } .box-stars { margin-top: 5px; display: flex; justify-content: center; align-items: center; gap: 5px; } .box-stars p { color: #000 !important; font-size: 16px !important; font-weight: 400 !important; margin-top: 5px; padding-left: 10px; } .half-width { grid-column: 2 / span 2; } .read-more { padding-top: 10px; text-align: right; color: #e76f51; font-weight: 400; cursor: pointer; text-decoration: none; } .read-more:hover { font-weight: 600; } .text-box:has(.read-more) { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .text-box:has(.read-more) p { flex-grow: 1; } .green-button { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 20px 40px; background-color: #2c9d8f !important; color: #fff; text-decoration: none; border-radius: 50px; font-weight: 600; width: fit-content; margin: 0 auto 30px; border: none; cursor: pointer; } .green-button img.button-arrow { width: 20px; height: auto; } .green-button:hover { transform: scale(1.02); transition: all 0.5s ease; color: #fff; } .double-image-container { display: flex; align-items: center; justify-content: center; gap: 16px; max-width: 940px; width: 100%; margin: 0 auto; position: relative; margin-bottom: 30px; flex-wrap: wrap; } .double-image { flex: 1; max-width: calc((940px - 16px) / 2); width: 100%; height: auto; border-radius: 20px; object-fit: cover; } .arrow-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #2c9d8f; padding: 20px 15px; border-radius: 20px; display: flex; align-items: center; justify-content: center; } .right-arrow { width: 40px; height: auto; } .content-page .button2 { padding: 12px 24px; cursor: pointer; } .blog-category-desc .content-page .text-box img { width: fit-content; margin-bottom: 10px; } .blog-category-desc .content-page img { margin: 0; } .blog-category-desc .content-page ul { margin-bottom: 0; } @media (max-width: 767px) { .content-page h1 { font-size: 18px; } .content-page h2, .content-page h3 { font-size: 36px!important; } .content-page h4 { font-size: 18px; } .content-page img { margin: 0; } .content-page hr { margin: 30px auto; width: 100%; } .image-and-text-container { width: 100%; display: flex; flex-direction: column; } .content-page #header .text-block p { font-size: 36px; } .content-page .text-block { width: 100% !important; padding: 30px; } .content-page .text-block p { font-size: 24px; } .content-page .image-block { width: 100% !important; } .content-page #intro p { font-size: 16px; } .content-page #our-farms .col-md-6 { padding-bottom: 20px; } .small-block { max-width: 100%; } .mobile-reverse { flex-direction: column-reverse !important; } .text-boxes { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; } .text-box { padding: 20px; grid-column: span 1 !important; } .text-box img { margin-bottom: 10px; } .half-width { grid-column: span 2 !important; } .double-image-container { flex-direction: column; gap: 10px; } .double-image { max-width: 90%; margin: 0 auto; } .content-page .button2 { display: block; margin: 0 auto; text-align: center; } .right-arrow { transform: rotate(90deg); width: 30px; } } /* bootstrap additions */ .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } /* 4px */ .mt-2 { margin-top: 0.5rem !important; } /* 8px */ .mt-3 { margin-top: 1rem !important; } /* 16px */ .mt-4 { margin-top: 1.5rem !important; } /* 24px */ .mt-5 { margin-top: 3rem !important; } /* 48px */ .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } @media (max-width: 768px) { .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mr-0 { margin-top: 0!important; } } /* free seeds table*/ .free-seeds { margin-bottom: 30px; max-width: 480px; } .free-seeds-container { display: inline-block; background: #f7f7f7; padding: 20px 50px; border-radius: 20px; box-sizing: border-box; width: 100%; } .free-seeds-title { font-size: 18px; margin-bottom: 10px; text-align: center; } .free-seeds-title span { color: #e76f51; font-weight: bold; } .free-seeds-table { display: grid; grid-template-columns: auto auto; gap: 15px 30px; text-align: left; align-items: center; width: 100%; box-sizing: border-box; } .free-seeds-table div { font-size: 16px; color: #e76f51; font-weight: 600; display: flex; align-items: center; gap: 10px; width: 100%; } .free-seeds-table .text { display: flex; gap: 5px; flex-grow: 1; white-space: nowrap; } .free-seeds-table .amount-seeds { color: #000; font-weight: 400; } .free-seeds-table span { font-weight: 600; color: #e76f51; } .free-seeds-container .icon-container { min-width: 24px; display: flex; justify-content: space-between; } .free-seeds-container .icon { width: 16px; height: 16px; display: block; } @media (max-width: 480px) { .free-seeds-container { width: 100%; } .free-seeds-table { grid-template-columns: auto auto; gap: 10px; } .free-seeds-table div { justify-content: space-between; gap: 10px; } } @media (max-width: 390px) { .free-seeds-container { padding: 20px 30px; } } /* Scrollable video*/ .azarius_video_scrollable video { width: 100% !important; height: auto !important; border-radius: 30px !important; } @media (max-width: 767px) { .azarius_video_scrollable video { border-radius: 20px !important; } } /* Thuiswinkel waarborg*/ .tww_sidebar_container.tww_sidebar_widget, .tww_sidebar_container.tww_sidebar_widget .tww_sidebar_logo { display: none; } .header-1 .ttvcms-wishlist-icon { display: none; } /* footer adjustments */ .tvfooter-copy-payment-icon-inner .tvfooter-payment-icon-img-block { margin-left: 270px !important; } .customsociallinks.desktop { margin-right: 370px !important; } @media (max-width: 1313px) { .customsociallinks.desktop { margin-right: 100px!important; } .tvfooter-copy-payment-icon-inner .tvfooter-payment-icon-img-block { margin-left: 100px !important; } } @media (max-width: 991px) { .customsociallinks.desktop { display: none; } .customsociallinks.mobile { display: flex; align-items: center; max-width: 300px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; margin: 30px auto 15px; margin-right: auto !important; } .customsociallinks.mobile a:first-child { padding-left: 20px; } .customsociallinks.mobile a:last-child { padding-right: 20px; } .tvfooter-copy-payment-icon-content .tvfooter-copy-payment-icon-inner { flex-direction: column; } .tvfooter-copy-payment-icon-inner .tvfooter-payment-icon-img-block { margin-left: 0 !important; } .block_newsletter form { display: none; } .tvnewsletter-lable-wrapper { display: none; } } @media (min-width: 992px) { .tvcms-newsletter-wrapper { display: none; } .customsociallinks.desktop { display: block; } .customsociallinks a { margin-left: 25px; } .customsociallinks a.x-link { margin-left: 0; } .customsociallinks.mobile { display: none; } } .customsociallinks a img { max-height: 20px; } .customsociallinks a:hover { opacity: 0.6; } .tvfooter-copy-payment-icon-inner .block-social.tvcmsfooter-social-icon { display: none; } footer#footer .tvfooter-copy-payment-icon-wrapper .tvfooter-copy-payment-icon-content { padding-left: 0; padding-right: 0; } .tvfooter-copy-payment-icon-content .tvfooter-copy-payment-icon-inner::after { content: none; } .tvfooter-copy-payment-icon-content .tvfooter-copy-payment-icon-inner { display: flex; justify-content: space-between; max-width: inherit; margin-right: 0; margin-left: 0; }