@charset "utf-8"; @charset "utf-8"; @charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; color: black; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; }#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; margin-top:9px; overflow:visible } #contact label { display: none; float: none; height:0px; } input, textarea, select { width:210px; padding:18px 0px; font: 15px Georgia, "Times New Roman", Times, serif; color:#555; border:0; border-bottom:1px solid #d3d3d3; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; margin:0px; font-style:italic; -webkit-appearance: none; text-align:center; background:none} #contact textarea { margin-bottom:0px; margin-right:0px !important; resize: none;} input:focus, textarea:focus, select:focus { } input.submit { display:inline-block; width:auto; border:0px; padding:0; padding-top:13px; color:#8d8d8d; background:none; font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; letter-spacing:1px; cursor:pointer} #contact input.submit:hover { color:#555; } #contact fieldset { padding-left:0px;} #contact span.required { padding-left:28px; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; } #message { margin: 0; padding: 0px; z-index:200; height:auto; } .error_message { display: block; height:auto; color:#8a1f11; font-style:italic; } .loader { display:none; } .says { display:none; } #comments {height: 145px!important; } .comment{list-style:none;} .avatar{display:none;list-style:none;} .commentmetadata {margin-top:15px;} .comment-awaiting-moderation{display:none!important;} .form-allowed-tags{display:none!important;} .commentmetadata a{font-size: 12px; line-height: 21px; font-style: normal; text-transform: uppercase; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; color: #555;} .fn{font-size: 24px; font-weight: 400; padding-top: 18px;line-height: 1.2; font-family: Georgia, "Times New Roman", Times, serif; font-size: 36px; color: #303030; padding-top: 26px; display: block; position: relative; border-bottom: 1px solid #d3d3d3; padding-bottom:14px; } .comment-reply-link{color: #555; text-decoration: none; font-size:12px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; border-bottom: 1px solid #555!important;text-transform:uppercase;} #cancel-comment-reply-link{color: #555; text-decoration: none; font-size:16px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; border-bottom: 1px solid #555;text-transform:uppercase;} .clear { clear: both; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } .alignleft { float:left; } .wp-caption{float:none;} .alignright { float:right; } .aligncenter { margin:auto; display:block; } .alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; width:0; } .centered { text-align:center; } .responsive{width:100%;} #preloader { position:absolute; top:0; left:0; right:0; bottom:0; background:#231f20; z-index:9999; } #status { z-index:28; position:absolute; color:#fff; top:50%; height:280px; width:100%; margin-top:-140px; } .parent {width:280px; margin:0px auto; position:relative; height:280px; z-index:11} .child {text-align:center;} .parent {display: table} .wp-caption-text{font-size:100%;} .child {display: table-cell; vertical-align: middle; padding:0 50px; } .child span { text-transform:uppercase; } html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height:100% } body { font: 14px 'Ubuntu', sans-serif; color:#524537; background:#000; height:100% } strong { font-weight:600; } em {font-size:17px; } a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .sticky{border:0px;} *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } p { line-height:18px; padding:8px 0px 0 0px; font-style:italic; } .col2-3 p { text-align:left } .col2-3 p.small, .col2-3 p.big {text-align:center !important; } .small {font-size:12px; line-height:21px; font-style:normal; text-transform:; font-family:'Ubuntu', sans-serif;} p.small {font-size:12px; line-height:21px; font-style:normal; text-transform:uppercase ; font-family:'Ubuntu', sans-serif;} .gallery-caption{height:auto;} #preloader p.small {font-size:11px; display:block; text-transform:uppercase; font-style:italic; font-weight:700; letter-spacing:1px; margin-top:3px; font-family: "Ubuntu", sans-serif; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25);} p.big { font:'Noto Serif',serif; font-size:40px; line-height:48px; color:#39b54a; letter-spacing:-3px; font-style:italic; font-weight:400} blockquote { line-height:23px; padding:70px 10px 25px 10px; margin:25px 0px 12px 0px; border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3; color:#333; text-align:center; font-size:17px; font-style:italic; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-quote.png) center 25px no-repeat; background-size:30px 30px;} blockquote span {font-size:14px; display:block; margin-top:15px; color:#39b54a} .uppercase {text-transform:uppercase } p.small.uppercase {font-size:11px; } p a { color:#555; text-decoration:none; border-bottom:1px solid #555; } a p {color:#555; } p a:hover { color:#39b54a; } .no-underline a {border:0 } code {font:13px 'Ubuntu', sans-serif; font-style:italic; line-height:1.5; display:block; } pre { padding:13px 40px 0 40px; width: 100%;text-align: left; overflow: scroll;} span.arrow {font:13px 'Ubuntu', sans-serif; } h1#logo { position:relative; text-align:center; width:600px; padding:45px 0 12px 0; margin:0 auto; z-index:1; } h1#logo a { background-size:137px 76px; width:137px; height:76px; text-indent:-9999px; color: #fff; font-size: -webkit-xxx-large;font-family:cursive;} .hentry h1, h2, h3, h4, h5 { line-height:1.2; font-family: 'Noto Serif',serif; font-size:36px; color:#56771e; padding-top:26px; display:block; position:relative } h2 {font-size:16px; text-transform:uppercase; font-family: 'Ubuntu', sans-serif; font-weight:600; color:#555; } .bypostauthor{height:auto;} h3 {font-size:24px; font-weight:400; padding-top:18px; } h4 {font-size:18px; padding-top:24px; line-height:24px; font-family: 'Ubuntu', sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px;} h5 {font-size:16px; padding-top:22px; line-height:24px; font-family: 'Ubuntu', sans-serif; text-transform:uppercase; letter-spacing:2px; font-weight:600; color:#333; padding-bottom:4px; } .align-top {padding-top:0 !important } #options { width:auto; z-index:300; text-align:center;} #options ul { position:relative; padding:0; border:0; font-size: 0; display:inline-block } #options ul li {display:inline-block; height:100%; width:auto; } #options ul li a { color:#888; font-family: "Ubuntu", sans-serif; display:inline-block; padding:5px 15px; text-decoration:bold; text-transform:uppercase; height:100%; font-size:14px; line-height:19px; letter-spacing:2px; font-weight:400; margin:0 } #options li a:hover, #options li a.current, #options li a.selected { color:#39b54a;} #options ul li ul {position:absolute; margin-top:4px; margin-left:4%; padding:10px 15px; width:150px; background:#f3f3ee; display:none } #options ul li ul:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(243,243,238,1) rgba(255,255,255,0); position:absolute; top:-16px; margin-left:-8px; border-top-style:inset; } #options ul li ul li {float:none } #options ul li ul li a {padding:7px 0; border-bottom:1px dotted #2b2b2b; font-size:11px; display:block } #options ul li ul li a.last {border:0 } #options ul li ul:hover li a, #options ul li:hover ul li a {color:#8d8d8d; } #options ul li ul li:hover a {color:#2b2b2b; } #options ul li:hover ul {display:block } .dead-link {cursor:default !important } header { position:relative; z-index:58; width:100%} #content {width:100%; position:relative; z-index:56; height:auto} .container { padding:0px; width:1160px; position:relative; margin:0 auto; padding-top:30px; } .col1-1 { height:auto; margin:5px; position:relative } .col3-3 { width:860px; height:auto; margin:5px; position:relative } .col1-3 { width:280px; min-height:280px; margin:5px; float:left; position:relative } .col2-3 { width:570px; height:570px; margin:5px; float:left; position:relative } .col4-3 { height:auto; margin:5px; position:relative } .col1-3.double { height:auto; padding:20px 35px 32px 35px!important;} .col2-3.auto, .col1-3.auto, .col3-3.auto {height:auto; padding-bottom:35px; } .col1-3.auto {padding-bottom:30px; } .col2-3.auto.post {padding-bottom:0 } .auto.no-padding {padding-top:0 !important; padding-bottom:0 !important; } .column-count2 {-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:35px; -moz-column-gap:35px; column-gap:35px; } .break { height:20px; position:relative; display:block } p .break {height:13px; } .overflow, .element {overflow:; } .borderline {background:#d3d3d3; height:1px; position:relative; display:block; margin:19px 0px 5px 0px; width:100%; } .white {padding:35px; background:#fff;} .col1-3.white {padding:35px; background:#fff; position:; text-align:center;} .col2-3.white {padding:35px; background:#fff; text-align:center;} .col1-3.white {padding:20px 35px 50px 35px; } .col2-3.white, .col3-3.white {padding:35px 45px; } .element .col1-3, .element .col2-3 {margin:0 } .white-bottom {height:auto; } .white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-24px; margin-left:-12px; left:50%; border-top-style:inset; } .margin {margin:20px; } .full {position:absolute; z-index:100; width:100%; height:100%; display:block; top:0; left:0; } #map {width:860px; height:570px; margin:0; border:0} #map:before, #map:after {background:none; content: ''; left:0; position:absolute; top: 0; width: 100%; } #map:after {bottom:0; top:auto; } .icons { display:inline-block; height:70px; width:70px; z-index:100; margin-top:15px; margin-bottom:5px; } .trophy { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-trophy.png) center no-repeat; background-size:70px 70px; } .quote { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-quote.png) center no-repeat; background-size:70px 70px; } .like { background:url() center no-repeat; background-size:0px 0px; } .share { background:url() center no-repeat; background-size:0px 0px; } .stationery { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-stationery.png) center no-repeat; background-size:70px 70px; } .camera {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-camera.png) center no-repeat; background-size:70px 70px; } .videocam {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/videocam.png) center no-repeat; background-size:70px 70px; } .close { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-close.png) center no-repeat; background-size:48px 48px; position:absolute; right:35px; top:35px; z-index:28; width:48px; height:48px; display:block } .linkedin {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-linkedin.png) center no-repeat; background-size:50px 50px; } .dribbble {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-dribbble.png) center no-repeat; background-size:50px 51px; } .googleplus {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-googleplus.png) center no-repeat; background-size:50px 50px; } .twitter {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-twitter.png) center no-repeat; background-size:50px 51px; } .facebook {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-facebook.png) center no-repeat; background-size:50px 51px; } .behance {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-behance.png) center no-repeat; background-size:50px 50px; } .skype {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-skype.png) center no-repeat; background-size:50px 51px; } .vimeo {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-vimeo.png) center no-repeat; background-size:50px 50px; } .instagram {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-instagram.png) center no-repeat; background-size:50px 50px; } .pinterest {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-pinterest.png) center no-repeat; background-size:50px 50px; } .images { display:block; position:relative; } .images img {width:100%; display: block; max-width: 100% !important; z-index:9 } img{box-shadow: #000 0 0 0} .sliphoveritemTitle { font-size:24px; font-weight:400; letter-spacing:0px; -o-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -moz-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); -webkit-text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.25); font-family:"Noto Serif",serif; font-style:italic } .sliphoveritemTitle span {font-size:11px; display:block; text-transform:uppercase; font-style:italic; font-weight:700; letter-spacing:1px; margin-top:3px; font-family: "Ubuntu", sans-serif; } ul.unordered-list, .hentry ul { list-style: disc; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic } ul.list {line-height:21px; padding-top:13px; font-style:italic } ol { list-style: decimal; line-height:21px; padding:13px 0px 0 0px; margin-left:24px; font-style:italic } .col2-3 ul.unordered-list, .col2-3 .hentry ul, .col2-3 ul.list, .col2-3 ol {text-align:left } ul.unordered-list a, .hentry ul a, ul.list a, ol a { color:#555; text-decoration:none; border-bottom:1px solid #555; } footer { height:auto; position:relative; padding:0px 35px 95px 35px; text-align:center; } footer p {display:inline-block; margin:0 10px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:2px; font-style:normal; text-transform:uppercase; color:#fff; } footer p a { color:#FFF; border:0 } footer p span { font-family:'Noto Serif', serif; text-transform:none; letter-spacing:0; color:#39b54a; font-style:italic } footer p a:hover { color:#39b54a; } ul.social { letter-spacing:0; margin-top:20px; margin-bottom:27px; } .social li { display:inline-block; margin:0px 2px;} .social li a { display:block; } ul.social a {text-indent:-9000px; text-decoration:none; height:52px; width:52px;} .isotope-item { z-index: 2; overflow:hidden } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .disp{display:none;} .comment_section{} .testclass{ display:none; color:#fff; text-decoration:none; text-align:center; position:absolute; right:0; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-link.png) no-repeat; text-indent: -9999px; height: 100%;} .popup:hover~.testclass, .video-popup:hover~.testclass, .images:hover~.testclass, a:hover~.testclass{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: 600; border-bottom: 0; padding: 3px 10px 5px 10px !important; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-link.png) no-repeat; text-indent: -9999px; height: 100%;} .testclass:hover{display:block; color:#000; text-align:center; position:absolute; z-index:1001; background-color: #fff; margin-top:-55px; text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: 600; border-bottom: 0; padding: 3px 10px 5px 10px !important; right:0; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-link.png) no-repeat; text-indent: -9999px; height: 100%; } .overlay { display:block; position:absolute; top:0; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; } .overlay2 { display:block; position:absolute; top:0; background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-overlay3.png) repeat; z-index:10; width:960px; height:960px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider { position:relative;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} .flex-direction-nav {*height: 0; z-index:20;} .flex-direction-nav a { margin: 0px 0 0; z-index:20; display: block; position: absolute; top: 50%; margin-top:-24px; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; width:48px; height:48px;} .flex-direction-nav .flex-next {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-next.png) center no-repeat; background-size:48px 48px; right: 20px; border: 0; } .flex-direction-nav .flex-prev {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-prev.png) center no-repeat; background-size:48px 48px; left: 20px; border: 0; } .flexslider:hover .flex-next {opacity: 1;} .flexslider:hover .flex-prev {opacity: 1;} .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display:none !important;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/21px "Lora", Georgia, "Times New Roman", Times, serif; margin: 0; font-size:13px; font-weight:600; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(//scissorfingers.co.nz/wp-content/themes/bleecker/css/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/ajax-loader2.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -65px; left: -24px; margin-left:50%; width: 48px; height: 48px; background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-close.png) center no-repeat; background-size:48px 48px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(//scissorfingers.co.nz/wp-content/themes/bleecker/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; cursor: pointer; z-index: 8040; visibility: visible !important; } .fancybox-prev span { left: 20px; width: 48px; height: 48px; background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-prev.png) center no-repeat; background-size:48px 48px; cursor: pointer; z-index: 8040; } .fancybox-next span { right: 20px; width: 48px; height: 48px; background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-next.png) center no-repeat; background-size:48px 48px; cursor: pointer; z-index: 8040; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(0,0,0,0.98); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: 13px/21px Georgia, "Times New Roman", Times, serif; margin: 0; font-weight:400 !important; font-style:italic; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; color: #FFF; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .trophy { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-trophy@2x.png) center no-repeat; background-size:30px 30px; } .quote { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-quote@2x.png) center no-repeat; background-size:30px 30px; } .like { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-like@2x.png) center no-repeat; background-size:30px 30px; } .share { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-share@2x.png) center no-repeat; background-size:30px 30px; } .stationery { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-stationery@2x.png) center no-repeat; background-size:30px 30px; } .camera {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-camera@2x.png) center no-repeat; background-size:30px 30px; } .close { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-close@2x.png) center no-repeat; background-size:48px 48px; } .linkedin {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-linkedin@2x.png) center no-repeat; background-size:50px 50px; } .dribbble {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-dribbble@2x.png) center no-repeat; background-size:50px 51px; } .googleplus {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-googleplus@2x.png) center no-repeat; background-size:50px 50px; } .twitter {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-twitter@2x.png) center no-repeat; background-size:50px 51px; } .facebook {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-facebook@2x.png) center no-repeat; background-size:50px 51px; } .behance {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-behance@2x.png) center no-repeat; background-size:50px 50px; } .skype {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-skype@2x.png) center no-repeat; background-size:50px 51px; } .vimeo {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-vimeo@2x.png) center no-repeat; background-size:50px 50px; } blockquote { background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-quote@2x.png) center 25px no-repeat; background-size:30px 30px;} .flex-direction-nav .flex-next {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-next@2x.png) center no-repeat; background-size:48px 48px; } .flex-direction-nav .flex-prev {background:url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-prev@2x.png) center no-repeat; background-size:48px 48px; } .fancybox-close {background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-close@2x.png) center no-repeat; background-size:48px 48px;} .fancybox-prev span {background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-prev@2x.png) center no-repeat; background-size:48px 48px;} .fancybox-next span {background: url(//scissorfingers.co.nz/wp-content/themes/bleecker/images/bg-next@2x.png) center no-repeat; background-size:48px 48px;} } @media only screen and (max-width: 1229px) { .container {max-width:870px; } } @media only screen and (min-width: 768px) { #options {display:block !important } } @media only screen and (min-width: 768px) and (max-width: 959px) { .container {max-width:580px; } .col3-3 { width:570px; height:auto;} .port_single_img { height: 100%!important; } } @media only screen and (max-width: 767px) { .container {max-width:290px; } .col3-3, .col2-3 { width:280px; height:auto;} .col2-3.white, .col3-3.white {padding:20px 35px 50px !important; } h2 {font-size:24px; font-weight:400; padding-top:22px; font-family:Georgia, "Times New Roman", Times, serif; color:#303030; text-transform:none } p.big {line-height:21px; font-size:15px; padding:13px 0px 0 0px; font-style:italic; letter-spacing:0; color:#555 } #nav-button {display:block; padding:30px; width:100%; margin:0 auto; cursor:pointer; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0);} .nav-bar {background-color:#fff; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; } #options { display:none; } #options ul {display:block; width:100%; z-index:300; position:relative; top:0px; } #options ul li { text-align:center; width:100%; float:none; display:block; margin:0 } #options ul li a { display:block; padding:10px; } footer { padding:0px 0px 95px 0px; } .port_single_img { height: 100%!important; } #options ul li ul {position:relative; margin-top:0px; margin-left:0px; left:0; padding:0px 35px 10px 35px; width:100%; background:none; display:block } #options ul li ul:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(43,43,43,1) rgba(255,255,255,0); position:absolute; top:-16px; margin-left:-8px; border-top-style:inset; } #options ul li ul li {float:none } #options ul li ul li a {padding:15px 0; font-weight:400; display:block } #options ul li ul li a.last {} #options ul li ul:hover li a, #options ul li:hover ul li a {color:#cfcfcf; } #options ul li ul li:hover a {color:#fff; } #options ul li:hover ul {display:block ;} }