/*========================================
Digital learning system FH OOE
Custom CSS for Moodle 4 - Theme: Boost Union
created 2024, by JWP
==========================================*/


/*------------------------------------
   STARTSEITE - LOGIN
------------------------------------*/

.login-container .login-logo {
  max-width: 120px;
  justify-content: left;
  margin-top: -1em;
}

.login-container .login-logo #moodle-instance-name {
  margin-left: 2rem;
  white-space: nowrap;
  line-height: 70px;
}

body.loginbackgroundimage #footnote {
  display: none;
}

#login-text-fhmember {
  font-size: 1rem;
  font-weight: 400; 
  margin-top: 0.5rem;
  line-height: 1.4;
}

.login-container .login-identityproviders .login-identityprovider-btn {
  color: #fff;
  background-color: #c00418;
  border-color: #c00418;
  font-size: 1.171875rem;
}

.login-container .login-identityproviders img {
  display: none;
} 

    
.login-container #login #loginbtn,
#guestlogin #loginguestbtn {
  color: #fff;
  background-color: #c00418;
  border-color: #c00418;
  display: block;
  width: 100%;
}

#login-moodle #login-moodle-toggle,
#guestlogin #loginguestbtn {
  color: #fff;
  background-color: #c00418; /*#5e5e5e*/
  border-color: #c00418; /*#5e5e5e*/
  display: block;
  width: 100%;
}


.login-instructions  .fhooe-login-infolink {
  font-size: 1.4rem;
}


/*------------------------------------
  menu active color
------------------------------------*/
.moremenu .nav-link.active, 
link.active:focus, 
.moremenu .nav-link.active:hover {
	border-bottom-color: #31323e;/*c4161c*/
}

.adminmenu {
  /*background-color: rgb(234 235 237 / var(--tw-bg-opacity, 1));*/
}

.theme-boost-union-smartmenu .navbar .moremenu .more-nav li.nav-item a[href*="ai_manager"] {
  display:none;
}

/*------------------------------------
  course tree
------------------------------------*/
/*
.category with_children loaded div.course_category_tree .subcategories .category with_children .coursebox {
  border-left: 2px solid #fff;
}

#page-content div.course_category_tree div.category[data-depth="1"] {
    border-bottom: #dee2e6 1px solid;
    padding: 1rem 0rem;
}

#page-content div.course_category_tree div.category[data-depth="2"] {
	background: #f8f9fa;
	border-radius: 0.5rem;
}

#page-content div.coursebox {
margin-bottom: 1rem;
padding-left: 1rem;
border: 1px solid #dee2e6;
border-left: 2px solid #c4161d;
padding: 0.5rem;
border-radius: 0.5rem;

}

#page-content div.coursebox[data-type="1"] {

}

#page-content div.coursebox > .info > .coursename,
#page-content div.course_category_tree .category > .info > .categoryname {
font-size: 1rem;
}

.course_category_tree .category > .info > .categoryname {
    padding: 2px 25px;
}
*/

#page-content div.course_category_tree .coursebox .content .courseimage img {
	display: none;
}

#page-content div.course_category_tree .coursebox .content .d-flex {
    display: block !important;
}

.course_category_tree div.courses.category-browse .coursebox>.info>.coursename {
    font-size: 1.2rem;
    margin: 15px 5px 10px 5px;
}

.course_category_tree div.courses.category-browse .coursebox.odd {
    //border-top: 1px solid #dee2e6;
    background-color: #fafafa;
    padding: 0.5em;
}
.course_category_tree div.courses.category-browse .coursebox.even {
    border-bottom: 2px solid #fafafa;
    background-color: #fff;
    padding: 0.5em;
}

.course_category_tree .category .with_children .courses .coursebox.odd {
background-color: #fafafa;
}



/* ---------------------------
tab menu word break
----------------------------- */
.dropdown-item:not(.text-truncate) {overflow-wrap: unset;}


/* ---------------------------
course tree - course - self enrolment - view
----------------------------- */

#page-header .header-maxwidth {
  margin: 0;
}


/*-----------------------------------
  TOP Lehre contact site
----------------------------------- */

table.dlsFaculties {
    vertical-align: top;
    width: 100%
}

table.dlsFaculties td p {
    padding:0 10px 0 10px;
}

table.dlsFaculties .dlsCampus {
    min-width: 250px;
    vertical-align: top;
    padding: 20px;
    color: #fff;
}

/* ---------------------------
user system notification 
----------------------------- */
.preferences-page-container .checkbox-container {
   display: none;
}

/* ---------------------------
   COURSE - UI Costumization
   reduction of paddings between items in courses
NOTICE: this css code is nested in BoostUnion backend!!
----------------------------- 
/* resource icon padding */
.activityiconcontainer {
    width: 30px;
    height: 30px;
}

/* resource item container padding */
.activity-item:not(.activityinline) {
    padding: 0.5rem;
}

/* set padding after list element in editor */
.activity-item ul, .activity-item ol {
  margin-bottom: 1rem;
}

/* ------------------------------------------
Styles for TinyMCE 
-------------------------------------------- */

/* change the minimum height of tiny editor */
.tox.tox-tinymce { min-height: 400px !important;}

/* TinyMCE Plugins: Generico & Snippet */

#snippet-2col-layout, #snippet-3col-layout,
#snippet-mediatext, #snippet-textmedia {
  max-width: 100%;
}

#snippet-2col-layout-row div,
#snippet-3col-layout-row div {
  padding-bottom: 15px;
}

/* ------------------------------------------
Moodle Static Site: TOP Lehre Kontakt
-------------------------------------------- */
.dlsCampusHgb {
  border-bottom: 2px solid #86b918;
}

.dlsCampusHgb td:first-child {
  background-color: #86b918;
}

.dlsAnchor {
  padding-top: 10px;
}

.dlsCampusLinz {
  border-bottom: 2px solid #006039;
}

.dlsCampusLinz td:first-child {
  background-color: #006039;
}

.dlsCampusSteyr {
  border-bottom: 2px solid #e1a800;
}

.dlsCampusSteyr td:first-child {
  background-color: #e1a800;
}

.dlsCampusWels {
  border-bottom: 2px solid #0076bd;
}

.dlsCampusWels td:first-child {
  background-color: #0076bd;
}

.dlsCol3 {
  border-bottom: 2px solid #c00418;
}

.dlsCol3 td:first-child {
  border-right: 2px solid #c00418;
  border-left: 3px solid #c00418;
  color: #000;
}


/* ------------------------------------------
Moodle Site: Service & Support 
-------------------------------------------- */
/* campus hagenberg */
#tl-contact-support .btn-outline-success {
 color: #5e8036;
 border-color: #5e8036;
}
#tl-contact-support .btn-outline-success:hover {
  color: #fff;
  background-color: #5e8036;
  border-color: #5e8036;
}

/* campus linz */
#tl-contact-support .btn-outline-info {
 color: #007478;
 border-color: #007478;
}
#tl-contact-support .btn-outline-info:hover {
  color: #fff;
  background-color: #007478;
  border-color: #007478;
}
/* campus steyr */
#tl-contact-support .btn-outline-warning {
 color: #823896;
 border-color: #823896;
}
#tl-contact-support .btn-outline-warning:hover {
  color: #fff;
  background-color: #823896;
  border-color: #823896;
}
/* campus wels */
#tl-contact-support .btn-outline-primary {
 color: #004b96;
 border-color: #004b96;
}
#tl-contact-support .btn-outline-primary:hover {
  color: #fff;
  background-color: #004b96;
  border-color: #004b96;
}
/* padding between details */
#tl-contact-support .multi-collapse {
  padding-bottom: 1em;
}

/* ------------------------------------------
Moodle Site: TOP Lehre News 
-------------------------------------------- */
#tl-section-topics {width: 99%;}
@media only screen and (min-width: 992px) { 
  #tl-section-topics .card-img-top {height: 10vw; object-fit: cover;}
}
@media only screen and (max-width: 991px) { 
  #tl-section-topics .card-img-top {height: 20vw; object-fit: cover;}
}
#tl-section-topics .card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
#tl-section-2 #snippet-2col-layout {padding-left: 0px;}
#tl-section-events-news {margin-left: 0px;}
#tl-section-events-news h3{font-size: 1.5rem; font-weight: 200;}
#tl-section-events-news h4 {margin-top: .5rem;}
#tl-section-events-news .tl-last-item  {text-align: right;}
#tl-section-topics .tl-last-item {text-align: center; padding-top:1em;}
#tl-section-events-news .list-group {margin-bottom: 0rem;}
#tl-section-events-news .col-lg-6 {margin-bottom: 15px;}
#tl-section-events-news .text-muted {font-size: 1.2em;}