/*
Theme Name:     Vegaaniliitto
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         Verkkovaraani
Author URI:     https://verkkovaraani.fi
Description:    Tämä on Vegaaniliiton teema.as 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.0
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
*/

/*Link color & style*/
a {
	color: #007A0A;
	text-decoration: underline;
}
header a {
	text-decoration: none;
}

.wp-block-themeisle-blocks-advanced-columns .wp-block-themeisle-blocks-advanced-column a.wp-block-button__link {
	color: white !important;
}

/*HEADER*/
/*Logo in the middle of navigation rows*/
@media(min-width: 960px) {
    .site-logo > a.brand {
        position: relative;
			z-index:100;
    }
    .site-logo > a.brand > img {
        position: absolute;
        transform: translateY(35%) !important;
    }
}
/*Menu items*/
.nav-ul .sub-menu li>a {
	padding: 7px 10px;
}
.sub-menu li .neve-mm-heading {
	line-height: 1.4;
}
.sub-menu li:not(.neve-mm-heading) {
	padding-left: 10px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.2;
}
.neve-mm-heading {
	font-size: 15px;
	
}
@media screen and (max-width:959px) {
	.sub-menu li {
		line-height: 1;
	}
	.sub-menu li a {
		padding: 10px 0 !important;
	}
}
#nv-primary-navigation-sidebar li.neve-mega-menu {
	border-bottom: #f2f2f2 solid 2px;
}

/*Caret*/
.caret {
	color: #006108 !important;
}
header .button {
	color: black !important;
	font-weight: 700 !important;
	border-color: #92C039 !important;
}
/*Mobile layout*/
@media screen and (max-width: 959px) {
	.header-top {
		height: 52px !important;
		background-color: #92C039;
	}
	.header-top .button {
		padding: 4px 15px;
	}
	.header-top .builder-item {
		margin-top: 0;
	}
	.header .nv-social-icons-list li {
		margin-right: 0;
	}
	.menu-item-nav-search svg {
		margin-right: 10px;
	}
	.site-logo img {
		margin-left: -10px;
		margin-top: 3px;
	}
}

/*FRONT PAGE*/
/*Main image area*/
.paakuva-alue {
	height: 400px;
}
@media screen and (max-width: 790px) {
	.paakuva-alue {
	height: 300px;
	padding-top: 80px !important;
}
}

.paakuva-alue p {
	font-family: "mulish";
	font-size: 26px !important;
	font-weight: 600;
	/*background-color: rgba(245,239,224,1);
	margin: 20px;
	padding: 5px;*/
	text-shadow: -1px 1px 4px white/*,
		1px 1px 2px white,
		1px -1px 0 white,
		-1px -1px 0 white;*/
}
.paakuva-alue h1 , h1.entry-title {
	/*background-color: rgba(245,239,224,1);
	max-width: fit-content;
	margin: 20px 21%;*/
	padding: 0 5px;
	text-shadow: -1px 1px 4px white/*,
		1px 1px 2px white,
		1px -1px 0 white,
		-1px -1px 0 white;*/
}
.paaotsikkoalue-etusivu {
	background-color: rgba(255,255,255,0.6) !important;
	height: 100%;
}

@media screen and (max-width: 790px) {
	.paakuva-alue p {
		font-size: 20px !important;
		padding: 7px;
	}
}

/*Lift "liity jäseneksi"*/
.nosto-liity p {
	font-family: "mulish";
	font-size: 22px;
}
@media screen and (max-width: 790px) {
	.nosto-liity p {
	font-size: 19px !important;
	padding: 0 10px;
}
}

/*Front page posts feed - post grid*/
.ajankohtaista-section {
	padding-top: 0 !important;
	margin-bottom: 40px;
}
@media screen and (max-width: 1260px) {
.ajankohtaista-section {
	margin-bottom: 0;
}
}
.ajankohtaista-feed {
	background-color: #f2f2f2 !important;
	padding: 20px 20px 30px 20px;
}
.uagb-post-grid .uagb-post__image img {
	width: 283px;
	height: 283px !important;
	object-fit: cover;
}
@media screen and (max-width: 310px) {
	.uagb-post-grid .uagb-post__image img {
	height: 210px !important;
}
}
@media screen and (min-width: 1000px) and (max-width: 1030px) {
	.uagb-post-grid .uagb-post__image img {
	height: 216px !important;
}
}
.uagb-post__inner-wrap {
	padding-bottom: 0 !important;
}
@media screen and (min-width: 961px) {
.uagb-post__title {
	min-height: 145px;
}
}
@media screen and (max-width: 790px) {
	.uagb-post__title {
	height: auto;
}
}
@media screen and (min-width: 790px) and (max-width: 960px) {
	.uagb-post__title {
	min-height: 120px;
}
}

time.uagb-post__date::after {
	content: url(images/merkin-lehti.png) !important;
}
.uagb-post__text {
	display: inline-block;
}
.uagb-post-grid .uagb-post-grid-byline>* {
	margin-right: 2px;
}

.uagb-post__taxonomy a:hover {
	color: #007A0A !important;
}

/*Centering items in mobile*/
@media screen and (max-width: 766px) {
.uagb-post__inner-wrap {
	text-align: center !important;

}
.uagb-post-grid .uagb-post__image img {
	margin-left: auto;
	margin-right: auto;
}
}


/*CONTENT PAGES*/

/*Main image*/
.nv-thumb-wrap img {
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    object-fit: cover;
    height: 434px;
}
.nv-post-cover {
	margin-bottom: 30px !important;
}
@media screen and (max-width: 960px) {
	.nv-post-cover , .nv-post-cover > .container {
		padding: 0;
	}
	.nv-post-cover .nv-title-meta-wrap {
		align-self: end;
		margin-left: auto;
		margin-right: auto;
	}
}

/*Breadcrumbs*/
.nv-title-meta-wrap .nv--yoast-breadcrumb {
	display: none;
}
.breadcrumbs {
	text-align: right;
	margin-right: calc(50vw - 620px);
	margin-left: calc(50vw - 630px);
	font-size: 16px;
	margin-bottom: 30px;
}
@media screen and (max-width: 1246px) {
	.breadcrumbs {
	margin-right: 20px;
	margin-left: auto;
	}
}

/*Sidebar menu*/
#advanced_sidebar_menu-2 {
	background-color: #F5EFE0;
	padding: 5px 10px 40px 10px;
	line-height: 1.5;
	position: sticky;
	top: 0;
	position: -webkit-sticky; /* Safari */
}
#advanced_sidebar_menu-2 a {
	text-decoration: none;
	color: #022502;
}
.blog-sidebar {
	padding-left: 0;
	padding-right: 10px;
	padding-top: 0;
}
.nv-sidebar-wrap .widget li {
	margin-top: 0 !important;
	padding-top:10px;
}
@media screen and (min-width: 960px) {
	.nv-sidebar-wrap.nv-left {
	padding-right: 0;
}
}
ul.parent-sidebar-menu li a:first-child {
	font-size: 22px;
	font-weight: 700;
}
.child-sidebar-menu li a:first-child {
	font-size: 17px !important;
	font-weight: 500 !important;
}
#advanced_sidebar_menu-2 .child-sidebar-menu .current_page_item a {
	font-weight: 600 !important;
}
#advanced_sidebar_menu-2 .child-sidebar-menu .current_page_item ul.grandchild-sidebar-menu li a {
	font-weight: 500 !important;
}
#advanced_sidebar_menu-2 .child-sidebar-menu .current_page_item a::before {
	position: absolute;
    content: "";
    border-left: 14px solid #006108;
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    margin-left: -20px;
}
#advanced_sidebar_menu-2 .child-sidebar-menu .current_page_item ul.grandchild-sidebar-menu li a::before {
	content: none;
}
ul.child-sidebar-menu li.has_children a::after {
	content: "+";
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	float: right;
}
ul.child-sidebar-menu li.has_children ul.grandchild-sidebar-menu li a::after , ul.child-sidebar-menu li.has_children.current-menu-item a::after , ul.child-sidebar-menu li.has_children.current-menu-parent a::after {
	content: none;
}

/*Hide sidebar menu in mobile*/
@media screen and (max-width: 960px) {
	.advanced-sidebar-menu, .nv-sidebar-wrap {
		display: none;
	}
}

/*Content area*/
.nv-single-page-wrap.col {
	padding-left: 25px !important;
}

/*Meta fields before text (author etc.)*/
.teksti , .asiasanat , .viimeksi_paivitetty , .tarkistettu {
	font-size: 16px;
	line-height: 1.6;
	font-family: "mulish";
}
.custom_meta.wp-block-columns .column {
	width:  50%;
	padding-left: 20px;
}
.custom_meta.wp-block-columns {
	background-color: #f2f2f2;
	padding:  15px 20px 10px 0;
}
.custom_meta.wp-block-columns p {
	margin-bottom: 20px;
}
@media screen and (max-width: 760px) {
	.custom_meta.wp-block-columns .column {
	width:  100% !important;
	}
}

/*Meta fields after text (lähteet, kirjallisuus)*/
.haitari-sisalto {
	font-size: 16px;
	line-height: 1.6;
	font-family: "mulish";
}
.custom_meta_bottom {
	background-color: #f2f2f2;
	padding:  15px 20px 10px 20px;
}
.custom_meta_bottom.lahteet {
	margin-bottom: 20px;
}
.custom_meta_bottom.kirjallisuutta {
	margin-bottom: 50px;
}
.haitari-osio:not([open])>.haitari-otsikko h2::after {
	content: "+";
	font-size: 34px;
	float: right;
}
.haitari-osio[open] > .haitari-otsikko h2::after {
	content: "-";
	font-size: 34px;
	float: right;
}
summary h2 {
	margin-bottom: 10px;
}
details > summary {
	list-style-type: none;
}
summary::marker {
	display: hidden;
}
summary.haitari-otsikko::marker {
	display: none !important;
}

/*Image bottom padding*/
.nv-single-page-wrap img {
	padding-bottom: 40px;
}

/*BLOG PAGE*/
.posts-wrapper {
	background-color: #f2f2f2;
	padding: 20px;
}
.posts-wrapper h2.blog-entry-title a {
	text-decoration: none;
}
.posts-wrapper h2.blog-entry-title {
	min-height: 105px;
	line-height: 1.1;
	font-size: 27px;
}
@media screen and (max-width: 576px) {
	.posts-wrapper h2.blog-entry-title {
	height: auto;
	}
}
@media screen and (min-width: 730px) and (max-width: 960px) {
	.posts-wrapper h2.blog-entry-title {
	min-height: 90px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1225px) {
	.posts-wrapper h2.blog-entry-title {
	min-height: 135px;
	}
}
.posts-wrapper time {
	font-size: 16px;
	font-weight: 600;
}
li.meta.date.posted-on::after {
	content: url(images/merkin-lehti.png) !important;
	vertical-align: middle;
	line-height: 1;
}
.nv-post-thumbnail-wrap img {
	width: 275px;
	height: 275px;
	object-fit: cover;
}
@media screen and (max-width: 310px) {
	.nv-post-thumbnail-wrap img {
	height: 210px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1030px) {
	.nv-post-thumbnail-wrap img {
	height: 216px;
}
}
li.meta.category.last a {
	text-decoration: none;
	color: #022502;
	font-weight: 600;
}
li.meta.category.last a:hover {
	color: #007A0A !important;
}

/*ARTICLE PAGE*/
.nv-post-cover .nv-meta-list {
	margin-bottom: -61px !important;
	font-size: 18px;
	font-weight: 600;
}
.related-post h3 a {
	text-decoration: none;
}
.related-post h3 a:hover {
	color: #007A0A;
}
.related-post img {
	width: 292px;
	height: 292px;
	object-fit: cover;
	padding-bottom: 10px;
}
article .nv-content-wrap {
	margin-top: 80px !important;
}

/*Tags*/
.nv-tags-list a, .tagcloud a {
	background: #006108;
	text-decoration: none;
}

/*RECIPE ARCHIVE*/
.archive-container .search-form {
	margin-bottom: 30px;
}
.posts-wrapper article.category-reseptit .blog-entry-title {
	min-height: 85px;
}
@media screen and (max-width: 576px){
	.posts-wrapper article.category-reseptit .blog-entry-title {
	min-height: auto;
	}	
}
.posts-wrapper .ruokatyypit , .posts-wrapper .ruokavaliot {
	text-align: left;
	margin-bottom: 10px;
}

/*RECIPE PAGE*/
.column.ainekset {
	background-color: #F5EFE0;
	padding: 20px;
	width: 35%;
	text-align: left;
}
.column.ainekset ul {
	list-style-type: disc;
	padding-left: 20px;
	padding-bottom: 20px;
}
.column.valmistus {
	background-color: #F2f2f2;
	padding: 20px;
	width: 65%;
	text-align: left;
}
.column.valmistus ol {
	padding-left: 20px;
	padding-bottom: 20px;
}
.column.valmistus h3 , .column.ainekset h3 {
	margin-bottom: 15px;
}

.ruokatyypit, .ruokavaliot {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0 !important;
}
.ruokatyypit img, .ruokavaliot img {
	margin-right: 10px;
}

article.category-reseptit .entry-content p {
	text-align: center;
}
article.category-reseptit .entry-content {
	margin-top: 40px !important;
	margin-bottom: 35px;
}

.nv-meta-list article.category-reseptit {
	display: none;
}
/*Recipe columns stack on mobile*/
@media screen and (max-width: 600px) {
	.wp-block-columns.resepti {
		flex-wrap: wrap !important;
	}
	.column.ainekset {
	width: 100%;
	}
	.column.valmistus {
	width: 100%;
	}
}


/*FOOTER*/
.footer-main {
	padding-top: 40px;
}

/*Footer image*/
.footer-main img {
	width: 180px;
}

.footer-main p {
	font-size: 17px;
}

/*Footer blocks margin*/
.footer-main #block-5 , #block-8 , #block-9 , #block-11 , #block-14 , #block-15 {
	margin-bottom: 20px;
}

/*Footer h2*/
.footer-main h2 {
	font-size: 22px;
	margin-bottom: 0;
}

/*Footer button*/
.footer-main .wp-block-button a {
	background: #006108;
	color: white;
}

@media screen and (max-width: 960px) {
.footer-main .is-content-justification-left.wp-block-buttons {
	justify-content: center;
}
}

#scroll-to-top {
	background: #006108;
}

#scroll-to-top:hover {
	background: #92C039;
	color: black;
}