Interior Design | DESIGNTV庐 by SANDOW

<!doctype html>     <html>  <head> <meta charset="utf-8" /> <meta http-equiv="content-language" content="en"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />  <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,700" as="fetch" crossorigin="anonymous"> <script type="text/javascript"> !function(e,n,t){"use strict";var o="https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto:400,700",r="__3perf_googleFontsStylesheet";function c(e){(n.head||n.body).appendChild(e)}function a(){var e=n.createElement("link");e.href=o,e.rel="stylesheet",c(e)}function f(e){if(!n.getElementById(r)){var t=n.createElement("style");t.id=r,c(t)}n.getElementById(r).innerHTML=e}e.FontFace&&e.FontFace.prototype.hasOwnProperty("display")?(t[r]&&f(t[r]),fetch(o).then(function(e){return e.text()}).then(function(e){return e.replace(/@font-face {/g,"@font-face{font-display:swap;")}).then(function(e){return t[r]=e}).then(f).catch(a)):a()}(window,document,localStorage); </script>  <link rel="shortcut icon" href="https://designtvbysandow.com/images/favicontypes/25973/san_designtv_icon6_2022.07.13_48.1657803630.png"> <link rel="preconnect" href="https://alpha.uscreencdn.com"> <link rel="preconnect" href="https://assets-gke.uscreencdn.com"> <link rel="preconnect" href=""> <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/tailwind-Clso7cZ8.css" media="all" /> <link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/storefront_common-UgTNt1SK.css" media="all" /> <script> //<![CDATA[ window.gon={};gon.global={"uppy_companion_url":"https://uppy.uscreen.io/","assets_cdn_url":"https://alpha.uscreencdn.com","mixpanel_token":"44e8d04b49529b306bd4a1c79afcc56e"};gon.feature_flags=["show_captcha","show_captcha_v3","confirm_email_on_gift_card_sign_up","live_events_feed","hotwire_catalog","community_without_header","allow_website_code_customization","sign_in_with_hotwire","allow_new_prices_to_existing_members","improved_go_live_ex","mobile_calendar","calendar_push_notifications","apps_update_requests","live_chat_with_sse","studio_beta","overage_billing_for_live_streaming","banner_with_live_stream_overage","automate_billing_for_ott_svod","go_live_from_mobile","paypal_beta","client_emails_footer","community_notifications_v1","force_shortened_checkout","force_new_join_page","on_hold_hotwire","stripe_subscriptions","tailwind_latest","subscription_management_on_people_page","invoices_based_subscriber_analytics_chart","rewind_live_event","pause_subscriptions","passwordless_sign_in","omni_analytics","postmark_transactional_delivery","google_play_subscriptionsv2"];gon.settings={"primary_color":"#ff0062ff","commenting":false,"my_library":false,"stats_id":"c43v645rpolt89529v2pesifn","analytics_env_id":"production","chapter_style":"sidebar","store_title":"DESIGNTV庐 by SANDOW","continue_watching":true,"mark_as_watched":true,"live_event_feed_link":"webcal://designtvbysandow.com/live_event_feed.ics","locale":"en","autoplay":true,"uplayer":true,"apps":{"show_popup":false,"icon_url":"https://alpha.uscreencdn.com/hybrid_apps/25774/assets/icon.png","ios":{"url":"https://apps.apple.com/us/app/designtv-by-sandow/id1605864645?uo=4","name":"DESIGNTV庐 by SANDOW"},"android":{"url":"https://play.google.com/store/apps/details?id=tv.uscreen.designtvbysandow","name":"DESIGNTV庐 by SANDOW"}},"show_notifications_center":false,"time_format":null,"local_timezone":null};gon.currency="USD";gon.locale="en";gon.country="SG";gon.stripe="pk_live_DImPqz7QOOyx70XCA9DSifxb";gon.recaptcha_v3_pub_key="6LenX-EZAAAAAAITxgGIXKB3S2OVKsM5r5tg0wKL";gon.store_id=25774;gon.pixel_user=null;gon.pixel_store=25774;gon.pixel_session="a3de85b5-84e8-47ef-bf93-cea7827ad6f4";gon.impersonated=null;gon.request_referer=null;gon.ga_id=null;gon.pixel_email=null;gon.environment="production";gon.analytics={"user_id":null,"store_id":25774,"pixel_session":"a3de85b5-84e8-47ef-bf93-cea7827ad6f4","impersonated":null,"request_referer":null,"ga_id":null,"email":null,"environment":"production"}; //]]> </script> <script> var sentryDsn = 'https://a7a5d334e15546e5908bf92cc68c8833@o282387.ingest.sentry.io/5277605' var sentryStorefrontActive = true var sentryStorefrontSampleRate = 1.0 var railsEnv = 'production' var analyticsHost = 'https://stats.uscreen.io' var analyticsConfig = null var storeId = 25774 var themeTitle = 'Orion' </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <script> // Enter the new terms below let programAuthorLabel = "Brands"; //let programCategoryLabel = "Workout Type"; //let programResourcesLabel = "Extra Files"; //let programCommentsLabel = "Leave a Comment"; //let programCtaLabel = "Purchase Now"; // We don't recommend changing the code below function changeProgramLabels(){ let programAuthor = document.querySelectorAll("div.text-2xl.font-medium.mb-4"); let programCategory = document.querySelectorAll("div.cbt-tabs--subtitle"); let programButtons = document.querySelectorAll("button > span"); let CtaButton = document.querySelectorAll("div.flex.justify-center.align-center.flex-col > a"); change(programAuthor, "Author", programAuthorLabel); change(programCategory, "Categories", programCategoryLabel); change(programButtons, "Resources", programResourcesLabel); change(programButtons, "Comments", programCommentsLabel); change(CtaButton, "Get Access Now", programCtaLabel); setTimeout(function(){ changeProgramLabels(); }, 500); } let pageIndex = window.location.pathname; window.addEventListener("click", changePage); function changePage() { setTimeout(function() { let newPageIndex = window.location.pathname; if (pageIndex != newPageIndex) { document.getElementById("hider").style.visibility = "visible"; pageIndex = newPageIndex; } }, 100); loadPage(); } function loadPage () { setTimeout(function() { changeProgramLabels(); document.getElementById("hider").style.visibility = "hidden"; }, 600); } function change(items, oldTerm, newTerm){ if (items.length > 0) { for (let i = 0; i < items.length; i++) { if (items[i].innerText.includes(oldTerm)) { items[i].innerText = newTerm; } } } } window.addEventListener("load", loadPage); </script> <script> // Change the terms between the quotation marks (Coach, Workout Type) let filterAuthorLabel = "Brands"; let filterCategoryLabel = "Category"; // We don't recommend changing the code below function changeFilterLabels() { let labels = document.querySelectorAll("div.secondary-filters.ui-container > div > div > div.text-sm.text-gray-600.mb-2 > span"); change(labels,"Author",filterAuthorLabel); change(labels,"Category",filterCategoryLabel); setTimeout(function(){ changeFilterLabels(); }, 100); } function change(items, oldTerm, newTerm){ if (items.length > 0) { for (let i = 0; i < items.length; i++) { if (items[i].innerText.includes(oldTerm)) { items[i].innerText = newTerm; } } } } document.addEventListener('change', changeFilterLabels()); </script> <style> /* #el-1a25fe7ee3d9b685, #el-ba52512df0600128, #el-c58d2436e71fba7e, #el-f0e7b28c0510dbf6, #el-50accfed47f1d98a, #el-bffe81e275c1c688, #el-627d3643dade6cd5 { display: none; } */ /*INTERFACE*/ /* #el-48819b8c36377bec, #el-5433a6326cddeaba, #el-25bfce5c87435709, #el-d02c6391dbab689f, #el-d47e9dd879201647, #el-b40ab188c2d0eed9 { display: none; } */ /* @media (max-width: 767px) { #el-1a25fe7ee3d9b685, #el-ba52512df0600128, #el-c58d2436e71fba7e, #el-f0e7b28c0510dbf6, #el-50accfed47f1d98a, #el-bffe81e275c1c688, #el-627d3643dade6cd5 { display: none; } */ /*DESIGN OPTIMISM*/ /* #el-82c73b8658ab5ca8, #el-6a61ce980d2dbbc9, #el-7fbafb89694d5752, #el-94c0cd9dd35774ec, #el-f3734183c46cfed2, #el-da7eacaa21e0b6c7, #el-111163751fc835b8 { display: none; } */ /*INTERFACE*/ /* #el-48819b8c36377bec, #el-5433a6326cddeaba, #el-25bfce5c87435709, #el-d02c6391dbab689f, #el-b40ab188c2d0eed9 { display: none; } */ /* #footer { display: none; } */ /*House of Rohl*/ /* #el-f30fe8be99afedfb, #el-1aeb24387594e74c, #el-72646c159427f4f2, #el-4083e0de33ed4afc, #el-eea57eacf6fcdfe8, #el-e05f952a9b993711, #el-342f9638b6a4bff3, #el-64e62debcfdcd3b4, #el-3ce04d4e03a91d41, #el-08e34a3d1fb6dad4, #el-0be88a8c138481e0, #el-a6a6ab1713530f9e, #el-b3e502caed016c74, #el-333283d5ab35786c, #el-43a3c27b4061f284, #el-bf23d790a7690fb0, #el-9c6710f74262718d, #el-4905abeffeb49059, #el-49554f53d45a6ad1, #el-bb881039890d5d04, #el-826ea98d98483a8e { display: none; } */ /*House of Rohl ONLY fixes*/ @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > ul > li { margin-top: 24px; } #el-0be88a8c138481e0, #el-a6a6ab1713530f9e { display:none!important; } } [id="\35 6c34599aa64ca28"] { margin-top: 55px; } } /*takeover pages*/ /*page*/ :root { background-color: black; } /*page width*/ @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit} .container{width:100%;padding-right: 15px;padding-left: 15px;margin-right:auto;margin-left:auto;} @media (min-width:640px){.container{max-width:640px}} @media (min-width:768px) and (max-width: 1068px){.container{max-width:692px}} @media (min-width: 1069px) and (max-width: 1279px){.container{max-width:1024px}} @media (min-width: 1280px){.container{max-width:1280px}} /*container*/ .container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } /*border*/ /* .border-gray-200 { display:none; } */ #el-5c5de1afe5c33af9 > div > div > div.border.border-gray-200.mb-12, #el-e6ef3804f5b4cc07 > div > div > div.border.border-gray-200.mb-12, #el-c736281964bcea20 > div > div > div.border.border-gray-200.mb-12 { display: none!important; } /*navbar*/ /*navbar - avatar*/ [id="\33 c31d2620c789f52"] > div > section > div > navigation > a.relative.w-8.h-8.flex.mb-3.md\:mb-0.md\:ml-3 { display: none; } /*navbar - height*/ .py-5 { padding-bottom: 0; padding-top: 0; } /*navbar - height*/ [id="\33 c31d2620c789f52"] > div > section > div { height: 120px; } @media (max-width: 767px) { [id="\33 c31d2620c789f52"] > div > section > div { height: 90px; } } /*navbar - logo size*/ @media (max-width: 767px) { [id="\33 c31d2620c789f52"] > div > section > div.container.mx-auto.py-5.flex.items-center.text-base.md\:text-base > navigation > div > div.flex.flex-1.z-10.mx-auto > a > img { max-height: 40px!important; } } /*navbar - background*/ [id="\33 c31d2620c789f52"] > div > section { background-color: transparent!important; } /*navbar - left and right column*/ [id="\33 c31d2620c789f52"] > div > section > div.container.mx-auto.py-5.flex.items-center.text-base.md\:text-base > navigation > div > div.flex-1.hidden.md\:flex.flex-wrap.text-left.mr-auto, [id="\33 c31d2620c789f52"] > div > section > div.container.mx-auto.py-5.flex.items-center.text-base.md\:text-base > navigation > div > div.hidden.md\:flex.flex-1.ml-auto.relative.justify-end { display: none; } /*navbar - logo button*/ [id="\33 c31d2620c789f52"] { z-index: 9999!important; } /*hero*/ /*hero - for full bleed hero*/ #el-b28717a45990ad5d, #el-9081eb7eae369d7b { margin-top: -120px; } @media (max-width: 767px) { #el-b28717a45990ad5d, #el-9081eb7eae369d7b { margin-top: -90px; } } /*hero - video*/ .pb-hero { min-height: 100vh; } /*hero - overlay*/ #el-9081eb7eae369d7b > section > div > div.absolute.left-0.top-0.w-full.h-full > div > div { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.4))); } @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > div.absolute.left-0.top-0.w-full.h-full > div > div { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0))); } } /*hero - overlay*/ #el-9081eb7eae369d7b > section > div > div.absolute.left-0.top-0.w-full.h-full > div > div { opacity: 1; } /*hero - text*/ .md\:mb-3 { margin-bottom: 0; } .md\:mb-4 { margin-bottom: 0; } @media (max-width: 767px) { .md\:mb-4 { margin-bottom: 5px; } .px-6 { padding-left: 20px; padding-right: 20px; } } /*hero - text*/ @media (min-width: 1069px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 { padding-right: 0; width: 850px; margin-left: auto; margin-right: auto; max-width: 850px; } } /*hero - title*/ #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > h1 { font-size: 90px; line-height: 1.0416666667; font-weight: 600; letter-spacing: -0.015em; color: #cecece; } @media (min-width: 768px) and (max-width: 1068px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > h1 { font-size: 64px; line-height: 1.0625; font-weight: 600; letter-spacing: -0.009em; } } @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > h1 { font-size: 48px; line-height: 1; letter-spacing: -.002em; font-weight: 600; margin-bottom: 16px; } } /*hero - subtitle*/ #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > div { font-size: 24px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; color: #cecece; } @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > div { font-size: 16px; line-height: 1.2666666667; font-weight: 500; letter-spacing: .009em; width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 60px; text-align: center!important; } } /*hero - date*/ @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-col.justify-center.z-10.w-full.lg\:w-2\/3.relative.md\:pr-4.lg\:pr-12 > div:nth-child(3) { font-size: 24px; line-height: 1.2666666667; font-weight: 600; letter-spacing: .009em; } } /*hero - button*/ #el-9081eb7eae369d7b > section > div > ul, #el-9081eb7eae369d7b > section > ul { position: absolute; bottom: 66px; z-index: 9999; } @media (max-width:767px) { #el-9081eb7eae369d7b > section > div > ul, #el-9081eb7eae369d7b > section > ul { bottom: 66px; } } /*hero - button*/ #el-9081eb7eae369d7b > section > div > ul > li > a { margin-top: 1.5rem; margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-radius: .25rem; width: 200px; min-width: 200px; margin-right: 5px; margin-left: 5px; background-color: rgba(255,0,98,0.925)!important; color: white; } @media (max-width:767px) { #el-9081eb7eae369d7b > section > div > ul > li > a, #el-62b90082c1a759f5-1 > a, #el-9081eb7eae369d7b > section > ul > li > a{ font-size: .85rem; line-height: .9375rem; letter-spacing: 0.03em; padding: .75rem .625rem .8125rem; border-radius: .1rem; width: 100%; min-height: 2.5rem; margin-bottom: 15px; margin-top: 0; min-width: 82vw; margin-left: auto!important; margin-right: auto!important; } #el-9081eb7eae369d7b > section > div > ul > li:nth-child(1), #el-9081eb7eae369d7b > section > ul > li:nth-child(1) { display: block!important; } } @media (min-width: 768px) { .md\:pr-4 { padding-right: 0; } } /*above intro*/ #el-e6ef3804f5b4cc07 { margin-top: 54px; } @media (max-width: 767px) { #el-e6ef3804f5b4cc07 { margin-top: 0px; } } /*under intro title*/ #el-5c5de1afe5c33af9 { margin-top: 20px; } @media (max-width: 767px) { #el-5c5de1afe5c33af9 { margin-top: 0px; } } /*above about*/ #el-2b2e69f7a7122b45, #el-073bff522da7fd03, #el-c736281964bcea20 { margin-top: 66px; } @media (max-width: 767px) { #el-2b2e69f7a7122b45, #el-073bff522da7fd03 { margin-top: 55px; } } /*above video*/ #el-f0e7b28c0510dbf6 { padding-top: 110px; } /*DESIGN OPTIMISM*/ #el-82c73b8658ab5ca8 { padding-top: 110px; } /*INTERFACE*/ #el-48819b8c36377bec { padding-top: 110px; } /*HOUSE OF ROHL*/ #el-bda08332bf9b7f8a, #el-f30fe8be99afedfb { padding-top: 110px; } /*LIVING WELL*/ #el-03014cd3163ed243 { padding-top: 110px; } /*DESIGN OPTIMISM 2023*/ #el-635cb01088683db3 { padding-top: 110px; } @media (max-width: 767px) { #el-f0e7b28c0510dbf6 { padding-top: 160px; } } /*DESIGN OPTIMISM*/ @media (max-width: 767px) { #el-82c73b8658ab5ca8 { padding-top: 160px; } } /*INTERFACE*/ @media (max-width: 767px) { #el-48819b8c36377bec { padding-top: 160px; } } /*HOUSE OF ROHL*/ @media (max-width: 767px) { #el-bda08332bf9b7f8a, #el-f30fe8be99afedfb { padding-top: 160px; } } /*LIVING WELL*/ @media (max-width: 767px) { #el-03014cd3163ed243 { padding-top: 160px; } } /*DESIGN OPTIMISM 2023*/ @media (max-width: 767px) { #el-03014cd3163ed243 { padding-top: 160px; } } @media (min-width: 1069px) { #el-e6ef3804f5b4cc07 > div > div, #el-0e74999b0b9870bc > div > div, #el-2b2e69f7a7122b45 > div > div, #el-15e1eb46e5e8466d > div > div, #social-icon > div > div, #el-d489da2788f4a34a > div > div, #el-073bff522da7fd03 > div > div, #el-c736281964bcea20 > div > div { max-width: 850px; } } @media (min-width: 1023) and (max-width: 1068px) { #el-e6ef3804f5b4cc07 > div > div, #el-0e74999b0b9870bc > div > div, #el-2b2e69f7a7122b45 > div > div, #el-15e1eb46e5e8466d > div > div, #social-icon > div > div, #el-d489da2788f4a34a > div > div, #el-073bff522da7fd03 > div > div, #el-c736281964bcea20 > div > div { max-width: 692px; } } /*intro and about- font color*/ #el-e6ef3804f5b4cc07 > div, #el-5c5de1afe5c33af9 > div, #el-0e74999b0b9870bc > div, #el-2b2e69f7a7122b45 > div > div, #el-d489da2788f4a34a > div, #el-073bff522da7fd03 > div > div, #el-c736281964bcea20 > div > div { color: #cecece; } /*left and right spacing on mobile*/ /* @media (max-width:767px) { #el-e6ef3804f5b4cc07, #el-5c5de1afe5c33af9, #el-2b2e69f7a7122b45, #el-314398be245a3dd7 { padding-left: 20px; padding-right: 20px; } } */ /*intro*/ /*intro - first grid column*/ @media (min-width: 768px) { #el-e6ef3804f5b4cc07 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { grid-template-columns: 1fr; } } /*intro - second grid column*/ @media (min-width: 1069px) { #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { grid-template-columns: 1fr 476px; gap: 8.3333333333%; width: 850px; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (max-width: 1068px) { #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { grid-template-columns: 1fr 346px; gap: 8.3333333333%; margin-left: auto; margin-right: auto; } } /*intro - title*/ .-mb-12 { margin-bottom:0; padding-bottom:0; } /*intro - title*/ .mb-12 { margin-bottom:0; } /*intro - title*/ #el-e6ef3804f5b4cc07 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { text-transform: none; font-size: 66px; line-height: 1.0416666667; font-weight: 500; letter-spacing: -0.015em; } @media (min-width: 768px) and (max-width: 1068px) { #el-e6ef3804f5b4cc07 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { font-size: 48px; line-height: 1.08349; letter-spacing: -.002em; } } @media (max-width: 767px) { #el-e6ef3804f5b4cc07 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { font-size: 1.5rem; line-height: 1.1666666667; font-weight: 600; letter-spacing: .009em; margin-bottom: 16px; } } /*intro - subtitle*/ #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1) { font-size: 24px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; } @media (max-width: 767px) { #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1) { font-size: 16px; line-height: 1.2666666667; font-weight: 400; color: #cecece; margin-bottom: 55px; } } /*intro - body*/ #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(2) > div > div { font-size: 16px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; } @media (max-width: 767px) { #el-5c5de1afe5c33af9 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(2) > div > div { font-size: 16px; line-height: 1.2666666667; font-weight: 400; letter-spacing: .009em; } } /*about*/ /*about - column*/ @media (min-width: 1280px) { #el-2b2e69f7a7122b45 > div > div, #el-073bff522da7fd03 > div > div, #el-c736281964bcea20 > div > div { width: 850px; } } /*about - column*/ @media (min-width: 768px) { #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12, #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12, #el-c736281964bcea20 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { grid-template-columns: 1fr; gap: 8.3333333333%!important; } } /*about - social icon*/ #social-icon > div > div > div { grid-template-columns: 1fr; } #el-314398be245a3dd7 { margin-top: 3px; } @media (max-width: 767px) { #social-icon > div > div > div > div > div > div > div.items-center.md\:mx-0.md\:ml-auto.mb-4.md\:mb-auto > div { margin-right: 0; } } /*about - title*/ #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family, #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { font-size: 17px; letter-spacing:0; } @media (max-width: 767px) { #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family, #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { font-weight: 500; font-size: 16px; line-height: 1.2666666667; margin-bottom: 16px; } } /*hear from our sponsors*/ #el-c736281964bcea20 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { text-transform: none; font-size: 56px; line-height: 1.0416666667; font-weight: 500; letter-spacing: -0.015em; } @media (max-width: 767px) { #el-c736281964bcea20 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 1.2666666667; margin-bottom: 16px; } } /*about - body*/ #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1), #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1){ font-size: 16px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; text-align: left; } @media (max-width: 767px) { #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1), #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 > div:nth-child(1){ line-height: 1.2666666667; font-weight: 400; } } /*about - styling*/ #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12, #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { border-top: 2px solid #6e6e73; padding: 24px 0; } @media (max-width: 767px) { #el-2b2e69f7a7122b45 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12, #el-073bff522da7fd03 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { padding: 20px 0; } } /*hear from our sponsors*/ #el-c736281964bcea20 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { padding: 24px 0; } @media (max-width: 767px) { #el-c736281964bcea20 > div > div > div.md\:grid.md\:grid-cols-4.md\:gap-4.-mb-12 { padding: 24px 0; } } /*about - company logo*/ @media (min-width: 768px) { #company-logo > div > div { width: 850px; font-size: 14px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; color: #cecece; } } @media (max-width: 767px) { #company-logo > div > div { font-size: 14px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; color: #cecece; } } #company-logo { padding-top:20px; } @media (min-width: 768px) { #company-logo > div > div > div { gap: 70px!important; } } @media (max-width: 767px) { #company-logo > div > div > div > div:nth-child(1) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto, #company-logo > div > div > div > div:nth-child(2) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto, #company-logo > div > div > div > div:nth-child(3) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto, #company-logo > div > div > div > div:nth-child(4) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto { height: auto!important; } #company-logo > div > div > div > div:nth-child(1) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto > a > img, #company-logo > div > div > div > div:nth-child(2) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto > a > img, #company-logo > div > div > div > div:nth-child(3) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto > a > img, #company-logo > div > div > div > div:nth-child(4) > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto > a > img { max-width: 50vw; margin-top: 0; } #company-logo > div > div > div > div:nth-child(1) > div.md\:.body_font_family, #company-logo > div > div > div > div:nth-child(2) > div.md\:.body_font_family, #company-logo > div > div > div > div:nth-child(3) > div.md\:.body_font_family, #company-logo > div > div > div > div:nth-child(4) > div.md\:.body_font_family { margin-top: 0!important; padding-top: 0!important; font-weight: 500; font-size: 16px; line-height: 1.2666666667; text-align: center; width: 320px; margin-left: auto; margin-right: auto; } #company-logo > div > div > div > div:nth-child(2), #company-logo > div > div > div > div:nth-child(3), #company-logo > div > div > div > div:nth-child(4) { margin-top: 55px; } #company-logo > div > div > div > div:nth-child(1) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family > div > p, #company-logo > div > div > div > div:nth-child(4) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family > div > p { text-align: center!important; } #company-logo > div > div > div > div:nth-child(4) > div.md\:.text-lg.mb-2.uppercase.font-medium.body_font_family { margin-top: 110px!important; } } /*about - Design Optimism - presented by / in partnership with*/ #el-070263aca9685d96 { padding-top: 90px; } /*about - Design Optimism - supported by*/ #el-8df8542fb4a40542 { padding-top: 90px; } /*about - Design Optimism - hear from our sponsor*/ #el-5c7733a48982f6a8 { padding-top: 90px; } /*video cards*/ @media (min-width: 768px) { .md\:text-3xl { font-size: 36px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; color: #cecece; } .md\:text-lg { font-size: 16px; line-height: 1.3666666667; color: #cecece; } .md\:ml-8 { margin-left:70.8333333331px; margin-right:70.8333333331px; } .lg\:mr-12 { margin-left:70.8333333331px; margin-right:70.8333333331px; } } .editor-content a { color: rgba(255,0,98,1); cursor: pointer; } #el-1a25fe7ee3d9b685 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-ba52512df0600128 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-c58d2436e71fba7e > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-f0e7b28c0510dbf6 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-50accfed47f1d98a > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-bffe81e275c1c688 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-3693337e57cb646b > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-6e5dfb3184a20608 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-98fbf6458b63302c > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div { margin-bottom: 0; } /*DESIGN OPTIMISM*/ #el-82c73b8658ab5ca8 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-6a61ce980d2dbbc9 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-7fbafb89694d5752 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-94c0cd9dd35774ec > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-f3734183c46cfed2 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-da7eacaa21e0b6c7 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-111163751fc835b8 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div { margin-bottom: 0; } /*INTERFACE*/ #el-48819b8c36377bec > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-5433a6326cddeaba > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-25bfce5c87435709 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-d02c6391dbab689f > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-b40ab188c2d0eed9 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div, #el-5e227b490b737c31 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div { margin-bottom: 0; } /*HOUSE OF ROHL*/ #el-bda08332bf9b7f8a > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-4e243be7f093bf86 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-08b00fc506aefe48 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-553e9941cd3e8954 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-b903d89a0ad84f91 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-4d1a9e3411c7bf61 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-9369e7372944306f > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-aabcbf38a34e7dda > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-d3720c19e9cc66e6 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-f30fe8be99afedfb > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-1aeb24387594e74c > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-72646c159427f4f2 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-4083e0de33ed4afc > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-eea57eacf6fcdfe8 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-e05f952a9b993711 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-342f9638b6a4bff3 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-64e62debcfdcd3b4 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-3ce04d4e03a91d41 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-566fdb615e6b3426 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-555af75c64b6f940 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-43a08183089e65db > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-b3e502caed016c74 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-333283d5ab35786c > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-43a3c27b4061f284 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-bf23d790a7690fb0 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-9c6710f74262718d > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-4905abeffeb49059 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-49554f53d45a6ad1 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-bb881039890d5d04 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-826ea98d98483a8e > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div { margin-bottom: 0; } /*LIVING WELL*/ #el-03014cd3163ed243 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-bfa1a5d5320c0578 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-0210fd2f22f78034 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-52b2facbb7e10fd4 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-4e2efa672d990d97 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-571a0c7560b14543 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div, #el-65e71f6b77b5c8fa > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > div { margin-bottom: 0; } @media (min-width: 1069px) { .lg\:max-w-xl { max-width: 750px!important; margin-left: 0; } .md\:max-w-md { max-width: 750px!important; } } @media (max-width: 1068px) { .md\:max-w-md { max-width: none!important; } } #el-1a25fe7ee3d9b685 > section > div, #el-ba52512df0600128 > section > div, #el-c58d2436e71fba7e > section > div, #el-f0e7b28c0510dbf6 > section > div, #el-50accfed47f1d98a > section > div, #el-bffe81e275c1c688 > section > div, #el-3693337e57cb646b > section > div, #el-6e5dfb3184a20608 > section > div, #el-98fbf6458b63302c > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { #el-1a25fe7ee3d9b685 > section > div, #el-ba52512df0600128 > section > div, #el-c58d2436e71fba7e > section > div, #el-f0e7b28c0510dbf6 > section > div, #el-50accfed47f1d98a > section > div, #el-bffe81e275c1c688 > section > div, #el-3693337e57cb646b > section > div, #el-6e5dfb3184a20608 > section > div, #el-98fbf6458b63302c > section > div { margin-bottom: 55px!important; } } /*DESIGN OPTIMISM*/ #el-82c73b8658ab5ca8 > section > div, #el-6a61ce980d2dbbc9 > section > div, #el-7fbafb89694d5752 > section > div, #el-94c0cd9dd35774ec > section > div, #el-f3734183c46cfed2 > section > div, #el-da7eacaa21e0b6c7 > section > div, #el-111163751fc835b8 > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { #el-82c73b8658ab5ca8 > section > div, #el-6a61ce980d2dbbc9 > section > div, #el-7fbafb89694d5752 > section > div, #el-94c0cd9dd35774ec > section > div, #el-f3734183c46cfed2 > section > div, #el-da7eacaa21e0b6c7 > section > div, #el-111163751fc835b8 > section > div, #el-635cb01088683db3 > section > div { margin-bottom: 55px!important; } } /*INTERFACE*/ #el-48819b8c36377bec > section > div, #el-5433a6326cddeaba > section > div, #el-25bfce5c87435709 > section > div, #el-d02c6391dbab689f > section > div, #el-b40ab188c2d0eed9 > section > div, #el-5e227b490b737c31 > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { #el-48819b8c36377bec > section > div, #el-5433a6326cddeaba > section > div, #el-25bfce5c87435709 > section > div, #el-d02c6391dbab689f > section > div, #el-5e227b490b737c31 > section > div { margin-bottom: 55px!important; } } /*HOUSE OF ROHL*/ #el-bda08332bf9b7f8a > section > div, #el-4e243be7f093bf86 > section > div, #el-08b00fc506aefe48 > section > div, #el-553e9941cd3e8954 > section > div, #el-b903d89a0ad84f91 > section > div, #el-4d1a9e3411c7bf61 > section > div, #el-9369e7372944306f > section > div, #el-aabcbf38a34e7dda > section > div, #el-d3720c19e9cc66e6 > section > div, #el-f30fe8be99afedfb > section > div, #el-1aeb24387594e74c > section > div, #el-72646c159427f4f2 > section > div, #el-4083e0de33ed4afc > section > div, #el-eea57eacf6fcdfe8 > section > div, #el-e05f952a9b993711 > section > div, #el-342f9638b6a4bff3 > section > div, #el-64e62debcfdcd3b4 > section > div, #el-3ce04d4e03a91d41 > section > div, #el-566fdb615e6b3426 > section > div, #el-555af75c64b6f940 > section > div, #el-43a08183089e65db > section > div, #el-b3e502caed016c74 > section > div, #el-333283d5ab35786c > section > div, #el-43a3c27b4061f284 > section > div, #el-bf23d790a7690fb0 > section > div, #el-9c6710f74262718d > section > div, #el-4905abeffeb49059 > section > div, #el-49554f53d45a6ad1 > section > div, #el-bb881039890d5d04 > section > div, #el-826ea98d98483a8e > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { #el-bda08332bf9b7f8a > section > div, #el-4e243be7f093bf86 > section > div, #el-08b00fc506aefe48 > section > div, #el-553e9941cd3e8954 > section > div, #el-b903d89a0ad84f91 > section > div, #el-4d1a9e3411c7bf61 > section > div, #el-9369e7372944306f > section > div, #el-aabcbf38a34e7dda > section > div, #el-d3720c19e9cc66e6 > section > div, #el-f30fe8be99afedfb > section > div, #el-1aeb24387594e74c > section > div, #el-72646c159427f4f2 > section > div, #el-4083e0de33ed4afc > section > div, #el-eea57eacf6fcdfe8 > section > div, #el-e05f952a9b993711 > section > div, #el-342f9638b6a4bff3 > section > div, #el-64e62debcfdcd3b4 > section > div, #el-3ce04d4e03a91d41 > section > div, #el-566fdb615e6b3426 > section > div, #el-555af75c64b6f940 > section > div, #el-43a08183089e65db > section > div, #el-b3e502caed016c74 > section > div, #el-333283d5ab35786c > section > div, #el-43a3c27b4061f284 > section > div, #el-bf23d790a7690fb0 > section > div, #el-9c6710f74262718d > section > div, #el-4905abeffeb49059 > section > div, #el-49554f53d45a6ad1 > section > div, #el-bb881039890d5d04 > section > div, #el-826ea98d98483a8e > section > div { margin-bottom: 55px!important; } } /*LIVING WELL*/ #el-03014cd3163ed243 > section > div, #el-bfa1a5d5320c0578 > section > div, #el-0210fd2f22f78034 > section > div, #el-52b2facbb7e10fd4 > section > div, #el-4e2efa672d990d97 > section > div, #el-571a0c7560b14543 > section > div, #el-65e71f6b77b5c8fa > section > div, #el-ae69bacac6d2303e > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } /*DESIGN OPTIMISM 2023*/ #el-635cb01088683db3 > section > div { background-color: rgb(17,17,17); border-radius: .25rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { #el-03014cd3163ed243 > section > div, #el-bfa1a5d5320c0578 > section > div, #el-0210fd2f22f78034 > section > div, #el-52b2facbb7e10fd4 > section > div, #el-4e2efa672d990d97 > section > div, #el-571a0c7560b14543 > section > div, #el-65e71f6b77b5c8fa > section > div { margin-bottom: 55px!important; } } @media (max-width: 1279px) { #el-1a25fe7ee3d9b685 > section > div, #el-ba52512df0600128 > section > div, #el-c58d2436e71fba7e > section > div, #el-f0e7b28c0510dbf6 > section > div, #el-50accfed47f1d98a > section > div, #el-bffe81e275c1c688 > section > div, #el-3693337e57cb646b > section > div, #el-6e5dfb3184a20608 > section > div, #el-98fbf6458b63302c > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } /*DESIGN OPTIMISM*/ @media (max-width: 1279px) { #el-82c73b8658ab5ca8 > section > div, #el-6a61ce980d2dbbc9 > section > div, #el-7fbafb89694d5752 > section > div, #el-94c0cd9dd35774ec > section > div, #el-f3734183c46cfed2 > section > div, #el-da7eacaa21e0b6c7 > section > div, #el-111163751fc835b8 > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } /*INTERFACE*/ @media (max-width: 1279px) { #el-48819b8c36377bec > section > div, #el-5433a6326cddeaba > section > div, #el-25bfce5c87435709 > section > div, #el-d02c6391dbab689f > section > div, #el-b40ab188c2d0eed9 > section > div, #el-5e227b490b737c31 > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } /*HOUSE OF ROHL*/ @media (max-width: 1279px) { #el-bda08332bf9b7f8a > section > div, #el-4e243be7f093bf86 > section > div, #el-08b00fc506aefe48 > section > div, #el-553e9941cd3e8954 > section > div, #el-b903d89a0ad84f91 > section > div, #el-4d1a9e3411c7bf61 > section > div, #el-9369e7372944306f > section > div, #el-aabcbf38a34e7dda > section > div, #el-d3720c19e9cc66e6 > section > div, #el-f30fe8be99afedfb > section > div, #el-1aeb24387594e74c > section > div, #el-72646c159427f4f2 > section > div, #el-4083e0de33ed4afc > section > div, #el-eea57eacf6fcdfe8 > section > div, #el-e05f952a9b993711 > section > div, #el-342f9638b6a4bff3 > section > div, #el-64e62debcfdcd3b4 > section > div, #el-3ce04d4e03a91d41 > section > div, #el-566fdb615e6b3426 > section > div, #el-555af75c64b6f940 > section > div, #el-43a08183089e65db > section > div, #el-b3e502caed016c74 > section > div, #el-333283d5ab35786c > section > div, #el-43a3c27b4061f284 > section > div, #el-bf23d790a7690fb0 > section > div, #el-9c6710f74262718d > section > div, #el-4905abeffeb49059 > section > div, #el-49554f53d45a6ad1 > section > div, #el-bb881039890d5d04 > section > div, #el-826ea98d98483a8e > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } /*LIVING WELL*/ @media (max-width: 1279px) { #el-03014cd3163ed243 > section > div, #el-bfa1a5d5320c0578 > section > div, #el-0210fd2f22f78034 > section > div, #el-52b2facbb7e10fd4 > section > div, #el-4e2efa672d990d97 > section > div, #el-571a0c7560b14543 > section > div, #el-65e71f6b77b5c8fa > section > div, #el-ae69bacac6d2303e > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } /*DESIGN OPTIMISM 2023*/ @media (max-width: 1279px) { #el-635cb01088683db3 > section > div { background-color: black; border-radius: .25rem; margin-bottom: 1.5rem; } } .py-12 { padding-top:0; padding-bottom:0; } @media (max-width: 1068px) { #el-1a25fe7ee3d9b685 > section > div, #el-ba52512df0600128 > section > div, #el-c58d2436e71fba7e > section > div, #el-f0e7b28c0510dbf6 > section > div, #el-50accfed47f1d98a > section > div, #el-bffe81e275c1c688 > section > div, #el-3693337e57cb646b > section > div, #el-6e5dfb3184a20608 > section > div, #el-98fbf6458b63302c > section > div { -ms-flex-direction: column; flex-direction: column; } } /*DESIGN OPTIMISM*/ @media (max-width: 1068px) { #el-82c73b8658ab5ca8 > section > div, #el-6a61ce980d2dbbc9 > section > div, #el-7fbafb89694d5752 > section > div, #el-94c0cd9dd35774ec > section > div, #el-f3734183c46cfed2 > section > div, #el-da7eacaa21e0b6c7 > section > div, #el-111163751fc835b8 > section > div { -ms-flex-direction: column; flex-direction: column; } } /*DESIGN OPTIMISM 2023 image card at top*/ @media (max-width: 1068px) { #el-635cb01088683db3 > section > div { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } /*INTERFACE*/ @media (max-width: 1068px) { #el-48819b8c36377bec > section > div, #el-5433a6326cddeaba > section > div, #el-25bfce5c87435709 > section > div, #el-d02c6391dbab689f > section > div, #el-b40ab188c2d0eed9 > section > div, #el-5e227b490b737c31 > section > div { -ms-flex-direction: column; flex-direction: column; } } /*HOUSE OF ROHL*/ @media (max-width: 1068px) { #el-bda08332bf9b7f8a > section > div, #el-4e243be7f093bf86 > section > div, #el-08b00fc506aefe48 > section > div, #el-553e9941cd3e8954 > section > div, #el-b903d89a0ad84f91 > section > div, #el-4d1a9e3411c7bf61 > section > div, #el-9369e7372944306f > section > div, #el-aabcbf38a34e7dda > section > div, #el-d3720c19e9cc66e6 > section > div, #el-f30fe8be99afedfb > section > div, #el-1aeb24387594e74c > section > div, #el-72646c159427f4f2 > section > div, #el-4083e0de33ed4afc > section > div, #el-eea57eacf6fcdfe8 > section > div, #el-e05f952a9b993711 > section > div, #el-342f9638b6a4bff3 > section > div, #el-64e62debcfdcd3b4 > section > div, #el-3ce04d4e03a91d41 > section > div, #el-566fdb615e6b3426 > section > div, #el-555af75c64b6f940 > section > div, #el-43a08183089e65db > section > div, #el-b3e502caed016c74 > section > div, #el-333283d5ab35786c > section > div, #el-43a3c27b4061f284 > section > div, #el-bf23d790a7690fb0 > section > div, #el-9c6710f74262718d > section > div, #el-4905abeffeb49059 > section > div, #el-49554f53d45a6ad1 > section > div, #el-bb881039890d5d04 > section > div, #el-826ea98d98483a8e > section > div { -ms-flex-direction: column; flex-direction: column; } } /*LIVING WELL*/ @media (max-width: 1068px) { #el-03014cd3163ed243 > section > div, #el-bfa1a5d5320c0578 > section > div, #el-0210fd2f22f78034 > section > div, #el-52b2facbb7e10fd4 > section > div, #el-4e2efa672d990d97 > section > div, #el-571a0c7560b14543 > section > div, #el-65e71f6b77b5c8fa > section > div, #el-ae69bacac6d2303e > section > div { -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { .px-4 { padding-left: 20px; padding-right: 20px; } } @media (max-width: 1068px) { .text-2xl, #el-ba52512df0600128 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-f0e7b28c0510dbf6 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-bffe81e275c1c688 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-25bfce5c87435709 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-5e227b490b737c31 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p { text-align: left!important; color: #cecece; line-height: 1.1666666667; } .text-base, #el-ba52512df0600128 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-f0e7b28c0510dbf6 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-bffe81e275c1c688 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-25bfce5c87435709 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-5e227b490b737c31 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p { text-align: left!important; color: #cecece; line-height: 1.2666666667; } } /*DESIGN OPTIMISM*/ @media (max-width: 1068px) { .text-2xl, #el-6a61ce980d2dbbc9 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-94c0cd9dd35774ec > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-da7eacaa21e0b6c7 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p { text-align: left!important; color: #cecece; line-height: 1.1666666667; } .text-base, #el-6a61ce980d2dbbc9 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-94c0cd9dd35774ec > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-da7eacaa21e0b6c7 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p { text-align: left!important; color: #cecece; line-height: 1.2666666667; } } /*INTERFACE*/ @media (max-width: 1068px) { .text-2xl, #el-5433a6326cddeaba > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-d02c6391dbab689f > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p { text-align: left!important; color: #cecece; line-height: 1.1666666667; } .text-base, #el-5433a6326cddeaba > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-d02c6391dbab689f > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p { text-align: left!important; color: #cecece; line-height: 1.2666666667; } } /*HOUSE OF ROHL*/ @media (max-width: 1068px) { .text-2xl, #el-bda08332bf9b7f8a > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-08b00fc506aefe48 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-b903d89a0ad84f91 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-9369e7372944306f > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-d3720c19e9cc66e6 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-f30fe8be99afedfb > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-72646c159427f4f2 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-eea57eacf6fcdfe8 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-342f9638b6a4bff3 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-3ce04d4e03a91d41 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-555af75c64b6f940 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-333283d5ab35786c > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-bf23d790a7690fb0 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-4905abeffeb49059 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-bb881039890d5d04 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p { text-align: left!important; color: #cecece; line-height: 1.1666666667; } .text-base, #el-bda08332bf9b7f8a > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-08b00fc506aefe48 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-b903d89a0ad84f91 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-9369e7372944306f > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-d3720c19e9cc66e6 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-f30fe8be99afedfb > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-72646c159427f4f2 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-eea57eacf6fcdfe8 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-342f9638b6a4bff3 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-3ce04d4e03a91d41 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-333283d5ab35786c > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-bf23d790a7690fb0 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-4905abeffeb49059 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-bb881039890d5d04 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p { text-align: left!important; color: #cecece; line-height: 1.2666666667; } } /*LIVING WELL*/ @media (max-width: 1068px) { .text-2xl, #el-bfa1a5d5320c0578 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-52b2facbb7e10fd4 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-571a0c7560b14543 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p, #el-ae69bacac6d2303e > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2 > div > p { text-align: left!important; color: #cecece; line-height: 1.1666666667; } .text-base, #el-bfa1a5d5320c0578 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-52b2facbb7e10fd4 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-571a0c7560b14543 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p, #el-ae69bacac6d2303e > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > div > div > p { text-align: left!important; color: #cecece; line-height: 1.2666666667; } } /*more programming button*/ #el-62b90082c1a759f5-1 > a { margin-top: 1.5rem; margin-bottom: 0px; padding-top: 12px; padding-bottom: 12px; padding-left: 16px; padding-right: 16px; border-radius: .25rem; background-color: rgba(255,0,98,0.925)!important; color: white; margin-left: auto; margin-right: auto; } #el-627d3643dade6cd5 { margin-top: 30px; } /*INTERFACE*/ #el-d47e9dd879201647 { margin-top: 30px; } /*footer*/ .md\:pb-12 { padding-top:66px; } #footer > div > items-top { -ms-flex-align: top!important; align-items: top!important; } @media (min-width: 768px) { .md\:pb-12 { padding-bottom: 9px; } } /*footer - power by uscreen*/ .md\:mt-6 { display:none; } /*footer - center column*/ .max-w-md { max-width: 100%; } /*footer - left and right column*/ #footer > div > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto, #footer > div > div.items-center.mx-auto.md\:mx-0.md\:ml-auto.mb-4.md\:mb-auto { width: 220px!important; } /*footer - font color*/ #footer > div > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto, #footer > div > div.max-w-md.flex-1.w-full.md\:w-auto.mb-6.md\:mb-0 > navigation > a:nth-child(1), #footer > div > div.max-w-md.flex-1.w-full.md\:w-auto.mb-6.md\:mb-0 > navigation > a:nth-child(2), #footer > div > div.max-w-md.flex-1.w-full.md\:w-auto.mb-6.md\:mb-0 > navigation > a:nth-child(3), #footer > div > div.max-w-md.flex-1.w-full.md\:w-auto.mb-6.md\:mb-0 > navigation > a:nth-child(4), #footer > div > div.max-w-md.flex-1.w-full.md\:w-auto.mb-6.md\:mb-0 > navigation > a:nth-child(5) { color: #86868b!important; } /*fix issue*/ @media (min-width: 1024px) { .lg\:w-2\/3 { width: 100%; } } /*footer - mobile*/ @media (max-width: 767px) { #footer > div > div.mb-6.text-center.md\:text-left.mx-auto.md\:ml-0.md\:mr-auto.md\:mb-auto { margin-bottom: 5px; } .py-10 { margin-bottom: 0; } .pb-4 { padding-bottom: 5px; } #footer > div > div.items-center.mx-auto.md\:mx-0.md\:ml-auto.mb-4.md\:mb-auto { display: none; } } /*logo in the hero test*/ #el-9081eb7eae369d7b > section > div > div.flex.flex-1.z-10.mx-auto { padding-right: 0; width: 850px; margin-left: auto; margin-right: auto; max-width: 850px; justify-content: center; flex-direction: column; display: flex; position: relative; } #el-9081eb7eae369d7b > section > div > div.flex.flex-1.z-10.mx-auto > a > img { margin-left: auto; margin-right: auto; } /*tablet*/ @media (min-width: 768px) and (max-width: 1068px) { .md\:max-w-sm { max-width: 100%; } .lg\:mr-12, .md\:ml-8 { margin-left: 0; margin-right: 0; margin-bottom: 24px; margin-top: 42px; } } /*for Design Optimism slideshow test*/ /* Styling the area of the slides */ #slideshow { overflow: hidden; height: 100vh; width: 100vw; margin: 0 auto; } /* Style each of the sides with a fixed width and height */ .slide { float: left; height: 100vh; width: 100vw; } /* Add animation to the slides */ .slide-wrapper { /* Calculate the total width on the basis of number of slides */ width: calc(100vw * 4); /* Specify the animation with the duration and speed */ animation: slide 10s ease infinite; } /* Set the background color of each of the slides */ .slide:nth-child(1) { background: black; } .slide:nth-child(2) { background: black; } .slide:nth-child(3) { background: black; } .slide:nth-child(4) { background: black; } /* Define the animation for the slideshow */ @keyframes slide { /* Calculate the margin-left for each of the slides */ 20% { margin-left: 0px; } 40% { margin-left: calc(-100vw * 1); } 60% { margin-left: calc(-100vw * 2); } 80% { margin-left: calc(-100vw * 3); } } body { background: black!important; } /* Design Optimism - video cards title text size on desktop */ @media (min-width: 768px) { #el-82c73b8658ab5ca8 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > h2, #el-6a61ce980d2dbbc9 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2, #el-7fbafb89694d5752 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > h2, #el-94c0cd9dd35774ec > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2, #el-f3734183c46cfed2 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > h2, #el-da7eacaa21e0b6c7 > section > div > div.m-auto.mb-6.md\:ml-auto.md\:max-w-sm.md\:my-auto.md\:mr-8.lg\:mr-12 > h2, #el-111163751fc835b8 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.md\:ml-8.lg\:ml-12 > h2, #el-635cb01088683db3 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.lg\:max-w-md.md\:ml-16 > h2 { font-size: 27px; } } /*LIVING WELL - date*/ #el-9081eb7eae369d7b > section > div > div.flex.flex-1.z-10.mx-auto > div.md\:.body_font_family.text-center.md\:text-left.mb-3.md\:mb-4.text-base.md\:text-xl > div { font-size: 24px; line-height: 1.1666666667; font-weight: 500; letter-spacing: .009em; color: #cecece; margin-top: 30px; } @media (max-width: 767px) { #el-9081eb7eae369d7b > section > div > div.flex.flex-1.z-10.mx-auto > div.md\:.body_font_family.text-center.md\:text-left.mb-3.md\:mb-4.text-base.md\:text-xl > div { font-size: 24px; line-height: 1.2666666667; font-weight: 600; letter-spacing: .009em; } #el-9081eb7eae369d7b > section > div > div.flex.flex-1.z-10.mx-auto > div.md\:.body_font_family.text-center.md\:text-left.mb-3.md\:mb-4.text-base.md\:text-xl { width: 84%; margin-left: auto; margin-right: auto; margin-bottom: 60px; text-align: center!important; } } /*DESIGN OPTIMISM 2023 - 6 blocks*/ @media (min-width: 1024px) { #el-5e12bdfa0b90cb61 > section > div { padding-top:0; padding-bottom:0; } } /*DESIGN OPTIMISM 2023 - top image*/ #el-635cb01088683db3 > section > div > div.m-auto.md\:max-w-sm.lg\:max-w-lg.lg\:mr-6 > picture > img { border-radius: 0.25rem!important; } @media (min-width: 1069px) { #el-635cb01088683db3 > section > div > div.m-auto.md\:max-w-sm.lg\:max-w-lg.lg\:mr-6 { margin: 0; max-width: 750px!important; } } @media (min-width: 1069px) { .lg\:max-w-md, #el-635cb01088683db3 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.lg\:max-w-md.md\:ml-16 { max-width: 24rem!important; margin-left: 70.8333333331px!important; margin-right: 70.8333333331px!important; } } @media (max-width: 1068px) { .lg\:max-w-md, #el-635cb01088683db3 > section > div > div.m-auto.mb-6.md\:mr-auto.md\:max-w-sm.md\:my-auto.lg\:max-w-md.md\:ml-16 { margin-left: 0; margin-bottom: 24px; margin-top: 42px; } } @media (min-width: 1024px) { #el-635cb01088683db3 > section > div { justify-content: space-between; } } #el-635cb01088683db3 > section > div > div.m-auto.md\:max-w-sm.lg\:max-w-lg.lg\:mr-6 > picture > img { max-width: 100%!important; max-height: 100%!important; display: block; } #el-635cb01088683db3 > section > div > div.m-auto.md\:max-w-sm.lg\:max-w-lg.lg\:mr-6 { width: 100%; } @media (max-width: 767px) { #el-635cb01088683db3 > section > div { padding-left: 0; padding-right: 0; } #el-635cb01088683db3 > section { padding-left: 20px; padding-right: 20px; } } /* hides notification settings in user dashboard */ #notifications { display:none;} #profile_form > form > div:nth-child(7) { display:none;} </style>  <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-183119313-1', 'auto'); ga('send', 'pageview'); ga('clientTracker.send', 'pageview'); </script>   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5S4CSPL'); </script>  <style> @media (min-width: 1024px) { .lg\:hidden { display: none !important; } .lg\:h-auto { height: auto !important; } } </style> <style> :root { --primary: #ff0062ff; --primary-rgb: 255, 0, 98; --contrast-text-color: #FFFFFF; } header .w-full { width: auto !important; } header .absolute { position: inherit !important; } .main-menu .absolute { position: absolute !important; } header svg { display: initial !important; } .header svg { display: initial !important; } /* fix Safari buttons issue for Alo theme */ body[class^="tmp-"] [type=button], body[class^="tmp-"] [type=reset], body[class^="tmp-"] [type=submit], body[class^="tmp-"] button { -webkit-appearance: initial; } /* for old themes */ .display-none-important { display: none !important; } .gallery-other { background-color: rgba(0, 0, 0, 0.5); } .gallery-grid-1 { grid-template-columns: 1fr 1fr; } .gallery-grid-2 { grid-template-columns: 1fr 30%; } .gallery-grid-3 { grid-template-columns: 1fr 23%; } .gallery-cover-image { left: 50%; transform: translateX(-50%); } .gallery-wrap { height: 14.55rem; } @media screen and (min-width: 650px) { .gallery-wrap { height: 19.75rem; } } </style> <script src="https://assets-gke.uscreencdn.com/vite/assets/web-components-Ctv5J20h.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-B8hUOznO.js" as="script" crossorigin="anonymous"> <script src="https://assets-gke.uscreencdn.com/vite/assets/storefront_analytics-C3fkmH2X.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/analytics-D5FWfBpk.js" as="script" crossorigin="anonymous"> <script src="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-HO5G2hVj.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/preload-helper-B8hUOznO.js" as="script" crossorigin="anonymous"> <link rel="modulepreload" href="https://assets-gke.uscreencdn.com/vite/assets/stream_actions-qocBE_wt.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="https://assets-gke.uscreencdn.com/vite/assets/storefront_hotwire-Bf76VUY8.css" media="screen" /> <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.2.1/+esm" ></script> <title>Interior Design | DESIGNTV庐 by SANDOW</title> <meta name="description" content="Interior Design"/>  <meta itemprop="name" content="Interior Design"> <meta itemprop="description" content="Interior Design"/> <meta itemprop="image" content="https://alpha.uscreencdn.com/450xnull/images/author/45347/big_Interior_Design_Logo.1640034569.png?auto=webp">  <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Interior Design" /> <meta name="twitter:description" content="Interior Design" /> <meta name="twitter:image" content="https://alpha.uscreencdn.com/450xnull/images/author/45347/big_Interior_Design_Logo.1640034569.png?auto=webp" />  <meta property="og:title" content="Interior Design" > <meta property="og:type" content="website" /> <meta property="og:url" content="https://designtvbysandow.com/authors/interiordesign" /> <meta property="og:image:url" content="https://alpha.uscreencdn.com/450xnull/images/author/45347/big_Interior_Design_Logo.1640034569.png?auto=webp" /> <meta property="og:description" content="Interior Design" /> <link rel="canonical" href="https://designtvbysandow.com/authors/interiordesign" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "name": "Interior Design", "description": "Interior Design", "publisher": { "@type": "Organization", "name": "DESIGNTV庐 by SANDOW" } } </script> <link href="https://assets-gke.uscreencdn.com/theme_assets/25774/film.css?v=1731445736" rel="stylesheet" type="text/css"> <script src="https://assets-gke.uscreencdn.com/theme_assets/25774/film.js?v=1731445736" async></script> </head> <body dir="ltr" class="author">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S4CSPL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <style> .header .top_menu .top_menu--link, .header .top_menu .top_menu--link:hover, .header .top_menu .dropdown--head-link, .header .top_menu .dropdown--head-link:hover, .top_menu .container a, .top_menu .container a:hover, .top_menu .container .dropdown--body a, .top_menu .container .dropdown--body a:hover { color: #FFFFFF; } .hero_banner .top_menu .container a.mobile_menu--link, .hero_banner .top_menu .container a.mobile_menu--link:hover { color: #FFFFFF; } .top_menu .container .mobile_menu--link, .dropdown--body, .dropdown--body a { border-color: #FFFFFF; } .header .dropdown, .header .fas, .header .top_menu--link { color: #FFFFFF; } .header .top_menu .dropdown--action svg>g>g { fill: #FFFFFF; } .top_menu .container .mobile_menu--link, .top_menu .container .mobile_menu--exit, .top_menu .container .mobile_menu--exit .far, .dropdown--body { background-color: #000000; } .header { background-color: #000000; } body a, .top_menu .container .mobile_menu--link a, .top_menu .container .mobile_menu--link a:hover, .top_menu .container .mobile_menu--link a:focus, .top_menu .container .mobile_menu--link, .top_menu .container .mobile_menu--link:hover { color: #FFFFFF; } .top_menu .container .mobile_menu--link a svg>g>g { fill: #FFFFFF; } html, body { background-color: #000000; } .program--category-link { background: #ff0062ff; } .btn--light:hover { background-color: #ff0062ff; } .cce--upgrade-button, .btn--primary, .btn--outline { background: #ff0062ff; } .primary-hover-color:hover { color: #ff0062ff !important; } .author--profile { border-color: #ff0062ff; color: #ff0062ff; } .tabs .tab.active { color: #ff0062ff; } .tabs .tab.active svg > g > g { fill: #ff0062ff; } .testimonial svg #theme-1 { fill: #ff0062ff; } .categories-home-page--block h3 { color: ; } .coming-soon--block h3 { color: ; } .cce--document-chapter.cce--video-active .cce--document-icon svg, .cce--document-chapter.cce--video-active .cce--video-icon svg, .cce--document-chapter:hover .cce--document-icon svg, .cce--document-chapter:hover .cce--video-icon svg, .cce--video-chapter.cce--video-active .cce--document-icon svg, .cce--video-chapter.cce--video-active .cce--video-icon svg, .cce--video-chapter:hover .cce--document-icon svg, .cce--video-chapter:hover .cce--video-icon svg { fill: #ff0062ff !important; } .cce .vjs-volume-panel .vjs-volume-level, .cce .vjs-play-progress { background-color: rgba(255, 0, 98, 0.8) !important; } .cce .vjs-load-progress { background-color: rgba(255, 0, 98, 0.2) !important; } /* custom code by Amber */ .dark { background-color: black; color: white; } .dark h1, .dark h2, .dark h3, .dark h4, .dark p { color: white; } .dark .cbt-tabs--categories a:link, .dark .cbt-tabs--categories a { color: black !important; } .dark .s-category-text a:link, .dark .s-category-text a { color: hsla(0,0%,100%,.8)!important; background-color: transparent !important; } .dark .program-description-text.whitespace-pre-wrap.overflow-hidden.break-words p span, .dark .program-description-text.whitespace-pre-wrap.overflow-hidden.break-words p em { color: white !important; } .program-description-text.whitespace-pre-wrap.overflow-hidden.break-words p a { background-color: transparent !important; } .index .advantages--block { text-align: left; } .index .hero_banner--cta { padding-top: 320px; } .index .who_will_guid_you.who-will-guid-you { padding-top: 565px; padding-bottom: 0; } .inner[data-v-88db9c18] { -webkit-box-shadow: inset 1000px 1000px 1000px rgb(0 0 0 / 80%); box-shadow: inset 1000px 1000px 1000px rgb(0 0 0 / 80%); } @-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit} .container{width:100%;padding-right: 15px;padding-left: 15px;margin-right:auto;margin-left:auto;} @media (min-width:576px){.index .container{max-width:540px}} @media (min-width:768px) and (max-width: 1024px){.index .container{max-width:720px}} @media (min-width: 1025px) and (max-width: 1366px){.index .container{max-width:1024px}} @media (min-width: 1367px){.index .container{max-width:1330px}} @media only screen and (min-width: 768px) and (max-width: 992px) { .index .hero_banner--cta { padding-top: 360px !important; } .index .about_us.what-people-say-about-us { display: none; } .index .who_will_guid_you.who-will-guid-you { padding-top: 498px; padding-bottom: 0; } .all-platforms--iphone { max-width: 87.7px; } .all-platforms--macbook { top: 380px !important; } .all-platforms--ipad { top: 380px !important; left: -10px; } .all-platforms--iphone { top: 405px !important; left: 140px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .index .advantages--block { width: 210px; } .index .about_us.what-people-say-about-us { display: none; } /* .index .all-platforms--devices { max-width: 970px; margin: 0 auto; margin-bottom: 31px; position: relative; min-height: 472px; } .index .all-platforms--tv { display: block; margin: 0 auto; width: 771px; max-width: 100%; position: relative; z-index: 2; } .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 360px; left: 40px; } .index .all-platforms--tv-shape { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; width: 100%; height: 15px; position: absolute; z-index: 2; top: -5px; left: 0; background-color: #000000; } */ .index .who_will_guid_you.who-will-guid-you { padding-top: 498px; padding-bottom: 0; } } @media only screen and (min-width: 993px) and (max-width: 1024px) { .all-platforms--macbook { max-width: 380px; top: 380px !important; } .all-platforms--ipad { max-width: 210px; top: 380px !important; left: -10px; } .all-platforms--iphone { max-width: 87.7px; top: 405px !important; left: 140px; } } @media only screen and (min-width: 1025px) and (max-width: 1199px) { .index .advantages--block { width: 255px; } .index .all-platforms.all_platforms .container .all-platforms--subtitle { padding-left: 247px; padding-right: 247px; } .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 390px; } } @media only screen and (min-width: 1200px) and (max-width: 1366px) { .index .advantages--block { width: 255px; } .index .all-platforms.all_platforms .container .all-platforms--subtitle { padding-left: 247px; padding-right: 247px; } .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 390px; } } @media only screen and (min-width: 1367px) and (max-width: 1440px) { .index .advantages--block { width: 370px; } .index .all-platforms.all_platforms .container .all-platforms--subtitle { padding-left: 400px; padding-right: 400px; } .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 390px; } } @media only screen and (min-width: 1441px) { .index .advantages--block { width: 370px; } .index .all-platforms.all_platforms .container .all-platforms--subtitle { padding-left: 400px; padding-right: 400px; } .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 390px; } } .featured-category-title[data-v-ec86a0a8] { font-size: 48px; line-height: 1.0834933333; font-weight: 700; letter-spacing: -0.003em; word-wrap: break-word; } .featured-category-short-description[data-v-ec86a0a8] { display: inline; font-size: 17px; line-height: 1.4705882353; padding: 0; } @media screen and (max-width: 769px) { .featured-category-title[data-v-ec86a0a8] { font-weight: 700; color: var(--white); margin: 0; font-size: 28px; line-height: 1.2858342857; font-weight: 700; letter-spacing: .007em; } .featured-category-short-description[data-v-ec86a0a8] { color: var(--gray-300); font-size: 17px; line-height: 1.4705882353; font-weight: 400; letter-spacing: -0.001em; margin: 15px 0 0; padding: 0; } } @media screen and (min-width: 1441px) { .featured-category-title[data-v-ec86a0a8] { font-size: 64px; line-height: 1.0625; font-weight: 700; letter-spacing: -0.009em; word-wrap: break-word; } .featured-category-short-description[data-v-ec86a0a8] { font-size: 17px; line-height: 1.4705882353; padding: 0; } } /*update for featured category title - 10/12/22*/ @media screen and (min-width: 1330px) { .featured-category-title { font-size: 48px!important; line-height: 1.0834933333; } } @media screen and (min-width: 1100px) and (max-width: 1329px) { .featured-category-title { font-size: 48px!important; line-height: 1.0834933333; } } @media screen and (min-width: 700px) and (max-width: 1099px) { .featured-category-title { font-size: 28px!important; line-height: 1.2858342857; margin: 0; max-height: 70%; overflow-wrap: break-word; } } @media screen and (max-width: 699px) { .featured-category-title { color: var(--white); font-size: 28px!important; line-height: 1.2858342857; font-weight: 700; line-height: 2rem; margin: 0; overflow: hidden; } .slide-item { padding: 0 8% 15px; } } .featured-category-short-description { display: block; } .slide-item { width: 50%; } @media screen and (min-width: 1330px) { .slide-item { width: 40%; } } @media screen and (min-width: 1100px) and (max-width: 1329px) { .slide-item { width: 40%; } } @media screen and (min-width: 1000px) and (max-width: 1099px) { .slide-item { width: 50%; } } @media screen and (min-width: 700px) and (max-width: 999px) { .slide-item { padding: 0; width: 50%; } } /*update*/ .sidebar-title[data-v-0841113c], .chapter-sidebar .autoplay-label[data-v-0841113c], .chapter-divider[data-v-bacf8f20] { color: white; } /* for desktop */ @media only screen and (min-width: 768px) { /*background*/ .page, .footer, .index .advantages, .index .advantages::before, .index .advantages::after { background: black; } .index .lets_get_you_strated.lets-get-you-strted { background: transparent; } /*visibility hidden and display none*/ .index .top_menu--logo.me-auto { visibility: hidden; } .index .hero_banner::after, .index .lets_get_you_strated.lets-get-you-strted::before, .index .lets_get_you_strated.lets-get-you-strted::after, .index .advantages--block img, .index .all-platforms--apple-tv, .index .all-platforms--roku-tv, .index .what-people-say-about-us--title, .index .what-people-say-about-us--image:before, .index .what-people-say-about-us--text, .index .who-will-guid-you--image, .index .who-will-guid-you--title, .index .hero_banner--subtitle, .index .lets_get_you_strated.lets-get-you-strted, .index .all-platforms--title, #page > div.footer > div > div > div:nth-child(3) > div:nth-child(2) > a { display: none; } /*buttons*/ .index .btn.btn--outline.btn--width { color: white; } .index .btn { border-radius: 0.25rem; color: white; height: 48px; width: 200px; min-width: 200px; padding: 0 16px; font-size: 17px; text-transform: none !important; letter-spacing: -0.001em; background-color:rgba(29, 29, 31, 0.925); } .index .tns-controls button[data-controls=next] { background-image: linear-gradient(90deg,#000,rgba(0,0,0,0)) !important; } .index .tns-controls button[data-controls=prev] { background-image: linear-gradient(90deg,#000,rgba(0,0,0,0)) !important; } .index .btn:hover { transform: translateY(0px); background-color:rgba(29, 29, 31, 0.925); color: white; } .index .featured-category--button .btn:hover { transform: translateY(0px); background-color:rgba(29, 29, 31, 0.925); color: white; } /*header - top menu*/ .index .top_menu .container a { font-size: 17px; letter-spacing: -0.001em; } /*hero banner*/ .index .hero_banner--title { text-transform: none; font-size: 28px; line-height: 1.2858342857; font-weight: 500; letter-spacing: .007em; margin-left: auto; margin-right: auto; text-align: center; color:rgba(255,255,255,0.925); } .index .hero_banner--cta-wrapper { justify-content: center; margin-top: 0px; } .index .hero_banner--cta-wrapper .hero_banner--cta-link { min-width: 200px; } .index .hero_banner--title { margin-bottom: 38.6px; } .index #page > div.page > div.hero_banner > div.hero_banner--main > div.container.hero_banner--cta > div > h1 { max-width: 560px; } .index #page > div.page > div.hero_banner > div.hero_banner--main > div.top_menu > div > a:nth-child(3) { background-color:rgba(255,0,98,0.925); padding-left: 46.3985px; padding-right: 46.3985px; padding-top: 11.25px; padding-bottom: 11.25px; border-radius: 0.25rem; } .index #page > div.page > div.hero_banner > div.hero_banner--main > div.top_menu > div > a:nth-child(3):hover { background-color:rgba(255,0,98,1); } /*advantages*/ .index .advantages--block h3 { margin: 0 auto; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: -0.009em; text-align: center; color: white; text-transform: none; } .index .advantages h1 { font-size: 40px; color: white; font-weight: 700; line-height: 1.1; letter-spacing: 0em; } .index .advantages h2 { font-size: 17px; color: #bcbec0; line-height: 1.4705882353; font-weight: 400; letter-spacing: -0.001em; margin-top: -10px; } .index .advantages { padding-top: 67px; padding-bottom: 175px; } /*featured videos - featured category*/ .index .featured-category--title { text-transform: none; font-size: 28px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.2858342857; letter-spacing: .007em; text-align: left; color: white; margin: 0 auto; margin-bottom: 38.6px; } .index .card .title { color: white !important; margin-top: 8px; margin-bottom: 0; font-size: 17px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.4705882353; letter-spacing: -0.001em; } .index .home-page-slider .tns-controls button[data-controls=prev]:before { background: url(https://s3.amazonaws.com/unode1/assets/25774/x3TG3G5iSr2G0bZKro2f_arrow-left.svg) 50% no-repeat; left: 20px !important; } .index .home-page-slider .tns-controls button[data-controls=next]:before { background: url(https://s3.amazonaws.com/unode1/assets/25774/DfLpF1L6T9g0rk92xKMw_arrow-right.svg) 50% no-repeat; left: 20px !important; } .index .featured-category.featured_category { margin-top: 0px; padding-bottom: 175px; } /*access the DesignTV archive - what people say about us*/ .index .what-people-say-about-us--image-signature { margin: 0 0; font-size: 17px; font-weight: 400; color: white; background-color: rgba(255,0,98,0.925); padding-left: 46.3985px; padding-right: 46.3985px; padding-top: 11.5px; padding-bottom: 11.5px; border-radius: 0.25rem; line-height: 1.4705882353; } .index .what-people-say-about-us--image-signature:hover { background-color: rgba(255,0,98,1); } .index .what-people-say-about-us--image-content { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; padding: 78.188px; display: flex; display: -ms-flexbox; display: -webkit-flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; vertical-align: middle; } .index .what-people-say-about-us--image-name { margin-left: 0; font-size: 40px; font-weight: 700; line-height: normal; color: #fff; margin-bottom: 0px; text-align: left; } .index .what-people-say-about-us--image { width: 100%; } .index .what-people-say-about-us--content>div:nth-of-type(2) { margin-left: 0px; } .index .about_us.what-people-say-about-us { padding-top: 0px; padding-bottom: 175px; } /*all platforms*/ .index .all-platforms--title { font-size: 80px; font-weight: 700; line-height: 1.05; letter-spacing: -0.015em; color: white; text-transform: none; margin-bottom: 16px; } .index .all-platforms--subtitle { font-size: 17px; font-weight: 400; line-height: 1.4705882353; letter-spacing: -0.001em; color: white; margin: 0 auto; margin-bottom: 55px; max-width: none; } .index .all-platforms.all_platforms { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 175px; } .index .all-platforms--title { margin-bottom: 0; padding-bottom: 38.6px; } .index .all-platforms--subtitle { margin-bottom: 0; padding-bottom: 67px; } .index .all-platforms--devices { margin-bottom: 0; } .index .all-platforms--available { margin-top: -555px; } .index .all-platforms--available-block svg path { fill: white !important; } .index .all-platforms--devices { padding-top: 100px; } .index .all-platforms.all_platforms h1 { font-size: 80px; font-weight: 700; line-height: 1.05; letter-spacing: -0.015em; color: white; text-transform: none; margin-bottom: 16px; } .index .all-platforms.all_platforms h2 { font-size: 17px; font-weight: 400; line-height: 1.4705882353; letter-spacing: -0.001em; color: white; margin: 0 auto; margin-bottom: 23px; max-width: none; } .index .all-platforms.all_platforms h3 { text-transform: none; font-size: 28px; line-height: 1.2858342857; font-weight: 600; letter-spacing: .007em; margin-left: auto; margin-right: auto; text-align: center; color: white; } .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-iphone, .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-apple-tv { margin-top: 6px; margin-bottom: 8px; } .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-android-tv { margin-top: 6.5px; margin-bottom: 7.5px; } .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-fire-tv { margin-top: 5.5px; margin-bottom: 8.5px; } /*featured brands - who will guide you and partners*/ .index .who-will-guid-you--text { text-transform: none; font-size: 17px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.4705882353; letter-spacing: -0.001em; color: white; margin-bottom: 9px; margin-left: auto; margin-right: auto; text-align: center; text-transform: none; } .index .who-will-guid-you--wrapper { margin-bottom: -18px; } .index .partners { padding-top: 20px; padding-bottom: 90.5px; } .index #page > div.page > section.who_will_guid_you.who-will-guid-you > div > div > div:nth-child(2) { margin-left: 0; } /*footer*/ .footer--social a { font-size: 16px; color: white !important; margin-top: 0px; } .footer .dropdown, .footer--link { color: white !important; } .footer--copyright { color: white !important; font-weight: 400; font-size: 13px; padding-top: 3px; } #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(5) { margin-right: 0; } .col-md-3 { margin-top: 6px; } /*unsure*/ .index #tns1-item2 > span > a { color: white; } /*container on catelog page*/ .container { padding-left: 0; padding-right: 0; } } /* for mobile */ @media only screen and (max-width: 767px) { /*page*/ .index .advantages .container, .index .all-platforms.all_platforms .container, .index #page > div.page > div.featured-category.featured_category > div > div.row > div, .index .footer .container, .index .partner .container { padding-left: 23.438px; padding-right: 23.438px; } /*background*/ .page, .footer, .index .advantages { background: black; } /*visibility hidden and display none*/ .index .top_menu--logo.me-auto { visibility: hidden; } /* .index .top_menu { visibility: hidden; } */ .index .hero_banner--cta-link, .index .featured-category--button, .index .lets-get-you-strted--title { display: none; } .index .home-page-slider .tns-controls button[data-controls=prev]:before, .index .home-page-slider .tns-controls button[data-controls=next]:before, .index .hero_banner::after, .index .lets_get_you_strated.lets-get-you-strted::before, .index .lets_get_you_strated.lets-get-you-strted::after, .index .footer .powered-by-uscreen, .index .advantages--block img, .index .all-platforms--apple-tv, .index .all-platforms--roku-tv, .index .what-people-say-about-us--title, .index .what-people-say-about-us--image:before, .index .what-people-say-about-us--text, .index .who-will-guid-you--image, .index .who-will-guid-you--title, .index .hero_banner--subtitle, .index .advantages:before, .index .advantages:after { display: none; } .index .about_us.what-people-say-about-us { display: none; } .index .all-platforms--title, .footer--social, #page > div.footer > div > div > div:nth-child(3) > div:nth-child(2) > a { display: none; } /*buttons*/ .index #page > div.page > section.lets_get_you_strated.lets-get-you-strted > div > div > div:nth-child(2) > a { border-radius: 22px !important; height: 44px !important; opacity: 1; background-color: #ff0062; width: 77.294686%; margin-left: auto; margin-right: auto; text-align: center; } .index .btn--outline { font-size: 17px; font-weight: 400; line-height: 1.4705882353; letter-spacing: -0.001em; color: white; } .index .lets_get_you_strated.lets-get-you-strted { position: -webkit-sticky !important; position: sticky !important; z-index: 100 !important; bottom: 0; padding-bottom: 20px; } .index .lets-get-you-strted--subtitle { color: white; font-size: 17px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.4705882353; letter-spacing: -0.001em; text-align: center; color: rgba(255,255,255,0.925); padding-left: 10%; padding-right: 10%; margin-bottom: -3px; } .index .lets_get_you_strated.lets-get-you-strted, .lets_get_you_strated.lets-get-you-strted .container { background: transparent; } .index .lets_get_you_strated { margin-top: 0; padding-top: 0; } /*header - top menu*/ /*hero banner*/ .hero_banner--title { text-transform: none; color: white; font-size: 19px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.4705882353; letter-spacing: -0.001em; margin-left: auto; margin-right: auto; text-align: center; color:rgba(255,255,255,0.925); padding-top:180px; } .index .hero_banner--cta { padding-left: 10%; padding-right: 10%; position: absolute; bottom: 0; padding-top: 0; } .index .hero_banner--main { min-height: 100vh; height: 100%; z-index: 3; } /*advantages*/ .index .advantages--block h3 { margin: 0 auto; font-size: 40px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: -0.009em; text-align: left; color: white; text-transform: none; } .index .advantages h1 { color: white; font-size: 28px; line-height: 1.2858342857; font-weight: 700; letter-spacing: .007em; font-weight: 700; text-align: left; } .index .advantages h2 { color: #bcbec0; font-size: 17px; line-height: 1.4705882353; font-weight: 400; letter-spacing: -0.001em; text-align: left; } #page > div.page > section.advantages > div > div > div:nth-child(1) > h2, #page > div.page > section.advantages > div > div > div:nth-child(2) > h2, #page > div.page > section.advantages > div > div > div:nth-child(3) > h2 { margin-top: -23px; } .index .advantages--block { padding-top: 0; padding-bottom: 60px; } .index .advantages { padding-top: 0; padding-bottom: 0; } .index .advantages .container { padding-top: 60px; } /*featured videos - featured category*/ .index .tns-controls button[data-controls=next] { background-image: linear-gradient(90deg,#000,rgba(0,0,0,0)) !important; } .index .tns-controls button[data-controls=prev] { background-image: linear-gradient(90deg,#000,rgba(0,0,0,0)) !important; } .index .card .title { color: white !important; margin-top: 4px; margin-bottom: 0; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.3705882353; letter-spacing: -0.001em; text-align: left; } .index .featured-category--title { text-transform: none; color: white; font-size: 22px; line-height: 1.4705882353; font-weight: 700; letter-spacing: -0.001em; text-align: left; margin: 0 auto; margin-bottom: 38.6px; } .index .featured-category { margin-top: 0; padding-top: 60px; } .index #page > div.page > div.featured-category.featured_category > div > div.row > div { margin-bottom: -23px; } .index .home-page-slider .tns-controls button[data-controls=prev], .index .home-page-slider .tns-controls button[data-controls=next] { border-radius: 0px; } /*access the DesignTV archive - what people say about us*/ /*all platforms*/ .index .all-platforms--title { color: white; letter-spacing: 0em; text-align: center; text-transform: none; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: 0em; } .index .all-platforms--subtitle { font-size: 17px; color: white; line-height: 1.4705882353; font-weight: 400; letter-spacing: -0.001em; text-align: center; margin-bottom: 60px; margin-top: 5px; } .index .all-platforms.all_platforms h1 { color: white; letter-spacing: 0em; text-align: center; text-transform: none; font-size: 40px; line-height: 1.1; font-weight: 700; letter-spacing: 0em; } .index .all-platforms.all_platforms h2 { font-size: 17px; font-weight: 400; line-height: 1.4705882353; letter-spacing: -0.001em; color: white; margin: 0 auto; margin-bottom: 23px; margin-top: 65px; max-width: none; } .index .all-platforms.all_platforms h3 { text-transform: none; font-size: 28px; line-height: 1.2858342857; font-weight: 600; letter-spacing: .007em; margin-left: auto; margin-right: auto; text-align: center; color: white; } .index .all-platforms--available-block svg path { fill: white !important; } .index .all-platforms--title { padding-top: 120px; margin-bottom: 15px; } .index .all-platforms--available { margin-top: 0px; } .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-iphone, .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-android, .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-apple-tv, .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-roku-tv, .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-android-tv { margin-top: 0; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } .index #page > div.page > section.all-platforms.all_platforms > div > div.all-platforms--available > div > a.all-platforms--available-block.all-platforms--available-block-fire-tv { margin-top: -3px; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; } .index #page > div.page > section.all-platforms.all_platforms { padding-top: 90px; padding-bottom: 0; } .index .all-platforms--devices { margin-bottom: 60px; } /*featured brands - who will guide you and partners*/ .index .who-will-guid-you--text { text-transform: none; color: white; font-size: 17px; line-height: 1.4705882353; font-weight: 400; letter-spacing: -0.001em; text-align: center; margin: 0 auto; margin-bottom: 0px; } .index .who_will_guid_you.who-will-guid-you { padding-top: 90px; padding-bottom: 0; } .index .who-will-guid-you--text { margin-bottom: 15px; } .index .partners { padding-top: 0; padding-bottom: 170px; } .index .partners--block { padding: 30px 40px; } /*footer*/ .index .footer--social a { font-size: 16px; color: white !important; } .index .footer .dropdown, .footer--link { color: white !important; } .footer--copyright { color: white !important; font-weight: 400; font-size: 13px; } .index .footer { margin-top: -271px; padding-top: 110px; } .index #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(1), .index #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(2), .index #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(3), .index #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(4), .index #page > div.footer > div > div > div.col-md-6.footer--links > a:nth-child(5) { text-align: center; margin-left: 15px; margin-right: 15px; margin-top: -5px; } .index #page > div.footer > div > div > div.col-md-6.footer--links { padding-left: 0; padding-right: 0; } /*unsure*/ .index #tns1 > .tns-item { width: 308px; } .index #page > div.page > section.partners > div > div > a:nth-child(3) { padding-bottom: 45px; } /*outside of themepage*/ .catalog { margin-top: 0; } .header { padding-top: 2px !important; padding-bottom: 2px !important; } .header .top_menu .container .top_menu--logo.me-auto a img { height: 23px !important; /* margin-top: 2px; */ } .hero_banner .top_menu { padding-top: 2px; padding-bottom: 2px; } .mt-6 { margin-top: 0.5rem !important; } .swiper-pagination-bullet { height: 5.75px; margin-right: 5px; width: 5.75px; } .swiper-pagination[data-v-ec86a0a8] { margin-top: 36.594px; margin-left: 1px; } .cbt-related--flex[data-v-57204430] { padding: 0; } .cbt-program[data-v-c81fd16e] { padding: 0 3%; } .items-grid[data-v-0ac569a0] { grid-row-gap: 25px; width: 100%; } .cbt-tabs--content[data-v-738e2176] { padding: 40px 3%; } .col-lg-7 { padding-right: 17.5px; padding-left: 17.5px; } .mt-3 { margin-top: 0 !important; } .program, .author { margin-top: 0px !important; padding-bottom: 0; } .swiper-button-next, .swiper-button-prev { top: -11px; } .slide-background-gradient[data-v-ec86a0a8] { background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.8)),color-stop(100%,rgba(0,0,0,.8))) !important; background: linear-gradient(to bottom,rgba(0,0,0,.8) 0%,rgba(0,0,0,.8) 100%) !important; } .dark .ui-filters[data-v-d97d99de] { background-color: var(--black); border-bottom: 1px solid var(--gray-900); border-top: 1px solid var(--black); } .ui-featured-category[data-v-ec86a0a8] { border-top: none; height: 487.5px; } .footer--social a { color: white !important; margin: 0 0; font-size: 17px; font-weight: 400; background-color:rgba(255,0,98,1); padding-left: 33.3985px; padding-right: 33.3985px; padding-top: 11.5px; padding-bottom: 11.5px; border-radius: 0.25rem; line-height: 1.4705882353; margin-top: -12px; text-transform: none; } .footer--social a:first-child { display: none; } .footer--social a:hover { background-color:rgba(255,0,98,1); } /* .footer--social p { color: white !important; font-weight: 400; font-size: 13px; text-transform: capitalize; } */ .index #page > div.page > div.hero_banner > div.hero_banner--main > div.top_menu > div > a:nth-child(3) { background-color:rgba(255,0,98,0.925); padding-left: 46.3985px; padding-right: 46.3985px; padding-top: 11.25px; padding-bottom: 11.25px; border-radius: 0.25rem; } .index #page > div.page > div.hero_banner > div.hero_banner--main > div.top_menu > div > a:nth-child(3):hover { background-color:rgba(255,0,98,0.925); } .program { margin-top: 25px; margin-bottom: 0px; } .index .all-platforms--iphone .all-platforms--inner { top: 2.3%; left: 4.5%; width: 91%; height: 93%; } .index .all-platforms--ipad .all-platforms--inner { top: 2.3%; } .slide-background-gradient[data-v-ec86a0a8] { background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.35)),color-stop(100%,rgba(0,0,0,.9))); background: linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.9) 100%); } .all-platforms--devices { max-width: 100%; } .header .top_menu .container { margin-top: 0; padding-left: 1.25rem; padding-right: 1.25rem; } .header { position: -webkit-sticky; position: sticky; top: 0; border-bottom: 1px solid var(--gray-900); } .top_menu .container { padding-right: 1.25rem; padding-left: 1.25rem; } .container { padding-right: 3%; padding-left: 3%; } .footer--links { display: -webkit-inline-box; display: inline-block; } .footer .py-2 { padding-bottom: 0.1rem !important; padding-top: 0.1rem !important; display: inline-block; } .footer--copyright { text-align: left; } .footer { padding-top: 0px; padding-bottom: 7px; } .top_menu .container .mobile_menu--link { border-color: var(--gray-900); } .top_menu .container .mobile_menu--exit { padding: 9px 0; } .top_menu .container .mobile_menu--link:last-child { border-bottom: 1px solid var(--gray-900); } .cbt-tabs--content[data-v-738e2176] { border-bottom: 1px solid var(--gray-900); border-top: 1px solid var(--gray-900); } .index .all-platforms--available-blocks { padding-top: 38px; } .category { margin-top: 0px !important; } } /*for mobile with hamburger menu*/ @media screen and (max-width: 575px) { /*all platforms*/ .all-platforms--tv { max-width: 350px; } } @media screen and (max-width: 530px) { .index #page > div.page > section.partners > div > div > a:nth-child(1) { padding-top: 23px; padding-bottom: 60px; } .index #page > div.page > section.partners > div > div > a:nth-child(2) { padding-top: 0px; padding-bottom: 67px; } .index #page > div.page > section.partners > div > div > a:nth-child(3) { padding-top: 0px; padding-bottom: 62px; } .index #page > div.page > section.partners > div > div > a:nth-child(4) { padding-top: 0px; padding-bottom: 30px; } } /*debug featured brands - who will guide you and partners*/ @media only screen and (min-width: 768px) and (max-width: 1024px) { .index .partners--content { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 531px) and (max-width: 1024px) { .index .partners--block { padding: 25px 25px !important; } } /*debugging catalog page*/ @media screen and (max-width: 992px) { .swiper-pagination { visibility: visible; } } /*for mobile icon*/ .fa-lg { font-size: 1.6em!important; line-height: .75em; vertical-align: -0.0667em; padding-top: 9.01px; padding-bottom: 9.01px; } /*general setting*/ .index .all-platforms--ipad { top: 360px; } .index .all-platforms--macbook { top: 360px; } .index .all-platforms--iphone { top: 390px; } .bg-white { color: black; } /*debug ipad and macbook*/ @media only screen and (min-width: 576px) and (max-width: 767px) { .index .all-platforms--ipad { top: 250px !important; } .index .all-platforms--macbook { top: 215px !important; } } @media only screen and (max-width: 575px) { .index .all-platforms--ipad { top: 145px !important; } .index .all-platforms--macbook { top: 126px !important; } } .lets-get-you-strted--subtitle { display: none; } #page > div.footer > div > div > div:nth-child(3) > div.footer--social > p > a:nth-child(2) { /* background: white; */ background-color: rgba(255,0,98,0.925); padding-left: 26.023px; padding-right: 26.023px; padding-top: 11.25px; padding-bottom: 11.25px; border-radius: 0.25rem; } #page > div.footer > div > div > div:nth-child(3) > div.footer--social > p > a:nth-child(2):hover { /* background: white; */ background-color: rgba(255,0,98,1); } @media screen and (min-width: 768px) { .footer--social { margin-top: -12px; } } .program { padding-bottom: 0; margin-top: 25px; } .category { margin-top: 25px; } @media screen and (max-width: 575px) { .container { max-width: 100% !important; overflow-x: hidden !important; } .index .container { max-width: 100% !important; overflow-x: visible !important; } .header .top_menu .container { overflow-x: visible !important; } } .author { margin-top: 25px; display: block !important; } @media only screen and (min-width: 768px) and (max-width: 1024px) { #page > div.footer > div > div > div:nth-child(3) > div.footer--social > p > a:nth-child(2) { background-color: black; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; border-radius: 0; } .footer--social a { color: white !important; margin-top: 0px; font-weight: 400; font-size: 13px; padding-top: 2px; } .footer--social { margin-top: 0px; } } @media only screen and (min-width: 531px) and (max-width: 767px) { .index .partners--block { padding: 25px 20px !important; } } /*debug all devices*/ @media only screen and (min-width: 768px) and (max-width: 768px) { .index .all-platforms--ipad { max-width: 210px; } .index .all-platforms--macbook { max-width: 380px; } .index .all-platforms--iphone { display: block; max-width: 87.688px; } } @media screen and (max-width: 768px) { .all-platforms--devices { max-width: none; } } /*schedule page - general setting*/ @media only screen and (min-width: 768px) { .page .header { margin-top: 25px !important; } } @media only screen and (max-width: 767px) { .page .header { margin-top: 0px !important; } } @media only screen and (min-width: 1280px) { .page .header .top_menu .container, .page .footer .container { max-width: 1280px; } } @media only screen and (min-width: 1024px) and (max-width: 1279px) { .page .header .top_menu .container, .page .footer .container { max-width: 1024px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .page .header .top_menu .container, .page .footer .container { max-width: 768px; } } @media only screen and (min-width: 640px) and (max-width: 767px) { .page .header .top_menu .container, .page .footer .container { max-width: 640px; } } .schedule { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1024px) { .schedule { max-width: 980px; padding: 0 22px; padding-left: max(22px,env(safe-area-inset-left)); padding-right: max(22px,env(safe-area-inset-right)); } } #page > div.page { min-height: 0; } #page > div.page > div > div > div > h1 { display: none; } /*schedule page - font*/ .schedule p1 { margin: 0; color: white; font-weight: 700; font-size: 26px; text-transform: uppercase; } .schedule p2 { margin: 0; color: white; font-weight: 400; font-size: 17px; line-height: 1.07143; } .schedule p3 { margin: 0; color: hsla(0,0%,100%,.8); font-weight: 400; font-size: 17px; line-height: 1.07143; } .schedule p4 { margin: 0; color: white; font-size: 80px; line-height: 1.07143; font-weight: 200; letter-spacing: -.005em; margin-top: -10px; } .schedule p5 { margin: 0; color: white; font-weight: 700; font-size: 17px; line-height: 1.07143; } .schedule p6 { margin: 0; color: white; font-weight: 400; font-size: 17px; line-height: 1.07143; } .schedule strong { font-weight: 700; } .schedule li { color: hsla(0,0%,100%,.8)!important; } .schedule em { color: hsla(0,0%,100%,.8)!important; } /*schedule page - flex, grid and content*/ .schedule-title { z-index: 1; text-align: center; color: white; width: 100%; margin-bottom: 67px; } .schedule-flex-container { display: flex; color: white; margin-bottom: 130px; } .schedule-flex-child:first-child { margin-right: 50px; flex: 0 0 200px; text-align: center; } .schedule-grid { display: grid; grid-gap: 10px; text-align: left; grid-template-columns: 70px 366px auto; } .schedule-day-date-grid { display: grid; grid-gap: 2px; text-align: center; grid-template-rows: auto auto; } .schedule-cell.a { grid-column: 1 / 2; grid-row: 1 / 1; } .schedule-cell.b { grid-column: 2 / 3; grid-row: 1 / 1; margin-right: 20px; margin-bottom: 45px; } .schedule-cell.c { grid-column: 3 / 4; grid-row: 1 / 1; margin-top: 5px; } /*schedule page - gradient bar*/ /* .schedule-gradient { background:-moz-linear-gradient(left, rgba(240,91,64,1) 0%, rgba(252,184,19,1) 50%, rgba(122,203,199,1) 100%); background:-webkit-gradient(linear, left, right, color-stop(0%,rgba(240,91,64,1)), color-stop(50%,rgba(252,184,19,1)), color-stop(100%,rgba(122,203,199,1))); background:-webkit-linear-gradient(left, rgba(240,91,64,1) 0%,rgba(252,184,19,1) 50%,rgba(122,203,199,1) 100%); background:-o-linear-gradient(left, rgba(240,91,64,1) 0%,rgba(252,184,19,1) 50%,rgba(122,203,199,1) 100%); background:-ms-linear-gradient(left, rgba(240,91,64,1) 0%,rgba(252,184,19,1) 50%,rgba(122,203,199,1) 100%); background:linear-gradient(to right, rgba(240,91,64,1) 0%,rgba(252,184,19,1) 50%,rgba(122,203,199,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05b40', endColorstr='#7acbc7',GradientType=0 ); height:2px; width:61.8%; float:center; text-align:center; margin-left: auto; margin-right: auto; margin-top: 7px; margin-bottom: 17px; } */ .schedule-gradient { background: linear-gradient(270deg, #ff0062, #b376f5); background-size: 150% 150%; height:2px; width:61.8%; text-align:center; margin-left: auto; margin-right: auto; margin-top: 7px; margin-bottom: 17px; -webkit-animation: AnimationName 16s ease infinite; -moz-animation: AnimationName 16s ease infinite; -o-animation: AnimationName 16s ease infinite; animation: AnimationName 16s ease infinite; } @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-o-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } /*schedule page - button*/ .schedule .schedule-cell.b a { margin: 0; color: hsla(0,0%,100%,.8); font-weight: 400; font-size: 17px; line-height: 1.07143; text-decoration: underline; white-space: nowrap; } .schedule .schedule-cell.c a { -webkit-margin-end: 0.5rem; background-color: white; border-radius: 9999px; color: black; font-size: .875rem; font-weight: 700; line-height: 1rem; margin-bottom: 0.5rem; margin-inline-end: 0.5rem; overflow: hidden; text-overflow: ellipsis; padding: 0.25rem 0.75rem; white-space: nowrap; margin: 0; } /*schedule page - advertise button and footer*/ #page > div > div.footer > div > div > div:nth-child(3) > div.footer--social > p > a:nth-child(2) { background-color: rgba(255,0,98,1); padding-left: 26.023px; padding-right: 26.023px; padding-top: 11.25px; padding-bottom: 11.25px; border-radius: 0.25rem; } @media only screen and (min-width: 768px) and (max-width: 1024px) { #page > div > div.footer > div > div > div:nth-child(3) > div.footer--social > p > a:nth-child(2) { background-color: black; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; border-radius: 0; } } #page > div > div.footer > div > div > div:nth-child(3) > div:nth-child(2) > a { display: none; } /*schedule page - responsive size*/ @media only screen and (min-width: 768px) and (max-width: 1023px) { .schedule { max-width: 746px; padding: 0 22px; padding-left: max(22px,env(safe-area-inset-left)); padding-right: max(22px,env(safe-area-inset-right)); } .schedule-flex-child:first-child { margin-right: 50px; flex: 0 0 200px; text-align: center; } .schedule-grid { display: grid; grid-gap: 10px; text-align: left; grid-template-columns: 70px auto; } .schedule-day-date-grid { display: grid; grid-gap: 2px; text-align: center; grid-template-rows: auto auto; } .schedule-cell.a { grid-column: 1 / 2; grid-row: 1 / 3; } .schedule-cell.b { grid-column: 2 / 3; grid-row: 1 / 2; margin-right: 0px; margin-bottom: 0px; } .schedule-cell.c { grid-column: 2 / 3; grid-row: 2 / 3; margin-top: 7px; margin-left: -2px; margin-bottom: 45px; } } @media only screen and (max-width: 767px) { .schedule { max-width: 980px; padding: 0 0px; padding-right: 17.5px; padding-left: 17.5px; } .schedule-flex-container { margin-bottom: 50px; flex-direction: column; } .schedule-flex-child:first-child { margin-right: 0px; flex: 0 0; text-align: left; } .schedule-gradient { height: 1px; width: 100%; text-align: center; margin-left: 0; margin-right: 0; margin-top: 25px; margin-bottom: 25px; } .schedule-title { text-align: left; margin-bottom: -0.45px; padding-top: 30px; } /*schedule page - font*/ .schedule p1 { font-weight: 500; line-height: 1.33; font-size: 22px; margin-bottom: 20px; text-transform: none; } .schedule p2 { margin: 0; color: white; font-weight: 400; font-size: 16px; line-height: 1.07143; } .schedule p3 { margin: 0; color: hsla(0,0%,100%,.8); font-weight: 400; font-size: 16px; line-height: 1.07143; } .schedule p4 { margin: 0; color: white; font-size: 27px; line-height: 1.07143; font-weight: 400; letter-spacing: 0; margin-top: 0; } .schedule p5 { margin: 0; color: white; font-weight: 700; font-size: 16px; line-height: 1.07143; } .schedule p6 { margin: 0; color: white; font-weight: 400; font-size: 27px; line-height: 1.07143; } .schedule strong { font-weight: 400; } .schedule li { color: hsla(0,0%,100%,.8)!important; } .schedule em { color: hsla(0,0%,100%,.8)!important; } .schedule-day-date-grid { display: grid; grid-gap: 2px; text-align: left; grid-template-columns: 70px auto; margin-bottom: 18px; } .schedule-grid { display: grid; grid-gap: 2px; text-align: left; grid-template-columns: 70px auto; } .schedule-cell.a { grid-column: 1 / 2; grid-row: 1 / 3; } .schedule-cell.b { grid-column: 2 / 3; grid-row: 1 / 2; margin-right: 0px; margin-bottom: 0px; } .schedule-cell.c { grid-column: 2 / 3; grid-row: 2 / 3; margin-top: 7px; margin-left: -2px; margin-bottom: 30px; } .schedule .schedule-cell.b a { margin: 0; color: hsla(0,0%,100%,.8); font-weight: 400; font-size: 16px; line-height: 1.07143; text-decoration: underline; white-space: nowrap; } .schedule .schedule-cell.c a { -webkit-margin-end: 0.5rem; background-color: white; border-radius: 9999px; color: black; font-size: .875rem; font-weight: 700; line-height: 1rem; margin-bottom: 0.5rem; margin-inline-end: 0.5rem; overflow: hidden; text-overflow: ellipsis; padding: 0.25rem 0.75rem; white-space: nowrap; margin: 0; } } .cbt-program[data-v-5451dd06] { padding-left: 3%; padding-right: 3%; } /*May 10 2022 edits*/ h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif !important; font-family: 'Roboto', sans-serif !important; } @media only screen and (max-width: 767px) { .index .hero_banner .top_menu { z-index: 999; position: relative; } } .home-page-slider .tns-controls button[data-controls=next] { margin-top: -10px; } /* IM 05-19-2022 word break start */ h1.cbt-title.text-lg.md\:text-2xl.leading-6.break-all { word-break: break-word!important; } /* IM 05-19-2022 word break end */ @media screen { .leading-6 { line-height: 1.8rem!important; } /* Lisa 11-17-2022 ecommerce overplay text color */ .product-card p { color: black; } /* NYCxDESIGN Awards text change 2-24-2023 */ #program_player > div > div > div > div > div > div > div > div > div.md\:w-96 > div > div > p, #program_player > div > div > div > div > div > div > div > div > div.md\:w-96 > div > div > div:nth-child(3) > div > div > p { color: black; } #program_player > div > div > div > div > div > div > div > div > div.md\:w-96 > p { font-size: 1.25rem; line-height: 1.75rem; } /*title card width change by amber 4-04-2023*/ @media screen and (min-width: 1530px) { .slide-item-wrapper { width: 100%; } } .slide-item { width: 100%; } @media screen and (min-width: 700px) and (max-width: 999px) { .slide-item { padding: 0 8% 15px; } } @media screen and (max-width: 992px) { .swiper-pagination { visibility: hidden; } } html > body > main > div[1] > div > turbo-frame > turbo-frame > div > div[3] > div[1] > ds-show-more > div[1] { max-height: auto; } /*background color 10-11-23*/ .bg-ds-default { background-color: black; } /*carousel bottom border color 4-23-24*/ .bg-ds-overlay { background-color: black!important; } /*remove powered by uscreen 4-23-24*/ #page > div.footer > div > div > div:nth-child(3) > div:nth-child(2) > div { display: none; } /*change filter background color to black 7-29-24*/ .bg-ds-subtle { background-color: black!important; } @media screen { #catalog_filter_button, #catalog_filter_search { background-color: rgb(37, 37, 37)!important; } } @media screen { .bg-ds-default { background-color: black!important; } } .dark .card-image-container { background: black!important; background-color: black!important; } #program_about > ds-show-more, #program_description_block > ds-show-more { --ds-show-more-fade-color: black!important; } /*change background color to black 9-16-24*/ .bg-ds-inset { background-color: black!important; } @media screen { .catalog-area, .dark .catalog-area { background-color: black!important; } } </style> <div class="header"> <div class="top_menu"> <div class="container"> <div class="top_menu--logo me-auto"> <a href="/"> <img src="https://alpha.uscreencdn.com/99xnull/assets%2Fpage-editor%2FSDG_Logo_DESIGNTV_bySandow_white_2022.07.15.1658495003.png?auto=webp" data-full="https://alpha.uscreencdn.com/198xnull/assets%2Fpage-editor%2FSDG_Logo_DESIGNTV_bySandow_white_2022.07.15.1658495003.png?auto=webp" srcset="https://alpha.uscreencdn.com/198xnull/assets%2Fpage-editor%2FSDG_Logo_DESIGNTV_bySandow_white_2022.07.15.1658495003.png?auto=webp, https://alpha.uscreencdn.com/396xnull/assets%2Fpage-editor%2FSDG_Logo_DESIGNTV_bySandow_white_2022.07.15.1658495003.png?auto=webp 2x" data-controller="progressive" data-target="progressive.image" class="image preview" alt="DESIGNTV庐 by SANDOW" height="30px" style="height: 30px"/> </a> </div> <div class="d-inline-block d-md-none" data-controller="mobile-menu" style="margin-left: auto;"> <a class="top_menu--group py-2" data-action="mobile-menu#toggle"> <i class="fas fa-bars fa-lg"></i> </a> <div class="d-inline-block d-md-none mobile_menu display-none-important" data-target="mobile-menu.content"> <a class="mobile_menu--link mobile_menu--exit py-2" data-action="mobile-menu#toggle" style="text-align: center;"> <i class="far fa-times-circle fa-lg"></i> </a> <a href="https://designtvbysandow.com/catalog" class="mobile_menu--link py-2"> Watch now </a> <a href="/sign_in" class="mobile_menu--link py-2"> Sign in </a> <a href="mailto:bbonett@sandowdesign.com?subject = Feedback&body = Advertise on DESIGNTV" class="mobile_menu--link py-2"> Advertise on DESIGNTV </a> </div> </div> <a href="https://designtvbysandow.com/orders/customer_info?o=68819" class="top_menu--link py-2 d-none d-md-inline-block"> Sign up for free </a> <a href="/sign_in" class="top_menu--link py-2 d-none d-md-inline-block"> Sign in </a> </div> </div> </div> <main id="page"> <div class="page"> <div class="dark" style="background-color: #000000;"> <script> window.hotwireCatalog = true window.addEventListener('turbo:before-fetch-request', function (event) { event.detail.fetchOptions.headers['X-Fastly-Origin'] = "designtvbysandow" }) </script> <script> window.apiUrl = "https://api.uscreencdn.com" window.apiOrigin = "designtvbysandow" </script> <div id="flash_messages"> </div> <turbo-frame id="author_watched_videos" src="/authors/interiordesign/watched_videos"></turbo-frame> <turbo-frame id="author_show" src="https://api.uscreencdn.com/authors/interiordesign.turbo_stream"></turbo-frame> <turbo-frame id="author_filters" src="https://api.uscreencdn.com/authors/interiordesign/filters?action=show&controller=storefront%2Fauthors&id=interiordesign"></turbo-frame> <turbo-frame id="author_content" src="https://api.uscreencdn.com/authors/interiordesign/search?action=show&controller=storefront%2Fauthors&format=turbo_stream&id=interiordesign"></turbo-frame> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 footer--copyright"> 漏 2024 DESIGNTV by SANDOW </div> <div class="col-md-6 footer--links"> <a href="https://interiordesign.net/" class="footer--link py-2 d-md-inline-block"> Interior Design </a> <a href="https://luxesource.com/" class="footer--link py-2 d-md-inline-block"> Luxe Interiors + Design </a> <a href="https://metropolismag.com/" class="footer--link py-2 d-md-inline-block"> Metropolis </a> <a href="https://sandowdesign.com/legal/terms/" class="footer--link py-2 d-md-inline-block"> Terms of Use </a> <a href="https://sandowdesign.com/legal/privacy-policy/" class="footer--link py-2 d-md-inline-block"> Privacy Policy </a> </div> <div class="col-md-3"> <div class="footer--social"> <a href="https://google.com" target="_blank" class="ms-4"> <p><a href = "mailto:designtv@sandowdesign.com?subject = Feedback&body = Advertise on DESIGNTV">Advertise on DESIGNTV</a></p> </a> </div> <div> <div class="uscreen-block flex justify-center my-4 md:m-0 md:justify-end"> <style> .powered-by-uscreen { align-items: center; display: flex; font-size: 0.875rem; font-family: 'Inter', sans-serif; line-height: 1; --branding-text-color: #B0B0B0; --branding-text-hovered-color: #888888; } .dark .powered-by-uscreen { --branding-text-color: #8A8A8A; --branding-text-hovered-color: #adadad; } .powered-by-uscreen { color: var(--branding-text-color); } .powered-by-uscreen svg { margin-right: 5px; } .powered-by-uscreen:hover { color: var(--branding-text-hovered-color); } .powered-by-uscreen:hover #logo-element { fill: #006AFF; color: #006AFF; } </style> <a class="footer-background-color powered-by-uscreen" href="https://www.uscreen.tv?utm_category=product&utm_medium=branding&utm_source=25774&utm_campaign=web&utm_content=powered_by" target="_blank" class="footer-background-color powered-by-uscreen"> <svg width="18" height="18" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M142.613 99.0397C141.243 99.8997 139.783 100.6 138.283 101.14V109.68C138.283 131.13 120.833 148.59 99.3925 148.59H99.1525C77.8225 148.47 60.4725 130.8 60.4725 109.2V43.1197C60.4725 34.0597 53.1026 26.6897 44.0425 26.6897C34.9825 26.6897 27.6125 34.0597 27.6125 43.1197V109.11C27.6125 128.22 35.0826 146.31 48.6525 160.05C62.2725 173.84 80.2725 181.44 99.3325 181.45H99.3625C138.933 181.45 171.123 149.26 171.123 109.69V81.1997L142.613 99.0397Z" fill="#8A8A8A"/> <path id="logo-element" d="M176.312 47.9197L134.252 21.5797C129.882 18.8397 124.212 21.9897 124.212 27.1397V79.8097C124.212 84.9697 129.882 88.1097 134.252 85.3697L176.312 59.0397C180.412 56.4697 180.412 50.4897 176.312 47.9197Z" fill="#adadad"/> </svg> <div data-controller="pixel-viewport-check"> <span data-pixel-viewport-check-target="observableSection" class="powered-by-uscreen-text">Powered by Uscreen</span> </div> </a> </div> </div> </div> </div> </div> </div> </main> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> </body> </html>

CINXE.COM

Interior Design | DESIGNTV庐 by SANDOW