@import url(editor.css);

/* FONTS - ASSIGNED */

body {
font-family: Lato, Verdana, sans-serif;
/* Add Font Face of assigned Google font to FONTS - GOOGLE section below */
}

h1, h2, h4,
h3.card-header {
font-family: Lato, Verdana, sans-serif;
}
h3, h5, h6 {
font-family: Lato, Verdana, sans-serif;
}

.btn,
.buttonify,
.page-link,
.pager li a {
font-family: Lato, Verdana, sans-serif;
}

.nav {
font-family: Lato, Verdana, sans-serif;
}

li.metismenu-item {
font-family: Lato, Verdana, sans-serif;
}

.menu-horizontal li.metismenu-item,
.navbar li.metismenu-item {
font-family: Lato, Verdana, sans-serif;
}

.sitetitle {
font-family: Lato, Verdana, sans-serif;  
}

.strapline {
font-family: Lato, Verdana, sans-serif;  
}

/* FONT - AWESOME */

.fa:before {
padding-right: 0.5em;
}

.fa-external-link:before {
float: right;
padding-left: 0.5em;
}

.metismenu-item .fa-external-link {
float: right;
margin-top: 0.25em;
}
.metismenu-item .p-2 {
padding: unset !important;
}

.nav-item .fa-external-link:before {
float: unset;
padding-left: unset;
}
.nav-item .p-2 {
padding: unset !important;
}

/* FONTS - GOOGLE */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ACCESSIBILITY */

h1 {
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.75rem;
}

h2, 
h3, 
h4, 
h5, 
h6 {
line-height: 1.5;
margin-top: 0;
margin-bottom: 0.75rem;
}

h5,
h6 {
font-size: inherit;
}

._access-icon {
bottom: 10px !important;
left: 10px !important;
transition-duration: 5s !important;
z-index: 99 !important;
}

#id-skip-to-tooltip {
border-radius: 0px;
box-shadow: none;
left: 175px !important;
min-width: 200px;
top: 6px !important;
}

/* keyboard focus indicator - includes input fields */

a:focus-visible {
display: inline-block; /* required for keyboard focus indicator outline display in firefox */
}

/* use if customer concerned about keyboard focus indicator */

/* 
#article a.buttonify,
p.readmore {
margin-left: 4px;
}
*/

.navbar-toggler {
margin-right: 4px; /* accommodate keyboard indicator */
}

.skip-to [role="menuitem"] {
font-size: 1.05rem !important;
margin-bottom: 3px;
}
  
/* mouse, touch, or stylus users - excludes input fields */

:focus:not(:focus-visible) {
outline: none !important;
}

/* offset #article h2 padding-top via xml */

.accordion-header {
padding-top: 0 !important;
}

.category-list h2,
.contact-category h2,
.contact .page-header h2,
.newsfeed-category h2,
.tag-category h2 {
padding-top: 0 !important;
}

h2.mod-articles-title {
padding-top: 0 !important; /* removes padding-top from Articles Module h2 headings */
}

.page-header h2 {
padding-top: 0 !important; /* removes padding-top from blog item intro h2 headings */
}

/* ALERT */

.alert-message {
font-size: 1.2rem;
font-weight: normal;
}

joomla-alert .joomla-alert--close {
font-size: 2rem;
}

/* APEX */
  
.container-apex {
border-radius: 0;
margin-top: 0;
}

/* APPLICATION FORM */

#application-form legend {
display: none;
}

/* ARCHIVE */

.archive #adminForm {
margin-top: 1rem;
}

.archive .btn-primary {
margin-top: -0.25em !important;
}

.archive .btn,
.archive .filter-search .form-select {
padding: 0.25em 0.5em 0.25em 0;
}

.archive .btn,
.archive .btn:hover,
.archive .btn:focus {
background-color: unset;
color: inherit !important;
vertical-align: middle !important;
}

.archive input {
width: 300px;
}

@media (max-width: 575.98px) {
.archive input {
width: 100%;
}
}

.com-content-archive__items {
margin-top: -1.5rem;
}

#archive-items .page-header h2 {
padding-top: 1em !important;
}

/* ARTICLES */

#article .text-muted {
color: inherit !important;
}

.article-info {
margin: 2em 0 1em 0;
}

.article-info-term {
padding-bottom: 0.75em;
}

.category-desc {
padding-bottom: 0.75rem;
}

figcaption {
color: inherit;
font-size: 0.8em;
margin-top: 0.5rem;
}

p {
margin-top: 0;
}

p.readmore {
margin-top: 1em;
margin-bottom: 1em;
}

.pagenavcounter {
margin-bottom: 0;
}

textarea {
color: inherit;
}

/* About the author */

.fields-container {
padding: 0;
}

li.field-entry {
list-style: none;
}

.field-label {
font-weight: bold;
}

/* ARTICLES MODULE */

.mod-articles-grid {
--grid-layout-gap: 1rem;
}

.mod-articles-items {
margin-bottom: 0;
}

@media (max-width: 575.98px) {
.mod-articles-item {
margin-bottom: -20px;
}
.mod-articles-items {
margin-bottom: 20px;
}
}

/* BACK TO TOP */

.back-to-top-link {
border: 0;
transition: opacity 1s ease-in;
z-index: 99;
}

/* BASE-A */

.container-base-a > div {
flex: 1; /* let all items be the same length */
}

@media (min-width: 769px) {
.container-base-a {
border-radius: 0;
}
}

@media (max-width: 768px) {
.container-base-a {
border-radius: 0;
}
.container-base-a > div {
margin-bottom: 10px; /* row gap */
}
}

/* BASE-B */

.container-base-b > div {
flex: 1; /* let all items be the same length */
}

@media (min-width: 769px) {
.container-base-b {
border-radius: 0;
margin-bottom: -10px;
}
}

@media (max-width: 768px) {
.container-base-b {
border-radius: 0;
margin-bottom: -10px;
}
.container-base-b > div {
margin-bottom: 10px; /* row gap */
}
}

/* BLOG */

.blog .category-desc {
padding-bottom: 1.5rem;
}

.blog-item .article-info {
margin-top: 1.5em;
}

.blog-item .article-info-term {
display: none;
}
      
.blog-item,
.leading-article .blog-item {
margin-bottom: 0;
}

li.com-content-blog__link {
list-style: none;
padding-bottom: 1.5em;
}

.items-leading {
padding-bottom: 0;
}

.items-more {
margin: 20px 0 0 -32px; /* cat blog */
}

@supports (display: grid) {

.blog-items {
display: grid;
margin: 0;
grid-auto-flow: row;
grid-template-columns: 1fr;
grid-gap: 1em;
}
.blog-items .blog-item {
padding: 0;
}
.blog-items[class^=columns-] > div, .blog-items[class*=" columns-"] > div {
flex: 0 1 auto;
width: auto;
max-width: none;
}

@media (min-width: 769px) {
.blog-items.columns-2 {
grid-template-columns: 1fr 1fr;
}
.blog-items.columns-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-items.columns-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}

}

/* Supports single column blog display on Tablets (landscape view) */

@media (min-width: 769px) {

.image-left .blog-item {
flex-direction: row;
}
.image-left .blog-item .item-image {
flex: 1 0 40%;
}
.image-left .blog-item .item-content {
flex: 1 0 60%;
}

.image-right .blog-item {
flex-direction: row;
}
.image-right .blog-item .item-image {
flex: 1 0 40%;
order: 1;
} 
.image-right .blog-item .item-content {
flex: 1 0 60%;
}

.image-alternate.image-left .blog-item .item-content {
padding-left: 0px;
}
.image-alternate.image-left .blog-item .item-image {
margin-right: 15px;
}

.image-alternate.image-right .blog-item:nth-of-type(2n+1) .item-image {
margin-right: 15px;
}

}

@media (max-width: 768px) {

.blog-item .item-image {
margin-bottom: 25px;
}

.image-left .blog-item .item-content {
padding-left: 0;
}

}

.image-alternate.image-left .blog-item:nth-of-type(2n+1) .item-image {
margin-left: 0;
margin-right: 0;
order: 1;
}

/* BRAND */

.container-brand {
grid-gap: 0 10px;
margin-bottom: 0;
}

.container-brand .card-body,
.container-brand .card .card-header {
background-color: transparent;
padding: 0;
}

/* BANNER - BANNER IMAGE */

/* filter */

.container-banner img, 
.container-banner .imgZoom {
filter: none;
-webkit-filter: none; /* OR grayscale(1) OR sepia(1) */
}

/* fade in */

.container-banner img, 
.container-banner .imgZoom {
opacity: 1; /* no fade in */
}

/* BRAND - BANNER OVERLAY */

.container-banner .banner-overlay {
background-position: top,50%;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

.container-banner .banner-overlay .overlay {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 1em;
text-align: center;
}

.container-banner .banner-overlay .overlay a,
.container-banner .banner-overlay .overlay a:hover,
.container-banner .banner-overlay .overlay a:focus {
color: inherit;
}

.container-banner .banner-overlay .overlay h1, 
.container-banner .banner-overlay .overlay h2,
.container-banner .banner-overlay .overlay h3,
.container-banner .banner-overlay .overlay h4,
.container-banner .banner-overlay .overlay h5,
.container-banner .banner-overlay .overlay h6 {
color: inherit;
}
      
/* BRAND - LOGO IMAGE */

/* filter */

.logo img,
.flogo img,
.plogo img {
filter: none;
-webkit-filter: none; /* OR grayscale(1) OR sepia(1) */
}

/* fade in */

.logo img,
.flogo img,
.plogo img {
opacity: 1; /* no fade in */
}

/* BRAND - MODULE IMAGE */

/* filter */

.container-brand img, 
.container-brand .imgZoom {
filter: none;
-webkit-filter: none; /* OR grayscale(1) OR sepia(1) */
}

/* fade in */

.container-brand img, 
.container-brand .imgZoom {
opacity: 1; /* no fade in */
}
   
/* BRAND - SITE TITLE & STRAPLINE */

.sitetitle a:not([class]),
.sitetitle a:not([class]):hover,
.sitetitle a:not([class]):focus,
.strapline a {
text-decoration: none !important; /* syntax prevents underline on hover */
}

.strapline {
padding-bottom: 5px;
}

/* BREADCRUMBS */

.bcb .breadcrumb {
padding: 20px 0 0.5em 0 !important;
}

.bct .breadcrumb {
padding: 10px 0 0 0 !important;
}
      
.breadcrumb {
background-color: transparent;
}
      
.breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item:before {
color: inherit;
}

/* BUTTONS */

.btn,
.buttonify {
border: 0;
font-weight: normal !important;
max-width: 400px;
padding: 0.25em 0.5em 0.25em 0.5em;
text-align: left;
text-decoration: none !important;
}

button[class*="plg_system_webauthn_login_button"], {
padding: 0.15em 0.5em 0.25em 0.5em;
}

.btn:hover,
.btn:focus {
box-shadow: none;
}

.btn-group .btn,
.btn-group .btn:hover,
.btn-group .btn:focus,
.input-group .btn,
.input-group .btn:hover,
.input-group .btn:focus {
background-color: transparent;
color: inherit !important;
font-size: inherit;
margin-top: -0.5em;
}

.buttonify {
margin-top: 0.25em;
margin-bottom: 0.25em;
}

.page-item:first-child .page-link {
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}

.page-item:last-child .page-link {
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}

.page-link {
border: 0;
border-radius: unset;
font-size: inherit;
margin-top: 0.5em;
}

.page-link:hover,
.page-link:focus {
box-shadow: none;
}

.page-link:last-child {
margin-left: 1px !important;
}

.pagenavigation .pagination {
float: left;
}

.pager .pagination {
justify-content: flex-start;
}

.pagination .btn:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}

.pagination .btn:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: 1px;
}

.active > .page-link, 
.active > .page-link:hover, 
.active > .page-link:focus {
background-color: transparent;
border-color: unset;
color: inherit !important;
font-weight: bold;
}

/* CARDS */

.card {
background-color: transparent;
border: 0;
border-radius: 0;
}

.card-body {
padding: 0;
}

.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4,
.card-body h5,
.card-body h6 {
color: inherit;
}

.card-body .mod-finder .btn,
.card-body .mod-finder .btn:hover,
.card-body .mod-finder .btn:focus {
background-color: inherit;
color: inherit !important;
}

.card .card-header {
border-bottom: 0 solid;
}

.default-card .card-body {
padding: 0;
}

.default-card .card-body .mod-finder .btn,
.default-card .card-body .mod-finder .btn:hover,
.default-card .card-body .mod-finder .btn:focus {
background-color: inherit;
color: inherit !important;
}

/* CARDS - CUSTOM CARDS */

/* CUSTOM CARD 1 (light grey) */

.custom-card-1 .card-body {
background-color: #e0e0e0;
color: #212529; /* non-link text and borders */
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

.custom-card-1 .card-header {
background-color: #666666 !important;
color: #ffffff !important;
padding: 0.25em 12px 0.25em 12px !important;
}

.custom-card-1 .card-body a,
.custom-card-1 .card-body li.metismenu-item,
.custom-card-1 .card-body li.metismenu-item a {
color: #000000 !important;
}

.custom-card-1 .card-body .btn,
.custom-card-1 .card-body .btn:hover,
.custom-card-1 .card-body .btn:focus,
.custom-card-1 .card-body .buttonify,
.custom-card-1 .card-body .buttonify:hover,
.custom-card-1 .card-body .buttonify:focus {
background-color: #666666;
color: #ffffff !important;
}

/* Vertical Menus Only */
      
.custom-card-1 .card-body .metismenu.mod-menu {
background-color: #e0e0e0;
margin: -0.25rem -0.75rem 0 -0.75rem;
}

/* level 2 - sub menu links */

.custom-card-1 .card-body li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-1 .card-body li li.metismenu-item,
.custom-card-1 .card-body li li.metismenu-item a {
color: #000000 !important;
}

/* level 3 - sub sub menu links */

.custom-card-1 .card-body li li li.metismenu-item {
background-color: #333333 !important;
}

.custom-card-1 .card-body li li li.metismenu-item,
.custom-card-1 .card-body li li li.metismenu-item a {
color: #ffffff !important;
}

/* level 4 - sub sub sub menu links */

.custom-card-1 .card-body li li li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-1 .card-body li li li li.metismenu-item,
.custom-card-1 .card-body li li li li.metismenu-item a {
color: #000000 !important;
}

/* CUSTOM CARD 2 (dark grey) */

.custom-card-2 .card-body {
background-color: #666666;
color: #ffffff; /* non-link text and borders */
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

.custom-card-2 .card-header {
background-color: #000000 !important;
color: #ffffff !important;
padding: 0.25em 12px 0.25em 12px !important;
}

.custom-card-2 .card-body a,
.custom-card-2 .card-body li.metismenu-item,    
.custom-card-2 .card-body li.metismenu-item a {
color: #ffffff !important;
}

.custom-card-2 .card-body .btn,
.custom-card-2 .card-body .btn:hover,
.custom-card-2 .card-body .btn:focus,
.custom-card-2 .card-body .buttonify,
.custom-card-2 .card-body .buttonify:hover,
.custom-card-2 .card-body .buttonify:focus {
background-color: #000000;
color: #ffffff !important;
}

/* Vertical Menus Only */
      
.custom-card-2 .card-body .metismenu.mod-menu {
background-color: #666666;
margin: -0.25rem -0.75rem 0 -0.75rem;
}

/* level 2 - sub menu links */

.custom-card-2 .card-body li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-2 .card-body li li.metismenu-item,
.custom-card-2 .card-body li li.metismenu-item a {
color: #000000 !important;
}

/* level 3 - sub sub menu links */

.custom-card-2 .card-body li li li.metismenu-item {
background-color: #333333 !important;
}

.custom-card-2 .card-body li li li.metismenu-item,
.custom-card-2 .card-body li li li.metismenu-item a {
color: #ffffff !important;
}

/* level 4 - sub sub sub menu links */

.custom-card-2 .card-body li li li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-2 .card-body li li li li.metismenu-item,
.custom-card-2 .card-body li li li li.metismenu-item a {
color: #000000 !important;
}

/* CUSTOM CARD 3 (black) */

.custom-card-3 .card-body {
background-color: #000000;
color: #ffffff; /* non-link text and borders */
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

.custom-card-3 .card-header {
background-color: #000000 !important;
color: #ffffff !important;
padding: 0.25em 12px 0.25em 12px !important;
}

.custom-card-3 .card-body a,  
.custom-card-3 .card-body li.metismenu-item,
.custom-card-3 .card-body li.metismenu-item a {
color: #ffffff !important;
}

.custom-card-3 .card-body .btn,
.custom-card-3 .card-body .btn:hover,
.custom-card-3 .card-body .btn:focus,
.custom-card-3 .card-body .buttonify,
.custom-card-3 .card-body .buttonify:hover,
.custom-card-3 .card-body .buttonify:focus {
background-color: #ffffff;
color: #000000 !important;
}

/* Vertical Menus Only */

.custom-card-3 .card-body .metismenu.mod-menu {
background-color: #000000;
margin: -0.25rem -0.75rem 0 -0.75rem;
}

/* level 2 - sub menu links */

.custom-card-3 .card-body li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-3 .card-body li li.metismenu-item,
.custom-card-3 .card-body li li.metismenu-item a {
color: #000000 !important;
}

/* level 3 - sub sub menu links */

.custom-card-3 .card-body li li li.metismenu-item {
background-color: #333333 !important;
}

.custom-card-3 .card-body li li li.metismenu-item,
.custom-card-3 .card-body li li li.metismenu-item a {
color: #ffffff !important;
}

/* level 4 - sub sub sub menu links */

.custom-card-3 .card-body li li li li.metismenu-item {
background-color: #f0f0f0 !important;
}

.custom-card-3 .card-body li li li li.metismenu-item,
.custom-card-3 .card-body li li li li.metismenu-item a {
color: #000000 !important;
}

/* COLUMNS */

/* Sidebar-Left position */

/* 1 Column = display: flex; */
/* 2 Column = display: grid; grid-template-columns: 1fr 1fr; */

.site-grid .container-sidebar-left {
display: flex; /* SIDEBAR-LEFT Position */
}
      
/* Except Sidebar-Left position */

/* 1 Column = grid-template-columns: 1fr; */
/* 2 Column = grid-template-columns: 1fr 1fr; */
/* 3 Column = grid-template-columns: 1fr 1fr 1fr; */
/* 4 Column = grid-template-columns: 1fr 1fr 1fr 1fr; */

/* COLUMNS ON PHONES */

@media (max-width: 575.98px) {
.site-grid .container-bottom-a {
grid-template-columns: 1fr; /* BOTTOM-A Position */
}
.site-grid .container-bottom-b {
grid-template-columns: 1fr; /* BOTTOM-B Position */
}
.site-grid .container-main-top {
grid-template-columns: 1fr; /* MAIN-TOP Position */
}
.site-grid .container-main-bottom {
grid-template-columns: 1fr; /* MAIN-BOTTOM Position */
}
.site-grid .container-top-a {
grid-template-columns: 1fr; /* TOP-A Position */
}
.site-grid .container-top-b {
grid-template-columns: 1fr; /* TOP-B Position */
}
}

/* COLUMNS ON TABLETS - PORTRAIT */

@media (min-width: 576px) and (max-width: 767.98px) {
.site-grid .container-bottom-a {
grid-template-columns: 1fr; /* BOTTOM-A Position */
}
.site-grid .container-bottom-b {
grid-template-columns: 1fr; /* BOTTOM-B Position */
}
.site-grid .container-main-top {
grid-template-columns: 1fr; /* MAIN-TOP Position */
}
.site-grid .container-main-bottom {
grid-template-columns: 1fr; /* MAIN-BOTTOM Position */
}
.site-grid .container-top-a {
grid-template-columns: 1fr; /* TOP-A Position */
}
.site-grid .container-top-b {
grid-template-columns: 1fr; /* TOP-B Position */
}
}

/* CONTACTS */

.com-contact__info {
line-height: 2;
}

.contact-form {
margin-top: -1rem;
padding-bottom: 1rem;
}

.com-contact__container h2 {
margin-bottom: 0;
}

.com-contact #selectForm .form-select {
background: #333333 !important;
color: #ffffff !important;
margin-bottom: 1rem;
}

@media (min-width: 992px) {

.com-contact__container h3 {
margin-bottom: -0.5em;
}

.com-contact__info {
margin-top: -1rem;
margin-bottom: -2.5rem;
}

}
      
.com-content-category__table .img-thumbnail {
background-color: transparent;
border: 0;
border-radius: 0;
margin: 0 0.75rem 0 0.5rem;
max-width: 130px;
padding: 0;
}
      
.contact #jform_spacer-lbl {
margin-bottom: 0;
}

.contact-form {
padding-bottom: 1rem;
}

.contact-form #jform_consentbox {
margin-bottom: -30px;
}

.contact-form .form-check-label {
margin-left: -32px;
margin-top: 6px;
}

.contact-form .controls p {
font-size: 0.8rem; /* captcha link text */
}

.contact-form legend {
display: none;
}

#contact-form button {
margin-top: 0.5em !important;
}

@media (min-width: 992px) {
.contact-miscinfo {
margin-left: -1em;
}
} 

.contact-miscinfo .icon-info-circle {
display: none;
}

.contact-miscinfo .jicons-text {
display: none;
}

#jform_com_fields_telephone_number {
width: 180px;
}

fieldset#jform_privacyconsent_privacy {
margin-bottom: 0;
padding-top: 0.75em;
}

/* CONTAINER */

@media (min-width: 769px) {
.container-component {
border-radius: 0;
}
.container-sidebar-left {
border-radius: 0;
}
.container-sidebar-right {
border-radius: 0;
}
}

@media (max-width: 768px) {
.container-component {
border-radius: 0;
}
.container-sidebar-left {
border-radius: 0;
}
.container-sidebar-right {
border-radius: 0;
}
}

/* CUSTOM CLASSES */

/* blog intro - remove padding when display accordion */

.blog-intro-padding-bottom-0 .blog .category-desc {
padding-bottom: 0;
}

/* divider main-bottom position */      

.divider-mb .container-main-bottom > div {
border-color: inherit;  
border-top: solid 4px;
}

.divider-mb .container-main-bottom > div:last-child {
border-top: solid 0;
}

/* hide */

.hide {
font-size: 0;
}

/* images */

.grayscale img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}

.sepia img {
-webkit-filter: sepia(1);
filter: sepia(1);
}

.nofilter img,
.nofilter .imgZoom {
-webkit-filter: none;
filter: none;
}

/* margin */

.margin-top-10 {
margin-top: 10px !important;
}
.margin-top-20 {
margin-top: 20px !important;
}
.margin-top-30 {
margin-top: 30px !important;
}
.margin-top-40 {
margin-top: 40px !important;
}

@media (max-width: 768px) {

.margin-top-10-portrait {
margin-top: 10px !important;
}
.margin-top-20-portrait {
margin-top: 20px !important;
}
.margin-top-30-portrait {
margin-top: 30px !important;
}
.margin-top-40-portrait {
margin-top: 40px !important;
}

}

@media (min-width: 769px) {

.margin-top-10-landscape {
margin-top: 10px !important;
}
.margin-top-20-landscape {
margin-top: 20px !important;
}
.margin-top-30-landscape {
margin-top: 30px !important;
}
.margin-top-40-landscape {
margin-top: 40px !important;
}

}

/* margin - menu-horizontal */

.no-margin .menu-horizontal {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* max width */

@media (min-width: 769px) {
.max-width-300 {
max-width: 300px;
}
}

/* menu corners */

.menu-corners-10 .card-body,
.menu-corners-15 .card-body,
.menu-corners-20 .card-body,
.menu-corners-25 .card-body {
background-color: transparent !important;
}

.menu-corners-0 .card-body .metismenu.mod-menu {
border-radius: 0 !important;
}

.menu-corners-10 .card-body .metismenu.mod-menu {
border-radius: 10px !important;
}

.menu-corners-15 .card-body .metismenu.mod-menu {
border-radius: 15px !important;
}

.menu-corners-20 .card-body .metismenu.mod-menu {
border-radius: 20px !important;
}

.menu-corners-25 .card-body .metismenu.mod-menu {
border-radius: 25px !important;
}

/* menu link */

@media (max-width: 768px) {
.margin-top-0-9rem-portrait {
margin-top: -0.9rem;
}
}

.menu-padding-0 .metismenu.mod-menu .metismenu-item {
padding: 0.5em 0 0.5em 0;
}

/* module background */

.no-background .card-body {
background-color: transparent !important;
padding: 0 !important;
}

.no-background .card-header {
background-color: transparent !important;
padding: 1em 0 0 0;
}

.no-background .mod-finder label {
margin-top: 1em;
}

/* module corners (when no heading) */

/* card-body = module */

/* custom = custom module background image */

.circle .card-body,
.circle .custom,
.circle .random-image img {
border-radius: 50% !important;
}

.corners-0 .card-body,
.corners-0 .custom,
.corners-0 .random-image img {
border-radius: 0 !important;
}

.corners-10 .card-body,
.corners-10 .custom,
.corners-10 .random-image img {
border-radius: 10px !important;
}

.corners-15 .card-body,
.corners-15 .custom,
.corners-15 .random-image img {
border-radius: 15px !important;
}

.corners-20 .card-body,
.corners-20 .custom,
.corners-20 .random-image img {
border-radius: 20px !important;
}

.corners-25 .card-body,
.corners-25 .custom,
.corners-25 .random-image img {
border-radius: 25px !important;
}

.pill .card-body,
.pill .custom,
.pill .random-image img {
border-radius: 50rem !important;
}

/* module padding */

.image-background-padding .card-body .mod-custom {
padding: 0.75rem;
}

.no-padding .card-body,
.padding-0  .card-body {
padding: 0 !important;
}

.padding-075  .card-body {
padding: 0.75rem !important;
}

.padding-top-025 .card-body {
padding-top: 0.25rem !important;
}

.padding-top-050 .card-body {
padding-top: 0.5rem !important;
}

.padding-top-075 .card-body {
padding-top: 0.75rem !important;
}

/* DESIGN */

.design {
display: block;
font-weight: normal;
margin-left: auto;
margin-right: auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-decoration: none;
}

.design {
background-color: transparent;
border-radius: 15px;
padding: 0 7px 1px 7px;
}

.design a:not([class]) {
text-decoration: none;
}

a.design:hover,
a.design:focus {
text-decoration: underline;
}

/* EDITOR */

.custom-select-success.custom-select, 
.form-select-success.custom-select, 
.form-select.custom-select-success, 
.form-select.form-select-success {
color: #ffffff !important;
background-color: green;
border-radius: 0;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="select-one"] .choices__inner,
.custom-select-danger.custom-select, 
.form-select-danger.custom-select, 
.form-select.custom-select-danger, 
.form-select.form-select-danger {
background-color: green !important;
border-color: green;
color: #fff !important;
border-radius: 0;
}

.choices[data-type*="select-multiple"] .choices__input,
.choices[data-type*="text"] .choices__input {
color: #ffffff;
border-radius: 0;
}

.calendar-container, .calendar-container table,
.choices__item--selectable,
.choices__list--multiple .choices__item {
color: #000000;
}

.choices__heading {
font-size: 1rem;
}

.choices__list--single .choices__item {
color: inherit;
}

.edit .control-group {
margin: 1rem 0 2rem 0;
}

.field-media-preview {
margin-bottom: 6px;
}

#modules-form hr {
opacity: 0;
}

#modules-form .mb-2 {
margin-bottom: 2rem !important;
margin-top: 2rem;
}

/* buttons and tooltip */

.btn.jmodedit,
.icons .float-end {
border: 2px solid #ffffff;
border-radius: 0;
}

.icons .float-end {
padding: 0.5rem 0.75rem;
}

.btn.jmodedit,
.btn.jmodedit:hover,
.btn.jmodedit:focus,
.icons .float-end,
.icons .float-end:hover,
.icons .float-end:focus {
background-color: green;
}

.btn.jmodedit,
.btn.jmodedit:hover,
.btn.jmodedit:focus,
.icons .float-end a,
.icons .float-end a:hover,
.icons .float-end a:focus {
color: #ffffff !important;
text-decoration: none !important;
}

[role="tooltip"]:not(.show) {
right: 4em;
margin: 0;
color: #ffffff;
background: black;
border: 2px solid #ffffff;
border-radius: 0;
box-shadow: none;
}

/* jce content editor */

joomla-tab .wf-editor-tabs button[role="tab"] {
box-shadow: none !important;
color: unset !important;
}

.js-editor-tinymce textarea {
font-size: 1rem !important;
}

.mceDefaultSkin *, 
.mceMenu {
color: inherit !important;
}

.mceDefaultSkin .mceLayout .mceBranding {
display: none !important;
}

.mceListBoxMenu .mceMenuItems .mceText {
padding: 0 8px 0 8px !important;
}

.mceModernSkin .mceButton, 
.mceModernSkin .mceSplitButton .mceOpen, 
.mceModernSkin .mceSplitButton .mceText {
background-color: transparent !important;
border: 0 !important;
}

.wf-editor-container, 
.wf-editor-container * {
border-color: inherit !important;
color: inherit !important;
font-size: 1rem !important;
line-height: unset !important;
}

.wf-editor-header .nav.nav-tabs {
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
}

.wf-editor-header .wf-editor-tabs {
border-bottom: 0 !important;
}

.wf-editor-header .wf-editor-tabs > button {
border-radius: 10px 10px 0 0 !important;
margin: 4px !important;
}

.wf-editor-header .wf-editor-tabs > button.active {
font-weight: bold !important;
}

.wf-editor-header .wf-editor-tabs > li > a button {
margin-bottom: unset !important;
border: 2px solid #ffffff !important;
}

.wf-editor-header .wf-editor-toggle {
padding: 0.5em 0.5em !important;
background-color: #008000 !important;
border: solid 1px #ffffff !important;
}
      
.wf-editor-header .wf-editor-toggle > svg {
fill: #ffffff !important;
} 

.wf-editor-source textarea, 
.wf-editor-source textarea:focus {
color: inherit !important;
}

/* FORMS */

#adminForm {
margin-bottom: 0;
}

/* GRID */

/* begin - supports (display: grid) */

@supports (display: grid) {

.site-grid {
display: grid;
grid-template-areas: ". apex apex apex apex ." ". top-left top-left top-left top-left ." ". top-right top-right top-right top-right ." ". begin begin begin begin ." ". brand brand brand brand ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". side-l comp comp side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". base-a base-a base-a base-a ." ". navbar-bm navbar-bm navbar-bm navbar-bm ." ". base-b base-b base-b base-b ." ". end end end end ." ". design design design design .";
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 270px)) [main-end] minmax(0, 1fr) [full-end];
}

@media (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.site-grid {
grid-template-areas: ". apex apex apex apex ." ". begin begin begin begin ." ". brand brand brand brand ." ". banner banner banner banner ." ". top-a top-a top-a top-a ." ". top-b top-b top-b top-b ." ". comp comp comp comp ." ". side-l side-l side-l side-l ." ". side-r side-r side-r side-r ." ". bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b ." ". base-a base-a base-a base-a ." ". navbar-bm navbar-bm navbar-bm navbar-bm ." ". base-b base-b base-b base-b ." ". end end end end ." ". design design design design .";
}
}

.site-grid > [class^="container-"],
.site-grid > [class*=" container-"] {
width: 100%;
max-width: none;
}

.site-grid:not(.has-sidebar-left) .container-component {
grid-column-start: main-start;
}
.site-grid:not(.has-sidebar-right) .container-component {
grid-column-end: main-end;
}
.site-grid > .full-width {
grid-column: full-start/full-end;
}  
  
.site-grid.wrapper-fluid {
grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25%)) [main-end] minmax(0, 1fr) [full-end];
}
.site-grid.wrapper-fluid .grid-child {
max-width: none;
}
  
}

/* end - supports (display: grid) */

.container-apex {
grid-area: apex;
}

.container-banner {
display: grid;
grid-area: end;
grid-gap: 0;
grid-template-columns: 1fr;
}

.container-base-a {
grid-area: base-a;
}

.container-base-b {
grid-area: base-b;
}

.container-base-a,
.container-base-b,
.container-bottom-a,
.container-bottom-b,
.container-main-top,
.container-main-bottom,
.container-top-a,
.container-top-b {
display: grid;
grid-gap: 0;
grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}

.container-begin {
grid-area: begin;
}

.container-design {
grid-area: design;
}

.container-end {
display: grid;
grid-area: end;
grid-gap: 0;
grid-template-columns: 1fr;
padding-top: 1rem;
padding-left: 10px;
padding-right: 10px;
}

@media (max-width: 768px) {
.container-top-a {
display: none; /* hide from portrait view - show in ipad-portrait view */
}
}

.container-top-a {
padding-top: 0; /* in lieu of xml control */
}

.container-top-a > div {
margin-bottom: 0; /* in lieu of xml control */
}

.container-top-left {
grid-area: top-left;
}

.container-top-right {
grid-area: top-right;
}

/* GRID - Row Gap (first digit) - Column Gap (last digit) */

.site-grid.wrapper-fluid {
grid-gap: 0 0;
}

@media (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.site-grid,
.site-grid.wrapper-fluid {
grid-gap: 0 0;
}
}

@media (max-width: 768px) {
.site-grid > [class^="container-"],
.site-grid > [class*=" container-"],
.container-main-top,
.container-main-bottom {
grid-gap: 0 5px;
}
}

@media (min-width: 769px) {
.site-grid {
grid-gap: 0 0;
}
.site-grid > [class^="container-"],
.site-grid > [class*=" container-"],
.container-main-top,
.container-main-bottom {
grid-gap: 0 10px;
}
}

/* GRID - Column Width */

.cols1-2 {
grid-column-start: 1;
grid-column-end: 3;
}

@media (min-width: 769px) {

.cols1-3 {
grid-column-start: 1;
grid-column-end: 4;
}

.cols1-4 {
grid-column-start: 1;
grid-column-end: 5;
}

.cols2-3 {
grid-column-start: 2;
grid-column-end: 4;
}

.cols2-4 {
grid-column-start: 2;
grid-column-end: 5;
}

.cols3-4 {
grid-column-start: 4;
grid-column-end: 5;
}

}

/* GRID - Row Gap */

.container-component > * + *, 
.container-component > :first-child, 
.container-sidebar-left > * + *, 
.container-sidebar-right > * + * {
margin-top: unset;
}

.container-main-bottom {
margin-top: 0;
margin-bottom: -10px;
}

.container-main-bottom .banneritem {
padding-top: 20px;
}

.container-sidebar-left .sidebar-left:first-child,
.container-sidebar-right .sidebar-right:first-child {
margin-top: unset;
}

.container-top-a,
.container-top-b,
.container-bottom-a,
.container-bottom-b {
padding: 0;
}

.container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
margin: 0;
}

/* GRID - Row Height - Landscape Only */

@media (min-width: 769px) {

.rows1-2 {
grid-row-start: 1;
grid-row-end: 3; 
}

.rows1-2-3 {
grid-row-start: 1;
grid-row-end: 4; 
}

.rows1-2-3-4 {
grid-row-start: 1;
grid-row-end: 5; 
}

.rows2-3 {
grid-row-start: 2;
grid-row-end: 4; 
}

.rows2-3-4 {
grid-row-start: 2;
grid-row-end: 5; 
}
.rows3-4 {
grid-row-start: 3;
grid-row-end: 5; 
}

}

/* ICONS */

[class^="icon-"]:not(.input-group-text),
[class*=" icon-"]:not(.input-group-text) {
width: auto; 
}

.icon-eye,
.icon-eye-slash {
margin-left: 6px;
}
.hits .icon-eye {
margin-left: 0;
}

.icon-chevron-left,
.icon-chevron-right {
font-size: 0.8em;
}

.icon-user {
margin-bottom: 6px;
}

.icon-white {
color: unset;
}

.main-bottom .icon-white {
font-size: 1.2rem;
margin-top: -0.25em;
}

.readmore .icon-chevron-left,
.readmore .icon-chevron-right {
display: none;
}

/* INPUT */

.btn-group > input,
.btn-group > input:focus,
.btn-group .inputbox, 
.btn-group .inputbox:focus {
border-color: inherit;
}

.form-check-input[type="checkbox"] {
background-color: transparent;
border-color: inherit;
border-radius: 0;
height: 24px;
width: 24px;
}

.form-check-input:checked {
background-color: green;
}

.form-check-label {
padding: 3px 6px 3px 6px;
}

.form-control {
background-color: transparent;
border: 1px solid;
border-radius: 0;
color: inherit;
padding: 0.5em 0.75em;
}

.form-control:disabled,
.form-control[readonly] {
background-color: unset;
}

.form-control:focus {
border-color: inherit !important;
color: inherit !important;
}

.form-text {
color: inherit;
}

.form-validate legend {
font-size: inherit;
margin-bottom: 1.5rem;
}

.remind-confirm legend {
display: none;
}

input,
.inputbox {
background-color: transparent;
border: 1px solid;
font-size: inherit;
letter-spacing: inherit;
margin-bottom: 6px;
padding: 0.25em 0.75em !important;
}

.inputbox,
#search-form .form-control {
color: inherit;
}

::-webkit-input-placeholder {
color: inherit !important;
}
::-moz-placeholder {
color: inherit !important;
}
-moz-placeholder {
color: inherit !important;
}

@media (min-width: 992px) {
.container-sidebar-left .input-group,
.container-sidebar-right .input-group {
width: 279.5px;
} 
.form-control {
font-size: unset;
}
}

@media (min-width: 769px) and (max-width: 991.98px) {
.container-sidebar-left .input-group,
.container-sidebar-right .input-group {
width: 240px;
}
.form-control {
padding: 0.25em 0.75em;
}
}

@media (max-width: 575.98px) {
.contact-category .inputbox, 
.content-category .inputbox, 
.tag-category .inputbox,
.weblink-category #filter-search {
width: 200px;
}
.newsfeed-category .inputbox {
width: 260px;
}
}

/* INPUT GLOW */

.custom-select,
.form-control,
.form-select,
.tags a.btn {
box-shadow: none !important;
}

/* LABELS */

label {
margin-bottom: 0.5rem;
}

/* LEGACY STYLES */

.padding-bottom-12px {
padding-bottom: 0.75rem;
}
.padding-bottom-15px {
padding-bottom: 1rem;
}
.padding-bottom-18px {
padding-bottom: 1.25rem;
}
.padding-bottom-24px {
padding-bottom: 1.5rem;
}

.padding-top-12px {
padding-top: 0.75rem;
}
.padding-top-15px {
padding-top: 1rem;
}
.padding-top-18px {
padding-top: 1.25rem;
}
.padding-top-24px {
padding-top: 1.5rem;
}

/* LINKS */

a, 
a:hover, 
a:focus {
text-decoration-color: inherit;
text-decoration-skip-ink: auto;
text-decoration-style: solid;
text-underline-offset: 2px;
}

/* LINKS - CURRENT */

/* Begin - Do not remove */

.metismenu.mod-menu li.metismenu-item.current a, 
.metismenu.mod-menu li.metismenu-item.current a:hover,
.metismenu.mod-menu li.metismenu-item.current a:focus {
cursor: default;
text-decoration: none !important;
}
      
.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > a:focus,
.metismenu.mod-menu .metismenu-item.active > button,  
.metismenu.mod-menu .metismenu-item > button:hover,
.metismenu.mod-menu .metismenu-item > button:focus {
text-decoration: unset;
}

/* End - Do not remove */

/* LISTS */
   
.custom-select, 
.form-select {
background: none;
border: 0;
box-shadow: none;
color: inherit;
font-size: inherit;
padding: 0.25em 0.5em 0.25em 0.75em;
text-decoration: underline;
text-underline-offset: 2px;
}

.custom-select:focus,
.form-select:focus {
background: none !important;
border: 0;
}

@media (max-width: 575.98px) {
.contact-category .btn, 
.content-category .btn,
.newsfeed-category .btn,
.tag-category .btn,
.weblink-category .btn {
font-size: 18px;
}
.contact-category .float-end,
.content-category .float-end,
.tag-category .float-end {
float: left !important;
}
}

.list-group .mt-3 {
margin-top: unset !important;
}

.list-group-item {
background-color: transparent;
border: 0;
padding-left: 1px;
}

ol, 
ul {
margin-top: 0;      
margin-bottom: 0;
}
      
ol li,
ul li {
padding-bottom: 0.5em;
}

/* category list */
      
.content-category .small {
color: inherit;
font-size: inherit;
}

/* newsfeed list */

fieldset.com-newsfeeds-category__filters {
margin-bottom: unset;
}

ul.com-newsfeeds-category__category {
margin-bottom: 20px;
}

/* LOGIN */

.card-body .mod-login .input-password-toggle,
.card-body .mod-login .input-password-toggle:hover,
.card-body .mod-login .input-password-toggle:focus,
.login .input-password-toggle,
.login .input-password-toggle:hover,
.login .input-password-toggle:focus {
background-color: inherit;
color: inherit !important;
}

#com-users-login__form {
display: none !important; /* inherit */
margin-bottom: -36px;
}

.com-users-remind__form,
.com-users-reset__form,
.com-users-reset-confirm__form,
.com-users-login__options,
.mod-login__options {
display: none !important; /* inherit */
}

.input-password-toggle {
width: 48px; /* review when change body letter-spacing, word-spacing and text size */
}

.login-greeting {
padding-top: 0.5rem;
}
      
.logout-button {
margin-top: 0.5em;
}

.mod-login {
margin-top: 0.75rem;
}

.mod-login .form-group {
margin-bottom: 0.5rem !important;
}
      

.mod-login .input-group-text {
background-color: unset;
border: 0;
color: unset;
font-size: inherit;
}
      
.mod-login__options,
.mod-login__password .input-group,
.mod-login__username .input-group {
width: 250px;
}

.mod-login__options li {
margin-top: 6px;
}

/* login buttons */

/* sign in */

.mod-login__submit .w-100 {
width: unset !important;
}

/* web authentication */

.mod-login__submit .btn-secondary {
width: 13em !important;
}
      
button[class*="plg_system_webauthn_login_button"] {
max-height: unset !important;
}

/* MASTHEAD */

.masthead img {
opacity: 1; /* no fade in */
}

/* MENUS */

.metismenu.mod-menu .metismenu-item {
padding: 0.5em 12px 0.5em 12px;
}

@media (min-width: 769px) and (max-width: 991.98px) {
.metismenu.mod-menu .metismenu-item {
padding: 0.5em 12px 0.5em 12px;
}
}

.metismenu.mod-menu li.metismenu-item > a, 
.metismenu.mod-menu li.metismenu-item > button, 
.metismenu.mod-menu li.metismenu-item > span {
white-space: normal;
}

.metismenu.mod-menu .mm-toggler:after {
font-size: 0.9em;
margin-inline-start: 0.5em;
}

/* Menus - Dropdown */

.card-body .metismenu.mod-menu .metismenu-item > ul {
margin-right: 0;
margin-top: 0.75rem;
}

.container-brand .card-body .metismenu.mod-menu .metismenu-item > ul {
margin-top: 0;
}
 
.container-brand .card-body .metismenu.mod-menu li li.metismenu-item > ul {
margin-top: 0.75rem;
}

.metismenu.mod-menu .metismenu-item > ul {
background-color: transparent;
margin-left: -12px;
z-index: 50;
}

@media (min-width: 769px) {

.bmformat .metismenu.mod-menu .metismenu-item > ul,
.container-brand .metismenu.mod-menu .metismenu-item > ul,
.container-top-left .metismenu.mod-menu .metismenu-item > ul {
margin-left: 0;
}

.bmformat .metismenu.mod-menu li li.metismenu-item > ul, 
.container-brand .metismenu.mod-menu li li.metismenu-item > ul,
.container-top-left .metismenu.mod-menu li li.metismenu-item > ul {
margin-left: -12px;
}

}

.metismenu.mod-menu .mm-collapse {
box-shadow: none;
}

.metismenu.mod-menu .mm-collapse > li > a {
display: block;
}

.metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-bottom: 0;
}
      
@media (min-width: 769px) and (max-width: 991.98px) {
.metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-top: 0.75em;
}       
}

@media (min-width: 992px) {
.metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-top: 0.5em;
}
.card-body .metismenu.mod-menu .metismenu-item > ul {
width: 100%;
}    
}

@media (max-width: 575.98px) {
.metismenu.mod-menu .metismenu-item > ul {
width: 95%;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {

.metismenu.mod-menu .metismenu-item > ul,
.container-brand .card-body .metismenu.mod-menu li li.metismenu-item > ul {
width: 97%;
}

.container-brand .card-body .metismenu.mod-menu .metismenu-item > ul {
width: 560px;
}

}

@media (max-width: 768px) {

.container-brand .card-body .metismenu.mod-menu .metismenu-item > ul {
margin-left: 0;
}

.container-brand .card-body .metismenu.mod-menu li li.metismenu-item > ul {
margin-left: -12px;
}
        
}

/* Horizontal Menus */

@media (min-width: 769px) {

.card-body .metismenu.menu-horizontal .metismenu-item {
padding: 6px 12px 6px 12px;
}

.menu-horizontal li.metismenu-item {
border-left: 1px solid;
}
.menu-horizontal li li.metismenu-item,
.menu-horizontal li.metismenu-item:first-child {
border-left: 0 solid;
}

}

@media (min-width: 769px) and (max-width: 991.98px) {
.card-body .metismenu.menu-horizontal li li.metismenu-item {
padding: 0.5em 12px 0.5em 12px;
}
}

/* Horizontal Menus + Navbar Dropdown */

@media (min-width: 769px) and (max-width: 991.98px) {
.card-body .metismenu.menu-horizontal .metismenu-item > ul,
.container-top-left .metismenu.menu-horizontal .level-1 > ul,
.navbar .metismenu.mod-menu .metismenu-item > ul {
min-width: 230px;
}
}

@media (min-width: 992px) {
.card-body .metismenu.menu-horizontal .metismenu-item > ul,
.container-top-left .metismenu.menu-horizontal .level-1 > ul,
.navbar .metismenu.mod-menu .metismenu-item > ul {
min-width: 230px;
width: unset;
}
}

/* Horizontal Menus - Navbar Class -bottom-menu - text only format */

.bmformat .navbar {
margin-left: -12px;
}
      
.bmformat .navbar, 
.bmformat .navbar .card-body .metismenu.mod-menu {
background-color: transparent;
}

.bmformat .navbar li.metismenu-item,
.bmformat .navbar li.metismenu-item:hover,
.bmformat .navbar li.metismenu-item:focus {
background-color: transparent;
border-color: transparent;
}

@media (max-width: 768px) {

.bmformat .navbar .metismenu.mod-menu .metismenu-item > ul {
margin-left: 0;
}

.bmformat .navbar .metismenu.mod-menu li li.metismenu-item > ul {
margin-left: -12px;
}
        
}

/* MENUS - BRAND */

.container-brand .card-body .metismenu.mod-menu {
margin-left: -12px !important;
}

@media (min-width: 769px) {
.container-brand .card-body .metismenu.mod-menu {
margin-top: -3px !important;
}
}

.container-brand .card-body .metismenu.mod-menu li.metismenu-item  {
text-transform: none; /* option = uppercase */
}

.container-brand .card-body .metismenu.mod-menu li li.metismenu-item {
text-transform: none;
}

/* MENUS - TOP-LEFT */

.container-top-left {
float: left;
margin-left: -12px;
padding-top: 4px;
padding-bottom: 4px;
}

.container-top-left .menu-horizontal li.metismenu-item {
text-transform: none; /* option = uppercase */
}

.container-top-left .menu-horizontal li li.metismenu-item {
text-transform: none;
}

/* MENU COLOURS */

/* Vertical Menus */

/* level 2 - sub menu links */

.card-body li li.metismenu-item {
background-color: #f0f0f0;
}

.card-body li li.metismenu-item,
.card-body li li.metismenu-item a {
color: #000000;
}

/* level 3 - sub sub menu links */

.card-body li li li.metismenu-item {
background-color: #333333;
}

.card-body li li li.metismenu-item,
.card-body li li li.metismenu-item a {
color: #ffffff;
}

/* level 4 - sub sub sub menu links */

.card-body li li li li.metismenu-item {
background-color: #f0f0f0;
}

.card-body li li li li.metismenu-item,
.card-body li li li li.metismenu-item a {
color: #000000;
}

/* Horizontal Menus Landscape View */

/* level 3 - sub sub menu links */

.menu-horizontal .metismenu-item .level-3,
.menu-horizontal .metismenu-item .level-3:hover,
.menu-horizontal .metismenu-item .level-3:focus {
background-color: #f0f0f0;
}

.menu-horizontal .metismenu-item .level-3,
.menu-horizontal .metismenu-item .level-3 a,
.menu-horizontal .metismenu-item .level-3 a:hover,
.menu-horizontal .metismenu-item .level-3 a:focus {
color: #000000 !important;
}

/* level 4 - sub sub sub menu links */

.menu-horizontal .metismenu-item .level-4,
.menu-horizontal .metismenu-item .level-4:hover,
.menu-horizontal .metismenu-item .level-4:focus {
background-color: #333333;
}

.menu-horizontal .metismenu-item .level-4,
.menu-horizontal .metismenu-item .level-4 a,
.menu-horizontal .metismenu-item .level-4 a:hover,
.menu-horizontal .metismenu-item .level-4 a:focus {
color: #ffffff !important;
}

/* Horizontal Menus - Portrait View */
      
@media (max-width: 768px) {      
      
/* level 2 - sub sub menu links */

.menu-horizontal .metismenu-item .level-2 {
background-color: #f0f0f0;
}

.menu-horizontal .metismenu-item .level-2,
.menu-horizontal .metismenu-item .level-2 a {
color: #000000 !important;
}

/* level 3 - sub sub menu links */

.menu-horizontal .metismenu-item .level-3 {
background-color: #333333;
}

.menu-horizontal .metismenu-item .level-3,
.menu-horizontal .metismenu-item .level-3 a {
color: #ffffff !important;
}

/* level 4 - sub sub sub menu links */

.menu-horizontal .metismenu-item .level-4 {
background-color: #f0f0f0;
}

.menu-horizontal .metismenu-item .level-4,
.menu-horizontal .metismenu-item .level-4 a {
color: #000000 !important;
} 

}

/* Horizontal Menus Landscape View - Brand Menu */
/* Horizontal Menus Landscape View - Top-Left Menu */

.container-brand .card-body .metismenu.mod-menu {
background-color: transparent;
}

.container-brand .menu-horizontal li.metismenu-item, 
.container-brand .menu-horizontal li.metismenu-item:hover,
.container-brand .menu-horizontal li.metismenu-item:focus {
background-color: transparent;
border-color: transparent;
}

.container-top-left .menu-horizontal li.metismenu-item {
border-color: transparent;
}

.container-top-left .menu-horizontal li.metismenu-item:hover,
.container-top-left .menu-horizontal li.metismenu-item:focus {
background-color: transparent;
}

.container-top-left .menu-horizontal li.metismenu-item:hover a,
.container-top-left .menu-horizontal li.metismenu-item:focus a {
color: unset;
}

/* level 2 - sub sub menu links */

.container-brand .card-body li li.metismenu-item,
.container-brand .menu-horizontal .metismenu-item .level-2,
.container-brand .menu-horizontal .metismenu-item .level-2:hover,
.container-brand .menu-horizontal .metismenu-item .level-2:focus,
.container-top-left .menu-horizontal .metismenu-item .level-2,
.container-top-left .menu-horizontal .metismenu-item .level-2:hover,
.container-top-left .menu-horizontal .metismenu-item .level-2:focus {
background-color: #333333;
}

.container-brand .card-body li li.metismenu-item,
.container-brand .card-body li li.metismenu-item a,
.container-brand .menu-horizontal .metismenu-item .level-2,
.container-brand .menu-horizontal .metismenu-item .level-2 a,
.container-brand .menu-horizontal .metismenu-item .level-2 a:hover,
.container-brand .menu-horizontal .metismenu-item .level-2 a:focus,
.container-top-left .menu-horizontal .metismenu-item .level-2,
.container-top-left .menu-horizontal .metismenu-item .level-2 a,
.container-top-left .menu-horizontal .metismenu-item .level-2 a:hover,
.container-top-left .menu-horizontal .metismenu-item .level-2 a:focus {
color: #ffffff !important;
}

/* level 3 - sub sub menu links */

.container-brand .card-body li li li.metismenu-item,
.container-brand .menu-horizontal .metismenu-item .level-3,
.container-brand .menu-horizontal .metismenu-item .level-3:hover,
.container-brand .menu-horizontal .metismenu-item .level-3:focus,
.container-top-left .menu-horizontal .metismenu-item .level-3,
.container-top-left .menu-horizontal .metismenu-item .level-3:hover,
.container-top-left .menu-horizontal .metismenu-item .level-3:focus {
background-color: #f0f0f0;
}

.container-brand .card-body li li li.metismenu-item,
.container-brand .card-body li li li.metismenu-item a,
.container-brand .menu-horizontal .metismenu-item .level-3,
.container-brand .menu-horizontal .metismenu-item .level-3 a,
.container-brand .menu-horizontal .metismenu-item .level-3 a:hover,
.container-brand .menu-horizontal .metismenu-item .level-3 a:focus,
.container-top-left .menu-horizontal .metismenu-item .level-3,
.container-top-left .menu-horizontal .metismenu-item .level-3 a,
.container-top-left .menu-horizontal .metismenu-item .level-3 a:hover,
.container-top-left .menu-horizontal .metismenu-item .level-3 a:focus {
color: #000000 !important;
}

/* level 4 - sub sub sub menu links */

.container-brand .card-body li li li li.metismenu-item,
.container-brand .menu-horizontal .metismenu-item .level-4,
.container-brand .menu-horizontal .metismenu-item .level-4:hover,
.container-brand .menu-horizontal .metismenu-item .level-4:focus,
.container-top-left .menu-horizontal .metismenu-item .level-4,
.container-top-left .menu-horizontal .metismenu-item .level-4:hover,
.container-top-left .menu-horizontal .metismenu-item .level-4:focus {
background-color: #333333;
}

.container-brand .card-body li li li li.metismenu-item,
.container-brand .card-body li li li li.metismenu-item a,
.container-brand .menu-horizontal .metismenu-item .level-4,
.container-brand .menu-horizontal .metismenu-item .level-4 a,
.container-brand .menu-horizontal .metismenu-item .level-4 a:hover,
.container-brand .menu-horizontal .metismenu-item .level-4 a:focus,
.container-top-left .menu-horizontal .metismenu-item .level-4,
.container-top-left .menu-horizontal .metismenu-item .level-4 a,
.container-top-left .menu-horizontal .metismenu-item .level-4 a:hover,
.container-top-left .menu-horizontal .metismenu-item .level-4 a:focus {
color: #ffffff !important;
}

/* MENU CORNERS */

/* radius = 0 or 0px = square corner */
/* radius > 0px = rounded corner */

/* Vertical Menus */

.card-body .metismenu-item > ul,
.card-body li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 15px 0;
}
.card-body li li.metismenu-item:first-child {
border-radius: 0 15px 0 0;
} 
.card-body li li.metismenu-item:last-child {
border-radius: 0 0 15px 0;
}

/* Horizontal Menus - Landscape */

@media (min-width: 769px) {

.metismenu.menu-horizontal {
border-radius: 0 !important; /* options = 0 0 10px 10px !important = 10px !important */
}

.menu-horizontal li.metismenu-item:first-child:hover,
.menu-horizontal li.metismenu-item:first-child:focus {
border-radius: 0; /* options = 0 0 0 10px = 10px 0 0 10px */
}

.menu-horizontal li.metismenu-item:last-child {
border-radius: 0 !important; /* options = 0 0 10px 0 !important = 0 10px 10px 0 !important */
}

.menu-horizontal li.metismenu-item:last-child:hover,
.menu-horizontal li.metismenu-item:last-child:focus {
border-radius: 0 !important; /* options = 0 0 10px 0 !important = 0 10px 10px 0 !important */
}

/* dropdown */

.menu-horizontal .metismenu-item > ul {
border-radius: 0 0 15px 0 !important;
}

.menu-horizontal li li.metismenu-item > ul {
border-radius: 0 15px 15px 0 !important;
}

.menu-horizontal li li.metismenu-item:first-child {
border-radius: 0 !important;
}

.menu-horizontal li li.metismenu-item:first-child:last-child {
border-radius: 0 0 15px 0 !important;
}

.menu-horizontal li li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 15px 0 !important;
}

.menu-horizontal li li.metismenu-item:last-child,
.menu-horizontal li li.metismenu-item:last-child:hover,
.menu-horizontal li li.metismenu-item:last-child:focus {
border-radius: 0 0 15px 0 !important;
}
  
.menu-horizontal li li li.metismenu-item:first-child {
border-radius: 0 15px 0 0 !important;
}

}

/* Horizontal Menus - Portrait */

@media (max-width: 768px) {
.metismenu.menu-horizontal {
border-radius: 0 !important; /* options = 0 0 10px 10px !important = 10px !important */
}
}

/* NAVBARS */

/* begin - do not remove - required for horizontal display in landscape view */
      
@media (min-width: 769px) {
.metismenu.menu-horizontal,
.navbar .mod-menu_dropdown-metismenu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
}

/* end - do not remove - required for horizontal display in landscape view */

@media (max-width: 768px) {

.container-navbar-m,
.container-navbar-mm {
padding: 5px 0 5px 0;
}

.container-navbar-mm {
margin-bottom: 0.5rem;
}

}

@media (min-width: 769px) {

.container-navbar-mm {
margin-bottom: 0.25rem;
}

}

.container-navbar-tm {
z-index: 100;
}

.container-navbar-tm .navbar li li.metismenu-item:last-child {
position: relative;
}

.navbar .metismenu.mod-menu .metismenu-item {
padding: 6px 12px 6px 12px;
}

@media (max-width: 768px) {

.navbar .metismenu.mod-menu .metismenu-item {
padding: 0.5em 12px 0.5em 12px;
}

.navbar-collapse {
margin: 12px 0 5px 0;
}

}

.navbar .metismenu.mod-menu .metismenu-item > ul {
box-shadow: none;
margin-right: 0;
}

@media (min-width: 769px) {

.container-navbar-tm {
display: grid !important;
grid-template-columns: 11fr 1fr;
}

.navbar {
padding: 0;
}

.navbar li.metismenu-item {
border-left: 1px solid;
}
.navbar li.metismenu-item:last-child {
border-right: 0;
}
.navbar li li.metismenu-item,
.navbar li.metismenu-item:first-child {
border-left: 0 solid;
}

}

@media (min-width: 769px) and (max-width: 991.98px) {   
.navbar li li.metismenu-item {
padding: 0.5em 12px 0.5em 12px;
}
}

/* navbar bottom-menu */

.container-navbar-bm {
grid-area: navbar-bm;
}

.container-navbar-bm .mod-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.container-navbar-bm .metismenu.mod-menu .metismenu-item > ul {
top: unset; /* impact = dropdown -> dropup */
}

@media (min-width: 769px) {
.container-navbar-bm .metismenu.mod-menu .metismenu-item > ul {
bottom: 100%;
margin-bottom: 0;
}
}

@media (max-width: 768px) {

.container-navbar-bm .navbar {
padding: 0;
}

.container-navbar-bm .mod-menu {
flex-direction: column;
}

.container-navbar-bm .navbar li li.metismenu-item {
width: 100%;
}

}

@media (min-width: 576px) and (max-width: 767.98px) {
.container-navbar-bm .navbar li.metismenu-item {
width: 600px; /* assumes portrait column gap = 0px, use 580px when = 10px) */
}
}

@media (max-width: 575.98px) {
.container-navbar-bm .navbar li.metismenu-item {
width: 360px; /* assumes portrait column gap = 0px, use 580px when = 10px) */
}
}

/* navbar call */

.container-navbar-call {
padding: 12px 12px 0 12px;
}

/* navbar dropdown */

.navbar .metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-bottom: 0;
}

@media (min-width: 992px) {
.navbar .metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-top: 0.5em;
}      
}
      
@media (min-width: 769px) and (max-width: 991.98px) {
.navbar .metismenu.mod-menu .mm-collapse > li.parent > ul {
margin-top: 0.75em;
}       
}

/* navbar toggler - hamburger button */

.navbar-toggler {
border: 0;
border-radius: 0;
padding: 0 10px 0 10px; /* prevent judder when click link */
}

@media (max-width: 575.98px) {
.container-navbar-tm .navbar-toggler,
.container-navbar-m .navbar-toggler,
.container-navbar-mm .navbar-toggler {
font-size: 1.5rem;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
.container-navbar-tm .navbar-toggler,
.container-navbar-m .navbar-toggler,
.container-navbar-mm .navbar-toggler {
font-size: 1.75rem;
}
}

.navbar-toggler:focus {
box-shadow: none;
}

/* NAVBAR COLOURS */

/* Landscape View - Large Screen */

@media (min-width: 992px) {

/* navbar - level 3 - sub sub menu links */

.navbar .metismenu-item .level-3,
.navbar .metismenu-item .level-3:hover,
.navbar .metismenu-item .level-3:focus {
background-color: #f0f0f0;
}

.navbar .metismenu-item .level-3,
.navbar .metismenu-item .level-3 a,
.navbar .metismenu-item .level-3 a:hover,
.navbar .metismenu-item .level-3 a:focus {
color: #000000 !important;
}

/* navbar - level 4 - sub sub sub menu links */

.navbar .metismenu-item .level-4,
.navbar .metismenu-item .level-4:hover,
.navbar .metismenu-item .level-4:focus {
background-color: #333333;
}

.navbar .metismenu-item .level-4,
.navbar .metismenu-item .level-4 a,
.navbar .metismenu-item .level-4 a:hover,
.navbar .metismenu-item .level-4 a:focus {
color: #ffffff !important;
}

}

/* Landscape View - Tablets */

@media (min-width: 769px) and (max-width: 991.98px) {

/* navbar - level 3 - sub sub menu links */

.navbar .metismenu-item .level-3 {
background-color: #f0f0f0;
}

.navbar .metismenu-item .level-3,
.navbar .metismenu-item .level-3 a {
color: #000000 !important;
}

/* navbar - level 4 - sub sub sub menu links */

.navbar .metismenu-item .level-4 {
background-color: #333333;
}

.navbar .metismenu-item .level-4,
.navbar .metismenu-item .level-4 a {
color: #ffffff !important;
}

}

/* Portrait View */

@media (max-width: 768px) {

/* navbar - level 2 - sub sub menu links */

.navbar .metismenu-item .level-2 {
background-color: #f0f0f0;
}

.navbar .metismenu-item .level-2,
.navbar .metismenu-item .level-2 a {
color: #000000 !important;
}

/* navbar - level 3 - sub sub menu links */

.navbar .metismenu-item .level-3 {
background-color: #333333;
}

.navbar .metismenu-item .level-3,
.navbar .metismenu-item .level-3 a {
color: #ffffff !important;
}

/* navbar - level 4 - sub sub sub menu links */

.navbar .metismenu-item .level-4 {
background-color: #f0f0f0;
}

.navbar .metismenu-item .level-4,
.navbar .metismenu-item .level-4 a {
color: #000000 !important;
}

}

/* Bottom Menu - Text Only Format */

/* navbar - level 2 - sub sub menu links */

.bmformat .navbar .metismenu-item .level-2,
.bmformat .navbar .metismenu-item .level-2:hover,
.bmformat .navbar .metismenu-item .level-2:focus {
background-color: #333333;
}

.bmformat .navbar .metismenu-item .level-2,
.bmformat .navbar .metismenu-item .level-2 a,
.bmformat .navbar .metismenu-item .level-2 a:hover,
.bmformat .navbar .metismenu-item .level-2 a:focus {
color: #ffffff !important;
}

/* navbar - level 3 - sub sub menu links */

.bmformat .navbar .metismenu-item .level-3,
.bmformat .navbar .metismenu-item .level-3:hover,
.bmformat .navbar .metismenu-item .level-3:focus {
background-color: #f0f0f0;
}

.bmformat .navbar .metismenu-item .level-3,
.bmformat .navbar .metismenu-item .level-3 a,
.bmformat .navbar .metismenu-item .level-3 a:hover,
.bmformat .navbar .metismenu-item .level-3 a:focus {
color: #000000 !important;
}

/* navbar - level 4 - sub sub sub menu links */

.bmformat .navbar .metismenu-item .level-4,
.bmformat .navbar .metismenu-item .level-4:hover,
.bmformat .navbar .metismenu-item .level-4:focus {
background-color: #333333;
}

.bmformat .navbar .metismenu-item .level-4,
.bmformat .navbar .metismenu-item .level-4 a,
.bmformat .navbar .metismenu-item .level-4 a:hover,
.bmformat .navbar .metismenu-item .level-4 a:focus {
color: #ffffff !important;
}

/* NAVBAR CORNERS */

/* radius = 0 or 0px = square corner */
/* radius > 0px = rounded corner */

@media (min-width: 769px) {

/* Bottom Menu Navbar */

.container-navbar-bm {
border-radius: 0;
}
.container-navbar-bm .metismenu.mod-menu,
.container-navbar-bm .metismenu-item:first-child {
border-radius: 0;
}

/* Bottom Menu Navbar - Dropup */

.container-navbar-bm .navbar .metismenu.mod-menu .metismenu-item > ul {
border-radius: 0 15px 0 0;
}

.container-navbar-bm .navbar li li.metismenu-item:first-child {
border-radius: 0 15px 0 0;
}

.container-navbar-bm .navbar li li.metismenu-item:last-child {
border-radius: 0;
}

.container-navbar-bm .navbar li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 0 0;
} 

.container-navbar-bm .navbar li li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 15px 0;
}
          
.container-navbar-bm .navbar li li li.metismenu-item:last-child {
border-radius: 0 0 15px 0;
}

/* All Other Navbars - Dropdown */

.navbar .metismenu-item > ul {
border-radius: 0 0 15px 0;
}

.navbar li li.metismenu-item:first-child {
border-radius: 0;
}

.navbar li li.metismenu-item:last-child {
border-radius: 0 0 15px 0;
} 

.navbar li li.metismenu-item:first-child:last-child {
border-radius: 0 0 15px 0;
}

.navbar li li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 15px 0;
} 
  
.navbar li li li.metismenu-item:first-child {
border-radius: 0 15px 0 0;
}

}

@media (max-width: 768px) {

/* Menu Navbar */

.container-navbar-m {
border-radius: 0; /* options = 0 0 10px 10px = 10px */
}

/* Main Menu Navbar */

.container-navbar-mm {
border-radius: 0; /* options = 0 0 10px 10px = 10px */
}

/* All Navbars - Dropdown */

.navbar .metismenu.mod-menu .metismenu-item > ul,
.navbar li li.metismenu-item:first-child:last-child {
border-radius: 0 15px 15px 0;  
}
  
.navbar li li.metismenu-item:first-child {
border-radius: 0 15px 0 0;
}
  
.navbar li li.metismenu-item:last-child {
border-radius: 0 0 15px 0;
}
  
}

/* NEWSFLASHES */


.newsflash-item p.readmore {
margin-bottom: 0;
}

/* PAGE BREAK */

/* pages (article index) */

@media (min-width: 992px) {
.article-index {
float: right !important; /* or left !important */
margin: 0 0 0 15px !important;
width: 30%;
}
}

@media (max-width: 991.98px) {
.article-index {
margin: 0 0 15px 0 !important;
width: 100% !important;  
}
}

.article-index .card-body {
background-color: transparent;
border: 1px solid;
border-radius: unset !important;
padding: 0.75em;
text-align: left;
}

.article-index h2,
.article-index h3,
.article-index h4 {
font-size: inherit;
font-weight: bold;
padding-top: 0 !important; /* offset #article h2 - h4 */
}

.article-index li {
margin-bottom: 0.5em;
}

a.toclink.active {
cursor: default;
font-weight: bold;
text-decoration: none;
}

/* sliders */

.accordion {
margin-top: 1.5rem;
}
      
.accordion-body {
background-color: transparent;
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
}

.accordion-button {
font-size: unset;
margin-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.accordion-button:after {
background-color: transparent;
}

/* use to hide chevron when accordion collapsed */
/* 
.accordion-button:after {
background-image: none;
}
*/

.accordion-button:focus,
.accordion-button:not(.collapsed) {
box-shadow: none;
}

.accordion-header {
margin-bottom: -0.25em;
}

.accordion-item {
background-color: transparent;
border-color: transparent;
margin-bottom: -2px;
}

.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-collapse {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

/* tabs */

joomla-tab {
margin-top: 1.5rem;
margin-bottom: -1.5rem;
}
#adminForm joomla-tab {
margin-top: 0;
}

joomla-tab button[role="tab"][aria-expanded="true"], 
joomla-tab button[role="tab"][aria-selected="true"] {
background-image: none;
box-shadow: none;
}

joomla-tab > joomla-tab-element {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0 0.75rem 0 0.75rem;
}

joomla-tab[view="accordion"] button[aria-expanded="true"]:after {
background-color: unset;
}

joomla-tab[view="tabs"] > div[role="tablist"] {
border: 0;
border-radius: 0;
box-shadow: none;
}

/* PAGE TRANSITION */

/* cross-page */

@media (min-width: 769px) {

@view-transition {
navigation: auto;
}

}

@media (max-width: 768px) {

@keyframes move-out {
from {
transform: translateX(0%);
}
to {
transform: translateX(-100%);
}
}

@keyframes move-in {
from {
transform: translateX(100%);
}
to {
transform: translateX(0%);
}
}

}

/* image fadein */     

img,
.imgZoom {
opacity: 0;
} 

@-webkit-keyframes fadein {
100% { opacity: 1; }
}

@keyframes fadein {
100% { opacity: 1; }
}

/* PRINT */

@media print {
  
.noprint,
._access-icon,
.article-index,
.bcb,
.bct,
.container-navbar-tm,
.container-apex,
.container-navbar-m,
.container-top-a,
.container-top-b,
.container-sidebar-left,
.container-navbar-mm,
.container-main-top,
.container-main-bottom,
.container-sidebar-right,
.container-bottom-a,
.container-bottom-b,
.container-base-a,
.container-base-b,
.container-navbar-bm,
.container-design,
#contact-form,
li.next,
li.previous,
.pagenavigation,
.readmore,
.tags {
display: none !important;
}

a {
text-decoration: none !important;
}
  
img {
opacity: 1 !important;
}

h1 {
font-size: 14pt;
}

h2 {
font-size: 12pt;
}

h3 {
font-size: 11pt;
}

p,
div,
h4,
h5,
h6 {
font-family: "Times New Roman", Times, serif;
font-size: 10pt;
}

h1,
h2,
h3 {
font-family: "Times New Roman", Times, serif;
}

}

/* PRIVACY */

#jform_privacyconsent_privacy .valid {
border-color: unset;
}

/* SCREEN BACKGROUND */

body {
min-height: unset;
}

html {
background-color: transparent;
}

/* SEARCH */

.awesomplete > ul {
background: unset;
border: 0 !important;
box-shadow: none !important;
margin-top: 10px;
opacity: 1.0 !important;
}
   
.awesomplete > ul:before {
background-color: inherit !important;
margin-top: 3px;
}

.awesomplete > input {
max-width: unset;
}

.awesomplete li,
.awesomplete li:hover,
.awesomplete li:focus {
background: transparent !important;
font-weight: normal;
}

.awesomplete li:hover,
.awesomplete li:focus {
color: inherit !important;
}

.com_finder * p {
margin-top: 0;
margin-bottom: 1rem !important;
}

.com-finder > * + *,
.com-finder__results > * + * {
margin-top: 1em;
}

.com-finder__counter {
padding-bottom: 1rem;
}

.mark, 
mark {
background: transparent !important;
color: inherit;
font-weight: bold;
padding: 0;
}

.result__date {
color: inherit;
font-weight: bold;
}

.result__taxonomy--Author {
display: none;
}

.result__title-text {
font-size: inherit;
font-weight: normal;
}

.mod-finder label {
margin-top: 0.5em;
margin-bottom: 1em;
width: 100%;
}

#search-form label {
margin-bottom: 0.5em !important;
}

#search-result-empty h2 {
margin-bottom: 0.5em;
}

/* advanced search */

#advancedSearch .buttons-wrapper .btn {
text-decoration: underline !important;
text-underline-offset: 2px !important;
}
     
#advancedSearch .control-label {
font-weight: bold !important;
padding-top: 1rem;
}

#advancedSearch .field-calendar .input-group {
margin-bottom: 1rem;
}

#advancedSearch .form-select {
border: 1px solid !important;
border-radius: 15px;
font-size: 1.05rem;
padding: 0.25em 0.5em;
text-align: center;
width: 150px;
}

#advancedSearch ul#finder-filter-select-dates li.filter-date select.filter-date-operator {
font-size: 1.05rem;
width: 90px !important;
}

/* results page search field */

/* assumptions */
/* advanced search = off */
/* search button display = none */

#search-form .btn-primary, 
#search-form .btn-secondary {
display: none; /* improve accessibility */
margin-top: unset;
}

.com-finder__search .input-group {
font-family: Lato, sans-serif;
font-size: 1.05rem;  
width: 250px;
}
     
/* TABLES */

.table,
.table-active,
.table-hover > tbody > tr:hover > *,
.table-hover > tbody > tr:focus > *,
.table-striped > tbody > tr:nth-of-type(odd) > * {
--table-accent-bg: transparent;
--table-bg: transparent;
color: unset;
}

.table > :not(caption) > * > * {
box-shadow: none;
padding: 0.5em 0.5em 0.5em 1px !important;
}

.table > :not(:first-child) {
border-bottom: 0 solid;
border-top: 0 solid;
}

.table td,
.table th {
vertical-align: unset;
}

tbody,
td,
tfoot, 
th, 
thead, 
tr {
border: unset;
}

/* TAGS */

@media (min-width: 769px) {
.tags {
margin-bottom: 0;
}
}

@media (max-width: 768px) {
.tags {
margin-bottom: 1em;
}
}

.tags .btn {
background-color: transparent;
border: 1px solid;
color: inherit !important;
font-size: 1rem !important; /* if change check padding */
max-width: unset;
padding: 0 0.5em 0.1em 0.5em; /* check if change font-size */
}

.tags .btn:hover,
.tags .btn:focus {
background-color: transparent;
color: inherit !important;
}

.tags .list-inline-item {
margin: 0.5em 0.25em 0 0;
}

/* TAP HIGHLIGHT (highlight links when touched on mobile devices) */

a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Default = Black + Transparent */
}

/* TEMPLATES FORM */

#templates-form .form-select {
margin-bottom: 0.5rem;
}

#templates-form .form-text {
font-size: 0.95em;
}

#templates-form h2 {
color: inherit;
}
 
#templates-form legend {
display: none;
}

#templates-form .minicolors-theme-bootstrap .minicolors-input {
width: 270px;
}

#templates-form .need-help {
background-color: transparent;
border: 1px solid;
border-color: inherit;
color: inherit;
margin-bottom: 2rem;
padding: 0.75rem;
}

#templates-form .spacer hr {
display: none;
}

@media (min-width: 992px) {
#templates-form h2 {
font-size: 1.6rem;
}
#templates-form .need-help {
width: 800px;
}
}

@media (max-width: 575.98px) {
#templates-form h2 {
font-size: 1.5rem;
}
#templates-form .need-help {
width: 340px;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
#templates-form h2 {
font-size: 1.8rem;
}
#templates-form .need-help {
width: 580px;
}
}

@media (min-width: 769px) and (max-width: 991.98px) {
#templates-form h2 {
font-size: 1.4rem;
} 
#templates-form .need-help {
width: 700px;
}
}

/* TEXT FORMAT */

blockquote {
border-left: 3px solid;
margin: 1.5rem 0.75rem  1.5rem 0.75rem;
padding-left: 0.75rem;
} 

pre {
background-color: #000000;
color: #ffffff;
font-size: 1em;
margin-bottom: unset;
margin-top: unset;
overflow: auto;
padding: 0.75rem;
white-space: pre-wrap;
}

/* TEXT SIZE */

body {
word-break: break-word;
}

.design {
font-size: 0.7rem;
}

.nav-header {
letter-spacing: inherit;
}

/* TEXT SIZE - PHONES */

@media (max-width: 575.98px) {

/* Prose */

.cf,
.cf .btn {
font-size: 1.05rem;
}

/* Breadcrumbs */

.breadcrumb {
font-size: 1.05rem;
}

/* Copyright */

.container-end,
.container-end h2,
.container-end h3 {
font-size: 0.9rem !important;
}

/* Headings */

h1 {
font-size: 1.5rem;
}

h2,
joomla-tab button[role="tab"] {
font-size: 1.3rem;
}

h3 {
font-size: 1.1rem;
}

h4,
h5,
h6 {
font-size: 1.05rem;
}

/* Menu Links */

.metismenu.mod-menu li.metismenu-item {
font-size: 1.2rem;
}

}

/* TEXT SIZE - TABLETS-PORTRAIT */

@media (min-width: 576px) and (max-width: 767.98px) {

/* Prose */

.cf,
.cf .btn {
font-size: 1.1rem;
}

/* Breadcrumbs */

.breadcrumb {
font-size: 1.1rem;
}

/* Copyright */

.container-end,
.container-end h2,
.container-end h3 {
font-size: 0.9rem !important;
}

/* Headings */

h1 {
font-size: 1.8rem;
}

h2,
joomla-tab button[role="tab"] {
font-size: 1.6rem;
}

h3 {
font-size: 1.4rem;
}

h4,
h5,
h6 {
font-size: 1.2rem;
}

/* Menu Links */

.metismenu.mod-menu li.metismenu-item {
font-size: 1.4rem;
}

}

/* TEXT SIZE - TABLETS-LANDSCAPE */

@media (min-width: 769px) and (max-width: 991.98px) {

/* Prose */

.cf,
.cf .btn {
font-size: 1.05rem;
}

/* Breadcrumbs */

.breadcrumb {
font-size: 1.05rem;
}

/* Copyright */

.container-end,
.container-end h2,
.container-end h3 {
font-size: 0.9rem !important;
}

/* Headings */

h1 {
font-size: 1.6rem;
}

h2,
joomla-tab button[role="tab"] {
font-size: 1.4rem;
}

h3 {
font-size: 1.2rem;
}

h4,
h5,
h6 {
font-size: 1.05rem;
}

/* Vertical Menu Links */

.metismenu.mod-menu li.metismenu-item {
font-size: 1.05rem; /* = prose font-size */
}

/* Horizontal Menu Links */

.menu-horizontal li.metismenu-item {
font-size: 1.05rem !important;
}

/* Menu Links - Brand */

.container-brand .card-body .metismenu.mod-menu li.metismenu-item {
font-size: 1.05rem;
}

/* Menu Links - Top-Left */

.container-top-left .menu-horizontal li.metismenu-item {
font-size: 1.05rem;
}

/* Navbar - Top-Menu */

.container-navbar-tm .navbar li.metismenu-item {
font-size: 1.05rem;
}

/* Navbar - Menu */

.container-navbar-m .navbar li.metismenu-item {
font-size: 1.05rem !important;
}

/* Navbar - Main-Menu */

.container-navbar-mm .navbar li.metismenu-item {
font-size: 1.05rem;
}

/* Navbar - Bottom-Menu */

.container-navbar-bm .navbar li.metismenu-item {
font-size: 1rem;
}

}

/* TEXT SIZE - IPAD-PORTRAIT */

/* Same as TABLET-LANDSCAPE except */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

/* Navbar - Top-Menu */

.container-navbar-tm .navbar li.metismenu-item {
font-size: 1rem;
}

/* Navbar - Bottom-Menu */

.container-navbar-bm .navbar li.metismenu-item {
font-size: 0.9rem !important;
}

}

/* TOP-RIGHT */

.container-top-right {
float: right;
padding-top: 8px;
}

/* USER DETAILS */

#com-users-methods-list .border-top {
border-top: 0 !important;
}

.com-users-methods-list-method-title h2 {
font-weight: normal;
}

#com-users-methods-reset-container {
border: 0 !important;
font-weight: bold;
}

#member-profile legend {
display: none;
}

/* USER REGISTRATION */

.com-users-registration #jform_terms_terms {
margin-bottom: -30px;
}

.com-users-registration .controls p {
font-size: 0.8rem; /* captcha link text */
}

/* VIEWS */

/* views = no */

@media (max-width: 575.98px) {
.nophone {
display: none;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
.notablet-portrait {
display: none;
}
}

@media (max-width: 768px) {
.noportrait {
display: none !important;
}
}

@media (min-width: 769px) {
.nolandscape {
display: none;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.nolandscape {
display: inherit;
}
}

@media (min-width: 769px) and (max-width: 991.98px) {
.notablet-landscape {
display: none;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.notablet-landscape {
display: inherit;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.noipad-portrait {
display: none;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.noipad-landscape {
display: none;
}
}
@media (min-width: 769px) {
.noipad-landscape {
display: inherit;
}
}

@media (min-width: 992px) {
.nopc {
display: none;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {
.no1025 {
display: none;
}
}

@media screen and (min--moz-device-pixel-ratio:0) {
.nofox {
display: none;
}
}

/* views = yes */

@media (max-width: 767.98px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.landscape {
display: none;
}
}

@media (max-width: 991.98px) {
.pc {
display: none;
}
}

@media (max-width: 768px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait),
(min-width: 992px) {
.tablet-landscape {
display: none;
}
}

@media (min-width: 769px) {
.portrait {
display: none !important;
}
}

@media (min-width: 576px) {
.phone {
display: none;
}
}

@media (max-width: 575.98px),
(min-width: 769px) {
.tablet-portrait {
display: none;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.ipad-portrait {
display: inherit;
}
}

/* WEBLINKS EXTENSION PACKAGE */

.com-weblinks-category__counter .counter {
display: none; 
}

.com-weblinks-category .list-group img {
opacity: 1; /* no fade in */
}

/* WHO's ONLINE */

.mod-whosonline {
margin-top: -0.25rem;
}

/* EB STICKY COOKIE NOTICE */

#eu_cookies .inner3 a {
color: inherit !important;
}

.eb_privacypolicy .button_cookie {
width: 200px !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.eb_privacypolicy .button_cookie {
width: 180px !important;
}
}

@media (max-width: 575.98px) {
.eb_privacypolicy .button_cookie {
width: 100% !important;
}
}

.eb_textinfo {
font-family: Lato, Verdana, sans-serif;
}

@media (min-width: 992px) {
.eb_textinfo {
padding-top: 5px;
}
}

@media (min-width: 769px) and (max-width: 991.98px) {
.eb_textinfo {
margin-top: -5px;
}
}

/* MANX */

/* design by */

.container-end {
padding-top: unset !important;
}

.design {
background-color: #333333 !important;
}

a.design {
color: #ffffff !important; 
}

a.design:hover,
a.design:focus {
text-decoration: none !important;
}