/*
Theme Name: saze-omid
Theme URI: https://saze-steelco.ir/
Author: omid aflaki
Author URI: https://omidaflaki.ir
Description: Our 2021 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: saze-steelco
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

saze-steelco is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@font-face{
	font-family: "sans";
	src: url(fonts/sansiran.ttf) format("truetype");
}
body {
	font-family: "sans";
	direction: rtl;
	font-size: 1rem;
}
li{
	list-style: none;
}
ul,ol{
	padding: 0px;
	margin: 0px;
}
a{
	color: #333333;
}
a, a:hover{
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.carousel-indicators .active{
	background-color: #004177;
}
.button{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}
.button .all-button{
	display: inline-block;
	padding: 10px 30px;
	position: relative;
	color: #205B8C;
	border: 2px solid #205B8C;
}
.button .all-button:hover{
	color: #ffffff;
}
.button .all-button:after{
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #205B8C;
	z-index: -1;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.button .all-button:hover:after{
	height: 100%;
}
.header-top{
	background: #f6f6f6;
	font-size: .75rem;
	padding-top: 5px
}
.header-top ul li{
	float: right;
	display: block;
	color: #000;
	padding: 0 10px
}
.header-top ul li a{
	display: block;
	color: #000;
}
.header-top .social-media ul li{
	float: left;	
}
.header-top .social-media ul li a:hover{
	color: #1864ab;
}
.header-section .col-lg-9, .header-section .col-lg-3{
	padding: 0rem;
}
.navbar{
	padding: 0.5rem 0rem 0rem 0rem
}
.navbar input[type="search"]{
	border: 1px solid #d8dee9;
	border-radius: 0px;
	margin-left: 5px;
	font-size: 0.85rem;
	max-width: 200px;
}
.navbar button[type="submit"]{
	background: #5f5fd3;
	color: #ffffff;
	border: none;
	border-radius: 0px;
	font-size: 0.85rem;
}
.navbar ul.col-lg-12{
	margin-top: 1rem;
	padding-right: 0rem
}
.navbar ul.col-lg-12 li{
	float: right;
	padding: 0.5rem;
	font-size: 0.9rem;
}
.navbar .navbar-brand{
	padding: 0rem;
	margin: 0rem;
	display: block;
	float: right;
}
.header-main{
	font-size: .95rem;
	padding: 0;
	border-bottom: 1px solid #eee;
}
.header-main ul{
	padding-top: 0.7rem;
}
.header-main ul li{
	display: block;
	float: right;
	position: relative;
}
.header-main ul li a{
	display: block;
	padding: 0 10px;
	cursor: pointer;
}
.header-main ul li a:hover{
	color: #2c5aa0;
}
.header-main ul li .sub-menu{
	display: none;
}
.header-main ul li:hover .sub-menu{
	display: block;
	position: absolute;
	top: 30px;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #eee;
	width: auto;
	padding: 0;
}
.header-main ul li:hover .sub-menu li{
	width: 100%;
	white-space: nowrap;
}
.header-main ul li .sub-menu li:hover{
	background: #eeefff;
}
.header-main .col-md-3{
	padding-right: 0;
}
.navbar .logo{
	text-align: left;
	float: left;
}
.navbar .navbar-toggler-icon {
	display: block;
	position: relative;
}
.navbar .navbar-toggler-icon:after{
	content: "";
	position: absolute;
	display: block;
	background: url('images/logo2.png') center no-repeat;
	height: 30px;
	right: 30px;
	width: 200px;
	text-align: right;
}
.slider-section .carousel-item img{
	height: 600px;
}
.slider-section .carousel-item .slider-text{
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	position: absolute;
	top: 10%;
	right: 0px;
	left: 0px;
	text-align: center;
	color: #ffffff;
	display: block;
	background: rgba(0,75,141,0.8);
}
.slider-section .carousel-item .slider-text .slider-btn{
	display: inline-block;
	padding: 10px 30px;
	position: relative;
	color: #fff;
}
.slider-section .carousel-item .slider-text .slider-btn.darkblue{
	background: #009acd;
	color: #fff;
	margin: 10px;
	border: 1px solid #aaa;
}
.slider-section .carousel-item .slider-text .slider-btn.darkblue:hover{
	background: #1864ab;
	border: 1px solid #fff;
}
.service-section .title-section{
	width: 100%;
	padding-top: 20px;
	margin: 0 15px 50px;
	background: #ffffff;
}
.service-section{
	padding: 120px 0;
}
.service-section .service-item h4{
	padding: 20px 0 0 0;
}
.service-section .service-item p{
	padding: 0px 10px;
}

.service-section .col-6{
	margin-bottom: 0.5rem;
}
.service-section .service-item img{
	width: 100%;
	height: auto;
}
.light-red{
	background: #ff5555;
}
.service-section .service-item{
	background: #ffffff;
	margin: 2px;
	padding:0;
	height: 100%;
}
.restaurant-section .container .row .portfolio-info img{
	width: 100%;
}
.restaurant-section{
	padding: 120px 0 120px 0;
	background: #f6f6f6;
}
.restaurant-section .portfolio-info{
	margin: 0 0 30px;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.restaurant-section .container .title-section{
	margin: 30px 0 10px 0;
	background: #ff5555;
	padding: 20px 0 20px 0;
}
.restaurant-section .title-section h2{
	margin: 0 auto;
}
.restaurant-section .blog-item{
	font-size: .85rem;
	background: #ffffff;
	position: relative;
	height: 400px;
	margin-bottom: 10px;
}
.restaurant-section .blog-item img{
	display: block;
	max-height: 220px;
	text-align: left;
	margin: 0 auto;
	max-width: 100%;
}
.restaurant-section .blog-item .blog-content{
	padding: 20px;
}
.restaurant-section .blog-item .blog-content h4{
	margin: 0 0 10px 0;
	text-align: right;
}
.restaurant-section .blog-item .blog-content p{
	clear: both;
	text-align: justify;
	color: #495057;
}
.restaurant-section .blog-item .read-more{
	width: 100%;
	background: #eeeeee;
	text-align: center;
	position: absolute;
	bottom: 0px;
}
.restaurant-section .blog-item .read-more a{
	padding: 20px 0px;
	display: block;
	color: #495057;
}
.restaurant-section .blog-item .read-more:hover a{
	background: #495057;
	color: #ffffff
}


.mostsale-section .title-section{
	width: 100%;
	padding: 20px 0 20px 0;
	margin: 0 15px 25px;
	background: #ffffff;
}
.mostsale-section .title-section h2{
	margin: 0;
}
.mostsale-section .service-text ul li i{
	color: #ffd203;
	font-size: 0.7rem
}
.mostsale-section .service-text a{
	display: block;
	width: 100%;
	padding: 10px 0 10px 0;
	background: #eeeeee;
	color: #495057;
}
.mostsale-section .service-text a:hover{
	background: #495057;
	color: #ffffff;
}

.mostsale-section{
	padding: 120px 0;
}
.mostsale-section .service-item h4{
	padding: 20px 0 0 0;
	margin: 0;
	font-size: 1.2rem;
}
.mostsale-section .service-item p{
	padding: 0px;
	margin: 0;
	color: #2b8a3e;
	font-size: 0.85rem;
}

.mostsale-section .col-6{
	margin-bottom: 1.5rem;
}
.mostsale-section .service-item img{
	max-width: 100%;
	max-height: 160px;
	margin-top: 5px;
	width: auto;
	height: auto;
	padding: 0 5px;
}
.light-blue{
	background: #2c5aa0;
}
.light-gray{
	background: #f6f6f6;
}
.light-green{
	background: #37c387;
}
.mostsale-section .service-item{
	background: #ffffff;
	padding:0;
	height: 100%;
}
.customer-section{
	width: 100%;
	height: 100%;
}
.customer-section .col-md-4{
	margin-bottom: 1rem;
}
.customer-section .customer-overlay{
	width: 100%;
	height: 100%;
	padding: 150px 0;
	background: rgba(0,0,0,0.7);
}
.customer-section .customer-overlay .customer-text{
	float: right;
	padding: 30px;
	position: relative;
	background: #ffffff;
	text-align: justify;
}
.customer-section .customer-overlay .customer-text:after{
	content: "";
	position: absolute;
	bottom: -5px;
	right: 50px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
}
.customer-section .customer-overlay .customer-text p{
	line-height: 25px;
}
.customer-section .customer-overlay .customer-right-text{
	float: right;
	padding: 10px 0 0;
}
.customer-section .customer-overlay .customer-right-text a{
	display: block;
	color: #888;
}
.customer-section .customer-overlay .customer-left-text {
	float: left;
}
.customer-section .customer-overlay .customer-left-text i{
	color: #ffd200;
}
.customer-section .customer-overlay .customer-img{
	display: inline-grid;
	position: relative;
}
.customer-section .customer-overlay .customer-img img{
	width: 70px;
	height: 70px;
	border-radius: 50%;
	display: block;
}
.customer-section .title-section{
	color: #ffffff;
}
.company-section{
	padding: 120px 0;
	background: #ffffff;
}
.company-section a{
	display: block;
}
.company-section img{
	width: 100%;
	margin: 0 0 30px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
}
.blog-section {
	padding: 120px 0px;
	background: #f6f6f6;
}
.blog-section .blog-item{
	font-size: .85rem;
	background: #ffffff;
	position: relative;
	height: 450px;
	margin-bottom: 20px;
	text-align: center;
}
.blog-section .blog-item img{
	width: auto;
	max-height: 220px;
	margin: 0 auto;
	max-width: 100%;
}
.blog-section .blog-item .blog-content{
	padding: 20px;
}
.blog-section .blog-item .blog-content h4{
	margin: 0 0 10px 0;
	text-align: right;
}
.blog-section .blog-item .blog-content ul li{
	float: right;
	padding-left: 10px;
}
.blog-section .blog-item .blog-content p{
	clear: both;
	text-align: justify;
	padding-top: 10px;
	max-height: 70px;
	overflow: hidden;
}
.blog-section .blog-item .read-more{
	width: 100%;
	background: #eeeeee;
	text-align: center;
	position: absolute;
	bottom: 0px;
}
.blog-section .blog-item .read-more a{
	padding: 20px 0px;
	display: block;
	color: #205B8C
}
.blog-section .blog-item .read-more:hover a{
	background: #205B8C;
	color: #ffffff
}
.blog-section .button{
	margin: 50px auto 0px auto;
}
.blog-section .button .all-button:hover{
	background: #205B8C;
}
.all-button:hover ul li a{
	color: #fff
}
.contact-section{
	padding: 120px 0px;
}
.contact-section .title-section{
	color: #ffffff;
	background: #2c5aa0;
	padding: 20px 0px;
	margin-bottom: 20px;
}
.contact-section .title-section p{
	margin: 0px
}
.contact-section .row img{
	width: 90%;
	margin: 10px 0px;
}
.contact-section input{
	width: 100%;
	margin: 0 0 15px;
	padding: 10px;
	border: 1px solid #dddddd;
}
.contact-section textarea{
	width: 100%;
	height: 200px;
	margin: 0 0 15px;
	padding: 10px;
	border: 1px solid #dddddd;
	resize: none;
}
.contact-section input:focus, .contact-section textarea:focus{
	border-color: #205B8C;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.contact-section input[type="submit"], .contact-section input[type="button"], .contact-section button{
	width: auto;
	display: table;
	margin: 0 auto;
	padding: 5px 20px;
	background: #205B8C;
	border-color: #205B8C;
	color: #fff;
}
.footer-section{
	width: 100%;
	float: right;
	padding: 10px;
	background: #dee2e6;
	border-top: 1px solid #aeaeae;
}
.footer-section .widget .widget-title{
	margin: 0 0 10px;
	font-size: 1.5rem
}
.footer-section .widget .widget-about p{
	padding-top: 15px;
	text-align: justify;
}
.footer-section .widget .widget-about ul{
	display: table;
	margin: 0 auto;
}
.footer-section .widget .widget-about ul li{
	display: inline-block;
	padding: 0px;
}
.footer-section .widget .widget-about ul li a{
	display: block;
	width: 40px;
	height: 30px;
	line-height: 40px;
	text-align: center;
}
.footer-section .widget .widget-about iframe{
	max-height: 200px;
	width: 100%;
	box-shadow: 0 0 2px #000000;
}
.footer-section .widget .blog-footer-item{
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #aeaeae;
	float: right;
}
.footer-section .widget .blog-footer-item:last-of-type{
	border-bottom: 0;
}
.footer-section .widget .blog-footer-item .blog-footer-title{
	display: table;
	padding-left: 10px;
	text-align: right;
}
.footer-section .widget .blog-footer-item .blog-footer-img{
	float: left;
}
.footer-section .widget .blog-footer-item .blog-footer-title a{
	display: inline-block;line-height: 25px;
}
.footer-section .widget .blog-footer-item .blog-footer-title span{
	display: inline-block;
	line-height: 20px;
	color: #aaa;
}
.footer-section .widget .widget-list ul li{
	display: block;
	padding: 5px 0px;
}

.footer-section .widget .widget-gallery ul li{
	width: 33.33%;
	float: right;
}
.footer-section .widget .widget-gallery ul li a{
	display: inline-block;
	margin: 5px;
}
.footer-section .widget .widget-gallery ul li a img{
	width: 75px;
	height: 75px;
	display: block;
}
.khat{
	width: 100%;
	height: 1px;
	background: #aeaeae;
	margin: 5px 0px 30px 0;
}
.website-sedigner, .website-sedigner a{
	color: #4c566a
}
.website-sedigner p{
	font-size: 0.85rem;
	margin-bottom: 0.5rem;
}
.website-sedigner .web-img{
	position: relative;
}
.web-img .khat{
	position: absolute;
	top: 35%;
	z-index: -1;
}
.website-sedigner img{
	margin: 0px 0 20px 0;
	background: #eee;
	z-index: 1;
}
.wpcf7 p{
	margin: 0;
}
.page-section .container .row h1{
	padding: 60px 0 30px 0px;
}
.page-section .container .row iframe{
	margin: 60px 0 10px 0;
}

@media screen and (max-width: 991px){

	.navbar .logo img{
		display: none;
	}
	.navbar ul.col-lg-12 li{
		float: none;
	}
	.header-main ul li .sub-menu{
		display: none;
	}
	.header-main ul li:hover .sub-menu{
		display: block;
		position: relative;
		top: auto;
		z-index: 2;
		background-color: #fff;
		border: 1px solid #eee;
		width: auto;
		padding: 0;
	}
	.header-main ul li:hover .sub-menu li{
		width: 100%;
	}
	.header-main ul li .sub-menu li:hover{
		background: #eeefff;
	}
	.header-main{
	padding: 10px 0;
	}
	.blog-section .blog-item img{
		width: auto;
		max-height: 220px;
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
	p{
		font-size: .85rem;
	}
	h1, h2, h3, h4, h5, h6{
		font-size: 1.2rem;
	}
}