/*!
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

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

@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: 'Poppins-Light';
  src: url('fonts/Poppins-Light.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/Poppins-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


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

.plpr{padding-left: 40px; padding-right: 40px;}

img {max-width:100%;}
ul{padding: 0; margin: 0;}
a{text-decoration: none !important; color: #444;}
a:hover{color:#e2000f;}
p{line-height: 2;}  
.f-nav{position: fixed !important; top:0; width: 100%; z-index: 9;}

.bg-header1{background: #E2000F;}
.bg-header2{background: #FFFFFF; box-shadow: 0 1px 4px rgba(0,0,0,.25);}

.tell h2{color:#fff; font-size: 22px; text-align: right;}
.tell h2:before{content: "\f095"; font-family: "FontAwesome"; font-size: 22px; color: #fff; padding-right: 5px;}

.logo{margin-top: 6px; margin-bottom: 6px;}

.searching{position: relative; top: 10px;}
.searching .screen-reader-text{display: none;}
.searching label{width: 100%;}
.searching input[type=search]{border-radius: 5px; position: relative; width: 100%; height: 48px; border: 1px solid #d8d8d9;; box-shadow: none; padding-left: 11px; float: left;}
.searching input[type=submit]{position: absolute; right: 21px; top: 6px; background: url(../../uploads/bg-bt.png); font-size: 0;  width: 36px; height: 36px; border: none;}
.searching ::-webkit-input-placeholder{color: rgb(128, 128, 128); font-weight: normal; font-size: 14px;}
.searching :-ms-input-placeholder{color: rgb(128, 128, 128); font-weight: normal; font-size: 14px;}
.searching ::placeholder {color: rgb(128, 128, 128); font-weight: normal; font-size: 14px;}

.lan{text-align: right; padding-top: 11px; float: right;}
.lan a{padding-left: 5px;}

.main-menu{}
.main-menu ul{padding:0; text-align: left; margin: 0;}
.main-menu li a{
  padding: 9px 18px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #303030;
  text-decoration: none; 
  text-shadow: 0 0 #4089c7;   
}
.main-menu li{display:inline-block;}
.main-menu li a:hover{color: #b6000f;;}
.main-menu li.menu-item.current-menu-item a{color:#e4191a;}
.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: #3a3a3b;
}
.main-menu li li{width:100%; padding-right: 10px; float:left; list-style-type:none; margin-right: 0; margin-left: 0;}
.main-menu li li a{text-align: left; font-size: 14px; text-decoration:none; width: 100%; color: #fff; padding: 5px;}
.main-menu ul ul ul{  margin: -44px 225px 0 190px !important;}

.content1{box-shadow: 0 0 30px 0 rgba(0,0,0,.1); padding: 37px 40px;}
.content1 h2{font-weight: bold; font-size: 25px; line-height: 48px; margin-bottom: 24px; color: #000;}
.content1 p{font-weight: 400; font-size: 16px; line-height: 24px; color: #000;}
.content1 a{background: #E2000F; border: 1px solid #e2000f; text-align:center; color:#fff; padding: 16px 20px; border-radius: 5px; margin-top: 37px; display: block;}
.content1 a:hover{background-color: #b5000c; border-color: #b5000c;}

.content2{z-index: -1;}
.content2 img{width: 100%;}

.bg-content3{margin-top: 38px;}
.pic-content3{background: url(../../uploads/bg1.jpg); background-size: cover; background-position: center; min-height: 419px; padding: 40px 0px 30px 129px;}
.content3{background-color: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); padding: 37px 36px 48px; margin-bottom: 24px;}
.content3 h2{font-weight: bold; font-size: 23px;}
.content3 a{border: 1px solid #e2000f; padding-bottom: 5px; background: #e2000f; color: #fff; position: absolute; bottom: -23px; padding: 10px 15px; border-radius: 5px;}
.content3 a:hover{border: 1px solid #b5000c; background: #b5000c; color: #fff;}

.content4{margin-top: 40px;}
.content4 h2{color: #000; font-size: 23px; font-weight: bold;}
.content4 p{color: #000;}
.content4 img{width: 100%; margin-bottom: 20px;}

.main-content5{margin-top: 108px;}

.content5{height: 204px;}
.content5 img{width: 100%;}

.content6{min-height: 204px;}
.content6 h2{color:#000; font-size: 19px;}
.content6 h2:hover{color:#E2000F;}
.content6 p{color:#000;}

.content7 h2{color:#000; font-size: 19px; padding-top: 20px;}
.content7 h2:hover{color:#E2000F;}
.content7 p{color:#000;}


.bg-content4{background: #EBEBEB; margin-top: 50px;}
.bg-content4 .container-fluid{padding-left: 90px;}
.content8 img{width: 100%;}
.content9{margin-bottom: 55px; margin-top: 65px;}
.content10{position: relative; left: -100px; top: 70px;background: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); padding: 24px 40px 48px; margin-bottom: 24px; margin-top: 40px;}
.content10 h2{font-size: 23px; font-weight: bold; padding-bottom: 20px;}
.content9 img{height: 445px; width: 100%;}
.content10 a{border: 1px solid #e2000f; padding-bottom: 5px; background: #e2000f; color: #fff; position: absolute; bottom: -23px; padding: 10px 15px; border-radius: 5px;}
.content10 a:hover{border: 1px solid #b5000c; background: #b5000c; color: #fff;}

.content11{margin-top: 40px;}
.content11 h2{color: #000; font-size: 23px;}
.content11 p{color: #000;}
.content11 img{width: 100%;}

.main-content12{margin-top: 108px;}

.content12{height: 204px;}
.content12 img{width: 100%;}

.content13{min-height: 204px;}
.content13 h2{color:#000; font-size: 19px;}
.content13 h2:hover{color:#E2000F;}
.content13 p{color:#000;}

.content14 h2{color:#000; font-size: 19px; padding-top: 20px;}
.content14 h2:hover{color:#E2000F;}
.content14 p{color:#000;}
.content15 img{width: 100%;}

.title-content{margin-top: 30px;}
.title-content h2{font-size: 23px; font-weight: bold;}

.content16, .content17{position: relative;}
.content16 img, .content17 img{margin-bottom: 30px; width: 100%;}
.content16 p, .content17 p{color: #000;}
.content16 .textwidget:before, .content17 .textwidget:before{
    content:"";
    bottom: 100px;
    left: 50%;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 30px 30px;
    transform: translateX(-50%);
    position: absolute;
    width: 0;
    height: 0;
    color: #fff;
}

.bg-content5{background: #EBEBEB; padding: 50px 0; margin-top: 50px;}
.content18{position: relative; background-color: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); padding: 24px 40px 48px;}
.content18 h2{margin-bottom: 30px; font-size: 20px; font-weight: bold;}
.content18 ul{text-align-last: center;}
.content18 li{list-style: none; display: inline-block;}
.content18 li a{font-size: 16px; font-weight: bold; padding-right: 56px; padding-left: 5px;}
.content18 li a:after{transform: rotateY(180deg); content: ""; background: url(../../uploads/arrow.png); border: 1px solid #e2000f; border-radius: 50%; padding: 15px; float: left; background-repeat: no-repeat; background-position: center;}

.bg-social-menu{background: #D8D8D9; margin-top: 50px;}
.social-menu{padding-bottom: 16px; padding-top: 10px;}
.social-menu h2{font-size: 14px; padding-bottom: 7px;}
.social-menu li{list-style: none; display: inline-block;}
.social-menu li a{}
.social-menu li a{font-size: 0; float: right;}
.social-menu #menu-item-50 a:before{border-radius: 5px; content: "\f09a"; font-family: "FontAwesome"; font-size: 23px; color: #D8D8D9; padding: 7px 9px; background: #303030;}
.social-menu #menu-item-60 a:before{border-radius: 5px; content: "\f232"; font-family: "FontAwesome"; font-size: 23px; color: #D8D8D9; padding: 7px 9px; background: #303030;}
.social-menu #menu-item-61 a:before{border-radius: 5px; content: "\f0d2"; font-family: "FontAwesome"; font-size: 23px; color: #D8D8D9; padding: 7px 9px; background: #303030;}
.social-menu #menu-item-52 a:before{border-radius: 5px; content: "\f099"; font-family: "FontAwesome"; font-size: 23px; color: #D8D8D9; padding: 7px 9px; background: #303030;}
.social-menu #menu-item-51 a:before{border-radius: 5px; content: "\f16d"; font-family: "FontAwesome"; font-size: 23px; color: #D8D8D9; padding: 7px 9px; background: #303030;}


.bg-footer1{background: #484848; padding-bottom: 40px;}
.foot-box1, .foot-box2, .foot-box3, .foot-box4{margin-top: 40px;}
.foot-box1 a, .foot-box2 a, .foot-box3 a, .foot-box4 a{color: #fff;}
.foot-box1 h2, .foot-box2 h2, .foot-box3 h2, .foot-box4 h2{font-weight: bold; color: #fff; font-size: 18px; padding-bottom: 10px;}
.foot-box1 a:hover, .foot-box2 a:hover, .foot-box3 a:hover, .foot-box4 a:hover{color: #969696;}
.foot-box1 p, .foot-box2 p, .foot-box3 p, .foot-box4 p{color: #fff;}

.bg-footer2{background: #303030; padding-bottom: 8px; padding-top: 30px;}
.menu-footer ul{text-align: left;}
.menu-footer li{list-style: none; display: inline-block;}
.menu-footer li a{color:#fff; padding: 0 22px 0 0; font-size: 14px;}
.menu-footer li a:hover{color: #969696;}
.copyright p{color: #fff; text-align:right; font-size: 14px;}


/******************** inner page ********************/
.inner-page{padding: 15px; /*background: #f8f8f8; box-shadow: 0 0 15px #ccc;*/ margin-bottom: 40px; margin-top: 30px;}
.inner-page h1{padding-bottom: 20px;}
.inner-page p{color: #000; line-height: 2;}


/************************** contact us ************************/
.inner-page input[type="text"], .inner-page input[type="email"]{text-align: left; width: 100%; background-color: transparent; color:#333; border:1px solid #ddd; height: 40px; padding-left: 5px;}
.inner-page .mathcaptcha-459 .wpcf7-mathcaptcha{width: 10%;}
.inner-page textarea{text-align: left; background-color: transparent; color:#333; border:1px solid #ddd; height: 150px; width: 100%; padding-left: 5px;}
.inner-page .btn-sub{
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 1;
    padding: 16px 28px;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    background-color: #f73f3f;
    border-color: #f73f3f;
    overflow: hidden;
    display: inline-block;
}
.inner-page .btn-sub:after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 110%;
    padding-bottom: 110%;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0) scale(1);
    transition: inherit;
    z-index: -1;
    background: #f73f3f;
}
.inner-page .btn-sub:hover:after{transform: translate3d(-50%, -50%, 0) scale(0);}
.inner-page .btn-sub:hover{color: #ffffff; background-color: #484848; border-color: #484848;}
.inner-page .btn-sub input{background: none; box-shadow: none; border: 0;}
.inner-page ::-webkit-input-placeholder{color: #666; padding-left: 5px; font-weight: normal; font-size: 10px;}
.inner-page :-ms-input-placeholder{color: #666; padding-left: 5px; font-weight: normal; font-size: 10px;}
.inner-page ::placeholder {color: #666; padding-left: 5px; font-weight: normal; font-size: 10px;}
.inner-page .wpcf7-form-control-wrap.captcha-118 input{width: 118px;}


/******************** inner post & blog ********************/
.category .cat-post{background:#EFEFEF; padding-bottom: 60px; padding-top: 60px;}
.category .cat-post img{height: 260px; margin: 0 auto; display: block;}
.category .joomirpost{box-shadow: 3px 5px 10px -3px rgba(0, 0, 0, .2); background: #fff;}
.category .cat-post h2{padding: 8px 30px 0px 30px; margin-top: 0; margin-bottom: 0; font-size: 19px; line-height: 2;}
.category .cat-post p{padding: 10px 30px 25px; color: #656565;}
.category .cat-post .date{text-align: left; padding: 12px 30px 3px 60px; display: block; position: relative; color:#E2000F;}
.category .cat-post .date:before{content: ''; height: 2px; width: 20px; background: #E2000F; position: absolute; left: 33px; top: 24px;}

.inner-post{padding: 15px; background: #f8f8f8; /*box-shadow: 0 0 15px #ccc;*/ margin-bottom: 40px; margin-top: 30px;}
.inner-post p{color: #555; line-height: 2; text-align: justify;}

.blog-content-right{/*border-left: 1px solid #f1f1f1;*/}
.blog-content-right .cat-item-1{display: none;}
.blog-content-right section{margin-bottom: 30px; border-top: 4px solid #ff0000; box-shadow: 0 5px 19px 0 #ccc; padding: 30px;}
.blog-content-right ul{padding-left: 18px;}
.blog-content-right h2{margin-top: 0; font-size: 18px; position: relative;}

.content-left{margin-bottom: 50px;}
.content-left .date{text-align: left; padding: 4px 0px 10px 30px; display: block; position: relative; color:#E2000F;}
.content-left .date:before{content: ''; height: 2px; width: 20px; background: #E2000F; position: absolute; left: 2px; top: 18px;}
.post-navigation{clear: both; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.inner-post .content-left .entry-title{font-size: 24px;}
.inner-post .nav-previous .nav-title{position: relative; border: 1px solid #8FAE1B; padding: 10px 10px 10px 10px; color: #333;}
.inner-post .nav-previous .nav-title:before{content: ""; background: url(../../uploads/arrow2.png); position: relative; width: 28px; display: inline-block; height: 18px; top: 5px; left: -4px;}
.inner-post .nav-next .nav-title{position: relative; border: 1px solid #8FAE1B; padding: 10px 33px 10px 10px; color: #333;}
.inner-post .nav-next .nav-title:before{content: ""; background: url(../../uploads/arrow1.png); position: absolute; width: 28px; display: inline-block; height: 18px; top: 11px; right: 2px;}
.inner-post .nav-next .nav-title:hover, .inner-post .nav-previous .nav-title:hover{border: 1px solid #ECAE77; color: #000;}
.inner-post .nav-previous{display: inline-block;}
.inner-post .nav-next{/*float: right;*/ display: inline-block;}
.nav-subtitle{font-size: 0;}
.inner-post .comments-area{clear: both;}
.inner-post .comments-area label{font-weight: normal; color: #888;}
.inner-post .comments-area input{width: 100%; background: none; height: 37px; border: 1px solid #f0f0f0;}
.inner-post .comments-area textarea{width: 100%; background: none; height: 90px; border: 1px solid #f0f0f0;}
.inner-post .comments-area .comment-reply-title {margin-top: 25px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}
.inner-post .comments-area input[type="submit"]{margin-top: 10px; border: none; color: #fff; background-color: #4F9F42; padding: 13px; font-size: 16px; width: 225px; height: 58px;}
.inner-post .comments-area input[type="submit"]:hover{background: #21572D; color:#fff;}
.inner-post .comment-form-email{width: 49%; float: left; margin-left: 6px;}
.inner-post .comment-form-author{width: 50%; float: left;}
.inner-post .comments-area #wp-comment-cookies-consent {width: auto; box-shadow: none; vertical-align: bottom;}



/*totop*/
.back-top{position:fixed; bottom:81px; right:24px; z-index: 99;}
.back-top a{display: block; width: 45px; text-align: center; text-decoration: none; text-transform: uppercase; height: 45px; font-size: 24px; border-radius:50%; background:#484848;}
.back-top a:before{margin-right: -1px; display: inline-block; -webkit-transition: 0.8s; -moz-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; vertical-align: top; line-height: 44px; font-family: FontAwesome; font-size: 28px; color: #fff; content: "\f148";}
.back-top a:hover{background:#303030;}
.back-top a:hover:before{ color: #fff;}
.back-top span{display:none;}



/*responsive*/
@media (max-width:1045px) {
 .content10{padding: 10px;}
}
@media (max-width:768px) {
 .content16 .textwidget:before, .content17 .textwidget:before{display: none;}
}
@media (max-width:767px) {
 .plpr{padding-left: 15px; padding-right: 15px;}
 .main-menu{display: none;}
 button#responsive-menu-button {top: 80px !important;}
 .searching input[type=search]{width: 68%;}
 .content1{padding: 10px;}
 .content2 img {height: auto;}
 .content3{padding: 10px 10px 30px;}
 .pic-content3{padding: 80px 20px 40px 20px;}
 .bg-content4 .container-fluid{padding-left:15px;}
 .content4 img {height: auto;}
 .main-content5 {margin-top: 15px;}
 .content6 {min-height: 149px;}
 .content9{margin-bottom:0; margin-bottom: 10px;}
 .content9 img {height: auto;}
 .content10{left: auto; top: 0;}
 .content11 img {height: auto;}
 .main-content12 {margin-top: 35px;}
 .content13 {min-height: 140px;}
 .content18 ul {text-align-last: right;}
}
@media (max-width:375px) {
 .copyright p{font-size: 11px;}
}
@media (max-width:344px) {
 .content18 li a:after{display: none;}
 .content18 li {list-style: disc; display: list-item;}
 .menu-footer ul {text-align: center;}
 .copyright p{font-size: 11px;}
}