/* Theme Name: FC Honka ry Theme URI: Author: Jay Ness / Kalamuki Description: FC Honka ry Version: 2.0.1 Text Domain: fchonkary */ /*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */ *,::after,::before{background-repeat:no-repeat;box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.15;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute} /* * Skeleton V2.0.4 * Copyright 2014, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 12/29/2014 */ .column,.columns,.container,.u-full-width{width:100%;box-sizing:border-box}h1,h2,h3{letter-spacing:-.1rem}body,h6{line-height:1.6}.container{position:relative;max-width:960px;margin:0 auto;padding:0 20px}ol,p,ul{margin-top:0}.column,.columns{float:left}@media (min-width:400px){.container{width:85%;padding:0}}html{font-size:62.5%}body{font-size:1.5em;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:4rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:3rem;line-height:1.3}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;letter-spacing:0}@media (min-width:768px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%;max-width:4.66666666667%}.two.columns{width:13.3333333333%;max-width:13.3333333333%}.three.columns{width:22%;max-width:22%}.four.columns{width:30.6666666667%;max-width:30.6666666667%}.five.columns{width:39.3333333333%;max-width:39.3333333333%}.six.columns{width:48%;max-width:48%}.seven.columns{width:56.6666666667%;max-width:56.6666666667%}.eight.columns{width:65.3333333333%;max-width:65.3333333333%}.nine.columns{width:74%;max-width:74%}.ten.columns{width:82.6666666667%;max-width:82.6666666667%}.eleven.columns{width:91.3333333333%;max-width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%;max-width:30.6666666667%}.two-thirds.column{width:65.3333333333%;max-width:65.3333333333%}.one-half.column{width:48%;max-width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}a{color:#1EAEDB}a:hover{color:#0FA0CE}.button,button,input[type=submit],input[type=reset],input[type=button]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:focus,.button:hover,button:focus,button:hover,input[type=submit]:focus,input[type=submit]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=button]:focus,input[type=button]:hover{color:#333;border-color:#888;outline:0}.button.button-primary,button.button-primary,input[type=submit].button-primary,input[type=reset].button-primary,input[type=button].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type=tel],input[type=url],input[type=password],input[type=email],input[type=number],input[type=search],input[type=text],select,textarea{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=tel],input[type=url],input[type=password],input[type=email],input[type=number],input[type=search],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both} /* * Slick * Version: 1.9 * Author: Ken Wheeler * Website: http://kenwheeler.github.io * Docs: http://kenwheeler.github.io/slick * Repo: http://github.com/kenwheeler/slick * Issues: http://github.com/kenwheeler/slick/issues */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-dots li button:before,.slick-next:before,.slick-prev:before{/*font-family:slick;*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:url(css/ajax-loader.gif) center center no-repeat #fff}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;border:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:0}.slick-dots{position:absolute;bottom:0;right:0;display:inline-block;background:rgba(0,0,0,.2);width:auto;max-width:150px;padding:.25rem 0;margin:0 auto;list-style:none;text-align:center;border-radius:10px 0 0}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:18px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1em;height:.125em;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px} /* * VenoBox - jQuery Plugin * version: 1.8.5 * @requires jQuery >= 1.7.0 * * Examples at http://veno.es/venobox/ * License: MIT License * License URI: https://github.com/nicolafranchini/VenoBox/blob/master/LICENSE * Copyright 2013-2017 Nicola Franchini - @nicolafranchini * */ .vbox-overlay *,.vbox-overlay *:after,.vbox-overlay *:before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:1040;-webkit-transform:translateZ(1000px);transform:translateZ(1000px);transform-style:preserve-3d}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 40px;overflow:hidden;position:fixed;display:none;left:0;z-index:1050}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:1050}.vbox-num{cursor:pointer;position:fixed;left:0;height:40px;display:block;overflow:hidden;line-height:28px;font-size:12px;padding:6px 10px;display:none;z-index:1050}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:1050}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#B6B6B6;border-right-color:#B6B6B6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:260px}@media (min-width: 768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width: 992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 10px}.vbox-container img{max-width:100%;height:auto}.figlio{box-shadow:0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);max-width:100%;text-align:initial}img.figlio{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px !important}.vbox-content.swipe-right{margin-left:200px !important}.animated{webkit-transition:margin 300ms ease-out;transition:margin 300ms ease-out}.animate-in{opacity:1}.animate-out{opacity:0}/* ---------- preloader ---------- * SPINKIT * http://tobiasahlin.com/spinkit/ -------------------------------- */ .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}} @font-face { font-family: 'Vitesse-Book'; font-display: auto; src: url('css/fonts/Vitesse-Book.eot?#iefix') format('embedded-opentype'), url('css/fonts/Vitesse-Book.otf') format('opentype'), url('css/fonts/Vitesse-Book.woff') format('woff'), url('css/fonts/Vitesse-Book.ttf') format('truetype'), url('css/fonts/Vitesse-Book.svg#Vitesse-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Vitesse-Medium'; font-display: auto; src: url('css/fonts/Vitesse-Medium.eot?#iefix') format('embedded-opentype'), url('css/fonts/Vitesse-Medium.otf') format('opentype'), url('css/fonts/Vitesse-Medium.woff') format('woff'), url('css/fonts/Vitesse-Medium.ttf') format('truetype'), url('css/fonts/Vitesse-Medium.svg#Vitesse-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Vitesse-Bold'; font-display: auto; src: url('css/fonts/Vitesse-Bold.eot?#iefix') format('embedded-opentype'), url('css/fonts/Vitesse-Bold.otf') format('opentype'), url('css/fonts/Vitesse-Bold.woff') format('woff'), url('css/fonts/Vitesse-Bold.ttf') format('truetype'), url('css/fonts/Vitesse-Bold.svg#Vitesse-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; font-display: auto; src: url('css/fonts/fontawesome-webfont.eot'); src: url('css/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('css/fonts/fontawesome-webfont.woff2') format('woff2'), url('css/fonts/fontawesome-webfont.woff') format('woff'), url('css/fonts/fontawesome-webfont.ttf') format('truetype'), url('css/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } u { text-decoration: none; } b, strong { font-weight: 400; font-family: "Vitesse-Bold"; } h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong { font-weight: 400; text-transform: none; color: #ddd; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; clip: auto !important; color: #333; display: block; font-size: 1.4rem; font-weight: bold; height: auto; line-height: normal; padding: 0 15px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Override Skeleton, we should actually implement everything here. Do not wait for the framework to update. It won't. But, later... */ label, legend { font-weight: 400; } .button, button, input[type=submit], input[type=reset], input[type=button] { font-family: "Vitesse-Bold"; letter-spacing: normal; font-size: inherit; font-weight: 400; } @media screen and (max-width: 639px) { .button, button, input[type=submit], input[type=reset], input[type=button] { padding: 0 1rem; } } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary, .wp-block-file .wp-block-file__button { background-color: rgb(212,170,15) !important; border-color: rgb(212,170,15); transition: all 0.15s linear; letter-spacing: normal; border-radius: 3px !important; } .wp-block-file .wp-block-file__button { margin: 0 1rem; padding: .5rem 1rem; color: #eee; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .wp-block-file .wp-block-file__button:hover { background-color: #fff !important; border-color: rgb(212,170,15); color: rgb(212,170,15) !important; } .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus, .wp-block-file .wp-block-file__button:focus { background-color: rgb(212,170,15) !important; border-color: rgb(212,170,15); color: #fff !important; } hr { border: 0; width: 25%; height: 1px; margin: 3rem auto 3.5rem; background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(212,170,15,0.5), rgba(255,255,255,0)); } a { color: rgb(212,170,15); text-decoration: none; transition: all 0.3s linear; } a:hover, a:active { color: rgb(212,170,15); box-shadow: inset 0 0 0 rgba(212,170,15,1), 0 1px 0 rgba(212,170,15,1); } a img { transition: transform 0.5s linear !important; } a:hover img { transform: scale(1.025); } a[href="#0"] { cursor: default; } .text-center { text-align: center; } .text-uppercase { text-transform: uppercase; } body:not(.user-is-tabbing) :focus { outline: none; } body { width: 100%; background: #1c1c1c; color: #ccc; font-size: 1.6rem; font-family: 'Open Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: normal; word-break: normal; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; overflow-x: hidden; } @media screen and (min-width: 768px) { body { font-size: 1.4rem; } } @media screen and (-webkit-min-device-pixel-ratio:0) { select, input, textarea, select:focus, textarea:focus, input:focus { font-size: 1.6rem; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) { select, input, textarea, select:focus, textarea:focus, input:focus { font-size: 1.4rem; } } .site { overflow: hidden; max-width: 640px; margin: 0 auto; } @media screen and (min-width: 768px) { .site { max-width: none; } } @media screen and (max-width: 719px) { .no-js a.skip-link { clip: auto; position: relative !important; display: block; margin: 1rem auto; text-align: center; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; font-size: 1.2rem; } .no-js a.skip-link:hover { box-shadow: none; } } /* tables + tablepress */ .tablepress-wrapper { position: relative; margin-left: -0.5rem; overflow: hidden; overflow-x: scroll; } table, table.tablepress { position: relative; width: 100%; max-width: 100% !important; margin: 2.5rem 0; border: none; table-layout: auto; } table.torneopalwidget { margin-top: 2.5rem; } .tablepress-table-name { margin-top: 3rem !important; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; font-size: 1.8rem !important; text-transform: none; letter-spacing: normal; } .tablepress-table-description { margin: 0.5rem 0 1rem; } table caption { margin: 1.5rem 0 0.75rem !important; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; font-size: 1.8rem; text-transform: none; letter-spacing: normal; text-align: left; } table.tablepress caption { font-family: 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 1.4rem; } table.torneopalwidget caption { display: none; margin: 0 !important; } table.scoretable caption { margin-top: 0 !important; } .tablepress .odd td, tr:nth-child(odd) td { background-color: #1c1c1c; } .tablepress .even td, tr:nth-child(even) td { background-color: rgba(100,100,100,0.1); } .torneopal_widget table.nextmatch { width: auto !important; min-width: 50%; margin: 2.5rem 0; background-color: #ccc; color: #333; border-radius: 3px; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; } .torneopal_widget table.nextmatch td { padding: 0 0 .25rem; background-color: transparent !important; box-shadow: none !important; text-shadow: none; } .torneopal_widget table.nextmatch td.livelogo img { max-height: 7rem; padding: .5rem; } td.crest { width: auto !important; } td.goals { white-space: nowrap !important; } .tablepress .row-hover tr:hover, .tablepress .row-hover tr:hover td, tr:hover td, .scoretable tr:hover td { background-color: rgba(255,255,255,0.1) !important; } .tablepress th, .tablepress td, th, td { padding: 0.5rem 0 0.5rem 0.5rem; border: none !important; font-size: 75%; line-height: 1.5; box-shadow: 1px 0 0 rgba(0,0,0,0.5); text-shadow: 0 -1px 0 rgba(0,0,0,0.7); } table.scheduletable .match, .post-type-archive-ottelut table.scheduletable .score { display: none !important; } tablepress th:last-child, th:last-child, .tablepress td:last-child, td:last-child, .post-type-archive-ottelut table.scheduletable .away { box-shadow: none; } .tablepress th, .tablepress thead th, .tablepress tfoot th, th { vertical-align: bottom; line-height: 1.2; background-color: rgba(0,0,0,0.1); } td img, th img { margin: 0 !important; } .entry-summary .columns { margin-top: 2rem; } .entry-summary form .columns { margin-top: 0; } .entry-summary .columns img { margin-bottom: 0; } .no-js h2.seuraavaottelu { display: none; } @media screen and (min-width: 768px) { .tablepress th, th, .tablepress td, td { font-size: 90%; } .entry-summary .columns img { margin-bottom: 2.5rem; } } .dataTables_wrapper { max-width: 100%; } .dataTables_wrapper table { max-width: 100% !important; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { font-size: 80%; } .dataTables_wrapper input[type=tel], .dataTables_wrapper input[type=url], .dataTables_wrapper input[type=password], .dataTables_wrapper input[type=email], .dataTables_wrapper input[type=number], .dataTables_wrapper input[type=search], .dataTables_wrapper input[type=text], .dataTables_wrapper select, .dataTables_wrapper textarea { height: 24px; padding: 6px; font-size: 80%; color: #111; background: rgba(255,255,255,0.7); border: none; border-radius: 1px; } .dataTables_paginate a { color: #fff !important; text-decoration: none; } .container { width: 100%; max-width: 1200px; padding: 0; } .container.full { max-width: none; box-shadow: -3px 0 10px rgba(0,0,0,0.1); } .container.full .row { max-width: 1200px; margin: 0 auto; } img { max-width: 100%; height: auto; } .alignleft { float: left; margin: 1rem 2rem 2rem 0; } .alignright { float: right; margin: 1rem 0 2rem 2rem; } .aligncenter { display: block; margin: 1rem auto 2.5rem; } img.aligncenter { margin-top: 2.5rem; } img.size-thumbnail { width: 150px; height: auto; } img.alignleft.size-medium, img.alignleft.size-large, img.alignleft.size-full, img.alignright.size-medium, img.alignright.size-large, img.alignright.size-full { width: 300px; height: auto; } .flex { display: table; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: flex-start; } h1, h2, h3, h4, h5, h6, .main-menu, .button { font-family: 'Vitesse-Bold', 'Helvetica Neue', sans-serif; font-weight: normal; } .main-menu, .button { text-transform: uppercase; } h1, h2, h3, h4, h5 { line-height: 1.2; } h6 { line-height: 2.4rem; color: rgb(212,170,15); } .one-third h6 { text-transform: uppercase; color: rgb(212,170,15); white-space: nowrap; } @media screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { overflow: hidden; text-overflow: ellipsis; } } /* HEADER */ header { position: relative; width: 100%; padding: 0; background: #222; text-align: center; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; -webkit-backface-visibility: hidden; box-shadow: 0 1px 0 rgba(255,255,255,0.05); } .no-js header { padding: 0 1rem; } @media screen and (min-width: 768px) { header { float: none; padding: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.5); transition: box-shadow 1s ease; } /*header:hover { box-shadow: 0 10px 15px rgba(0,0,0,0.7); }*/ .no-shadow, .no-shadow:hover { box-shadow: none; } .admin-bar header .container { padding-top: 3rem; } } .site-title { float: left; width: 5rem; margin: 0; padding: 1rem 0 0; text-align: left; -webkit-backface-visibility: hidden; } .js .site-title { margin: 0 0 0 3rem; padding: 1rem 0 0 0.5rem; border-left: 1px solid rgba(100,100,100,0.3); } .site-title a { display: inline-block; padding: 0; -webkit-backface-visibility: hidden; } .site-title a:hover { background: transparent; box-shadow: none; } .site-title img { position: relative; width: 100%; height: auto; margin: 0 auto .25rem; -webkit-backface-visibility: hidden; transition: none !important; } .site-title a:hover img { transform: none; } @media screen and (min-width: 768px) { .site-title { width: 10rem; margin: 0; padding-left: 1rem; overflow: visible; } .js .site-title { margin: 0; padding: 1rem 0 0 1rem; border-left: none; } .js .fixed .site-title { padding-top: 0; } .site-title img { width: 9rem; margin: 0; } .js.no-touchevents .site-title a:hover { overflow: visible; transform: scale(1.05); } .js.no-touchevents .fixed .site-title a:hover { transform: scale(1.15); } } @media screen and (min-width: 1215px) { .site-title, .js .site-title { padding-left: 0; } .js.no-touchevents .fixed .site-title { margin-right: 0; } } /* NAV */ nav ul { list-style: none; margin: 1rem 0; } nav li { margin: 0 auto; } nav a, nav .current_page_item span, nav .current-menu-item span { color: #eee; padding: .5rem; text-decoration: none; overflow: hidden; text-overflow: ellipsis; box-shadow: none; } nav a:hover { color: rgb(212,170,15); background: rgba(0,0,0,0.7); box-shadow: none; } @media screen and (min-width: 768px) { nav a { color: #aaa; } } /* class MENU */ ul.menu li a, ul.menu .current_page_item span, ul.menu .current-menu-item span { padding: .5rem; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; } /* NAV.linkcontainer */ .linkcontainer { float: right; width: calc(100% - 8rem); margin: 2rem 0 0; text-transform: none; } /*.js .linkcontainer { width: calc(100% - 12rem); }*/ .full-width-content .linkcontainer { float: left; width: auto; margin: 0 .75rem 0 0; } .full-width-content .linkcontainer a { white-space: nowrap; } .full-width-content a + .linkcontainer { float: none; display: block; } .full-width-content .linkcontainer ul.flex { flex-flow: row wrap; } .full-width-content .linkcontainer ul.flex li { flex: 1 1 auto; } .linkcontainer ul { margin: 0; } ul.shortcuts { visibility: hidden; } ul.some { float: right; } .full-width-content ul.some { float: left; margin: 0; } .full-width-content ul.some li { margin: 0 .25rem 0 0; } .linkcontainer i { font-style: normal; } @media screen and (min-width: 768px) { .linkcontainer { position: relative; width: calc(100% - 12rem); margin: 1rem 1rem 0; text-align: left; } .full-width-content .linkcontainer { width: auto; } ul.shortcuts, ul.some { visibility: visible; } ul.shortcuts { justify-content: flex-start; float: left; width: 75%; } ul.some.flex { width: 25%; justify-content: flex-end; } .full-width-content ul.some.flex { width: auto; } header .linkcontainer::after { content: ""; position: absolute; left: 0; height: 1px; width: 100%; background: #333; bottom: -1.5rem; background-image: linear-gradient(to left, #222 0, transparent 30%), linear-gradient(to right, #222 0, transparent 30%); } } @media screen and (min-width: 1215px) { .linkcontainer { width: calc(100% - 11rem); margin-right: 0; } } .linkcontainer li { display: inline-block; position: relative; width: auto !important; margin: 0 .5rem 0 0; font-size: 1.2rem; line-height: 3rem; } .linkcontainer .menu.shortcuts li, .linkcontainer li.searchlink { margin-right: 1rem; } .linkcontainer .menu.shortcuts li, header .linkcontainer .menu.some li:last-child, .linkcontainer li.searchlink a { display: none; } .linkcontainer .menu.shortcuts li:first-child { margin-left: 0; } @media screen and (min-width: 768px) { .full-width-content .linkcontainer .menu.some li { margin-right: 0 !important; } .js .linkcontainer li.searchlink a { display: inline; position: relative; } .linkcontainer .menu.shortcuts li, header .linkcontainer .menu.some li:last-child { display: inline-block; } .linkcontainer li.searchlink { margin-left: 1rem; } .linkcontainer .menu.shortcuts li::before, .linkcontainer li.searchlink::before, .linkcontainer .menu.some li:last-child::before { content: ""; position: absolute; left: -0.5rem; height: 2rem; width: 1px; background: #444; top: 5px; background-image: linear-gradient(to bottom, #222 0, transparent 50%), linear-gradient(to top, #222 0, transparent 50%); } .linkcontainer li:first-child::before, .full-width-content .linkcontainer .menu.some li:last-child::before { display: none; } } .js .linkcontainer li.searchlink, .no-js .linkcontainer li.searchlink { display: none; } .linkcontainer ul:not(.shortcuts) span { position: absolute; text-indent: -9999em; } @media screen and (min-width: 768px) { .js .linkcontainer li.searchlink, .no-js .linkcontainer li.searchlink { display: inline-block; } } .linkcontainer .menu.some li { position: relative; } .linkcontainer .menu.some li a::before, .breadcrumb .sep::before { display: inline-block; font: normal normal normal 1.8rem/1.2 FontAwesome; text-rendering: auto; vertical-align: middle; color: #eee; transition: all 0.5s linear; } .full-width-content .linkcontainer .menu.some li a::before { display: inline-block; font-size: 1.6rem; line-height: 1rem; width: 2rem; height: 2rem; padding: .25rem; border-radius: 3px; } @media screen and (min-width: 768px) { .linkcontainer .menu.some li a::before { color: #aaa; } } .linkcontainer .menu.some li a:hover::before { color: rgb(212,170,15); } .linkcontainer a[href*="facebook.com"]::before { content: "\f09a"; } .linkcontainer a[href*="twitter.com"]::before { content: "\f099"; } .linkcontainer a[href*="plus.google.com"]::before { content: "\f0d5"; } .linkcontainer a[href*="pinterest.com"]::before { content: "\f231"; } .linkcontainer a[href*="youtube.com"]::before { content: "\f167"; } .linkcontainer a[href*="flickr.com"]::before { content: "\f16e"; } .linkcontainer a[href*="vimeo.com"]::before { content: "\f27d"; } .linkcontainer a[href*="instagram.com"]::before { content: "\f16d"; } .linkcontainer a[href*="whatsapp://send"]::before { content: "\f1d7"; } .linkcontainer a[href*="linkedin.com"]::before { content: "\f08c"; } .linkcontainer a[href*="slack"]::before { content: "\f198"; } .linkcontainer a[href*="slideshare.com"]::before { content: "\f1e7"; } .linkcontainer a[href*="spotify"]::before { content: "\f1bc"; } .linkcontainer li.searchlink a::before { content: "\f002"; } .linkcontainer .menu.some li.login a::before { content: "\f090"; } .linkcontainer .menu.some li.logout a::before { content: "\f08b"; } @media screen and (max-width: 719px) { nav#nav { width: 100%; } } .main-menu { position: relative; width: 100%; font-size: 1.5rem; text-align: left; } .main-menu li { position: relative; float: left; } .main-menu > li { z-index: 1; } @media screen and (max-width: 719px) { .no-js .menu-item-has-children { margin-bottom: 1rem; } .no-js .main-menu li { width: 100%; } } @media screen and (max-width: 767.98px) { .no-js .main-menu.flex { flex-flow: column wrap; } } .no-js .main-menu ul li { width: auto; } .main-menu a, .main-menu .current_page_item span, .main-menu .current-menu-item span { display: block; padding: 0.5rem; color: rgb(212,170,15); transition: all 0.3s linear; } .main-menu .current_page_item span, .main-menu .current-menu-item span { color: #aaa; } .no-js .main-menu a::before, .no-js .main-menu .current_page_item span::before, .no-js .main-menu .current-menu-item span::before { content: ""; position: absolute; left: 0; height: 1px; width: 70%; background: #444; top: 2.5rem; background-image: linear-gradient(to left, #222 0, transparent 50%); } .no-js .main-menu a:hover::before, .no-js .children a::before { display: none; } @media (min-width: 768px) { .main-menu { justify-content: start; } .main-menu li { float: left; width: auto; margin: 0 0.25vw 0 3px; padding-right: 0.25vw; text-align: center; white-space: nowrap; } } @media (min-width: 820px) { .main-menu li { margin: 0 1vw 0 3px; padding-right: 1vw; } } @media (min-width: 768px) { .main-menu li:last-child { margin: 0; padding: 0; } nav { clear: none; float: left; width: calc(100% - 13.5rem); margin: 3.75rem 0 0 1rem; } .main-menu { float: none; margin: 0; } .main-menu a { padding: 0.5rem 0; } .no-js .main-menu .current_page_item span::before, .no-js .main-menu .current-menu-item span::before { display: none; } .no-js .main-menu a::before { display: none; } .main-menu li { text-align: left; } .main-menu li::after { content: ""; position: absolute; right: -2%; height: 3rem; width: 1px; background: #444; top: 0; background-image: linear-gradient(to bottom, #222 0, transparent 50%), linear-gradient(to top, #222 0, transparent 50%); } .main-menu li:nth-last-child(2)::after, .main-menu li:last-child::after, .main-menu .children.level-1 li::after { display: none; } } @media screen and (min-width: 980px) { .main-menu a { padding: 0.5rem; } } @media screen and (min-width: 1215px) { nav { width: calc(100% - 13.5rem); margin-right: 0; } } /* Main menu desktop-laitteille. Ei vielä huomioitu desktoppeja kosketusnäytöllä. Toiminnallisuudet toimivat siitä huolimatta. */ @media screen and (min-width: 768px) { .js.no-touchevents header { position: absolute; top: 0; right: auto; left: auto; z-index: 10; height: 11rem; } .js.no-touchevents header nav { background: #222; } .js.no-touchevents main { padding-top: 11rem; } } @media screen and (min-width: 920px) and (min-height: 480px) { .js.no-touchevents header.fixed .container { position: fixed; top: 0; right: auto; left: auto; width: 100%; max-width: none; margin: 0 auto; background: #222; box-shadow: 0 5px 10px rgba(0,0,0,0.5); } .js.no-touchevents header.fixed .row { max-width: 1200px; margin: 0 auto; } .js.no-touchevents header.fixed .linkcontainer { display: none; } .js.no-touchevents header.fixed nav { margin-top: 2.5rem; } .js.no-touchevents .fixed .site-title { height: 6rem; text-align: center; } .js.no-touchevents .fixed .site-title img { max-width: 3.5rem; margin: 1rem 0 0; } .js.no-touchevents header.fixed .container { -webkit-animation: animationFrames ease 0.5s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards; animation: animationFrames ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards; } } @-webkit-keyframes animationFrames { 0% { transform: translateY(-40px); } 100% { transform: translateY(0); } } @keyframes animationFrames { 0% { transform: translateY(-40px); } 100% { transform: translateY(0); } } /* CHILDREN */ #nav .children { z-index: 10; margin: 0; font-size: 1.2rem; text-shadow: none; text-transform: none; letter-spacing: normal; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; background: #222; } #nav .children .children { display: none; } aside .children { z-index: auto; margin: -0.5rem 0 0.5rem 2rem; padding: 0; font-size: 1.4rem; } .no-js #nav .children li { margin-bottom: 0; } ul.menu li.current_page_item .children span { padding: 0; } .no-js #nav .children li:not(:last-child)::after { content: "|"; color: rgba(255,255,255,0.3); } .no-js header .children a, .no-js header .children .current-menu-item span { display: inline-block; padding: 0.25rem 0.5rem; border-bottom: none; } @media screen and (min-width: 768px) { .children li { float: none !important; width: auto !important; min-width: 150px; margin: 0; padding-right: 0; white-space: nowrap; } .children ul.children, .children .children li { max-width: none; overflow: visible; } .children a, .children span { display: block !important; padding: 0.25rem 2rem 0.25rem 0.5rem !important; color: #aaa; } .children a:hover { color: rgb(212,170,15); } .children li span { color: #666; } #nav .children { width: auto !important; min-width: calc(100% + 2rem); } #nav .children .children { display: block; min-width: 150px; } #nav .children.level-0 .children, .no-js #nav .children.level-0 .children { display: none; } #nav .children, .no-js #nav .children { position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; opacity: 0; width: calc(100% + 2rem); margin: 0 0 0 -1rem; padding: 1rem; box-shadow: 3px 10px 10px rgba(0,0,0,0.5); transition: top .25s ease-out, visibility .1s ease-out, opacity .1s ease-out, z-index .25 ease-out .25s; will-change: top, visibility, opacity; } #nav .hover + .children, #nav .hover > .children, #nav .hovertoo + .children, #nav .hovertoo > .children, #nav .children.level-0 a:hover + .children, #nav .children.level-0 li:hover > .children, .no-js #nav li:hover > ul.children, .no-js #nav a:hover > .children { top: 100%; z-index: 10; visibility: visible; opacity: 1; transition: top .15s ease-in, visibility .3s ease-in, opacity .3s ease-in, z-index .15s ease-in .25s; } #nav .children.level-0 a:hover + .children, #nav .children.level-0 li:hover > .children { display: block; } #nav .children.level-0 a:hover + .children, #nav .children.level-0 li:hover > .children { top: 2.25rem; right: 2rem; left: auto; max-width: 250px; padding-bottom: 1rem; box-shadow: 0 5px 15px rgba(0,0,0,0.7); } .no-js #nav .children.level-0 { margin: 0; } .no-js #nav .children li:not(:last-child)::after, .js #nav .children li::after { display: none; } #nav .children.level-0 .children { display: none; } .main-menu .children.level-0 li.menu-item-has-children > a::after, .main-menu .children li.menu-item-has-children > span::after { content: "\f055"; font: normal normal normal 1.4rem/1.2 FontAwesome; position: absolute; top: .5rem; right: 1rem; width: .75rem; height: .75rem; color: #aaa; } .main-menu .children.level-1 li.menu-item-has-children > a::after, .main-menu .children.level-1 li.menu-item-has-children > span::after { display: none; } .children li.menu-item-has-children .children a, .children li.menu-item-has-children .children span, .children a > .children a, .children a > .children span { padding: 0.25rem 0.75rem !important; } .main-menu .children li.menu-item-has-children > a:hover::after, .main-menu .children li.menu-item-has-children > span:hover::after { color: rgb(212,170,15); } } .slicknav_menu { display: none; } @media screen and (max-width: 767px) { .js #slick-menu-wrap { position: relative; width: 100%; font-size: 1.2rem; box-shadow: 0 3px 5px rgba(0,0,0,0.5); } .js .slicknav_menu { padding: 0; } .js .menu.main-menu { display: none; } .js .slicknav_nav { border-bottom: 1px solid rgba(100,100,100,0.3); } .js .slicknav_nav li { margin-bottom: 0; padding: 0.25rem 0; border-bottom: 1px solid rgba(100,100,100,0.3); } .js .slicknav_nav li:first-child { border-top: 1px solid rgba(100,100,100,0.3); } .js .slicknav_nav li:last-child { font-size: 1.4rem; border-bottom: none; } .js .slicknav_nav .slicknav_row, .js .slicknav_nav a, .js .slicknav_nav .current_page_item span:not(.slicknav_arrow), .js .slicknav_nav .current-menu-item span:not(.slicknav_arrow) { color: rgb(212,170,15); padding: 0.5rem 1rem; margin: 0; transition: all 0.3s linear; } .js .slicknav_nav a a, .js .slicknav_nav a span { padding: 0; } .js .slicknav_nav .current_page_item span:not(.slicknav_arrow), .js .slicknav_nav .current-menu-item span:not(.slicknav_arrow) { display: inline-block; color: #aaa; } .js .slicknav_nav .slicknav_arrow { font: normal normal normal 1.5rem/1.5 FontAwesome; float: right; padding: 0 0.5rem; color: rgb(212,170,15); } .js .slicknav_nav .slicknav_row:hover, .js .slicknav_nav a:hover { color: #eee; background: rgba(0,0,0,0.5); box-shadow: none; } .js .slicknav_nav .slicknav_row:hover .slicknav_arrow, .js .slicknav_nav a:hover .slicknav_arrow { border-color: #eee; } .js .slicknav_menu { display: block; background: transparent; font-size: 1.5em; text-align: left; } .js a.slicknav_btn { position: absolute; top: -5rem; left: 0; z-index: 100; width: 10%; width: calc(3rem + 1px - 1px); margin: 1rem auto; padding: 0.225rem 0; text-align: center; background: transparent; } .js a.slicknav_btn:hover { box-shadow: none; } .js .admin-bar a.slicknav_btn { top: 5rem; } .js .slicknav_icon { max-width: 100%; min-height: 1rem; } .js a.slicknav_btn .slicknav_icon-bar { transition: all 0.3s linear; } .js a.slicknav_btn:hover .slicknav_icon-bar { background-color: rgb(212,170,15); } .js a.slicknav_btn span.slicknav_menutxt, .js a.slicknav_btn span.slicknav_icon { float: none; display: inline-block; padding-top: 0.225rem; } .js a.slicknav_btn.slicknav_open .slicknav_icon { display: none; } .js a.slicknav_btn.slicknav_open::after { content: "\f00d"; font: normal normal normal 2rem/0.1 FontAwesome; } .js .slicknav_nav { padding-bottom: 2rem; background: #222; } .js .slicknav_nav ul { padding: 0 0 1rem 2.1rem; } .js .slicknav_nav .children { padding: 0; } } /* sitesearch */ .sitesearch { display: none; margin: 0.5rem auto 1.5rem; padding: 0; } .sitesearch-list { width: 100%; margin-bottom: 1rem; } .sitesearch-list .sitesearch { display: block; margin: 2rem 0; } .js .sitesearch-list .sitesearch { margin: 2rem 1rem; } @media screen and (min-width: 768px) { .sitesearch { display: inline; float: right; width: 25%; min-width: 200px; margin: 0 auto; } .js .sitesearch { display: none; } .js .sitesearch-open, .js .sitesearch-open a, .js .sitesearch-open a::before { background: #eee; color: #333 !important; } .js .sitesearch-open .sitesearch { display: block; float: none; width: 300px; position: absolute; top: 3rem; right: 0; background: #eee; padding: 2rem 1.5rem; z-index: 100; box-shadow: 0 20px 20px rgba(0,0,0,0.7); } .no-js .sitesearch-list { display: none; } .sitesearch-list .sitesearch { display: none !important; } } .sitesearch form { margin: 0; font-size: 1.2rem; } .js .sitesearch form { top: 0; z-index: 100; font-size: 1.4rem; } .sitesearch label { display: inline; } .sitesearch input { float: left; width: 77%; height: 32px; font-size: 1.2rem; margin: 0; padding: 0.1rem 0.5rem; color: #333; font-family: 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: normal; border: none; background: #eee; border-radius: 1px; } .sitesearch input.search-submit { width: 23%; margin: 0; background: #ddd; line-height: 0.9rem; text-transform: none; transition: all 0.1s linear; } .sitesearch input.search-submit:hover { background: #bbb; text-shadow: 0 1px 0 #ddd; } .sitesearch.sitesearch-inline { display: block; float: none; width: auto; margin: 0 0 2.5rem; padding: 2.5rem 0; } .sitesearch.sitesearch-inline input { font-size: 1.2rem; } /* main */ main { position: relative; z-index: 1; } main .flex { width: 100%; flex-flow: column wrap; justify-content: space-around; } main .flex.ottelut { justify-content: start; } main .full-width-content .menu.some.flex { width: auto; margin-left: -0.5rem; } main ul.flex li { flex: 1; margin-bottom: 1rem; } main .full-width-content .menu.some.flex li { margin-bottom: 0; line-height: 2; } #teamsponsors h5 { text-align: center; } main ul.teamsponsors.flex { padding-top: 3rem; text-align: center; justify-content: center; } main ul.teamsponsors.flex img { max-height: 8rem; background: #fff; padding: 1rem; transition: all 0.5s linear; } @media screen and (min-width: 768px) { main .flex { flex-flow: row wrap; } main ul.flex li { flex: 1 1 auto; } main ul.teamsponsors.flex li { flex: 0 1 auto; margin-right: 1rem; } } .full-width-content { width: calc(100% - 2rem); margin: 0 1rem; padding: 4rem 0; } @media screen and (min-width: 768px) { .full-width-content { width: 100%; margin: 0; padding: 4rem; } } .full-width-content h1, .full-width-content h2 { font-size: 3.2rem; } .full-width-content h3, .full-width-content h4 { font-size: 2.8rem; } .full-width-content h5 { font-size: 2.4rem; } .entry-summary h1, .entry-summary h2, .entry-summary h3 { font-size: 2.4rem; } .entry-summary h4 { font-size: 2rem; } .entry-summary h5 { font-size: 1.8rem; } .entry-summary h6 { font-size: 1.4rem; } .full-width-content h1, .full-width-content h2, .full-width-content h3, .full-width-content h4, .full-width-content h5, .full-width-content h6 { margin-bottom: 1rem; } .full-width-content article h6 { margin-top: 1.2rem; margin-bottom: .6rem; } .entry-summary { clear: both; width: 100% !important; line-height: 2.4rem; text-overflow: ellipsis; } .entry-summary + .entry-summary { margin-top: 4rem; } .entry-summary.flex { justify-content: left; } .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6 { margin-top: 2.5rem; } .entry-summary h6.ingressi, .entry-summary h5.org { margin-top: 0; } .full-width-content h6 { font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; font-size: 1.6rem; } .entry-summary h6 { display: inline; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; color: #ccc; } .full-width-content p { margin-bottom: 1rem; } .full-width-content .ingressi { font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; text-transform: none; } .entry-summary p { margin-bottom: 1.25rem; } .full-width-content ul, .full-width-content ol { margin-bottom: 2rem; list-style: none; } .entry-summary ul:not(.toimihenkilon_lisatieto):not(.some):not(.player):not(.match-stats):not(.vcard):not(.blocks-gallery-grid) { margin-left: 3rem; list-style-type: disc; } .entry-summary ul.match-stats { font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; } .entry-summary ol:not(.toimihenkilon_lisatieto) { margin-left: 3.5rem; list-style-type: decimal; } .entry-summary ul ul, .entry-summary ol ol { margin: 1rem 0 2rem; padding-left: 2rem; } .entry-summary li ol, .entry-summary ol ol li:last-child { margin-bottom: 0; } .full-width-content li { margin: 0; } .entry-summary li { margin: 0 0 0.5rem; line-height: 1.4; } .entry-summary ol li { margin-left: -0.5rem; } .full-width-content ul.buttons { margin-bottom: 8rem; } .full-width-content ul.buttons li { display: inline-block; margin-right: 1rem; } .entry-summary .four { overflow: hidden; } .full-width-content a.button:hover, .full-width-content a.img:hover, .full-width-content a[rel="attachment"]:hover { box-shadow: none; } .full-width-content .linkcontainer:not(.teamlink) a:hover { box-shadow: none; } .full-width-content .linkcontainer a:not(.button):not(.img):hover::before { background: #000; } .full-width-content h2 span { display: block; } .full-width-content .date { height: 2rem; margin: .75rem 0 2rem; } .full-width-content .date.no-date { margin-bottom: 0; } .full-width-content .date.no-date .some { margin-bottom: 2rem; } .full-width-content .date.bottom { margin: 2rem 0 .75rem; } .full-width-content .date.bottom ul { margin-left: -0.25rem; } .full-width-content time, .full-width-content .time { display: inline; float: left; min-width: 7.75rem; margin-right: 0.5rem; color: #ccc; text-transform: uppercase; } aside time { float: none !important; min-width: 1rem !important; } aside time + a { display: inline !important; float: none !important; } .full-width-content table .time { display: table-cell; float: none; min-width: 1rem; margin-right: 0; } .full-width-content .date time { min-width: 2.25rem; } .full-width-content .time.day { min-width: 2.25rem; } .no-js .wall-e { display: none !important; } .wall-e .full-width-content { width: 100%; margin: 0; padding: 0; } @media screen and (min-width: 768px) { .home .full-width-content, #sponsors.full-width-content { width: 66.666667%; margin: 0; } #events .full-width-content, #team-events .full-width-content { width: 100%; } .wall-e .full-width-content { width: 100%; } } @media screen and (min-width: 880px) { .full-width-content { padding: 4rem; } .wall-e .full-width-content { padding: 4rem 0; } } @media screen and (min-width: 1200px) { .has-post-thumbnail .container:first-of-type:not(footer) .full-width-content:not(#sponsors) { margin-top: -7.5rem; background: #222; box-shadow: 0 5px 10px rgba(0,0,0,0.5); } } .ff-stream { box-sizing: border-box !important; padding: 0 0 4rem !important; background: transparent !important; } @media screen and (min-width: 769px) { .ff-stream { width: calc(100% + 2rem); margin: 0 1rem 0 0; padding: 3rem 0 2rem !important; transform: translate3d(-1rem, 0px, 0px) scale3d(1, 1, 1); } } .ff-stream-wrapper { margin: 0 !important; } .ff-item { padding: 0 !important; } .ff-item-cont h4 { margin: 3rem 7px 0 !important; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; font-weight: 400; } .ff-content { margin: 3rem 7px 1rem !important; } .ff-youtube .ff-content { display: none; } .ff-item-meta { margin: 1rem 7px 3rem !important; } @media screen and (min-width: 768px) { .ff-item-cont h4 { margin: 3rem 10px 0 !important; } .ff-content { margin: 3rem 10px 1rem !important; } .ff-item-meta { margin: 1rem 10px 3rem !important; } } @media screen and (min-width: 880px) { .ff-item-cont h4 { margin: 3rem 4.25rem 0 !important; } .ff-content { margin: 3rem 2rem 1rem !important; } .ff-item-meta { margin: 1rem 2rem 3rem !important; } } .ff-item-cont h4 + .ff-content { margin-top: 1rem !important; } .ff-stream img { margin: 0 !important; transition: all 1s linear !important; } .ff-stream a { margin-bottom: .2rem; color: rgb(212,170,15) !important; } #wall .ff-name:hover, #wall a:hover { text-decoration: none !important; box-shadow: inset 0 0 0 rgba(212,170,15,1), 0 1px 0 rgba(212,170,15,1) !important; } .ff-img-holder a:hover { box-shadow: none; } .ff-stream span:hover img { transform: scale(1.05) !important; } .ff-item-meta h6, .ff-item-bar { display: none !important; } .ff-stream article:nth-of-type(5n+1) .picture-item__inner { background: #0c0c0c !important; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #0c0c0c 5.51rem, #0c0c0c 100%) !important; } .ff-stream article:nth-of-type(5n+2) .picture-item__inner { background: #333 !important; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #333 5.51rem, #333 100%) !important; } .ff-stream article:nth-of-type(5n+3) .picture-item__inner { background: #1e1e1e !important; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #1e1e1e 5.51rem, #1e1e1e 100%) !important; } .ff-stream article:nth-of-type(5n+4) .picture-item__inner { background: #282828 !important; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #252528 5.51rem, #282828 100%) !important; } .ff-stream article:nth-of-type(5n+5) .picture-item__inner { background: #222 !important; background: linear-gradient(-45deg, #111 0%, #111 5.5rem, #222 5.51rem, #222 100%) !important; } .ff-item .ff-item-cont::after { position: absolute; right: 0.75rem; bottom: 0.75rem; font: normal normal normal 2.8rem/1.2 FontAwesome; } .ff-item.ff-youtube .ff-item-cont::after { content: "\f167"; } .ff-item.ff-facebook .ff-item-cont::after { content: "\f09a"; } .ff-item.ff-instagram .ff-item-cont::after { content: "\f16d"; } .ff-item.ff-twitter .ff-item-cont::after { content: "\f099"; } .ff-loadmore-wrapper .ff-btn { background-color: rgb(212,170,15) !important; border-color: rgb(212,170,15) !important; transition: all 0.15s linear; letter-spacing: normal; font-size: 11px !important; font-family: 'Vitesse-Bold', 'Helvetica Neue', sans-serif; font-weight: 400; } .ff-loadmore-wrapper .ff-btn:hover { background-color: #fff !important; border-color: rgb(212,170,15) !important; color: rgb(212,170,15) !important; } .ff-loadmore-wrapper .ff-btn:focus { background-color: rgb(212,170,15) !important; border-color: rgb(212,170,15) !important; color: #fff !important; } .fts-mashup, .fts-mashup .fts-youtube-title { width: 100% !important; margin: 0 !important; font-size: 1.4rem !important; } .fts-mashup-post-wrap { position: relative; border-bottom: 1px solid #222; background: #0c0c0c; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #0c0c0c 5.51rem, #0c0c0c 100%); } .fts-mashup-post-wrap * { color: #ccc; } .fts-mashup-post-wrap:nth-of-type(5n+1), .home .fts-tweeter-wrap:nth-of-type(4n+1) { background: #0c0c0c; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #0c0c0c 5.51rem, #0c0c0c 100%); } .fts-mashup-post-wrap:nth-of-type(5n+2) { background: #333; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #333 5.51rem, #333 100%); } .fts-mashup-post-wrap:nth-of-type(5n+3) { background: #1e1e1e; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #1e1e1e 5.51rem, #1e1e1e 100%); } .fts-mashup-post-wrap:nth-of-type(5n+4) { background: #282828; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #282828 5.51rem, #282828 100%); } .fts-mashup-post-wrap:nth-of-type(5n+5) { background: #010101; background: linear-gradient(-45deg, #222 0%, #222 5.5rem, #010101 5.51rem, #010101 100%); } .fts-mashup-post-wrap::after { position: absolute; right: 0.75rem; bottom: 0.75rem; font: normal normal normal 2.8rem/1.2 FontAwesome; } .fts-feed-type-youtube::after { content: "\f167"; } .fts-feed-type-facebook::after { content: "\f09a"; } .fts-feed-type-instagram::after { content: "\f16d"; } .fts-feed-type-twitter::after { content: "\f099"; } .fts-mashup-post-wrap.fts-feed-type-youtube, .fts-mashup-post-wrap.fts-feed-type-facebook, .fts-mashup-post-wrap.fts-feed-type-twitter, .fts-mashup-post-wrap.fts-feed-type-instagram { padding: 2rem 4rem 5.75rem !important; } .fts-mashup-post-wrap a, .fts-mashup-image-and-video-wrap { overflow: hidden; } .fts-mashup-image-and-video-wrap:hover { opacity: 1 !important; } .fts-mashup-image-and-video-wrap iframe, .fts-fb-video-on-page, .fts-mashup-post-wrap iframe { max-width: 100% !important; transition: all 1s linear; } .fts-mashup-image-and-video-wrap:hover iframe { transform: scale(1.05); cursor: pointer; } .fts-mashup-post-wrap a.fts-jal-fb-picture { float: none !important; margin: 1rem 0 !important; box-shadow: none !important; } .fts-mashup-post-wrap a.fts-jal-fb-picture:hover { box-shadow: none !important; } .fts-jal-fb-picture img, .fts-vid-div { width: auto; } .fts-mashup-post-wrap a img { transition: all 1s linear !important; } .fts-mashup-post-wrap a:hover img { transform: scale(1.05); } .fts-feed-type-youtube .fts-mashup-description-wrap, .fts-mashup-icon-wrap-right, .fts-likes-shares-etc-wrap, .fts-mashup-count-wrap { display: none; } .fts-mashup-post-wrap a, .fts-mashup-post-wrap a:hover { color: rgb(212,170,15) !important; } .gallery, .no-js .wall-e .fts-mashup { width: 100%; margin: 0; display: -ms-flexbox; display: flex; flex-flow: column nowrap; justify-content: flex-start; } .gallery { margin-top: 2rem; flex-flow: row wrap; align-items: stretch; } .gallery.gallery-team-template { align-items: baseline; } article .gallery, #team .gallery { margin: 1.5rem 0; align-items: flex-end; } .fts-uppercase.fts-bold { margin-bottom: 0.5rem; line-height: 1.2; } .wall-e .fts-mashup-post-wrap { flex: 1; position: relative; width: calc(100% - 2rem); margin: 0 !important; padding: 2rem 1rem 5.75rem !important; } .wall-e .fts-jal-fb-description-wrap { padding: 1rem 0 !important; font-size: 1.4rem !important; } .no-js .fts-mashup-post-wrap .fts-fluid-videoWrapper { display: none; } @media screen and (min-width: 768px) { .gallery, .no-js .wall-e .fts-mashup { flex-flow: row wrap; } .no-js .wall-e .fts-mashup-post-wrap { flex: 1 1 auto; float: left; } .wall-e .fts-mashup-post-wrap { width: calc(50% - 4rem); padding: 2rem 2rem 5.75rem !important; } } @media screen and (min-width: 880px) { .wall-e .fts-mashup-post-wrap { width: calc(33.3333% - 8rem); padding: 2rem 4rem 5.75rem !important; } } #team .gallery { align-items: stretch; } .gallery-item { flex: 1 1 auto; position: relative; float: left; width: 49%; max-width: 49% !important; margin: 0 2% 2.5rem 0; padding: 0 !important; text-align: center; line-height: 0.1rem; transition: all 0.3s linear; } .gallery-item:nth-child(even) { margin-right: 0; } .gallery-item:last-child { margin-right: auto; } .gallery-team-template .gallery-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gallery-item a { display: block; } .gallery-icon { display: block; width: 100%; height: 100%; margin: 0; overflow: hidden; transition: transform .5s ease-out; } .gallery-item img { width: 100%; height: auto; } .gallery-item a:hover img { transform: none; } .gallery-item a:hover .gallery-icon { transform: scale(1.025); } .gallery-item.default-player-wrapper .gallery-icon { height: calc(100% - 2.4rem); } img.default-player { height: 100%; background: transparent url(img/default_player.png) no-repeat 50% 100%; background-size: contain; } .gallery-item a:hover img.default-player { transform: scale(1.025) translateY(-0.4rem); } p.gallery-caption, .gallery-item figcaption { position: relative; z-index: 10; padding: .5rem 0.25rem; line-height: 1.2; text-align: center; color: #ddd; background: rgba(0,0,0,0.3); overflow: hidden; text-overflow: ellipsis; text-transform: none; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; font-weight: normal; font-size: 1rem; transition: all 0.3s 0.1s linear; } a:hover p.gallery-caption, a:hover figcaption { color: rgb(212,170,15); background: rgb(0,0,0,0.9); transition: all 0.1s linear; } p.gallery-caption span { font-size: 1.5rem; color: rgb(212,170,15); } p.gallery-caption i { display: block; color: rgb(212,170,15); font-style: normal; } @media screen and (min-width: 480px) { .gallery-item { width: 32.33333%; max-width: 32.33333% !important; margin: 0 1% 2.5rem 0; } .gallery-item:nth-child(even) { margin-right: 1%; } .gallery-item:nth-child(3n+3) { margin-right: 0; } } @media screen and (min-width: 720px) { .gallery-item { width: 24%; max-width: 24% !important; } .gallery-item:nth-child(3n+3) { margin-right: 1%; } .gallery-item:nth-child(4n+4) { margin-right: 0; } .gallery-item figcaption { font-size: 1.2rem; } } @media screen and (min-width: 1024px) { .gallery-item { width: 19%; max-width: 19% !important; } .gallery-item:nth-child(4n+4) { margin-right: 1%; } .gallery-item:nth-child(5n+5) { margin-right: 0; } } @media screen and (min-width: 1200px) { .gallery-item { width: 15.666666%; max-width: 15.666666% !important; } .gallery-item:nth-child(5n+5) { margin-right: 1%; } .gallery-item:nth-child(6n+6) { margin-right: 0; } } article .gallery-item { width: 100%; max-width: 100% !important; margin: 0 0 1rem; } article .gallery-item:nth-child(even), article .gallery-item:nth-child(3n+3), article .gallery-item:nth-child(4n+4), article .gallery-item:nth-child(5n+5) { margin-right: 0; } article .gallery-size-thumbnail .gallery-item { width: 32.333%; max-width: 32.333% !important; margin: 0 1% 1% 0; } article .gallery-size-thumbnail .gallery-item:nth-child(even) { margin-right: 1%; } article .gallery-size-thumbnail .gallery-item:nth-child(3n+3) { margin-right: 0; } article .gallery-size-thumbnail .gallery-item:nth-child(4n+4), article .gallery-size-thumbnail .gallery-item:nth-child(5n+5) { margin-right: 1%; } article .gallery-size-medium .gallery-item { width: 49%; max-width: 49% !important; margin: 0 2% 2% 0; } article .gallery-size-medium .gallery-item:nth-child(even) { margin-right: 0; } article .gallery-size-medium .gallery-item:nth-child(3n+3), article .gallery-size-medium .gallery-item:nth-child(5n+5) { margin-right: 2%; } .gallery-item a, .gallery-item a:hover { box-shadow: none !important; } .gallery-item a:hover { color: #fff; } #photos .gallery-item a:hover img { transform: scale(1.05); } .vbox-container { overflow-y: hidden !important; } .vbox-content { padding: 0; } img.figlio, .vbox-popup { max-height: 95vh !important; max-height: calc(100vh - 2rem) !important; width: auto !important; } .vbox-inline { height: 95vh !important; } .vbox-close { width: 50px; height: 40px; font-size: 3.4rem; line-height: 3rem; color: rgb(212,170,15) !important; transition: all 0.5s linear; } .vbox-overlay a span { border-top-color: rgb(212,170,15) !important; border-right-color: rgb(212,170,15) !important; transition: all 0.5s linear; } .vbox-close:hover, .vbox-overlay a:hover { color: #fff !important; box-shadow: none; transform: scale(1.1); } .vbox-overlay a:hover span { border-top-color: #fff !important; border-right-color: #fff !important; } .vbox-title { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); } .inline-content { margin: 0 auto; width: 100%; min-height: 100%; overflow: auto; color: #fff; background: #0c0c0c; } @media screen and (min-width: 768px) { .inline-content { background: #0c0c0c url(img/ilmakuva2.jpg) no-repeat fixed 50% 0; background-size: cover; } } .inline-bg { padding: 40px 0 2rem; background: rgba(0,0,0,0.5); overflow: auto; } .inline-content h5 { margin: 0 auto 2rem; padding: 2rem 0 0; text-align: center; font-size: 2.4rem; } .inline-content .iframe-wrap { margin: 0 auto; padding-bottom: 4rem; } .inline-content .iframe-wrap .no-results { display: block; margin-top: 1rem; text-align: center; } @media screen and (min-width: 768px) { .inline-content .iframe-wrap .no-results { text-align: left; } } .inline-content iframe { height: 100% !important; min-height: calc(100vh - 6.75rem); border: 0.5rem solid #fff !important; background: #fff; box-shadow: 0 0 10px 10px rgba(0,0,0,0.5); } .match-row, .flex-wrapper { width: 100%; padding: 1rem 0 3rem; text-align: center; font-size: 1.4rem; display: table; display: -ms-flexbox; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: center; transition: all 0.3s linear; } .match-row:nth-child(even) { background: rgba(200,200,200,0.1); } .match-row:hover { background: rgba(200,200,200,0.2); } .flex-wrapper { padding: 1rem 0; flex-flow: row nowrap; } .match-row div.match-detail-column { width: 100%; line-height: 1.2; font-weight: 600; } .match-row div div { float: none; width: 100%; } div.category-column { font-size: 1.6rem; } span.home-team-wrapper, span.visiting-team-wrapper { float: left; width: 45%; } span.home-team-wrapper { text-align: right; } span.visiting-team-wrapper { text-align: left; } img.crest { width: 3.5rem; margin: 0 1rem; float: right; } span.visiting-team-wrapper img.crest { float: left; } span.separator { float: left; width: 10%; } div.match-time-wrapper { width: 100%; font-weight: 400; } div.link-column { margin-top: 2rem; font-size: 1.2rem; text-transform: uppercase; } div.link-column a { padding: 0.5rem 1.25rem; border: 1px solid rgba(212,170,15,1); border-radius: 2rem; } div.link-column a:hover { box-shadow: none; background: rgba(212,170,15,1); color: #fff; } .link-button { display: none; } @media screen and (min-width: 768px) { .match-row { text-align: left; padding: 1rem; margin: 0 -1rem; flex-flow: row nowrap; } .match-row div { float: left; margin-right: 1%; width: 19%; } .match-row div.match-detail-column { width: 59%; } .flex-wrapper { padding: 0; } span.home-team-wrapper, span.visiting-team-wrapper { font-size: 1.6rem; } div.match-time-wrapper { margin-top: 1rem; text-align: center; } div.link-column { margin-top: 0; text-align: center; } } @media screen and (min-width: 540px) and (max-width: 719px) { .inline-content h5 { padding: 2rem 2rem 0; } .inline-content .iframe-wrap { padding: 0 2rem 2rem !important; } } @media screen and (min-width: 768px) { .inline-content h5, .inline-content .iframe-wrap { width: 90% !important; max-width: 960px !important; text-align: left; } } .inline-content th, .inline-content td { padding: 0.5rem !important; vertical-align: top; } .inline-content tbody tr:nth-child(odd) { background: rgba(255,255,255,0.1); } @media screen and (max-width: 719px) { .inline-content th, .inline-content td { padding: 0.25rem 0 0.25rem 0.25rem !important; font-size: 1.2rem; } } /*body:not(.home) .full .eight article { margin-bottom: 4rem; }*/ body:not(.home):not(.page):not(.single) .full .eight article:first-of-type { margin-top: 4rem; } .queryrow { margin-top: 3rem; } .full .eight h2 { margin: 3rem 0 1rem; } .full .eight h2:first-of-type { margin-top: 0; } @media screen and (min-width: 768px) { .has-post-thumbnail .article-image { width: 100%; height: 30vh; background: transparent url(img/grey.gif) no-repeat 50% 50%; background-size: cover; box-shadow: inset 0 -1px 3px rgba(0,0,0,0.5); line-height: 0; text-align: center; } .has-post-thumbnail .article-image.joukkuekuva { min-height: 0; background: none; } } .article-image img { width: 100%; max-width: 770px; height: auto; margin: 0 auto; } @media screen and (min-width:768px) and (orientation: portrait) { .has-post-thumbnail .article-image { height: 20vh; } } @media screen and (min-width: 768px) { .has-post-thumbnail .article-image { height: 25vh; } } @media screen and (min-width: 960px) { .has-post-thumbnail .article-image { height: 30vh; } } @media screen and (min-width: 1200px) { .has-post-thumbnail .article-image { height: 34vh; } } .article-image.stripes { padding: 6rem 0; text-align: center; background: -webkit-repeating-linear-gradient( to right, #f0c72e, #f0c72e 7.5rem, #111 7.5rem, #111 16rem ) !important; background: repeating-linear-gradient( to right, #f0c72e, #f0c72e 7.5rem, #111 7.5rem, #111 16rem ) !important; } .article-image.stripes::after { content: "#meollaanhonka"; font-family: 'Vitesse-Bold', 'Helvetica Neue', sans-serif; font-weight: normal; font-size: 3rem; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,0.3); } @media screen and (min-width: 768px) { .article-image.stripes { background: -webkit-repeating-linear-gradient( to right, #f0c72e, #f0c72e 11.5rem, #111 11.5rem, #111 24rem ) !important; background: repeating-linear-gradient( to right, #f0c72e, #f0c72e 11.5rem, #111 11.5rem, #111 24rem ) !important; } .article-image.stripes::after { font-size: 7rem; } } article, .article { padding: 0 0 2rem; } @media screen and (min-width: 768px) { article, .article { max-width: 640px; } } article a.venobox:hover, .article a.venobox:hover { box-shadow: none; } article a.venobox { overflow: hidden; } .list-pages article, .list-pages .article { position: relative; padding: 0 0 5rem; } .list-pages article:last-of-type, .list-pages .article:last-of-type { padding-bottom: 0; } .list-pages#search-page article:last-of-type, .list-pages#search-page .article:last-of-type { padding-bottom: 5rem; } .list-pages article::after, .list-pages .article::after { content: ""; position: absolute; right: 0; height: 1px; width: 100%; background: #555; bottom: 2rem; background-image: linear-gradient(to left, #222 0, transparent 50%), linear-gradient(to right, #222 0, transparent 50%); } .list-pages article:last-of-type::after, .list-pages .article:last-of-type::after { display: none; } article h1 a, article h2 a, article h3 a, article h4 a, article h5 a, .article h1 a, .article h2 a, .article h3 a, .article h4 a, .article h5 a { color: #ccc; } article:hover h1 a, article:hover h2 a, article:hover h3 a, article:hover h4 a, article:hover h5 a, .article:hover h1 a, .article:hover h2 a, .article:hover h3 a, .article:hover h4 a, .article:hover h5 a, article:hover .menu.some li a::before { color: rgb(212,170,15); } .list-pages nav { margin-top: 0; padding: 0; } nav.navigation { float: none; width: 100%; max-width: 640px; position: relative; margin: 0; padding: 2rem 0; font-size: 1.6rem; } nav.navigation::before { content: ""; position: absolute; right: 0; height: 1px; width: 100%; background: #555; top: 0; background-image: linear-gradient(to left, rgba(0,0,0,0.7) 0, transparent 50%), linear-gradient(to right, rgba(0,0,0,0.7) 0, transparent 50%); } h2 + nav.navigation::before { top: auto; bottom: 0; } nav.navigation a, nav.navigation span { margin-right: .5rem; } .nav-links div { margin-bottom: 1rem; } @media screen and (min-width: 768px){ .nav-links div { float: left; width: 49%; margin-right: 1%; margin-left: -.5rem; white-space: nowrap; font-size: 90%; } .nav-links div .post-title { padding: right: 1rem; overflow: hidden; text-overflow: ellipsis; } .nav-links div.nav-next { float: right; margin-right: 0; margin-left: 1%; text-align: right; } .nav-links a { color: rgb(212,170,15); border-radius: 3px; } .single .nav-links a { display: table; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: flex-start; } .single .nav-links div.nav-next a { justify-content: flex-end; } .single .nav-links span { float: left; } } article td, article th { padding: 1rem 0.5rem; } article td:first-child, article th:first-child { padding-left: 0.5rem; } article img, article figure:not(.wp-block-embed) { position: relative; z-index: 1; height: auto; max-width: 100% !important; margin: 2.5rem 0; overflow: hidden; border-radius: 1px; line-height: 1; } article p img, article p figure:not(.wp-block-embed) { margin: 1.5rem 0; } article figure.aligncenter { text-align: center; } article figure.post-thumbnail { margin-top: 0; } article figure.wp-block-table { margin: 0; } article figure.wp-block-table table { margin-top: 0; } article figure img { margin: 0; box-shadow: none; } article figure figcaption { position: relative; z-index: 2; background: rgba(0,0,0,0.3); font-size: 90%; padding: .5rem; text-align: center; color: rgba(255,255,255,0.7); line-height: 1.5; transform: translateY(-2.75rem); border-radius: 3px; width: calc(50% - 2rem); left: 50%; right: 50%; margin: 0 -25%; text-shadow: 0 -1px 0 rgba(0,0,0,0.4); } a.img img { transition: all 1s linear !important; } a.img:hover img { transform: scale(1.025); } figure a.img:hover img { transform: scale(1.05) translateY(-2.5%); } article.flex.match-day { margin-bottom: 2rem; } article .columns { margin-bottom: 2rem; } article form .columns { margin-bottom: 1rem; } article.match-day h3 { margin-bottom: 0; padding-top: .5rem; line-height: 1.2; color: rgb(212,170,15); } article.match-day h3 span { white-space: nowrap; } article.match-day p { margin: 0; font-size: 1.2rem; text-transform: uppercase; } article.match-day a { } article.match-day .result { text-align: center; } article.match-day .result h3 { background: rgb(212,170,15); color: #fff; } @media screen and (max-width: 719px) { article.match-day { text-align: center; } article.match-day .result h3 { display: inline-block; padding: 0 2rem; } } article blockquote { margin: 2rem 0; padding: 2rem; background: rgba(255,255,255,0.1); font-style: italic; } article blockquote cite { font-style: normal; font-weight: 600; } article blockquote cite::after { content: ":"; } article blockquote img { width: 25%; float: left; margin: .5rem 2% .5rem 0; } img.team-img, img.player-img { width: 100%; height: auto; margin-top: 0; } .carousel { text-shadow: 1px 1px 0 rgba(0,0,0,0.7); } .carousel .slick-slide > div { margin: 0 !important; line-height: 0; } .carousel .slide-bg { width: 100%; height: 100%; background-color: transparent; background-position: 25% 0; background-size: cover; } .carousel .slick-dots { padding-right: 1rem; } .carousel .slick-dots li button:before { color: #fff !important; } .carousel button { margin: 0; } .carousel-wrap { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; line-height: 1.6; } .carousel-wrap .full-width-content { width: 100%; margin: 0; padding: 4rem 1rem; background: rgba(0,0,0,0.9); } @media screen and (min-width: 768px) { .carousel-wrap { height: calc(100vh - 13rem); } .js .carousel-wrap { height: calc(100vh - 11rem); } .carousel-wrap .full-width-content { position: absolute; bottom: 0; left: 0; width: 66.66667%; padding: 4rem; background: rgba(0,0,0,0.7); } } @supports (-webkit-touch-callout: none) { .carousel-wrap, .js .carousel-wrap { height: auto; min-height: 50vh; } } @media screen and (orientation: portrait) { .carousel-wrap, .js .carousel-wrap { height: auto; min-height: 50vh; } } @media screen and (max-width: 767px) and (orientation: portrait) and (min-height: 700px) { .carousel-wrap, .js .carousel-wrap { min-height: 1vh; } } @media screen and (min-width: 880px) { .carousel .slide-bg { background-position: 50% 0; } .carousel-wrap .full-width-content { padding: 4rem; } } a.button { margin: 1rem 0 0; text-shadow: none; } #main-content, #kumppanit { margin: 0 auto 4rem; } @media screen and (min-width: 768px) { #main-content { margin: 4rem auto; } } .one-third { flex: 1; } .one-third.column:nth-child(3n+1) { margin-left: 0 } .boxes .one-third:nth-of-type(5n+1), body.page:not(.home) .full:nth-of-type(4n+2), .full:nth-of-type(4n+2) { background: #1e1e1e; } .boxes .one-third:nth-of-type(5n+4), body.page:not(.home) .full:nth-of-type(4n+3), .full:nth-of-type(4n+3) { background: #282828; } .boxes .one-third:nth-of-type(5n+5) { background: #333; } body.page:not(.home) .full:nth-of-type(4n+4), .boxes .one-third:nth-of-type(5n+2), .full:nth-of-type(4n+4), .full.wall-e { background: #181818; } body.page:not(.home) .full:nth-of-type(4n+1), .full:nth-of-type(4n+1) { background: transparent; } .boxes .one-third:nth-of-type(5n+3), body.page:not(.home) main .full:last-of-type { background: #242424; } .one-third a { position: relative; color: #ccc; padding: 0; height: 100%; overflow: hidden; } .boxes .one-third a { display: block; } .boxes .one-third a:hover { box-shadow: none; } .one-third .nostokuva { position: relative; height: 1px; padding-top: 60%; margin: 0; overflow: hidden !important; } .one-third .thumbnail_default { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(img/logo.png) no-repeat 50% 50%; background-size: 30%; transition: all 3s ease-in-out; } .one-third .thumbnail_default.joukkuekuva { background-size: cover; transition: all 3s ease-in-out; } .one-third a:hover .thumbnail_default, .one-third a:hover img.default-img { opacity: 1; transform: scale(1.1); } .one-third .column-content { min-height: 10rem; padding: 0 1rem; } @media screen and (min-width: 768px) { .one-third .column-content { min-height: 31rem; } } #kumppanit .boxes .one-third { background: #fff !important; border-bottom: 0.05rem solid rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.2); } #kumppanit .boxes .one-third .column-content { min-height: 7rem !important; } body.page:not(.home) .two-thirds li { margin-bottom: 1.5rem; } .tulokset span, .vcard span, .toimihenkilot span, .linkit span { display: block; margin-bottom: -0.5rem; } .tulokset span a, .linkit span a, .toimihenkilot span a, .toimihenkilot span.toimihenkilon_joukkue { font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; font-size: 1.6rem; padding: 0 0 0.5rem; letter-spacing: -0.05rem; } .vcard span, .toimihenkilot span { padding: 0 0 0.5rem; } .tulokset span a::before, .toimihenkilot span::before, .linkit span a::before { width: 2rem; content: " "; float: left; font: normal normal normal 1.8rem/1.4 FontAwesome; color: #ccc; } .toimihenkilot span { margin-left: 2.5rem; } span.toimenkuva { margin-left: 0; } span.toimenkuva::before { content: "\f2be"; margin-right: 0.5rem; } span.toimenkuva.laakari::before, span.toimenkuva.fysio::before { content: "\f0f0"; } span.toimenkuva.puheenjohtaja::before, span.toimenkuva.joukkueenjohtaja::before, span.toimenkuva.toiminnanjohtaja::before, span.toimenkuva.urheilutoimenjohtaja::before, span.toimenkuva.seurasihteeri::before, span.toimenkuva.sihteeri::before { content: "\f0b1"; } span.toimenkuva.talousvastaava::before, span.toimenkuva.pankkiyhteys::before, span.toimenkuva.rahastonhoitaja::before { content: "\f153"; } span.toimenkuva.huoltorinki::before, span.toimenkuva.huoltoryhma::before { content: "\f0c0"; } .linkit span.int a::before { content: "\f05a"; margin-right: 0.5rem; } .linkit span.ext a::before { content: "\f08e"; margin-right: 0.5rem; } .linkit span.ext a[href*="google.com"]::before { content: "\f133"; } .linkit span.ext a[href*="twitter.com"]::before { content: "\f099"; } .linkit span.ext a[href*="facebook.com"]::before { content: "\f09a"; } .linkit span.ext a[href*="instagram.com"]::before { content: "\f16d"; } .linkit span.ext a[href*="ilmari.fi"]::before { content: "\f274"; } .linkit span.ext a[href*="myclub.fi"]::before { content: "\f133"; } #events a[href*="myclub.fi"]::before { width: 2rem; margin-right: 0.5rem; content: "\f133"; float: left; font: normal normal normal 1.8rem/1.4 FontAwesome; color: #ccc; } .tulokset span.int a::before { content: "\f1e3"; margin-right: 0.5rem; } .tulokset span.ext a::before { content: "\f091"; margin-right: 0.5rem; } .toimihenkilon_lisatieto p { margin: 0.75rem 0; } .toimihenkilon_lisatieto ul, .toimihenkilon_lisatieto ol { margin: 0.75rem 0 0.75rem 1.5rem; font-size: 100%; } .toimihenkilon_lisatieto ul { margin: 0.75rem 0 0.75rem 1rem; list-style: disc; } .toimihenkilon_lisatieto li { width: auto !important; margin: 0 0 0.25rem 2.5rem !important; } .toimihenkilot .toimihenkilon_lisatieto ul { margin-left: 3rem; } .toimihenkilot .toimihenkilon_lisatieto ol { margin-left: 3.5rem; } .vcard { padding-bottom: 1rem; } .vcard .info { margin: 1.5rem 0 -1.5rem; } .vcard .info li { margin: 0 0 0.25rem; } @media screen and (min-width: 768px) { .one-third { flex: 1 1 auto; } .boxes .one-third { width: 50%; max-width: 50%; margin: 0; } .no-js .boxes .one-third { max-height: 34rem; overflow: auto; } .one-third.column:last-child { margin-right: auto; } .one-third .nostokuva { padding-top: 100%; } .one-third .nostokuva img { top: 0; } .one-third .thumbnail_default.joukkuekuva img.team-img { display: none; } .one-third a:hover .thumbnail_default.joukkuekuva { background-size: cover; } .one-third .column-content { padding: 0 4rem; } body.page:not(.home) .two-thirds li { width: 50%; } .toimihenkilon_lisatieto p { margin: 0 0 1.5rem 2.5rem; } .toimihenkilon_lisatieto ul, .toimihenkilon_lisatieto ol { margin: 0.75rem 0 0.75rem 2.5rem; } } @media screen and (min-width: 880px) { .boxes .one-third { width: 33.333%; max-width: 33.333%; } .one-third .column-content { min-height: 34rem; } } @media screen and (min-width: 1100px) { .one-third .column-content { min-height: 31rem; } } .one-third.teams .column-content { min-height: 1rem; margin-top: 1.5rem; margin-bottom: 5rem; padding: 0 1rem; text-align: center; } .one-third figure.sponsorlogo { max-height: 10rem; margin: 2.5rem 4rem; padding: 1rem; text-align: center; overflow: hidden; background: #fff; color: #333; } .one-third figure.sponsorlogo img { width: auto; max-height: 10rem; } .one-third a img { transition: filter 0.5s linear, all 7s ease-out !important; } .one-third a .sponsorlogo img { transition: filter 0.5s linear, all 5s ease-out !important; } .one-third a:hover img { transform: scale(0.90) translateY(-7%); -webkit-filter: grayscale(0); filter: grayscale(0); } .one-third a:hover .sponsorlogo img { transform: scale(1.1); -webkit-filter: grayscale(0); filter: grayscale(0); } @media screen and (max-width: 719px) { .one-third figure.sponsorlogo { margin: 2.5rem 1rem; } } .one-third ul { margin: 1rem 0; list-style: none; } .boxes .one-third p, .boxes .one-third ul { margin: 1rem 0; } @media screen and (min-width: 768px) { .boxes .one-third p, .boxes .one-third ul { margin: 1rem 0; } } @media screen and (min-width: 880px) { .boxes .one-third p, .boxes .one-third ul { margin: 1rem 0; } } .one-third li { margin-bottom: 0; } .one-third h4, .one-third-title { line-height: 1.2; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .one-third h4 a, .one-third-title a { display: block; color: #ccc; } .one-third a:hover h4, .one-third a:hover .one-third-title { color: rgb(212,170,15); } .one-third h6 span, .one-third span.excerpt-read-more { color: rgb(212,170,15); transition: all .3s ease; } .one-third a:hover span.excerpt-read-more { box-shadow: inset 0 0 0 rgba(212,170,15,1), 0 1px 0 rgba(212,170,15,1); } .one-third h6 { margin-top: 3rem; margin-bottom: 0; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; } .boxes .one-third .date { margin: 1rem 0 3rem; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; font-size: 1.5rem; } @media screen and (min-width: 768px) { .one-third h4, .one-third-title { margin: 2rem 0 1rem; padding: 0; } .boxes .one-third h4, .boxes .one-third-title { margin-top: 0; padding-bottom: 0; height: 11rem; } #kumppanit .boxes .one-third h4, #kumppanit .boxes .one-third-title { height: 8rem; } .boxes .one-third .date { position: absolute; bottom: 3rem; left: 0; margin: 0 4rem; } } /* Spesific rules - avoid these */ #more { text-align: center; padding: 2rem 0 0; } p.more { margin-bottom: 0; } #team-events, #error-404 { background: #0c0c0c; } #join { background: #fff; color: #333; } #join .flex { flex-flow: row nowrap; } #join .flex li { float: left; max-width: 33%; } #join .flex a { display: block; } #team-events li { margin: 0 0 .75rem; line-height: 1.4; } #events li a { margin-right: 1rem; font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif; text-transform: uppercase; } #myclub { max-width: 100%; background: #fff; overflow: hidden; } #myclub .myclub-embed { margin: 1rem 0.5rem; } article iframe, #myclub iframe { width: 100% !important; max-width: 100% !important; margin: 2.5rem 0; } .wp-block-embed, .wp-block-embed iframe { margin: 0; } figure:not(.wp-block-embed) .responsive-container { margin: 2.5rem 0; } figure:not(.wp-block-embed) .responsive-container.youtube, figure:not(.wp-block-embed) .responsive-container.twitter { position: relative; overflow: hidden; padding-top: 56.25%; } figure:not(.wp-block-embed) .responsive-container.youtube iframe, figure:not(.wp-block-embed) .responsive-container.twitter iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border: 0; } #kannattajakortti { margin-top: 5rem; } #yhteydenottolomake { z-index: 1; overflow-y: hidden; max-height: 600px; /* approximate max height */ transition: transform .5s ease-out; max-width: none; } #yhteydenottolomake .full-width-content { padding-bottom: 6rem; } #yhteydenottolomake.closed { max-height: 0; transform: translateY(-100px); } .no-js #yhteydenottolomake.closed { max-height: none; transform: translateY(0); } @media screen and (min-width: 768px) { .home #events .full-width-content { width: 50%; } #myclub .myclub-embed { margin: 2rem 1rem; } #team-events, #error-404, .search-no-results #search-page, #yhteydenottolomake { background: #0c0c0c url(img/pallo2.jpg) no-repeat 100% 50%; background-size: cover; } #team-events .full-width-content, #error-404 .full-width-content, .search-no-results #search-page .full-width-content { background: transparent; } #events { background: #0c0c0c url(img/ilmakuva2.jpg) no-repeat 50% 50%; background-size: cover; } #events .full-width-content { background: rgba(0,0,0,0.7); } #join { background: #fff url(img/kolme-pelaajaa.jpg) no-repeat 100% 100%; background: #fff url(img/kolme-pelaajaa.jpg) no-repeat calc(66.666% + 240px) 100%; background-size: 400px; } } @media screen and (min-width: 960px) { #events:not(.myclub) .full-width-content { width: 66.666%; } #events.myclub .one-third.column { width: 30.6666666667%; } #events.myclub .two-thirds.column { width: 65.3333333333%; margin-left: 4%; } .home #events .full-width-content { width: 33.333%; margin-bottom: 20rem; } } .yhteys .button { padding: 0 3rem; } .no-js .yhteys, .no-webworkers .yhteys { display: none; } .no-js #yhteydenottolomake, .no-webworkers #yhteydenottolomake, .displayme { display: block !important; } .wpcf7 form { margin: 2rem 0; } @media screen and (min-width: 768px) { .wpcf7 form { max-width: 50%; } article .wpcf7 form { max-width: 66.666%; } } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #777; font-weight: 400; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #777; font-weight: 400; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #777; font-weight: 400; } .wpcf7 ul { margin-left: 0 !important; } .wpcf7 li { clear: both; list-style-type: none; width: 100%; margin-bottom: 1rem; font-size: 1.4rem; line-height: 1.2; } .wpcf7 label { display: none; } .wpcf7 span { margin: 0; } .wpcf7 span.delivery, .wpcf7 span.markkinointilupa { display: block; margin: 1rem 0; } .wpcf7 span.markkinointilupa { margin-top: 2rem; } .wpcf7 span label { display: block; } .wpcf7 span.delivery input, .wpcf7 span.markkinointilupa input { vertical-align: top; } .wpcf7 span.delivery span, .wpcf7 span.markkinointilupa span, .wpcf7 span label span { display: block; margin-bottom: 0.5rem; } .wpcf7 span.delivery input + span, .wpcf7 span.markkinointilupa input + span { display: inline-block; width: 90%; } .wpcf7 input, .wpcf7 textarea, .wpcf7 select { width: 100%; margin-bottom: 0; color: #111; font-weight: 600; background-color: rgba(255,255,255,0.9); border-radius: 1px; } .wpcf7 select { width: auto; } .wpcf7 .delivery label input, .wpcf7 .markkinointilupa label input { width: auto; margin-right: .5rem; margin-bottom: 1rem; } .wpcf7 input[type=submit] { float: right; width: auto; margin-top: 0.5rem; background: rgb(212,170,15); color: #333; border-color: #222; } .wpcf7 input[type=submit]:hover { background: #eee; color: rgb(212,170,15); } .wpcf7 p { margin-bottom: 0.5rem !important; line-height: 1.2; } .wpcf7-form-control-wrap.kysely { display: inline-block; width: 100%; } .wpcf7-form-control-wrap.kysely .wpcf7-not-valid-tip { top: auto; bottom: 1.1rem; } .wpcf7 .ajax-loader { background-image: url(img/ajax-loader.gif) !important; } div.wpcf7-response-output { margin: 1rem 0 !important; } .wpcf7 input[type=checkbox] { width: auto; float: left; margin-right: 1rem; vertical-align: middle; } .wpcf7 input[type=checkbox] + span { height: 18px; vertical-align: middle; } .wpcf7 .wpcf7-list-item { display: block; width: 100%; margin: 1rem 0; } .wpcf7 .group { padding: 1rem 0; } aside { margin: 1.2rem 0; } .full-width-content aside ul { margin: 1rem 0 2rem; } .full-width-content aside ul.subpages { position: relative; padding-top: 1rem; } .full-width-content aside ul.subpages::before { content: ""; position: absolute; left: 0; height: 1px; width: 50%; background: #555; top: 0; background-image: linear-gradient(to left, rgba(0,0,0,0.7) 0, transparent 100%), linear-gradient(to right, rgba(0,0,0,0.7) 0, transparent 75%); } .full-width-content aside li { margin-bottom: .25rem; line-height: 1.4; font-family: 'Vitesse-Book', 'Helvetica Neue', sans-serif; } aside h5, aside h6 { font-family: 'Vitesse-Medium', 'Helvetica Neue', sans-serif !important; font-size: 1.6rem !important; color: #ccc; overflow: visible; box-shadow: inset 0 0 0 rgba(212,170,15,1), 0 1px 0 rgba(212,170,15,1); } aside .subpages h5, aside .subpages h6 { padding-top: 1rem; } aside a, aside span.rss-date, aside .current_page_item span, aside .current-cat span { display: block; margin: 0; } aside h5 a, aside h5 span, aside h6 a, aside h6 span { display: block; margin-bottom: 0; padding: .25rem 0 0; } aside li a, aside .current_page_item span, aside .current-cat span { padding: .25rem 0; } aside a { margin-left: -.25rem !important; padding-left: .25rem !important; } aside a span, aside .current_page_item a span, aside .current-cat a span { display: none; } aside li h5 a span , aside li h6 a span { display: inline; padding: 0; } .blog aside.news h5 a, .blog aside.news h6 a, aside li.current_page_item > a { color: #ccc; } aside i { font-style: normal; color: #fff; } aside li a:not(.button):hover, aside h5 a:hover, aside h6 a:hover { color: rgb(212,170,15); border: none !important; background: #0c0c0c; } aside a:hover { box-shadow: none !important; } aside .button span { display: inline; } @media screen and (min-width: 768px) { aside .button, aside button, aside input[type=submit], aside input[type=reset], aside input[type=button] { max-width: 100%; padding: 0 1rem; overflow: hidden; text-overflow: ellipsis; } aside .button span { display: inline; } } aside .widget + .widget, aside ul + .widget { margin-top: 2rem; } aside .widget_recent_entries li { margin-bottom: 0.75rem; line-height: 1.2; } aside .widget a.rsswidget[href*="/feed"] { display: none; } aside h5 a.rsswidget::after, aside h6 a.rsswidget::after { width: 2rem; content: "\f08e"; float: none; margin-left: .75rem; font: normal normal normal 1.4rem/1.6 FontAwesome; color: rgb(212,170,15); } aside time.post-date { display: block; float: none; } .sponsors { padding: 2rem 0 4rem; text-align: center; background: #fff !important; color: #333; } footer { padding: 2rem 0 4rem; background: #111 !important; color: #aaa; } #sponsors, footer .vcard { position: relative; margin: 0 auto; text-align: center; } footer li { margin: 0; } #sponsors, footer .vcard { margin: 0 auto !important; } #sponsors ul { width: 100%; margin: 2rem auto 0; flex-flow: row wrap; justify-content: center; align-items: center; } #sponsors li { position: relative; display: inline-block; float: left; width: 31.3333333%; margin: 0 1%; padding: 0; } #sponsors figure.sponsorlogo { margin: 1.5rem 1rem 1rem; transition: all 1s ease; } #sponsors img { width: auto; max-width: 100%; max-height: 10rem; } footer .vcard span { display: inline !important; } #sponsors a { width: 100%; height: 100%; margin: 0; display: inline-block; line-height: 3rem; vertical-align: middle; } .no-touchevents #sponsors figure, .no-js #sponsors figure { -webkit-filter: grayscale(1); filter: grayscale(1); } #sponsors a:hover { text-decoration: none; box-shadow: none; } .no-touchevents #sponsors figure:hover, .no-touchevents #sponsors a:hover figure, .no-js #sponsors figure:hover, .no-js #sponsors a:hover figure { transform: scale(1.05); -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; } footer img { width: 10rem; height: auto; margin: 0 auto 2rem; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /* .breadcrumb { display: none; } @media screen and (min-width: 768px) { .touchevents body:not(.home) .breadcrumb { display: block; position: fixed; bottom: 0; right: 0; left: 0; line-height: 1.2; text-align: right; background: transparent !important; } .touchevents body:not(.home) .breadcrumb .full-width-content { margin: 0 !important; padding: 0; background: transparent !important; } .touchevents body:not(.home) .breadcrumb .row > span { display: inline-block; padding: .5rem 1rem; border-top-radius: 3px; background: rgba(0,0,0,0.7); } .touchevents body:not(.home) .breadcrumb a { color: rgb(212,170,15) !important; } .breadcrumb .sep::before { content: "\f061"; font-size: 1rem; font-weight: 300; padding: 0 .5rem .3rem; } .breadcrumb .post-title { display: inline-block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; line-height: 1.3; } } */ .wpcf7-not-valid-tip { position: absolute; top: -0.35rem; right: 1rem; padding: .5rem; z-index: 10; color: #333 !important; background: rgb(212,170,15) !important; } .edit-link { margin: 0 .5rem; font-size: 1.2rem; } .edit-link a { padding: .15rem .5rem; } .edit-link a:hover { background: #fff; color: #333; box-shadow: none !important; text-shadow: none; } /* Harjoitepankki */ .page-template-harjoitepankki-page main { padding-top: 0 !important; } .page-template-harjoitepankki-page .section-header { position: relative; height: 100vh; background-color: rgb(240,199,46); background-image: url(img/logo.png), url(http://fchonka.fi/wp-content/uploads/teema3.jpg); background-repeat: no-repeat; background-position: 50% 5vh, 50% 0; background-size: 25%, cover; } @media screen and (orientation: portrait) { .page-template-harjoitepankki-page .section-header { height: auto; min-height: 50vh; } } .page-template-harjoitepankki-page .section-header div { position: absolute; bottom: 10vh; right: 0; left: 0; } .page-template-harjoitepankki-page h1, .page-template-harjoitepankki-page .section-header a { color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.25); } .page-template-harjoitepankki-page .section-header h1 { font-size: 4rem; padding: 0 2rem; } .page-template-harjoitepankki-page article { max-width: none; } .page-template-harjoitepankki-page h2 { text-transform: uppercase; font-size: 3rem; } .page-template-harjoitepankki-page h3 { padding: 2.5rem 0 1rem; } .page-template-harjoitepankki-page .edit-link { position: absolute; top: 1vh; right: 1vw; } .page-template-harjoitepankki-page .edit-link a { color: #333; } .page-template-harjoitepankki-page .wp-block-embed, .page-template-harjoitepankki-page .wp-block-embed iframe { margin-bottom: 2.5rem; } /* Kamppis */ .page-template-page-me-ollaan-honka .yellow { background: rgb(240,199,46) url(img/kampanja-taustakuva.jpg) no-repeat 50% 0 !important; background-size: cover !important; color: #333 !important; } .page-template-page-me-ollaan-honka .yellow a, .page-template-page-me-ollaan-honka .yellow a::before { color: #fff !important; } .page-template-page-me-ollaan-honka article .wpcf7 form { max-width: none; } .page-template-page-me-ollaan-honka .wpcf7 input[type=submit] { float: none; width: 100%; } aside figure { margin: 0; } .wpcf7 .pakettivalinta .wpcf7-list-item { display: inline-block; width: 48%; margin-left: 4%; padding: 0; background-color: rgb(212,170,15); color: #333; font-family: Vitesse-Bold; transition: background .15s cubic-bezier(0,0,0.3,1); cursor: pointer; } .wpcf7 .pakettivalinta .wpcf7-list-item:hover { background: #fff; color: rgb(212,170,15); } .wpcf7 .pakettivalinta .wpcf7-list-item.first { margin-left: 0; } .wpcf7 .pakettivalinta .wpcf7-list-item label span { margin: 0; cursor: pointer; } .wpcf7 .campaign label { display: block; margin-bottom: 0; } .wpcf7 .pakettivalinta label { padding: 1rem; cursor: pointer; } .campaign .wpcf7-not-valid-tip { position: relative; top: auto; right: auto; padding: .5rem; z-index: 10; color: #333 !important; background: rgb(212,170,15) !important; } .businesscard_block .card { position: relative; float: left; margin: 1rem 0; padding: 0; font-size: 90%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); } @media screen and (min-width: 576px) { .businesscard_block .card { padding-bottom: 4rem; } main .businesscard_block.flex { flex-flow: row nowrap; justify-content: space-around; } .businesscard_block .card { width: calc(50% - 1rem); margin: 1rem 0 1rem 2rem; } .businesscard_block .card:first-child { margin-left: 0; } } .businesscard_block img { position: relative; z-index: 1; margin: 0; } .businesscard_block h5 { position: relative; z-index: 2; margin: -5rem 0 0; padding: 1rem; text-align: center; background: #222; color: #fff; } .businesscard_block ul { margin: 2.5rem 1rem !important; padding: 0; line-height: 1.5; list-style-type: none !important; } .businesscard_block li { position: relative; margin-bottom: .5rem; padding-left: 2.25rem; } .businesscard_block li::before { position: absolute; top: 0; left: 0; font: normal normal normal 1.8rem/1.2 FontAwesome; text-rendering: auto; vertical-align: middle; content: "\f00c"; color: rgb(240,199,46); } .businesscard_block p.product_price { margin: 0; padding: 0; background: rgb(240,199,46); color: #333; text-align: center; font-family: 'Vitesse-Bold' !important; font-size: 110%; } .businesscard_block p.product_price a { display: block; padding: .5rem 1rem; color: #333 !important; } .businesscard_block p.product_price a:hover { background: #222; color: #fff !important; box-shadow: 0 0 1px rgb(212,170,15); } @media screen and (min-width: 576px) { .businesscard_block p.product_price { position: absolute; bottom: 0; left: 0; right: 0; } } .total { margin-bottom: 2.5rem; } .total div { display: inline-block; } /* Nopeasti copypastettuja muotoiluja, kirjoitetaan joskus uusiksi */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type='checkbox'], input[type='radio'] { --active: green; --active-inner: #fff; --focus: 2px rgba(39, 94, 254, .3); --border: #eee; --border-hover: #ccc; --background: #fff; --disabled: #F6F8FF; --disabled-inner: #E1E6F9; -webkit-appearance: none; -moz-appearance: none; height: 18px; outline: none; display: inline-block; vertical-align: top; position: relative; margin: 0; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); background: var(--b, var(--background)); -webkit-transition: background .3s, border-color .3s, box-shadow .2s; transition: background .3s, border-color .3s, box-shadow .2s; } input[type='checkbox']:after, input[type='radio']:after { content: ''; display: block; left: 0; top: 0; position: absolute; -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s); transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease); } input[type='checkbox']:checked, input[type='radio']:checked { --b: var(--active); --bc: var(--active); --d-o: .3s; --d-t: .6s; --d-t-e: cubic-bezier(.2, .85, .32, 1.2); } input[type='checkbox']:disabled, input[type='radio']:disabled { --b: var(--disabled); cursor: not-allowed; opacity: .9; } input[type='checkbox']:disabled:checked, input[type='radio']:disabled:checked { --b: var(--disabled-inner); --bc: var(--border); } input[type='checkbox']:disabled + label, input[type='radio']:disabled + label { cursor: not-allowed; } input[type='checkbox']:hover:not(:checked):not(:disabled), input[type='radio']:hover:not(:checked):not(:disabled) { --bc: var(--border-hover); } .wpcf7-list-item:hover input[type='checkbox'] { border-color: #aaa; } input[type='checkbox']:focus, input[type='radio']:focus { box-shadow: 0 0 0 var(--focus); } input[type='checkbox']:not(.switch), input[type='radio']:not(.switch) { width: 18px !Important; } input[type='checkbox']:not(.switch):after, input[type='radio']:not(.switch):after { opacity: var(--o, 0); } input[type='checkbox']:not(.switch):checked, input[type='radio']:not(.switch):checked { --o: 1; } input[type='checkbox'] + label, input[type='radio'] + label { font-size: 14px; line-height: 18px; display: inline-block; vertical-align: top; cursor: pointer; margin-left: 4px; } input[type='checkbox']:not(.switch) { border-radius: 2px; } input[type='checkbox']:not(.switch):after { width: 5px; height: 9px; border: 2px solid var(--active-inner); border-top: 0; border-left: 0; left: 7px; top: 4px; -webkit-transform: rotate(var(--r, 20deg)); transform: rotate(var(--r, 20deg)); } input[type='checkbox']:not(.switch):checked { --r: 43deg; } input[type='checkbox'].switch { width: 38px; border-radius: 11px; } input[type='checkbox'].switch:after { left: 2px; top: 2px; border-radius: 50%; width: 15px; height: 15px; background: var(--ab, var(--border)); -webkit-transform: translateX(var(--x, 0)); transform: translateX(var(--x, 0)); } input[type='checkbox'].switch:checked { --ab: var(--active-inner); --x: 17px; } input[type='checkbox'].switch:disabled:not(:checked):after { opacity: .6; } input[type='radio'] { border-radius: 50%; } input[type='radio']:after { width: 19px; height: 19px; border-radius: 50%; background: var(--active-inner); opacity: 0; -webkit-transform: scale(var(--s, 0.7)); transform: scale(var(--s, 0.7)); } input[type='radio']:checked { --s: .5; } } select { display: block; color: #444; line-height: 1.3; padding: .5em 2em .5em .8em; width: auto !important; max-width: 100%; box-sizing: border-box; margin: 0; font-size: 1.3rem !important; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.04); border-radius: .25rem !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff !important; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important; background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .seven.group select { height: 46px; } @supports (-webkit-touch-callout: none) { select { font-size: 16px !important; } } select::-ms-expand { display: none; } select:hover { border-color: #888; } select:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } select option { font-weight:400; }