@import "dependencies";
@import "jlparticles";
@import "top-news-joomla";
@import "jlbacktotop";
@import "fonticon";

@font-face{
  font-family:"lmskaran-font";
  src:url("../fonts/vazir/vazir_light/Vazir-Light.eot"),
    url("../fonts/vazir/vazir_light/Vazir-Light.eot"),
    url("../fonts/vazir/vazir_light/Vazir-Light.woff"),
    url("../fonts/vazir/vazir_light/Vazir-Light.woff2");
}


@font-face {
    font-family: "lmskaran-icon";
    font-display: swap;
    src: url(../fonts/font-icon/lmskaran-font.eot) format("embedded-opentype"),
	url(../fonts/font-icon/lmskaran-font.ttf) format("truetype"),
	url(../fonts/font-icon/lmskaran-font.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}



html{
  scroll-behavior: smooth;
}

body,h1, h2, h3, h4, h5,h6{
  font-family:"lmskaran-font" !important;
}


a:hover {
    text-decoration: none;
}

.center {
    display: flex;
    justify-content: center;
    align-items: center;
}


//------------------------Section Header

#g-header{
    box-shadow:0 3px 12px 0 rgba(0, 0, 0 , 0.1);
}

#g-header .g-grid:first-child {
    display: flex;
    align-items: center;
  	justify-content: space-around;
}

.logo-reservation img {
  	width: 170px;
  	padding: 5px 0;
}

.chattersa-loging-reg ul li .g-menu-item-container {
    padding: 0 !important;
}

.flex-end{
  justify-content: flex-end;
}

.menu-your-profile ul li {
    border-radius: 10px;
}

.menu-your-profile ul li a{
  	padding-bottom: 7px !important;
}

.menu-your-profile ul li.active a {
    color: red !IMPORTANT;
    border-bottom: 2px solid;
}

//------------------------Section Header my profile or icons

.Columnar-Mneu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-transactio-icon a::before,
.menu-chat-icon a::before,
.menu-user-icon a::before{
  font-family: 'lmskaran-icon';
  font-size: 22px;
  //color: #5e7582;
}

.menu-chat-icon a::before {
    content: "\e90a";
}

.menu-transactio-icon a::before {
    content: "\e95a";
}

.menu-user-icon a::before,
.jf_l_pro_links a:first-child::before,
.login_greeting::before{
    content: "\e95d";
}

.jf_l_pro_links a:first-child::before,
.login_greeting::before{
  margin-left:7px;
  font-family: 'lmskaran-icon';
}

//------------------------Section Footer

#g-footer {
    box-shadow: 0px -10px 20px -10px #d6d6d6;
  	border-radius: 0 0 55px 55px;
    z-index: 2;
    position: inherit;
}

.pages-we nav ul,
.service-menu nav ul {
    display: flex;
    flex-direction: column;
}

.pages-we nav ul li a,
.service-menu nav ul li a{
    padding: 3px 0 !important;
}

.social-footer {
    display: flex;
    justify-content: center;
}

.social-footer img {
    width: 25px !important;
    margin: 5px;
    filter: grayscale(1) opacity(0.5);
  	transition:0.5s;
}

.social-footer img:hover {
    filter: grayscale(0);
}

//------------------------Section bottomFooter

section#g-bottomFooter {
    background: linear-gradient(45deg, #615490, #3ca4cb);
    color: white;
    margin-top: -110px;
    z-index: 0;
    position: inherit;
    padding-top: 110px;
}

.to-top-lmsyaran a{
    color:white !important;
  	display: flex;
    justify-content: flex-end;
}

.arow-top-lmsyaran {
    filter: invert(1);
}


.arow-top-lmsyaran svg {
    margin-right: 6px;
}


//------------------------Section g-subfeature

.need-guidance {
    display: flex;
    align-items: center;
}

.need-guidance div:first-child {
      margin-left: 20px;
    font-size: 17px;
}

.need-guidance a {
    position: relative;
}

.need-guidance a::after {
    background: #007bff;
    padding: 10px 20px;
    border-radius: 20px;
    color: white;
    content: '021-55395323';
    display: inline-block;
}

.need-guidance a::before {
    content: '';
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #007bff;
    border-right: 14px solid #ffffff00;
    position: absolute;
    right: -21px;
    top: 50%;
    transform: translateY(-50%);
}

//------------------------ جایگزین کردن کد های بوت استرپ با کد های گانتری مرتبط با مودال

.modal-open {
    padding: unset !important;
}

.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1050 !important;
    display: none;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    outline: 0 !important;
	background:unset !Important;
	margin-left:unset !Important;
}

.fade {
    //transition: opacity .15s linear !Important;
  	opacity:1;
}

.modal-backdrop.fade {
    /*opacity: 0 !important;*/
}
.fade:not(.show) {
    /*opacity: 0 !important;*/
}

.modal-backdrop.show {
    display:block;
}

//------------------------ module sidepanel

.button-consulting-sidepanle a {
    background: #38b6f2;
    padding: 10px 50px;
    border-radius: 20px;
    display: inline-block;
}

.button-consulting-sidepanle {
    margin-top: 20px;
}

.image-sidepanel-guest {
    text-align: center;
}

.button-sidepanel-guest a {
    background: #1eda58;
    color: white;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 20px;
  	transition: 0.3s;
}

.text-sidepanel-guest {
    color: #a2a2a2;
}

.button-sidepanel-guest a:hover {
    color: white !important;
    background: #1ed055;
}

.now-button-login-sidepanel {
    margin-top: 20px;
  	color: #7f7f7f;
}

.now-button-login-sidepanel a {
    color: red !important;
    border-bottom: 1px solid;
}


@media only screen and (max-width:568px){
  span.hidden-name-user-in-phone,
  .login_greeting::before{
      display: none;
  }
}


@media only screen and (max-width:768px){
  .to-top-lmsyaran a {
    justify-content: center;
  }
  .logo-reservation img{
    width: 100px;
    padding: 5px 0;
    margin-right: 40px;
  }
}

@media only screen and (max-width:1200px){
  #g-header .flex-auto {
    flex: auto !important;
  }
}