/*
Theme Name: Sargent
Theme URI: https://sargent.hu/
Author: Erdősi Gábor
Author URI: https://sargent.hu/
Description: Modern, responsive one-page theme for Sargent-CO Kft. Converted from original static layout.
Version: 1.1
Text Domain: sargent
*/
@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

body, html
{
	
}

body
{
	/*font-family:"open sans", Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Verdana, Arial, sans-serif;
	text-align:justify;
	padding:0px;
	margin:0px;
}

#felsoresz
{
	min-height: 85%;
	width:100%;	
	background-attachment:fixed;
	background-image:url('img/bgnd.jpg');
	background-size:100%;
	margin:0px;
	padding:0px;
	
	
	
	
}


/*.kocka
{
	background: rgba(0, 176, 97, 0.5);
	width: 240px;
	height:240px;
	display:inline-block;	
	text-align:center;
	vertical-align:middle;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}

#kockaresz
{
	text-align:center;
}

.ksor
{
	margin-bottom:10px;
	overflow: auto;
}

*/

#kockaresz
{
	text-align:center;
	margin:0px;
	display:table;
	border-spacing: 10px;
	border-collapse:separate;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}

.ksor
{
	margin:10px;
}

.kocka
{
	/*background: rgb(0, 176, 97);*/
	background: whitesmoke;
	display:table-cell;	
	width: 190px;
	height: 190px;
	
	border:thin;
	border-color:white;
	vertical-align:middle;
	color:black;
	font-size:1.8em;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center;
}

.kocka h1
{
	font-size:32px;	
}

#kockab1
{
	background:none;	
}

.kocka a
{
	color:black;
	/*font-style:italic;*/	
}



#kocka23
{
	width:390px;	
}

#felsomenu
{
	
	height: 50px;
	
	left:0;
	width:100%;
	background-color:black;
	z-index: 100;
	border-bottom-color:#000;
	border-bottom: solid 1px;
	margin-top:0px;
	
	
		
	
}

a
{
	outline:0;
}

.menubar
{
	width: 100%;
	vertical-align:middle;
	/*color:white;*/
}

.menubar a
{
	text-decoration:none;
	color: white;
	transition-duration:1s;
}


.menubar ul
{
	list-style:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	width:80%;
	vertical-align:middle;
}


.menubar li 
{
	float:left;
	text-align:center;	
	width: 19%;
	vertical-align:middle;
	height: 40px;
	padding-top:15px;
}

.menubar a.mPS2id-highlight-last
{
	color:yellow;
}

#fokkkpp
{
	
	padding-top:5px;	
	padding-bottom:0px;
}




.section {
                width: 80%;
                padding: 1.25em 0;
                margin: 0 auto;
                background: #fff;
				min-height:40%;
}

hr
{
	color:#2F5B7B;
}


#contbal
{
	float:center;
	width:100%
}




#contform
{
	float:center;
	padding:50px;
	width:90%;
}

#terkep
{
	float:center;
	width:50%;
	padding:10px;


}





.section h1
{
	text-align:center;	
}

.hir h1
{
	font-size:18px;	
	font-variant:small-caps
}






#main 
{
	margin-top: 100px;	
}




#newerp
{
	float: right;	
}

#simplemodal-overlay {background-color:#000;}

#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}


.partnerbox
{
	/*background-color:#00733E;*/
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	display:table;
	background-color:white;
	width:100%;
}
.partnergrn
{

		width:300px;
		display: table-cell;
		color:white;
		padding:10px;
		padding-top:0px;
		padding-bottom:40px;
		
		
}

.partnerdoc
{
		background-color:whitesmoke;
		display:table-cell;
		padding:10px;
		margin:0px;
		padding-bottom:20px;
		

}

#partner
{
	float: center;
	width:90%;	
	background: white;
}

.partnergrn a
{
	color:#white;	
}

#about
{
	float: center;
	width:90%;	
	background: white;
}

#contact
{
	float: center;
	width: 90%;
	padding: 1px;
	background: white;
}
.newscol
{
	display: table-cell;
	width: 33%;
	border-right: solid 1px #800;
	padding: 5px;
	min-height:1px;
	
}

#news
{
float: center;
	width: 80%;
	padding: 100px;
	background: white;

}

#newsconts
{
	display:table;
	text-align: center;	
	background-color:white;
}

#newscollast
{
	border-right:0px;	
	text-align: center;	
}

/* === Modern base typography & layout === */

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #222;
    background-color: #f5f5f5;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Constrain main content for large screens */
.wrap,
.container,
#felsoresz,
#news,
#news2,
#kapcsolat,
#rolunk,
#partnerek {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Header / hero section */
#felsoresz {
    background-size: cover;
    background-position: center center;
}

/* General section spacing */
section {
    padding: 4rem 1rem;
}

/* Navigation blocks as flexible grid */
.ksor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0;
}

.kocka {
    flex: 1 1 180px;
    max-width: 260px;
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Typography tweaks */
h1, h2, h3, h4 {
    font-weight: 600;
    margin: 0.5em 0;
    color: #003366;
}

a {
    color: #0066cc;
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: underline;
}

/* Tables / news blocks */
#newsconts,
#newscollast {
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
}

/* Footer */
footer,
#lablec {
    padding: 2rem 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: #666;
    background-color: #eaeaea;
}

/* === Responsive adjustments === */

@media (max-width: 992px) {
    #felsoresz {
        background-attachment: scroll;
    }
}

@media (max-width: 768px) {
    .ksor {
        flex-direction: column;
        align-items: stretch;
    }

    .kocka {
        max-width: 100%;
    }

    body {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 1.6rem;
    }

    h2 {
        font-size: 1.4rem;
    }
}
body, html {
	background-color: white !important;
	}