/*
Theme Name: Energiatudatos weboldal
Theme URI: 
Author URI: http://www.balatonelektronika.hu
Description: 
Author: BCS
Version: 1.0
Tags: green, white, full-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* COLOR CODE */
:root {
	--color-background:		#F8F8F8;
	--color-text:				#222222;
	--color-link: 				#00543F;
	--color-link-hover:		#FFFFFF;
	--color-secondary:		#595959;
	--color-secondary-text:	#FFFFFF;
	--color-footer-top:		#00543F;
	--color-footer-bottom:	#00543F;	
	--color-footer-text:		#FFFFFF;
}

/* CSS RESET */
html, body {
	border: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


html {
	font-size: 16px; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: var(--color-background);
	box-sizing: border-box;
	color: var(--color-text);
	font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
	font-size: 1.8rem;
	letter-spacing: -0.015rem;
	text-align: left;
	line-height: 2rem;
}

@supports ( font-variation-settings: normal ) {

	body {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
	}
}

*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

#site-content {
	overflow: hidden;
}

.row { margin: 0; }
h1 { font-size: 1.8rem; font-weight: bold; padding: 3px 0; }
h2 { color: var(--color-link); font-size: 1.6rem; font-weight: bold; padding: 3px 0; }
h3 { font-size: 1.4rem; font-weight: bold; padding: 3px 0; }
h4 { font-size: 1.2rem; font-weight: bold; padding: 3px 0; }
h5 { font-size: 1.1rem; padding: 3px 0; }
h6 { font-size: 1rem; padding: 3px 0; }
a, a:hover, a:focus, a:active { color: var(--color-link); } 


/* KICSI FELBONTÁS ESETÉN */
@media (max-width: 768px) {
.site-header { position: relative; }
nav li { display: grid; padding: 5px 0; }
nav { width: 100%; }
.nomobil { display: none; }

}

/* NORMÁL FELBONTÁS ESETÉN */
@media (min-width: 768px) {
.site-header { position: fixed; z-index: 99999; }
nav li { display: inline; padding: 10px 0; }
.mobil { display: none; }

}

/* Header */
.site-header { background: #FFFFFF; ); width: 100%; border-bottom: 3px solid var(--color-footer-top); }
.header-left { padding: 20px 0 10px 0; }
.header-left-top { padding: 15px 0; border-bottom: 1px dotted var(--color-footer-top); }
.header-left-bottom { padding-top: 10px; }
.header-right { padding: 0; text-align: right; }
.site-title { font-size: 1.5rem; font-weight: bold; padding: 10px; }
.site-title a { color: var(--color-link); }
.site-description { color: var(--color-secondary); font-size: 1rem; padding: 0 10px;  }
.infoblokk { text-align: right; }
nav { font-size: 1.4rem; padding: 15px 0; }
nav ul { text-align: center; }
nav li a { padding: 10px; text-align: center; border: 1px solid transparent; }
nav li a:hover { color: var(--color-link-hover); background-color: var(--color-link); border: 1px solid var(--color-link); text-decoration: none; }
nav .current_page_item a { color: var(--color-link-hover); background-color: var(--color-link); border: 1px solid var(--color-link); text-decoration: none; }

#search-div { display: none; padding: 20px; }
#searchform { width: 100%; }
#searchform input { width: 100%; padding: 30px 10px; }

/* Content */
#site-content { text-align: justify; padding-bottom: 60px; }
main { background-color: var(--color-background); padding-top: 200px; font-size: 1rem;}
.main-content { padding: 30px 20px 20px 20px; }
.form-control { font-size: 1.2rem; background: #FFFFFF; border: 2px solid var(--color-link); color: var(--color-link); }
.custom-select { font-size: 1.2rem; background: #FFFFFF; border: 2px solid var(--color-link); color: var(--color-link); }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 5px solid red; padding: 20px 5px; }
.newslist { background-color: #FFF; }
.news { background-color: #FFF; padding: 30px; }
.news ul { padding-left: 30px; }
.btn-lg, .btn-lg:hover { font-size: 1.2rem; color: var(--color-secondary-text); background-color: var(--color-link); }
.news-older { padding: 0; text-align: left; }
.news-newer { padding: 0; text-align: right; }

.energiablokk { background-color: #FFF; margin: 40px 0; padding: 20px; }
.energiablokk .form-group { margin-bottom: 2rem; }
.energia-icon { width: 40px; margin-right: 20px; }

/* Footer */ 
footer { font-size: 1rem; }
.footer-top { min-height: 200px; color: var(--color-footer-text); background-color: var(--color-footer-top); padding: 20px 10px; border-top: 2px solid var(--color-footer-text); }
.footer-top h4 { padding: 10px 0; }
.footer-bottom { color: var(--color-footer-text); background-color: var(--color-footer-bottom); font-size: 0.8rem; text-align: center; padding: 10px 0; }
.widget-title { border-bottom: 1px dotted var(--color-footer-text); width: 80%; }
.footertext, .footertext a  { color: var(--color-footer-text); font-size: 0.9rem; }
footer .table  { color: var(--color-footer-text); }
footer .table td { padding: 0; }