/* nuglify error input(56,6): run-time error CSS1031: Expected selector, found '/' input(56,6): run-time error CSS1025: Expected comma or open brace, found '/' */ @media print { .SectionMenu, .SectionFooter, .quicklist, .quicklist-sticky, .room-planner-v2, .room-planner-v2__sticky, .curated-group__social { display: none !important; } } /*========================== = Utilities = ==========================*/ .ql__no-scroll { height: 100%; overflow: hidden; width: 100%; position: relative; min-height: 100%; top: 0px; } .quicklist__absolute { position:absolute; left:0; right:0; } /**/ .quicklist-btn { text-align:center; padding:.5em 0; font-size:.9em; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .quicklist-btn.quicklist-btn--green { background-color:#6DC174; border:1px solid #62ad68; color:#fff; } .quicklist-btn.quicklist-btn--blue { background-color:#4B89DC; border:1px solid #437BC6; color:#fff; } .quicklist-btn.quicklist-btn--white { background-color:#fff; border:1px solid #ccd0d9; color:#444; } */ .quicklist-social-media__btns .login-btn { max-width:none; } .quicklist__loading span { border-top-color:#4B89DC; } .quickList_AddToList { background: url(https://images.furnituredealer.net/img/quicklist_heart.png) no-repeat 0 0; bottom: 10px; cursor: pointer; height: 27px; position: absolute; right: 10px; visibility: hidden; width: 27px; } .quickList_AddToList:hover, .quickList_AddToList.added { background-position: -27px 0px; } .ResultsLarge_Object:hover .quickList_AddToList, .ResultsWide_Object:hover .quickList_AddToList, .ResultsNormal_Object:hover .quickList_AddToList, .ResultsImageTop_Object:focus .quickList_AddToList, .ResultsImageTop_Object:hover .quickList_AddToList, .ResultsFeaturedSpecials:hover .quickList_AddToList, .quickList_AddToList.added, .ResultsLarge_Object.add-to-list__hover .quickList_AddToList { visibility: visible; } /*========================= = Sticky Button = =========================*/ .quicklist-sticky { width:1.75em; height:1.75em; position:fixed; top:.75em; right:.75em; z-index:1039; background:#4B89DC; cursor:pointer; text-align:center; border-radius:3px; transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; } .quicklist-sticky::before { content:'\e861'; font-family: 'furndeal'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#fff; line-height: 1.59em; font-size:1.1em; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .quicklist-sticky::after { content:'\e913'; font-family: 'furndeal'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#4B89DC; position:absolute; right:-.65em; top:.35em; opacity:1; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .quicklist-count { position: absolute; width: 1.5em; height: 1.5em; border-radius: 50%; background-color: #D93A4A; top: -.75em; left: -.75em; color: #fff; font-size: .7em; line-height: 1.5em; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; text-align:center; } .quicklist-header__icon .quicklist-count { top:.25em; left:auto; right:-1em; } /* Sticky Button V2*/ .quicklist-sticky.quicklist-sticky-v2 { display:none; background: #fff; border: #000 solid 1px; border-radius: 100%; } .quicklist-sticky.quicklist-sticky-v2::before { color: #D93A4A; } .quicklist-sticky.quicklist-sticky-v2::after { color: #000; } .quicklist-sticky.quicklist-sticky-v2 .quicklist-count { background-color: #000; } /*========================== = QuickList = ==========================*/ .quicklist { position: fixed; width: 23em; top: 0; bottom: 0; right: -23em; background-color: #fff; z-index: 9999; box-shadow: 0 0 6px -3px rgba(0,0,0,0.8); transition: right .3s ease-in-out; -webkit-transition: right .3s ease-in-out; } /*======================= = Header = =======================*/ .quicklist-header { background-color:#4B89DC; color:#fff; top:0; height:2.5em; z-index:5; } .quicklist-header__icon { position:absolute; left: .5em; } .quicklist-header__icon::before { content: '\e861'; font-family: 'furndeal'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; line-height: 1.65em; font-size: 1.6em; } .quicklist-header__title { line-height:2.25em; font-size:1.1em; text-align:center; } .quicklist-close { width: 3em; height: 2.5em; cursor: pointer; position: absolute; right: 0; top: 0; } .quicklist-close span { display: block; position: absolute; height: 2px; width: 1.25em; background: #fff; opacity: 1; left: 14px; top: 18px; } .quicklist-close span:nth-child(1) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .quicklist-close span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } /* Header V2 */ .quicklist-sticky-v2 + .quicklist .quicklist-header { background-color: #fff; color: #000; border-bottom: 3px solid; } .quicklist-sticky-v2 + .quicklist .quicklist-header__icon::before { color: #D93A4A; } .quicklist-sticky-v2 + .quicklist .quicklist-count { background-color: #000; } .quicklist-sticky-v2 + .quicklist .quicklist-header__title { line-height: 2em; font-size: 1.2em; text-transform: lowercase; } .quicklist-sticky-v2 + .quicklist .quicklist-close { height:2.3em; } .quicklist-sticky-v2 + .quicklist .quicklist-close span { background:#000; } /*====================== = Lists = ======================*/ .quicklist-lists { background-color: #fff; position: absolute; top: 2.5em; padding: 0 6em 0 .75em; z-index: 4; line-height: 2.9em; height: 3em; border-bottom: 1px solid #e6e9ee; } .quicklist-lists select { border:1px solid #ccd0d9; color:#434C53; outline:none; padding:.3em .5em; background-color:#fff; border-radius:3px; width:100%; font-size:.9em; } .quicklist-lists .quicklist-lists__settings { color:#ccd0d9; cursor:pointer; position:absolute; width:3em; height:3em; top:0; right:3em; text-align:center; line-height:3.2em; } .quicklist-lists__add { position:absolute; width:3em; height:3em; top:0; right:0; background-color:#fff; border:1px solid #e6e9ee; border-width:0 0 1px 1px; cursor:pointer; transition:background-color .2s ease-in-out; -webkit-transition:background-color .2s ease-in-out; } .quicklist-lists__add span { display: block; position: absolute; height: 2px; width: 1em; background: #9aa1ab; opacity: 1; left: 1em; top: 1.35em; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out } .quicklist-lists__add span:nth-child(1) { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .quicklist.__new .quicklist-lists__add { background-color:#f6f7fb; border-bottom-color:#f6f7fb; } .quicklist.__settings .quicklist-lists__settings { color:#aab2bd; } /*=================== = New = ===================*/ .quicklist-new { height:0; overflow:hidden; transition:height .3s ease-in-out; -webkit-transition:height .3s ease-in-out; z-index:1; top:5.5em; padding: 1em; background-color:#f6f7fb; } .quicklist.__new .quicklist-new { height:7.5em; border-bottom:1px solid #e6e9ee; } /*=================== = Manage = ===================*/ .quicklist-manage { background-color: #fff; position: absolute; top: 5.5em; z-index: 4; line-height: 3em; height: 3em; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .quicklist.__new .quicklist-manage { top: 13em; } .quicklist-manage__active-list, .quicklist-manage__all-lists { display: inline-block; width: 50%; text-align: center; float: left; border-bottom: 1px solid #e6e9ee; } .quicklist-manage__active-list { border-right: 1px solid #e6e9ee; } .quicklist-manage__active-list:hover, .quicklist-manage__all-lists:hover { background-color: #f6f7fb; } .quicklist-notauthorized{padding:5em 2em;text-align:center} .quicklist-notauthorized__title { font-size:2em;margin:0 0 .5em; } .quicklist-notauthorized__subtitle { font-size: 1.4em; color: #666; margin: 0 0 1em; } .quicklist-notauthorized__loginbtn { } .quicklist-notauthorized > a.LoginStatusLink { color: #fff; background-color: #cb4343; border: 2px solid #cb4343; border-radius: 3px; display: inline-block; line-height: 1.4; padding: .7em 5em; } .quicklist-notauthorized > a.LoginStatusLink:hover { background-color: #fff; color: #cb4343; } .quicklist-notauthorized__button.btn, .quicklist-notauthorized__button.btn:visited { width: 11em; margin: auto; display: block; color: #fff; background-color: #34495e; } .quicklist-notauthorized__button.btn:hover { background-color: #243342; } /*================== = Settings = ==================*/ .quicklist-settings { height:0; overflow:hidden; transition:height .3s ease-in-out; -webkit-transition:height .3s ease-in-out; z-index:2; top:5.5em; padding: 1em; background-color:#fff; } .quicklist.__settings .quicklist-settings { height:7.5em; border-bottom:1px solid #e6e9ee; } /*========================== = Unauthenticated = ==========================*/ .quicklist-unauthenticated { top:8.5em; height:7em; border-bottom:1px solid #e6e9ee; padding:1em; background-color:#fff; z-index:3; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; display:none; } .quicklist-unauthenticated.__active { height:auto; } .quicklist.__auth .quicklist-unauthenticated { display:block;} .quicklist.__new .quicklist-unauthenticated, .quicklist.__settings .quicklist-unauthenticated { /*update for manage panel: top:13em;*/ top:16em; } .quicklist.__new.__no-list .quicklist-unauthenticated { top:13em;} .quicklist.__no-list .quicklist-unauthenticated { top:5.5em;} .quicklist-unauthenticated__btns--trigger { font-size: .75em; color: #acb3bd; text-align:center; padding:.5em 0; } .quicklist-unauthenticated__btns--trigger:hover, .quicklist-unauthenticated.__active .quicklist-unauthenticated__btns--trigger { color:#8a8f97; } .quicklist-unauthenticated.__active .quicklist-unauthenticated__btns { display:block; } .quicklist-unauthenticated__btns a.__active, .quicklist-unauthenticated__btns a.__active:hover { background-color:#f6f7fb; } .quicklist-unauthenticated .login-social-media { display:none; } .quicklist-unauthenticated .login-email-form { display:block; } /*====================== = Items = =======================*/ .quicklist-items { overflow-x:hidden; overflow-y:auto; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; top:8.5em; bottom:0; background-color:#fff; z-index:2; } .quicklist.__auth .quicklist-items {/*update for manage panel: top:12.5em;*/ top:15.5em;} .quicklist.__new .quicklist-items {top:16em;} .quicklist.__new.__auth .quicklist-items {/*update for manage panel: top:20em;*/ top:23em;} .quicklist-item { border-bottom:1px solid #eeeff3; padding:.5em 3.3em .5em .5em; position:relative; color: #676e78; transition:transform .3s ease-in-out; -webkit-transition:transform .3s ease-in-out; } .quicklist-item__image { float:left; max-width:6em; margin-right:1em; } .quicklist-item__title { font-size:.9em; } .quicklist-item__btn { position: absolute; top: 0; bottom: 0; width: 3em; line-height: 3em; text-align: center; cursor:pointer; transition:background-color .2s ease-in-out; -webkit-transition:background-color .2s ease-in-out; } .quicklist-item__btn span { font-size:2em; line-height: 2.75em; display: block; height: 100%; } .quicklist-item__btn.quicklist-item__more { right: 0; color: #333; } .quicklist-item__btn.quicklist-item__room-plan { right: -3em; bottom: -1px; color: #fff; background-color: #467187; border-bottom: 1px solid #467187; z-index: 1; } .quicklist-item__btn.quicklist-item__view { right: -3em; bottom:-1px; color: #fff; background-color:#AAB2BD; border-bottom:1px solid #99a0aa; z-index:1; } .quicklist-item.__has-room-plan .quicklist-item__btn.quicklist-item__view { right: -6em; } .quicklist-item__btn.quicklist-item__delete { right: -6em; color: #fff; background-color:#DB4453; bottom:-1px; border-bottom:1px solid #c53d4b; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; } .quicklist-item.__has-room-plan .quicklist-item__btn.quicklist-item__delete { right: -9em; } .quicklist-item__btn.quicklist-item__room-plan i, .quicklist-item__btn.quicklist-item__view span, .quicklist-item__btn.quicklist-item__delete span { font-size: 1em; line-height: 6.75em; } .quicklist-item.__open { transform: translateX(-6em); -webkit-transform: translateX(-6em); -moz-transform: translateX(-6em); -o-transform: translateX(-6em); } .quicklist-item.__open.__has-room-plan { transform: translateX(-9em); -webkit-transform: translateX(-9em); -moz-transform: translateX(-9em); -o-transform: translateX(-9em); } .quicklist-item.__open .quicklist-item__btn.quicklist-item__more { color:#656d78; } /*============================= = Success/Error Messages = =============================*/ .quicklist-msg { color: #fff; border-radius: 3px; position: absolute; top: 3em; padding: .5em 0; text-align: center; width: 15em; z-index: 2; left: calc(50% - 7.5em); opacity:0; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; } .quicklist-success { background-color: #62ad68; } .quicklist-error { background-color: #db4453; } .quicklist-msg.__show { top: 6em; opacity:1; } /*======================= = Quicklist Open = =======================*/ body.ql__open .quicklist { right:0; } body.ql__open .quicklist-sticky { transform:translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); } /*=========================== = Non-Mobile = ========================= =*/ /* Mostly hover effects */ @media only screen and (min-width: 48em) { .quicklist-lists__add:hover { background-color:#f6f7fb; } .quicklist-lists__settings:hover { color:#aab2bd; } .quicklist-btn:hover {text-decoration:none;} .quicklist-btn.quicklist-btn--green:hover { background-color:#67b76e; } .quicklist-btn.quicklist-btn--blue:hover { background-color:#437BC6; } .quicklist-btn.quicklist-btn--white:hover { background-color:#f6f7fb; } .quicklist-item__more:hover { color:#99a0aa; } .quicklist-item__btn.quicklist-item__room-plan:hover { background-color: #3d6376; } .quicklist-item__btn.quicklist-item__view:hover { background-color:#a1a9b3; } .quicklist-item__btn.quicklist-item__delete:hover { background-color:#d0414f; } } /*========================== = Mobile = ==========================*/ @media only screen and (max-width: 73.750em) { .quicklist-sticky { top: auto; right: 9.25em; bottom: .8em; } .quicklist-sticky::after { display:none; } body.ql__open .quicklist-sticky { transform:none; } .quicklist-sticky.__bottom { bottom:-6em; } } @media only screen and (max-width: 48em) { .quicklist-sticky { top: auto; right: auto; left:.75em; bottom: .8em; } .ResultsLarge_Object .quickList_AddToList { visibility:visible; } } @media only screen and (max-width: 30em) { .quicklist { width: 100%; right:-100%; transition:right .6s ease-in-out; -webkit-transition:right .6s ease-in-out; } body.ql__open .quicklist-sticky { right:calc(100% - 2.75em); } .quicklist-unauthenticated.__active { bottom:0; overflow:auto; } } /*======================= = Items Layout = =======================*/ .quicklist-item-layout { padding:1.5em 1.5em 3em 1.5em; border:1px dashed #e6e9ee; background-color:#fff; position:relative; } .quicklist-item-layout .fdnicon-menu4, .quicklist-item-layout .fdnicon-grid { position: absolute; display: none; color: #bdbdbd; } .quicklist-item-layout .fdnicon-grid { top: 5px; left: 8px; font-size: 1.2em; } .quicklist-item-layout .fdnicon-menu4 { top: 8px; left: 27px; font-size: .9em; } .quicklist-item-layout > img { width:100%; } .quicklist-item-layout .quicklist-item-layout__info { margin-bottom:1em; } .quicklist-item-layout .quicklist-item-layout__icons { position:relative; } .quicklist-item-layout .quicklist-item-layout__btn { font-size:1.1em; } .quicklist-item-layout .quicklist-item-layout__cart { right:2em; } .quicklist-item-layout .quicklist-item-layout__options { right:0; padding-bottom: .5rem; padding-left:1rem; } .quicklist-item-layout__btn .dropdown-toggle::after { display: none; } @media only screen and (min-width: 61.9375em) { .quicklist-item-layout:hover .fdnicon-menu4, .quicklist-item-layout.ui-sortable-helper .fdnicon-menu4, .quicklist-item-layout:hover .fdnicon-grid, .quicklist-item-layout.ui-sortable-helper .fdnicon-grid { display: inline; } } @media only screen and (max-width: 47.9375em) { .quicklist-item-layout .quicklist-item-layout__btn { font-size:1.5em; } } /*=============================== = QuickList Sharing = ===============================*/ .quicklist-share { z-index: 9999; position: fixed; width: 400px; margin-left: auto; margin-right: auto; padding-bottom:1em; left: 0; right: 0; top: 15em; background-color: #fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2); } .quicklist-share .quicklist-share__close, .quicklist-share .quicklist-share__collab-close { width: 3em; height: 2.5em; cursor: pointer; position: absolute; right: 0; top: 0; } .quicklist-share__close span:nth-child(1), .quicklist-share__collab-close span:nth-child(1) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .quicklist-share__close span:nth-child(2), .quicklist-share__collab-close span:nth-child(2){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .quicklist-share__close span, .quicklist-share__collab-close span { display: block; position: absolute; height: 2px; width: 1.25em; background: #fff; opacity: 1; left: 21px; top: 22px; } #quicklist-collaborator-close-button span { background: #444; top: 15px; } .quicklist-share__title { font-size: 1.2em; margin-bottom: .5em; background-color: #4B89DC; padding: .5em 1em; color: #fff; border-bottom: 2px solid #437BC6; } .quicklist-share .quicklist-share__edit-public, .quicklist-share .quicklist-share__edit-owner, .quicklist-share .quicklist-share__edit-collaborators, .quicklist-sharing__public-settings > label, .quicklist-sharing__public-settings > input { cursor:pointer; } .quicklist-share__public-section, .quicklist-sharing__owner-info, .quicklist-sharing__collab-info, .quicklist-sharing__public-settings, .quicklist-sharing__btn-section, .quicklist-share__owner-email, .quicklist-sharing__change-owner .fdn-form, .quicklist-share__current-collabs, .quicklist-share__success, .quicklist-share__sign-in { padding: 0 1em; } .quicklist-share__success { text-align:center; } .quicklist-share__public-section, .quicklist-share__owner-email { font-size: .9em; } .quicklist-share__public-link { margin-bottom:.75em; } .quicklist-share__public-link > a { text-decoration:underline; word-wrap: break-word; } .quicklist-share__social { margin-top: .75em; } .quicklist-share__social > a, .quicklist-share__social > a:visited { font-size: 1.4em; margin-right: .35em; color:#7a7a7a; transition:.3s color ease-in-out; } a.quicklist-share__facebook-btn:hover { color: #445696; } a.quicklist-share__twitter-btn:hover { color: #68a9ec; } a.quicklist-share__pinterest-btn:hover { color: #af2a31; } .quicklist-sharing__public-settings input[type="radio"] { border-radius:8px; } .quicklist-sharing__owner-info, .quicklist-sharing__collab-info { position: relative; margin-top:1.5em; } .quicklist-sharing__owner-title, .quicklist-sharing__collab-title { border-bottom: 1px solid #444; padding-bottom: .35em; margin-bottom: .75em; font-size: 1.1em; } .quicklist-sharing__edit { position: absolute; top: 0; right: 1em; font-size: .9em; margin-top: .25em; color:#7A7A7A; } .quicklist-sharing__edit:hover { color: #444; } .quicklist-sharing__edit > .quicklist-sharing__loading { left: -1.7em; border-color: #ccc; border-top-color: #555; width: 1.25em; height: 1.25em; top: 1px; } .quicklist-share__edit-public > .quicklist-sharing__loading { width: 1.25em; height: 1.25em; margin-left: .25em; } .quicklist-sharing__collab-emails { line-height:1.5em; margin-top: 1em; } .quicklist-sharing__public-settings { padding-left: 1em; } .quicklist-sharing__public-settings > label { font-size:1.1em; } .quicklist-sharing__public-settings > div { margin:1em; font-size: .9em; } .quicklist-sharing__add-collaborator .quicklist-share__pending { margin: 1em; } .quicklist-share__pending { font-size: .8em; } .quicklist-share__btn { float: right; width: 6.5em; text-align: center; text-transform: uppercase; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; margin-left: 1em; padding: .25em; font-size: 14px; } .quicklist-share__submit-btn { background-color: #6DC174; border: 1px solid #62ad68; color: #fff; } .quicklist-share__submit-btn:hover { background-color: #67b76e; } .quicklist-share__back-btn, .quicklist-share__btn-done, .quicklist-share__btn.quicklist-Sharing__loginbtn, .quicklist-share__close-btn { background-color: #fff; border: 1px solid #ccd0d9; color: #444; } .quicklist-share__back-btn:hover, .quicklist-share__btn-done:hover, .quicklist-share__btn.quicklist-Sharing__loginbtn:hover, .quicklist-share__close-btn:hover { background-color: #f6f7fb; } .quicklist-share__home-btn { background-color: #34495e; color: #fff; border: 1px solid #34495e; width: 12em; } .quicklist-share__btn-add { background-color: #34495e; color: #fff; border: 1px solid #34495e; width: 8em; } .quicklist-share__home-btn:hover, .quicklist-share__btn-add:hover { background-color: #243342; } .quicklist-sharing__edit-existing-collab .quicklist-sharing__btn-section { margin-top:1em; } .quicklist-share__current-collabs { line-height: 1.5em; position: relative; } .quicklist-share__removeicon { position: absolute; right: 1em; cursor: pointer; } .quicklist-share__buttons { position:absolute; right:8px; bottom:8px; } .quicklist-share__textboxemail { margin-bottom: 2em; } .quicklist-share__add-collab-email { border-top: 1px solid #e6e9ee; padding-top: 1em; margin: 1em 1em 0; } .quicklist-share__change-owner-info { margin: 1em 1em 0; } .quicklist-share__change-owner-disclaimer { font-size: .8em; margin-top: .5em; } .quicklist-share__change-owner-email { margin-top: 1em; border-top: 1px solid #e6e9ee; padding-top: 1em; line-height: 1.5em; } .quicklist-share__change-owner-email > .email { cursor:pointer; float: left; clear: both; } .quicklist-share__change-owner-email > .email:hover { text-decoration:underline; } .quicklist-share__signin-info { font-size: 1.1em; text-align: center; padding: 1em; } .quicklist-Sharing__loginbtn, .quicklist-Sharing__registerbtn { text-transform:uppercase; } .quicklist-sharing__add-collaborator .fdn-form .form-field, .quicklist-sharing__change-owner .fdn-form .form-field { margin-top:0; } .quicklist-sharing__validator-text { color:#ff0000; } /* DESKTOP ONLY*/ @media only screen and (min-width: 47.938em) { .ql-sharing__blur .SectionOuter { filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px); } #quicklist-share-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: 9998; background: rgba(204, 204, 204, 0.5); } } /* MOBILE ONLY*/ @media only screen and (max-width: 47.938em) { .quicklist-share { width: 100%; height: 100%; top: 0; } .quicklist-share { transform: translateY(240%); -webkit-transform: translateY(240%); -moz-transform: translateY(240%); -o-transform: translateY(240%); transition: transform 1s ease-in-out; -webkit-transition: transform 1s ease-in-out; } .ql-sharing__open .quicklist-share { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); } } /*=============================== = QuickList Curated Group = ===============================*/ .quicklist-curated ._btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: .9rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .quicklist-curated ._btn._btn-primary { background-color: #34495e; border: 1px solid #243342; color: #fff; } .quicklist-curated ._btn._btn-primary:hover { background-color: #243342; } .quicklist-curated ._btn._btn-secondary { background-color: #fff; border: 1px solid #ccd0d9; color: #444; } .quicklist-curated ._btn._btn-secondary:hover { background-color: #f6f7fb; } .quicklist-curated ._btn._btn-success { background-color: #6DC174; border: 1px solid #62ad68; color: #fff; } .quicklist-curated ._btn._btn-success:hover { background-color: #67b76e; } .quicklist-curated ._btn._btn-danger { background-color: #e43737; border: 1px solid #d02828; color: #fff; } .quicklist-curated ._btn._btn-danger:hover { background-color: #d02828; } /* EDIT COVER PHOTO PAGE */ .quicklist-curated__btns, .quicklist-curated__header, .quicklist-curated__header-2, .quicklist-curated__text, .quicklist-curated__upload, .quicklist-curated__message, .quicklist-curated__crop-msg { text-align:center; } .quicklist-curated__select-photo, .quicklist-curated__crop { border:1px solid #e6e9ee; padding:1em; margin: .5em 0 1em; } .quicklist-curated__header { font-size:1.5em; padding-bottom: .5em; } .quicklist-curated__header-2 { font-size:1.3em; padding: 1em 0 .5em; } .quicklist-curated__crop-img .quicklist-curated__header { margin-top: 1rem; } .custom-file-upload.quicklist-curated__header-2 { display:block; } .quicklist-curated__file-upload #fileuploader { margin-bottom:1em; } .quicklist-curated__message { color:#e2232a; } .quicklist-curated__crop .quicklist-curated__text > div { margin-bottom:1em; } .quicklist-curated__crop-img { margin-bottom:4em; } .quicklist-curated__no-image { border: 1px solid #d1d7e0; padding: 1em; text-align: center; font-size: 1.1em; background-color: #e6e9ee; } .quicklist-curated__btns { margin-top: 1.5em; } .quicklist-curated__crop-msg { margin-top: .5em; color: #e2232a; } .quicklist-curated__img-trigger { cursor:pointer; } /* Public Curated Group */ .curated-group { margin-top: 1em; } .curated-group__title, .curated-group__h2, .curated-group__desc { text-align: center; } .curated-group__title { margin-top: .5rem; } .curated-group__browse-items { margin-top: 1em; } .curated-group__browse-items .ResultsLarge_Object .quickList_AddToList { top: 3px; right: 3px; } .curated-group__browse-items.curated-group__browse-items-v3 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } .curated-group__browse-items .quicklist-browse-layout_numberedlist { padding: 2em 1em; } .curated-group__img { display: block; margin: auto; } .curated-group__social { margin-bottom: 1em; text-align: right; } .curated-group__social > a, .curated-group__social > a:visited { margin-left: .35em; transition: .3s color ease-in-out; padding-right: .25em; font-size: 1.3em; color: #7a7a7a; } .curated-group__social > a.curated-group__facebook-btn:hover { color: #445696; } .curated-group__social > a.curated-group__twitter-btn:hover { color: #68a9ec; } .curated-group__social > a.curated-group__pinterest-btn:hover { color: #af2a31; } /* TRYING TO CUT DOWN ON ALL THE UNNECESSARY STYLES */ /* TOP NAV */ /*.quicklist-curated__nav { border-bottom:1px solid #e6e9ee; padding-bottom:.5em; } .quicklist-curated__nav-title-section { text-transform:uppercase; } .quicklist-curated__nav-link, .quicklist-curated__nav-title { display:block; } .quicklist-curated__nav-link { font-size:1.3em; }*/ /* BUTTONS */ /*.curated-btn { text-align: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; display:inline-block; } .quicklist-curated__view-btn, .quicklist-curated__back-btn { padding: .5em; font-size: 14px; width:100%; } .quicklist-curated__save-btn, .quicklist-curated__crop-save-btn, .quicklist-curated__img-cancel-btn { padding: .5em; font-size: 14px; width: 10em; } .quicklist-browse-layout__save-btn, .quicklist-browse-layout__delete-btn { padding: .4em; font-size: 12px; width: 9em; margin-right: .5em; margin-top: .5em; } .quicklist-curated__img-btn, .quicklist-curated__delete-img-btn { padding: .5em 1em; font-size: 14px; max-width: 14em; } .quicklist-curated__save-btn, .quicklist-curated__crop-save-btn, .quicklist-browse-layout__save-btn { background-color: #6DC174; border: 1px solid #62ad68; color: #fff; } .quicklist-curated__save-btn:hover, .quicklist-curated__crop-save-btn:hover, .quicklist-browse-layout__save-btn:hover { background-color: #67b76e; } .quicklist-curated__crop-save-btn, img + .quicklist-curated__btns > .quicklist-curated__img-btn { margin-right:3em; } .quicklist-curated__view-btn { background-color: #fff; border: 1px solid #ccd0d9; color: #444; } .quicklist-curated__settings .quicklist-curated__view-btn { margin-bottom: 1.5em; } .quicklist-curated__view-btn:hover { background-color: #f6f7fb; } .quicklist-curated .quicklist-curated__back-btn, .quicklist-curated .quicklist-curated__img-btn { background-color: #34495e; border: 1px solid #243342; color: #fff; } .quicklist-curated__back-btn:hover, .quicklist-curated__img-btn:hover { background-color: #243342; } .quicklist-curated .quicklist-curated__img-cancel-btn, .quicklist-curated .quicklist-browse-layout__delete-btn, .quicklist-curated .quicklist-curated__delete-img-btn { background-color: #e43737; border:1px solid #d02828; color: #fff; } .quicklist-curated__img-cancel-btn:hover, .quicklist-browse-layout__delete-btn:hover, .quicklist-curated__delete-img-btn:hover { background-color: #d02828; }*/ /* CREATE CURATED GROUP PAGE */ /*.quicklist-curated__title { text-transform: uppercase; font-size: 1.2em; color: #7a7a7a; margin: 1.5em 0 0 0; } .quicklist-curated__settings .quicklist-curated__title, .quicklist-curated__edit .quicklist-curated__title { float:left; } .quicklist-curated__edit, .quicklist-curated__img-section { border-bottom: 1px solid #e6e9ee; padding-bottom: 3em; margin-top: 1em; } select.quicklist-curated__layout-ddl, .quicklist-curated__example-layout{ margin-top: .5em; } .quicklist-curated__edit-text-area, .quicklist-curated__layout { margin: 1.5em 0; } .quicklist-curated__edit-text-area > label, .quicklist-curated__settings-label, .quicklist-curated__page-path-label, .quicklist-curated__example { display:block; text-transform: uppercase; font-size: .95em; } .quicklist-curated__page-path { text-decoration: underline; font-size: .9em; } .quicklist-curated__input, .quicklist-curated__browse-input { border: 1px solid #dadde2; background-color: #f7f8fb; width: 100%; border-radius: 3px; padding: .5em; font-size: .9em; outline: none; } .quicklist-curated__input, .quicklist-browse-layout__title .quicklist-curated__browse-input { margin-top: .5em; } .quicklist-curated_page-path-disclaimer { font-size: .9em; margin-top: .25em; } .quicklist-curated_page-path-error, .quicklist-curated__input-error, .quicklist-curated__save-error { font-size: .9rem; color: #ff0000; font-weight:normal; } .quicklist-curated__edit-checkbox { margin-bottom: 1em; } .quicklist-curated__edit-checkbox > label { font-size: .95em; vertical-align: text-bottom; } .quicklist-browse-layout_numberedlist { padding: 1em; } .quicklist-browse-layout_clean, .quicklist-browse-layout_normal { position: relative; border: 1px solid #fff; padding: 1em; background-color:#fff; } .quicklist-browse-layout_clean:hover, .quicklist-browse-layout_normal:hover { border-color: #ccc; box-shadow: 0 0 6px -3px rgba(0,0,0,.8); } .quicklist-curated__browse-items .quicklist-browse-layout_clean, .quicklist-curated__browse-items .quicklist-browse-layout_normal{ padding-top:2em; } .quicklist-browse-layout_clean > .fdnicon-menu4, .quicklist-browse-layout_normal > .fdnicon-menu4, .quicklist-browse-layout_clean > .fdnicon-grid, .quicklist-browse-layout_normal > .fdnicon-grid { position: absolute; color: #bdbdbd; display: none; cursor:move; } .quicklist-browse-layout_clean > .fdnicon-grid, .quicklist-browse-layout_normal > .fdnicon-grid { top: 5px; left: 8px; font-size: 1.2em; } .quicklist-browse-layout_clean > .fdnicon-menu4, .quicklist-browse-layout_normal > .fdnicon-menu4 { top: 8px; left: 27px; font-size: .9em; } .quicklist-browse-layout_numberedlist .quicklist-browse-layout__image > a { text-align: center; display: block; } .quicklist-browse-layout_numberedlist .quicklist-browse-layout__image > a > img { border: 1px solid #eee; } .quicklist-browse-layout_numberedlist .quicklist-browse-layout__title { font-size: 1.1em; font-weight: bold; display: inline-block; } .quicklist-browse-layout_numberedlist div.quicklist-browse-layout__title { width:100%; } .quicklist-browse-layout_numberedlist .quicklist-browse-layout__title > span { padding-right: .25em; } .quicklist-browse-layout_numberedlist .quicklist-browse-layout__order { position:relative; } .quicklist-browse-layout_numberedlist .fdnicon-menu4 { cursor: move; position: absolute; top: 87px; } .quicklist-browse-layout_numberedlist .fdnicon-grid { font-size: 1.3em; margin-top: 4em; cursor: move; display: inline-block; } .quicklist-browse-layout_numberedlist.ui-sortable-helper { border: 1px solid #ccc; box-shadow: 0 0 6px -3px rgba(0,0,0,.8); background-color:#fff; } .quicklist-browse-layout_numberedlist-item__add-to-cart { font-size: 1.1em; outline: none; z-index: 10; width: 24px; height: 24px; background-color: #fff; } .quicklist-browse-layout_numberedlist-item__add-to-cart .loading-spinner { width: 34px; height: 34px; top: calc(50% - 18px); left: calc(50% - 18px); border: 2px solid #444; border-top: 2px solid transparent; } .quicklist-curated_title-count, .quicklist-curated_short-desc-count, .quicklist-curated_long-desc-count, .quicklist-curated_item-title-count { font-size: .9rem; text-align: right; height:20px; } .quicklist-curated_item-title-count, .quicklist-browse-layout__msg { font-weight: normal; color: #db4453; }*/ /* DESKTOP ONLY */ /*@media only screen and (min-width: 61.9375em) { .quicklist-browse-layout_clean:hover > .fdnicon-menu4, .quicklist-browse-layout_normal:hover > .fdnicon-menu4, .quicklist-browse-layout_clean:hover > .fdnicon-grid, .quicklist-browse-layout_normal:hover > .fdnicon-grid { display: inline; } } @media only screen and (min-width:47.9375em) { .quicklist-curated__input, .quicklist-curated_title-count, .quicklist-curated_short-desc-count, .quicklist-curated_long-desc-count { width:90%; } .quicklist-curated__select-photo, .quicklist-curated__crop { min-height: 414px; } } @media only screen and (min-width:45.000em) { .curated-btn { text-transform: uppercase; } .quicklist-curated__edit-text-area, .quicklist-curated__save-btn, .quicklist-curated__settings-text, .quicklist-curated__settings-label, .quicklist-curated__layout-ddl, .quicklist-curated__save-btn + .quicklist-curated__save-error, .quicklist-curated__edit-checkbox { margin-left:1em; } .quicklist-curated__nav-title-section { float:left; } .quicklist-curated__view-btn, .quicklist-curated__back-btn { float: right; width: 12em; margin-left:1em; } } @media only screen and (min-width:29.688em) { .quicklist-curated__file-upload #fileuploader { margin-left:6em; } }*/ /* MOBILE ONLY */ /*@media only screen and (max-width:45.000em) { .quicklist-curated__nav-btns > a { width: 49%; } } @media only screen and (max-width: 30em) { .quicklist-browse-layout_numberedlist .quicklist-browse-layout__image > a > img { border: none; } } @media only screen and (max-width: 28.125em) { .quicklist-curated__btns > a, .quicklist-curated__btns > span { width: 100%; max-width: 100%; margin-bottom: 1em; margin-right: 0; } }*/