/* Events Micro Sites */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

.event.left .info {
float:right;
}
.info .row .info-text {
float:none;
margin:auto;
text-align:center;
}
.info-text .details {
padding:10px 30px;
text-align:left;
}
.row.event .image {
position:absolute;
height:100%;
width:50%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.info-text a.button {
padding:5px 10px;
border-radius:15px;
background-color:white;
display:inline-block;
}
.mailing {
float:none;
margin:auto;
}
.mailing form {
margin-top:20px;
}
.mailing form input {
width:79%;
padding:5px;
font-size:20px;
border:2px solid white;
background-color:rgba(255,255,255,0.5);
color:white;
text-transform:uppercase;
font-weight:bold;
margin:0 .5%;
}
.mailing form button {
width:19%;
float:right;
padding:5px;
font-size:20px;
border:2px solid white;
background-color:rgba(255,255,255,0.5);
color:white;
font-weight:bold;
margin:0 .5%;
}
.mailing h1 {
font-size:38px;
text-align:center;
color:white;
margin:0;
}
.all-events .head h1 {
text-align:center;
}
.event-list {
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
padding-top:50px;
padding-bottom:75px;
position:relative;
}
.event-list .overlay {
background-color:rgba(241,89,41,0.5);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.slider .event-box {
vertical-align:top;
display:inline-block;
width:300px;
height:500px;
margin:0 10px;
border:1px solid rgba(0,0,0,0.3);
white-space:normal;
position:relative;
}
.event-box .event-image {
background-position:center center;
background-size:cover;
position:relative;
}
.event-box h4 {
text-align:center;
margin:0;
padding:10px 0;
font-weight:bold;
font-size:20px;
height:64px;
}
.event-box .scrol-text {
padding:0 10px;
overflow-y:auto;
}
.event-box a.button {
position:absolute;
width:50%;
padding:5px;
text-align:center;
bottom:calc(5% - 16px);
left:calc(50% - 25%);
border-radius:15px;
color:white;
background-color:#f26522;
}
.background.banner {
position:relative;
}
.banner .event-back {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
.event .info-text {
margin:30px 0;
background-color:white;
position:relative;
padding-bottom:40px;
padding-top:10px;
}
.event.left .info-text {
float:none;
margin-left:auto;
}
.event.right .info-text {
float:none;
margin-right:auto;
}
.info-text .event-color {
display:block;
width:100%;
height:30px;
left:0;
bottom:0;
position:absolute;
}
.info-text h2 {
margin-top:0;
}
.other-event .event-img {
height:630px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
display:block;
}
.other-event a.button {
display:inline-block;
padding:5px 10px;
border:1px solid black;
font-size:17px;
border-radius:25px;
}
.other-event {
padding-bottom:10px;
}

@media (min-width: 1200px) {

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
.info-text .details {
padding:10px 15px;
}
.event.left .info-text {
margin-right:auto;
}
.event.right .info-text {
margin-left:auto;
}

}

@media (max-width: 480px) {
.info-text .details {
padding:10px 5px;
}
.event.left .info-text {
margin-right:auto;
}
.event.right .info-text {
margin-left:auto;
}

}