.technion-calendar-events{
font-family: DINWebPro;	
}

body.rtl .technion-calendar-events{
font-family: ReformaWebRegular;	
}

.iframe-buttons-continer{
font-family: DINWebPro-Bold;	
}

body.rtl .iframe-buttons-continers{
font-family: ReformaWebBold;	
}

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

#iframe-continer{
	margin-top:20px;
}

.iframe-buttons-continer{
	/*width:98.5%;*/
	background: #f1ede1;
}

.iframe-buttons-style{
	border-right: 2px solid #FFFFFF !important;
	color:#213d91 !important;
	background: #f1ede1 !important;
	font-size: 20px !important;
	border-bottom: none !important;
	border-top: none !important;
	box-shadow: none !important;
	height: 60px;
	padding:10px 20px !important;
}

body.rtl .iframe-buttons-style{
	border-right: none !important;
	border-left: 2px solid #FFFFFF !important;
}



.iframe-buttons-sub-level-style{
  border: none !important;
  color: #404040 !important;
  background: #F1EDE1 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  padding: 4px 2px !important;
  margin: 2px;
  white-space: normal;
  width: 19.4%;
  height: 50px;
  vertical-align:middle;
}

.iframe-buttons-style-active{
	background: #e5e2cf !important;
}


#faculties-colors-inline{
	background-color: #FFFFFF;
	width:100%;
}

#faculties-colors-inline span{
  padding: 5px;
  margin: 2px 2px 0 2px !important;
  border-radius: 4px;
  font-size: 10px;
  color: #FFFFFF;
  white-space: nowrap;
  float: left;
}

body.rtl #faculties-colors-inline span{
  
  margin: 2px 2px 0 2px !important;
  float: right;
}

/* Style the last events widget */
.last-events-title{
padding: 0 10px;
color: #c19f10;
font-size: 16px;
font-weight: normal;
line-height: 25px;
margin-bottom: 5px;
}

.technion-last-events{
height: 136px;
}

@media screen and (max-width: 1130px){
	
    a.read_more_special{
	padding: 0 !important;
	}
}  

@media screen and (max-width: 921px){
	
    .iframe-buttons-sub-level-style{
  
  	width: 19.5%;
 
	}
}

@media screen and (max-width: 863px){
	
    .iframe-buttons-sub-level-style{
  
  	width: 24.5%;
 
	}
}

@media screen and (max-width: 800px){
	
    #iframe-buttons-sub-level{
	display: none !important;
	}
}