FG 9 Swirl Mahogany

Interior Doors / Decor Glass

FG 9 Swirl Mahogany

FG 9 Swirl Mahogany

Modern Interior

Beautifully Hand Crafted Glass Door

Hand selected Premium Mahogany

Also available in Rustic, Knotty Alder & Oak

Hand crafted, artistic glass (not tempered)

Doors are pictured prefinished

Prehung and Prefinish options available

Price is for unfinished, single door (slab)

Price is FOB Los Angeles, California

Price subject to change without notice

Price

All Doors in Mahogany

24x80	30x80	32x80	36x80	30x84	32x84	36x84
24x96	30x96	32x96	36x96

Select Door Size for Pricing

Phone: 866-576-7670

img:is([sizes="auto" i], [sizes^="auto, " i]) { contain-intrinsic-size: 3000px 1500px; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } /* Hide CanvasJS credits for P404 charts specifically */ #p404RedirectChart .canvasjs-chart-credit { display: none !important; } #p404RedirectChart canvas { border-radius: 6px; } .p404-redirect-adminbar-weekly-title { font-weight: bold; font-size: 14px; color: #fff; margin-bottom: 6px; } #wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before { content: ""; color: #dc3545; top: 3px; } #wp-admin-bar-p404_free_top_button .ab-item { min-width: 80px !important; padding: 0px !important; } /* Ensure proper positioning and z-index for P404 dropdown */ .p404-redirect-adminbar-dropdown-wrap { min-width: 0; padding: 0; position: static !important; } #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown { position: static !important; } #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown .ab-item { padding: 0 !important; margin: 0 !important; } .p404-redirect-dropdown-container { min-width: 340px; padding: 18px 18px 12px 18px; background: #23282d !important; color: #fff; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, .25); margin-top: 10px; position: relative !important; z-index: 999999 !important; display: block !important; border: 1px solid #444; } /* Ensure P404 dropdown appears on hover */ #wpadminbar #wp-admin-bar-p404_free_top_button .p404-redirect-dropdown-container { display: none !important; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover .p404-redirect-dropdown-container { display: block !important; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover #wp-admin-bar-p404_free_top_button_dropdown .p404-redirect-dropdown-container { display: block !important; } .p404-redirect-card { background: #2c3338; border-radius: 8px; padding: 18px 18px 12px 18px; box-shadow: 0 2px 8px rgba(0, 0, 0, .07); display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #444; } .p404-redirect-btn { display: inline-block; background: #dc3545; color: #fff !important; font-weight: bold; padding: 5px 22px; border-radius: 8px; text-decoration: none; font-size: 17px; transition: background .2s, box-shadow .2s; margin-top: 8px; box-shadow: 0 2px 8px rgba(220, 53, 69, .15); text-align: center; line-height: 1.6; } .p404-redirect-btn:hover { background: #c82333; color: #fff !important; box-shadow: 0 4px 16px rgba(220, 53, 69, .25); } /* Prevent conflicts with other admin bar dropdowns */ #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item { z-index: auto; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover > .ab-item { z-index: 999998 !important; } .woocommerce form .form-row .required { visibility: visible; } .slick-related-wrapper { position: relative; padding: 30px 50px; max-width: 1200px; margin: 0 auto; } .product-slider .product-slide { padding: 10px; text-align: center; } .product-slide h3 { font-size: 14px; margin-top: 10px; text-transform: uppercase; } .product-slide img { background: #fff; border: 1px solid #ccc; padding: 4px; max-width: 100%; height: auto; } .slick-arrow-custom { position: absolute; top: 45%; transform: translateY(-50%); background: #444; color: #fff; border: none; font-size: 22px; padding: 10px; cursor: pointer; z-index: 99; } .slick-prev-custom { left: 0; } .slick-next-custom { right: 0; } body:not([class*=ncf_mobile]) .nks_cc_trigger_tabs.ncf_tab { top: 50% !important; } .ncf_mobile .nks_cc_trigger_tabs.ncf_tab { top: 100px !important; } .ncf_exposed #ncf-overlay { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .ncf_exposed #ncf-overlay:hover { cursor: pointer; cursor: url("https://cdn-ileanna.nitrocdn.com/yofPeRZHESEZTldfkLloHbabrENaJXAR/assets/images/optimized/rev-c79e94b/www.urbandoorscompany.com/wp-content/plugins/ninja-contact-form/img/close2.png") 16 16, pointer; } .ncf_color1, #ncf_sidebar .ncf_button:before { background-color: #2b93c0 !important; } #ncf_sidebar.ncf_aerial input[type=text], #ncf_sidebar.ncf_aerial input[type=email], #ncf_sidebar.ncf_aerial input[type=date], #ncf_sidebar.ncf_aerial input[type=tel], #ncf_sidebar.ncf_aerial textarea, .ncf_aerial .ncf_user_firstname, .ncf_aerial .ncf_user_lastname, #ncf_sidebar.ncf_aerial .ncf_user_bio, #ncf_sidebar.ncf_aerial .wpcf7, #ncf_sidebar.ncf_aerial .ncf_select_wrap select, #ncf_sidebar .ncf_select_wrap:before, #ncf_sidebar input[type=checkbox]:checked + label:before, #ncf_sidebar input[type=radio]:checked + label:before { color: #2b93c0 !important; } #ncf_sidebar.ncf_minimalistic .wpcf7 p, #ncf_sidebar.ncf_minimalistic .wpcf7-response-output { color: #2b93c0; } .ncf_minimalistic .ncf_form_res_message { color: #2b93c0 !important; } .ncf_minimalistic .ncf_sidebar_socialbar li a:hover { background-color: #2b93c0 !important; } .ncf_minimalistic input:focus, .ncf_minimalistic textarea:focus { color: #3f9ec8 !important; } #ncf_sidebar .ncf_err_msg, #ncf_sidebar .ncf_form_btn_wrapper .ncf_btn_close {} #ncf_sidebar.ncf_aerial .ncf_ph label { color: #2b93c0 !important; } #ncf_sidebar input[type=checkbox] + label:before, #ncf_sidebar input[type=radio] + label:before {} #ncf_sidebar.ncf_minimalistic input[type=submit], #ncf_sidebar.ncf_aerial input[type=submit] { background-color: #2b93c0; } #ncf_sidebar.ncf_aerial input[type=submit] { background-color: #2b93c0 !important; background-image: none !important; text-shadow: none; } #ncf_sidebar.ncf_aerial input[type=submit].nitro-lazy { background-image: none !important; } .ncf_color2 { background-color: #39a2cf !important; } .ncf_minimalistic .ncf_user_bio, .ncf_minimalistic .wpcf7 p { color: #39a2cf !important; } #ncf_sidebar.ncf_aerial .ncf_user_title { color: #39a2cf; } .ncf_minimalistic .ncf_user_title { color: #249acd !important; } .ncf_color3 { background-color: #249acd !important; } #ncf_sidebar.ncf_flat a.ncf_button, #ncf_sidebar.ncf_flat input[type=submit], #ncf_sidebar.ncf_minimalistic input[type=submit] { -webkit-box-shadow: 0 2px 0px 2px #249acd; -moz-box-shadow: 0 2px 0px 2px #249acd; box-shadow: 0 2px 0px 2px #249acd; } #ncf_sidebar.ncf_flat a.ncf_button:active, #ncf_sidebar.ncf_flat input[type=submit]:active, #ncf_sidebar.ncf_minimalistic input[type=submit]:active { -webkit-box-shadow: 0 1px 0px 2px #249acd; -moz-box-shadow: 0 1px 0px 2px #249acd; box-shadow: 0 1px 0px 2px #249acd; } .ncf_color4 { background-color: #3e9dd9 !important; } #ncf_sidebar.ncf_minimalistic input[type=text]:focus, #ncf_sidebar.ncf_minimalistic input[type=email]:focus, #ncf_sidebar.ncf_minimalistic input[type=date]:focus, #ncf_sidebar.ncf_minimalistic input[type=tel]:focus, #ncf_sidebar.ncf_minimalistic textarea:focus { border-color: #3f9ec8; box-shadow: inset 0px -4px 0px 0px #3e9dd9; } #ncf_sidebar .ncf_ph input:focus + label, #ncf_sidebar .ncf_has_value:not(.ncf_noselect) label, #ncf_sidebar .ncf_ph textarea:focus + label { color: #3f9ec8; } .ncf_color5 { background-color: #3f9ec8 !important; } #ncf_sidebar.ncf_minimalistic a.ncf_button, #ncf_sidebar.ncf_flat input[type=submit], #ncf_sidebar.ncf_minimalistic input[type=submit] { box-shadow: 0 2px 0px 2px #3f9ec8; } #ncf_sidebar.ncf_minimalistic a.ncf_button:active, #ncf_sidebar.ncf_flat input[type=submit]:active, #ncf_sidebar.ncf_minimalistic input[type=submit]:active { -webkit-box-shadow: 0 1px 0px 2px #3f9ec8; -moz-box-shadow: 0 1px 0px 2px #3f9ec8; box-shadow: 0 1px 0px 2px #3f9ec8; } .ncf_color6 { background-color: #1f8cbb !important; } .ncf_color7 { background-color: #3d96e9 !important; } .ncf_color8 { background-color: #3db5e9 !important; } #ncf_sidebar.ncf_flat input[type=text]:focus, #ncf_sidebar.ncf_flat input[type=email]:focus, #ncf_sidebar.ncf_flat input[type=date]:focus, #ncf_sidebar.ncf_flat input[type=tel]:focus, #ncf_sidebar.ncf_flat textarea:focus { border-color: #3db5e9; } #ncf_sidebar.ncf_flat input[type=submit] { background-color: #3db5e9; } #ncf_sidebar.ncf_flat .ncf_button:before { background-color: #3db5e9 !important; } .ncf_color9 { background-color: #04425d !important; } .ncf_flat .ncf_user_title { color: #04425d !important; } .ncf_imagebg_custom { background-image: url("") !important; } .ncf_imagebg_custom.nitro-lazy { background-image: none !important; } .nks_cc_trigger_tabs .ncf-tab-icon .fa:before { color: rgba(0, 0, 0, .7) !important; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon .fa-stack-2x { background-color: rgba(0, 0, 0, .7); } body.ncf_sidebar_push > * { position: relative; } .ncf_mobile .nks_cc_trigger_tabs .ncf-tab-icon:after { display: none !important; } .nks_cc_trigger_tabs .ncf-tab-icon:after { opacity: 0; visibility: hidden; content: "Contact Us"; background-color: rgba(0, 0, 0, .7); position: absolute; padding: 6px 14px; font-size: 14px; top: 50%; margin-top: -20px; left: 110%; font-family: inherit; line-height: 28px; white-space: nowrap; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -moz-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -ms-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -webkit-backface-visibility: hidden; } body:not([class*=ncf_exposed]):not([class*=ncf_transitioning]) .nks_cc_trigger_tabs .ncf-tab-icon:hover:after { opacity: 1; visibility: visible; -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -moz-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -ms-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); transition: opacity .25s cubic-bezier(.645, .045, .355, 1); } .ncf_sidebar_pos_right .nks_cc_trigger_tabs .ncf-tab-icon:after { right: 110%; left: auto; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon:after { left: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .ncf_sidebar_pos_right .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon:after { right: 100%; left: auto; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon.fa-2x:after { padding: 10px 14px; margin-top: -24px; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon.fa-3x:after { padding: 21px 14px; margin-top: -35px; } .ncf_exposed #ns-overlay { opacity: .3; } /* set up the keyframes */ @keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-moz-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-webkit-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-ms-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-o-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } body {} .single-product .entry-header { display: none !important; } .single-product .entry-header { display: none !important; } @media (min-width: 768px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 45%; clear: none; } } .woocommerce div.product div.images img { display: block; width: 100%; width: auto !important; box-shadow: none; height: 450px !important; } @media screen and (min-width: 732px) {} .product-slider .product-slide { padding: 27px; text-align: center; } .product-slide .slick-slide .slick-active.product-slide img { /* your styles here */ width: 142px !important; height: 185px !important; } img.attachment-medium.size-medium.wp-post-image { width: auto !important; height: 185px !important; display: block; margin: 0 auto; } .prodoss { text-align: center; padding: 19px 15px 28px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .product-slider .product-slide { padding: 0px; text-align: center; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { margin-bottom: -200px !important; margin-top: 0px !important; } .related.products.jcarousel-container.jcarousel-container-horizontal..product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related { width: 100%; height: 387px !important; overflow: hidden; float: none; clear: both; margin: 0 auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products.jcarousel-container-horizontal .images { padding: 10px; padding: 0px 0px; border-radius: 8px; text-align: center; float: left; width: 44%; border: 0px solid #ddd; min-height: 202px; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { text-align: center; padding: 12px 14px 84px 15px; background-color: #ebebeb; height: 136px; width: 159px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products .images .photo img { width: 142px !important; height: 185px !important; object-fit: contain; } .jcarousel-clip { width: 940px; margin: 0 auto; overflow: visible !important; position: relative; } .jcarousel-prev, .jcarousel-next { z-index: 9999 !important; } .jcarousel-prev { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; pointer-events: auto; bottom: 168px !important; } .jcarousel-next { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; bottom: 168px !important; pointer-events: auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo.related { width: 100%; height: 350px; overflow: hidden; float: none; clear: both; margin: 0 auto; margin-bottom: -40px !important; } .related h2 { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 45px !important; } .related h2 { font-size: 20px !important; font-weight: bold !important; text-transform: uppercase !important; color: #272827 !important; padding-left: 56px !important; border-bottom: 0px solid #ddd !important; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { margin-bottom: -200px !important; margin-top: 0px !important; } .related.products.jcarousel-container.jcarousel-container-horizontal..product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related { width: 100%; height: 387px !important; overflow: hidden; float: none; clear: both; margin: 0 auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products.jcarousel-container-horizontal .images { padding: 10px; padding: 0px 0px; border-radius: 8px; text-align: center; float: left; width: 44%; border: 0px solid #ddd; min-height: 202px; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { text-align: center; padding: 12px 14px 84px 15px; background-color: #ebebeb; height: 136px; width: 159px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products .images .photo img { width: 142px !important; height: 185px !important; object-fit: contain; } .jcarousel-clip { width: 940px; margin: 0 auto; overflow: visible !important; position: relative; } .jcarousel-prev, .jcarousel-next { z-index: 9999 !important; } .jcarousel-prev { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; pointer-events: auto; bottom: 168px !important; } .jcarousel-next { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; bottom: 168px !important; pointer-events: auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo.related { width: 100%; height: 350px; overflow: hidden; float: none; clear: both; margin: 0 auto; margin-bottom: -40px !important; } hr { margin-left: 50px !important; margin-right: 68px !important; } .related h2 { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px !important; } .related h2 { font-size: 20px !important; font-weight: bold !important; text-transform: uppercase !important; color: #272827 !important; } ul.products li.product-category img { width: 175px !important; height: 185px !important; object-fit: cover; } ul.products li.product img.wp-post-image { width: 175px !important; height: 185px !important; } .term-description { display: none; } ul.products.columns-50 { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; } .products.columns-50::before { display: none !important; content: none !important; } .img.empty { display: none !important; } .product.empty { display: none !important; } .related.products { position: relative !important; } .jcarousel-prev, .jcarousel-next { position: absolute !important; top: -20 !important; width: 30px !important; height: 30px; background-color: #ccc; z-index: 10; cursor: pointer; } .jcarousel-prev { left: 10 !important; } .jcarousel-next { right: 10 !important; } .slick-related-wrapper { position: relative; padding: 15px 56px; max-width: 1202px; margin: 0 auto; } .related.products { /* position: relative !important; */ /* width: 105%; */ /* margin-right: 27px !important; */ margin-left: -52px; width: 111%; } /* .price_table { border-collapse: collapse; width: 100%; table-layout: fixed; } .price_table td { border-right: 1px solid #ddd; text-align: center; padding: 10.px 0; } .price_table td:last-child { border-right: none; } .price_table a { font-size: 14px; color: #999; text-decoration: none; display: block; width: 100%; height: 100%; } .price_table a:hover { color: #000; } .price_table { border-collapse: collapse; width: 100%; table-layout: fixed; } .price_table td { border: 1px solid #ccc; text-align: center; vertical-align: middle; height: 50px; padding: 0; } .price_table a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 14px; color: #999; text-decoration: none; } .price_table a:hover { color: #000; } .price_table a:empty { visibility: hidden; } */ @media (max-width: 767px) { .woocommerce .columns-50 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } } @media (max-width: 767px) { .product-category.product h3 { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; } } @media (max-width: 767px) { .woocommerce ul.products li.product h3 { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; text-align: center; margin: 8px 0; } } @media (max-width: 767px) { .woocommerce ul.products li.product h3 { padding: .5em 4px; margin: 0; padding-left: 20px !important; font-size: 1em; } } @media (max-width: 767px) { .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images { width: 90% !important; } } @media (max-width: 767px) {} @media (max-width: 767px) { .slick-prev-custom { left: 58px; } .slick-arrow-custom { position: absolute; top: 47%; transform: translateY(-50%); background: #444; color: #fff; border: none; font-size: 13px; padding: 10px; cursor: pointer; z-index: 99; } } @media (max-width: 767px) { .product-slider .product-slide { padding: 0px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .slick-related-wrapper { position: relative; padding: 9px 75px; max-width: 1205px; margin: 0 auto; } } @media (max-width: 767px) { .ms-slide-bgcont { height: auto !important; width: 100% !important; } .ms-slide-bgcont img { width: 100% !important; height: auto !important; margin-top: 0 !important; margin-left: 0 !important; object-fit: cover; } .ms-slide-bgcont { width: 39% !important; } .ms-parent-id-3 > .master-slider { background: none; margin-bottom: -222px !important; } } .product .photo { background-color: #ebebeb; height: 160px !important; } .product { min-height: 270px !important; } ul.products li.product h3 { margin: 0; font-size: 13px !important; } @media screen and (min-width: 732px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 35px -40px 0 !important; width: 200px; } } .page-id-15932 .product .photo .img { cursor: default !important; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: auto !important; width: 142px !important; margin: 0 auto; box-shadow: none; } @media (max-width: 767px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin: 0px 0 -3em !important; } } .woocommerce ul.products li.product h3 { padding: 0; margin: 0; font-size: 1em; } .price_display { width: 60%; float: left; clear: left; min-width: 100px; color: #1a963d; } /* .extra_text { width: 40%; float: left; clear: right; display: none; } */ .new_text { display: none; color: #656565; font-size: 12px; } .price_table { clear: both; display: none; } .price_table td a { padding: 5px 7px; color: #b7b7b7 !important; font-weight: bold; white-space: nowrap; } .price_table td a:hover, .price_table td a:focus { color: #656565 !important; } .price_table tr:first-child td { background: url("https://www.urbandoorscompany.com/product/fg-9-swirl-2-2/images/table-line.png") no-repeat right 14px; border-bottom: 1px solid #ddd; } .price_table tr:first-child td.nitro-lazy { background: none !important; } .price_table tr:last-child td { background: url("https://www.urbandoorscompany.com/product/fg-9-swirl-2-2/images/table-line.png") no-repeat right -19px; } .price_table tr:last-child td.nitro-lazy { background: none !important; } .price_table tr td:first-child { border-left: 1px solid #ddd; } .price_table tr td:last-child { border-right: 1px solid #ddd; background: transparent; } .price_label { font-size: 14px; font-weight: bold; color: #1a963d; } .price_amount { font-size: 14px; color: #1a963d; font-weight: bold; padding-left: 10px; } .price_table td a { padding: 0px 0px !important; color: #b7b7b7 !important; font-weight: bold; white-space: nowrap; } tr { line-height: 10px; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; } .price_table td { padding: 6px 12px; text-align: center; border: 0px solid #ccc !important; } .price_table tr:first-child { /* Your styles here */ border-bottom: 1px solid #ccc; } @media screen and (min-width: 768px) { .price_table tr:first-child td { min-width: 36px !important; } } /* .extra_text { width: 40%; float: left !important; clear: left !important; display: none; } */ @media (max-width: 732px) { .single .price_table tr:first-child td { min-width: 17px !important; } } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: auto !important; margin: 0 auto; box-shadow: none; } .product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px !important; width: 185px; vertical-align: middle; margin-bottom: 12px; } @media screen and (min-width: 732px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 34px 41px 0; width: 200px; margin-bottom: -15px !important; } } @media (max-width: 767px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin: 0px 0 -3em !important; margin-bottom: -25px !important; } } @media (min-width: 768px) { div.type-product .summary { float: left !important; width: 40% !important; min-width: 300px; margin-left: 10px; text-transform: none; color: #000; padding-left: 1%; padding-top: 2%; } @media (max-width: 732px) { .single .extra_text { text-align: left !important; font-size: 11px !important; float: none !important; margin-left: -2px !important; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 27px !important; } } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 44% !important; } .price_section { margin-top: 50px; position: static; width: 446px !important; } .slick-next-custom { right: 18px !important; } } @media (max-width: 767px) { .price_display { position: absolute; } } @media (max-width: 767px) { .single .extra_text { text-align: left !important; font-size: 11px !important; float: none !important; margin-left: -2px !important; margin-top: 0 !important; margin-bottom: -20px !important; line-height: 77px !important; } } @media (max-width: 767px) { .ms-slide-bgcont { width: 100vw !important; height: auto !important; overflow: hidden !important; } .ms-slide-bgcont img { width: 88vw !important; height: auto !important; max-width: none !important; margin: 0 !important; object-fit: cover !important; display: block; } /* Optional: remove inner padding/margin if any */ .ms-view, .ms-container, .ms-slide-container { padding: 0 !important; margin: 0 !important; width: 100vw !important; } } .slick-arrow.slick-hidden { display: revert; } @media (min-width: 1024px) { .woocommerce div.product div.images img { display: block; width: 90%; height: auto; box-shadow: none; } } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { display: none; } @media (max-width: 768px) { .responsiveSelectContainer { border: none !important; background: none !important; box-shadow: none !important; height: auto !important; max-height: none !important; visibility: visible !important; } .responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu { display: none !important; } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { display: inline-block; width: 100%; } } #tagsbody { display: none; } ul.nav-menu > .menu-item-has-children > a::after { content: ""; padding-left: 3px; } .price_table td { padding: 6px 12px; text-align: center; border: 1px solid #ccc; }