@charset "utf-8";
/* CSS Document */

.img-center-logo{
	margin:0 auto;
	display:block;
	max-width:100%;
	
}

.whitebg{background:#fff;}

/*upcoming events*/
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {margin-bottom: 0;padding: 0px;}
/* Reposition the controls slightly */
.desktop-event-2 .carousel-control{color:#dcdcdc;}
.desktop-event-2 .right.carousel-control, .desktop-event-2 .left.carousel-control{display:block;margin-top:10%;}
.desktop-event-2 .carousel-control.left:hover,
.desktop-event-2 .carousel-control.right:hover,
.desktop-event-2 .carousel-control.right:focus, 
.desktop-event-2 .carousel-control.right:active, 
.desktop-event-2 .carousel-control.left:focus,
.desktop-event-2 .carousel-control.left:active{color:#ffffff!important;}
.carousel-control {
	width:0%!important;
	color:#f1efef;
	background-color: transparent;
    filter: alpha(opacity=50);
    opacity: 1;
	left: -28px;
	top:-10px!important;
	font-size:45px!important;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0)!important;
}

.desktop-event-2.carousel-control.left{background-image:none!important;}
.desktop-event-2.carousel-control.right {right: -12px;background-image:none!important;}
.right.carousel-control, .left.carousel-control {display: none;}
.desktop-event-2.carousel-control.left:hover,.carousel-control.right:hover,.carousel-control.right:focus, .carousel-control.right:active, .carousel-control.left:focus, .desktop-event-2.carousel-control.left:active{color:#dcdcdc!important;}
/* Changes the position of the indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -42px;
	margin-right: -19px;
}
/* Changes the colour of the indicators */
.carousel-indicators li {
	background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
#myCarousel .item,#third .frame{border:1px solid #d6d6d6;}


.event h5{color:#000; line-height:23px;}
.event p{font-size:13px;line-height:15px;font-weight:400;color:#aaaaaa;}
.event button.read{border-radius:0!important;background-color:transparent!important;border-color:#68a847;color:#68a847;}
.event button.read:hover{background-color:#68a847!important;color:#fff!important;}
.event button.btn{border-radius:0!important;background-color:#68a847;color:#fff; text-transform:uppercase; font-weight:bold;}
.event button.btn:hover{border-color:#68a847;background-color:#fff;color:#68a847;}
.event .box-info .btn{padding:2px 8px;}
.event button.read{margin-left:10px;border-radius:0!important;background-color:transparent!important;border-color:#68a847;color:#68a847;}


.desktop-event-2{margin-top:20px;}
.event-band{background-color: #fff; padding:20px 0;}
.event-band .box-info ul li .fa {color:#68a847 !important; margin-right:5px;}
.event-band .box-info ul li {
    display: block;
    margin-left: -15px;
}
.event-band .box-info ul {
    margin-top: 20px;
}

.ccenter{display:none;}


.event-band{padding-top: 42px;padding-bottom: 50px;background-color:#f5f5f5;}
.event-band .box{min-height:300px; box-shadow:5px 5px 10px #ccc;}
.event-band .box-info{padding:12px 22px;}
.event-band .box-info ul{margin-top:20px;}
.event-band .box-info ul li {display:block; margin-left:-15px;}
.ml5{margin-left:16px;}
.dip{display:inline-block;}
.event .box-info a h5 {
    font-size: 20px;
    line-height: 24px;
}

#mydiv {
    display: block; 
    display: -webkit-box;
    max-width: 400px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1200px) {
	.ml5{margin-left:0px;}
}

@media (max-width: 1000px) {
	.event-band .box-info ul li {
        display: block;
        margin-left: 5px;
    }
    .event-band-img {
        width: 100%;
    }
}

@media (max-width: 900px) {
	.event-band .box-info ul li {
        display: block;
        margin-left: 5px;
    }
}


@media (max-width: 800px) {
	.event-band .box-info ul li {
        display: block;
        margin-left: 5px;
    }
    .desktop-event-2 .right.carousel-control, .desktop-event-2 .left.carousel-control {
        display:none;
    }

    .carousel-control.left {
    display:none;
    }

    .ccenter{text-align:center; margin-bottom:10px;display:block;}

    .left-carousel-mobile {
        color:rgba(0,153,51,.5);margin-right:5px;
    }

    .right-carousel-mobile{
        color:rgba(0,153,51,.5);
    }

    .left-carousel-mobile a:active, a:hover, a:focus {
        color:#68a847;
        
    }

    .right-carousel-mobile a:active, a:hover, a:focus{
        color:#68a847;
    }
}