@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

Musiikki 	#BC4C55
Tanssi		#E0A453
Kuvataide	#86AF56
Elokuva		#36839D
Teatteri	#9F66BE
Muut		#A39B85

*************************************************/
/*********************
GENERAL STYLES
*********************/
body, div, p, li { font-family: 'PT Sans', sans-serif; }
div { position: relative }
#content { }
header.header { position: relative; z-index: 1000 }
/*********************
LINK STYLES
*********************/
a:link, a:visited { color:rgb(20,37,57);-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
a:hover {opacity:0.8}
footer a:link, footer a:visited {color:#fff}
footer a { color: #fff; text-decoration: underline }
footer a:hover { color: rgba(255,255,255,0.7) }
.column-block a { float: left; }
.entry-content a.button { color: #fff !important; background: #ff7d48; text-decoration: none !important; font-weight:bold}
.button:hover { color:#fff !important; background: #ff7d48; opacity:0.75}
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 { font-family: 'Abril Fatface', cursive; line-height: 1.2; color: #ff7d48 }
h2, h3, h4, h5, h6 { font-family: 'PT Sans', sans-serif; line-height:1.2; }
h2 { font-size: 1.8rem;}
h3 { font-size: 1.6rem;}
h3 { font-size: 1.4rem;}
h3 { font-size: 1.2rem;}
h3 { font-size: 1;}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
.article-header h1, .archive-title h1 {padding-top:2rem}
/*********************
HEADER STYLES
*********************/
.langRow { background: rgb(20,37,57); color: #ccc; padding: 0.7rem; }
.langRow div { position: relative; z-index: 100; }
.langRow a { color: #ff7d48; font-size: 90% }
.top-bar, .top-bar ul { background-color: #ff7d48; }
.top-bar ul a { color: #fff; font-weight: 700 }
.menu .active>a { background: rgba(0,0,0,0.1); color: rgb(255,255,255); }
.header ul.off-canvas-list li { list-style: none; }
.listHdrWrap { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
/*********************
NAVIGATION STYLES
*********************/
.top-bar { background: transparent }
.top-bar .title-area { z-index: 1; }
.off-canvas-list ul { margin-left: 0; }
.off-canvas-list ul li a { border-bottom: 0px; }
.off-canvas-list ul .dropdown { margin-left: 20px; }

/* NAVIBAR */
.rivi::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 0.5em; border-top: 72px solid #ff7d48; z-index: 0; top: 2px; }
.rivi2 { width: 1170px; margin-left: auto; margin-right: auto; }
div#top-bar-menu { padding: 0; margin-top: -21px; }
.rivi-logo img { float: left; }
.frontPic { background: #ccc; margin-top: -21px; background-repeat: no-repeat; background-size: cover; background-position: center }
.rivi-logo { z-index: 2; }
.vertical.medium-horizontal.menu.dropdown { padding-top: 17px; z-index: 1; position: inherit; margin-left: 268px; background: #ff7d48; padding-bottom: 0px; height: 95px; border-top: 22px solid #142539; padding-left: 30px; }
.rivi-menu { width: 2000px; z-index: 1;}
.mobile-menu { padding-top: 24px; z-index: 1; position: inherit; margin-left: 268px; background: #ff7d48; padding-bottom: 0px; height: 95px; border-top: 22px solid #142539; padding-left: 30px;}
.mobile-menu button { position: relative; font-size: 150%;  color: #fff; font-family:inherit}
.mobile-menu button:after {    display: block;
    width: 0;
    height: 0;
    border: 8px inset;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    right: -22px;
	position: absolute;
    margin-top: -18px; }

@media screen and (max-width: 39.9375em) {
	.rivi::after {border-top: 52px solid #ff7d48; }
	.rivi-logo img {height: 70px;}
	.mobile-menu {height: 70px; padding-top: 17px;margin-left:198px;border-top: 16px solid #142539}

	.langRow .menu.simple a {font-size: 70%;}
	.langRow {padding-right: 0.2rem;}
	.langRow .row {padding-right: 0rem;}
	.langRow .menu.simple li {margin-right:0.4rem;}

	.top-bar .menu li a {padding-right: 0.5rem;}
}

.sticky.is-anchored { position: fixed; }

.tapahtumat-paasivu .tribe-events-list .row.small-up-2.medium-up-3.large-up-4 { margin-left:0 !important; margin-right: 0!important}
.tribe-events-meta-group-venue .tribe-venue a {text-decoration:none}
.events-category .hide-for-large {display:none;}

/*********************
POSTS & CONTENT STYLES
*********************/
#content header { position: relative }
.frontPic { background-color: rgb(20,37,57); background-size: cover; background-position: center; background-repeat: no-repeat; }
.frontPicTone { background: rgba(20,37,57,0.8) }
.frontPic .column { padding-top: 380px; }
.frontPic h1 { color: #fff; max-width: 700px }
.frontToday { padding: 2rem 0; background: rgb(20,37,57); color: #fff }
.frontStory, .frontNews { padding: 1rem }
.frontNews .frontContainer { padding:2.13rem 0.9375rem  }
.frontNews .frontContainer .row { margin-left: -0.9375rem; margin-right:-0.9375rem  }
.frontNews .frontContainer h5 { font-weight:bold  }
.frontStory { background: #ffa96e; color: #000 }
.frontToday h3 { color: rgb(27,65,76) }
.frontHalfStripe { background: rgba(255, 169, 110, 0.32); }
.frontNews .row { margin-bottom: 1rem }
body { background-repeat: no-repeat; background-size: 100%; }
.page-title .vcard { border: 0px; padding: 0px; }
.byline { color: #999; }
.featured-image { margin-bottom: 1rem }
.single article, .page article {margin:1.875rem 0}
.entry-content ul { list-style: none }
.entry-content ul li::before { content: "•"; color: rgb(27,65,76); display: inline-block; width: 1em; margin-left: -1em }
.entry-content ul.tribe-related-events li::before { content: ""; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; }
.entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.entry-content video, .entry-content object { max-width: 100%; height: auto; }
.entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; }
.wp-caption { max-width: 100%; background: #eee; padding: 5px; }
.wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; }
.wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; }
.post-password-form input[type="submit"] { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: all 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 1rem 1rem 0; font-size: 0.9rem; background: #2199e8; color: #fff; }
[data-whatinput='mouse'] .post-password-form input[type="submit"] { outline: 0; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: #1583cc; color: #fff; }
.events-category .column-block .medium-6 { width: 100% }
a .eventTime, a .eventPlace { display: block; color:#000 }
.eventTime {font-weight:bold}
.eventTimePlace {font-weight:bold; font-size: 125%}
.tribe-address .tribe-delimiter, .tribe-postal-code, .tribe-country-name { display: none }
.searchWrap { background: rgba(255, 169, 110, 0.32); width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-bottom: 2rem; padding-top: 3rem; padding-bottom: 3rem }
.searchWrap .row { margin-left: auto !important; margin-right: auto !important }
.events-list #tribe_events_filters_wrapper { display:none;}
.events-list #tribe-events-content > div.row.small-up-2.medium-up-3.large-up-4 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a > div > div:nth-child(1), .events-list #tribe-events-content > div.row.small-up-2.medium-up-3.large-up-4 > div:nth-child(1) > div:nth-child(2) > div > a > div > div:nth-child(2) {width:100%}
.entry-content a, .tribe-events-single-event-description a {text-decoration:underline!important}
.entry-content h3 a {text-decoration:none!important}
.entry-content h1 a { text-decoration: none!important }
.media-credit {font-size:12px; opacity: 0.5; text-transform: uppercase}
.tribe-organizer-url a{ overflow-wrap: break-word;
  word-wrap: break-word;
}
.search-results #content, .search-no-results #content, .tag #content {margin-top: 50px}

/*********************
IMAGE GALLERY STYLES
*********************/
.logot img { height: auto; display: block; margin: 0 auto }
.column-block img { width: 100%;margin-bottom: 0.5rem; border:1px solid #ccc }
.column-block .size-medium {}
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation { margin-top: 1rem; }
/*********************
EVENTS STYLES
*********************/
.loop-tapahtuma .tribe-events-list .tribe-events-user-recurrence-toggle { display:none; }
.listHdrWrap .hdrRow { margin-left:auto !important;margin-right: auto !important; padding-left:0.9375rem !important; padding-right:0.9375rem!important}
.listHdrWrap h1, .listHdrWrap h1 a { color: #fff !important }
.listHdrWrap h1 a { font-size: 60% }
.listHrdWrap h1 { padding-bottom: 1rem }
.listHeaderBackElokuva { background: #36839D }
.listHeaderBackKuvataide { background: #86AF56 }
.listHeaderBackMusiikki { background: #BC4C55 }
.listHeaderBackTanssi { background: #E0A453 }
.listHeaderBackTeatteri { background: #9F66BE }
.listHeaderBackMuut { background: #A39B85 }
.listHeaderBack h1 { color: #ff7d48 !important }
.events-category-elokuva .column-block a div h4 { color: #36839D !important; font-weight:bold}
.events-category-kuvataide .column-block a div h4 { color: #86AF56 !important; font-weight:bold}
.events-category-musiikki .column-block a div h4 { color: #BC4C55 !important; font-weight:bold}
.events-category-tanssi .column-block a div h4 { color: #E0A453 !important; font-weight:bold}
.events-category-teatteri .column-block a div h4 { color: #9F66BE !important; font-weight:bold}
.events-category-muut .column-block a div h4 { color: #A39B85 !important; font-weight:bold}
.tribe-events-back, .tribe-events-sub-nav, .tribe-events-footer { /* display:none */ }
.events-list #tribe_events_filters_wrapper { display:none;}
#tribe-events-bar { display:none;}
.tribe-events-day #tribe_events_filters_wrapper {display:none;}
#tribe_events_filters_wrapper .tribe-events-filter-group label { padding-top:0px; padding-bottom:0px; padding-left:15px}

#tribe_events_filters_wrapper input[type="submit"] {margin-top:0px; margin-left:40px !important;}

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul { margin: 0; }
.widget ul li { list-style: none; }
.suojelija {padding: 3rem 0}
.suojelija img {height:140px}
/*********************
FOOTER STYLES
*********************/
.joinList { background: rgb(228,228,228); padding: 2rem; }
.fbLink { height:40px; display: block; background:url(/wp-content/themes/armas2017/assets/images/facebook.svg) no-repeat; background-size: 40px; text-align: left; padding-left: 40px; width:350px}
.footer { clear: both; padding-top: 3rem; background: #878888; color: rgba(255,255,255,0.9) }
.footerContact {font-size:125%}
footer p.text-center {text-transform:uppercase;font-size:90%; font-weight: bold;letter-spacing: 0.05em;opacity: 0.66; margin:2rem 0 1rem 0}
.logot { text-align: center; padding: 1rem }
.logot ul { max-width: 1200px; margin: 0 auto }
.logot li { display: inline-block; vertical-align: middle; }
.logot img { height: 50px; width: auto }
.logot .lands img { height: 30px }
.logot a { float: left; padding: 1rem }
.logot a:hover { opacity: 0.7 }
/*********************
PLUGIN STYLES
*********************/
.ssba { padding: 2rem 0; }
.gform_body ul { list-style: none outside none; margin: 0; }
.eventList .row { margin-bottom: 1rem }

.single-tribe_events .tribe-events-content { background: #fff; }
.single-tribe_events .tribe-events-event-meta { background: rgba(137,182,216,0.21); border: 1px solid rgba(137,182,216,0.7); margin: 0 0 2rem 0; }
.tribe-events-list-separator-month, .tribe-events-cal-links { display: none }
.tribe-events-schedule, .tribe-events-schedule span, .tribe-events-schedule h2 span { color: #fff; display: none; }
.tribe-events-category-elokuva a { float: left; display: block; width: 100%; background: rgba(54,131,157,0.1); color: rgba(54,131,157,1.0) }
#tribe-events-content { margin-bottom: 0; padding: 0; position: relative; }
.events-archive .entry-content, .events-archive .entry-header {
   width: 100%; 
}
.media-credit-isokuva {
    bottom: 10px;
	right: 5px;
	position: absolute;
	padding-right: 20px;
	color: rgb(255,255,255);
}

.media-credit-isokuva a {color: rgb(255,255,255);}

a.tribe-events-ical {display:none !important}

.hyvaHetkiBnr {display:none}
.events-gridview .hyvaHetkiBnr {display:block;  margin-bottom:1.875rem;}

/**********************
TO INFINITY AND BEYOND
**********************/

.page-template-page-to-infinity-and-beyond .articleImg img {opacity:1 !important}

.page-template-page-to-infinity-and-beyond .callout { border:none; background-color: #C8DFF1 }
.page-template-page-to-infinity-and-beyond .callout h3  { font-weight:bold; }
.page-template-page-to-infinity-and-beyond .callout h3 span { display:block; letter-spacing: 0.2em; text-transform: uppercase; font-size: 0.7rem; }
.page-template-page-to-infinity-and-beyond .callout .button { margin: 0.5rem 0 0 0; background: #142539 }
.page-template-page-to-infinity-and-beyond .callout .button:hover {background: #142539; opacity:0.7 }
.page-template-page-to-infinity-and-beyond .callout { }

.ac-container{ width: 100%; margin: 0 0 0.9375rem 0; text-align: left;}
.ac-container > div {margin-bottom:1.875rem; clear:both}
.ac-container .row .row { padding-top: 0.5rem; }
.ac-container .speaker-image {width: calc(100% - 0.9375rem); height:4.75rem; background-size: cover; background-position: center;}
.ac-container h4 {margin-bottom:0.3rem}
.ac-container h5 { font-size:0.8rem; text-transform:uppercase}

.ac-container label{
	position: relative;
	z-index: 20;
	display: block;
	height: 3.75rem;
	cursor: pointer;
	color: #000;
	line-height: 1.3;
  margin:0 0 1px 0;
}

.ac-container label:hover{
	background: #fff;color: #ff7d48
}
.ac-container .description p {padding: 0 0.9375rem 0 0}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	color: #000;

}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
  
}
.ac-container input:checked + label:hover:after{
	abackground-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
  margin-bottom:0;
  width: 100%;
}
.ac-container article p{
	line-height: 23px;
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.2);
   -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
   box-shadow:         inset 0 0 10px rgba(0,0,0,0.2);
  padding:1rem;
}
.ac-container input:checked ~ article.ac-small{
	height: 240px;
  overflow-y: scroll;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}

.logot {list-style:none; margin: 2rem 0}
.logot li {display:inline-block; padding: 0 1rem}
.logot li img {}

@media screen and (max-width: 39.9375em) {
.frontStory, .frontNews { display: block; }
.listHdrWrap { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; margin-top: -16px;}
.listHdrWrap .hdrRow {  }
	.LinkLibraryCat { width: 100%; float: left }
	.column-block a {width:100%}
	.column-block img {width:100%;margin-bottom:0.5rem}
	.column-block h4 {font-weight:bold}
	.single .articleImg img {display:block; margin: 0 auto 1rem auto}
	.single .tribe-events-single-event-title {display:none}
	.media-credit-isokuva {
		bottom: 20px;
		right: 10px;
		position: absolute;
		padding-right: 20px;
		color: rgb(255,255,255);
	}
}

@media screen and (min-width: 40em) {
  
.frontStory, .frontNews { display: block; width: 50%; float: left; }
.frontContainer { max-width: 566px; }
.frontStory .frontContainer { float: right }
.frontContainer article { padding: 0 1rem 3rem 0 }
.frontContainer article strong { font-size: 130% }
.eventList .medium-6:first-child { }
.single #main article { }
.listHdrWrap { padding-top: 50px; margin-top: -30px; padding-bottom: 1rem; margin-bottom: 2rem }
.LinkLibraryCat { width: 25%; float: left }
.LinkLibraryCat { padding-right:2rem }
		.single .articleImg img {display:block; max-width:100%;margin: 0 auto 1rem auto}

.single-tribe_events .tribe-events-single-event-title { font-size: 4.7em; line-height: 1; margin: 0; padding: 0; color: #fff; display: none; }
.events-archive .medium-8, .events-category .medium-8 { width: 100%; }
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after { border-color: #fff transparent transparent;}
}
#tribe_events_filters_wrapper.tribe-events-filters-horizontal, .tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-horizontal { background: rgba(147,167,190,0.25);}
.tribe-events-filters-horizontal .tribe-events-filters-content { background: transparent; border: none; }
#tribe-events-content table.tribe-events-calendar { font-size: 14px; margin-bottom:2rem }
#tribe_events_filters_wrapper.tribe-events-filters-horizontal .tribe-events-filters-label {
    border: none;
    float: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 14px;
    padding: 0;
    text-transform:none;
}
#tribe_events_filters_wrapper.tribe-events-filters-horizontal .tribe-events-filters-group-heading {
    background: none;
    border: none;
    height: 22px;
    padding: 10px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.LinkLibraryCat { width: 100%; float: left }
.listHdrWrap .hdrRow { }
}

@media screen and (min-width: 64em) {

.page-template-page-to-infinity-and-beyond .page-title {display:none}
.page-template-page-to-infinity-and-beyond .articleImg {height:66vh}
.articleImg { position: relative; z-index: 1; width: 100vw; background: rgb(20,37,57); margin-top: -30px; height: calc(100vh - 120px); overflow: hidden }
.articleImg img { min-height: 100%; min-width: 100%; object-fit: cover; opacity: 0.45 }
.single .single-title { color: #fff; }
.articleImg .hdr { position: absolute; bottom: 2rem; width: 100%; }
.articleImg .hdr h1 { position: relative; color: #fff; max-width: 1170px; margin-left: auto; margin-right: auto; font-size: 56px; line-height: 1;}
.single #main, .single .sidebar { }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/

@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after, a:visited:after { content: " (" attr(href) ")"; }
a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; }
}