@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css?family=Lobster|Merriweather:700&display=swap');
body {
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	color: #1c1c1c;
}

h1, h2, h3, h4 {
	margin:10px 0;
	/*font-family: 'Raleway', sans-serif;*/
	/*font-weight:bold !important;*/
}

h1 span {
	color: #72b626;
}

h3 {
	color: #222222;
	font-size:2.0em;
	/*font-weight: 600;*/
	padding-bottom:10px;
}
h1 {
	color:#07080c;
	font-size: 20px;
	padding-bottom: 25px;
	line-height:50px;
	text-align: center;
	margin: 15px 0;
	padding: 0px;
	text-transform: uppercase;
}

.legal-img {
	border:2px solid #88b747;
}



#events h1 {
	margin-bottom: 40px;
	
	font-size:1.5em;
}

#events p {
	text-align:justify;
	padding: 0px 0;
	font-size:15px;
}

#events h3 {
	color: #fc623b;
	text-align:left;
	font-size:3.0;
	margin:20px 0 10px;
}
.events{
/*
	padding: 1em;
	-webkit-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);*/
}

.box{
	
	width: 100%;
	height: 100%;
	-webkit-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
	background: linear-gradient(to bottom, #3472cf 0%, #2757a5 100%) !important;
	color: #fff !important;
	margin-top: 20px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
}

h2.event-tittle {
	font-size: 16px;
	text-align: center;
	padding: 20px 0px;
	color: #fff;
}

h2.event-tittle a{
	color: #fff;
	outline: none;
}

h2.event-tittle a:hover{
	color: #fff;
	text-decoration: none !important;
	outline: none;
}
.event-box{
	box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1);
	padding: 10px;
	min-height: 500px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom: 3px solid #2757a5;
	background-color: #fff !important;
	margin-top: 20px;
}
.event-box img{
	width: 100%;
	height: 250px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
h4.sub-head {

    text-align: left !important;
    font-size: 0.8em !important;
    font-weight: 200 !important;
    border-bottom: 1px dotted #999 !important;
    padding: 8px 0 8px 0 !important;
    margin: 0px !important;
	line-height: 1.7em;

}
.scroll{
	overflow-y: scroll;
	height: 250px;
}

@media(max-width:768px){
 .box{
	margin-top: 20px;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
box-shadow: -1px 2px 7px -3px rgba(0,0,0,0.75);
}
}