:root{ --color-primary:#ec4e4f; --color-secondary:#1d1f22; --color-success:#28a745; --color-info:#17a2b8; --color-warning:#ffc107; --color-danger:#dc3545; --color-light:#f8f9fa; --color-dark:#3f3836; --color-white:#ffffff; --color-black:#000000; --body-bg-color:#ffffff; --body-text-color:#585858; --body-link-color:#ec4e4f; --body-link-hover-color:#d60808; --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 */ /*MAIN NAV*/ .t4-palette-mainnav .navbar-nav > li > a { color: #3f3836!important; } .t4-palette-mainnav .navbar-nav > li.active > a, .t4-palette-mainnav .navbar-nav > li.show > a, .t4-palette-mainnav .navbar-nav > li > a:hover, .t4-palette-mainnav .navbar-nav > li > a:focus, .t4-palette-mainnav .navbar-nav > li > a:active { color: #d60808!important; } .t4-palette-mainnav .navbar-nav > li > a .item-caret { border-top-color: #3f3836!important; } .t4-palette-mainnav .navbar-nav > li.active > a .item-caret, .t4-palette-mainnav .navbar-nav > li.show > a .item-caret, .t4-palette-mainnav .navbar-nav > li > a:hover .item-caret, .t4-palette-mainnav .navbar-nav > li > a:focus .item-caret, .t4-palette-mainnav .navbar-nav > li > a:active .item-caret { border-top-color: #d60808!important; } /*MAIN NAV*/ /*PATTERN DARK*/ .t4-palette-mainnav { color: #3f3836; } .t4-palette-mainnav .module-title span { color: #3f3836; } .t4-palette-mainnav h3 { color: #3f3836; } .t4-palette-mainnav a { color: #3f3836!important; } .t4-palette-mainnav a:hover, .t4-palette-mainnav a:focus, .t4-palette-mainnav a:active { color: #d60808!important; } .t4-palette-mainnav .logo-footer:before, .t4-palette-mainnav .module-title:before { opacity: 0.07; } /*PATTERN DARK*/ /* Pattern: Dark */ /*MAIN NAV*/ .t4-palette-dark .navbar-nav > li > a { color: #ffffff!important; } .t4-palette-dark .navbar-nav > li.active > a, .t4-palette-dark .navbar-nav > li.show > a, .t4-palette-dark .navbar-nav > li > a:hover, .t4-palette-dark .navbar-nav > li > a:focus, .t4-palette-dark .navbar-nav > li > a:active { color: #ffffff!important; } .t4-palette-dark .navbar-nav > li > a .item-caret { border-top-color: #ffffff!important; } .t4-palette-dark .navbar-nav > li.active > a .item-caret, .t4-palette-dark .navbar-nav > li.show > a .item-caret, .t4-palette-dark .navbar-nav > li > a:hover .item-caret, .t4-palette-dark .navbar-nav > li > a:focus .item-caret, .t4-palette-dark .navbar-nav > li > a:active .item-caret { border-top-color: #ffffff!important; } /*MAIN NAV*/ /*PATTERN DARK*/ .t4-palette-dark { background: #3f3836; color: #ffffff; } .t4-palette-dark .module-title span { color: #ffffff; } .t4-palette-dark h3 { color: #ffffff; } .t4-palette-dark a { color: #ffffff!important; } .t4-palette-dark a:hover, .t4-palette-dark a:focus, .t4-palette-dark a:active { color: #ffffff!important; } .t4-palette-dark .logo-footer:before, .t4-palette-dark .module-title:before { opacity: 0.07; } /*PATTERN DARK*/ /* Pattern: Primary */ /*MAIN NAV*/ .t4-palette-primary .navbar-nav > li > a { color: #ec4e4f!important; } .t4-palette-primary .navbar-nav > li.active > a, .t4-palette-primary .navbar-nav > li.show > a, .t4-palette-primary .navbar-nav > li > a:hover, .t4-palette-primary .navbar-nav > li > a:focus, .t4-palette-primary .navbar-nav > li > a:active { color: #d60808!important; } .t4-palette-primary .navbar-nav > li > a .item-caret { border-top-color: #ec4e4f!important; } .t4-palette-primary .navbar-nav > li.active > a .item-caret, .t4-palette-primary .navbar-nav > li.show > a .item-caret, .t4-palette-primary .navbar-nav > li > a:hover .item-caret, .t4-palette-primary .navbar-nav > li > a:focus .item-caret, .t4-palette-primary .navbar-nav > li > a:active .item-caret { border-top-color: #d60808!important; } /*MAIN NAV*/ /*PATTERN DARK*/ .t4-palette-primary { background: #ec4e4f; color: #585858; } .t4-palette-primary .module-title span { color: #585858; } .t4-palette-primary h3 { color: #585858; } .t4-palette-primary a { color: #ec4e4f!important; } .t4-palette-primary a:hover, .t4-palette-primary a:focus, .t4-palette-primary a:active { color: #d60808!important; } .t4-palette-primary .logo-footer:before, .t4-palette-primary .module-title:before { opacity: 0.07; } /*PATTERN DARK*/ /* Section: Header */ #t4-header .bg-overlay { opacity: 0.5; } #t4-header .bg-overlay-image { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; background-attachment: fixed; } /* Section: Hero */ #t4-hero .bg-overlay { opacity: 0.5; } #t4-hero .bg-overlay-image { background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; background-attachment: fixed; } /* Section: section-1 */ #t4-section-1 .bg-overlay { opacity: 0.5; } /* Section: section-2 */ #t4-section-2 .bg-overlay { opacity: 0.5; } /* Section: section-3 */ #t4-section-3 .bg-overlay { opacity: 0.5; } /* Section: section-4 */ #t4-section-4 .bg-overlay { opacity: 0.5; } /* Section: section-5 */ #t4-section-5 .bg-overlay { opacity: 0.5; } #t4-section-5 .bg-overlay-image { background-image: url(/images/demo/misc/wm-bg.png); background-repeat: no-repeat; background-position: 50% 50%; } /* Section: section-6 */ #t4-section-6 .bg-overlay { opacity: 0.5; } /* Section: section-7 */ #t4-section-7 .bg-overlay { opacity: 0.5; } /* Section: section-8 */ #t4-section-8 .bg-overlay { opacity: 0.5; } /* Section: section-9 */ #t4-section-9 .bg-overlay { opacity: 0.5; } /* Section: section-10 */ #t4-section-10 .bg-overlay { opacity: 0.5; } /* Section: section-11 */ #t4-section-11 .bg-overlay { opacity: 0.5; } /* Section: section-12 */ #t4-section-12 .bg-overlay { opacity: 0.5; } /* Section: footer */ #t4-footer .bg-overlay { opacity: 0.5; } /* Section: copyright */ #t4-copyright .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: #ec4e4f; --secondary: #1d1f22; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #3f3836; --white: #ffffff; --black: #000000; } /* for megamenu animation duration */ .t4-megamenu.animate .dropdown.animating > .dropdown-menu { -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; } html { font-size: 15px; } body { background-color: #ffffff; color: #585858; font-family: Archivo; font-size: 15px; font-style: inherit; line-height: 1.733333; letter-spacing: 0px; } .t4-content { background-repeat: repeat; background-position: left top; background-attachment: scroll; background-color: #ffffff; } a { color: #ec4e4f; } a:hover { color: #0056b3; } h1, h2, h3, h4, h5, h6 { font-family: Archivo; font-weight: 400; font-style: normal; letter-spacing: 0px; } h1, .h1 { font-size: 56px; } h2, .h2 { font-size: 40px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 13px; } /* COLORS --------------------------------------- */ /* Backgrounds Colors */ .bg-primary { background-color: #ec4e4f !important; } .bg-secondary { background-color: #1d1f22 !important; } .bg-success { background-color: #28a745 !important; } .bg-info { background-color: #17a2b8 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #3f3836 !important; } .bg-white { background-color: #ffffff !important; } .bg-black { background-color: #000000 !important; } /* Buttons Colors */ .btn.btn-primary { background-color: #ec4e4f !important; border-color: #ec4e4f !important; } .btn.btn-primary:hover { opacity: 0.85; } .btn.btn-outline-primary { border-color: #ec4e4f !important; color: #ec4e4f !important; } .btn.btn-outline-primary:hover { background-color: #ec4e4f !important; } .btn.btn-secondary { background-color: #1d1f22 !important; border-color: #1d1f22 !important; } .btn.btn-secondary:hover { opacity: 0.85; } .btn.btn-outline-secondary { border-color: #1d1f22 !important; color: #1d1f22 !important; } .btn.btn-outline-secondary:hover { background-color: #1d1f22 !important; } .btn.btn-success { background-color: #28a745 !important; border-color: #28a745 !important; } .btn.btn-success:hover { opacity: 0.85; } .btn.btn-outline-success { border-color: #28a745 !important; color: #28a745 !important; } .btn.btn-outline-success:hover { background-color: #28a745 !important; } .btn.btn-info { background-color: #17a2b8 !important; border-color: #17a2b8 !important; } .btn.btn-info:hover { opacity: 0.85; } .btn.btn-outline-info { border-color: #17a2b8 !important; color: #17a2b8 !important; } .btn.btn-outline-info:hover { background-color: #17a2b8 !important; } .btn.btn-warning { background-color: #ffc107 !important; border-color: #ffc107 !important; } .btn.btn-warning:hover { opacity: 0.85; } .btn.btn-outline-warning { border-color: #ffc107 !important; color: #ffc107 !important; } .btn.btn-outline-warning:hover { background-color: #ffc107 !important; } .btn.btn-danger { background-color: #dc3545 !important; border-color: #dc3545 !important; } .btn.btn-danger:hover { opacity: 0.85; } .btn.btn-outline-danger { border-color: #dc3545 !important; color: #dc3545 !important; } .btn.btn-outline-danger:hover { background-color: #dc3545 !important; } .btn.btn-light { background-color: #f8f9fa !important; border-color: #f8f9fa !important; } .btn.btn-light:hover { opacity: 0.85; } .btn.btn-outline-light { border-color: #f8f9fa !important; color: #f8f9fa !important; } .btn.btn-outline-light:hover { background-color: #f8f9fa !important; } .btn.btn-dark { background-color: #3f3836 !important; border-color: #3f3836 !important; } .btn.btn-dark:hover { opacity: 0.85; } .btn.btn-outline-dark { border-color: #3f3836 !important; color: #3f3836 !important; } .btn.btn-outline-dark:hover { background-color: #3f3836 !important; } .btn.btn-white { background-color: #ffffff !important; border-color: #ffffff !important; } .btn.btn-white:hover { opacity: 0.85; } .btn.btn-outline-white { border-color: #ffffff !important; color: #ffffff !important; } .btn.btn-outline-white:hover { background-color: #ffffff !important; } .btn.btn-black { background-color: #000000 !important; border-color: #000000 !important; } .btn.btn-black:hover { opacity: 0.85; } .btn.btn-outline-black { border-color: #000000 !important; color: #000000 !important; } .btn.btn-outline-black:hover { background-color: #000000 !important; } /* Text Colors */ .text-primary { color: #ec4e4f !important; } .text-secondary { color: #1d1f22 !important; } .text-success { color: #28a745 !important; } .text-info { color: #17a2b8 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #3f3836 !important; } .text-white { color: #ffffff !important; } .text-black { color: #000000 !important; } /* Badage Colors */ .badge-primary { background-color: #ec4e4f; } .badge-secondary { background-color: #1d1f22; } .badge-success { background-color: #28a745; } .badge-info { background-color: #17a2b8; } .badge-warning { background-color: #ffc107; } .badge-danger { background-color: #dc3545; } .badge-light { background-color: #f8f9fa; } .badge-dark { background-color: #3f3836; } .badge-white { background-color: #ffffff; } .badge-black { background-color: #000000; } #t4-header-wrap .link-primary, .link-primary { color: #ec4e4f !important; } #t4-header-wrap .link-primary:hover, #t4-header-wrap .link-primary:focus, #t4-header-wrap .link-primary:active, .link-primary:hover, .link-primary:focus, .link-primary:active { color: #ec4e4f !important; text-decoration: underline; } blockquote { background: var(--primary_light); border-left: 2px solid #ec4e4f; } ul.features-list li:before, .description ul li:before, .categories-portfolio li.active > a, .info-detail a, .acym_module td.acysubbuttons, .categories-module > li.active > h4 > a, .acm-features.style-3 .features-link.active h4, .article-index .active > a { color: #ec4e4f !important; } .t4-section.decor:before { background: #ec4e4f; } .btn-link { color: #2E2E2E; } .btn-link:hover, .btn-link:focus, .btn-link:active { color: #ec4e4f; } .readmore .btn:hover, .readmore .btn:focus, .readmore .btn:active, .icons .dropdown-menu a:hover, .icons .dropdown-menu a:focus, .icons .dropdown-menu a:active, .items-more .nav-tabs > li > a:hover, .items-more .nav-tabs > li > a:focus, .items-more .nav-tabs > li > a:active, .latestnews li a:hover, .latestnews li a:focus, .latestnews li a:active, .com-tags-tag.tag-category .list-group .list-group-item a:hover, .com-tags-tag.tag-category .list-group .list-group-item a:focus, .com-tags-tag.tag-category .list-group .list-group-item a:active, .categories-portfolio li a:hover, .categories-portfolio li a:focus, .categories-portfolio li a:active, .mod-articles-category-title:hover, .mod-articles-category-title:focus, .mod-articles-category-title:active, .link-dark:hover, .link-dark:focus, .link-dark:active, .login-wrap .other-links ul li a:hover, .login-wrap .other-links ul li a:focus, .login-wrap .other-links ul li a:active, .page-header h2 a:hover, .page-header h2 a:focus, .page-header h2 a:active, .categories-list h2 a:hover, .categories-list h2 a:focus, .categories-list h2 a:active, .categories-module > li a:hover, .categories-module > li a:focus, .categories-module > li a:active { color: #ec4e4f !important; } .t4-megamenu .dropdown-menu { background: var(--primary_light); } .dropdown-menu { background: var(--primary_light); } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu li > a:active, .dropdown-menu li > span:hover, .dropdown-menu li > span:focus, .dropdown-menu li > span:active { color: #ec4e4f !important; } .dropdown-menu li.active > a, .dropdown-menu li.active > span, .dropdown-menu li.open > a, .dropdown-menu li.open > span { color: #ec4e4f !important; } .category-name a { background: #ec4e4f; color: #fff; } .category-name a:hover, .category-name a:focus, .category-name a:active { background: var(--link_hover); } .btn.btn-outline-primary:hover { color: #fff !important; } .btn.btn-outline-secondary:hover { color: #fff !important; } .btn.btn-outline-success:hover { color: #fff !important; } .btn.btn-outline-info:hover { color: #fff !important; } .btn.btn-outline-warning:hover { color: #fff !important; } .btn.btn-outline-danger:hover { color: #fff !important; } .btn.btn-outline-light:hover { color: #fff !important; } .btn.btn-outline-dark:hover { color: #fff !important; } .btn.btn-outline-white:hover { color: #fff !important; } .btn.btn-outline-black:hover { color: #fff !important; } .bg-primary-light { background-color: var(--primary_light); } .mod-light { background-color: var(--primary_light); } .mod-light .module-title span { color: #ec4e4f !important; } .contact .contact-address .fa, .play-icon a { background: #ec4e4f; } #back-to-top:hover, #back-to-top:focus, #back-to-top:active { background: #ec4e4f; } .pagination .page-link, .pagination .pagenav, .pagenav li a { background: var(--primary_light); border-color: var(--primary_light); color: #ec4e4f; } .pagination .page-link:hover, .pagination .pagenav:hover, .pagenav li a:hover { background: #ec4e4f; border-color: #ec4e4f; color: #fff; } .pagination .page-link:hover { background: #ec4e4f; border-color: #ec4e4f; color: #fff; } .pagination .page-item.active .page-link, div.t4-wrapper .counter { background: #ec4e4f; border-color: #ec4e4f; color: #fff; } div[class*="sidebar-"] .navbar .navbar-nav > li.current > a, div[class^="sidebar-"] .navbar .navbar-nav > li.current > a { color: #ec4e4f; } div[class*="sidebar-"] .navbar .navbar-nav > li > a:hover, div[class*="sidebar-"] .navbar .navbar-nav > li > a:focus, div[class*="sidebar-"] .navbar .navbar-nav > li > a:active, div[class^="sidebar-"] .navbar .navbar-nav > li > a:hover, div[class^="sidebar-"] .navbar .navbar-nav > li > a:focus, div[class^="sidebar-"] .navbar .navbar-nav > li > a:active { color: #ec4e4f; } .mod-article-list .owl-carousel .owl-nav > button:not(.disabled):hover, .acm-features.style-4 .owl-carousel .owl-nav > button:not(.disabled):hover, .acm-testimonial.style-1 .owl-carousel .owl-nav > button:not(.disabled):hover { background-color: #ec4e4f !important; } .owl-carousel .owl-dots .owl-dot.active { border-color: #ec4e4f; } .acm-features.style-2 .features-item:hover:before { background: var(--primary_light); color: #ec4e4f; } .acm-features.style-2 .features-item .action { background: var(--primary_light); color: #ec4e4f; } .acm-features.style-4 .features-item:before { background: #ec4e4f; } .acm-features.style-5 .features-image .features-item-wrap .features-item:nth-child(2n+1) .bg-decor { background: #ec4e4f; } .features-link:hover h4, .features-link:focus h4, .features-link:active h4 { color: #ec4e4f; }