/*
Theme Name:     Muoviteollisuus
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         Verkkovaraani
Author URI:     https://verkkovaraani.fi
Description:    Muoviteollisuus lapsiteema
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
*/

/*9.1.2025 klo 16.36*/

/*Headings*/
/*Home page heading size*/
.home h1 {
	font-size: 35px;
}
.home h2 {
	font-size: 27px;
}
/*Buttons*/
.wp-block-button.is-style-primary a {
	font-weight: 400;
}
.wp-block-button.is-style-secondary a {
	background: url("/wp-content/uploads/2024/09/linkrow_icon_green.png") no-repeat -3px 12.5px;
}
/*Links
.nv-single-page-wrap a {
	color: #278406;
}*/

/*TOP HEADER*/
/*Search border*/
.widget select, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, form input:read-write, form select, form select option, form textarea, form.wp-block-search input.wp-block-search__input , .search-form .search-submit {
	border-color: #4878A3;
	border-width: 1px;
}
/*Search field height*/
.search-field {
  height: fit-content !important;
  padding: 9.2px !important;
}
/*Flag (secondary menu)*/
.lang-item img {
	width: 24px !important;
	height: 17px !important;
}
/*Flag area padding*/
.header-main .hfg-slot.right .builder-item.desktop-left {
	padding-left: 0;
}

/*MAIN MENU*/
/*Caret - hide on 1st level*/
@media screen and (min-width: 960px) {
.primary-menu-ul .caret-wrap {
	display: none !important;
}
	}
/*Rounded corners for menu*/
@media screen and (min-width: 960px) {
.primary-menu-ul li:first-child a , .primary-menu-ul li:nth-child(1 of .blue) a {
	border-bottom-left-radius: 20px !important;
}
.primary-menu-ul li:last-child a , .primary-menu-ul li.last-green a {
	border-bottom-right-radius: 20px !important;
}
	}
/*No rounded corners for submenu items*/
.primary-menu-ul .sub-menu li:first-child a , .primary-menu-ul .sub-menu li:last-child a {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/*Menu item style + spacing*/
.primary-menu-ul li a {
  padding: 12px 27px 10px 28px !important;
	padding: 5px 25px 5px 25px !important;
}
.primary-menu-ul li {
	margin: 0;
	height: fit-content;
}
.primary-menu-ul li .wrap {
	padding: 0 !important;
}
/*Space before first blue item*/
@media screen and (min-width: 960px) {
.primary-menu-ul li:nth-child(1 of .blue) {
	border-left: 30px solid white !important;
}
	}
/*Green menu items*/
.primary-menu-ul li.green a {
	background: linear-gradient(#a4df18, #97d209);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-left: 1px solid #b3df4e;
  border-right: 1px solid #95cd0e;
}
/*Blue menu items*/
.primary-menu-ul li.blue a {
	background: linear-gradient(#2575CB, #2572B6);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	border-left: 1px solid #458acf;
  border-right: 1px solid #226bbb;
	color: white !important;
}
/*Green item hover*/
.primary-menu-ul li.green a:hover {
	background: #f1fadc;
	opacity: 1;
	text-shadow: none;
}
/*Blue item hover*/
.primary-menu-ul li.blue a:hover {
	background: #ddedfb;
	color: #386a99 !important;
	opacity: 1;
	text-shadow: none;
}
/*Active menu item green*/
.primary-menu-ul li.green.current-menu-item a , .primary-menu-ul li.green.current-page-ancestor a {
	background: #f1fadc;
	text-shadow: none;
}
/*Active menu item blue*/
.primary-menu-ul li.blue.current-menu-item a , .primary-menu-ul li.blue.current-page-ancestor a {
	background: #ddedfb;
	color: #386a99 !important;
	text-shadow: none;
}

/*SUBMENU*/
.primary-menu-ul li.green .sub-menu li a , .primary-menu-ul li.green .sub-menu .wrap {
	background: #FCFEF6;
	color: #4F8000;
	text-shadow: none;
	border: none;
}
/*Submenu blue items*/
.primary-menu-ul li.blue .sub-menu li a , .primary-menu-ul li.blue .sub-menu .wrap {
	background: #F3F6FC;
	color: #2170B5 !important;
	text-shadow: none;
	border: none;
}
/*Submenu hover*/
.primary-menu-ul li .sub-menu li a:hover , .primary-menu-ul li .sub-menu li:hover .wrap {
	background: white !important;
}
/*Caret - show in submenu*/
.primary-menu-ul .sub-menu .caret-wrap {
	display: block !important;
}
/*Caret color*/
.sub-menu .sub-menu-icon path {
	color: #97D20A;
}
/*Caret rotate*/
.sub-menu .sub-menu-icon {
  transform: rotate(90deg) !important;
}
/*Caret size*/
.nav-ul li .caret svg, .nav-ul li .caret img {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
/*Caret on blue submenu*/
.primary-menu-ul li.blue .sub-menu .sub-menu-icon path {
  color: #257ac6;
}
@media screen and (min-width: 960px) {
	/*Submenu padding*/
	.nav-menu-primary ul.sub-menu {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	/*Green submenu background*/
	.nav-menu-primary li.green ul.sub-menu {
		background: #FCFEF6 !important;
	}
	/*Blue submenu background*/
	.nav-menu-primary li.blue ul.sub-menu {
		background: #F3F6FC !important;
	}
	/*No padding on 2nd level submenu*/
	.nav-menu-primary ul.sub-menu ul.sub-menu {
		padding-top: 0;
		padding-bottom: 0;
	}
}
/*Border radius on submenu items (first of color)*/
@media screen and (min-width: 960px) {
.primary-menu-ul li:first-child .sub-menu , .primary-menu-ul li:first-child .sub-menu li:first-child a, .primary-menu-ul li:first-child .sub-menu li:first-child , .primary-menu-ul li:first-child .sub-menu .wrap:first-child {
  border-top-left-radius: 20px;
}
.primary-menu-ul li:nth-child(1 of .blue) .sub-menu , .primary-menu-ul li:nth-child(1 of .blue) .sub-menu li:first-child a, .primary-menu-ul li:nth-child(1 of .blue) .sub-menu li:first-child , .primary-menu-ul li:nth-child(1 of .blue) .sub-menu .wrap:first-child {
  border-top-left-radius: 20px;
}
	}
/*No border-top radius on 3rd level*/
	.primary-menu-ul li:first-child  .sub-menu .sub-menu , .primary-menu-ul .sub-menu .sub-menu li:first-child a, .primary-menu-ul .sub-menu .sub-menu li:first-child , .sub-menu .sub-menu .wrap:first-child {
  border-top-left-radius: 0 !important;
}
/*No bottom border radius on 3rd level menu items*/
.primary-menu-ul li:last-child .sub-menu .sub-menu  a {
  border-bottom-right-radius: 0 !important;
}


/*FRONT PAGE*/
/*No side paddings*/
.home .nv-single-page-wrap.col {
	padding-left: 0;
	padding-right: 0;
}

/*Lifts*/
.fp-lifts h2 , .fp-lifts p {
	padding: 15px 15px 5px 15px;
	margin: 0;
}
.fp-lifts p {
	font-size: 1.1em;
	line-height: 23px;
}
.fp-lifts .wp-block-themeisle-blocks-advanced-column {
	border-radius: 0 0 20px 20px;
}
/*Front page lifts link style*/
.fp-lifts a {
	color: white !important;
	text-decoration: none;
}
/*Front page lifts image height*/
.fp-lifts figure , .fp-lifts img {
	object-fit: cover;
}
.fp-lifts figure {
	margin-bottom: 5px !important;
}
@media screen and (max-width: 600px) {
.fp-lifts figure , .fp-lifts img {
	height: 150px !important;
}
	}
@media screen and (min-width: 600px) {
.fp-lifts figure , .fp-lifts img {
	height: 100px;
}
	}
@media screen and (min-width: 750px) {
.fp-lifts figure , .fp-lifts img {
	height: 110px;
}
	}
@media screen and (min-width: 960px) {
.fp-lifts figure , .fp-lifts img {
	height: 140px;
}
}
@media screen and (min-width: 1200px) {
.fp-lifts figure , .fp-lifts img {
	height: 170px;
}
	}
/*No footer margin on front page*/
.home .hfg_footer {
	margin-top: 0;
}

/*NEWS FEED*/
/*Date + hide "posted on"*/
.o-posts-grid-post-meta {
  font-size: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  width: fit-content;
}
.o-posts-grid-post-meta time {
  font-size: 16px;
  color: white;
  font-weight: 500;
	letter-spacing: 0.5px;
  line-height: 20px;
  background-color: #2a81d2;
  border-radius: 15px 0px 15px 0px;
  /*max-width: 115px;*/
  padding: 9px 20px 8px 20px;
}
/*Post heading*/
.o-posts-grid-post-title {
	color: #278406;
  font-size: 17px;
  line-height: 20px;
	float: right;
	width: 85%;
}
.o-posts-grid-post-description {
	float: right;
	width: 85%;
}
.o-posts-grid-post-description p {
	font-size: 15px !important;
}
/*Side-by-side + column gap*/
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body {
	display: block;
}
.wp-block-themeisle-blocks-posts-grid .is-grid {
  column-gap: 60px;
}
/*Area bottom margin*/
.wp-block-themeisle-blocks-posts-grid {
	margin-bottom: 40px;
}

/*SUBPAGES*/
/*Title general settings*/
@media screen and (min-width: 820px) {
.nv-title-meta-wrap {
  max-width: 31vw;
}
}
h1 {
	padding-left: 20px;
}
.home h1 , .single-post h1 {
	padding-left: 0;
}
h1.title.entry-title:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background-color: white;
  z-index: -1;
  opacity: .92;
	 clip-path: ellipse(50% 140% at 40% 110%);
}
/*Cover area default settings / green background*/
.nv-post-cover {
	background-color: #97d20a59;
	margin-bottom: 0 !important;
}
/*Image caption*/
.main-image-caption {
	text-align: right;
	margin-top: -30px;
	z-index: 10;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 20px;
	width: fit-content;
	align-self: flex-end;
	background: /*#ffffffbf*/ #00000033;
	color: white;
	letter-spacing: 0.5px;
}
@media screen and (max-width: 600px) {
	.main-image-caption {
	margin-top: -25px;
	padding: 3px 7px;
	font-size: 13px;
	line-height: 19px;
}
}

/*Cover Green pages*/
/*body.green .nv-post-cover {
	background-color: #97d20a59;
}*/
body.green h1 {
	color: #408000;
}
/*Cover Blue pages*/
body.blue .nv-post-cover {
	background-color: #2375BE59;
}
body.blue .nv-overlay {
  --bgcolor: var(--nv-primary-accent);
}
body.blue h1 {
	color: #1F68A8;
}
/*Medium size font line-height*/
p.has-medium-font-size {
	line-height: 27px;
}

/*SIDEBAR*/
.nv-sidebar-wrap.blog-sidebar {
	padding-top: 0;
	padding-right: 0;
}
/*Sidebar menu general settings*/
ul.parent-sidebar-menu {
	border-radius: 20px 20px 0px 0px;
	padding: 0 0 20px 0;
}
/*Sidebar menu Green pages*/
body.green ul.parent-sidebar-menu {
	background: #f8fcef;
}
/*Sidebar menu Blue pages*/
body.blue ul.parent-sidebar-menu {
	background: #f0f7fd;
}
/*First level item*/
ul.parent-sidebar-menu li {
  margin: 0;
  background: #97d20a;
  border-radius: 20px 20px 0px 0px;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 50px;
}
ul.parent-sidebar-menu li a {
	padding: 8px 25px;
	color: black;
	height: fit-content;
	display: flex;
}
/*First level item Blue pages*/
body.blue ul.parent-sidebar-menu li {
	background: #2375BE;
}
body.blue ul.parent-sidebar-menu li a {
	color: white;
}

/*Child menu padding*/
ul.parent-sidebar-menu li .child-sidebar-menu {
	padding-top: 15px;
	padding-left: 14px;
}
/*Second level item*/
ul.parent-sidebar-menu li .child-sidebar-menu {
	background: #f8fcef;
	text-transform: none; 
}
ul.parent-sidebar-menu li .child-sidebar-menu li {
	background: none;
	text-transform: none;
	font-size: 18px;
	line-height: 25px;
}
ul.parent-sidebar-menu li .child-sidebar-menu li a {
	color: #408000;
}
.child-sidebar-menu li > a:before {
  position: absolute;
  content: url(/wp-content/uploads/2024/10/subnavi_icon.png);
  margin-left: -14px;
}
/*Second level item Blue pages*/
body.blue ul.parent-sidebar-menu li .child-sidebar-menu {
	background: #f0f7fd;
}
body.blue ul.parent-sidebar-menu li .child-sidebar-menu li a {
	color: #386a99;
}
body.blue .child-sidebar-menu li > a:before {
  content: url(/wp-content/uploads/2024/10/subnavi_icon_blue.png);
}

/*Third level item*/
.grandchild-sidebar-menu {
	padding-left: 15px !important;
}
ul.parent-sidebar-menu li .grandchild-sidebar-menu li {
	font-size: 15px;
	line-height: 20px;
}
ul.parent-sidebar-menu li .grandchild-sidebar-menu li a {
	color: #404040;
}
/*Current item*/
.child-sidebar-menu li.current_page_item > a {
	background: white;
}

/*CONTENT AREA*/
/*Top margin*/
.neve-main {
	margin-top: 60px !important;
}
.home .neve-main {
	margin-top: 0 !important;
}
/*left padding*/
@media screen and (min-width: 960px) {
.nv-single-page-wrap.col {
	padding-left: 35px;
}
	}
/*Info box*/
.infoboksi {
	background: #f8fcef;
	padding: 30px 20px 10px 30px;
	border-radius: 20px 0 0 20px;
}
.infoboksi h2 {
	border-bottom: 5px solid #97d20a;
	color: #408000;
	line-height: 26px;
	padding-bottom: 8px;
}
/*Info box blue pages*/
body.blue .infoboksi {
	background: #f0f7fd;
}
body.blue .infoboksi h2 {
	border-bottom: 5px solid #2375BE;
	color: #386a99;
}
/*List item bullet Green pages*/
body.green .wp-block-list li::marker {
	color: #408000;
}
/*List item bullet Blue pages*/
body.blue .wp-block-list li::marker {
	color: #386a99;
}

/*ACCORDION*/
/*Borders*/
.wp-block-themeisle-blocks-accordion {
	--border-width: 0 !important;
}
/*Title*/
summary.wp-block-themeisle-blocks-accordion-item__title {
	line-height: 21px;
	letter-spacing: 0.4px;
	/*color: #408000;*/
	padding: 25px 0 10px 0px;
	border-bottom: 5px solid #97d20a !important;
}
summary.wp-block-themeisle-blocks-accordion-item__title div {
	width: 98%;
}
/*Content area*/
.wp-block-themeisle-blocks-accordion-item__content {
	padding: 15px 15px 17px 15px;
	background: #f8fcef;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.wp-block-themeisle-blocks-accordion-item__content p {
	line-height: 24px;
	font-size: 15px;
}
/*Title padding when item open*/
.wp-block-themeisle-blocks-accordion-item[open]>summary.wp-block-themeisle-blocks-accordion-item__title {
  padding: 25px 15px 10px 15px;
}

/*TABLE on green pages*/
body.green .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #EAF5D1;
}

/*QUOTATION MARKS (default)*/
blockquote {
	border-color: #97d20a;
}
blockquote p {
	font-style: italic;
}
/*Quotation marks (blue pages)*/
body.blue blockquote {
	border-color: #2375be;
}

/*NINJA FORMS*/
/*Form area padding*/
.nf-form-content {
  padding: 15px 0 !important;
}
/*Item margin*/
.nf-field-container {
	margin-bottom: 10px !important;
}
/*Label*/
.nf-form-content label {
	font-size: 16px !important;
}
/*Field colors*/
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  background: #f5f9fc !important;
  border-color: #C1D4E2 !important;
  color: #303030 !important;
}
.nf-form-content select.ninja-forms-field {
  color: #303030 !important;
}
/*Field height*/
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 45px !important;
}
/*Form button*/
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
  background: linear-gradient(180deg, rgb(165, 223, 25) 0%, rgb(149, 208, 7) 100%) !important;
  border-radius: 2px !important;
	font-weight: 400 !important;
  padding: 8px 15px;
	height: fit-content !important;
}
.submit-container {
	margin-top: 30px;
}
/*Button hover*/
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
	color: white !important;
}
/*Fields side-by-side*/
.nf-form-content nf-field {
  display: inline-flex;
  margin-right: 20px;
  width: 45%;
}
.nf-field-container {
  width: 100%;
}
/*Required field error icon size*/
.nf-error.field-wrap .nf-field-element:after {
  height: 44px !important;
  width: 45px !important;
  line-height: 45px !important;
	font-size: 17px !important;
}
/*Dropdown icon size*/
.nf-form-content .list-select-wrap>div div:after {
  font-size: 16px !important;
  height: 45px !important;
  line-height: 45px !important;
}

/*GLOSSARY (sanasto)*/
/*Item background active / hover*/
.ln-letters a:hover, .ln-letters a.ln-selected {
  background-color: #f8fcef !important;
}
.ln-letters a.ln-selected {
	font-weight: 600;
	letter-spacing: 0.7px;
}
.ln-letters a:hover {
  margin-top: 0 !important;
}
/*Items font*/
.ln-letters a {
  font-size: 17px !important;
  padding: 2px 7px !important;
  border: none !important;
	font-weight: 500;
	color: #408000;
}
.ln-letters a:first-child {
	margin-left: -7px !important;
}
/*Tooltip*/
a.glossaryItemTitle {
	font-size: 17px !important;
	padding-left: 4px !important;
}
.glossaryItemBody {
	font-size: 15px !important;
	padding-bottom: 7px !important;
	/*padding-left: 4px !important;*/
}

/*GLOSSARY TERM PAGE*/
/*Hide meta under title*/
.single-glossary .nv-meta-list {
	display: none;
}
/*Title margin
.single-glossary h1 {
	margin-bottom: 0;
}*/
/*Hide extra back to glossary link*/
.single-glossary .cmtt-backlink-top {
	display: none !important;
}

/*ARCHIVE / BLOG*/
/*Image*/
.archive .o-posts-grid-post-image img {
	height: 140px;
	justify-content: left !important;
	display: flex;
}
.archive .o-posts-grid-post-image {
	margin-bottom: 10px;
	margin-top: 13px;
}
/*Date & title side-by-side*/
.archive .o-posts-grid-post-body {
	display: inline;
}
.archive .o-posts-grid-post-meta {
	float: left;
}
.archive h2.o-posts-grid-post-title {
	float: right;
	width: 68%;
}
.archive .o-posts-grid-post-description {
	width: 100%;
}
/*Image below text*/
.archive .o-posts-grid-post {
	display: grid;
}
.archive .o-posts-grid-post-image {
	order: 2;
}
/*Pagination*/
.o-posts-grid-pag {
	margin-top: 40px !important;
}
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag .page-numbers:not(.dots)[aria-current=page] {
  background-color: #f5f9fc;
}
.next.page-numbers , .prev.page-numbers {
	display: none;
}
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-pag .page-numbers:not(.dots):hover {
  background-color: white;
  color: #408000;
  font-weight: 900;
}

/*POST*/
/*Cover posts*/
body.single-post .nv-post-cover {
	background-color: #97d20a59;
}
body.single-post h1 {
	color: #408000;
}
/*Title area*/
.single-post .nv-title-meta-wrap {
	max-width: 30vw;
}
.single-post h1.title.entry-title:before {
	clip-path: ellipse(55% 120% at 40% 110%);
}
/*Sharing buttons margin*/
.nv-post-share {
	margin-bottom: 20px !important;
}
/*Tags*/
.nv-tags-list a {
	border-radius: 0;
	letter-spacing: 0.6px;
	background: #f5f9fc;
	color: #303030 !important;
}
.nv-tags-list a:hover {
	background: #f1fadc;
}

/*SEARCH RESULTS PAGE*/
body.search h1 {
	padding-left: 0;
}
/*Hide image, made by & category*/
.nv-index-posts.search.col .nv-meta-list , .nv-index-posts.search.col img {
	display: none;
}

/*FOOTER*/
.hfg_footer {
	margin-top: 20px;
}
/*No footer margin on front page*/
.home .hfg_footer {
	margin-top: 0;
}
/*Footer columns' width*/
.footer-main-inner .row {
  grid-template-columns: 1fr 2fr !important;
}
/*Logo & address side-by-side*/
.footer-main .hfg-slot.left .widget-area {
	display: flex;
}
.footer-main .hfg-slot.left .widget-area .widget_text {
	margin-left: 20px;
}
/*Muoviteollisuus text style*/
p.foot {
	font-weight: 600;
	font-size: 1.3em;
}
/*Right text area margin*/
.footer-main .hfg-slot.c-left p {
	margin-bottom: 12px;
}
/*Footer cookies align*/
@media screen and (max-width: 400px) {
.hfg_footer .hfg-slot.c-left .textwidget {
	text-align: center;
}
	}
/*Copyright*/
.footer-bottom p {
	letter-spacing: 0.6px;
	font-size: 13px;
}

/*Scroll to top*/
.scroll-to-top {
	border: 1px solid white;
}
.scroll-to-top:hover {
	background: #426F97;
}

/*R E S P O N S I V E*/

/*HEADER*/
/*Logo size*/
@media screen and (max-width: 386px) {
	.site-logo img {
		width: 210px;
	}
	.header-main .hfg-slot.left .builder-item {
		width: 220px;
	}
}
@media screen and (max-width: 350px) {
	.site-logo img {
		width: 190px;
	}
	.header-main .hfg-slot.left .builder-item {
		width: 200px;
	}
}
@media screen and (max-width: 325px) {
	.site-logo img {
		width: 170px;
	}
	.header-main .hfg-slot.left .builder-item {
		width: 180px;
	}
}
@media screen and (max-width: 300px) {
	.site-logo img {
		width: 150px;
	}
	.header-main .hfg-slot.left .builder-item {
		width: 160px;
	}
}
/*Lang menu*/
@media screen and (max-width: 600px) {
	.lang-item img {
    width: 22px !important;
    height: 15px !important;
}
}
@media screen and (max-width: 410px) {
	.nav-menu-secondary {
	background: transparent;
	padding: 0;
}
}
/*Hamburger bar*/
.icon-bar {
  width: 23px;
  height: 3.5px;
  border-radius: 2px;
}
.icon-bar:nth-child(2) {
  margin: 3.5px 0;
}
@media screen and (max-width: 350px) {
.icon-bar {
  width: 18px;
  height: 3px;
}
.icon-bar:nth-child(2) {
  margin: 3px 0;
}
	}
/*Left area padding*/
@media screen and (max-width: 400px) {
.header-main .hfg-slot.right .builder-item {
	padding-left: 10px;
}
	}
/*MOBILE MENU OPEN*/
/*Menu width & padding*/
#header-menu-sidebar {
	width: 100vw;
}
#header-menu-sidebar .builder-item.has-nav {
	padding-left: 0;
	padding-right: 0;
}
/*Caret margin*/
.nav-ul li .caret svg {
	margin-right: 3px;
}
/*Submenu items padding*/
#header-menu-sidebar .sub-menu a {
	padding-left: 20px !important;
}
#header-menu-sidebar .sub-menu .sub-menu {
	margin-left: 0;
}
#header-menu-sidebar .sub-menu .sub-menu a {
	padding-left: 40px !important;
}
/*Close menu bars*/
.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3) {
  bottom: 8px;
}

/*FRONT PAGE*/
/*MAIN IMAGE AREA*/
/*Text area padding*/
@media screen and (max-width: 1030px) {
	.fp-cover .tekstilohko {
		padding-left: 30px !important;
	}
}
@media screen and (max-width: 850px) {
	.fp-cover .tekstilohko {
		padding-top: 30px !important;
	}
	.fp-cover .kuvalohko {
		padding-top: 20px;
	}
}
/*Font size*/
@media screen and (max-width: 750px) {
	.fp-cover .tekstilohko p {
		font-size: 16px !important;
		line-height: 24px;
	}
	.fp-cover .tekstilohko h1 {
		font-size: 33px;
	}
}
/*Image size & float + font + text area*/
@media screen and (max-width: 600px) {
	.fp-cover .kuvalohko .wp-block-image .alignright {
		float: none !important;
		width: 80%;
	}
	.fp-cover .kuvalohko {
		padding-top: 0;
		padding-bottom: 20px;
	}
	.fp-cover .tekstilohko h1 {
		font-size: 30px;
	}
	.fp-cover .tekstilohko {
		padding-left: 15px !important;
	}
}

/*LIFTS*/
@media screen and (max-width: 800px) {
.fp-lifts h2 {
	font-size: 21px;
}
	}
@media screen and (max-width: 600px) {
	.fp-lifts h2 {
	font-size: 22px;
}
}

/*NEWS FEED*/
/*Space between date & text*/
@media screen and (min-width: 960px) and (max-width: 1030px) {
	.o-posts-grid-post-title , .o-posts-grid-post-description {
	width: 82%;
}
}
@media screen and (max-width: 880px) {
	.o-posts-grid-post-title , .o-posts-grid-post-description {
	width: 82%;
}
	.o-posts-grid-post-meta time {
  padding: 9px 12px 8px 12px;
}
}
@media screen and (max-width: 750px) {
	.o-posts-grid-post-title , .o-posts-grid-post-description {
	width: 79%;
}
}
@media screen and (max-width: 630px) {
	.o-posts-grid-post-title , .o-posts-grid-post-description {
	width: 75%;
}
}
/*Date & text below each other*/
@media screen and (max-width: 520px) {
	.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body {
	display: flex;
}
	.o-posts-grid-post-title , .o-posts-grid-post-description {
	width: 100%;
}
}

/*SUBPAGES*/
/*Hide sidebar in tablet&mobile*/
@media screen and (max-width: 960px) {
.nv-sidebar-wrap {
	display: none;
}
	}
/*Main image area*/
@media screen and (max-width: 960px) {
	/*Area height*/
	.nv-post-cover {
		--height: 200px;
	}
	/*Title area width*/
	.nv-title-meta-wrap {
  max-width: 55vw;
}
	h1 {
	padding-left: 0px;
}
	h1.title.entry-title:before {
  width: 60%;
}
}
@media screen and (max-width: 820px) {
	.nv-title-meta-wrap {
  max-width: 50vw;
}
	h1.title.entry-title:before {
  width: 70%;
}
}
@media screen and (max-width: 600px) {
	h1.title.entry-title:before {
  width: 80%;
}
}
@media screen and (max-width: 500px) {
	h1.title.entry-title:before {
  width: 90%;
}
	.nv-title-meta-wrap {
  max-width: 60vw;
}
}
@media screen and (max-width: 420px) {
	h1.title.entry-title:before {
  width: 100%;
	 clip-path: ellipse(60% 120% at 35% 110%);
}
	h1.title.entry-title {
  font-size: 27px;
}
}

/*Form - fields one per row*/
@media screen and (max-width: 750px) {
.nf-form-content nf-field {
  display: block;
  width: 95%;
}
	}

/*ARCHIVE*/
/*Paragraph line height*/
@media screen and (max-width: 1200px) {
	.archive .o-posts-grid-post-description p {
		line-height: 23px;
	}
}
/*Title full-width*/
@media screen and (min-width: 960px) and (max-width: 1200px) {
	.archive h2.o-posts-grid-post-title {
   width: 100%;
	margin-bottom: 10px !important;
}
}
@media screen and (min-width: 600px) and (max-width: 880px) {
	.archive h2.o-posts-grid-post-title {
   width: 100%;
		margin-bottom: 10px !important;
}
}
@media screen and (max-width: 440px) {
	.archive h2.o-posts-grid-post-title {
   width: 100%;
}
}

/*POST*/
/*Title area*/
@media screen and (max-width: 1197px) {
.single-post .nv-title-meta-wrap {
	max-width: 38vw;
}
}
@media screen and (max-width: 1100px) {
.single-post h1.title.entry-title:before {
	width: 60%;
}
	}
@media screen and (max-width: 960px) {
	.single-post .nv-post-cover {
		padding: 60px 40px 30px 20px;
	}
}
@media screen and (max-width: 830px) {
	.single-post .nv-title-meta-wrap {
	max-width: 47vw;
}
	.single-post h1.title.entry-title:before {
	width: 67%;
}
}
@media screen and (max-width: 750px) {
	.single-post h1.title.entry-title:before {
	width: 73%;
}
}
@media screen and (max-width: 700px) {
	.single-post h1.title.entry-title {
	font-size: 25px !important;
	line-height: 30px !important;
		margin-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
	.single-post .nv-title-meta-wrap {
	max-width: 57vw;
}
	.single-post h1.title.entry-title:before {
	width: 80%;
}
}
@media screen and (max-width: 500px) {
	.single-post .nv-title-meta-wrap {
	max-width: 70vw;
}
	.single-post h1.title.entry-title:before {
	width: 100%;
}
}
@media screen and (max-width: 420px) {
	.single-post .nv-title-meta-wrap {
	max-width: 80vw;
}
	.single-post h1.title.entry-title:before {
	width: 110%;
		clip-path: ellipse(55% 120% at 40% 110%);
}
	.single-post h1.title.entry-title {
	font-size: 22px !important;
		line-height: 27px !important;
		margin-bottom: 15px;
}
}
@media screen and (max-width: 330px) {
	.single-post h1.title.entry-title:before {
	width: 120%;
}
}

/*GLOSSARY TERM PAGE*/
/*Title cover area*/
.single-glossary .nv-post-cover {
	--height: 35vh;
	padding-left: 0px;
}
@media screen and (max-width: 960px) {
	.single-glossary .nv-post-cover {
		padding-bottom: 0;
	}
	.single-glossary .nv-post-cover h1 {
		margin-bottom: 0;
	}
}

/*FOOTER*/
@media screen and (max-width: 1090px) {
/*Footer columns' width*/
.footer-main-inner .row {
  grid-template-columns: 1.5fr 1.5fr !important;
}
	}
@media screen and (max-width: 750px) {
/*Footer columns' width*/
.footer-main-inner .row {
  grid-template-columns: 1fr !important;
}
	/*Footer2 text align*/
	.footer-main .hfg-slot.c-left p {
		text-align: right;
	}
}
@media screen and (max-width: 400px) {
/*footer2 text align*/
	.footer-main .hfg-slot.c-left p {
		text-align: center;
	}
	.footer-main .hfg-slot.c-left .item--inner {
		padding-top: 10px;
	}
}