/*
Theme Name: Energycom
Theme URI: https://solarta.deothemes.com
Template: solarta
Author: DeoThemes
Author URI: https://deothemes.com
Description: Solarta is a minimal agency Elementor WordPress theme. This minimalist WordPress theme is perfect for agencies, portfolio, personal websites, and online stores. Nokke is a beautifully crafted Elementor WordPress Theme that has been crafted to be a fully fledged site building tool. It comes packed with a number of home page layouts, header, footer, mega menu and product builder. All this allows you to create a stunning site in minutes, using the powerful drag and drop Elementor page builder. Open the door to possibilities. Nokke is a sleek, minimal theme with all the functionality you need to set up an agency website. Choose your own colour scheme, make use of custom widgets, and impress your clients with smooth animations. A powerful customizer panel gives you control over all of Nokke's features. A must-have for any agency! This is a very simple way to create your own home page layout with image slider, video background, promo sections, pricing table, call to action button, contact form, social media and many others. Thanks to Elementor page builder it lets you easily manage the overall appearance of your site and create pages that perfectly match your business goals and target audience preferences. The perfect combination of simplicity, elegance and professionalism in one unique design. Nokke's clean yet lively appearance creates trust with your customers. You can present your products in an eye-catching way, with great emphasis on the important details. So what are your waiting for? Grab the Nokke WordPress theme and start building professional websites today!
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solarta-child
Tags: blog, portfolio, e-commerce, translation-ready, theme-options, grid-layout, left-sidebar, right-sidebar, custom-colors, custom-background, custom-logo, footer-widgets, featured-images, custom-menu, block-styles, wide-blocks, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

h1, h2, h3, h4, h5, h6, p, li, a {
	font-family: 'Montserrat', sans-serif !important;
}

body .home-grid-2 > .e-con-inner {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-columns: 1fr;
	margin-bottom: 20px;
}

body .home-grid-2 > .e-con-inner > div {
	background: #f9fafa;
	height: 100%;
	transition: 0.3s ease;
}


body .home-grid-2 > .e-con-inner > div:hover {
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

@media screen and (min-width: 490px){
	body .home-grid-2 > .e-con-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

body .home-grid-3 > .e-con-inner {
	display: grid;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
	grid-template-columns: 1fr;
	margin-bottom: 64px;
}

body .home-grid-3 > .e-con-inner > div {
	background: #f9fafa;
	height: 100%;
	transition: 0.3s ease;
}


body .home-grid-3 > .e-con-inner > div:hover {
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
}

@media screen and (min-width: 490px){
	body .home-grid-3 > .e-con-inner {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 800px){
	body .home-grid-3 > .e-con-inner {
		grid-template-columns: repeat(3, 1fr);
	}
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.video-wrapper.home {
	// padding-bottom: 50%;
	position: relative;
	margin-bottom: -80px;

}

.video-wrapper.home:before {
	content: "";
	display: block;
	width: 100%;
	height: 48px;
	bottom: 80px;
	top: auto;
	left: 0; 
	background: #fff;
	position: absolute;
	top: auto;
	z-index: 2;
}

.video-wrapper.home:after {
	content: "";
	position: absolute;
	z-index:1;
	display: block;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
}

.video-wrapper.home iframe {
	top: -80px;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


body .h1-home-title{
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	text-align: center;
	margin: 0 auto;
	max-width: calc(100% - 48px) !important;
	width: 1320px;
}

body .h1-home-title h1 {
	text-transform: uppercase;
	font-size: 32px;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 0 6px rgba(0,0,0,0.25);
}


@media screen and (min-width: 800px){
	body .h1-home-title h1 {
		font-size: 64px;
	}
}

@media screen and (min-width: 1100px){
	body .h1-home-title h1 {
		font-size: 80px;
	}
}

@media screen and (min-width: 1600px){
	body .h1-home-title h1 {
		font-size: 92px;
	}
}


@media screen and (min-width: 1860px){
	body .h1-home-title h1 {
		font-size: 120px;
	}
}


.elementor-video-custom-home .elementor-widget-container .elementor-wrapper {
	aspect-ratio: 9/16 !important;
	--video-aspect-ratio: 9/16 !important;
}

.elementor-video-custom-home .elementor-widget-container .elementor-wrapper iframe {
	max-width: none;
	height: 100%;

}

@media screen and (min-width: 800px){
	.elementor-video-custom-home .elementor-widget-container .elementor-wrapper {
		aspect-ratio: 16/9 !important;
		--video-aspect-ratio: 16/9 !important;
	}

	.elementor-video-custom-home .elementor-widget-container .elementor-wrapper iframe {
		max-width: none;
		height: 100%;
		width: 100%;
		left: 0;
	}
}

.blog .site-main  article .wp-post-image, 
.blog-list-images img {
	aspect-ratio: 3/2;
	object-fit: cover;
}

#svg-map-reference {
	display: block;
	width: 100%;
	max-width: 768px;
	height: auto;
	margin: 0 auto;
}

.reference-block {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	align-content: start;
	align-items: start;
}

@media screen and (min-width: 768px){
	.reference-block.clicked {
		grid-template-columns: 1fr 1fr;
	}
}

.reference-block-item {
	transition: 0.2s ease;	
}

.reference-block-item .h2 {
	font-weight: 700;
	font-size: 32px;
	color: #333;
	margin: 0 auto 24px;
	max-width: 768px;
}

.reference-block-item .tab-content {
	display: none;
}

.reference-block-item .tab-content.active {
	display: block;
}


.map-tab-trigger {
	cursor: pointer;
	transition: 0.3s ease;
}

.map-tab-trigger:hover {
	opacity: 0.75;
}

.map-tab-trigger.active {
	// fill: #2d4a9f;
}

.map-tab-trigger.active path {
	// fill: #2d4a9f;
}

.clicked .map-tab-trigger {
	opacity: 0.65;
}

.clicked .map-tab-trigger.active {
	opacity: 1;
}

@media screen and (min-width: 768px){
	.clicked .map-tab-trigger:hover {
		opacity: 0.85;
	}
} 

.map-group-grid {
	display: grid;
	grid-template-columns;
	gap: 24px;
	transition: 0.3s ease;
}

@media screen and (min-width: 540px){
	.map-group-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.tab-content h2 {
	margin-bottom: 24px;
}

.map-group-grid .project-post {
	background: #fff;
	box-shadow:	0px 0px 4px 0px rgba(0,0,0,0.1);
	display: block;
	text-decoration: none;
	transition: 0.3s ease;
	border-radius: 4px;
	overflow: hidden;
}

.map-group-grid .project-post:hover {
	box-shadow:	0px 0px 4px 0px rgba(0,0,0,0.25)
}

.map-group-grid .project-post:hover img  {
	transform: scale(1.05);
}

.map-group-grid .project-post img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4/3;
	object-fit: cover;
	transition: 0.3s ease;
}

.map-group-grid .project-post h3 {
	font-size: 18px;
	line-height: 1.25;
	margin: 0;
	padding: 16px;
	position: relative;
	z-index: 2;
	background: #fff;
}

.reference-block-item-svg {
	position: relative;
	max-width: 768px;
	margin: 0 auto;
}

.reference-block-item-svg .number {
	position: absolute;
	background: #2d4a9f;
	min-width: 38px;
	font-size: 12px;
	height: 38px;
	color: #fff;
	text-align:center;
	line-height: 34px;
	font-weight: 600;
	border-radius: 100%;
	border: 2px solid #fff;
	outline: 2px solid #2d4a9f;
	pointer-events: none;
}

@media screen and (min-width: 768px){
	.reference-block-item-svg .number {
		font-size: 16px;
		min-width: 48px;
		height: 48px;
		line-height: 44px;
	}
}

.reference-block-item-svg .number.zagreb {
	top: 12.5%;
	left: 45%;
}

.reference-block-item-svg .number.dalmacija {
	top: 65%;
	left: 40%;
}


.reference-block-item-svg .number.istra {
	top: 27.5%;
	left: 5%;
}

.reference-block-item-svg .number.lika {
	top: 40%;
	left: 28.5%;
}


.reference-block-item-svg .number.slavonija {
	top: 21.5%;
	left: 75%;
}

.page-template-page-reference .page-title {
	padding: 24px 0;
}


.floating-box-fixed {
	display: block;
	z-index: 100;
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 1px solid rgba(255,255,255,0.25);
	border-right-width: 0;
	border-bottom-width: 0;
}

@media screen and (min-width: 768px){
	.floating-box-fixed {
		display: block;
	}
}


.floating-box-fixed li { 
	margin: 0;
	padding: 0;
}

.floating-box-fixed li a { 
	display: block;
	width: 44px;
	height: 44px;
	background: #002352;
	line-height: 44px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}

.floating-box-fixed li a:hover { 
	background: #2D4A9F;
}

.floating-box-fixed li a i {
	vertical-align: middle;
}

@media screen and (max-width: 767px){
	.floating-box-fixed li a.icon-facebook,
	.floating-box-fixed li a.icon-instagram,
	.floating-box-fixed li a.icon-linked {
		display: none;
	}
}

.kalkulator-cf7-wrap .wpcf7-response-output {
	display: none !important;

}

.cmplz-cookiebanner .cmplz-buttons  {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	width: 100%;
	grid-column: span 2;
}

.calc-input-e {
	position: relative;
}

.calc-input-e:after {
	position: absolute;
	top: 0;
	left: 12px;
	content: "€";
	line-height: 44px;
	font-weight: 500;
	color: #222;
}

.calc-input-e.kwh:after {
	content: "kWh";
}

.calc-input-e input {
	padding-left: 28px;
	text-align: left;
}

.calc-input-e.kwh input {
	padding-left: 56px;
}



/* Chrome, Safari, Edge, Opera */
.calc-input-e input::-webkit-outer-spin-button,
.calc-input-e input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.calc-input-e input[type=number] {
  -moz-appearance: textfield;
}

.tab-link__name {
	text-transform: uppercase;
}

.dizalice-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

@media screen and (min-width: 640px) {
	
	.dizalice-form {
		grid-template-columns: 1fr 1fr;
	}
	
	.form-field.wide {
		grid-column: span 2;
	}
}


.dizalice-form p,
.dizalice-form label {
	margin: 0;
	display: block;
} 


.dizalice-form input[type="text"] {
	width: 100%;
}

.wpcf7-acceptance .wpcf7-list-item-label {
	cursor: pointer;
}



.contactez-moi-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}

.contactez-moi-form  .wpcf7-list-item {
	margin: 0;	
}


.contactez-moi-form .form-field p,
.contactez-moi-form .form-field select,
.contactez-moi-form .form-field input
{
	margin: 0;
}


@media screen and (min-width: 640px) {
	
	.contactez-moi-form {
		grid-template-columns: 1fr 1fr;
	}
	
	.form-field.wide {
		grid-column: span 2;
	}
}


.cmplz-close {
	display: none !important;
}