/*
Theme Name: Marjatila Lamminkannas zakra
Theme URI: https://themegrill.com/themes/zakra/
Template: zakra
Author: Marko Järvinen
Author URI: https://themegrill.com
Description: Zakra is flexible, fast, lightweight and modern multipurpose theme that comes with many starter free sites (currently 10+ free starter sites and more will be added later) that you can use to make your site beautiful and professional. Check all the starter sites at https://demo.themegrill.com/zakra-demos/. Suitable for personal blog, portfolio, WooCommerce stores, business websites and niche-based sites (like Cafe, Spa, Charity, Yoga, Wedding, Dentist, Education etc) as well. Works with Elementor plus other major page builders so you can create any layout you want. The theme is responsive, Gutenberg compatible, SEO friendly, translation ready and major WordPress plugins compatible.
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,news,e-commerce,rtl-language-support
Version: 1.1.7.1555508908
Updated: 2019-04-17 13:48:28

*/


#site-navigation {
	
}

#main {
	
}

.tg-primary-menu > div ul li a {
	
}

/* menu buttons and headings color*/
h2, .tg-primary-menu > div ul li a:hover, .tg-primary-menu > div ul li:active > a, 
.tg-primary-menu > div > ul > li:not(.tg-header-button-wrap).current_page_item > a, 
.tg-primary-menu > div > ul > li:not(.tg-header-button-wrap).current-menu-item > a, 
#mobile-navigation.tg-mobile-navigation.tg-mobile-navigation--opened div.menu-header-container ul#primary-menu.menu li.menu-item.current-menu-item a, 
#mobile-navigation.tg-mobile-navigation.tg-mobile-navigation--opened div.menu-header-container ul#primary-menu.menu li.menu-item a:hover,
#mobile-navigation.tg-mobile-navigation.tg-mobile-navigation--opened div.menu-header-container ul#primary-menu.menu li.menu-item a:focus  {
	color: #D30D4F !important;
}

.page-id-35 #main strong, .page-id-38 #main strong, .page-id-6 #main strong {
	color: #629316;
}

#zoom-social-icons-widget-3 p, #zoom-social-icons-widget-5 p {
	color: #D30D4F;
}

.entry-content a, .tg-site-footer a, .vcard .tel {
	color: #629316 !important;
	text-decoration: none;
}

.entry-content a:hover, .tg-site-footer a:hover, .tg-site-footer a:focus {
	color: #6CAF00 !important;
}

.welcome-text {
	font-size: 22px;
	color: #D30D4F;
}

.site-branding img, .contact-info img.wp-image-412 {
	object-fit: contain;
}

.tg-site-header {
	padding: 0;
}

.tg-site-footer .tg-footer-widget-container {
	max-width: 760px;
	margin: 0 auto;
}

.tg-site-layout--default .hentry {
    margin-bottom: 3em;
}

.hentry {
    margin-bottom: 3em;
}

#mobile-navigation.tg-mobile-navigation.tg-mobile-navigation--opened div.menu-header-container ul#primary-menu.menu li.menu-item a {
	font-size: 1.2rem;
	line-height: 1.8;
	font-weight: 500;
	font-style: normal;
}

.tg-mobile-navigation ul {
	margin-top: 1em;
}

body, button, input, select, textarea {
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif !important;
    font-weight: 400;
    color: #333;
    line-height: 1.66;
}

div.menu ul#primary-menu.menu-primary.nav-menu li.menu-item.tg-menu-item.tg-menu-item-search {
    display: none;
}

span.edit-link {
    display: none;
}

ul.nav-menu li.menu-item.tg-menu-item.tg-menu-item-search {
    display: none;
}

h1.entry-title.tg-page-content__title, h1.tg-page-header__title {
    display: none;
}


#wpgmza_map {
	float: none !important;
}

.page-id-199 .tg-site-footer-widgets {
	display: none;
}

#social {
	display:inline-flex;
	margin: 1em 0 1em 0;
}

#social ul {
	margin: 0;
	padding: 0;
}

#social ul li {
	margin: 0;
	padding: 0 1em 0 0;
}

#social2, #zoom-social-icons-widget-3 {
	margin-top: 3.6em;
}

#social2 ul {
	margin: 1em 0 1em 0;
}

#post-8 .has-2-columns {
	align-items: center;
	margin-bottom: 1em;
}

.tg-header-action-list .tg-header-action__item.tg-mobile-toggle i::before {
	content: "Menu";
	padding-right:1ex;
	font-family: "Libre Franklin", "Helvetica Neue", "themegrill-icons",helvetica, arial, sans-serif !important;
	color: #333333;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	line-height: 2;
	vertical-align: 4px;
}

.wp-block-columns.additional-info {
	flex-wrap: nowrap;
	align-items: center;
}

.wp-block-separator.custom, .wp-block-columns.additional-info, .wp-block-columns.additional-info .wp-block-column {
	margin: 0 !important;
}

.wp-block-columns.additional-info .wp-block-column:nth-child(1) {
	text-align:right;
}

.wp-block-columns.additional-info .wp-block-column:nth-child(2) {
	text-align:center;
}

.site-footer.tg-site-footer, .wp-block-columns.additional-info p {
	font-size: 18px;
	color: #444444;
}

.wp-block-columns.contact-info {
	flex-wrap: nowrap;
	align-items: center;
}

.wp-block-columns.contact-info .wp-block-column {
	margin: 0;
}
.wp-block-columns.contact-info .wp-block-column:nth-child(1) {
	flex-basis: 50%;
}

.wp-block-columns.contact-info .wp-block-column:nth-child(2) {
	text-align: center;
	margin: auto;
	flex-basis: 40%;
	flex-wrap: nowrap;
}
.wp-block-columns.contact-info .wp-block-column:nth-child(3) {
	margin: auto;
	margin-left: 1em !important;
	flex-basis: 50%;
}



/* MEDIA RULES */

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

	.wp-block-columns.additional-info {
		flex-wrap: wrap;
	}
	#social, .wp-block-columns.additional-info p {
		margin: 0.5em 0 0.5em 0; 
	}
	.wp-block-columns.additional-info .wp-block-column {
		text-align:left !important;
	}

	.wp-block-columns.contact-info .wp-block-column {
		margin: 0 !important;
	}
	.wp-block-columns.contact-info {
		flex-wrap: wrap;
	}
	.wp-block-columns.contact-info .wp-block-column:nth-child(1) {
		flex-basis: 50%;
		flex-grow: 3;
	
	}
	.wp-block-columns.contact-info .wp-block-column:nth-child(2) {
		flex-basis: 50%;
		flex-shrink: 3;
	}
	
	.wp-block-columns.contact-info .wp-block-column:nth-child(3) {
		margin-left: 0 !important;
	}
	
	#social2 {
		margin-top: 0;
	}
	li#zoom-social-icons-widget-5 {
		margin-bottom: 1rem;
	}
	
	
}

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


	.tg-container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.wp-block-spacer.small {
		height: 15px !important;
	}
	.wp-block-spacer.medium {
		height: 30px !important;
	}
	.wp-block-spacer.large {
		height: 45px !important;
	}
	
	.tg-site-layout--default .hentry, .entry-content {
		margin-bottom: 1em;
	}
	.tg-footer-widget-container.tg-footer-widget-col--two.tg-footer-widget--title-hidden {
		padding: 1em 0 1em 0;
	}
	.welcome-text {
		font-size: 20px;
	}
	h2 {
		font-size: 2rem;
	}
	h3 {
		font-size: 1.6rem;
	}
	.menu-item.tg-menu-item.tg-menu-item-search {
		display:none;
	}
	
	#zoom-social-icons-widget-3 {
		margin-top: 0;
	}
	.tg-site-header {
		padding-bottom: 1em;
	}
	
}

@media screen and (max-width: 781px) {
	
	#post-8 .has-2-columns {
		align-items: stretch;

	}
	
	.wp-block-columns.reverse-order {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.wp-block-column {
		flex:1;
		margin-bottom:1em;
		flex-basis:100%;
		min-width:0;
		word-break:break-word;
		overflow-wrap:break-word;
	}
	.wp-block-column {
		margin: 0 0 1em 0 !important;
	}
}