/* Lucretia Milea theme on top of UIkit 3 (MIT). Recreates the original 2018 dark gallery look. */
:root{--lm-bg:#232428;--lm-bg-primary:#202125;--lm-bg-secondary:#1b1c20;--lm-bg-muted:#313236;--lm-card:#27282c;--lm-text:#97979b;--lm-head:#fff;--lm-accent:#fd5055;--lm-meta:#cbcbcb;--lm-btn:#323337}
html{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;line-height:1.625;color:var(--lm-text);background:var(--lm-bg)}
body{background:var(--lm-bg);color:var(--lm-text)}
a,.uk-link{color:var(--lm-accent)}a:hover,.uk-link:hover{color:#fff;text-decoration:none}
.uk-link-reset,.uk-link-reset a{color:inherit!important}
em{color:inherit}
h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-primary,.uk-heading-medium,.uk-article-title{font-family:"Roboto Condensed",sans-serif;color:var(--lm-head);font-weight:300}
h1,.uk-h1,.uk-article-title{font-size:2.6rem;line-height:1.2}
h2,.uk-h2{font-size:2.25rem;line-height:1.3}
h3,.uk-h3{font-size:1.375rem;line-height:1.4;font-weight:700;text-transform:uppercase}
h4,.uk-h4{font-size:1.125rem;line-height:1.4;font-weight:700;text-transform:uppercase}
h5,.uk-h5{font-size:13px;line-height:1.4;font-weight:700;text-transform:uppercase}
h6,.uk-h6{font-family:Roboto,sans-serif;font-size:13px;line-height:1.4;font-weight:400;text-transform:uppercase}
.uk-heading-primary{font-size:2.75rem;line-height:1.1}
@media (min-width:960px){h1,.uk-h1,.uk-article-title{font-size:54px}h2,.uk-h2{font-size:46px}.uk-heading-primary{font-size:60px}}
.uk-text-lead{color:#fff;font-size:22px;line-height:1.5;font-weight:300}
.uk-text-meta,.el-meta.uk-text-meta{color:var(--lm-meta);font-size:13px;line-height:1.4}
.uk-text-muted{color:var(--lm-text)!important}
.uk-light,.uk-section-default.uk-light{color:rgba(255,255,255,.7)}
.uk-light h1,.uk-light h2,.uk-light .uk-h1,.uk-light .uk-h2{color:#fff}
/* Sections */
.uk-section-default{background:var(--lm-bg)}
.uk-section-primary{background:var(--lm-bg-primary);color:var(--lm-text)}
.uk-section-secondary{background:var(--lm-bg-secondary);color:var(--lm-text)}
.uk-section-muted{background:var(--lm-bg-muted);color:var(--lm-text)}
.uk-section-primary h1,.uk-section-primary h2,.uk-section-primary h3,.uk-section-secondary h1,.uk-section-secondary h2,.uk-section-secondary h3,.uk-section-secondary .uk-h5{color:#fff}
.uk-section-secondary a{color:var(--lm-accent)}.uk-section-secondary a:hover{color:#fff}
.uk-section-secondary .uk-list>li{color:var(--lm-text)}
.uk-section-secondary .el-content p{margin:0}
/* Navbar */
.uk-navbar-container,.uk-navbar-container:not(.uk-navbar-transparent){background:var(--lm-bg-secondary)}
.tm-header .uk-navbar-nav>li>a,.tm-header .uk-navbar-item,.tm-header .uk-navbar-toggle{min-height:80px}
.uk-navbar-nav>li>a{font-family:"Open Sans",sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;color:#fff;padding:0 25px;position:relative}
.uk-navbar-nav>li>a:hover,.uk-navbar-nav>li.uk-active>a{color:#fff}
.uk-navbar-nav>li>a::before{content:"";position:absolute;left:25px;right:calc(100% - 25px);bottom:22px;height:1px;background:#fff;transition:right .3s ease}
.uk-navbar-nav>li:hover>a::before,.uk-navbar-nav>li.uk-active>a::before{right:25px}
.uk-logo img{max-height:70px;width:auto}
.tm-header-mobile .uk-navbar-container{background:var(--lm-bg-secondary)}
.tm-header-mobile .uk-logo img{max-height:44px}
.tm-header-mobile .uk-navbar-item,.tm-header-mobile .uk-navbar-toggle{min-height:56px;color:#fff}
.uk-navbar-sticky{box-shadow:0 2px 10px rgba(0,0,0,.25)}
/* Mobile modal menu */
#tm-mobile .uk-modal-dialog{background:var(--lm-bg-secondary)}
#tm-mobile .uk-close{color:#fff}
.uk-nav-primary>li>a{font-family:"Roboto Condensed",sans-serif;font-size:28px;line-height:1.5;color:var(--lm-text);text-transform:none}
.uk-nav-primary>li.uk-active>a,.uk-nav-primary>li>a:hover{color:#fff}
/* Translate widget */
.tm-translate a.flag img,.tm-translate-mobile a.flag img{width:24px;height:24px;vertical-align:middle}
.tm-translate a.flag{display:inline-block;margin:0 1px}
.tm-translate br{display:none}
.tm-translate select,.tm-translate-mobile select{background:var(--lm-bg) url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20fill%3D%22%2397979b%22%20points%3D%2212%201%209%206%2015%206%22%2F%3E%3Cpolygon%20fill%3D%22%2397979b%22%20points%3D%2212%2013%209%208%2015%208%22%2F%3E%3C%2Fsvg%3E") no-repeat right 4px center;-webkit-appearance:none;appearance:none;border:0;color:var(--lm-text);font:11px arial,sans-serif;height:40px;padding:0 26px 0 10px;width:58px;margin-left:4px;vertical-align:middle;cursor:pointer}
.tm-translate-mobile select{width:auto;margin-top:12px}
#google_translate_element2{display:none!important}
.goog-te-banner-frame{display:none!important}body{top:0!important}
/* Cards, buttons, lists, misc */
.uk-card-default{background:var(--lm-card);color:var(--lm-text);box-shadow:none}
.uk-card-default.uk-card-hover:hover{background:#2c2d31;box-shadow:0 14px 25px rgba(0,0,0,.35)}
.uk-card-default .uk-card-title,.uk-card-default .el-title{color:#fff}
.uk-button-default{background:var(--lm-btn);color:#fff;border:1px solid transparent;font-size:13px;text-transform:uppercase;padding:0 25px;line-height:38px}
.uk-button-default:hover{background:#3c3d41;color:#fff;border-color:transparent}
.uk-button-text{color:var(--lm-text);font-size:13px;text-transform:uppercase;}
.uk-button-text:hover{color:#fff}
.uk-button-text::before{border-bottom-color:#fff}
.uk-list>li,.uk-list>li>*{color:inherit}
.uk-dotnav>*>*{background:rgba(255,255,255,.2);border:0;width:10px;height:10px}
.uk-dotnav>.uk-active>*,.uk-dotnav>*>:hover{background:rgba(255,255,255,.85)}
.uk-slidenav{color:#fff}.uk-slidenav:hover{color:rgba(255,255,255,.7)}
.uk-totop{color:var(--lm-meta)}.uk-totop:hover{color:#fff}
.uk-icon-link{color:var(--lm-text)}.uk-icon-link:hover{color:#fff}
.uk-article p,.uk-article li{color:var(--lm-text)}
.uk-article img.pull-left,.uk-article img[style*="float: left"]{float:left;margin:10px 10px 10px 0;max-width:100%;height:auto}
.uk-article img.pull-right{float:right;margin:10px 0 10px 10px;max-width:100%;height:auto}
.uk-article img{max-width:100%;height:auto}
.uk-article .com-content-article__body::after{content:"";display:table;clear:both}
@media (max-width:639px){.uk-article img.pull-left,.uk-article img.pull-right{float:none;margin:10px 0;width:100%}}
hr,.uk-hr{border-top-color:rgba(255,255,255,.1)}
/* Prev/next in single articles (Joomla page navigation) */
.pagenavigation .pagination{display:flex;justify-content:space-between;list-style:none;padding:0;margin:40px 0 0}
.pagenavigation .pagination a,.pagenavigation a.btn{color:var(--lm-text);background:none;border:0;padding:0;font-size:16px}
.pagenavigation a:hover{color:#fff}
.pagenavigation .icon-chevron-left::before{content:"\2039";margin-right:6px}
.pagenavigation .icon-chevron-right::before{content:"\203A";margin-left:6px}
.pagenavigation .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.pagenavigation .next{margin-left:auto}
/* Joomla system messages */
#system-message-container joomla-alert{display:block;max-width:1200px;margin:20px auto;padding:15px 20px;background:var(--lm-bg-muted);color:#fff}
/* Pagination (blog lists) */
.pagination{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:6px}
.pagination .page-link{display:block;padding:5px 12px;color:var(--lm-text);background:var(--lm-btn)}
.pagination .active .page-link{color:#fff}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Refinements after side-by-side comparison */
.tm-header .uk-logo img{height:76px;max-height:none}
.uk-section-secondary:not(.uk-preserve-color) a:not(.uk-link-reset):not(.uk-button):not([uk-totop]){color:var(--lm-accent)}
.uk-section-secondary:not(.uk-preserve-color) a:not(.uk-link-reset):not(.uk-button):not([uk-totop]):hover{color:#fff}
.uk-section-secondary .uk-list>li .el-title{color:var(--lm-text);font-family:Roboto,sans-serif;font-weight:300;font-size:16px;text-transform:none}
.uk-button-text{position:relative;padding:0 27px 0 0;line-height:1.625;color:var(--lm-text);font-size:13px;text-transform:uppercase;background:none}
.uk-button-text::before{content:"";position:absolute;top:0;bottom:0;right:0;left:auto;width:22px;border:0;background:no-repeat calc(100% - 5px) 50%/22px 11px url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2397979b%22%20d%3D%22M0%205.5h22M17%201l5%204.5L17%2010%22%2F%3E%3C%2Fsvg%3E");transition:background-position .2s ease-out}
.uk-button-text:hover{color:var(--lm-accent)}
.uk-button-text:hover::before{background-position:100% 50%;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fd5055%22%20d%3D%22M0%205.5h22M17%201l5%204.5L17%2010%22%2F%3E%3C%2Fsvg%3E")}
.tm-translate select{width:70px}
.uk-text-large{font-size:22px;line-height:1.5}
.uk-navbar-nav{gap:0}
.uk-navbar-left,.uk-navbar-right,.uk-navbar-center{gap:0}
.pagenavigation a,.pagenavigation .pagination a{color:#cbcbcb;font-size:16px}
.uk-totop svg{display:none}
.uk-totop::before{content:"";display:inline-block;width:11px;height:23px;background:no-repeat center/11px 23px url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2223%22%20viewBox%3D%220%200%2011%2023%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23cbcbcb%22%20d%3D%22M5.5%2023V1M1%206l4.5-5L10%206%22%2F%3E%3C%2Fsvg%3E")}
.uk-totop:hover::before{opacity:.7}
.blog .uk-margin-top[uk-grid]{margin-top:40px!important}
h2,.uk-h2{font-size:46px;line-height:1.3}
.tm-header-mobile .uk-navbar-item,.tm-header-mobile .uk-navbar-toggle{min-height:80px}
.tm-header-mobile .uk-logo{padding-left:15px;padding-right:0}
.tm-header-mobile .uk-logo img{height:64px;max-height:none;width:auto}
.tm-header-mobile .uk-navbar-toggle{padding:0 15px;color:#b2b2b2}
@media (max-width:359px){.tm-header-mobile .uk-logo img{height:52px}}
h1,.uk-h1,.uk-article-title{font-size:46px;line-height:1.2}
@media (min-width:960px){h1,.uk-h1,.uk-article-title{font-size:54px}}
