:root{ --color-primary:#a62f2f; --color-secondary:#6c757d; --color-success:#198754; --color-info:#0dcaf0; --color-warning:#fd7e14; --color-danger:#dc3545; --color-light:#f8f9fa; --color-dark:#212529; --color-white:#ffffff; --color-black:#000000; --body-bg-color:#ffffff; --body-text-color:#495057; --body-link-color:#a62f2f; --body-link-hover-color:#084298; --mainnav-text-color:#495057; --mainnav-link-color:#495057; --mainnav-link-hover-color:#a62f2f; --mainnav-link-active-color:#a62f2f; --footer-bg-color:#444a5e; --footer-text-color:#ffffff; --footer-link-color:#a62f2f; --footer-link-hover-color:#0a58ca; } /* Pattern: Primary */ .t4-palette-blue { background-color: #1a61ab; color: #f8f9fa; } .t4-palette-blue h1, .t4-palette-blue h2, .t4-palette-blue h3, .t4-palette-blue h4, .t4-palette-blue h1 a, .t4-palette-blue h2 a, .t4-palette-blue h3 a, .t4-palette-blue h4 a { color: #ffffff; } .t4-palette-blue h1 a:hover, .t4-palette-blue h2 a:hover, .t4-palette-blue h3 a:hover, .t4-palette-blue h4 a:hover, .t4-palette-blue h1 a:focus, .t4-palette-blue h2 a:focus, .t4-palette-blue h3 a:focus, .t4-palette-blue h4 a:focus, .t4-palette-blue h1 a:active, .t4-palette-blue h2 a:active, .t4-palette-blue h3 a:active, .t4-palette-blue h4 a:active { color: #1a61ab; } .t4-palette-blue a { color: #ffffff; } .t4-palette-blue a:hover { color: #ffffff; } /* Mega menu */ .t4-palette-blue .t4-megamenu .nav > li.show a, .t4-palette-blue .t4-megamenu .nav > li.show .nav-link { color: #ffffff; } .t4-palette-blue .t4-megamenu .navbar-nav > li a:hover, .t4-palette-blue .t4-megamenu .navbar-nav > li a:focus, .t4-palette-blue .t4-megamenu .navbar-nav > li a:active, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active { color: #ffffff; } .t4-palette-blue .t4-megamenu .navbar-nav > li.animating > .nav-link { color: #ffffff; } .t4-palette-blue .t4-megamenu .navbar-nav > li.active > a, .t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link { color: #ffffff; } /*Caret on module menu*/ .t4-palette-blue .t4-megamenu .nav > li a .item-caret, .t4-palette-blue .t4-megamenu .nav > li .nav-link .item-caret { border-top-color: #ffffff; } .t4-palette-blue .t4-megamenu .navbar-nav > li a:hover .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li a:focus .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li a:active .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li .nav-link:active .item-caret { border-top-color: #ffffff; } .t4-palette-blue .t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-palette-blue .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret { border-top-color: #ffffff; } /* Sub navigation */ .t4-palette-blue .t4-megamenu .navbar-nav li.active li.active .nav-link { color: #ffffff; } /* Module menu */ .t4-palette-blue .t4-module { color: #f8f9fa; } .t4-palette-blue .t4-module .module-title { color: #f8f9fa; } .t4-palette-blue .nav > li a, .t4-palette-blue .nav > li .nav-link { color: #ffffff; } .t4-palette-blue .nav > li a:hover, .t4-palette-blue .nav > li a:focus, .t4-palette-blue .nav > li a:active, .t4-palette-blue .nav > li .nav-link:hover, .t4-palette-blue .nav > li .nav-link:focus, .t4-palette-blue .nav > li .nav-link:active { color: #ffffff; } .t4-palette-blue .nav > li.active > a, .t4-palette-blue .nav > li.active > a.nav-link .t4-palette-blue .nav > li.active:hover > a, .t4-palette-blue .nav > li.active:hover > a.nav-link { color: #ffffff; } /* Sub nav */ .t4-palette-blue .nav > li.active li a { color: #ffffff; } .t4-palette-blue .nav li.active li a:hover, .t4-palette-blue .nav li.active li a:focus, .t4-palette-blue .nav li.active li a:active { color: #ffffff; } .t4-palette-blue .nav li.active li.active > a { color: #ffffff; } /* Pattern: Dark */ .t4-palette-dark { background-color: #212529; color: #6c757d; } .t4-palette-dark h1, .t4-palette-dark h2, .t4-palette-dark h3, .t4-palette-dark h4, .t4-palette-dark h1 a, .t4-palette-dark h2 a, .t4-palette-dark h3 a, .t4-palette-dark h4 a { color: #6c757d; } .t4-palette-dark h1 a:hover, .t4-palette-dark h2 a:hover, .t4-palette-dark h3 a:hover, .t4-palette-dark h4 a:hover, .t4-palette-dark h1 a:focus, .t4-palette-dark h2 a:focus, .t4-palette-dark h3 a:focus, .t4-palette-dark h4 a:focus, .t4-palette-dark h1 a:active, .t4-palette-dark h2 a:active, .t4-palette-dark h3 a:active, .t4-palette-dark h4 a:active { color: #1a61ab; } .t4-palette-dark a { color: #6c757d; } .t4-palette-dark a:hover { color: #ffffff; } /* Mega menu */ .t4-palette-dark .t4-megamenu .nav > li.show a, .t4-palette-dark .t4-megamenu .nav > li.show .nav-link { color: #6c757d; } .t4-palette-dark .t4-megamenu .navbar-nav > li a:hover, .t4-palette-dark .t4-megamenu .navbar-nav > li a:focus, .t4-palette-dark .t4-megamenu .navbar-nav > li a:active, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active { color: #ffffff; } .t4-palette-dark .t4-megamenu .navbar-nav > li.animating > .nav-link { color: #ffffff; } .t4-palette-dark .t4-megamenu .navbar-nav > li.active > a, .t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link { color: #ffffff; } /*Caret on module menu*/ .t4-palette-dark .t4-megamenu .nav > li a .item-caret, .t4-palette-dark .t4-megamenu .nav > li .nav-link .item-caret { border-top-color: #6c757d; } .t4-palette-dark .t4-megamenu .navbar-nav > li a:hover .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li a:focus .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li a:active .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li .nav-link:active .item-caret { border-top-color: #ffffff; } .t4-palette-dark .t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-palette-dark .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret { border-top-color: #ffffff; } /* Sub navigation */ .t4-palette-dark .t4-megamenu .navbar-nav li.active li.active .nav-link { color: #ffffff; } /* Module menu */ .t4-palette-dark .t4-module { color: #6c757d; } .t4-palette-dark .t4-module .module-title { color: #6c757d; } .t4-palette-dark .nav > li a, .t4-palette-dark .nav > li .nav-link { color: #6c757d; } .t4-palette-dark .nav > li a:hover, .t4-palette-dark .nav > li a:focus, .t4-palette-dark .nav > li a:active, .t4-palette-dark .nav > li .nav-link:hover, .t4-palette-dark .nav > li .nav-link:focus, .t4-palette-dark .nav > li .nav-link:active { color: #ffffff; } .t4-palette-dark .nav > li.active > a, .t4-palette-dark .nav > li.active > a.nav-link .t4-palette-dark .nav > li.active:hover > a, .t4-palette-dark .nav > li.active:hover > a.nav-link { color: #ffffff; } /* Sub nav */ .t4-palette-dark .nav > li.active li a { color: #6c757d; } .t4-palette-dark .nav li.active li a:hover, .t4-palette-dark .nav li.active li a:focus, .t4-palette-dark .nav li.active li a:active { color: #ffffff; } .t4-palette-dark .nav li.active li.active > a { color: #ffffff; } /* Pattern: Light */ .t4-palette-light { background-color: #ffffff; color: #6c757d; } .t4-palette-light h1, .t4-palette-light h2, .t4-palette-light h3, .t4-palette-light h4, .t4-palette-light h1 a, .t4-palette-light h2 a, .t4-palette-light h3 a, .t4-palette-light h4 a { color: #6c757d; } .t4-palette-light h1 a:hover, .t4-palette-light h2 a:hover, .t4-palette-light h3 a:hover, .t4-palette-light h4 a:hover, .t4-palette-light h1 a:focus, .t4-palette-light h2 a:focus, .t4-palette-light h3 a:focus, .t4-palette-light h4 a:focus, .t4-palette-light h1 a:active, .t4-palette-light h2 a:active, .t4-palette-light h3 a:active, .t4-palette-light h4 a:active { color: #1a61ab; } .t4-palette-light a:hover { color: #0056b3; } .t4-palette-light .t4-megamenu .navbar-nav > li a:hover, .t4-palette-light .t4-megamenu .navbar-nav > li a:focus, .t4-palette-light .t4-megamenu .navbar-nav > li a:active, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active { color: #0056b3; } .t4-palette-light .t4-megamenu .navbar-nav > li.animating > .nav-link { color: #0056b3; } .t4-palette-light .t4-megamenu .navbar-nav > li.active > a, .t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link { color: #0056b3; } .t4-palette-light .t4-megamenu .navbar-nav > li a:hover .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li a:focus .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li a:active .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li .nav-link:active .item-caret { border-top-color: #0056b3; } .t4-palette-light .t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-palette-light .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret { border-top-color: #0056b3; } /* Sub navigation */ .t4-palette-light .t4-megamenu .navbar-nav li.active li.active .nav-link { color: #0056b3; } /* Module menu */ .t4-palette-light .t4-module { color: #6c757d; } .t4-palette-light .t4-module .module-title { color: #6c757d; } .t4-palette-light .nav > li a:hover, .t4-palette-light .nav > li a:focus, .t4-palette-light .nav > li a:active, .t4-palette-light .nav > li .nav-link:hover, .t4-palette-light .nav > li .nav-link:focus, .t4-palette-light .nav > li .nav-link:active { color: #0056b3; } .t4-palette-light .nav > li.active > a, .t4-palette-light .nav > li.active > a.nav-link .t4-palette-light .nav > li.active:hover > a, .t4-palette-light .nav > li.active:hover > a.nav-link { color: #0056b3; } .t4-palette-light .nav li.active li a:hover, .t4-palette-light .nav li.active li a:focus, .t4-palette-light .nav li.active li a:active { color: #0056b3; } .t4-palette-light .nav li.active li.active > a { color: #0056b3; } /* Pattern: Gray */ .t4-palette-gray { background-color: #f8f9fa; color: #6c757d; } .t4-palette-gray h1, .t4-palette-gray h2, .t4-palette-gray h3, .t4-palette-gray h4, .t4-palette-gray h1 a, .t4-palette-gray h2 a, .t4-palette-gray h3 a, .t4-palette-gray h4 a { color: #6c757d; } .t4-palette-gray h1 a:hover, .t4-palette-gray h2 a:hover, .t4-palette-gray h3 a:hover, .t4-palette-gray h4 a:hover, .t4-palette-gray h1 a:focus, .t4-palette-gray h2 a:focus, .t4-palette-gray h3 a:focus, .t4-palette-gray h4 a:focus, .t4-palette-gray h1 a:active, .t4-palette-gray h2 a:active, .t4-palette-gray h3 a:active, .t4-palette-gray h4 a:active { color: #1a61ab; } .t4-palette-gray a { color: #1a61ab; } .t4-palette-gray a:hover { color: #0056b3; } /* Mega menu */ .t4-palette-gray .t4-megamenu .nav > li.show a, .t4-palette-gray .t4-megamenu .nav > li.show .nav-link { color: #1a61ab; } .t4-palette-gray .t4-megamenu .navbar-nav > li a:hover, .t4-palette-gray .t4-megamenu .navbar-nav > li a:focus, .t4-palette-gray .t4-megamenu .navbar-nav > li a:active, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active { color: #0056b3; } .t4-palette-gray .t4-megamenu .navbar-nav > li.animating > .nav-link { color: #0056b3; } .t4-palette-gray .t4-megamenu .navbar-nav > li.active > a, .t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link { color: #0056b3; } /*Caret on module menu*/ .t4-palette-gray .t4-megamenu .nav > li a .item-caret, .t4-palette-gray .t4-megamenu .nav > li .nav-link .item-caret { border-top-color: #1a61ab; } .t4-palette-gray .t4-megamenu .navbar-nav > li a:hover .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li a:focus .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li a:active .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li .nav-link:active .item-caret { border-top-color: #0056b3; } .t4-palette-gray .t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-palette-gray .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret { border-top-color: #0056b3; } /* Sub navigation */ .t4-palette-gray .t4-megamenu .navbar-nav li.active li.active .nav-link { color: #0056b3; } /* Module menu */ .t4-palette-gray .t4-module { color: #6c757d; } .t4-palette-gray .t4-module .module-title { color: #6c757d; } .t4-palette-gray .nav > li a, .t4-palette-gray .nav > li .nav-link { color: #1a61ab; } .t4-palette-gray .nav > li a:hover, .t4-palette-gray .nav > li a:focus, .t4-palette-gray .nav > li a:active, .t4-palette-gray .nav > li .nav-link:hover, .t4-palette-gray .nav > li .nav-link:focus, .t4-palette-gray .nav > li .nav-link:active { color: #0056b3; } .t4-palette-gray .nav > li.active > a, .t4-palette-gray .nav > li.active > a.nav-link .t4-palette-gray .nav > li.active:hover > a, .t4-palette-gray .nav > li.active:hover > a.nav-link { color: #0056b3; } /* Sub nav */ .t4-palette-gray .nav > li.active li a { color: #1a61ab; } .t4-palette-gray .nav li.active li a:hover, .t4-palette-gray .nav li.active li a:focus, .t4-palette-gray .nav li.active li a:active { color: #0056b3; } .t4-palette-gray .nav li.active li.active > a { color: #0056b3; } /* Pattern: Mainnav */ .t4-palette-mainnav { background-color: #ffffff; color: #6c757d; } .t4-palette-mainnav h1, .t4-palette-mainnav h2, .t4-palette-mainnav h3, .t4-palette-mainnav h4, .t4-palette-mainnav h1 a, .t4-palette-mainnav h2 a, .t4-palette-mainnav h3 a, .t4-palette-mainnav h4 a { color: #6c757d; } .t4-palette-mainnav h1 a:hover, .t4-palette-mainnav h2 a:hover, .t4-palette-mainnav h3 a:hover, .t4-palette-mainnav h4 a:hover, .t4-palette-mainnav h1 a:focus, .t4-palette-mainnav h2 a:focus, .t4-palette-mainnav h3 a:focus, .t4-palette-mainnav h4 a:focus, .t4-palette-mainnav h1 a:active, .t4-palette-mainnav h2 a:active, .t4-palette-mainnav h3 a:active, .t4-palette-mainnav h4 a:active { color: #1a61ab; } .t4-palette-mainnav a { color: #6c757d; } .t4-palette-mainnav a:hover { color: #0056b3; } /* Mega menu */ .t4-palette-mainnav .t4-megamenu .nav > li.show a, .t4-palette-mainnav .t4-megamenu .nav > li.show .nav-link { color: #6c757d; } .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active { color: #0056b3; } .t4-palette-mainnav .t4-megamenu .navbar-nav > li.animating > .nav-link { color: #0056b3; } .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a, .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link { color: #0056b3; } /*Caret on module menu*/ .t4-palette-mainnav .t4-megamenu .nav > li a .item-caret, .t4-palette-mainnav .t4-megamenu .nav > li .nav-link .item-caret { border-top-color: #6c757d; } .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:hover .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:focus .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li a:active .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:hover .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:focus .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li .nav-link:active .item-caret { border-top-color: #0056b3; } .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > a .item-caret, .t4-palette-mainnav .t4-megamenu .navbar-nav > li.active > .nav-link .item-caret { border-top-color: #0056b3; } /* Sub navigation */ .t4-palette-mainnav .t4-megamenu .navbar-nav li.active li.active .nav-link { color: #0056b3; } /* Module menu */ .t4-palette-mainnav .t4-module { color: #6c757d; } .t4-palette-mainnav .t4-module .module-title { color: #6c757d; } .t4-palette-mainnav .nav > li a, .t4-palette-mainnav .nav > li .nav-link { color: #6c757d; } .t4-palette-mainnav .nav > li a:hover, .t4-palette-mainnav .nav > li a:focus, .t4-palette-mainnav .nav > li a:active, .t4-palette-mainnav .nav > li .nav-link:hover, .t4-palette-mainnav .nav > li .nav-link:focus, .t4-palette-mainnav .nav > li .nav-link:active { color: #0056b3; } .t4-palette-mainnav .nav > li.active > a, .t4-palette-mainnav .nav > li.active > a.nav-link .t4-palette-mainnav .nav > li.active:hover > a, .t4-palette-mainnav .nav > li.active:hover > a.nav-link { color: #0056b3; } /* Sub nav */ .t4-palette-mainnav .nav > li.active li a { color: #6c757d; } .t4-palette-mainnav .nav li.active li a:hover, .t4-palette-mainnav .nav li.active li a:focus, .t4-palette-mainnav .nav li.active li a:active { color: #0056b3; } .t4-palette-mainnav .nav li.active li.active > a { color: #0056b3; } /* Section: Topbar */ #t4-topbar .bg-overlay { opacity: 0.5; } /* Section: Header */ #t4-header .bg-overlay { opacity: 0.5; } /* Section: Breadcrumbs */ #t4-breadcrumbs .bg-overlay { opacity: 0.5; } /* Section: Masthead */ #t4-masthead .bg-overlay { opacity: 0.5; } /* Section: */ #t4-section-1 .bg-overlay { opacity: 0.5; } /* Section: Main body */ #t4-main-body .bg-overlay { opacity: 0.5; } /* Section: */ #t4-section-2 .bg-overlay { opacity: 0.5; } /* Section: */ #t4-section-4 .bg-overlay { opacity: 0.5; } /* Section: Footnav */ #t4-footnav .bg-overlay { opacity: 0.5; } /* Section: Footer */ #t4-footer .bg-overlay { opacity: 0.5; } /** *------------------------------------------------------------------------------ * @package T4_Blank_BS5 - Free Template for Joomla! *------------------------------------------------------------------------------ * @copyright Copyright (C) 2004-2021 JoomlArt.com. All Rights Reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @authors JoomlArt *------------------------------------------------------------------------------ **/ :root { --body-font-family: Karla; --body-font-size: 18px; --body-font-weight: 400; --body-font-style: normal; --body-line-height: 1.5; --body-letter-spacing: 0px; --t4-font-family: Karla; --t4-font-size: 18px; --t4-font-weight: 400; --t4-font-style: normal; --t4-line-height: 1.5; --t4-letter-spacing: 0px; --megamenu-font-style: inherit; --heading-font-family: Public Sans; --heading-font-weight: 500; --heading-font-style: normal; --heading-line-height: 1.3; --h1-font-size: 40px; --h2-font-size: 32px; --h3-font-size: 24px; --h4-font-size: 18px; --h5-font-size: 16px; --h6-font-size: 14px; } /* for megamenu animation duration */ .t4-megamenu.animate .dropdown.animating > .dropdown-menu { -webkit-transition-duration: 400ms; transition-duration: 400ms; } html { font-size: var(--body-font-size); } body { background-color: var(--body-bg-color); color: var(--body-text-color); font-family: var(--body-font-family); font-size: var(--body-font-size); font-weight: var(--body-font-weight); font-style: var(--body-font-style); line-height: var(--body-line-height); letter-spacing: var(--body-letter-spacing); } .t4-content { background-color: var(--body-bg-color); background-repeat: repeat; background-position: left top; background-attachment: scroll; } a { color: var(--body-link-color); } a:hover, a:focus, a:active { color: var(--body-link-hover-color); } h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); line-height: var(--heading-line-height); letter-spacing: var(--heading-letter-spacing); } h1, .h1 { font-size: var(--h1-font-size); } h2, .h2 { font-size: var(--h2-font-size); } h3, .h3 { font-size: var(--h3-font-size); } h4, .h4 { font-size: var(--h4-font-size); } h5, .h5 { font-size: var(--h5-font-size); } h6, .h6 { font-size: var(--h6-font-size); } /* MEGAMENU --------------------------------------- */ .t4-megamenu { font-family: var(--megamenu-font-family); font-size: var(--megamenu-font-size); font-weight: var(--megamenu-font-weight); line-height: var(--megamenu-line-height); letter-spacing: var(--megamenu-letter-spacing); } .t4-megamenu h1, .t4-megamenu h2, .t4-megamenu h3, .t4-megamenu h4, .t4-megamenu h5, .t4-megamenu h6 { font-family: var(--megamenu-font-family); } /* COLORS --------------------------------------- */ /* Backgrounds Colors */ .bg-primary { background-color: var(--color-primary); } .bg-secondary { background-color: var(--color-secondary); } .bg-success { background-color: var(--color-success); } .bg-info { background-color: var(--color-info); } .bg-warning { background-color: var(--color-warning); } .bg-danger { background-color: var(--color-danger); } .bg-light { background-color: var(--color-light); } .bg-dark { background-color: var(--color-dark); } /* Buttons Colors */ .btn.btn-primary { background-color: var(--color-primary); border-color: var(--color-primary); } .btn.btn-primary:focus .btn.btn-primary:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-primary { border-color: var(--color-primary); color: var(--color-primary); } .btn.btn-outline-primary:hover { background-color: var(--color-primary); color: #fff; } .btn.btn-secondary { background-color: var(--color-secondary); border-color: var(--color-secondary); } .btn.btn-secondary:focus .btn.btn-secondary:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-secondary { border-color: var(--color-secondary); color: var(--color-secondary); } .btn.btn-outline-secondary:hover { background-color: var(--color-secondary); color: #fff; } .btn.btn-success { background-color: var(--color-success); border-color: var(--color-success); } .btn.btn-success:focus .btn.btn-success:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-success { border-color: var(--color-success); color: var(--color-success); } .btn.btn-outline-success:hover { background-color: var(--color-success); color: #fff; } .btn.btn-info { background-color: var(--color-info); border-color: var(--color-info); } .btn.btn-info:focus .btn.btn-info:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-info { border-color: var(--color-info); color: var(--color-info); } .btn.btn-outline-info:hover { background-color: var(--color-info); color: #000; } .btn.btn-warning { background-color: var(--color-warning); border-color: var(--color-warning); } .btn.btn-warning:focus .btn.btn-warning:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-warning { border-color: var(--color-warning); color: var(--color-warning); } .btn.btn-outline-warning:hover { background-color: var(--color-warning); color: #000; } .btn.btn-danger { background-color: var(--color-danger); border-color: var(--color-danger); } .btn.btn-danger:focus .btn.btn-danger:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-danger { border-color: var(--color-danger); color: var(--color-danger); } .btn.btn-outline-danger:hover { background-color: var(--color-danger); color: #fff; } .btn.btn-light { background-color: var(--color-light); border-color: var(--color-light); } .btn.btn-light:focus .btn.btn-light:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-light { border-color: var(--color-light); color: var(--color-light); } .btn.btn-outline-light:hover { background-color: var(--color-light); color: #000; } .btn.btn-dark { background-color: var(--color-dark); border-color: var(--color-dark); } .btn.btn-dark:focus .btn.btn-dark:hover { color: var(--t4-btn-hover-color); opacity: 0.85; } .btn.btn-outline-dark { border-color: var(--color-dark); color: var(--color-dark); } .btn.btn-outline-dark:hover { background-color: var(--color-dark); color: #fff; } /* Text Colors */ .text-primary { color: var(--color-primary) !important; } .text-secondary { color: var(--color-secondary) !important; } .text-success { color: var(--color-success) !important; } .text-info { color: var(--color-info) !important; } .text-warning { color: var(--color-warning) !important; } .text-danger { color: var(--color-danger) !important; } .text-light { color: var(--color-light) !important; } .text-dark { color: var(--color-dark) !important; } /* Badage Colors */ .badge-primary { background-color: var(--color-primary); } .badge-secondary { background-color: var(--color-secondary); } .badge-success { background-color: var(--color-success); } .badge-info { background-color: var(--color-info); } .badge-warning { background-color: var(--color-warning); } .badge-danger { background-color: var(--color-danger); } .badge-light { background-color: var(--color-light); } .badge-dark { background-color: var(--color-dark); } :root { --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-300: #dee2e6 ; --gray-400: #ced4da; --gray-500: #adb5bd; --gray-600: #6c757d; --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; --headings-color: var(--t4-gray-900); --tpl-base-100: var(--t4-gray-100); --tpl-base-200: var(--t4-gray-300); --tpl-base-300: var(--t4-gray-600); --tpl-base-content: var(--body-text-color); --masthead-bg-color: var(--gray-100); --masthead-text-color: var(--body-text-color); --tpl-primary: rgba(var(--t4-primary-rgb), 1); --tpl-primary-focus: rgba(var(--t4-primary-rgb), .85); --tpl-primary-content: var(--t4-white); --tpl-success: rgba(var(--t4-success-rgb), 1); --tpl-success-focus: rgba(var(--t4-success-rgb), .85); --tpl-success-content: var(--t4-white); --tpl-info: rgba(var(--t4-success-rgb), 1); --tpl-info-focus: rgba(var(--t4-success-rgb), .85); --tpl-iinfo-content: var(--t4-white); --tpl-warning: rgba(var(--t4-warning-rgb), 1); --tpl-warning-focus: rgba(var(--t4-warning-rgb), .85); --tpl-warning-content: var(--t4-white); --tpl-danger: rgba(var(--t4-danger-rgb), 1); --tpl-danger-focus: rgba(var(--t4-warning-rgb), .85); --tpl-danger-content: var(--t4-white); } @media (max-width: 575.98px) { :root { --h1-font-size: 28px; --h2-font-size: 24px; } }