/*
Itt adhatunk meg saját CSS kódot.

Kattintsunk a fenti segítség ikonra a további információkhoz.
*/

:root{
	--main_bg_color:#f0f0f0;
	--main_accent_color: #fcfcfc;
	--main_color_theme:#7395ae;/*#5d5c61;*/
	--hover_color:#bcfcfc;
}

body{background:var(--main_bg_color)}

#page{
margin-left:auto;
margin-right:auto;
}

@media screen and (min-width: 61.5625em) {
	.site-branding,
	.site-header-menu,
	.header-image {
		margin-top: 1em;
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 44.375em) {
.site-header {
    padding: 0.2em 2.6923%;}
}

.header-image a {
	display: block;
	text-align: center; }

@media screen and (min-width: 56.875em) {
.site-content {
    padding-top: 1em;
    padding-right: 4.5455%;
    padding-bottom: 0px;
    padding-left: 4.5455%; 
	}
}

/* PSZ 2021 */

/*h tagek beallitasa*/
h1, h2, h3, h4, h5, h6{
	color:var(--main_accent_color);
	background-color:var(--main_color_theme);
	padding:5px;
	transition: color 0.3s;
}

/*grid beallitasa*/
.grid-container {
	max-width: 1200px;
 /* display: grid;
  grid-template-columns: 400px 400px;
  grid-gap:0px;
  justify-items: stretch;
  align-items: stretch;*/
	max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}

@media (min-width: 600px) {
  .grid-container { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}

/*product-link beallitasa*/

.product-link{
	background-color:var(--main_accent_color);
	border-bottom:solid;
	border-width:10px;
	border-color:var(--main_color_theme);
	margin:15px;
	width:75%;
	position: relative;
}


.product-link h2{
	color:var(--main_accent_color);
	background-color:var(--main_color_theme);
	padding:5px;
	transition: color 0.3s;
}


.product-link:hover img{
	width:90%;
	transition: width 0.5s;
}

.product-link:hover h2{
	color:var(--hover_color);
	transition: color 0.3s;
}


.product-link img{
	width:80%;
	transition: width 0.5s;
}

.product-link a{
	position:relative;
	top:-55px;
}

/* disabled-link definialasa*/
.disabled-link{
	/*background-color:grey;*/
	opacity:0.5;
	cursor: not-allowed;
}

.disabled-link:hover img{
	width:80% !important;
}

.disabled-link:hover h2{
	color:var(--main_accent_color);
}
/* disabled-link vege*/

/*catalog-link beallitasa*/
.catalog-link {
	background-color:var(--main_accent_color);
	border-bottom:solid;
	border-width:10px;
	border-color:var(--main_color_theme);
	padding-bottom:15px;

}

/*
.catalog-link img {
	transition: width 0.5s;
}

.catalog-link:hover img {
	width:47%;
	transition: width 0.5s;
} */

/*
.catalog-div a{
	background-color:var(--main_color_theme);
	color: var(--main_accent_color);
	transition: color 0.3s, box-shadow 0.2s;
	text-decoration: none;
	padding:5px;
	margin:5px;
}


.catalog-div a:hover{
	color:var(--hover_color);
	box-shadow: 3px 3px 2px grey;
	transition: color 0.3s, box-shadow 0.2s;
	
}

*/

.catalog-div a {
	background-color:var(--main_color_theme);
	color: var(--main_accent_color);
	text-decoration: none;
	padding:5px;
	margin:5px;
	transition: color 0.3s, box-shadow 0.2s;
}

.catalog-div a:hover {
	color:var(--hover_color);
	box-shadow: 3px 3px 2px grey;
	transition: color 0.3s, box-shadow 0.2s;
}

/*tablazatok beallitasa*/

.catalog-table-div table {
	
  max-width:100%;
	white-space:nowrap;
	display:block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
	margin-left: 25px;
  margin-right: 25px;
	border: 0px;
  border-collapse: collapse !important;
}

.catalog-table-div th, td {
	border: 1px solid black;
	border-collapse: collapse !important;
	font-weight:bold;
}

.catalog-table-div tr:nth-child(odd) {background: #CCC}

.catalog-table-div tr:nth-child(even) {background: #FFF}

/*egyeb tablazatok*/

.table {
  width:100%;
	margin-left: auto;
  margin-right: auto;
	border: 0px;
  border-collapse: collapse !important;
}

.table tr:nth-child(odd) {background: #CCC}

.table tr:nth-child(even) {background: #FFF}


.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


/*képek beállítása*/

.responsive{
	max-width: 100%;
  height: auto;
}


.centered-image{
	display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top:auto;
	
}



/* kontenerek es sorok */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}



.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  align-content: center;
} 

.site-info { display: none; }
/* kijavitani a konentet*/
.content-area{width:100%;}