/*
Theme Name: sd
Description: [personal theme]
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.7
Text Domain: sd
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  direction: rtl;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
  font-family: "vz";
  src: url("fonts/Vazirmatn-Bold.ttf") format("ttf");
  src: url("fonts/Vazirmatn-Bold.eot") format("eot");
  src: url("fonts/Vazirmatn-Bold.woff") format("woff");
  src: url("fonts/Vazirmatn-Bold.woff2") format("woff2");
}

@font-face {
	font-family: 'font-awesome';
	src:url('../vip/fonts/fontawesome-webfont.eot');
	src:url('../vip/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../vip/fonts/fontawesome-webfont.svg#font-awesome') format('svg'),
		url('../vip/fonts/fontawesome-webfont.woff') format('woff'),
		url('../vip/fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
  direction: rtl;
  font-family: "vz", Tahoma, sans-serif;
  color: #2c3e50;
  background: #CDCDCD;
}
h4, .h4 {
  font-size: calc(1rem + 0.3vw);
}

a {
	color: #666699;
	text-decoration: none;
}

a:hover {
	color:#b1b1b1;
}

hr {
  margin: 0rem 0;
  margin-top: 0.5rem;
}

.topbar {
  font-size: 12px;
  display: flex;
  height: 25px;
  justify-content: right;
  padding-right: 2%;
  align-items: center;
  font-weight: bolder;
  color: #fff;
}
.lo{
	font-size: x-large; 
	color: #f39c12; 
	text-shadow: 0 1px 1px rgb(0 0 0);
	display:flex !important;
}
.lo a img{
    width: 40px;
    border: 0;
    height: 40px;
}

h1,
.h1 {
  font-size: calc(0.5rem + 1.5vw);
}
p {
  margin-bottom: 0rem;
}
.fa-bell {
  margin-left: 2%;
}
footer {
  margin-bottom: 50px;
}
.cp {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  bottom: 0;
  padding: 2px;
  box-shadow: 10px 0px 8px 5px rgba(0, 0, 0, 0.3);

}
.cp p {
  padding: 2px;
  margin: 0;
  font-size: 12px;
}

.pi1 {
  border-top: var(--bs-border-width) dashed;
  margin-bottom: 2%;
  margin-top: 0;
  color: #2c3e50;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
textarea.form-control {
  background-color: #E8E8E8;
}


/* last home item */
* {margin: 0; padding: 0;}

main{
  justify-content: center;
  display:flex;
  flex-wrap: wrap; 
  margin-top: 100px;
}

.img { grid-area: img; width: 60px; height:60px; display: flex; margin-top: 10px; margin-right: 5px;}
.tex { grid-area: tex; height: 60px;}
.img img{border-radius: 5px;}
.sec{
  display: grid;
  grid-template-areas:
  'img tex tex tex tex tex tex tex ';
  background-color:#0000008b;
  color: white;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  height: 80px;
  box-shadow: 0 4px 10px rgb(0 0 0);
}
.sec:hover{
  background-color:#34495e;
  color: white;
}

.item {
  margin: 10px;
	width:380px;
}

.date{
  width: 100%;
  display: flex;
  justify-content:space-between;
  background-color: #f0ecec;
  color: #2c3e50;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  align-items: center
}

.tex{
  margin: 10px;
}
.date h5{
  padding-left: 20px;
  font-size: 14px;
}

.date h4 a{
  padding-right: 20px;
	color:#b1b1b1;
}
.date h4 a:hover {
	color: #666699;align-content
}

.item h3{
  padding-top: 0px;
  color:#f39c12;
  font-size: 14px;
}

.item p{
  font-size: 12px;
}

main .none {
  width: 100%;
  color: rgb(146, 87, 87);
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
#single {
  text-align: right;
}
.alink{
    display: flex;
    width: 100%;
    justify-content: center;
}
.bc h2{
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin-right: 4px;
}
.bc{
	  padding: 5px;
      margin-top: 90px;
      display: flex;
      align-items: center;
}
#crumbs{
  margin-top: 3px;
  display: flex;
  align-items: center;
}
#crumbs >a {
	padding: 2px;
    border-radius: 5px;
	border:2px solid #607d8b ;
  background-color: #ffffff;
}
#crumbs >span {
    border-radius: 5px;
    padding: 2px;
	border:2px solid #607d8b ;
	color:#b1b1b1;
}
.imgsin {
  position: static;
  margin: 0 auto; /* Center it */
}
img.isi {
  padding-right: 5px;
  padding-left: 5px;
  border-top-left-radius: 25%;
  border-top-right-radius: 5%;
  border-bottom-left-radius: 5%;
  border-bottom-right-radius: 5%;
}
.tags{
  padding-bottom:3%;
  margin-left: 5%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  float: left;
}
.tags a{
  display: inline-block;
  padding: 1px 4px;
  color: #000;
  background-color: #eaeaea;
  margin-right: 5px;
  font-size: 80%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.tags a:hover{
  background-color: #607D8B;
  transition:100ms;
}

.asl{
  text-align:justify;
}

#authorData {
padding: 15px;
}

#authorData p{
background-color: #F5F5F5;
padding: 15px;
}
   
#authorData strong{
color: #f39c12;
font-size:16px;
font-weight: bold;
}
   
#authorData img {
border: 1px solid #D8D8D8;
border-radius: 50%;
float: right;
margin: 0 10px 10px 0;
margin-left:10px;
}

.panel {
  padding: 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.album {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#myImg1,
#myImg2,
#myImg3,
#myImg4 {
  cursor: pointer;
  transition: 0.3s;
  width: 20%;
  height:160px;
}
#myImg1:hover,
#myImg2:hover,
#myImg3:hover,
#myImg4:hover {
  opacity: 0.9;
}
.cv4{
  border-top: 20px solid #020202;
  background-color: #2c3e50;
}
.cv4:hover{
  background-color: #64baf3;
}
.ico {
  padding: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ico .fa {
  margin-left: 25px;
  font-size: 30px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}
.ico .fa:hover {
  transition: 100ms;
  color: #2c3e50;
}
.ico > a{
  color: #f39c12;
  text-shadow: 0 1px 0px rgb(0, 0, 0);
}
.page-numbers.current {
    display: inline-block;
    background-color: #2c3e50;
    padding: 5px;
    width: 50px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}
.page-numbers {
    display: inline-block;
    background-color: #9a9a9a;
    padding: 5px;
    width: 50px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}
.prev {
    display: inline-block;
    background-color: #9a9a9a;
    padding: 5px;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}
.next {
    display: inline-block;
    background-color: #9a9a9a;
    padding: 5px;
    width: 100px;
    height: 30px;
    border-radius: 5px;
    color: #fff;
}
.inf h2 {
  text-align: right;
  padding-right: 5px;
  color: grey;
}
.inf p {
  color: #2c3e50;
  margin: 5%;
  text-align: justify;
  padding: 5px;
  background-color: whitesmoke;
}
.upl h2 {
  text-align: right;
  padding-right: 5px;
  color: #fff;
}
.upl h1 {
  color: #845252;
  margin: 10%;
  padding: 5px;
  background-color: whitesmoke;
}
.comment.even.comment {
  background-color: #ccddf2;
  margin: 2%;
  padding: 2%;
  border-radius: 10px;
}
.comment.odd.comment {
  background-color: #cccccc;
  margin: 2%;
  padding: 2%;
  border-radius: 10px;
}
.comment-form {
  display: flex;
  flex-direction: column;
}
.fn a{
	color:#2d2a1a;
}
.comment-meta,.commentmetadata{
display:none;
}
.page-numbers.current{
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.comment-reply-title {
  background-color: #2c3e50;
  color: #fff;
  text-align: center;
}
.comment-author img,
.comment-notes,
.comment-form-cookies-consent {
  display: none;
}
.comment-list {
  list-style-type: none;
}
.btn-primary {
  background-color: #2c3e50;
  border: #2c3e50;
}
.btn-primary:hover {
  background-color: #6fa2d2;
}
.heart {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*zoom*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  max-height:400px;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  height: 150px;
}
.modal-content,
#caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.close {
  position: absolute;
  top: 80px;
  right: 15px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 404 */

#notf {
  position: relative;
  height: 200px;
  width: 95%;
  right: 10px;
}

#notf .notf {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notf {
  max-width: 710px;
  width: 100%;
  padding-left: 190px;
  line-height: 1.4;
}

.notf .notf-404 {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 150px;
}

.notf .notf-404 h1 {
  color: #2c3e50;
  font-size: 150px;
  margin: 0px;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notf h2 {
  color: #2c3e50;
  font-size: 28px;
    font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
}

.notf p {
  font-size: 14px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 15px;
  color: #2c3e50;
}

.notf a {
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 40px;
  color: #2c3e50;
  font-weight: 700;
  -webkit-box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 15px -5px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notf a:hover {
  color: #fff;
  background-color: #2c3e50;
}
/*tab single*/
.wrapper{
  max-width: 100%;
  padding: 0 20px;
}
.wrapper .parent-tab{
  margin-bottom: 8px;
  border-radius: 3px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.18);
}
.content > h4{
  margin-right: 1%;
  color: #f39c12;
  text-align: justify;
}
.content > h6 {
	margin-right: 1%;
}
.content > strong{
	margin-right: 1%;
}
.wrapper .parent-tab label{
  z-index: 0;
  background: #2c3e50;
  color: #ffffff;
  padding: 1%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  transition: all 0.3s ease;
}
.wrapper .parent-tab label:hover{
  background: #a6a6a6;
  color: #fff;
}
.parent-tab input:checked ~ label{
  border-radius: 3px 3px 0 0;
  background: #a6a6a6;
  color: #fff;
}
.wrapper label span{
  padding-left: 10%;
  font-size: 18px;
  font-weight: 500;
  text-align: justify;
}
.parent-tab label .icon {
  position: relative;
  height: 30px;
  width: 30px;
  font-size: 15px;
  color: #f39c12;
  display: block;
  border-radius: 50%;
  text-shadow: 0 -1px 1px #fff;
  background: #fff;
}
.parent-tab label .icon i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.parent-tab input:checked ~ label .icon i:before{
  content: '\f068';
}
.wrapper .parent-tab .content{
	padding:0 10px;
  max-height: 0px;
  overflow: hidden;
  background: #fff;
  border-radius: 0 0 3px 3px;
  transition: all 0.4s ease;
}
.parent-tab input:checked ~ .content{
 max-height: fit-content;
}
.tab-3 input:checked ~ .content{
  padding: 15px 20px;
}
.parent-tab .content p{
  text-align: justify;
  padding: -0 15px 15px 15px;
  font-size: 16px;
  color: #3a3a3a;
}
ol, ul {
    padding-right: 2rem;
	padding-left: 2rem;
    text-align: justify;
}
input[type="radio"],
input[type="checkbox"]{
  display: none;
}


@media only screen and (min-width: 1160px) {
  img.isi {
    width: 35%;
    height: 300px;
  }
  img.adv {
    width: 70%;
  }
  h1,
  .h1 {
    font-size: 21px;
  }
  h2,
  .h2,.texsin p {
    font-size: 17px;
  }
  p {
    margin-bottom: 0rem;
    font-size:18px ;
  }
		#authorData img {
	width:100px;
	height:100px;
}
}
@media only screen and (max-width: 1160px) {
  img.isi {
    width: 35%;
    height: 300px;
  }
  img.adv {
    width: 70%;
  }
  h1,
  .h1 {
    font-size: 20px;
  }
  h2,
  .h2,.texsin p {
    font-size: 16px;
  }
  p {
    margin-bottom: 0rem;
    font-size:17px ;
  }
	#authorData img {
	width:100px;
	height:100px;
}
}
@media only screen and (max-width: 950px) {
#myImg1,
#myImg2,
#myImg3,
#myImg4 {
  cursor: pointer;
  transition: 0.3s;
  width: 20%;
  height:120px;
}
  .cp p {
  font-size: 11px;
}
  .topbar {
	font-size: 11px;}

  img.isi {
    width: 45%;
    height: 300px;
  }
  img.adv {
    width: 75%;
  }
  h1,
  .h1 {
    font-size: 18px;
  }
  h2,
  .h2,.texsin p {
    font-size: 14px;
  }
  p {
    margin-bottom: 0rem;
    font-size:15px ;
  }
		#authorData img {
	width:80px;
	height:80px;
}
  
}

@media only screen and (max-width: 695px) {

.modal-content {
  width: 100%;
}
#myImg1,
#myImg2,
#myImg3,
#myImg4 {
  cursor: pointer;
  transition: 0.3s;
  width: 20%;
  height:70px;
}
  .cp p{
  font-size: 11px;
}
.txtsin p {
  font-size: 13px;
}
  .topbar {
	font-size: 11px;
}
  img.isi {
    width: 45%;
    height: 200px;
  }
  img.adv {
    width: 80%;
  }
  h1,
  .h1 {
    font-size: 16px;
  }
  h2,
  .h2,.texsin p {
    font-size: 13px;
  }
  p {
    margin-bottom: 0rem;
    font-size:14px ;
  }
		#authorData img {
	width:60px;
	height:60px;
}

}

@media only screen and (max-width: 480px) {
  .notf {
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
  }
  #notf .notf {
    height: max-content;
  }
  .notf .notf-404 {
    position: absolute;
    width: 100%;
    margin-bottom: 15px;
    height: 100px;
  }

	.notf .notf-404 h1 {
	 font-size: 70px;
   left: 7%;
   top: 50%;
	}
  .notf h2 {
    font-size: 25px;
}

  .notf a{
    width: 250px;
  }
  .notf p{
    padding-left: 10%;
  }
#myImg1,
#myImg2,
#myImg3,
#myImg4 {
  cursor: pointer;
  transition: 0.3s;
  width: 20%;
  height:60px;
}
  .cp p {
  font-size: 11px;
}
 .topbar {
	font-size: 11px;
}
  img.isi {
    width: 45%;
    height: 120px;
  }
  img.adv {
    width: 90%;
  }
  h1,
  .h1 {
    font-size: 14px;
  }
  h2,
  .h2,.texsin p {
    font-size: 12px;
  }
  p {
    margin-bottom: 0rem;
    font-size:13px ;
  }
	#authorData img {
	width:50px;
	height:50px;
}
	.item {
    width: 320px;
}
	#crumbs >span , #crumbs >a {
		font-size:12px;
	}
	.lo{
	font-size: large;
}
}

/* custom */
  
.enlighter-toolbar {
	top: -30px !important;
    z-index: 0 !important;
}
.enlighter-code {
    margin-top: 20px  !important;
}