.event-cover {
position: relative
}
.event-month-selector, .event-month-selector-mobile {
margin: 0 auto 30px auto;
max-width: 200px;
position: relative;
z-index: 9
}
.event-month-selector .selected-month, .event-month-selector-mobile .selected-month {
padding: 10px;
background-color: #fff;
}
.event-month-selector ul, .event-month-selector-mobile ul {
display: none;
border-top: 1px solid #000;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
left: 0;
right: 0;
top: 100%;
flex-direction: column;
padding: 10px 0;
background-color: #fff;
height: 300px;
overflow-y: scroll
}
.event-month-selector ul li, .event-month-selector-mobile ul li {
width: 100%;
padding: 7px 10px;
cursor: pointer;
}
.event-month-selector:hover > ul, .event-month-selector-mobile:hover > ul {
display: flex;
}
.event-month-selector ul li:hover, .event-month-selector-mobile ul li:hover {
background-color: #DDD;
}
.rr-events.loading {
opacity: .3;
pointer-events: none
}
.badge-event{
display:inline-block;
font-weight: 500;
background-color: #e7b300;
padding: 3px 10px 5px 10px;
color: #000;
border-radius: 50px;
}
.badge-event-cal {
display:inline-block;
font-weight: 500;
border: 2px solid #fff;
background-color: #e7b300;
padding: 3px 10px 5px 10px;
color: #000;
border-radius: 50px;
position: absolute;
z-index: 2;
left: 50%;
top: 10px;
transform: translateX(-50%);
text-align:center;
white-space: nowrap;
font-size: 14px
}
.blink {
animation: blink 1.7s ease-in-out infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
}
60% {
opacity: 1;
}
}
.no-event {
background-color: transparent;
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 2px rgba(255,255,255,.05)
}
.border-gradient{
border:3px solid;
border-image: linear-gradient(to right, darkblue, darkorchid) 1;
}
.event-redruby{
display: flex;
flex-wrap: wrap;
}
.not-months{
display:none;
}
.days{
width: 50%;
}
.border-gradient {
border: 0;
display: block;
padding: 5px;
position: relative;
background: linear-gradient(0deg, black, #444444);
}
.border-gradient::before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
background: linear-gradient(45deg, #e8f74d, #ff6600d9, #00ff66, #13ff13, #ad27ad, #bd2681, #6512b9, #ff3300de, #5aabde);
background-size: 400%;
width: calc(100% + 5px);
height: calc(100% + 5px);
animation: glower 20s linear infinite;
}
.border-gradient a {
z-index: 1;
position: relative;
}
@keyframes glower {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
.event-section{
position:relative;
padding: 50px 0 50px 0;
}
.event-section img{
width: 100%;
height: auto;
}
.cardL{
padding: 60px;
width: 36%;
background-color: #b10000;
position: relative;
top: 0px;
left:7%;
z-index:3;
}
.cardL h3, .cardR h3{
color: #FFFFFF;
font-family: "Roboto Condensed", Sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 1.1em;
}
.cardL p, .cardR p{
color: #FFFFFF;
font-family: "Open Sans", Sans-serif;
font-size: 17px;
font-weight: 300;
line-height: 1.5em;
padding-bottom:10px;
}
.cardR{
padding: 60px;
width: 36%;
background-color: #b10000;
position: relative;
top: 0px;
left:57%;
z-index:3;
}
.btn-book{
border: 2px solid #fff;
color: #fff !important;
font-family: "Roboto Condensed", Sans-serif;
font-size: 15px;
font-weight: 600;
padding: 12px 24px;
border-radius: 3px;
}
.btn-book:hover{
color: #000 !important;
background-color: #fff;
}
.paging{
text-align: center;
padding-top: 30px;
color: #fff;
font-size:25px;
}
@media (max-width: 991.98px) { 
.event-section{
padding: 50px;
overflow:hidden;
}
.cardL, .cardR{
width: 100%;
left: 0;
padding: 30px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}