/* 
	Theme Name: Gachbori
	Author: amirhossein mohammadi
	Description: این پوسته مخصوص قالب گچبری و قالب های پیش ساخته میباشد.
	Version: 1.0
	License: GNU General Public License v2 or later
 */
 /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
 */

 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
 body {
 	line-height: 1;
 }
 ol, ul {
 	list-style: none;
 }
 blockquote, q {
 	quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
 	content: '';
 	content: none;
 }
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

 /* fonts */
 @font-face{
 	font-family: 'xerosans';
 	src: url('fonts/XeroSansBold.woff') format('woff');
 	font-weight: bold;
 	
 }

 @font-face{
 	font-family: 'iransans';
 	src: url('fonts/IRANSansWeb-Light.woff') format('woff');
 	font-weight: normal;
 }


 body{
    background-image: url("image/geometry2.png");
 	margin: 0;
 	padding: 0;
 }

/* nav-top */

 #nav-top{
 	height: 50px;
 	width: 100;
 	background-color: #0F292F;
    color: #CCCCCC;
 	padding: 5px;	
 	-moz-box-sizing: border-box;
 	-o-box-sizing: border-box;
 	box-sizing: border-box;
 }

 #nav-top span.name-site{
 	float: right;
 	padding-top: 7px;
 	padding-right: 10px;
 	font-family: 'B nazanin';
    font-weight: bold;
    color: #CCCCCC;
 }

 #nav-top span.name-site a{
 	text-decoration: none; 	
    color: #CCCCCC;
 }

 #nav-top span.phone{
 	float: left;
 	font-size: 20px;
 	margin-left: 30px;
 	padding-top: 7px;
 	padding-right: 10px;
 	font-family: 'iransans';
    color: #CCCCCC;
 }

 #nav-top span.email{
 	float: left;
 	font-size: 20px;
 	margin-left: 30px;
 	padding-top: 7px;
 	padding-right: 10px;
 	font-family: 'iransans';
    color: #CCCCCC;
 }

 #nav-top span.email a{
    color: #CCCCCC;
 }

/* slider */

 #slider .metaslider{
 	max-width: 100% !important;
 	height: 500px !important;
 }

 /* site navigation */

 #site-navigation{
    background-color: #0f292f;
    text-align: right;
    width: 100%;    
    height: 60px;
 }

 #site-navigation ul{
    width: 95%;
    margin: 0 auto;
    padding: 0;
 }

 #site-navigation ul li{
    display: inline-block;
    padding: 20px;
    padding-bottom: 24px;
    font-family: 'iransans';
    color: #CCCCCC;
 }

 #site-navigation ul li a{
    text-decoration: none; 
    color: #CCC;
    font-size: 16px;
    display: block;
 }

 #site-navigation ul li:hover{
    background-color: #CCCCCC;
 }

 #site-navigation ul li:hover a{
    color:  #0f292f;
    display: block;
 }

 #site-navigation #toggle{
    box-sizing: border-box;
    color: #CCC;
    font-size: 30px;
    display: none;
    padding: 10px 20px;
    width: 100%;
 }

 /* search box */
 form#searchform label{
    display: none;
 }

 form#searchform input[type="text"]{
    box-sizing: border-box;
    width: 362px;
    padding: 16px;
    border: 0;
    font-size: 20px;
    font-family: 'iransans';
    vertical-align: 4px;
    padding-bottom: 16px;
    direction: rtl;
 }

 form#searchform input#searchsubmit{
    height: 52px;
    margin-right: -6px;
    font-family: 'iransans';
    position: relative;
    bottom: 5px;
    border: none;
    background-color: #0f292f;
    color: #CCC;
 }

.search-box-wrapper{
    display: none;
    z-index: 2;
}

.search-box{
    padding: 10px;
    background-color: #CCC;
}

.search-toggle{
    float: left;
    color: #CCCCCC;
    font-size: 35px;
    position: relative;
    top: 6px;
    left: 50px;
    cursor: pointer;
}
#search-container{
    text-align: left;
}
h1.title-mahsol{
    font-family: 'B nazanin';
    margin-bottom: 10px;
}
/* breadcrumbs */
/*-------- Breadcrumb by WEBTOASTER.IR ----------*/
.breadcrumb {
    width: 100%;
background: none !important;
font-size: 13px;
margin-bottom: 10px !important;
font-family: "IRANSans" , Tahoma;
float: right;
margin-top: 2px;
margin-bottom:10px;
}
.breadcrumb a {
    font-size: 17px;
color: #0f292f;
display: block;
background:#CCC;
text-decoration: none;
position: relative;
float: right;
height: 40px;
line-height: 40px;
padding: 0 10px 0 5px;
text-align: center;
margin-right: 23px;
}

.breadcrumb a:hover{
    background: #0f292f;
}

.breadcrumb a:before, .breadcrumb a:after {
content: "";
position: absolute;
top: 0;
border: 0 solid #CCC;
border-width: 20px 10px;
width: 0;
height: 0;
}
.breadcrumb a:before {
right: -20px;
border-right-color: transparent;
}
.breadcrumb a:after {
right: 100%;
border-color: transparent;
border-right-color:#CCC;
}

.breadcrumb a:hover:after {
right: 100%;
border-color: transparent;
border-right-color:#0f292f;
}
.breadcrumb span {
    font-size: 17px;
color: #CCC;
display: block;
background:#0f292f;
text-decoration: none;
position: relative;
float: right;
height: 40px;
line-height: 40px;
padding: 0 10px 0 5px;
text-align: center;
margin-right: 23px;
}
.breadcrumb span:before, .breadcrumb span:after {
content: "";
position: absolute;
top: 0;
border: 0 solid #0f292f;
border-width: 20px 10px;
width: 0;
height: 0;
}
.breadcrumb span:before {
right: -20px;
border-right-color: transparent;
}
.breadcrumb span:after {
right: 100%;
border-color: transparent;
border-right-color:#0f292f;
}

.breadcrumb span:hover:after {
right: 100%;
border-color: transparent;
border-right-color:#0f292f;
}
.breadcrumb span:hover:after {
right: 100%;
border-color: transparent;
border-right-color:#0f292f;
}
.breadcrumb a:hover, .breadcrumb span:hover{
background-color: #0f292f;
color:#CCC;
}
.breadcrumb a:hover:before, .breadcrumb span:hover:before {
border-color: #0f292f;
color: #CCC;
border-right-color: transparent;
}
.breadcrumb a:hover:after, .breadcrumb span:hover:after {
border-right-color: #0f292f
color: #CCC;;
}

div.bread{
    background: whitesmoke;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    margin-bottom: 20px;
    padding-right: 20px;
}

/* content */

div.border{
    text-align: center;
    margin-bottom: 30px;
}

div.border img{
    width: 30%;
}

 #content{
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
 }

 #content .info h2{
    color: #CCC;
    font-family: 'B nazanin';
    font-weight: bold;
 }

 #content section#sec-single{
    background: whitesmoke;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
 }

 #content section#sec-single{
    margin-right: 100px;
 }

 #content section div.img{
    position: relative;
 }
#content section div.img img{
width: 100%;
}

 #content section div.img span.over-title h2{
  
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background-color: #CCC;
    padding: 10px 0;
    width: 100%;
 }

 #content section div.category{
    width: 100%;
    padding: 10px 0;
    padding-right: 10px;
    font-family: 'iransans';
    font-size: 20px;
    background-color: #0f292f;
    text-align: right;
    margin-top: 5px;
    color: #CCC;
 }

 #content section div.tags{
    width: 100%;
    font-size: 20px;
    padding: 10px 0;
    padding-right: 10px;
    font-family: 'iransans';
    background-color: #0f292f;
    text-align: right;
    margin-top: 5px;
    color: #CCC;
    line-height: 30px;
 }

 #content section div.tags i{
    vertical-align: -2px;
}

/* style content-single */

body.single div.content-single .the_champ_counter_container{
    display: none;
}

body.single div.content-single p{
    font-family: 'iransans';
    text-align: justify;
    line-height: 35px;
    font-size: 14px;
    padding: 20px;
}

body.single div.content-single .the_champ_horizontal_sharing{
    text-align: right !important;
    width: 100%;
    font-family: 'iransans';
    margin-top: 20px;
}

body.single div.content-single .the_champ_sharing_title{
    bottom: 10px;
    padding: 0 10px;
}

/* nav sing;e */

h2.screen-reader-text{
    display: none;
}

.nav-previous{
    background-color: #CCC;
    position: relative;
    top: 5px;
    padding: 20px;
    color: #0f292f;
    float: left;
    font-family: 'iransans';
}

.nav-next a{
    color: #0f292f;
}

.nav-previous a{
    color: #0f292f;
}

i.fa-arrow-right{
    vertical-align: middle;
}

i.fa-arrow-left{
    vertical-align: middle;
}

.nav-next{
    background-color: #CCC;
    position: relative;
    top: 5px;
    padding: 20px;
    color: #0f292f;
    float: right;
    font-family: 'iransans';
}

aside#sidebar .widget{
    background: whitesmoke;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
    margin-bottom: 20px;
}

aside#sidebar h4.widget-title{
    background-color: #0f292f;
    padding: 10px;
    font-family: 'B nazanin';
    font-weight: bold;
    color: #CCC;
    clear: both;
}

aside#sidebar .widget ul{
    padding: 10px 20px 10px 20px;
    font-family: 'iransans';
}

aside#sidebar .widget ul li a{
    line-height: 30px;
    text-decoration: none;
    font-size: 15px;
}

aside#sidebar #rpwwt-recent-posts-widget-with-thumbnails-2 li{
    border-bottom: 1px solid #CCC;
}

aside#sidebar #rpwwt-recent-posts-widget-with-thumbnails-2 li div.rpwwt-post-categories{
    padding: 6px;
}

aside#sidebar #rpwwt-recent-posts-widget-with-thumbnails-2 li div.rpwwt-post-date{
    padding: 6px;
}

/* style pagination */

/* آماده شده توسط مدرسه وردپرس */
.pagination {
margin: 20px 0;
font-family: 'iransans';
}
.pagination ul {
display: inline-block;
margin-left: 0;
margin-bottom: 0;
border-radius: 5px;
}
.pagination ul>li {
display: inline;
float:right;}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
}
.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {

}
.pagination ul>li>a, .pagination ul>li>span {
float: left;
width: 66px !important;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #CCC;
border: 1px solid #dddddd;
color: whitesmoke;
border-left-width: 0;
width: 60px;
text-align: center;
}

.pagination .page-numbers{
    color: #0f292f;
}

.pagination .current{
    background-color: #0f292f;
    color: #CCC;
}

.pagination{
    margin-right: 40%;
}
/* style footer */

#footer{
    height: auto;
    width: 100%;
    background-color: lightgray;
    float: right;
    margin-top: 25px;
}

#footer .copy{
    clear: both;
    width: 100%;
    border-top: 1px solid gray;
    position: relative;
    top: 20px;
    padding-top: 10px;
    font-family: 'B nazanin';
    padding-bottom: 40px;
}

#footer .copy p{
    font-size: 20px;
font-family : 'B nazanin';
}

#footer .view{
    width: 30%;
    float: right;
    padding: 10px;
    margin: 20px;
    text-align: right;
    line-height: 30px;
    font-family: 'iransans';
}

#footer .view h4.widget-title{
    font-family: B nazanin;
    font-weight: bold;
    border-bottom: 2px solid gray;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#footer .view h4.widget-title:before{
    content: url('image/amar.png');
    vertical-align: -3px;
}

#footer .view ul li{
    text-align: center;
}

#footer .detail{
    width: 30%;
    float: right;
    padding: 30px;
    text-align: right;
    margin-right: 40px;
}

#footer h4{
    font-family: B nazanin;
    font-weight: bold;
    border-bottom: 2px solid gray;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#footer p{
    line-height: 30px;
    font-family: 'iransans';
}

#footer .socialnet{
    width: 30%;
    float: right;
    padding: 30px;
    text-align: right;
    margin-right: 40px;
}

#footer .socialnet h4{
    font-family: B nazanin;
    font-weight: bold;
    border-bottom: 2px solid gray;
    margin-top: 6px;
    padding-bottom: 10px;

}

#footer .detail h4{
    font-family: B nazanin;
    font-weight: bold;
    border-bottom: 2px solid gray;
    margin-top: 6px;
    padding-bottom: 10px;
}

#footer .socialnet .telegram, #footer .instagram{
    font-size: 50px;
    float: right;
    width: 60px;
    height: 60px;
}

#footer .socialnet .telegram, #footer .instagram img{
    width: 100%;
}

#footer .socialnet .telegram, #footer .telegram img{
    margin-left: 20px;
    width: 100%;
}

#footer .socialnet .telegram, #footer .telegram{
    font-size: 50px;
    float: right;
    width: 60px;
    height: 60px;
}

#footer .socialnet .telegram i, #footer .instagram i{
    color: black;
}

/* style paginat */

a#malinky-ajax-pagination-button{
    font-family: 'iransans';
    position: relative;
    top: 20px;
    background-color: #CCC;
    padding: 10px;
    color: #0f292f;
    text-decoration: none;
}

a#malinky-ajax-pagination-button:hover{
    background-color: #0f292f;
    color: #CCC;
}

/* style gotop */

#back-top {
position: fixed;
bottom: 30px;
margin-left: -150px;
}

#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}

/* arrow icon (span tag) */
#back-top span {
width: 70px;
height: 70px;
display: block;
margin-bottom: 7px;
margin-right: 20px;

/* rounded corners */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}

/* style page-template */

body.page-template #sec-page-contactus{
    text-align: center;
    padding: 10px;
    background: whitesmoke;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}

body.page-template #sec-page-contactus form p{
    font-family: 'iransans';
    font-size: 14px;
    line-height: 30px;
}

body.page-template #sec-page-contactus form textarea{
    height: 200px;
    width: 100%;
}

body.page-template #sec-page-contactus form input[type="text"], body.page-template #sec-page-contactus form input[type="email"],
body.page-template #sec-page-contactus form textarea
{
    width: 100%;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

body.page-template #sec-page-contactus form input[type="submit"]{
    width: 10%;
    border: 1px solid #CCC;
    background-color: #0f292f;
    color: #CCC;
}

body.page-template #sec-page-contactus div.wpcf7-validation-errors{
    display: block;
    font-family: 'iransans';
    padding: 10px;
    border: 1px solid #CCC;
    background-color: red;
    color: whitesmoke;
}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted{
    display: block;
    font-family: 'iransans';
    padding: 10px;
    border: 1px solid #CCC;
    background-color: red;
    color: whitesmoke;
}

/* style update */

.ih-item.square{
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
} 


body.single .ih-item img {
    height: 500px !important;
}
/*
body.search .ih-item img {
    height: 300px;
}*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-right: 0;
    padding-left: 0;
}

.container{
    padding-right: 0;
    padding-left: 0;
}

/* style page search */

body.search h1.page-search-title{
    text-align: center;
    font-family: 'B nazanin';
    margin-bottom: 20px;
}

/* style page category */

body.category h1.page-category-title{
    text-align: center;
    font-family: 'B nazanin';
    margin-bottom: 20px;
}

/* style page tags */

body.tag h1.page-tags-title{
    text-align: center;
    font-family: 'B nazanin';
    margin-bottom: 20px;
}

/* media screen */

@media (max-width: 1200px ){
    #content section#sec-single{
        margin-right: 83px;
    }
}

 @media screen and (max-width: 627px){
	#nav-top span.phone{
		float: left;
		font-size: 15px;
		margin-left: 30px;
		padding-top: 10px;
		padding-right: 10px;
		font-family: 'iransans';
            color: #CCCCCC;
	}

	
{
		float: left;
		font-size: 15px;
		margin-left: 30px;
		padding-top: 10px;
		padding-right: 10px;
		font-family: 'iransans';
            color: #CCCCCC;
	}
	
 }

 @media screen and (max-width: 518px){
        h1.title-mahsol{
               position: relative; 
               right: 8%;
        }
 	#nav-top{
 		height: 120px;
 		width: 100;
 		text-align: center;
 		background-color: #0F292F;
 		padding: 5px;	
 		-moz-box-sizing: border-box;
 		-o-box-sizing: border-box;
 		box-sizing: border-box;
            color: #CCCCCC;
 	}

	#nav-top span.name-site{
		float: none;
		text-align: center;
		padding-top: 10px;
		padding-right: 10px;
		font-family: 'B nazanin';
        color: #CCCCCC;
	}

	#nav-top span.phone{
		float: left;
		font-size: 17px;
		margin-left: 0px;
		padding-top: 13px;
		padding-right: 10px;
		font-family: 'iransans';
		width: 100%;
        color: #CCCCCC;
	}

	#nav-top span.email{
		float: left;
		width: 100%;
		font-size: 17px;
		margin-left: 6px;
		padding-top: 13px;
		padding-right: 10px;
		font-family: 'iransans';
        color: #CCCCCC;
	}
	
 }

 @media (max-width: 768px ){

    body.single table.bread-table{
        margin: 0 auto !important;
    }

    #footer .detail p{
        text-align: center;
    }

    #footer .view h4{
        text-align: center;
    }

    #footer .detail h4{
        text-align: center;
    }

    #footer .socialnet h4{
        text-align: center;
    }

    #footer .socialnet p{
        margin-right: 40%;
    }

    #site-navigation{
        height: auto;
        padding-bottom: 6px;
    }

    #site-navigation #toggle{
        /*background-color: #0f292f ;*/
        display: block;
        /*border-bottom: 1px solid #CCC;*/
    }

    #site-navigation ul{
        width: 100%;
        display: none;
        height: auto;
    }

    #site-navigation form#ssform{
        display: none;
    }

    #site-navigation form#ssform{
        display: block;
    }

    #site-navigation ul li{
        display: block;
        text-align: center;
    }

    #site-navigation ul li a{
        display: block;
    }

    #site-navigation ul li{
        border-bottom: 1px solid rgba(100,100,100,.5);
    }

    .act{
        display: block !important;
    }

    .search-toggle{
        top: -48px;
    }

    #footer .view, #footer .detail, #footer .socialnet{
        width: 89%;
    }

    #footer .copy p{
        font-size: 16px;
    }
    
    .search-toggle{
        position: relative;
        left: 20px;
    }

    form#searchform input[type="text"]{
        width: 85%;
    }

    #content section#sec-single{
        margin-right: 0px;
    }

    .nav-previous{
        z-index: 2;
        margin: 10px;
        margin-right: 0;
    }

    .nav-next{
        z-index: 2;
        margin: 10px;
    }

 }

 @media (max-width: 730px ){
    form#searchform input[type="text"]{
        width: 86%;
    }
 }

 @media (max-width: 674px ){
    form#searchform input[type="text"]{
        width: 50%;
        font-size: 15px;
        padding: 18px;
        vertical-align: 5px;
    }
}


@media (max-width: 990px) {
    div.border img{
        width: 50%;
    }

    .pagination{
        margin-right: 35%;
    }
}

@media (max-width: 738px) {
    div.border img{
        width: 40%;
    }
}
@media (max-width: 510px) {
    div.border img{
        width: 60%;
    }
}
@media (max-width: 510px) {
    div.border img{
        width: 76%;
    }
}
@media (max-width: 635px){
    .pagination{
        margin-right: 30%;
    }
}
@media (max-width: 520px){
    .pagination{
        margin-right: 25%;
    }
}
@media (max-width: 470px){
    .pagination{
        margin-right: 15%;
    }
}
@media (max-width: 350px){
    body.page-template #sec-page-contactus form input[type="text"], body.page-template #sec-page-contactus form input[type="email"],  
    body.page-template #sec-page-contactus form textarea
    {
        width: 84%;
    }

    body.page-template #sec-page-contactus form input[type="submit"]
    {
        width: 40%;
        margin-top: 10px;
    }
}
@media (max-width: 290px){
    .nav-previous{
        margin-right: 0;
    }
}
.ih-item img{
  height: 340px;
}

body.page-template article#post-55>p{
display:none;
}

#container-maps{
   position: relative;
   width: 100%;
   padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

#show-maps{
position:  absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   text-align: center;
}
iframe.lazyloaded{
width: 100% !important;
height: 100% !important;
}
h2{
  padding: 0px 13px !important;
}