/*
Theme Name:     Naantalin Energia
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         Verkkovaraani
Author URI:     https://verkkovaraani.fi
Description:    Tämä on naantalin energian 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
*/
.contact_box_container {
    position: fixed;
    bottom: 0;
    border: 2px solid white;
    border-bottom: 0;
    z-index: 9999;
    right: 13px;
    background: #ff8010;
    -webkit-border-radius: 16px 16px 0px 0px;
    -moz-border-radius: 16px 16px 0px 0px;
    border-radius: 16px 16px 0px 0px;
}

.contact_box_container a {
    padding: 3px 14px 0px 40px;
    display: block;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
    line-height: 38px;
    font-size: 12px;
    background: transparent url('/wp-content/themes/naantali/images/contactus_icon.png') no-repeat 6px 8px;
}

@media (max-width: 992px) {
    .contact_box_container {
    display: none;
  }
}
/*styling for checkout product fields */ 
.wc-block-components-product-name { font-size: 1em; overflow-wrap: anywhere; word-break: 
    break-word; -ms-word-break: break-all
}
.wc-block-components-order-summary .wc-block-components-panel__content {
    margin-bottom: 0;
}
.wc-block-components-order-summary .wc-block-components-order-summary__content {
    display: table;
    width: 100%;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item:last-child {
    border-bottom: 0;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item:first-child {
    padding-top: 0;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item {
    border-bottom: 1px solid hsla(0,0%,7%,.11);
    display: flex;
    font-size: .875em;
    padding-bottom: 1px;
    padding-top: 16px;
    width: 100%;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item:last-child>div {
    padding-bottom: 0;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    padding-bottom: 16px;
    position: relative;
    width: 48px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description, .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
    display: table-cell;
    vertical-align: top;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 12px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
    line-height: 1.375;
    margin-top: 4px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item .wc-block-components-product-metadata {
    font-size: 1em;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
    line-height: 1.375;
    margin-top: 4px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item .wc-block-components-product-metadata {
    font-size: 1em;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    max-width: 48px;
    width: 48px;
}

/*HEADINGS*/
h1 , h2 , h3 , h4 {
	color: #006bb6;
}
/*Info box heading color*/
.infoboksi h2 , .infoboksi h3 , .infoboksi h4 {
	color: #313131;
}

/*HEADER*/
/*TOP HEADER height*/
.header-top-inner , .header-top-inner .hfg-slot.right {
	height: 36px !important;
}
/*Online button*/
.header-top-inner .button {
	font-size: 13px !important;
	font-weight: 400 !important;
}
.header-top-inner a.button:before {
	content: "";
	background: #2ea5ff url(/wp-content/themes/naantali/images/onlinepalvelu_icon.png) no-repeat center center;
	display: block;
	height: 36px;
	width: 40px;
	float: left;
	margin-right: 10px;
}
.header-top-inner a.button {
	padding-left: 0;
	align-items: center;
	display: flex;
}
/*Search field*/
.header-top-inner .search-field input {
	text-transform: uppercase;
	color: black !important;
}
.header-top-inner .search-form {
	width: 210px;
}
/*Search button*/
.header-top-inner .search-field button {
	background: #ff8010;
	min-width: 36px;
}
.header-top-inner .search-field button:hover {
	background: #fa9f4e;
}
.search-form svg {
	fill: white;
	opacity: 1;
	width: 15px;
}
/*Padding between search and languages*/
.header-top-inner .builder-item.desktop-left.hfg-is-group {
	padding-right: 0;
}
/*Language flags*/
#secondary-menu img {
  width: 17px !important;
  height: 17px !important;
  /*object-fit: cover; */
  border-radius: 50%;
  margin: 0;
  padding: 0;
  background: transparent;
  opacity: 1;
  border: none;
}

/*LOGO area margin*/
.site-header .builder-item.desktop-left , .builder-item.tablet-left.mobile-left {
	margin: 0;
}

/*MAIN MENU*/
/*Main menu items full height and centered*/
.builder-item.has-nav , .builder-item--primary-menu.has_menu , .nv-nav-wrap , .nav-menu-primary , ul.primary-menu-ul {
	margin: 0;
	height: 100% !important;
	align-items: center;
	display: flex;
}
ul.primary-menu-ul li {
	align-items: center !important;
	display: flex;
}
/*Main menu font*/
.nav-ul li .wrap a {
	font-weight: 400;
}
/*Main menu items padding*/
.primary-menu-ul li {
	padding: 20px 0px;
}
/*Border and position of submenu*/
ul.sub-menu {
  top: 100%;
  left: 0;
  min-width: 230px;
  margin: 0;
  margin-top: 3.5px;
  border-top: 2px solid #ff8010;
  padding-top: 10px;
}
/*Submenu items padding + font*/
.nav-ul .sub-menu li {
	padding: 10px 16px 8px 16px;
	border-bottom: 1px solid #ececec;
	font-size: 13px;
	font-weight: 300;
}
.nav-ul .sub-menu li .wrap {
	padding: 0;
	padding-left: 10px;
	width: 100%;
}
/*Submenu 2nd level style*/
.neve-mm-heading>.wrap>a, .neve-mm-heading>span {
   font-weight: 700 !important;
   text-transform: none !important;
}
.nav-ul .sub-menu li.neve-mm-heading>.wrap {
	padding-left: 0;
}
/*Submenu min-width*/
.nav-ul .sub-menu li .wrap , .nav-ul .sub-menu li .wrap li {
	min-width: 100px;
	max-width: 220px;
}
ul.sub-menu {
  min-width: 260px !important;
}
/*Submenu caret*/
.sub-menu li .caret-wrap.caret {
	/*margin-left: 105px !important;*/
	font-size: 20px !important;
}
.sub-menu li .caret-wrap.caret svg.sub-menu-icon {
	transform: rotate(90deg) !important;
	width: 8px;
	height: 8px;
}
/*Submenu z-index*/
.nav-ul .sub-menu {
  z-index: 1000;
}
/*3rd level submenu*/
ul.sub-menu ul.sub-menu:before {
  content: none;
}
ul.sub-menu ul.sub-menu {
  border-top: none;
}
.nav-ul .sub-menu .sub-menu li {
	padding: 6px 15px 0px 15px;
	border-bottom: none;
}
.nav-ul .sub-menu .sub-menu {
	padding-bottom: 6px;
}
/*Submenu columns equal height*/
.neve-mega-menu {
    display: flex;
    align-items: stretch; /* Tämä venyttää sarakkeet saman korkuisiksi */
}
.neve-mm-col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
}

/*MEGAMENU SUBMENU*/
@media screen and (min-width: 960px) {
.nv-nav-wrap {
    position: relative;
}
/*Submenu positioning inside relative wrap*/ 
.primary-menu-ul > .neve-mega-menu > .sub-menu {
    position: absolute;
    top: 100% !important;
    left: 0;
    display: none;
    z-index: 999;
    background: white;
    display: flex; /*for flex columns*/
    max-width: 835px !important;
    padding: 20px 0 !important;
    margin-top: 0;
}
/*View on hover*/
.primary-menu-ul > .neve-mega-menu:hover > .sub-menu {
    display: flex;
}
.nav-ul .sub-menu li {
    min-width: auto !important;
}
/*Megamenu sub items padding*/
.neve-mega-menu .sub-menu .sub-menu li {
	padding-top: 0;
	padding-right: 0;
	padding-left: 8px;
	padding: 0px 0px 6px 8px;
}
.neve-mega-menu .sub-menu .sub-menu {
	padding-top: 0;
}
}

/*Menu items font-size responsive*/
@media screen and (min-width: 1068px) and (max-width: 1146px) {
	.nav-ul li a {
		font-size: 13px;
	}
}
@media screen and (min-width: 960px) and (max-width: 1068px) {
	.nav-ul li a {
		font-size: 12px;
	}
	/*Logo smaller to fit menu*/
	.header-main .hfg-slot.left , .site-logo {
	width: 250px;
	}
	.title-with-logo img {
	width: 220px;
	}
}
@media screen and (min-width: 960px) and (max-width: 990px) {
	/*Logo smaller to fit menu*/
	.header-main .hfg-slot.left , .site-logo {
	width: 230px !important;
	}
	.title-with-logo img {
	width: 210px !important;
	}
	.primary-menu-ul li {
		margin: 0 4px;
	}
}

/*MOBILE MENU*/
.header-menu-sidebar .nav-ul.menu-mobile {
	flex-direction: row;
	height: auto !important;
}
ul.primary-menu-ul.menu-mobile li {
	height: auto !important;
	display: block;
	padding: 7px 0 !important;
}
ul.primary-menu-ul.menu-mobile li a {
	padding: 0 !important;
	font-size: 14px;
}

@media screen and (max-width: 960px) {
	/*Megamenu width*/
	.neve-mega-menu>.sub-menu {
		width: 100% !important;
	}
	/*Submenu paddings & margin*/
	ul.sub-menu {
		padding-top: 0 !important;
	}
	ul.primary-menu-ul.menu-mobile li {
		padding: 7px 0 !important;
	}
	ul.primary-menu-ul.menu-mobile li.neve-mm-col {
		padding: 0 !important;
	}
	.nav-ul .sub-menu .sub-menu {
		padding-bottom: 0;
	}
	.header-menu-sidebar .nav-ul .sub-menu.dropdown-open {
		margin-left: 5px !important;
	}
	/*No bottom border items*/
	.nav-ul .sub-menu li {
		border-bottom: none;
	}
	/*2nd level font size*/
	.nav-ul .sub-menu .sub-menu a {
		font-size: 13px;
	}
	/*3rd level padding*/
	.header-menu-sidebar .nav-ul .sub-menu > .sub-menu li .wrap {
		padding: 0 8px;
	}
	.builder-item--primary-menu {
		--spacing: 0 !important;
	}
	.builder-item.has-nav , .builder-item--primary-menu.has_menu , .nv-nav-wrap, .nav-menu-primary , ul.primary-menu-ul {
		align-items: flex-start;
		height: fit-content !important;
	}
	.header-menu-sidebar .builder-item.desktop-left.tablet-left.mobile-left {
		margin-top: 20px;
	}
	/*Flag images*/
	#secondary-menu img {
		width: 22px !important;
		height: 22px !important;
		margin-bottom: 5px;
	}

}
/*Submenu on mid-screens*/
@media screen and (min-width: 960px) and (max-width: 1233px) {
	.nav-ul .sub-menu .sub-menu {
    left: auto !important;
    right: auto !important;
    transform: none !important;
}
.nav-ul .sub-menu li {
    min-width: 200px !important;
}
}
@media screen and (min-width: 960px) and (max-width: 1069px) {
	#header-grid .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu>.sub-menu {
    left: 35% !important;
}
}
@media screen and (min-width: 1069px) and (max-width: 1145px) {
	#header-grid .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu>.sub-menu {
    left: 42% !important;
}
}
@media screen and (min-width: 1145px) and (max-width: 1233px) {
	#header-grid .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu>.sub-menu {
    left: 47% !important;
}
}

/*Menu button padding on smaller screen*/
@media screen and (max-width: 332px) {
	.menu-mobile-toggle button.navbar-toggle {
		padding: 7px;
	}
	.header-main .hfg-slot.right .builder-item {
		padding-left: 0;
	}
}
/*Logo size on smallest screen*/
@media screen and (max-width: 310px) {
	.title-with-logo img {
		width: 200px;
	}
}

/*LINKS*/
a {
	color: #1378bf;
	font-weight: 700;
}
a:hover {
	color: #ff8010;
}

/*HEADINGS*/
h1 , h2 , h3 , h4 {
	margin-bottom: 10px;
}
p {
	margin-bottom: 15px;
}
.entry-content ul {
	margin-top: 0;
	margin-bottom: 15px;
}
.excerpt-wrap li, .nv-content-wrap li {
  margin-top: 5px;
}
/*Remove top margin from h1*/
.nv-page-title-wrap.nv-big-title {
	margin-top: 0;
}

/*FRONT PAGE*/ 
/*Hide homepage h1*/
.home h1 {
	display: none;
}
/*Gutenslider height*/
.wp-block-eedee-block-gutenslider , .eedee-swiper-outer , .swiper-wrapper , .eedee-background-div.bg-image , .swiper-slide , .swiper {
	height: 21vw !important;
	max-height: 21vw !important;
	min-height: 21vw !important;
	z-index: 10 !important;
}
.wp-block-eedee-block-gutenslider {
	padding: 0;
}
@media screen and (max-width: 1400px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 22vw !important;
    max-height: 22vw !important;
    min-height: 22vw !important;
}
}
@media screen and (max-width: 1230px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 24vw !important;
    max-height: 24vw !important;
    min-height: 24vw !important;
}
}
@media screen and (max-width: 1090px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 27vw !important;
    max-height: 27vw !important;
    min-height: 27vw !important;
}
/*Button font*/
.slide-content .text-column .wp-block-button__link {
	font-size: 17px !important;
}
}
@media screen and (max-width: 960px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 30vw !important;
    max-height: 30vw !important;
    min-height: 30vw !important;
}
}
@media screen and (max-width: 860px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 32vw !important;
    max-height: 32vw !important;
    min-height: 32vw !important;
}
}
@media screen and (max-width: 670px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 46vw !important;
    max-height: 46vw !important;
    min-height: 46vw !important;
}
}
@media screen and (max-width: 600px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 84vw !important;
    max-height: 84vw !important;
    min-height: 84vw !important;
}
.dia-content-full-width .text-column {
    height: 42vw;
    max-height: 42vw;
    min-height: 42vw;
    padding: 40px !important;
}
.dia-content-full-width .image-column img {
	height: 42vw !important;
}
}
@media screen and (max-width: 500px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 114vw !important;
    max-height: 114vw !important;
    min-height: 114vw !important;
}
.dia-content-full-width .text-column {
    height: 57vw;
    max-height: 57vw;
    min-height: 57vw;
}
.dia-content-full-width .image-column img {
	height: 57vw !important;
}
}
@media screen and (max-width: 400px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    height: 146vw !important;
    max-height: 146vw !important;
    min-height: 146vw !important;
}
.dia-content-full-width .text-column {
    height: 73vw;
    max-height: 73vw;
    min-height: 73vw;
}
.dia-content-full-width .image-column img {
	height: 73vw !important;
}
}
@media screen and (max-width: 350px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    min-height: 160vw !important;
}
.dia-content-full-width .text-column {
    min-height: 80vw;
    padding: 40px 30px 40px 30px !important;
}
.dia-content-full-width .image-column img {
	height: 80vw !important;
}
}
@media screen and (max-width: 320px) {
	.wp-block-eedee-block-gutenslider, .eedee-swiper-outer, .swiper-wrapper, .eedee-background-div.bg-image, .swiper-slide, .swiper {
    min-height: 200vw !important;
}
.dia-content-full-width .text-column {
    min-height: 100vw;
}
.dia-content-full-width .image-column img {
	height: 100vw !important;
}
}

/*New front page image slider*/
.dia-content {
	z-index: 900;
	width: 80% !important;
}
.dia-content-full-width {
	z-index: 900;
	height: 100%;
}
/*Paddings off for full-width section in gutenslider*/
.eedee-background-div.bg-image , .slide-content , .dia-content-full-width {
	padding: 0 !important;
}
/*Text column*/
.dia-content-full-width .text-column {
	padding: 40px 60px 40px 160px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.wp-block-eedee-block-gutenslider h2 {
	font-size: 36px;
	line-height: 43px;
	color: white;
	font-weight: 700;
}
.wp-block-eedee-block-gutenslider p {
	font-size: 18px;
	color: white;
	line-height: 23px;
	font-weight: 400;
}
@media screen and (max-width: 1400px) {
	.wp-block-eedee-block-gutenslider h2 {
	font-size: 34px;
	line-height: 40px;
}
.wp-block-eedee-block-gutenslider p {
	font-size: 17px;
}
.dia-content-full-width .text-column {
    padding: 40px 60px 40px 80px;
}
}
@media screen and (max-width: 1210px) {
	.wp-block-eedee-block-gutenslider h2 {
	font-size: 31px;
	line-height: 35px;
}
}
@media screen and (max-width: 960px) {
	.wp-block-eedee-block-gutenslider h2 {
	font-size: 29px;
	line-height: 33px;
}
.wp-block-eedee-block-gutenslider p {
	font-size: 16px;
	line-height: 23px;
}
.dia-content-full-width .text-column {
    padding: 40px 30px 40px 70px;
}
}
@media screen and (max-width: 780px) {
	.wp-block-eedee-block-gutenslider h2 {
	font-size: 23px;
	line-height: 29px;
}
.wp-block-eedee-block-gutenslider p {
	font-size: 15px;
	line-height: 22px;
}
}
/*Image column*/
.dia-content-full-width .image-column img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.dia-content-full-width .image-column figure {
	height: 100%;
}
/*Slider toggle buttons*/
@media screen and (min-width: 960px) {
.wp-block-eedee-block-gutenslider .eedee-gutenslider-nav, .wp-block-eedee-block-gutenslider .eedee-gutenslider-nav svg {
    height: 40px !important;
    width: 40px !important;
}
}
/*Next arrow color*/
@media screen and (min-width: 600px) {
.eedee-gutenslider-nav.eedee-gutenslider-next svg #arrow, .eedee-gutenslider-nav.eedee-gutenslider-next svg .arrow {
    fill: #006bb6 !important;
}
.eedee-gutenslider-nav.eedee-gutenslider-next:hover svg #arrow, .eedee-gutenslider-nav.eedee-gutenslider-next:hover svg .arrow {
    fill: #ff8010 !important;
}
}

/*LIFT BUTTONS*/
/*Buttons hover*/
.etusivu-nostopainikkeet-1 a:hover , .etusivu-nostopainikkeet-2 a:hover {
	opacity: 1;
	transform: scale( 1.05);
	transition: background-color 0.3s, border 0.7s, transform 0.3s;
}
/*Font & alignment*/
.etusivu-nostopainikkeet-1 a.wp-block-button__link , .etusivu-nostopainikkeet-2 a.wp-block-button__link {
	font-size: 24px;
	line-height: 30px;
	text-transform: none;
	font-weight: 900;
	letter-spacing: 0;
	color: #006bb6;
	padding: 10px;
	height: 100px;
	width: 326px;
	align-items: center;
	display: flex;
	justify-content: center !important;

}
/*Backgrounds for buttons*/
/*Osta sähköä*/
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column:first-child .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Osta-sahkoa.png);
}
/*Seuraa kulutustasi*/
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column:nth-child(2) .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Seuraa-kulutustasi.png);
}
/*Muuttamassa?*/
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column:nth-child(3) .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Muuttamassa.png);
}
/*Urakoitsijalle*/
.etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column:first-child .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Urakoitsijalle.png);
}
/*Häiriötiedote*/
.etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column:nth-child(2) .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Hairiotiedote.png);
}
/*Tilaa uutiskirje*/
.etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column:nth-child(3) .wp-block-button a {
	background: url(/wp-content/themes/naantali/images/NE-painikkeet_Tilaa-uutiskirje.png);
	
}
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column .wp-block-button a , .etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column .wp-block-button a {
	background-size: 326px 100px !important;
	background-repeat: no-repeat !important;
}
/*Buttons' vertical alignment*/
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column , .etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column {
	justify-content: center;
	display: flex;
}

/*LIFTS RESPONSIVE*/
/*Buttons' width*/
@media screen and (max-width: 1070px) {
	.etusivu-nostopainikkeet-1 a.wp-block-button__link , .etusivu-nostopainikkeet-2 a.wp-block-button__link {
	width: 290px;
	height: 89px;
}
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column .wp-block-button a , .etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column .wp-block-button a {
	background-size: 290px 89px !important;
}
}
@media screen and (max-width: 315px) {
	.etusivu-nostopainikkeet-1 a.wp-block-button__link , .etusivu-nostopainikkeet-2 a.wp-block-button__link {
	width: 260px;
	height: 80px;
}
.etusivu-nostopainikkeet-1 .wp-block-themeisle-blocks-advanced-column .wp-block-button a , .etusivu-nostopainikkeet-2 .wp-block-themeisle-blocks-advanced-column .wp-block-button a {
	background-size: 260px 80px !important;
}
}
/*Font*/
@media screen and (max-width: 350px) {
.etusivu-nostopainikkeet-1 a , .etusivu-nostopainikkeet-2 a {
	font-size: 18px;
}
}

/*Front page h2 for posts feed & Energy saving tips*/
.fp-posts-cover h2 , .energy-saving-tips h2 {
	font-size: 30px;
	color: #006bb6;
	font-weight: 900;
}
.energy-saving-tips p {
	line-height: 27px;
}
/*Energy saving tips responsive*/
@media screen and (max-width: 1070px) {
	.energy-saving-tips p {
	font-size: 18px !important;
	line-height: 23px;
}
.fp-posts-cover h2 , .energy-saving-tips h2 {
	font-size: 28px;
}
}
@media screen and (max-width: 370px) {
	.fp-posts-cover h2 , .energy-saving-tips h2 {
	font-size: 22px;
}
.energy-saving-tips p {
	font-size: 16px !important;
	line-height: 21px;
}
}

/*FP POSTS FEED*/
/*Area padding*/
.home .o-posts-grid-post {
    padding: 15px 12px 40px 12px;
}
/*Justify content to center*/
.wp-block-themeisle-blocks-posts-grid {
    justify-content: center;
    /*display: flex;*/
}
.is-grid.o-posts-grid-columns-3 {
	justify-content: center;
}
/*Posts' width & height*/
.o-posts-grid-post-blog.o-posts-grid-post-plain {
    max-width: 32vw !important;
}
.home .o-posts-grid-post {
	height: /*500px*/ 33vw !important;
}
/*Post area width*/
.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
    grid-template-columns: 32.5% 32.5% 32.5% !important;
}
.wp-block-themeisle-blocks-posts-grid .is-grid {
    column-gap: 20px !important;
}
/*Image size*/
.o-posts-grid-post-image img {
	height: 13vw !important;
	object-fit: cover;
}
/*Date*/
.o-posts-grid-post-meta time {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: black !important;
    padding: 0;
    margin-right: 10px;
}
/*Category*/
.o-posts-grid-post-meta a {
    font-size: 13px;
    text-decoration: none;
    padding: 2px 14px;
    background: /*#026AAB*/#fcbf00;
    margin: 0 7px 5px 0;
    color: /*white*/#02588D;
    border-radius: 4px;
    letter-spacing: 0.2;
}
/*
@media screen and (min-width: 600px) and (max-width: 790px) {
	/*Category
.o-posts-grid-post-meta a {
    font-size: 11px;
    padding: 0 10px;
}
}*/
/*Post title*/
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a {
    font-size: 21px;
    line-height: 25px;
    font-weight: 900;
    color: #006bb6;
}
.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title {
  line-height: 25px !important;
}
/*Read more*/
a.o-posts-read-more {
    font-size: 16px;
    padding-top: 20px;
    position: absolute;
    bottom: 50px;
    right: 15px;
}
/*RESPONSIVE*/
@media screen and (max-width: 1210px) {
	/*Post area width*/
.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
    grid-template-columns: 31% 31% 31% !important;
}
.home .wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
    display: grid;
}
/*Image size*/
.home .o-posts-grid-post-image img {
	height: 15vw !important;
}
}

/*Margin below description to make height fit read more link*/
.o-posts-grid-post-description p {
	margin-bottom: 60px !important;
}
	

/*FP Posts area RESPONSIVE*/
@media screen and (max-width: 960px) {
	/*Post width*/
	.o-posts-grid-post-blog.o-posts-grid-post-plain {
    max-width: 100% !important;
}
	/*Date*/
.o-posts-custom-field {
	float: none;
	padding: 10px 0;
	border-radius: none;
	font-size: 13px;
	max-width: 120px;
	text-align: left;
}
.ajankohtaista .o-posts-custom-field {
	background: none;
}
.o-posts-custom-field::first-line {
	font-size: 13px;
	font-weight: 600;
}
	/*Tiedotteet date*/
.tiedotteet .o-posts-custom-field {
	background: none;
	color: #313131 !important;
	order: 1;
  width: 100%;
  max-width: 100%;
  padding-bottom: 0;
}
	/*Title & description*/
.o-posts-grid-post-title , .o-posts-grid-post-description{
	width: 100%;
	float: left;
}
	/*Column borders*/
.home .ajankohtaista , .home .tiedotteet {
	border-right: none;
}
	/*Tiedotteet order of fields*/
	.tiedotteet .o-posts-grid-post-body {
		display: flex;
	}
	.tiedotteet .o-posts-grid-post-title {
		order: 2;
	}
	.tiedotteet .o-posts-grid-post-description {
		order: 3;
	}
	/*Post height*/
	.home .o-posts-grid-post {
	height: 530px !important;
}
}
@media screen and (max-width: 850px) {
	.home .o-posts-grid-post {
	height: 510px !important;
}
}
@media screen and (max-width: 790px) {
	/*One post per row*/
	.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
    grid-template-columns: 100% !important;
}
.home .o-posts-grid-post {
	height: fit-content !important;
}
/*Image size*/
.home .o-posts-grid-post-image img , .artikkeli-arkisto .o-posts-grid-post-image img  {
	height: 45vw !important;
}
}
@media screen and (max-width: 600px) {
	
}
@media screen and (max-width: 370px) {
	.wp-block-themeisle-blocks-posts-grid .o-posts-grid-post-body .o-posts-grid-post-title a {
    font-size: 18px;
    line-height: 22px;
}
}


/*SUBPAGE*/
/*MAIN IMAGE AREA*/
.main-image-area {
	padding: 0 !important;
	height: 260px !important;
	overflow: hidden !important;
}
.main-image-area img {
	width: 1190px;
	border-left: 5px solid white;
	border-right: 5px solid white;
}
.main-image-area .wp-block-cover__inner-container {
	height: 260px;
}
/*Image area height in mobile*/
@media screen and (max-width: 690px) {
	.main-image-area , .main-image-area .wp-block-cover__inner-container {
		height: 206px !important;
		min-height: 206px !important;	
}
	.main-image-area img {
		height: 206px !important;
		object-fit: cover;
	}
}
@media screen and (max-width: 490px) {
	.main-image-area , .main-image-area .wp-block-cover__inner-container {
		height: 160px !important;
		min-height: 160px !important;	
}
	.main-image-area img {
		height: 160px !important;
		object-fit: cover;
		border-left: none;
		border-right: none;
	}
}
/*Content area padding*/
.nv-single-page-wrap.col {
	padding: 0 30px;
}
/*SIDEBAR MENU*/
.nv-sidebar-wrap {
	padding-top: 0;
}
@media screen and (min-width: 960px) {
.nv-sidebar-wrap.nv-left {
  padding-right: 15px;
}
	}
.nv-sidebar-wrap li a {
	color: #1378BE;
}
/*First menu item*/
ul.parent-sidebar-menu li.has_children {
	margin-top: 0;
	padding: 0 0 0 18px;
}
.parent-sidebar-menu li.has_children a:first-child {
	font-size: 20px;
	padding-bottom: 15px;
	font-weight: 800;
}
.parent-sidebar-menu li.has_children a:visited {
	color: #949494;
}
/*Second menu item with children*/
.child-sidebar-menu li.has_children {
	margin-top: 16px !important;
	padding-left: 0 !important;
}
/*Other menu items*/
.child-sidebar-menu li a {
	font-size: 14px !important;
	font-weight: 700 !important;
}
ul.child-sidebar-menu li {
	padding-top: 8px;
}
.child-sidebar-menu li a:visited {
	color: #1378BE !important;
}
/*Child menu indent*/
.child-sidebar-menu {
	padding-left: 0 !important;
}
/*Grand child menu indent*/
.grandchild-sidebar-menu {
	padding-left: 20px !important;
}
.grandchild-sidebar-menu li a {
	font-weight: 400 !important;
}
/*Current page marker*/
.child-sidebar-menu li.current_page_item > a::before {
  content: "";
	left: 0;
	right: 0;
  top: 45%;
  transform: translateY(-100%);
  width: 12px;
  height: 12px;
  background-image: url('/wp-content/themes/naantali/images/aktiivinen-sivu.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	margin-left: -15px;
}
.child-sidebar-menu li.current_page_item > a {
  position: relative;
}
/*Hide sidebar in tablet/mobile*/
@media screen and (max-width: 960px) {
		.nv-sidebar-wrap {
		display: none;
	}
}

/*LIST STYLE*/
.entry-content ul li {
 padding-left: 20px;
 background: transparent url(/wp-content/themes/naantali/images/li.png) no-repeat 0 3px;
}
ul {
	list-style: none;
	padding-left: 0;
}

/*Not on menu or sidebar menu*/
.nv-sidebar-wrap li , .primary-menu-ul li , .nav-ul li {
	background: none;
	padding-left: auto;
}
#secondary-menu li {
	padding-left: 0;
}
/*Product page list*/
.woocommerce-Tabs-panel ul li::marker {
	display: none !important;
	color: transparent;
}
.woocommerce-Tabs-panel ul {
	padding-left: 0 !important;
}

/*FILE layout*/
.wp-block-file a {
	font-size: 13px;
}
.wp-block-file a.wp-block-file__button {
	background: #FCBF00;
	color: black;
}

/*INFO BOX layout*/
.infoboksi {
	background: #f8af00 url("/wp-content/themes/naantali/images/infobox_bg.png") no-repeat scroll bottom left;
  min-height: 250px;
  border-radius: 36px;
}
/*Infobox list style*/
.infoboksi ul li {
    background: transparent url("/wp-content/themes/naantali/images/li_info.png") no-repeat scroll 0px 4px;
}
/*Infobox link color*/
.infoboksi a {
	color: #0C4E7E;
}

/*SHOP*/

/*tyylittelyä varten piilotetut
.shop-sidebar {
	display: none;
}
.span.product-list-heading {
	display: none;
}*/
/*.basename {
	display: none;
}*/

/*1st PAGE*/
/*Content area top margin*/
.nv-index-posts.nv-shop.col {
	margin-top: 0;
}
/*Hide breadcrumbs & No. of results*/
.woocommerce-breadcrumb , .woocommerce-result-count {
	display: none;
}
/*Remove extra margin from top*/
.nv-woo-filters {
	margin: 0;
}
/*Search alignment*/
@media screen and (min-width: 960px) {
.search-main-container {
	margin-left: -15px;
}
	}

/*Area width
@media screen and (min-width: 960px) {
.archive.woocommerce .neve-main > .shop-container .nv-shop.col {
    max-width: 98%;
}
}	*/
/*Category buttons*/
.search-buttons-container {
	margin-bottom: 30px;
	margin-left: 0px;
	border-top: none;
}
.search-buttons-container .row {
	margin-left: 0;
}
@media screen and (max-width: 960px) {
	.search-buttons-container {
	margin-left: 0;
}
}
/*Headings*/
span.product-list-heading {
    border-bottom: 2px solid #e8e8e8;
    font-family: "Merriweather Sans", Arial;
    color: #313131;
    font-size: 19px;
    padding-bottom: 7px;
}
@media screen and (max-width: 960px) {
	span.product-list-heading {
    margin-left: 15px;
		display: block;
}
}
/*Product area margin*/
ul.products {
	margin-top: 40px !important;
}


/*PRODUCT CARDS*/
.nv-card-content-wrapper {
	text-align: center;
	border-radius: 30px;
	padding: 30px 30px 20px 30px;
	min-height: 513px;
}

/*Yellow background*/
ul.products .product-type-simple/*:first-child*/ .nv-card-content-wrapper , ul.products .product-type-simple/*:nth-child(2)*/ .nv-card-content-wrapper {
	background-color: #F8AF00;
	background-image: url("/wp-content/themes/naantali/images/lightning.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	border: transparent;
}
/*Green background (tuulisähkö)*/
ul.products .product-type-simple.product-card-offer .nv-card-content-wrapper , .product-card-offer .nv-card-content-wrapper {
	background-color: #21b422;
	background-image: url("/wp-content/themes/naantali/images/bg-product-offer.png");
	border: transparent;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
/*SPOT background (borders)*/
ul.products .product_cat-spot-sahko.product-type-simple .nv-card-content-wrapper {
	border: 4px solid #F8AF00;
	background-color: white;
	background-image: none
}
/*Card height*/
ul.products .product-type-simple .nv-card-content-wrapper {
	min-height: 520px !important;
	max-height: 520px !important;
}

/*Heading*/
@media screen and (min-width: 660px) {
h2.woocommerce-loop-product__title {
	font-size: 25px !important;
	color: black;
	font-weight: 700;
	padding: 0 !important;
	margin-bottom: 30px !important;
	line-height: 35px;
	max-width: 297px;
	margin-left: auto !important;
	margin-right: auto !important;
}
/*Heading width for tuulisähkö products*/
ul.products .product-type-simple.product-card-offer .nv-card-content-wrapper h2.woocommerce-loop-product__title { 
	max-width: 307px;
}
}

/*Text*/
.nv-card-content-wrapper p , .woocommerce-shop p.lead {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 8px;
	color: black;
	font-weight: 700;
}
/*Description*/
.post-type-archive-product p.list-group-item-text {
	position: absolute;
	top: 260px;
	left: 5%;
	right: 5%;
}
/*Price*/
.woocommerce-shop .prize .main-prize , .woocommerce-shop .prize .unit-prize , .woocommerce-shop .prize .main-prize-unit {
    font-size: 21px;
    color: black;
    font-weight: 700;
}
.woocommerce-shop .product_cat-spot-sahko .prize .main-prize-unit , .product_cat-aikasahko .prize .main-prize , .product_cat-aikasahko .prize .unit-prize , .product_cat-aikasahko .prize .main-prize-unit , .product_cat-kausisahko .prize .main-prize , .product_cat-kausisahko .prize .unit-prize , .product_cat-kausisahko .prize .main-prize-unit {
	font-size: 18px !important;
}
.woocommerce-shop .prize {
    margin-left: -15px;
    margin-right: -15px;
}
.woocommerce-shop .base-prize {
	margin-top: 15px;
}
/*Tax paragraph font*/
.woocommerce-shop .tax-price p {
	font-size: 11px;
}

/*Read more button*/
.nv-card-content-wrapper .button1 {
  	border-radius: 15px;
	padding: 20px 0;
	margin: 0px 17px 0 17px;
	position: absolute;
	bottom: 20px;
	left: 20%;
	right: 20%;
}
.nv-card-content-wrapper .button1 a {
  color: black;
  font-size: 17px;
  text-decoration: underline !important;
	font-weight: 700;
}
/*Button blue*/
.nv-card-content-wrapper a.add_to_cart_button {
  background-color: #1d79bf;
  border-radius: 15px;
	color: white;
  font-size: 19px;
	text-transform: none;
	width: 85%;
	padding: 15px 0;
	margin-bottom: 0px;
	transition: background-color 0.4s, border 0.7s, transform 0.3s;
	position: absolute;
	bottom: 80px;
	left: 8%;
	right: 8%;
}
/*Button hover*/
.nv-card-content-wrapper .button1:hover, .nv-card-content-wrapper a.add_to_cart_button:hover, .product-card-stroke .button1:hover, .product-card-stroke .button2:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale( 1.05);
	opacity: 1;
}
.nv-card-content-wrapper a.add_to_cart_button:hover {
	background-color: #1d79bf;
	color: white;
	opacity: 1;
}

/*Three cards side-by-side*/
@media screen and (min-width: 985px) {
.woocommerce .nv-shop ul.products:not(.tns-slider) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 30px;
    margin-bottom: 60px;
}
}

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

/*FONT SIZES & POSITIONING*/
/*Product title font size*/
@media (min-width: 660px) and (max-width: 795px), (min-width: 985px) and (max-width: 1190px) {
	h2.woocommerce-loop-product__title {
	font-size: 20px !important;
	line-height: 30px;
	height: 60px;
}
/*Price*/
.woocommerce-shop .prize .main-prize , .woocommerce-shop .prize .unit-prize , .woocommerce-shop .prize .main-prize-unit {
    font-size: 17px;
}
.woocommerce-shop .product_cat-spot-sahko .prize .main-prize-unit , .product_cat-aikasahko .prize .main-prize , .product_cat-aikasahko .prize .unit-prize , .product_cat-aikasahko .prize .main-prize-unit , .product_cat-kausisahko .prize .main-prize , .product_cat-kausisahko .prize .unit-prize , .product_cat-kausisahko .prize .main-prize-unit {
	font-size: 15px !important;
}
/*Texts*/
.nv-card-content-wrapper p, .woocommerce-shop p.lead {
    font-size: 11.5px;
    line-height: 15px;
}
/*Blue button*/
.nv-card-content-wrapper a.add_to_cart_button {
    font-size: 17px;
    padding: 13px 0;
}
/*Read more button*/
.nv-card-content-wrapper .button1 {
    left: 10%;
    right: 10%;
}
.nv-card-content-wrapper .button1 a {
    font-size: 15px;
}
/*Description position*/
p.list-group-item-text {
    top: 245px;
}
/*Gap between cards*/
.woocommerce .nv-shop ul.products:not(.tns-slider) {
    grid-gap: 30px 20px;
}
/*Cards height*/
ul.products .product-type-simple .nv-card-content-wrapper {
    min-height: 490px !important;
    max-height: 490px !important;
}
}

/*Heading hight mid-screens*/
@media screen and (min-width: 795px) and (max-width: 985px) {
	h2.woocommerce-loop-product__title {
	height: 70px;
}
}

/*One card per row + height per content*/
@media screen and (max-width: 660px) {
	.woocommerce .nv-shop ul.products:not(.tns-slider) {
    grid-template-columns: 1fr;
}
ul.products .product-type-simple .nv-card-content-wrapper {
    min-height: fit-content !important;
    max-height: fit-content !important;
}
/*No absolute positioning*/
p.list-group-item-text {
	position: static;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	margin-top: 30px;
}
/*Read more button*/
.nv-card-content-wrapper .button1 {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
}
/*Button blue*/
.nv-card-content-wrapper a.add_to_cart_button {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
}
}
/*Smaller font mobile phones*/
@media screen and (max-width: 440px) {
	h2.woocommerce-loop-product__title {
	font-size: 22px !important;
	line-height: 32px;
}
/*Price*/
.woocommerce-shop .prize .main-prize , .woocommerce-shop .prize .unit-prize , .woocommerce-shop .prize .main-prize-unit {
    font-size: 19px;
}
.woocommerce-shop .product_cat-spot-sahko .prize .main-prize-unit , .product_cat-aikasahko .prize .main-prize , .product_cat-aikasahko .prize .unit-prize , .product_cat-aikasahko .prize .main-prize-unit , .product_cat-kausisahko .prize .main-prize , .product_cat-kausisahko .prize .unit-prize , .product_cat-kausisahko .prize .main-prize-unit {
	font-size: 17px !important;
}
/*Texts*/
.nv-card-content-wrapper p, .woocommerce-shop p.lead {
    font-size: 12.5px;
    line-height: 16px;
}
/*Blue button*/
.nv-card-content-wrapper a.add_to_cart_button {
    font-size: 19px;
}
/*Read more button*/
.nv-card-content-wrapper .button1 a {
    font-size: 17px;
}
}


/*PRODUCT PAGE*/
/*Content area width*/
.nv-single-product-top .summary {
	width: 100% !important;
	margin-left: 0;
}
/*Remove extra margin above heading & content area*/
.nv-bc-count-wrap {
	margin-bottom: 0;
}
/*Main title style*/
.nv-single-product-top .basename {
	font-size: 25px;
	font-weight: 300;
	text-transform: none;
}
/*Left side items*/
@media screen and (min-width: 990px) {
.nv-single-product-top .basename , .nv-single-product-top h1 , .nv-single-product-top .woocommerce-Tabs-panel , .woocommerce-product-details__short-description {
	float: left;
	width: 65%;
	margin-right: 20px;
}
	}
@media screen and (max-width: 990px) {
	.woocommerce-Tabs-panel {
		padding-bottom: 20px;
	}
}
/*Right side item (price box)*/
.nv-single-product-top .prize-box {
  width: 32%;
  justify-content: center;
  display: grid;
  border: 2px solid #f6be00;
	padding: 25px 10px 20px 10px;
	border-radius: 15px;
	margin: 10px;
	vertical-align: start;
}
@media screen and (max-width: 990px) {
	.nv-single-product-top .prize-box {
  width: 50vw;
}
}
@media screen and (max-width: 480px) {
	.nv-single-product-top .prize-box {
  width: 80vw;
}
}
/*Price text alignment*/
	.nv-single-product-top .prize {
		text-align: left !important;
		font-size: 18px;
		margin-bottom: 15px;
	}	
/*Button margin + color*/
.woocommerce div.product form.cart {
  	margin-top: 10px;
	margin-bottom: 10px;
}
button.single_add_to_cart_button {
	background: #1C75CE !important;
	color: white !important;
}
button.single_add_to_cart_button:hover {
	background: #ff8010 !important;
}

/*SHOP SIDEBAR*/
/*First menu item*/
#menu-kauppa-sivupalkki {
	margin-top: 0;
	padding: 0 0 8px 18px;
}
#menu-kauppa-sivupalkki li:first-child {
	margin-top: 0;
}
#menu-kauppa-sivupalkki li:first-child a {
	font-size: 20px;
	padding-bottom: 15px;
	font-weight: 800;
}
#menu-kauppa-sivupalkki li a:visited {
	color: #949494 !important;
}
/*Submenu*/
#menu-kauppa-sivupalkki .sub-menu {
	margin-top: 13px !important;
	padding-left: 0 !important;
	border-top: none;
	padding-top: 0;
}
#menu-kauppa-sivupalkki .sub-menu li:first-child {
	margin-top: 8px;
}
/*Submenu items*/
#menu-kauppa-sivupalkki .sub-menu a {
	font-size: 14px !important;
	font-weight: 700 !important;
}
#menu-kauppa-sivupalkki .sub-menu li {
	padding-top: 8px;
}
#menu-kauppa-sivupalkki .sub-menu li a:visited {
	color: #1378BE !important;
}
/*Grand child menu*/
#menu-kauppa-sivupalkki .sub-menu li.menu-item-has-children .sub-menu {
	padding-left: 20px !important;
	margin-top: 0 !important;
}
#menu-kauppa-sivupalkki .sub-menu li.menu-item-has-children .sub-menu li a {
	font-weight: 400 !important;
}
/*Current page marker*/
#menu-kauppa-sivupalkki .sub-menu li.current_page_item > a:before {
  position: absolute;
  content: ">"; 
  margin-left: -13px;
}


/*CHECKOUT PAGE*/
/*Main title margin*/
.woocommerce-checkout.woocommerce-page .nv-page-title-wrap {
	margin-top: 0;
	margin-bottom: 0;
}
.woocommerce-checkout.woocommerce-page .nv-page-title {
	margin-bottom: 40px;
}
/*H2 titles & payment title*/
.checkout.woocommerce-checkout h3 , li.wc_payment_method:first-child > label{
	font-size: 18px !important;
  border-bottom: 2px solid #ff7f21 !important;
	width: fit-content;
	line-height: 30px;
}
h3#ship-to-different-address {
	border-bottom: none !important;
}
/*Remove border from left*/
.wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
  border-left: none !important;
}
/*Form label*/
.nv-customer-details label {
	font-weight: 600;
}
/*Spacing between fields*/
p.form-row.thwcfd-field-wrapper {
	margin-bottom: 10px;
}
/*Bullets same row as option*/
.woocommerce-input-wrapper input.input-radio {
	display: flex;
	float: left;
	margin-right: 10px;
	box-shadow: none !important;
}
.woocommerce-input-wrapper label {
	display: flex !important;
	min-height: 34px;
}
/*Date selector arrows*/
.ui-datepicker .ui-datepicker-next:before {
   content: ">" !important;
}
.ui-datepicker .ui-datepicker-prev.ui-corner-all::before {
   content: " < " !important;
}
/*Arrow on start date field*/
.input-text.hasDatepicker {
    background: url("/wp-content/uploads/2025/06/arrow-down-sign-to-navigate.png") no-repeat right 10px center !important;
    background-size: 10px !important;
}

/*RIGHT COLUMN*/
/*Tilauksen yhteenveto text*/
.wc-block-components-order-summary__button-text {
	font-size: 16px;
}
/*Hide image*/
.wc-block-components-order-summary-item__image {
	display: none !important;
}
/*Content top margin*/
.wc-block-components-panel__content {
	margin-top: 20px;
}
/*Product base name*/
.wc-block-components-product-basename {
	font-size: 15px;
}
.wc-block-components-order-summary-item__description div:first-child {
	margin-bottom: 10px;
}
/*Description + price*/
.wc-block-components-order-summary-item__description , .woocommerce-checkout-payment .wc_payment_methods , .form-row.place-order {
	padding-left: 0 !important;
}
.wc-block-components-product-name {
	font-size: 13.5px !important;
	padding-bottom: 10px;
}
.wc-block-components-order-summary-item__total-price , .wc-block-components-order-summary-item__description .main-prize {
	font-size: 20px;
}
/*Remove top border from right column*/
.wc-block-components-totals-wrapper:after {
	border: none !important;
}
/*Border color*/
.wc-block-components-order-summary .wc-block-components-order-summary-item:after {
	border-color: #ff7f21;
	/*border-width: 0 0 2px !important;*/
	opacity: 1 !important;
}
/*Coupon link color*/
.wc-block-components-totals-coupon a {
	color: #C75300;
}
/*Payment list style*/
/*LIST STYLE*/
.entry-content ul.wc_payment_methods li {
 padding-left: 0;
 background: none;
}

/*ORDER CONFIRMATION PAGE*/
/*Remove bullets from details list*/
.entry-content ul.woocommerce-order-overview li {
 padding-left: 0;
 background: none;
}
/*No orange background for order details*/
.woocommerce-table--order-details th , .woocommerce-table--custom-fields th {
	background-color: white !important;
}
/*Price font size*/
.woocommerce-table__product-total .main-prize {
	font-size: 24px;
}
.woocommerce-table__product-total .prize {
	margin-bottom: 0;
}
/*Responsive*/
@media screen and (max-width: 344px) {
	.woocommerce-table--order-details td , .woocommerce-table--custom-fields td , .woocommerce-table--order-details th , .woocommerce-table--custom-fields th {
		padding-left: 0 !important;
		/*padding-right: 30px !important;*/
	}
}
@media screen and (max-width: 320px) {
	.woocommerce-table--custom-fields th {
		max-width: 160px;
	}
}

/*ORDER REVIEW PAGE*/
/*No orange background for table heading*/
#order_review th , .woocommerce-notices-wrapper th {
	background-color: white !important;
}
/*Price font size*/
#order_review .main-prize {
	font-size: 14px;
}
#order_review .prize {
	margin-bottom: 0;
}
#order_review .base-prize p.lead {
	margin-bottom: 0 !important;
}

/*Oma tili page layout*/
.woocommerce-account .nv-page-title-wrap {
  margin-top: 0;
  margin-bottom: 0;
}
.woocommerce-account ul li {
  padding-left: 0;
  background: transparent;
}
body.woocommerce-account .woocommerce nav .is-active a {
  margin-left: -5px;
}


/*ARCHIVE PAGE*/
/*Remove top margin from content area*/
.nv-index-posts.blog.col {
	margin-top: 0;
}
/*Category title*/
.nv-index-posts.blog.col h1 {
	padding-bottom: 20px;
	border-bottom: 2px solid #e8e8e8;
	margin-bottom: 40px;
}
/*Post grid
.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
  grid-template-columns: 30% 30% 30%;
}*/
/*Image height responsive*/
@media screen and (min-width: 769px) and (max-width: 1160px) {
.artikkeli-arkisto .o-posts-grid-post-image img {
    height: 16vw !important;
    object-fit: cover;
}
}
@media screen and (min-width: 1400px) {
.artikkeli-arkisto .o-posts-grid-post-image img {
    height: 11vw !important;
    object-fit: cover;
}
}
@media screen and (min-width: 1800px) {
.artikkeli-arkisto .o-posts-grid-post-image img {
    height: 9vw !important;
    object-fit: cover;
}
}
/*Full date in feed*/
.o-posts-grid-post-meta {
	font-size: 0 !important;
	justify-content: flex-start;
	display: flex;
	width: 100%;
	float: right;
	flex-wrap: wrap;
	margin-top: 25px !important;
}
.o-posts-grid-post-meta time {
	font-size: 13px;
	font-weight: bold;
  color: #636363;
	padding-bottom: 4px;
	display: flex;
}
/*Title*/
.artikkeli-arkisto .o-posts-grid-post-title a {
	font-size: 21px !important;
}
.artikkeli-arkisto .o-posts-grid-post-title {
	margin-bottom: 25px !important;
}
/*Border for article lift*/
/*.article-content-col ,*/ .o-posts-grid-post-blog.o-posts-grid-post-plain {
	border-bottom: 1px dotted darkgray;
	padding-bottom: 12px;
	max-width: 270px;
}
.home .o-posts-grid-post-blog.o-posts-grid-post-plain {
	border-bottom: none;
}
/*Pagination*/
.o-posts-grid-pag {
	margin-top: 20px !important;
}
.o-posts-grid-pag a.page-numbers {
	color: #1378bf !important;
	padding: 4px 8px !important;
}
.o-posts-grid-pag a.page-numbers:hover {
	color: #313131 !important;
	text-decoration: underline !important;
	background-color: white !important;
}
/*Current page*/
span.page-numbers.current {
	padding: 4px 8px !important;
	border-radius: 7px !important;
	background-color: #e8e8e8 !important;
}
/*Hide next & previous*/
.o-posts-grid-pag a.next , .o-posts-grid-pag a.prev {
	display: none;
}
/*Responsive settings for archive*/
@media screen and (min-width: 960px) and (max-width: 1160px) {
	/*Post grid 2 items side-by-side*/
	.wp-block-themeisle-blocks-posts-grid .is-grid {
    display: block;
}	
	.o-posts-grid-post-blog.o-posts-grid-post-plain {
		margin-right: 20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 960px) {
	/*Post grid*/
	.wp-block-themeisle-blocks-posts-grid .is-grid.o-posts-grid-columns-3 {
  grid-template-columns: 100%;
}	
	/*Hide custom date*/
.artikkeli-arkisto .o-posts-custom-field {
	display: none;
}
	/*Items width*/
	.wp-block-themeisle-blocks-posts-grid .is-grid .o-posts-grid-post-blog {
    min-width: 100%;
}
	/*Meta line (full date)*/
.o-posts-grid-post-meta {
	float: left;
}
.o-posts-grid-post-meta time {
	padding-bottom: 7px;
}
/*Title*/
.artikkeli-arkisto .o-posts-grid-post-title {
	float: left;
}
/*Row gap*/
	.wp-block-themeisle-blocks-posts-grid {
		--row-gap-tablet: 20px;
	}
}

/*POST PAGE*/
/*Remove margin from h1*/
.nv-single-post-wrap .entry-header {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}
/*Meta row margin bottom*/
.nv-meta-list {
	margin-bottom: 30px;
}
/*Post main image height*/
@media screen and (min-width: 1400px) {
.single-post .nv-thumb-wrap img {
	max-height: 32vw ;
	object-fit: cover;
}
}
/*Content area padding*/
.nv-single-post-wrap {
	padding-left: 30px;
	padding-right: 30px;
}
/*Post heading sizes*/
.single-post h2 {
	font-size: 20px;
}
.single-post h3 {
	font-size: 18px;
}
.single-post h4 {
	font-size: 16.5px;
}
/*Article area bottom margin*/
	article.nv-single-post-wrap {
		margin-bottom: 0;
	}
/*Post sidebar*/
.post-sidebar {
	padding-left: 18px;
}
.post-sidebar p a {
	font-size: 20px;
	font-weight: 800;
	color: #949494;
}
.post-sidebar p {
	margin-bottom: 18px !important;
}
.post-sidebar .wp-block-page-list a {
	font-size: 14px;
	font-weight: 700;
}
li.wp-block-pages-list__item {
	margin-bottom: 20px !important;
}
/*3rd menu item*/
ul.wp-block-navigation__submenu-container {
	margin-top: 18px;
	margin-left: 20px;
}
ul.wp-block-navigation__submenu-container a {
	font-weight: 400 !important;
}
/*Tags*/
.single-post .nv-tags-list a {
    color: #02588D!important;
}
/*Related posts*/
.related-post h3 {
	margin-bottom: 0 !important;
}


/*VUOSIKERTOMUS*/
/*First page border for latest report group*/
.wp-block-group.vuosikertomus {
	border-bottom: 1px #949494 dotted;
	margin-bottom: 20px;
}
/*Annual review first page*/
/*Lifts*/
.vuosikertomus-nosto a {
	color: #BD5800;
}
.vuosikertomus-nosto {
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.07);
}
.wp-block-themeisle-blocks-advanced-columns.vuosikertomus-nosto img {
	width: 100% !important;
}
@media screen and (max-width: 600px) {
	.wp-block-themeisle-blocks-advanced-columns.vuosikertomus-nosto img {
	width: 100% !important;	
}	
}
.wp-block-themeisle-blocks-advanced-column.vuosikertomus-nosto img {
	width: 100% !important;
}
.vuosikertomus-nosto h2 {
	padding: 10px 15px 0 15px;
}
.vuosikertomus-nosto h2 a {
	text-decoration: none;
}
.vuosikertomus-nosto h2 a:hover {
	color: #ff8010;
}
.vuosikertomus-nosto p {
	padding: 0 15px;
}

/*CHARTS*/
.m-chart-container {
  padding: 10px 0px 10px 0px;
	height: 100% !important;
}
.m-chart-container {   
	width: 46%;
	display: inline-flex !important;
	margin-right: 10px;
	margin-left: 10px;
}
@media screen and (max-width: 760px) {
	.m-chart-container {   
	width: 100%;
	display: block;
	margin-right: 0;
	margin-left: 0;
	max-height: 350px !important;
}
}

/*TABLES (default)*/
/*heading row*/
th {
	text-transform: uppercase;
	background-color: #fe890d;
  padding: 5px 0px 2px 13px;
  border-right: 0px !important;
  font-size: 15px;
  font-style: bold;
  padding-bottom: 5px;
}
@media screen and (max-width: 490px) {
	th {
	font-size: 12px;
  font-style: bold;
}
}
/*2nd row top padding*/
tbody tr:first-child td {
  padding-top: 10px;
}
/*Borders*/
.wp-block-table td, .wp-block-table th {
  border: none;
}
.wp-block-table thead {
	border-bottom: none;
}
table td {
  border: 0px;
  border-right: 1px solid #e8e8e8 !important;
  padding: 2px 0px 2px 10px;
  vertical-align: bottom;
}
/*Border above em*/
table em, table em strong {
  border-top: 2px solid #fe890d;
  padding-top: 2px;
}

/*TABLE STYLE STRIPE (not vuosikertomus)*/
/*Heading row background color*/
table.is-style-stripes th , figure.is-style-stripes table th {
  background-color: #e8e8e8 !important;
	text-transform: none;
	font-size: 13px;
}
/*No backgroud color for rows*/
.wp-block-advgb-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: white !important;
}
/*No border for italic text*/
table.is-style-stripes em {
	border-top: none;
}
/*Table borders*/
table.is-style-stripes td, table.is-style-stripes th , figure.is-style-stripes table td {
  border: 1px solid #e8e8e8 !important;
}

/*Make tables fit in mobile*/
.table-holder {
	width: 100%;
  overflow-x: auto;
}
.table-holder table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table-holder th,
.table-holder td {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/*FORMS*/
/*Form margin*/
.nf-form-wrap.ninja-forms-form-wrap {
	margin-top: 20px;
}
/*Form content padding*/
.nf-form-content {
	padding-top: 20px !important;
}
/*Fields side-by-side + width*/
.nf-form-content nf-field {
	display: inline-flex;
	margin-right: 20px;
	width: 45%;
}
.nf-field-container {
	width: 100%;
	margin-bottom: 10px !important;
}
/*Last field (submit) full-width*/
.nf-form-content nf-field:last-child {
	width: 60%;
}
/*Fields width responsive*/
@media screen and (max-width: 450px) {
	.nf-form-content nf-field {
	width: 75vw;
}
}

/*Label*/
.nf-field-label label {
	font-size: 13px !important;
}
/*Input field*/
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea , .woocommerce-input-wrapper input , .woocommerce-input-wrapper textarea {
  background: #fff !important;
	color: #555 !important;
	height: 34px !important;
	font-size: 14px;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
}
/*Radiobullet font size & height*/
.list-radio-wrap .nf-field-element li label {
	font-size: 14px !important;
}
.nf-form-content input[type=checkbox].ninja-forms-field, .nf-form-content input[type=radio].ninja-forms-field {
  height: auto !important;
}
/*Text area height*/
.nf-form-content textarea {
	height: 52px !important;
	font-size: 14px !important;
}
/*Cash page text area height*/
.woocommerce-input-wrapper textarea {
	height: 54px !important;
}
/*Calendar month row font*/
.flatpickr-months {
	font-size: 12px;
	font-family: "Merriweather sans" !important;
}
/*Error icon height*/
.nf-error.field-wrap .nf-field-element:after {
  height: 33px !important;
  width: 34px !important;
  line-height: 35px !important;
}
/*Corrected icon height & size*/
.nf-pass.field-wrap .nf-field-element:after {
    font-size: 25px !important;
    right: 5px !important;
    height: 35px !important;
    line-height: 35px !important;
}
/*Dropdown menu*/
.nf-field-element select {
	padding: 0 12px !important;
	font-size: 14px !important;
	height: 34px !important;
}
.nf-form-content select.ninja-forms-field {
  color: #0F1B1C !important;
}
.nf-form-content .list-select-wrap>div div:after {
  font-size: 13px !important;
  height: 34px !important;
  line-height: 35px !important;
}
/*Submit button*/
.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {
  background: #f8af00 !important;
	border-radius: 6px !important;
	border: none !important;
	padding: 8px 40px !important;
	color: #02588D !important;
	min-width: 100px;
	height: 42px !important;
	font-size: 17px;
}
.field-wrap button:hover, .field-wrap input[type=button]:hover, .field-wrap input[type=submit]:hover {
  background: #ff8010 !important;
}

/*MAP IMAGE (before footer)*/
/*Responsive height*/
@media screen and (max-width: 770px) {
	.wp-block-cover.map {
		min-height: 300px !important;
	}
}

/*FOOTER*/
/*Left column padding*/
.site-footer .builder-item.desktop-left.tablet-left.mobile-left {
	padding-left: 0;
}
.site-footer .widget_media_image {
	float: left;
	width: 21%;
	margin-right: 10px;
}
.site-footer .wp-block-themeisle-blocks-advanced-column.image {
	flex-basis: 21% !important;
}
/*Font size*/
.site-footer h2 , .site-footer p.widget-title {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 5px;
}
.site-footer p {
	font-size: 13px;
	line-height: 20px;
}
/*Follow us heading*/
#text-11 , #text-13 , #text-14 {
	margin-left: 23%;
	margin-top: 40px;
}
#text-11 p , #text-13 p , #text-14 p {
	font-size: 17px;
	font-weight: 600;
}
/*Social media icons*/
.builder-item--social_icons_2 {
	margin-left: 23% !important;
}
.footer-main .hfg-slot.left .builder-item {
	margin-bottom: 0;
}
.footer-main .hfg-slot.left .builder-item:nth-child(2) {
	margin-top: 0;
}
@media screen and (max-width: 576px) {
	.builder-item--social_icons_2 {
	margin-left: 25% !important;
}
}
/*Text area margin*/
.footer-main-inner .widget_text {
	margin-bottom: 10px;
}
/*Areas' width*/
.footer-main-inner .row {
    grid-template-columns: 2.2fr 1fr 1fr 1fr !important;
}
/*Responsive areas' width*/
@media screen and (max-width: 960px) {
.footer-main-inner .row {
    grid-template-columns: 1fr 0fr 0fr 0fr !important;
}
	.footer-main .hfg-slot.left {
		margin-left: auto;
		margin-right: auto;
	}
}
/*Hide logo on smallest screen*/
@media screen and (max-width: 310px) {
	.footer-main .widget_media_image {
		display: none;
	}
}
/*Hide "menu" heading*/
.site-footer .hfg-slot.c-left .widget-title , .site-footer .hfg-slot.center .widget-title , .site-footer .hfg-slot.c-right .widget-title {
	display: none;
}
/*"Menu" heading style*/
.site-footer .textwidget p a:first-child {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
	line-height: 35px;
	color: white;
}
/*"Menu" paragraph line height*/
.site-footer .hfg-slot.c-left p , .site-footer .hfg-slot.center p , .site-footer .hfg-slot.c-right p {
	line-height: 27px;
}
/*"Menu" link style*/
.footer-main-inner a , .footer-bottom-inner a {
	text-decoration: none;
	color: #b5edff;
}
.footer-main-inner a:hover , .footer-bottom-inner a:hover {
	color: white;
}
.site-footer .textwidget p a:first-child:hover {
	color: #b5edff;
}
/*Hide "menu" on tablet & mobile*/
@media screen and (max-width: 960px) {
	.footer-main .hfg-slot.c-left , .footer-main .hfg-slot.center , .footer-main .hfg-slot.c-right {
		display: none;
	}
}

/*Scroll to top*/
#scroll-to-top {
	margin-bottom: 35px;
}

/*Contact box*/
.contact_box_container a:hover {
	color: white;
}


/*SOPIMUKSEN UUSIMINEN POP-UP Responsive*/
@media screen and (min-width: 960px) and (max-width: 1090px) {
	/*Tooltip area width*/
	.popup .modal {
  width: 600px;
	}
}
@media screen and (max-width: 810px) {
	/*Tooltip area width*/
	.popup .modal {
  	width: 600px;
	}
}
@media screen and (max-width: 715px) {
	/*Tooltip area width*/
	.popup .modal {
  	width: 500px;
	}
}
@media screen and (max-width: 615px) {
	/*Tooltip area width*/
	.popup .modal {
  	width: 85vw;
		margin-left: -60px;
		margin-top: 15px;
	}
	.modal-body ul li {
		font-weight: 500 !important;
	}
}
@media screen and (max-width: 335px) {
	/*Tooltip area margin*/
	.popup .modal {
  	margin-left: 0;
	}
}
/*SEARCH RESULTS PAGE*/
/*No yellow background*/
.search-results , .search-no-results , .nv-index-posts.search {
	background: none !important;
	padding: 0 !important;
}
/*Results h2 links' color*/
.nv-index-posts.search h2 a {
	color: #1378bf;
}
/*Search pagination*/
.nv-index-posts.search a.page-numbers {
	color: #1378bf !important;
	padding: 4px 8px !important;
	margin: 5px;
}
.nv-index-posts.search span.page-numbers {
	color: black;
	margin: 5px;
}
.nv-index-posts.search a.page-numbers:hover {
	color: #313131 !important;
	text-decoration: underline !important;
	background-color: white !important;
}
.nv-index-posts.search {
	margin-top: 0;
}
/*Search block 404 page*/
input.wp-block-search__input {
	border: 1px solid !important;
}
/*Search block in sidebar*/
.nv-sidebar-wrap input.search-field {
	border: 1px solid #757575 !important;
	border-right: none !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	color: #555 !important;
}
.nv-sidebar-wrap input::placeholder {
	color: #555 !important;
}
.nv-sidebar-wrap button.search-submit {
	background: #ff8010;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border: 1px solid #ff8010 !important;
}
/*Search results' text font weight*/
body.search .posts-wrapper p {
	font-weight: 400;
	font-size: 13px;
}
body.search .nv-meta-list {
	margin: 0;
}
/*Side margins for search results page in mobile*/
@media screen and (max-width: 960px) {
	.nv-index-posts.search {
    margin: 0 20px;
}
}


/* Timeline styling */
    .timeline {
        position: relative;
        /*MUOKATTU: Padding 10px -> 30px */
        padding: 20px;
        margin: 0 auto;
        overflow: hidden;
        color: #000000;
    }
    .timeline:after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -1px;
        border-right: 2px dashed #000000;
        top: 0;
        height: 100%;
        display: block;
    }
   hr.timeline-hr {
        position:relative;
        top: -30px;
        height : 2px !important;
        background-color:#000000;
        z-index: 5;
        border-width: 0;
        width: 50px;
    }
    .timeline-hr-end {
        position:relative;
        border-width: 0;
        top: 47px;
        height : 2px !important;
        background-color:#000000;
        z-index: 5;
        width: 50px;
    }

    .timeline-row {
        padding-left: 50%;
        position: relative;
        margin-bottom: 30px;
    }

    .timeline-row .timeline-time {
        position: absolute;
        right: 50%;
        top: 15px;
        text-align: right;
        margin-right: 20px;
        color: #000000;
        font-size: 1.5rem;
    }
   .timeline-row .timeline-content {
        position: relative;
        padding: 20px 30px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

    .timeline-row .timeline-content:after {
        content: "";
        position: absolute;
        top: 20px;
        height: 3px;
        width: 40px;
    }
  .timeline-row .timeline-content:before {
        content: "";
        position: absolute;
        top: 20px;
        right: -50px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        z-index: 100;
        background: #ffffff;
        border: 2px dashed #000000;
    }

    .timeline-row:nth-child(odd) .timeline-content {
        background-color: #ffc000;
        margin-left: 40px;
        text-align: left;
    }

    .timeline-row:nth-child(odd) .timeline-content:after {
        left: -39px;
        border-right: 18px solid #ffc000;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .timeline-row:nth-child(odd) .timeline-content:before {
        left: -50px;
        right: initial;
    }

    .timeline-row:nth-child(even) {
        padding-left: 0;
        padding-right: 50%;
    }
   .timeline-row:nth-child(even) .timeline-time {
        right: auto;
        left: 50%;
        text-align: left;
        margin-right: 0;
        margin-left: 20px;
    }

    .timeline-row:nth-child(even) .timeline-content {
        background-color: #006BB6;
        color: #ffffff;
        margin-right: 40px;
        margin-left: 0;
        text-align: right;
    }

    .timeline-row:nth-child(even) .timeline-content:after {
        right: -39px;
        border-left: 18px solid #006BB6;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

/*Timeline headings' color*/
.timeline-content h3 {
	color: #313131;
}
.timeline-content.blue h3 {
	color: white;
}
   @media (max-width: 767px) {
        .timeline {
            padding: 15px 10px;
        }

        hr.timeline-hr {
            margin-left: 0;
            padding-right: 100%;
            left: -28px;
            top: 5px;
        }
        .timeline-hr-end {
            margin-left: 0;
            padding-right: 100%;
            position: relative;
            left: -28px;
            top: 43px;

        }
        .timeline:after {
            left: 28px;
            top: 30px;
        }
        .timeline .timeline-row {
            padding-left: 0;
            padding-top: 5px;
            margin-bottom: 10px;
        }
        .timeline .timeline-row .timeline-time {
            position: relative;
            right: auto;
            top: 0;
            text-align: left;
            margin: 0 0 6px 56px;
        }
     .timeline .timeline-row .timeline-content {
            padding: 15px;
            margin-left: 56px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            position: relative;
            text-align: left;
        }
        .timeline .timeline-row .timeline-content:before {
            left: -48px;
            top: 30px;
        }
        .timeline .timeline-row .timeline-content:after {
            right: auto;
            border-right-color: #ffc000;
            top: 30px;
            left: -39px;
        }
        .timeline .timeline-row:nth-child(even) {
            padding-right: 0;
        }
        .timeline .timeline-row:nth-child(even) .timeline-time {
            position: relative;
            right: auto;
            left: auto;
            top: 0;
            text-align: left;
            margin: 0 0 6px 56px;
        }
     .timeline .timeline-row:nth-child(even) .timeline-content {
            margin-right: 0;
            margin-left: 55px;
        }
        .timeline .timeline-row:nth-child(even) .timeline-content:after {
            right: auto;
            left: -39px;
            top: 32px;
            border-right: 18px solid #006BB6;
            border-left: inherit;
        }
        .timeline.animated .timeline-row:nth-child(even) .timeline-content {
            left: 20px;
        }
        .timeline.animated .timeline-row.active:nth-child(even) .timeline-content {
            left: 0;
        }
    }
 /*Make timeline content fit in mobile*/
@media screen and (max-width: 600px) {
	.timeline-content {
		word-wrap: break-word;
	}
}

/*Focus borders */
.nf-field-element select:focus-visible , .nf-field-element input:focus-visible , .nf-field-element textarea:focus-visible {
	border: 1px solid black !important;
	border-radius: 4px;
}

/*Cookie buttons link color*/
.cn-buttons-container a {
	color: black !important;
}
/*Close cookie bar*/
.cn-close-icon:after, .cn-close-icon:before {
  background-color: white !important;
}

/*Payment method images size*/
.woocommerce-checkout #payment ul.payment_methods li img {
  max-width: 150px;
  max-height: 40px;
  object-fit: contain;
}
/*Margin between options*/
.authentication-content {
	margin-bottom: 10px;
}