@charset "utf-8";

/*General comments and license statement: Free */
/* Bootstrap core CSS */
@import url("css/dist/litera/bootstrap.min.css");
@import url("css/jquery.smartmenus.bootstrap-4.css"); 

/* external css */
@import url("assets/font-awesome/css/font-awesome.min.css");

@import url(https://fonts.googleapis.com/css?family=Lato);

#xh_adminmenu_fixed { z-index: 999999 !important;}

/*  --- userstyles --- */
body, p {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; line-height: 22px;}

html, body {height: 100%;}
h1{text-align:center;background:linear-gradient(to right, #294a70 0%, #111e5c 100%);padding:8px 15px;color: white;}
h1,h2,h3{font-size:1.6rem;}
.wrap {width:100%;}

.container.layout-container{max-width:92%;}
.custom-container{width:80%;}

/*  --------------------------------------------  navbar -------------------------------------------------- */

.bg-nav { box-shadow: 0 1px 2px rgba(0,0,0,.3); /* für weiss box-shadow: 1px 1px 2px #c5c5c5; */
            background-color: #12bb99 !important;}
 
/* https://www.w3schools.com/colors/colors_picker.asp */
.navbar-light .navbar-nav .nav-link {color:#333;padding-bottom:3px;}  /* Font color top navbar */

nav.navbar{max-height:auto!important;margin-top:0px!important;}  /* height and shift of navbar */
/* #navbarResponsive.collapse.navbar-collapse > li {max-height:40px !important;} */
div.collapse.navbar-collapse a {font-size:1rem;}  /* navbar fontsize */	
.menulevel1  li.sdocs{ background-color: inherit; } 
a.nav-link:hover{margin:3px;background:#bbfee5;}
a.nav-link{margin:3px;background:#fcfcfc;}
a{color: #652b7c;}

.navbar .navbar-nav .nav-link {color:#FFFFFF !important;background:#303654; margin:3px 6px;}
.menulevel2 > li.doc > a{line-height:18px;max-height:32px;color:#333;} /* height of li-drop */
.menulevel2.dropdown-menu{min-width: 18em!important; max-width: 18em!important;}
.menulevel2 > li.doc {vertical-align: middle; width:18em}
.menulevel1 li:nth-child(4) .menulevel2.dropdown-menu{min-width: 24em!important; max-width: 24em!important;}
.menulevel1 li:nth-child(4) .menulevel2 > li.doc {vertical-align: middle; width:24em}

li.sdoc > span, li.sdocs > span {display: block;position: relative; padding: 5px 20px; color:#000906; font-size:16px;height:30px; Background:#d8ffd8; }   /* active links */
li.sdocs{line-height:20px;background:inherit;color:white !important;} 
.menulevel2 li a{font-size:14px!important;}
/* aktive Seite mit vorhandenen Unterseiten  */

a.xhspan{color:#DCAF4A; margin-bottom:-1px;padding-left:12px;line-height:42px;display: inline-block;}
/* ------------------ contentstyles ---------------------------------------- */

.main-content {width:100%; margin-top: 55px; padding:5px 0px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); flex: 1 0 auto;}		   
.jumbotron{margin-bottom:-50px; background-size: cover; background-attachment: static;}
.content {min-height:600px !important; border:0px lightgray solid; height:100%;}

/*.container, .container-sm, .container-md, .container-lg{
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: 5px;
  margin-left: auto;
  margin-top: 15px;   
}*/


.footer{padding:20px; min-height:100px; width:100%;border:1px gray dotted;position: static;  margin:auto; flex-shrink: 0;  padding: 1rem;  background-color:#294a70; }
.footer  a{color:white;}
button.navbar-toggler{max-height:40px;}
.navbar-toggler > span.navbar-toggler-icon{margin-top:-15px;vertical-align:top;}
.navbar-toggler { border: none;  outline: 1px auto -webkit-focusring-color;}
.navbar-toggler:focus { border: none; outline: none;}
.mt125{margin-top:40px; display:inline-block;}
#search input {  position: relative;  top: -3px; background: #fcfcfc;  border: 1px solid #aaa; cursor: text; padding: 1px 5px 1px 5px; color: #888; border-radius: .3em; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#searchbox input.text { line-height: 24px;}
.sestyle {   min-width: 100px;  max-width: 200px; }

 /* ------------media width 768----------------- */
 
@media only screen and (max-width: 768px) {
    ul.menulevel1 a{color:#DCAF4A !important;}
    ul.menulevel1 li {background:#652B7C;padding:4px;margin:-3px;border-radius:2px;}
    .menulevel1  li.sdocs{ background-color: whitesmoke; } 
    a.navbar-brand {margin-bottom:15px;border: 2px transparent dotted;}			  
    div#navbarResponsive.navbar-collapse {margin-left:-2px !important;background:inherit;width: 340px;}	
    .main-content {margin-top:70px !important; border:1px transparent dotted; }
    .container-fluid {margin-top:1px !important;  }
    #profile1 {width: 100%;}
    .navbar-dark .navbar-toggler {  width: 100%; }
}


/* smartphone - mode */
@media only screen and (max-width: 576px) {
    ul.menulevel1 {padding:0px;border:0px #799bb8 solid; border-radius:3px;margin:0px;margin-top:-22px; margin-top: 3px;}
    ul.menulevel2 li a.nav-link, ul.menulevel2 li a.nav-link:hover {padding-left:5px;margin-left:7px;} 
    .main-content {margin-top:20px;}
    li.doc a.navlink{margin-left:10px !important;}
  }

@media (max-width: 350px) {	
li.doc, li.docs {padding-left:1px !important; margin-right:0;}
}

/*  Back-to-top */
#to-top {
    display:none; position:fixed;  bottom:30px; right:30px; height:40px;  width:40px;  cursor:pointer; background:rgba(63,90,164,0.8); line-height:1em; -webkit-border-radius:3px;
    -moz-border-radius:3px; border-radius:3px;  background-image:url( assets/img/triangle.png); background-position: 12px 16px;  background-repeat:no-repeat;  opacity:0.7; -webkit-transition: all 	.3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}


#to-top:hover {
    background-color:#48cfad;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* https://jigsaw.w3.org/css-validator/validator */
.zoom { transition: transform .2s; width: auto; height: auto; margin: 0 auto;}
.zoom:hover { transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.nav-link{   color:red;}
/***new style***/
/*
 * Frontend style.
 */
/* Entry div. */
.news-entry {  margin: 1.5em auto;}
/* Entry's title div. */
.news-entry-title {
    font-weight: bold;
    font-size: 12pt;
    padding: 1px 0;
    margin-bottom: .5em;
    border-bottom: 1px solid #777;
}
/* Entry's date span (in title). */
.news-entry-title-date {
    float: right;
    font-style: italic;
    font-weight: normal;
    font-size: 10pt;
}
/* Entry's short description div. */
.news-entry-short {
     
}
/* Entry's description div. */
.news-entry-description {
     
}
/* Entry's link div. */
.news-entry-link {
    display: block;
}
 
/* News archive div. */
.news-archive {
    width: 100%;
    padding: 2%;
}
/* News archive header. */
.news-archive-header {
    font-size: 18pt;
    margin-bottom: 3px;
    font-weight: bold;
    background:linear-gradient(to right, #294a70 0%, #111e5c 100%);
    color: #fff;
    padding: 8px 12px; text-align: center;
}
/* News archive footer. */
table.news-archive-footer {
    width: 100%;
}
 
/**
 *  Newsticker.
 */
.newsticker-wrapper {
    height: 20px;
}
 
.newsticker-title {
    font-weight: bold;
    margin: 0;
    float: left;
    width: 10%;
    padding: 1% 0;
}
 
.newsticker-content {
    margin: 0;
    float: left;
    width: 70%;
    padding: 1% 0;
}
 
/* Li of the entry. */
.newsticker-wrapper .newsticker-entry {
    width: 100%;
}
 
/* Date of the entry. */
.newsticker-wrapper .newsticker-entry-date {
    margin-right: 1em;
}
 
.newsticker-wrapper .newsticker-entry-title {
    margin-right: 1em;
}
 
/* Link of the entry. */
.newsticker-wrapper .newsticker-entry-link {
     
}
 
.newsticker-wrapper .newsticker-controls {
    list-style-type: none;
    float: right;
    width: 48px;
    margin: 1% 0;
}
.newsticker-wrapper .newsticker-controls li {
    float: left;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: block;
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause {
    background-image: url('../images/newsticker/pause.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause.over {
    background-image: url('../images/newsticker/pause.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause.down {
    background-image: url('../images/newsticker/pause.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause.paused {
    background-image: url('../images/newsticker/play.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause.paused.over {
    background-image: url('../images/newsticker/play.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-play-pause.paused.down {
    background-image: url('../images/newsticker/play.png');
}
.newsticker-wrapper .newsticker-controls li.newsticker-prev {
    background-image: url('../images/newsticker/previous.png'); 
}
.newsticker-wrapper .newsticker-controls li.newsticker-prev.over {
    background-image: url('../images/newsticker/previous.png'); 
}
.newsticker-wrapper .newsticker-controls li.newsticker-prev.down {
    background-image: url('../images/newsticker/previous.png');     
}
.newsticker-wrapper .newsticker-controls li.newsticker-next {
    background-image: url('../images/newsticker/next.png'); 
}
.newsticker-wrapper .newsticker-controls li.newsticker-next.over {
    background-image: url('../images/newsticker/next.png'); 
}
.newsticker-wrapper .newsticker-controls li.newsticker-next.down {  
    background-image: url('../images/newsticker/next.png'); 
}
 
/* Newsslider driver. */
/* Main window containing the ul (not the controls and pager). */
.bx-window {
     
}
 
/* Main li with entry content. */
.newsslider-entry, .bx-window li {
    padding: 10px;
}
 
.newsslider-entry-title {
    font-weight: bold;
    font-size: 12pt;
}
 
.newsslider-entry-title-date {
    font-size: 10pt;
    font-style: italic;
    font-weight: normal;
    margin-left: 2em;
}
 
.newsslider-entry-description {
     
}
 
.newsslider-entry-date {
     
}
 
/**
 *  Blockquotes.
 */
.blockquotes-entry {
     
}
 
.blockquotes-entry-title {
    font-size: 18px;
}
 
.blockquotes-entry-short p {  font-size: 14px;}
 
.blockquotes-entry-date {}
 
/**
 * Newsscroller.
 */
.newsscroller-container { 
    width: 400px; 
    height: 27px; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
}
.newsscroller-mask {
    position: relative;
    left: 10px;
    top: 8px;
    width: 380px;
    overflow: hidden;
}
ul.newsscroller {
    position: relative;
    left: 380px;
    list-style-type: none;
    margin: 0;
    padding: 0;
 
}
ul.newsscroller li {
    float: left;
    margin: 0;
    padding: 0;
}
ul.newsscroller li a {
    white-space: nowrap;
    padding: 0;
    margin: 0 50px 0 0;
} 
ul.newsscroller li span {
    margin: 0 10px 0 0;
}


/**New Content**/

@media only screen and (max-width: 371px) { .image {width:100%;height:50%;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;border:0px solid black;}}
.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.button3:hover {
  background-color: #652B7C;
  color: white;
}
.button {
  background-color: #A980B9; /* purple */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
    border-radius:10px;
}

/*New Content*/

.bx{
    box-shadow: 10px 5px 5px gray;
}

.imgtext a{
    color: white;
}

.imgtext{color:white; background-color:#78448C; border-radius:20px; text-align: center; display:inline-block; padding: 5px 20px;}
.mw50{max-width:50%; margin:auto;}



.imgrsh{
    /*background: repeating-linear-gradient(45deg,orange 0 5px, blue 5px 10px);*/
    max-width: 100%;
    margin: auto;
}

/**latest**/
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -0.3em;
    margin-right: 1em;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}
.dropdown-toggle::after {
    /*display: inline-block;*/
    display: none !important;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}
@media only screen and (min-width: 762px) and (max-width:1465){
    .container-fluid{
    margin-top:70px!important;
    }
    .main-content{
    margin-top:135px!important;
    }
} 
@media only screen and (min-width: 992px) and (max-width: 1320px){
/*.col-lg-1 {
    -webkit-box-flex: 0;
    flex: 0 0 0%!important;
    max-width: 0%!important;
    }*/
.col-lg-3 {
    -webkit-box-flex: 0;
    flex: 0 0 25%!important;
    max-width: 25%!important;
}    
}
@media (min-width: 1600px){
.topslider .flexslider .slides img { height: 500px;}
}
@media only screen and (min-width: 991px) and (max-width: 1460px){
.container.layout-container { max-width: 100%; }
.custom-container{width:95%;}
}

@media only screen and (min-width: 768px) and (max-width: 1360px){
    .mt125{margin-top:125px!important; display:inline-block;}
     .container.layout-container { max-width: 100%;}
}


.main-header .navbar-dark{background: #303654!important;}
.menulevel2.dropdown-menu{background:#28486d!important;}
.container-logo a img{width:500px;}
.main-header .navbar{width: 100%; flex-direction: column;display: flex;padding: 0;}
.container-logo{width: 100%; background: #fff; padding:0px 30px;}
.copyDiv{text-align: center; color: white; font-size:16px;}
.copyright{color: white;text-align: center;border-top: 1px solid #fff; padding-top: 25px;line-height: 28px;}
.footerLink{text-align: left;margin-left: -38px; list-style: none;}
.footerLink li{padding-bottom:5px;}
.firstft{padding-left:170px;}
.Mainadd .address {color:white; text-align: left;line-height: 25px;}
.calendar_calendar{padding-left:20px;}
.footer h2{font-size: 24px; color:#fff;}
.news-entry-short p{margin-bottom: 3px;font-weight: 300;font-size: 16px;}
.news-entry-short p a{color:#7c3498}
.news-entry { margin: 0.5em auto;}
.upcoming{font-size: 22px; padding: 7px;}
.wellC{background:linear-gradient(to right, #294a70 0%, #111e5c 100%); text-align:center;}
.wellC p a span{font-size:22px;padding:10px;display: inline-block; font-family: sans-serif;font-weight:600;}
.layoutmanager ul{padding-left: 20px; margin-top: 15px;}
.layoutmanager ul li{padding-bottom:5px;}

.container-logo .row1{display:flex;}
.container-logo .row1 .col6{flex-grow: 1; width:100%;}
.container-logo .row1 .col6:nth-child(2){text-align:right;}
.container-logo .row1 .col6 #searchbox{padding-top: 30px; padding-right: 5px;}
#searchbox input.text { width: 251px; height: 38px;border: 1px solid #ccc;border-top-left-radius: 5px; border-bottom-left-radius: 5px;padding-left: 10px;}
#searchbox input.submit {height: 38px;padding: 0 20px; border: 1px solid #ccc; margin-left: -5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#searchbox [type="search"] {  outline-offset: 0px; -webkit-appearance: none; border: 1px solid #ccc!important;}
.flex-direction-nav .flex-next { right: 0px;}
table tr td{padding:8px 10px;}
.social-icons .fab{margin-right:5px;background: #3fa1da;padding: 8px;border-radius: 30px;width: 32px;height: 32px;}
.social-icons .fab:hover { background: #90c7e7;}
.boxshadow{box-shadow: 0 0 20px grey; padding: 20px;}
.social_links a{margin-right:12px;}
.social_links .fab {  font-size: 20px;}
.fotd{box-shadow: 0px 1px 10px #ccc; min-height: 90px;padding: 12px;border-radius: 5px;transition: box-shadow .3s;}
.fottt .fotd{height: 190px;}
.fotd:hover {  box-shadow:0 0 11px rgb(107 61 111); }
.fotd h4{font-size:20px;}
.shadowbox{box-shadow: 0 0 20px grey; padding: 20px; min-height: 400px;}
.mt-1{margin-top:10px;}
.row .col-md-4{margin-bottom:20px;}
.row.facultyM .col-md-4 img{border: 8px solid #303654;}
.footerLink li .fa{color:#fff;}


@media (max-width: 768px){
    .firstft { padding-left: 15px;}
    .container-logo { height:72px;}
    .container-menu{height:40px;}
    .container-menu button{padding: 18px 0px;}
   .container-logo a img {width: 300px;}
    .wellC p a span { font-size: 15px;}
    .layout-column.col-lg-1{height:10px;}
    .container-fluid.layout-container{padding:0px;}
    a.navbar-brand{width: 100%; display: block;text-align: center;}
    .container.layout-container { max-width: 100%;}
    
    .container-logo .row1 .col6:nth-child(2) { display: none;}   
    .container-logo .row1 .col6 { text-align: center;}
    .layout-column.col-xs-12{padding:0px;}
}