Barn Door

Showing all 14 resultsSorted by latest

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; } 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-category/hardware-door-parts/barn-door/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-category/hardware-door-parts/barn-door/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; }

Barn Door

A-2 Green

A-2 Rust

A-8 ZINC

A-3 BLACK

A-2 BLACK

A-1 BLACK

A-1 GREEN

A-1 RUST

A-6 ZINC

A-7 ZINC

H-1 Rust

H-1 Green

H-1 Zinc

H-1 Black