/*
Theme Name: FLPME_Shahnam
Author: MAVADDAT NEJAD  
Author URI: https://namiraartstudio.ir/
Version: 1.0
 */
 body {
    font-family:'vazir';
    font-size: 16px;
    color: #545454;
    direction: rtl;
}
a:link, a:visited {
    color: #7fcca0;
    text-align: center;
}

p {
    line-height: 1.7em;
}

div.container {
    max-width: 960px;
    margin: 0 auto;
}

article.post {
    border-bottom: 4px dashed #ecf0f1;
}

article.post:last-of-type {
    border-bottom: none;
}
/*header-title*/
.site-header{
    position:absolute;
	top:1%;
	justify-items:flex-start;
	margin-right:2%;
	text-align:center;
}
.site-header a{
    text-decoration: none;
    color: #b0d0ba;
    font-family:'Far_khodkar', sans-serif;
    font-weight:lighter;
}
.site-footer {
    border-radius: 18px;
}
/*fonts*/
@font-face {
	font-family: Far_khodkar;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/eot/Far_khodkar.eot');
	src: url('fonts/eot/Far_khodkar.eot?#iefix') format('embedded-opentype'),
		 url('fonts/woff/Far_khodkar.woff') format('woff'),
         url('fonts/ttf/Far_khodkar.ttf') format('ttf'); 
}
/*mobile-navbar-off*/
div.nav-menu-mob{
    display: none;
}
/*@MEDIA-config*/
@media screen and (max-width:1080px){
    .wp-block-group{
		width:100%;
    }
		.site-header{
		position:relative;
		justify-content:center;
		font-size:small;
	}
    div.nav-menu{
        display: none;
    }
    div.nav-menu-mob{
        display: flex;
		justify-content: center;
    }
    div.navbar-mob-bg{
		display:inline-block;
		position:fixed;
		bottom:0%;
		background:#414f41;
		border-radius:25px 25px 0px 0px;
		width:-webkit-fill-available;
		height:50px;
		z-index:5;
		transition:0.5s;
	}
}
@media screen and (max-width:425px){
    .wp-block-group{
        display: none;
        width: 100%;
        
    }
		.site-header{
		position:relative;
		justify-content:center;
		font-size:small;
	}
}
/*mega-menu-flp*/
    div.nav-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    div.nav-menu li {
        position: relative;
        line-height: 1.7;
        margin-top: 2.5%;
    }
    div.nav-menu a {
        color: #a2b0aa;
        text-decoration: none;
        display: block;
    }
    div.nav-menu > ul > li {
        float: right;
    }
    div.nav-menu > ul > li > a{
        padding: 10px 10px;
		border-radius:15px;
    }
    div.nav-menu > ul > li:hover > a{
		background:#61ff99;
		box-shadow:#00ff5a 0px 4px 12px -2px;
		color:#005a34;
    }
    /* Sub/Children Menu */
    div.nav-menu .sub-menu,
    div.nav-menu .children {
        position:absolute;
		right:-1000%;
		margin-right:150px;
        top: 100%;
		justify-content:center;
        z-index: 1;
        background: #f5fffa;
        min-width:-webkit-fill-available;
        display: none;
		border-radius:15px;
    }
    div.nav-menu li:hover > .sub-menu,
    div.nav-menu li:hover > .children {
		display: block;
		z-index:2;
		color:#3de9b9;
    }
    div.nav-menu .sub-menu a,
    div.nav-menu .children a {
        padding: 5px 10px;
        text-align: right;
    }
    div.nav-menu .sub-menu li:hover a,
    div.nav-menu .children li:hover a {
		color:#7ad9be;
    }
    
    /* Grandchildren Menu */
    div.nav-menu .sub-menu .sub-menu,
    div.nav-menu .children .children {
        position:absolute;
		right:5%;
		top:0%;
		min-width:-webkit-fill-available;
		margin-left:2%;
		box-shadow:none;
    }
    div.nav-menu a {
        transition: 0.25s!important;
    }
    div.nav-menu a:hover {
        transition: 0.25s !important;
    }
/*navbar-mobile*/
div.nav-menu-mob ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    position:fixed;
    z-index:9;
    bottom:0%;
}
div.nav-menu-mob li{
    position: relative;
    line-height: 1.7;
    margin-top: 2.5%;
}    
div.nav-menu-mob > ul > li > a{
    padding: 10px 10px;
    border-radius:15px;
}
div.nav-menu-mob a {
    color: #a2b0aa;
    text-decoration: none;
    display: block;
}
div.nav-menu-mob a:active {
    color: #f2fffa;
    text-decoration: none;
    display: block;
	text-shadow: 0 0 3px #aeffeb;
}