/* cmsms stylesheet: Lab v1 Tutorials modified: Monday, August 3, 2020 8:52:19 AM */
.tutsectiontitle {
   font-size:1.5em;
   margin: 1em 0;
}
.tutclick { cursor: pointer;}

#feat{width: auto !important;}

.tutitem {
    border: 1px solid #00ced1;
    padding: 10px;
    width: 80%;
    margin: 0.5em;
    margin-left: 3em;
}
.tutitem a {
    color: #4671da;
}
.tutitem a:hover {
    color: #4671da;
}

.tutorial_b {
    color: #ffffff !important;
    background: #24a8f8;
    width: 150px;
    margin: 3px;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.0em;
    font-weight: bold !important;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.tutorial_b a { color: #ffffff;}
.tutorial_b a:visited {
	color: #ffffff;
}
#filter {
display: inline-block;
font-size: 0.8em;
}
#filter select,#filter input {width: -moz-available;}
/* cmsms stylesheet: superbox modified: Tuesday, September 15, 2020 8:49:55 AM */
.superbox {
     margin-bottom:2em;
    background:lightgrey;
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}
.ui-tooltip-content {
    font-family: 'Titillium Web', sans-serif;
}
.supernav {
    color: white;
    padding: 0.3em;
}
.supernav {
    color: grey;
}
.superhere a {
    color: #fff !important;
    font-weight: bold;
}
.supernav a,.supernav a:hover,.supernav a:visited {
    color: unset;
}
.superhere {
    background-color: #00b7fd;
}
.info {
   margin-left: 2em;
   color: #fff;
}
/* cmsms stylesheet: Lab_v1 modified: Thursday, October 14, 2021 12:27:50 PM */
 
 
 


body {
  font-family: 'Titillium Web', sans-serif;
  color: #000; 
  background-color: #fff !important;
  padding: 0;
}


:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

a {
  color: #00CED1;
  transition: all 0.2s ease;
}

a:hover {
  color: #00CED1;
}

.menu a:hover, a.menuactive,footer a {
  color: #00CED1;
}

/* .menu a,footer a:hover { */
.menu a {
  color: #fff;
  color: #8a8a8a;
  padding: 0 1rem;
  line-height: 1.3rem;
  white-space: nowrap;
}
.dropdown .is-dropdown-submenu a {
    padding: .2rem 1rem;
}

.dropdown.menu > li.is-active > a {
  color: #00CED1;
/*  background-color: #e6e6e6; */
}

div.nomargin > p {margin: 0;}

.space2 {margin-top: 2em;}

.welcome {
  font-size:4rem;
  color: #00CED1;
  color: #00b7fd;
  margin: 2rem 0;
}

#header-image > img {
/*   margin: 2rem 0; */
  object-fit: contain;
}

.header {
/*  padding: 1rem; */
  color: #000;
  background-color: #fff !important;
/*  margin-bottom: 4rem; */
   height: auto;
}

.header p {
   color: #8a8a8a;
   line-height: 1.6rem;
   font-size: 1.4rem;
   margin: 0;
   padding: 0 1rem;
}

header h1,header h2 {
  color: white;
  text-shadow: 2px 2px 8px #ff331c;
}
h1 {
  font-size: 4rem;
/*  margin-top: 1rem; */
  margin-bottom: 0;
}


h1,h2,h3,h4 {
  font-family: 'Titillium Web', sans-serif;
}

h1 a, h1 a:hover {
  color: #000;
}

h2, h3, h4 {
  font-size: 0.9rem;
}
h2 {
  font-size: 1.8rem;
  margin-top: 1rem;
}
h4 {
  margin-top: 1em;
}

#content h3 {
  font-size: 1.4rem;
  margin: 2rem 0 ;
  text-transform: uppercase;
}
#startcontent h3 {
  font-size: 1.4rem;
  text-transform: uppercase;
  margin: 0;
}
h3.mission {margin: 0 !important;}

h3.slogan_schwarz {
  font-family: 'Montserrat', sans-serif;
  font-weight:300; font-style:italic;;
  text-transform: unset !important;
  color: #000;
}
h3.slogan_cyan {
  font-family: 'Montserrat', sans-serif,font-weight:300; font-style:italic;
  text-transform: unset !important;
  color: #00B7FD;
}

h3.slogan_turquoise {
  font-family: 'Montserrat', sans-serif,font-weight:300; font-style:italic;
  text-transform: unset !important;
  color: #00CED1;
}

.ytslider {
    width: 316px;
    box-shadow: inset 0px 0px 8px rgb(043, 123, 185);
    border: 3px solid #2b7bb9;
}

h4 {
  font-size: 1.2rem;
  font-weight: 700;
}
h5{
  font-size: 1.1rem;
}

#sticky-logo a {
  transition: all 0.3s ease;
  font-size: 0rem;
  line-height: 1rem;
  color: white;
}

#sticky-logo a img {
  height: 2rem;
  display: none;
}

.is-stuck #sticky-logo a img {
  display: block;
}

.is-stuck #sticky-logo a {
  display: block;
  font-size: 1.5rem;
  padding: 0.5rem;
}

#logo { height: 9em;}

#sticky-logo {
  float: left;
}
.sticky-container {
  min-height:134px;
}
#menu-toggle {
  float: right;
}

.banner {
transform: rotate(-12deg);
color: #fff;
border: 0.25rem solid #00b7fd;;
padding: 0.25rem 1rem;
border-radius: 1rem;
min-width: 10em;
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
background: #00b7fd;
margin-top: 2em;
}

.banner:hover,
.banner:focus,
.banner:active {
    transform: scale(1.1) rotate(-4deg);
}

details p {padding-left: 1.1em;}
details:hover {
    cursor: grab;
}
details ul {
    margin-left: 2.5rem;
}
.accordion-menu li {
    width: 90%;
}
.accordion-menu .is-accordion-submenu a {
   padding: 0 1.5rem;
}

.top-barx, .top-barx ul,
.top-bar, .top-bar ul, .is-drilldown-submenu,.is-dropdown-submenu {
/*  background-color: #000; */
  margin: 0.5rem 0;
  z-index: 999;
  line-height: 1rem;
}

.drilldown a {
/*  background-color: grey; */
}

.menu .is-active > a {
    background: #e6e6e6;
/*    color: #00CED1;*/
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
  border-color: #00CED1 transparent transparent;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
   border-color: #00CED1 transparent transparent;
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    border-color: transparent transparent transparent #00CED1 ;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    border-color: transparent transparent transparent #00CED1 ;
}
.dropdown.menu.vertical > li.opens-left > a::after {
    border-color: transparent #e6e6e6 transparent transparent;
}
.dropdown.menu.vertical > li.opens-right > a::after {
/*    border-color: transparent transparent transparent #00CED1; */
}
.dropdown.menu.vertical > li .is-dropdown-submenu { top: unset;}


.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#pillar_block {
  background: white;
/*  margin: 1rem 0; */
  padding: 1.5rem;
/*  margin-bottom: 2rem;*/
  margin-top: 2rem;
}
.divider {
  background: white;
/*  margin: 1rem 0;
    padding: 0.5rem; */
  font-size: 2rem;
}

.divider a {
  color: #000;
  margin: 0 0.5rem;
}

.divider a:hover {
  color: white;
}


.button {
  background: white;
  color: #000;
  border-radius: 5px;
}

.button:hover {
  background: #000;
  color: white;
}

.divider .button {
  background: #000;
  color: white;
  margin-bottom: 0.2rem;
}

.divider .button:hover {
  background: #00CED1;
  color: #000;
}

.NewsSummary {
  margin-bottom: 1rem;
}
.NewsSummarySummary p {
  margin: 0;
}
.sidebar {
/*  background-color: #000; */
  height: 100%;
}

.sidebar .NewsSummaryLink,.sidebar p {font-size: 0.9em;}
.sidebar .NewsSummarySummary {font-size: 0.8em;}
.sidebar .NewsSummaryMorelink {font-size: 0.8em;}

.sidebar .datum {
  font-size: 0.8rem;
  margin-bottom: 0;
}
.NewsSummaryPostdate {
  font-size: 0.8rem;
}


.sidebar h4 {
  margin-top: 2rem;
  font-size: 1.3rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e6e6e6;
}
.sidebar li {
  list-style: none !important;
}
#my-top-menu {
/*  margin-left: -0.7em; */
  text-align: left;
}

#content li {
  list-style-image: url('/uploads/images/icons/nice_li.png');
}
.goto {
}
.goto_button {
  width: 20em;
  text-align: center;
  padding: 3px;
  border: 3px solid #00CED1;
  border-radius: 6px;
  color: #fff;
  background: #00CED1;
}
.goto img {height: 50px;}
.goto_button:hover {
  box-shadow: 3px 3px grey;
}
.goto_button img {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.goto_button img {
    filter: brightness(0%) invert(100%);

}

.card {
/*  background-color: #00CED1;
  background-color: #888;*/
/*  box-shadow: 7px -3px 8px silver; 
  background-color: #00b7fd; */
  border: 0;
  color: #8a8a8a;
  display: block;
}

.card:hover {
  background: #00CED1;
  color: white;
  color: #00CED1;
/*  box-shadow: -3px 3px 3px silver inset; */
  box-shadow: 0 0 0;
  transition: all 0.4s ease-in-out;
}
.card:hover img {
    filter: brightness(0%) invert(100%);
}

.card img {
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
/*filter: brightness(90%);*/
float: none !important;
}


.card-divider {
/*  background: #000;
  background-color: #8a8a8a;
  color: white; */
  background: #fff;
  padding: 1em 0;
  text-align: center;
  display: block;
}

.card-section {
  text-shadow: 2px 2px 8px #fff;
}

.institute {padding: 1em; min-height: 10em;}
.fminstitute {padding: 0 1em;}

#header h2 {
  margin-top: unset;
}

footer {
    margin-top: 2rem;
}

/*
footer .column {
  padding: 0 2rem;
} */

footer h4 {
/*  margin-top: 1rem; */
/*  color: white; */
  font-size: 1rem;
  padding-bottom: 0.2rem;
/*  border-bottom: 0.5px dotted white; */
  border-bottom: 0.5px dotted #a6a6a6;
}

footer i {
  margin-right: 0.5rem;
}

#copyright {
  border-top: 0.5px solid white;
}

#copyright span {
  margin: 0 1rem;
}

#content {
  padding: 2rem 0; 
  margin-left: 1.5rem;
}
#content-columns h4 {
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

form {
  padding: 1rem;
}

#content img {
float: right;
/* margin: 10px 0 10px 0 10px; */
border: 1px solid #e6e6e6;
padding: 10px;
margin-left: 1em;
}


hr {border: 0;}

figure {
/* margin: 10px 0 10px 0 10px; */
/*   border: 1px solid #e6e6e6; */
/'   padding: 10px;
   margin-left: 1em; */
   border: 0;
}
figure.image {
	display: inline-block;
/*	border: 1px solid gray; 
	margin: 0 2px 0 1px;*/
/*	background: #f5f2f0; */
border: 1px solid #e6e6e6;
}

figure.align-left {
	float: left;
        margin-right: 1em;
}

figure.align-right {
	float: right;
        margin-left: 1em;
}

figure.image img {
	/* margin: 8px 8px 0 8px; */
        border: 0 !important;
    margin: 0 !important;
    padding: 0.5em 0.5em 0;
}

figure.image figcaption {
	/* margin: 6px 8px 6px 8px; */
	text-align: center;
        color: gray;
        font-size: 0.9rem;
}

.right {float: right;margin-left: 1em;}
.left {float: left;margin-right: 1em;}

.item-properties img {
  border: 0 !important
}
.pageicon  {
margin: 0 !important;
border: 0 !important;
float: left !important;
padding: 0 !important;margin: 0;
border: 0 !important;
}


img.member {max-height:7em;padding:0.3em;}

#password {margin:0;}

.item {
   margin: 1em 0;
/*   padding: 1em; */
   border: 4px solid #e6e6e6;
}
.fmitem {
   margin: 1em 0;
/*   padding: 1em; */
   border: 4px solid #e6e6e6;
}
.functions {
   padding-top: 1em;
}
.functions > ul {
    margin-left: 0;
    list-style: none;
}
.brace {padding: 0 1rem;}
.menu-icon {
/*  vertical-align: inherit; */
}

a:visited {

}

.hidden {
   display: none;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  h1 {font-size: 1.7rem;}
  h2 {font-size:1.1rem;}
  .is-stuck #sticky-logo {
    font-size: 1.6rem;
/*    padding-top: 0.5rem; */
  }
#content {
  padding: 0; 
  margin-left: 0;
}
#content h3 {
  margin: 0;
  font-size: 1.2em;
}

}

.twitterbox {
   display: none;
}
/* Medium and up */
@media screen and (min-width: 40em) {
.twitterbox {
   display: block;
}
.drilldown a {
  background-color: white;
}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  h1 {font-size: 2.8rem;}
  h2 {font-size: 1.5rem}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
/* cmsms stylesheet: FormBuilder Default Style modified: Saturday, October 30, 2021 6:40:05 AM */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
fieldset {
	margin-bottom: 1em;
	border: 1px solid #F60;
	padding: 0.5em
}
fieldset label {
	width: auto;
}
legend {
	color: #FFF;
	background: #F60;
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	padding: 0.2em;
	width: auto;
	border: 1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.error_message {
    border: 1px solid red;
    padding: 1em;
}
.fb_invalid {
   color: #F00;
   font-size: 0.9em;
}