/* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Type Ref :: Shared Styles :: Grid :: Header :: Header - Mobile :: Footer :: Footer - Mobile :: Main :: Mouldings :::::: main Stock Mouldings page :::::: Single Profile :::::: Moulding Taxonomies :::::: Inspiration Gallery :::::: Room Galleries (Design Guides) :::::: Build Ups :::::: Wishlist :: Classes */ /* ----------------------------------------- :: Type Ref ----------------------------------------- */ /* * DO NOT EDIT THIS THEME DIRECTLY * Please make your edits in the child theme * * / /* ----------------------------------------- :: Shared Styles ----------------------------------------- */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { } hr {max-width: none;} a {} a:hover, a:focus {} .button {} .button:hover, .button:focus {} /* ----------------------------------------- :: Grid ----------------------------------------- */ .grid-container {max-width: 100rem; } /* 1600px - moulding module content width - DO NOT EDIT */ .site-header .grid-container, .site-footer .grid-container {max-width: 75rem;} /* 1200px - header and footer width - edit to match client's existing site */ /* ----------------------------------------- :: Header ----------------------------------------- */ .pre-header {padding:10px 0;} .pre-header #secondary-menu {margin:0; list-style: none; text-align:right;} .pre-header #secondary-menu li {display: inline-block; margin: 0 0 0 30px; text-transform: uppercase;} .pre-header #secondary-menu li.current-menu-item a {color:#222;} .site-header {background: #666; padding:30px 0;} .site-header .site-title {text-transform: uppercase; font-weight: bold; font-size: 1rem; margin: 0;} .site-header .site-title a {color: #fff; display: inline-block;} .site-header #site-navigation {text-align:right;} .site-header #site-navigation ul {margin:0; list-style: none;} .site-header #site-navigation ul li {display: inline-block; margin: 0 0 0 10px; text-transform: uppercase;} .site-header #site-navigation ul li a {color: #fff; padding: 10px;} .site-header #site-navigation ul li.current-menu-item a {text-decoration: underline;} /* ----------------------------------------- :: Header - Mobile ----------------------------------------- */ #menu-mobile-toggle {float: right; margin: 5px 5px 0 0; background: url("../img/iconfinder_menu_309053-white.svg") no-repeat; cursor:pointer; display:inline-block; line-height:1; font-size:1rem; background-size:contain; width: 28px; height: 28px;} .off-canvas {background:#fff;} .off-canvas.is-transition-overlap.is-open {-webkit-box-shadow: none; box-shadow: none;} .js-off-canvas-overlay {background: rgba(0, 0, 0, .85) url(../img/iconfinder_Close_1031533-white.svg) no-repeat; background-size: 22px 22px; background-position: right 20px top 20px;} .off-canvas-content.is-open-left {position: fixed;} @media screen and (max-width: 39.99875em) { /* Small Only */ .site-header {padding:15px 0;} } #site-navigation-mobile {padding: 30px;} #primary-menu-mobile {list-style: none; margin: 0;} #primary-menu-mobile li { line-height: 1.2; text-transform: uppercase; color: #fff; margin: 0 0 20px 0; } #primary-menu-mobile li a {display: block;} #primary-menu-mobile li.current-menu-item a {text-decoration: underline;} /* ----------------------------------------- :: Footer ----------------------------------------- */ .site-footer {background: #eee; padding: 30px 0;} .site-footer p {margin: 0; font-size: 14px; line-height: 1.2;} .site-footer-logo {margin: 0 0 1rem 0;} /* Only used if no logo */ .site-footer .site-title {text-transform: uppercase; font-weight: bold; font-size: 1rem; margin: 0 0 1rem 0;} .site-footer .site-title a {color: #000; } /* ----------------------------------------- :: Footer - Mobile ----------------------------------------- */ /* ----------------------------------------- :: Main ----------------------------------------- */ .banner {position: relative;} .banner img {width:100%;} #main {padding:30px 0;} .breadcrumbs {margin: 0 0 0 0; font-size: 14px; } /* ----------------------------------------- :: Mouldings ----------------------------------------- */ /* Find Mouldings By */ #element_moulding-tax-filter-wrap {padding:15px 0 30px 0; background: #eee;} #element_moulding-tax-filter-wrap span.filter-label-top {display:block; padding:0 0 10px 0; } #element_moulding-tax-filter-wrap .select2-container, #element_moulding-tax-filter-wrap .select2-drop, #element_moulding-tax-filter-wrap .select2-search, #element_moulding-tax-filter-wrap .select2-search input {width:100%; border-radius: 0;} #element_moulding-tax-filter-wrap .select2-container .select2-choice { height: 36px; padding: 5px 0 0 8px; overflow: hidden; border-radius: 0; background-color: #F2F6F2; border-color:rgb(219, 219, 219); } body.ie9 #element_moulding-tax-filter-wrap .select2-container .select2-choice {color:#000;} #element_moulding-tax-filter-wrap .select2-container .select2-choice .select2-arrow {border-left: none; background-image: none; background:none;} #element_moulding-tax-filter-wrap .select2-dropdown-open .select2-choice {background:#fff; color:#000;} #element_moulding-tax-filter-wrap .select2-container .select2-choice:first-child { font-weight: 700; font-size:15px;} #element_moulding-tax-filter-wrap .select2-dropdown-open .select2-choice .select2-arrow {background: none; border-left: none;filter: none; } #element_moulding-tax-filter-wrap .select2-container .select2-choice .select2-arrow b { background-image:url(../img/select2.png); } #element_moulding-tax-filter-wrap .select2-container-active .select2-choice, #element_moulding-tax-filter-wrap .select2-container-active .select2-choices {border: 1px solid #5897fb; } @media screen and (max-width: 39.9375em) { /* Small */ .element_moulding-tax-filter {margin-bottom:10px;} } /* fixes for select2 chosen overflow*/ #element_moulding-tax-filter-wrap table { table-layout:fixed; } #element_moulding-tax-filter-wrap table tbody tr td.filter-label {width:30px;} /* ----------------------------------------- :::::: main Stock Mouldings page ----------------------------------------- */ body.page-id-16423 #main {padding-bottom:0;} body.page-id-16423 .lead {margin: 0 0 2rem 0;} body.page-id-16423 .main-mouldings-section {padding:30px 0;} body.page-id-16423 .main-mouldings-section h2 {margin-bottom:20px; } /* Popular Mouldings Types */ body.page-id-16423 #popular-moulding-types {padding-top:0;} body.page-id-16423 #popular-moulding-types .popular-moulding-type {line-height:1.25; text-align: center; } body.page-id-16423 #popular-moulding-types .popular-moulding-type a img {margin:0 0 15px 0; width: 100%;} body.page-id-16423 #popular-moulding-types .popular-moulding-type a {font-weight: bold;} body.page-id-16423 #popular-moulding-types .popular-moulding-type a:hover { } body.page-id-16423 #popular-moulding-types .popular-moulding-type a span {display: block; padding:0 10px;} body.page-id-16423 #popular-moulding-types .popular-moulding-type a .type-name {margin:0 0 10px 0; } /* All Mouldings Types */ body.page-id-16423 #all-moulding-types {background: #666; } body.page-id-16423 #all-moulding-types h2 {color: #fff;} body.page-id-16423 #all-moulding-types ul { -webkit-column-count:2;-moz-column-count:2;column-count:2; -moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px; } @media screen and (min-width: 40em) { /* Medium and up */ body.page-id-16423 #all-moulding-types ul { -webkit-column-count:3;-moz-column-count:3;column-count:3; -moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px; } } body.page-id-16423 #all-moulding-types ul li {margin:0 0 15px 0; line-height:1.25;} body.page-id-16423 #all-moulding-types ul li a {color: rgba(255,255,255,.85); font-weight: bold;} body.page-id-16423 #all-moulding-types ul li a span {color: rgba(255,255,255,.5); font-weight: normal;} body.page-id-16423 #all-moulding-types ul li a:hover {text-decoration: underline;} /* Moulding Materials */ body.page-id-16423 #mouldings-by-material a {display: block; line-height:1.25; text-align: center; font-weight: bold; font-size: 15px;} body.page-id-16423 #mouldings-by-material a img {margin:0 0 10px 0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);} /* Inspiration Gallery */ body.page-id-16423 #moulding-insp-gallery {background: #666; } body.page-id-16423 #moulding-insp-gallery h2 {color: #fff;} body.page-id-16423 #moulding-insp-gallery a {display: block; padding-bottom:10px; text-align: center; font-weight: bold; color: #fff;} body.page-id-16423 #moulding-insp-gallery a img {margin:0 0 15px 0; width: 100%;} body.page-id-16423 #moulding-insp-gallery a:hover {text-decoration: underline;} body.page-id-16423 #moulding-insp-gallery .random-room {aspect-ratio: 16 / 9; object-fit: cover;} /* ----------------------------------------- :::::: Single Profile ----------------------------------------- */ body.single-yhd_moulding_profile #main {padding-bottom:0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary {padding-top:15px; padding-bottom:30px;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element {margin:0 0 30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_full-image {text-align:center; background: #f6f6f6; padding:50px 30px;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_rendered-image img {width: 100%;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_rendered-image_caption {border-bottom: solid 1px #ddd; padding: 5px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_collection_icons {margin:0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_collection_icons .icon {display: inline-block; text-align: center; margin: 15px 20px 0 20px;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_collection_icons .icon img {margin: 0 0 5px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_collection_icons a {font-size: 15px; } #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_title-dimensions h3 {margin:0; color:#000;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-primary .element_title-dimensions p {font-size:16px; color:#333;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary {padding-top:15px; padding-bottom:30px;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element {border-top:solid 1px #ddd; padding:15px 0 8px 0; color: #666;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element h2 { text-transform:uppercase; margin:0 0 7px 0; font-size:16px; line-height: 1.25; color:#222; font-weight: bold;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element ul {list-style: none; margin:0; } #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element ul li {line-height:1.25; margin:0 0 7px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_material ul li a, #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_type ul li a, #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_collection ul li a {color: #666;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_material .availability-designation {color: #ff0000; font-style: italic;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_notes p {line-height: 1.3; margin-bottom: 7px;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_button-cad .button {margin:0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_button-cad .button span {color:rgba(255,255,255,.6); } #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_wishlist {background: #eee; border-top: none; padding: 25px 15px; margin: 10px 0 0 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-bottom .element {padding:30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-bottom .element h2 {margin:0 0 20px 0;} /* ----------------------------------------- :::::: Moulding Taxonomies ----------------------------------------- */ ul.yhmoulding-profile-list_flex { list-style:none; margin:20px 0; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-wrap: row wrap; flex-flow: row wrap; } ul.yhmoulding-profile-list_flex li {width: 50%; -ms-flex-item-align: end; align-self: flex-end;} .yhdm-view-switcher-render-view ul.yhmoulding-profile-list_flex li {-ms-flex-item-align: start; align-self: flex-start; /* don't align bottom rendered view */} body.tax-yhd_moulding_collection .yhdm-view-switcher-render-view ul.yhmoulding-profile-list_flex li {-ms-flex-item-align: end; align-self: flex-end; /* but do align collections since it's mixed */} @media screen and (min-width: 40em) and (max-width: 63.9375em) { /* Medium Only */ ul.yhmoulding-profile-list_flex li {width: 33.33%; } } @media print, screen and (min-width: 64em) { /* Large and Up */ ul.yhmoulding-profile-list_flex li {width: 25%; } } ul.yhmoulding-profile-list_flex li a {display:block; margin:0 2px; line-height:1.25;} ul.yhmoulding-profile-list_flex li a .profile-teaser {padding:15px 0;} ul.yhmoulding-profile-list_flex li a:hover {background:#fff;} ul.yhmoulding-profile-list_flex li span {display:block;} ul.yhmoulding-profile-list_flex li span.profile-title {font-weight: bold; } ul.yhmoulding-profile-list_flex li span.profile-dimensions {color:#888; font-size:14px;} ul.yhmoulding-profile-list_flex li img {margin-bottom:10px;} ul.yhmoulding-profile-list_flex li a .yhdm-image-swap img.profile-img-rendered {display:none;} /* IE9 :'-( */ body.ie9 ul.yhmoulding-profile-list_flex {display: block; overflow: hidden; padding: 0; margin: 0 -8px;} body.ie9 ul.yhmoulding-profile-list_flex li {display: block; height: auto; float: left; width: 20%; padding: 0 8px 8px;} body.ie9 ul.yhmoulding-profile-list_flex > li:nth-child(5n+1) { clear: both; } /** * Moulding Type > Material Filter */ #yhdm-moulding_wrap #yhdm-moulding-type-filters {border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; margin:1.5rem 0 0 0; padding:15px 0 20px 0;} #yhdm-moulding_wrap .element_material-filter p {margin:0 10px 0 0; font-size:14px; font-style: italic; display:inline-block;} @media screen and (max-width: 39.9375em) { #yhdm-moulding_wrap .element_material-filter p {display:block;} } #yhdm-moulding_wrap .element_material-filter p strong {font-weight:700;} #s2id_yhdm-material-by-type.select2-container {min-width:300px;} #yhdm-moulding-type-filters .select2-container, #yhdm-moulding-type-filters .select2-drop, #yhdm-moulding-type-filters .select2-search, #yhdm-moulding-type-filters .select2-search input { border-radius: 0;} #yhdm-moulding-type-filters .select2-container .select2-choice { height: 36px; padding: 5px 0 0 8px; overflow: hidden; border-radius: 0; background-color: #F2F6F2; border-color:rgb(219, 219, 219); } body.ie9 #yhdm-moulding-type-filters .select2-container .select2-choice {color:#000;} #yhdm-moulding-type-filters .select2-container .select2-choice .select2-arrow {border-left: none; background-image: none; background:none;} #yhdm-moulding-type-filters .select2-dropdown-open .select2-choice {background:#fff; color:#000;} #yhdm-moulding-type-filters .select2-container .select2-choice:first-child { font-weight: 700; font-size:15px;} #yhdm-moulding-type-filters .select2-dropdown-open .select2-choice .select2-arrow {background: none; border-left: none;filter: none; } #yhdm-moulding-type-filters .select2-container .select2-choice .select2-arrow b { background-image:url(../img/select2.png); } #yhdm-moulding-type-filters .select2-container-active .select2-choice, #yhdm-moulding-type-filters .select2-container-active .select2-choices {border: 1px solid #5897fb; } /* fixes for select2 chosen overflow*/ #yhdm-moulding-type-filters table { table-layout:fixed; } #yhdm-moulding-type-filters table tbody tr td.filter-label {width:30px;} /** * Moulding Type > rendered view switcher */ #yhdm-view-switcher {margin:0; list-style:none; display:inline-block;} #yhdm-view-switcher li {display:inline-block; margin:0 10px 0 0; } #yhdm-view-switcher li a {cursor:pointer; display:inline-block; padding:5px 10px; background-repeat: no-repeat; background-position: center left; } #yhdm-view-switcher li a.current {background-color:#e6e6e6; color:#000;} #yhdm-moulding_wrap .element_yhdm-view-switcher {text-align:right;} #yhdm-moulding_wrap .element_yhdm-view-switcher p {margin:0 10px 0 0; font-size:14px; font-style: italic; display:inline-block;} @media screen and (max-width: 39.9375em) { #yhdm-moulding_wrap .element_yhdm-view-switcher {text-align:left; } #yhdm-moulding_wrap .element_yhdm-view-switcher p {margin-top:10px; display:block;} } #yhdm-view-switcher li a.yhdm-view-switcher-render, body.term-crown #yhdm-view-switcher li a.yhdm-view-switcher-render {background-image:url(../img/icons/moulding-applied_crown.png); padding-left:38px;} #yhdm-view-switcher li a.yhdm-view-switcher-line, body.term-crown #yhdm-view-switcher li a.yhdm-view-switcher-line {background-image:url(../img/icons/moulding-line_crown.png); padding-left:38px;} body.term-bases-base-caps-shoes #yhdm-view-switcher li a.yhdm-view-switcher-render {background-image:url(../img/icons/moulding-applied_base.png); padding-left:38px;} body.term-bases-base-caps-shoes #yhdm-view-switcher li a.yhdm-view-switcher-line {background-image:url(../img/icons/moulding-line_base.png); padding-left:28px;} body.term-casings-back-bands #yhdm-view-switcher li a.yhdm-view-switcher-render {background-image:url(../img/icons/moulding-applied_casing.png); padding-left:38px;} body.term-casings-back-bands #yhdm-view-switcher li a.yhdm-view-switcher-line {background-image:url(../img/icons/moulding-line_casing.png); padding-left:28px;} body.term-chair-rails #yhdm-view-switcher li a.yhdm-view-switcher-render {background-image:url(../img/icons/moulding-applied_chair-rail.png); padding-left:38px;} body.term-chair-rails #yhdm-view-switcher li a.yhdm-view-switcher-line {background-image:url(../img/icons/moulding-line_chair-rail.png); padding-left:28px;} body.term-panel-mouldings-nose-coves #yhdm-view-switcher li a.yhdm-view-switcher-render {background-image:url(../img/icons/moulding-applied_panel.png); padding-left:38px;} body.term-panel-mouldings-nose-coves #yhdm-view-switcher li a.yhdm-view-switcher-line {background-image:url(../img/icons/moulding-line_panel.png); padding-left:28px;} #yhdm-moulding_wrap.yhdm-view-switcher-render-view ul.yhmoulding-profile-list_flex li a .yhdm-image-swap img.profile-img-rendered {display:block; } #yhdm-moulding_wrap.yhdm-view-switcher-render-view ul.yhmoulding-profile-list_flex li a .yhdm-image-swap img.profile-img-thumb {display:none;} #yhdm-moulding_wrap .profile-img-rendered_caption {display:none;} #yhdm-moulding_wrap.yhdm-view-switcher-render-view .profile-img-rendered-wrap {width:100%;} #yhdm-moulding_wrap.yhdm-view-switcher-render-view .profile-img-rendered-wrap img {margin-bottom:0; width:100%;} #yhdm-moulding_wrap.yhdm-view-switcher-render-view .profile-img-rendered-wrap {position:relative; display:inline-block; } #yhdm-moulding_wrap.yhdm-view-switcher-render-view .profile-img-rendered-wrap span {margin:0;} #yhdm-moulding_wrap.yhdm-view-switcher-render-view .profile-img-rendered_caption {display:block; background:rgba(255,255,255,.5); position:absolute; bottom:0; width:100%; margin:0; padding:4px; color:#000; font-size:14px; } ul.yhmoulding-profile-list_flex li .profile-teaser-bottom img {display:block; margin:10px auto 0 auto;} #yhdm-moulding_wrap ul.yhmoulding-profile-list_flex li.the-estate-series span:last-of-type::after {content:none; margin:0; display:block;} #yhdm-moulding_wrap ul.yhmoulding-profile-list_flex li.the-prestige-line a::after {content:none; margin:0; display:block;} /* ----------------------------------------- :::::: Inspiration Gallery ----------------------------------------- */ #yhdm-build-up-cats-wrap {padding:30px 0 5px 0;} #yhdm-build-up-cats-wrap h2 {margin:0 0 20px 0;} /* used on main Inspiration Gallery page and Build Up post type archive*/ #yhdm-build-up-cats {margin-bottom:25px;} #yhdm-build-up-cats .cell { text-align: center;} #yhdm-build-up-cats .cell img {width: 100%;} #yhdm-build-up-cats .cell a {display:block; font-weight: bold;} #yhdm-build-up-cats .cell a:hover {} #yhdm-build-up-cats .cell a span {display: block; padding:15px 0 0 0;} #yhdm-build-up-cats .cell a .buildup-cat-name {margin:0; } /* ----------------------------------------- :::::: Room Galleries (Design Guides) ----------------------------------------- */ /* main Inspiration Gallery page */ body.page-id-433 .element_room-gallery-list {padding-bottom:10px;} /* main Inspiration Gallery page / Room Galleries page */ .element_room-gallery-list .cell img {width: 100%;} .element_room-gallery-list .cell a {display:block; text-align: center; font-weight: bold;} .element_room-gallery-list .cell a:hover {} .element_room-gallery-list .cell a span {display: block; padding:10px 0 0 0;} .element_room-gallery-list .cell a .room-gallery-name {margin:0; line-height: 1.2; } .element_room-gallery-list .cell .image-wrap {position: relative;} .element_room-gallery-list .cell .icon-360::after { display: block; content: ""; background: url("../img/icons/icon-360-white.svg") no-repeat center center; width: 45px; height: 24px; position: absolute; bottom: 10px; right: 10px; } /* Single Design Guide */ body.single-yhd_galleries #main {padding-bottom:0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide {padding: 1.5rem 0 0 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_pic {margin-bottom:30px; border-bottom:solid 1px #ccc;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_pic img {width: 100%;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_pic .caption {margin:0; padding:5px 0; } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360 {position: relative; line-height: 0; margin-bottom: 30px;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360::after { display: block; content: ""; background: url("../img/icons/icon-360-white.svg") no-repeat center center; width: 45px; height: 25px; position: absolute; bottom: 10px; right: 10px; } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360-preview {position: relative; display: block; margin: 0 0 30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360-preview img {width: 100%;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360-preview .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); margin: 0; /*background: #fff; color: #000;*/ } @media screen and (min-width: 64em) { /* Large and Up */ #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360-preview .button { font-size: 20px; } } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .room-gallery-single_360-preview::after { display: block; content: ""; background: url("../img/icons/icon-360-white.svg") no-repeat center center; width: 45px; height: 25px; position: absolute; bottom: 10px; right: 10px; } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_desc {padding:0 0 30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_desc p {margin:0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_button-cad {padding:30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_button-cad h2 {margin:0 0 20px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_button-cad .button span {color:rgba(255,255,255,.6); } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_cad-image {padding:30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_desc + .element_cad-image {padding-top:0; } #yhdm-moulding_wrap.yhdm-moulding_single-design-guide .element_profiles-in-guide {padding:30px 0;} /* 360 icon on fancybox iframe */ body.single-yhd_galleries .fancybox-slide--iframe .fancybox-content::after { display: block; content: ""; background: url("../img/icons/icon-360-white.svg") no-repeat center center; width: 45px; height: 25px; position: absolute; bottom: 10px; right: 10px; } /* ----------------------------------------- :::::: Build Ups ----------------------------------------- */ /* * Build Up Categories * Single Profile - In Use */ .element_build-up-list .cell a {display:block; font-weight: bold; text-align: center;} .element_build-up-list .cell a:hover { } .element_build-up-list .cell a img {margin-bottom:15px; width: 100%;} .element_build-up-list .cell a span {display: block; line-height: 1.2;} .element_build-up-list .cell a .build-up-name {margin:0 0 0 0; } /* Single Build Up */ body.single-gsl_build_ups #main {padding-bottom:0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up {padding-top: 1.5rem;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .yhdm-moulding_single-build-up-top {padding:0 0 30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_main-image {} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_diagram-image {padding:50px 0 0 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_dimensions p {margin:0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_desc {padding:20px 0 30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_desc p {line-height:1.4; margin:0; } #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_profiles-in-buildup {padding:30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_profiles-in-buildup h2 {margin:0 0 20px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_button-cad {padding:30px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_button-cad h2 {margin:0 0 20px 0;} #yhdm-moulding_wrap.yhdm-moulding_single-build-up .element_button-cad .button span {color:rgba(255,255,255,.6); } /* ----------------------------------------- :::::: Wishlist ----------------------------------------- */ @media screen and (max-width: 39.99875em) { /* Small Only */ table.wishlist {font-size: 14px; line-height: 1.4;} table.wishlist tbody th, table.wishlist tbody td { padding: 0.5rem; } table.wishlist .wishlist-qty {width: 70px; font-size: 14px;} } @media screen and (max-width: 39.99875em) { /* Small Only */ .wishlist-page-buttons .button {width: 100%; margin-bottom: 5px;} } /* ----------------------------------------- :: Classes ----------------------------------------- */ @media print, screen and (min-width: 64em) { .large-up-9 > .cell {width: 11.11111%; } .grid-margin-x.large-up-9 > .cell {width: calc(11.11111% - 1.875rem); } } /* Captions */ .wp-caption {max-width:100%; height:auto; } .wp-caption img {margin-bottom:7px;} .wp-caption-text { padding-bottom:10px; line-height:1.3; font-style: italic; color:#666;} /* Nicolas Gallagher's micro clearfix */ .cf { *zoom: 1; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden, .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .sep {color:rgba(0,0,0,.3); display:inline-block; margin:0 5px;} img.left, p img.left, .alignleft { margin: 0 15px 15px 0; float: left; } img.right, p img.right, .alignright { margin: 0 0 15px 15px; float: right; } .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} .upper {text-transform:uppercase;}