/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.2.1748236157
Updated: 2025-05-26 05:09:17

*/

@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Passion+One:wght@400;700;900&family=Platypi:ital,wght@0,300..800;1,300..800&display=swap');

.get-in-touch-form form .form-inner {
  display: flex;
  flex-direction: row;
  gap: 14px;
}
.get-in-touch-form form input, .get-in-touch-form form textarea {
    border: none;
    background: #f5f5f5;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #000;
    border-radius: 5px;
    height: 46px;
}
.get-in-touch-form .subject-field {
    margin-top: 22px;
}
.get-in-touch-form form input::placeholder, .get-in-touch-form form textarea::placeholder {
    color: #00000066;
}
.get-in-touch input.Querybutton {
    background: #f8951d !important;
    color: #fff;
    border-radius: 100px;
    padding: 10px 60px;
    font-size: 16px;
    margin-top: 10px;
}
.get-in-touch-form .phone-field {
    margin-top: 8px;
}
.event-box {
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.event-box .event-box-img {
    width: 100%;
    max-width: 264px;
}
.event-box-content h2 {
    color: #000;
    font-size: 26px;
}
.event-box-content p {
    color: #000;
    font-size: 16px;
}
.event-box-content ul.event-list {
    color: #000;
    list-style: none;
    padding: 0px;
}
.event-box-content {
    text-align: left;
    padding-left: 24px;
}
.event-box-content ul.event-list li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.event-box-content ul.event-list li img {
    margin-right: 10px;
}
.event-box-content ul.event-list li p {
    margin-bottom: 0px;
}
.event-box-content a.event-btn {
    color: #f8951d;
    padding-left: 34px;
}
.video-container video {
 width: 100%;
 display: block;
}
.video-container .controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    background: #fff;
}
.video-container video#video {
    display: none;
}
.video-container .progress, .video-container .volume {
  flex: 1;
  margin: 0 10px;
}
.video-container input[type=range] {
  width: 100%;
}
.video-container .controls button#playBtn {
    background: transparent;
    border: 0px;
    padding: 0px;
    display: flex;
}
.video-container .controls button#fullscreenBtn:hover {
    color: #000;
}
.video-container .controls button#fullscreenBtn {
    border: 0px;
    background: transparent;
    font-size: 20px;
    color: #000;
}
.main_blog article a.elementor-post__read-more {
    background: #F8951D;
    padding: 10px 24px;
    color: #fff !important;
    border-radius: 100px;
    text-decoration: none !important;
}
.singleblog-form .Querybutton {
    background: #f8951d;
    color: #fff;
    border-radius: 100px;
    padding: 10px 50px;
    border: 0px;
}
.main_blog article .elementor-post__card {
    background: #f1f1f1 !important;
}
.main_blog article .elementor-post__card {
    background: #ffffff !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-align: center;
}

.sermons-post-outer article {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px !important;
    align-items: center;
}
.sermons-post-outer article a.elementor-post__read-more {
    background: #f8951d;
    padding: 6px 16px;
    color: #fff;
    border-radius: 100px;
}
.sermons-post-outer article a.elementor-post__thumbnail__link {
    margin-bottom: 0px !important;
}
.post-type-archive-sermons .sermon-wrapper .sermon-title-holder {
    text-align: center;
    padding-top: 14%;
    padding-bottom: 8%;
    position: relative;
    width: 100%;
    left: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-attachment: initial;
    background-position: center center;
    background-size: cover;
    background-image: url("https://churchapp.whdev.in/wp-content/uploads/2025/06/inner-banner.jpg");
    margin-top: -160px;
}
.single-sermons .sermon-wrapper .sermon-title-holder .sermon-featured-image {
}
.post-type-archive-sermons .sermon-wrapper li.sermon-archive-single .sermon-master-content a.asp-read-more {
    color: #f8951d;
    font-weight: 700;
}
.post-type-archive-sermons .sermon-wrapper li.sermon-archive-single .sermon-archive-details a {
    color: #f8951d;
}
.post-type-archive-sermons .sermon-wrapper li.sermon-archive-single .sermon-title h2 a {
    color: #000;
    font-weight: 700;
}

a {
    color: #f8951d;
}

.sermon-wrapper .sermon-details {
    padding: 14px 14px !important;
    min-height: 54px;
    background-color: #c5c5c5;
    border-radius: 0px;
}
.sermon-wrapper .sermon-details .details-sermon-speaker p a {
    color: #000 !important;
    font-size: 18px;
}
.sermons-template-default .elementor-element.elementor-element-f5aebb5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin-top: 0px;
}
.event-box-archive article {
    display: flex !important;
    flex-direction: row !important;
}
.event-box-archive article .elementor-post__text {
    background: #ffffff;
    padding: 16px 16px;
}
.event-box-archive article a.elementor-post__thumbnail__link .elementor-post__thumbnail {
    overflow: inherit;
}
.single-tribe_events .elementor-element.elementor-element-f5aebb5.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    margin-top: 0px;
}
.event-breatcrump {
    background: url(/wp-content/uploads/2025/06/Blog.jpg);
    background-size: cover;
    background-position: center;
    padding: 80px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-container .controls button.settings-btn:hover {
    background: transparent;
}
.event-breatcrump h2 {
    color: #fff;
}
div#about-us {
   background-position: 96% 83%;
}
.controls {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

#playBtn,
#fullscreenBtn {
  background-color: #007bff;
  border: none;
  padding: 6px 10px;
  border-radius: 5px;
  cursor: pointer;
  color: white;
}

#progressBar, #volume {
    accent-color: #000000;
    cursor: pointer;
    height: 4px;
    display: flex;
}
button.cc-btn {
    border: 0px;
    background: #f5f5f5;
    color: #000;
    padding: 2px 10px;
    font-weight: 500;
}
button.settings-btn {
    border: 0pc;
    color: #000;
}
button.settings-btn:hover {
    background: transparent;
}
.event-search button.e-search-submit {
    position: relative;
    z-index: 9;
}
.event-search .e-search-input-wrapper {
    margin-right: -70px;
    position: relative;
    z-index: 1;
}
.singleblog-form input, .singleblog-form textarea {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}
button.slick-next.slick-arrow {
    background-image: url(https://churchapp.whdev.in/wp-content/uploads/2025/06/slider-arrow.png);
    background-position: center;
    background-repeat: no-repeat;
}

button.slick-prev.slick-arrow {
    background-image: url(https://churchapp.whdev.in/wp-content/uploads/2025/06/slide-arrow-left.png);
    background-position: center;
    background-repeat: no-repeat;
}
button.slick-prev.slick-arrow:before {
    display:none;
}
button.slick-next.slick-arrow:before {
    display:none;
}
.rt-wpls .slick-prev, .rt-wpls .slick-next {
	background:transparent;
}
.slick-track .slick-slide {
    background: transparent !important;
}
.get-in-touch-form form textarea {
    height: 180px;
}
.main_blog .elementor-post__card .elementor-post__text .elementor-post__excerpt p {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 70px;
}
.singleblog-form .form-inner {
    display: flex;
    gap: 16px;
}
.singleblog-form .form-inner .full-email {
    width: 100%;
}
.singleblog-form .form-inner .full-name {
    width: 100%;
}
.main_blog article:last-child {
    border: 0px !important;
}
.main_blog .elementor-post__excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    margin-bottom: 18px;
}
.main_blog h3.elementor-post__title {
    text-overflow: ellipsis;
    height: 22px;
    overflow: hidden;
    margin-bottom: 6px;
}

.rt-wpls .slick-prev, .rt-wpls .slick-next {
    width: 42px;
    height: 42px;
}
.banner-sliders .swiper-slide-contents {
    max-width: 100%;
    background-image: url(https://churchapp.whdev.in/wp-content/uploads/2025/06/banner-shape.svg);
    position: absolute;
    bottom: -54px;
    padding: 86px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.banner-sliders .swiper-slide-contents .elementor-slide-heading {
    margin-top: 30px;
    margin-bottom: 14px !important;
}


.glink {
  color: #000 !important;
}
.gt_switcher_wrapper {
    background: #fff;
    padding: 0px 5px 4px 6px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.gt_switcher_wrapper  a.glink img {
    vertical-align: middle;
    display: inline;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0.8;
    border-radius: 100px;
}
.inner-page-Breadcrump ul.elementor-icon-list-items.elementor-inline-items {
    background: #f8951d;
    padding: 5px 24px !important;
}
.inner-page-Breadcrump ul.elementor-icon-list-items.elementor-inline-items li span {
    color: #fff !important;
}
.elementor-element.elementor-element-424f500.e-con-full.inner-page-Breadcrump.e-flex.e-con.e-child {
    padding: 0px !important;
}
.inner-page-Breadcrump {
    display: none;
}
.header-navigation nav ul {
    align-items: center;
}
.gt_float_switcher .gt_options {
    background: #fff !important;
    position: absolute !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 6px 6px !important;
}
.gt_float_switcher img {
    width: 20px !important;
}
.gt_float_switcher {
    font-size: 12px !important;
}
.gt_float_switcher .gt_options {
    width: 90px !important;
}
.gt_float_switcher {
    margin-top: 4px !important;
}
.gt_float_switcher .gt_options a {
    padding: 10px 7px !important;
}
.gt_float_switcher .gt_options a:hover {
    background: #f8951d !important;
}
.tribe-events.tribe-common {
    display: none;
}
.tribe-events-single h1.tribe-events-single-event-title {
    font-size: 24px;
}
.tribe-events-single .tribe-events-schedule.tribe-clearfix {
    margin: 5px 0 18px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    width: 100%;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group {
    border: 0px;
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group .tribe-events-venue-map {
    width: 100%;
    margin: 10px 0 0 0;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group:last-child {
    margin-right: 0px;
}
.eventinner-img-description .tribe-events-single-event-description.tribe-events-content p {
    margin-bottom: 0px;
}
.eventinner-img-description {
    display: flex;
    justify-content: space-around;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 32px;
    background: #ffffff;
    border-radius: 10px;
}
.eventinner-img-description .tribe-events-event-image {
    width: 50%;
    margin-right: 30px;
    margin-bottom: 0px;
}
.eventinner-img-description .tribe-events-event-image img {
    width: 170px;
    height: 170px;
    border-radius: 100px;
}
.tribe-events-single>.tribe_events {
    overflow: visible !important;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix:before {
    border: 0px;
}
.eventinner-img-description .tribe-events-single-event-description.tribe-events-content .tribe-events-schedule.tribe-clearfix {
    margin-bottom: 8px;
    margin-top: 0px;
}

.tribe-events-single p.tribe-events-back a {
    background: #f8951d;
    color: #fff;
    padding: 14px 42px;
    border-radius: 100px;
}
.tribe-events-single .tribe-events-notices ul li {
    color: #000;
    background: #fff9f1;
    padding: 10px 20px;
    border: 1px solid #fbeede;
}
.tribe-events-notices {
    border: 0px !important;
    padding: 0px;
}
#tribe-events-footer {
    border: 0px !important;
    padding: 0px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix {
    width: 100%;
    margin-top: -46px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix .tribe-events-venue-map iframe {
    width: 100%;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix .tribe-events-meta-group {
    border: 0px;
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    width: 52%;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix .tribe-events-venue-map {
    border: 0px;
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
    width: 100%;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group.tribe-events-meta-group-details dl {
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: 8px;
    column-gap: 10px;
    align-items: center;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group dl dt {
    margin-top: 0px;
}

.message-box {
    text-align: center;
    padding: 2rem;
    margin: 2rem 0;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
}

.message-box._success {
  background: #f8fff9;
  border: 1px solid #c3e6cb;
  color: #155724;
  max-width: 550px;
  margin: 60px auto;
}

.message-box._error {
    background: #fff8f8;
    border: 1px solid #f5c6cb;
    color: #721c24;
    max-width: 550px;
    margin: 60px auto;
}

.message-box i.fa {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.message-box h2 {
    margin-bottom: 1rem;
}

.message-box p {
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.redirect-message {
    color: #6c757d;
    font-size: 0.875rem;
}

.btn-primary {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    background: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: background 0.15s;
}

.btn-primary:hover {
    background: #0069d9;
}

.starred-events-slider {
    margin: 30px auto;
    max-width: 1200px;
}
.starred-event-slide,
.starred-sermon-slide {
    padding: 15px;
    outline: none;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin:0px 5px;
}
.event-image,
.sermon-image {
    height: 200px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
}
.event-image img,
.sermon-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-content,
.sermon-content {
    padding: 0 10px;
}
.event-content h3,
.sermon-content h3 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1.3em;
}
.event-meta,
.sermon-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    color: #666;
    font-size: 0.9em;
}
.event-location {
    margin: 5px 0 10px;
    color: #444;
}
.event-description,
.sermon-description {
    color: #555;
    font-size: 0.95em;
    line-height: 1.5;
}
.slick-prev:before, .slick-next:before {
    color: #333;
}
.slick-dots li button:before {
    font-size: 12px;
}
#church-form form#churchForm h2 {
    background: #F8951D;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 0px;
	text-align: left;
    padding-left: 18px;
    font-size: 20px;
}
.dialog-widget .dialog-widget-content a svg {
    fill: #fff !important;
}
#church-form form#churchForm .grid.grid-cols-1.md\:grid-cols-2.gap-4 {
    padding: 0px 18px;
}
#church-form form#churchForm label {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #2e3948;
}
form#churchForm .churchform-group input {
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    padding: 7px 12px;
    width: 100%;
}
form#churchForm .churchform-group input::placeholder {
    font-size: 14px;
    color: #979797;
}
form#churchForm .churchform-group select {
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    padding: 10px 6px;
    font-size: 14px;
    color: #979797;
}
form#churchForm .churchform-group select::placeholder {
	 background: #f9fafb;
     border-radius: 8px;
     border: 1px solid #e5e5e5;
     padding: 7px 12px;
}
form#churchForm .churchform-group textarea {
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    padding: 8px 6px;
    font-size: 14px;
    color: #979797;
    height: 40px !important;
}
#church-form form#churchForm .relative {
    padding: 0 18px !important;
}
#church-form form#churchForm .relative input#addressInput {
    background: #fafdff;
	border: 1px solid #e5e5e5;
}
#churchForm button {
    width: 95% !important;
    margin: 20px auto 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#church-form form#churchForm .relative div#suggestions {
    width: 94% !important;
}
#church-form form#churchForm .relative input#addressInput {
    background: #f9fafb;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #979797;
}
.churchform-group.upload-input input.input-file {
    background: #f9f9f9 !important;
    padding: 18px 14px !important;
    border: 2px dashed #ccc !important;
}

@media (max-width: 768px) {
    .event-image {
        height: 150px;
    }
}

/******responsive**************/
@media (min-width: 1600px) and (max-width: 1800px) {
	.book-img {
        right: -140px !important; 
    }
    .bird-img {

    }

}
@media (min-width: 1367px) and (max-width: 1599px) {
	.book-img {
       right: -18px !important; 
   }
   .bird-img {
      right: -32px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .book-img {
       right: 0px !important; 
   }
   .bird-img {
      right: 0px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .eventinner-img-description .tribe-events-event-image {
        width: 100%;
        margin-right: 30px;
        margin-bottom: 0px;
    }
    .eventinner-img-description .tribe-events-event-image img {
        width: 170px;
        height: 160px;
        border-radius: 100px;
    }
    .header-navigation nav {
        margin-top: 30px;
    }
}

@media (max-width:767px){
  .event-box {
    display: grid;
}
.event-box .event-box-img img {
    width: 100%;
}
.sermons-post-outer article {
 display: grid !important;
}
.event-box-archive article {
    display: grid !important;
}
.event-box-archive article a.elementor-post__thumbnail__link .elementor-post__thumbnail {
  overflow: hidden;
}
.event-box-archive article .elementor-post__text {
    margin-top: -40px;
}
.event-box .event-box-img {
    width: 100%;
    max-width: 100%;
}
.banner-sliders .swiper-slide-contents {
    padding: 18px;
    bottom: 0px;
}
.gt_switcher_wrapper {
    top: 0px !important;
    right: 0px !important;
}
.banner-sliders .swiper-slide-contents .elementor-slide-description {
    display: none;
}	
.single-post article {
    display: grid !important;
}
.header-navigation nav ul li:nth-child(5) .gtranslate_wrapper {
    margin: 10px 14px 10px;
}
.single-post article a.elementor-post__thumbnail__link {
    width: 100% !important;
    margin-bottom: 10px;
    margin-right: 0px;
}
.event-breatcrump {
    padding: 80px 14px;
}
.eventinner-img-description {
    display: grid;
}
.eventinner-img-description .tribe-events-event-image {
    width: 70%;
    margin-right: 30px;
    margin-bottom: 20px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    width: 100%;
    display: grid;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix .tribe-events-meta-group {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 22px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix .tribe-events-venue-map {
    margin-top: 15px;
    margin-bottom: 26px;
    width: 100%;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix .tribe-events-meta-group {
    margin-top: 0px;
    background: #ffffff;
    width: 100%;
    margin-right: 0px;
}
.cat_sermon-event .tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix::before {
    border: 0px;
}
.upcomming-event-sec .rt-wpls .slick-prev, .upcomming-event-sec .rt-wpls .slick-next {
    top: 28%;
}
.mobileblogbox .single-logo-container .homeblogbox-outer h2 {
    font-size: 18px;
    color: #1A1A1A;
    margin-top: 14px;
}
.mobileblogbox .single-logo-container h3 {
    font-size: 18px;
    color: #1A1A1A;
    margin-top: 14px;
    display: none;
}
.homeblogbox-outer h4 {
    font-size: 14px;
    margin-top: 20px;
}
.homeblogbox-outer p a {
    color: #1A1A1A;
    font-size: 16px;
}
.mobileblogbox .slick-track {
    padding-bottom: 0px !important;
}
.mobileblogbox .single-logo-container {
    margin-bottom: 0px;
}
}