.svg-inline--fa {
    width: 1em;
}
a.back-to-top:before {
    content: "\f139";
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
	font-size: 3rem;
    color: [[setting:maincolor]];
}

/* =========================================================== *
Header
============================================================== */
#block-login div, #submit {
    font-size: 1.15em;
}
.profileblock .usermenu .caret {
    display: none;
}
.profileblock .usermenu .userbutton::after {
    content: "\f0d7";
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    font-weight: 900;
    color: #999;
}

/* =========================================================== *
Navbar
============================================================== */
ul.breadcrumb li:after, .breadcrumb-button > a::before, #page-admin-search .adminpagepath li + li::before {
	content: "\f105";
	font-family: "Font Awesome 6 Free";
	font-size: 1.1em;
	font-weight: 900;
	margin: 0px 6px 0px 3px;
	color: #bbb;
}
.navbar .brand > i.fa-house-chimney {
    font-size: 1.1rem;
  }

/* =========================================================== *
Moodle gear menus and admin tabs
============================================================== */
.jsenabled .breadcrumb-button .moodle-actionmenu[data-enhance] a.dropdown-toggle:before {
    content: "\f013";
    font-family: "Font Awesome 6 Free";
    font-size: 19.5px;
	font-weight: 900;
    color: #fff;
    padding-right: 5px;
}

/*================================================== * 
course formats
=====================================================*/
.single-section .section-navigation .mdl-right a:after {
    color: #FFF;
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 1.5em;
	font-weight: 900;
    margin-left: 10px;
    text-align: center;
    background-color: [[setting:maincolor]];
    content: "\f105";
    padding: 6px 12px;
    transition: all 0.3s ease 0.1s;
}
.single-section .section-navigation .mdl-left a:before {
    color: #FFF;
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 1.5em;
	font-weight: 900;
    margin-right: 10px;
    text-align: center;
    background-color: [[setting:maincolor]];
    content: "\f104";
    padding: 6px 12px;
    transition: all 0.3s ease 0.1s;
}
.dir-rtl .single-section .section-navigation .mdl-right a:after {
	content: "\f104";
	margin-right: 0;
	margin-left: 10px;
}
.dir-rtl .single-section .section-navigation .mdl-left a:before {
	content: "\f105";
	margin-left: 0;
	margin-right: 10px;
}
.course-content .section-summary .section-title::before {
    color: [[setting:maincolor]];
    content: "\f0da";
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
    margin-right: 6px;
}

/*================================================== * 
course category
=====================================================*/
.course_category_tree .collapsible-actions::before {
    border-radius: 50%;
    color: [[setting:category_banner_font_color]];
    content: "\f063";
    float: left;
    font-family: "Font Awesome 6 Free";
    font-size: 3.5em;
	font-weight: 900;
    height: 75px;
    line-height: 75px;
    text-align: center;
    width: 75px;
    border: 3px solid [[setting:category_banner_font_color]];
}
.coursebox > .info > .coursename a::before, .coursebox > .info > .name a::before {
    background-color: #f2f2f2;
    border-radius: 50%;
    color: #555;
    content: "\f2f6";
    display: block;
    float: left;
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
    height: 1.35em;
    line-height: 1.35em;
    margin-right: 0.5em;
    padding-top: 0.1em;
    text-align: center;
    width: 1.5em;
}

/*================================================== * 
book module
=====================================================*/
.navtext.navtop a.booknext:after, .navtext.navbottom a.booknext:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    font-size: 1.5em;
    font-weight: 900;
    color: #fff;
    margin: 0 10px;
    background: [[setting:maincolor]];
    padding: 6px 12px;
}
.navtext.navtop a.bookprev:before, .navtext.navbottom a.bookprev:before {
    content: "\f104";
    font-family: "Font Awesome 6 Free";
    font-size: 1.5em;
    font-weight: 900;
    color: #fff;
    margin: 0 10px;
    background: [[setting:maincolor]];
    padding: 6px 12px;
}
.dir-rtl .navtext.navtop a.booknext:after, .dir-rtl .navtext.navbottom a.booknext:after {
    content: "\f104";
}
.dir-rtl .navtext.navtop a.bookprev:before, .dir-rtl .navtext.navbottom a.bookprev:before {
    content: "\f105";
}

/* =========================================================== *
Frontpage & Dashboard
============================================================== */
#region-main .block.block_course_overview .content h2.title:before {
    content: "\f054";
    display: inline-block;
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: [[setting:maincolor]];
    padding-right: 6px;
}

/* =========================================================== *
Forum
============================================================== */
.forumpost .author::before {
    color: [[setting:maincolor]];
    content: "\f35a";
    display: block;
    float: left;
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
    width: 1.5em;
}

/* =========================================================== *
Blockicons by Shaun Daubney (theme_aardvark)
============================================================== */
.block .card-title::before {
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
	font-weight: 900;
    line-height: 25px;
    margin-left: -0.25em;
    margin-right: 0.5em;
    margin-top: -0.25em;
    padding: 3px;
    text-align: center;
    width: 1.5em;
	background-color: [[setting:maincolor]];
	content: "\f069";
    content: "\2a";
}
.block_html .card-title::before {
    background-color: #8EC63F;
	content: "\f05a";
}
.block_news_items .card-title::before {
    background-color: #29A294;
	content:"\f0a1";
}
.block_navigation .card-title::before {
    background-color: #EB3D00;
    content:"\f0e8";
}
.block_calendar_upcoming .card-title::before,
.block_calendar_month .card-title::before {
    background-color: #008ecd;
    content: "\f274";
    font-weight: 300 !important;
}
.block_course_list .card-title::before {
    background-color: #ffce00;
	content:"\f108";
}
.block_completionstatus .card-title::before,
.block_selfcompletion .card-title::before {
    background-color: #76b900;
	content:"\f3fd";
}
.block_rss_client .card-title::before {
    background-color: #008ecd;
	content:"\f09e";
}
.block_rss_plus .card-title::before {
    background-color: #ff9500;
	content:"\f09e";
}
.block_blog_menu .card-title::before {
    background-color: #ff9500;
	content:"\f02d";
}
.block_quiz_results .card-title::before {
    background-color: #008ecd;    
	content:"\f080";
}
.block_quiz_navblock .card-title::before {
    background-color: #76b900;
    content:"\f126";
}
.block_glossary_random .card-title::before {
    background-color: #008ecd;
    content:"\f0eb";
}
.block_book_toc .card-title::before {
    background-color: #76b900;
	font-weight:300;
    content: "\f02e";
}
.block_participants .card-title::before,
.block_online_users .card-title::before {
    background-color: #92499e;
    content:"\f0c0";
}
.block_section_links .card-title::before {
    background-color: #EB3D00;
    content:"\f02e";
}
.block_activity_modules .card-title::before {
    background-color: #EB3D00;
    content:"\f12e";
}
.block_comments .card-title::before {
    background-color: #ffce00;
    content:"\f075";
}
.block_settings .card-title::before,
.block_admin_bookmarks .card-title::before{
    background-color: #BD1A8D;
    content:"\f085";
}
.block_blog_tags .card-title::before,
.block_tags .card-title::before {
    background-color: #ff9f00;
    content:"\f02c";
}
.block_private_files .card-title::before {
    background-color: #38B9EC;
    content:"\f07c";
}
.block_block_mentees .card-title::before {
    background-color: #76B900;
    content:"\f0c0";
}
.block_messages .card-title::before {
    background-color: #ffce00;
    content:"\f0e0";
}
.block_community .card-title::before {
    background-color: #ffce00;
    content:"\f0ac";
}
.block_login .card-title::before {
    background-color: #ffce00;
    content:"\f007";
}
.block_recent_activity .card-title::before {
    background-color: #38B9EC;
    content:"\f017";
}
.block_search_forums .card-title::before {
    background-color: #ffce00;
    content:"\f086";
}
.block_myprofile .card-title::before {
    background-color: #EB3D00;
    content:"\f007";
}
.block_adminblock .card-title::before {
    background-color: transparent;
    content: "\f055";
    color: #578850;
    margin-top: -0.2rem;
  }
.block_feedback .card-title::before {
    background-color: #ffce00;
    content:"\f087";
}
.block_flickr .card-title::before {
    background-color: #ff3096;
    content:"\f03e";
}
.block_youtube .card-title::before {
    background-color: #EB3D00;
    content:"\f145";
}
.block_course_badges .card-title::before {
    background-color: #29a294;
    content:"\f091";
}
.block_twitter_search .card-title::before {
    background-color: #008ecd;
    content:"\f099";
}
.block_heritage .card-title::before {
    background-color: #3e647e;
    content:"\f02d";
}
.block_graph_stats .card-title::before {
    background-color: #38B9EC;
    content:"\f012";
}
.block_wikipedia .card-title::before {
    background-color: #29A294;
    content:"\f002";
}
.block_site_main_menu .card-title::before {
    background-color: [[setting:maincolor]];
    content:"\f14e";
}
.block_badges .card-title::before {
    background-color: #a11d21;
    content:"\f0a3";
}

/*================================================== * 
HTML-Elements
=====================================================*/
a.readmore:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content:"\f101";
	padding-right:2px;
}
blockquote:before {
    color: #bbb;
    content: "\f10e";
	font-weight: 900;
    float: left;
    font-family: "Font Awesome 6 Free";
    font-size: 1.5em;
    margin-right: 8px;
}

/* =========================================================== *
Lists
============================================================== */
ul.list-style-1 li:before {
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f061";
    display: inline-block;
    margin: 0 0 0 -18px;
    padding-right: 6px;
}
ul.list-style-2 li:before {
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f00c";
    display: inline-block;
    margin: 0 0 0 -18px;
    padding-right: 6px;
}
ul.list-style-3 li:before {
    font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f138";
    display: inline-block;
    margin: 0 0 0 -18px;
    padding-right: 6px;
}

/* =========================================================== *
iconbox 
============================================================== */
.iconbox:hover > .iconcircle > i {
    color: #fff;
    transition: all 0.7s;
}
.iconbox .iconcircle i {
    color: [[setting:maincolor]];
    font-size: 36px;
    transition: all 0.7s;
	display: contents;
}

/* =========================================================== *
Headlines
============================================================== */
.headline i {
    font-size: 16px;
    margin: -8px 8px 0 -8px;
    padding: 10px;
}
.headline-v1 i {
    background: none repeat scroll 0 0 [[setting:maincolor]];
    color: #fff;
}
.headline-v2 i {
    background: none repeat scroll 0 0 [[setting:mainhovercolor]];
    color: #fff;
}
.headline-v3 i {
    background: none repeat scroll 0 0 [[setting:maincolor]];
    color: #fff;
}

/* =========================================================== *
social media
============================================================== */
.socials-header .socials .social_contact i {
	color:[[setting:socials_color]];
    font-size: 1.35em;
    line-height: 35px;
}
#page-footer .socials .social_contact i {
	font-size: 1.25em;
    padding: 0 0 0 20px;
}
a.social.fa-facebook:hover {
	color:#fff !important;
    background:#3B5998 !important;
}
a.social.fa-twitter:hover {
	color:#fff !important;
    background:#00ACED !important;
}
a.social.fa-youtube:hover {
	color:#fff !important;
    background:#CB3429 !important;
}
a.social.fa-comments:hover {
	color:#fff !important;
    background:[[setting:maincolor]] !important;
}
a.social.fa-instagram:hover {
	color:#fff !important;
    background:#517FA4 !important;
}
a.social.fa-flickr:hover {
	color:#fff !important;
    background:#FF0084 !important;
}
a.social.fa-pinterest:hover {
	color:#fff !important;
    background:#CB2027 !important;
}
a.social.fa-linkedin:hover {
	color:#fff !important;
    background:#007BB6 !important;
}

/*================================================== * 
Bootstrap
=====================================================*/
.panel .panel-heading a:before {
    background: [[setting:maincolor]];
	color: [[setting:menufirstlevel_linkcolor]];
    content: "\f107";
    float: left;
    font-family: "Font Awesome 6 Free";
    font-size: 1.2em;
	font-weight: 900;
    margin: -1px 5px 0 -8px;
    padding: 1px;
    text-align: center;
    width: 33px;
}
.panel .panel-heading a.collapsed:before {
    content: "\f105";
}

/*================================================== * 
Moodle 3.7
=====================================================*/
.message-app .container-fluid .header-container [data-region="favourite-icon-container"]:after {
    display: inline;
    font-family: "Font Awesome 6 Free";
	font-size: 1em;
	font-weight: 900;
	color: [[setting:maincolor]];
	content: "\f005";
	padding-left: 5px;
}

/*================================================== * 
Moodle 3.8
=====================================================*/
.grader-grading-panel .fa-bell-o::before {
    content: "\f0f3";
	font-weight: 400;
}
.grader-grading-panel .grader-grading-panel-display > h4:before {
    display: inline;
    font-family: "Font Awesome 6 Free";
	font-size: 1em;
	font-weight: 400;
	content: "\f14a";
}
.grader-grading-panel .grader-grading-panel-display > h4#send-student-notifications-setting::before {
    content: "\f0f3";
}
.grader-grading-panel .grader-grading-panel-display > h4 > img {
	display: none;
}
.path-mod-forum .unified-grader .grader-module-content-display .no-post-container > h2::before {
	display: block;
	font-family: "Font Awesome 6 Free";
	font-size: 3rem;
	font-weight: 400;
	content: "\f07c";
	color: #fff;
	padding: 1.5rem;
	border-radius: 50%;
	width: 3.25rem;
	height: 3.25rem;
	line-height: 3.25rem;
	margin: 20px auto;
	background: [[setting:maincolor]];
}

/*================================================== * 
Moodle 3.9
=====================================================*/
.modchooser .optionactions .btn.btn-icon[data-favourited="true"]::before {
    content: "\f005";
    font-family: "Font Awesome 6 Free";
    font-size: 16px;
    font-weight: 900;
    color: #999;
}

/*================================================== * 
Moodle 3.10
=====================================================*/
.movehere a.movehere::before {
    display: inline;
    font-family: "Font Awesome 6 Free";
    font-size: 1.15em;
    content: "\f30b";
    font-weight: 700;
    margin-left: 5px;
    line-height: 2rem;
}
#quiz-timer-wrapper #quiz-timer::before {
    font-family: "Font Awesome 6 Free";
    content: "\f017";
}

/*================================================== * 
Moodle 4.0
=====================================================*/
.usermenu .dropdown-menu a[data-title="logout,moodle"]::before {
    color: #999;
    font-family: "Font Awesome 6 Free";
    margin-right: 1px;
    content: "\f2f5";
    font-weight: 700;
}
.block_site_main_menu .instancename::before {
    color: #999;
    content: "\f04d";
    float: left;
    font-family: "Font Awesome 6 Free";
    font-size: 0.5rem;
    font-weight: 700;
    padding: 1px;
    text-align: center;
    margin-right: 8px;
}
.single-section .section-navigation .nextsection > a::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    padding: 1px;
    margin-left: 8px;
}
  .single-section .section-navigation .prevsection > a::before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    padding: 1px;
    margin-right: 8px;
}
.btn.btn-link.activity-add .activity-add-text::before {
    content: "\f055";
    font-family: "Font Awesome 6 Free";
    font-size: 1.5rem;
    font-weight: 900;
    margin-right: 10px;
}
#changenumsections .add-sections::before {
    content: "\f055";
    font-family: "Font Awesome 6 Free";
    font-size: 1.5rem;
    font-weight: 900;
    margin: 0 10px;
}
.activity-information .badge.alert-success > strong::before {
        content: "\f00c";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        margin-right: 4px;
}
.activity-information .badge.alert-danger > strong::before {
    content: "\f00d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 4px;
}