@charset "UTF-8";/* MPMMF */

/* DEF */
body {
  --table-bg-hover: #eeeeee;
}

body.dark-active {
  --color-primary: #f8f9fa;
  --body-bg-color: #1d2024;
  --body-link-color: #a377dd;
  --body-link-hover-color: #a887d2;
  --table-bg-hover: #292929;
}

/* buttons (standart :hover not works :( ) */
.btn.btn-primary:hover,
.btn.btn-secondary:hover,
.btn.btn-success:hover,
.btn.btn-danger:hover,
.btn.btn-warning:hover,
.btn.btn-info:hover {
    background-color: var(--t4-btn-hover-bg);
    border-color: var(--t4-btn-hover-border-color);
}
body:not(.dark-active) .btn-secondary {
  --t4-btn-hover-bg: #d0d6db;
}
/* //DEF */

.dark-active {color-scheme: dark;}

/* href */
a:not(.btn):hover {font-weight: 900;}



@media only screen and (min-width: 992px) {
    .logo-image {width: 66%;}
}
@media only screen and (max-width: 991px) {
    .t4-palette-dark .nav > li a, .t4-palette-dark .nav > li .nav-link {color: #000;}
    #t4-nav {display: none;}
    .dropdown-item {white-space: normal}
}

#t4-breadcrumbs {min-height: 53px;}

li.nav-item.current.active, li.nav-item:hover {
    background-color: #562070;
}

/* Offcanvas */
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, 
.t4-offcanvas .t4-off-canvas-body .navbar .separator 
{color: var(--body-text-color) !important;}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:hover, 
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:focus, 
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link:active, 
.t4-offcanvas .t4-off-canvas-body .navbar .separator:hover, 
.t4-offcanvas .t4-off-canvas-body .navbar .separator:focus, 
.t4-offcanvas .t4-off-canvas-body .navbar .separator:active 
{color: var(--color-white) !important;}

.t4-offcanvas .nav-item.active > a > span,
.t4-offcanvas .nav-item:hover > a > span,
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle:hover, 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle:focus, 
.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .btn-toggle:active {
  color: var(--t4-gray-300);
  border-color: var(--color-white);
}

.t4-offcanvas .nav-item:hover > span.sub-menu-toggle.btn-toggle::after
{color: var(--t4-gray-300) !important;}

.t4-offcanvas .nav-item > a > span:hover
{color: var(--color-white) !important;}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:hover, 
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:focus, 
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item:active, 
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:hover, 
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:focus, 
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link:active
{color: var(--color-white) !important;}

/* offcanvas open button */
body:not(.dark-active) .t4-offcanvas-toggle:hover {color: var(--color-black);}

/* dropdown top-menu */
div.dropdown-menu-inner {min-width: 400px;}
a.dropdown-item {padding: 8px !important; width: 100% !important;}

/* knu & mmf logos (nav) */
div.logo-right {float: right}
div.logo-right img {
    height: 72px; 
    padding: 4px; 
    margin: 4px;
    opacity: 0.9;
}
div.logo-right:hover img {opacity: 1.0;}

/* body.dark-active */
body:not(.dark-active) a.dropdown-item {color: #000 !important;}
body:not(.dark-active) a.dropdown-item:hover {color: var(--color-white) !important;}
body:not(.dark-active) li.active > a.dropdown-item {color: var(--color-white) !important;}
body:not(.dark-active) button.close.js-offcanvas-close.c-button:hover > span.c-button__text {color: var(--color-black) !important;}

/* blog articles */
.blog .not-intro {display: none;}
div.article-body {width: 100%;}

.pull-photo > img {max-width: 300px;}
.items-more .nav-tabs > li > a::before {content: "🔘";}

/* mp article (custom) */
.item-page.layout-mp .intro-article-info {width: 100%;}
.item-page.layout-mp .top-article-info .full-image .item-image {
  float: none;
  margin: 0;
}
@media (min-width: 1200px) {
  .item-page.layout-mp .top-article-info .full-image .item-image {
    position: relative;
  }
}
.item-page.layout-mp .bottom-article-info {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
    .item-page.layout-mp .full-image {margin-bottom: 10px;}
}

/* full-size article */
@media (max-width: 575.98px) {
  .item-page.layout-full .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.item-page.layout-full .page-header, 
.item-page.layout-full h1,
.item-page.layout-full h2,
.item-page.layout-full h3,
.item-page.layout-full h4 {
  text-align: center;
}
.item-page.layout-full .top-article-info .article-aside,
.item-page.layout-full .top-article-info .article-info,
.item-page.layout-full .top-article-info .bottom-meta {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.item-page.layout-full .bottom-article-info {
  margin-left: auto;
  margin-right: auto;
}
.item-page.layout-full.no-sidebar .full-image {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 1400px) {
  .item-page.layout-full.no-sidebar .full-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
  }
}
.item-page.layout-full.no-sidebar .full-image .item-image,
.item-page.layout-full.no-sidebar .full-image img {
  border-radius: 0;
  max-height: 600px;
}

/* articles default */
.item-page.layout-default.no-sidebar .top-article-info,
.item-page.layout-default.no-sidebar .bottom-article-info, 
.item-page.layout-default.no-sidebar .full-image 
{max-width: 968px;}

/* all articles */
.desc-article > p, .article-body > p {text-indent: 2em; text-align: justify;}
.page-link:hover, .page-link:focus {color: var(--body-link-hover-color);}

@media (max-width: 767px) {
  .desc-article > p, .article-body > p {
    text-align: left;
  }
}   

p.readmore .btn {
    background-color: var(--tpl-base-200);
    color: var(--headings-color);
}
p.readmore .btn:hover, p.readmore .btn:focus {background-color: #7d00dd;}

/* news module */
.mp-news .mod-articlesnews__item {margin-bottom: 32px;}
.mp-news figure.newsflash-image {
  margin: 0;
  margin-right: 16px;
  float: left;
  max-width: 200px;
}
.mp-news .mod-articlesnews__item p.readmore {float: right;}
@media (max-width: 767px) {
  .mp-news figure.newsflash-image {display: none;}
}

/* disciplines module */
@media (min-width: 992px) {
  .t4-disciplines .t4-section-inner {padding-top: 32px;}
}

/* pretty table */
@media only screen and (max-width: 767px) {
  .ui.table tr>td, .ui.table tr>th {
    background: 0 0;
    border: none!important;
    padding: .25em .75em!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }
  .ui.table tbody, .ui.table tr, .ui.table tr>td, .ui.table tr>th {
    width: auto!important;
    display: block!important;
  }
  .ui.table td:first-child, .ui.table th:first-child {
    font-weight: 700;
  }
  .ui.table tr {
    padding-top: 1em;
    padding-bottom: 1em;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset!important;
    box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset!important;
  }

  .item-page {
    margin-top: 45px;
  }

  .mobile-hide {display: none;}
}

@media only screen and (min-width: 768px) {
  .display-hide {display: none;}
}

.ui.selectable.table tbody tr:hover, 
.ui.table tbody tr td.selectable:hover {
  background: var(--table-bg-hover);
}

.ui *, .ui *:before, .ui *:after {box-sizing: border-box;}

.ui.table {
  font-size: 1em;
  box-sizing: border-box;
  width: 100%;
  margin: 1em 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4.00000006px;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
  background: #f8f8f8;
  color: rgba(0,0,0,.87);
  border: 1px solid rgba(34,36,38,.15);
}
body.dark-active .ui.table {
  background: #222;
  border: 1px solid rgb(51,51,51)
}
.ui.table tr td {
  border-top: 1px solid rgba(34,36,38,.1);
  border-width: 1px;
}
.ui.table td {
  padding: .78571429em .78571429em;
  text-align: inherit;
}
.ui.table td, .ui.table th {
  -webkit-transition: background .1s ease,color .1s ease;
  transition: background .1s ease,color .1s ease;
}

thead tr {background-color: #ddd;}
body.dark-active thead tr {background-color: #333;}

/* schedule */
.schedule th.prof-name {padding-top: 28px; font-size: 16pt;}
.schedule td {font-size: 10pt;}

/* icons */
i.icon-24 {font-size: 24pt;}

/* card */
.card {
  --t4-card-cap-bg: #eee;
  --card-body-bg: #fafafa;
  --card-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  color: var(--body-text-color);
  box-shadow: var(--card-shadow);
  word-wrap: normal;
}
body.dark-active .card {
  --t4-card-cap-bg: #333;
  --card-body-bg: #272a2e;
  --card-shadow: 0 4px 8px 0 rgb(80, 80, 80, 0.6);
}
.card .card-body {background-color: var(--card-body-bg);}

/* flip-card */
.flip-card {
  background-color: transparent;
  height: 265px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb1;
}
.flip-card-back {
  background-color: #bbb1;
  transform: rotateY(180deg);
}
.flip-card-back, .card-body {
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 216px 144px;
}
.flip-card-back .card-content {
  opacity: 0.8;
  height: 100%;
  padding: 8px;
  background-color: var(--card-body-bg);
}

.figcaption {
  height: 26px;
  background-color: #343a40;
  color: #adb5bd;
  font-size: 0.725rem;
  letter-spacing: 0.5px;
  padding: 0.25rem 0.5rem;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.cards-flip .card-header {
  font-size: 17px;
  min-height: 61.19px;
}
.cards-flip .card-body {padding: 0;}
.cards-flip .h {height: 20px;}
@media (min-width: 992px) {
  .cards-flip.row > * {padding-bottom: var(--t4-gutter-x);}
}
@media (max-width: 991.98px) {
    .cards-flip.row > div {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}
.cards-flip  p.readmore {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.cards-flip  p.readmore a.btn-readmore {
  background-color: #63007e;
  color: #fff;
}
.cards-flip p.readmore a.btn-readmore:hover, 
.cards-flip p.readmore a.btn-readmore:focus, 
.cards-flip p.readmore a.btn-readmore:active {
  background-color: #9a00c3;
}

/* contacts */
.card.contacts {
  height: 340px;
  background-color: var(--card-body-bg);
  border: var(--t4-card-border-width) solid var(--t4-card-border-color);
}

#back-to-top:hover, #back-to-top:focus, #back-to-top:active {
    background-color: #280d35;
}

blockquote {
    height: 1%;
    margin-left: 20px;
    border-left: solid 10px var(--body-link-color);
    padding: 1em 1em;
    background: var(--table-bg-hover);
}

/* Search */
input {
    outline: 0;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 4.00000006px;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
    width: 100%;
    vertical-align: top;
}

/* staff-past */
.badge.bg-info.tip {
    background-color: var(--body-link-color) !important;
}