/*
Theme Name: Catchy Labs Theme Child
Theme URI: https://catchylabs.com/
Description: Child theme for the Catchy Labs Elementor Theme WordPress theme.
Author: Bobby Danklefsen
Author URI: https://catchylabs.com/
Template: catchylabs-theme
Version: 1.0.1
Text Domain: cl-elementor
*/

:root {
   --clet-primary: #BF1D2C;
	--clet-text: #333333;
}

/* Put all custom styles here
   ========================================================================== */


/* Newsletter
   ========================================================================== */

#newsletter form {
   display:flex;
   margin:0;
   gap:20px;
}

#newsletter .forminator-edit-module {
   display:none;
}

#newsletter form .forminator-row {
   width:70%;
}

#newsletter form .forminator-row-last {
   width:30%;
}

@media (max-width:768px) {
   #newsletter form {
      display:block;
   }

   #newsletter form .forminator-row,
   #newsletter form .forminator-row-last {
      width:100%;
   }
}

#newsletter .forminator-ui.forminator-custom-form[data-design=default] .forminator-field {
   height:100%;
}

#newsletter form.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit {
   margin-top:0;
   background-color: white;
   color:#7D8F73;
   height: 100%;
   font-family: "Bebas Neue", Sans-serif;
   font-size: 1.4rem;
   font-weight: 400;
   text-transform: uppercase;
   padding: 5px 20px;
   border-radius: 15px;
}

#newsletter .forminator-ui.forminator-design--default .forminator-input {
   background-color: transparent;
   border:solid 3px white;
   color:white;
   padding: 15px 20px;
   font-size:1.6rem;
   font-weight:500;
   border-radius: 15px;
}

#newsletter .forminator-ui.forminator-design--default .forminator-input::placeholder {
   color:white;
}

/* Calendar
   ========================================================================== */

#calendar:after,
#calendar:before {
   content: "";
   display: block;
   width: 280px;
   height: 200px;
   position: absolute;
   top: -20px;
   left: -40px;
   background-color: #836D89;
   z-index: 0;
}

#calendar:after {
   right:-30px;
   top:90px;
   width: 200px;
   height: 150px;
   left:unset;
   background-color: #7D8F73;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls {
   z-index: 10;
   position: relative;
}

#calendar .sugar-calendar-block__base-container {
   border-radius: 25px;
   box-shadow: 0px 0px 14.5px -4px #9E9E9E;
   border:solid thin #D7D7D7;
   background-color: white;
   z-index: 10;
}

@media (min-width: 768px) {
    #calendar .sugar-calendar-block__calendar-day, 
    #calendar .sugar-calendar-block__calendar-month, 
    #calendar .sugar-calendar-block__calendar-week {
        border: none;
        border-radius: 6px;
    }
}

#calendar .sugar-calendar-block__calendar-month__body__day {
   min-height: 130px;
}

#calendar .sugar-calendar-block__calendar-month__header__day__text {
   display:none !important;
}

#calendar .sugar-calendar-block__calendar-month__header__day__text-short,
#calendar .sugar-calendar-block__calendar-month__body__day-offset .sugar-calendar-block__calendar-month__body__day__number,
#calendar .sugar-calendar-block__calendar-month__body__day__number {
   display:block !important;
   font-family: Amiri;
   font-weight: 400;
   font-style: Regular;
   font-size: 20px;
   line-height: 90%;
   letter-spacing: 0%;
   text-align: center;
   text-transform: uppercase;
}

#calendar .sugar-calendar-block__calendar-month__body__day-offset .sugar-calendar-block__calendar-month__body__day__number,
#calendar .sugar-calendar-block__calendar-month__body__day__number {
   font-size:2rem;
}

#calendar .sugar-calendar-block__calendar-month__cell,
#calendar .sugar-calendar-block__calendar-month__body__day {
   border:none;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__view__btn,
#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right button.sugar-calendar-block__controls__right__settings__btn,
#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination,
#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type=text].sugar-calendar-block__controls__right__search__field,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer button.sugar-calendar-event-list-block__footer__next_btn, 
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer button.sugar-calendar-event-list-block__footer__prev_btn {
   border: 1px solid #D9D9D9;
   background: #FFFFFF;
   box-shadow: 0px 2px 4px 0px #00000017;
   padding:5px 15px;
   border-radius: 15px;
   min-height:35px;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination {
   padding:0;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination__divider,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left__pagination__divider {
   background-color: white;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type=text].sugar-calendar-block__controls__right__search__field {
   padding-left:0;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left button.sugar-calendar-block__controls__left__date,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__view-heading {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 2rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 1px;
    color: white;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__view-heading {
   color: #8F7896 !important;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-block__base-container__no-events,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__footer,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
   border:none;
}

#calendar .sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__left button.sugar-calendar-block__controls__left__date svg {
   color:white;
}

#calendar .sugar-calendar-block__calendar-month .sugar-calendar-block__event-cell,
#calendar .sugar-calendar-block__popover__event__container__content__calendar__item {
   border-color: #8F7896 !important;
}

#calendar .sugar-calendar-block__event-cell__mobile {
   background: #8F7896 !important;
}

#calendar .sugar-calendar-block__popover__event__container__content__cta {
   background: #8F7896 !important;
   color:white !important;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event {
   justify-content: space-between;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body {
   flex: none;
   border: 1px solid #D9D9D9;
   background: #FFFFFF;
   box-shadow: 0px 2px 4px 0px #00000017;
   padding:15px 25px 25px;
   border-radius: 5px;
   width:80%;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block {
   padding:0;
   background-color: transparent;  
   display:flex;
   gap:10px;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-name time,
#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__day__block-num time {
   font-family: "Bebas Neue", Sans-serif;
   font-size: 3rem;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 1.3em;
   letter-spacing: 1px;
   color: black;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4 {
   font-family: Amiri;
   font-weight: 400;
   font-style: Regular;
   text-transform: uppercase;
   color: #8F7896 !important;
   font-size:2rem;
   border-bottom:solid thin #8F7896;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview__event__body__content h4 a {
   color: #8F7896 !important;
   text-decoration: none !important;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-block__base-container__no-events__msg {
   margin-top:0;
}

#list-calendar .sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__listview {
   padding-top:0;
}

.single-sc_event .blog-default {
   padding:100px 50px;
}

.single-sc_event .blog-default .blog-default-content > .inner {
   padding:0;
   background-color: transparent;
}

.single-sc_event .blog-default h1.page-title {
   font-family: Amiri;
   font-weight: 400;
   font-style: Regular;
   text-transform: uppercase;
   color: #8F7896 !important;
   font-size:3rem;
}

.single-sc_event .blog-default time,
.single-sc_event .sc-frontend-single-event__details__add-to-calendar {
   border: 1px solid #D9D9D9;
   background: #FFFFFF;
   box-shadow: 0px 2px 4px 0px #00000017;
   padding:5px 15px 5px;
   border-radius: 15px;
   color:#8F7896;
   line-height:1em;
}

.single-sc_event .blog-default .post-head time {
   display: none;
}

.single-sc_event .sc-frontend-single-event__details__date.sc-frontend-single-event__details-row {
   display:flex;
   flex-direction: column;
   align-items: flex-start;
   margin-bottom:30px;
}

.single-sc_event .sc-frontend-single-event__details .sc-frontend-single-event__details__label {
   font-family: "Bebas Neue", Sans-serif;
   font-size: 1.5rem;
   font-weight: 400;
   text-transform: uppercase;
   line-height: 1.7em;
   letter-spacing: 1px;
   color: #B1BCA8;
}

@media (max-width:1200px) {
   .single-sc_event .blog-default {
      padding:50px 20px;
   }
}

/* WP Forms styles
   ========================================================================== */

body form.forminator-ui.forminator-design--default .forminator-label {
   color:#6C6C6C;
   font-weight:400 !important;
   font-size:1.2rem !important;
}

body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-form label.wpforms-error, 
body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-form em.wpforms-error {
   color:white;
}

body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-form label.wpforms-error:before, 
body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-form em.wpforms-error:before {
   background-color:white;
}

body form.forminator-ui.forminator-custom-form[data-design=default] input[type="text"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="date"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="email"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="number"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="password"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="search"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="tel"], 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="url"], 
body form.forminator-ui.forminator-custom-form[data-design=default] select, 
body form.forminator-ui.forminator-custom-form[data-design=default] select option, 
body form.forminator-ui.forminator-custom-form[data-design=default] textarea {
   width: 100%;
   border: solid thin #D7D7D7;
   border-radius: 3px;
   padding: 1rem 1.5rem;
   -webkit-transition: all .3s;
   -o-transition: all .3s;
   background-color:#FFF;
   transition: all .3s;
}

body form.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"],
body form.forminator-ui.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"]:hover {
   border: solid thin #D7D7D7 !important;
   padding: 0.75rem 1.5rem !important;
   background-color:#FFF !important;
}

body form.forminator-ui.forminator-custom-form[data-design=default] input[type="text"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="date"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="email"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="number"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="password"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="search"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="tel"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] input[type="url"]::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] select::placeholder, 
body form.forminator-ui.forminator-custom-form[data-design=default] textarea::placeholder {
   opacity:0.8;
}

body form.forminator-ui.forminator-custom-form[data-design=default] .forminator-button-submit {
   background-color:#7D8F73;
   text-transform:uppercase;
   letter-spacing:2px;
   padding:10px 20px;
   height:auto;
   border:solid thin #7D8F73;
   color:white;
   margin-top:10px;
   width:100%;
   border-radius:10px;
}

body .wpforms-container .wpforms-field, 
body .wp-core-ui div.wpforms-container .wpforms-field {
   padding:10px 0;
}

body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-confirmation-container-full, 
body div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { 
   border:solid thin var(--clet-primary, #333);
   background:white;
   padding:20px;
   text-align:center;
}

body form.forminator-ui.forminator-custom-form[data-design=default] .wpforms-confirmation-container-full, 
body div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
   color: var(--clet-text, #333);
}

/* Upcoming events slider
   ========================================================================== */

#clet-upcoming-events-slider.clet-upcoming-events {
   position: relative;
   padding-top: 64px;
}

#clet-upcoming-events-slider .clet-upcoming-events__controls {
   position: absolute;
   top: 0;
   right: 0;
   display: flex;
   gap: 8px;
   z-index: 5;
}

#clet-upcoming-events-slider .clet-upcoming-events__arrow {
   width: 44px;
   height: 44px;
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #7D8F73;
   color: #fff;
   border: none;
   border-radius: 0;
   cursor: pointer;
   line-height: 1;
   font-size: 1rem;
}

#clet-upcoming-events-slider .clet-upcoming-events__arrow:hover,
#clet-upcoming-events-slider .clet-upcoming-events__arrow:focus {
   background: #8F7896;
   color: #fff;
   outline: none;
}

#clet-upcoming-events-slider .clet-upcoming-events__slider {
   margin: 0 -12px;
}

#clet-upcoming-events-slider .clet-upcoming-events__slide {
   padding: 0 12px;
}

#clet-upcoming-events-slider .clet-upcoming-events__card {
   display: block;
   height: 100%;
   text-decoration: none;
   color: inherit;
   background: #fff;
   text-align: center;
   overflow: hidden;
}

#clet-upcoming-events-slider .clet-upcoming-events__media {
   aspect-ratio: 4 / 3;
   overflow: hidden;
   background: #F3F3F3;
}

#clet-upcoming-events-slider .clet-upcoming-events__image,
#clet-upcoming-events-slider .clet-upcoming-events__media-placeholder {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   box-shadow: 0px 2px 4px 0px #00000017;
   margin-bottom:20px;
}

#clet-upcoming-events-slider .clet-upcoming-events__body {
   padding: 20px 22px 24px;
}

#clet-upcoming-events-slider .clet-upcoming-events__title {
   font-family: Amiri, serif;
   font-weight: 400;
   text-transform: uppercase;
   color: #4D3C54;
   font-size: 1.6rem;
   line-height: 1.2;
   margin: 0;
}

#clet-upcoming-events-slider .clet-upcoming-events__excerpt {
   color: #8F7896;
   text-transform: uppercase;
   font-size: 1rem;
   line-height: 1.5;
   margin-bottom: 24px;
}

#clet-upcoming-events-slider .clet-upcoming-events__link {
   display: inline-block;
   font-family: "Bebas Neue", Sans-serif;
   font-size: 1.2rem;
   letter-spacing: 1px;
   text-transform: uppercase;
   background: #8F7896;
   color:white;
   padding: 5px 25px;
   border-radius: 15px;
   box-shadow: 0px 2px 4px 0px #00000017;
}

#clet-upcoming-events-slider .clet-upcoming-events__card:hover .clet-upcoming-events__link {
   background: #4D3C54;
}

#clet-upcoming-events-slider .clet-upcoming-events--empty {
   padding-top: 0;
}

@media (max-width: 768px) {
   #clet-upcoming-events-slider.clet-upcoming-events {
      padding-top: 56px;
   }
}