/* vietnamese */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fileadmin/fonts/LDI1apSQOAYtSuYWp8ZhfYe8UcLLq7s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fileadmin/fonts/LDI1apSQOAYtSuYWp8ZhfYe8UMLLq7s.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fileadmin/fonts/LDI1apSQOAYtSuYWp8ZhfYe8XsLL.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fileadmin/fonts/ArchitectsDaughter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1 { font-family: 'Patrick Hand', cursive; }
h2 span { font-family: 'Patrick Hand', cursive; }
body { font-family: Garamond, serif; }

@media (min-width: 1200px) {
  .frame-layout-101 .card-body > h3 { font-size: 30px;  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .frame-layout-101 .card-body > h3 { font-size: 24px;  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .frame-layout-101 .card-body > h3 { font-size: 18px;  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .frame-layout-101 .card-body > h3 { font-size: 26px;  }
}
@media (max-width: 575px) {
  .frame-layout-101 .card-body > h3 { font-size: 26px;  }
}
/*
.card-group-element-columns-3 .card-group-element-item {
  font-size: 2vw;
}
*/
.DOUBT-STUDENT { font-style: italic; }
.distance { padding-right: 25px; }
div.loginContainer {
  background-color: #4faf98;
  font-weight: bold;
  display: block;
  height: 25px;
  text-align: center;
}
div.loginContainer a {
  color: black;
}
div.protected {
  background-color: #eeeeee;
  bottom: 0;
  width: 100%;
  padding: 10px 10px 10px 35px;
}
div.ui-dialog {
  width: auto !important;
}
div.VOTE_FORM {
  background-color: #dddddd;
  padding: 3px;
  width: 350px;
}
div.VOTE_FORM div.VOTE_EMPTY {
  border: 2px solid #00f;
  background-color: #ddf;
  padding: 3px;
  margin: 5px;
}
div.VOTE_FORM div.VOTE_SET {
  border: 2px solid #0f0;
  background-color: #dfd;
  padding: 3px;
  margin: 5px;
}
div.VOTE_FORM img {
  width: 24px;
  height: 24px;
}

div.timelineTable {
  display: table;
  border-spacing: 0;
  border-collapse: collapse;
}
div.timelineEntry {
  display: table-row;
  border: 3px solid white;
  /* width: 100%; */
  background-color: #eeeeee;
}
div.timelineEntry div {
  height: 240px;
}
div.timelineEntry div.timeID {
  display: table-cell;
  padding: 0 20px 0 20px;
  width: 150px;
  text-align: center;
  vertical-align: top;
}
div.timelineEntry span.time {
  font-weight: bold;
  font-size: 150%;
}
div.timelineEntry span.ID {
  font-weight: bold;
  font-size: 200%;
}
div.timelineEntry div.authorTitle {
  display: table-cell;
  vertical-align: top
}
div.timelineEntry span.author {
  font-weight: bold;
  font-size: 150%;
}
div.timelineEntry span.institution {
  text-decoration: italics;
  font-size: 150%;
}
div.timelineEntry span.title {
  font-weight: bold;
  font-size: 200%;
  line-height: 100%;
}
div.timelineEntry div.photo {
  display: table-cell;
  vertical-align: top
}

a.Poster:before{
    content: '';
    background:url('https://www.vesps2021.net/fileadmin/vesps2021/images/poster.svg');
    background-size:cover;
        position:absolute;
    width:18px;
    height:26px; 
    margin-left:-20px;  
}
a.PDF-Download:before{
    content: '';
    background:url('https://www.vesps2021.net/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-pdf.svg');
    background-size:cover;
        position:absolute;
    width:24px;
    height:24px;
    margin-left:-24px;  
}
a.PDF-Download2:before{
    content: '';
    background:url('https://www.vesps2021.net/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-pdf.svg');
    background-size:cover;
        position:absolute;
    width:24px;
    height:24px;
    margin-left:-24px;  
}
a.Presentation2:before{
    content: '';
    background:url('https://www.vesps2021.net/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-media-video.svg');
    background-size:cover;
        position:absolute;
    width:24px;
    height:24px;
    margin-left:-24px;  
}
a.Introduction:before{
    content: '';
    background:url('https://www.vesps2021.net/typo3/sysext/core/Resources/Public/Icons/T3Icons/mimetypes/mimetypes-media-video.svg');
    background-size:cover;
        position:absolute;
    width:20px;
    height:20px;
    margin-left:-20px;  
}
a.Zoom-Link:before{
    content: '';
    background:url('https://www.vesps2021.net/fileadmin/vesps2021/images/zoom.svg');
    background-size:cover;
        position:absolute;
    width:24px;
    height:24px;
    margin-left:-24px;  
}

span.Vote2 {
  margin-left:-20px;
  cursor: pointer;
}

div.card {
  box-shadow: 5px 5px 8px grey;
  border: 1px solid grey;
}
div.card > div > a > picture > img { padding: 15px; }
.frame-layout-101 .card-body > h3.card-title {
    position: relative;
    margin-top: -110px !important;
    margin-left: 10px;
    color: white;
 /*   font-size: 2.0em; */
/*    font-size: 120%; */
    font-weight: bold;
    text-shadow: 0 0 15px #006699;
    height: 100px;
}
.frame-layout-101 .card-img-top > h3.card-bookid {
    position: absolute;
    margin-top: -430px !important;
    margin-left: 10px;
    color: white;
 /*   font-size: 2.0em; */
/*    font-size: 120%; */
    font-weight: bold;
    color: #4faf98;
    text-shadow: 0 0 15px #ffffff;
    height: 100px;
}

picture.ACCEPTED {
  filter: grayscale(100%) opacity(50%);
}
tr.ACCEPTED {
  filter: grayscale(100%) opacity(50%);
}

.frame-type-textteaser {
  font-size: 166%;
  font-family: 'Architects Daughter', cursive;
  line-height: 120%;
  color: white;
}

.frame-type-textteaser .element-header {
  font-size: 200%;
  font-weight: bold;
  font-family: 'Architects Daughter', cursive;
}

.frame-type-textteaser > .frame-container {
  min-height: 12em;
}
div.textteaser-item.textteaser-teaser { width: 100%; }

nav {
  font-family: "Open Sans", Helvetica, sans-serif;
}

.nav-item {
    margin-left: 1px;
}
ul.navbar-nav li.nav-item.active {
  background-color:  #003e5f;
}
ul.navbar-nav li.nav-item.active > a {
  color: white !important;
}

ul.navbar-nav li.nav-item:hover {
  background-color:  #003e5f;  
}

ul.navbar-nav li.nav-item:hover > a {
  color: white !important;
}

ul.dropdown-menu li {
  background-color:  #003e5f;
}
ul.dropdown-menu li > a {
  color: white !important;
}
.dropdown-menu { padding: 0 !important; border: 0 !important; }
.dropdown-menu > li { border-bottom: 1px solid #058b8b; padding: 5px; }
.dropdown-item:hover { background-color: #333333 !important; }
ul.dropdown-menu li:hover {
  background-color: #333333 !important;  
}
ul.dropdown-menu li:hover > a {
  color: white !important;
}


/**
 * 6.2 Navigation
 * ----------------------------------------------------------------------------
https://edugain.org/
INAKTIV
 */
.main-navigation {
	display: block;
	float: left;
	margin: 0 auto;
	min-height: 88px;
	position: relative;
}

ul.nav-container,
.nav-container > ul {
	margin: 0;
	padding: 0 20px 0 0;
}

.nx-no-search ul.nav-container,
.nx-no-search .nav-container > ul  {
	padding: 0px;
}

.nav-container li {
	display: inline-block;
	position: relative;
	padding: 0px 0px;
}

.nav-container li a {
	color: #545454;
	display: block;
	line-height: 1;
	padding: 38px 20px;
	text-decoration: none;
	position: relative;
}

.nav-container ul ul li {
	padding: 0px;
}

.nav-container ul ul li a {
	padding: 15px 20px;
}

.nav-container .current_page_item > a,
.nav-container .current_page_ancestor > a,
.nav-container .current-menu-item > a,
.nav-container .current-menu-ancestor > a,
.nav-container li a:hover {
	color: #FFFFFF;
	background-color: #dd3333;	
}

.nav-container li:hover > a,
.nav-container li a:hover {
	color: #FFFFFF;
	background-color: #dd3333;
}


/* variable color */
.nav-container .sub-menu,
.nav-container .children {
	background-color: #FFFFFF;
	border-top: 2px solid #dd3333; /* variable color */
	display: none;
	padding: 0;
	position: absolute;
	left: 0px;
	z-index: 1002;
	top: 88px;
	
	-webkit-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	
}

.nav-container .sub-menu ul,
.nav-container .children ul {
	border-left: 0;
	left: 100%;
	top: 0px;
	margin-top: -2px;
}

.nav-container li:last-child .sub-menu ul,
.nav-container li:last-child .children ul {
	left: 0%;
	right: auto;
	width: 200px;
	margin-left: -200px;
	top: 0px;
	margin-top: -2px;
}

ul.nav-container ul a,
.nav-container ul ul a {
	margin: 0;
	width: 200px;
	border-top: 1px solid #e7e7e7;
	padding: 10px 16px;
}

ul.nav-container ul li:first-child a,
.nav-container ul ul li:first-child a {
	border: none;
}

ul.nav-container ul a:hover,
.nav-container ul ul a:hover {
	color: #FFF;
	background-color: #dd3333;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	margin: 0 auto;
	max-width: 1264px;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	bottom: 8px;
}

.site-header .search-field {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
	z-index: 1003;
}

.searchico {
	display: none;
}

.site-header .searchico {
	display: block;
	position: absolute;
	left: 4px;
	top: 10px;
	font-size: 24px;
	z-index: 1001;
	color: #999;
}

.site-header .searchico:before {
	font-size: 24px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	cursor: text;
	outline: 0;
	width: 200px;
	border-radius: 4px;
	background: transparent;	
}

/* Top bar transform */

.site-header.fixeddiv {
	min-height: 65px;
	
	-webkit-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
	
}

.site-header.fixeddiv .home-link {
	color: #141412;
	display: block;
	float: left;
	min-height: 56px;
	height: 64px;
	padding: 0px 32px;
}

.site-header.fixeddiv .home-link span {
	height: 60px;
	padding-top: 6px;
}

.site-header.fixeddiv .home-link img {
	max-height: 48px;
	max-width: 280px;
	margin-top: 0px;
}

.fixeddiv .site-title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 10px 0 0px;
}

.fixeddiv .site-description {
	font: 300 normal 12px "Open Sans", Helvetica, sans-serif;
	margin: 0;
}

.fixeddiv .main-navigation {
	min-height: 54px;
}

.fixeddiv .nav-container > ul > li > a {
	font-size: 14px;
	padding: 26px 20px;
}

.fixeddiv .nav-container .sub-menu,
.fixeddiv .nav-container .children {
	position: absolute;
	z-index: 1004;
	top: 60px;
}

.fixeddiv .nav-container .sub-menu ul,
.fixeddiv .nav-container .children ul {
	top: 0px;
	margin-top: -2px;
}

/* Navbar */
.fixeddiv .navbar {
}

.headerinnerwrap {
	max-width: 1264px;
	position: relative;
	margin: 0px auto;
}

.site-header .headerinnerwrap .search-form {
	top: 32px;
	bottom: auto;	
}

.site-header.fixeddiv .headerinnerwrap .search-form {
	top: 16px;
	bottom: auto;	
}