/**
Theme Name: Trinity Lutheran Church
Author: Blue Winds Media
Author URI: https://www.bluewindsmedia.com
Description: A custom theme for Trinity Lutheran Church, built on the Astra framework.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trinity-lutheran-church
Template: astra
*/

/* ======= Common CSS: Start ======= */
*,
::before,
:after {
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
}

p {
    margin: 0px 0px 20px;
}

p:last-child {
    margin: 0px 0px 0px;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

ul,
ol,
li {
    list-style: none;
}

ul+ul,
ul+ol,
ol+ul,
ol+ol {
    margin: 20px 0px 0px;
}

a:focus,
a:focus-within,
a:focus-visible,
a:target,
a:visited,
a:active,
button:focus,
button:focus-within,
button:focus-visible,
button:target,
button:visited,
button:active,
input:focus,
input:focus-within,
input:focus-visible,
input:target,
input:visited,
input:active,
select:focus,
select:focus-within,
select:focus-visible,
select:target,
select:visited,
select:active,
textarea:focus,
textarea:focus-within,
textarea:focus-visible,
textarea:target,
textarea:visited,
textarea:active {
    outline: none;
    box-shadow: none;
    font-family: inherit;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
    color: inherit;
    opacity: 1;
    font-family: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ======= Common CSS: End ======= */



/* ======= Hover Button CSS: Start ======= */

.hover-btn a,
.email-form .elementor-form-fields-wrapper .elementor-field-type-submit .elementor-size-sm {
    transition: all 0.6s ease-in-out !important;
    position: relative;
    overflow: hidden;
}

.hover-btn a span.elementor-button-content-wrapper,
.email-form .elementor-form-fields-wrapper .elementor-field-type-submit .elementor-size-sm .elementor-button-content-wrapper {
    z-index: 1;
    position: relative;
}

.hover-btn .elementor-button:after,
.email-form .elementor-form-fields-wrapper .elementor-field-type-submit button.elementor-size-sm::after {
    content: "";
    width: 0;
    height: 100%;
    display: block;
    background: #191C4E;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
    border-radius: 50px;
}

.hover-btn .elementor-button:hover:after,
.email-form .elementor-form-fields-wrapper .elementor-field-type-submit button.elementor-size-sm:hover::after {
    width: 100% !important;
}

p a:hover,
p a:focus {
    color: #6BAA45 !important;
}

.hover-btn .elementor-button {
    overflow: hidden;
}

/* ======= Hover Button CSS: End ======= */



/* ======= Heading Text Anim CSS: Start ======= */
span.word {
    display: inline-flex;
    overflow: hidden;
}

.text-anim span.word span.char {
    opacity: 0;
    transition: all 1.2s cubic-bezier(0.17, 0.17, 0, 0.79) !important;
}

.text-anim.split-is h1 span.word span.char,
.text-anim.split-is h2 span.word span.char,
.text-anim.split-is h3 span.word span.char,
.text-anim.split-is h4 span.word span.char {
    opacity: 1;
    transition-delay: calc(30ms * var(--char-index)) !important;
    display: inline-flex;
}

/* ======= Heading Text Anim CSS: End ======= */



/* ======= Header Section CSS: Start ======= */

.header-main-sec {
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(5px);
}


/* ======= Header Section CSS: End ======= */



/* ======= Footer Section CSS: Start ======= */

.footer-inner-sec h2:hover,
.footer-inner-sec h4:hover {
    color: #6BAA45 !important;
}


/* ======= Footer Section CSS: End ======= */



/* =======  Banner Section CSS: Start ======= */

.cta-main-sec {
    mix-blend-mode: multiply;
}

.cta-main-sec:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-image: url("https://wordpress-1097225-5049058.cloudwaysapps.com/wp-content/uploads/2024/11/bg-1.png");
    position: absolute;
    left: 0px;
    top: 0;
    mix-blend-mode: difference;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.event-loop-template .loop-template-inner-sec a {
    width: 100% !important;
}

.event-loop-template .event-date {
    width: 62px;
    height: 62px;
    background: #FFF;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-loop-template .event-date span.tec-events-elementor-event-widget__datetime-date {
    padding: 5px;
    justify-content: center;
    display: flex;
    align-items: center !important;
    text-align: center !important;
    line-height: 1em;
}

.event-loop-template .event-date .tec-events-elementor-event-widget__datetime-wrapper {
    margin: 0;
}

.event-slider .elementor-swiper-button:hover svg path {
    stroke: #6BAA45 !important;
    opacity: 1 !important;
}

.event-loop-template .elementor-widget-theme-post-title h1 a {
    text-decoration: none !important;
}

/* =======  Banner Section CSS: End ======= */

/* =======  Events Page CSS: Start ======= */

.tribe-events-page-template {
    background: #f5f5f5;
}

.tribe-events-page-template .ast-container {
    max-width: 1700px;
}

.tribe-events-page-template .tribe-common-l-container {
    max-width: 100% !important;
}

.tribe-events-page-template .tribe-events {
    padding-top: 50px !important;
}

.tribe-events-page-template input.tribe-events-c-search__input,
.tribe-events-page-template input.tribe-events-c-search__input:focus {
    border: 0px !important;
    outline: 0px !important;
}

.tribe-events-page-template button.tribe-common-c-btn.tribe-events-c-search__button {
    background-color: #6BAA45 !important;
    font-family: "Cormorant SC", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1em !important;
    color: #fff !important;
    transition-duration: 0.4s !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
}

.tribe-events-page-template .tribe-common-c-btn-icon__icon-svg path,
.tribe-events-page-template .tribe-common-c-btn-icon__icon-svg path {
    fill: #6baa45 !important;
}

.tribe-events-page-template .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-events-page-template .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path {
    opacity: 0.6 !important;
}

.tribe-events-page-template .tribe-events-c-top-bar__today-button {
    font-family: "Manrope", sans-serif !important;
}

.tribe-events-page-template .tribe-events button.tribe-events-c-top-bar__datepicker-button:focus {
    outline: 0px !important;
}

.tribe-events-page-template button.tribe-events-c-top-bar__datepicker-button {
    font-size: 22px !important;
    font-family: "Manrope", sans-serif !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-title {
    font-family: "Cormorant SC", sans-serif !important;
    line-height: 1em !important;
}

.tribe-events-page-template .tribe-events .datepicker .day.active,
.tribe-events-page-template .tribe-events .datepicker .day.active.focused,
.tribe-events-page-template .tribe-events .datepicker .day.active:focus,
.tribe-events-page-template .tribe-events .datepicker .day.active:hover,
.tribe-events-page-template .tribe-events .datepicker .month.active,
.tribe-events-page-template .tribe-events .datepicker .month.active.focused,
.tribe-events-page-template .tribe-events .datepicker .month.active:focus,
.tribe-events-page-template .tribe-events .datepicker .month.active:hover,
.tribe-events-page-template .tribe-events .datepicker .year.active,
.tribe-events-page-template .tribe-events .datepicker .year.active.focused,
.tribe-events-page-template .tribe-events .datepicker .year.active:focus,
.tribe-events-page-template .tribe-events .datepicker .year.active:hover {
    background: #6baa45 !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-description {
    font-family: "Manrope", sans-serif !important;
    margin-top: 8px !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event {
    padding: 25px !important;
    box-shadow: 0 5px 10px #0000001a;
    background: #fff !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-featured-image-wrapper {
    padding: 0px 0px 0px 15px !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-details {
    padding: 0px 15px 0 0px !important;
}

.tribe-events-page-template .tribe-common .tribe-common-c-btn-border,
.tribe-events-page-template .tribe-common a.tribe-common-c-btn-border {
    border: 1px solid #6baa45 !important;
    color: #6baa45 !important;
}

.tribe-events-page-template .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events-page-template .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events-page-template .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within {
    background-color: #6baa45;
    color: #ffffff !important;
}

.tribe-events-page-template .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events-page-template .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus {
    outline: 0px !important;
}

.tribe-events-page-template .tribe-common-anchor-thin:active,
.tribe-events-page-template .tribe-common-anchor-thin:focus,
.tribe-events-page-template .tribe-common-anchor-thin:hover {
    border-bottom: 1px solid #6baa45;
    color: #6baa45 !important;
    outline: 0px !important;
}

.tribe-events-page-template .tribe-events-c-subscribe-dropdown__button-text {
    font-family: "Cormorant SC", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1em !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-row {
    margin: 35px 0px !important;
}

.tribe-events-page-template .tribe-events-calendar-list__event-row:last-child {
    margin-bottom: 60px !important;
}

.event-light-section {
    width: 100vw;
    max-width: 100vw !important;
    left: 50%;
    transform: translateX(-50%);
}

.event-loop-slider .swiper-slide img {
    width: 100%;
    height: 540px;
    object-fit: cover;
    object-position: left center;
}

.event-loop-slider .swiper-slide {
    background: #00000000;
    padding: 0px;
}

.h-event-div {
    transition: all 0.4s ease-in-out;
}

.h-event-image a {
    width: 100%;
}

.h-event-title {
    background: #ffffff4d;
    width: 100%;
    padding: 35px !important;
    bottom: 0px;
    backdrop-filter: blur(10px);
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.h-event-div:hover .h-event-title {
    opacity: 1;
    visibility: visible;
}

.h-event-title .elementor-heading-title {
    font-family: "Cormorant SC", Sans-serif !important;
    color: #fff;
}

.event-loop-slider .elementor-swiper-button-prev {
    height: 26px;
    width: 56px;
    top: -138px !important;
    left: calc(100% - 220px) !important;
}

.event-loop-slider .elementor-swiper-button-next {
    height: 26px !important;
    width: 56px !important;
    top: -90px !important;
    right: 108px !important;
}

.event-loop-slider .elementor-swiper-button-prev .eicon-chevron-left:before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="28" viewBox="0 0 58 28" fill="none"><path d="M15 1C15 1 13.5374 7.82246 10.7391 10.5789C7.74229 13.531 1 14 1 14C1 14 7.74229 14.469 10.7391 17.4211C13.5374 20.1775 15 27 15 27M58 13.875L1 13.875" stroke="black" stroke-width="2.4"/></svg>');
    background-position: center;
    background-size: contain;
    height: 26px;
    width: 56px;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.event-loop-slider .elementor-swiper-button-next .eicon-chevron-right:before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="28" viewBox="0 0 58 28" fill="none"><path d="M43 0.999512C43 0.999512 44.4626 7.82198 47.2609 10.5785C50.2577 13.5305 57 13.9995 57 13.9995C57 13.9995 50.2577 14.4685 47.2609 17.4206C44.4626 20.177 43 26.9995 43 26.9995M0 13.8745L57 13.8745" stroke="black" stroke-width="2.4"/></svg>');
    background-position: center;
    background-size: contain;
    height: 26px;
    width: 56px;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.event-loop-slider .elementor-swiper-button-prev:hover .eicon-chevron-left:before,
.event-loop-slider .elementor-swiper-button-next:hover .eicon-chevron-right:before {
    filter: brightness(0) saturate(100%) invert(51%) sepia(84%) saturate(304%) hue-rotate(54deg) brightness(98%) contrast(89%);
    opacity: 1;
}

/* =======  Events Page CSS: End ======= */


/* =======  Worship Page CSS: Start ======= */

.video-image .elementor-custom-embed-image-overlay {
    background-position: left !important;
}

.video-image.elementor-widget-video .elementor-wrapper {
    aspect-ratio: 0.76 !important;
}

.visitors-faq .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-bottom: 0px !important;
}

.w-about-img {
    mix-blend-mode: multiply;
}

/* =======  Worship Page CSS: End ======= */

/* =======  Ministries Page CSS: Start ======= */

.overview-gallery .gallery {
    text-align: center !important;
}

.music-sec .e-con-inner {
    margin-left: 0px !important;
}

.preschool-tab .e-n-tab-title:after {
    content: "";
    position: absolute;
    background: #00000033;
    width: 2px;
    height: 20px;
    right: -20px;
    transform: rotateZ(11deg);
}

.preschool-tab .e-n-tab-title:last-child:after {
    display: none;
}


/* =======  Ministries Page CSS: End ======= */

/* ======= Responsive CSS: Start ======= */

/*
    Elementor Breakpoint For Responsive Screen : 
    Mobile Portrait   : 767
    Mobile Landscape  : 980
    Tablet Portrait   : 1080
    Tablet Landscape  : 1220
    Laptop            : 1320
    */

@media screen and (min-width: 1321px) and (max-width: 1700px) {

    .header-main-sec {
        padding: 0px 40px !important;
    }

    .banner-main-sec h1.elementor-heading-title {
        font-size: 130px !important;
    }
}

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

@media screen and (min-width: 1321px) and (max-width: 1680px) {

    .header-main-sec ul li a {
        font-size: 16px !important;
    }

    .services-main-sec h2,
    .videos-main-sec h2,
    .cta-main-sec h2,
    .event-main-sec h2,
    .title-small .elementor-heading-title {
        font-size: 90px !important;
    }

    .services-title .elementor-heading-title {
        font-size: 30px !important;
    }
}

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

@media screen and (min-width: 1321px) and (max-width: 1580px) {

    .banner-main-sec h1.elementor-heading-title {
        font-size: 120px !important;
    }

    .header-main-sec .header-left-menu ul li:not(:first-child) a,
    .header-main-sec .header-right-menu ul li:not(:last-child) a {
        margin: 0 15px !important;
    }

    .header-main-sec .header-left-menu ul li:first-child a {
        margin: 0 15px 0 0 !important;
    }

    .header-main-sec .header-right-menu ul li:last-child a {
        margin: 0 0px 0 15px !important;
    }

    .event-slider .elementor-swiper-button {
        --arrow-prev-left-position: -100px !important;
        --arrow-next-right-position: -100px !important;
    }

    .w-download-btn .elementor-button {
        padding: 17.5px 15px !important;
        font-size: 16px !important;
    }
}

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

@media screen and (min-width: 1321px) and (max-width: 1500px) {

    .footer-main-sec .footer-left-menu ul li a,
    .footer-main-sec .footer-right-menu ul li a,
    .footer-main-sec .footer-inner-sec h4 {
        font-size: 24px !important;
    }

    .footer-main-sec .footer-inner-sec .footer-tel-no .elementor-widget-container {
        margin-bottom: 40px !important;
    }

    .footer-main-sec .footer-inner-sec h2 {
        font-size: 40px !important;
    }

    .event-slider .elementor-swiper-button {
        --arrow-prev-left-position: -50px !important;
        --arrow-next-right-position: -50px !important;
        --arrow-size: 40px !important;
    }

    .worship-col {
        padding-left: 30px;
        padding-right: 30px;
    }

    .online-text .elementor-widget-container {
        margin: 45px 0 20px !important;
    }
}

@media screen and (max-width: 1500px) {
    .event-loop-slider .swiper-slide img {
        height: 400px;
    }
}

@media screen and (min-width: 1321px) and (max-width: 1400px) {

    .header-main-sec .header-left-menu ul li:not(:first-child) a,
    .header-main-sec .header-right-menu ul li:not(:last-child) a {
        margin: 0 10px !important;
    }

    .header-main-sec .header-left-menu ul li:first-child a {
        margin: 0 10px 0 0 !important;
    }

    .header-main-sec .header-right-menu ul li:last-child a {
        margin: 0 0px 0 10px !important;
    }

    .event-slider {
        --swiper-slides-gap: 30px !important;
    }

    .event-slider .elementor-swiper-button {
        --arrow-prev-left-position: -42px !important;
        --arrow-next-right-position: -42px !important;
        --arrow-size: 40px !important;
    }
}


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

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

@media screen and (max-width: 1220px) {

    .tribe-events-calendar-latest-past {
        gap: 20px !important;
    }

    .tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event .tribe-events-calendar-latest-past__event-featured-image-wrapper a img {
        height: 280px !important;
    }
}

@media screen and (max-width: 1080px) {
    .preschool-tab .e-n-tab-title:after {
        right: -15px;
    }

    .event-loop-slider .elementor-swiper-button-next {
        right: 50px !important;
        top: -45px !important;
    }

    .event-loop-slider .elementor-swiper-button-prev {
        top: -85px !important;
        left: calc(100% - 160px) !important;
    }

    .event-loop-slider .swiper-slide img {
        height: 320px;
    }

    .h-event-title {
        padding: 20px !important;
        font-size: 20px;
    }

    .tribe-common-g-row {
        width: 100%!important;
        max-width: 45%!important;
        margin: 0!important;
    }
}

@media screen and (max-width: 980px) {
    .tribe-events-page-template .tribe-events-l-container {
        padding: 70px 20px 150px !important;
    }

    .tribe-events-page-template button.tribe-events-c-top-bar__datepicker-button {
        font-size: 18px !important;
    }

    .video-image.elementor-widget-video .elementor-wrapper {
        aspect-ratio: 2 !important;
    }

    .overview-gallery .gallery-item {
        padding: 0 30px 30px 0 !important;
    }

    .preschool-tab .e-n-tab-title:after {
        right: -10px;
    }

    .event-loop-slider .swiper-slide img {
        height: 250px;
    }

    .event-loop-slider .elementor-swiper-button-prev {
        top: auto !important;
        left: calc(50% - 70px) !important;
        bottom: -60px !important;
    }

    .event-loop-slider .elementor-swiper-button-next {
        top: auto !important;
        right: calc(50% - 70px) !important;
        bottom: -60px !important;
    }

    .event-loop-slider .elementor-swiper-button-prev .eicon-chevron-left:before,
    .event-loop-slider .elementor-swiper-button-next .eicon-chevron-right:before {
        width: 45px;
    }

    .tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event {
        height: 410px !important;
    }

    .tribe-common-g-row {
        max-width: 48%!important;
    }

    .single-tribe_events .tribe-common-a11y-hidden, .tribe-common .tribe-common-a11y-hidden {
        display: none!important;
        visibility: hidden !important;
    }

    .team-text-area .elementor-widget-text-editor p {
        overflow: hidden;
        overflow-y: auto !important;
        height: 100%;
        max-height: 290px !important;
    }
}

@media screen and (max-width: 768px) {

    .tribe-events-page-template .tribe-events-calendar-list__event-featured-image {
        width: 100%;
        height: 100%;
    }

    .tribe-events-page-template .tribe-events-calendar-list__event-featured-image-wrapper {
        padding: 0px 0px 20px !important;
        margin: 0px;
    }

    .tribe-events-page-template .tribe-events-calendar-list__event-title {
        font-size: 20px !important;
    }

    .video-image.elementor-widget-video .elementor-wrapper {
        aspect-ratio: 1.5 !important;
    }
}

@media screen and (max-width: 767px) {

    .event-loop-template .loop-template-inner-sec {
        flex-wrap: nowrap !important;
    }

    .event-loop-template .event-date {
        width: 50px !important;
        height: 50px !important;
    }

    .tribe-events-page-template .tribe-events-l-container {
        padding: 70px 10px 100px !important;
        overflow: hidden;
    }

    .tribe-events-page-template .tribe-events-calendar-list__event {
        padding: 20px !important;
    }

    .preschool-tab .e-n-tab-title:after {
        display: none;
    }

    .email-form .elementor-form-fields-wrapper .elementor-field-type-submit {
        width: auto !important;
    }

    .email-form .elementor-form-fields-wrapper {
        justify-content: center;
    }

    .tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event .tribe-events-calendar-latest-past__event-featured-image-wrapper a img {
        height: 260px!important;
    }

    .tribe-common-g-row {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0!important;
    }

    .team-text-area .elementor-widget-text-editor p {
        overflow: hidden;
        overflow-y: auto !important;
        height: 100%;
        max-height: 240px !important;
    }
}

@media screen and (max-width: 480px) {

    .banner-main-sec h1.elementor-heading-title,
    .services-main-sec h2,
    .videos-main-sec h2,
    .about-main-sec h2,
    .cta-main-sec h2,
    .event-main-sec h2,
    .title-small .elementor-heading-title {
        font-size: 34px !important;
    }

    .event-slider {
        --swiper-slides-to-display: 1 !important;
    }
}

/* ======= Responsive CSS: End ======= */


.iconbox-main-sec:hover {
    background-color: #fff !important;
    box-shadow: 5px 15px 32px 0 rgba(0,0,0,.06) !important;
}

.iconbox-main-sec {
    box-shadow: 8px 20px 45px 0 rgba(0,0,0,.25) !important;
    transition: all 0.4s ease-in-out;
}

.email-form .elementor-form-fields-wrapper .elementor-field-group input::placeholder {
    opacity: 1 !important;
}

.email-form .elementor-form-fields-wrapper .elementor-field-group input:focus {
    border-style: solid;
    border-width: 0 0 3px 0 !important;
    box-shadow: none;
}

/* .elementor-widget-nav-menu ul li > ul {
    width: 200px !important;
}

.elementor-widget-nav-menu ul li.menu-item-2302 > ul {
    width: 260px !important;
} */

.elementor-widget-nav-menu ul li a span.sub-arrow {
    padding: 0 !important;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event {
    display: block;
    padding: 0;
    border-radius: 20px;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-date-tag {
    display: none;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event {
    display: block;
    padding: 0;
    border-radius: 20px;
}

.tribe-common-g-row {
    width: 100%!important;
    max-width: 30%;
    margin: 0 !important;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event .tribe-events-calendar-latest-past__event-featured-image-wrapper {
    width: 100%;
    padding: 0;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event .tribe-events-calendar-latest-past__event-details {
    width: 100% !important;
    padding: 20px;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event .tribe-events-calendar-latest-past__event-featured-image-wrapper a img {
    border-radius: 20px 20px 0 0;
    height: 300px;
    object-fit: cover;
    width: 100% !important;
}

h2.tribe-events-calendar-latest-past__heading {
    width: 100% !important;
    text-align: center;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper article.tribe-events-calendar-latest-past__event {
    padding: 0;
    border-radius: 20px;
    width: 100%!important;
    max-width: 100%!important;
    height: 590px;
}

.tribe-events-calendar-latest-past {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.tribe-events-page-template .tribe-events .tribe-common-l-container.tribe-events-l-container {
    width: 100%;
    max-width: 1440px !important;
}

.tribe-common-g-row .tribe-events-calendar-latest-past__event-wrapper {
    padding: 0 !important;
}

.team-main-sec .team-text-area {
    opacity: 0;
    height: 0;
}

.team-main-sec:hover .team-text-area {
    opacity: 1!important;
    height: 100% !important;
    justify-content: center;
}
.team-main-sec:hover .team-head-sec {
    opacity: 0;
}

.team-main-sec .team-text-area,
.team-main-sec .team-head-sec {
    transition: all 0.3s ease-in-out;
}

.team-main-sec:hover {
    mix-blend-mode: luminosity !important;
}