/********************************************************************** LAYOUT **********************************************************************/ /* WIDTH HEIGHT */ .container { width:970px; } .container .container { width:100%; } .width-100p { width:100% !important; } .width-80p { width:80% !important; } .width-75p { width:50% !important; } .width-60p { width:60% !important; } .width-50p { width:50% !important; } .height-100p { height:100% !important; } /* MARGIN */ .nomargin { margin:0px !important; } .marg-t0 { margin-top:0px; } .marg-t01 { margin-top:1px; } .marg-t05 { margin-top:5px; } .marg-t05- { margin-top:-5px; } .marg-t2- { margin-top:-20px; } .marg-t02 { margin-top:2px !important; } .marg-t02- { margin-top:-2px !important; } .marg-t03- { margin-top:-3px !important; } .marg-t1 { margin-top:10px !important; } .marg-t15 { margin-top:15px !important; } .marg-t2 { margin-top:20px; } .marg-t25 { margin-top:25px; } .marg-t3 { margin-top:30px; } .marg-t35 { margin-top:35px; } .marg-t4 { margin-top:40px; } .marg-t5 { margin-top:50px; } .marg-t6 { margin-top:60px; } .marg-t7 { margin-top:70px; } .marg-t3p { margin-top:30%; } .marg-r05 { margin-right:5px; } .marg-r0 { margin-right:0px !important; } .marg-r1 { margin-right:10px; } .marg-r15 { margin-right:15px; } .marg-r3 { margin-right:30px; } .marg-r2 { margin-right:20px; } .marg-r4 { margin-right:40px; } .marg-b0 { margin-bottom:0 !important;} .marg-b05 { margin-bottom:5px } .marg-b1 { margin-bottom:10px !important;} .marg-b15 { margin-bottom:15px } .marg-b2 { margin-bottom:20px !important; } .marg-b25 { margin-bottom:25px; } .marg-b3 { margin-bottom:30px; } .sectionheader, .marg-b35 { margin-bottom:35px; } .marg-b4 { margin-bottom:40px; } .marg-b5 { margin-bottom:50px; } .marg-b6 { margin-bottom:60px; } .marg-b7 { margin-bottom:70px; } .marg-b8 { margin-bottom:80px; } .marg-b400 { margin-bottom:400px; } .marg-l0 { margin-left:0px; } .marg-l05 { margin-left:5px; } .marg-l1 { margin-left:10px; } .marg-l15 { margin-left:15px; } .marg-l2 { margin-left:20px; } .marg-l3 { margin-left:30px; } .marg-l4 { margin-left:40px; } .marg-l5 { margin-left:50px; } .marg-lr05 { margin-left:5px;margin-right:5px; } .automarg { margin-left:auto;margin-right:auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top:0; } /* PADDING */ .nopadding { padding:0px !important; } .pad-15 { padding:15px } .pad-3 { padding:30px; } .pad-35 { padding:35px } .pad-45 { padding:45px } .pad-t0 { padding-top:0px !important; } .pad-t02 { padding-top:2px !important; } .pad-t05 { padding-top:5px; } .pad-t06 { padding-top:6px !important; } .pad-t07 { padding-top:7px !important; } .pad-t09 { padding-top:9px !important; } .pad-t1 { padding-top:10px; } .pad-t15 { padding-top:15px; } .pad-t15p { padding-top:15%; } .pad-t18p { padding-top:18%; } .pad-t2 { padding-top:20px; } .pad-t22p { padding-top:22%; } .pad-t25 { padding-top:25px; } .pad-t3 { padding-top:30px; } .pad-t3p { padding-top:30%; } .pad-t35 { padding-top:35px; } .pad-t4 { padding-top:40px; } .pad-t5 { padding-top:50px; } .pad-t6 { padding-top:60px; } .pad-b1 { padding-bottom:10px; } .pad-b15 { padding-bottom:15px; } .pad-b2 { padding-bottom:20px; } .pad-b3 { padding-bottom:30px; } .pad-b4 { padding-bottom:40px; } .pad-b5 { padding-bottom:50px; } .pad-b6 { padding-bottom:60px; } .pad-b0 { padding-bottom:0px !important; } .pad-l0 { padding-left:0px !important; } .pad-l05 { padding-left: 5px !important; } .padl-l1,.pad-l1 { padding-left: 10px !important; } .pad-l15 { padding-left:15px} .pad-l2 { padding-left:20px} .pad-l25 { padding-left:25px} .pad-l3 { padding-left:30px} .pad-l4 { padding-left:40px} .pad-l5 { padding-left:50px} .pad-l8 { padding-left:80px} .pad-r0 { padding-right:0px !important; } .pad-r05 { padding-right: 5px !important; } .pad-r15 { padding-right:15px; } .pad-r2 { padding-right:20px !important; } .pad-r25 { padding-right:25px} .pad-r3 { padding-right:30px; } .pad-r4 { padding-right:40px; } .pad-r5 { padding-right:50px; } .pad-r6 { padding-right:60px; } .pad-r7 { padding-right:70px; } .pad-r8 { padding-right:80px; } .pad-r9 { padding-right:90px; } .pad-lr0 { padding-left:0px !important; padding-right:0px !important; } .pad-lr1 { padding-left:10px;padding-right:10px; } .pad-lr15 { padding-left: 15px; padding-right: 15px; } .pad-lr2 { padding-left:20px !important;padding-right:20px !important; } .pad-lr22 { padding-left:22px;padding-right:22px; } .pad-lr25 { padding-left: 25px !important; padding-right: 25px !important; } .pad-lr3 { padding-left:30px;padding-right:30px; } .pad-lr33 { padding-left:33px;padding-right:33px; } .pad-lr4 { padding-left:40px;padding-right:40px; } .pad-lr5 { padding-left: 50px; padding-right: 50px; } .pad-lr6 { padding-left:60px;padding-right:60px; } .pad-tb05 { padding-top:5px;padding-bottom:5px; } .pad-tb1 { padding-top:10px !important;padding-bottom:10px !important; } .pad-tb15 { padding-top:15px !important;padding-bottom:15px !important; } .pad-tb2 { padding-top:20px !important;padding-bottom:20px !important; } .pad-tb4 { padding-top:40px;padding-bottom:40px; } /* PADDING - CUSTOM */ .pagination > li.arrows { padding: 8px 20px !important; } /* JCROP ADD ON */ .jcrop-handle { padding:4px !important; } .jcrop-handle.ord-w, .jcrop-handle.ord-n, .jcrop-handle.ord-s, .jcrop-handle.ord-e { padding:2px !important; } /* DISPLAY */ .block { display:block;} .m-show, .hideme, html#mobile .m-hide { display:none; } .inlined { display:inline-block; } .onhover { display: none; } .hover-parent:hover > .onhover { display: block; } /* POSITIONING */ .rel { position:relative; } .abs { position:absolute; } /* VERTICAL ALIGN */ .va-tb, i.va-tb, i.icon-cart.va-tb { vertical-align:text-bottom !important; } .va-m,i[class*="icon-"],i[class*="ss-"] { vertical-align:middle !important; } .va-tt { vertical-align:text-top !important; } /* OTHER ICON STYLES */ i.top01 { position:relative;top:1px; } i.top02 { position:relative;top:2px; } i.top03 { position:relative;top:3px; } /********************************************************************** TYPOGRAPHY **********************************************************************/ /* FONT FAMILY */ /* Univers */ body, .ft-default, .label, h2.ft-default { font-family: 'Roboto', sans-serif; font-weight: 400;-webkit-text-stroke:0 currentColor;text-stroke:0 currentColor; } .univers-light { font-family: 'Roboto', sans-serif; font-weight: 300; } .univers-medium { font-family: 'Roboto', sans-serif;font-weight: 400; } .univers-bold { font-family: 'Roboto', sans-serif; font-weight: 700; } /* FEATURE H TAGS */ h1.feature, h2.feature, h3.feature, h4.feature, h5.feature, h6.feature, .h1.feature, .h2.feature, .h3.feature, .h4.feature, .h5.feature, .h6.feature { font-family:'Roboto Slab',serif; font-weight: 700 !important;-webkit-text-stroke: calc(1em/24) currentColor;text-stroke: calc(1em/24) currentColor;} /* DINNextSlab */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ft-accent, .sectionheader h1, .sectionheader h2 { font-family:'Roboto Slab',serif; font-weight: 700;-webkit-text-stroke: calc(1em/24) currentColor;text-stroke: calc(1em/24) currentColor;} .modal-dialog .sectionheader h1, .modal-dialog .sectionheader h2 { font-family:'Roboto Slab',serif !important; font-weight: 700 ;-webkit-text-stroke: calc(1em/24) currentColor;text-stroke: calc(1em/24) currentColor;} /* DINNextSlab */ .ft-accent2 { font-family:'Roboto Slab', serif;font-weight:700;-webkit-text-stroke: calc(1em/24) currentColor;text-stroke: calc(1em/24) currentColor; } /* FONT WEIGHT */ .ft-wt-300, .btn.ft-wt-300 { font-weight:300 !important; } .ft-wt-400, .btn.ft-wt-400 { font-weight:400 !important; } .ft-wt-500 { font-weight:500 !important; } .ft-wt-700 { font-weight:700 !important; } /* FONT SIZE */ .size0, body { font-size:16px; } .size10 { font-size:10px !important; } .size11 { font-size:11px; } .size12 { font-size:12px; } .size13 { font-size:13px; } .size14 { font-size:14px !important; } .size15 { font-size:15px !important; } .size16 { font-size:16px !important; } .size17 { font-size:17px; } .size18 { font-size:18px !important; } .size20 { font-size:20px !important; } .size22 { font-size:22px; } .size24 { font-size:24px; } .btn.size24 { font-size:24px !important; } .size25 { font-size:25px; } .size26 { font-size:26px; } .size28 { font-size:28px; } .size30 { font-size:30px; } .size34 { font-size:34px; } .size36 { font-size:36px; } .size40 { font-size:40px; } .size45 { font-size:45px; } .size48 { font-size:48px; } .size50 { font-size:50px; } .size60 { font-size:60px; } .size70 { font-size:70px; } .size75 { font-size:75px; } .size80 { font-size:80px; } .size95 { font-size:95px; } /* FONT SIZE H TAGS */ h1, .h1 { font-size:30px; } h2, .h2, #related-collections h2 { font-size:24px; } .modal-dialog .sectionheader h1, .modal-dialog .sectionheader h2 { font-size:24px; } h3, .h3 { font-size:20px; } h4, .h4 { font-size:18px; } h5, .h5 { font-size:16px; } h6, .h6 { font-size:14px; } /* FONT SIZE H TAGS VARIATIONS */ h1.hero.ft-accent2, .h1.hero.ft-accent2 { font-size:60px; } h1.hero, .h1.hero { font-size:50px; } h2.feature, .h2.feature { font-size:16px; } .sectionheader h1, .sectionheader h2 { font-size: 28px; } /* FONT SIZE - INPUT/FORM ELEMENTS */ .btn-group-dropdown .btn-dropdown.btn-sm, .btn-group-dropdown .dropdown-toggle.btn-sm, .small input { font-size:12px; } .btn-group-dropdown .btn-dropdown, .btn-group-dropdown .dropdown-toggle, .inputFiledsLabel input, .inputFiledsLabel p, .small .btn, .dropdown-header { font-size:14px; } .large input { font-size:16px !important; } .btn-lg { font-size:18px !important; } .large .btn { font-size:20px; } /* FONT SIZE - EM */ .label { font-size:0.75em; } /* LINE HEIGHT */ body,.line-height-15 { line-height:1.5; } .line-height-1 { line-height:1; } .line-height-12 { line-height:1.2; } .line-height-14 { line-height:1.4; } .line-height-17 { line-height:1.7; } /* TEXT TRANSFORM */ .upper, .feature { text-transform:uppercase; } .notransform { text-transform:none; } .caps { text-transform:capitalize; } /* POINTER */ .pointer { cursor:pointer; } /* OVERFLOW */ .no-overflow { overflow:hidden; } .no-wrap { white-space: nowrap; } /* TEXT DECORATION */ .u { text-decoration:underline; } a:hover, a:focus { text-decoration: none; } .no-decor, .nodecor, .nodecor:hover, .nodecor:focus { text-decoration:none; } .nolink { color: #636363 !important; } .icons-social a, .icon-social a:link, .icon-social a:active, .icon-social a:visited, .icon-social a:hover { text-decoration: none; } /********************************************************************** COLORS **********************************************************************/ /* TEXT COLOR */ body { color:#636363; } .charcoal { color:#636363 !important; } .white { color:#FFF !important; } .chalk { color: #f3fafd !important; } .green { color: #73b485 !important;} .lead,.leadcolor, .ss-navigatedown, .ss-navigateup { color: #779db1; } .silver, .breadcrumb > li + li:before { color:#b2c6cd; } .silver2 { color:#b2c4cd; } .graphite { color:#5e696d; } .blue { color:#00aeef !important; } h1, h2, h3, h4, h5, h6, .navy, .blue1 { color: #004060; } .orange { color: #E87722; } .darkorange { color:#9e6618; } .brown { color: #9c6725; } .red { color: #ce2e2e; } .wax { color: #d6e0e5; } .alert-primary { color:#498ca9 !important; } .alert-info { color:#9c6725 !important; } .alert-success { color:#2f5568 !important; } .alert-warning { color:#ff8400 !important; } .alert-danger { color:#ce2e2e !important; } .linkblue { color:#00aeef !important; } .yellow { color: #ffce00 !important; } .gray { color: #aaa !important; } /* LINK COLOR */ a, a:visited { color:#00aeef; } a:hover, a.blue:hover, a.linkblue:hover, a:hover span.blue { color:rgba(0,174,239,0.7) } a.charcoal, a.charcoal:visited, header .globalnav ul li a, header .globalnav ul li a:visited, .tile-links h3 > a, .tile-links h3 > a:visited { color:#636363; } a.charcoal:hover, header .globalnav ul li a:hover, .tile-links h3 > a:hover { color:#00aeef !important; } a.btn.btn-info, a.btn.btn-primary, a.btn.btn-warning { color:#FFF; } /* BACKGROUND */ body { background-color: #fafafa; } .bg-blue, .bg-primary, .label.success { background-color:#6ac9f5; } .bg-blue-main { background-color: #00aeef !important; } .bg-linkblue { background-color:#498ca9; } .bg-lightblue { background-color:#e5f0f6; } .bg-darkblue { background-color:#004060; } .bg-lighterblue { background-color:rgba(229,240,246,0.5); } .bg-lightestblue { background-color:#fcfeff; } .bg-navy, .label.primary { background-color: #2f5568 !important; } .bg-navyshade { background-color:rgba(47,85,104,0.05) } .bg-darknavy { background-color:#003654 !important; } .bg-orange, .label.warning { background-color: #E87722; } .bg-darkorange { background-color: #ff8400; } .bg-brown, .label.info { background-color: #9c6725; } .bg-darkbrown { background-color: #5c3c16; } .bg-green { background-color: #73b485; } .bg-darkgreen { background-color: #466e51; } .bg-red, .label.danger { background-color: #ce2e2e; } .bg-darkred { background-color: #7c0109; } .bg-charcoal { background-color: #364247; } .bg-graphite { background-color: #5e696d; } .bg-lead { background-color: #93a3aa; } .bg-silver, .label { background-color: #b2c4cd; } .bg-lightgrey { background:rgba(235,235,235,0.2);} .bg-wax { background-color: #d6e0e5; } .bg-chalk { background-color: #f3fafd; } .bg-white { background-color:#FFFFFF; } .bg-pitchblack { background-color:#11191d; } .bg-disabled { background-color:#CCC !important; } .alert-primary { background-color:rgba(106,201,245,0.2) !important; } .alert-info { background-color:rgba(156,103,37,0.2) !important; } .alert-success { background-color:rgba(47,85,104,0.2) !important; } .alert-warning { background-color:rgba(255,167,61,0.2) !important; } .alert-danger { background-color:rgba(206,46,46,0.2) !important; } /* BACKGROUND W/ IMAGE */ .bg-textured-secondary { background:url(/2015/assets/images/background/textured-secondary.jpg) !important; } /* OPACITY */ .op-06 { opacity:0.6; } a:hover i.op-06 { opacity:0.9; } .bg-disabled { opacity:0.9; } /********************************************************************** BORDERs **********************************************************************/ .border-1{border:1px solid #e1e1e1;} .border-r1{border-right:1px solid #e1e1e1;} .border-l1{border-left:1px solid #e1e1e1;} .border-t1{border-top:1px solid #e1e1e1;} .border-b1{border-bottom:1px solid #e1e1e1;} .lightblue-border-bottom { border-bottom:1px solid #b9e5fb !important; } /* BORDER WIDTH */ .border-w01 { border-width:1px; } .border-w02 { border-width:2px; } .border-w06 { border-width:6px; } .input-group-sm .input-group-addon:first-child { border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0; } /* BORDER RADIUS */ .border-r04 { border-radius:4px; } .border-r06 { border-radius:6px; } .border-r50perc { border-radius:50%; } /* BORDER COLOR */ .border-white { border-color:#fff; } .border-wax { border-color:#d6e0e5; } .border-linkblue { border-color:#498ca9; } .border-linkblue-shade { border-color:rgba(73,140,169,0.2); } .border-lightblue { border-color:#e3f1f6; } .border-textured-secondary { border-color:#eae7e2; } /* BORDER STYLE */ .border-solid { border-style:solid; } .border-dashed { border-style:dashed; } .border-dashed-t { border-top-style: dashed; } /* OUTLINE */ button:hover, button:focus, .alert button, html#mobile a { outline: none; } /* COLOR */ .input-focus { border-color:#02baf2; } .input-hover { border-color:#93a4aa; } a.label:hover, a.label:focus { color: #6ac9f5; } /********************************************************************** FORM CONTROL **********************************************************************/ .input-group.large { width: 530px; } .input-group.large input { height: 50px; } .input-group.large .btn { padding: 10px 20px 8px 20px; } .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 5px 0 0 5px; } .input-icon-edit .form-control { text-indent: 0; padding-right: 30px; } .input-icon-edit .ss-write { left: auto !important; right: 25px; top: auto !important; bottom: 6px; color: #b2c6cd; } .input-icon [class*="ss-"] { z-index: 1000; max-width: 20px; } .large.input-icon [class*="ss-"] { font-size: 20px; } .input-icon .ss-search { color: #004060 !important; } /* FORM HELPER */ /* MAX LENGTH INDICATOR */ .lengthindicator { position:absolute;z-index:9000;background:#EEE;font-size:11px;padding:5px 10px;opacity: 0.8; } .input-group .lengthindicator, .curateNewCollection div.lengthindicator { margin-top: 40px; } .btn.disabled, .btn[disabled] { opacity:0.5;filter:alpha(opacity=50);background-color:#CCC !important; } .btn-curation { min-width: 230px; } .btn-xlarge { border:0;padding:5px 20px;font-size:24px;text-transform:uppercase;font-weight:700; } .btn-red { background-color:#f5001b;color:#FFF; } .btn-rounded { border-radius:6px; } select { border-radius:4px; } /* IE ONLY FIX for select */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+11 only css - https://stackoverflow.com/questions/11173106/apply-style-only-on-ie */ select::-ms-expand { /* Hide metro style dropdown icons -> https://stackoverflow.com/questions/18440019/ie-firefox-custom-drop-down-could-not-remove-native-arrows */ display: none; } select { background: #fbfafb url(/2015/assets/images/icon/down_Arrow.png) no-repeat !important; background-position: right 8px center !important; background-size: 11px !important; border: 1px solid #dbdbdb; } } /* FF fix for select */ @supports (-moz-transform: translate(0, 0)) { /* https://stackoverflow.com/questions/27987228/only-apply-a-css-rule-in-firefox */ select { -moz-appearance: none; background: #fbfafb url(/2015/assets/images/icon/down_Arrow.png) no-repeat !important; background-position: right 8px center !important; border: 1px solid #dbdbdb; background-size: 11px !important; } } /********************************************************************** Z INDEX **********************************************************************/ .input-icon [class*="ss-"] { z-index:1000; } /********************************************************************** ANIMATION **********************************************************************/ @-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); } to{ -webkit-transform: rotate(2880deg); } } @-moz-keyframes rotating { from{ -moz-transform: rotate(0deg); } to{ -moz-transform: rotate(2880deg); } } .spin { -webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear; } i.spin, span.spin { padding:0.3em 0 0 0;display:inline-block;text-align:center; } @-webkit-keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes icon-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*a { transition:color 0.2s ease,opacity 0.2s linear; }*/ .btn { /*transition:background-color 0.2s linear,opacity 0.2s linear;*/font-family: 'Roboto', sans-serif; font-weight: 700;letter-spacing:-0.2px; } .btn.block { width:100%; } /********************************************************************** TYPE SPECIFIC **********************************************************************/ /* IMAGE SCALING */ img.fit,.fit-imgs img { width:100%;height: auto;max-width: 100%;max-height: 100%; } img.fits { max-width: 100%;max-height: 100%; } /* UL */ ul.nostyle { list-style-type:none;padding:0;margin:0; } /********************************************************************** SECTION SPECIFIC **********************************************************************/ /* FLAGS */ .flag-sm.US { background-position:-1px -827px; } .flag-sm.GB { background-position:-243px -800px; } .flag-sm.CA { background-position:-243px -107px; } .flag-icon.flag-sm { background-image:url(https://assets3.novica.net/2015/assets/images/sprites/flag-sprites-small.png);width:26px;height:18px;margin-top:-2px;border-width:1px;border-style:solid;border-color:rgba(255,255,255,0.6); } .globalmarket .flag-sm.GB, .globalmarket .flag-sm.CA { width:28px;height:19px; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } ul.separator-type1 li+li:before { content: "|"; margin-top: -1px; padding: 0 10px; } .scrollable { height: 120px; overflow-x: hidden; overflow-y: auto; } /* HEADER */ header { background-color: #ebebeb; } header .container { padding-left: 0; padding-right: 0; width: 940px !important; } header #logo { background: url(/2015/assets/images/logo/UNICEFUSA_Logo.svg) no-repeat scroll 0 0 transparent; display: block; height: 125px; left: 0; position: absolute; text-indent: 135px; /*font-family: 'univers-light';*/ text-transform: capitalize; line-height: 125px; font-size: 28px; color: #636363; top: 20px; width: 125px; z-index: 499; } header .globalnav ul { padding-top: 15px; margin-bottom: 20px; } header .globalnav ul > li { float: left; line-height: 24px; padding: 0; margin: 0; } header .globalnav ul > li { position: relative; } header .globalnav ul li a { position: relative; text-decoration: none; font-size: 14px; display: inline-block!important; font-family: 'Roboto', sans-serif; font-weight: 400; } header .globalnav ul.separator-type1 li+li:before { content: "|"; margin-top: -1px; padding: 0 20px 0 24px; color: #d3d3d3; } header .globalnav ul > li ul, header #header-wishlist ul#globalnavitems-lists { display: none; position: absolute; z-index: 1000; border-bottom: 1px solid #d3d3d3; border-top: none; border-right: none; border-left: none; background: #fff; padding: 11px 0 0 0; margin: 0; min-width: 280px; right: -20px; background: transparent url(/2015/assets/images/globalNavArrow.gif) 0 0 no-repeat; } header .globalnav ul > li:hover ul, header #header-wishlist:hover ul#globalnavitems-lists { display: block; } header .globalnav ul > li ul li, header #header-wishlist ul#globalnavitems-lists li { background-color: #fff; border-right:1px solid #d3d3d3;border-left:1px solid #d3d3d3; width: 100%; float: none; } header .globalnav ul > li ul li.titlerow, header #header-wishlist ul#globalnavitems-lists li.titlerow { width:100%;padding:10px; } header .globalnav ul > li ul li.spacer, header #header-wishlist ul#globalnavitems-lists li.spacer { height:10px; } header .globalnav ul > li ul li.spacer.topborderred, header #header-wishlist ul#globalnavitems-lists li.spacer.topborderred { border-top:1px solid #d3d3d3; } header .globalnav ul > li ul li h3 i { -webkit-text-stroke: 0 currentColor; text-stroke: 0 currentColor; } header .globalnav ul > li ul li a { width: 100%; padding: 5px 25px; } header .globalnav ul > li ul li a:hover, header #header-wishlist ul#globalnavitems-lists li a:hover { background-color: #e8e8e8; } header .globalnav ul.separator-type1 ul li+li:before { content: ""; margin: 0; padding: 0; } header .globalnav ul li:hover ul a.inactive { pointer-events: none; cursor: default; color: rgba(0,0,0,.54) !important; } header .globalnav ul li ul#globalnavitems-account .globalnav-myaccount { padding: 5px; } header .globalnav ul li ul#globalnavitems-account .globalnav-myaccount>div { padding-left: 50px; } header .globalnav ul li ul#globalnavitems-account .globalnav-myaccount>div>a { padding: 0; background-color: transparent!important; display: inline-block!important; line-height: 1.2; color: #00aeef !important; width: auto; } header .globalnav ul li ul#globalnavitems-account .globalnav-myaccount > div > a.profile { padding: 5px 8px; font-size: 12px; color: #636363 !important; border: solid 2px #00aeef; border-radius: 5px; } header #globalnavitems-help { background-position: -565px 0 !important; } header #globalnavitems-account { background-position: -565px 0 !important; } header #globalnavitems-lists { background-position: -565px 0 !important; } header #globalnavitems-catalog {background-position: -574px 0 !important;} header #header-wishlist { position: relative; } header #header-wishlist ul#globalnavitems-lists { right: 0; text-align: left; } header #header-wishlist ul#globalnavitems-lists li a { width: 100%; padding: 5px 25px; position: relative; text-decoration: none; font-size: 14px; display: inline-block !important; font-family: 'Roboto', sans-serif; font-weight: 400; color: #636363; -webkit-text-stroke: 0 currentColor; text-stroke: 0 currentColor; } header #header-wishlist ul#globalnavitems-lists li a:hover { color: #00aeef !important; } header #header-wishlist #globalnavitems-lists li a.wishlist-flyout-btn { display: inline-block; width: 40px; height: 40px; padding: 7px; margin: 5px 10px 5px 5px; background-color: #f5f5f5; border: solid 1px rgba(0,0,0,0.14); border-radius: 5px; outline: none; text-align: center; } header #header-wishlist #globalnavitems-lists li a.wishlist-flyout-btn:hover { background-color: #ebebeb; } header #header-wishlist #globalnavitems-lists li a.wishlist-flyout-btn > i { position: relative; top: 2px;-webkit-text-stroke: 0 currentColor;text-stroke: 0 currentColor; } header #header-center { margin-bottom: 30px; } body.myaccount header #header-center { margin-bottom: 50px; } body.curation header #header-center { margin-bottom: 50px; } body.myaccount #header-nav, body.curation #header-nav { background-color:#00aeef !important; } header #hdr-search { width: 440px; } body.search header #hdr-search { display:none; } #headerSearch .input-group { position: relative; display: table; border-collapse: separate; } #headerSearch .input-group span.ss-search { font-size: 22px; color: #004060; position: absolute; z-index: 100; left: 15px; top: 10px; } #headerSearch #keywordHeader { font-size: 14px !important; padding: 8px 12px 8px 50px; height: 46px; background-color: #fff; border: solid 1px #d3d3d3; font-family: 'Roboto', sans-serif; font-weight: 400; } #headerSearch button.keywordButton { height: 46px; position: relative; color: #fff; font-size: 16px; padding: 8px 17px; } header #header-wishlist a.wishlist-btn { position: relative; width: 124px; height: 46px; background-color: #fff; border: solid 1px #d3d3d3; line-height: 1.4; text-transform: capitalize; color: #797d83; font-size: 14px; border-radius: 5px; } header #cartContentHeader { position: relative; } body.cart div#cartContentHeader { display: none; } header #cartContentHeader a.cart-btn { background-color: #e87722; border: solid 1px #e87722; line-height: 2; height: 46px; text-transform: capitalize; color: #fff; font-size: 14px; position: relative; width: 80px; display: inline-block; padding: 8px 10px; border-radius: 5px; } header #cartContentHeader .empty a.cart-btn { background-color: #fff; border: solid 1px #d3d3d3; color: #797d83; } header #cartContentHeader .empty a.cart-btn i { color: #00aeef !important; } header #cartContentHeader a.cart-btn i { position:relative;bottom:2px; } header #cartContentHeader #cartitemcount { position: absolute; right: 10px; top: 18px; line-height: 1; color: #636363; font-size: 12px; display: block; width: 23px; text-align: center; } header #cartContentHeader .cart-btn.checkout { border-color: #E87722; background: #E87722; color: white; line-height: 1; height: auto; width: auto; padding: 5px 10px; } .menu-flyout { visibility: hidden; -webkit-transition: visibility .3s ease-in-out; transition: visibility .3s ease-in-out; opacity: 0; position: absolute; z-index: 200000; top: 22px; left: 0; } .cart-flyout { visibility: hidden; -webkit-transition: visibility .3s ease-in-out; transition: visibility .3s ease-in-out; opacity: 0; position: absolute; z-index: 200000; right: 0 !important; top: 100% !important; width: 400px; } .empty .cart-flyout { width: 290px; } .show-flyout-parent > .active .menu-flyout, .show-flyout-parent > .active .cart-flyout { visibility: visible; opacity: 1; display: block !important; } #cartContentHeader .cart-flyout table { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background: #fff; font-size: 14px; width: 100%; } .cart-flyout table td a { color: #636363; } .cart-flyout table td a:hover { color: #00aeef; } .cart-flyout .line { height: 11px; } .cart-flyout .line { background: transparent url(/2015/assets/images/globalNavArrow.gif) -445px 0 no-repeat; } .empty .cart-flyout .line { background: transparent url(/2015/assets/images/globalNavArrow.gif) -555px 0 no-repeat; } header #header-nav { height: 44px; } body.myaccount header #header-nav, body.curation header #header-nav { height: 42px; } header #header-nav .navbar { min-height: 10px !important; } header #header-nav #mobile-menubar { display: none; } header #header-nav .navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } header #header-nav .navbar-collapse .navbar-nav { float: left; margin: 0; } header #header-nav .navbar-collapse .navbar-nav > li { float: left; } header #header-nav .navbar-nav > li > a { padding: 10px 13px 15px 13px; margin-left: 7px; cursor: pointer; outline: none; color: #00aeef; text-transform: lowercase; font-size: 16px; -webkit-text-stroke: calc(1em/24) currentColor; text-stroke: calc(1em/24) currentColor; } header #header-nav .navbar-nav > li > a.no-uppercase { text-transform:none; } body.myaccount header #header-nav .navbar-nav > li > a, body.curation header #header-nav .navbar-nav > li > a { color:#FFF;padding: 10px 15px 12px 15px; } header #header-nav ul.navbar-nav > li.dropdown > a.menu-item { border-top-left-radius: 10px; border-top-right-radius: 10px; /*transition: background 0.3s linear, color 0.2s linear;*/ } header #header-nav ul.navbar-nav > li.dropdown:hover > a.menu-item, header #header-nav ul.navbar-nav > li.dropdown.active > a.menu-item { color: #fff !important; background-color: #034262; /*transition-delay: 0.2s;*/ } header #header-nav .navbar-nav > li > a:hover, header #header-nav .navbar-nav > li > a:focus, header #header-nav .navbar-nav > li > a.active { color: #fff; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } body.myaccount header .dropdown-menu, body.curation header .dropdown-menu { top:42px; } body.myaccount header .dropdown-menu > li > a, body.curation header .dropdown-menu > li > a { display: block; padding: 4px 15px; clear: both; font-family: 'Roboto', sans-serif; font-weight: 400; color: #64c5ec; white-space: normal; } body.myaccount header .dropdown-menu > li > a:hover, body.myaccount header .dropdown-menu > li > a:focus, body.curation header .dropdown-menu > li > a:hover, body.curation header .dropdown-menu > li > a:focus { color: #FFFFFF; background-color:transparent !important; background:transparent !important; } body.myaccount header #header-nav ul.navbar-nav > li:hover > a, body.myaccount header #header-nav ul.navbar-nav > li.active > a, body.curation header #header-nav ul.navbar-nav > li:hover > a, body.curation header #header-nav ul.navbar-nav > li.active > a { /*color: #034262 !important; background-color: #fff;*/ } /*header #header-nav ul.navbar-nav > li.dropdown > ul { display: block; }*/ header #header-nav ul.navbar-nav > li.dropdown > ul.dropdown-menu { /*visibility: hidden; opacity: 0; transition: visibility 0s linear 0.3s, opacity 0.3s linear;*/ border: 0; display: none; } header #header-nav ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu, header #header-nav ul.navbar-nav > li.dropdown.active > ul.dropdown-menu { /*visibility: visible; opacity: 1; transition-delay: 0.2s; display: block;*/ } header .megamenu> div > li > ul > li > a, .singlemenu> li > ul > li > a { display: block; padding: 3px 7px; clear: both; font-family: 'Roboto', sans-serif; font-weight: 400; color: #64c5ec; white-space: normal; -webkit-text-stroke: 0 currentColor; text-stroke: 0 currentColor; } header .dropdown-header, header .dropdown-header > a { font-family:'Roboto Slab', serif !important; font-size:18px; color: #fff; padding: 0; text-transform: none; font-weight: 700; -webkit-text-stroke: calc(1em/24) currentColor !important; text-stroke: calc(1em/24) currentColor !important; } header .dropdown-header span { padding: 3px 7px; display: block; } header #header-nav .navbar-nav .section-flyouts { display: none; position: absolute; z-index: 1000; left: 0px; min-width: 220px; top: 42px; padding: 10px 0px; background-color: #fff; border: 1px solid #d3d3d3; border-top: 0; margin-left: 7px; } header #header-nav .navbar-nav .section-flyouts ul { list-style-type: none; padding: 0; margin: 0; } header #header-nav .navbar-nav .section-flyouts li a { display: block; padding: 3px 20px; color: #636363; font-family: 'Roboto', sans-serif; font-weight: 400; white-space: normal; font-size: 14px; } header #header-nav .navbar-nav .section-flyouts li a:hover { background-color: #e8e8e8; color: #00aeef; } /* HOME BANNER */ #homePromoBanner { /* height: 477px;*/ min-height: 480px; } #homePromoBanner .carousel-inner .item { background-size:cover !important; } #homePromoBanner .carousel-inner .item img { /*width: 100%; max-width: inherit;*/ margin: 0 auto; } html#mobile #homePromoBanner { min-height: inherit; } html#mobile #homePromoBanner .carousel-inner .item img.bannerimage { margin: 0; width: 100%; } html#mobile #homePromoBanner .carousel-inner .item .caption { display: none; } html#mobile #homePromoBanner .carousel-inner .item a { width: 100%; height: auto; } #homePromoBanner .carousel-inner .item .caption { position: absolute; top: 75px; right: 10px; width: 355px; } #homePromoBanner .carousel-inner .item .caption.right { right: 10px; } #homePromoBanner .carousel-inner .item .caption.left { left: 10px; } #homePromoBanner .carousel-indicators { position: absolute; bottom: 20px; left: auto; margin-left: 0; text-align: left; } #homePromoBanner .carousel-indicators li { display: inline-block; width: 20px; height: 20px; background-color: rgba(255,255,255,0.5); border: 0; margin: 1px 7px; } #homePromoBanner .carousel-indicators .active { background-color: rgba(255,255,255,1); width: 20px; height: 20px; margin: 1px 7px; } #homePromoBanner .carousel-control { /*width: auto; bottom: auto; top: 42%;*/ text-shadow: none; background: 0; } /*#homePromoBanner .carousel-control.left { left: 7%; } #homePromoBanner .carousel-control.right { right: 7%; }*/ /* PLATES */ .tile { position: relative; text-align: center; border-radius: 0; padding: 0; } h2.tile-title { background-color: #00aeef; font-size: 26px; color: #fff; padding: 9px 0; text-align: center; } .tile-links h3 > a { font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 1.8; } #aboutUNICEFitems .highlight-text { width: 460px; margin: 0 auto; font-size: 20px; text-align: center; line-height: 1.6; } body#main.homepage #aboutUNICEFitems .highlight-text { width:700px;margin:0 auto; } body#main.homepage #aboutUNICEFitems h2.size22 { font-size:30px; } .region .topbanner-text { height: 362px; } .region .topbanner-text p { font-size: 18px; } /* CART */ body.cart .top-headers .heading { background-color:#ebebeb;padding-top:5px;padding-bottom:5px;font-size:14px; } body.cart .review-item-desc { width:70%; } /* body.cart .cart-donation .review-item-desc { width: 50%; }*/ body.cart .cartitemrow { border-top:1px solid #ebebeb;} body.cart .ig-card.cart-row.cart-item-row { border:1px solid #ebebeb; background-color:#fff; margin:15px 0px; padding:20px; } .estimateShipping label { line-height: 1.4; } #shippingEstimator .regionserviceval label { line-height: 1.4; margin-left: 0; } /* FOOTER */ .backToTop { width: 80px; right: 10%; text-align: center; line-height: 1em; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: rgba(226,226,226,0.7); position: fixed; bottom: 30px; z-index: 1000; } .backToTop a { display: block; height: 100%; margin: 0; width: 100%; padding: 5px 15px 10px 15px; /*font-family: 'univers-light';*/ font-size: 14px; } .backToTop a .icon-rotate-90 { -webkit-transition-duration: 0.01s; -moz-transition-duration: 0.01s; -o-transition-duration: 0.01s; transition-duration: 0.01s; display: inline-block; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } footer #quote-block { /*height: 175px;*/ background-color: #034262; font-style: normal; } footer #quote-block .container > div { display: grid; grid-template-columns:1fr 1fr; align-items:center; gap:5rem; padding: 3rem 0; } footer #quote-block #company-logos { display:grid; grid-template-columns:repeat(2, 175px); gap:3rem; align-items: center; } footer #quote-block #novica-logo, footer #quote-block #unicef-market-logo { width:175px; } footer #quote-block #novica-logo img, footer #quote-block #unicef-market-logo img { width:100%; height:auto; } footer #quote-block #novica-logo { /*width: 98%;*/ } footer #quote-block #footerquote { /*width: 100%; display: table;*/ } footer .bottom-quote p.ft-accent2:before { position: absolute; content: url(/2015/assets/images/background/doublequote-begin.png); opacity: 0.5; top: -5px; left: -27px; } footer .bottom-quote p.ft-accent2 img.endquote { position: absolute; opacity: 0.5; } footer #links-block { background-color: #ebebeb; } footer #links-block h5 { color: #00aeef; font-size: 22px; text-transform: lowercase; margin-bottom: 15px; } footer #links-block #links a, footer #links-block #links a:link, footer #links-block #links a:visited, footer #links-block #links a:active { color: #779db1; font-size: 14px; line-height: 1.6; text-decoration: none; } footer #links-block #links a:hover { color:#638293; } footer #emailSubscription #email { height: 42px; background-color: #fff; border: solid 1px #d3d3d3; transition: 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; font-size: 14px; } footer #emailSubscription button#stayInTouchButton { padding: 8px 12px 8px 12px; white-space: nowrap; } footer #closing-bar { background-color: #00aeef; } footer #footer-promotion-banner .footer-banner-text h1, footer #rotatingFacts { top:3em; width:25%; min-width:400px; text-align: center; font-size: 40px; } footer #rotatingFacts { color: #FFF; font-family: 'Roboto Slab',serif; font-weight: 700; -webkit-text-stroke: calc(1em/24) currentColor; line-height: 1.1; } footer #footer-promotion-banner .footer-banner-pic img { min-width:980px; } #footer-banner.unicef-in-Action { background-image:none !important;height:auto !important;position:relative; } #footer-banner .footer-banner-title.abs-banner-title { position:absolute;top:0; } #footer-banner .footer-banner-title { background:rgba(30, 30, 30,0.68);padding:20px 0;width:100%;z-index:1; } #footer-banner h1 span { display:inline-block !important; } /* CATEGORY */ #nav-left ul.reg a { color:#636363; } #nav-left ul.reg a:hover { color:#00aeef; } #nav-left ul li.overMax { display: none; } #nav-left .balloon { width: 170px;padding: 5px 10px 7px 10px;position: relative;border-radius: 6px;background-color: #00aeef; } #nav-left .balloon:after { width:0;height:14px;bottom:-20px;left:25px;border:solid transparent;content:" ";position:absolute;pointer-events:none;border-top-color:#00aeef;border-width:10px;margin-left:-10px; } body.category ul.related { list-style: none;margin: 0;padding: 0;position: absolute;bottom: 0;left: 0; } .productlist-top-right { height: 320px;min-height: 320px; } .productgrid.row { margin-left:-23px;margin-right:-23px;} .productgrid.row #nav-left { width:246px;padding-left:23px;padding-right:23px; } .productgrid-items { width:738px;padding-left:23px;padding-right:23px; } .productgrid-items.platesonly { width:100%; } .productgrid-items #product-list.row { margin-left:-23px;margin-right:-23px; } .productgrid-items #product-list.row .col-xs-4 { width:246px;padding-left:23px;padding-right:23px; } body.artist #product-list.row { margin-left:-23px;margin-right:-23px; } body.artist #product-list.row .col-xs-3 { width:246px;padding-left:23px;padding-right:23px; } #product-list.row .price-original { font-size:14px;float:left;padding-top:5px;margin-right:5px; } #product-list.row .isOnSale .price-original { text-decoration:line-through; } .plate-type-1 .collectionitem { width:246px;padding:0 23px;float:left;margin-bottom:25px; } html#mobile .marketplaceplatesmall:nth-child(even) { padding-left:10px; } html#mobile .marketplaceplatesmall:nth-child(odd) { padding-right:10px; } html#mobile .marketplaceplatesmall h3 { font-size:14px !important;padding:10px 0;height:35px; } p.pListPic { position:relative;width:202px;height:202px;overflow:hidden; } a.showpreview, a.showpreviewpanel { display:block;position:relative;width:100%;height:100%; } p.pListPic .previewpanel { position:absolute;top:0;left:0;width:200px;height:200px;overflow:hidden;display:none;background:rgba(0,0,0,0.7);color:#cccac9;line-height:1.4em; } p.pListPic .previewpanel .preview-detail { padding:5px 0 0 10px; } p.pListPic .previewpanel .preview-detail p { margin:2px 0 !important; } p.pListPic .previewpanel .preview-detail p.preview-regionname, p.pListPic .previewpanel .preview-detail .preview-sizes { font-size:85%;opacity:0.8; } p.pListPic .previewpanel .preview-detail .preview-sizes { margin-top:5px; } p.pListPic .previewpanel .view-now { position:absolute;top:46%;width:100%;text-align:center; } .price-original { text-decoration:line-through; } #product-list .product-container { width:202px;min-height:325px;position:relative;margin:0 auto 50px auto; } #product-list .productview.span4 p { margin:0; } #product-list .product-container .item-strip:before { content:'';border:50px solid;width:0;height:0;position:absolute;top:-50px;display:inline-block;left:-50px;transform:rotate(45deg); } #product-list .product-container .item-strip:after { content:'';transform:rotate(-45deg);display:block;color:white;position:absolute; } #product-list .product-container .new-item-strip:before { border-color:#00aeef; } #product-list .product-container .new-item-strip:after { content:'NEW';top:15px;left:8px;font-size:14px;font-weight:500; } #product-list .product-container .coming-item-strip:before { border-color:#60c8f9; } #product-list .product-container .coming-item-strip:after { content:'COMING \a BACK';top:12px;left:4px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } #product-list .product-container .coming-item-strip.preorder:before { border-color:#60c8f9; } #product-list .product-container .coming-item-strip.preorder:after { content:'PRE-ORDER';top:18px;left:0;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } #product-list .product-container .soldout-item-strip:before { border-color:#60c8f9; } #product-list .product-container .soldout-item-strip:after { content:'SOLD \a OUT';top:10px;left:10px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } .handmade-indicator { float:left;margin-left:5px; } .filterselectedvalue { font-family: 'Roboto', sans-serif; font-weight: 400;font-size:16px;} /* float control */ div[data-items-per-row="3"] > .product-column:nth-child(3n+1), div[data-items-per-row="4"] > .product-column:nth-child(4n+1) { display: block; content: ""; clear: left; } html#mobile div[data-items-per-row="3"] .product-column:nth-child(3n+1) { display: block; content: ""; clear: none; } html#mobile div[data-items-per-row="3"] .product-column:nth-child(2n+1), html#mobile div[data-items-per-row="4"] .product-column:nth-child(2n+1) { display: block; content: ""; clear: left; } @media screen and (orientation:landscape) { html#mobile div[data-items-per-row="3"] .product-column:nth-child(2n+1), html#mobile div[data-items-per-row="4"] .product-column:nth-child(2n+1) { display: block; content: ""; clear: none; } html#mobile div[data-items-per-row="3"] .product-column:nth-child(3n+1), html#mobile div[data-items-per-row="4"] .product-column:nth-child(3n+1) { display: block; content: ""; clear: left; } } /* SEARCH */ body.search .content { min-height: 300px; } body.search #navBreadCrumb .navBreadCrumb li { margin-right: 10px; padding: 3px 5px; background: #f3fafd; border: solid 1px #d6e1e5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #636363 !important; } body.search #navBreadCrumb .navBreadCrumb li a { color: #636363 !important; } /* BREADCRUMBS */ #breadcrumbs ul { list-style: none; padding: 0; } #breadcrumbs ul li { float:left;font-size:14px; } #breadcrumbs ul li a { display:inline-block !important;/*padding:5px;*/ } #breadcrumbs ul li:first-child a { padding-left:0; } #breadcrumbs ul li.wider, #breadcrumbs ul li#aSelectedNav { padding:0; } body.category #breadcrumbs ul li#aSelectedNav { padding:0; } #breadcrumbs ul li a.xBoxBubble { text-decoration:none; } #breadcrumbs ul li a.xBoxBubble i { vertical-align:middle;color:#ccc; } #breadcrumbs ul li a.xBoxBubble:hover i { color:#4a4a4a; } #breadcrumbs ul li.wider { color:#ccc;display:none; } #breadcrumbs ul li::after { content:">";padding:0 10px;font-size:14px; } body.detail #breadcrumbs ul li::after { padding:0 7px; } body.category #breadcrumbs ul li::after { content:"/"; } #breadcrumbs ul li:last-child::after { content:""!important;padding:0;font-size:14px; } body.artist h4.titles { font-size:30px; } /* DETAIL */ body.detail #productthumbs { width: 40px; margin: 0; margin-right: 10px; overflow: hidden; } body.detail #productthumb-carousel { max-height: 340px; overflow: hidden; } /*body.detail #productthumb-carousel::-webkit-scrollbar { display: none; }*/ body.detail #productpic { width: 365px; } /*IE 10+ scrollbar fix*/ /*_:-ms-lang(x), body.detail #productthumbs { width:58px !important; -ms-overflow-style:-ms-autohiding-scrollbar; } _:-ms-lang(x), body.detail #productpic-box .productpic { width:350px !important; }*/ body.detail .col-productpic, body.detail .col-itemdetail { float:left; } body.detail .col-productpic { width:450px;padding-left:15px;padding-right:20px; } body.detail .col-itemdetail { width:260px;padding-left:0;padding-right:0; } /*SCROLLBAR*/ .carouselScroll { overflow:hidden;overflow-y:auto; } .carouselScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .carouselScroll::-webkit-scrollbar { width: 6px; } .carouselScroll::-webkit-scrollbar-thumb{ border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #e1e1e1;} body.detail #productthumb-carousel img { width: 40px; margin: 0; margin-bottom: 10px; border: solid 1px #e1e1e1; cursor: pointer; } body.detail #productthumb-carousel img:last-child { margin-bottom: 0; } body.detail #wishlistItem a.btn { border: 1px solid #e1e1e1 !important; color: #aaa!important; } body.detail #wishlistItem a:hover {color: #00aeef!important;} body.detail #itempricing p {position: relative !important;} body.detail #itempricing span.onsale{position: absolute !important;} body.detail select.quantitybox { width: 60px !important; padding: 5px !important; border-color: #dbdbdb; background-color: #fbfafb;height: 34px;} body.detail #attributeoptions, body.detail #attributeoptions select { width: 120px; } body.detail #attributeoptions select { padding: 3px; border-color: #dbdbdb; background-color: #fbfafb;height: 34px; font-size: 15px; } .showOnScroll { display: none; transition: visibility .3s linear .3s,opacity .3s linear; } .affixContainer .showOnScroll { display: none; transition: visibility .3s linear .3s,opacity .3s linear;} .affixContainer.affixed .showOnScroll, .affixable.affix-bottom .showOnScroll, .affixable.affix .showOnScroll { display: block !important; transition: visibility .3s linear .3s,opacity .3s linear;} .affixable.affix { position: fixed; top: 60px; background-color: #FFF; width: 230px; } .affixable.affix, .affixable.affix-bottom { background-color: #FFF; width: 230px; z-index: 100; } .affixable.affix-bottom { position: absolute; } body.detail #novicamodal .modal-content .triplewin.container { padding: 0 !important; width: 100% !important; } body#shop.detail .gallery-follow, body#shop.artist .gallery-follow, .curation-collections .gallery-follow { display: inline-block;border: 2px solid #d6e0e5; background: #fff; color: #6ac9f5; padding: 4px 8px; border-radius: 4px; text-transform: uppercase; } body#shop.detail .gallery-follow::after, body#shop.artist .gallery-follow::after, .curation-collections .gallery-follow::after { content: 'follow';} body#shop.detail .gallery-follow.following::after, body#shop.artist .gallery-follow.following::after, .curation-collections .gallery-follow.following::after { content: 'following'; } /* DIALOG */ .modal-body { padding:15px 20px; } /* BOOTSTRAP VERSION */ .modal-backdrop.in{opacity:0.8} /* LOADING */ #loading.modal .modal-dialog { width:50px;padding-top:20%; } #loading.modal .modal-content { box-shadow:none;background:transparent !important;border:none; } /* CLOSE BUTTON */ .nv-modal-close { position:absolute;right:-16px;top:-16px; } .nv-modal-close span { display:inline-block;width:32px;height:32px; border:2px solid rgba(54, 66, 71, 0.27);background:#ffffff;border-radius:50%;font-size:16px;padding:2px 0 0 7px;color:#5e696d; } /* JQUERY VERSION - NEEDS TO BE DEPRECATED */ /* OVERLAY */ /*.ui-widget-overlay { background:#000 !important;opacity:0.5 !important; }*/ /* LOADING */ /*.ui-widget-content.loading { border:none;background:transparent;padding:0; } .loading-image { width:31px;height:31px;-webkit-animation: rotating 10s infinite;-moz-animation: rotating 10s infinite; } .ui-dialog p.loading-image { margin:0 auto !important; } .ui-dialog p.loading-image img { padding:0 !important;margin:0 !important; }*/ /* LIST * * LEGEND * plate-type-1: COLLECTION TILES * plate-type-2: RELATED COLLECTIONS * plate-type-3: PRODUCT LIST * plate-type-4: SINGLE ROW PRODUCTS * plate-type-5: SINGLE ROW ARTISTS * plate-type-6: IMAGE LIBRARY CATEGORIES * plate-type-7: PRIVATE PROFILE LIVES IMPACTED * plate-type-8: PRIVATE PROFILE FAVORITE CURATORS * plate-type-9: PROFILE MY ARTISTS */ /* GENERAL */ .plate-types .collectionitem { height:300px; } #related-collections .plate-types .collectionitem { height:340px;overflow:hidden; } .plate-types>div { float:left;margin-bottom:25px; } .plate-types>ul>li { float:left;list-style-type:none;position:relative; } .plate-types li>a { position:relative;overflow:hidden;display:block; } .listproduct { display:block;position:relative; } /* needed for hover on product list images and image library */ .collectionthumb { display:block; } .collectioncover { border-radius:5px;overflow:hidden; } /* TYPE 1 */ /*.plate-type-1 { margin:0 -17px 0 -17px;padding-left:15px;padding-right:15px; } .plate-type-1>div { width:236px;padding:0 17px; }*/ .plate-type-1, #otherArtistProducts .row { margin:0 -23px;padding-left:0;padding-right:0; } .plate-type-1>div, #otherArtistProducts .row .col-xs-3 { width:246px;padding:0 23px; } /* TYPE 2 */ .plate-type-2 { margin:0 0 60px; } .plate-type-2>div { margin-bottom:15px; } .private-gallery .plate-type-2>div>p { text-align:center; } .plate-type-2 .collectionitem { width:230px;padding:0 17px;overflow:hidden; } /* TYPE 3 */ .plate-type-3.row { margin-left:-23px;margin-right:-23px; } .plate-type-3 li { padding:0 23px;width:246px;height:350px;margin-bottom:40px; } .plate-type-3 ul { padding:0; } .plate-type-3 li>img, .plate-type-3 li>p, .plate-type-3 li>a>p { color:#636363;position:relative;/*padding-right:25px;*/ } .plate-type-3 li>a>p span.shortdescription { display:block; } .plate-type-3 li>a:first-child { width:202px;height:202px; } .plate-type-3 p>.nvs1 { width:22px;height:16px;position:absolute;top:0;right:0; } .plate-type-3 del { color:#636363;font-size:14px; float: left; padding-top: 5px; margin-right: 5px; } .plate-type-3 strong { color:#636363;float: left; } .plate-type-3 .onsale strong { color:#E87722; } .plate-type-3 li .item-strip { display:none; } /* TYPE 3 FULL ROW */ /*.plate-type-3.row { margin-left:-24px;margin-right:-24px; } .plate-type-3.row ul { padding:0; } .plate-type-3.row li { width:247px;padding:0 23px; } .plate-type-3.row li>a>p { padding:0; }*/ #latest-creations .plate-type-3 ul { padding:0;/*margin-left: -23px;margin-right: -23px;*/ } #latest-creations .plate-type-3 li { padding:0 23px;width:246px;height:350px;margin-bottom:40px; } #latest-creations .plate-type-3 a { display:block;margin-bottom:10px; } #latest-creations .plate-type-3 p > small { font-size:13px;color:#636363;display:block; } #latest-creations .plate-type-3 del { font-size:14px;float: left; padding-top: 5px; margin-right: 5px; } #latest-creations .plate-type-3 del+strong { color:#E87722; float: left; } /* TYPE 4 & 5 */ /*.plate-type-4 li, .plate-type-5 li { padding:0 12px;margin-bottom:25px; } .plate-type-4 li { width:150px; } .plate-type-5 li { width:109px; } .plate-type-4 ul, .plate-type-5 ul { padding:0 10px; } .plate-type-4>p, .plate-type-5>p { margin:0 0 25px 22px; } .plate-type-4.image130 li a:first-child, .plate-type-4.image130 li a:first-child img { width:130px;height:130px; } */ /* TYPE 6 */ .plate-type-6 ul { padding:0 14px; } .plate-type-6 li { padding:0 14px;margin-bottom:40px;width:228px; } .plate-type-6 li a { display:block;position:relative;margin-bottom:18px; } .mood-library .plate-type-6 li { margin-bottom:15px; } .mood-library .plate-type-6 li a { margin-bottom:10px; } /* TYPE 7*/ .plate-type-7 ul { padding:0 13px; } .plate-type-7 li { padding:0 13px;margin-bottom:90px;width:175px; } .plate-type-7.artistlist1 li { height:210px;margin-bottom:15px;overflow:hidden; } .plate-type-7.artistlist2 li { height:270px;margin-bottom:15px;overflow:hidden; } .plate-type-7.artistlist1 li>a>img, .plate-type-7.artistlist2 li>a>img { height:195px;overflow:hidden; } .plate-type-7 li>div, .plate-type-8 li>div { padding:15px 0 0 3px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*margin-bottom: -45px;*/ } /* TYPE 8*/ .plate-type-8 ul { padding:0;margin:0 -23px; } .plate-type-8 li { padding:0 23px;margin-bottom:70px;width:246px; } .plate-type-8 li>a { padding:19px;border:1px solid #d6e0e5; } .plate-type-8 li>div { padding:10px 0 0 3px; margin-bottom:0; } .plate-type-8 li .gallery-follow { display:block;width:105px;text-align:center;margin-top:10px; } .plate-types.plate-type-8 a div.curatorpic-160 { width: 160px; height: 160px; overflow: hidden; border-radius: 5px; } .plate-types.plate-type-8 a div.curatorpic-160 img { width: 160px; } /* TYPE 9*/ .plate-type-9 { margin:0 -13px; } .plate-type-9>div { margin:0 13px 27px;border: 1px solid #d6e0e5; padding:30px 0 25px 34px;width:457px;height:320px; } .plate-type-9 h5 { margin-bottom:3px; } .plate-type-9 .gallery-follow { margin-bottom:18px;font-size:13px;width:109px; } .pma-artist-info { width:225px;margin-left:18px; } .pma-artist-actions a { margin-right:20px;color:#636363; } .pma-artist-actions span { color:#6ac9f5;margin-right:8px;font-size:20px;vertical-align: middle;position:relative; } .pma-artist-actions .ss-view { top:2px; } .pma-artist-actions .rounded-remove { background:#6ac9f5;color:#fff;font-size:20px;line-height:19px;height:19px;width:19px; } /* SPECIAL TYPES */ /*.plate-box-condensed { margin:0 -24px 60px -24px;padding-left:9px;padding-right:9px; } showing box plates with less spacing between .plate-box-condensed>div { height:225px;width:303px;margin:0 10px 20px 10px;overflow:hidden;padding:24px;float:left; }*/ /* LIST ITEM BORDER RADIUS */ .collectioncover, .collectioncover img, .plate-type-5 li, .plate-type-5 li img, .plate-type-6 li a, .plate-type-6 li a img, .plate-type-7 li a, .plate-type-7 li a img, .plate-type-8 li>a, .plate-type-8 li>a img, .plate-type-9>div, .plate-type-9>div img, .collectionthumb, .collectionthumb img, img.artistpic, .gallery-greybox { border-radius:5px; } .delayedcontent { border-radius:inherit; } /* ITEM STATUS INDICATOR */ /*.plate-types .item-strip:before { content:'';border:50px solid;width:0;height:0;position:absolute;top:-50px;display:inline-block;left:-50px;transform:rotate(45deg); } .plate-types .item-strip:after { content:'';transform:rotate(-45deg);display:block;color:white;position:absolute; } .plate-types .new-item-strip:before { border-color:#00aeef; } .plate-types .new-item-strip:after { content:'NEW';top:15px;left:8px;font-size:14px;font-weight:500; } .plate-types .coming-item-strip:before { border-color:#60c8f9; } .plate-types .coming-item-strip:after { content:'COMING \a BACK';top:12px;left:4px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } .plate-types .soldout-item-strip:before { border-color:#60c8f9; } .plate-types .soldout-item-strip:after { content:'SOLD \a OUT';top:10px;left:10px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } #product-list .product-container .item-strip:before { content:'';border:50px solid;width:0;height:0;position:absolute;top:-50px;display:inline-block;left:-50px;transform:rotate(45deg); } #product-list .product-container .item-strip:after { content:'';transform:rotate(-45deg);display:block;color:white;position:absolute; } #product-list .product-container .new-item-strip:before { border-color:#00aeef; } #product-list .product-container .new-item-strip:after { content:'NEW';top:15px;left:8px;font-size:14px;font-weight:500; } #product-list .product-container .coming-item-strip:before { border-color:#60c8f9; } #product-list .product-container .coming-item-strip:after { content:'COMING \a BACK';top:12px;left:4px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; } #product-list .product-container .soldout-item-strip:before { border-color:#60c8f9; } #product-list .product-container .soldout-item-strip:after { content:'SOLD \a OUT';top:10px;left:10px;font-size:10px;white-space:pre;text-align:center;line-height:1.2;font-weight:500; }*/ /* DELAYED CONTENT */ .delayedcontent { display:none;background:rgba(3,66,98,0.8);color:#FFF;text-align:center;position:absolute;top:0;left:0;width:199px;height:200px; } .plate-type-6 .collectionthumb .delayedcontent { bottom:0;right:0;width:auto;height:auto; } .plate-box-condensed .delayedcontent, .dashaboard-plate .delayedcontent { background:rgba(3,66,98,1); } .plate-box-condensed .delayedcontent, .dashaboard-plate .delayedcontent, .listproduct .delayedcontent{ width:100%;height:100%; } /* PREVIEW */ .delayedcontent .item-preview { position:absolute;left:10px;bottom:10px;padding-right:20px; } .delayedcontent .item-preview.sold-out { left:0;width:100%;padding:0; } .delayedcontent .item-preview .btn, .delayedcontent .item-preview .previewitem-price { float:left; } .delayedcontent .item-preview .previewitem-price { font-size:22px;margin-right:10px; } .delayedcontent .item-preview .btn { display:block;margin-top:4px;color:#FFF; } /* PRODUCT REVIEW */ #productReviewBlock .progress { height: 11px !important; border-radius: 0 !important; background-color: #dbdbdb; margin-bottom: 0; } #productReviewBlock .progress .progress-bar { background-color: #309dcf !important; border-radius: 0 !important; } /* IMPACT NUMBER */ .collectionthumb .delayedcontent .impactnum { background:#213b48;color:#FFF;text-align:center;position:absolute;left:0;bottom:0;width:199px;height:50px;padding-top:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px; } /* SS VIEW */ .delayedcontent .ss-view {top:50px;position:absolute;font-size:50px;left:77px;opacity:0.5; } .delayedcontent .ss-view:hover {opacity:0.8; } .plate-type-3 .delayedcontent .ss-view, .mood-library .delayedcontent .ss-view {top:35%; } .plate-type-6 .collectionthumb .delayedcontent .ss-view { top:30%; } .curatedItem.blocktype1 .delayedcontent .ss-view{ top:40px;left:50px; } .curatedItem.blocktype2 .delayedcontent .ss-view{ top:130px;left:140px; } /* CURATE BUTTON */ .delayedcontent .curateimage { color:#FFF;position:absolute;left:10px;top:5px;opacity:0.5; } .delayedcontent .curateimage:hover { opacity:0.8; } .mood-library .delayedcontent .curateimage{ top:35%;left:55px;bottom:auto;line-height:1.8em; } .mood-library .delayedcontent .curateimage.setascover { left:50px; } .curatedItem .mood-library .delayedcontent .curateimage { line-height:2.3em; } .curatedItem.blocktype1 .mood-library .delayedcontent .curateimage{left:60px;top:75px; } .curatedItem.blocktype2 .mood-library .delayedcontent .curateimage{left:175px;top:195px; } .curatedItem.blocktype3 .mood-library .delayedcontent .curateimage{left:60px;top:195px; } .curatedItem.blocktype4 .mood-library .delayedcontent .curateimage{left:175px;top:75px; } .mood-library .delayedcontent .photocredit { position:absolute;text-align:left;opacity:0.7;font-size:10px; bottom:5px;left:10px; } .curation-collections.private-collection .mood-library .delayedcontent .photocredit { top:5px;max-height:40px; } .curatedItem.blocktype2 .photocredit, .curatedItem.blocktype4 .photocredit { font-size:12px; } /* SS BANK */ .delayedcontent .ss-bank { font-size:16px;position:relative;margin-right:7px; } .curatedItem .delayedcontent .curateimage .ss-bank { top:0px; } .mood-library .delayedcontent .curateimage .ss-bank { display:block;font-size:35px;top:0;margin:0; } /* SS PRESENTATION (SET AS COVER) */ .mood-library .delayedcontent .curateimage .ss-presentation { display:block;font-size:35px;top:0;margin:0; } /* SOCIAL LOGIN */ .social-commerce-signin-facebook .logoandtext, .social-commerce-signin-facebook .logoandtext_logout, .social-commerce-signin-google .logoandtext, .social-commerce-signin-google .logoandtext_logout, .social-commerce-signin-twitter .logoandtext, .social-commerce-signin-twitter .logoandtext_logout { font-family: 'novica-icons' !important; speak: none !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; width: auto !important; height: auto !important; background: none !important; font-size: 50px !important; } .logoandtext.facebook_logoandtext_small:before, .logoandtext_logout.facebook_logoandtext_small:before { content: "\e025"; color: #4663bd; } .modal-content .input-icon .form-control { text-indent: 0px !important; padding-left: 10px !important; } .modal-content .input-icon .form-control.searchkeyword { padding-left: 40px !important; } /* MY ACCOUNT */ body.myaccount .container.sectionmenu, body.myaccount .curatorprofilemenu { display:none; } body.myaccount .container.content.m-pad-h2, body.myaccount .account.artist, body.myaccount.profile .main-page.member-page, body.myaccount.favorites .container.m-pad-h2, body.myaccount.impact .container.m-pad-h2 { padding-top:30px; } .novicaselect1 ul .selectable-list { max-height: 200px; overflow-x: hidden; } .novicaselect1 .dropdown-menu > .selectable-list > li > a { display: block; line-height: 1; } button.dropdown-toggle { height: 40px; } .dropdown-toggle.width250 { width: 250px; } /* DASHBOARD */ body.myaccount .dashboard .dashaboard-plate { margin-bottom: 30px; } body.myaccount .dashboard .dashaboard-plate > div { overflow: hidden; height: 225px; background-color: #fff; } body.myaccount .dashboard .dashaboard-plate > div h4 { position: absolute; bottom: 40px; font-size: 20px; } body.myaccount .dashboard .dashaboard-plate a:hover i, body.myaccount .dashboard .dashaboard-plate .delayedcontent a:hover { color: #E87722 !important; } /* LOGIN */ form.login.validate .alert-container { padding-left: 15px; padding-right: 15px; width: auto; } form.login.validate .alert { padding-top: 10px; padding-bottom: 10px; width: auto; font-size: 15px; } form.validate .popover, body.inspiredgifts .form-horizontal .popover { z-index: 999; min-width: 200px; font-size: 0.8em; } .loginform-return, .loginabout-return { min-height: 350px; background-color: #fff; } .haspassword .ss-view { position: absolute; right: 25px; top: 8px; color: #93d8f7; opacity: 0.6; } .alert-container .alert { width: auto; font-size: 15px; } /* SECTION MENU */ ul.members-menu { padding: 12px 0 30px; margin-right: -5px; } .member-page-private ul.members-menu { padding: 12px 0 15px; } .members-menu > li { float: left; } .members-menu > li > a { color: #636363; padding: 0 5px; font-size: 15px; } .members-menu > li > a:hover, .members-menu > li > a.active, body.accountinfo .members-menu > li.accountinfo > a, body.accountinfoupdate .members-menu > li.accountinfo > a, body.accountinfopasswordupdate .members-menu > li.accountinfo > a, body.addressbook .members-menu > li.addressbook > a, body.addressdelete .members-menu > li.addressbook > a, body.addressdeleteupdate .members-menu > li.addressbook > a, body.addressdetail .members-menu > li.addressbook > a, body.addressdetailupdate .members-menu > li.addressbook > a, body.addresscreate .members-menu > li.addressbook > a, body.addresscreateupdate .members-menu > li.addressbook > a, body.sitecustomization .members-menu > li.sitecustomization > a, body.sitecustomizationupdate .members-menu > li.sitecustomization > a, body.subscription .members-menu > li.subscription > a, body.subscriptionupdate .members-menu > li.subscription > a, body.orders .members-menu > li.orders > a, body.orderdetail .members-menu > li.orders > a { color: #E87722; } /* ORDERS */ body.myaccount.orders .nav > li:first-child { padding-right: 5px; } body.myaccount.orders .nav>li:last-child { padding-left: 5px; } body.myaccount.orders .nav > li > span { padding-top: 5px; padding-bottom: 5px; display: block; line-height: 1.3; } body.myaccount.orders .nav > li > a { padding: 5px; } .orderdays-30 .nav-pills > li.daysback-30 > a, .orderdays-30 .nav-pills > li.daysback-30 > a:hover, .orderdays-30 .nav-pills > li.daysback-30 > a:focus, .orderdays-90 .nav-pills > li.daysback-90 > a, .orderdays-90 .nav-pills > li.daysback-90 > a:hover, .orderdays-90 .nav-pills > li.daysback-90 > a:focus, .orderdays-180 .nav-pills > li.daysback-180 > a, .orderdays-180 .nav-pills > li.daysback-180 > a:hover, .orderdays-180 .nav-pills > li.daysback-180 > a:focus, .orderdays-360 .nav-pills > li.daysback-360 > a, .orderdays-360 .nav-pills > li.daysback-360 > a:hover, .orderdays-360 .nav-pills > li.daysback-360 > a:focus { color: #fff; background-color: #6ac9f5; } .orderhistory .table > thead > tr > th, .orderhistory .table > tbody > tr > td { padding-left: 20px; padding-right: 20px; } /* ACCOUNT INFO */ .account-form1 .col-md-3.control-label { width: 20%; } .account-form1 .col-md-offset-3 { margin-left: 20%; } /* ADDRESS BOOK */ body.myaccount.account .plate-type-1, body.myaccount.addressbook .plate-type-1, body.myaccount.addressdelete .plate-type-1, body.myaccount.addressdeleteupdate .plate-type-1 { margin-right: -15px; margin-left: -15px; } body.myaccount.account .plate-type-1 > div, body.myaccount.addressbook .plate-type-1 > div, body.myaccount.addressdelete .plate-type-1 > div, body.myaccount.addressdeleteupdate .plate-type-1 > div { width: 293px; overflow: hidden; margin: 0 15px 30px 15px; padding-top: 24px; padding-bottom: 24px; } body.myaccount.account .plate-type-1 > div, body.myaccount.addressbook .plate-type-1 > div, body.myaccount.addressdelete .plate-type-1 > div, body.myaccount.addressdeleteupdate .plate-type-1 > div { height: 290px; } body.myaccount.addressbook div.addressdetail-listview { word-wrap: break-word; } .addressdetail-listview p { margin-bottom: 5px; } /* SEARCH BAR */ /* SEARCH AS YOU TYPE */ .searchbox .searchresult.dropdown-menu { left:0;right:auto; } .searchbox .searchresult.dropdown-menu .arrow.top { left:13px;right:auto; } .searchresult.dropdown-menu .searchresultrow { padding:5px 10px; } .searchresult.dropdown-menu .searchresultrow ul li { float:left;margin:10px 5px; } .searchresult.dropdown-menu .searchresultrow ul li img { width:75px;height:75px; } /* IMAGE LIBRARY SEARCH AS YOU TYPE */ .searchresult.dropdown-menu .searchresultrow ul.imagelibraryresults li { float:none;margin:5px 0; } .searchresult.dropdown-menu .searchresultrow ul.imagelibraryresults li a { display:block;padding:5px 15px; } .searchresult.dropdown-menu .searchresultrow ul.imagelibraryresults li a:hover { background:rgba(0,0,0,0.1); } /* FROM THE BANNER */ .banner .searchresult.dropdown-menu .searchresultrow { padding:5px 13px; } .banner .searchresult.dropdown-menu .searchresultrow ul li { float:left;margin:10px 2px; } /* FROM THE BANNER */ .curation-collections .searchresult.dropdown-menu .searchresultrow { padding:5px 9px; } .curation-collections .searchresult.dropdown-menu .searchresultrow ul li { float:left;margin:10px 5px; } /* PRIVATE COLLECTION - bootstrap switch style overrider */ .private-collection #collectionintro-about .switch { width: 86px;} .private-collection #collectionintro-about .switch.switch-on .switch-container {} .private-collection #collectionintro-about .switch .switch-handle-on, .private-collection #collectionintro-about .switch .switch-handle-off { width: 76px; } .private-collection #collectionintro-about .switch .switch-label { margin: -1px -14px 0px !important; } .private-collection #collectionintro-about .switch.switch-off .switch-container { margin-left: -70%; } .crop-boxes { display: inline-block; width: 27px; height: 27px; border: 1px solid #2f5568; background: #d6e0e5; vertical-align: middle; } .crop-boxes+.crop-boxes { margin-left: 10px; } .crop-box-1 { border-width: 8px 1px; } .crop-box-2 { border-width: 1px 8px; } #editCoverImage .number-tags { position: relative; display: inline-block; border-radius: 50%; width: 30px; background: #6ac9f5; font-family: 'Roboto Slab',serif !important; text-align: center; font-size: 20px; color: #fff; font-weight: 700; -webkit-text-stroke: calc(1em/24) currentColor; text-stroke: calc(1em/24) currentColor; } .novica-plupload .uploadfiles { width:175px; } .novica-plupload .choose-file { padding: 4px 10px; text-transform: uppercase; font-size: 14px; color: #00aeef !important; border: solid 2px #d6e0e5; width: 125px; height: 34px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: transparent; } .novica-plupload .file-chosen { opacity: 0.6; font-size: 14px; } .novica-plupload input { cursor: pointer; } .novica-plupload .console { text-align: center; margin-top: 15px; color: #ce2e2e; } .rounded-remove { border-radius: 50%; display: inline-block; width: 12px; height: 12px; position: relative; vertical-align: middle; text-align: center; } /* COLLECTIONS CAROUSELS */ .collections-carousel{margin-left:auto;margin-right:auto;position:relative} .collections-carousel-single{width:272px;padding:0 15px} .collections-carousel .carousel-left,.collections-carousel .carousel-right{position:absolute;top:90px;left:0;font-size:25px} .collections-carousel .carousel-right{left:auto;right:0} /* random */ .public-gallery .gallery-boxes-1 .label { font-size:1em;position:absolute;bottom:30px;right:50px; } .label.gallery-follow[href]:hover,.label.gallery-follow[href]:focus { color:#6ac9f5;opacity:0.6; } .collection-like.liked { color:#E87722; } #collectionintro-impact a.share:hover { color: #e87722 !important;} /* MEMEBER PAGE */ .gallery-followers>a { float: left; display: block; margin-bottom: 20px; } /* INFO BOXES */ .gboxes { padding: 25px 30px; border: 1px solid #d3d3d3; border-radius: 4px; min-height: 155px; overflow: hidden; background-color: #fff; } .curation-collections .gboxes { height:210px; } .gboxes h2 { margin-bottom:25px; } .gboxes.gboxesTall { height:235px; } .gboxes .stats { width:275px; } .member-page .gboxes .stats { width:250px; } .gboxes h5 { margin-bottom:20px; } .gboxes .heading-note { color:#779db1;margin:5px 0 15px; } .label.label-M { padding: 5px 18px; } .curator-pic-1 { width: 160px; height: 160px; overflow: hidden; } .member-page-banner { position: relative; margin-bottom: 25px; } .trapezoid-br { position: relative; background: rgba(255,255,255,.9); } .trapezoid-br:after { content: ""; border-style: solid; height: 0; width: 0; position: absolute; top: 0; right: -90px; border-color: rgba(255,255,255,.9); } .trapezoid-br:after { border-bottom-color: transparent; border-right-color: transparent; border-width: 45px; } .member-page-banner .trapezoid-br:after { right: -90px; border-width: 45px; } .member-page-banner .trapezoid-br { top: 0; left: 0; height: 98px; min-width: 415px; padding-left: 65px; } .member-page-banner .member-profile { top: 75px; left: 64px; border: 3px solid #FFF; border-radius: 3px; } .member-page-banner .update-member-photo .delayedcontent { width: 100%; height: 100%; background-color: transparent; } .member-page-banner .update-member-photo .member-upload { background-color: rgba(3,66,98,0.8); position: absolute; width: 100%; bottom: 0; left: 0; text-align: center; text-transform: uppercase; padding-top: 7px; color: #fff; } .member-page-banner .update-member-photo .member-upload:hover { color: #fff; } .member-page-banner .update-member-photo .member-upload i.ss-camera { margin-right: 10px; line-height: 36px; } .member-page-banner .map-add-profile-cover span { top: -5px; } .member-page-banner .map-add-profile-cover i { position: relative; top: -3px; } .member-page-banner .update-member-photo .member-upload span { top: -4px; } .member-page-banner .map-add-profile-cover { right: 30px; top: 30px; width: auto; padding: 9px 30px 13px 15px; } .member-page-banner .map-share-btn { bottom: 30px; right: 20px; } .member-page .gallery-boxes-1 { padding: 0 13px; } .member-page .gallery-boxes-1.member-box { padding: 0 13px; } .member-page .gboxes, .member-page .member-box .gboxes { padding: 25px 40px 45px; width: 430px; margin: 0 13px 26px 13px; } .member-page .gboxes-parent { width: 430px; padding: 0 !important; margin: 0 13px 26px 13px; } .member-page .member-box .gboxes-parent .gboxes { margin: 0 0 26px 0; } .member-page .member-box .gboxes-parent .gboxes:last-child { margin-bottom: 0; } .gboxes.newCollectionPlate .collectionitem { width: 199px; } .member-page .gallery-followers { margin: 0 -13px; } .member-page .plate-type-favorite-artists > a, .member-page .gallery-followers > a { float: none; display: inline-block; margin: 0 10px; } img.smallartistpic.artistpic { width: 85px; border: 1px solid #d6e1e5; } .member-page .icons-social { margin-bottom: -15px; } .member-page .icons-social i { font-size: 25px; color: rgba(0,0,0,.2); } /********************************************************************** CURATION START **********************************************************************/ /* HOMEPAGE */ .curationFilter a.curationSort { display:inline-block;padding:6px 20px;margin-right:5px;text-transform:uppercase;font-size:13px;color:#00aeef; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; } .curatorLeaderboard .curationFilter a.curationSort { color:#fff; } .curationFilter a.curationSort.active, .curationFilter a.curationSort:hover { background:#00aeef;color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; } .curatorLeaderboard .curationFilter a.curationSort.active, .curatorLeaderboard .curationFilter a.curationSort:hover { background:#fff;color:#E87722; } .curatorLeaderboard { border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;overflow:hidden;border:solid 1px #eee; } .leaderboardList { display:table;width:100%; } .leaderboardList .leaderboardRow { display:table-row; } .leaderboardList .leaderboardRow .leaderboardCell { /*display:table-cell;*/padding:22px 0;border-bottom:solid 1px #eee;/*width:50%;*/ } .leaderboardList .leaderboardRow:last-child .leaderboardCell { /*border:none;*/ } .leaderboardList .leaderboardCell > span { display:inline-block;float:left; } .leaderboardCell span.leadNumber { font-weight:700;margin:0;padding:0;text-align:right;width:50px;margin-right:25px; } .leaderboardCell span.leaderImg { width:75px;height:75px;overflow:hidden;border-radius:5px; } .leaderboardCell .leaderDesc { line-height:1.7em;padding-left:25px;max-width:60%; } .leaderboardCell .leaderDesc > span { display: block; } /* MODAL-BODY */ #curationDelConfCollection .modal-body { padding:90px 0 104px 120px; } #curationGalleryCreation .modal-body { padding:70px 0 90px; } #curationTakeTour .modal-body { padding:28px; } #curationViewPeople .modal-body { padding:45px 34px; } /* DIV */ #curationDelCollection .modal-body>div { padding-left:55px;padding-right:44px; } .curationShare .modal-body>div { padding-left:67px;padding-right:60px; } #curationAddCoverPic .modal-body>div {padding-left:50px;padding-right:44px; } .curation-stages .modal-body>div {padding-left:8px;padding-right:14px; } /* BTN */ #curationDelCollection .modal-body .btn, #curationAddCoverPic .modal-body .btn { width:181px;font-size:15px; } #curationDelConfCollection .modal-body .btn { width:193px;font-size:15px;margin-left:60px; } .curationAddEdit .modal-body .btn { width:169px;font-size:15px; } /* SHARE */ .curationShare .dropdown-toggle { width:134px;height:30px; } /* ADD EDIT */ .curationAddEdit .modal-body form { margin-left:-50px; } .curationAddEdit label { font-size:15px; } /* VIEW PEOPLE */ #curationViewPeople { padding:10px; } #curationViewPeople ul { max-height:480px;overflow-y:auto; } #curationViewPeople li { border-bottom:1px solid rgba(0,0,0,.07);padding-bottom:20px;margin-bottom:20px; } #curationViewPeople li:before,#curationViewPeople li:after { content:" ";display:table; } #curationViewPeople li:after { clear:both; } #curationViewPeople li>a { float:left; } #curationViewPeople li img { border-radius:6px; } #curationViewPeople .people-info { position:relative;float:left;width:350px;margin-left:28px; } #curationViewPeople .people-info>a { display:block;margin-bottom:3px; } #curationViewPeople .people-info>span { position:absolute;top:0;right:0;padding:6px 13px;font-size:14px; } #curationViewPeople .people-info>div { font-size:12px; } /* ADD COVER PIC*/ #curationAddCoverPic .number-stamps { width:35px;height:35px; } #curationAddCoverPic .file-upload-holder { width:128px;height:30px;top:-3px; } #curationAddCoverPic .fileinput { width:100%;height:100%;right:0;bottom:0;font-size:120px;margin:0;padding:0;cursor:pointer;opacity:0;z-index:4; } #curationAddCoverPic .choosefile-btn {top:0;cursor:pointer;z-index:0; } #curationAddCoverPic .label-hollow { padding: 4px 25px; } /* Curation Stages */ .curation-stage-thumbs li { float:left; } .curation-stage-thumbs li+li { margin-left:8px; } .curation-stage-thumbs a { border:1px solid #93a3aa;display:block;margin-bottom:5px;width:52px; } .curation-stage-thumbs span { color:#93a3aa;font-size:10px; } .curation-stage-options { width:231px; } .curation-stage-options button.dropdown-toggle { width:231px; } .curation-stage-options .ss-left { top:2px; } .curation-select-collection .selectable-list { margin:15px 0 !important;overflow-y:auto;height:250px; } .curation-select-collection > li > a { display:block;padding:4px 20px;color:#364247;white-space:nowrap; } .curation-select-collection .add-new-btn { width:111px; } .curation-select-collection .add-new-btn .ss-plus { top:1px;font-size:13px; } .after-curation-list a { display:block;padding:4px 0;color:#364247; } .after-curation-list i { vertical-align:middle;color:#b2c4cd;margin-right:18px;font-size:18px;position:relative;top:2px; } /* CURATEITEMPIC */ .jcrop-keymgr { display:none!important; } .curateimagepreview { width:225px; } .curateimagepreview>img { width:100%; } .curation-stage-thumbs li a img { height:50px; } .jcrop-holder { background-color:#2f5568 !important; } .jcrop-holder img.curate-pane { opacity:0.2 !important; } #crop-options .crop-boxes, .curation-stage-thumbs .switch-curateimage { opacity:0.6; } #crop-options .crop-boxes.selected, .curation-stage-thumbs .switch-curateimage.selected { opacity:1; } /* Curation Treasures */ #curationTreasures .input-group.large { width:480px; } .curate-from-existing-col { left:-15px;margin-bottom:-20px; } .curate-from-existing-col>div { top:16px;left:75px; } /*PUBLIC GALLERY*/ .gallery-banner{width:940px;border-radius:4px;border:1px solid rgba(54, 66, 71, 0.15);background:url(/2015/assets/images/curation/background/worldmap-02.jpg) center center no-repeat; } .gallery-banner img.banner{width:100%;border-radius:4px;} .gallery-banner .trapezoid-br{height:90px;top:0;left:0;position:absolute;padding:18px 30px;border-top-left-radius:4px;} .gallery-banner .trapezoid-br h2{margin-bottom:8px;} .gallery-banner h2, .gboxes h2 { font-size:24px !important; } .map-btn{font-size:18px;padding:8px 0 12px;width:45px;height:40px;text-align:center;position:absolute;right:14px;color:#5e696d !important;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.9);border-radius:4px; line-height: 1.4;} .map-search-btn{right:0} .map-search-box{position:absolute;right:14px;bottom:0;height:55px;width:45px;float:right} .map-search-box>div{display:none;width:345px} .map-search-box:hover{width:345px} .map-search-box:hover>a{display:none} .map-search-box:hover>div {display:block} .map-home-btn{bottom:117px} .map-add-cover{left:20px;right:auto;top:107px;width:auto;padding:9px 30px 13px 15px} .map-add-cover span{top:-4px} .map-add-cover i { position: relative; top: -3px; } .map-photocredit { position:absolute;left:10px;bottom:5px;color:#FFF;opacity:0.7;font-size:12px; } .gallery-edit-btn{font-size:12px;padding:5px;line-height:1.083;display:inline-block;border:1px solid #d6e1e5;border-radius:4px} .gallery-edit-btn i{top:1px !important} .gallery-action-btns .btn{padding-top:22px;padding-bottom:22px} .gallery-action-btns i{font-size:30px !important;line-height:1;top:2px!important} .gallery-greybox{height:200px;width:200px;margin:0 auto;} .gallery-empty-collection:hover>p{color:#6ac9f5} .gallery-add-collection:hover>div{background-color:#d6e0e5;color:#2f5568} /*PRIVATE GALLERY*/ .private-gallery .map-banner{background:url(/assets/images/curation/background/curation-private-gallery.jpg) 0 0 no-repeat} .map-collections{top:14px;right:17px} .map-share-btn{bottom:66px} .private-gallery .map-home-btn{bottom:116px} .map-collections>.btn-default{width:148px;color:#364347;font-size:14px;background:rgba(255,255,255,.9)} .map-collections .dropdown-menu{width:370px;padding:20px} .map-collections .ss-navigatedown{color:#93a3aa !important;top:2px !important} .gallery-followers{} .gallery-followers>a{float:left;display:block;margin-bottom:20px;} .curator-intro-thumbnail img {border-radius:4px} /*GALLERY-ACTIVATION-MODALS*/ .gallery-activation-modals{background:rgba(0,0,0,.25);padding:4px;border-radius:6px} .gallery-activation-modals h3>i{top:4px} .gallery-activation-modals>div{padding:20px;text-align:center;background:white;width:550px;border-radius:6px;position:relative} .activation-steps{} .activation-steps:before{content:'';height:5px;position:absolute;top:50%;margin-top:-3px;background:#f3fafd;width:210px} .gallery-activation .activation-steps:before{ width:110px; } .activation-steps div,.number-stamps{position:relative;display:inline-block;border:1px solid #d6e1e5;border-radius:50%;background:#f3fafd;width:32px;font-family:'Roboto Slab',serif;font-weight:700;text-align:center;font-size:20px} .activation-steps div+div{margin-left:55px} .activation-steps div.active,.number-stamps.active{background:#6ac9f5;border-color:#6ac9f5;color:white} .activation-steps .active{color:white} .gallery-activation-modals .alert-container,.curation-modals .alert-container{bottom:10px;left:10px;right:10px} .gallery-activation-modals .alert,.curation-modals .alert{width:100%} /*COLLECTIONS*/ .gallery-boxes-1 .gbox-ctrls-1,.gallery-boxes-1 .gbox-ctrls-2 { position:absolute;bottom:16px;right:16px; } .gallery-del-btn { top:3px; } .gallery-boxes-1 .gbox-ctrls-2 {left:30px;right:auto; } .collection-tag-holder .label{ display:inline-block;color:#364247;background:#f3fafd;font-size:14px;border:1px solid #d6e1e5;padding:5px 12px;margin:0 15px 15px 0} .collection-tag-holder .ss-delete{ position:relative;cursor:pointer;top:2px;left:-6px;color:#93a3aa} .gallery-follow { display:inline-block;border:2px solid #d6e0e5;background:#fff;color:#6ac9f5;padding:4px 8px;border-radius:4px;text-transform:uppercase;} .icon-boxes{display:inline-block;border:1px solid #d6e1e5 !important;color:#6ac9f5;background-color:#fff;border-radius:3px;text-align:center;line-height:1;font-size:18px;padding:7px;/*padding:12px 13px 8px;*/min-width:45px;max-width:45px;margin-right:5px;position:relative;top:-10px} .icon-boxes.share { padding:13px 10px 10px 8px; font-family:'Roboto', sans-serif !important; font-size:13px; max-width:90px;font-weight: 400; } .shop-collection-btn.btn .ss-cart{font-size:25px;vertical-align:middle} .rate-this-collection{padding-top:3px} .rate-this-collection .ss-left{vertical-align:middle;font-size:18px;top:2px;position:relative} .gallery-follow.following::after { content:'following'; } .gallery-follow::after { content:'follow'; } .gallery-follow.label { padding: .6em 1.6em .6em; } #aboutcurator .gallery-follow.label { padding:.5em 2em .4em; margin:0 !important; } /*MOOD LIBRARY*/ .mood-library-slider img{border-radius:5px} .mood-library-slider-srch{width:100%;top:76px;left:15px} .mood-library-slider-srch .ss-search{font-size:20px;top:16px !important;margin-top:-5px !important;} .mood-library-slider-srch #search-mood-images{text-indent:40px} .mood-library-slider .searchbox .searchresultrow .imagelibraryresults { max-height: 300px; } .mood-image-tiles{margin:0 9px 0 27px} .mood-image-tiles>div{text-align:center;margin:0 26px 26px 0} .mood-image-tiles>div>a{position:relative} .mood-image-tiles .collectionthumb .delayedcontent{bottom:0;right:0;width:auto;height:auto;border-radius:0} /* CURATION SHARE MODAL */ .curationShare .modal-content .copiedPopover { padding: 9px 15px; right: 1px; left: inherit; top: 40px; font-size: 13px; } /* DISABLE SHARE LINK */ a.icon-boxes[data-modaltype="share"].disabled, a.disabled[data-modaltype="share"], .icons-social.disabled a { pointer-events:none; opacity:0.5; } /* COLLECTION */ #collectionItems { list-style:none; margin:10px 0; } #collectionItems li { margin: 5px; position: absolute;} /* COLLECTION ITEM LIST */ .curation-collections .curatedItems { width:920px;margin:0 auto !important; } .curation-collections .curatedItems li { float:left;border:0;margin:0;padding:15px;overflow:hidden;opacity:0.5; } .curation-collections .curatedItems li.positionedItem { float:none;position:absolute;opacity:1; } .curation-collections .curatedItems li.blocktype, .curation-collections .curatedItems li.blocktype1 { width:230px;height:230px; } .curation-collections .curatedItems li.blocktype2 { width:460px;height:460px; } .curation-collections .curatedItems li.blocktype3 { width:230px;height:460px; } .curation-collections .curatedItems li.blocktype4 { width:460px;height:230px; } .curation-collections .curatedItems li.blocktype img, .curation-collections .curatedItems li.blocktype1 img { width:200px;height:200px; } .curation-collections .curatedItems li.blocktype2 img { width:430px;height:430px; } .curation-collections .curatedItems li.blocktype3 img { width:200px;height:430px; } .curation-collections .curatedItems li.blocktype4 img { width:430px;height:200px; } .curation-collections .curatedItems li.in-motion { padding:0; } .curation-collections .curatedItems li.blocktype.in-motion, .curation-collections .curatedItems li.blocktype1.in-motion { width:200px;height:200px; } .curation-collections .curatedItems li.blocktype2.in-motion { width:430px;height:430px; } .curation-collections .curatedItems li.blocktype3.in-motion { width:200px;height:430px; } .curation-collections .curatedItems li.blocktype4.in-motion { width:430px;height:200px; } .curation-collections .curatedItem img { background-size:cover; } #purchasablecollectionitems .plate-type-3 li > a.productnamelink { position: static; overflow: inherit; display: inline; } #purchasablecollectionitems .plate-type-3 li > a.productnamelink > p { position: static; } /* CURATOR */ .gboxes .plate-types.collections-carousel-single .collectionitem { height: 200px; padding:0 23px; width:246px; } .gboxes .plate-type-1.collections-carousel-single>div { width:246px;padding:0;text-align:center; } .gboxes .plate-types.collections-carousel-single>div, .gboxes .plate-type-1.collections-carousel-single { margin-bottom:0; } /* PROFILE */ body.profile .member-page-private .memberpage a, body.profile .member-page-public .memberpage a, body.favorites .members-menu .favorites a, body.impact .members-menu .impact a, body.artist .members-menu .artist a { color:#E87722; } .gboxes.newCollectionPlate .collectionitem { width:199px; } /* ACTIVATE MEMBER */ #memberpage-activation-window h3>i #memberpage-activation-window .memberpage-activation-step1, #memberpage-activation-window .memberpage-activation-step2, #memberpage-activation-window .memberpage-activation-step3, #memberpage-activation-window.step4 .activation-steps { display:none; } #memberpage-activation-window.step1 .memberpage-activation-step1, #memberpage-activation-window.step2 .memberpage-activation-step2, #memberpage-activation-window.step3 .memberpage-activation-step3{ display:block; } #memberpage-activation-window.step1 .activation-steps .indicator.step1, #memberpage-activation-window.step2 .activation-steps .indicator.step2, #memberpage-activation-window.step3 .activation-steps .indicator.step3{ background:#6ac9f5;border-color:#6ac9f5;color:white; } /* START GALLERY */ #gallery-activation-window h3>i #gallery-activation-window .gallery-activation-step1, #gallery-activation-window .gallery-activation-step2, #gallery-activation-window .gallery-activation-step3, #gallery-activation-window.step3 .activation-steps { display:none; } #gallery-activation-window.step1 .gallery-activation-step1, #gallery-activation-window.step2 .gallery-activation-step2, #gallery-activation-window.step3 .gallery-activation-step3{ display:block; } #gallery-activation-window.step1 .activation-steps .indicator.step1, #gallery-activation-window.step2 .activation-steps .indicator.step2{ background:#6ac9f5;border-color:#6ac9f5;color:white; } .gallery-activation .alert-container, .memberpage-activation .alert-container{ margin-top:20px; } /********************************************************************** CURATION END **********************************************************************/ /* WISHLIST */ .profile-wishlist-hdr .icon-boxes { top: -2px; min-width: 37px; max-width: 37px; font-size: 16px; padding: 7px 9px; } .wishlist-item-ctrls { width: 200px; } .wishlist-selector { width: 180px; } /*.wishlist-item-ctrls .btn-group-dropdown, .wishlist-selector, .wishlist-selector .btn-group-dropdown, .wishlist-selector .dropdown-toggle { width: 180px; }*/ .quantity-select { width: 40px; margin-left: 5px; border-radius: 6px; } .wishlist-item-txt h4 a, .wishlist-item-txt h4 a:hover { color: #004060; } body.wishlistcreate #wishlistaddressbook, body.wishlistedit #wishlistaddressbook { max-height: 400px; overflow-y: auto; overflow-x: hidden; } body.wishlistcreate .modal-body .addressdetail-listview, body.wishlistedit .modal-body .addressdetail-listview { width: 250px; height: 250px; padding: 0 20px; float: left; margin-left: 27px; word-wrap: break-word; font-size: 14px; } body.wishlistcreate #wishlistaddressbookcreate, body.wishlistedit #wishlistaddressbookcreate { max-height: 450px; width: 100%; overflow-y: auto; overflow-x: hidden; } body.wishlistcreate #wishlistaddressbookcreate .wishlistaddress-create .form-group label, body.wishlistedit #wishlistaddressbookcreate .wishlistaddress-create .form-group label { width: 28%; } body.wishlistcreate #wishlistaddressbookcreate .form-group .wishlistaddress-input, body.wishlistedit #wishlistaddressbookcreate .form-group .wishlistaddress-input { width: 55%; } body.wishlistcreate #wishlistaddressbookcreate .form-group .col-md-offset-3.wishlistaddress-input, body.wishlistedit #wishlistaddressbookcreate .form-group .col-md-offset-3.wishlistaddress-input, body.wishlistcreate #wishlistaddressbookcreate .form-group .col-md-offset-4, body.wishlistedit #wishlistaddressbookcreate .form-group .col-md-offset-4 { margin-left: 28%; } /*.wishlist-selector .btn-group,*/ .wishlistcreate.icon-boxes { top: -2px; } .wishlist-item-txt .ss-view { top: 5px; } /* DONATE */ .donate-page .help-save-children .cover-img { background-image: url(/assets/images/donate/help-save-children.jpg); height: 701px; } .donate-page div.cover-info { top: 50px; width: 100%; } .donate-page div.cover-info-txt { background: rgba(255,255,255,.8); padding: 35px; width: 400px; } .donate-page input#donationamountnew { width: 70px; display: inline; } /* GIFT CARD */ #giftcard-form #giftcertificate-qty { width:40px;} #giftcard-form .giftcertificate-form-column.customamount { width:150px; } #giftcard-form .giftcertificate-form-column.customamount input { width:150px; } #giftcard-form #giftcertificate-form-byemail{ height:100px; } /*#giftcard-form #giftcertificate-byemail-gotocheckout { margin-left:10px; }*/ #giftcard-form #giftcertificate-form-byemail select { -webkit-appearance:menulist; } #giftcard-form.byemail .nav-pills .pill-email a, #giftcard-form.bymail .nav-pills .pill-mail a { color:#ffffff;background-color:#00aeef; } #giftcard-form.byemail .option-mail, #giftcard-form.bymail .option-email { display:none; } #giftcard-form .gc-image { width:300px;margin:-40px -15px 0 45px; } /* MOBILE OPTOUT */ html#mobileoptout .copyToClipboardLink { display: none; } /* INSPIRED GIFTS */ body.inspiredgifts ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#b2c6cd !important; } body.inspiredgifts :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#b2c6cd !important; opacity: 1; } body.inspiredgifts ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#b2c6cd !important; opacity: 1; } body.inspiredgifts :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#b2c6cd !important; } body.inspiredgifts ::-ms-input-placeholder { /* Microsoft Edge */ color:#b2c6cd !important; } body.inspiredgifts ::placeholder { /* Most modern browsers support this now. */ color:#b2c6cd !important; } body.inspiredgifts .bg-black { background-color: #1e1e1e !important; } body.inspiredgifts .breadcrumb { padding-top: 0; padding-bottom: 0; } body.inspiredgifts #breadcrumbs ul { list-style: none; padding: 0; margin-top: 0; } body.inspiredgifts #breadcrumbs ul li { float: left; font-size: 14px; text-transform: uppercase; } body.inspiredgifts #breadcrumbs ul li a {display: inline-block !important;} body.inspiredgifts #breadcrumbs ul li:first-child a { padding-left: 0; } body.inspiredgifts #breadcrumbs ul li#aSelectedNav { padding: 0; } body.inspiredgifts #breadcrumbs ul li::after { content: "/"; padding: 0 10px; font-size: 14px; } body.inspiredgifts .header-w-icon { color: white; display: table; margin-bottom: 30px; } body.inspiredgifts .header-w-icon { min-width: 225px; } body.inspiredgifts .header-w-icon > div { display: table-cell; font-size: 22px; font-family: 'Roboto Slab',serif; -webkit-text-stroke: calc(1em/24) currentColor; text-stroke: calc(1em/24) currentColor; font-weight: 700; background: #00aeef; padding: 0 20px 0 10px; line-height: 1; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } body.inspiredgifts .header-w-icon>span { font-size: 22px; background: #004060; display: table-cell; padding: 4px 15px 4px 15px; font-family: 'Roboto Slab',serif; -webkit-text-stroke: calc(1em/24) currentColor; text-stroke: calc(1em/24) currentColor; font-weight: 700; } body.inspiredgifts .header-w-icon>span.personalize-step { padding: 4px 12px;border-bottom-left-radius: 5px;border-top-left-radius: 5px; } body.inspiredgifts .ig-section.completed .header-w-icon>div { border-radius: 0; } body.inspiredgifts .header-w-icon>span.hw-done { border-bottom-right-radius: 5px;border-top-right-radius: 5px; } body.inspiredgifts .header-w-icon>span>i { font-size: 24px; } body.inspiredgifts .header-w-icon>span>i.icon-premiumgift { font-size: 28px; position: relative; top: -3px; } body.inspiredgifts .header-w-icon>div { min-width: 150px; } body.inspiredgifts .header-w-icon>span.hw-spacer { background: transparent; padding: 5px; } body.inspiredgifts .header-w-icon>span.hw-done { background: #ff9933;} #IG-allGifts .header-w-icon>span>i { font-size: 28px; position: relative; top: -4px; } body.inspiredgifts .header-w-icon>div.no-minwidth { min-width: auto !important; } #IG-featuredGift { background-color: #00aeef; } .IG-featuredGift-banner { height: 400px; } .IG-featuredGift-banner .carousel-inner, .IG-featuredGift-banner .carousel-inner>.item { height: 100%; } .IG-featuredGift-banner .carousel-inner>.item .flex-box { display: flex; align-items: center; height: 100%; } .IG-featuredGift-banner .featured-banner .featured-banner-description { line-height: 1.4; } .IG-featuredGift-banner .featured-banner .featured-banner-link a.btn { font-family: 'Roboto Slab',serif; font-weight: 700; font-size: 22px; -webkit-text-stroke: calc(1em/24) currentColor; text-stroke: calc(1em/24) currentColor; background-color: #004060 !important; color: #fff; border-radius: 50px; padding: 12px 30px; width: 324px; } .IG-featuredGift-banner .carousel-indicators .active { background-color: rgba(255,255,255,1); width: 20px; height: 20px; margin: 1px 7px; } .IG-featuredGift-banner .carousel-indicators li { display: inline-block; width: 20px; height: 20px; background-color: rgba(255,255,255,0.5); border: 0; margin: 1px 7px; text-indent: -999px; cursor: pointer; border-radius: 10px; } .IG-featuredGift-banner .carousel-control { text-shadow: none;background: 0; } .IG-featuredGift-banner .carousel-indicators { bottom: 0; } .header-type-1 { font-size: 22px; line-height: 1; letter-spacing: 2px; } .gc-icon-pos { margin-bottom: 28px; } .gc-icon-pos i[class^="ss-"], .gc-icon-pos i[class*=" ss-"] { position: relative; top: 15px; font-size: 70px; line-height: 1; } /*body.inspiredgifts .checkout-select, body.inspiredgifts .drop-arrow-icon, select.drop-arrow-icon { background-image: url(/2015/assets/images/icon/down_Arrow.png) !important; background-repeat: no-repeat; background-position: right 13px center !important; padding-right: 30px !important; }*/ body.inspiredgifts .checkout-select, body.inspiredgifts .drop-arrow-icon { background-color: white; } .account-form1 select.drop-arrow-icon { background-color: #f3fafd; } body.inspiredgifts select.checkout-select, body.inspiredgifts select.drop-arrow-icon { -webkit-appearance: auto; -moz-appearance: auto; -o-appearance: auto; appearance: auto; } .IG-pagination .ig-items-sort select, .IG-pagination .ig-filter { outline: none; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; display: inline-block; color: #636363; } .IG-pagination .ig-items-sort select.ig-sort { width: 230px !important;height: 46px;padding: 10px 20px; } body.inspiredgifts #ig-sort-category.showBlue, body.inspiredgifts #ig-sort-price.showBlue { background-color: #d4effc !important; border-color: #b9e5fb; } .IG-pagination .ig-filter { margin: 0 0 15px 0; line-height: 2; padding-top: 10px; } .IG-pagination .ig-filter .price-slider-range { margin: 6px 15px; } .IG-pagination .ig-filter #slider-range { width: 326px; position: relative; height: 18px; margin: 0; padding: 0; border: none; background: #e2eef4; border-radius: 0; } .IG-pagination .ig-filter .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;} .IG-pagination .ig-filter #slider-range .ui-slider-range { position: absolute; z-index: 1; font-size: 12px; display: block; border: 0; background-position: 0 0; background-image: none; background-color: #b9e5fb; } .IG-pagination .ig-filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 26px; height: 26px; cursor: default; -ms-touch-action: none; touch-action: none; background-image: none; border: none; background-color: #00aeef; border-radius: 0; outline: 0; } .IG-pagination .ig-filter .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -12px; } .giftlisting-type-1 {position: relative;} .giftlisting-type-1 ul { list-style-type: none; padding: 0; margin: 0; margin-left: -25px; margin-right: -25px; } .giftlisting-type-1 ul li{ padding: 0 25px; margin-bottom: 60px; } .giftlisting-type-1 ul li > div { border: 1px solid #e1e1e1; background: white; height: 340px; } html:not(#mobile) .giftlisting-type-1 ul li > div { max-width: 286px; } .giftlisting-type-1 ul.inspriredGiftListing li > div { height: 420px; } .giftlisting-type-1 ul li > div > a {display: block;} .giftlisting-type-1 ul li > div img {margin-bottom: 10px;} .giftlisting-type-1 .info-txt { display: block; padding: 0 20px; color: #00aeef; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-weight: 700; } .giftlisting-type-1 .c-price { display: block; padding: 0 20px; font-size: 20px; color: #636363; font-family: 'Roboto', sans-serif; font-weight: 700; } #delivery.deliverytype-no-card, #delivery.deliverytype-print-at-home, #delivery .bymail, #delivery .byemail, body.inspiredgifts .ig-section .sectiontitle .hw-done, #gifts.completed #gifts-completeoptions{display: none;} .gifts-container { padding: 15px 0;} .gifts-container h4{margin-bottom: 25px;} .gifts-container h4.marg-b05{margin-bottom: 5px;} .gifts-container .cart-row {padding: 25px 0;} .gifts-container .itempic { float: left; width: 135px; padding-right: 30px; } .gifts-container .itempic img{border: none;} .gifts-container .cart-items {width: 765px; float: right;} .ci-qty .input-group { width: 90px; max-width: 90px;} body.cart .qty-stepper .quantitybox, body.inspiredgifts.personalize .qty-stepper .quantitybox { min-width: 40px; border-radius: 0 !important; padding: 2px!important; height: 30px !important; text-align: center; } .gifts-container .quantitybox { border-color: #ccc; min-width: 32px; } body.cart .ci-qty button, body.inspiredgifts.personalize .ci-qty button { padding: 1px 8px !important; font-size: 16px !important; height: 30px !important; border-radius: 0 !important; } body.cart .qty-stepper.btn-disable, body.inspiredgifts.personalize .qty-stepper.btn-disable { background-color: buttonface; border-color: buttonface; } .ci-price, .ci-card-total { text-align: right; } .gc-card-sortby { margin-right: -10px; margin-left: -10px; } .imglisting-type-4 { margin-left: -10px; margin-right: -10px; } .imglisting-type-4>div { float: left; padding: 0 10px 20px; width: 33.333%; height: 208px; } .imglisting-type-2>div>a, .imglisting-type-4>div>a { display: block; } #card-coverimage .imglisting-type-2>div>a, .imglisting-type-4>div>a img { width: 100%; max-width: 100%; max-height: 100%; } .gc-actions .btn { /*padding: 11px 26px; height: 50px;*/ } #gcc-cardinfo-slide .carousel-indicators li.active, #gcc-cardpreview-slide .carousel-indicators li.active{ background-color: #00aeef; border-color: #00aeef; width: 16px; height: 16px; } #gcc-cardinfo-slide .carousel-indicators li, #gcc-cardpreview-slide .carousel-indicators li { background-color: #d4effc; border-color: #b9e5fb; width: 16px; height: 16px; margin: 0 6px; } #gcc-cardinfo-slide .carousel-control, #gcc-cardpreview-slide .carousel-control { color: #00aeef; opacity: 1; bottom: 2px; top: auto; font-size: 14px; width: 15px; text-shadow: none; } #gcc-cardpreview-slide .carousel-control { bottom: auto; top: -53px; } #gcc-cardpreview-slide .left.carousel-control { background: none; left: 226px; } #gcc-cardpreview-slide .right.carousel-control { background: none; left: 375px; } #gcc-cardpreview-slide .carousel-inner h6 { text-align: center; } .gcc-cardinfo-wrapper { margin-bottom: 35px; font-size: 14px; } #gcc-cardinfo-slide .carousel-inner h6 { position: absolute; bottom: 30px; } #gcc-cardinfo-slide .left.carousel-control { background: none; left: -2px; } #gcc-cardinfo-slide .right.carousel-control { background: none; left: 118px; } #gcc-cardinfo-slide .carousel-indicators { width: 95px; left: 18px; margin-left: 0; bottom: 0px; margin-bottom: 0; } .item-mini-pops { position: relative; width: 220px; background: #e1f4fd; border: 1px solid #b9e5fb; padding: 20px; margin-top: 20px; } .item-mini-pops a.popclose { font-size: 18px; position: absolute; top: 3px; right: 7px; color: #00aeef; } body.detail h2.IGsectionHeading.size30 { font-size: 24px !important; } body.detail .giftRecipientBox { padding: 5px !important; border-color: #dbdbdb; background-color: #fbfafb; width: 100%; } #novicamodal.modal-previewCard-lg .modal-dialog { width: 980px; } .gc-cardchosen .preview-close, body.cart .gc-cardchosen .preview-cart { display: none; } .gc-cardchosen .preview-cart, body.cart .gc-cardchosen .preview-close { display: block; } #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-card-prevtitle { display: none; } #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-slide-controls, #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-title { position: relative; display: inline-block; top: 0; right: 0; left: 0; width: auto; margin-bottom: 20px; } #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-title, #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-title .gcc-card-prevtitle { display: block; } #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-slide-controls .carousel-indicators { position: relative; display: inline-block; bottom: auto; top: 0; width: auto; left: 0; margin: 0 10px; } #novicamodal.modal-previewCard-lg #gcc-cardpreview-slide .gcc-cardpreview-slide-controls .carousel-control { position: relative; top: -2px; left: 0; right: 0; } #novicamodal.modal-previewCard-lg .gcc-cardpreview-template { margin: 0; } #novicamodal.modal-previewCard-lg .gcc-gift-print { min-height: 390px; } #novicamodal.novica-modalwide .modal-dialog { width: 780px; } .itemstatus { text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:80%; } .itemstatus.preorder { background:rgba(99,99,99,0.8);color:#FFF; } .itemstatus.backorder { background:rgba(99,99,99,0.5);color:#FFF; } .itemstatus.instock { background:rgba(232,119,34,1);color:#FFF; } .itemstatus.free { background:#8BC34A;color:#FFF; } .itemstatus.limitedqty { background:rgba(206,46,46,1);color:#FFF; } /* BUNDLING */ /* Main page */ .bundleIntro { margin-top:5rem; } .bundleIntro h2, .bundleIntro p { margin-bottom:0; } .bundleIntro.hasDescription h2 { margin-bottom:1rem; } .bundleIntro h2 { font-size:4rem; } .bundleCard { margin-top:3.5rem;margin-bottom:3.5rem;height:55rem;max-height:55rem;overflow:hidden;position:relative; } .bundleCard h3 { font-size:2.5rem;color:#00aeef;margin-bottom:.5rem; } .bundleCard p { margin-bottom:2rem; } .bundleCard p.bundleDescription { font-size:1.75rem;color:#004060;font-family: 'Roboto', sans-serif; font-weight: 700;margin-bottom:1.5rem;text-transform:uppercase;width:100%;padding-left:0;padding-right:0;float:none; } .bundleCard p.bundleShortDescription { width:90%; } .bundleCard img { width:100%;border:1px solid #e1e1e1;margin-bottom:1.5rem; } .bundleCard a.btn { font-size:2rem;display:block;width:75%;position:absolute;bottom:0; } .error { margin-top:3rem; } .error h3, .error p { margin-bottom:0; } .bundlingBanner { height:320px;max-height:320px;background:url(/2015/assets/images/banner/mix-and-match-20181025.jpg) center top no-repeat;background-size:cover;text-align:center;margin-bottom:3rem;padding:7.5rem 0; } .bundlingIntro { width:50rem;margin:0 auto;background:#FFF;padding:3rem;border-radius:1rem; } .bundlingIntro h1 { font-size:5rem;color:#00aeef; } .bundlingIntro p { width: 75%;margin: 0 auto; } .container.bundles { margin-bottom:5rem; } html#mobile .bundlingBanner { height:auto;max-height:auto;background:none;padding:0;margin-bottom:0; } html#mobile .bundlingIntro { width:100%;padding:2rem 0 0 0; } html#mobile .bundlingIntro h1 { font-size:3.5rem; } html#mobile .bundleIntro.hasDescription { margin-left:-20px;margin-right:-20px;margin-top:0;padding-top:3rem;padding-left:20px;padding-right:20px;border-top:1px solid #e1e1e1; } html#mobile .bundleCard { height:auto;max-height:none;margin-bottom:5rem; } html#mobile .bundleCard a.btn { position:relative;width:100%; } /* Detail page */ .bundle { padding-top:2rem; } .bundle h1 { margin:0; } .bundle #breadcrumbs ul li:after { content:"/"; } .bundle #breadcrumbs ul li { text-transform: uppercase; } .bundle .bundleDetail { margin-top:3rem;margin-bottom:4rem; } .bundleImage, .bundleDescription { padding-left:15px;padding-right:15px;float:left; } .bundleImage { width:35%; } .bundleDescription { width:50%; } .bundleDescription h2 { font-size:1.75rem;color:#004060;font-family: 'Roboto', sans-serif; font-weight: 700;margin-bottom:1.5rem;text-transform:uppercase; } .bundleImage img { width:100%;border:1px solid #e1e1e1; } .bundle .error.noproducts { margin-bottom:4rem; } .bundle #product-list.row { margin:4rem -23px;padding-top:2rem; } .bundle #product-list.row .col-xs-3 { width: 246px;padding-left: 23px;padding-right: 23px; } .bundleDescription .description { margin-bottom:3rem; } .bundle p.moreoffers { margin:0; } .bundle p.moreoffers a { font-size:1.75rem;text-transform: uppercase;font-family: 'Roboto', sans-serif; font-weight: 700; } .otherbundles h2 { font-size:30px; } .otherbundles .bundleCard { margin-top:1.5rem; } html#mobile .bundle h1 { margin-bottom:10px; } html#mobile .bundle h2.bundleDescription { font-size:1.75rem;color:#004060;font-family: 'Roboto', sans-serif; font-weight: 700;text-transform:uppercase;padding:0;margin-bottom:0; } html#mobile .bundle .bundleDetail { margin-top:2rem;margin-bottom:3rem; } html#mobile .bundle .bundleDetail .bundleImage { margin-bottom:2rem; } html#mobile .bundle .bundleDetail .bundleDescription .description { margin-bottom:2rem; } html#mobile #product-list.row { margin-left:-10px;margin-right:-10px; } html#mobile .bundle #product-list.row .col-xs-3 { padding-left:10px;padding-right:10px; } /* Cart */ .bundling-info.cart { /*border:2px dashed #ebebeb;padding:15px 20px; */border:1px solid #ebebeb;background-color:rgba(235,235,235,.4);margin-left:-15px;margin-right:-15px;padding: .5rem 15px;position:relative; } .bundling-info.cart a { /*margin-left:5px;*/ } .bundling-info.cart a i { font-size:.8em; } .bundling-info.cart:after, .bundling-info.cart:before { content:'';display:block;position:absolute;width:0;height:0;border-style:solid;left:20px; } .bundling-info.cart:after { bottom:-19px;border-color:#f4f4f4 transparent transparent transparent;border-width:10px; } .bundling-info.cart:before { bottom:-20px;border-color:#ebebeb transparent transparent transparent;border-width:10px; } html#mobile .bundlinggroup { border-left:none;border-right:none; } .bundling-info.cart h4 { margin:.5rem 0;font-size:1.1em;width:auto;display:inline-block; } .bundling-info.cart p { margin:0 0 0 10px;font-size:.8em;display:inline-block; } html#mobile .bundling-info.cart h4 { margin-top:.5rem;margin-bottom:0;float:none; } html#mobile .bundling-info.cart p { margin:0; } body.cart .bundlinggroup div.cartitemrow { border-bottom:1px dotted #ebebeb;border-top:none; } body.cart .bundlinggroup div.bundlingdiscountexists:last-child { border-bottom:none !important; } /* Detail */ .bundling-info.detail { margin:2rem 0; } .bundling-info.detail h3 { color:#00aeef; } .bundling-info.detail p { font-size:.8em; } .bundling-info.detail p a i { font-size:.5em; } .bundling-info.category { border: 1px solid #00aeef;border-radius: .5rem;background: #00aeef;padding: 1rem 2rem;position:relative; } .bundling-info.category { border-top:none; } .bundling-info.category h3, .bundling-info.category h3 a { font-size:2.5rem;color:#FFF; } .bundling-info.category h3, .bundling-info.category p { margin-bottom:0; } .bundling-info.category p { color:rgba(255,255,255,.7); } .bundling-info.category:after { /*width: 0;height: 14px;bottom: -20px;left: 49%;border: solid transparent;content: " ";position: absolute;pointer-events: none;border-top-color: #00aeef;border-width: 10px;margin-left: -10px;*/ } html#mobile .bundling-info.category { margin-top:0;margin-bottom:25px;margin-left:-20px;margin-right:-20px;background:none;border:none;padding-top: 0;padding-bottom: 0; } html#mobile .bundling-info.category h3 { color:#00aeef; } html#mobile .bundling-info.category p { color:#636363; } body#category .category h1.pagetitle { text-transform:capitalize; } header li.dropdown-header.header-linklike { padding:3px 7px; } /* Klaviyo Signup form */ .klaviyo-form-VdYz6c { margin: 0 -11px; } /* bundling display */ #product-list .bundle-item-info { display: flex; margin: .75rem 0 0 0; font-size: 14px; color: #636363; padding: 2px 5px; border: 1px solid #e1e1e1; background: #f1f1f1; align-items:center; gap:.5rem; }