.container-event {
display: flex;
flex-wrap: wrap;
column-gap: 30px;
max-width: var(--container-width);
margin: 110px auto;
padding: 0px 10px;
}
@media only screen and (min-width: 1024px) {
.container-event #sidebar-event {
flex: 0 0 370px;
max-width: 370px;
}
.container-event #sidebar-active {
flex: 0 0 calc(100% - 400px);
max-width: calc(100% - 400px);
}
}
@media (max-width: 1024px) {
.container-event {
margin: 70px auto;
}
.container-event #sidebar, .container-event #sidebar-active {
flex: 0 0 100%;
max-width: 100%;
}
}
.container-event #main-event {
width: 100%;
}
.container-event #sidebar-active {
width: 100%;
}
.container-event .sidebar {
position: sticky;
position: -webkit-sticky;
top: 150px;
left: 0;
height: 100%;
margin-bottom: 65px;
}
.container-event .ovaev-content {
position: relative;
}
.container-event .ovaev-content a {
text-decoration: none;
}
.icon_event {
font-size: 14px;
margin-right: 4px;
color: var(--primary);
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (max-width: 1024px) {
#sidebar-event {
width: 100%;
}
}
#sidebar-event .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar-event .widget ul li {
border: none;
margin: 0;
padding: 0;
position: relative;
}
#sidebar-event .widget ul li a {
font-size: 16px;
}
#sidebar-event .widget ul li a:hover {
color: var(--primary);
}
#sidebar-event .widget .tagcloud {
position: relative;
width: 100%;
margin-top: 7px;
}
#sidebar-event .widget .tagcloud a {
display: inline-block;
font-size: 15px !important;
line-height: 22px;
padding: 2px 10px 1px 10px;
border: 1px solid #e0e0e0;
margin: 0 10px 10px 0;
background-color: transparent;
}
#sidebar-event .widget .tagcloud a:hover {
color: var(--primary);
}
#sidebar-event .widget_feature_event .event-feature .item-event {
display: flex;
padding: 20px 0 17px 0;
}
#sidebar-event .widget_feature_event .event-feature .item-event:first-child {
padding-top: 0;
}
#sidebar-event .widget_feature_event .event-feature .item-event:not(:last-child) {
margin-bottom: 30px;
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .post_cat .event_type {
font-size: 17px;
line-height: 22px;
color: #0067da;
font-weight: 600;
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .event_title {
font-size: 22px;
line-height: 26px;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 10px;
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .event_title a {
color: var(--heading);
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .event_title a:hover {
color: var(--primary);
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .time-event {
font-size: 16px;
line-height: 1.2;
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .time-event .time {
margin-bottom: 7px;
}
#sidebar-event .widget_feature_event .event-feature .item-event .desc .event_post .time-event .time .more_date_text:hover {
color: #202b5d;
}
#sidebar-event .widget_feature_event .event-feature .item {
position: relative;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event-thumbnail {
position: relative;
overflow: hidden;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event-thumbnail img {
display: block;
width: 100%;
height: 210px;
object-fit: cover;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event-thumbnail .date-event {
transition: all 0.3s ease;
position: absolute;
bottom: 20px;
left: 30px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event-thumbnail .date-event span {
display: block;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .event_title {
margin: 20px 0 15px 0;
font-size: 18px;
line-height: 1.3;
color: var(--heading);
text-transform: capitalize;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .event_title a {
color: var(--heading);
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .event_title a:hover {
color: var(--primary);
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .time-event {
line-height: 1.2;
font-weight: 500;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .time-event .time {
margin-bottom: 7px;
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .time-event .time .more_date_text {
color: var(--primary);
}
#sidebar-event .widget_feature_event .event-feature .item .desc .event_post .time-event .time .more_date_text:hover {
color: var(--heading);
}
#sidebar-event .widget_list_event .list-event {
padding-top: 5px;
margin-bottom: 30px;
}
#sidebar-event .widget_list_event .list-event .item-event {
display: flex;
column-gap: 20px;
padding: 20px 0 16px 0;
}
#sidebar-event .widget_list_event .list-event .item-event:first-child {
padding-top: 0;
}
#sidebar-event .widget_list_event .list-event .item-event:last-child {
padding-bottom: 0;
}
#sidebar-event .widget_list_event .list-event .item-event:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-thumb-nail {
flex: 0 0 80px;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-thumb-nail a {
width: 80px;
height: 80px;
display: inline-block;
background-size: cover;
background-position: center center;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .title {
margin: 0;
font-size: 18px;
line-height: 1.3;
color: var(--heading);
margin-bottom: 5px;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .title a {
color: var(--heading);
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .title a:hover {
color: var(--primary);
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .time span {
font-size: 15px;
line-height: 20px;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .time span.date {
display: block;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .time span.bellow {
display: block;
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .time .more_date_text span {
transition: all 0.3s ease;
color: var(--primary);
}
#sidebar-event .widget_list_event .list-event .item-event .ova-content .time .more_date_text span:hover {
color: var(--heading);
}
#sidebar-event .widget_list_event .button-all-event {
display: inline-flex;
align-items: center;
}
#sidebar-event .widget_list_event .button-all-event a {
transition: all 0.3s;
background-color: #fff;
border: 1px solid var(--primary);
margin-right: 11px;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: var(--primary);
padding: 8px 20px;
}
#sidebar-event .widget_list_event .button-all-event a:hover {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.single_event .content-event .event_intro h1.event_title {
font-size: 36px;
margin: 0 0 36px 0;
}
.single_event .content-event .event_intro .image {
margin-bottom: 25px;
}
.single_event .content-event .event_intro .image img {
display: block;
max-height: 520px;
width: 100%;
object-fit: cover;
}
.single_event .content-event .event_intro .wrap-event-info {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 0 30px 0;
}
@media only screen and (max-width: 767px) {
.single_event .content-event .event_intro .wrap-event-info {
grid-template-columns: 1fr;
}
.single_event .content-event .event_intro .wrap-event-info .wrap-info {
margin-bottom: 30px;
}
}
.single_event .content-event .event_intro .wrap-event-info .wrap-info .wrap-pro {
margin-bottom: 10px;
}
.single_event .content-event .event_intro .wrap-event-info .wrap-info .wrap-pro i {
margin-right: 8px;
color: var(--primary);
}
.single_event .content-event .event_intro .wrap-event-info .wrap-info .wrap-pro span {
color: var(--text);
}
.single_event .content-event .event_intro .wrap-event-info .wrap-booking-links {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 645px) {
.single_event .content-event .event_intro .wrap-event-info .wrap-booking-links {
justify-content: flex-start;
}
}
.single_event .content-event .event_intro .wrap-event-info .wrap-booking-links a {
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-transform: capitalize;
border-radius: 0;
background-color: var(--primary);
color: #fff;
padding: 17px 51px;
transition: all 0.3s ease;
}
.single_event .content-event .event_intro .wrap-event-info .wrap-booking-links a:hover {
background-color: var(--heading) !important;
}
.single_event .content-event .event_intro .wrap-event-info .ovaev-category i {
margin-right: 10px;
}
.single_event .content-event .event_intro .wrap-event-info .ovaev-category span, .single_event .content-event .event_intro .wrap-event-info .ovaev-category a {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
font-weight: 500;
}
.single_event .content-event .event_intro .wrap-event-info .ovaev-category .separator-in {
color: #2a2c37;
}
.single_event .content-event .event_intro .wrap-event-info .ovaev-category a {
color: #202b5d;
font-weight: 500;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single_event .content-event .event_intro .wrap-event-info .ovaev-category a:hover {
color: var(--primary);
}
.single_event .content-event .tab-Location .event_nav {
display: flex;
flex-wrap: wrap;
margin: 0;
list-style: none;
border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 450px) {
.single_event .content-event .tab-Location .event_nav {
flex-direction: column;
}
}
.single_event .content-event .tab-Location .event_nav button.event_nav-link {
position: relative;
margin: 0 15px;
font-size: 22px;
line-height: 1.2;
color: var(--heading);
background-color: transparent;
font-weight: bold;
padding: 0 0 15px 0;
border-width: 0 0 0 0;
cursor: pointer;
}
.single_event .content-event .tab-Location .event_nav button.event_nav-link .event_nav-link {
display: block;
}
.single_event .content-event .tab-Location .event_nav button.event_nav-link:first-child {
margin-left: 0;
}
@media (max-width: 767px) {
.single_event .content-event .tab-Location .event_nav button.event_nav-link {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
}
@media screen and (max-width: 450px) {
.single_event .content-event .tab-Location .event_nav button.event_nav-link {
padding-bottom: 5px;
margin: 0 0 20px 0;
}
}
.single_event .content-event .tab-Location .event_nav button.event_nav-link.active {
border-width: 0 0 1px 0;
}
.single_event .content-event .tab-Location .tab-content {
margin-top: 40px;
}
.single_event .content-event .tab-Location .tab-content .col_contact {
flex: 0 0 50%;
max-width: 50%;
padding: 0;
}
@media (max-width: 767px) {
.single_event .content-event .tab-Location .tab-content .col_contact {
flex: 0 0 100%;
max-width: 100%;
}
}
.single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact {
padding: 0;
margin: 0;
}
.single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact li {
list-style: none;
margin-bottom: 25px;
margin-left: 0;
}
.single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact li span:nth-child(1) {
color: var(--heading);
letter-spacing: 0.2px;
font-weight: bold;
margin-bottom: 4px;
}
.single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact li span, .single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact li a {
font-size: 16px;
color: var(--text);
display: block;
line-height: 1.2;
}
.single_event .content-event .tab-Location .tab-content .col_contact .contact .info-contact li a:hover {
color: var(--primary);
}
.single_event .content-event .tab-Location .tab-content .event_row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
}
.single_event .content-event .tab-Location .tab-content .event_row img {
display: block;
width: 100%;
height: 255px;
object-fit: cover;
}
.single_event .content-event .event_tags_share .event-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
margin-top: 50px;
padding-bottom: 40px;
}
.single_event .content-event .event_tags_share .event-tags .ovatags {
display: inline-block;
text-transform: capitalize;
font-size: 100%;
line-height: 22px;
letter-spacing: 0.3px;
color: #202b5d;
font-weight: bold;
margin-right: 10px;
margin-bottom: 10px;
}
.single_event .content-event .event_tags_share .event-tags a {
font-size: 12px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
color: var(--heading);
padding: 18px 30px;
background: #f5f5f5;
border: none;
border-radius: 100px;
margin-bottom: 10px;
}
.single_event .content-event .event_tags_share .event-tags a:hover {
color: #fff !important;
background: var(--primary);
}
.single_event .content-event .event_tags_share .event-tags a:not(:last-child) {
margin-right: 10px;
}
.single_event .content-event .event_tags_share .share_social .share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 30px 0;
margin: 0;
margin-top: 30px;
}
.single_event .content-event .event_tags_share .share_social .share-social-icons li {
display: inline-block;
}
.single_event .content-event .event_tags_share .share_social .share-social-icons li.share {
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
.single_event .content-event .event_tags_share .share_social .share-social-icons li a {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 46px;
height: 46px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
color: var(--heading);
}
.single_event .content-event .event_tags_share .share_social .share-social-icons li a:hover {
transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.single_event .content-event .event_tags_share .share_social .share-social-icons li a i {
display: inline-flex;
}
.single_event .content-event .ova-next-pre-post {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 25px;
direction: ltr;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post {
flex-direction: column;
}
}
.single_event .content-event .ova-next-pre-post .pre, .single_event .content-event .ova-next-pre-post .next {
display: flex;
flex: 0 0 calc(50% - 25px);
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .pre, .single_event .content-event .ova-next-pre-post .next {
flex: 0 0 100%;
}
}
.single_event .content-event .ova-next-pre-post .pre:hover .num-1 .icon, .single_event .content-event .ova-next-pre-post .next:hover .num-1 .icon {
background-color: var(--primary);
}
.single_event .content-event .ova-next-pre-post .pre:hover .num-1 .icon i, .single_event .content-event .ova-next-pre-post .next:hover .num-1 .icon i {
color: #fff;
}
.single_event .content-event .ova-next-pre-post .pre .num-1, .single_event .content-event .ova-next-pre-post .next .num-1 {
margin-right: 20px;
}
.single_event .content-event .ova-next-pre-post .pre .num-1 .icon, .single_event .content-event .ova-next-pre-post .next .num-1 .icon {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #eaeaea;
border-radius: 50%;
position: relative;
transition: 0.4s;
vertical-align: middle;
}
.single_event .content-event .ova-next-pre-post .pre .num-1 .icon i, .single_event .content-event .ova-next-pre-post .next .num-1 .icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
line-height: 1;
color: #000;
}
.single_event .content-event .ova-next-pre-post .pre .num-1 .icon i:before, .single_event .content-event .ova-next-pre-post .next .num-1 .icon i:before {
transition: 0.4s;
margin: 0px;
font-size: 28px;
}
.single_event .content-event .ova-next-pre-post .pre .num-2 span.text-label, .single_event .content-event .ova-next-pre-post .next .num-2 span.text-label {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px;
font-weight: 400;
margin-bottom: 4px;
display: inline-block;
}
.single_event .content-event .ova-next-pre-post .pre .num-2 .title, .single_event .content-event .ova-next-pre-post .next .num-2 .title {
display: block;
font-size: 20px;
color: var(--heading);
font-weight: bold;
word-break: break-word;
text-decoration: none;
}
.single_event .content-event .ova-next-pre-post .ova-slash {
flex: 0 0 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .ova-slash {
display: none;
}
}
.single_event .content-event .ova-next-pre-post .ova-slash span {
width: 7px;
height: 7px;
border-radius: 50%;
background: #bcbfce;
display: inline-block;
}
.single_event .content-event .ova-next-pre-post .pre {
padding-right: 15px;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .pre {
padding-right: 0px;
}
}
.single_event .content-event .ova-next-pre-post .next {
flex-direction: row-reverse;
padding-left: 15px;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .next {
flex-direction: row;
margin-top: 60px;
padding-left: 0px;
}
}
.single_event .content-event .ova-next-pre-post .next .num-1 {
margin: 0px;
margin-left: 20px;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .next .num-1 {
margin-left: 0px;
margin-right: 20px;
}
}
.single_event .content-event .ova-next-pre-post .next .num-2 {
text-align: right;
}
@media (max-width: 767px) {
.single_event .content-event .ova-next-pre-post .next .num-2 {
text-align: left;
}
}
.single_event .content-event .ova-next-pre-post a {
display: flex;
align-items: center;
}
.single_event .content-event .event-related {
margin-bottom: 60px;
}
.single_event .content-event .event-related .related-event {
font-size: 26px;
line-height: 1.2;
margin: 50px 0 25px 0;
}
.single_event .content-event .event-related .archive_event {
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
@media (max-width: 767px) {
.single_event .content-event .event-related .archive_event {
grid-template-columns: 1fr;
}
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid {
position: relative;
margin-bottom: 0;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .item {
height: 100%;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event-thumbnail {
position: relative;
overflow: hidden;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event-thumbnail .date-event {
transition: all 0.5s ease;
position: absolute;
bottom: 20px;
left: 30px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event-thumbnail .date-event span {
display: block;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event-thumbnail a img {
display: block;
width: 100%;
height: 210px;
object-fit: cover;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post {
padding: 25px 25px 40px 25px;
}
@media (min-width: 1024px) and (max-width: 1099px) {
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post {
padding-left: 20px;
padding-right: 20px;
}
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .post_cat .event_type {
font-size: 16px;
line-height: 22px;
font-weight: 500;
transition: all 0.3 ease;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .post_cat .event_type:hover {
color: #202b5d;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .event_title {
font-size: 22px;
line-height: 1.3;
color: var(--heading);
text-transform: capitalize;
margin-top: 8px;
margin-bottom: 15px;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .event_title a {
color: var(--heading);
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .event_title a:hover {
color: var(--primary);
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .time-event {
font-weight: 500;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .time-event .time {
margin-bottom: 7px;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .button_event {
margin-top: 30px;
display: inline-flex;
align-items: center;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .button_event .view_detail {
transition: all 0.3s;
background: #fff;
border: 1px solid var(--primary);
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
padding: 5px 20px;
}
.single_event .content-event .event-related .archive_event .ovaev-content.content-grid .desc .event_post .button_event .view_detail:hover {
transition: all 0.3s;
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.single_event .wrapper_order {
padding-left: 14px;
position: sticky;
top: 150px;
}
@media (max-width: 767px) {
.single_event .wrapper_order {
padding-left: initial;
}
}
.single_event .wrapper_order .order_ticket {
background: #25282e;
padding: 40px 40px 45px 40px;
}
.single_event .wrapper_order .order_ticket .button_order {
background: #fff;
color: #25282e;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
height: 50px;
line-height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
margin-bottom: 36px;
cursor: pointer;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.single_event .wrapper_order .order_ticket .button_order:focus {
outline: none;
}
.single_event .wrapper_order .order_ticket .button_order a {
color: #25282e;
transition: all 0.3s;
}
.single_event .wrapper_order .order_ticket .button_order:hover {
background: #c1b696;
color: #fff;
}
.single_event .wrapper_order .order_ticket .button_order:hover a {
color: #fff;
}
.single_event .wrapper_order .order_ticket ul.info_order {
padding: 0;
}
.single_event .wrapper_order .order_ticket ul.info_order li {
list-style: none;
margin-bottom: 22px;
}
.single_event .wrapper_order .order_ticket ul.info_order li span {
font-size: 16px;
color: #888888;
font-weight: 400;
line-height: 24px;
display: block;
}
.single_event .wrapper_order .order_ticket ul.info_order li span.label {
color: #fff;
}
.single_event .wrapper_order .order_ticket ul.info_order li a {
color: #888888;
font-size: 16px;
font-weight: 400;
}
.single_event .wrapper_order .order_ticket .share_social {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
padding-top: 17px;
width: fit-content;
}
.single_event .wrapper_order .order_ticket .share_social i {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: #797c82;
color: #22262e;
border-radius: 50%;
margin-right: 10px;
}
.single_event .wrapper_order .order_ticket .share_social span {
color: #fff;
}
.single_event .wrapper_order .order_ticket .share_social .share-social-icons {
padding-left: 0px;
list-style-type: none;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 3px 15px -3px;
position: absolute;
bottom: 100%;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.single_event .wrapper_order .order_ticket .share_social .share-social-icons li {
padding-left: 18px;
border-bottom: 1px solid #e8e8e8;
}
.single_event .wrapper_order .order_ticket .share_social .share-social-icons li a {
padding-bottom: 5px;
padding-top: 7px;
display: inline-block;
font-size: 15px;
line-height: 24px;
color: #777777;
}
.single_event .wrapper_order .order_ticket .share_social:hover .share-social-icons {
opacity: 1;
visibility: visible;
}
.single_event .content_comments .comments ul.commentlists {
margin-bottom: 0;
}
.single_event .content_comments .comments .comment-respond .title-comment {
margin: 78px 0 33px 0;
}
.ovaev-event-content p {
color: var(--text);
}
.ovaev-event-content .event-medium-heading {
margin: 25px 0;
font-size: 20px;
color: var(--primary);
font-weight: 500;
}
.ovaev-event-content .wp-block-columns {
margin: 40px 0;
}
.ovaev-event-content .wp-block-columns .wp-block-image img {
width: 100%;
object-fit: cover;
}
.ovaev-meta-event {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.ovaev-meta-event .author {
margin-right: 14px;
}
.ovaev-meta-event .author a {
color: var(--text);
}
.ovaev-meta-event .author a:hover {
color: var(--primary);
}
.ovaev-calendar-sync {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.ovaev-calendar-sync a {
font-weight: 600;
}
.ovaev-calendar-sync a:hover {
text-decoration: underline;
}
.search_archive_event {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #f1f1f1;
}
.search_archive_event form {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 30px;
}
@media (max-width: 768px) {
.search_archive_event form {
flex-direction: column;
align-items: center;
}
}
.search_archive_event form input {
height: 50px;
display: inline-block;
}
.search_archive_event form .ovaev_cat_search {
width: 28%;
position: relative;
}
@media (max-width: 1024px) {
.search_archive_event form .ovaev_cat_search {
width: 25%;
}
}
@media (max-width: 768px) {
.search_archive_event form .ovaev_cat_search {
width: 310px;
}
}
.search_archive_event form .ovaev_cat_search .ovaev_type {
background-image: none;
}
.search_archive_event form .ovaev_cat_search i {
font-size: 22px;
color: var(--primary);
position: absolute;
top: 13px;
right: 15px;
}
.search_archive_event form .ova-label-search {
display: inline-block;
font-size: 16px;
line-height: 1.3;
font-weight: 700;
color: var(--heading);
margin-bottom: 8px;
}
.search_archive_event form .select2-selection {
width: 100%;
outline: none;
height: 100%;
padding: 4px 15px;
border: 1px solid #e2e2e2;
border-radius: 5px;
}
.search_archive_event form .select2-selection.select2-selection--single .select2-selection__rendered {
font-size: 16px;
color: var(--text);
line-height: 40px;
padding: 0;
opacity: 1;
}
.search_archive_event form .select2-selection .select2-selection__arrow {
height: 100%;
top: 0;
display: none;
}
.search_archive_event form .start_date, .search_archive_event form .end_date {
width: 28%;
position: relative;
}
@media (max-width: 1024px) {
.search_archive_event form .start_date, .search_archive_event form .end_date {
width: 25%;
}
}
@media (max-width: 768px) {
.search_archive_event form .start_date, .search_archive_event form .end_date {
width: 310px;
}
}
.search_archive_event form .start_date input, .search_archive_event form .end_date input {
border: 1px solid #e2e2e2;
border-radius: 5px;
width: 100%;
font-size: 16px;
line-height: 50px;
}
.search_archive_event form .start_date input::placeholder, .search_archive_event form .end_date input::placeholder {
font-size: 16px;
line-height: 50px;
opacity: 1;
}
.search_archive_event form .start_date i, .search_archive_event form .end_date i {
font-size: 16px;
color: var(--primary);
position: absolute;
bottom: 16px;
right: 15px;
}
.search_archive_event form .wrap-ovaev_submit {
width: 16%;
}
@media (max-width: 767px) {
.search_archive_event form .wrap-ovaev_submit {
width: 310px;
margin-top: 20px;
}
}
.search_archive_event form .wrap-ovaev_submit .ovaev_submit {
transition: 0.3s all linear;
width: 100%;
border-radius: 5px;
font-size: 16px;
line-height: 1;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.search_archive_event form .wrap-ovaev_submit .ovaev_submit:hover {
background-color: var(--heading);
color: #fff;
border: none;
transition: 0.3s all linear;
}
.rtl .search_archive_event form .ovaev_cat_search i, .rtl .search_archive_event form .start_date i, .rtl .search_archive_event form .end_date i {
right: unset;
left: 15px;
}
.rtl .search_archive_event form .select2-selection.select2-selection--single .select2-selection__rendered {
direction: rtl;
}
.archive_event {
display: grid;
grid-gap: 30px;
}
.archive_event.col1 {
grid-template-columns: 1fr;
}
.archive_event.col2 {
grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
.archive_event.col2 {
grid-template-columns: 1fr;
}
}
.archive_event.col3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.archive_event.col3 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.archive_event.col3 {
grid-template-columns: 1fr;
}
}
.ovaev-event-element {
position: relative;
}
.ovaev-event-element .item {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
padding: 45px 0;
background-color: transparent;
border-bottom: 1px solid rgb(224, 224, 224);
}
.ovaev-event-element .item:first-child {
border-top: 1px solid rgb(224, 224, 224);
}
.ovaev-event-element .item .date-time_title {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 767px) {
.ovaev-event-element .item .date-time_title {
flex-direction: column;
align-items: flex-start;
}
}
.ovaev-event-element .item .date-start {
position: relative;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
color: var(--heading);
min-width: 180px;
}
.ovaev-event-element .item .event-thumbnail-v2 .date-event {
display: none;
}
.ovaev-event-element .item .event-thumbnail-v2 img {
display: block;
min-width: 80px;
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 50%;
}
.ovaev-event-element .item .time_title {
max-width: 420px;
}
.ovaev-event-element .item .time_title .title {
margin: 0;
font-size: 22px;
line-height: 1.4;
}
.ovaev-event-element .item .time_title .title a {
color: var(--heading);
}
.ovaev-event-element .item .time_title .title a:hover {
text-decoration: underline;
}
.ovaev-event-element .item .time_title .time-venue {
line-height: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
column-gap: 16px;
margin-bottom: 8px;
}
.ovaev-event-element .item .time_title .time-venue span {
line-height: 1.2;
font-weight: 500;
}
.ovaev-event-element .item .event-excerpt {
margin: 0;
max-width: 300px;
}
.ovaev-event-element .item .readmore.up-arrow {
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
min-width: 46px;
height: 46px;
border: 1px solid rgba(5, 26, 83, 0.1);
border-radius: 50%;
}
.ovaev-event-element .item .readmore.up-arrow i {
transition: all 0.3s ease;
display: inline-flex;
color: var(--heading);
transform: rotate(45deg);
}
.ovaev-event-element .item .readmore.up-arrow:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.ovaev-event-element .item .readmore.up-arrow:hover i {
transition: all 0.3s ease;
color: #fff;
}
.ovaev-event-element.version_1 .item.type2 {
border: none;
background-color: #fff;
padding: 24px 35px 24px 55px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.ovaev-event-element.version_1 .item.type2 {
padding: 24px 24px 24px 35px;
}
}
.ovaev-event-element.version_1 .item.type2 .date-time_title {
column-gap: 40px;
}
.ovaev-event-element.version_1 .item.type2 .date-start {
transition: all 0.3s ease;
position: absolute;
top: 10px;
left: -20px;
z-index: 1;
font-size: 12px;
color: #fff;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
min-width: 56px;
}
.ovaev-event-element.version_1 .item.type2 .date-start span {
display: block;
}
.ovaev-event-element.version_1 .item.type2 .event-thumbnail-v2 img {
width: 120px;
min-width: 120px;
height: 120px;
}
.ovaev-event-element.version_1 .item.type2 .time_title .title {
margin: 0 0 10px 0;
font-size: 24px;
}
.ovaev-event-element.version_1 .item.type2 .time_title .venue i {
color: var(--text);
}
.ovaev-event-element.version_1 .item.type3 {
padding: 25px 0;
}
@media (min-width: 768px) {
.ovaev-event-element.version_1 .item.type3 {
flex-wrap: nowrap;
}
}
.ovaev-event-element.version_1 .item.type3:hover .event-thumbnail-v2 {
transition: all 0.5s ease;
top: 50%;
opacity: 1;
visibility: visible;
z-index: 1;
}
@media (max-width: 767px) {
.ovaev-event-element.version_1 .item.type3:hover .event-thumbnail-v2 {
top: 85%;
}
}
.ovaev-event-element.version_1 .item.type3 .date-time_title {
position: static;
column-gap: 30px;
}
.ovaev-event-element.version_1 .item.type3 .date-start {
transition: all 0.3s ease;
font-size: 12px;
color: #fff;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
min-width: 56px;
}
.ovaev-event-element.version_1 .item.type3 .date-start span {
display: block;
}
.ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 {
transition: all 0.5s ease;
position: absolute;
top: 40%;
right: 18%;
transform: translateY(-50%);
z-index: -1;
opacity: 0;
visibility: hidden;
}
@media (max-width: 767px) {
.ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 {
right: 5%;
}
}
.ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 img {
width: 265px;
min-width: 265px;
height: 200px;
border-radius: 0;
}
@media (max-width: 767px) {
.ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 img {
width: 155px;
min-width: 155px;
height: 100px;
}
}
.ovaev-event-element.version_1 .item.type3 .time_title {
max-width: 100%;
}
.ovaev-event-element.version_1 .item.type3 .time_title .title {
margin: 0 0 10px 0;
font-size: 24px;
}
.ovaev-event-element.version_1 .item.type3 .readmore.up-arrow i {
transform: rotate(90deg);
}
.ovaev-event-element.version_2 .container-event {
margin: 0;
padding: 0;
}
.ovaev-event-element.version_2 .container-event .content-event .archive_event {
margin: 0;
}
.ovaev-event-element.version_2 .title-readmore {
margin-bottom: 30px;
}
.ovaev-event-element.version_2 .title-readmore:after {
content: "";
display: block;
clear: both;
}
.ovaev-event-element.version_2 .title-readmore .title-event {
margin: 0;
font-size: 36px;
line-height: 1.5;
float: left;
}
.ovaev-event-element.version_2 .title-readmore .read-more {
transition: all 0.3s ease;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.2px;
float: right;
}
.date-event-wrapper {
position: relative;
}
.rtl .ovaev-event-element.version_1 .item.type2 .date-start {
right: -20px;
left: unset;
}
.rtl .ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 {
right: unset;
left: 18%;
}
@media (max-width: 767px) {
.rtl .ovaev-event-element.version_1 .item.type3 .event-thumbnail-v2 {
right: unset;
left: 5%;
}
}
.cal1 .clndr .clndr-controls {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
position: relative;
color: #23d3d3;
font-size: 20px;
line-height: 60px;
font-weight: 600;
background-color: #202b5d;
margin-bottom: -10px;
}
.cal1 .clndr .clndr-controls .month {
float: left;
width: 60%;
text-align: center;
}
.cal1 .clndr .clndr-controls .clndr-control-button {
float: left;
width: 20%;
}
.cal1 .clndr .clndr-controls .clndr-control-button.rightalign {
text-align: right;
width: 20%;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: transparent;
font-size: 0;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:after {
position: absolute;
top: 40%;
right: 20px;
content: "";
display: inline-block;
height: 13px;
width: 13px;
border: solid #23d3d3;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover:after {
border-color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive {
opacity: 0.5;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover {
background: none;
cursor: default;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
cursor: pointer;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: transparent;
font-size: 0;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:before {
position: absolute;
top: 40%;
left: 20px;
content: "";
display: inline-block;
height: 13px;
width: 13px;
border: solid #23d3d3;
border-width: 0 2px 2px 0;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover:before {
border-color: #fff;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive {
opacity: 0.5;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover {
background: none;
cursor: default;
}
.cal1 .clndr .clndr-table {
table-layout: fixed;
width: 100%;
margin: 10px 0 0;
}
.cal1 .clndr .clndr-table .header-days {
height: 30px;
font-size: 16px;
background: #e8e9ee;
}
.cal1 .clndr .clndr-table .header-days .header-day {
vertical-align: middle;
text-align: center;
color: #202b5d;
}
.cal1 .clndr .clndr-table tr {
height: 50px;
}
.cal1 .clndr .clndr-table tr td {
vertical-align: top;
}
.cal1 .clndr .clndr-table tr .day {
width: 100%;
height: inherit;
vertical-align: middle;
}
.cal1 .clndr .clndr-table tr .day:hover {
background: #eee;
}
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
background: #9AD6E3;
}
.cal1 .clndr .clndr-table tr .day.today:hover,
.cal1 .clndr .clndr-table tr .day.my-today:hover {
background: #72c6d8;
}
.cal1 .clndr .clndr-table tr .day.today.event,
.cal1 .clndr .clndr-table tr .day.my-today.event {
background: #a7dbc1;
}
.cal1 .clndr .clndr-table tr .day.event,
.cal1 .clndr .clndr-table tr .day.my-event {
background: #B4E09F;
}
.cal1 .clndr .clndr-table tr .day.event:hover,
.cal1 .clndr .clndr-table tr .day.my-event:hover {
background: #96d478;
cursor: pointer;
}
.cal1 .clndr .clndr-table tr .day.inactive,
.cal1 .clndr .clndr-table tr .day.my-inactive {
background: #ddd;
}
.cal1 .clndr .clndr-table tr .day .day-contents {
box-sizing: border-box;
font-size: 16px;
text-align: center;
color: #202b5d;
}
.cal1 .clndr .clndr-table tr .empty,
.cal1 .clndr .clndr-table tr .adjacent-month,
.cal1 .clndr .clndr-table tr .my-empty,
.cal1 .clndr .clndr-table tr .my-adjacent-month {
width: 100%;
height: inherit;
background: #f5f5f5;
}
.cal1 .clndr .clndr-table tr .empty:hover,
.cal1 .clndr .clndr-table tr .adjacent-month:hover,
.cal1 .clndr .clndr-table tr .my-empty:hover,
.cal1 .clndr .clndr-table tr .my-adjacent-month:hover {
background: #ddd;
}
.title_event_calendar {
color: white !important;
background-color: #23d3d3;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-size: 24px;
line-height: 44px;
font-weight: 600;
margin-bottom: 40px;
margin-top: 0;
}
.title_event_calendar:before, .title_event_calendar:after {
display: none;
}
.ovaev-event-element.ovaev-event-slide {
position: relative;
padding: 0;
}
.ovaev-event-element.ovaev-event-slide .owl-carousel .owl-stage-outer {
margin-right: -20px;
margin-left: -20px;
padding-left: 20px;
padding-right: 20px;
width: auto;
padding-bottom: 30px;
}
@media (max-width: 1290px) {
.ovaev-event-element.ovaev-event-slide .owl-carousel .owl-stage-outer {
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid:hover img {
transform: scale(1.05);
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .date-event {
position: absolute;
top: 20px;
display: flex;
z-index: 2;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .date-event .date {
color: #fff;
font-size: 20px;
padding: 0px 8px 0px 10px;
height: 36px;
line-height: 36px;
font-weight: 700;
background-color: #ff3514;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .date-event .month-year {
background: #fff;
color: #202b5d;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
padding: 0px 15px 0px 12px;
height: 36px;
line-height: 36px;
letter-spacing: 0.2px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .date-event .month-year .month {
margin-right: 5px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event-thumbnail {
overflow: hidden;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event-thumbnail a img {
width: 100%;
transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post {
padding: 23px 25px 40px 25px;
text-align: left;
border-top: 0;
-webkit-transition: all 3s;
transition: all 0.3s;
}
@media (min-width: 1024px) and (max-width: 1099px) {
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post {
padding-left: 20px;
padding-right: 20px;
}
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .post_cat .event_type {
font-size: 17px;
line-height: 22px;
color: #0067da;
font-weight: 600;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .post_cat .event_type:hover {
color: #ff3514;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .event_title {
font-size: 22px;
line-height: 26px;
letter-spacing: 0.2px;
color: #202b5d;
text-transform: capitalize;
margin-top: 12px;
margin-bottom: 10px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .event_title a {
font-size: 22px;
line-height: 26px;
letter-spacing: 0.2px;
color: #202b5d;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 400;
text-decoration: none;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .event_title a:hover {
color: #ff3514;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .time-event {
line-height: 22px;
color: #62718d;
font-size: 16px;
font-weight: 400;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .time-event .time {
margin-bottom: 7px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .time-event .time, .ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .time-event .venue {
display: flex;
align-items: center;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .time-event svg {
color: #62718d;
width: 18px;
margin-right: 6px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .button_event {
margin-top: 30px;
display: inline-flex;
align-items: center;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .button_event .view_detail {
background: #fff;
border: 2px solid #e0e0e0;
margin-right: 11px;
font-weight: 500;
-webkit-transition: all 0.3s;
transition: all 0.3s;
color: #202b5d;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
padding: 6px 20px 5px 20px;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .desc .event_post .button_event .view_detail:hover {
color: #fff;
background-color: #ff3514;
border-color: #ff3514;
}
.ovaev-event-element.ovaev-event-slide .ovaev-content.content-grid .item {
box-shadow: none;
background: #fff;
}
.ovaev-event-element.ovaev-event-slide .owl-item.active .ovaev-content.content-grid .item {
box-shadow: 0px 10px 40px -10px rgba(6, 22, 58, 0.1);
}
.ovaev-event-element.ovaev-event-slide:hover .owl-nav button {
visibility: visible;
opacity: 1;
transition-duration: 0.3s;
}
@media (max-width: 1300px) {
.ovaev-event-element.ovaev-event-slide .owl-nav {
display: none;
}
}
.ovaev-event-element.ovaev-event-slide .owl-nav button {
position: absolute;
top: calc(50% - 36px);
border-color: 1px solid #e5e5e5;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
outline: none;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.ovaev-event-element.ovaev-event-slide .owl-nav button:focus {
outline: none;
}
.ovaev-event-element.ovaev-event-slide .owl-nav button:hover i {
color: var(--primary);
}
.ovaev-event-element.ovaev-event-slide .owl-nav button i {
font-size: 26px;
}
.ovaev-event-element.ovaev-event-slide .owl-nav button.owl-prev {
left: -25px;
background-color: #fff;
}
.ovaev-event-element.ovaev-event-slide .owl-nav button.owl-next {
right: -25px;
background-color: #fff;
}
.ovaev-event-element.ovaev-event-slide .owl-dots {
text-align: center;
margin-top: 5px;
}
.ovaev-event-element.ovaev-event-slide .owl-dots .owl-dot {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 2px;
width: 21px;
padding: 0;
background: transparent;
border-color: transparent;
height: 21px;
}
.ovaev-event-element.ovaev-event-slide .owl-dots .owl-dot span {
width: 5px;
height: 5px;
background: var(--heading);
display: block;
border-radius: inherit;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
}
.ovaev-event-element.ovaev-event-slide .owl-dots .owl-dot.active {
border: 1px solid var(--primary);
}
.ovaev-event-element.ovaev-event-slide .owl-dots .owl-dot.active span {
opacity: 1;
background: var(--primary);
}
.ovapo_project_slide .owl-carousel .owl-item.active .owl-lazy {
opacity: 1 !important;
}
@media (max-width: 767px) {
.ovapo_project_slide .grid {
padding-top: 60px;
}
}
.ovapo_project_slide .grid .grid-item {
position: relative;
}
.ovapo_project_slide .grid .grid-item:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: 0.3s all linear;
}
@media (max-width: 767px) {
.ovapo_project_slide .grid .grid-item:after {
background-color: transparent;
}
}
.ovapo_project_slide .grid .grid-item:hover:after {
opacity: 1;
transition: 0.3s all linear;
}
.ovapo_project_slide .grid .grid-item:hover .info {
opacity: 1;
transition: 0.3s all linear;
}
.ovapo_project_slide .grid .grid-item .info {
position: absolute;
z-index: 99;
left: 30px;
bottom: 0;
display: flex;
flex-direction: column;
opacity: 0;
transition: 0.3s all linear;
}
@media (max-width: 767px) {
.ovapo_project_slide .grid .grid-item .info {
position: relative;
opacity: 1;
left: 0;
padding-left: 10px;
}
}
.ovapo_project_slide .grid .grid-item .info .title {
color: #fff;
margin: 0;
font-weight: 600;
font-size: 22px;
text-transform: uppercase;
transition: 0.3s all linear;
}
.ovapo_project_slide .grid .grid-item .info .title:hover {
color: #fed501;
transition: 0.3s all linear;
}
@media (max-width: 767px) {
.ovapo_project_slide .grid .grid-item .info .title {
margin-top: 10px;
}
}
.ovapo_project_slide .grid .grid-item .info .cat {
color: #fff;
padding-left: 8px;
line-height: 0.9em;
margin-top: 10px;
text-transform: capitalize;
}
.ovapo_project_slide .grid:hover .owl-nav button {
visibility: visible;
opacity: 1;
transition-duration: 0.3s;
}
@media (max-width: 1300px) {
.ovapo_project_slide .grid .owl-nav {
display: none;
}
}
.ovapo_project_slide .grid .owl-nav button {
position: absolute;
top: calc(50% - 36px);
border-color: 1px solid #e5e5e5;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
outline: none;
transition: 0.4s;
visibility: hidden;
opacity: 0;
}
.ovapo_project_slide .grid .owl-nav button:focus {
outline: none;
}
.ovapo_project_slide .grid .owl-nav button:hover i {
color: var(--primary);
}
.ovapo_project_slide .grid .owl-nav button i {
font-size: 26px;
}
.ovapo_project_slide .grid .owl-nav button.owl-prev {
left: -25px;
background-color: #fff;
}
.ovapo_project_slide .grid .owl-nav button.owl-next {
right: -25px;
background-color: #fff;
}
.ovapo_project_grid .button-filter {
display: flex;
gap: 12px;
flex-wrap: wrap;
padding-bottom: 40px;
justify-content: center;
}
.ovapo_project_grid .button-filter button {
cursor: pointer;
font-size: 18px;
font-weight: bold;
color: var(--heading);
padding: 5px 8px;
background-color: transparent;
border: none;
text-transform: capitalize;
}
.ovapo_project_grid .button-filter button.active, .ovapo_project_grid .button-filter button:hover {
color: var(--primary);
background-color: transparent;
}
.ovapo_project_grid.grid .items {
margin: 0 -15px;
}
@media (max-width: 480px) {
.ovapo_project_grid.grid .items {
margin: 0;
}
}
.ovapo_project_grid .content {
position: relative;
}
.ovapo_project_grid .content .items {
display: flex;
flex-wrap: wrap;
direction: ltr;
}
.ovapo_project_grid .content .items .wrap_item.four_column {
width: 25%;
}
@media (max-width: 767px) {
.ovapo_project_grid .content .items .wrap_item.four_column {
width: 50%;
}
}
@media (max-width: 480px) {
.ovapo_project_grid .content .items .wrap_item.four_column {
width: 100%;
}
}
.ovapo_project_grid .content .items .wrap_item.three_column {
width: 33.333%;
}
@media (max-width: 767px) {
.ovapo_project_grid .content .items .wrap_item.three_column {
width: 50%;
}
}
@media (max-width: 480px) {
.ovapo_project_grid .content .items .wrap_item.three_column {
width: 100%;
}
}
.ovapo_project_grid .content .items .item {
width: 100%;
}
.ovapo_project_grid .wrap_loader {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 2;
background-color: rgba(255, 255, 255, 0.9);
}
.ovapo_project_grid .wrap_loader .loader {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%);
stroke-linecap: round;
}
.ovapo_project_grid .wrap_loader .loader circle {
fill: none;
stroke-width: 1.5;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: 25px 25px;
will-change: transform;
stroke: #FF0000;
}
.ovapo_project_grid .wrap_loader .loader circle:nth-of-type(1) {
stroke-dasharray: 40px;
animation-name: preloader_1;
}
.ovapo_project_grid .wrap_loader .loader circle:nth-of-type(2) {
stroke-dasharray: 80px;
animation-name: preloader_2;
}
@keyframes preloader_1 {
100% {
transform: rotate(360deg);
}
}
@keyframes preloader_2 {
100% {
transform: rotate(-360deg);
}
}
.ovapo_project_grid .wrap_loader .not_found {
display: none;
}
.ovapo_project_grid:hover .ovapo_project_slide .items .owl-nav button {
opacity: 1;
transition: 0.3s;
}
.ovapo_project_grid .ovapo_project_slide .owl-carousel .owl-stage-outer {
margin-right: -20px;
margin-left: -20px;
padding-left: 20px;
padding-right: 20px;
width: calc(100% + 40px);
padding-bottom: 30px;
}
@media (max-width: 1290px) {
.ovapo_project_grid .ovapo_project_slide .owl-carousel .owl-stage-outer {
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
}
.ovapo_project_grid .btn_grid {
display: flex;
justify-content: center;
margin-top: 30px;
}
@media (max-width: 767px) {
.ovapo_project_grid .btn_grid {
margin-top: 10px;
}
}
.ovapo_project_grid .btn_grid .btn_grid_event {
transition: all 0.3s ease;
font-size: 15px;
font-weight: 500;
line-height: 1.2;
padding: 17px 51px;
color: #fff;
background-color: var(--primary);
}
.ovapo_project_grid .btn_grid .btn_grid_event:hover {
background-color: #000;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .start_date, .ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .end_date, .ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .ovaev_cat_search {
padding: 0;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .start_date i, .ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .end_date i, .ovaev-wrapper-search-ajax .ovaev-search-ajax-form.search_archive_event form .ovaev_cat_search i {
right: 20px;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container {
position: relative;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .search-ajax-content .data-events {
display: none;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 2;
background-color: rgba(255, 255, 255, 0.9);
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader .loader {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%);
stroke-linecap: round;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader .loader circle {
fill: none;
stroke-width: 1.5;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: 25px 25px;
will-change: transform;
stroke: #FF0000;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader .loader circle:nth-of-type(1) {
stroke-dasharray: 40px;
animation-name: preloader_1;
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader .loader circle:nth-of-type(2) {
stroke-dasharray: 80px;
animation-name: preloader_2;
}
@keyframes preloader_1 {
100% {
transform: rotate(360deg);
}
}
@keyframes preloader_2 {
100% {
transform: rotate(-360deg);
}
}
.ovaev-wrapper-search-ajax .ovaev-search-ajax-container .wrap_loader .not_found {
display: none;
} .fc .fc-toolbar {
flex-wrap: wrap;
}
@media (max-width: 768px) {
.fc .fc-toolbar {
flex-direction: column;
justify-content: center;
}
.fc .fc-toolbar .fc-toolbar-chunk:not(:last-child) {
margin-bottom: 10px;
}
}
.fc-view-harness .fc-view-harness-passive a {
text-decoration: none;
}
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: none;
color: #ff3514;
}
.fc a[data-navlink]:hover {
text-decoration: none;
}
.popper, .tooltip {
position: absolute;
z-index: 9999;
background-color: #fff;
color: black;
width: 400px;
border-radius: 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
padding-bottom: 10px;
text-align: center;
}
.popper .popper__arrow, .tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
}
.tooltip .tooltip-arrow, .popper .popper__arrow {
border-color: #FFC107;
}
.popper[x-placement^=top], .tooltip[x-placement^=top] {
margin-bottom: 1px;
}
.popper[x-placement^=top] .popper__arrow, .tooltip[x-placement^=top] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.popper[x-placement^=bottom], .tooltip[x-placement^=bottom] {
margin-top: 1px;
}
.tooltip[x-placement^=bottom] .tooltip-arrow, .popper[x-placement^=bottom] .popper__arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.tooltip[x-placement^=right], .popper[x-placement^=right] {
margin-left: 1px;
}
.popper[x-placement^=right] .popper__arrow, .tooltip[x-placement^=right] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.popper[x-placement^=left], .tooltip[x-placement^=left] {
margin-right: 1px;
}
.popper[x-placement^=left] .popper__arrow, .tooltip[x-placement^=left] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.tooltip-inner {
overflow: hidden;
border-radius: 3px;
}
.tooltip-inner a {
text-decoration: none;
color: #202b5d;
font-size: 18px;
}
.tooltip-inner a:hover {
color: #ff3514;
}
.tooltip-inner a img {
width: 100%;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.tooltip-inner a img:hover {
transform: scale(1.05);
}
.tooltip-inner p {
margin: 20px 0;
}
.calendar_filter_event {
margin: 30px 0;
padding: 20px;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 5px;
}
.calendar_filter_event label {
display: block;
color: var(--heading);
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.calendar_filter_event #calendar_filter_event {
border-radius: 5px;
max-width: 420px;
}
a.fc-col-header-cell-cushion {
color: #343434 !important;
}
.fc-col-header {
margin: 0;
padding: 0;
}
.type1 {
position: relative;
background-color: #fff;
}
.type1:hover .date-event {
transition: all 0.5s ease;
left: 0;
}
.type1 .date-event {
transition: all 0.5s ease;
position: absolute;
bottom: 20px;
left: 30px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
.type1 .date-event span {
display: block;
}
.type1 .desc {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.type1 .desc .event-thumbnail {
position: relative;
overflow: hidden;
}
.type1 .desc .event-thumbnail.no-thumbnail .date-event {
position: static;
display: inline-block;
}
.type1 .desc .event-thumbnail img {
display: block;
width: 100%;
height: 213px;
object-fit: cover;
}
.type1 .desc .event_post {
margin: auto;
padding: 30px;
}
.type1 .desc .event_post .meta-event {
margin-bottom: 20px;
}
.type1 .desc .event_post .meta-event .venue, .type1 .desc .event_post .meta-event .time {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
}
.type1 .desc .event_post .event_title {
margin: 0;
font-size: 22px;
line-height: 1.4;
color: var(--heading);
}
.type1 .desc .event_post .event_title a {
color: var(--heading);
}
.type1 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.archive_event.horizontal .type1 .date-event {
top: 0;
left: 0;
bottom: unset;
}
.archive_event.horizontal .type1 .desc {
display: grid;
grid-template-columns: 0.37fr 0.63fr;
}
@media (max-width: 767px) {
.archive_event.horizontal .type1 .desc {
grid-template-columns: auto;
}
}
.archive_event.horizontal .type1 .desc .event_post .event_title {
font-size: 20px;
}
.type2 {
position: relative;
overflow: hidden;
}
.type2:hover .desc .event-thumbnail:before {
transition: all 0.5s ease;
opacity: 0.8;
}
.type2:hover .desc .event_post {
transition: all 0.5s ease;
top: 0;
}
.type2:hover .desc .event_post .time-event, .type2:hover .desc .event_post .icon {
transition: all 0.5s ease;
opacity: 1;
visibility: visible;
}
.type2 .date-event {
display: inline-block;
font-size: 12px;
line-height: 1;
font-weight: 500;
color: #fff;
text-align: center;
padding: 8px;
background-color: var(--primary);
}
.type2 .date-event i {
display: none;
}
.type2 .desc .event-thumbnail {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
min-height: 430px;
}
.type2 .desc .event-thumbnail img {
display: none;
width: 100%;
}
.type2 .desc .event-thumbnail:before {
transition: all 0.5s ease;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.4;
}
.type2 .desc .event_post {
transition: all 0.5s ease;
position: absolute;
left: 0;
top: 55%;
padding: 45px 30px 40px 30px;
width: 100%;
}
.type2 .desc .event_post .event_title {
margin: 13px 0 0 0;
font-size: 22px;
line-height: 1.4;
max-height: 3em;
overflow: hidden;
color: #fff;
text-transform: capitalize;
}
.type2 .desc .event_post .event_title a {
color: #fff;
}
.type2 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.type2 .desc .event_post .time-event {
opacity: 0;
visibility: hidden;
font-size: 16px;
color: #fff;
line-height: 1;
font-weight: 500;
margin-top: 30px;
}
.type2 .desc .event_post .time-event .wrapper {
margin-bottom: 30px;
}
.type2 .desc .event_post .time-event .time, .type2 .desc .event_post .time-event .venue {
display: flex;
gap: 5px;
}
.type2 .desc .event_post .time-event label {
margin: 8px 0 0 22px;
display: block;
color: #bfbfbf;
}
.type2 .desc .event_post .time-event svg, .type2 .desc .event_post .time-event i {
font-size: 16px;
color: var(--primary);
width: 16px;
}
.type2 .desc .event_post .icon {
opacity: 0;
visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
width: 52px;
height: 52px;
border-radius: 50%;
margin-left: auto;
}
.type2 .desc .event_post .icon i {
transition: all 0.3s ease;
display: inline-flex;
font-size: 14px;
color: var(--heading);
}
.type2 .desc .event_post .icon i:before {
font-weight: 500 !important;
}
.type2 .desc .event_post .icon:hover {
transition: all 0.3s ease;
background-color: var(--primary);
}
.type2 .desc .event_post .icon:hover i {
transition: all 0.3s ease;
color: #fff;
}
.type3 {
position: relative;
background-color: #fff;
}
.type3:hover .date-event {
transition: all 0.5s ease;
bottom: 40px;
}
.type3 .date-event {
transition: all 0.5s ease;
position: absolute;
bottom: 0;
right: 30px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
.type3 .date-event span {
display: block;
}
.type3 .desc .event-thumbnail {
position: relative;
overflow: hidden;
text-align: center;
margin-bottom: -40px;
}
.type3 .desc .event-thumbnail.no-thumbnail .date-event {
position: static;
display: inline-block;
}
.type3 .desc .event-thumbnail img {
display: inline-block;
width: calc(100% - 60px);
height: 203px;
object-fit: cover;
vertical-align: middle;
}
.type3 .desc .event_post {
margin: auto;
padding: 70px 30px 30px 30px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border-top: 2px solid var(--primary);
}
.type3 .desc .event_post .meta-event {
margin-bottom: 20px;
}
.type3 .desc .event_post .meta-event:last-child {
margin-bottom: 0;
}
.type3 .desc .event_post .meta-event .venue, .type3 .desc .event_post .meta-event .time {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
}
.type3 .desc .event_post .event_title {
margin: 0 0 18px 0;
font-size: 22px;
line-height: 1.4;
color: var(--heading);
}
.type3 .desc .event_post .event_title a {
color: var(--heading);
}
.type3 .desc .event_post .event_title a:hover {
text-decoration: underline;
}
.type4 {
transition: all 0.3s ease;
position: relative;
padding: 35px 25px;
background-color: #f3f4f7;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0);
}
.type4:hover {
transition: all 0.3s ease;
background-color: #fff;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1);
}
.type4 .date-event {
transition: all 0.3s ease;
position: absolute;
top: 0;
left: -10px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
.type4 .date-event span {
display: block;
}
.type4 .desc {
display: grid;
align-items: center;
justify-content: flex-start;
gap: 20px;
grid-template-columns: auto auto;
}
@media (max-width: 767px) {
.type4 .desc {
grid-template-columns: auto;
}
}
.type4 .desc .event-thumbnail-v2 {
position: relative;
}
.type4 .desc .event-thumbnail-v2.no-thumbnail .date-event {
position: static;
}
.type4 .desc .event-thumbnail-v2 img {
display: block;
min-width: 142px;
width: 142px;
height: 142px;
border-radius: 50%;
object-fit: cover;
}
.type4 .desc .event_post .meta-event {
margin-bottom: 20px;
}
.type4 .desc .event_post .meta-event .venue, .type4 .desc .event_post .meta-event .time {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
}
.type4 .desc .event_post .event_title {
margin: 0 0 18px 0;
font-size: 22px;
line-height: 1.4;
color: var(--heading);
}
.type4 .desc .event_post .event_title a {
color: var(--heading);
}
.type4 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.type4 .desc .event_post .readmore {
display: inline-flex;
align-items: center;
column-gap: 6px;
font-weight: 700;
color: var(--text);
}
.type4 .desc .event_post .readmore:hover {
color: var(--primary);
}
.type4 .desc .event_post .readmore .text-button {
text-decoration: underline;
}
.type4 .desc .event_post .readmore i {
display: inline-flex;
line-height: 1;
}
.type5 {
transition: all 0.3s ease;
position: relative;
padding: 35px 25px;
background-color: #fff;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.05);
}
.type5 .date-event {
transition: all 0.3s ease;
position: absolute;
top: 0;
left: -10px;
z-index: 1;
font-size: 12px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
text-align: center;
line-height: 1.3;
letter-spacing: 1px;
background-color: var(--primary);
padding: 12px;
}
.type5 .date-event span {
display: block;
}
.type5 .desc {
display: grid;
justify-content: flex-start;
gap: 20px;
grid-template-columns: auto auto;
}
@media (max-width: 767px) {
.type5 .desc {
grid-template-columns: auto;
}
}
.type5 .desc .event-thumbnail-v2 {
position: relative;
}
.type5 .desc .event-thumbnail-v2.no-thumbnail .date-event {
position: static;
}
.type5 .desc .event-thumbnail-v2 img {
display: block;
min-width: 132px;
width: 132px;
height: 132px;
border-radius: 50%;
object-fit: cover;
}
.type5 .desc .event_post .meta-event .venue, .type5 .desc .event_post .meta-event .time {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 12px;
}
.type5 .desc .event_post .meta-event-2 {
padding-top: 16px;
border-top: 1px solid rgba(5, 26, 83, 0.1);
}
.type5 .desc .event_post .meta-event-2 .venue {
font-size: 15px;
}
.type5 .desc .event_post .meta-event-2 i {
color: var(--text);
}
.type5 .desc .event_post .event_title {
margin: 0 0 18px 0;
font-size: 24px;
line-height: 1.4;
color: var(--heading);
}
.type5 .desc .event_post .event_title a {
color: var(--heading);
}
.type5 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.type5 .desc .event_post .event-excerpt {
margin: 0 0 18px 0;
}
.rtl .type5 .date-event {
left: unset;
right: -10px;
}
.type6 {
position: relative;
}
.type6 .desc .event-thumbnail {
margin-bottom: -35px;
}
.type6 .desc .event-thumbnail img {
display: block;
width: 100%;
height: 260px;
object-fit: cover;
}
.type6 .desc .event_post {
position: relative;
margin: 0 auto;
padding: 15px 25px;
width: calc(100% - 45px);
background-color: rgb(255, 255, 255);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
z-index: 1;
}
.type6 .desc .event_post .meta-event .date-event {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: var(--primary);
}
.type6 .desc .event_post .meta-event .date-event span.date {
display: inline-block;
margin: 0 3px;
}
.type6 .desc .event_post .meta-event-2 {
padding-top: 16px;
border-top: 1px solid rgba(5, 26, 83, 0.1);
}
.type6 .desc .event_post .meta-event-2 .venue {
font-size: 15px;
}
.type6 .desc .event_post .meta-event-2 i {
color: var(--text);
}
.type6 .desc .event_post .event_title {
margin: 4px 0 18px 0;
font-size: 22px;
line-height: 1.4;
color: var(--heading);
}
.type6 .desc .event_post .event_title a {
color: var(--heading);
}
.type6 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.type7 {
position: relative;
}
.type7 .desc .event-thumbnail {
position: relative;
overflow: hidden;
}
.type7 .desc .event-thumbnail img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
.type7 .desc .event_post .meta-event {
margin-bottom: 20px;
}
.type7 .desc .event_post .meta-event .venue, .type7 .desc .event_post .meta-event .time {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
}
.type7 .desc .event_post .event_title {
margin: 30px 0 20px 0;
font-size: 22px;
line-height: 1.4;
color: var(--heading);
}
.type7 .desc .event_post .event_title a {
color: var(--heading);
}
.type7 .desc .event_post .event_title a:hover {
color: var(--primary);
}
.type7 .desc .event_post .button_event {
margin-top: 12px;
display: inline-flex;
align-items: center;
}
.type7 .desc .event_post .button_event .view_detail {
transition: all 0.3s;
border: 2px solid #E6E8EE;
font-size: 15px;
color: var(--heading);
font-weight: bold;
line-height: 1.3;
padding: 15px 39px;
}
.type7 .desc .event_post .button_event .view_detail:hover {
transition: all 0.3s;
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.archive_event.horizontal .type7 .desc {
display: grid;
grid-gap: 25px;
grid-template-columns: 1fr 2fr;
}
@media (max-width: 767px) {
.archive_event.horizontal .type7 .desc {
grid-template-columns: auto;
}
}
.archive_event.horizontal .type7 .desc .event-thumbnail {
max-height: 140px;
}
@media (max-width: 767px) {
.archive_event.horizontal .type7 .desc .event-thumbnail {
max-height: 100%;
}
}
.archive_event.horizontal .type7 .desc .event-thumbnail img {
height: auto;
}
.archive_event.horizontal .type7 .desc .event_post .event_title {
margin: 0 0 20px 0;
font-size: 20px;
}
.archive_event.horizontal .type7 .desc .event_post .button_event .view_detail {
border: 2px solid var(--heading);
}
.archive_event.horizontal .type7 .desc .event_post .button_event .view_detail:hover {
border: 2px solid var(--primary);
}
.ovaev_elementor_none {
background-color: rgba(213, 218, 223, 0.8);
}
.ovaev_elementor_none:not(:lass-child) {
margin-bottom: 20px;
}
.ovaev_elementor_none span {
color: #6d6d6d;
font-size: 22px;
display: block;
text-align: center;
padding: 10px 0;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.ovaev-event-thumbnail img {
width: 100%;
object-fit: cover;
max-height: 520px;
display: block;
}
.ovaev-event-date {
font-size: 14px;
line-height: 1.2;
color: #fff;
padding: 8px;
background-color: var(--primary);
text-align: center;
}
.ovaev-event-date i {
margin-right: 4px;
}
.ovaev-event-date .separator {
display: inline-block;
}
.ovaev-event-time i {
margin-right: 10px;
}
.ovaev-event-time .separator {
display: inline-block;
}
.ovaev-event-location i {
margin-right: 10px;
}
.ovaev-event-categories i {
margin-right: 10px;
}
.ovaev-event-tabs {
margin: 0;
}
.ovaev-event-tags .ovatags {
display: inline-block;
text-transform: capitalize;
font-size: 100%;
line-height: 22px;
letter-spacing: 0.3px;
color: #202b5d;
font-weight: bold;
margin-right: 10px;
margin-bottom: 10px;
}
.ovaev-event-tags .ovaev-tag {
font-size: 15px;
line-height: 22px;
letter-spacing: 0.3px;
color: #62718d;
padding: 2px 10px 1px 10px;
background: transparent;
border-radius: 3px;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovaev-event-tags .ovaev-tag:not(:last-child) {
margin-right: 10px;
}
.ovaev-event-tags .ovaev-tag:hover {
color: #dd3333;
}
.ovaev-event-share .share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 0;
margin: 30px 0 0 0;
}
.ovaev-event-share .share-social-icons li {
display: inline-block;
}
.ovaev-event-share .share-social-icons li.share {
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
.ovaev-event-share .share-social-icons li a {
transition: all 0.3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 46px;
height: 46px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: "pnum" on, "lnum" on, "ordn" on;
color: var(--heading);
}
.ovaev-event-share .share-social-icons li a:hover {
transition: all 0.3s ease;
background-color: var(--primary);
color: #fff;
}
.ovaev-event-share .share-social-icons li a i {
display: inline-flex;
}
.ovaev-event-navigation {
margin: 0;
}
.ovaev-event-navigation .content-event {
margin: 0;
}
.ovaev-event-navigation .content-event .ova-next-pre-post {
margin: 0;
}
.ovaev-event-related {
margin: 0;
}
.ovaev-event-related .content-event {
margin: 0;
}
.ovaev-event-related .content-event .event-related .archive_event {
grid-gap: 30px;
}
.ovaev-event-related .content-event .event-related .archive_event .ovaev-content.content-grid {
padding: 0;
}
.ovaev-event-sidebar #sidebar-event {
padding: 0;
}
.ovaev-shortcode-title {
margin: 0;
padding: 0;
}
.ovaev-shortcode-title a {
text-decoration: none;
font-size: 22px;
line-height: 26px;
letter-spacing: 0.2px;
color: #202b5d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-weight: 400;
text-decoration: none;
}
.ovaev-shortcode-thumbnail a {
text-decoration: none;
}
.ovaev-shortcode-thumbnail a img {
width: 100%;
}
.ovaev-shortcode-date i {
margin-right: 10px;
}
.ovaev-shortcode-date span {
color: #202b5d;
font-weight: 500;
}
.ovaev-shortcode-time i {
margin-right: 10px;
}
.ovaev-shortcode-time span {
color: #202b5d;
font-weight: 500;
}
.ovaev-shortcode-location i {
margin-right: 10px;
}
.ovaev-shortcode-location span {
color: #202b5d;
font-weight: 500;
}
.ovaev-shortcode-categories i {
margin-right: 10px;
}
.ovaev-shortcode-categories span {
color: #202b5d;
font-weight: 500;
}
.ovaev-shortcode-categories span.event-category a {
text-decoration: none;
color: #202b5d;
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovaev-shortcode-tabs.single_event {
margin: 0;
}
.ovaev-shortcode-tags .ovatags {
display: inline-block;
text-transform: capitalize;
font-size: 100%;
line-height: 22px;
letter-spacing: 0.3px;
color: #202b5d;
font-weight: bold;
margin-right: 10px;
}
.ovaev-shortcode-tags .ovaev-tag {
font-size: 15px;
line-height: 22px;
letter-spacing: 0.3px;
color: #62718d;
padding: 3px 5px;
background: transparent;
border-radius: 3px;
border: 1px solid #e0e0e0;
margin-bottom: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovaev-shortcode-tags .ovaev-tag:not(:last-child) {
margin-right: 5px;
}
.ovaev-shortcode-share .share-social-icons {
margin: 0;
padding: 0;
list-style: none;
}
.ovaev-shortcode-share .share-social-icons li {
margin: 0;
padding: 0;
display: inline-block;
}
.ovaev-shortcode-share .share-social-icons li a {
color: #fff;
background-color: #ff3514;
padding: 0;
border-radius: 50%;
margin-bottom: 0px;
display: inline-flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovaev-shortcode-share .share-social-icons li a:hover {
background-color: #06163A !important;
}
.ovaev-shortcode-share .share-social-icons li a.ico-facebook {
background-color: #3b5998;
}
.ovaev-shortcode-share .share-social-icons li a.ico-twitter {
background-color: #18a6f0;
}
.ovaev-shortcode-share .share-social-icons li a.ico-pinterest {
background-color: #dd4b39;
}
.ovaev-shortcode-share .share-social-icons li a.ico-linkedin {
background-color: #4c5fd7;
}
.ovaev-shortcode-navigation.single_event {
margin: 0;
}
.ovaev-shortcode-navigation.single_event .content-event {
margin: 0;
}
.ovaev-shortcode-related.single_event {
margin: 0;
}
.ovaev-shortcode-related.single_event .content-event {
margin: 0;
}
.events_pagination {
margin-top: 40px;
}
.events_pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.events_pagination ul.page-numbers li {
margin: 0px 3px 10px 3px;
}
.events_pagination ul.page-numbers li a, .events_pagination ul.page-numbers li span {
transition: all 0.3s ease;
cursor: pointer;
min-width: 45px;
height: 45px;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
color: var(--text);
display: inline-flex;
justify-content: center;
align-items: center;
background: #f1f1f1;
}
.events_pagination ul.page-numbers li a:focus, .events_pagination ul.page-numbers li span:focus {
outline: none;
}
.events_pagination ul.page-numbers li a:hover, .events_pagination ul.page-numbers li span:hover {
background-color: var(--primary);
color: #fff;
}
.events_pagination ul.page-numbers li i {
font-size: 0.7em;
line-height: 1;
}
.events_pagination ul.page-numbers li .current {
color: #fff;
background-color: var(--primary);
}
.ovaev-booking-btn a {
display: inline-block;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-transform: capitalize;
border-radius: 0;
background-color: var(--primary);
color: #fff;
padding: 17px 51px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ovaev-booking-btn a:hover {
background-color: var(--heading);
}
.ovaev-event-info {
padding: 50px;
background: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
border-top: 10px solid var(--primary);
}
@media (max-width: 767px) {
.ovaev-event-info {
padding: 40px 35px;
}
}
.ovaev-event-info .info-contact {
margin: 0;
padding: 0;
list-style-type: none;
}
.ovaev-event-info .info-contact li {
margin-bottom: 30px;
}
.ovaev-event-info .info-contact .label {
display: block;
font-weight: 500;
line-height: 1.2;
margin-bottom: 4px;
}
.ovaev-event-info .info-contact .info, .ovaev-event-info .info-contact a {
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
color: var(--heading);
}
.ovaev-event-info .info-contact a {
transition: all 0.3s ease;
margin-bottom: 0;
}
.ovaev-event-info .info-contact a:hover {
transition: all 0.3s ease;
color: var(--primary);
}
.ovaev-event-gallery .event_row {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
@media (max-width: 767px) {
.ovaev-event-gallery .event_row {
grid-template-columns: auto;
}
}
.ovaev-event-gallery .event_row img {
display: block;
width: 100%;
height: 255px;
object-fit: cover;
}