/* #24338a #1a1449 */

/* YLEINEN */

html,
body {
	margin:0;
	padding:0;
	height:100%;
	-webkit-animation: fadein 0.6s;
	-moz-animation: fadein 0.6s;
	-ms-animation: fadein 0.6s;
	-o-animation: fadein 0.6s;
	animation: fadein 0.6s;
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
ul, ol {
	margin: 0 0 1em 0em;
	font-size: 14px;
}
#masthead, #content, #colophon .site-info {
	width: 1140px;
	margin: 0 auto;
}
#content.large {
	width: 1220px;
}
#page {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:120px;   /* Height of the footer */
}
.clear {
	clear: both;
}
.full-width {
	clear: both;
	width: 100% !important;
}
p {
	font-size: 14px;
}
.suuri, .suuri p {
	font-size: 16px !important;
}
.pieni, .pieni p {
	font-size: 14px !important;
}
hr {
	margin: 0;
	color: #e7e7e7;
	height: 2px;
}
.alignright, .alignleft {
	margin-bottom: 1.5em;
}
.henkilot tr td:first-child {
	max-width: 280px !important;
}
td, th {
	padding: 10px;
}
.gallery-item {
	vertical-align: middle;
}
.gallery-icon {
	margin: 8px;
}
.gallery-icon.portrait {
	margin: 0px;
}
.vfb-col-1, .vfb-col-2, .vfb-col-3, .vfb-col-4, .vfb-col-5, .vfb-col-6, .vfb-col-7, .vfb-col-8, .vfb-col-9, .vfb-col-10, .vfb-col-11, .vfb-col-12 {
	padding-left: 0;
	padding-right: 0;
}
/*a {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	outline: 0 !important;
}*/

/* OTSIKOT */

h1.entry-title {
	font-family: "GothamRoundedBook";
	color: #24338a;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 100;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	margin-bottom: 6px;
}
h1 {
	font-family: "GothamRoundedBook";
	color: #24338a;
	font-size: 36px;
	font-weight: 100;
	line-height: 38px;
	margin-bottom: 20px;
}
h2 {
	font-family: "Raleway";
	color: #24338a;
	font-size: 18px;
	font-weight: 600;
}
h3, h4, h5, h6 {
	font-family: "Raleway";
	color: #24338a;
	font-size: 18px;
	font-weight: 600;
}
h4, h4, h6 {
	font-size: 14px;
}


/* NAPIT */

.button-blue, .button-green, .button-gray {
	height: 50px;
	display: inline-block;
	color: white;
	text-transform: uppercase;
	font-family: "GothamRoundedBook";
	padding: 13px 16px;
}
.button-blue:hover, .button-green:hover, .button-gray:hover,
.button-blue:active, .button-green:active, .button-gray:active,
.button-blue:visited, .button-green:visited, .button-gray:visited {
	color: white;
	text-decoration: none;
}
.button-blue { background-color: #24338a }
.button-blue:hover { background-color: #1a1449 }
.button-blue:active, .button-blue.valittu { background-color: #1a1449 }

.button-green { background-color: #1a1449 }
.button-green:hover { background-color: #1a1449 }
.button-green:active, .button-green.valittu { background-color: #1a1449 }

.button-gray { background-color: #444444 }
.button-gray:hover { background-color: #555555 }
.button-gray:active, .button-gray.valittu { background-color: #333333 }

.button-outline, .button-outline:visited {
	height: 50px;
	display: inline-block;
	background-color: transparent;
	color: #444444;
	color: #aaaaaa;
	padding: 13px 16px;
	font-family: "GothamRoundedBook";
	text-transform: uppercase;
	border: 1px solid #444444;
	border: 1px solid #aaaaaa;
}
.button-outline:hover {
	border: 2px solid #555555;
	text-decoration: none;
	color: #555555;
	padding: 12px 16px;
}
.button-outline:active {
	border: 2px solid #333333;
	text-decoration: none;
	color: #333333;
	padding: 12px 16px;
}

.button-green.search {
	width: 50px;
	background-image: url("/wp-content/themes/stll/img/search.png");
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 0;
	display: block;
	float: right;
	cursor: pointer;
}

.arrow-green {
	background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 40px;
	height: 40px;
}
.arrow-green { background-color: #1a1449 }
.arrow-green:hover { background-color: #1a1449 }
.arrow-green:active { background-color: #1a1449 }

.share {
	margin-top: 42px;
	margin-bottom: 30px;
}
.facebook, .twitter {
	width: 36px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #cccccc;
	margin-right: 6px;
	display: inline-block;
}
.facebook:hover, .twitter:hover {
	background-color: #aaaaaa;
	cursor: pointer;
}
.facebook {
	background-image: url("/wp-content/themes/stll/img/fb.png");
}
.twitter {
	background-image: url("/wp-content/themes/stll/img/tw.png");
}

/* HEADER */

#masthead {
	height: 218px;
}
#logo {
	margin: 0 10px;
	display: inline-block;
}
#navi-main {
	display: inline-block;
	float: right;
	position: relative;
}
#navi-main a {
	font-family: "GothamRoundedBook";
	font-size: 24px;
	color: #24338a;
	text-transform: uppercase;
	margin-left: 24px;
	margin-right: 8px;
	display: inline-block;
}
#navi-main a:hover, #navi-main a.valittu {
	color: #24338a;
	text-decoration: none;
}
#navi-main a:active {
	color: #1a1449;
	text-decoration: none;
}
#navi-main a:first-child {
	margin-left: 0;
	margin-top: 65px;
}
#navi-main-sub {
	display: inline-block;
	float: right;
}
#navi-main-sub a {
	font-family: "GothamRoundedMedium";
	font-size: 16px;
	text-transform: uppercase;
	margin-right: 8px;
	margin-left: 17px;
	color: #24338a;
}
#navi-main-sub a:hover, #navi-main-sub a.valittu {
	color: #24338a;
	text-decoration: none;
}
#navi-main-sub a:active {
	color: #1a1449;
	text-decoration: none;
}
#searchbar {
	background-color: #c3b4d9;
	display: none;
	padding: 6px;
	position: absolute;
	right: 50px;
	top: -50px;
	width: 22px;
}
#searchbar input {
	border: medium none;
	border-radius: 0;
	font-size: 18px;
	height: 38px;
	padding: 5px;
	width: 100%;
}
#searchbar img {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
#navi-top {
	height: 50px;
	width: 100%;
}
#navi-left {
	display: inline-block;
	float: right;
}
#navi-right {
	display: inline-block;
	float: right;
}
#some-facebook, #some-instagram, #some-twitter, #some-youtube {
	margin-top: 28px;
	margin-right: 30px;
}
.site-info a:hover {
	opacity: 0.9;
}
#navi-right .button-blue {
	margin-right: 4px;
}
#navi-left a {
	color: #24338a;
	margin: 16px 12px 8px 8px;
	margin-top: 16px;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 14px;
}
.main-header {
	font-family: "GothamRoundedLight";
	font-size: 48px;
	color: #24338a;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	margin-top: 80px;
}
#show-more {
	margin-top: 32px;
	width: 100%;
	text-align: center;
}

/* SWIPER */

.swiper-container {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 1480px;
	clear: both;
}
.swiper-slide {
	background-size: cover;
	background-position: center center;
	height: 485px;
	max-width: 1480px;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url('/wp-content/themes/stll/img/arrow-left.png?v2');
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left: 0;
}
.swiper-button-next, .swiper-button-prev {
	background-size: auto;
	height: 50px;
	width: 47px;
	margin-top: -25px;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url('/wp-content/themes/stll/img/arrow-right.png?v2');
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right: 0;
}
.swiper-pagination-bullet {
	background: #8a8a8a none repeat scroll 0 0;
}
.swiper-pagination-bullet-active {
	background: #1a1449 none repeat scroll 0 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	top: 10px;
	bottom: unset;
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
}
.swiper-title {
	font-family: "GothamRoundedBook";
	font-size: 60px;
	text-transform: uppercase;
	color: white;
	text-align: center;
	height: 70%;
	line-height: 70px;
	position: relative;
}
.swiper-title span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 12%;
	white-space: pre;
}
.swiper-slide:hover {
	text-decoration: none;
}
.swiper-readmore {
	height: auto;
	display: table;
	margin: 0 auto;
	cursor: pointer;
	z-index: 99999999999;
}

/* FRONT-PAGE */

#nostot {
	max-width: 1480px;
	margin: 0 auto;
	margin-top: -1px;
	background-color: #1a1449;
}
#nostot div {
	width: 1140px;
	margin: 0 auto;
}
#nostot a {
	display: inline-table;
	width: 22.75%;
	height: 114px;
	font-family: "GothamRoundedBook";
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background-color: #24338a;
	margin-right: 3%;
	line-height: 112px;
	padding: 0 50px;
	background-image: url('/wp-content/themes/stll/img/white-arrow-right.png');
	background-repeat: no-repeat;
	background-position: 88% center;
}
#nostot a:last-child {
	margin-right: 0;
}
#nostot a:hover {
	text-decoration: none;
	opacity: 0.9;
}
#nostot a span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
#main-news {
	margin-top: 90px;
}
#main-news a {
	display: inline-table;
	width: 33%;
	padding-right: 30px;
}
#main-news .title {
	font-family: "GothamRoundedBook";
	font-size: 18px;
	line-height: 24px;
}
#main-news .arrow-green {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
#main-news .excerpt {
	font-family: "Raleway";
	font-weight: 500;
	font-size: 14px;
	color: #444444;
}
#main-news .excerpt p {
	margin-bottom: 0.5em;
	line-height: 18px;
}
#main-news .date {
	color: #444444;
}
#main-news a:hover {
	text-decoration: none;
}
#main-news a:hover .arrow-green {
	background-color: #1a1449;
}
#main-news a:active .arrow-green {
	background-color: #1a1449;
}
#main-banners {
	margin-top: 70px;
}
#main-banners a {
	width: 20%;
	float: left;
}
#some {
	margin-top: 65px;
}
#some .some {
	float: left;
	width: 260px;
	height: 260px;
	margin-right: 33.3px;
	margin-bottom: 33.3px;
	background-color: #f4f4f4;
	position: relative;
}
#some .some:hover {
	background-color: #efefef;
}
#some .row .some:last-child {
	margin-right: 0;
}
#some .some:nth-child(4n) {
	margin-right: 0;
}
.some-avatar {
	width: 48px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.some-user {
	position: absolute;
	bottom: 30px;
	left: 80px;
	font-family: "Raleway";
	color: #a9a9a9;
	font-size: 14px;
	font-weight: 600;
}
.some-user a {
	color: #a9a9a9;
}
.twitter-text {
	font-size: 14px;
	color: #a9a9a9;
	height: 180px;
	line-height: 18px;
	padding: 20px;
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}
.twitter-image-gray {
	float: left;
	padding-bottom: 6px;
}
.instagram-image-gray {
	left: 15px;
	position: absolute;
	top: 18px;
}
.twitter-text span {
	clear: both;
	display: block;
}
#sponsors {
	margin-top: 40px;
	text-align: center;
}
#sponsors a {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
	padding: 27px;
	max-width: 220px;
}

/* PAGE */

#main-area {
	width: 760px;
	float: right;
	margin-top: 75px;
	margin-bottom: 80px;
}
h1.entry-title {
	margin-top: 0;
}

/* PAGE -- Joukkue-esittely */

.joukkue-esittely h1, .sivumalli-2 h1 {
	padding-top: 30px;
}
.joukkue-esittely h1:first-child, .sivumalli-2 h1:first-child {
	padding-top: 0;
}
.joukkue-blokki {
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
}
.full-width-x .joukkue-blokki:nth-child(even) {
	margin-right: 0;
}
.full-width .joukkue-blokki:nth-child(3n) {
	margin-right: 0;
}
.joukkue-kuva {
	width: 360px;
	height: 320px;
	background-color: #f4f4f4;
	background-position: center 10%;
	background-size: cover;
	background-repeat: no-repeat;
}
.joukkue-nimi {
	clear: both;
	font-family: "GothamRoundedBook";
	font-size: 24px;
	color: #24338a;
	line-height: 36px;
	width: 360px;
	margin-top: 30px;
}
.joukkue-blokki:hover, .joukkue-blokki:active {
	text-decoration: none;
}
.joukkue-blokki:hover .joukkue-nimi span {
	text-decoration: none;
	color: #1a1449;
}
.joukkue-blokki:active .joukkue-nimi span {
	text-decoration: none;
	color: #1a1449;
}
.joukkue-arrow {
	background-color: #1a1449;
	background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 36px;
	display: table-cell;
}
.joukkue-blokki:hover .joukkue-arrow {
	background-color: #1a1449;
}
.joukkue-blokki:active .joukkue-arrow {
	background-color: #1a1449;
}
.joukkue-blokki:hover .joukkue-kuva, .joukkue-blokki:active .joukkue-kuva {
	opacity: 0.8;
}
.joukkue-nimi span {
	display: table-cell;
	padding-left: 14px;
}
.joukkue-esittely .joukkueet:nth-child(2) .joukkue-nimi {
	line-height: 30px;
}
.joukkue-esittely.ala-osa h1 {
	font-family: "GothamRoundedBook";
	font-size: 36px;
}
.joukkue-esittely.ala-osa {
	margin-bottom: 80px;
}


/* PAGE -- Lajiesittely */

.laji-blokki {
	float: left;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 30px;
	display: block;
}
.laji-blokki:nth-child(even) {
	margin-right: 0;
}
.laji-kuva {
	width: 555px;
	height: 340px;
	background-color: #f4f4f4;
	background-position: center 10%;
	background-size: cover;
	background-repeat: no-repeat;
}
.laji-nimi {
	font-family: "GothamRoundedBook";
	color: #1a1449;
	font-size: 36px;
	width: 555px;
	margin: 20px 0 10px;
}
.laji-teksti {
	font-family: "Raleway";
	width: 555px;
}

/* PAGE -- Joukkue-esittely-alasivu ja sivumalli-2 */

.joukkue-esittely-alasivu .vasen, .sivumalli-2 .vasen {
	float: left !important;
}
.joukkue-esittely-alasivu .oikea, .sivumalli-2 .oikea {
	float: right !important;
	width: 350px;
	margin-top: 80px;
}
.joukkue-esittely-alasivu .entry-title, .sivumalli-2 .entry-title {
	font-family: "GothamRoundedLight";
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 21px;
}
.oikea .kuva-block {
	width: 100%;
	margin-bottom: 20px;
}
.oikea .kuva-block:first-child {
	margin-top: 72px;
}
.joukkue-esittely-alasivu .featured-image, .sivumalli-2 .featured-image {
	height: 460px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 10%;
	background-size: cover;
	margin-bottom: 40px;
}
.sivumalli-2 .featured-image {
	height: 400px;
}
.joukkue-esittely-alasivu #main-area {
	margin-bottom: 0;
}

/* PAGE -- Tiedostopankki */

.file-wrap {
  background: #fff none repeat scroll 0 0;
  position: relative;
  margin-bottom: 3px;
}

.file-icon {
  bottom: 0;
  left: 0;
  padding: 0px;
  position: absolute;
  top: 0;
}

.file-info p {
  line-height: 1.4em;
  margin: 0 0 2px;
  word-break: break-all;
}

.file-icon img {
  display: block;
  margin: 0;
  max-width: 48px;
  padding: 0;
}

.file-info {
  margin-left: 50px;
  padding: 0px;
  padding-bottom: 8px;
}

/* PAGE -- Uutiset */

article {
	position: relative;
}
.article-date {
	font-family: "GothamRoundedBook";
	font-size: 18px;
}
.article-title {
	color: #24338a;
	font-family: "GothamRoundedBook";
	font-size: 24px;
}
.uutinen {
	display: block;
	margin-top: 40px;
	color: #24338a;
}
.uutinen:hover {
	text-decoration: none;
}
.uutinen-arrow {
	background-color: #1a1449;
	background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 36px;
	display: table-cell;
}
.uutinen.down .uutinen-arrow {
	background-image: url("/wp-content/themes/stll/img/white-arrow-down.png");
}
.uutinen:hover .uutinen-arrow, .uutinen.down .uutinen-arrow {
	background-color: #1a1449;
}
.uutinen:active .uutinen-arrow {
	background-color: #1a1449;
}
.uutinen-tiedot {
	display: table-cell;
	padding-left: 14px;
	cursor: pointer;
}
.uutinen-tiedot span {
	display: block;
}
.uutinen-pvm {
	font-family: "GothamRoundedBook";
	font-size: 14px;
	color: #404040;
}
.uutinen.small {
	font-size: 14px;
	margin-top: 12px;
}
.uutinen.small .uutinen-pvm {
	font-size: 12px;
}
.uutinen.small .uutinen-tiedot span {
	display: inline;
}
.uutinen.small .uutinen-arrow {
	height: 18px;
	width: 24px;
}
.artikkelikuva {
	margin-right: 15px;
}

/* PAGE -- Kalenteri */

.lisatiedot {
	display: block;
	height: 0;
	overflow: hidden;
}
.lisatiedot div {
	display: table-cell;
}
.liukuvari {
	background-color: #0bc0c6;
	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(26, 20, 73, 0.0) 0%, rgba(26, 20, 73, 1) 100%) repeat scroll 0 0;
	width: 36px;
}
.lisatieto {
	padding: 0 15px;
}
.lisatieto td {
	padding: 10px 10px 0px;
	vertical-align: top;
}
.lisatieto p {
	margin-bottom: 0.5em;
	margin-top: 0;
}
.uutinen-kategoria {
        font-family: "GothamRoundedBook";
        font-size: 18px;
        color: #404040;
}
.uutinen, .uutinen-otsikko, .uutinen-pvm, .uutinen-arrow {
        -o-transition:.3s;
        -ms-transition:.3s;
        -moz-transition:.3s;
        -webkit-transition:.3s;
        transition:.3s;
        outline: 0 !important;
}
.lataa {
	background-image: url("/wp-content/themes/stll/img/ajax-loader.gif") !important;
}
.iso-otsikko {
	font-size: 28px !important;
}
.nakymaton {
	opacity: 0;
	height: 0;
}
.alhaalle {
	background-position: center bottom;
}
.nakyva {
	height: auto !important;
}

/* PAGE -- Kartta */

#tietoalue {
	float: right;
	width: 600px;
}
.alue {
	color: #24338a;
	display: block;
}
.alue-arrow {
	background-color: #1a1449;
	background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: table-cell;
	height: 38px;
	width: 36px;
}
.alue-tiedot {
	display: table-cell;
	font-size: 22px;
	padding-left: 14px;
	vertical-align: middle;
}
.alue:hover {
        text-decoration: none;
}
.alue:hover .alue-arrow {
        background-color: #1a1449;
}
.alue:active alue-arrow {
        background-color: #1a1449;
}
.tietoalue {
	display: none;
	margin-top: 20px;
}
.tietoalue a, .tietoalue div {
	display: block;
	margin: 2px 0;
	font-size: 15px;
}
.tietoalue p {
	margin: 10px 0;
}
#kartta area {
	cursor: pointer;
}

/* PAGE -- Muut */

.no-results, .results {
	margin-top: 60px;
	margin-bottom: 60px;
}
.entry-meta {
	font-size: small;
}

/* Muropolku */

#breadcrumbs {
	list-style: none;
	/*margin: 10px 0 36px;*/
	margin: 10px 0 20px;
	overflow: hidden;
	padding: 0;
	font-size: 12px;
}
#breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
#breadcrumbs .separator {
	font-size: 12px;
	font-weight: 100;
	color: #acacac;
}

/* SIDEBAR */

#sidemenu {
	width: 380px;
	float: left;
	margin-top: 80px;
	margin-bottom: 80px;
}
#sideheader {
	font-family: "GothamRoundedBook";
	font-size: 24px;
	text-transform: uppercase;
	color: #24338a;
	margin-bottom: 32px;
}
#sidecontent {
	border-left: solid 8px #c3b4d9;
	font-family: "GothamRoundedMedium";
	font-size: 18px;
	text-transform: uppercase;
	width: 224px;
}
#sidecontent a {
	display: block;
	color: #24338a;
}
#sidecontent a:hover {
	color: #1a1449;
	text-decoration: none;
}
#sidecontent a:active {
	color: #1a1449;
	text-decoration: none;
}
#sidecontent a.sel {
	color: #c3b4d9;
}
#sidecontent .wrap {
	margin-left: 14px;
	margin-top: 20px;
}
#sidecontent .wrap .wrap {
	margin-top: 0;
}
#sidecontent .wrap .wrap a {
	font-family: "GothamRoundedBook";
	font-size: 16px;
	text-transform: none;
	margin-bottom: 4px;
}
#sidecontent .wrap .sel {
	margin-bottom: 12px;
}
#sidecontent .wrap .wrap .sel {
	margin-bottom: 4px;
}
#sidecontent .wrap .wrap .wrap {
	/*display: none;*/
}
#sidecontent .wrap .wrap .wrap:last-child {
	margin-bottom: 6px;
}

/* WIDGETS */

.widget-area {
	margin-top: 72px;
	margin-bottom: 72px;
}
.widget_nav_menu ul, .widget_recent_entries ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget_nav_menu ul li {
	margin-bottom: 15px;
}
.widget_nav_menu a {
	background-color: #1a1449;
	background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
	background-position: 94% center;
	background-repeat: no-repeat;
	color: white;
	display: inline-table;
	font-family: "GothamRoundedBook";
	font-size: 17px;
	line-height: 60px;
	padding: 0 50px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.widget_nav_menu a span {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}
.widget_nav_menu a:hover {
        text-decoration: none;
        background-color: #1a1449;
}
.widget_nav_menu a:active {
        text-decoration: none;
        background-color: #1a1449;
}
.widget_recent_entries li {
	display: table;
	margin-bottom: 10px;
}
.widget_recent_entries li a {
	display: table-footer-group;
	color: #24338a;
	font-family: "Raleway";
	font-size: 14px;
}
.widget_recent_entries li span {
	display: table-header-group;
	color: #24338a;
	font-family: "Raleway";
	font-weight: 600;
	font-size: 14px;
}
.widget_recent_entries .widget-title, .filter h2 {
	font-family: "GothamRoundedBook";
	font-size: 24px;
	text-transform: uppercase;
	margin: 50px 0 15px;
}
.mobile {
	display: none;
}

.ainoa {
  margin: -1px auto -6px;
  max-width: 1480px;
}

/* FOOTER */

#colophon {
	position:absolute;
	bottom:0;
	width:100%;
	height:120px;   /* Height of the footer */
	background-color: #24338a;
}
#logo-footer {
	float: right;
	margin-top: 16px;
	margin-right: 22px;
}

#logo {
	margin: -40px -30px;
	width: 220px;
}

/* RESPONSIVE */

@media only screen and (max-width: 1220px) {
	#content.large {
		width: 1140px;
	}

	#logo {
		margin:-30px 0px;
		width:200px;
	}
}

.stll-mobile {
	display: none;
}
.stll-non-mobile {
	display: block;
}

@media only screen and (max-width: 1160px) {

	.stll-mobile {
		display: block;
	}
	.stll-non-mobile {
		display: none;
	}
	#masthead, #content, #colophon .site-info {
		width: 760px;
	}
	#content.large {
		width: 760px;
	}
	#nostot div {
		width: 760px;
	}
	#main-news a {
		display: inline;
	}
	#nostot a {
		height: auto;
		line-height: 72px;
		width: 49%;
		margin-right: 1%;
		padding: 0px 20px;
		font-size: 16px;
	}
	#nostot div a:nth-child(2), #nostot div a:nth-child(2) {
		margin-bottom: 7px;
	}
	#main-news {
		margin-top: 60px;
	}
	#main-banners {
		margin-top: 30px;
	}
	#main-banners a {
		width: 380px;
	}
	#logo {
		float: left;
		margin-top: 6px;
		width: 120px;
	}
	#navi-top {
		width: 550px;
		float: right;
	}
	#navi-main {
		clear: both;
	}
	#navi-main a {
		margin-right: 0;
		font-size: 21px;
	}
	#navi-main a:first-child {
		margin-top: 30px;
	}
	#navi-left a {
		margin: 14px 0px 8px 18px;
	}
	.main-header {
		margin-top: 60px;
		font-size: 38px;
	}
	#some .some {
		width: 233px;
		height: 233px;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	#some .some:nth-child(4n) {
		margin-right: 30px;
	}
	#some .some:nth-child(3n) {
		margin-right: 0;
	}
	.twitter-text {
		font-size: 12px;
		line-height: 15px;
	}
	.some-avatar {
		width: 42px;
	}
	.some-user {
		left: 74px;
		font-size: 13px;
	}
	#content {
		padding-bottom: 90px;
	}
	#navi-main-sub {
		margin-top: 20px;
		text-align: right;
	}
	#navi-main-sub a {
		margin-right: 0;
		margin-left: 22px;
	}
	.swiper-container {
		margin: 0;
	}
	.joukkue-kuva {
		height: 207px;
		width: 233px;
	}
	.joukkue-nimi {
		width: 233px;
		font-size: 20px;
	}
	.joukkue-esittely .joukkueet:nth-child(2) .joukkue-nimi {
		line-height: 26px;
	}
	.joukkue-esittely-alasivu .entry-title, .sivumalli-2 .entry-title {
		font-size: 40px;
	}
	#navi-main-sub a {
		display: inline-block;
		font-size: 14px;
	}
	.laji-kuva, .laji-nimi, .laji-teksti {
		width: 365px;
	}
	.laji-kuva {
		height: 224px;
	}
	#sidecontent {
		width: 760px;
	}
	#sidecontent .wrap .wrap {
		display: inline-block;
	}
	#sidemenu {
		margin-bottom: 0;
	}
	#sidecontent .wrap .sel {
		margin-bottom: 6px;
	}
	#sidecontent .wrap .wrap a {
		margin-bottom: 0;
	}
	#sidecontent .wrap {
		margin-top: 10px;
	}
	#searchbar {
		top: -87px;
	}
	.swiper-button-white {
		display: none;
	}
	.joukkue-esittely-alasivu .oikea, .sivumalli-2 .oikea {
		margin-top: 0;
		width: 100%;
	}
	.oikea .kuva-block {
		width: 48%;
		margin-right: 1%;
	}
	.widget-area {
		margin-bottom: 80px;
	}
	.sivumalli-2 #main-area {
		margin-bottom: 80px;
	}
	.sivumalli-2 .oikea {
		margin-bottom: 120px;
	}
	#tietoalue {
		width: 300px;
	}
	.tapahtumakalenteri {
		margin-bottom: 0 !important;
	}
	.suodattaja {
		margin-top: 0 !important;
	}
	#navi-main a {
		margin-left: 24px;
	}
       .sivumalli-2 .oikea {
                margin-bottom: 0;
       }

}

/* Added 7.2.2025 */
@media only screen and (max-width: 1160px) {
        #nostot, #masthead {
		display: none;
        }
	.mobile-navi {
                display: block;
        }

        .mobile-navi {
                height: 53px;
                background-color: #24338a;
                min-width: 360px;
        }
        #mobi-menu {
                cursor: pointer;
                float: left;
                margin: 0;
                padding: 15px;
                width: 58px;
        }
        #mobi-logo {
                margin: 10px 20px;
                float: left;
                width: 201px;
        }
        #mobi-search {
                cursor: pointer;
                float: right;
                margin: 0;
                padding: 11px;
                width: 51px;
        }
        #mobi-menu.sel, #mobi-search.sel {
                background-color: white;
        }
        .mobile-menu {
                /*display: none;*/
                border-bottom: 2px solid #ebebeb;
                clear: both;
        }
		        .home .mobile-menu {
                display: none;
        }
        .mobile-search {
                display: none;
                clear: both;
                position: relative;
        }
        .mobile-search input {
                border: none;
                border-radius: 0;
                font-size: large;
                padding: 8px 14px;
                width: 100%;
                border-bottom: 2px solid #ebebeb;
        }
        .mobile-search img {
                position: absolute;
                right: 12px;
                top: 7px;
        }
        .mobile-item, .mobile-item-large, .mobile-item-sub, .mobile-item-sub-sub {
                display: block;
                font-family: "GothamRoundedMedium";
                font-size: 18px;
                color: #24338a;
                text-transform: uppercase;
                border-top: 2px solid #ebebeb;
                padding: 10px 12px;
                background-color: white;
        }
        .mobile-menu a:first-child {
                border-top: none;
        }
        .mobile-item {
                font-size: 14px;
        }
        .mobile-item:hover, .mobile-item-large:hover, .mobile-item-large:active, .mobile-item:active {
                text-decoration: none;
        }
        .mobile-item.sel, .mobile-item .sel:hover, .mobile-item .sel:active,
        .mobile-item-large.sel, .mobile-item-large .sel:hover, .mobile-item-large .sel:active {
                background-color: #1a1449;
                color: white;
        }
        .mobile-item-sub {
                font-size: 14px;
                border-left: 10px solid #1a1449;
                border-top: none;
        }
        .mobile-item-sub:hover, .mobile-item-sub:active {
                text-decoration: none;
        }
        .mobile-item-sub.sel {
                color: #1a1449;
        }
        .mobile-item-sub-sub {
                padding-left: 20px;
                text-transform: none;
                border-left: 10px solid #1a1449;
                font-size: 14px;
                border-top: none;
        }
        .mobile-item-sub-sub:hover, .mobile-item-sub-sub:active {
                text-decoration: none;
        }
        .mobile-item-sub-sub.sel {
                color: #1a1449;
        }
        #sidemenu {
                display: none;
        }
}

@media only screen and (max-width: 760px) {

	html, body {
		background-image: none !important;
	}
	#masthead, #content, #colophon .site-info {
		width: 360px;
		padding: 0 0 25px;
	}
	#content.large {
		width: 360px;
	}
	#nostot, #masthead {
			display: none;
	}
	#main-banners a {
		width: 100%;
	}
	.main-header {
		font-size: 30px;
		margin-top: 40px;
	}
	.swiper-slide {
		height: 260px;
	}
	.swiper-title {
		font-size: 30px;
	}
	.swiper-pagination {
		display: none;
	}
	#some {
		margin-top: 45px;
	}
	#some .some {
		height: 160px;
		width: 160px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#some .some:nth-child(3n) {
		margin-right: 10px;
	}
	#some .some:nth-child(2n) {
		margin-right: 0;
	}
	.twitter-text {
		vertical-align: top;
		padding: 15px;
		font-size: 10px;
		line-height: 14px;
	}
	.some-user {
		font-size: 11px;
		left: 15px;
		bottom: 6px;
	}
	.some-avatar {
		display: none;
	}
	#colophon {
		height: 100px;
	}
	#sponsors {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#sponsors a {
		display: inline;
	}
	#sponsors a img {
		max-width: 40%;
		margin: 3px 4%;
	}
	.swiper-title {
		line-height: 42px;
		font-family: "GothamRoundedBook";
	}
	.site-info a img {
		height: 30px;
		margin-right: 15px;
	}
	.site-info {
		text-align: center;
	}
	#logo-footer {
		display: none;
	}
	.button-blue, .button-green, .button-gray {
		padding: 10px 12px;
	}
	.mobile {
		display: block;
	}
	.mobile-nosto {
		margin-top: 3.5em;
		margin-bottom: 3em;
	}
	.mobile-nosto a {
		background-color: #1a1449;
		background-image: url("/wp-content/themes/stll/img/white-arrow-right.png");
		background-position: 94% center;
		background-repeat: no-repeat;
		color: white;
		display: inline-table;
		font-family: "GothamRoundedBook";
		font-size: 17px;
		line-height: 50px;
		padding: 0 20px;
		text-align: left;
		text-transform: uppercase;
		width: 100%;
		margin-top: 3px;
	}
	.mobile-nosto a span {
		display: inline-block;
		line-height: normal;
		vertical-align: middle;
	}
	.mobile-nosto a:hover {
	        text-decoration: none;
	        background-color: #1a1449;
	}
	.mobile-nosto a:active {
	        text-decoration: none;
	        background-color: #1a1449;
	}
	.mobile-navi {
		height: 53px;
		background-color: #24338a;
		min-width: 360px;
	}
	#mobi-menu {
		cursor: pointer;
		float: left;
		margin: 0;
		padding: 15px;
		width: 58px;
	}
	#mobi-logo {
		margin: 10px 20px;
		float: left;
		width: 201px;
	}
	#mobi-search {
		cursor: pointer;
		float: right;
		margin: 0;
		padding: 11px;
		width: 51px;
	}
	#mobi-menu.sel, #mobi-search.sel {
		background-color: white;
	}
	.mobile-menu {
		/*display: none;*/
		border-bottom: 2px solid #ebebeb;
		clear: both;
	}
	.home .mobile-menu {
		display: none;
	}
	.mobile-search {
		display: none;
		clear: both;
		position: relative;
	}
	.mobile-search input {
		border: none;
		border-radius: 0;
		font-size: large;
		padding: 8px 14px;
		width: 100%;
		border-bottom: 2px solid #ebebeb;
	}
	.mobile-search img {
		position: absolute;
		right: 12px;
		top: 7px;
	}
	.mobile-item, .mobile-item-large, .mobile-item-sub, .mobile-item-sub-sub {
		display: block;
		font-family: "GothamRoundedMedium";
		font-size: 18px;
		color: #24338a;
		text-transform: uppercase;
		border-top: 2px solid #ebebeb;
		padding: 10px 12px;
		background-color: white;
	}
	.mobile-menu a:first-child {
		border-top: none;
	}
	.mobile-item {
		font-size: 14px;
	}
	.mobile-item:hover, .mobile-item-large:hover, .mobile-item-large:active, .mobile-item:active {
		text-decoration: none;
	}
	.mobile-item.sel, .mobile-item .sel:hover, .mobile-item .sel:active,
	.mobile-item-large.sel, .mobile-item-large .sel:hover, .mobile-item-large .sel:active {
		background-color: #1a1449;
		color: white;
	}
	.mobile-item-sub {
		font-size: 14px;
		border-left: 10px solid #1a1449;
		border-top: none;
	}
	.mobile-item-sub:hover, .mobile-item-sub:active {
		text-decoration: none;
	}
	.mobile-item-sub.sel {
		color: #1a1449;
	}
	.mobile-item-sub-sub {
		padding-left: 20px;
		text-transform: none;
		border-left: 10px solid #1a1449;
		font-size: 14px;
		border-top: none;
	}
	.mobile-item-sub-sub:hover, .mobile-item-sub-sub:active {
		text-decoration: none;
	}
	.mobile-item-sub-sub.sel {
                color: #1a1449;
        }
	#sidemenu {
		display: none;
	}
	#main-area, .laji-blokki {
		width: 330px;
		margin-top: 40px;
		float: unset;
	}
	h1, h1.entry-title, .laji-nimi {
		font-size: 30px;
		line-height: 34px;
	}
	h1, h2, h3, h4, .laji-nimi {
		word-wrap: break-word;
	}
	.joukkue-kuva {
		height: 293px;
		width: 330px;
	}
	.joukkue-nimi {
		width: 330px;
		line-height: 26px;
	}
	.laji-kuva, .laji-nimi, .laji-teksti {
		width: 330px;
	}
	.laji-kuva {
		height: 202px;
	}
	.featured-image {
		width: 330px !important;
		height: 200px !important;
	}
	.sivumalli-2 .featured-image {
		width: 330px !important;
		height: 173px !important;
	}
	#main-area {
		margin-bottom: 0px;
		clear: both;
	}
	#main, #primary, #content {
		clear: both;
	}
	.oikea .kuva-block {
		margin-right: 0;
		width: 100%;
	}
	.oikea .kuva-block:first-child {
		margin-top: 0;
	}
	.widget-area {
		margin-top: 0;
	}
	.gallery-item {
		max-width: 100% !important;
	}
	.alue {
		margin-top: 20px;
	}
	.lisatiedot.nakyva {
		overflow: unset!important;
		border-left: 3px solid #0bc0c6;
	}
	.uutinen-arrow.alhaalle {
		background-position: center center !important;
	}
	.lisatieto tr td {
		display: block;
	}
	.lisatieto tr td a {
		word-break: break-all;
	}
	.lisatieto tr td:first-child {
		font-weight: bold;
	}
	.lisatieto tr td:last-child {
		padding: 2px 10px 10px 10px;
	}
	.iso-otsikko {
		font-size: 24px !important;
	}
	.uutinen-pvm {
	}
	.liukuvari {
		display: none !important;
	}
	#sponsors a {
		padding: 0;
	}

}
.lisaa-uutisia {
  display: block;
  font-size: large;
  margin-top: 30px;
}
.mobile-lang {
  padding: 13px !important;
  width: 100%;
}