/*!
Theme Name: darkoob
Theme URI: http://sitedar.com/
Author: shahab
Author URI: http://sitedar.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: darkoob
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

darkoob is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	url("fonts/fontawesome-webfont.woff") format("woff"), 
	url("fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("fonts/fontawesome-webfont.svg") format("svg");
}

@font-face {
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/bootstrap-icons.eot") format("embedded-opentype"),
  url("fonts/bootstrap-icons.woff") format("woff"),
  url("fonts/bootstrap-icons.woff2") format("woff2"), 
}

 @font-face {
    font-family: 'IRANSansWeb(FaNum)';
    src: url('fonts/IRANSansWeb(FaNum).eot');
    src: url('fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'IranNastaliq';
    src: url('fonts/IranNastaliq.eot');
    src: url('fonts/IranNastaliq.eot?#iefix') format('embedded-opentype'),
         url('fonts/IranNastaliq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'yekan-webfont';
    src: url('fonts/yekan-webfont.eot');
    src: url('fonts/yekan-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/yekan-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0; font-size: 15px; line-height: 2; font-family: 'IRANSansWeb(FaNum)';}
main {display: block;}
*{padding: 0; margin: 0;}
input:focus, a:focus, a:active, textarea:focus, img:focus {outline:none;}


img {max-width:100%;}
ul{padding: 0; margin: 0;}
a{text-decoration: none !important; color: #444;}
a:hover{color:#E2420A;}
p{line-height: 2;}  

.h1, h1 {
    font-size: 28px;
}
.h2, h2 {
    font-size: 24px;
}
.h3, h3 {
    font-size: 20px;
}
.h4, h4 {
    font-size: 16px;
}

.bg-header{background-color: #252525; box-shadow: 0 2px 12px rgb(136 136 136 / 10%);}
.home .bg-header{position: absolute; z-index: 9; width: 100%; background: none; box-shadow: none;}



.main-menu{margin-top: 30px; margin-bottom: 30px;}
.main-menu ul{padding:0; text-align: left; margin: 0;}
.home .main-menu li a{color: #151716;}
.main-menu li a{
  padding: 16px 18px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none; 
}
.main-menu li{display:inline-block;}
.main-menu li:last-child a{padding-left: 0px;}
.main-menu li a:hover{color: #f54f15;}
.main-menu li.menu-item.current-menu-item a{color:#f54f15;}
.main-menu ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;}
.main-menu li:hover> ul{
  display:block;
  float:left;
  width:246px;
  margin-right: 0px;
  background: #272727;
}
.main-menu li li{width:100%; float:left; list-style-type:none; margin-right: 0; margin-left: 0;}
.main-menu li li a{text-align: right; font-size: 14px; text-decoration:none; width: 100%; color: #fff; padding: 5px;}
.main-menu ul ul ul{  margin: -44px 225px 0 190px !important;}

.logo img{padding-top: 5px; padding-bottom: 5px;}

.sliders .seriousslider-light .seriousslider-caption-title, .sliders .seriousslider-light .seriousslider-caption-text{text-shadow: 0 1px 2px rgb(0 0 0 / 97%);}
.sliders .seriousslider-light .seriousslider-caption-title {font-family: 'IranNastaliq'; font-size: 69px !important;}
.sliders .seriousslider-light .seriousslider-caption-text {font-family: 'yekan-webfont'; font-size: 30px !important;}



.content1{margin-top: 100px;}
.content1 h2{
  padding-bottom: 24px; 
  font-weight: bold; 
  position: relative;
  color: #333;
  font-size: 30px;
}
.content1 h2:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
}
.content1 h3{
  font-size: 24px;
  color: #333;
  padding-bottom: 20px;
}
.content1 p{
  color: #777;
}
.content2{margin-top: 100px;}



.bg-content3-5{
  background: #F3F3F3; 
  margin-top: 80px; 
  padding-bottom: 100px; 
  padding-top: 100px;
}
.title-content-3-5{

}
.title-content-3-5 h2{
  padding-bottom: 30px; 
  font-weight: bold; 
  position: relative;
  color: #333;
  font-size: 30px;
  text-align: center;
}
.title-content-3-5 h2:before{
  content: ''; 
  position: relative; 
  display:  block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
  transform: translateX(-46%);
  right: 46%;
}
.content3, .content4, .content5{
  position: relative;
}
.content3 .textwidget, .content4 .textwidget, .content5 .textwidget{
  background: #fff;
  padding: 18px 40px;
}
.content3 h2, .content4 h2, .content5 h2{
  padding: 18px 40px;
  background-color: rgba(245, 79, 21, 0.9);
  transition: .3s;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  margin-top: -69px;
  position: relative;
  margin-bottom: 0;
}
.content3 p, .content4 p, .content5 p{
  line-height: 12px;
}
.content3 p::before, .content4 p::before, .content5 p::before{
  font-family: "bootstrap-icons";
  content: "\F272";
  color:#E2420A;
  font-size: 12px;
  padding-left: 3px;
  vertical-align: top;
}


.bg-content6{
  background-image: url(../../uploads/bg1.jpg);
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content6{
  text-align: center;
}
.content6 h2{
  font-weight: bold; 
  position: relative;
  color: #fff;
  font-size: 25px;
}
.content6 h2:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
  transform: translateX(-46%);
  right: 46%;
}
.content6 p{
   color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
}
.content6 a{
  color: #fff;
  background-color: #f54f15;
  border: 1px solid #f54f15;
  padding: 6px 35px;
  margin-top: 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
}
.content6 a:hover{
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}

.content7{margin-top: 100px;}
.content8{margin-top: 100px;}
.content8 h2{
  padding-bottom: 24px; 
  font-weight: bold; 
  position: relative;
  color: #333;
  font-size: 30px;
}
.content8 h2:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
}
.content8 h3{
  font-size: 19px;
  color: #333;
  padding-bottom: 20px;
}
.content8 p{
  color: #777;
}

.bg-content9{
  background-image: url(../../uploads/bg3.jpg);
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
}
.title-content9-3 h2{
  padding-bottom: 30px; 
  font-weight: bold; 
  position: relative;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.title-content9-3 h2:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #fff;
  transform: translateX(-46%);
  right: 46%;
}
.content9-1, .content9-2, .content9-3{
  background-color: #fff;
  padding: 50px;
  text-align: center;
}
.content9-1 img, .content9-2 img, .content9-3 img{
  border-radius: 50%;
}
.content9-1 h2, .content9-2 h2, .content9-3 h2{
  padding-bottom: 24px;
  font-weight: bold;
  position: relative;
  color: #333;
  font-size: 20px;
  text-align: center;
}  
.content9-1 p, .content9-2 p, .content9-3 p{
  padding-bottom: 24px;
  color: #777;
  text-align: center;
} 
.content9-1 a, .content9-2 a, .content9-3 a{
  color: #fff;
  background-color: #f54f15;
  border: 1px solid #f54f15;
  padding: 6px 35px;
  margin-top: 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
}
.content9-1 a:hover, .content9-2 a:hover, .content9-3 a:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}


.bgblog {
  margin-top: 100px;
	padding-bottom: 100px;
  }
.bgblog .title-latest-news{
  padding-bottom: 30px; 
  font-weight: bold; 
  position: relative;
  color: #333;
  font-size: 30px;
  text-align: center;
  }
.bgblog .title-latest-news:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
  transform: translateX(-46%);
  right: 46%;
}
.bgblog .box-latest-news {
    position: relative;
}
.bgblog .box-latest-news .main-box-thumbnail a {
    position: relative;
}
.bgblog .box-latest-news .box-thumbnail {
    overflow: hidden;
}
.bgblog .box-latest-news .box-thumbnail img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: auto;
 }
.bgblog .box-latest-news:hover img {
    transform: scale(1.045);
}
.bgblog .box-latest-news .main-box-content {
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 25px;
}
.bgblog .box-latest-news .main-box-content .entry-header {
    padding-top: 16px;
}
.bgblog .box-latest-news .entry-header a {
    color: #222;
    font-size: 18px;
    text-align: right;
    display: block;
    padding-bottom: 10px;
    line-height: 30px;
}
.bgblog .box-latest-news .entry-header a:hover {
    color: #ffba00;
 }
  .bgblog .box-latest-news .entry-content p {
    color: #777; 
    line-height: 1.5; 
    font-size: 16px;
  }
  .bgblog .box-latest-news .box-cat-name {
    display: inline-block;
    padding-top: 10px;
  }
  .bgblog .box-latest-news .cat-name { 
    font-size: 13px;
    color: #777;
  }
  .bgblog .box-latest-news .cat-name:before {
    font-family: "FontAwesome";
    content:"\f07c";
    color: #777;
    font-size: 14px;
    padding-left: 3px;
  }
  .bgblog .box-latest-news .box-date {
    display: inline-block;
    padding-top: 10px;
  }
  .bgblog .box-latest-news .date {
    font-size: 13px;
    color: #777;
    margin-right: 10px;
  }
  .bgblog .box-latest-news .date:before {
    font-family: "FontAwesome";
    content:"\f073";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
  }

.bg-content10{
  background-image: url(../../uploads/bg2.jpg);
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content10{
  text-align: center;
}
.content10 h2{
  font-weight: bold; 
  position: relative;
  color: #fff;
  font-size: 25px;
}
.content10 h2:before{
  content: ''; 
  position: relative; 
  display: block; 
  height: 4px; 
  width: 50px; 
  margin-bottom: 26px; 
  background: #E2420A;
  transform: translateX(-46%);
  right: 46%;
}
.content10 p{
   color: #fff;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0;
}
.content10 a{
  color: #fff;
  background-color: #f54f15;
  border: 1px solid #f54f15;
  padding: 6px 35px;
  margin-top: 30px;
  display: inline-block;
  font-size: 20px;
  font-weight: normal;
}
.content10 a:hover{
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}

.bg-content11{
  /* background:#F3F3F3; */
}
.content11 #wpsm_counter_b_row_104 .wpsm_counterbox .wpsm_count-title, .content11 #wpsm_counter_b_row_104 .wpsm_counterbox .wpsm_number{
  font-family: 'IRANSansWeb(FaNum)' !important;
}
.content11 #wpsm_counter_b_row_104 .wpsm_counterbox{margin-bottom: 20px;}

.home .bg-footer{margin-top: 0px;}
.bg-footer{background-color: #252525;  margin-top: 50px; padding-top: 100px;}
.foot-box1, .foot-box2{margin-bottom: 40px; text-align: center; color: #fff; font-size: 20px;}
.foot-box3{margin-bottom: 50px; text-align: center; color: #777;}
.foot-box1 span{color: #f54f15;}

.foot-box2 ul{margin: 0; padding-top: 3px; text-align: center;}
.foot-box2 li{vertical-align: middle; display: inline-block; list-style: none;}
.foot-box2 li a{font-size:0 !important;  display: inline-block; text-decoration:none; }
.foot-box2 li.menu-item-26 a:before, .foot-box2 li.menu-item-27 a:before{
    width: 55px;
    height: 55px;
    display: block;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
    margin-right: 9px;
    border: 2px solid #fff;
}
.foot-box2 li.menu-item-26 a:before{font-family: "FontAwesome"; content: "\f1d9"; font-size: 22px; color: #fff;}
.foot-box2 li.menu-item-27 a:before{font-family: "bootstrap-icons"; content: "\F437"; font-size: 22px; color: #fff;}
.foot-box2 li.menu-item-26 a:hover:before, .foot-box2 li.menu-item-27 a:hover:before{color: #252525; background: #fff;}



.inner-page{margin-top: 40px;}
.inner-page .entry-title{margin-bottom: 42px;  border-right: 5px solid #E2420A;  padding-right: 20px;}
.inner-page ul{padding-right: 20px;}


/****************** contact us *****************/
.page-id-17 .entry-content .email:before {content: "\F32F"; font-family: "bootstrap-icons"; font-size: 20px; padding-left: 5px; vertical-align: bottom;}
.page-id-17 .entry-content .icon-address:before {content: "\F3E8"; font-family: "bootstrap-icons"; font-size: 22px; padding-left: 5px;}
.page-id-17 .entry-content .icon-tell:before {font-family: "bootstrap-icons"; content: "\F5C1"; font-size: 20px;}
.page-id-17 .entry-content .icon-mobile:before {font-family: "bootstrap-icons"; content: "\F4E7"; font-size: 20px;}
.page-id-17 .entry-content .icon-insta:before {font-family: "bootstrap-icons"; content: "\F437"; font-size: 20px; padding-left: 5px;}
.post-17 input{height: 46px; border: none; background-color: #F8F8F8; padding: 0 10px 0px 0px; width: 98%;}
.post-17 input.wpcf7-captchar{width: auto;}
.post-17 .captcha-118 input{padding: 5px;}
.post-17 textarea{border: none; background-color: #F8F8F8; padding: 5px; width: 98%; height: 150px;}
.post-17 label{width: 100%; font-weight: normal; font-size: 12px;}
.post-17 input[type="submit"]{width: 10%; background: #E2420A; color: #fff; border-radius: 3px; padding: 3px;}
.post-17 input[type="submit"]:hover{background: #000; color:#fff;}

.post-17 span.your-name:before{content:"\f007"; font-family: "FontAwesome"; font-size: 15px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}
.post-17 span.text-434:before{content:"\f10b"; font-family: "FontAwesome"; font-size: 22px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 1px;}
.post-17 span.your-email:before{content:"\f0e0"; font-family: "FontAwesome"; font-size: 14px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}
.post-17 span.your-message:before{content:"\f044"; font-family: "FontAwesome"; font-size: 17px; color: #c7c7c7; position: absolute; padding-right: 15px; padding-top: 7px;}

.post-17 ::-webkit-input-placeholder{text-align: right;}
.post-17 :-ms-input-placeholder{text-align: right;}
.post-17 ::placeholder {text-align: right;}



/********************** cat-post *******************/
.cat-post{margin-top: 50px;}
.cat-post h2{font-size: 21px;}
.category .cat-post .date{text-align: right; padding: 12px 30px 3px 60px; display: block; position: relative; color: #E2420A;}
.category .cat-post .date:before{content: ''; height: 2px; width: 20px; background: #E2420A; position: absolute; right: 0px; top: 25px;}
.cat-post .joomirpost .post-thumbnail img{height: auto;}
.category .joomirpost {
  box-shadow: 0px 0px 4px #cdcdcd;
  padding: 13px;
  background: #fff;
  height: 507px;
  margin-bottom: 40px;
}
.category .cat-post h2.entry-title{
    font-weight: bold;
    padding: 30px 0px 30px 0px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 19px;
    line-height: 1.5;
}


/************************* single post *************/
.inner-post{margin-top: 50px;}
.content-left .date {text-align: right; padding: 4px 29px 10px 10px; display: block; position: relative; color: #E2420A;}
.content-left .date:before {content: ''; height: 2px; width: 20px; background: #E2420A; position: absolute; right: 2px; top: 18px;}
.content-left .entry-title{padding-top: 29px; padding-bottom: 18px;}
.inner-post .content-left ul{padding-right: 20px;}
.inner-post .content-left h2, .inner-post .content-left h3, .inner-post .content-left h4{padding-top: 20px;}

.blog-content-right section {margin-bottom: 30px; border-top: 4px solid #E2420A; box-shadow: 0 5px 19px 0 #ccc; padding: 30px;}
.blog-content-right section ul{padding-right: 30px;}
.blog-content-right h2 {margin-top: 0; font-size: 20px; position: relative; padding-bottom: 7px;}
.blog-content-right .cat-item-1{display: none;}
.blog-content-right li{padding-bottom: 10px;}

/*totop*/
.back-top{position:fixed; bottom:20px; right:20px; z-index: 99;}
.back-top a{display: block; width: 50px; text-align: center; text-decoration: none; text-transform: uppercase; height: 50px; font-size: 24px; border-radius:50%; background: #E2420A;}
.back-top a:before{margin-right: -2px; display: inline-block; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; vertical-align: top; line-height: 49px; font-family: "bootstrap-icons"; font-size: 28px; color: #fff; content: "\F148";}
.back-top a:hover{background:#161415;}
.back-top a:hover:before{ color: #fff;}
.back-top span{display:none;}


/*responsive*/
@media (max-width:1045px) {
 
}
@media (max-width:768px) {
 
}
@media (max-width:767px) {
 .main-menu{display: none;}
 .home .logo {text-align: right;} 
 .logo {text-align: left; padding-top: 0px; padding-bottom: 0px;} 
 .sliders .seriousslider-light .seriousslider-caption-title {display: none;}
 .sliders .seriousslider-light .seriousslider-caption-text {display: none;}
 .content2 {margin-top: 21px;}
 .title-content-3-5 h2:before{display: none;}
 .bg-content3-5 {padding-top: 30px;}
 .content3, .content4, .content5{margin-bottom: 30px;}
 .content3 .textwidget, .content4 .textwidget, .content5 .textwidget {padding: 18px 18px;}
 .content6 h2:before{display: none;}
 .content8 {margin-top: 51px;}
 .title-content9-3 h2:before{display: none;}
 .bg-content9 {padding-top: 47px; padding-bottom: 57px;}
 .content9-1, .content9-2, .content9-3 {margin-bottom: 30px;}
 .bgblog .title-latest-news:before {display: none;}
 .box-latest-news{margin-bottom: 30px;}
 .bgblog {padding-bottom: 47px;}
 .content10 h2:before{display: none;}
 .content-left .post-thumbnail img{height: auto;}
 .blog-content-right{margin-top: 50px;}
 .post-17 input[type="submit"] {width: 50%;}
}
@media (max-width:375px) {
 
}
@media (max-width:344px) {
 
}