/*
Theme Name:     Komplast
Theme URI:      https://komplast.ro
Template: neve
Author:         Really Studio
Author URI:     https://really.ro
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has 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
*/


@font-face {
    font-family: 'C';
    src: url("fonts/C.woff2") format("woff2-variations");
}

@font-face {
    font-family: 'S';
    src: url("fonts/S.woff2") format("woff2-variations");
}

 body, button, input, select, optgroup, textarea {
    font-family: 'S';
    font-size: calc(18px + .10vw);
    line-height: calc(1.5em + .2vw);
    font-variation-settings: "wght" var(--wght),"wdth" var(--wdth),"ital" var(--ital);
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6{
	font-family: "C";
}

header .is-stuck{
	border-bottom: 1px solid #ddd
}

.nv-nav-wrap {
	font-family: 'S';
    font-size: calc(18px + .10vw);
    line-height: calc(1.5em + .2vw);
    font-variation-settings: "wght" var(--wght),"wdth" var(--wdth),"ital" var(--ital);
    font-size: 16px;
}

.nav-menu-primary {
	position: relative;
	top: 5px;
}

.nav-menu-primary a:hover, .current-menu-item:not(.contact-link) a{
	text-decoration: underline;
	color: #000 !important;
	text-underline-offset: 6px;

}

.contact-link a {
	position: relative;
    background: #fbee1d;
    border-radius: 50px;
    color: #000 !important;
    padding: 7px 25px 5px 25px !important;
    top: -5px;

}

.site-logo {
    position: relative; /* sau absolute dacă este necesar */
    z-index: 1;
}

.header-menu-sidebar ul{
	display: contents;
}

.header-menu-sidebar li a{
	padding: 7px 0 !important;
	text-transform: uppercase;
	font-weight: 400 !important
}

.header-menu-sidebar .contact-link a {
	position: relative;
	background: none;
	border-radius: none;
	padding: 0 !important;
	top: 0 !important

}

.header-menu-sidebar li.wpml-ls-menu-item{
	display: inline-block;
	width: auto;
	
	margin-top: 11px !important
}

.header-menu-sidebar li.menu-item-wpml-ls-2-ro{
	margin-left: 11px !important;
}

.header-menu-sidebar .wpml-ls-menu-item a{
	
}

.contact-link.current-menu-item a{
	background: #000;
	color: #fbee1d !important;
	text-decoration: none;
}

.contact-link a:hover, .contact-link .current-menu-item a:hover{
	background: #000;
	color: #fbee1d !important;
	text-decoration: none;
}


.hfg_header.site-header{
	box-shadow: none !important
}

.hero_home{
	position: relative;
	display: block;
	background-image: url(images/homebg.png), url(images/bg.png);
	background-position: right -33em bottom 45%, center center;
	background-origin: border-box, content-box;
	background-repeat: no-repeat;

}

.pageHead{
	position: relative;
	display: block;
	background-image: url(images/bg.png);
	background-position: center center;
	background-origin: content-box;
	background-repeat: no-repeat;
}

.pageHead .innerblocks-wrap{
	position: relative;
	margin: 0 auto
}


.hero_home h1{
font-size: clamp(37px, 3.98704vw, 100px);
    line-height: 95%;
    font-weight: 600;
}

.hero_home p{
	position: relative;
	padding-right: 7em;
	font-size: clamp(21px, 2.18704vw, 20px);
    line-height: 1.2;
    font-weight: 400;

}

.pageHead p{
	position: relative;
	font-size: clamp(21px, 2.18704vw, 20px);
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 0
}


.white-block {
    display: inline-block;
    position: relative;
    margin-top: 2em;
    background: #fff;
    padding: 11px 0;
  border: 1px solid #03071e; /* Optional: a normal border if needed */
  overflow: hidden;
}

.white-block span {
    padding: 1em 20px;
    font-size: 17px;
}

.white-block a{

	position: relative;
	font-family: 'S';
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	background: #03071e;
	border-radius: 0;
	border: none;
	padding: 23px 41px;
}

.white-block a:hover{
	background: #fbee1d;
	color: #000
}

.h2title h2, h2.h2title{
	font-size: clamp(27px, 3.58704vw, 40px);
    line-height: 1.2;
    font-weight: 500;
}

.h3title{
font-size: clamp(21px, 3.18704vw, 30px);
    line-height: 1.1;
    font-weight: 500;
}

.threecols .innerblocks-wrap{
	gap: 4em;
}

.btnprod{
	position: relative;
	bottom: 0
}

.boxheight{
	position: relative;
	top: -1.5em
}

.boxheight h3{
	font-size: clamp(21px, 3.58704vw, 33px);
    line-height: 1.2;
	font-weight: 500
}

h4.prodHeading{
	margin-top: 1em;
	top: 2.5em;
	font-family: "S";
	font-size: 22px;
	font-weight: 400;
	line-height: 1.1

}

.prodfeatp {
	font-size: 21px;
	line-height: 1.2
}

.twocols{
	position: relative;
	gap: 4em;
}

.twocols .prodblock {
	margin-bottom: 2em
}

.prodblock{
	-webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18);
box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.18);
}

.prodblock h3{
	font-size: clamp(21px, 3.58704vw, 25px);
    line-height: 1.2;
    font-weight: 500;
}

.prodblock p{
	margin-bottom: 0;
	line-height: 1.3
}

.despregrid.is-layout-grid {
	gap: 4em; 
}

.btnfont, .wp-block-button__link{
	font-family: "S" !important
}

.cert p{
	margin-bottom: 11px;
}

.cert .wp-block-themeisle-blocks-font-awesome-icons-container{
	padding: 0 !important;
	margin: 0 !important
}

.twocolsgap .innerblocks-wrap{
	gap: 4em;
}

.blckprteuri p{
	line-height: 1.3
}

.wpml-ls-item {
	margin: 0 !important
}

.topprod .innerblocks-wrap{
	gap: 4em;
}

.h1prod {
	font-size: clamp(37px, 3.18704vw, 80px);
    line-height: 95%;
    font-weight: 600;
}

.pprod{
	font-size: 22px;
	line-height: 1.4
}

.prodlist{
	position: relative;
	margin-bottom: 2em;
	padding-top: 2em;
	border-top: 1px solid #ddd;
	font-size: 17px;
}

.prodlist .wp-block-themeisle-blocks-icon-list-item{
	line-height: 1.5
}

.font19{
	font-size: 19px;
	line-height: 1.4
}

.prodFeat{
	position: relative;
	padding: 1em 2em 2em 2em
}



.btnMostre{
	display: block !important;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4em
}

.btnBlockPVC{
	margin-top: 3em
}

.btnBlockPVC  h2{
	margin-bottom: 1em
}

.btnBlockPVC .wp-block-buttons>.wp-block-button.wp-block-button__width-25{
	width: 100%
}

.btnMostre a{
 display: inline-block !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    line-height: 1.15 !important;
    -webkit-appearance: none !important;
    text-transform: uppercase !important;
    border: 0 !important;
    border-radius: 51px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    padding: 19px 22px !important;
    cursor: pointer !important;
    outline: 0 !important;
    width: 210px !important;
    text-align: center !important;
    margin: 0 auto !important
}

.btnMostre a:hover{
	background: #fbee1d !important;
	color: #000 !important
}


.prodet a{
	color: #000
}

.prodFeat p{
	position: relative;
	margin-top: 1.5em;
	margin-bottom: 0
}

.prodicons .innerblocks-wrap{
	margin: 0 auto;
	justify-content: center
}

.prodicons .wp-block-themeisle-blocks-advanced-column, .prodicons .wp-block-image{
	display: flex;
	position: relative;
	text-align: center;
	align-items: center;
  justify-content: center;
  
}

.prodicons .wp-block-themeisle-blocks-advanced-column{
	margin-left: -15px ;
	margin-right: -15px 
}

.prodicons .innerblocks-wrap figure{
	margin-left: 5px !important;
	margin-right: 5px !important
}


.prodTable table{
	position: relative;
	margin-top: 3em;
	border-collapse: collapse;


}

.prodTable table thead {
	 border-top: 1px solid #ddd !important; 

}

.prodTable table thead tr th{
	padding: 1em
}


.prodTable table td{
	font-size: 19px;
	line-height: 1.4;
	padding: 1em
}

.prodTable table tr td:nth-child(2), .prodTable table thead th:nth-child(1), .prodTable table thead th:nth-child(2), .prodTable table thead th:nth-child(3),
.prodTable table tr td:nth-child(3), .prodTable table tr td:nth-child(1){border-right:1px solid rgba(0, 0, 0, 0.12);border-left:1px solid rgba(0, 0, 0, 0.12);}
.prodTable table tr td:nth-child(4), .prodTable table thead th:nth-child(4){border-right:1px solid rgba(0, 0, 0, 0.12);}


.contactInfo p{
	font-size: 17px;
	line-height: 1.5
}

.contactInfo a{
	font-weight: 500;
	color: #000;

}

.faq .wp-block-themeisle-blocks-accordion-item__title{
	font-size: 19px;
	line-height: 1.3
}

.faq .wp-block-themeisle-blocks-accordion-item__title, .faq .wp-block-themeisle-blocks-accordion-item__content ul li strong{
	font-weight: 500
}

.faq .wp-block-themeisle-blocks-accordion-item__content p, .faq .wp-block-themeisle-blocks-accordion-item__content ul li{
	font-size: 17px;
	line-height: 1.4
}

.faq .wp-block-themeisle-blocks-accordion-item__content a{
	color: #000
}

.entry-content{
	font-size: 19px;
}



.entry-content p, .entry-content-custom p{
	line-height: 1.4
}

.entry-content li, .entry-content-custom li{
	line-height: 1.2
}

.site-footer .footer--row{
	padding: 1.5em 0
}

.site-footer .footer-main-inner .row{
	align-items: center;
}

#menu-footer, #menu-footer-engleza {
     display: grid;
  grid-auto-flow: column; /* Ensures the items flow in a row */
  grid-template-columns: auto; /* Allows columns to size based on content */
  gap: .5rem; /* Adds space between items */
  padding: 0;
  margin: 0;
  list-style: none; /* Removes default bullet points */
}

#menu-footer li, #menu-footer-engleza li{
	text-align: center;
	white-space: nowrap;
	
}

#menu-footer li a, .menu-footer-container ul li a, #menu-footer-engleza li a, .menu-footer-engleza-container ul li a{
	font-family: 'S';
	font-size: 13px;
	text-transform: uppercase;
}

#menu-footer li.current-menu-item a, .menu-footer-container ul li.current-menu-item a, #menu-footer-engleza li.current-menu-item a, .menu-footer-engleza-container ul li.current-menu-item a{
	color: #fff !important
}

#menu-footer li a:hover, .menu-footer-container ul li a:hover, #menu-footer-engleza li a:hover, .menu-footer-engleza-container ul li a:hover{
	text-decoration: underline;
	text-underline-offset: 6px;
}

.footerLogo img{
	width: 150px
}

span.credit{
	display: block;
	font-family: 'S';
	font-size: 15px;
}

.ecoTitle p{
	line-height: 1.2 
}

.ecoBlock .innerblocks-wrap,.EcoImages .innerblocks-wrap, .ecoText .innerblocks-wrap, .contactBlock .innerblocks-wrap, .threecolslist .innerblocks-wrap{
	gap: 3em ;
}

.footerForm .wpforms-container-full, .contactBlock .wpforms-container-full{
	margin: 0 !important;
}

.footerForm p{
	font-weight: 500;
	font-size: 17px;
}

.footerFormFix  {
	align-self: unset !important;
}

.formK input:focus, .formK textarea:focus, .formK select:focus{
	border: 1px solid #000 !important;
	box-shadow: none !important
}

.formK input[type=text], .formK input[type=email], .formK input[type=tel], .formK select{
	border-radius: 22px !important;
	margin: 0 0 15px 0 !important;
	outline: none !important
}

.formK textarea{
	border-radius: 22px !important;
}

.formK .inputTel{
	margin-bottom: 15px !important
}

.formK .wpforms-field{
	padding: 0 !important
}

.formK button[type=submit]{
	border-radius: 22px !important;
	background: #000 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 10px 20px !important;
	outline: none !important
}

.formK button[type=submit]:hover{
	background: #fbee1d !important;
	color: #000 !important 
}

.bigForm button[type=submit]{
	margin-top: 1.5em !important
}
.widget{
	margin-bottom: 11px !important
}

.footer-se{display:block !important; position:relative;}
.footer-se ul{position:relative;display:block;margin: 0;padding:0;}
.footer-se ul li{display:inline-block;margin-right:5px; }
.footer-se a{display:block;position:relative;width:25px !important;height:25px !important;}
.footer-se a.fb{background:url(images/fb.svg) no-repeat;background-size:25px 25px;}
.footer-se a.linkedin{background:url(images/linkedin.svg) no-repeat;background-size:25px 25px;}
.footer-se a.insta{background:url(images/insta.svg) no-repeat;background-size:25px 25px;}
.footer-se a.youtube{background:url(images/youtube.svg) no-repeat;background-size:25px 25px;}

.mostre-link a{
	font-family: "S";
	padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 25px;
    font-style: normal;
    background: #fbee1d;
    color: #000;
    border-radius: 50px;
}

.pageOk a{
	color: #000;
	font-weight: 500;
}

.threecolslist ul{
	margin-bottom: 0;
	padding-left: .7em
}

.threecolslist ul li{
	line-height: 1.1;
	font-size: 17px;
	padding-left: .5em
}

.threecolslist ul li::marker {
  content: "✔";
}

@media only screen and (min-width : 300px) and (max-width : 799px){


	.site-logo img{
		max-width: 180px;
		width: 150px !important
	}

	.hero_home, .pageHead{
background-image: none, url(images/bg.png);
	background-size: 500%;
	background-repeat: no-repeat;

	}

	.hero_home p{
		padding-right: 0
	}

	.white-block{
		margin-top: 1em
	}

	.white-block span{
		display: none;
	}

	.threecolslist .innerblocks-wrap{
		gap: 2em;
	}


	 h4.prodHeading{
	margin-top: 0;
	top: 6em;
    }

    .boxprod1{
    	position: relative;
    	margin-bottom: 3em !important;
    	margin-top: -3em
    }

    .boxprod2{
    	position: relative;
    	margin-bottom: 3em !important
    }

    .btnprod{
    	top: 3em
    }

    .prodfeat p br{
		display: none;
    }

    .twocols .prodblock{
    	margin-bottom: 0
    }

    .twocols{
    	gap: 2em;
    }

    .despregrid.is-layout-grid{
    	display: grid;
    	grid-template-columns: repeat(1, minmax(0, 1fr));
    	gap: 2em;
    }

   

    .topprod .innerblocks-wrap{
		gap: 2em;
	}

	.textmobile{
		text-align: left;
		margin-bottom: 0
	}

	.wp-block-themeisle-blocks-advanced-heading br{
		display: none;
	}

	.prodTable table{
		margin-top: 0;
		
	}

	.prodTable table td, .prodTable thead tr{
		font-size: 15px;
		
	}

	.prodTable table td{
		vertical-align: top;
	}

	.prodTable thead tr{
		line-height: 1.1
	}


	.prodTable table thead tr th, .prodTable table td{
		padding: 1em 5px;
	}

	.pageHead p br{
		display: none;
	}

	.ecoBlock .innerblocks-wrap,.EcoImages .innerblocks-wrap, .ecoText .innerblocks-wrap{
	gap: 1em ;
}
	

}





/* RESPONSIVE */


@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px) {

	.header .container{
		padding: 0 2.5em
	}

	.padd25{
		padding-left: 2.5em !important;
		padding-right: 2.5em !important
	}

	.site-footer .container{
		padding-left: 2.5em !important;
		padding-right: 2.5em !important
	}

	.hero_home{
	position: relative;
	display: block;
	padding-left: 2em !important;
	padding-right: 2em !important;
	background-image: url(images/homebg.png), url(images/bg.png);
	background-position: right -50em bottom 45%, center center;
	background-origin: border-box, content-box;
	background-repeat: no-repeat;

	}

	.hero_home p{
		padding-right: 0
	}

	.topprod, .prodBlocks, .tablewrap{
		padding-left: 2em !important;
	padding-right: 2em !important;
	}

	.contact-link a {
  position: relative;
  background: #fbee1d;
  border-radius: 50px;
  color: #000 !important;
  padding: 2px 25px 4px 25px !important;
  top: -2px;
}

    
}

/* For 1366 Resolution */
@media only screen and (min-width: 1030px) and (max-width: 1450px) {

	.header .container{
		padding: 0 2.5em
	}

	.padd25{
		padding-left: 2.5em !important;
		padding-right: 2.5em !important
	}

	.site-footer .container{
		padding-left: 2.5em !important;
		padding-right: 2.5em !important
	}

	.hero_home{
	position: relative;
	display: block;
	padding-left: 2em !important;
	padding-right: 2em !important;
	background-image: url(images/homebg.png), url(images/bg.png);
	background-position: right -43em bottom 45%, center center;
	background-origin: border-box, content-box;
	background-repeat: no-repeat;

	}

	.topprod, .prodBlocks, .tablewrap, .ctablock{
		padding-left: 2em !important;
	padding-right: 2em !important;
	}

	.contact-link a {
  position: relative;
  background: #fbee1d;
  border-radius: 50px;
  color: #000 !important;
  padding: 3px 25px 4px 25px !important;
  top: -2px;
}




}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  /* CSS */


  
}