/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 28 2025 | 16:52:56 */
.has-global-padding > .alignfull {margin-top:0 !important;}
.wp-block-post-title{display:none;}
.myw{width:90%;}
@font-face {
    font-family: Vazirmatn;
	    src: url('https://persiabarber.com/fonts/Vazirmatn-Regular.woff2');

  }
  
  @font-face {
    font-family: Vazirmatn-ExtraBold;
	    src: url('https://persiabarber.com/fonts/Vazirmatn-ExtraBold.woff2');

  }
.wp-block-navigation.items-justified-right {
  --navigation-layout-justification-setting: flex-start !important;
  --navigation-layout-justify: flex-start !important;
}
.is-layout-constrained > .alignwide{max-width:1200px !important;}
  h1,.bfont{
  font-family: 'Vazirmatn-ExtraBold' !important;
  }
body,h2,h3,h4,p,button,a,details,ul li{
  font-family: 'Vazirmatn';
  }
html {
    scroll-behavior: smooth !important;
}
@media (max-width: 700px) {
	.myw{width:100% !important;}
	html{overflow-x:hidden !important;}
	body{overflow-x:hidden !important;}
	.bcontent h2 {display:none;}
	.mcm{width:150px;display:block;}
	.mc{display:none;}
	.mamobile{margin-top:100px;}
	.bgd{display:none !important;}.bcontent h1 {font-size:40px !important;}
	}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{margin-right:20px;}
@media (min-width: 700px) {.fl{float:left;}.mcm{display:none;}.bgm{display:none  !important;}.mc{width:150px;}}
body{background-color:#1f2125;color:#d2d2d2;}

.text-center{text-align:center;}
.wp-block-navigation ul li{padding:0 10px !important;}
header nav{margin-top:-10px !important}
figure{margin-top:-10px !important;}
header{position: fixed;max-height:100px !important;
width: 100%;
z-index: 1000;
background: rgba(0, 0, 0, 0.6);
top: 0;}
#wp--skip-link--target{margin-top:0 !important;}
.has-global-padding{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;}
.has-global-padding > .alignfull {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
p{font-size:18px !important;}
.col-xs-1 { max-width: 8.33%; }
.col-xs-2 { max-width: 16.66%; }
.col-xs-3 { max-width: 25%; }
.col-xs-4 { max-width: 33.33%; }
.col-xs-5 { max-width: 41.66%; }
.col-xs-6 { max-width: 50%; }
.col-xs-7 { max-width: 58.33%; }
.col-xs-8 { max-width: 66.66%; }
.col-xs-9 { max-width: 75%; }
.col-xs-10 { max-width: 83.33%; }
.col-xs-11 { max-width: 91.66%; }
.col-xs-12 {  max-width: 100%; }
.row {width: 100%; }

/* تنظیمات برای سایز‌های مختلف */
@media (min-width: 576px) {
	.row {  display:flex;}
    .col-sm-1 { display:flex; max-width: 8.33%; }
    .col-sm-2 { display:flex; max-width: 16.66%; }
    .col-sm-3 { display:flex; max-width: 25%; }
    .col-sm-4 { display:flex; max-width: 33.33%; }
    .col-sm-5 { display:flex; max-width: 41.66%; }
    .col-sm-6 { display:flex; max-width: 50%; }
    .col-sm-7 { display:flex; max-width: 58.33%; }
    .col-sm-8 { display:flex; max-width: 66.66%; }
    .col-sm-9 { display:flex; max-width: 75%; }
    .col-sm-10 { display:flex; max-width: 83.33%; }
    .col-sm-11 { display:flex; max-width: 91.66%; }
    .col-sm-12 { display:flex; max-width: 100%; }
}

@media (min-width: 768px) {
		.row {  display:flex;}
    .col-md-1 { display:flex; max-width: 8.33%; }
    .col-md-2 { display:flex; max-width: 16.66%; }
    .col-md-3 { display:flex; max-width: 25%; }
    .col-md-4 { display:flex; max-width: 33.33%; }
    .col-md-5 { display:flex; max-width: 41.66%; }
    .col-md-6 { display:flex; max-width: 50%; }
    .col-md-7 { display:flex; max-width: 58.33%; }
    .col-md-8 { display:flex; max-width: 66.66%; }
    .col-md-9 { display:flex; max-width: 75%; }
    .col-md-10 { display:flex; max-width: 83.33%; }
    .col-md-11 { display:flex; max-width: 91.66%; }
    .col-md-12 { display:flex; max-width: 100%; }
}
  .image-container {
	  position: relative;
            display: inline-block;
            overflow: hidden;width: 98%;padding: 1%;
        }
 .overlay-text {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(340deg);
            color: white;
            padding: 5px 10px;
            font-size: 24px;
            font-weight: bold;
            border-radius: 15px;
	 width:160px;border: 5px double #fff;text-shadow: 1px 1px 5px #000;
        }
        .image-container img {
            display: block;
            width: 100%; /* اندازه تصویر */
            height: auto;
            transform: scale(0.85); /* زوم 90% */
            transition: transform 0.5s ease-in-out;
			position: inherit;border:none;
			
        }

        /* باکس‌های بوردر */
        .border-box {
            position: absolute;
            width: 50%;
            height: 50%;
            border: 2px solid #8725a7; /* فقط بوردر */
            background: transparent; /* بدون پس‌زمینه */
            transition: all 0.5s ease-in-out;
        }

        /* باکس بالا-راست */
        .top-right {
            top: 0;right: 0;z-index:2;
        }

        /* باکس پایین-چپ */
        .bottom-left {
            bottom: 0;
            left: 0;
			z-index:1;
        }

        /* هنگام هاور */
        .image-container:hover img {
            transform: scale(1); border:2px solid #8725a7;
        }

        .image-container:hover .top-right {
            width: 100%;
            height: 100%;
            border-width: 2px; /* بزرگ‌تر شدن بوردر */
            top: 0;
            right: 0;
        }

        .image-container:hover .bottom-left {
            width: 100%;
            height: 100%;
            border-width: 2px; /* بزرگ‌تر شدن بوردر */
            bottom: 0;
            left: 0;
        }
#portfolio-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.portfolio-item {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  cursor: default;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
#portfolio-list li {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 24.5%;
   
    margin-bottom: -5px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
@media only screen and (max-width: 550px){
	.wp-block-navigation__responsive-container{top: 70px !important;
width: 170px !important;
height: 370px !important;left:100px !important;}
      
#portfolio-list li {
  width: 100%;
	}}
.portfolio-item img {
    -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}

.portfolio-item:hover img {
    -webkit-transform: scale(1,5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   
}
.banner {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .banner img {
            width: 100%;
            height: auto;
            display: block;
        }

        .bcontent h2 {
			font-size: 36px;
            position: absolute;
            top: 55%;
            left: 50%;
			text-shadow: 1px 1px 8px #000;
			color:#fff;
            transform: translate(-50%, -50%);
            cursor: pointer;
            text-decoration: none;
            transition: 0.3s;
        }
footer.wp-block-template-part div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow{display:none;}
        
.bcontent {
            position: absolute;
            top: 65%;
            left: 50%;width:100%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
        }

.bcontent h1 {
            margin: 0 0 200px;background: rgba(0, 0, 0, 0.5);
            font-size: 60px;
line-height: 50px;padding:3%;

        }
.wp-block-navigation__responsive-container-open svg {
height: 30px !important;
width: 30px !important;
background-color: #000;
border: 1px solid #fff;
border-radius: 3px;
padding: 3px;}

}
.wp-block-navigation__responsive-container.is-menu-open{width:50% !important;}
.carousel-slider .carousel-slider__item {
  padding: 10px !important;
  border: 1px solid #ddd !important;
}