.wp-block-create-block-event-shell {
padding-top: 6rem;
padding-bottom: 6rem;
padding-left: 7%;
padding-right: 7%;
max-width: 100%;
overflow: hidden;
}
.wp-block-create-block-event-shell .event-shell .event-shell-wrapper .event-shell-carousel {
max-width: 1720px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 800px) {
.wp-block-create-block-event-shell .event-shell .event-shell-wrapper .event-shell-carousel {
padding-left: 6%;
padding-right: 6%;
}
}
.wp-block-create-block-event-shell .event-shell .slick-list {
max-width: 1420px;
margin-left: auto;
margin-right: auto;
}
.wp-block-create-block-event-shell .event-shell .slick-list .slick-track {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
}
.wp-block-create-block-event-shell .event-shell h2 {
letter-spacing: 0.2em;
text-align: center;
color: #000;
margin-bottom: 20px;
}
@media (min-width: 800px) {
.wp-block-create-block-event-shell .event-shell h2 {
font-size: 48px;
line-height: 54px;
}
}
.wp-block-create-block-event-shell .event-shell .slick-slide {
flex: 1 1 0%;
max-width: none;
width: auto;
display: inline-flex;
text-decoration: none;
transition: none !important;
height: unset;
}
.wp-block-create-block-event-shell .event-shell .slick-slide:hover, .wp-block-create-block-event-shell .event-shell .slick-slide:focus {
background-color: #f4f6f6;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt {
padding: 35px;
text-decoration: none;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt a {
text-decoration: none;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt .date {
color: #0021a5;
font-weight: 100;
font-size: 48px;
line-height: 48px;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt .time {
font-weight: 100;
color: #000;
font-size: 19px;
line-height: 24px;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt hr {
background: #fa4616;
opacity: 1;
margin: 1rem 0;
color: #fa4616;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt h3 {
font-family: "gentonasemibold";
color: #0021a5;
line-height: 26px;
font-size: 24px;
text-align: left;
text-transform: unset;
}
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt .event-subtext {
color: #000;
font-size: 19px;
font-weight: 100;
display: none;
}
@media (min-width: 767px) {
.wp-block-create-block-event-shell .event-shell .slick-slide .inner-txt .event-subtext {
display: block;
}
}
.wp-block-create-block-event-shell .event-shell .carousel-control-prev,
.wp-block-create-block-event-shell .event-shell .carousel-control-next {
max-width: 40px;
opacity: 1;
transition: all 0.2s ease;
top: -40px;
}
.wp-block-create-block-event-shell .event-shell .carousel-control-next {
right: -15px;
justify-content: end;
align-items: end;
opacity: 1;
}
@media (min-width: 800px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-next {
right: -50px;
}
}
@media (min-width: 1920px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-next {
right: 10px !important;
}
}
.wp-block-create-block-event-shell .event-shell .carousel-control-next:hover .carousel-control-next-icon svg path, .wp-block-create-block-event-shell .event-shell .carousel-control-next:focus .carousel-control-next-icon svg path {
fill: #fa4616;
}
.wp-block-create-block-event-shell .event-shell .carousel-control-next .carousel-control-next-icon {
width: 28px;
height: 90px;
background-image: unset;
}
.wp-block-create-block-event-shell .event-shell .carousel-control-next .carousel-control-next-icon svg path {
transition: all 0.2s ease-in-out;
}
@media (min-width: 800px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-next .carousel-control-next-icon {
width: 40px;
height: 120px !important;
}
}
.wp-block-create-block-event-shell .event-shell .carousel-control-prev {
left: -15px;
justify-content: start;
align-items: end;
opacity: 1;
}
@media (min-width: 800px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-prev {
left: -50px;
}
}
@media (min-width: 1920px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-prev {
left: 10px !important;
}
}
.wp-block-create-block-event-shell .event-shell .carousel-control-prev:hover .carousel-control-prev-icon svg path, .wp-block-create-block-event-shell .event-shell .carousel-control-prev:focus .carousel-control-prev-icon svg path {
fill: #fa4616;
}
.wp-block-create-block-event-shell .event-shell .carousel-control-prev .carousel-control-prev-icon {
width: 28px;
height: 90px;
background-image: unset;
}
.wp-block-create-block-event-shell .event-shell .carousel-control-prev .carousel-control-prev-icon svg path {
transition: all 0.2s ease-in-out;
}
@media (min-width: 800px) {
.wp-block-create-block-event-shell .event-shell .carousel-control-prev .carousel-control-prev-icon {
width: 40px;
height: 120px;
}
}
.wp-block-create-block-event-shell .event-shell .calendar-slider {
padding-right: 60px;
padding-left: 60px;
margin-left: 10px;
margin-right: 10px;
}