@font-face { font-family:iransans; src: url('../fonts/iransans.otf'); src: url('../fonts/iransans.eot') format('eot'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype'), url('../fonts/iransans.woff2') format('woff2'); font-display: swap; }

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #fefefe;
}

::-webkit-scrollbar-thumb {
    background: #84947c;
    -webkit-border-radius: 1ex;
scrollbar-width: thin;
}

::-webkit-scrollbar-corner {
    background: #fefefe;
}

::-moz-selection { /* Code for Firefox */
  color: #fefefe;
  background: #84947c;
}

::selection {
  color: #fefefe;
  background: #84947c;
}

html { scrollbar-color: #84947c #fefefe;scrollbar-width: thin; background:#fefefe; }

body { font-family: "Roboto", 'iransans', sans-serif;  margin: 0 auto; font-size: 13px; background: #e8e6d9;}
body.noScroll, html.noScroll {  overflow-y: hidden;}
body.wrapper-fluid .site-grid {  grid-gap: 0 0em;}
body.wrapper-fluid footer > .grid-child, body.wrapper-fluid header > .grid-child {  padding-left: 1em;  padding-right: 1em;}

ol, ul, dl {  margin:0; padding:0;}
a, a:not([class]) { text-decoration:none; }
p { margin: 0; }
.break {  flex-basis: 100%;  height: 0;}
h1, h2, h3, h4, h5, h6 { font-family: "Roboto", 'iransans', sans-serif; margin:0;}

.brand-logo img { max-width: 100px; display: block; }

.container-header { background: #fff; display:flex; width:100%;}

.container-header #MenuHolder .metismenu > li > a::after, .container-header #MenuHolder .metismenu > li > button::before {  -webkit-transition: all .2s ease,background-color .2s ease;  -o-transition: all .2s ease,background-color .2s ease;  transition: all 1.2s ease,background-color .2s ease;}

main a{ color: #84947c; }

header.container-header .mod-menu#MainMenu { flex-direction: column; display:flex; flex:1; border-top: 1px solid #dde3dc; width:100%;}
#MenuHolder { max-height: 0;overflow: hidden;position: fixed;top: 44px;background: #fefefe;transition: all 1s ease-in-out;height: 100%;text-align: center;display: flex;flex-direction: column;padding: 0;}
#MenuHolder.open {  max-height:  70vh;}

#MenuHolder #MainMenu a {  display: flex;width: 100%;height: 100%; opacity:0; font-size:1rem; transition:all 0.3s ease; color: #1f1f1f; justify-content: center;
  align-items: center; border-bottom: 1px solid #dde3dc;}
#MenuHolder.open #MainMenu a {  opacity: 1;  }

#MenuHolder #MainMenu a:hover { color:#83907e; background: #dde3dc59;}

#MenuHolder #MainMenu .current a {
  background: #dde3dc59;color:#83907e;
}
#MenuHolder #MainMenu .current a:focus { outline:none;}
#MenuHolder.open #MainMenu li:nth-child(1) a { transition-delay: 0.4s;}
#MenuHolder.open #MainMenu li:nth-child(2) a { transition-delay: 0.5s;}
#MenuHolder.open #MainMenu li:nth-child(3) a { transition-delay: 0.6s;}
#MenuHolder.open #MainMenu li:nth-child(4) a { transition-delay: 0.7s;}
#MenuHolder.open #MainMenu li:nth-child(5) a { transition-delay: 0.8s;}
#MenuHolder.open #MainMenu li:nth-child(6) a { transition-delay: 0.9s;}
#MenuHolder.open #MainMenu li:nth-child(7) a { transition-delay: 1s;}

#MenuHolder .metismenu-item button { display:none; }

.metismenu.mod-menu .metismenu-item { padding:0; flex:1; }

.metismenu.mod-menu .metismenu-item ul {  margin-inline-end: 0;
  background: #1d1d1d;
  border: 1px solid #f4f4f4;
  left: 0;
}

.metismenu.mod-menu .metismenu-item {
  padding: 0;
  flex: 1;
}

/**** Nav Icon ***/
#navbtn{    display: flex;
  transition: 0.3s ease transform;
  cursor: pointer;
  z-index: 100;
  direction: rtl;
  padding: 1em;
  order: 3;
  flex-direction: column;
  grid-gap: 6px;}

#navbtnholder {  text-align: center;border-bottom:1px solid #ececec;}

#navbtnholder span{  font-size: 11px;  font-weight: bold;cursor: pointer;display:none;}

#navbtn div{    width: 29px;
  height: 2px;
  background-color: #000;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 6px;
}

#navbtn.open div:first-child{    -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);}


#navbtn.open div:nth-child(2) {  opacity:0; }

#navbtn.open div:last-child{    -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);}



.container-header .navbar-brand { padding:0; display:none; }

.container-component > * + * { margin:0;  }
.blog-items[class^="masonry-"], .blog-items[class*=" masonry-"] {  column-gap: 1em;  display: block;}

.view-category.Artworks .blog > .page-header,
.view-category.Projects .blog > .page-header,
.view-category.Events .blog > .page-header
 {  width: auto;  height: 10vw;   display: flex;  justify-content: center;  align-items: center;}

.view-category.Red .blog > .page-header { background:#ff7373; }

.view-category.Green .blog > .page-header { background:#ffbb73; }

.view-category.Artworks .page-header h1, .view-category.Projects .page-header h1, .view-category.Events .page-header h1, .com-content-article .page-header h2, .menuprojects > h3 {  outline: none;  text-decoration: none;  position: relative;  font-size: 1.5em;  color: #81907d;  display: flex;  text-transform: uppercase;  font-weight: 300;  justify-content: center; line-height: 0.75;}


.view-category.Artworks .page-header h1::before, .view-category.Projects .page-header h1::before, .view-category.Events .page-header h1::before {
 
}

.view-category.Artworks .page-header h1::after, .view-category.Projects .page-header h1::after, .view-category.Events .page-header h1::after, .com-content-article .page-header h2::after, .menuprojects > h3::after {
content: '';
  width: 50px;
  border-bottom: 1px solid #b4b4b4;
  display: block;
  position: absolute;
  bottom: -17px;
}

}


.category-desc {
  padding: 2em;
  font-size: 2em;
  text-align: center;
}

.view-article.Projects .item-pageArtworks > div:nth-child(2), .view-article.Events .item-pageArtworks > div:nth-child(2) { display:none; }

.container-header .container-search { margin-top:0 !important;}
.com-content-article { padding-top:1em; max-width: 900px; margin: 0 auto;}
.com-content-article .page-header { text-align:center; margin: 0 0 2em;}
.com-content-article .article-info { text-align:center; display: flex;
  justify-content: center;
  grid-gap: 1em;}

.com-content-article__body { padding: 0 1em;  max-width: 900px;  margin: 0 auto;  text-align: center;line-height: 28px;}

.itemid-108 .com-content-article__body { text-align: justify; padding: 0 2em; }

.Projects .com-content-category-blog__items.blog-items {
  margin-top: 2em;
padding:0 1em;
}
.Projects .com-content-category-blog__items.blog-items .blog-item {
  display: flex;
  flex-direction: row;
  grid-gap: 2em;
  border-bottom: 1px solid #d9d9d9;
padding: 3em 0
}
.Projects .com-content-category-blog__items.blog-items img {

}
.Projects .com-content-category-blog__items.blog-items .blog-item:nth-child(2n) {
  flex-direction: row-reverse;
}
.Projects .readmore {
  position: absolute;
  bottom: 1em;
}
.Projects .com-content-category-blog__items.blog-items .blog-item .item-content {
  position: relative;
  flex: 1;
  direction: rtl;
padding-bottom:5em;
}
.Projects .com-content-category-blog__items.blog-items .blog-item:nth-child(2n) .item-content {
  direction: ltr;
}

.published time {
  direction: ltr;
  display: inline-block;
}

.float-end {
  float: none !important;
}

.Projects .com-content-category-blog__items.blog-items .blog-item:nth-child(2n+1) .article-info dd {
  margin: 0 0 .5em 1em;
}

.Projects .com-content-category-blog__items.blog-items .blog-item figure {
  width:50%;
}

.Projects main a {
  color: #ff7373;
}

.Projects main a:hover {
  color: #84947c;
}

.Projects .com-content-category-blog__items.blog-items .blog-item:nth-child(2n+1) .readmore {
  direction: ltr;
}

.Events .com-content-category-blog__items.blog-items {
  max-width: 600px;
  margin: 0 auto;
text-align:center;
}

.Events .com-content-category-blog__items.blog-items .blog-item {
  padding: 2em;
  border: 1px solid #eee;
}

.Events .fields-container { list-style: none; }

.Events main { text-align:center; }

.view-article.Events figure { display: block;
  margin: 2em auto;
  width: 100%;
  text-align: center;}
.view-article.Events figure img { max-width:600px; width:100%;}

.view-category.Artworks .item-content {padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center; opacity: 0; transition: all 0.3s ease;}

.view-category.Artworks .item-content > p { display:none; }

.rsform-block-ulr, .rsform-block-pagetitle { display:none; }

.rsform-block-headtxt, .rsform-block-reqfield, .rsform-block-name, .rsform-block-message, .rsform-block-submit {
  grid-column: auto / span 2;
}

#userForm .col-md-12 {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  gap: 2em;
}

#userForm input, #userForm textarea {
  background: transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 5px 0;
  color: #d3d3d3;
  box-shadow: none;
}

#userForm .col-sm-9 {
  width: 100%;
}

#userForm button {
  background: #000;
  color: #fefefe;
  border-radius: 0;
  padding: 10px 90px;
  display: block;
  border: 3px solid #000;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
margin:0 auto;
}

#userForm button:hover, .btn-secondary:hover {
  background: transparent;
  color: #000;
  border-color: #000;
}

#userForm > h2 { text-align: center;
  padding: 2em 0;
  background: #f9e473;}

/*********** FOOTER *************/

body.wrapper-fluid footer > .grid-child { padding: 0 1em; flex-direction:column;}
.container-footer { background:transparent; padding: 0;}

#mod-custom112 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  direction: ltr;
  font-size: 11px;
  color: #9f9f9f;
  border-top: 1px solid #d8d8d8;
  padding: 15px 0 20px;
}

.grecaptcha-badge { opacity:0; right: -100% !important;}


#mod-custom112 p{ align-items: center;
  display: flex; }

#mod-custom114 { display: none;
  justify-content: space-between;}

#mod-custom114 > div { flex: 1;
  display: flex;
  justify-content: space-between;
  max-width: 107px;
}

#mod-custom114 > p > a { border: 1px solid;
  border-radius: 10px;
  padding: 3px;
  color: #d6d6d6;
  font-size: 11px; text-transform: lowercase;}


/********************** ANIME ***********************/

@keyframes HeaderAnime{
    0% {
        width: 0;
    }

50% {
        width: 100%;
    }
    100% {
        width: 0;
     }
}

@keyframes BlockAnime{
    0% {
       -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
    }

50% {
        -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
    }
    100% {
        -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
     }
}

.Projects .blog-item .page-header h2 { font-size:2em; }


.Artworks .com-content-category-blog__item.blog-item { position: relative; margin-bottom: 1em;}
.Artworks .com-content-category-blog__item.blog-item:hover .item-content { opacity:0.9; }

.Artworks .blog-item .item-image { margin:0; align-items: center;  display: flex;}

.view-category.Artworks .item-content .page-header, .view-category.Artworks .item-content .page-header h2, .view-category.Artworks .item-content .page-header h2 a {
  width: 100%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
margin:0;
}

.view-category.Artworks .item-content .page-header h2 a { color: #fff;
  font-weight: lighter;
  text-transform: uppercase;
  font-size: 18px;
  align-items: end; padding-bottom: 1em;}

.menuprojects ul { display: flex;
  flex-direction: revert;
  grid-gap: 1em;
  justify-content: center; margin: 2em 0;}

.menuprojects > h3 { width: auto;
  height: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0 0 0;
 }

.menuprojects ul a { color:#1c1c1c; }

.menuprojects ul .active a { text-decoration: none; }
.menuprojects ul .current a { color:#81907d; }

.pagination .btn-secondary {
  background: transparent;
  border-radius: 0;
  font-size: 11px;
}

.footer a:not(.btn):hover {
  color: #de7d30;
}

.breadcrumb {
  background: transparent;
  text-align: center;
  justify-content: center;
}
.breadcrumb a {
  outline: none;
  text-decoration: none;
  position: relative;
  font-size: 1.3em;
  color: #000;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1.1;
}

.breadcrumb a:hover { color: #81907d; }

.breadcrumb::after {
content: '';
  width: 150px;
  border-bottom: 1px solid #b4b4b4;
  display: block;
  position: absolute;
  bottom: -1px;}

.mod-breadcrumbs__divider.float-start {
  padding-right: 5px;
}

.view-category .mod-breadcrumbs__wrapper {
  display: none;
}

.view-category .item-content::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
  background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(132, 148, 124, 0.91) 75%);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0,50%,0);
  transform: translate3d(0,50%,0);
  z-index: -1;
  transition: opacity 0.35s, transform 0.35s;
}

.view-category .item-content:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.view-article.Artworks .menuprojects { display: none; }

.fields-container { text-align: center; margin-bottom: 20px;}

.item-content .icons {
  position: absolute;
  top: 0;
  right: 0;
}

.com-content-category-blog > .btn-primary{
  margin: 0 auto;
  display: table;
}

.Artworks .com-content-category-blog .fields-container { display: none; }

.artworkslist { max-width:900px; margin: 0 auto;  }
.artworkslist  ul { display: flex; flex-direction: column; grid-gap: 1em; }
.artworkslist  ul h4 { display:none; }

.itemid-109 .com-content-article__body svg { width:50px; height:50px; }
.socialcontact {  display: flex; grid-gap:4em; justify-content: center;flex-wrap: wrap; margin: 2em 0;} 

.itemid-105 .cat-children {display: grid;
  justify-content: center;
  grid-gap: 5em;
  text-align: center;
  grid-template-columns: 1fr;
padding:2em;
}

.itemid-105 .cat-children >div { border:1px solid #84947c; border-radius: 4px; padding: 1em;
  align-content: center;}
.itemid-105 .cat-children >div h3 { font-size:20px; }

.blog > h1 { outline: none;
  text-decoration: none;
  position: relative;
  font-size: 1.5em;
  color: #81907d;
  display: flex;
  text-transform: uppercase;
  font-weight: 300;
  justify-content: center;
  line-height: 0.75; margin:1.5em 0 2em;}

.blog > h1::after {
content: '';
  width: 50px;
  border-bottom: 1px solid #b4b4b4;
  display: block;
  position: absolute;
  bottom: -17px;
font-size: 1.5em;
  color: #81907d;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 0.75;

}

.newsletter .item-content .page-header h2 { font-size:14px; font-weight: normal; }

.newsletter .blog-items { padding: 0 2em;}

.newsletter .blog-items .blog-item { padding: 0 0 1em; border-bottom:1px solid #84947c30; }
.newsletter .blog-items .blog-item:nth-last-child(1) { border-bottom:0; }

.container-topbar { padding: 0.5em 1em;}

.container-topbar img {
  max-width: 100px;
}

figure { text-align: center; }

.itemid-109 .com-content-article__body, footer { font-family: "Roboto", sans-serif; }
/********************** RESPONSIVE **************************/

@media screen and (min-width: 600px) {

.itemid-105 .cat-children {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

 .col-sm-3 {
    width: auto;
  }
.Projects .blog-item .page-header h2 { font-size:3em; }
.com-content-category-blog__items {  padding: 0px 1em;}
.col-sm-3 { width:auto; }
.blog-items.masonry-3 {    column-count: 2;  }
.Artworks .blog-items[class*=" masonry-"] { column-gap: 1em;  }
.Artworks .com-content-category-blog__item.blog-item { margin: 0 0 1em 0; }
}

@media screen and (min-width: 900px) {

  #userForm .col-md-12 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
.Projects .blog-item .page-header h2 { font-size:4em; }
.Projects .com-content-category-blog__items.blog-items .blog-item figure {
  width:30%;
}

.blog-items.masonry-3 {
    column-count: 3;
  }
.container-header #MenuHolder .metismenu > li > a::after, .container-header #MenuHolder .metismenu > li > button::before {  -webkit-transition: all .2s ease,background-color .2s ease;  -o-transition: all .2s ease,background-color .2s ease;  transition: all 1.2s ease,background-color .2s ease;}

}

@media screen and (min-width: 1200px) {
.container-topbar { padding:2.2em 2.5em; }
.container-topbar img {
  max-width: 100%;
}
.container-header { height: 100%;
  max-width: 250px;
  flex-direction: column;
  position: fixed;
  top: 0; }
#MenuHolder { max-height:inherit; position: relative; top:0; padding: 2em 3em;
    text-align: left; }
#navbtn { display:none; }
body.wrapper-fluid .site-grid, .container-footer { padding-left:250px; }
#MenuHolder #MainMenu a { opacity: 1; padding:10px 0;}
.brand-logo img { display: block;
  padding: 1em 1.2em;
  max-width: 100%; }

body.wrapper-fluid header > .grid-child { padding:0; }
header.container-header .mod-menu#MainMenu { flex:0; }
#mod-custom114 { display: flex; } 
#MenuHolder #MainMenu a { justify-content:start; border-bottom:0; outline: none;}
#MenuHolder #MainMenu .current a { background: none; }
#MenuHolder #MainMenu a:hover { color:#83907e; background: none;}
header.container-header .mod-menu#MainMenu { border-top: 0; }
.artworkslist  ul { flex-direction: row; }
body div#n2-ss-3 .n2-ss-slider-1 { min-height: 660px; }
}

:root { 
--cassiopeia-color-primary: #84947c;
--cassiopeia-color-hover: #84947ca6;
--link-color:#83907e;
}