/* Theme Name: Eleven Magazine Theme URI: http://www.eleven-magazine.com Author: Tidy Design Portsmouth Author URI: http://www.tidydesign.com Description: The theme for Eleven Magazine. Clean cut style but which has personality as well as modern elegance. Magazine layout and formatting with emphasis on black and whites, colours are used as highlights to make a big impact. Version: 1.0 Tags: black, white, blue, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formatseleven */ /** * * * Normalize.css * * **/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: subpixel-antialiased}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */ input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /** * * * animate.css * * **/ @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}@keyframes jello{11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}100%{-webkit-transform:none;transform:none}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /** * * * Typography * * **/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 23, 2015 */ @font-face { font-family: 'optimabold_oblique'; src: url('fonts/optima_bold_oblique-webfont.eot'); src: url('fonts/optima_bold_oblique-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/optima_bold_oblique-webfont.woff2') format('woff2'), url('fonts/optima_bold_oblique-webfont.woff') format('woff'), url('fonts/optima_bold_oblique-webfont.ttf') format('truetype'), url('fonts/optima_bold_oblique-webfont.svg#optimabold_oblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'optimamedium'; src: url('fonts/optima_medium-webfont.eot'); src: url('fonts/optima_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/optima_medium-webfont.woff2') format('woff2'), url('fonts/optima_medium-webfont.woff') format('woff'), url('fonts/optima_medium-webfont.ttf') format('truetype'), url('fonts/optima_medium-webfont.svg#optimamedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dotmatrixregular'; src: url('fonts/dotmatrx-webfont.eot'); src: url('fonts/dotmatrx-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dotmatrx-webfont.woff2') format('woff2'), url('fonts/dotmatrx-webfont.woff') format('woff'), url('fonts/dotmatrx-webfont.ttf') format('truetype'), url('fonts/dotmatrx-webfont.svg#dotmatrixregular') format('svg'); font-weight: normal; font-style: normal; } html { font-size: 62.5%; /* Set pixel baseline to 10px = 1em */ } body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 12px; font-size: 1.2rem; line-height: 150%; margin: 0 auto; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after{ -ms-box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -o-box-sizing: inherit; box-sizing: inherit; } a{ text-decoration: none; color: #d22266; } h2, h3, h4, h5, h6{ line-height:140%; font-family: 'optimamedium'; font-weight: 300; } h1 { font-size: 36px; font-size: 3.6rem; font-weight: 700; font-family: 'optimabold_oblique'; line-height: 120%; } h2 { font-size: 30px; font-size: 2.7rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 18px; font-size: 1.8rem; } h5{ font-size: 12px; font-size: 1.2rem; } h6{ font-size: 12px; font-size: 1.2rem; } p, ul, ol, pre, table, blockquote, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; list-style: none; } p{ padding:.7em 0; line-height: 150%; } .content p:first-of-type{ font-size: 14px; font-size:1.4rem; line-height: 150%; } blockquote{ font-size: 14px; font-size: 1.4rem; font-weight: 100; font-style: italic; padding:1.4em 10%; } /* Sanitation */ hr { border: 0; border-top: 1px solid; margin: 1.6em 0; clear: both; } ul ul, ol ol, ul ol, ol ul { margin-top: 0; margin-bottom: 0; } b, strong, em, small, code { line-height: 1; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } /** * * * Post Like System * * **/ @font-face { font-family: "like_font"; src: url("fonts/like_font.eot"); src: url("fonts/like_font.eot?#iefix") format("embedded-opentype"), url("fonts/like_font.woff") format("woff"), url("fonts/like_font.ttf") format("truetype"), url("fonts/like_font.svg#like_font") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "like_font"; src: url("fonts/like_font.svg#like_font") format("svg"); } } [data-icon]:before { content: attr(data-icon); } [data-icon]:before, .icon-gear:before, .icon-like:before, .icon-unlike:before { display: inline-block; font-family: "like_font"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .icon-like:before, .icon-unlike:hover:before { content: "\f105"; } .icon-unlike:before { content: "\f106"; } .icon-gear:before { content: "\f104"; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } a.jm-post-like { font-weight: normal; display: inline-block; width: auto; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } a.jm-post-like.liked { color: #d22266; } a.jm-post-like:hover, a.jm-post-like:active, a.jm-post-like:focus, a.liked:hover, a.liked:active, a.liked:focus { color: #8a8a8a; } /** * * * Genericons * * **/ #social-navigation a{ font-size: 12px; font-size: 1.2rem; line-height: 0; color:#fff; padding-right:1.95em; } #social-navigation a:hover{ color:#d22266; } #social-navigation a[href*="codepen.io"], #social-navigation a[href*="digg.com"], #social-navigation a[href*="dribbble.com"], #social-navigation a[href*="dropbox.com"], #social-navigation a[href*="facebook.com"], #social-navigation a[href*="flickr.com"], #social-navigation a[href*="foursquare.com"], #social-navigation a[href*="plus.google.com"], #social-navigation a[href*="github.com"], #social-navigation a[href*="instagram.com"], #social-navigation a[href*="linkedin.com"], #social-navigation a[href*="pinterest.com"], #social-navigation a[href*="getpocket.com"], #social-navigation a[href*="polldaddy.com"], #social-navigation a[href*="reddit.com"], #social-navigation a[href*="stumbleupon.com"], #social-navigation a[href*="tumblr.com"], #social-navigation a[href*="twitter.com"], #social-navigation a[href*="vimeo.com"], #social-navigation a[href*="wordpress.com"], #social-navigation a[href*="wordpress.org"], #social-navigation a[href*="youtube.com"], #social-navigation a[href*="mailto:"], #social-navigation a[href*="spotify.com"], #social-navigation a[href*="twitch.tv"], #social-navigation a[href$="/feed/"], #social-navigation a[href$="/login/"] { font-size: 0; visibility: hidden; } #social-navigation a:before, #main-navigation a:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Genericons"; font-size: 20px; font-size: 2rem; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; visibility:visible; } #social-navigation a[href*="codepen.io"]:before { content: "\f216"; } #social-navigation a[href*="digg.com"]:before { content: "\f221"; } #social-navigation a[href*="dribbble.com"]:before { content: "\f201"; } #social-navigation a[href*="dropbox.com"]:before { content: "\f225"; } #social-navigation a[href*="facebook.com"]:before { content: "\f203"; } #social-navigation a[href*="flickr.com"]:before { content: "\f211"; } #social-navigation a[href*="foursquare.com"]:before { content: "\f226"; } #social-navigation a[href*="plus.google.com"]:before { content: "\f206"; } #social-navigation a[href*="github.com"]:before { content: "\f200"; } #social-navigation a[href*="instagram.com"]:before { content: "\f215"; } #social-navigation a[href*="linkedin.com"]:before { content: "\f208"; } #social-navigation a[href*="pinterest.com"]:before { content: "\f210"; } #social-navigation a[href*="getpocket.com"]:before { content: "\f224"; } #social-navigation a[href*="polldaddy.com"]:before { content: "\f217"; } #social-navigation a[href*="reddit.com"]:before { content: "\f222"; } #social-navigation a[href*="stumbleupon.com"]:before { content: "\f223"; } #social-navigation a[href*="tumblr.com"]:before { content: "\f214"; } #social-navigation a[href*="twitter.com"]:before { content: "\f202"; } #social-navigation a[href*="vimeo.com"]:before { content: "\f212"; } #social-navigation a[href*="wordpress.com"]:before, #social-navigation a[href*="wordpress.org"]:before { content: "\f205"; } #social-navigation a[href*="youtube.com"]:before { content: "\f213"; } #social-navigation a[href*="mailto:"]:before { content: "\f410"; } #social-navigation a[href*="spotify.com"]:before { content: "\f515"; } #social-navigation a[href*="twitch.tv"]:before { content: "\f516"; } #social-navigation a[href$="/feed/"]:before { content: "\f413"; } #social-navigation a[href*="eepurl.com/bAjrd5"] { background-color: #fdbd34; text-align: center; color:#222; padding:.7em 3em; font-weight: 700; margin-right:1.95em; } #social-navigation a[href*="eepurl.com/bAjrd5"]:hover{ background-color: #fdad02; } #social-navigation a[href$="/login/"]:before{ content: '\f427'; } /*#main-navigation a:before{ background-color: #fff; color:#333; border-radius:2em; position: absolute; left:.4em; top:.25em; font-size: 1.4em; padding:.1em; -ms-transition:all 100ms ease-out; -webkit-transition:all 100ms ease-out; -moz-transition:all 100ms ease-out; -o-transition:all 100ms ease-out; transition:all 100ms ease-out; }*/ #main-navigation a:hover, #main-navigation li.current-menu-item a{ background-color: #04b7e3; color: #fff; box-shadow:2px 2px 3px 0 #666; }/* #main-navigation a:hover:before{ font-size:1.7em; top: .1em; left:.2em; } #main-navigation a[href$="/magazine/"]:before { content: '\f100'; } #main-navigation a[href$="/competition/"]:before, .countries div:first-child:before { content: '\f475'; } #main-navigation a[href$="/hall-of-fame/"]:before { content: '\f511'; }*/ #menu-main a[href*="eepurl"] { font-weight: 700; } #menu-main a[href*="login"] { width: 20px; height: 32px; font-size: 0; background-image: url('images/key-icon.png'); background-size: 80% auto; background-repeat: no-repeat; background-position: center center; } #menu-main a[href*="basket"] { width: 20px; height: 32px; font-size: 0; background-image: url('images/basket-icon.png'); background-size: 50% auto; background-repeat: no-repeat; background-position: center center; } #menu-main a[title="contact"] { width: 20px; height: 32px; font-size: 0; background-image: url('images/contact-icon.png'); background-size: 50% auto; background-repeat: no-repeat; background-position: center center; } #menu-main .menu-item-home a { width: 20px; height: 32px; font-size: 0; background-image: url('images/home-icon.png'); background-size: auto 25px; background-repeat: no-repeat; background-position: center center; } #main-navigation li.menu-item-home a:hover, #main-navigation li.current-menu-item.menu-item-home a:hover, .fixed #main-navigation li.menu-item-home a { background-image: url('images/home-icon-white.png'); } #menu-main a[href*="login"]:hover, #menu-main li.current-menu-item a[href*="login"], .fixed #menu-main a[href*="login"] { background-image: url('images/key-icon-white.png'); } #menu-main a[href*="basket"]:hover, #menu-main li.current-menu-item a[href*="basket"], .fixed #menu-main a[href*="basket"] { background-image: url('images/basket-icon-white.png'); } #menu-main a[title="contact"]:hover, #menu-main li.current-menu-item a[title="contact"], .fixed #menu-main a[title="contact"] { background-image: url('images/contact-icon-white.png'); } /** * * * Blayne's column framework - 12 columns * * **/ .container{ max-width:1000px; margin: 0 auto; padding:0 1.6em; } .row{ width:100%; } .row:after{ content: ''; display: block; width:100%; clear:both; } .one.column, .two.column, .three.column, .four.column, .five.column, .six.column, .seven.column, .eight.column, .nine.column, .ten.column, .eleven.column, .twelve.column, .custom-5.column { float:left; padding:0.8em 0; } .one.column{ width:8.333333%; } .two.column{ width:16.666666%; } .three.column{ width:25%; } .four.column{ width:33.333333%; } .five.column{ width:41.666666%; } .six.column{ width:50%; } .seven.column{ width:58.333333%; } .eight.column{ width:66.666666%; } .nine.column{ width:75%; } .ten.column{ width:83.333333%; } .eleven.column{ width:91.666666%; } .twelve.column{ width:100%; } .custom-5.column{ width:20%; } .column .column{ padding:0; } .transition, a, a:before{ -ms-transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out; -moz-transition:all 200ms ease-out; -o-transition:all 200ms ease-out; transition:all 200ms ease-out; } .vertical-shadow{ -ms-box-shadow:0 1px 2px 0 rgba(51,51,51,0.4); -webkit-box-shadow:0 1px 2px 0 rgba(51,51,51,0.4); -moz-box-shadow:0 1px 2px 0 rgba(51,51,51,0.4); -o-box-shadow:0 1px 2px 0 rgba(51,51,51,0.4); box-shadow:0 1px 2px 0 rgba(51,51,51,0.4); } .shadow-overlay{ -ms-box-shadow:inset 0 0 0 5000px rgba(51,51,51,0.3); -webkit-box-shadow:inset 0 0 0 5000px rgba(51,51,51,0.3); -moz-box-shadow:inset 0 0 0 5000px rgba(51,51,51,0.3); -o-box-shadow:inset 0 0 0 5000px rgba(51,51,51,0.3); box-shadow:inset 0 0 0 5000px rgba(51,51,51,0.3); } .white-container{ background-color: #fff; width:100%; } .white-container .proportionate{ position: relative; padding-top: 140%; } .beige .proportionate:first-of-type{ position: relative; padding-top:37%; margin-bottom: 5%; } .beige .related-comp-posts .proportionate{ margin-bottom: 0; } .related-comp-posts .home-box.double-height{ height: 100%; } .related-comp-posts .row, .related-comp-posts .row .six.column{ height:100%; } .related-comp-posts .row .six.column:first-of-type h2{ padding-bottom:.6em; } .related-comp-posts .relatedthumb{ margin:.2em 0; } .prop-con{ position: absolute; top:0; right:0; bottom:0; left:0; } .pink{ color:#d22266; } .content{ padding:2.4em 0; } .featured-feed{ padding-bottom:.7em; } .featured-feed .column{ position: relative; overflow: hidden; padding-top:0; } .featured-feed img{ height:56px; height:5.6rem; width: auto; padding: 0px; margin: 0 auto; } .featured-feed span{ background-color: #d22266; border-radius: 2px; color:#fff; text-align: center; display: block; width:7em; line-height: 3.5; } .featured-feed .widget.inline{ margin: 0; } .colored-heading{ text-align: center; background-color:#04b7e3; color:#fff; padding:.2em 0; margin-top:.4em; font-size: 1.2em; } .beige{ background-color: #d5d5d5; padding:2.4em 0; margin-bottom:1.4em; } .overlay-box{ position: absolute; right:0;bottom:0;left:0; width:100%; height:100%; color:#fff; text-align: center; } .overlay-box h3 { position:relative; top:50%; transform: translate(0,-50%); } .jury-roster-link p.slide-up, .charities-link p.slide-up { padding-top: 5%; } /** * * * Header styles * * **/ .inner-header { background: url('images/coloured-square-header.png') repeat-x top left; background-size: auto 15px; } .logo-and-text { padding-top: 48px; padding-bottom: 24px; } .four.column.eleven-quote { border-left: 2px solid #666; min-height: 162px; } .eleven-quote p { padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 20px; font-size: 24px; line-height: 30px; font-style: italic; letter-spacing: 1px; } #navigation { position: static; } #navigation.fixed { position: fixed; top: 0; left: 0; z-index: 9999999; background-color: #333; } #navigation.fixed a { color: #fff; } #navigation.fixed .twelve.column { float: none; } #navigation.fixed .twelve.column:after { content: ''; display: block; width: 100%; clear: both; } #nav-placeholder.active { height: 55px; clear: both; } #main-navigation{ background-color:transparent; padding-bottom: .7em; } .top-bar{ border-bottom: 1px solid #444; } .top-bar .logged-in p{ display: inline-block; color: #fff; padding: 0 0 0 10px; vertical-align: middle; font-size: 12px; } .top-bar .logged-in p a{ color:#fff; text-decoration: underline; } .top-bar .logged-in img{ vertical-align: middle; } #social-navigation, #competition-navigation, #competition-post-navigation{ text-align: right; } #social-navigation li, #competition-navigation li, #competition-post-navigation li{ display: inline-block; margin-right: 10px; vertical-align: middle; } .column.no-bottom-padding{ padding-bottom:0; margin-bottom: -0.8em; } #competition-navigation li:after, #competition-post-navigation li:after{ content: '|'; display: inline-block; margin-left: 10px; color:#04b7e3; } #competition-navigation li:last-of-type:after, #competition-post-navigation li:last-of-type:after{ content: ''; } #competition-post-navigation li:after{ color:#d22266; } #competition-navigation li a{ color:#04b7e3; } #competition-post-navigation li a{ color:#d22266; } #social-navigation li a:before, .main-footer .widget a span.genericon{ background-color: #fff; padding:4px; color:#222; border-radius: 2px; } #social-navigation li a:hover:before{ background-color: #d22266; } #menu-legal li{ display: block; } #menu-legal li a, .main-footer .widget a{ color: #222; } .competition-cat-meta a:hover, .competition-home-content h1 a:hover{ color:#d22266; } #main-header{ background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #ddd 0%, #fff 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ddd 0%, #fff 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ddd 0%, #fff 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ position: static; width:100%; border-bottom: 2px solid #666; } #content{ padding-top:50px; } .site-title a, .site-description{ color:#fff; } .site-logo, .site-no-logo{ padding:.8em 0; } .site-logo img{ height:8em; width: inherit; } #main-navigation .column{ padding-top:.7em; padding-bottom:0; } #main-navigation ul li{ float:left; position: relative; margin-right:10px; } #main-navigation ul li:after { content: ' | '; position: absolute; top: 50%; right: -6px; margin-top: -11px; } #main-navigation ul li a{ -ms-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; display: block; padding:0.4em 12px; color: #333; text-transform: capitalize; background-color:transparent; text-align: center; width:auto; font-weight: normal; font-size: 13px; } #main-navigation ul li a:hover{ background-color: #04b7e3; color: #fff; } .main-search-container{ position: relative; padding-right:3em !important; text-align: right; } .main-search-toggle{ position: absolute; top:0; right:0; bottom:0; font-size:1.6em; line-height:2.1; cursor: pointer; width:2em; color:#666; } .main-search-toggle:hover{ color:#d22266; } #search{ width:100%; border: 0; padding: .7em .5em; display: block; background-color: #e8e8e8; } #search:focus, #search:active{ outline: 0; } #search.search-show{ max-width:600px; padding:.5em 0 .5em 1em; } .alignright{ float: right; } div.two.column.header-png { padding-right: 21px; } .header-png img { width:100%; height: auto; } /** * * * Hero index page * * **/ #hero-section{ color:#fff; text-align: center; margin-top:.7em; position: relative; line-height: 0; height:66.666666%; overflow: hidden; } #hero-section img{ width:auto; height:100%; } #hero-section p{ font-size: 2.4em; text-transform: uppercase; letter-spacing: 16px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); display: inline-block; padding: 0; } #hero-section p:first-child{ padding: 20% 0 0 0; } #hero-section div{ position: absolute; width:100%; height:100%; top:0; left:0; } #hero-section div.hidden{ display: none; } .home-box{ height: 33.333333%; width:100%; background-color:#222; margin-bottom:1em; overflow: hidden; position: relative; line-height: 0; } .home-box.double-height{ height:66.666666%; line-height: 0; } .home-box img{ width:100%; height:auto; } .multi-box-layout .row{ height: 47.7%; } .multi-box-layout .six.column, .multi-box-layout .six.column .six.column{ padding-right:1em; height: 100%; } .multi-box-layout .six.column .six.column{ padding-top:0; } .multi-box-layout .six.column:nth-child(3) .row{ height: 100%; } .multi-box-layout .six.column:nth-child(3), .multi-box-layout .six.column .six.column:nth-child(2){ padding-right:0; } .multi-box-layout .six.column .six.column:nth-child(2) .home-box{ height:32.333333%; } .multi-box-layout .six.column .six.column:nth-child(2) .home-box:nth-child(3){ height:33.333333%; margin-bottom: 0; } .multi-box-layout .six.column:nth-child(2), .multi-box-layout .six.column:nth-child(3){ padding-bottom: 0; padding-top:1em; } .multi-box-layout .six.column:nth-child(5), .multi-box-layout .three.column{ padding-top:0; height: 100%; margin-top:2em; } .multi-box-layout .six.column:nth-child(5){ padding-left: 1em; } .subscribe-background{ background: url('images/subscribe.jpg') no-repeat center center; background-size: cover; } .mc4wp-form p{ padding-left:1em; padding-right: 1em; } .mc4wp-form p:nth-child(2){ padding-top:0; padding-bottom:0; } .mc4wp-form label{ text-align: center; font-size:1.4em; color:#fff; display: block; } .mc4wp-form span{ color:#fff; padding:.7em 0; display: block; line-height: normal; } .mc4wp-form input[type="email"]{ width:100%; display: block; line-height: 2; border:0; padding:.4em; border-radius: 2px; } .mc4wp-form input[type="email"]:focus{ outline: 0; } .mc4wp-form input[type="submit"], .main-footer .widget_umform .um_login_form input[type="submit"], .voting-login input[type="submit"]{ border:0; background: #d22266; color:#fff; border-radius:2px; font-size: 1.4em; line-height:2; padding:0 1em; } #home-slider { height: 600px; overflow: hidden; margin-top: -50px; position: relative; } #home-slider .slide { width: 100%; height: 600px; position: relative; } #home-slider button.slick-next, #home-slider button.slick-prev { position: absolute; bottom: 90px; border: 0; width: 90px; height: 90px; color: #fff; font-size: 0; z-index: 90; } #home-slider .slick-next { right: 0; background: url('http://eleven-magazine.com/wp-content/themes/elevenmagazinetheme/images/thin-arrow-next.png') no-repeat center center; background-size: contain; } #home-slider .slick-prev { left: 0; background: url('http://eleven-magazine.com/wp-content/themes/elevenmagazinetheme/images/thin-arrow-prev.png') no-repeat center center; background-size: contain; } #home-slider .slick-dots button { opacity: 0; } #home-slider ul.slick-dots li { background-color: transparent; border: 1px solid #fff; } #home-slider ul.slick-dots li.slick-active { background-color: #fff; } #home-slider ul.slick-dots { bottom: 72px; right: 15%; } #home-slider .slide-content { background-color: rgba( 255, 255, 255, 0.6 ); position: absolute; bottom: 81px; margin-left: 7px; padding: 9px 21px; width: 360px; min-height: 108px; } .slide-content h2 { font-family: helvetica; font-weight: 700; } .slide-content p.subtitle { padding: 0; font-size: 18px; } #home-content { position: relative; } #home-slider a { color: #222; } #home-slider a.slide-link { position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; } #home-slider .top-right { position: absolute; top: 5%; right: 5%; height: 200px; width: 200px; } #home-slider .top-right img { width: 100%; height: auto; } a .option-box { color: #333; } .option-box { width: 95%; margin: 0 auto; height: 132px; background-color: #edefee; padding: 15px 6px; -webkit-transition: all 220ms ease-out; -moz-transition: all 220ms ease-out; -ms-transition: all 220ms ease-out; transition: all 220ms ease-out; } .option-box:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .option-box.blue { border-left: 6px solid #04b7e3; } .option-box.red { border-left: 6px solid #d22266; } .option-box.green { border-left: 6px solid #3cb64a; } .option-box.yellow { border-left: 6px solid #fdbd34; } a .option-box h4 { font-size: 15px; font-weight: 700; } a .option-box.blue h4 { color: #04b7e3; } a .option-box.red h4 { color: #d22266; } a .option-box.green h4 { color: #3cb64a; } a .option-box.yellow h4 { color: #fdbd34; } .option-box img { width: 100%; height: auto; max-width: 100px; } .row.home-options { margin-top:-72px } #home-content blockquote p { font-size: 30px; text-align: center; line-height: 36px; color: #ccc; font-weight: 300; } .blue-bar { background-color: #04b7e3; color: #fff; padding-top: 15px; padding-bottom: 15px; } #home-content .searchform { position: relative; padding-left: 50px; padding-right: 15px; } #home-content .searchform:before { content: '\f400'; font-family: 'Genericons'; display: block; position: absolute; top: 0; left: 0; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 36px; color: #fff; z-index: 0; } #home-content .searchform input { background-color: rgba( 255, 255, 255, 0.2 ); color: #fff; } #home-content .searchform input::-webkit-input-placeholder { color: #fff; } #home-content .subscribe a { color: #fff; } #home-content .register-login { position: relative; padding-right: 50px; padding-left: 15px; } #home-content .register-login a { color: #fff; font-style: italic; font-weight: 700; } #home-content .register-login:after { content: ''; background-image: url('http://eleven-magazine.com/wp-content/themes/elevenmagazinetheme/images/key-icon-white.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; right: 0; width: 36px; height: 36px; } @media screen and (max-width: 850px) { #home-content .three.column { width: 50%; } } @media screen and (max-width: 600px) { #home-content .three.column { width: 100%; } #home-content .three.column .six.column { width: 50%; float: left; } } /** * * * Competition homepage * * **/ .header-image-container{ position: relative; width:100%; height:30em; overflow: hidden; z-index: 5; background-repeat: no-repeat; background-position: center center; background-size: cover; } .container.overlay-top{ background-color: #fff; margin-bottom:2.1em; padding-top: 1.4em; position: relative; top:-10em; z-index: 10; -ms-box-shadow: 16px -16px 4px -15px rgba(51,51,51,0.4), -16px -20px 4px -15px rgba(51,51,51,0.4); -webkit-box-shadow: 16px -16px 4px -15px rgba(51,51,51,0.4), -16px -20px 4px -15px rgba(51,51,51,0.4); -moz-box-shadow: 16px -16px 4px -15px rgba(51,51,51,0.4), -16px -20px 4px -15px rgba(51,51,51,0.4); -o-box-shadow: 16px -16px 4px -15px rgba(51,51,51,0.4), -16px -20px 4px -15px rgba(51,51,51,0.4); box-shadow: 16px -16px 4px -15px rgba(51,51,51,0.4), -16px -20px 4px -15px rgba(51,51,51,0.4); } .comp-info.row .six.column{ padding-top:1.4em; } .status{ position: absolute; top:0; left:0; color: #fff; line-height: 2em; width:10em; text-align: center; z-index: 10; } .status.closed, .find-out-more .column.red a, .contact-columns h2.red, .voting-container a{ background-color: #d22266; } .status.open, .find-out-more .column.blue a, .register-container a, .contact-columns h2.blue{ background-color: #04b7e3; } .status.coming-soon, .find-out-more .column.yellow a, .contact-columns h2.yellow{ background-color: #fdbd34; } .competition-home-content .home-box, .open-comp-related .home-box { position: relative; line-height: 0; height: 50%; margin-bottom:2%; } .competition-home-content .home-box { margin-bottom: 0; } .competition-home-content .home-box.jury-roster-link, .competition-home-content .home-box.charities-link, .open-comp-related .home-box.charities-link, .open-comp-related .home-box.jury-roster-link { height: 25%; } .competition-home-content .home-box.double-height, .open-comp-related .home-box.double-height{ height:103%; } .competition-home-content .six.column, .competition-home-content .row, .open-comp-related .six.column, .open-comp-related .row{ height:100%; } .competition-home-content .home-box.auto-height, .competition-post-container .home-box.auto-height, .home-box.auto-height{ height:auto; overflow: hidden; line-height: 0; } .competition-post-container .home-box.auto-height, .open-comp-related .home-box.auto-height{ max-height: 240px; max-height:24rem; } .competition-home-content .home-box.auto-height img, img.attachment-post-thumbnail.wp-post-image{ width:100%; height:auto; } .comp-title{ position: absolute; bottom:0; left:.4em; width:100%; color:#fff; } .hover-effect:hover .comp-title, .hover-effect:hover .overlay-box{ bottom:100%; } .comp-title a{ color:#fff; } .comp-title a:hover{ color:#d22266; } .overlay-bottom-transparent{ position: absolute; top:0;right:0;bottom:0;left:0; width:100%; height:100%; background: -webkit-linear-gradient(bottom, rgba(51,51,51,0.3) , transparent); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(top, rgba(51,51,51,0.3) , transparent); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(top, rgba(51,51,51,0.3) , transparent); /* For Firefox 3.6 to 15 */ background: linear-gradient(to top, rgba(51,51,51,0.3) , transparent); /* Standard syntax */ } .open-comp .six.column:nth-child(1){ padding-right:1.4em; } .open-comp .six.column:nth-child(2){ padding-left:1.4em; } .charity-img{ display: block; margin: 1.4em auto 0; max-width:100%; height: auto; } .competition-home-content .six.column .six.column:nth-child(2), .competition-home-content .six.column:nth-child(2), .open-comp-related .six.column .six.column:nth-child(2), .competition-home-content .six.column:nth-child(2){ padding-left:.5em; } .hall-of-fame-link img{ width:100%; } .open-comp p.slide-up, p.slide-up{ position: absolute; top:100%; left:0; width:100%; height:100%; text-align: center; padding:20% 0 0; font-size: 1.8em; color:#fff; border-bottom:2px solid #fff; } p.slide-up:after{ font-family: 'genericons'; content: '\f500'; position: absolute; bottom:0; left:50%; font-size: 2.1em; color:#fff; margin-left: -.45em; } p.slide-up.yellow{ background: rgba(253,189,53,0.7); } p.slide-up.red{ background: rgba(209,33,101,0.7); } p.slide-up.blue{ background: rgba(4,183,227,0.7); } p.slide-up.green{ background: rgba(60,181,74,0.7); } p.slide-up.black{ background: rgba(0,0,0,0.7); } .hover-effect:hover p.slide-up{ top:0; } .home-box.open-comp .status, .home-box.coming-soon-comp .status, .home-box.closed-comp .status{ width:100%; text-align: right; padding-right:1em; } .home-box.closed-comp img, .home-box.coming-soon-comp img{ height:100%; width: auto; } .find-out-more .column.red, .find-out-more .column.yellow{ padding-left:.5em; } nav#competition-navigation{ padding: .4em 0; } nav#competition-navigation li:last-child:after{ content: ''; } @-webkit-keyframes pulse { 50% { background-color: #81e6ff } } @keyframes pulse { 50% { background-color: #81e6ff } } .register-container a{ display: block; width:100%; text-align: center; color:#fff; padding:.4em 0; text-transform: uppercase; letter-spacing: 1px; -webkit-animation: pulse ease-out 2s infinite; animation: pulse ease-out 2s infinite; } .voting-container a{ display: block; width:100%; text-align: center; color:#fff; padding:.4em 0; text-transform: uppercase; letter-spacing: 1px; } .competition-home-content .blue-circle { margin-top: 30px; } .justify { text-align: justify; } h1.large-grey { color: #bbb; font-size: 4em; } h1.small-grey { color: #bbb; padding-bottom: .5em; } .live-comps, .line-bottom { padding-bottom: 4em; border-bottom: 2px solid #ddd; margin-bottom: 4em; } .coming-comps { text-align: right; } .polling-station { position: relative; background-color: #04b7e3; color: #fff; margin-top: 4em; margin-bottom: 4em; padding-top: 2em; padding-bottom: 2em; } .poll { z-index: 1; transition: left 330ms ease-out 165ms; } p.large { font-size: 1.7em; padding-top: 0; padding-bottom: 0; transition: left 330ms ease-out; } .polling-station .container p:last-child { transition: left 330ms ease-out 330ms; } #poll-messages { width: 100%; text-align: center; font-size: 2em; line-height: 7em; opacity: 0; transition: opacity 220ms ease-out 440ms; } #poll-messages.active { position: absolute; top: 0; left: 0; opacity: 1; } p.large, .poll, .polling-station .container p:last-child { position: relative; left: 0; } p.large.active, .poll.active, .polling-station .container p.active:last-child { left: -200%; } .poll .field { text-align: center; } .poll .field input { opacity: 0; width: 0; height: 0; overflow: hidden; } .poll .field label { display: block; width: 100%; background-color: #fff; color: #222; line-height: 4em; cursor: pointer; -webkit-transition: background-color 220ms ease-out, transform 220ms ease-out; -moz-transition: background-color 220ms ease-out, transform 220ms ease-out; -ms-transition: background-color 220ms ease-out, transform 220ms ease-out; transition: background-color 220ms ease-out, transform 220ms ease-out; } .poll .field { padding-left: 21px; padding-top: 0; padding-bottom: 0; } .poll { margin-left: -21px; } .poll .field input:checked + label { background-color: #74cfe6; color: #fff; } .poll input[type="submit"] { float: right; background-color: transparent; border: 0; font-size: 1.7em; line-height: 2.5em; } .hall-of-fame-link { text-align: right; } .hall-of-fame-link img, .eight.column.recent-closed-comp img { max-height: 310px; width: auto; } .past-competitions img { width: 100%; height: auto; } .past-competitions .row, .comp-related-links .row { margin-left: -21px; } .past-competitions .column { padding-left: 21px; padding-bottom: 21px; } .comp-related-links .column { padding-left: 21px; } .comp-related-links a { display: block; background-color: #04b7e3; color: #fff; line-height: 1em; padding: 14px 21px; text-align: right; font-size: 1.4em; -webkit-transition: background-color 220ms ease-out, transform 220ms ease-out; -moz-transition: background-color 220ms ease-out, transform 220ms ease-out; -ms-transition: background-color 220ms ease-out, transform 220ms ease-out; transition: background-color 220ms ease-out, transform 220ms ease-out; } .comp-related-links a:hover, .poll .field label:hover, .large-text-blue a.signup-trigger:hover { background-color: #74cfe6; -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } .silver-bg { background-color: #f3fcff; padding-top: 4em; padding-bottom: 4em; margin-top: 4em; } .cta-comp-email { position: relative; left: 0; padding-top: 4em; padding-bottom: 4em; opacity: 1; -webkit-transition: left 650ms ease-out, opacity 450ms ease-out 200ms; -moz-transition: left 650ms ease-out, opacity 450ms ease-out 200ms; -ms-transition: left 650ms ease-out, opacity 450ms ease-out 200ms; transition: left 650ms ease-out, opacity 450ms ease-out 200ms; } .cta-comp-email.fade-effect { left: -100%; opacity: 0; } .cta-comp-email p { text-align: center; font-size: 2em; line-height: 1.2em; color: #444; } .cta-comp-email p a { color: #444; } .cta-comp-email p a:hover { color: #04b7e3; } .hover-link-effect { position: relative; display: inline-block; line-height: 0; width: 100%; } .hover-link-effect:after { content: '\f400'; font-family: 'Genericons'; display: block; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-size: 60px; color: #fff; z-index: 2; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 220ms ease-out; -moz-transition: opacity 220ms ease-out; -ms-transition: opacity 220ms ease-out; transition: opacity 220ms ease-out; } .hover-link-effect:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; width: 100%; background-color: rgba(17,17,17,0.6); opacity: 0; -webkit-transition: opacity 220ms ease-out; -moz-transition: opacity 220ms ease-out; -ms-transition: opacity 220ms ease-out; transition: opacity 220ms ease-out; } .hover-link-effect:hover:after, .hover-link-effect:hover:before { opacity: 1; } /** * * * Competition post page * * **/ #read-more-btn, .read-more-btn{ float:right; background-color: #222; color:#fff; margin-top:1.4em; padding:.4em 1.4em; border-radius: 2px; display: block; cursor: pointer; } #read-more-btn:hover, .read-more-btn:hover{ background-color: #d22266; } .eight.column.hidden-paragraph{ padding-left: 2em; } .small-blue-box{ background-color: #04b7e3; width:100%; height:6em; position: relative; padding: 0 .2em 1em .2em; } .blue-box-container .four.column, div.eight.column.comp-brief-con{ padding-right: .5em; } .blue-box-container .four.column:last-child{ padding-right: 0; } .small-blue-box div{ width:100%; height:50%; } .teams div:last-child, .participants div:last-child, .countries div:last-child{ text-align: center; } .teams div:last-child h6, .participants div:last-child h6, .countries div:last-child h6, .teams div:last-child p, .participants div:last-child p, .countries div:last-child p{ line-height: 1.3; margin:0; padding:0; color:#fff; } .small-red-box p, .date-day, .date-month-year{ line-height: 1; margin:0; padding:0; color:#fff; } .teams div:last-child p, .participants div:last-child p, .countries div:last-child p{ font-size: 10px; font-size:1rem; } .teams div:last-child h6, .participants div:last-child h6, .countries div:last-child h6{ font-size: 1.6em; margin-top: -.7em; } .teams img, .participants img, .countries img { width: 47px; height: auto; } .comp-brief{ width:100%; background-size: cover; background-color: #333; height:6em; margin-top:.5em; position: relative; overflow: hidden; padding: .4em; } .comp-brief h6{ color:#fff; text-align: center; } .comp-brief p{ padding:0; margin:0; line-height: 0.4; text-align: center; padding-top:22%; color:#fff; font-size: 10px; } .single-competition .colored-heading{ margin-top:.5em; font-size: 14px; font-size: 1.4rem; } .single-competition .closed-comp-content{ padding-right: 4em; } .single-competition .closed-comp-content h1 { text-transform: uppercase; } .single-competition .closed-comp-content h2 { padding-bottom: 21px; } .three.column.line-up-p p, .three.column.line-up-p h1, .three.column.line-up-p h2, .three.column.line-up-p h3, .three.column.line-up-p h4, .three.column.line-up-p h5, .three.column.line-up-p h6{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .three.column.line-up-p{ padding-top: 9em; } .small-red-box{ background-color: #d22266; width:100%; height:6em; position: relative; padding:.4em; margin-top: .5em; text-align: center; } .small-red-box p{ font-size: 12px; font-size:1.2rem; } .date-day{ font-size:1.8em; padding-top:.2em; font-weight: 700; } .date-month-year{ font-weight: 700; font-size: 12px; font-size:1.2rem; } .hidden-paragraph p:first-of-type, .single-content p:first-of-type{ font-size: 1.3em; line-height: 130%; } .category-right{ text-align: right; font-size: 20px; font-size: 2rem; vertical-align: top; color:#d22266; } .category-right a:last-of-type{ padding-right:1em; } .row.red-border-top{ margin-top:4em; padding-top:2.4em; border-top: 1px solid #d22266; } .row.red-border-top h2{ color:#d22266; text-transform: uppercase; margin-bottom: 20px; } .row.grey-border-top{ margin-top:3.5em; padding-top:3.5em; padding-bottom:3.5em; border-top: 1px solid #666; border-bottom: 1px solid #666; } .winner-content .six.column:first-child{ padding-right:2em; } .winner-content .six.column:last-child{ padding-top: 0; } .entrant-names{ padding:0; margin:0; } ul.entrant-names li{ display: inline-block; } ul.entrant-names li:after{ display: inline-block; content:'|'; margin:0 10px; } ul.entrant-names li:last-child:after{ content: ''; } h6.country{ padding-top:.7em; font-weight: 700; font-size: 10px; font-size:1rem; } .winner-extra-images .four.column .home-box{ background-size: cover; height: 150px; } .winner-extra-images .four.column .home-box a{ position:absolute; width:100%; height: 100%; } .winner-content .four.column:first-child{ padding-right:.5em; } .winner-content .four.column:last-child{ padding-left: .5em; } .winner-content .four.column:nth-child(2){ padding:0 .25em; } .row.split-column .six.column:first-child{ padding-right:2em; } .row.split-column .six.column:last-child{ padding-left:2em; } .sheen-effect{ position: absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; } a.relative{ position: relative; display: block; height: auto; width:100%; overflow: hidden; } .honourable-mentions a.relative:after, .split-column a.relative:after, .winner-extra-images .home-box a:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #111; background-image: url( 'images/link-icon.png' ); background-repeat: no-repeat; background-position: center center; background-size: 42px; opacity: 0; -webkit-transition: opacity 220ms ease-out; -moz-transition: opacity 220ms ease-out; -ms-transition: opacity 220ms ease-out; transition: opacity 220ms ease-out; } .honourable-mentions a.relative:hover:after, .split-column a.relative:hover:after, .winner-extra-images .home-box a:hover:after { opacity: .6; } .honourable-mentions.row .four.column:nth-of-type(3), .honourable-mentions.row .four.column:nth-of-type(6){ padding-left: 1em; } .honourable-mentions.row .four.column:nth-of-type(2), .honourable-mentions.row .four.column:nth-of-type(5){ padding:0.8em .5em; } .honourable-mentions.row .four.column:nth-of-type(1), .honourable-mentions.row .four.column:nth-of-type(4){ padding-right: 1em; } #winner .row:first-of-type img, #runner-up img, #peoples-choice img, .honourable-mentions img, .other-entries img{ width:100%; height: auto; } .other-entries .custom-5.column{ padding:1em .5em 0; line-height: 0; } .other-entries .transition{ -ms-filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .other-entries .transition:hover{ -ms-filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } #entries-pagi{ clear: both; text-align: right; padding:2.1em .5em; } .beige.comp-post{ padding:3.5em 0; margin:3.5em 0; } .media-partners{ margin-top:2.1em; } .media-partners img{ height:3.6em; width:auto; display: block; margin: 0 auto; -ms-filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .container.related-comp-posts{ padding-top:3.5em; } .awarded-names, .comp-news{ background-color: #eee; /* #fdbd35 */ margin-bottom: .5em; text-transform: uppercase; } .comp-news .latest-news ul li { padding-right: 30px; } .awarded-names .two, .comp-news .two{ padding-left: 1em; font-weight: 700; color:#666; font-size: 12px; background-color: #ccc;/* #f8ca68 */ min-height: 43px; } .slick-slider.awarded-entries .slick-slide{ margin:0 10px; } .slick-slider.awarded-entries .slick-slide p{ padding: 0; font-family: 'dotmatrixregular'; -webkit-font-smoothing: antialiased; font-size: 12px; } .comp-and-number.twelve.column{ padding-top:2.1em; } .comp-and-number h4, .comp-and-number div{ display: inline-block; float:right; text-transform: uppercase; } .comp-and-number h4{ padding:.5em 0; } .post-categories li{ display: inline-block; } .post-categories li a{ color:#d22266; padding-right:1em; } .single-category{ margin-bottom: 1em; } .entry-number{ background-color: #d22266; color:#fff; padding:.7em 3.5em; } .post-content h6.country{ margin-bottom: 1.4em; } .align-right{ text-align: right; } .single-content{ padding-left:2em; } .single-entrants div.sharedaddy h3.sd-title{ display: none; } .single-entrants div.sharedaddy .sd-block .sd-content ul li{ float: left; width:33.333333%; text-align: center; } .single-entrants div.sharedaddy .sd-block .sd-content ul li a.sd-button::before{ font: 400 50px/50px Genericons; } .share-entries{ text-align: center; } .share-entries ul{ margin-bottom:0.7em; margin-top:0.7em; } .share-entries span.genericon{ font-size:50px; font-weight: 400; border-radius: 50%; background-color: #d22266; color:#fff; border-radius: 50%; -webkit-border-radius: 50%; padding: 8px; } .share-entries p{ font-size: 30px; font-size: 3rem; font-weight: 700; padding: 0; margin: 0; line-height: normal; } .share-entries p span.views{ display: block; font-size:16px; font-size: 1.6rem; font-weight: 300; color:#666; } .entrant-images{ margin-top:2.8em; } .entrant-images a:first-of-type img{ width:100%; height: auto; border: 4px solid #fff; -ms-transition:all 200ms linear; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; } .entrant-images img:hover{ box-shadow: -1px -1px 4px rgba(51,51,51,0.4); } .entrant-images a img, .entrant-images img{ width:33.333333%; height: auto; padding:.1em; border: 4px solid #fff; -ms-transition:all 200ms linear; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear; } .row.pagination{ margin:2.8em 0 4.2em; } .row.pagination .four.column{ text-align: center; border-left:1px solid #d22266; border-right: 1px solid #d22266; } .row.pagination .four.column:first-child{ border-right:0; } .row.pagination .four.column:last-child{ border-left:0; } .share-entries .sd-social-icon .sd-button span.share-count{ bottom: -66px; bottom: -6.6rem; left: 0; background: transparent; display: block; width: 100%; text-align: center; font-size: 30px; font-size: 3rem; font-weight: bold; padding:0; } .share-entries .sd-social .sd-button .share-count{ background: transparent; color:#333; display: block; } .share-entries .sd-social .sd-button .share-count:after{ display: block; font-size:16px; font-size: 1.6rem; font-weight: 300; color:#666; padding-top:.4em; } .share-entries .nine.column .sd-social .share-twitter .sd-button .share-count:after{ content: 'Tweets'; } .share-entries .nine.column .sd-social .share-facebook .sd-button .share-count:after, .share-entries .nine.column .sd-social .share-email .sd-button .share-count:after{ content: 'Shares'; } .sd-content ul li.share-twitter{ margin-bottom: 0.7em !important; } .beige h5{ font-size: 28px; font-size: 2.8rem; color:#444; } .beige h1, .beige h2, .beige h5, .beige h6{ color: #666; } div.twelve.vote-box{ padding:50px 20px; margin:40px 0 0; background-color:#f8f8f8; } body a.disabled, body a.jm-post-like{ font-size:50px; } .share-entries div.twelve.vote-box p{ font-size: 12px; padding-bottom: 20px; font-weight: 300; color:#666; } .share-entries div.twelve.vote-box p.shares{ font-size: 50px; padding-bottom: 0; } .share-entries div.twelve.vote-box p.shares span{ font-size: 15px; display: block; } .voting-information img{ width:100%; } .voting-login{ width:95%; max-width:600px; background-color:#f8f8f8; float:right; padding:10px 5%; margin-top:1em; position: relative; } .voting-login .um_input{ padding:10px; margin-top:0; } .voting-login .pf_label{ padding: 0; } .voting-login p{ padding:0 0 5px; } .voting-login .explanation h4{ color:#d22266; } .voting-login .explanation P{ padding-right:10%; } /*.voting-login .form > p:last-of-type{ position: absolute; left:5%; bottom:30px; width: 41.666666%; }*/ .voting-login .form > a{ position: absolute; left:5%; bottom:10px; width: 41.666666%; } .voting-login input[type="submit"]{ font-size: 1.2em; line-height:1.8; } .vote-entries img.transition.wp-post-image{ width:100%; height:auto; } .vote-entries .three.column{ padding:0 15px; margin-bottom: 15px; line-height: 0; } .vote-entries img{ max-height: 130px; min-height: 130px; } .vote-entries p{ float:left; font-size: 12px; font-weight: 700; } .comp-vote{ float:right; padding:.7em 0; } body .comp-vote a.disabled, body .comp-vote a.jm-post-like{ font-size: 16px; font-size: 1.6rem; } .slide-up .genericon{ font-size: 50px; } div.row.vote-entries.red-border-top{ padding-bottom:5em; } .voting-foot .three.column{ padding-right: 5%; } .voting-foot .six.column h4{ text-align: right; color:#fdbd34; border-bottom: 10px solid #fdbd34; } .voting-foot .three.column:first-of-type h4{ border-bottom:10px solid #04b7e3; color: #04b7e3; } .voting-foot .three.column:nth-of-type(2) h4{ border-bottom:10px solid #d22266; color: #d22266; } .voting-foot h4{ margin-bottom: 1em; } .voting-foot .sd-content ul li a.sd-button::before{ font-size: 30px; } .voting-foot div.scd-counter.scd-counter-col.clearfix{ width: 100%; } .voting-foot .scd-unit-vert{ float:left; clear: none; position: relative; padding-bottom:20px; width:25%; margin: 0; } .voting-foot .scd-label-row{ margin: 0 0.5em; position: absolute; bottom:0; left:0; text-align: center; } .voting-foot .scd-digits-row{ font-size: 10px; float: none; text-align: center; } .voting-news-feed ul li{ text-align: right; } .voting-information .form img{ width:auto; } #judge-options{ position:fixed; bottom:0; left:0; width:100%; background-color:#222; text-align: center; z-index:90; } #judge-options a{ color: #fff; display: inline-block; padding:10px 15px; position: relative; top:-20px; outline:10px solid #222; background-color:#d22266; } #judge-options a:before, #judge-options a:after{ content: ''; position: absolute; width:105px; height:75px; background-color: #222; } #judge-options a:before{ top:-10px; left:-80%; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); } #judge-options a:after{ top:-10px; right:-80%; -ms-transform: skewX(20deg); -webkit-transform: skewX(20deg); -moz-transform: skewX(20deg); -o-transform: skewX(20deg); transform: skewX(20deg); } body.single-competition #content div.sharedaddy{ padding-top:10px; } div.other-entries .custom-5 .transition{ width: 100%; height: 130px; background-size: cover; } .open-comp #competition-post-navigation li a, .open-comp #competition-post-navigation li:after { color: #04b7e3; } iframe.comp-video { width: 100%; height: 456px; } .open-comp .comp-news .ten.column { padding: 0.7em 0 0.7em 1em; } .blue-circle { width: 100%; max-width: 200px; min-height: 200px; background-color: #04b7e3; border-radius: 100%; position: relative; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-animation: pulse ease-out 2s infinite; animation: pulse ease-out 2s infinite; } .blue-circle.margin-top { margin-top: 120px; } .blue-circle span { text-align: right; display: block; position: absolute; bottom: 20%; left: 0; width: 100%; padding-right: 20%; font-size: 36px; color: #fff; line-height: 48px; } .blue-circle span strong { display: block; padding-right: 10px; } .open-comp p { text-align: justify; } .light-grey { padding-top: 0.35em; color: #aaa; } .full-width-fixed-img { width: 100%; height: 450px; } .full-width-fixed-img.half { height: 225px; } #outcome img { width: 100%; height: auto; } .container#jury { padding-left: 0; } .dark-bg { background-color: #333; } a.judges-link { display: block; } img.judges-logo { width: 100%; } #jury .achievement-details p { padding: 0; } #jury .achievement-details blockquote { font-size: 18px; font-weight: 700; } .text-white { color: #fff; } .border-top { border-top: 1px solid #fff; } .fees, .schedule { min-height: 300px; } .awards { min-height: 528px; } .fees, .schedule, .awards, .charity, .contact-us, .faq, .sponsors-and-partners { padding-top: 24px; padding-bottom: 24px; border-top: 1px solid; } .nine.column.padding-left { padding-left: 25px; } .fees ul, .schedule ul { padding-top: 24px; } .fees ul li, .schedule ul li { padding-bottom: 15px; font-size: 14px; line-height: 21px; } .fees strong, .fees em { display: block; color: #aaa; font-size: 12px; line-height: 15px; } .four-box-awards { padding-top: 24px; position: relative; left: -24px; } .four-box-awards h3 { font-size: 21px; line-height: 24px; color: #04b7e3; padding: 12px; padding-left: 62px; border-bottom: 1px solid; } .first-place, .second-place, .third-place, .pc-winner { border: 1px solid; border-radius: 8px; } .first-place { background: url('images/winner-award.png') no-repeat left -6px; background-size: 50px; } .second-place { background: url('images/runner-up-award.png') no-repeat left -6px; background-size: 50px; } .third-place { background: url('images/honourable-mentions-award.png') no-repeat left -6px; background-size: 50px; } .pc-winner { background: url('images/peoples-choice-award.png') no-repeat left -6px; background-size: 50px; } .first-place, .four-box-awards .first-place h3 { border-color: #dec500; } .second-place, .four-box-awards .second-place h3 { border-color: #b8d8f8; } .third-place, .four-box-awards .third-place h3 { border-color: #ce8e72; } .pc-winner, .four-box-awards .pc-winner h3 { border-color: #2db4de; } .pc-winner { min-height: 164px; } .second-place, .third-place { min-height: 340px; } .first-place { min-height: 528px; } .open-comp .four-box-awards .six.column:nth-child(1) { padding-right: 0; } .open-comp .four-box-awards .six.column:nth-child(2) { padding-left: 24px; } .pc-winner { margin-top: 24px; } .four.column.spacing, .six.column.spacing, .twelve.column.spacing { padding-left: 24px; } #comp-details { padding-top: 48px; padding-bottom: 48px; } .four-box-awards .pc-winner h3 { border-bottom: 0; } .award-content { padding: 24px 12px; } .award-content p { padding: 6px 0; text-align: left; } .full-width-banner.blue { background-color: #04b7e3; } .full-width-banner.blue a { display: block; width: 100%; padding-top: 24px; padding-bottom: 24px; } .full-width-banner.blue img { width: 100%; } .charity img { width: 100%; max-width: 150px; margin-left: auto; margin-right: auto; display: block; padding-top: 24px; } .padding-top { padding-top: 24px; } .sponsors-and-partners .slick-slide img { width: 100%; height: auto; max-width: 100px; } .sponsors-and-partners { position: relative; } .email-programme { border-top: 2px dotted #04b7e3; position: absolute; bottom: 0; left: 0; width: 100%; } .email-programme p { padding-top: 24px; padding-bottom: 24px; font-size: 18px; font-style: italic; background: url('images/mail-icon.jpg') no-repeat right center; background-size: 50px auto; } .email-programme p a { color: #04b7e3; } .charity, .sponsors-and-partners { min-height: 390px; } .faq ul li:nth-child(2n+2) { padding-bottom: 18px; } .open-comp .open-comp-related .six.column:nth-child(1) { padding-right: 0; } .open-comp .open-comp-related p.slide-up { text-align: center; } #outcome .three.column { padding-right: 4%; } .find-out-more-closed h4 { padding-top: 9px; padding-bottom: 3px; } .find-out-more-closed .info-pack, .find-out-more-closed .jury-list { padding-right: .5em; } .black-border-box { border: 1px solid #222; height: 6em; margin-top: .5em; position: relative; overflow: hidden; padding: .4em; text-align: center; } .find-out-more-closed img { max-width: 47px; height: auto; display: block; margin: 0 auto; } .find-out-more-closed .info-pack a { color: #333; } .all-center { border: 6px solid #04b7e3; margin-top: 12px; } .all-center h4.colored-heading { margin-top: 0; padding-top: .5em; padding-bottom: .8em; } .all-center img { width: 100%; max-width: 60%; margin-bottom: 1.4em; } .winner-content .read-more-btn, .split-column .read-more-btn { margin-top: .8em; } .winner-content .sharedaddy, .split-column .sharedaddy { float: left; } .winner-content p { max-height: 187px; overflow: hidden; line-height: 160%; } /** * * * About page * * **/ .team{ background-color:#d5d5d5; } .team img{ width:100%; max-width:10em; height:auto; border-radius: 200em; margin:0 auto; display: block; border:1px solid #ddd; } .team h5{ text-align: center; color:#222; padding-top:.8em; font-size: 18px; font-size: 1.8rem; } .team p{ text-align: center; color:#777; padding-top:.8em; } .widget.inline{ display: inline-block; margin:.7em 4.2em; } .featured-in{ text-align: center; } .featured-in h3{ text-align: left; } .featured-in img{ width: auto; height: 4em; display: block; margin: 0 auto; } .about h1, .about h2, .about h3, .about h4, .about h5, .about h6 { font-family: helvetica; font-weight: 700; } .about h1 { color: #bbb; font-size: 4em; } .share-button { display: inline-block; position: relative; } .share-btns { position: absolute; top: 110%; left: -50%; z-index: 2; width: 200%; max-height: 0; background-color: #fff; -webkit-box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -ms-box-shadow: 0px 0px 5px #bbb; box-shadow: 0px 0px 5px #bbb; overflow: hidden; opacity: 0; transition:top 220ms ease-out, opacity 220ms ease-out; } .share-btns .sd-content ul { margin-bottom: 0 !important; } .share-button:hover .share-btns { top: 100%; max-height: 100px; padding-top: 12px; padding-right: 6px; opacity: 1; } .large-text-blue, .large-text-blue a, .large-text-blue p { font-size: 1.3em; color: #04b7e3; font-weight: 700; padding-top: 0; padding-bottom: 0; } .large-text-blue .row .six.column:first-child, .large-text-blue .row .six.column:first-child .row .six.column:nth-child(2) { text-align: left; } .large-text-blue .row .six.column:first-child .row .six.column { border-right: 2px solid #ddd; padding-left: 26px; padding-right: 26px; } .large-text-blue .row .six.column:first-child .row .six.column:first-child { padding-left: 0; } .large-text-blue .row .six.column:nth-child(2) { text-align: right; } .large-text-blue a { display: inline-block; padding-right: 26px; padding-left: 26px; border-right: 2px solid #ddd; line-height: 77px; } .large-text-blue a.signup-trigger { border-right: 0; padding-left: 36px; padding-right: 36px; color: #fff; background-color: #04b7e3; -webkit-transition: background-color 220ms ease-out, transform 220ms ease-out; -moz-transition: background-color 220ms ease-out, transform 220ms ease-out; -ms-transition: background-color 220ms ease-out, transform 220ms ease-out; transition: background-color 220ms ease-out, transform 220ms ease-out; } .large-text-blue a.share-button { border-right: 0; } p.small-text-blue { font-weight: 400; font-size: .8em; } .about .content { padding-top: 0; } .about .nine.column { padding-right: 5%; } .about h2 { padding-top:.35em; margin-bottom: 1em; border-bottom: 3px solid #04b7e3; color: #04b7e3; font-size: 1.6em; } .about h2 span { display: block; font-weight: 300; font-size: .8em; } .friends-and-partners ul li { float: left; width: 33.333333%; text-align: center; } .friends-and-partners ul li img { width: auto; max-width: 200px; max-height: 132px; height: auto; } .friends-and-partners small { color: #999; } .about a { color: #04b7e3; font-weight: 700; } .publish-with-us, .about .sponsor, .about .contact { padding-top: 4em; padding-bottom: 4em; } .publish-with-us p, .about .sponsor p { text-align: justify; } .about .about-eleven { padding-bottom: 4em; } .publish-with-us .row .six.column:first-child { padding-right: 2.5%; } .publish-with-us .row .six.column:last-child { padding-left: 2.5%; } .publish-with-us .guide-link { text-align: right; } .publish-with-us .guide-link a { color: #04b7e3; display: inline-block; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } .contact > .row { position: relative; left: -2.5%; width: 102.5%; } .contact .three.column { padding-left: 2.5%; } .about .blue { color: #04b7e3; font-weight: 700; } .about .right { float: right; } .emails p { border-bottom: 1px solid #bbb; } .emails .right a { color: #333; } .social .icon:before { width: 50px; height: 50px; color: #fff; background: #333; font-family: Genericons; font-size: 24px; line-height: 50px; display: block; text-align: center; border-radius: 100%; float: left; margin-right: 12px; } .social .facebook:before { content: '\f204'; } .social .twitter:before { content: '\f202'; } .about .full-width-fixed-img { height: 225px; } @media screen and (max-width: 450px) { .friends-and-partners ul li { width: 50%; } } /** * * * Competition voting page * * **/ #voting-mode.competition-post-container { margin-top: -50px; } .full-width-img { height: 420px; margin-bottom: 60px; } #voting-mode .blue-circle { float: right; margin-top: 30px; border: 3px solid #fff; } #voting-mode .brief { width: 80%; max-width: 230px; height: auto; display: block; margin: 0 auto; } #voting-mode h1.title { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; } #voting-mode h2 { font-size: 15px; text-transform: uppercase; margin-bottom: 30px; } #voting-mode .nine.column.padding-right { padding-right: 5%; } #voting-mode h3, #voting-mode .you-decide { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; color: #bbb; text-transform: uppercase; font-size: 48px; font-size: 4.8rem; margin-top: 60px; } #voting-mode .countdown { color: #04b7e3; font-weight: 700; font-size: 2.1rem; font-size: 21px; padding: 0; margin-bottom: 30px; } #voting-mode .voting-text { margin-bottom: 30px; } #voting-mode .voting-text p { text-align: justify !important; } #voting-mode .comp-vote a { color: #04b7e3; } #voting-mode .you-decide { font-size: 24px; font-size: 2.4rem; margin-top: 0; text-align: center; } .comp-related-links .ajax-content a { margin-top: 21px; } /** * * * Events Page * * **/ .register-interest { padding-top: 30px; padding-right: 5%; padding-bottom: 30px; padding-left: 5%; color: #fff; background-color: #04b7e3; } .register-interest h2 { padding-bottom: 15px; } .register-interest .field { float: left; width: 33.333333%; } .register-interest .field input { width: 100%; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; font-size: 15px; line-height: 21px; color: #333; } .register-interest .clearfix .field:nth-child(1) { padding-right: 12px; } .register-interest .clearfix .field:nth-child(2) { padding-left: 6px; padding-right: 6px; } .register-interest .clearfix .field:nth-child(3) { padding-left: 12px; } .register-interest #submit { margin-top: 15px; padding-left: 12px; padding-right: 12px; border: 2px solid #fff; display: inline-block; line-height: 1.6em; font-size: 1.2em; text-transform: uppercase; color: #333; background-color: #fff; -webkit-transition: background-color 220ms ease-out, color 220ms ease-out; -moz-transition: background-color 220ms ease-out, color 220ms ease-out; -ms-transition: background-color 220ms ease-out, color 220ms ease-out; transition: background-color 220ms ease-out, color 220ms ease-out; } .register-interest #submit:hover { background-color: #74cfe6; color: #fff; } .wysiwyg-default img { width: 100%; height: auto; } .interest-link { display: block; float: right; background-color: #04b7e3; color: #fff; font-size: 21px; line-height: 30px; padding: 12px; margin-bottom: 18px; margin-top: -48px; -webkit-box-shadow: 0px 6px 9px -6px #333; -moz-box-shadow: 0px 6px 9px -6px #333; -ms-box-shadow: 0px 6px 9px -6px #333; box-shadow: 0px 6px 9px -6px #333; -webkit-transition: all 220ms ease-out; -moz-transition: all 220ms ease-out; -ms-transition: all 220ms ease-out; transition: all 220ms ease-out; -webkit-animation: pulse ease-out 2s infinite; animation: pulse ease-out 2s infinite; } .interest-link:hover { -webkit-transform: scale(.95); -moz-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); -webkit-box-shadow: 0px 0px 9px -6px #333; -moz-box-shadow: 0px 0px 9px -6px #333; -ms-box-shadow: 0px 0px 9px -6px #333; box-shadow: 0px 0px 9px -6px #333; } @media screen and (max-width: 600px) { .interest-link { float: none; margin-top: 18px; } .register-interest .field { float: none; width: 100%; margin-bottom: 12px; } .register-interest .clearfix .field:nth-child(1) { padding-right: 0px; } .register-interest .clearfix .field:nth-child(2) { padding-left: 0px; padding-right: 0px; } .register-interest .clearfix .field:nth-child(3) { padding-left: 0px; } } .event a.button { position: absolute; top: 0; left: 0; display: block; width: 50%; max-width: 240px; } .ribbon { position: absolute; top: 90px; right: -120px; background-color: #04b7e3; color: #fff; text-align: center; font-size: 21px; font-weight: 700; line-height: 30px; width: 480px; border: 3px solid #fff; transform: rotate(45deg); } .competition-home-content .home-box.auto-height.event img.partner-logo { position: absolute; bottom: 5%; right: 5%; width: 180px; } .event-title { font-family: helvetica; font-weight: 700; } .event-title .black { color: #222; } .circle-icons { font-size: 15px; line-height: 15px; } body .large-text-blue .circle-icons a, body .large-text-blue .circle-icons a.jm-post-like { padding-right: 0; padding-left: 0; border-right: 0px; line-height: 54px; font-size: 21px; display: inline-block; border: 1px solid; width: 54px; height: 54px; text-align: center; border-radius: 100%; vertical-align: top; } body .large-text-blue .circle-icons .share-button a { font-size: 15px; } body .large-text-blue .circle-icons a.jm-post-like { font-size: 0; } body .large-text-blue .circle-icons a.jm-post-like i { font-size: 42px; } body .event-options button.simplefavorite-button { position: static; border: 1px solid; padding: 0; width: 54px; height: 54px; margin-right: 6px; border-radius: 100%; vertical-align: top; } body .past-competitions .large-text-blue .circle-icons a, body .past-competitions .large-text-blue .circle-icons a.jm-post-like, body .past-competitions .event-options button.simplefavorite-button { width: 36px; height: 36px; line-height: 36px; } body .past-competitions .large-text-blue .circle-icons .share-button a { font-size: 11px; } body .past-competitions .large-text-blue .circle-icons a.jm-post-like i { font-size: 30px; } .event-options .button { display: inline-block; margin-right: 6px; } .circle-icons .event-options .button .sign-up, .circle-icons .event-options .button:hover .sign-up { height: 100% !important; } .event-text-share .six.column:nth-child(1) { width: 70%; } .event-text-share .six.column:nth-child(2) { width: 30%; border-left: 3px solid #ddd; } .circle-icons button .unbookmark, .circle-icons button .bookmark, .circle-icons button .sign-up, .circle-icons button .bookmark:hover, .circle-icons button .sign-up:hover, .circle-icons .button .bookmark, .circle-icons .button .sign-up, .circle-icons .button .bookmark:hover, .circle-icons .button .sign-up:hover { width: 60% !important; height: 60% !important; display: block; margin: 0 auto; } div.six.column.circle-icons { padding-top: 0; padding-bottom: 0; } div.four.column.circle-icons { text-align: right; } .past-competitions .event-text-share .eight.column { padding-left: 0; } .page-template-event-page .past-competitions .six.column:nth-child(even) { clear: both; } .helvetica { font-family: helvetica; } .page-template-event-page a.jm-post-like.liked { color: #04b7e3; } .event-options .share-btns { width: 500%; left: -400%; } .past-competitions .event-options .share-btns { width: 700%; left: -600%; } @media screen and ( max-width: 700px ) { .event a.button, .ribbon, .competition-home-content .home-box.auto-height.event img.partner-logo { display: none; } .event-text-share .six.column:nth-child(2) { width: 100%; border-left: 0; } .event-text-share .six.column:nth-child(1) { width: 100%; } .large-text-blue .row .six.column:nth-child(2), div.four.column.circle-icons { text-align: left; } } @media screen and ( max-width: 600px ) { .poll, .page-template-event-page .past-competitions .row, .comp-related-links .row { margin-left: 0; } } /** * * * Single Events page * * **/ #event-single h1 { margin-top: 30px; font-family: helvetica; font-weight: 700; } #event-single h2 { margin-bottom: 30px; font-size: 15px; text-transform: uppercase; } #event-single .event-options { margin-top: 30px; width: 100%; text-align: right; } /** * * * Advertise page * * **/ .advertise { padding-bottom: 60px; } .column-gutters { position: relative; left: -2.5%; width: 102.5%; } .column-gutters .six.column { padding-left: 2.5%; } .email-us-today img { display: block; margin: 0 52% 0; } .blue-circle span.email-us-today { font-size: 30px; } #readership { padding-top: 60px; padding-bottom: 60px; } .featured-in-image img { display: block; width: 100%; height: auto; } /** * * * Registration page * * **/ body.page-template-registration-page #wpadminbar{ display:none!important; } html body.page-template-registration-page { margin-top: -32px !important; } body.page-template-registration-page #main-navigation .column{ display: none; } .content.register{ max-width: 900px; padding: 25px; margin: 0px auto; text-align:center; color:#333; background-color:#FFF; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75); } .content.register h2{ margin: 10px 0 60px 0; padding: 10px 0px 10px 20px; background-color:#d22266; color:#FFF; text-align:left; } .content.register h2 .price{ float:right; background-color:#fdbd34; color:#333; padding: 10px 20px 10px 20px; margin-top: -10px; } .content.register h3{ color:#d22266; margin: 30px 0 0 0; font-size:24px!important; } .um_input{ padding: 20px; border:#ccc solid 1px; display:block; width: 100%!important; max-width: none; margin-top: 10px; background-color:#ebebeb; } .um_field_3{ margin-bottom: 60px; } .um_field_18{ margin-bottom: 60px; } .um_field_25{ margin-bottom: 60px; } .um_field_container{ text-align:left; } input.um_button[type="submit"]{ background: #fdbd34; background-image: -webkit-linear-gradient(top, #fdbd34, #d48d00); background-image: -moz-linear-gradient(top, #fdbd34, #d48d00); background-image: -ms-linear-gradient(top, #fdbd34, #d48d00); background-image: -o-linear-gradient(top, #fdbd34, #d48d00); background-image: linear-gradient(to bottom, #fdbd34, #d48d00); -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px #666666; -moz-box-shadow: 0px 2px 3px #666666; box-shadow: 0px 2px 3px #666666; color: #ffffff; font-size: 1.4em; padding: .4em 1.4em; text-decoration: none; border:0; } input.um_button[type="submit"]:hover { background: #e09b10; background-image: -webkit-linear-gradient(top, #e09b10, #fdbd34); background-image: -moz-linear-gradient(top, #e09b10, #fdbd34); background-image: -ms-linear-gradient(top, #e09b10, #fdbd34); background-image: -o-linear-gradient(top, #e09b10, #fdbd34); background-image: linear-gradient(to bottom, #e09b10, #fdbd34); text-decoration: none; -webkit-box-shadow:inset 0px 2px 3px #666666; -moz-box-shadow:inset 0px 2px 3px #666666; box-shadow:inset 0px 2px 3px #666666; } body.page-template-registration-page-php #content .container{ padding-bottom:150px; } body.page-template-registration-page { background-color: #fff; background-image: url(http://www.eleven-magazine.com/img/eleven-backdrop.jpg); background-repeat: repeat; } .registration-form{ width: 40%; float:right; padding:0 2%; background-color: #f7f7f7; } .registration-form input{ background-color: #fff; border-color: #eee; } .registration-perks{ width: 60%; height: auto; float:left; } .registration-perks h1{ text-align:left; } .registration-perks h3{ margin: 0!important; text-align:left; } .content.register{ padding-bottom: 50px; background-image: url(http://www.eleven-magazine.com/img/reg-form-bg.jpg); background-position:bottom; background-repeat:no-repeat; } .content.register:after, .four-boxes:after{ content:""; display:block; width: 100%; clear:both; } .four-boxes{ padding-right: 25px; } .four-boxes .box{ float:left; width:49%; height: 200px; border:1px solid #333; margin-top: 11px; padding-top:80px; } .box.blue{ border-color: #04b7e3; background-image: url('images/bookmark-black.png'); background-repeat: no-repeat; background-position: left top; background-position: 5% 5%; background-size: auto 70px; } .box.pink{ border-color: #d22266; background-image: url('images/speech-bubble.png'); background-repeat: no-repeat; background-position: 95% 5%; background-size: auto 70px; } .box.yellow{ border-color: #fdbd34; background-image: url('images/lightbulb-single.png'); background-repeat: no-repeat; background-position: left top; background-position: 5% 5%; background-size: auto 70px; } .box.green{ border-color: #3cb64a; background-image: url('images/document-icon.png'); background-repeat: no-repeat; background-position: 95% 5%; background-size: auto 70px; } .four-boxes .box:nth-child(odd){ margin-right: 1%; } .four-boxes .box:nth-child(even){ margin-left: 1%; } .box p{ color:#333; text-align: left; padding:0 5%; } .box.blue p strong{ color:#04b7e3; } .box.pink p strong{ color:#d22266; } .box.yellow p strong{ color:#fdbd34; } .box.green p strong{ color:#3cb64a; } /** * * * Contact page template * * **/ .contact-page-wrapper{ padding-top:3.5em; padding-bottom:3.5em; } .contact-page-wrapper h2{ text-transform: uppercase; } .contact-columns h2.red, .contact-columns h2.yellow, .contact-columns h2.blue{ color:#fff; width:95%; padding:.3em .7em; font-size: 1.2em; } .contact-columns ul, .contact-columns ol{ margin:1.4em 0; padding:1.4em 1em; width:95%; } .contact-columns ul:nth-child(odd), .contact-columns ol:nth-child(odd){ background-color: #d5d5d5; } .contact-columns ul li img, .contact-columns ol li img{ float:left; width:5em; height: auto; border-radius: 50px; margin-right:1em; } .contact-columns p{ margin:.7em 0; width:95%; } .acf-map { width: 100%; height: 400px; margin: 20px 0; } /** * * * Footer * * **/ .main-footer{ background: #fff; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #ddd 85%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fff 0%, #ddd 85%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fff 0%, #ddd 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 ); /* IE6-9 */ border-top: 2px solid #666; color: #222; padding:3em 0; position: relative; z-index:10; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .main-footer .container{ -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .main-footer .widget-area{ padding-left:1em; padding-right:1em; } .main-footer .widget-area .widget:not(:first-child){ margin-top:.8em; padding-top:.8em; } .main-footer .widget-area .widget:not(:first-child) h4{ border:0; margin-bottom: 0; } .main-footer .widget-area img{ width: 100%; opacity: 0.2; height: auto; } .main-footer .widget_umform img{ display: none; } .main-footer .widget_umform .um_login_form input{ padding:8px; margin:0; color:#333; } .main-footer .widget_umform .um_login_form p{ padding:0; } .jetpack-image-container { border-bottom: 2px dotted #ccc; } .main-footer .widget_umform .um_login_form p:nth-child(3), .main-footer .widget_umform .um_lostpass_form{ display: none; } .main-footer .widget_umform .um_login_form input[type="submit"]{ margin-top:.4em; margin-bottom: .4em; } .main-footer .widget h4{ font-weight: 700; font-size: 13px; font-style: italic; padding-bottom:.8em; text-transform: uppercase; } .main-footer .widget h5, .main-footer .widget h6{ font-weight: 700; } .main-footer .three.column:nth-child(3) h5{ margin-top:1.6em; } .main-footer .widget a span.genericon{ font-size: 40px; font-size: 4rem; margin-right:.5em; } .main-footer .widget a span.genericon:hover{ background-color:#d22266; } .main-footer .widget_nav_menu a, .main-footer .widget a{ display: block; width:100%; padding:.2em 0; } .main-footer p { padding: 0; } .main-footer .widget-area .widget a:hover, #menu-legal li a:hover{ color: #04b7e3; } .main-footer .widget input[type="email"]{ color:#222; } .main-footer .widget .mc4wp-form label{ display: none; } .main-footer .widget .mc4wp-form span, .main-footer .widget .mc4wp-form p{ padding-top:0; } .main-footer .widget .tagcloud a{ color:#222; } .footer-info{ font-size: 14px; font-size: 1.4rem; color:#666; padding-top:4em; text-align: center; } .container.ajax-content img{ width:25%; padding:0 2.5%; height:auto; } #menu-toggle, #close-menu{ display: none; } #search-template.container{ padding-bottom:10%; } .search-header{ text-align: center; padding-bottom:10% } .search-header .search-title{ border-bottom:5px solid #d22266; display: inline; padding-bottom: 10px; } .search-content ul{ text-align: center; } .search-content ul li{ display: inline; } .search-content ul li a{ float:left; margin:1%; background: #e8e8e8; padding:1% 2%; } /** * * * Magazine home page * * **/ .landscape-advertising{ width:100%; height:auto; margin:0; padding:50px 0; } .landscape-advertising img{ width: 100%; height: auto; } #magazine-content h1{ font-weight: 100; text-transform: uppercase; font-family: inherit; background-color: #e8e8e8; padding: 27px 2%; margin-top:22px; } #magazine-content h1 strong{ display: block; } #magazine-content .nine.column{ margin-right: 3%; width:72%; } .text-wrap{ position: relative; } #magazine-content p.date{ position: absolute; top:0; right:0; color:#999; font-size: 11px; line-height: 250%; } #magazine-content hr{ margin:1em 0; border-color: #c8c8c8; } #magazine-content .ajax-post{ margin:1% 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -ms-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .ajax-post.hide-down { opacity: 0; -webkit-transform: translateY( 30px ); -moz-transform: translateY( 30px ); -ms-transform: translateY( 30px ); transform: translateY( 30px ); } .article-options { height: 220px; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 350ms ease-out; } .article-options:hover { opacity: 1; } .article-options:after { content: '\f400'; font-family: 'Genericons'; display: block; position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: 220px; font-size: 60px; color: #fff; z-index: 0; background-color: rgba(17,17,17,0.6); } #magazine-content article header { position: relative; } #magazine-content article .article-options a.jm-post-like { position:absolute; bottom: 0; right: 0; font-size: 0; width: 36px; color: #fff; z-index: 2; } #magazine-content article .article-options a.jm-post-like i { font-size: 36px; } #magazine-content article.places .article-options a.jm-post-like, #magazine-content article.places .article-options:after { color: #3cb64a; } #magazine-content article.people .article-options a.jm-post-like, #magazine-content article.people .article-options:after { color: #04b7e3; } #magazine-content article.ideas .article-options a.jm-post-like, #magazine-content article.ideas .article-options:after { color: #fdbd34; } #magazine-content article.design .article-options a.jm-post-like, #magazine-content article.design .article-options:after { color: #d22266; } #magazine-content article .article-options a.view { position: absolute; height: 100%; z-index: 1; } .post-bookmark-container{ position: relative; } .post-bookmark-container:after{ content: ''; display: block; width: 100%; clear: both; } #magazine-content article button, .post-bookmark-container button, #magazine-content article .button, .post-bookmark-container .button, #magazine-content .article button, #magazine-content .article .button{ opacity: 1; position: absolute; right: 0; top: 0; z-index: 2; width: 40px; height: 50px; background: transparent; border: 0; padding:6px; } .post-bookmark-container button, .post-bookmark-container .button{ left: 0; top: 0px; right: inherit; } article button .bookmark, article button .sign-up, article .button .bookmark, article .button .sign-up, .article button .bookmark, .article button .sign-up, .article .button .bookmark, .article .button .sign-up{ width:100%; height:100%; background: url("images/bookmark-white.png") no-repeat center center; background-size: contain; } .post-bookmark-container .button .bookmark, .post-bookmark-container .button .sign-up, .post-bookmark-container button .bookmark, .post-bookmark-container button .sign-up, .circle-icons button .bookmark, .circle-icons button .sign-up, .circle-icons .button .bookmark, .circle-icons .button .sign-up { width:100%; height:100%; background: url("images/bookmark-black.png") no-repeat center center; background-size: contain; } article.design button .bookmark, article.design button .sign-up, .post-bookmark-container.design button .bookmark, .post-bookmark-container.design button .sign-up, article.design .button .bookmark, article.design .button .sign-up, .post-bookmark-container.design .button .bookmark, .post-bookmark-container.design .button .sign-up, .article.design button .bookmark, .article.design button .sign-up, .article.design .button .bookmark, .article.design .button .sign-up{ background: url("images/bookmark.png") no-repeat center center; background-size: contain; } article.people button .bookmark, article.people button .sign-up, .post-bookmark-container.people button .bookmark, .post-bookmark-container.people button .sign-up, article.people .button .bookmark, article.people .button .sign-up, .post-bookmark-container.people .button .bookmark, .post-bookmark-container.people .button .sign-up, .article.people .button .bookmark, .article.people .button .sign-up, .circle-icons button .bookmark, .circle-icons button .sign-up, .circle-icons .button .bookmark, .circle-icons .button .sign-up{ background: url("images/bookmark-blue.png") no-repeat center center; background-size: contain; } article.places button .bookmark, article.places button .sign-up, .post-bookmark-container.places button .bookmark, .post-bookmark-container.places button .sign-up, article.places .button .bookmark, article.places .button .sign-up, .post-bookmark-container.places .button .bookmark, .post-bookmark-container.places .button .sign-up, .article.places button .bookmark, .article.places button .sign-up, .article.places .button .bookmark, .article.places .button .sign-up{ background: url("images/bookmark-green.png") no-repeat center center; background-size: contain; } article.ideas button .bookmark, article.ideas button .sign-up, .post-bookmark-container.ideas button .bookmark, .post-bookmark-container.ideas button .sign-up, article.ideas .button .bookmark, article.ideas .button .sign-up, .post-bookmark-container.ideas .button .bookmark, .post-bookmark-container.ideas .button .sign-up, .article.ideas button .bookmark, .article.ideas button .sign-up, .article.ideas .button .bookmark, .article.ideas .button .sign-up{ background: url("images/bookmark-yellow.png") no-repeat center center; background-size: contain; } article button.active .unbookmark, .article button.active .unbookmark, article button .bookmark:hover, article button .sign-up:hover, article .button .bookmark:hover, article .button .sign-up:hover, .article button .bookmark:hover, .article button .sign-up:hover, .article .button .bookmark:hover, .article .button .sign-up:hover{ width:100%; height:100%; background: url("images/unbookmark-white.png") no-repeat center center; background-size: contain; } .post-bookmark-container .button .bookmark:hover, .post-bookmark-container .button .sign-up:hover, .post-bookmark-container button .bookmark:hover, .post-bookmark-container button .sign-up:hover, .post-bookmark-container button.active .unbookmark, .circle-icons button .bookmark:hover, .circle-icons button .sign-up:hover, .circle-icons .button .bookmark:hover, .circle-icons .button .sign-up:hover{ width:100%; height:100%; background: url("images/unbookmark-black.png") no-repeat center center; background-size: contain; } article.design button.active .unbookmark, .post-bookmark-container.design button.active .unbookmark, .article.design button.active .unbookmark, article.design button .bookmark:hover, article.design button .sign-up:hover, .post-bookmark-container.design button .bookmark:hover, .post-bookmark-container.design button .sign-up:hover, article.design .button .bookmark:hover, article.design .button .sign-up:hover, .post-bookmark-container.design .button .bookmark:hover, .post-bookmark-container.design .button .sign-up:hover, .article.design button .bookmark:hover, .article.design button .sign-up:hover, .article.design .button .bookmark:hover, .article.design .button .sign-up:hover{ background: url("images/unbookmark.png") no-repeat center center; background-size: contain; } article.people button.active .unbookmark, .post-bookmark-container.people button.active .unbookmark, .article.people button.active .unbookmark, article.people button .bookmark:hover, article.people button .sign-up:hover, .post-bookmark-container.people button .bookmark:hover, .post-bookmark-container.people button .sign-up:hover, article.people .button .bookmark:hover, article.people .button .sign-up:hover, .post-bookmark-container.people .button .bookmark:hover, .post-bookmark-container.people .button .sign-up:hover, .article.people .button .bookmark:hover, .article.people .button .sign-up:hover, .circle-icons button .bookmark:hover, .circle-icons button .sign-up:hover, .circle-icons .button .bookmark:hover, .circle-icons .button .sign-up:hover, .circle-icons button .unbookmark, .circle-icons .button .unbookmark { background: url("images/unbookmark-blue.png") no-repeat center center; background-size: contain; } article.places button.active .unbookmark, .post-bookmark-container.places button.active .unbookmark, .article.places button.active .unbookmark, article.places button .bookmark:hover, article.places button .sign-up:hover, .post-bookmark-container.places button .bookmark:hover, .post-bookmark-container.places button .sign-up:hover, article.places .button .bookmark:hover, article.places .button .sign-up:hover, .post-bookmark-container.places .button .bookmark:hover, .post-bookmark-container.places .button .sign-up:hover, .article.places button .bookmark:hover, .article.places button .sign-up:hover, .article.places .button .bookmark:hover, .article.places .button .sign-up:hover{ background: url("images/unbookmark-green.png") no-repeat center center; background-size: contain; } article.ideas button.active .unbookmark, .post-bookmark-container.ideas button.active .unbookmark, .article.ideas button.active .unbookmark, article.ideas button .bookmark:hover, article.ideas button .sign-up:hover, .post-bookmark-container.ideas button .bookmark:hover, .post-bookmark-container.ideas button .sign-up:hover, article.ideas .button .bookmark:hover, article.ideas .button .sign-up:hover, .post-bookmark-container.ideas .button .bookmark:hover, .post-bookmark-container.ideas .button .sign-up:hover, .article.ideas button .bookmark:hover, .article.ideas button .sign-up:hover, .article.ideas .button .bookmark:hover, .article.ideas .button .sign-up:hover{ background: url("images/unbookmark-yellow.png") no-repeat center center; background-size: contain; } #magazine-content .ajax-post header a, #magazine-content .ajax-post header .fake-a{ display: block; width: 100%; line-height: 0; overflow: hidden; position: relative; } #magazine-content article header img, #magazine-content .article header img{ display: block; width: 100%; height: auto; } #magazine-content .nine.column .ajax-container .post-list:nth-of-type(odd){ margin-right: 2%; width:48%; } #magazine-content .nine.column .ajax-container .post-list:nth-of-type(even){ margin-left: 2%; width:48%; } #magazine-content .nine.column .ajax-container .post-list:nth-of-type(even):after, #magazine-content .nine.column .ajax-container .article:after{ content: ''; display: block; width: 100%; clear: both; height: 30px; } #magazine-content article h2, #magazine-content .article h2{ max-width: 80%; padding-top: 8px; color:#333; font-weight: bold; font-size: 2.4rem; } #magazine-content article h3, #magazine-content .article h3{ font-size: 17px; font-size: 1.7rem; line-height: 100%; } #magazine-content article .post-content, #magazine-content .article .post-content{ position: relative; margin-top: 36px; text-align: justify; } .title-subtitle { margin-top: 24px; } body.blog #magazine-content article .post-content p, body.blog #magazine-content .article .post-content p{ line-height: 20px; max-height: 60px; overflow: hidden; padding:0; } #magazine-content h4.widget-title{ font-size: 30px; font-size: 3rem; font-weight: 700; font-family: inherit; margin-bottom: 3%; border-bottom: 2px solid; color: #04b7e3; } .article-archive{ padding: 5% 0; } .widget_archive li{ display:inline-block; padding:10px 0px; } div.line-container{ position: relative; border-top: 2px solid #333; margin-top: 30px; text-align: center; } a#scroll-top{ position: absolute; top: -35px; right: 0; } #load-more a{ width: auto; display: inline-block; border: 2px solid #333; border-radius: 2px; position: relative; top: -25px; font-weight: 400; line-height: 30px; background: #fff; height: auto; padding:10px; text-align: center; font-size: 30px; font-size: 3rem; color: #222; } #load-more a:hover{ background-color: #222; color: #fff; } #scroll-top{ border-radius:100px; width:70px; height: 70px; border:1px solid #222; color:#fff; display: block; padding:10px; text-align: center; line-height: 150%; background-color: #222; font-weight: 700; margin: 0 auto 10px; } #scroll-top span{ display: block; font-weight: 100; font-size: 20px; font-size: 2rem; background-image: url( 'images/arrow-icon-white.png' ); background-repeat: no-repeat; background-position: center center; background-size: contain; height: 12px; margin-top: 8px; } #scroll-top:hover span { background-image: url( 'images/arrow-icon.png' ); } #scroll-top:hover{ background-color: #fff; color:#222; } .blue-box { background-color: #04b7e3; } .blue-box .um_login_form{ background-color:#e8e8e8; color:#333; } .blue-box h4{ border-bottom:1px solid #fff; margin:0; padding:15px 5%; color:#fff; text-align: right; } .blue-box a{ display: inline-block; width:auto; color:#fff; padding: 15px 0; font-size: 11px; } .blue-box a:not(:last-of-type):after{ content: ' | '; padding:0 5px; } .center-align{ text-align: center; } .blue-box .um_login_form > p:nth-of-type(3), .blue-box > a:last-of-type{ display: none; } .blue-box > p:last-of-type{ background-color: #e8e8e8; color: #333; } .blue-box > p:last-of-type a{ color:#d22266; } .blue-box p{ padding:0 5%; } .blue-box input.um_input{ padding:10px; margin-top:0; color:#222; background-color: #fff; border:0; } .blue-box input[type="submit"].um_login_button{ margin: 10px 0; border: 0; background: #d22266; border-radius: 2px; font-size: 1.4em; line-height: 2; padding: 0 1em; color:#fff; } .current-time{ border-bottom: 1px solid #c8c8c8; } .time, .date-today{ display: block; float: left; } .date-today{ float: right; } .time p span{ font-size: 25px; } .current-time p{ font-size: 10px; line-height: 240%; } .magazine-share h4{ font-family: inherit; font-weight: 100; padding: 5px 0; } .magazine-share h4 span{ font-weight: 700; display: block; font-size: 23px; font-size: 2.3rem; } .social-container{ padding:5px 0; } .social-container .sd-content ul{ margin: 0 !important; } .magazine-sidebar-widgets h3{ margin-bottom: 10px; } .magazine-sidebar-widgets ul.wpp-list{ position: relative; padding-top: 179px; } .magazine-sidebar-widgets ul.wpp-list li{ display: block; padding:5px 0 25px; border-bottom: 1px solid #c8c8c8; vertical-align: top; padding-left: 6px; -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; transition: all 350ms ease-out; } .magazine-sidebar-widgets ul.wpp-list li:hover { background-color: #04b7e3; color: #fff; } .magazine-sidebar-widgets ul.wpp-list li:hover a, .magazine-sidebar-widgets ul.wpp-list li a:hover { color: #fff !important; } .magazine-sidebar-widgets ul.wpp-list li img{ position: absolute; top:0; left:0; right:0; height: 154px; width: 100%; -ms-transition:opacity 200ms ease-out; -webkit-transition:opacity 200ms ease-out; -moz-transition:opacity 200ms ease-out; -o-transition:opacity 200ms ease-out; transition:opacity 200ms ease-out; } .magazine-sidebar-widgets ul.wpp-list li:first-of-type img{ z-index:1; } .magazine-sidebar-widgets ul.wpp-list li:before{ font-size: 23px; font-size: 2.3rem; padding-right: 20px; font-weight: bold; vertical-align: top; } .magazine-sidebar-widgets ul.wpp-list li:not(:nth-of-type(10)):not(:last-of-type):first-letter{ color:#e8e8e8; } .magazine-sidebar-widgets ul.wpp-list li:first-of-type:before{ content: '01'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(2):before{ content: '02'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(3):before{ content: '03'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(4):before{ content: '04'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(5):before{ content: '05'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(6):before{ content: '06'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(7):before{ content: '07'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(8):before{ content: '08'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(9):before{ content: '09'; } .magazine-sidebar-widgets ul.wpp-list li:nth-of-type(10):before{ content: '10'; } .magazine-sidebar-widgets ul.wpp-list li:last-of-type:before{ content: '11'; } .magazine-sidebar-widgets ul.wpp-list li a{ color:#333; } .magazine-sidebar-widgets ul.wpp-list li a:hover{ color:#d22266; } .magazine-sidebar-widgets div.widget.widget_image{ padding-top: 20px; } .magazine-sidebar-widgets div.widget.widget_image img{ width: 100%; height: auto; } body#body .magazine-sidebar-widgets h4.widget-title{ margin-bottom: 20px; margin-top: 48px; font-size: 24px; font-size: 2.4rem; } body .simplefavorite-button.active, body button.simplefavorite-button{ opacity: 1; position: absolute; right: 0; top: -22px; width: 40px; height: 50px; background: transparent; border: 0; } body .post-bookmark-container .simplefavorite-button.active, body .post-bookmark-container button.simplefavorite-button{ top:inherit; } body .simplefavorite-button.active img, body button.simplefavorite-button img{ width:100%; } .widget_archive a{ border: 1px solid #e8e8e8; border-radius: 2px; display: inline-block; font-size: 16px !important; line-height: 40px; font-weight: 500; margin: 0 1px 5px 0; padding: 0 15px; } .widget_archive a:hover{ background-color: #111; color:#fff; } body.single-entrants .sd-content ul li.share-google-plus-1, body.single-entrants .sd-content ul li.share-linkedin, body.single-entrants .sd-content ul li.share-print, body.single-entrants .sd-content ul li.share-pinterest{ display: none; } .footer-sharedaddy{ padding-top: 10px; padding-bottom: 40px; } .footer-sharedaddy div.four.column.archives-link{ padding:0 3%; } .footer-sharedaddy:after{ content: ''; display: block; width: 100%; clear: both; } .footer-sharedaddy h3{ padding-bottom: 20px; font-family: helvetica; } .archives-link a{ background-color: #222; display: block; text-align: center; color: #fff; font-size: 24px; line-height: 36px; border-radius: 2px; } ul.slick-dots{ position: absolute; bottom: 0; right: 25px; height: 25px; text-align: right; z-index: 2; } ul.slick-dots li{ height: 12px; width: 12px; background-color: #111; opacity: 0.4; border-radius: 50px; display: inline-block; margin: 0 4px 0 0; } ul.slick-dots li.slick-active{ opacity: 1; } #magazine-content .article ul.slick-dots li button{ position: static; font-size: 0; } .image-thumbnail{ width:100%; height: 220px; background-size: cover; } #magazine-content .ajax-post header .fake-a > a{ position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 1; } div.row.current-time, div.magazine-share, .three.column.sidebar .widget{ padding: 2% 0; border-bottom: 1px solid #c8c8c8; } .three.column.sidebar .widget{ border-bottom: 0; } .three.column.sidebar .widget.popular-posts h3{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; font-weight: 700; border-bottom: 2px solid; color: #04b7e3; } .three.column.sidebar .widget.popular-posts h3::first-line{ font-weight: 700; } .wpp-post-title{ font-family: 'optimamedium'; } body.logged-in div.magazine-sidebar-widgets{ padding-top: 155px; } body.logged-in.single div.magazine-sidebar-widgets, body.single div.magazine-sidebar-widgets{ padding-top: 145px; } .fancybox-title-outside{ background-color: #333; padding-bottom: 10px; margin-top: 10px; box-shadow: -1px -1px 10px 1px #444; } div#comment-policy-box{ background-color: #fff; } .sd-social-icon .sd-content ul li[class*=share-].share-facebook a.sd-button, .sd-social-icon .sd-content ul li[class*=share-].share-twitter a.sd-button, .sd-social-icon .sd-content ul li[class*=share-].share-google-plus-1 a.sd-button, .sd-social-icon .sd-content ul li[class*=share-].share-linkedin a.sd-button, .sd-social-icon .sd-content ul li[class*=share-] a.sd-button { background-color: #333 !important; color: #fff !important; } /** * * * Magazine article styles * * **/ div.author{ border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; } .article-categories{ background-color:#222; padding:5px 40px; display: inline-block; width:auto; color:#fff; } .article-categories.design{ background-color: #d22266; } .article-categories.ideas{ background-color: #fdbd34; } .article-categories.people{ background-color: #04b7e3; } .article-categories.places{ background-color: #3cb64a; } #magazine-content article header .article-categories a{ display: inline; width: auto; line-height: 100%; overflow: visible; color:#fff; } #single-article header h2{ font-size: 50px; font-size: 5rem; } #single-article header h3{ margin-bottom: 20px; } .featured-caption{ padding: 20px 0 20px 50px; margin-bottom: 20px; border-bottom: 2px solid #999; color: #a8a8a8; font-size: 12px; font-size: 1.2rem; line-height: 120%; background: url('images/camera-icon.png') no-repeat left center; background-size: 40px; } #magazine-content article#single-article .post-content{ padding-right: 0; text-align: justify; } #magazine-content .three.column{ padding-top: 2%; width: 23.5%; margin-left: 1.5%; } .like-text strong{ font-size: 16px; display: block; } article#single-article .post-content p{ font-family: 'optimamedium'; font-size: 16px; font-size: 1.6rem; } article#single-article .post-content p strong, article#single-article .post-content p b, article#single-article .post-content p a{ font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; } article#single-article .post-content p:first-of-type{ font-size: 18px; font-size: 1.8rem; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 140%; } #single-article figure{ margin:0; padding:20px 0; position: relative; display: block; width: 100% !important; /*border-top:2px solid #999; border-bottom:2px solid #999;*/ } #single-article .post-content hr{ border:0; border-bottom: 2px solid #999; } #single-article figure img{ width:60%; height: auto; } #single-article figcaption{ position: absolute; width: 40%; right: 0; bottom: 20px; font-size: 12px; line-height: 120%; padding-left: 20px; color: #c8c8c8; } #single-article figcaption:before{ content: ''; width: 50px; height: 50px; display: block; background: url('images/camera-icon.png') no-repeat left center; background-size: 40px; } .cite-article{ background-color:#e8e8e8; padding:5px 10px; margin:20px 0; } .cite-article .three.column p span{ font-size: 33px; vertical-align: middle; } .cite-article .nine.column p{ font-size: 12px; } .article-social{ padding:20px 0; } .comments-container{ padding:20px 5%; background-color: #e8e8e8; border-top:10px solid #222; } .comments-container.people{ border-top-color:#04b7e3; } .comments-container.design{ border-top-color:#d22266; } .comments-container.ideas{ border-top-color:#fdbd34; } .comments-container.places{ border-top-color:#3cb64a; } .comments-container .comment-subscription-form{ display: none; } .comments-container .user-logged-out form p:nth-of-type(1), .comments-container .user-logged-out form p:nth-of-type(2){ float: left; width: 50%; } .comments-container .user-logged-out form p:nth-of-type(1){ padding-right: 2.5%; } .comments-container .user-logged-outform p:nth-of-type(2){ padding-left: 2.5%; } .comments-container form label, .comments-container form input, .comments-container form textarea{ display: block; width: 100%; border-radius: 2px; border: 0; padding: 10px; } .comments-container form label{ padding: 10px 0; display: inline-block; width: auto; } .comments-container input#submit.submit{ width: 200px; text-transform: uppercase; font-weight: 700; background-color: #111; color: #fff; } .comments-container.people input#submit.submit{ background-color: #04b7e3; } .comments-container.design input#submit.submit{ background-color: #d22266; } .comments-container.ideas input#submit.submit{ background-color: #fdbd34; } .comments-container.places input#submit.submit{ background-color: #3cb64a; } .comments-container article{ padding: 3% 0; border-bottom: 1px solid #fff; } .related-articles{ padding:20px 0; } .related-thumb{ position: relative; overflow: hidden; float: left; width: 31.333333%; height: auto; max-height: 154px; line-height: 0; } .related-thumb:first-of-type, .related-thumb:nth-of-type(4){ margin:1.5% 2% 1.5% 0; } .related-thumb:last-of-type, .related-thumb:nth-of-type(3){ margin:1.5% 0 1.5% 2%; } .related-thumb:nth-of-type(2), .related-thumb:nth-of-type(5){ margin:1.5% 1%; } .related-thumb img{ width: auto; height: 200px; } .related-thumb:before{ content: ''; position: absolute; top:0; bottom:0; left:0; width:10px; height: 100%; background-color: #333; } .related-thumb.design:before{ background-color: #d22266; } .related-thumb.ideas:before{ background-color: #fdbd34; } .related-thumb.people:before{ background-color: #04b7e3; } .related-thumb.places:before{ background-color: #3cb64a; } .tags-list{ background-color: #e8e8e8; padding:20px; } .page-stats { border-bottom: 1px solid #c8c8c8; } .page-stats p{ text-align: center; font-size: 25px; font-size: 2.5rem; font-weight: bold; line-height: 80%; padding:10px 0; } .page-stats p span{ display: block; font-size: 1.1rem; font-size: 11px; font-weight: 300; } .action-text { padding-top: 2%; line-height: 50px; font-size: 21px; } .post-like-container:after{ display: block; width: 100%; clear: both; content: ''; } .post-like-container .icon-unlike:before{ content: ""; } .post-like-container a.jm-post-like{ font-size: 0; width: 36px; height: 50px; overflow: hidden; position: relative; } .post-like-container .like-text, .post-bookmark-container .like-text{ float: right; width: 75%; text-align: right; } .post-bookmark-container .like-text{ width: 100%; padding-left: 25%; } .post-like-container .icon-unlike:before, .post-like-container .icon-like:before{ background-position:0% 0; display: block; position: absolute; top:0; left:0%; right:0; bottom:0; width:100%; height:100%; } .three.column .post-like-container .icon-unlike:before { background:url('images/black-heart.png') no-repeat; background-size: 100% auto; } .three.column .post-like-container .icon-like:before, .three.column .post-like-container a:hover .icon-unlike:before { background:url('images/black-heart-full.png') no-repeat; background-size: 100% auto; } .three.column.design .post-like-container .icon-unlike:before { background:url('images/red-heart.png') no-repeat; background-size: 100% auto; } .three.column.design .post-like-container .icon-like:before, .three.column.design .post-like-container a:hover .icon-unlike:before{ background:url('images/red-heart-full.png') no-repeat; background-size: 100% auto; } .three.column.people .post-like-container .icon-unlike:before { background:url('images/blue-heart.png') no-repeat; background-size: 100% auto; } .three.column.people .post-like-container .icon-like:before, .three.column.people .post-like-container a:hover .icon-unlike:before{ background:url('images/blue-heart-full.png') no-repeat; background-size: 100% auto; } .three.column.ideas .post-like-container .icon-unlike:before { background:url('images/yellow-heart.png') no-repeat; background-size: 100% auto; } .three.column.ideas .post-like-container .icon-like:before, .three.column.ideas .post-like-container a:hover .icon-unlike:before{ background:url('images/yellow-heart-full.png') no-repeat; background-size: 100% auto; } .three.column.places .post-like-container .icon-unlike:before { background:url('images/green-heart.png') no-repeat; background-size: 100% auto; } .three.column.places .post-like-container .icon-like:before, .three.column.places .post-like-container a:hover .icon-unlike:before{ background:url('images/green-heart-full.png') no-repeat; background-size: 100% auto; } /* .post-like-container .icon-unlike:before, .post-like-container .icon-like:before{ background:url('images/lightbulb.png') no-repeat; background-size: auto 100%; background-position:0% 0; display: block; position: absolute; top:0; left:0%; right:0; bottom:0; width:200%; height:100%; } .three.column.design .post-like-container .icon-unlike:before, .three.column.design .post-like-container .icon-like:before{ background:url('images/lightbulb-pink.png') no-repeat; background-size: auto 100%; } .three.column.people .post-like-container .icon-unlike:before, .three.column.people .post-like-container .icon-like:before{ background:url('images/lightbulb-blue.png') no-repeat; background-size: auto 100%; } .three.column.ideas .post-like-container .icon-unlike:before, .three.column.ideas .post-like-container .icon-like:before{ background:url('images/lightbulb-yellow.png') no-repeat; background-size: auto 100%; } .three.column.places .post-like-container .icon-unlike:before, .three.column.places .post-like-container .icon-like:before{ background:url('images/lightbulb-green.png') no-repeat; background-size: auto 100%; } .post-like-container a:hover .icon-unlike:before, .post-like-container .icon-like:before{ left:-102%; } */ .footer-like-bookmark { padding-top: 0 !important; } .footer-like-bookmark .post-bookmark-container button { top: 0 !important; } .footer-like-bookmark .post-bookmark-container { min-height: 30px; } .column.comments-number { padding-top: 6px; position: relative; } .comments-number img { max-height: 36px; width: auto; } .comments-number span { position: absolute; bottom: -6px; right: 15px; } .bar{ position:absolute; left:-1px; top:0; bottom:0; width:17.5px; background-color: #111; } article.design .bar{ background-color:#d22266; } article.people .bar{ background-color:#04b7e3; } article.ideas .bar{ background-color:#fdbd34; } article.places .bar{ background-color:#3cb64a; } div.design .bar { background-color: #d22266; } div.people .bar { background-color: #04b7e3; } div.ideas .bar { background-color: #fdbd34; } div.places .bar { background-color: #3cb64a; } div.design a{ color:#d22266; } div.people a{ color:#04b7e3; } div.ideas a{ color:#fdbd34; } div.places a{ color:#3cb64a; } #magazine-content .cite-article .three.column{ margin:0; } /*ul.slick-dots{ position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } ul.slick-dots li{ display: inline-block; }*/ .img{ width: 100%; height: 500px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } #magazine-content .three.column.single-sidebar{ margin-top:14.3%; } .login-register{ text-align: right; } .login-register a{ border: 1px solid #e8e8e8; border-radius: 2px; display: inline-block; font-size: 16px !important; line-height: 40px; font-weight: 500; margin: 0 1px 5px 0; padding: 0 15px; } .login-register a:hover{ color:#fff; background-color: #111; } div#fancybox-title.fancybox-title-over{ width:100% !important; font-size: 14px; } #fancybox-right span#fancybox-right-ico{ left: auto; right: 20px; } #fancybox-left span#fancybox-left-ico{ left: 20px; } div.article:not(:first-child) div.gallery-slider div.img:not(:first-child){ display: none; } .magazine-search { margin-top: 24px; padding-left: 50px; background: url( 'images/search-icon.png' ) no-repeat center left; } /** * * * Hall of fame styling * * **/ body.page-template-hall-of-fame-page{ background-color: #333; } div.container.fame-entries, div.container .fame-entries{ padding-top: 48px; padding-bottom: 48px; } div.container.fame-entries .three.column, div.container.fame-entries .four.column, div.container .fame-entries .three.column{ padding:21px 2%; position: relative; height: 360px; } .row.title img{ display: block; max-width: 200px; height: auto; margin: 48px auto 0; margin-bottom: 42px; } .row.title h1{ color: #fff; text-align: center; line-height: 42px; } div.headshot{ width: 200px; height: 200px; overflow: hidden; -webkit-border-radius: 10000px; -moz-border-radius: 10000px; border-radius: 10000px; border: 2px solid #444; position: relative; z-index: 1; margin:0 auto 12px; } div.headshot img{ width: 100%; height: auto; position: relative; z-index: 0; -ms-filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } div.headshot img:hover, div.headshot img.active{ -ms-filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .name-reason, .open-comp #jury .trigger .name-reason p{ text-align: center; transition:opacity 400ms ease-out; } .name-reason.hide{ opacity: 0; } .name-reason h2{ color: #fff; font-size: 21px; font-size: 2.1rem; line-height: 24px; } .name-reason p{ color:#777; padding: 12px 0 0 0; font-size: 15px; font-size: 1.5rem; line-height: 21px; } div.container.fame-entries .three.column .popup-triangle, div.container.fame-entries .four.column .popup-triangle, div.container .fame-entries .three.column .popup-triangle{ position: absolute; bottom:0; left: 0; width: 100%; transition:opacity 400ms ease-in; } div.container.fame-entries .three.column .popup-triangle.hide, div.container.fame-entries .four.column .popup-triangle.hide, div.container .fame-entries .three.column .popup-triangle.hide{ opacity: 0; } .popup-triangle p{ text-align: center; padding: 0; color: #fff; font-size: 48px; line-height:36px; } .achievement-details{ position: absolute; top:100%; background-color: #fff; min-height: 100%; width: 400%; z-index: 50; -moz-transition: all 400ms ease-in; -webkit-transition: all 400ms ease-in; transition: all 400ms ease-in; } div.container.fame-entries .four.column .achievement-details { width: 300%; } .achievement-details.hide{ opacity:0; z-index: -1; } /* Four columns */ div.container.fame-entries .three.column:nth-child(1) .achievement-details, div.container.fame-entries .three.column:nth-child(4n+1) .achievement-details, div.container .fame-entries .three.column:nth-child(1) .achievement-details, div.container .fame-entries .three.column:nth-child(4n+1) .achievement-details{ left:0; } div.container.fame-entries .three.column:nth-child(2) .achievement-details, div.container.fame-entries .three.column:nth-child(4n+2) .achievement-details, div.container .fame-entries .three.column:nth-child(2) .achievement-details, div.container .fame-entries .three.column:nth-child(4n+2) .achievement-details{ left:-100%; } div.container.fame-entries .three.column:nth-child(3) .achievement-details, div.container.fame-entries .three.column:nth-child(4n+3) .achievement-details, div.container .fame-entries .three.column:nth-child(3) .achievement-details, div.container .fame-entries .three.column:nth-child(4n+3) .achievement-details{ left:-200%; } div.container.fame-entries .three.column:nth-child(4) .achievement-details, div.container.fame-entries .three.column:nth-child(4n+4) .achievement-details, div.container .fame-entries .three.column:nth-child(4) .achievement-details, div.container .fame-entries .three.column:nth-child(4n+4) .achievement-details{ left:-300%; } div.container.fame-entries .three.column .four.column, div.container.fame-entries .three.column .eight.column, div.container .fame-entries .three.column .four.column, div.container .fame-entries .three.column .eight.column{ padding: 10px; } div.container.fame-entries .three.column .eight.column .name-reason h2, div.container.fame-entries .three.column .eight.column .name-reason p, div.container .fame-entries .three.column .eight.column .name-reason h2, div.container .fame-entries .three.column .eight.column .name-reason p{ color:#222; text-align: left; } /* Three columns */ div.container.fame-entries .four.column:nth-child(1) .achievement-details, div.container.fame-entries .four.column:nth-child(3n+1) .achievement-details{ left:0; } div.container.fame-entries .four.column:nth-child(2) .achievement-details, div.container.fame-entries .four.column:nth-child(3n+2) .achievement-details{ left:-100%; } div.container.fame-entries .four.column:nth-child(3) .achievement-details, div.container.fame-entries .four.column:nth-child(3n+3) .achievement-details{ left:-200%; } div.container.fame-entries .four.column .four.column, div.container.fame-entries .four.column .eight.column{ padding: 10px; } div.container.fame-entries .four.column .eight.column .name-reason h2, div.container.fame-entries .four.column .eight.column .name-reason p{ color:#222; text-align: left; } .project-image{ width: 100%; height: 310px; background-repeat: no-repeat; } @media screen and (max-width:1000px){ div.container.fame-entries .three.column, div.container .fame-entries .three.column{ width: 33.333333%; } div.container.fame-entries .three.column:nth-child(1) .achievement-details, div.container.fame-entries .three.column:nth-child(3n+1) .achievement-details, div.container .fame-entries .three.column:nth-child(1) .achievement-details, div.container .fame-entries .three.column:nth-child(3n+1) .achievement-details{ left:0; } div.container.fame-entries .three.column:nth-child(2) .achievement-details, div.container.fame-entries .three.column:nth-child(3n+2) .achievement-details, div.container .fame-entries .three.column:nth-child(2) .achievement-details, div.container .fame-entries .three.column:nth-child(3n+2) .achievement-details{ left:-100%; } div.container.fame-entries .three.column:nth-child(3) .achievement-details, div.container.fame-entries .three.column:nth-child(3n+3) .achievement-details, div.container .fame-entries .three.column:nth-child(3) .achievement-details, div.container .fame-entries .three.column:nth-child(3n+3) .achievement-details{ left:-200%; } .achievement-details{ width: 300%; } } @media screen and (max-width:650px){ div.container.fame-entries .three.column, div.container .fame-entries .three.column{ width: 50%; float:left; } .achievement-details{ width: 200%; } div.container.fame-entries .three.column:nth-child(1) .achievement-details, div.container.fame-entries .three.column:nth-child(2n+1) .achievement-details, div.container .fame-entries .three.column:nth-child(1) .achievement-details, div.container .fame-entries .three.column:nth-child(2n+1) .achievement-details{ left:0; } div.container.fame-entries .three.column:nth-child(2) .achievement-details, div.container.fame-entries .three.column:nth-child(2n+2) .achievement-details, div.container .fame-entries .three.column:nth-child(2) .achievement-details, div.container .fame-entries .three.column:nth-child(2n+2) .achievement-details{ left:-100%; } } @media screen and (max-width:450px){ div.container.fame-entries .three.column, div.container .fame-entries .three.column{ width: 100%; } .achievement-details{ width: 100%; } div.container.fame-entries .three.column:nth-child(1) .achievement-details, div.container.fame-entries .three.column:nth-child(1n+1) .achievement-details, div.container .fame-entries .three.column:nth-child(1) .achievement-details, div.container .fame-entries .three.column:nth-child(1n+1) .achievement-details{ left:0; } } /** * * * User account styles * * **/ body.page-template-my-bookmarks #magazine-content h1, body.page-template-my-likes #magazine-content h1{ background-color: #fff; padding-left: 0; position: relative; } span.bookmark-count{ position: absolute; right: 0; top: 27px; font-size: 27px; text-align: center; line-height: 27px; } span.bookmark-count img{ width: 40px; height: auto; display: block; } .like-thumbnails .image-thumbnail{ height: 70px; } .like-thumbnails .bar{ width: 10px; } #magazine-content .like-thumbnails .ajax-post header a, #magazine-content .like-thumbnails .ajax-post header .fake-a{ width: 90%; } .thumbnail-sizer{ position: relative; } .thumbnail-sizer span.bookmark-count{ top:0; font-size: 21px; line-height: 21px; } .thumbnail-sizer span.bookmark-count img{ width:25px; } .thumbnail-sizer img, .thumbnail-sizer input{ vertical-align: middle; } .page-template-my-likes .related-articles{ padding:48px 0; } .page-template-my-likes .tags-list{ margin-bottom: 48px; } .page-template-my-likes #magazine-content h1{ padding-top: 0; margin-top: 0; } /** * * * Competition entry user edit styles * * **/ #enter-comp { padding-bottom: 50px; } .line-through { text-decoration: line-through; } .product-comp.six.column { padding-left: 5%; } .product-comp h1 { font-size: 3.4rem; } .product-comp p.price { font-size: 30px; line-height: 36px; font-weight: bold; color: #04b7e3; } .product-comp a#comp-add { display: inline-block; width: auto; border-radius: 2px; border: 0; padding: 15px; background-color: #d22266; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 15px; line-height: 15px; } .product-comp a#comp-add:hover { background-color: #111; } .comp-img-container { position: relative; } .comp-img-container .blue-circle { position: absolute; top:-24px; right: -24px } .woocommerce a.button.alt { background-color: #04b7e3; } .woocommerce a.button.alt:hover { background-color: #0f99bb; } .input-field { width: 100%; float: left; margin-bottom: 18px; } .input-field.half { position: relative; width: 50%; height: 240px; text-align: center; } .input-field label { display: block; padding: 9px 0; font-size: 1.1em; letter-spacing: 1px; cursor: pointer; float: left; width: 25%; text-align: left; } .input-field label span { display:block; font-size: 11px; line-height: 12px; letter-spacing: 0; width: 75%; padding-top: 15px; } .input-field input[type="text"], .input-field input[type="email"], .input-field input[type="date"], .input-field textarea { line-height: 1.5; font-size: 1.4em; padding: 5px 10px; display: block; width: 100%; background: transparent; float: right; width: 75%; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); /* Styles */ border: none; /* Remove the default border */ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1), inset 0 3px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; background: #f9f9f9; color: #777; } .input-field textarea { min-height: 180px; } .input-field input:focus, .input-field textarea:focus { outline: 0; } .image-placeholder { position: absolute; top: 24px; right: 12px; bottom: 0; left: 0; z-index: 0; background-color: #efefef; } .input-field.half input[type="file"] { position: relative; z-index: 1; display: inline-block; margin-top: 100px; } .input-field iframe { margin-top: 9px; } .input-field.extra-images { text-align: left; } .input-field.extra-images input#extra-images { display: block; margin-bottom: 9px; } .input-field.extra-images a { display: block; } .input-field.half label { float: none; padding: 0; } .input-field.extra-images label, .input-field.found-comp label, .input-field.found-comp input { float: none; width: 100%; } .extra-image { float: left; width: 30.333333%; margin-right: 1.5%; margin-left: 1.5%; position: relative; } .extra-image img { width: 100%; height: auto; display: block; } #upload-section hr { margin-top: 51px; margin-bottom: 51px; border-top: 3px solid rgba(40, 44, 42, 0.05); } /* Default tab style */ .tabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; } /* Nav */ .tabs nav { text-align: center; } .tabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .tabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .tabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; color: #04b7e3; } .tabs nav a span { vertical-align: middle; font-size: 18px; } .tabs nav li.tab-current a { color: #04b7e3; } .tabs nav a:focus { outline: none; } /* Content */ .content-wrap { position: relative; } .content-wrap section { display: none; margin: 0 auto; padding: 1em; max-width: 1200px; text-align: center; } .content-wrap section.content-current { display: block; } /* Fallback */ .no-js .content-wrap section { display: block; padding-bottom: 2em; border-bottom: 1px solid rgba(255,255,255,0.6); } .no-flexbox nav ul { display: block; } .no-flexbox nav ul li { min-width: 15%; display: inline-block; } @media screen and (max-width: 58em) { .tabs nav a.icon span { display: none; } .tabs nav a:before { margin-right: 0; } } /*****************************/ /* Bar */ /*****************************/ .tabs-style-bar nav { background: rgba(40,44,42,0.05); } .tabs-style-bar nav ul { border: 4px solid transparent; } .tabs-style-bar nav ul li a { margin: 0 2px; background-color: #f7f7f7; color: #74777b; transition: background-color 0.2s, color 0.2s; } .tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus { color: #04b7e3; } .tabs-style-bar nav ul li a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 15px; } .tabs-style-bar nav ul li.tab-current a { background: #04b7e3; color: #fff; } /* Team Profile */ .team-profile { text-align: left; } .team-profile dt { position: relative; padding-top: 9px; padding-bottom: 9px; margin-bottom: 15px; border-bottom: 1px solid rgba(40, 44, 42, 0.05); font-size: 15px; font-weight: 700; line-height: 21px; cursor: pointer; -webkit-transition: color 220ms ease-out; -moz-transition: color 220ms ease-out; -ms-transition: color 220ms ease-out; -o-transition: color 220ms ease-out; transition: color 220ms ease-out; } .team-profile dt.active { color: #04b7e3; } .team-profile dt:after { content: '+'; position: absolute; top: 50%; right: 0; font-size: 21px; line-height: 21px; -webkit-transform: translateY( -50% ); -moz-transform: translateY( -50% ); -ms-transform: translateY( -50% ); -o-transform: translateY( -50% ); transform: translateY( -50% ); transition: all 220ms ease-out; } .team-profile dt.active:after { -webkit-transform: translateY( -50% ) rotate( 45deg ); transform: translateY( -50% ) rotate( 45deg ); } .submit-row { background-color: rgba(40, 44, 42, 0.05); padding: 4px; } .submit-row input[type="submit"] { display: block; border: 0; float: left; background: #04b7e3; color: #fff; line-height: 2.5; width: 100px; } .submit-row input[type="submit"]#submit { float: right; } .submit-check { text-align:right; padding-bottom: 9px; } .remImage { cursor: pointer; position: absolute; background-color: #fff; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 100%; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-align: center; line-height: 30px; font-size: 1.3em; } .progress-bar { position: relative; margin-bottom: 50px; text-align: center; } .progress-bar .outer-bar { position: absolute; top: 50%; right: 0; left: 0; z-index: 0; width: 100%; height: 5px; margin-top: -2.5px; background-color: #efefef; } .progress-bar .inner-bar { height: 5px; background-color: #04b7e3; } .progress-bar .inner-bar.step1 { width: 15%; } .progress-bar .inner-bar.step2 { width: 35%; } .progress-bar .inner-bar.step3 { width: 65%; } .progress-bar .circle { position: relative; z-index: 1; border-radius: 100%; width: 105px; height: 105px; margin: 0 auto; padding-top: 32px; border: 5px solid #fff; font-size: 11px; line-height: 15px; background-color: #efefef; } .progress-bar .circle.highlight { background-color: #04b7e3; color: #fff; } .progress-bar span { display: block; font-size: 15px; font-weight: bold; opacity: 0.4; } .progress-bar .highlight span { opacity: 0.8; } .entrant-code { height: 86px; border: 2px solid #666; margin-bottom: 30px; padding-top: 18px !important; } .entrant-code span { display: block; font-weight: 700; font-size: 30px; } .current-brief.column.six { padding-left: 15px; } .current-brief a { display:block; background-color: #333; height: 86px; padding-top: 18px; color: #fff; } .current-brief a span { display: block; font-size: 21px; } .social-share .sidebar .section { height: 86px; margin-bottom: 30px; } .social-share .sidebar .section h4 { padding-top: 18px; } .next-stage-btn a { display: block; border: 0; float: right; background: #04b7e3; color: #fff; line-height: 2.5; width: 100px; text-align: center; } .validation-notice { color: red; text-align: center; padding: 12px 0; } .competition-btn-top-left { position: fixed; top: -100px; left: -100px; z-index: 10000000; width: 200px; height: 200px; background-color: #04b7e3; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2); -ms-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2); -o-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 5px 1px rgba(0,0,0,0.2); } .competition-btn-top-left .inner { position: absolute; width: 50px; height: 50px; bottom: 0; right: 30%; } .competition-btn-top-left .inner a { color: #fff; font-size: 27px; position: relative; right: 30%; bottom: 12px; } article.comp-popup { position: fixed; top: 50%; left: 50%; z-index: -1; /*hide it in the back of the page*/ width: 100%; max-width: 800px; height: 600px; max-height: 600px; border: 10px solid #04b7e3; margin-left: -400px; margin-top: -300px; background-color: #fff; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; overflow: scroll; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } article.comp-popup.active { visibility: visible; z-index: 2000; opacity: 1; transform: scale(1); /*scale it to a default size*/ } .comp-popup-overlay { visibility: hidden; opacity: 0; z-index: -1; /*hide it in the back of the page*/ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #333; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .comp-popup-overlay.active { opacity: 0.6; visibility: visible; z-index: 1000; } article.comp-popup header { padding: 21px; color: #fff; background-color: #04b7e3; } article.comp-popup header h1 { font-family: helvetica; } article.comp-popup header h1, article.comp-popup strong.big { font-size: 48px; text-transform: uppercase; letter-spacing: 2px; } article.comp-popup .main { padding: 21px; color: #04b7e3; } article.comp-popup .main p.big { font-size: 24px; padding: 0; } article.comp-popup label { padding: 0; font-size: 0; line-height: 0; } article.comp-popup .signup label { font-size: 21px; font-weight: 700; line-height: 36px; } article.comp-popup input[type="text"], article.comp-popup input[type="password"], article.comp-popup input.um_input { width: 90%; border: 5px solid #04b7e3; padding-left: 6px; padding-right: 6px; padding-top: 0; padding-bottom: 0; margin-top: 0; background-color: #fff; font-size: 21px; line-height: 36px; } article.comp-popup ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #04b7e3; } article.comp-popup :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #04b7e3; opacity: 1; } article.comp-popup ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #04b7e3; opacity: 1; } article.comp-popup :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #04b7e3; } article.comp-popup :placeholder-shown { /* Standard */ color: #04b7e3; } article.comp-popup input[type="submit"] { float: right; margin-right: 10%; border: 0; padding: 3px 15px; font-size: 15px; line-height: 24px; color: #fff; background-color: #04b7e3; } .comp-popup .main .four p { font-size: 21px; line-height: 24px; } .comp-popup .main .four a { font-size: 48px; line-height: 54px; text-transform: uppercase; letter-spacing: 2px; background-color: #04b7e3; display: block; color: #fff; text-align: center; height: 166px; position: relative; top: 3px; font-weight: 700; padding-top: 30px; } .comp-popup .main .eight a { color: #04b7e3; } .login.hidden, .signup.hidden { display: none; opacity: 0; transition: opacity 500ms ease-out; } .login.hidden, .signup.hidden { transition: opacity 500ms ease-out; } article.comp-popup input.um_button[type="submit"] { background: #04b7e3; background-image: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 0px #666666; -moz-box-shadow: 0px 0px 0px #666666; box-shadow: 0px 0px 0px #666666; color: #ffffff; font-size: 24px; padding-right: 24px; padding-left: 24px; text-decoration: none; border: 0; font-weight: 700; line-height: 54px; margin-right: 0; } article.comp-popup header img { max-height: 100px; float: right; } @media screen and (max-width: 1230px){ .competition-btn-top-left { position: absolute; } } .mobile-nav-trigger { display: none; } /** * * * Media queries * * **/ @media screen and (max-width: 1400px){ .container.overlay{ max-width: 1200px; } body{ font-size: 1.4em; } } @media screen and (max-width: 1200px){ .top-bar .eight.column{ float:none; width:100%; } } @media screen and (max-width: 1000px){ #advertising-area-header img{ width: 100%; height: auto; margin-top: 2% } .container.overlay-top{ max-width: 95%; } body{ font-size: 1.3em; } } @media screen and (max-width: 960px){ .sidebar{ display: none; } #magazine-content .content.nine.column{ width: 100%; float: none; margin-right: 0; } } @media screen and (max-width: 900px){ .registration-form{ width: 100%; float: none; padding: 25px 2%; background-color: #f7f7f7; } .registration-perks{ width: 100%; height: auto; padding-bottom: 25px; float: none; } .four-boxes{ padding-right: 0; } } @media screen and (max-width:800px){ #advertising-area-header img{ margin-top: 4%; } #main-navigation .four.column, #main-navigation .eight.column{ float:none; width:100%; } #menu-main:after{ content: ''; display: block; width:100%; clear:both; } #menu-toggle, #close-menu{ text-align: right; color:#fff; cursor: pointer; display: block; } #close-menu{ padding:5%; } #menu-toggle span.genericon, #close-menu span.genericon{ font-size:2em; } #main-header .top-bar #social-navigation{ position:fixed; height:100%; background-color:#222; left:0; top:0; width:100%; z-index:10000; text-align: center; display: none; } #main-header .top-bar ul li{ display:inline; width:auto; text-align: center; float:none; line-height: 0; margin: 0; } #main-header .top-bar #social-navigation ul li a{ line-height: 3; font-size:28px; font-size: 2.8rem; padding:0; display: block; width:100%; opacity: 0; } #main-header .top-bar #social-navigation a[href*="eepurl.com/bpmewr"]{ margin:0; } #main-header .top-bar #social-navigation a[href$="/login/"], #main-header .top-bar #social-navigation a[href*="facebook.com"], #main-header .top-bar #social-navigation a[href*="twitter.com"]{ width: auto; display: inline-block; font-size: 0; } #social-navigation a::before{ vertical-align: inherit; font-size: 40px; font-size: 4rem; margin-top:1em; } .find-out-more .column a{ text-indent: 2.2rem; } article.comp-popup { top: 0; left: 0; margin-top: 0; margin-left: 0; bottom: 0; max-height: 100%; height: 100%; } } @media screen and (max-width: 600px){ .one.column, .two.column, .three.column, .four.column, .five.column, .six.column, .seven.column, .eight.column, .nine.column, .ten.column, .custom-5.column{ float:none; padding:0.8em 0; width:100%; } .top-bar{ position: fixed; z-index:1000; width:100%; top:0; background-color: #222; } #content{ margin-top: 0; } .white-container .proportionate{ padding-top:0; } .prop-con{ position: static; } .beige .proportionate:first-of-type{ padding-top:0; } .competition-home-content .home-box.double-height{ height:auto; } .home-box.closed-comp img, .home-box.coming-soon-comp img{ height:auto; width:100%; } #hero-section{ height:auto; } #hero-section img{ width:100%; height:auto; } #hero-section p:first-child{ padding:10% 0 0 0; } .multi-box-layout .row{ height:auto; } .featured-feed .two.column{ float:left; width:33.333333%; } .featured-feed .ten.column{ float:left; width:66.666666%; } .top-bar, .top-bar #social-navigation{ text-align: center; } div.site-logo{ text-align: center; } .container.overlay-top{ max-width: 100%; top:0; } .home-box{ width:100% !important; } .multi-box-layout .column{ padding-left: 0 !important; padding-right: 0 !important; } #main-navigation ul li a{ margin-top: .7em; width: 100%; box-sizing: inherit; } #main-navigation ul li{ float: none; width: 100%; } #main-navigation a:hover::before{ left:.4em; font-size: 1.4em; top:inherit; } #main-navigation a:before{ top:inherit; } #footer-widgets div:after{ content: ''; display: block; width: 100%; clear: both; } #hero-section div p{ letter-spacing: 6px; font-size: 16px; font-size: 1.6rem; } .competition-home-content .six.column .six.column:nth-child(2), .competition-home-content .six.column:nth-child(2), .find-out-more .column.red, .find-out-more .column.yellow, .eight.column.hidden-paragraph, .row.split-column .six.column:last-child, .honourable-mentions.row .four.column:nth-of-type(3), .honourable-mentions.row .four.column:nth-of-type(6){ padding-left: 0; } #footer-widgets .mc4wp-form p, .honourable-mentions.row .four.column:nth-of-type(2), .honourable-mentions.row .four.column:nth-of-type(5) { padding-left: 0; padding-right: 0; } .awarded-names, .comp-news { text-align: center; } .blue-box-container .four.column, div.eight.column.comp-brief-con, .winner-content .four.column, .winner-content .six.column:first-child, .row.split-column .six.column:first-child, .honourable-mentions.row .four.column:nth-of-type(1), .honourable-mentions.row .four.column:nth-of-type(4) { padding-right: 0; } .read-more-btn{ margin-bottom:2.1em; } .three.column.line-up-p{ padding-top:0; } .comp-brief p{ padding-top: 2.8em; } .voting-login{ float:none; width:100%; } .share-entries .row .three.column{ width:25%; float:left; } .share-entries .row .nine.column{ width:75%; float:left; } #content div.sharedaddy{ clear: none; } .single-content{ padding-left:0; } .align-right{ text-align: left; } .row.pagination .four.column{ margin:1em 0; background-color:#f8f8f8; font-size: 1.8rem; border:0; } .img{ height: 300px; } #content, .blog #content, .single-post #content{ padding-top: 0px; } #magazine-content .nine.column .six.column:nth-of-type(even), #magazine-content .nine.column .six.column:nth-of-type(odd){ width: 100%; margin-left: 0; margin-right: 0; margin-top:0; margin-bottom: 0; } body .row.ajax-post .simplefavorite-button.active, body .row.ajax-post button.simplefavorite-button{ width:50px; height:70px; } #single-article figcaption, #single-article figure img{ width:100%; position: static; padding-left: 0; } .cite-article{ display: none; } body .content .related-thumb{ margin:1.5% 1%; width: 48%; } .four-boxes .box{ width:100%; } .four-boxes .box:nth-child(odd){ margin-right: 0; } .four-boxes .box:nth-child(even){ margin-left: 0; } #navigation { position: fixed; top: 0; right: 0; left: 0; z-index: 1000000; width: 100%; height: 100%; max-height: 54px; padding-top: 54px; background-color: #222; overflow: hidden; -webkit-transition: max-height 350ms ease-out; -moz-transition: max-height 350ms ease-out; -ms-transition: max-height 350ms ease-out; transition: max-height 350ms ease-out; } #navigation.open { max-height: 100%; overflow: scroll; } .mobile-nav-trigger { position: absolute; top: 9px; right: 9px; display: block; width: 42px; height: 42px; border: 0; background-color: transparent; } .mobile-nav-trigger img { width: 100%; height: auto; } #main-navigation ul li a { color: #fff; width: 100%; display: block; text-align: center; font-size: 18px; } #menu-main a[href*="basket"] { background-image: url('images/basket-icon-white.png'); } #menu-main a[title="contact"] { background-image: url('images/contact-icon-white.png'); } #menu-main a[href*="login"] { background-image: url('images/key-icon-white.png'); } #menu-main .menu-item-home a { background-image: url('images/home-icon-white.png'); } #menu-main a[href*="basket"], #menu-main a[title="contact"], #menu-main a[href*="login"], #menu-main .menu-item-home a { width: 42px; height: 42px; margin: 0 auto; } } @media screen and (min-width: 1400px){ body{ font-size: 1.4em; } } .wysiwyg-default ul{ list-style: disc; margin:1.4em 0; } .wysiwyg-default ol{ list-style: decimal; margin:1.4em 0; } .relatedthumb:after{ content: ''; display: block; width: 100%; clear:both; } .relatedthumb p{ padding:0; } body.blog .sd-social-icon .sd-button span.share-count{ display: none; } @media screen and (max-height:700px) and (max-width:800px){ #main-header .top-bar #social-navigation ul li a{ line-height: 2.8; font-size:26px; font-size: 2.6rem; } } @media screen and (max-height:600px) and (max-width:800px){ #main-header .top-bar #social-navigation ul li a{ line-height: 2.5; font-size:23px; font-size: 2.3rem; } } @media screen and (max-height:500px) and (max-width:800px){ #main-header .top-bar #social-navigation ul li a{ line-height: 2.2; font-size:20px; font-size: 2rem; } #main-header .top-bar #social-navigation{ overflow: scroll; } } @media screen and (max-height:400px) and (max-width:800px){ #main-header .top-bar #social-navigation ul li a{ line-height: 2; font-size:18px; font-size: 1.8rem; } }