/* Use this CSS file to override components CSS rules */

/* Variables */
:root {
  --imis-navy: #00617a;
}


/* ## buttons.css */
ul.links li a,
a.more{
  text-transform: none;
}

a.more-imis{
  margin: 0;
  padding: 12px 0px;
  width: max-content;
}

/* START underlined heading */
.underlined-heading > hr{
  border-top: 2px solid gray;
}
@media (min-width: 768px){
  .underlined-heading h3{
    margin-top: 0px;
  }
}
@media (max-width: 767px){
  .underlined-heading h3{
    padding: 0px;
  }
}
@media (min-width:992px){
  .underlined-heading > hr{
    margin: 10px 0px 15px 0px;
  }
}
@media (max-width: 991px) and (min-width: 768px){
  .underlined-heading > hr{
    margin: 10px 0 15px 0;
  }
}
@media (max-width: 767px){
  .underlined-heading > hr{
    margin: 10px 0px 15px 0px;
    width: 90%;
  }
}
/* END underlined heading */

/* responsive image column */
@media (max-width: 767px) {
  .responsive-img-col{
    padding: 0px;
  }
}


/* ## images.css */
.node--type-professur.node--view-mode-teaser .field--name-field-teaserbild,
.node--view-mode-teaser .field--type-image.field--name-field-projektlogo{
  margin: 0;
}
.node--type-professur.node--view-mode-teaser .field--type-image img{
  border-width: 0px;
}
.node--view-mode-teaser .faculty-photo img,
.node--view-mode-teaser .field--type-image.field--name-field-projektlogo img{
  border: none;
}


/* ## core/.../classy/.../item-list.css */
.view-professuren .item-list li {
  margin:0;
}

/*Consistent link lists*/
.item-list li{
  margin-bottom: 0.65em;
}

.item-list li::marker{
    color: var(--imis-navy);
}

.node--content li:has( a:only-of-type){
  margin-bottom: 0.65em;
}

.node--content li:has( a:only-of-type)::marker{
  color: var(--imis-navy);
}

/* Start Diplom-und-Studienarbeiten-Uebersicht */
.diplom-und-studienarbeiten-liste .item-list li a,
.masterarbeiten-liste .item-list li a,
.bachelorarbeiten-liste .item-list li a {
  color: rgba(0, 97, 122, 1);
}
.diplom-und-studienarbeiten-liste .item-list li a:hover,
.masterarbeiten-liste .item-list li a:hover,
.bachelorarbeiten-liste .item-list li a:hover {
  color: rgba(0, 145, 168, 1);
}

/* ## search.css */
.form-item input.form-search {
  height: 20px;
  width: calc(100% - 30px);
}


/* ## slider-revolution-global.css */
.transparent-bg{
  background-color: rgba(255,255,255,0.85);
}

.transparent-bg *{
  color: #333333;
}

.tp-caption.title a{
  color: #333333;
}

.title-inner a:hover{
  color: rgba(0, 97, 122, 1) !important;
}

.tp-caption.title p{
  padding-top: 15px;
  margin-top: 6px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(0,0,0,0.3);
}

.tp-bannertimer{
  display: none;
}

.slider-revolution .tparrows{
  background-color: rgba(255,255,255,0.85);
  margin: 1px;
}

.tp-leftarrow{
  border-radius: 3px;
  margin-right: 2px;
  left: 83px !important;
  top: 50% !important;
}

.tp-rightarrow{
  border-radius: 3px;
  top: 50% !important;
}

.tparrows:before{
  color: rgba(0, 97, 122, 1);
  font-weight: 600;
}

.tparrows:hover{
  background-color: rgba(255,255,255,1);
}

.tp-bullets{
  display: none;
}

.tp-revslider-mainul .field-content{
  display: none;
}

@media (max-width: 1200px) {
  .title-inner{
    font-size: 31px;
    margin-bottom: 20px !important;
  }

  .title-inner p{
    display: none;
  }

  .tp-caption.more-link a{
    margin-top: 5px;
  }
}

@media (max-width: 767px){
  .block-views-blockmt-slideshow-boxed-width-block-1{
    display: none;
  }
}

/* ##  menus.css */
.sf-depth-1 ul {
  min-width:12em;
}

ul.sf-menu ul {
  width: min-content!important;
}

span.sf-depth-1.menuparent.nolink {
  cursor: default;
}

/* Deactivation of overview pages within mobile navigation */
.sf-clone-parent {
  display:none!important;
}

/* Mobile Menu */
#header-top ul.sf-accordion{
  background-color: transparent;
}

#header-top ul.sf-accordion li a.menuparent::after{
  border-left-color: transparent;
}

#header-top ul.sf-accordion .menuparent{
  border-left-color: transparent;
  border-bottom-color: rgba(255,255,255,0.15);
  border-bottom-width: 1px;
}

#header-top ul.sf-accordion li:last-child .menuparent{
  border-bottom-color: transparent;
  border-right-color: transparent;
}

#header-top ul.sf-accordion .menuparent:hover{
  border-bottom-color: rgba(255,255,255,0.15);
  border-bottom-width: 1px;
}

#header-top ul.menu li:last-child > a, #header-top ul.menu li:last-child > span {
  border-right:none!important;
}


/* ## node.css */
.node--view-mode-teaser{
  padding: 0;
  border-bottom: 0px;
  margin-bottom: 0px;
}
@media (max-width: 720px){
  .student-content-wrapper .article-content{
    margin-left: 0px!important;
    clear: both;
  }
}


/* Titel Hiding - Professur/Forschungsprojekte/Forschungsthema */
.node--type-forschungsprojekt .node__title,
.node--type-professur .node__title,
.node--type-forschungsthema .node__title,
.node--type-mt-faculty > .node--content-container > .node--content > header .node__title,
.node--type-publikation > .node--content-container > .node--content > header .node__title,
.node--view-mode-faculty-teaser > .node--content-container > .node--content > header{
  display: none;
}


/* ## node-faculty_student.css */
@media (max-width: 720px) {
  .photo-wrapper{
    max-width: 205px;
    position: relative;
    text-align: left;
    margin: 10px auto 30px;
    float: none;
  }
}


/* ## node-news.css */
.event-info .event-duration {
  margin-bottom: 15px;
}

.event-date-wrapper {
  margin-bottom: 15px;
}

.view-news .views-field-field-mt-event-date {
  background-color: rgba(0, 97, 122, 1);
}

.event-date .day {
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
}

.event-date .month {
  font-size: 24px;
  text-transform: uppercase;
  position: absolute;
  top: 25px;
  right: 0;
  line-height: 1;
}

.event-date .year {
  font-size: 24px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1;
}

/* ## node-taxonomy-terms.css */
/* Art der Abschlussarbeit */
.field_type_of_thesis .field--entity-reference-target-type-taxonomy-term ul.field__items li{
  display: block;
}

/* ## quote */
@media (min-width:992px){
  .quote{
    margin: 0 0 20px 20px;
    max-width: 400px;
  }
}
@media (max-width: 991px) and (min-width: 768px){
  .quote{
    margin-top: -10px;
  }
}
.quote-text{
  font-style: italic;
  padding-top: 20px;
  padding-bottom: 5px;
}
@media (min-width: 767px){
  .quote-text{
    text-align: justify;
  }
}
.quote-symbol{
  line-height: 0.9;
  height: 35px;
  float: left;
  margin-right: 10px;
  font-size: 120px;
  font-family: 'PT Serif', Georgia, Times, Times New Roman, Serif;
  color: rgba(0, 97, 122, 1);
}

/* ## view.css */
.contextual-region .view{
  border-bottom-color: rgb(222,226,230);
}

.view{
  border-bottom: 0px !important;
}


/* ## view-news.css */
.view-news .views-field-field-mt-event-date time,
.view-mt-events .views-field-field-mt-event-date time {
  font-size: 24px;
  bottom: 0;
  right: 0;
}

.views-element-container{
  padding-bottom: 0px;
}
/* Abschlussarbeiten View*/
.views-field-title a {
  font-weight: 400;
  display: inherit;
  color:#00617a;
}


/* ## image-overlay.css */
.overlay i{
  background-color: transparent;
  color: white;
}


/* ## to-top.css */
.to-top{
  background-color: rgba(0, 97, 122, 0.8);
}

.to-top:hover{
  background-color: rgba(0, 75, 90, 0.8);
}

/* Slideshow on Home */
.slider-old .views_slideshow_cycle_teaser_section{
  width: 100% !important;
}
.slider-old .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide{
  width: 100% !important;
}
#block-views-block-slideshow-on-home-block .title{
  display: none;
}
.slider-old .skin-default{
  position: relative;
}
.slider-old .views-slideshow-controls-bottom{
  position: absolute;
  top: 45%;
  z-index: 1000;
  width: 100%;
}
.slider-old .views_slideshow_controls_text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  visibility: hidden;
  opacity: 0;
  transition:visibility 0.3s linear,opacity 0.3s linear;
}
.slider-old:hover .views_slideshow_controls_text{
  visibility: visible;
  opacity: 1;
}
.slider-old .views_slideshow_controls_text_next,
.slider-old .views_slideshow_controls_text_previous{
  background-color: rgba(255, 255, 255, 0.75);
  padding: 10px 16px;
  border-radius: 3px;
  font-family: "revicons";
  color: var(--imis-navy);
  font-weight: bold;
}
.slider-old .views_slideshow_controls_text_next:hover,
.slider-old .views_slideshow_controls_text_previous:hover{
  text-decoration: none;
  background-color: white;
}
.slider-old .views_slideshow_controls_text_next::before{
  content: '\f054';
  font: normal normal normal 14px/1 FontAwesome;
}
.slider-old .views_slideshow_controls_text_previous::before{
  content: '\f053';
  font: normal normal normal 14px/1 FontAwesome;
}
.slider-old .views_slideshow_controls_text_pause{
  display: none;
}
.slider-old .views_slideshow_controls_text a{
  display: none;
}
.slider-old .view-row{
  position: relative;
}
.slider-old .slideshow-description {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 10px 40px 25px 40px;
  font-family: 'Ubuntu', sans-serif;
  color: #333333;
}
.slider-old .slideshow-description p{
  padding: 0px;
}
.slider-old .slideshow-description>div{
  margin-top: 10px;
}
.slider-old .slideshow-description>a:first-child{
  text-transform: uppercase;
  color: #333333;
  font-weight: bold;
  font-size: 31px;
}
.slider-old .slideshow-description>a:first-child:hover{
  text-decoration: none;
  color: var(--imis-navy)
}
.slider-old .read-more a{
  border: 1px solid var(--imis-navy);
  padding: 10px 15px;
  border-radius: 3px;
}
.slider-old .read-more a:hover{
  text-decoration: none;
  background-color: var(--imis-navy);
  color: white;
}
@media(max-width: 767px){
  .slider-old{
    display: none;
  }
}
@media(max-width: 1199px) {
  .slider-old .slideshow-description div {
    display: none !important;
  }
  .slider-old .slideshow-description a {
    font-size: 19px !important;
    text-decoration: underline;
  }
  .slider-old .slideshow-description {
    padding: 20px 40px;
  }
}
@media(max-width: 991px) {
  .slider-old .views_slideshow_cycle_teaser_section{
    height: 230px !important;
  }
  .slider-old .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide{
    height: 230px !important;
  }
}
@media(min-width: 992px) and (max-width: 1199px){
  .slider-old .slideshow-description a {
    font-size: 26px !important;
  }
  .slider-old .views_slideshow_cycle_teaser_section{
    height: 310px !important;
  }
  .slider-old .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide{
    height: 310px !important;
  }
}
@media(min-width: 1200px) {
  .slider-old .views_slideshow_cycle_teaser_section{
    height: 370px !important;
  }
  .slider-old .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide{
    height: 370px !important;
  }
}

/* ## Publikation Teaser*/
.node--type-publikation.node--view-mode-teaser header{
  padding: 0;
}
.node--type-publikation.node--view-mode-teaser .pub-teaser{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.node--type-forschungsprojekt .node--type-publikation.node--view-mode-teaser .pub-teaser{
  margin-bottom: 3rem;
}
.node--type-publikation.node--view-mode-teaser a{
  line-height: 1.45;
  margin: 0;
  text-align: left;
}
.node--type-publikation.node--view-mode-teaser .award-container{
  display: flex;
  align-items: center;
  gap: 3px;
}
.node--type-publikation.node--view-mode-teaser .top-row{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}
.node--type-publikation.node--view-mode-teaser .top-row :nth-last-child(2){
  margin-right: 5px;
}
.node--type-publikation.node--view-mode-teaser .top-row span{
  font-size: 16px;
}
.node--type-publikation.node--view-mode-teaser p{
  padding: 0;
}
.node--type-publikation.node--view-mode-teaser .pub-title{
  font-size: 20px;
}
.node--type-publikation.node--view-mode-teaser .button-row{
  display: flex;
  flex-wrap: wrap;
  margin-top: 3px;
  gap: 5px;
}
.node--type-publikation.node--view-mode-teaser .button-row a{
  border: 1px solid #004B5A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  width: fit-content;
  gap:5px;
  padding: 3px 6px;
}
.node--type-publikation.node--view-mode-teaser .button-row a:hover{
  cursor: pointer;
  background-color: #004B5A;
  color: white;
  text-decoration: none;
}
.node--type-publikation.node--view-mode-teaser .button-row a:hover img{
  filter: brightness(0) invert(1);
}
@media(max-width: 767px) {
  .node--type-publikation.node--view-mode-teaser .doi{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}