/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: "Titr";
	font-weight: 700;
	src: url(../fonts/titr.otf) format("otf"), url(../fonts/titr.ttf) format("truetype")
}

@font-face {
	font-family: "Vazir";
	font-weight: 400;
	src: url(../fonts/Vazir.eot) format("eot"), url(../fonts/Vazir.woff) format("woff"), url(../fonts/Vazir.woff2) format("woff2"), url(../fonts/Vazir.ttf) format("truetype")
}

html:dir(ltr) .mdc-list-item__graphic {
	margin-left: 0;
	margin-right: 20px;
}
html:dir(rtl) .mdc-list-item__graphic {
	margin-right: 0;
	margin-left: 20px;
}
body {
	margin: 0;
	font-family: "Vazir", Roboto,Tahoma, -apple-system, BlinkMacSystemFont,"Open Sans",Helvetica,Arial,sans-serif !important;
	line-height: 1.5;
	background: #222831;
	
	/* to disable top-pull-scroll */
	overscroll-behavior: contain;
}
h1,h2,h3,h4,h5,h6{
	font-family:"Titr",Roboto,Tahoma,"Open Sans",Helvetica,Arial,sans-serif !important;
}
a {
    text-decoration: none;
}
*::-webkit-scrollbar{
	width:11px;
	height:11px;
}
*::-webkit-scrollbar-button{
	width:0;
	height:0;
	display:none;
}
*::-webkit-scrollbar-thumb:active{
	background-color:rgba(0,0,0,.5);
	-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);
}
*::-webkit-scrollbar-thumb:hover{
	background-color:rgba(0,0,0,.4);
	-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);
}
*::-webkit-scrollbar-thumb{
	background-color:rgba(0,0,0,.2);
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
*::-webkit-scrollbar-track:vertical{
	-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);
}
*::-webkit-scrollbar-track:vertical:hover{
	background-color:rgba(0,0,0,.035);
}
@media only screen and (min-width: 800px) {
	.hide-in-desktop { display:none; visibility:hidden; }
}
@media only screen and (max-width: 800px) {
	.hide-in-mobile { display:none; visibility:hidden; }
}

.mdc-top-app-bar {
	width: 80%;
	top: 45px;
	left: 10%;
	right: 10%;
	border-radius: 25px;
}
.mdc-top-app-bar .hide-at-first {
	display: none;
	visibility: hidden;
}
.mdc-top-app-bar--fixed-scrolled {
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0;
}
.mdc-top-app-bar--fixed-scrolled .hide-at-first {
	display: block;
	visibility: visible;
}
.logo {
	margin-left: auto;
	margin-right: auto;
}
.logo img {
	margin-top: 6px;
}
.unmargined {
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	border-radius: 0 !important;
}

	/*
		==============================
		  Search Component
		==============================
	*/
	.desktop-search {
		height: 35px;
		background: #94d1ec;
	}
	.desktop-search:focus {
		background: #fff !important;
	}
	.mat-toolbar--exit-search {
		color: Grey;
	}
	.mat-toolbar--search-container {
	  background: white;
	}
	.mdc-textfield--fullwidth:not(.mdc-textfield--multiline) {
		height: auto;
	}
	.mat-search--desktop {
		height: 42px;
		border-radius: 2px;
		background: #eceff1;
		flex: 2;
		flex-direction: column;
		justify-content: center;
	}
	.mat-search--desktop::before,
	.mat-search--desktop::after {
    	background-color: #eceff1;
	}
	@media only screen and (max-width: 782px) {
		.mat-search--desktop {
			display: none;
		}
		.mdc-toolbar__title {
			display: none;
		}
	}
	.mat-search--desktop__wrapper {
		display: flex;
		height: 100%;
		width: 100%;
	}
	.mat-search--desktop__input {
		background-color: transparent;
		border: 0;
		outline: none;
		width: 100%;
		font-size: 14px;
	}
	.mat-search--desktop__icon {
		cursor: pointer;
	}

	.mat-toolbar--open-search { text-align: center; }
	/*
		==============================
		  Search animation
		==============================
	*/
	@keyframes mat-toolbar--open-search {
	from {
		clip-path: circle(0 at calc(100% - var(--mat-toolbar--search-location)) 50%);
	}
	to {
		clip-path: circle(150% at calc(100% - var(--mat-toolbar--search-location)) 50%);
	}
	}
	@keyframes mat-toolbar--close-search {
		from {
			clip-path: circle(150% at calc(100% - var(--mat-toolbar--search-location)) 50%);
		}
		to {
			clip-path: circle(0 at calc(100% - var(--mat-toolbar--search-location)) 50%);
		}
	}
	
	/*
		==============================
		  404 error page
		==============================
	*/
	.searchform {
		height: 100%;
	}

.mdc-drawer {
  color: #fff;
}
.mdc-drawer nav h3 {
  margin: 0;
}

.bg {
  background-image: url('/themes/shahbaz/images/bg.jpg');
  background-size: cover;
  background-position: center center;
  margin: -25px -23px 0 -23px;
  direction: rtl;
  padding-top: 100px;
}

.hidden {
	display: none;
}
.text-align-center, .text-center {
	text-align: center;
}
.responsive-image {
	width: 100%;
	height: auto;
}
.blue-font {
    color: #03a9f4 !important;
}
.blue {
	background-color: #03a9f4 !important;
	color: #fff !important;
}
.red-font {
    color: #f44336 !important;
}
.red {
	background-color: #f44336 !important;
}
.orange-font {
    color: #ff5722 !important;
}
.orange {
	background-color: #ff9800 !important;
}
.green-font {
    color: #cddc39 !important;
}
.green {
	background-color: #cddc39 !important;
	color: #000 !important;
}
.purple {
	background-color: #9c27b0 !important;
	color: #fff !important;
}
.purple-font {
	color: #9c27b0 !important;
}
.gray {
	background-color: #cfd8dc !important;
}
.gray-font {
	color: #74797b !important;
}
.yellow {
	background-color: #ffeb3b !important;
}
.yellow-font {
	color: #ffeb3b !important;
}
.black {
  background-color: #1d232a !important;
}
.white-font {
	color: white !important;
}
.beige {
	background-color: #c8ad7f !important;
}
.black {
	background-color: #000 !important;
	color: #fff !important;
}

.mdc-card__content {
	padding: 16px;
}
.margin-top--20 {
	margin-top: -20px;
}
.margin-top--50 {
	margin-top: -50px;
}

.block-shahbaz-content img,
.node-content img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.feed-icon {
    display: none;
    visibility: hidden;
}

.role--administrator .notification-level {
    display: block;
}
#edit-pass {
    margin: 30px;
}

.mdc-list-item {
	height: 42px;
}
.mdc-list-divider {
	margin: 0 0 10px 0;
}

.float-right {
	text-align: right;
}
.messages--status {
  padding: 20px;
  background: #000;
  color: #fff;
  border-radius: 0 0 15px 15px;
}

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }

.content-header {
	margin: -25px;
	padding: 100px 10px 30px 10px;
}