31 Pacific Mah

Barn Doors / Eclectic

31 Pacific Mah

31 Pacific Mah

Barn Doors

Entry Door with Exceptional Carving

Hand Selected Premium Mahogany
All doors are sold 1 3/4″ thick
Glazed with tropical, capiz shells
Not recommended for exterior use
Doors featured distressed & finished

Custom sizes available, please call

Price is for single door only (slab)
Price is FOB Los Angeles, California
Price subject to change without notice

Price

All Doors in Mahogany

36x84	42x84	48x84	60x84
36x96	42x96	48x96	60x96

Select Door Size for Pricing

Phone: 866-576-7670

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=wp-emoji-styles-inline-css */ 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; } /*wp_block_styles_on_demand_placeholder:6ad94abd0caf3*/ /*# sourceURL=wp-block-library-inline-css */ :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc); } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } :root .has-text-align-center { text-align: center; } :root .has-text-align-left { text-align: left; } :root .has-text-align-right { text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { word-wrap: normal !important; border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-break: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]) { border-style: solid; } html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]) { border-top-style: solid; } html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]) { border-right-style: solid; } html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]) { border-bottom-style: solid; } html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]) { border-left-style: solid; } html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]) { border-style: solid; } html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]) { border-top-style: solid; } html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]) { border-right-style: solid; } html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]) { border-bottom-style: solid; } html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]) { border-left-style: solid; } html :where(img[class*=wp-image-]) { height: auto; max-width: 100%; } :where(figure) { margin: 0 0 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /*! 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; } /*# sourceURL=wp-block-styles-placeholder-inline-css */ :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer."; } /*# sourceURL=wp-global-styles-placeholder-inline-css */ :root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer."; } /*# sourceURL=admin-bar-inline-css */ /* 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; } /*# sourceURL=woocommerce-inline-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=slick-css-inline-css */ .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; } /*# sourceURL=th-advance-product-search-front-inline-css */ .thaps-search-box { max-width: 100%; } .thaps-from-wrap, input[type='text'].thaps-search-autocomplete, .thaps-box-open .thaps-icon-arrow { background-color: #f2f2f2; } .thaps-from-wrap { background-color: #f2f2f2; } input[type='text'].thaps-search-autocomplete, input[type='text'].thaps-search-autocomplete::-webkit-input-placeholder { color: #000; } .thaps-from-wrap, .thaps-autocomplete-suggestions { border-color: rgba(255, 255, 255, 0); } .thaps-box-open .thaps-icon-arrow { border-left-color: rgba(255, 255, 255, 0); border-top-color: rgba(255, 255, 255, 0); } #thaps-search-button {} #thaps-search-button:hover {} .submit-active #thaps-search-button .th-icon path { color: #000; } .thaps-suggestion-heading .thaps-title, .thaps-suggestion-heading .thaps-title strong {} .thaps-title, .thaps-suggestion-taxonomy-product-cat .thaps-title, .thaps-suggestion-more .thaps-title strong {} .thaps-sku, .thaps-desc, .thaps-price, .thaps-price del {} .thaps-suggestion-heading {} .thaps-autocomplete-selected, .thaps-suggestion-more:hover {} .thaps-autocomplete-suggestions, .thaps-suggestion-more {} .thaps-title strong {} 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-62c8b68/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 {} #thaps-search-autocomplete-1 { font-size: 18px !important; } #thaps-search-autocomplete-1::placeholder { font-size: 18px !important; opacity: 1; } /* Force larger text in AJAX search dropdown */ [class*="thaps"] a, [class*="thaps"] div { font-size: 16px !important; } .entry-title { margin-top: -24px; } .th-icon-vector-search { font-size: 33px !important; font-weight: 600; } .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%; /* height: auto; */ box-shadow: none; width: auto !important; 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; border-radius: 8px; text-align: center; float: left; width: 44%; padding: 0px 0px; 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; border-radius: 8px; text-align: center; float: left; width: 44%; padding: 0px 0px; 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; /* Adjust as needed */ width: 30px !important; height: 30px; background-color: #ccc; /* Optional styling */ 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; /* optional, for better mobile scaling */ text-align: center; /* optional: center the title */ 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; margin: 0 auto; box-shadow: none; width: 142px !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; } } .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/31-pacific-4/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/31-pacific-4/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; }