PU-11 Fiberglass in Gray

Builder / Contractor Doors

PU-11 Fiberglass in Gray

PU-11 Fiberglass in Gray

Contractor Doors

Exceptional Fiberglass Entry Doors

Fiberglass Doors with Beautiful Wood Grain
Also available in White and Black
All doors are sold in 1 3/4″ thickness
Sold with dual insulated, clear glass
Also available as prehung unit, call for price
Price is for a single prefinish slab
Price is FOB Los Angeles, California
Price subject to change without notice

Price

All Doors in Fiberglass

36x80	42x80

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:6ad94c1f2fa0e*/ /*# 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/pu-11-in-gray-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/pu-11-in-gray-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; }