/* Theme Name: B718 Author: R&Co. / Ryan Paonessa / http://r-ny.com Version: 001 */ @charset "UTF-8"; @font-face { font-family: 'rco-icons'; src: url("../B718/font/rco-icons.eot?30472654"); src: url("../B718/font/rco-icons.eot?30472654#iefix") format('embedded-opentype'), url("../B718/font/rco-icons.woff?30472654") format('woff'), url("../B718/font/rco-icons.ttf?30472654") format('truetype'), url("../B718/font/rco-icons.svg?30472654#rco-icons") format('svg'); font-weight: normal; font-style: normal; } *,ul,a img{margin:0;padding:0} html{overflow-y:scroll} html,body{height:100%} body{background:#f1f1f1} a img,a{border:none;text-decoration:none} ul{list-style-type:none} .clear{clear:both} .L{float:left} .R{float:right} .C{text-align:center} address{font-style:normal} input#go.add:hover, input#go.go:hover, #page.team .members .each a:hover .thumbnail .image-link, #page.stockists .stores .each a:hover .thumbnail .image-link, .tumblr #index .post a:hover .thumbnail .image-link, #page.shop .products .each a:hover .thumbnail .image-link { -webkit-transition-property: background color; -webkit-transition-duration: 0.75s; -webkit-transition-timing-function: ease; -moz-transition-property: background color; -moz-transition-duration: 0.75s; -moz-transition-timing-function: ease; -o-transition-property: background color; -o-transition-duration: 0.75s; -o-transition-timing-function: ease; -ms-transition-property: background color; -ms-transition-duration: 0.75s; -ms-transition-timing-function: ease; transition-property: background color; transition-duration: 0.75s; transition-timing-function: ease; } input#go{cursor:hand;cursor:pointer} input, select, textarea{-webkit-appearance:none;box-shadow:none !important;} input.text, input#go{outline:none;border:solid 1px #ddd;display:inline-block;height:40px;line-height:40px;color:#888;text-align:center} input.text, input#go.add, input#go.go, #page.shop .cart-page .note{background-color:#f5f5f5} input.text{height:20px;line-height:20px;padding:5px} input#go.add:hover, input#go.go:hover{background-color:#fff} input#go.update:hover{color:#333333} body{font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -webkit-font-smoothing: antialiased;font-size:12px;line-height:18px;} .icon { font-family: 'rco-icons'; speak: none; font-size: 16px; } body,a{color:#888} a:hover, .live a, #page .title, .price{color:#333333} ::-moz-selection, ::selection{color:#fff;background:#ddd} h2, h3, h4{font-weight:normal} #sidebar ul.navigate, h2.title, h3, .price, h4, .mobile-navigate{text-align:center} h2.title, h4{font-size:14px} h3{font-size:13px} ul.navigate, .mobile-navigate li, #page.shop .shop-paging a.button, .contact .lead, h2.title, .price, input#go.add, input#go.go, #page.shop .cart-page table th{text-transform:uppercase;letter-spacing:2px;font-size:12px} #footer ul.navigate li, .contact .lead{font-size:12px} input#go.add, input#go.go, #page.shop .cart-page table th{font-size:11px} #page.shop .details h3{font-style:italic} .F00{width:100%} .M7M5{max-width:740px;/*min-width:500px;*/width:100%} .C219{width:199px} .C220{width:200px} /*#wrapper{min-width:500px}*/ /* ------------------------------------------------- ------ ALTERNATING HEADER & SIDEBAR / FOOTER ------- ------------------------------------------------- */ #sidebar{position:fixed; background-color: rgba(255,255,255,0.98); min-height:100%;height:auto !important;height:100%;border-right:solid 1px #ddd} #sidebar h1{position:fixed;} #sidebar ul.navigate{position:fixed;z-index:400;top:50%;margin-top:-100px} #sidebar ul.navigate li{line-height:35px} #sidebar .connect{z-index:500;position:fixed;bottom:0;border-top:solid 1px #ddd} #sidebar .connect, #footer .connect{height:49px} #header, #footer{background-color:#fff;} #footer{position:absolute;bottom:0;width:100%} .tumblr #footer.no{position:inherit} #header, #footer .row-a{position:relative;line-height:49px;border-bottom:solid 1px #ddd} #footer .row-b{line-height:49px;padding:0 20px} #footer{border-top:solid 1px #ddd} #header h1{float:left;border-right:solid 1px #ddd;margin-right:30px} #header ul.navigate{line-height:99px} #footer ul.navigate{margin-left:20px} #header ul.navigate li, #footer ul.navigate li{margin-right:25px} #header .connect{width:109px;height:99px;border-left:solid 1px #ddd} h1{z-index:600;height:145px} h1 a.logo{margin: 20px auto;opacity:0.9;display:block;height:105px;width:134px;background:url(../B718/images/belief-logo-big-a.png) no-repeat 0 0;} h1 a.logo:hover{background-color:#f5f5f5;} .connect a.social{display:block;text-align:center;line-height:49px;width: 25%;color:#333333;} .connect a.social:hover{background-color:#f5f5f5;} .connect a.social span{display:block;} .connect a.social span.fb, .connect a.social span.insta, #sidebar .connect a.social span.twit, #footer .connect a.social span.twit, #footer .connect a.social span.tbr{border-left: solid 1px #ddd} /* mailchimp newsletter signup styles */ #header.S500 .newsletter-signup { line-height: 0px; } #mc_embed_signup { position: absolute; width: 100%; box-sizing: border-box; bottom: 50px; color: #888; } #mc_embed_signup.navigation { position: relative; bottom: auto; } #mc_embed_signup.bottombar { position: relative; bottom: auto; } #mc_embed_signup.bottombar-alt { position: absolute; bottom: 0px; } #mc_embed_signup input { box-sizing: border-box; width: 100%; border-bottom: none; border-right: none; border-left: none; font-size: 12px; padding: 10px 10px; color: #888; border-top: 1px solid #ddd; text-align: center; outline: none; } #mc_embed_signup.navigation input, #mc_embed_signup.topbar input { border-top: none; } #mc_embed_signup button { border-top: 1px dashed #ddd; cursor: pointer; padding: 7px 10px; color: #888; background: white; outline: none; transition: 0.2s ease; letter-spacing: 1px; font-size: 10px; border-bottom: none; border-right: none; border-left: none; width: 100%; box-sizing: border-box; } #mc_embed_signup.navigation button, #mc_embed_signup.topbar button { border-bottom: 1px solid #ddd; } #mc_embed_signup button:hover { border-top: 1px solid #ddd; background: #eee; } #mc_embed_signup button:active { border-top: 1px solid #ddd; background: #ccc; } #mc_embed_signup #mc-form-response { opacity: 0; background: white; color: #888; text-align: center; padding: 0; line-height: 18px; transition: 0.2s ease; } #mc_embed_signup #mc-form-response.failure { opacity: 1; padding: 5px 10px; border-top: 1px solid #E1414A; } #mc_embed_signup #mc-form-response.success { opacity: 1; padding: 5px 10px; border-top: 1px solid #48CD5D; } #mc_embed_signup.navigation #mc-form-response.success { text-transform: none; letter-spacing: 0px; border-bottom: 1px solid #ddd; } #mc_embed_signup.navigation #mc-form-response.failure { text-transform: none; letter-spacing: 0px; border-bottom: 1px solid #ddd; } /* ------------------------------------------------- --------------------- CONTENT ---------------------- ------------------------------------------------- */ .tumblr #index{margin-left:200px;background-color:#f1f1f1} .tumblr #index .pad { padding-left: 20px; padding-bottom: 20px; } #page.team .members .each{width:20%;text-align:center} #page.stockists .stores .each, #page.shop .products .each{width:33.3%;text-align:center} #page.shop .products.related .each{width:25%} .tumblr #index .posts .post{float:left;width:33.2%;height:auto} #page.team .members .each a, #page.stockists .stores .each a, #page.shop .products .each a{display:block;margin:0 20px 20px 0} .tumblr #index .post a{display:block;height:auto;margin:20px 20px 0 0} #page.team .members .each a .thumbnail, #page.stockists .stores .each a .thumbnail, #page.shop .products .each a .thumbnail, .tumblr #index .post a .thumbnail{line-height:1px;position:relative} #page.team .members .each a .thumbnail, #page.stockists .stores .each a .thumbnail, #page.shop .products .each a .thumbnail{margin-bottom:10px;} #page.team .members .each a .thumbnail .image-link, #page.stockists .stores .each .thumbnail .image-link, #page.shop .products .each a .thumbnail .image-link, .tumblr #index .post a .thumbnail .image-link{position:absolute;z-index:997;width:100%;height:100%;} #page.shop .products .each a .thumbnail .image-link, .tumblr #index .post a .thumbnail .image-link, #page.team .members .each a .thumbnail .image-link, #page.stockists .stores .each a .thumbnail .image-link{background-color:rgba(255,255,255,0);} #page.team .members .each a:hover .thumbnail .image-link, #page.stockists .stores .each a .thumbnail .image-link, .tumblr #index .post a:hover .thumbnail .image-link, #page.shop .products .each a:hover .thumbnail .image-link{background-color:rgba(255,255,255,0.4)} #page.team .members .each a .thumbnail img, #page.stockists .stores .each a .thumbnail img, #page.shop .products .each a .thumbnail img, .tumblr #index .post a .thumbnail img{width:100%;height:auto} .pagenav { display: block !important; text-align: center; width: 100%; line-height: 49px; border-top: solid 1px #dddddd; } .pagenav a { display: block; background-color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; color: #888888; } .pagenav a:hover { color: #888888; background-color: #f5f5f5; } #infscr-loading { position: absolute; width: 100%; line-height: 1px; bottom: -62px; left: -10px; text-align: center; background-color: #f5f5f5; } #page.shop .shopping-cart { position: absolute; top: 0; right: 0; border-bottom: solid 1px #ddd; } #page.shop .shopping-cart a { display: block; background-color: #ffffff; } #page.shop .shopping-cart a .count, #page.shop .shopping-cart a .cart { float: left; border-left: solid 1px #ddd; width: 54px; line-height: 49px; text-align: center; display: block; } #page.shop .shopping-cart a .count { color: #333333; font-size: 15px; } #page.shop .shopping-cart a .cart { width: 54px; height: 49px; background: url(../B718/images/belief-cart-a.png) no-repeat 0 0; } #page.shop .shopping-cart a:hover { background-color: #f5f5f5; } .bumper{padding:0 20px} #page.shop .back{padding:20px;max-width:700px;margin:0 auto;position:relative;box-sizing:border-box;width:100%} #page h2.title{padding:40px 0} #page.shop .details h2.title{padding:20px 0 10px} #page.shop .details h3{margin-bottom:10px} #page .media, #page.shop h4{margin-bottom:20px} #page.info .media{margin-bottom:0} #page .main, #page.shop .details, #page .info, #page.shop .shop-paging{margin-bottom:40px} #page .info, #page.shop .shop-paging{padding-top:40px;border-top:dashed 1px #ccc} #page.team.individual .interview, #page.stockists.individual .store, .price, .buy{padding-bottom:40px;border-bottom:dashed 1px #ccc;margin-bottom:40px} #page .products, #page .members{padding:0 0 20px 20px} #page.shop .cart-page{max-width:700px;/*min-width:460px;*/width:100%} #page.shop .cart-page table{width:100%;margin-bottom:20px;font-weight:normal;border-collapse:collapse;text-align:center} #page.shop .cart-page table th{font-weight:normal} #page.shop .cart-page table td{vertical-align:middle} #page.shop .cart-page table th, #page.shop .cart-page table td{background-color:#f5f5f5;border: solid 1px #ddd;padding:10px} #page.shop .cart-page table .empty{border:none;background:none;vertical-align:top} #page.shop .cart-page table .total, #page.shop .cart-page table td input.text{background-color:#fff} #page.shop .cart-page table .title a{color:#333333} #page.shop .cart-page table td.button input{background-color:#f5f5f5} #page.shop .cart-page table td.button{padding:0} #page.shop .cart-page table td.image img{width:100%;height:auto} #page.shop .cart-page .note{width:260px;padding:20px;margin-left:43px;border:solid 1px #ddd} #page.shop .cart-page .note a{padding-bottom:1px; border-bottom:solid 1px #ccc} #page.shop .cart-page .checkout{margin:0 67px 40px 0;float:right;text-align:center} #page.shop .cart-page .checkout .additional .or{margin:20px 0} input#go.update{width:94px;border:none} input#go.go{width:158px} .buy .inside{width:460px;margin:0 auto} .buy .inside.no{width:300px} .buy .drop{margin-right:20px} .navigate .chzn-select-deselect, .navigate .chzn-container .chzn-drop{width:100%;} .buy .chzn-select-deselect{width:138px;} .chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline;background-color:#fff;border:solid 1px #ddd} .chzn-container .chzn-drop{margin-left:-1px !important;background-color:#fff;border:solid 1px #ddd;border-top:dotted 1px #ccc;position:absolute;top:40px;z-index:1010} .buy .chzn-container .chzn-drop{width: 138px !important} .chzn-container-single .chzn-single{border:none;display:block;overflow:hidden;white-space:nowrap;position:relative;height:40px;line-height:40px;color:#888;text-decoration:none;padding:0 20px} .chzn-container-single .chzn-default{color:#888} .chzn-container-single .chzn-single span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap} .chzn-container-single .chzn-single abbr{display:block;position:absolute;right:30px;top:13px;width:12px;height:13px;font-size:1px;background:url(../B718/images/chosen-sprite.png) right top no-repeat;} .chzn-container-single .chzn-single abbr:hover{background-position: right -11px;} .chzn-container-single.chzn-disabled .chzn-single abbr:hover{background-position: right top;} .chzn-container-single .chzn-single div{position:absolute;right:5px;top:0;display:block;height:100%;width:18px} .chzn-container-single .chzn-single div b{margin-top:8px;background:url(../B718/images/chosen-sprite.png) no-repeat 0 0;display:block;width:100%;height:100%} .chzn-container-single .chzn-search{padding:3px 4px;position:relative;margin:0;white-space:nowrap;z-index:1010} .chzn-container-single .chzn-search input{background: #fff url(../B718/images/chosen-sprite.png) no-repeat 100% -22px;background: url(../B718/images/chosen-sprite.png) no-repeat 100% -22px, margin:1px 0;padding:4px 20px 4px 5px;outline:0;border: 1px solid #aaa;font-family:sans-serif;font-size:1em} .chzn-container-single-nosearch .chzn-search input{position: absolute;left:-9000px} .chzn-container .chzn-results{margin: 0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} .chzn-container .chzn-results li{display:none;line-height:15px;padding:5px 6px;margin:0;list-style:none;} .chzn-container .chzn-results .active-result{cursor:pointer;display: list-item} .chzn-container .chzn-results .highlighted{background-color:#f1f1f1} .chzn-container .chzn-results li em{background:#f1f1f1;font-style:normal} .chzn-container .chzn-results .highlighted em{background:transparent} .chzn-container .chzn-results .no-results{background:#f1f1f1;display:list-item} .chzn-container-multi .chzn-drop .result-selected{display:none} .chzn-container .chzn-results-scroll{background:white;margin:0 4px;position:absolute;text-align:center;width: 321px;z-index:1} .chzn-container .chzn-results-scroll span{display:inline-block;height:17px;text-indent:-5000px;width:9px} .chzn-container .chzn-results-scroll-down{bottom:0} .chzn-container .chzn-results-scroll-down span{background: url(../B718/images/chosen-sprite.png) no-repeat -4px -3px} .chzn-container .chzn-results-scroll-up span{background: url(../B718/images/chosen-sprite.png) no-repeat -22px -3px} #page.shop .shop-paging{max-width:700px;/*min-width:460px*/} #page.shop .back a, #page.shop .shop-paging a{line-height:20px} #page.shop .back a .arrow, #page.shop .shop-paging a .arrow{color:#333333;font-size:15px;margin-left:5px} #page.shop .shop-paging .L a .arrow, #page.shop .back a .arrow{margin-right:5px;margin-left:0px} #page.shop .shop-paging .number{width:100%;display:block} #page.shop .shop-paging .number span{display:inline-block} input#go.add{width:138px} #page{background-color:#f1f1f1;min-height:100%;margin:0 0 0 200px;position:absolute;height:auto !important;height:100%;border-right:solid 1px #ddd} #page.team, #page.stockists, #page.info, #page.shop, #page.regular, #page.singletum{max-width:740px} #page.regular p{margin-bottom:20px} #page.regular .bumper{padding-bottom:20px} #page .media .navpad{padding:0 20px} #page.singletum .media .navpad{padding:20px 20px 100px} #page .M7M5{padding-bottom:100px} #page .media{width:100%} #page .media{position:relative} /*#page.singletum .media{margin-bottom:0}*/ #page .media .navpad{margin:0 auto} #page.team .media img, #page.stockists .media img, #page.info .media img, #page.team .media .navpad, #page.stockists .media .navpad, #page.info .media .navpad{max-width:700px;/*min-width:460px*/} #page .media img, #page.singletum .media .navpad .video{min-width:700px;max-width:700px;height:auto} #page.singletum .media .navpad .video{width:100%} #page .main p, #page .main ul.team {padding-top:20px} #page .main.interview{text-align:center} #page .main.interview li .Q{font-weight:bold;margin-right:5px} #page.info .contact{width:23%;text-align:center} #page.info .contact.gap{margin:0 2.6% 0 0} #page.info .contact .lead{margin-bottom:5px} /* ------------------------------------------------- ---------------- BACKGROUND IMAGES ----------------- ------------------------------------------------- */ #supersized{display:block;position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%;} #supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(../B718/images/loading.gif) no-repeat center center;} #supersized img{width:auto;height:auto;position:relative;outline:none;border:none;} #supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background-color:#333333;} #supersized a{width:100%;height:100%;display:block} #supersized li.prevslide{z-index:-20} #supersized li.activeslide{z-index:-10} #supersized li.image-loading{background:#111 url(../B718/images/loading.gif) no-repeat center center;width:100%;height:100%} #supersized li.image-loading img{visibility:hidden} #supersized li.prevslide img, #supersized li.activeslide img{display:inline} /* ------------------------------------------------- --------------- NAVIGATION BUTTONS ----------------- ------------------------------------------------- */ #paging span, #close span{z-index:997} .slide-nav a, .flex-direction-nav li a, #paging span, #close span{display:block;text-align:center;line-height:49px;width:54px;background-color:rgba(255,255,255,0.98);color:#333333;} .slide-nav a:hover, .flex-direction-nav li a:hover, #paging span:hover, #close span:hover{cursor:pointer;background-color:#f5f5f5;} .slide-nav a, .flex-direction-nav li a, #paging span, #close span{position:absolute;} .slide-nav a, .flex-direction-nav li a, #paging span{top:50%} #close span{top:0} .slide-nav a, .flex-direction-nav li a{margin-top:-24px} #paging span{margin-top:-96px} #nextslide, .flex-direction-nav li a.next, #paging .next, #close span{right:0} .flex-direction-nav li a.prev, #paging .prev{left:0} #prevslide{left:200px; border-right: 1px solid #ddd;} .slide-nav a, .flex-direction-nav li a, #paging span{border-top:solid 1px #ddd} .slide-nav a, .flex-direction-nav li a, #paging span, #close span{border-bottom:solid 1px #ddd} #prevslide .flex-direction-nav li a.prev, #paging .prev{border-right:solid 1px #ddd} #nextslide, .flex-direction-nav li a.next, #paging .next, #close span{border-left:solid 1px #ddd} /* update css */ #page .main { margin-bottom: 20px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } #store-photo-viewer { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 100; display: none; } #store-photo-viewer #store-photo-viewer-background { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,0.75); } #store-photo-viewer #store-photo-viewer-close { position: absolute; top: 60px; right: 60px; color: white; padding: 8px 10px 12px; cursor: pointer; background-color: rgba(0,0,0,0.2); font-size: 28px; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; } #store-photo-viewer #store-photo-viewer-container { padding: 50px; position: absolute; width: 100%; max-width: 700px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); box-sizing: border-box; display: block; margin: 0 auto; } #store-photo-viewer #store-photo-viewer-photo { width: 100%; } #store-photo-viewer .store-photo-viewer-control { color: white; font-size: 36px; z-index: 101; cursor: pointer; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; position: absolute; } #store-photo-viewer #store-photo-viewer-prev { top: 50%; left: 0%; } #store-photo-viewer #store-photo-viewer-next { top: 50%; right: 0%; } #store-photo-browser { box-sizing: border-box; margin: -3em 0 2em -3em; } #store-photo-browser #store-photo-1 { background-image: url('../B718/images/store-image-1.jpg') } #store-photo-browser #store-photo-2 { background-image: url('../B718/images/store-image-2.jpg') } #store-photo-browser #store-photo-3 { background-image: url('../B718/images/store-image-3.jpg') } #store-photo-browser #store-photo-4 { background-image: url('../B718/images/store-image-4.jpg') } #store-photo-browser #store-photo-5 { background-image: url('../B718/images/store-image-5.jpg') } #store-photo-browser #store-photo-6 { background-image: url('../B718/images/store-image-6.jpg') } #store-photo-browser .row { position: relative; box-sizing: border-box; } #store-photo-browser .row .col { padding: 3em 0 0 3em; width: 33.333%; box-sizing: border-box; float: left; } #store-photo-browser .store-photo { background-size: cover; background-position: center; height: 145px; cursor: pointer; transition: 300ms; } #store-photo-browser .store-photo:hover { box-shadow: 0 0 3px rgba(0,0,0,0.5) } #store-photo-browser .row .col img { width: 100%; box-sizing: border-box; } /* ------------------------------------------------- ---------------- R&Co. CREDIT ------------------ ------------------------------------------------- */ a.rco{position:fixed;z-index:9999;bottom:10px;right:10px;display:block;width:38px;height:28px} a.rco span.white, a.rco span.black{display:block;width:38px;height:28px;} a.rco span.white{background:url(../B718/images/rco-w-a.png);} a.rco span.black{background:url(../B718/images/rco-b-a.png);} /* ------------------------------------------------- ---------------- MOBILE RELEVANT ------------------- ------------------------------------------------- */ #footer .connect, #footer .connect.mobile, .S960, .S740, .S500, .navigate-button{display:none} /*RETINA*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { h1 a.logo { background:url(../B718/images/belief-logo-big-b.png) no-repeat 0 0; background-size: 134px 105px; } a.rco span.white{ background:url(../B718/images/rco-w-b.png); } a.rco span.black{ background:url(../B718/images/rco-b-b.png); } a.rco span.white, a.rco span.black{ background-size: 38px 28px; } #page.shop .shopping-cart a .cart { background: url(../B718/images/belief-cart-b.png) no-repeat 0 0; background-size: 54px 49px; } } @media only screen and (max-width : 1020px), only screen and (max-device-width : 1020px){ a.rco span.black{display:none} } @media only screen and (max-width : 960px), only screen and (max-device-width : 960px){ .H960{display:none} .S960, #footer .connect{display:block} #prevslide{left:0px} .tumblr #index{margin-left:0} #page{width:100% !important;max-width:100% !important;position:relative;margin:0;border-right:none;min-height:auto;height:auto;} #footer{position:inherit;bottom:0;width:100%} #page .M7M5{margin:0 auto;} #page .media img{width:100%;} #page .media img, #page.singletum .media .navpad .video{max-width:960px;} #content{background-color:#fff} #prevslide, #nextslide{margin-top:24px} #prevslide:active, #nextslide:active{margin-top:25px} #index{margin-left:0} #page.singletum .media .navpad .video{min-width:0px;} #header h1{border-right: none} h1.C219{height: 99px; width: 124px;} h1 a.logo{background:url(../B718/images/belief-logo-medium-a.png) no-repeat 0 0; height: 90px; width: 115px; margin: 5px auto;} a.rco { bottom:73px; } } /*BREAK POINT: 960 & RETINA*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 960px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width : 960px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width : 960px), only screen and (min-device-pixel-ratio: 2) and (max-width : 960px), only screen and (min-resolution: 192dpi) and (max-width : 960px), only screen and (min-resolution: 2dppx) and (max-width : 960px){ h1 a.logo { background: url(../B718/images/belief-logo-medium-b.png) no-repeat 0 0; background-size: 115px 90px; } } @media only screen and (max-width : 740px), only screen and (max-device-width : 740px){ html{overflow-x:hidden} .H500, .H740, .flex-direction-nav, #footer ul.navigate, #page.shop .cart-page table .price, #page.shop .cart-page table .image, #page.shop .cart-page table .remove, #page.shop .cart-page table .empty, .S960, .slide-nav, #footer .connect{display:none} .S740{display:block} #footer .connect.mobile{display:block;width:100%;display:block} #footer .connect.mobile a.social span.tbr{border-left:none;} h1{height:49px;width:108px} h1 a.logo { background: url(../B718/images/belief-logo-small-a.png) no-repeat 0 0; width: 86px; height: 26px; display: inline-block; margin: 12px 20px; } h1 a.logo:hover{background-color:#ffffff;} #header h1{float:none;border:none;margin-right:0px} #header ul.navigate{float:right} #header h1{margin-right:20px} #page .media img, #page.singletum .media .navpad .video{min-width:0px;} .tumblr #index .posts .post, #page.shop .products .each, #page.info .contact{width:100% !important} #page.info .contact.gap{margin:0 0 20px 0} #prevslide, #nextslide{margin-top:50px} #prevslide:active, #nextslide:active{margin-top:51px} #infscr-loading{bottom:-90px} #page.shop .products .each, #page.team .members .each, #page.stockists .stores .each, #page.shop .products.related .each{width:50%} #page.shop .cart-page .note{width:auto;margin-left:0;margin-bottom:20px} .buy .L{float:none} .buy .inside, .buy .inside.no, input#go.add, .buy .chzn-select-deselect, .buy .chzn-container, .buy .chzn-container .chzn-drop, .buy .chzn-container .chzn-results-scroll{width:100% !important} .buy .drop{margin-right:0;margin-bottom:20px} #page.shop .cart-page table .empty.big, .S500{display:block} #page.shop .cart-page .checkout{margin: 0 0 40px 0} .navigate-button{background-color:#ffffff;display:block;border:0;top:0;width:55px;line-height:49px;position:absolute;cursor:pointer;z-index:999} .navigate-button{right:0;border-left:solid 1px #ddd;} .navigate-button:hover{background-color:#f5f5f5;} .mobile-navigate{width:100%;left:0px;float:none;display:block;overflow:hidden;position:absolute;z-index:998;clear:both} .mobile-navigate.one{top:0px} .mobile-navigate.two{bottom:50px} .mobile-navigate li{display:none;width:100%;background-color:#fff} .mobile-navigate li a{display:block;width:100%} .mobile-navigate.one li a{border-bottom:1px solid #ddd} .mobile-navigate.two li a{border-top:1px solid #ddd} .mobile-navigate li a:hover{} .mobile-navigate > li:first-child{} .mobile-navigate.open{height:auto;padding-top:50px} .mobile-navigate.open li{display:block} .mobile-navigate > li:hover > a {} .mobile-navigate li.parent > a:after{content: "?";float:right} .mobile-navigate li.parent > a:hover{} .mobile-navigate li ul{display:none;border-top:0 none;padding:0} .mobile-navigate li ul a{border:0 none} .mobile-navigate li:hover ul{display:block;border-top: 0 none} a.rco { bottom:10px; } } /*BREAK POINT: 700 & RETINA*/ @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 740px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width : 740px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width : 740px), only screen and (min-device-pixel-ratio: 2) and (max-width : 740px), only screen and (min-resolution: 192dpi) and (max-width : 740px), only screen and (min-resolution: 2dppx) and (max-width : 740px){ h1 a.logo { background: url(../B718/images/belief-logo-small-b.png) no-repeat 0 0; background-size: 86px 26px; } } /*BREAK POINT: 500*/ @media only screen and (max-width : 500px), only screen and (max-device-width : 500px) { #store-photo-browser .store-photo { height: 100px; } } /*BREAK POINT: 400*/ @media only screen and (max-width : 400px), only screen and (max-device-width : 400px) { #store-photo-browser .store-photo { height: 80px; } #store-photo-browser { box-sizing: border-box; margin: -2em 0 2em -2em; } #store-photo-browser .row .col { padding: 2em 0 0 2em; width: 33.333%; box-sizing: border-box; float: left; } }