
:root{
--color-primary:#f44941;
--color-secondary:#080808;
--color-success:#28a745;
--color-info:#0099ee;
--color-warning:#ffc107;
--color-danger:#dc3545;
--color-light:#f8f8f8;
--color-dark:#080808;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#f8f8f8;
--body-text-color:#646464;
--body-link-color:#f44941;
--body-link-hover-color:#fa7667;
--mainnav-text-color:#212529;
--mainnav-link-color:#212529;
--mainnav-link-hover-color:#007bff;
--mainnav-link-active-color:#007bff;
--footer-bg-color:#212529;
--footer-text-color:#6c757d;
--footer-link-color:#6c757d;
--footer-link-hover-color:#fff;
}
/* Pattern: Mainnav */
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.show > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.show > .nav-link,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link {
	color: #f44941!important;
}
.t4-palette-mainnav .nav > .dropdown > .dropdown-toggle .item-caret {
	border-top-color: #ffffff;
}
.t4-palette-mainnav .nav > .dropdown.show > .dropdown-toggle .item-caret,
.t4-palette-mainnav .nav > .dropdown.active > .dropdown-toggle .item-caret {
	border-top: 4px solid #f44941;
}
/*PATTERN DARK*/
.t4-palette-mainnav .head-search .search .form-control,
.t4-palette-mainnav .head-search .form-search .search-query {
	background-color: #080808;
}
.t4-palette-mainnav {
	background: #080808;
	color: #ffffff;
}
.t4-palette-mainnav  .module-title span {
	color: #ffffff;
}
.t4-palette-mainnav h3 {
	color: #ffffff;
}
.t4-palette-mainnav a {
	color: #ffffff;
}
.t4-palette-mainnav a:hover,
.t4-palette-mainnav a:focus,
.t4-palette-mainnav a:active {
	color: #f44941;
}
.t4-palette-mainnav .logo-footer:before,
.t4-palette-mainnav .module-title:before {
	opacity: 0.07;
}
/*PATTERN DARK*/

/* Pattern: Dark */
.t4-palette-dark .t4-megamenu .navbar-nav > li.show > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.show > .nav-link,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > a,
.t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link {
	color: #ffffff!important;
}
.t4-palette-dark .nav > .dropdown > .dropdown-toggle .item-caret {
	border-top-color: #999999;
}
.t4-palette-dark .nav > .dropdown.show > .dropdown-toggle .item-caret,
.t4-palette-dark .nav > .dropdown.active > .dropdown-toggle .item-caret {
	border-top: 4px solid #ffffff;
}
/*PATTERN DARK*/
.t4-palette-dark .head-search .search .form-control,
.t4-palette-dark .head-search .form-search .search-query {
	background-color: #080808;
}
.t4-palette-dark {
	background: #080808;
	color: #999999;
}
.t4-palette-dark  .module-title span {
	color: #999999;
}
.t4-palette-dark h3 {
	color: #999999;
}
.t4-palette-dark a {
	color: #999999;
}
.t4-palette-dark a:hover,
.t4-palette-dark a:focus,
.t4-palette-dark a:active {
	color: #ffffff;
}
.t4-palette-dark .logo-footer:before,
.t4-palette-dark .module-title:before {
	opacity: 0.07;
}
/*PATTERN DARK*/

/* Section: Topbar */

#t4-topbar .bg-overlay {
	opacity: 0.5;
}

/* Section: Header */

#t4-header .bg-overlay {
	opacity: 0.5;
}

/* Section: Masthead */

#t4-masthead .bg-overlay {
	opacity: 0.5;
}

/* Section: Main body */

#t4-main-body .bg-overlay {
	opacity: 0.5;
}

/* Section: Content Bottom */

#t4-content-bottom .bg-overlay {
	opacity: 0.5;
}

/* Section: Breadcrumbs */

#t4-breadcrumbs .bg-overlay {
	opacity: 0.5;
}

/* Section: Footer */

#t4-footer .bg-overlay {
	opacity: 0.5;
}
/**
 *------------------------------------------------------------------------------
 * @package       T4_Blank - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2019 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
**/
:root {
  --primary: #f44941;
  --secondary: #080808;
  --success: #28a745;
  --info: #0099ee;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f8f8;
  --dark: #080808;
  --white: #ffffff;
  --black: #000000;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms; 
}
html {
  font-size: 15px; 
}
body {
  background-color: #ffffff;
  color: #646464;
  font-family: Cairo;
  font-size: 15px;
  font-style: inherit;
  line-height: 1.6;
  letter-spacing: 0px; 
}
.t4-content {
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #f8f8f8; 
}
a {
  color: #f44941; 
}
a:hover {
  color: #0056b3; 
}
h1, h2, h3, h4, h5, h6 {
  font-family: Markazi Text;
  font-style: inherit;
  line-height: 2.4;
  letter-spacing: 0px; 
}
h1, .h1 {
  font-size: 30px; 
}
h2, .h2 {
  font-size: 32px; 
}
h3, .h3 {
  font-size: 30px; 
}
h4, .h4 {
  font-size: 30px; 
}
h5, .h5 {
  font-size: 30px; 
}
h6, .h6 {
  font-size: 30px; 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #f44941 !important; 
}
.bg-secondary {
  background-color: #080808 !important; 
}
.bg-success {
  background-color: #28a745 !important; 
}
.bg-info {
  background-color: #0099ee !important; 
}
.bg-warning {
  background-color: #ffc107 !important; 
}
.bg-danger {
  background-color: #dc3545 !important; 
}
.bg-light {
  background-color: #f8f8f8 !important; 
}
.bg-dark {
  background-color: #080808 !important; 
}
.bg-white {
  background-color: #ffffff !important; 
}
.bg-black {
  background-color: #000000 !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #f44941 !important;
  border-color: #f44941 !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: #080808 !important;
  border-color: #080808 !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important; 
}
.btn.btn-success:hover {
  opacity: 0.85; 
}
.btn.btn-info {
  background-color: #0099ee !important;
  border-color: #0099ee !important; 
}
.btn.btn-info:hover {
  opacity: 0.85; 
}
.btn.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important; 
}
.btn.btn-warning:hover {
  opacity: 0.85; 
}
.btn.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-light {
  background-color: #f8f8f8 !important;
  border-color: #f8f8f8 !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-dark {
  background-color: #080808 !important;
  border-color: #080808 !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
.btn.btn-white {
  background-color: #ffffff !important;
  border-color: #ffffff !important; 
}
.btn.btn-white:hover {
  opacity: 0.85; 
}
.btn.btn-black {
  background-color: #000000 !important;
  border-color: #000000 !important; 
}
.btn.btn-black:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #f44941 !important; 
}
.text-secondary {
  color: #080808 !important; 
}
.text-success {
  color: #28a745 !important; 
}
.text-info {
  color: #0099ee !important; 
}
.text-warning {
  color: #ffc107 !important; 
}
.text-danger {
  color: #dc3545 !important; 
}
.text-light {
  color: #f8f8f8 !important; 
}
.text-dark {
  color: #080808 !important; 
}
.text-white {
  color: #ffffff !important; 
}
.text-black {
  color: #000000 !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #f44941; 
}
.badge-secondary {
  background-color: #080808; 
}
.badge-success {
  background-color: #28a745; 
}
.badge-info {
  background-color: #0099ee; 
}
.badge-warning {
  background-color: #ffc107; 
}
.badge-danger {
  background-color: #dc3545; 
}
.badge-light {
  background-color: #f8f8f8; 
}
.badge-dark {
  background-color: #080808; 
}
.badge-white {
  background-color: #ffffff; 
}
.badge-black {
  background-color: #000000; 
}
.t4-topbar ul.ja-login > li #login-form .logout-button,
.category-primary a {
  background: #f44941; 
}
  .t4-topbar ul.ja-login > li #login-form .logout-button:hover, .t4-topbar ul.ja-login > li #login-form .logout-button:focus, .t4-topbar ul.ja-login > li #login-form .logout-button:active,
  .category-primary a:hover,
  .category-primary a:focus,
  .category-primary a:active {
    background: #0056b3; 
}
.btn-play,
#ja-main-player #ja-btn-play,
.owl-nav,
.t4-megamenu .navbar-nav > li.active > a,
.t4-megamenu .navbar-nav > li.active > .nav-link,
.article-index ul li.active a {
  color: #f44941; 
}
.news-big .article-title a:hover, .news-big .article-title a:focus, .news-big .article-title a:active,
.category-module a:hover,
.category-module a:focus,
.category-module a:active,
.tagspopular ul > li > a:hover,
.tagspopular ul > li > a:focus,
.tagspopular ul > li > a:active,
.t4-megamenu .navbar-nav > li > a:hover,
.t4-megamenu .navbar-nav > li > a:focus,
.t4-megamenu .navbar-nav > li > a:active,
.t4-megamenu .navbar-nav > li > .nav-link:hover,
.t4-megamenu .navbar-nav > li > .nav-link:focus,
.t4-megamenu .navbar-nav > li > .nav-link:active,
.article-index ul li a:hover,
.article-index ul li a:focus,
.article-index ul li a:active,
.t4-topbar ul.ja-login #ja-user-login ul li a:hover,
.t4-topbar ul.ja-login #ja-user-login ul li a:focus,
.t4-topbar ul.ja-login #ja-user-login ul li a:active,
.t4-topbar ul.ja-login #member-registration .control-label .modal:hover,
.t4-topbar ul.ja-login #member-registration .control-label .modal:focus,
.t4-topbar ul.ja-login #member-registration .control-label .modal:active {
  color: #f44941; 
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active {
  color: #f44941 !important; 
}
.dropdown-menu li.show > a, .dropdown-menu li.show > a:hover, .dropdown-menu li.show > a:focus, .dropdown-menu li.show > a:active,
.dropdown-menu li.active > a,
.dropdown-menu li.active > a:hover,
.dropdown-menu li.active > a:focus,
.dropdown-menu li.active > a:active {
  color: #f44941 !important; 
}
.author-name span,
.createdby [itemprop="name"] {
  color: #0099ee; 
}
div[class*="t4-section-"] .module-title span:after,
.module-title:before,
.nav-tabs .nav-link.active {
  background: #f44941; 
}
.owl-carousel .owl-dots .owl-dot.active,
.ja-video-list.video-playing .video-mask {
  border-color: #f44941; 
}
.t4-megamenu,
.t4-topbar,
.category-primary a,
.article-info,
.btn,
.t4-footer,
.pagination .page-link,
.pagination .pagenav,
div.t4-wrapper .counter,
.module-title span,
.category-module span,
.breadcrumb,
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link,
.t4-offcanvas .t4-off-canvas-body .navbar .separator,
fieldset legend,
.nav-tabs .nav-link,
.t4-megamenu .t4-module .module-title span,
.t4-megamenu .mega-col-title span,
.t4-megamenu .mega-col-nav .mega-col-title span,
.mega-dropdown-menu {
  font-family: Barlow; 
}
.com-finder .form-inline label,
.category-module li a,
.tagspopular {
  font-family: Markazi Text; 
}
.readmore .btn {
  font-family: Cairo; 
}
.btn-line {
  border-color: #080808;
  color: #080808; 
}
  .btn-line:hover, .btn-line:focus, .btn-line:active {
    background: #080808;
    color: #fff; 
}
#community-wrap#community-wrap a {
  color: #f44941; 
}
  #community-wrap#community-wrap a:hover, #community-wrap#community-wrap a:focus, #community-wrap#community-wrap a:active {
    color: #0056b3; 
}
#community-wrap#community-wrap button[class*="joms-button--"],
#community-wrap#community-wrap button[class*="joms-button__"],
#community-wrap#community-wrap .joms-postbox-done,
#community-wrap#community-wrap .joms-button--primary {
  font-family: Barlow; 
}
#community-wrap#community-wrap .joms-button--full-small,
#community-wrap#community-wrap .joms-button--small,
#community-wrap#community-wrap .joms-button--add {
  font-family: Barlow; 
}
#community-wrap#community-wrap .joms-button--signup {
  background: #f44941;
  border-color: #f44941; 
}
  #community-wrap#community-wrap .joms-button--signup:hover {
    opacity: 0.9; 
}
#community-wrap#community-wrap .joms-js--viewall .joms-button--full {
  font-family: Barlow; 
}
#community-wrap#community-wrap .joms-postbox-action button[class*="joms-postbox-"] {
  font-family: Barlow; 
}
#community-wrap#community-wrap div[class*="joms-tab__"] > a {
  font-family: Barlow; 
}
  #community-wrap#community-wrap div[class*="joms-tab__"] > a.active {
    background: #f44941; 
}
#community-wrap#community-wrap div[class*="joms-tab__"] .joms-module .joms-button--link {
  font-family: Barlow; 
}
#community-wrap#community-wrap .joms-postbox-tab ul li span, #community-wrap#community-wrap .joms-postbox-tab ul li a,
#community-wrap#community-wrap .joms-focus ul li span,
#community-wrap#community-wrap .joms-focus ul li a {
  font-family: Barlow; 
}
#community-wrap#community-wrap div[class*="joms-focus__"] input[type="button"] {
  font-family: Barlow;
  background-color: #f44941;
  border-color: #f44941; 
}
  #community-wrap#community-wrap div[class*="joms-focus__"] input[type="button"]:hover {
    opacity: 0.9; 
}
#community-wrap#community-wrap .joms-postbox .joms-postbox-tab-root li.active, #community-wrap#community-wrap .joms-postbox .joms-postbox-tab-root li:hover, #community-wrap#community-wrap .joms-postbox .joms-postbox-tab-root li:focus, #community-wrap#community-wrap .joms-postbox .joms-postbox-tab-root li:active {
  background-color: #f44941; 
}
#community-wrap#community-wrap ul.joms-list--event li.joms-media--event .reset-gap a {
  font-family: Markazi Text; 
}
#community-wrap#community-wrap a[class*="joms-focus--"],
#community-wrap#community-wrap a[class*="joms-focus__"],
#community-wrap#community-wrap .btn-follow,
#community-wrap#community-wrap .btn-unfollow {
  font-family: Barlow;
  background-color: #f44941;
  border-color: #f44941; 
}
  #community-wrap#community-wrap a[class*="joms-focus--"]:hover,
  #community-wrap#community-wrap a[class*="joms-focus__"]:hover,
  #community-wrap#community-wrap .btn-follow:hover,
  #community-wrap#community-wrap .btn-unfollow:hover {
    opacity: 0.9; 
}
div[class*="joms-hcard__"] .joms-button--full-small,
div[class*="joms-hcard__"] .joms-button--small {
  font-family: Barlow; 
}
div[class*="joms-popup__"] .joms-popup .joms-button--primary {
  font-family: Barlow; 
}
.joms-gallery div[class*="joms-gallery__"] > a {
  font-family: Markazi Text; 
}
.joms-list--video .joms-text--title {
  font-family: Markazi Text; 
}