/*New Events Styles, used on /events and for competitions */


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

p, li, input, h1, h2, h3, h4, h5, h6, a {
font-family:'Freight Text';
}
div.container {
max-width:1600px;
width:100% ;
}
h1.section_title {
font-family:'freight_text_bold', sans-serif;
text-align:left;
color:#000;
font-size:2.3em;
margin:50px 0;
font-weight:700;
}
#competitions #competition_slider {
margin-left:-20px;
}
#competition_slider .slick-slide {
margin-left:20px;
}
#competition_slider .slick-arrow {
background:#fff;
border-radius:50%;
font-size:20px;
position:absolute;
top:37%;
z-index:100;
width:30px;
height:30px;
line-height:30px;
text-align:center;
cursor:pointer;
}
#competition_slider .slick-next {
right:30px;
}
#competition_slider .slick-prev {
left:30px;
}
#competitions h3 {
font-family:'Freight Text';
font-weight:normal;
}
#competitions img {
width:100%;
}
#upcoming_events {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:0 auto;
}
#upcoming_events > div {
width:100%;
position:relative;
margin:10px 0;
}
#upcoming_events .top_content {
padding:10px 20px;
}
#upcoming_events .bottom_content {
position:relative;
z-index:100;
background:rgba(255,255,255,0.8);
display:flex;
flex-direction:column;
justify-content:center;
width:80%;
margin:-100px auto 0;
padding:100px;
}
#upcoming_events > div img {
width:100%;
}
#upcoming_events .share {
position:absolute;
top:15px;
right:15px;
background:rgba(0,0,0,0.5);
color:#fff;
width:40px;
height:40px;
line-height:40px;
text-align:center;
border-radius:50%;
font-size:20px;
}
#upcoming_events .bottom_content p {
max-width:70%;
margin:10px auto;
}
#upcoming_events .call_to_action {
margin:20px auto;
padding:0;
font-weight:bold;
font-size:50px;
font-family:'Freight Text';
text-align:center;
max-width:70%;
}
#upcoming_events .datetime {
text-align:center;
text-transform:uppercase;
font-size:30px;
font-family:'Freight Sans Bold';
}
#upcoming_events .location {
font-family:'Freight Sans';
font-size:25px;
text-align:center;
}
#upcoming_events .description {
font-family:'freight_text_book';
font-size:20px;
text-align:center;
}
#upcoming_events > div:not(:last-child) {
margin-right:5%;
}
.event-custom-btn {
padding:20px 30px;
color:white;
font-size:22px;
display:block;
margin:20px auto;
width:300px;
text-align:center;
font-family:'Freight Sans Bold';
transition:all 0.3s;
border-style:solid;
border-width:2px;
}
.event-custom-btn:hover {
background:white !important;
}
#upcoming_events a:hover, #previous_events a:hover {
color:#000;
}
h1.past_events_header {
display:block;
width:100%;
background:#000;
color:#fff;
text-align:center;
text-transform:uppercase;
font-size:16px !important;
padding:20px 0;
margin-top:75px;
font-family:'freight_sans_black';
}
#past_events, #current_events {
display:flex;
flex-wrap:wrap;
justify-content:start;
margin-left:1.3%;
}
#past_events > div, #current_events > div {
width:23%;
margin:10px;
}
#current_events .month {
font-family:'freight_sans_book' !important;
}
#current_events .event_tag {
font-family:'Freight Sans Bold';
font-size:18px;
margin:0;
}
#current_events .colored-btn {
margin:10px auto;
display:block;
padding:5px 15px;
color:white;
font-family:'freight_sans_book' !important;
border:2px solid white;
transition:all 0.3s;
}
#current_events .colored-btn:hover {
background:black !important;
color:white;
}
#current_events .teaser {
font-family:'freight_sans_book';
font-size:16px;
margin:0;
}
#past_events img, #current_events img {
width:100%;
}
#past_events .bottom_content, #current_events .bottom_content {
padding:10px 15px 10px;
}
#past_events .top_content, #current_events .top_content {
padding:5px 15px 0;
}

@media (min-width: 1200px) {

}

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

}

@media (min-width: 768px) and (max-width: 979px) {
#past_events, #current_events {
justify-content:center;
}
#past_events > div, #current_events > div {
width:45%;
}

}

@media (max-width: 767px) {
#upcoming_events > div {
width:90%;
}
#past_events, #current_events {
justify-content:center;
}
#past_events > div, #current_events > div {
width:45%;
}

}

@media (max-width: 480px) {
#past_events, #current_events {
justify-content:center;
}
#past_events > div, #current_events > div {
width:100%;
}

}