/*
Theme Name:     Salpakeskus
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         Verkkovaraani
Author URI:     https://verkkovaraani.fi
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.1
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

.after-header {
    background-size: contain;
    height: 23px;
    padding: 0 !important;
    margin: 0px !important;
}

.after-header.general {
    background: url(/wp-content/uploads/2022/06/raitavihrea.jpg) repeat;
}
.after-header.salpalinja {
    background: url(/wp-content/uploads/2022/06/raitapunainen.jpg) repeat;
}
.after-header.bunkkerimuseo {
    background: url(/wp-content/uploads/2022/06/raitaoranssi.jpg) repeat;
}
.after-header.salpapolku {
    background: url(/wp-content/uploads/2022/08/raitasininen.jpg) repeat;
}

/*HEADER*/ .site-logo {
	height: 60px;
}
/*Header padding*/ .header-main {
	padding: 10px 30px 10px 20px;
	height: 120px;
}
@media screen and (max-width: 770px) {
	.header-main {
	padding: 7px 0px 7px 0px;
}
	}
.hfg_header .hfg-slot.left {
	width: fit-content;
}
.hfg_header .hfg-slot.center {
	width: fit-content;
}
/*Search area width*/
#header-grid .hfg-slot.right .builder-item.desktop-left {
	width: 200px;
    padding-left: 0 !important;
}
/*Search field width*/
.search-form .search-field { 
    width: auto;
}
/*Search icon color*/ .search-form svg {
	fill: black;
}
/*Language img in mobile menu*/
.hfg_header .nv-html-content img {
    padding-top:  9px;
}

/*Mega menu style*/ .neve-mm-heading a , .neve-mm-heading span {
	text-transform: none !important;
	font-size: 18px !important;
}
.sub-menu li.neve-mm-heading {
	padding-left: 0 !important;
}
.sub-menu li.menu-item {
	font-size: 17px;
	font-weight: 500;
	padding-left: 0;
}
.neve-mega-menu>.sub-menu {
	max-width: fit-content !important;
}
.sub-menu .menu-item-2517 , .menu-item-2127 {
    padding-top: 20px;
}
.menu-item-3344 {
    padding-top: 15px;
}
/*submenu mobile*/ @media screen and (max-width: 790px) {
	.header-menu-sidebar .nav-ul .sub-menu li>a {
		padding: 2px;
	}
}
/*LINKS*/ 
a {
	color: #B36200;
	text-decoration: underline;
}
a:hover , a:focus {
    color: #00604C;
}
.header-main a {
	text-decoration: none;
}

/*Images bottom padding*/
img {
	padding-bottom:  10px;
}
.uagb-post__image img , .site-logo img , .mika-salpalinja-kuvasarake img , .hfg_footer .center img , .nv-post-thumbnail-wrap img {
	padding-bottom:  0;
}
.mika-salpalinja-kuvasarake img {
	padding-left: 20px;
}

/*SIDE MENU*/ /*side menu area width*/ 
.nv-sidebar-wrap {
	padding-left: 10px !important;
	padding-right: 10px !important;
	padding-top: 0;
}
.nv-single-page-wrap.col {
	padding-left: 0px !important;
}
@media screen and (max-width: 960px) {
	.nv-single-page-wrap.col {
	padding-left: 10px !important;
}
}
.parent-sidebar-menu li {
    margin-top: 0;
}
.child-sidebar-menu li {
    margin-top: 10px;
}
/*side menu text layout*/ .parent-sidebar-menu li.page_item a {
	text-decoration: none;
	color: #232525;
	font-weight: 600;
	font-size: 18px;
}
.parent-sidebar-menu li.current_page_item >a {
	color: #00604C;
    font-weight: 600;
}
.child-sidebar-menu li a {
	font-weight: 500 !important;
}
.child-sidebar-menu li.current_page_item >a {
    font-weight: 600 !important;
}

/*Hide side menu in mobile*/ @media screen and (max-width: 960px) { .advanced-sidebar-menu, 
.nv-sidebar-wrap {
    display: none;
}
	}
/*FRONT PAGE*/ /*Main title padding - front page*/ .paaotsikko h1 {
	padding: 40px 35px 0 35px;
	font-weight: 500;
}
@media screen and (max-width: 560px) {
	.paaotsikko h1 {
	font-size: 33px !important;
	padding: 25px 35px 0 35px;
}
}
/*Main title background - front page*/
#wp-block-themeisle-blocks-advanced-columns-c706b8d5.paaotsikko, .container 
##wp-block-themeisle-blocks-advanced-columns-64f20481.alasivu-paaotsikko {
	width: fit-content;
	margin-left: initial;
}
#wp-block-themeisle-blocks-advanced-columns-c706b8d5>.wp-block-themeisle-blocks-advanced-columns-overlay, 
#.wp-block-themeisle-blocks-advanced-columns-overlay {
	border-radius: 25% 25% 0 0 / 50% 50% 0 0;
}
/*Column padding*/ .wp-block-column.has-background {
	padding: 10px;
}
/*Front page lifts layout - Nostot*/ 
.nosto-kansi {
	overflow: visible;
}
.wp-block-columns.nostot 
.wp-block-column.has-nv-site-bg-background-color.has-background {
	border-radius: 25% 25% 0 0 / 20% 20% 0 0;
	margin-top: -90px;
	padding: 15px;
}
@media screen and (max-width: 782px) {
	.wp-block-columns.nostot .wp-block-column.has-nv-site-bg-background-color.has-background {
	margin-top: -20px;
}
}
.wp-block-columns.nostot .wp-block-column.has-nv-site-bg-background-color.has-background h2 {
	margin-bottom: 20px;
}
/*Mikä Salpalinja image*/ .mika-salpalinja-kuvasarake img {
	width: 50vw;
	max-width: 50vw;
}
@media screen and (max-width: 960px) {
	.mika-salpalinja-kuvasarake img {
	width: 100%;
	max-width: 100%;
}
}
.mika-salpalinja-kuvasarake figure {
	margin: 0;
}
.wp-container-14.wp-block-columns.are-vertically-aligned-center {
	margin-bottom: 0;
	column-gap: 0;
}

/*EVENT CALENDAR SNIPPET FRONT PAGE*/
/*Header*/
header.tribe-events-widget-events-list__header h2 {
    font-size: 33px !important;
    font-family: 'Alegreya Sans' !important;
    font-weight: 600 !important;
}
/*Date*/
.tribe-events-widget-events-list__event-date-tag-month {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #00604c !important;
}
.tribe-events-widget-events-list__event-date-tag-daynum {
    font-size: 25px !important;
}
time.tribe-events-widget-events-list__event-datetime {
    font-size: 18px;
}
.tribe-events-widget-events-list__view-more a {
    font-weight: 600;
    font-size: 19px;
}
/*Event calendar page - calendar view*/
.tribe-events-calendar-month__calendar-event-datetime {
    font-size: 14px !important;
}
h3.tribe-events-calendar-month__calendar-event-title {
    font-size: 19px !important;
}
/*pop-up description*/
.tribe-events-calendar-month__calendar-event-tooltip-datetime {
    font-size: 15px !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-title {
    font-size: 18px !important;
}
.tribe-events-calendar-month__calendar-event-tooltip-description {
    font-size: 14px !important;
}
.tribe-events-c-small-cta__price {
    font-size: 15px;
}
/*Event calendar page - list view*/
.tribe-events-calendar-list h2 time.tribe-events-calendar-list__month-separator-text {
    font-size:  26px !important;
}
/*Single event page*/
.tribe-events-single-section.tribe-events-event-meta {
    width:  100%;
}
.tribe-events-venue-map {
    width:  100%;
}

/*CONTENT PAGES*/ /*H1 font-weight on content page*/ .alasivu-paaotsikko h1 {
	padding: 40px 35px 0 35px;
	font-weight: 600;
}
/*Custom layout title left margin*/
#wp-block-themeisle-blocks-advanced-columns-64f20481.alasivu-paaotsikko {
	width: fit-content;
	margin-left: calc(50vw - 619px);
}
@media screen and (max-width:1200px) {
#wp-block-themeisle-blocks-advanced-columns-64f20481.alasivu-paaotsikko {
	margin-left: 0px;
}
	}
.wp-block-cover {
	align-items: flex-end;
}
/*.wp-block-cover.alasivu {
	max-height: 400px;
}*/
@media screen and (max-width: 575px) {
	.wp-block-cover.alasivu {
	min-height: 220px !important;
	max-height: 220px !important;
}
}
@media screen and (min-width: 575px) and (max-width: 790px) {
	.wp-block-cover.alasivu {
	min-height: 300px !important;
	max-height: 300px !important;
}
}
/*Estekivijono space after*/ .after-header {
	margin-bottom: -1px !important;
}
/*POST FEED & CATEGORIES*/ /*Post grid on front page text - color, layout*/ 
.uagb-post-grid-byline , .uagb-post__excerpt {
	color: #252323;
}
.uagb-post__text {
	margin-left: -20px;
	margin-right: -20px !important;
	display: inline-block;
}
/*Post grid image border radius*/ .uagb-post-grid .uagb-post__image img , .nv-post-thumbnail-wrap img {
	border-radius: 15% 15% 0 0 / 20% 20% 0 0;
}
/*Front page post image shadow*/ .uagb-post-grid .uagb-post__image img {
	box-shadow: 0 3px 6px -5px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.1);
}
/*Category style*/ .uagb-post__taxonomy {
	background: #00A879;
	padding: 6px 10px;
	font-size: 16px !important;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
    margin-left: 20px !important;
}
.uagb-post__taxonomy:hover {
	background: #00C78F;
}
.uagb-post__taxonomy a {
	text-decoration: none;
}
/*blog page category style*/ li.meta.category a {
	color: #252323;
	background: #00A879;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
}
li.meta.category a:hover {
	background: #00C78F;
}
/*date layout*/ .uagb-post__date , .entry-date.published {
	font-size: 16px;
}
.uagb-post__date::after {
	display: none;
}
.dashicons {
	display: none;
}

/*Front page posts images*/
@media screen and (min-width: 767px) {
.wp-block-uagb-post-grid img {
    width: 100% !important;
    height: 221px !important;
    object-fit: cover;
}
    }


/*Blog page images*/
.posts-wrapper img {
    width: 100%;
    height: 217px;
    object-fit: cover;
}

/*ARTICLE PAGE*/ /*Article page meta text*/ li.meta.date.posted-on {
	color: #252323;
}
/*Article title*/ .title.entry-title {
	line-height: 0.9;
	margin-bottom: 15px;
	font-size: 50px;
}
.nv-title-meta-wrap {
	background-color: white;
	padding:40px 37px 15px 37px;
	opacity:0.89;
	border-radius:25% 25% 0 0 / 50% 50% 0 0;
	margin-bottom: -10px;
	width: 65%;
	margin-left: -15px;
	margin-right: -15px;
}
@media screen and (max-width: 576px) {
	.nv-title-meta-wrap {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
	.title.entry-title {
	font-size: 36px;
}
	.nv-post-cover .container {
		margin: 0;
		padding: 0;
	}
}
@media screen and (min-width: 576px) and (max-width: 790px) {
	.nv-title-meta-wrap {
	width: 100%;
}
	.title.entry-title {
	font-size: 42px;
}
}
/*Blog/Ajankohtaista layout*/ /*Title color*/ article.layout-grid .entry-title a {
	color: #00604C;
	text-decoration: none;
}
/*"Lue artikkeli" link color*/ .excerpt-wrap.entry-summary a {
	color: #297F99;
	text-decoration: underline;
}
/*PAGE WITH SIDEMENU*/ @media screen and (min-width: 960px) {
#content.neve-main .container-fluid .alignfull > [class*="__inner-container"], #content.neve-main 
#.container-fluid .alignwide > [class*="__inner-container"] {
    max-width: 100%;
    padding-left: 20px;
}
	}

/*Table row padding*/
td, th {
    padding: 5px;
}

/*CONTACT FORM 7 LAYOUT*/
form label {
    width: 60%;
}
@media screen and (max-width: 900px) {
form label {
    width: 100%;
}
}
form p {
    margin-bottom: 15px;
}
.wpcf7-form-control, .wpch7-text {
    width: 100%;
    max-height: 35px;
}
select.wpcf7-form-control.wpcf7-select {
    max-height: 60px !important;
}
.wpcf7-form-control-wrap textarea {
    max-height: 100px;
}
form input.wpcf7-submit {
    max-height: 100%;
    padding: 10px;
    width: 60%;
}
.wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
    margin-left: 0;
}

/*Contact form error message font color*/
.wpcf7-response-output {
    color: #1f1f1f;
}

/*FOOTER*/ 
/*Footer headings' & paragraph font size*/ .hfg_footer h2 {
	font-size: 24px;
	margin: 0 !important;
}
.hfg_footer h3 {
	font-size: 20px;
	margin: 0 !important;
}
.hfg_footer p {
	font-size: 17px;
}
/*Map image width*/ .hfg_footer #block-8 img {
	width: 50vw;
	max-width: 50vw;
	position: relative;
}
@media screen and (max-width: 960px) {
	.hfg_footer #block-8 img {
	width: 100vw;
	max-width: 100vw;
}
}
/*Footer blocks' padding*/
#block-9, #block-21, #block-22, #block-12, #block-15, #block-24, #block-28, #block-29, #block-18, 
##block-33, #block-35, #block-38, #block-44, #block-47, #block-46, #block-45, #block-51, #block-50, #block-59, #block-58, #block-57, #block-56, #block-55, #block-54, #block-53 {
	margin-bottom: 15px;
}
#block-23, #block-27 {
	margin-bottom: 20px;
}
#block-37, #block-39 {
	margin-bottom: 10px;
}
/*Footer buttons*/ .hfg_footer .wp-block-buttons {
	color: #00604C;
	width: 85%;
}
.hfg_footer .wp-block-buttons:hover {
	color: #009A6E;
}
.hfg_footer .wp-block-buttons a {
	padding: 9px 15px;
}
.hfg_footer [data-row-id] a {
	color: white;
	/*text-align: left;*/
	font-weight: 500;
}
/*.hfg_footer [data-row-id] a:hover {
	color: black !important;
}*/
.hfg_footer .wp-block-button__link {
	background-color: #00604C;
}
/*.hfg_footer .wp-block-button__link:hover {
	color: #009A6E !important;
}*/
/*Section width*/ .hfg_footer .footer-top .container {
	margin-left: 30px;
}
.hfg_footer .footer-top .hfg-slot.left {
	width: calc(25vw - 15px);
}
.hfg_footer .hfg-slot.c-left {
	width: calc(25vw - 15px);
}
.hfg_footer .hfg-slot.center {
	width: 50vw;
}
@media screen and (max-width: 960px) {
	.hfg_footer .footer-top .hfg-slot.left {
	width: auto;
}
.hfg_footer .hfg-slot.c-left {
	width: auto;
}
.hfg_footer .hfg-slot.center {
	width: auto;
}
.hfg_footer .footer-top .container {
	margin-left: 0;
}
}
/*Map image*/
.hfg-slot.center .builder-item {
	padding: 0;
	margin-bottom: 0;
}
.hfg-slot.center .builder-item figure {
	margin-bottom: 0;
}
.hfg-slot.center {
	align-self: flex-end;
}
	
/*Footer some icons*/ 
.hfg_footer .wp-block-columns.someikonit img {
	width: 35px;
}
#block-37 .wp-block-columns, #block-50 .wp-block-columns {
	column-gap: 0 !important;
	width: 150px;
	margin-bottom: 0;
}
#block-39 .wp-block-columns, #block-53 .wp-block-columns {
    column-gap: 0 !important;
    width: 100px;
    margin-bottom: 0;
}
@media screen and (max-width: 782px) {
	#block-37 .wp-block-columns, #block-39 .wp-block-columns {
		width: auto;
	}	
	#block-37 .wp-block-column, #block-39 .wp-block-column {
		max-width: 15vw;
	}	
	.hfg_footer .container {
	margin-left: auto;
}
}
/*Footer maksutavat*/
#custom_html-2 , #custom_html-3 {
	margin-bottom: 0;
}
.textwidget.custom-html-widget {
	display: flex;
}
.wp-block-columns.maksutavat {
	margin-bottom: 10px;
	margin-top: 10px;
	width: 90%;
}
img.maksutapa {
	width: 100% !important;
	max-width: 75px !important;
	height: 100% !important;
	max-height: 50px !important;
	padding-right: 5px;
	object-fit: cover;
}
@media screen and (max-width: 780px){
	.wp-block-columns.maksutavat {
		flex-wrap: nowrap !important;
	} 
}
@media screen and (max-width: 960px){
	img.maksutapa {
		max-width: 100% !important;
		max-height: 100% !important;
	} 
	.wp-block-columns.maksutavat {
	width: 100%;
}
}
@media screen and (min-width: 781px) and (max-width: 960px) {
	.wp-block-columns.maksutavat {
	width: 60%;
}
}
/*Footer link*/
.footer-top-inner a {
	color: #252323 !important;
}
.footer-top-inner a.wp-block-button__link {
	color: white !important;
}

/*Seloste row*/ .hfg_footer .footer-main .widget-area {
	height: fit-content;
}
/*Copyright row*/ .footer-bottom .container {
	margin-left: auto;
}
.footer-bottom .hfg-slot.left {
	width: 100%;
}
#scroll-to-top {
	outline: 1px solid white;
}

/*COOKIES*/ 
.cookie-notice-container #cn-notice-text {
	font-size: 17px !important;
}
.cn-button { 
	color: white !important;
	font-size: 19px !important;
	font-weight: 500 !important; 
	border-radius: 5px !important; 
	padding: 15px !important;
}