/**
Theme Name: Astra Child
Author: Fancsali Gábor
Author URI: http://wpastra.com/about/
Description: description
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: astra-child
Template: astra
*/

h1, h2, h3, h4, h5, h6 {
	text-transform:none !important;
}


.ennka_ta_product_parameters  
{  
   font-family:"Courier New", Courier, monospace;  
   font-size: 15px;   
}


.ennka_ps_row {
  width: 100%;
  aspect-ratio: 3/1;
  /*border: 1px solid black;*/
  display: grid;
  grid-template-columns: auto auto auto;
  justify-items: center;
}

.ennka_ps_row > .column {
  padding: 0 1.5vw 0 1.5vw;
	display: flex;
  justify-content: center;
  align-items: center;
}




.ennka_header > h1 {
	color: var(--ast-global-color-4);
	text-shadow: 2px 7px 9px var(--ast-global-color-2);
}
.ennka_header {
	background: #57372363;
	text-align: center;
}




#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
/*
.mymodal {
  display: none; 
  position: fixed;
  z-index: 9999; 
  padding: 40px 62px 0px 62px;
  width: 100vw; 
  height: 100vh; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.99); 
  margin: 0;
  
  float: left;
  left:50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #73AD21;
}
*/
.mymodal {
  display: none; 
  position: fixed;
  z-index: 9999; 
  padding: 40px 62px 0px 62px;
  width: 100vw; 
  height: 100vh; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.99); 
  margin: 0;
  
  float: left;
  left:50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #73AD21;
  
  align-items:center;
  justify-content:center;
  
}









/* Modal Content (image) */
.mymodal-content {
  /*margin: auto;*/
  display: block;
  width: 100%;
	height: 100%;
  max-height: 90%;
    /*justify-content: center;*/
	  object-fit: contain;
	  margin=0;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.mymodal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .mymodal-content {
    width: 100%;
  }
}


body.noscroll {
    overflow: hidden;
    position: fixed;
}