@import url("//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css");

/*partneri*/
.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  min-height: 300px; width: calc((100% - 2 * 2.05rem) / 3.2);
  /*background-color: gray !important;*/
  float: left;
  width: 30%;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 600px) {
  .card {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

.card img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.containerCard {
  padding: 2px 16px;
}

.containerCard h2{
  margin-top: 2rem;
}

.partnerLink {
	visibility: visible;
	width: calc((100% - 2 * 2rem) / 1.2);
	font-weight: normal;
	/*font-size: 1.2rem;
	display: inline-block;*/
	position: absolute;
	bottom: 2rem;
	margin-bottom: 0;
	margin-right: 0;
	text-align: center;
	overflow: hidden;
	padding: 0.2rem;
}
/*partneri end*/

/*iframe responsiv*/
.iframe-container {
  overflow: hidden;
  padding-top: 25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.vsbInfoboxes .box {
   /*display: inline-block !important;*/
   margin-right: 1rem;
}

/*********** KONTAKTNI OSOBY ***********/
.contact-people .item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.contact-people .item {
	margin-bottom: 2rem;
}

@media print, screen and (min-width: 1201px) {
	.contact-people .item {	
		width: 48%;
	}
}

@media print, screen and (min-width: 661px) {
	.contact-people .item .content {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		display: -webkit-flex;
		-webkit-flex-wrap: nowrap;
		-webkit-align-items: center;
	}
}

.contact-people .item .photo,
.contact-people .item .info,
.contact-people .item .info-without-photo
{
	display: inline-block;
	width: 100%;
	text-align: center;
}

@media print, screen and (min-width: 661px) {
	.contact-people .item .photo,
	.contact-people .item .info {
		display: inline-block;
		width: 48%;
	}
}

@media print, screen and (min-width: 661px) {
	.contact-people .item .info,
	.contact-people .item .info-without-photo{
		text-align: left;
	}
}

@media print, screen and (min-width: 661px) {
	.contact-people .item .info-without-photo {
		display: inline-block;
		width: 70%;
	}
}

.contact-people .item .photo img {
	width: 200px;
}

@media print, screen and (min-width: 1001px) {
	.contact-people .item .photo img {
		width: 90%;
		max-width: 250px;
	}
}

.contact-people .item .annotation {
	font-size: 85%;

}
.contact-people .item .contact {
	font-size: 90%;
}

.contact-people .item .attribute-prefix {
	color: #afafaf;
}

.contact-people .item .name {
	font-size: 110%;
	font-weight: bold;
}

.contact-people .item i.icon {
	margin-right: 1rem;
}

.contact-people hr {
	border: 0;
    border-top: 1px solid #ececec;
}

/*partner program*/

.minline {
	line-height: 1rem !important;
}

/********** AKADEMICKY SENAT **********/
table.academic-senate {
	width: 100%;
}

@media print, screen and (min-width: 1601px) {
	table.academic-senate {
		width: 85%;
	}
}
	
@media print, screen and (min-width: 1901px) {
	table.academic-senate {
		width: 80%;
	}
}

table.academic-senate:not(:last-of-type) {
	margin-bottom: 4rem;
}

table.academic-senate .faculty-column{
	width: 10%;
}

table.academic-senate .person-column{
	width: 35%;
}

table.academic-senate .email-column{
	width: 30%;
}

table.academic-senate .phone-column{
	width: 25%;
}

@media print, screen and (min-width: 1150px) {
	table.academic-senate .faculty-title-hidden {
		display: none;
	}
}
/****/