/* overall */
.style-default .cal-show-event .cal-timer-widget,
.style-default .cal-list-event .cal-list-timer {width:30%;}
.style-default .cal-list-event-info,
.cal-show-event .cal-info {width:68%; padding:18px 28px 0; margin-left:2%; background-color:#eff0f2;}
.style-default .cal-timer-widget {display:flex; flex-wrap:wrap; height:100%;}
.style-default .cal-widget-date {height:auto; min-height:160px; width:39%; margin-right:1.5%; padding:10px 10px; background-color:#7f7d7e; color:#fff;}
.style-default .cal-widget-img {position:relative; margin-top:4px; width:100%;}
.style-default .cal-widget-img figcaption {position:absolute; bottom:0; width:100%; padding:0 5px; color:#000; background-color:rgba(255,255,255,0.5); font-size:12px; font-size:1.2rem; line-height:2; font-family:RobotoItalic,sans-serif;}
.style-default .cal-widget-img img {width:100%; height:auto;}
.cal-list-venue {display:flex; margin-top:15px;}
.cal-list-venue::before {display: inline-block; vertical-align: bottom; margin-right:5px; content:"\f51d"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900; line-height: 15px;}

.cal-button {margin-top:25px;}
.cal-list-event .cal-button a {display:inline-block; padding:10px 20px; font-size:1.4rem; color: #fff; background-color: #1a3145; text-transform: uppercase;
  font-family: RobotoBold,sans-serif;
}
.cal-list-event .cal-button a:hover {background-color: #67ade6; color: #1a3145;}
.cal-button a {text-transform:uppercase; font-size:14px; font-size:1.4rem; line-height:16px;}

.style-default .cal-date-weekday,
.style-default .cal-date-month,
.style-default .cal-date-year,
.style-default .cal-widget-time div {word-wrap: break-word; font-size:12px; font-size:1.2rem; line-height:16px;}
.style-default .cal-date-year {margin-top:2px;}
.style-default .cal-widget-time .cal-date-time,
.style-default .cal-date-day {margin:10px 0; font-size:32px; font-size:3.2rem; line-height:30px; font-family:RobotoBold, sans-serif;}
.style-default .cal-widget-time {width:59.5%; background-color:#67aee6; color:#fff; padding:10px 10px;}
.style-default .cal-list-type {display:flex; align-items: baseline; margin-top:15px;}
.style-default .cal-list-type i {font-size:1.6rem; margin-right:5px;}

.cal-latest-event-info .cal-category,
.cal-list-event-info .cal-category {text-transform:uppercase; color:#67aee6; line-height:1;}
.cal-latest-event-info .cal-category span,
.cal-list-event-info .cal-category span {display:inline-block; margin-right:5px; font-size:12px; font-size:1.2rem; line-height:16px;}
.cal-latest-title,
.cal-list-title {word-wrap: break-word; margin-top:10px; color:#1b3043; font-size:18px; font-size:1.8rem; line-height:22px; font-family:RobotoBold, sans-serif;}
.cal-list-title {margin-top:0;}
.cal-list-subtitle {display:block; margin-top:3px; font-size: 16px; font-size: 1.6rem; font-family:RobotoBold, sans-serif;}
.cal-list-teaser {margin-top:10px; line-height:24px;}

#calPagination {overflow:hidden; padding:0; margin:0; list-style-type:none; }
#calPagination li {display:inline; float:left;}
#calPagination li a {display:block; padding:8px 14px; color:#1a3145; border:1px solid #dddddd; font-size:12px; font-size:1.2rem; line-height:14px;}
#calPagination li.active a,
#calPagination li a:hover {color:#fff; background-color:#1a3145; border:1px solid #1a3145;}

/* latest */
/* specific style for homepage */
.home .tx-nf-lkcal {max-width: 1340px; margin: 50px auto 130px; padding: 0 30px; border: none;}
.home .pagination {display:none !important;}
.home .cal-widget-img {display:none;}
.home .style-default .cal-latest-event {display:flex !important; width:45%; margin-bottom:0;}
.home .style-default .cal-data {padding:35px 55px; background-color:#eff0f2;}
.home .style-default .cal-latest-event-info {width:60%; margin-left:5%; padding-right:20px; background:none;}
.home .style-default .cal-latest-event > div:first-child {width:215px;}
.home .style-default .cal-timer-widget {width:215px;}
.home .style-default .slick-slide {height:auto;}
.home .style-default .slick-arrow {position:absolute; top:40%; margin:0; padding:0; outline:none; line-height:0; font-size:0; width:25px; border:none; background:none; color:transparent; }
.home .style-default .slick-prev {left:10px;}
.home .style-default .slick-next {right:10px;}
.home .style-default .slick-prev::before {color:#000; font-size:42px; line-height:48px; content: "\f053"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.home .style-default .slick-next::after {color:#000; font-size:42px; line-height:48px; content: "\f054"; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.home .style-default .slick-disabled::before {color:#e1e1e1;}
.home .style-default .cal-category span:empty {display:none;}
.home .allevents {display:block; max-width:290px; margin:20px auto 0; padding:10px 0; text-transform:uppercase; border:solid 2px #66ace7; text-align:center; font-family:RobotoBold, sans-serif;}
.home .allevents:hover {border:solid 2px #1a3145;}
.home .style-2  .allevents {margin:20px 0 0;}
.home .tx-nf-lkcal .slick-next:before {display:none;}


/* list */
.style-default {position:relative; margin-top:30px;}
.style-default .cal-list-event {display:flex; flex-wrap:wrap; margin-bottom:30px;}
.style-default .cal-list-event {width:100%;}
.style-default .cal-list-event:nth-child(2) {margin-right:0;}
.style-default .cal-list-event-info {width:68%; padding:18px 28px 15px; margin-left:2%; background-color:#eff0f2;}
.style-default .cal-list-timer .cal-widget-img {display:none;}

/* detail */
.tx-nf-lkcal .typo3-messages {padding:0; margin:0; list-style-type:none;}
.tx-nf-lkcal .typo3-messages li.alert-info {display:flex; color:crimson;}
.tx-nf-lkcal .typo3-messages li h4 {margin:0 10px 0 0;}
.tx-nf-lkcal .typo3-messages li h4::after {content:":"}
.tx-nf-lkcal .typo3-messages li p {margin:0;}

.cal-show-event {margin-top:15px;}
.cal-show-event .cal-category {color:#67aee6; text-transform:uppercase; font-size:14px; font-size:1.4rem; font-family:RobotoBold, sans-serif;}
.cal-show-event .cal-title {margin-bottom:10px;}
.cal-show-event .cal-subTitle {margin:10px 0;}
.cal-show-event .cal-show-detail {display:flex; align-items: flex-start; margin-top:20px;}
.cal-show-event .cal-info {margin-left:2%; padding:18px 28px; background-color:#eff0f2;}
.cal-show-event .cal-info-organizer dl,
.cal-show-event .cal-info-properties dl {margin-top:0;}
.cal-show-event .cal-info-speakers ul,
.cal-show-event .cal-info-text ol,
.cal-show-event .cal-info-properties dl ul,
.cal-show-event .cal-info-organizer dl ul {margin:0; padding:0 0 0 18px;}
.cal-show-event .cal-info-organizer dt,
.cal-show-event .cal-info-properties dt {font-family:RobotoBold, sans-serif;}
.cal-show-event .cal-info-organizer dd,
.cal-show-event .cal-info-properties dd {margin:0;}
.cal-show-event .cal-info-organizer {margin-top:15px;}
.cal-show-event .btn {display:inline-block; padding: 10px 20px; color: #fff; background-color: #1a3145; border:none;
    font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem; text-transform: uppercase; font-family: RobotoBold, sans-serif; }
.cal-show-event .btn:hover {background-color: #7eb7e8; color:#1a3145;}
.cal-show-event .cal-url a {margin-top:15px;}
.cal-show-event .cal-registration .btn {text-align:center;}
.cal-show-event .cal-registration .btn:hover {}
.cal-show-event .cal-nav-buttons {margin-top:50px;}
.cal-show-event .cal-nav-buttons .btn {display:inline-block; padding:10px 20px; width:auto;}
.cal-show-event .cal-nav-buttons .btn::before {content:"\f104"; margin-right:8px; font-family:"Font Awesome 5 Free"; font-style:normal; font-weight:900;}
.cal-show-event .cal-info-speakers {margin-top:15px;}


/* style-2 */
.home .style-2 {color:#fff; margin:45px 0 0 0; max-width:none; padding:0;}
.style-2 .cal-data {display:flex; flex-wrap:wrap;}
.style-2 .cal-data .cal-latest-event {width:45%;}
.style-2 .cal-data .cal-latest-event:nth-child(2n) {margin-left:10%;}
.style-2 .cal-latest-title {text-transform:normal; margin:0; color:#fff; font-size:18px; font-size:1.8rem; line-height:22px; line-height:2.2rem; text-transform:none; font-family:RobotoBold, sans-serif;}
.style-2 .cal-latest-subtitle {display:inline;}
.curch-service .cols-50-inner-left > .frame {}
.style-2 .cal-latest-timer {margin:20px 0;}
.style-2 .cal-button a {font-family:RobotoBold, sans-serif;}
.style-2 .cal-button a:hover {color:#67ade6; text-decoration:underline;}
.style-2 .cal-list-venue {margin-top:0;}
.style-2 .cal-list-venue::before {margin-right:7px; line-height: 24px;}

.home .curch-service .cols-50-inner-left {width:58%;}
.home .curch-service .cols-50-inner-right {width:42%;}
.home .curch-service .cols-50-inner-left .frame {max-width:823px; width:100%;}

.home .style-2 .cal-search {margin-top:42px; padding:0; background:none;}
.home .style-2 .cal-search-widget {padding-top:35px; border-top:1px solid #485969;}
.home .style-2 .cal-search-widget h3 {margin-bottom:35px;}
.home .style-2 .cal-search label {display:none;}
.home .style-2 #latest-group {display:flex; flex-wrap:wrap; }
.home .style-2 #latest-group .form-group-latest {width:39.5%;}
.home .style-2 #latest-group .form-group-latest:first-child {margin-right:1%;}
.home .style-2 .cal-search .form-control {width:100%; margin:0; height:40px !important;}
.home .style-2 .cal-search .input-group {width:100%;}

.home .style-2 .btn-group {width:19%; margin-left:1%;}
.home .style-2 .btn-group button {width:100%; padding:10px 25px; margin:0; background-color:#66ace7; color:#1a3145; border:none; font-size:16px; font-size:1.6rem;}

.home .style-2 .allevents {padding:10px 25px; margin-right:10px; background-color:#66ace7; color:#1a3145; border:none;}
.home .style-2 .allevents:hover {}
.home .style-2 .cal-nav-buttons {display:flex; width:100%; margin-top:35px;}

/* registration form */
.tx-nf-lkcal .cal-registration-form fieldset {border:none; padding:0; margin-bottom:20px;}
.tx-nf-lkcal .cal-registration-form fieldset legend {display: block; font-family: RobotoBold, sans-serif;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .input-container {display: flex; gap: 15px;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .col {flex-grow: 1;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .col.col-zip {max-width: 8em; flex-grow: 2;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .col.col-no {max-width: 8em; flex-grow: 2;}
.tx-nf-lkcal .cal-registration-form .collection-list {padding: 0;}
.tx-nf-lkcal .cal-registration-form .collection-list li {position: relative; padding: 0px; margin-bottom: 10px;}
.tx-nf-lkcal .cal-registration-form .collection-list li .item .input-group {width: 100%;}
.tx-nf-lkcal .cal-registration-form ul.collection-list {list-style: none;}
.tx-nf-lkcal .cal-registration-form ol.collection-list {list-style-position: inside;}
.tx-nf-lkcal .cal-registration-form ol.collection-list span {margin-left: 10px;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form {padding: 0;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .col.col-button {max-width: 3em; flex-grow: 2;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .col .input-group {width: 100%;}
.tx-nf-lkcal .cal-registration-form .cal-ajax-form .btn.btn-link {height: 38px; width: 38px; line-height: 38px;  padding: 0;}

.cal-msg-error {text-align: center; background: #c40000; color: #fff; font-family: RobotoBold, sans-serif; margin-bottom: 10px;}
.error-msg {color: red; padding: 5px 0 15px 15px;}

/* widget */
#pb-calendar .top-frame {position:relative; padding:0; margin:0;}
.pb-calendar .top-frame > .year-month-frame {width:100%; float:none; margin-bottom:10px; padding:0; font-size:16px; font-size:1.6rem; line-height:20px; text-align:center; text-transform:uppercase;}
.pb-calendar .top-frame > .control-frame {position:absolute; top:0; width:100%; padding-right:0;}
.pb-calendar .top-frame > .control-frame a {position:absolute; top:0; margin:0; padding:0; font-size:18px; line-height:20px;}
.pb-calendar .top-frame > .control-frame a:hover {background:none; color:#1a3145 !important;}
.pb-calendar .top-frame > .control-frame .prev-btn {left:8px;}
.pb-calendar .top-frame > .control-frame .next-btn {right:8px;}

.pb-calendar > .calendar-head-frame > .row > .col,
.pb-calendar > .calendar-body-frame > .row > .col {padding:10px; height:auto; font-size:16px; line-height:20px;}

.pb-calendar > .calendar-head-frame > .row > .col {background-color: #ddd !important; color: #999 !important;}
.pb-calendar > .calendar-body-frame > .row > .col {background:none;}

.pb-calendar > .calendar-head-frame > .row > .col > div.event-counter,
.pb-calendar > .calendar-body-frame > .row > .col > div.event-counter {top:-3px; right:-3px; width:14px; height:14px; font-size:12px; line-height:12px;}

.cal-info-maxMonth {margin-top:15px; line-height:20px;}


/* search */
.cal-search {margin-bottom:30px; padding:15px; background-color:#f5f5f5;}
.cal-search h2 {margin:0 0 15px 0;}
.cal-search .form-group {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:15px;}
.cal-search .form-group label {width:20%; margin-right:5%;}
.cal-search .input-group {width:75%;}
.cal-search .input-group .form-control {width:100%;}
.cal-search .form-control {width:75%; display:block; height:34px !important; padding:6px 12px !important; color:#555555 !important;
    background-color:#ffffff !important; border:1px solid #cccccc !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;}
.cal-search .btn-group {}
.cal-search .btn-group button {padding:5px 20px; color: #fff; background-color: #1a3145; border:none; cursor:pointer;
font-size:14px; font-size:1.4rem; line-height:20px; line-height:2rem; text-align:center; text-transform:uppercase; font-family:RobotoBold, sans-serif;}
.cal-search .btn-group button:hover {background-color:#67ade6;}
/* #calSearchDetails {display:none;}
#calSearchDetailsToggleLess {display:none;} */
.tx-nf-lkcal .cal-search-widget #calSearchDetails,
.tx-nf-lkcal .cal-search-widget #calSearchDetailsToggleLess {display:none;}
.tx-nf-lkcal .cal-search-widget #calSearchDetails,
.tx-nf-lkcal .cal-search-widget #calSearchDetailsToggleLess {display:none;}
.tx-nf-lkcal .cal-search-widget.cal-search-detail #calSearchDetails,
.tx-nf-lkcal .cal-search-widget.cal-search-detail #calSearchDetailsToggleLess {display:inline;}
.tx-nf-lkcal .cal-search-widget.cal-search-detail #calSearchDetailsToggleMore {display: none;}

/* registration */
.cal-registration-form h2 {margin-top:10px;}
.cal-registration-form .checkbox,
.cal-registration-form .form-group {margin-bottom:20px;}
.cal-registration-form .checkbox label {line-height: 1.2;}
.cal-registration-form input[type="radio"],
.cal-registration-form input[type="checkbox"] {position: relative; top:1px; margin:2px 8px 0 0;}
.cal-registration-form label {display:block; font-family:RobotoBold, sans-serif;}
.cal-registration-form .form-control {width:100%; height:38px; padding:0 15px;}

.tx-nf-lkcal .cal-registration-form fieldset.cal-multiple {border:none; padding:15px; margin:0 0 20px 0; background-color:rgba(255,255,255,.8);}
.tx-nf-lkcal .cal-registration-form fieldset.cal-multiple legend {float:left; width:100%; clear:both;}
.cal-multiple .form-group {clear:both;}
.cal-show-event .cal-multiple-del,
.cal-show-event .cal-multiple-add {width:30px; height:30px; padding:5px;}
.cal-show-event .cal-multiple-del {margin-right:10px; margin-bottom:10px;}
.cal-show-event .cal-multiple-add {float:left; margin-right:10px; }

@media only screen and (max-width: 1320px) {
}

@media only screen and (max-width: 768px) {
.style-default .cal-widget-date {width:100%; margin-right:0; margin-bottom:4px;}
.style-default .cal-widget-time {width:100%;}

.home .style-default .cal-latest-event > div:first-child {width:30%;}
.home .style-default .cal-timer-widget {width:100%;}
.home .style-default .cal-widget-date {width:100%; height:auto;}
.home .style-default .cal-latest-event-info {width:70%}
}

@media only screen and (max-width: 640px) {
.cal-show-event .cal-show-detail {display:block;}
.cal-show-event .cal-info {width:100%;}
.style-default .cal-show-event .cal-timer-widget {width:100%;}
.cal-show-event .cal-info {margin-top:4px; margin-left:0; padding:10px;}

.home .style-default .cal-button {margin-top:8px;}

.home .style-2 .cal-nav-buttons {flex-wrap:wrap;}
.home .style-2 .allevents {width:100%; max-width: none; margin-right:0;}
}

@media only screen and (max-width: 480px) {
.style-default .cal-show-event .cal-timer-widget,
.style-default .cal-list-event .cal-list-timer {width:100%;}
.style-default .cal-widget-date {width:40%; height:auto; margin-right:0.5%; margin-bottom:0;}
.style-default .cal-widget-time {width:59.5%;}
.style-default .cal-list-event-info {width:100%; margin-left:0; margin-top:4px; padding:10px;}

.style-default .cal-search .form-group label {display:block; width:100%;}
.cal-search .input-group,
.cal-search .form-control {width:100%;}
.cal-search .btn-group button {width:100%; margin-bottom:10px;}

.home .style-default .cal-data {padding:10px;}
.home .style-default .cal-latest-event {display:block !important;}
.home .style-default .cal-latest-event > div:first-child {width:100%;}
.home .style-default .cal-latest-event-info {margin-left:0; width:100%;}
.home .style-default .cal-widget-date {width:40%;}
.home .style-default .cal-latest-event-info .cal-category {margin-top:10px;}

.home .style-default .slick-next {right:-25px;}
.home .style-default .slick-prev {left:-25px;}
.home .style-default .slick-prev::before,
.home .style-default .slick-next::after {font-size:28px;}

.home .style-2 #latest-group .form-group-latest {width:40%;}
.home .style-2 .btn-group {margin-left:0;}
}

@media only screen and (max-width: 360px) {
.home .style-default .cal-latest-title {font-size:16px; font-size:1.6rem; line-height:20px;}
.home .style-default .cal-latest-teaser {font-size:14px; font-size:1.4rem; line-height:18px;}
}