/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 18 2021 | 09:16:57 */
html {
  scroll-padding-top: 90px; /* For anchor link targets */
}

body {
  background: #0066cc; 
}

/* focus */
:focus {
    -webkit-box-shadow: inset 0px 0px 3px 2px rgb(125,223,13);
    -moz-box-shadow: inset 0px 0px 3px 2px rgb(125,223,13);
    -ms-box-shadow: inset 0px 0px 3px 2px rgb(125,223,13);
    -o-box-shadow: inset 0px 0px 3px 2px rgb(125,223,13);
    box-shadow: inset 0px 0px 3px 2px rgb(125,223,13); 
    outline: none !important;
}
.mega-menu-toggle:focus, .mega-menu-open:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; 
}
#mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus {
    -webkit-box-shadow: inset 0px 0px 3px 1px rgb(125,223,13);
    -moz-box-shadow: inset 0px 0px 3px 1px rgb(125,223,13);
    -ms-box-shadow: inset 0px 0px 3px 1px rgb(125,223,13);
    -o-box-shadow: inset 0px 0px 3px 1px rgb(125,223,13);
    box-shadow: inset 0px 0px 3px 1px rgb(125,223,13); 
}

/* selections */
::selection {
  color: white; 
  background: rgba(0, 102, 204, 0.99);
}
::-moz-selection
{
  color: white; 
  background: rgba(0, 102, 204, 0.99);
}
img::selection {
  background: rgba(0, 102, 204, 0.6);
}

/* typografia */

p {
  margin: 0 0 0.8em;
}

p a, p a:visited {
  color: #0066cc !important;
  text-decoration: none;
  border-bottom: 0px !important;
  font-weight: bold;
}

a:hover {
  border:0 !important;
}

p a:hover {
  color: #66aa22 !important;
  text-decoration: underline;
}

p.caption {
  font-weight: normal;
  text-align: center;
  background: #ffffff;
  font-size: 0.85em;
  padding-bottom: 5px !important;
}

figure.wp-caption {
  background: #fff;
  border-radius: 0px;
  padding: 10px 0 0 0;
  margin-top: 30px;
}

.ow-button-base a {
    background: #0066cc;
    padding: 15px 20px;
    color: white !important;
    border-radius: 5px;
}
.ow-button-base a:hover {
    background: #6cb933;
    color: white !important;
}

a, a:visited {
  color: #0066cc;
  border:0 !important;
}

a:hover, a:active {
  color: #66aa22;  
  border:0 !important;
}

.widget a {
  color: #5a5d60; 
}

.widget a:hover:not(.ow-button-base a:hover) {
  color: #66aa22 !important; 
}

a.external::after{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f08e";
  padding-left: 5px;
  padding-right: 2px;
}

a.external.linked-img::after{
  content: none;
}

a.external.span::after{
  content: "";
}

h1, h2 {
  color: #0066cc;
  text-transform: none !important;
}

h1 {
  line-height: 1.4em !important;
  margin-bottom: 10px !important;
}

.single h1 {
  padding-bottom: 18px;
}

h2 {
font-size: 20px;
padding-top: 0.4em;
padding-bottom: 0.2em;
margin: 0;
}

.content-area-with-sidebar h2, .content-area-without-sidebar h2 {
/* display: inline; */
}

h3 {
  font-size: 16px;
  color: #0066cc;
  padding-top: 0.4em;
  padding-bottom: 0.8em;
  text-transform: none !important;
  margin: 0;
}

h3.widget-title {
  font-size: 1.78571rem;
  padding-bottom: 15px;
}

.appi h3, .appi a {
  color: white;
}

h4 {
  margin: 0;
  font-size:12px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a {
  color: #6cb933;
}

.entry-header .entry-title a, .entry-header .page-title a, .page-header .entry-title a, .page-header .page-title a {
  color: #0066cc;
}

#top-bar .top-bar-text {
  width: 70%;
}
#top-bar .top-bar-text span {
    color: #ffffff;
}
.top-bar-navigation {
  width: 30%;
}

.footer-main h3 {
  font-size: 18px !important;
}

.footer-main .widget-title {
  margin-bottom: 0 !important;
}

.entry-header {
  background: white !important;
}

.mtli_attachment {
  padding-bottom: 12px;
}

/* wpforms styling */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 1em;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
  background-color: #0066cc !important;
  border: 0px solid #ddd !important;
  color: #fff;
  padding: 10px 15px !important;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: #6cb933 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #0066cc;
}

/* tables fix */

table th, table td {
  padding: 0.5em;
}

table tr:nth-child(odd) {
  background: #eee;
}

/* typot yhteystiedot categorioihin */

.edit-link {
  display: none;
  opacity: 0;
}

article.category-yhteystiedot p:only-child {
  margin: 0;
}

article.category-yhteystiedot {
  padding: 0;
  border: 0;
  margin-bottom: 1em;
}

article.category-yhteystiedot footer {
  display: none;
  opacity: 0;
}

.category .page-title {
  display: none;
}

.category-yhteystiedot .page-title {
  display: block;
}

.category-yhteystiedot h2 {
  font-size: 30px !important;
  line-height: 1.2em !important;
}

.category-yhteystiedot h2 a {
}

.category-yhteystiedot .entry-meta {
  display: none;
  opacity: 0;
}

.category-yhteystiedot .entry-content {
  margin: 20px 0 0 0;
}

.single-post .entry-meta {
  display: none;
}

/* .entry-header .container { padding: 0; } */

.entry-header .entry-title, .entry-header .page-title, .page-header .entry-title, .page-header .page-title {
  font-size: 40px;
}

.single .entry-header, .page .site-content > .entry-header, .blog .page-header, .archive .page-header, .search-results .page-header, .search-no-results .page-header, .error404 .page-header {
  background: #fff;
  margin-bottom: 0em;
  padding: 0;
}

.has-post-thumbnail .entry-thumbnail {
margin-bottom: 15px;
/* background: #f6f6f7; */
}

.post .entry-thumbnail img {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}

blockquote {
  border-left: 0px;
}

.entry-content li a:not(.ow-button-hover):not(.button) {
  border: 0; 
}

.pagination .page-numbers {
  background: transparent;
  color: #0066cc;
}

.pagination .current, .pagination a:hover, .pagination a:visited {
  background: #0066cc !important;
  color: #fff;
}

/* leivanmurut */

.breadcrumbs {
  width: 100% !important;
  text-align: left !important;
  padding-bottom: 20px;
}

.search-results .breadcrumbs {
  display:none;
}

.muru {
  color: #66aa22;
}

.muru-koti {
  font-weight: bold;
}

.muru a, .muru-koti a {
  color: #0066cc !important
}

.muru a:hover, .muru-koti a:hover {
  color: #66aa22 !important
}

.taxonomy-description {
  display: none;
  opacity: 0;
}

/* rss... Feedzy tyylit alempana */

.tapahtumafeed ul {
  list-style: none;
}

.tapahtumafeed .rss-date {
  display: inline-block;
  width: 80px;
  float: left;
  text-align: right;
}

.tapahtumafeed ul .rsswidget {
  margin-left: 20px;
}

.tapahtumafeed ul a.rsswidget {
  color: #0066cc !important;
}

/* Feedzy */

.feedzy-rss ul li {
  padding:0 0 10px 0 !important;
}

.feedzy-rss ul li .title a{
  color: #0066cc !important;
}

.feedzy-rss ul li .title a:hover{
  color: #66aa22 !important;
}
/* Feedzy alert */
.widget_feedzy_wp_widget {
    color: red;
}
.widget_feedzy_wp_widget .feedzy-rss {
    color: black;
}

/* layout */

#top-bar {
  background: #0066cc;
}

#top-bar, #top-bar a, #top-bar a:before {
  color: white !important;
}

#top-bar .search-form {
  margin: 8px 0 8px 0 !important;
}

#top-bar form button, input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"]:hover {
  background: transparent;
  padding: 2px;
}

.search-submit {
  font-size: 16px;
  font-family: FontAwesome;
}

#top-bar form {
  display: inline-block;
  height: 24px !important;
}

#top-bar form input {
  padding: 0;
}

#top-bar form input.search-field {
  padding: 0 0 1px 5px;
  background: white;
}

.not-found button, .not-found input[type="button"], .not-found input[type="reset"], .not-found input[type="submit"] {
    padding: 10px;
    background: #0066cc;
}
.not-found button:hover, .not-found input[type="button"]:hover, .not-found input[type="reset"]:hover, .not-found input[type="submit"]:hover {
    background: #6cb933 !important;
}

.home #primary {
  width: 100% !important;
  padding-left: 0 !important;
}

#content {
  margin-top: 40px;
  margin-bottom: 40px;
}

.home #content {
  padding:0;
  margin-top: 0px;  
  margin-bottom: 0px !important;
}

.rowstyle {
  padding-bottom: 30px;
  border-bottom: 2px dotted #ededed
}

.ow-button-base a {
  border: 0px !important;
}

.site-header .site-branding-container {
  max-width: 20%;
}

.site-header .site-branding img {
  max-height: 45px !important;
}

#top-bar .mega-toggle-block {
  display: none !important;
}

/* sidebar tweaks */

.sidebar #primary {
  border: 0 !important;
}

.sidebar #secondary {
  box-sizing: border-box;
  float: right;
  padding-left: 3.5% !important;
  padding-right: 0;
  width: 25%;
  border-color: #eaeaeb;
  border-style: solid;
  border-width: 0 0 0 1px;
}

.content-area-without-sidebar {
  float: left;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
}

.content-area-with-sidebar {
  float: left;
  width: 75% !important;
  padding-left: 0 !important;
  border-color: #eaeaeb;
  border-style: solid;
  border-width: 0 0 0 0;
}

.content-area-with-sidebar .container {
  padding-left: 0;
}

/* navigaatiot */

/* menu height, change also in mmm */
.wrapper-sticky, header.site-header, 
.site-header .container, 
.site-header .site-branding-container {
    height: 90px !important;
}
/* sticky menu height */
.wrapper-sticky sticky-active, 
header.site-header.scaled, 
.site-header.scaled .container, 
.site-header.scaled .site-branding-container {
    height: 60px !important;
} 
.is-stuck .scaled {
  height: 60px;
}
.site-header.scale.scaled li a.mega-menu-link {
  height: 60px !important;
}
.site-header.scale.scaled ul.mega-sub-menu li a.mega-menu-link {
  height: auto !important;
}

.main-navigation {
  max-width: 80%;
}

.responsive-menu .menu-toggle {
  display: none !important;
  opacity: 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
  display: none !important;
  opacity: 0 !important;
}

ul.mega-sub-menu li.mega-menu-item {
  padding-left: 10px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  width: 125px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  display: table-cell;
  vertical-align: middle;
  width: 125px;
}

.mega-toggle-on .mega-sub-menu a.mega-menu-link:hover {
  color: #66aa22 !important;
}

li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 5px 0px 5px 10px !important;
}

.main-navigation ul li a {
  white-space: normal;
  line-height: 1.4 !important;
}

.widget .menu li {
  margin-bottom: 10px;
}

.widget ul.sub-menu li{
  margin-bottom: 0px;
}

ul#menu-sidemenu li a{
  font-weight: bold;
  color: #0066cc;
}

ul#menu-sidemenu li ul a{
  font-weight: normal;
  color: #5a5d60;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1.mega-menu-accordion li.mega-menu-item > ul.mega-sub-menu {
  padding-bottom: 10px;
}

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
  display: none;
  opacity: 0;
}

.site-info {
  display: block;
  opacity: 1;
}

.post-navigation .nav-links a, .post-navigation .nav-links a:active, .post-navigation .nav-links a:visited {
  color: #66aa22;
}

.post-navigation .nav-links a:hover {
  color: #0066cc;
}

/* advanced sidebar menu */

/* hide advanced sidebar menu mobile toggle */
#asm_button {background: #0066cc; border-radius: 0.25em; transition: 300ms;}
#asm_button:hover {background: #66aa22;}
#custom_html-5 {margin-bottom: 20px !important; display:none;}

/* show advanced sidebar menu (desktop) */
#advanced_sidebar_menu-2 {
display: block;
}

/* show advanced sidebar menu category (desktop) */
#advanced_sidebar_menu_category-2 {
display: block;
}

.child-sidebar-menu li{
  padding-bottom: 10px;
}

.child-sidebar-menu li ul.children li{
  padding-bottom: 0px;
}

.advanced-sidebar-menu a{
  font-weight: bold;
  color: #0066cc;
}

.advanced-sidebar-menu a:hover, .advanced-sidebar-menu a:active, .advanced-sidebar-menu a:focus, .advanced-sidebar-menu .current_page_item a {
  color: #66aa22;
}

.advanced-sidebar-menu .children a{
  font-weight: normal !important;
  color: inherit;
}

.advanced-sidebar-category h3 {
  padding: 0 !important;
}

.advanced-sidebar-category .child-sidebar-menu li {
  padding: 0 !important;
}

.advanced-sidebar-menu.advanced-sidebar-category a {
  color: #666;
  font-weight: normal;
}

.advanced-sidebar-menu.advanced-sidebar-category .current-cat a {
color: #66aa22;
font-weight: bold;
}

.advanced-sidebar-menu.advanced-sidebar-category a:hover, .advanced-sidebar-menu.advanced-sidebar-category a:active, .advanced-sidebar-menu.advanced-sidebar-category a:focus {
  color: #66aa22 !important;
}

/* advanced sidebar accordion adjustments */
.advanced-sidebar-menu .widget-title {
padding: 0;
}
#advanced_sidebar_menu-4 .widget-title {
    display: none;
}
#advanced_sidebar_menu-4-wrap a {
    padding: 5px 10px 5px 0px !important;
}
#advanced_sidebar_menu-4-wrap li li a {
    padding: 2px 10px 2px 0px !important;
}

/* advanced sidebar mobile, hide highest parent and show only toggle button */
#advanced_sidebar_menu-4-wrap > ul.parent-sidebar-menu > li.has_children > a {
display: none; 
}
#advanced_sidebar_menu_category-4-wrap > ul.parent-sidebar-menu > li.has_children > a {
display: none; 
}

/* advanced sidebar, parent style when including parent page using "Sisällytä yläsivu valikkoon" -sidebar */
#advanced_sidebar_menu-5-wrap .parent-sidebar-menu > li.has_children > a{
display: block;
color: #0066cc;
-webkit-margin-after: 1em !important;
font-size: 1.2em;
}

/* WP native widget sidebar menu */
#secondary .widget_nav_menu a{
font-weight:bold;
}

/* rakentaminen accordion */

.sow-accordion-panel {
  margin: 0 !important;
}

.sow-accordion-panel-header {
  color: #0166CC !important;
  font-weight: bold;
  background-color: #fff !important;
  padding: 10px 0px !important;
}

.sow-accordion-panel-header:hover, .sow-accordion-panel-open .sow-accordion-panel-header {
  color: #66aa22 !important;
  background-color: #fff !important;
}

/* kirjasto -valilehdet */

.lehdet .sow-tabs-tab-container {
  background: #0067CC !important;
  padding: 6px 10px !important
}

.sow-tabs-tab {
  padding: 8px !important;
  margin: 0px !important;
  font-size: 12px !important;
}

.sow-tabs-tab.sow-tabs-tab-selected, .sow-tabs-tab:hover {
  color: #0067CC !important;
}

/* footeria */

.site-footer .footer-main {
  background: #0066cc;
  color: #fff !important;
}
.site-footer .bottom-bar {
  background: #6cb933;
  color: #fff;
}
.site-footer .bottom-bar .site-info {
  width: auto;
}
.bottom-bar-menu {
  width: auto; 
  padding-left: 20px;
  padding-right: 20px;
}
.bottom-bar-menu .menu li a:before {
  color: #fff;
}
.site-footer .footer-main p, .site-footer .bottom-bar a {
  color: #fff !important;
}
.footer-main {
  padding-bottom: 30px;
  padding-top: 10px;
}
.footer-main a, .footer-main a:hover, .footer-main a:active, .footer-main a:focus {
  color: #fff !important;
}
.site-footer .footer-main a {
  color: #fff !important;
}
.footertekstit {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

/* new carousel slider etusivun uutiset */

.wcp-post-contents {
  margin: 0 !important;
}
.wcp-content-wrap h3 {
  margin: 0 !important;
  padding-bottom: 10px
}
.wcp-content-wrap a.luelisaa {
  display: block;
  color: #0066cc;
  font-weight: bold;
  margin-top: 10px !important;
}
.slick-dots li button:before {
  font-size: 10px !important;
  color: #6cb933 !important;
}

/* mfp lightbox */

.mfp-bg {
  background: #0066cc;
  opacity: .8;
}
.mfp-close {
  opacity: 1 !important;
}
.mfp-arrow {
  opacity: 1 !important;
}
.mfp-arrow-left:before, .mfp-arrow-right:before {
  display: none;
}
img.mfp-img {
  max-width: 90%;
}
.mfp-figure:after {
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  box-shadow: 0 0 0 rgba(0,0,0,0) !important;
  background: transparent !important;
}
.mfp-counter {
  display: none;
}

/* category posts main content alueessa */

main a.cat-post-title {
  font-size:18px !important;
  color: #6cb933 !important;
}

main a.cat-post-excerpt-more {
  display:block;
  color: #bbb !important;
}

.footer-main a.cat-post-title {
  font-size: 13px !important;
  color: #fff !important;
}

ul#category-posts-1-internal {
  margin-left:0;
}

ul.category-posts-internal {
  margin-left: 0;
  -webkit-margin-start: 0px;
}

li.cat-post-item {
  list-style: none;
  border:0 !important;
}

/* category posts sidebar area ja Liikuntapaikat sivun widgetissä */

#secondary a.cat-post-title, #liikuntawidget a.cat-post-title {
  color: inherit !important;
  font-family: "Lato", sans-serif;
  font-size: 1em !important;
  font-weight: normal;
  line-height: inherit;
}

#secondary .cat-post-current a{
  font-weight: bold !important;
  color: #66aa22 !important;
}

#secondary .cat-post-widget h3 {
  padding: 0 !important;
}

ul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 20px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  list-style-position: outside;
}

.so-panel:not(.widget_sow-headline) {
  margin-bottom: 15px !important;
}

.footer-main .cat-post-item, .footer-main .cat-post-item div {
  margin: 0 !important;
  padding: 0 !important;
}

/* lightbox styling */

#swipebox-overlay, #swipebox-top-bar, #swipebox-bottom-bar {
  background: rgba(0, 102, 204, 0.9) !important;
}

/* Old Feedback button */
.fvfeedbackbutton span {
  padding: 5px 15px 5px 15px !important;
  margin-right: 42px !important;
  border-radius: 4px 4px 0 0;
}
/* Feedback and Contact buttons side tabs */
#ssb-container {
  top: initial;
  bottom: 160px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
}
#ssb-container a {
  color: white !important;
}

/* Scroll to top styles */ 
#scroll-to-top {
  z-index: 100;
  background: rgba(0, 102, 204, 1);
  border-radius: 0px;
  bottom: 105px;
  padding: 14px 18px 14px 19px;
  right: 0px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
}

/* Chat styles */
div#smilee-request-cobrowsing.kcob-initial-bottom-left, div#smilee-request-cobrowsing.kcob-initial-bottom-right {
bottom: 30px;
}
#smilee-request-cobrowsing {
/* min-width: 70px !important; */
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2) !important;
}
#smilee-request-cobrowsing, #smilee-controls-header {
background: #6cb933 !important;
}
p#smilee-welcome-text, #chat-bubbles, #smilee-title-text, #minimizebtn, #closebtn, .kom-fontaw-comment:before {
color: white !important;
}
#prechat-send-button ::before {
color: #6cb933 !important
}

/* social icons list modifications */
.social-icons-margins {
  margin-top: 15px;
  margin-bottom: 0px;
}
.social-icons-margins figure {
  margin-top: 15px;
  margin-bottom: 0px;
}

/*Petterin mukautukset*/

.kunnanorganisaatio {border: 1px solid #eeeeee;}
.zoom-social-icons-widget .widgettitle {display: none;}
p:only-child {
  margin: 0 0 0.8em;
}
.entry-content li a:not(.ow-button-hover):not(.button) {
    color: #66aa22;
    font-weight: 600;
}
.widget a { 
  	color: #66aa22;
}

/* media queries */

@media (max-width: 1260px) {

.owl-nav {
  display:none;
}

}
@media (min-width: 1158px) {
  .hide_on_desktop {display:none;opacity:0;}
  
/* allow sticky sidebar in desktop */
  #secondary {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  .advanced-sidebar-menu {
    display: block !important;
  }

}
@media (max-width: 1158px) {

  .hide_on_desktop {display:block;opacity:1;}  
  
/* mobile menu height scaling */
.scaled #mega-menu-wrap-primary .mega-menu-toggle {
  height: 60px !important;
  line-height: 60px;
}
.scaled ul#mega-menu-primary li a.mega-menu-link {
  height: 40px !important;
}
.scaled ul#mega-menu-primary .mega-sub-menu a.mega-menu-link {
  height: auto !important;
}

/* show advanced sidebar menu hide mobile toggle */
#custom_html-5 {display:block;}

/* hide advanced sidebar menu (desktop) */
#advanced_sidebar_menu-2 {
display: none;
}

/* hide advanced sidebar menu category (desktop) */
#advanced_sidebar_menu_category-2 {
display: none;
}
  
.content-area-with-sidebar {
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
}  

.sidebar #secondary {
  border: 0 !important;
}  
  
.site-header .container {
  padding: 0;
}
  
.site-header .site-branding img {
  max-height: 40px !important;
}

.site-header .site-branding-container {
  position: absolute !important;
  z-index:100 !important;
  padding-left: 1.78em;
}

.main-navigation {
  max-width: 100% !important;
  width: 100% !important;
}  

.main-navigation ul li {
  margin-right: 1.78571em;
}  
  
#mega-menu-wrap-primary .mega-menu-toggle {
  padding-right: 1em;
}

#mega-menu-wrap-primary #mega-menu-primary {
  width: 100% !important;
  z-index: 100;
  padding: 0px !important;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
  width: 100% !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:visited, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:active {
  display: block;
  width: 100% !important;
  padding-top: 10px;
  border-bottom: 1px solid #549b25;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
  border-bottom: 1px solid #549b25;
}  
  
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear {
  clear: none !important;
  margin: 0 !important;
  width: 44% !important;
}

a.mega-menu-link:hover {
/*  color: white !important; */
}
.resp #secondary {
  border: 0 !important;
  margin-top: 0;
  margin-bottom: 20px;
  border-top-style: solid;
  border-top-width: 0;
  padding-top: 0;
  padding-left: 0 !important;
  width: 100%;
}

#secondary .mega-toggle-block {
  margin-left: 0 !important;
}  

.single #primary {
  padding-right: 0%;
  width: 100%;
}

#advanced_sidebar_menu_category-4 h3.widget-title {
    margin-bottom: -22px !important;
	margin-left: 22px;
  	cursor: pointer;
}
#advanced_sidebar_menu_category-4 .dashicons, #advanced_sidebar_menu_category-4 .dashicons-before:before {
width: 125px;
text-align: left;
}
}

@media (max-width: 850px) {

#top-bar .top-bar-text span {
  display: none;
}

}  
  
@media (max-width: 786px) {

.resp #top-bar .top-bar-text {
  text-align: left;
  width: 50%;
}

.top-bar-navigation {
  float: right;
  text-align: right;
  width: 50%;
}
  
div#n2-ss-2 .n2-ss-layer .n2-font-d3cc84ecddb84eff8cd4c41f7e70867f-hover {
  font-size: 45px !important;
  line-height: 45px !important;
}

.appitausta {
  height: auto !important;
  padding: 40px !important;
  background: #6cb933 !important;
}  
  
}

@media (max-width: 780px) {
.yhteyshaitari .panel-grid-cell, .yhteyshaitari .so-panel {
    margin-bottom: 0px !important;
}
}

@media (max-width: 768px) {

h1.entry-title {
  text-align: left !important;
}
.resp .post-navigation .nav-previous {
  float: left;
  text-align: left;
  width: 50%;
}
.resp .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}  

}

@media (max-width: 600px) {

.top-bar-menu {
  display: inline-block;
}
.top-bar-menu .menu li {
  margin-right: 4px; 
}
.search-form label {
  float: none;
  width: 120px;
}
#top-bar .search-form {
  margin: 7px 0 7px auto !important;
}
input[type="submit"] {
  width: 25px;
  text-align: right;
}

.entry-header .entry-title, .entry-header .page-title, .page-header .entry-title, .page-header .page-title {
  font-size: 35px;
}    

.tapahtumafeed .rss-date {
  display: block;
  width: 100%;
  float: left;
  text-align: left;
  padding-bottom: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.tapahtumafeed ul .rsswidget {
  display: block;
  float: left;
  margin-left: 0px;
  line-height: 10px
}  
  
}

@media (max-width: 400px) {

div#n2-ss-2 .n2-ss-layer .n2-font-d3cc84ecddb84eff8cd4c41f7e70867f-hover {
  font-size: 35px !important;
  line-height: 35px !important;
}  
  
.site-header .site-branding img {
  max-height: 30px !important;
}
  
/* Hide Feedback and Contact buttons side tabs */
#ssb-container {
display: none;
}
  
/* Instagram width mobile */
iframe.instagram-media {
max-width: 100% !important;
min-width: 100% !important;
}
 
}

@media (max-width: 320px) {
  
.resp #top-bar .top-bar-text {
    width: 60%;
}
.top-bar-navigation {
    width: 40%;
}
.search-form label {
    width: 70px;
}

}

/* Have a nice day */