/*
-------------------------
  PLANTILLA LESSONS UPV
-------------------------
*/

/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url("fonts/bootstrap-icons.woff2?1fa40e8900654d2863d011707b9fb6f2") format("woff2"),url("fonts/bootstrap-icons.woff?1fa40e8900654d2863d011707b9fb6f2") format("woff")
}

/* end fonts */

/* general */

.column {
  font-family: "Inter", sans-serif;
  font-size: 16.0px;
  border: 0px solid white !important;
}

.right-col {
  padding-left: 0;
}

.rowdescription {
  margin: 15px 0px 0px 30px;
}

/* end general */

/* heading */

.sectionHeader,
.sectionHeader:hover {
	background-color: #3F4444;
  font-family: "Poppins", sans-serif;
	font-weight: 700;
  border-radius: 0px !important;
  padding: 40px;
  color: var(--sakai-text-color-inverted);
}

.sectionHeader .collapseIcon {
	padding-right: 20px;
}

/* end heading */

/* sub-page */

.pageType .itemlink span,
.pageType .contentCol .usebutton {
  align-items: center;
  background: var(--sakai-primary-color-1) !important;
  display: flex;
  padding: 20px 30px;
  width: auto;
  margin: 0 auto;
  text-decoration: none !important;
  color: var(--sakai-text-color-inverted) !important;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  cursor: pointer;
  border: none;
  outline: 0px dashed var(--sakai-background-color-1);
  outline-offset: 0px;
  transition: all 0.15s ease-in-out;
  border-radius: 0px;
}

.pageType .itemlink span:hover,
.pageType .contentCol .usebutton:hover {
  color: var(--sakai-text-color-inverted) !important;
  border: none;
  outline: 3px dashed var(--sakai-text-color-1);
  outline-offset: 2px;
  border-radius: 0px;
  padding: 30px 30px;
}

.pageType .itemlink span:active,
.pageType .contentCol .usebutton:active {
  background: var(--sakai-text-color-1);
  padding: 20px 40px;
  color: var(--sakai-text-color-inverted) !important;
  border: none;
  outline: 3px dashed var(--sakai-text-color-1);
  outline-offset: 2px;
  border-radius: 0px;
}

.pageType .itemlink span::before,
.pageType .contentCol .usebutton::before {
  content: "\F194";
  color: var(--sakai-text-color-inverted) !important;
  font-family: "bootstrap-icons";
  display: inline-block;
  margin-right: 20px;
  font-size: 18px;
}

.listType .statusCol {
  width: 0px;
}

/* end sub-page */

/* tool content */

.listType .link-div .fa-item-text {
  display: none;
  vertical-align: text-top;
}

.assessmentType .itemlink,
.resourceType .itemlink,
.forumType .itemlink,
.assignmentType .itemlink {
  position: static;
  margin: auto;
  padding: 19px 22px;
  transition: all 0.2s ease;
  color: var(--sakai-text-color-1);
}

.assessmentType .itemlink::before,
.resourceType .itemlink::before,
.forumType .itemlink::before,
.assignmentType .itemlink::before {
  position: absolute;
  top: -6px;
  display: grid;
  background: #338FC2;
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
  justify-content: right;
  align-content: center;
  padding: 20px;
  font-size: 20px;
  color: var(--sakai-text-color-1);
}

.assessmentType .itemlink:hover:before,
.resourceType .itemlink:hover:before,
.forumType .itemlink:hover:before,
.assignmentType .itemlink:hover:before {
  width: calc(100% - 25px);
  color: #338FC2;
}

.assessmentType .itemlink span,
.resourceType .itemlink span,
.forumType .itemlink span,
.assignmentType .itemlink span {
  position: relative;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 20px;
  color: var(--sakai-text-color-1);
}

.assessmentType .item-group-titles,
.resourceType .item-group-titles,
.forumType .item-group-titles,
.assignmentType .item-group-titles {
  position: relative;
  line-height: 18px;
  text-transform: uppercase;
  padding-left: 0px;
  display: block;
  text-align: end;
  padding-top: 10px;
}

.assessmentType .itemlink::before {
  content: "\F271";
  font-family: bootstrap-icons;
}

.resourceType .itemlink::before {
  content: "\F3D8";
  font-family: bootstrap-icons;
}

.forumType .itemlink::before {
  content: "\F264";
  font-family: bootstrap-icons;
}

.assignmentType .itemlink::before {
  content: "\F444";
  font-family: bootstrap-icons;
}

/* end tool content */

/* links */

.column a[href] {
  text-decoration: none;
}

a[href]:hover {
  text-decoration: none;
}

.textbox a {
  text-decoration: underline !important;
  color: var(--sakai-text-color-1) !important;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.textbox a:hover {
  text-decoration: underline;
  color: var(--sakai-primary-color-1) !important;
}

.textbox a:active {
  text-decoration: underline;
  color: var(--sakai-primary-color-1) !important;
}

a img:hover {
  border: none;
  outline: 0px dashed var(--sakai-background-color-1);
  outline-offset: 0px;
  transition: all 0.15s ease-in-out;
}

a img:hover {
  border: none;
  outline: 3px dashed var(--sakai-text-color-1);
  outline-offset: 2px;
}

/* end links */