@charset "utf-8";
/* CSS Document */

/*Hamburger menü mérete, színe*/
#offcanvas-toggler >i {
color: #0079c1;
font-size: 36px;
}


#sp-header .container {width: 95%}
#sp-header {height: auto !important}


  /*Átlátszó menü sáv*/


#sp-header {background-color: rgba(0, 0, 0, 0.2); }
#sp-header.menu-fixed .sp-megamenu-parent > li > a {color: white;}
#sp-header.menu-fixed {background: rgba(0, 0, 0, 0.7)}
.sticky-header {background: rgba(0, 0, 0, 0)!important;}


.text-shadow {text-shadow: 2px 2px 2px rgba(100, 100, 100, 1);}
.text-bg-color {background-color: rgba(112, 20, 29, 0.5); padding: 20px}

#sp-main-body {
padding: 20px;}


.height1080 {height: calc(100vh - 45px)}


#sp-header {height: auto !important}


.nav-placeholder {background: rgba(0, 0, 0, 0);}
#sp-page-builder .page-content .sppb-section:first-child {
  margin-top: -85px;}





 .sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
display: inline-block;
padding: 0 15px;
line-height: 90px;
font-size: 14px;
font-weight: bold!important;

text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
margin: 0;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.mobileheight {height:500px}

}



/* --------------- tablazat stílus Minden táblázatra automatikus!!!!! ------------------- */

table td, table th {
    background: #f5f5f5;
    border: 1px solid #dedede;
    padding: 8px;
}

table td img, table th img {
    margin: auto;
    padding: 2px;
    border: 1px solid #e5bfbf;
}

table td a img, table th a img {
    padding: 2px;
    border: 1px solid #e5bfbf;
}

table td a:hover img, table th a:hover img {
    padding: 2px;
    border: 1px solid #900;
}

table td:hover, table th:hover {
    background: #eee;
}

table td h1, table th h1, table td th h1 a:link, table td th h1 a:visited {
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    color: #900;
    text-decoration: none;
}

table td h1 a:hover, table th h1 a:hover {
    color: #f70;
    text-decoration: none;
}

table td .date, table th .date {
    padding: 0;
    margin: 2px 0 0 0;
    font-size: 11px;
    color: #999;
    letter-spacing: 0.2em;
}

table td p, table th p {
    padding: 5px 0 5px 0;
    margin: 5px 0 5px 0;
}

table .box_vertical_separator {
    width: 5px;
}

table {
    width: 100%;
}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
#sp-top1 { display:none;

}
  }


  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.sp-contact-info {font-size: 24px; line-height: 1.3em

}
  }

.fastsocialshare_container {margin-top: 20px}

.textshadow {text-shadow: 2px 2px 4px black;}

.sppb-cta-subtitle {background-color: #0079c1; padding: 10px; line-height: 100px!important}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.PricesalesPrice {font-size: 22px!important}
.category-view .row .category .spacer h2 a img {
    margin-top: 2px;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}



{codecitation}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 720px) {
.mobilehide {display:none}

}

{/codecitation}

.product-price {

    margin: 0 0 6px;

    text-align: right;

    float: left;

    line-height: 40px;
  
  	font-weight: 700;
  
  	font-size: 20px;
  

}                                             

body {

    font-family: Open Sans, sans-serif;

    font-weight: 650;

}


.product-related-products {
  display: flex;
  flex-wrap: wrap;  
  margin-top: 40px; /* Extra tér a címsor és a dobozok között */
}


.category-view .row .category .spacer {
  border-radius:50px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  background: linear-gradient(135deg, #f0f0f0 0%, #d9d9d9 100%);
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  max-height: 300px;
  max-width: 300px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.category-view .row .category .spacer:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  background: linear-gradient(135deg, #e6e6e6 0%, #cccccc 100%);
}

@media (max-width: 1000px) {
  .category-view .row .category .spacer{
    font-size: 14px;
    padding: 15px;
    height:auto;
    width:100%;
  }
}

@media (max-width: 600px) {
  .category-view .row{
    font-size: 12px;
    height: auto;
    width: auto;
    padding: 10px;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
}


@media (max-width: 400px) {
  .category-view .row{
    font-size: 10px; 
    padding: 8px;
    height: auto;
    width: 100%;
  }
}

.vmgroup{
  display: flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.vm-product-media-container a[title] {
  font-size: 12px; 
  color: #333333; 
}

.productdetails-view, .vm-product-details-container{
  font-size: 17px; 
  line-height: 1.8; 
  color: #4e4e4e; 
  background-color:#f0f0f0; 
  padding: 35px; 
  border-radius: 15px; 
  border: 1px solid #ededed; 
  margin: 30px; 
  max-width: 950px; 
  margin-left: auto; 
  margin-right: auto; 
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.vm-product-media-container img {border-radius:25px;}

.spacer.product-container, .product-container{
	margin:10px;
}


#sp-component ul.vmproduct {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:1600px;
  height:auto;
  margin-right:40px;
}

product-fields-title-wrapper{align-items:center;justify-content:center;}