@charset "utf-8";
@font-face {
    font-family:nastaliq;
    src: url('../fonts/IranNastaliq.eot');
    src: url('../fonts/IranNastaliq.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IranNastaliq.woff2') format('woff2'),
        url('../fonts/IranNastaliq.woff') format('woff'),
        url('../fonts/IranNastaliq.ttf') format('truetype'),
        url('../fonts/IranNastaliq.svg#IranNastaliq') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1{
	font-family:nastaliq;
	text-shadow: 2px 5px 5px #aaa;
	color:#888;
}
.text-link{
	font-family: nazanin;
	font-size: 1.5em;
	font-weight: bold;
	color:darkseagreen;
}
.text-caption{
	font-family: nazanin;
	font-size: 1em;
	font-weight: bold;
	color:#888
}
#heading{
	display:none;
}
#accordion{
	display:none;
}
.pic:hover {
	box-shadow: 3px 3px 5px 5px #ccc;
	opacity: 0.8;
}
figure:hover .text-caption{
	font-size: 1.2em;
	color: #aaa;
	text-shadow: 2px 2px 2px #ccc;
}
/*test*/
/* The grid: Four equal columns that floats next to each other */
* {
  box-sizing: border-box;
}
.column {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Style the images inside the grid */
.column img {
  opacity: 0.8;
  cursor: pointer;
}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}