@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans-100.woff2") format("woff2"),
         url("../fonts/MuseoSans-100.woff") format("woff"),
         url("../fonts/MuseoSans-100.ttf") format("truetype");
    font-weight: 100;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans-300.woff2") format("woff2"),
         url("../fonts/MuseoSans-300.woff") format("woff"),
         url("../fonts/MuseoSans-300.ttf") format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans-500.woff") format("woff"),
         url("../fonts/MuseoSans-500.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans-700.woff") format("woff"),
         url("../fonts/MuseoSans-700.ttf") format("truetype");
    font-weight: 700;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans-900.woff2") format("woff2"),
         url("../fonts/MuseoSans-900.woff") format("woff"),
         url("../fonts/MuseoSans-900.ttf") format("truetype");
    font-weight: 900;
}

.tm-toolbar { position:absolute; width:100%; }
.tm-toolbar > .uk-container { max-width:100%; padding-left:20px; padding-right:20px; }
.tm-toolbar > .uk-container .uk-margin-auto-left { width:100%; }
.tm-toolbar .uk-container > div > .uk-child-width-auto { display:block; }
.tm-toolbar-default { color:white; }
#lle-top { display:grid; grid-template-columns:30% 30% 30% 10%; }
#lle-top > div { width:auto; }
.lle-top__panel { line-height:1em; }
.lle-top__panel .el-title { margin-bottom:0; font-size:16px; font-weight:300; line-height:1em; }
.lle-top__panel .el-title strong { font-weight:800; }
.lle-top__panel .el-image { width:40px; }
.gt_selector { color: #454545; background: #fff; border: 1px solid #e0e0e5; height:30px; line-height:30px; padding:4px 6px; border-radius:4px; }

.tm-header { margin-top:60px; }

.uk-navbar-nav li { border-radius:20px; }
.uk-navbar-nav li:hover { background:#57575b; }

/* UTILITY */
.lle-badge-white { border:1px solid white; display:inline-block; padding:10px 7px; }
.lle-badge-white h3 { margin-bottom:0px; font-weight:200; }
.lle-badge-white strong { font-weight:800; }
.lle-title--lead::after { content: ''; width: 100px; height: 5px; display: block; background: #ff3586; }
.lle-box3 { background:#f0f0f0; border-radius: 60px 15px; padding:30px 40px; }
.lle-box3 .uk-nav { margin:0!important; }
.lle--sidemenu li { border-bottom: 1px solid #e0e0e5; }
.lle--sidemenu li:last-child { border-bottom:none; }
.lle--sidemenu li a { color:#ff3586!important; padding-left:0!important; padding-right:0!important; }
.lle--sidemenu li:hover a { color:#333!important; }
.lle--sidemenu li.uk-active a { font-weight:900; }

/* YOOTHEME */

/** DOWNLOADS **/
.jd_content {
  background:#f0f0f0; margin:10px; padding:20px; max-width:350px; float:left; border-radius:20px; }
.jd_content .hwd_jd_category { font-size:0.9rem; }
.jd_content .jd_download_title { background-color:transparent; float:left; display:block; clear:none; width:200px; margin-left:10px; color:#ff3586; }
.jd_content .jd_title_block { padding:0; font-family: 'Museo Sans'; text-transform: uppercase; font-size: 1.2rem; font-weight:900; }
.jd_content .jd_download_details_wrapper, .jd_download_wrapper { border-bottom:none; }
.jd_content .jd_download_description { float:left; width:100%; font-size:0.8rem; margin:0; }
.jd_content .jd_minipic_wrapper { background:none; text-align:center; }
.jd_content .jd_url_download_right { width:100%; text-align:center; margin:5px 0 15px; }
.jd_content .jd_url_download_right a { border:1px solid #454545; background:none; border-radius:20px; text-shadow:none; color:#454545!important; text-transform:uppercase; padding:13px 15px 13px 43px; font-size:1rem; position:relative; box-shadow:none; }
.jd_content .jd_url_download_right a::before { 
    content: "";
    display: inline-block;
    width: 39px;
    height: 39px;
    position:absolute; 
    left:4px; 
    top:calc(50% - 1.2rem);
    /* Apply your desired icon color here */
    background-color: #ff3586; 
    /* Use the SVG as a mask layer */
    -webkit-mask: url('../../../images/icons/circle-down-solid-full.svg') no-repeat center / contain;
    mask: url('../../../images/icons/circle-down-solid-full.svg') no-repeat center / contain;
}
.jd_content .jdbutton:active { top:inherit; }
.jd_content .jdbutton:hover { 
    background:#ff3586; border:1px solid #ff3586; color:white!important; 
}
.jd_content .jdbutton:hover::before { color:white!important; background-color: white; }
.jd_content .jd_image_left { float:left; }
.jd_content .jd_files_minipic { color:#999999; padding:0 10px; position:relative;}
.jd_content .jd_files_minipic.jd_date img, 
.jd_content .jd_files_minipic.jd_filesize img, 
.jd_files_minipic.jd_hits img { display:none; }
.jd_content .jd_files_minipic::before { 
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position:absolute; 
    left:-5px; 
    top:0;
    /* Apply your desired icon color here */
    background-color: #999999;
}
.jd_content .jd_files_minipic.jd_date::before { content:"\f073"; }
.jd_content .jd_files_minipic.jd_filesize::before {
    -webkit-mask: url('../../../images/icons/file-lines-solid-full.svg') no-repeat center / contain;
    mask: url('../../../images/icons/file-lines-solid-full.svg') no-repeat center / contain;
}
.jd_content .jd_files_minipic.jd_hits::before {
    -webkit-mask: url('../../../images/icons/download-solid-full.svg') no-repeat center / contain;
    mask: url('../../../images/icons/download-solid-full.svg') no-repeat center / contain;
}