*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}

html, body {
    height: 100%;
}
body{position:relative;}
a{outline:none; border:0; text-decoration:none;}

.container{
	width:100%;
	/* max-width:500px; */
	margin:0 auto;
}

.widget-area{
	width:100%;
	float:left;
	padding-bottom:20px;
	min-height:100%;
	position:relative;
}

.titleBar{
	width:100%;
	float:left;
	padding:5px;
}

.titleBar .icon {
  float: left;
  height: 37px;
  line-height: 30px;
  margin: 0 4%;
  text-align: center;
  width: 6%;
}

.titleBar .icon img {width:37px; height:auto; vertical-align: middle;}

.titleBar h2{
	font-size:21px;
	line-height:36px;
	font-weight:normal;
	display:inline-block
}

.widget-row{
	width:100%;
	float:left;
	padding:10px 10px 10px 5px; 
	border-bottom:1px solid #000;
}

.widget-row:last-child{
	border-bottom:0px solid #000;
}

.widget-row .dateBg{
	/* width: 13.5%; */
	width: 12%;
	min-height:65px;
	float:left;
	text-align:center;
	margin-right:10px;
}

.widget-row .dateBg h2{
	line-height: 18px;
}

.widget-row .dateBg h2 span{
	display:inline-block;	
	font-size:14px;
	width:100%;
	font-weight:normal;
}

.widget-row .content{
	float:left;
	width: 83%;
}

.widget-row .content h6{
	font-size:15px;
}

.widget-row .content p{
	font-size:13px;
	line-height:20px;
}

.widget-row .content p a{
	text-decoration:underline;
}

#upcoming-event {
    float: left;
    margin: 20px 2% 0;
	max-height:100%;
    overflow: auto;
	position:relative; 
}
#upcoming-event .widget-row:last-child{ margin-bottom:70px;}
#recent-event {
	float:left;
    margin: 20px 2% 0;
    
}

#upcoming-event {width:96%; max-height: 548px; margin-bottom: 20px; margin-top:20px;}
#recent-event{width:96%; max-height: 548px;}
.widget-area.one {position:absolute;}
.widget-area.one #upcoming-event { height: 100%;  max-height: 100%;  min-height: 100%;  position: absolute;  top: 46px;}

/* new css 10-04-2017 */

#recent-event {
    overflow: auto;
}
.iframe_container iframe {
    height: 100% !important;
    min-height: 1000px !important;
}
/*  new css 10-04-2017 ends  */

@media (max-width:500px){
	.titleBar .icon {width:7.8%}
	.titleBar .icon img {width:100%; vertical-align: middle;}
}

@media (max-width:480px){
	/*#upcoming-event{max-height: 90px;}*/
}

@media (max-width:360px){
	.widget-row .content{width: 80%;}
	.widget-row .dateBg {width: 15%;}
}