/*
 Theme Name:   Grace-church Child
 Theme URI:    http://gracechurch.ancorathemes.com/
Description: Grace-church is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     grace-church
 Version:      1.0
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain:  grace-church
*/
.baptism-form .two-col {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.two-col p {
  flex: 1;
  min-width: 250px;
	margin:0 !important;
}
.baptism-form{
	font-family: Helvetica, sans-serif;
}
.baptism-form input[type="date"]{
	width:23% !important;
  border: 1px solid #000;
  border-radius: 2px;
	 padding: 8px 10px;
  box-sizing: border-box;
}
.baptism-form input[type="text"],
.baptism-form input[type="email"],
.baptism-form input[type="tel"],
.baptism-form textarea {
  width: 100%;
  border: 1px solid #000;
	 padding: 8px 10px;
  border-radius: 2px;
  box-sizing: border-box;
}
.baptism-form input[type="text"]:hover,
.baptism-form input[type="email"]:hover,
.baptism-form input[type="tel"]:hover,
.baptism-form textarea:hover {
	 border: 1px solid #000;
}
.baptism-form strong {              
  font-size:18px;
  font-weight: 500;
  color: #000000;
} 
.baptism-form small {              
 
  color: #777;
} 
.class-check .wpcf7-list-item-label::before {

	border :1px solid #000 !important;
}

.class-check .wpcf7-list-item-label,
.text-area .wpcf7-list-item-label,
.text .wpcf7-list-item-label
{
	color:#000;
}

.class-check .wpcf7-list-item {
	color:#000;
  display: block;
  margin-bottom: 6px; 
}


.baptism-form textarea{
	height:5% !important;
}









/* scroll  */

.trx_addons_scroll_to_top {
	  background-color:#0C042D !important;
}

.trx_addons_scroll_to_top::before {
 color:#F26767 !important;
}


/*-------------------------------------------------------------- */
/* Featured image */
.elementor-2939 .elementor-element.elementor-element-26f4f2b .elementor-heading-title{
	opacity: 0.1;
}

.tribe-events .tribe-events-calendar-list__event-featured-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:20px;
  display: block;
}
/* Whats On  */

.event-button {
	margin-top:10px;
    display: flex;
width: 139.36px;
height: 38.5px;
padding: 8px 14.631px 8px 15px;
justify-content: center;
align-items: center;
flex-shrink: 0;
	border-radius: 9px;
background:#0C042D;
	color: #FFF !important;
text-align: center;

/*  heading */
font-family: Helvetica, sans-serif !important;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 120%; 
}
.event-button:hover {
    background: #0c042d;
}

.news-item {
    display: flex;
    align-items: flex-start;
	gap:32px !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
}

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

/*  image */
.news-item .news-image a  {
    flex: 0 0 50%; 
    max-width: 50% !important;
	margin-bottom:0 !important;
}

/* Image container */
.news-item .news-image a img  {
     width: 95%;
	height:auto;
flex-shrink: 0;
	border-radius:20px;
}

/* Title */
.news-item .news-title a {
	padding-top:30px;
   font-family: Helvetica, sans-serif;
padding-right:0 !important;
    font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
    letter-spacing: 0;
	color: #000;
    margin: 0 0 10px;
}

.news-item .news-title a:hover  {
	color: #333 !important;align-content
}
/* Excerpt */
.news-item .news-excerpt {
    font-family: Helvetica, sans-serif;

    font-size: 18px;
	font-style: normal;
	padding-right:40px;
	font-weight: 400;
	line-height: 150%;
    color: #000000;
   
}

/* Date */
.news-item .event-date {
   font-family: Helvetica, sans-serif;

    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000;
	}
@media (max-width: 1024px) {
     .news-item  {
			flex-wrap: nowrap;
        flex-direction: row; 
		gap: 20px!important; 
			 width: 100% !important;
    }
	/* Title */

.news-item .news-title {
		padding-right:0px;
		padding-top:0px;
	}
.news-item .news-excerpt {
	padding-right:0px;
	}


	
}
@media (max-width: 767px) {
  .news-item  {
      flex-direction: column;  
      gap: 20px;                
  }


     .news-item .news-image a img {
     
      width: 100% !important;  
		height:auto;
      border-radius: 20px;
  }
}

.news-item .news-title {
    font-family: Helvetica;
    font-weight: 700;
    font-size: 28px;
}
}
/* News */




/* =Theme customization starts here
-------------------------------------------------------------- */

.container-global-padding{
	overflow: hidden;
}

/* Homepage */

.home-slider .swiper-button-prev,.home-slider .swiper-button-next{
	color:#fff;	
}
.home-slider .swiper-button-prev{
	left:60px;
}
.home-slider .swiper-button-next{
	right:60px;
}
.home-slider .swiper-pagination .swiper-pagination-bullet{
	background-color: #F26767 !important;
}

.whats-on-event{
	display:flex;
}

/* Homepage Responsive */

@media only screen and (max-width:1024px){
	.home-slider .swiper-button-prev{
		left:32px;
	}
	.home-slider .swiper-button-next{
		right:40px;
	}
	.home-slider .swiper-button-prev:after,.home-slider .swiper-button-next:after{
		font-size:32px;
	}
	.image-with-text .two-col-image .absolute-sec.elementor-element{
		bottom:0;
	}
}
@media only screen and (max-width:991px){
	.image-with-text .two-col-image .absolute-sec.elementor-element{
		bottom:40%;
	}
}
@media only screen and (max-width:767px){
	.home-slider .swiper-button-prev{
		left:16px;
	}
	.home-slider .swiper-button-next{
		right:20px;
	}
	
}
/* Support us page */

.support-slider .swiper-button-prev,
.support-slider .swiper-button-next {
	color: #fff !important;	
}
.support-slider .swiper-button-prev {
	left: 80px ;
}
.support-slider .swiper-button-next {
	right: 80px;
}
.support-slider .swiper-pagination .swiper-pagination-bullet {
	background-color: #F26767;
	color:#ffffff;
	width: 10px;
height: 10px;
}

.support-slider .e-grid.e-con-full {
    overflow: hidden;
}

.whats-on-event {
	display: flex;
}

/* Support us Responsive */

@media only screen and (max-width:1024px) {
	.support-slider .swiper-button-prev {
		left: 26px;
	}
	.support-slider .swiper-button-next {
		right: 20px;
	}
	.support-slider .swiper-button-prev:after,
	.support-slider .swiper-button-next:after {
		font-size: 32px;
	}
	.image-with-text .two-col-image .absolute-sec.elementor-element {
		bottom: 50%;
	}
}
@media only screen and (max-width:991px) {
	.image-with-text .two-col-image .absolute-sec.elementor-element {
		bottom: 40%;
	}
}
@media only screen and (max-width:767px) {
	.support-slider .swiper-button-prev:after,
	.support-slider .swiper-button-next:after {
		font-size: 22px;
	}
	.support-slider .swiper-button-prev {
		left: 8px !important;
	}
	.support-slider .swiper-button-next {
		right: 12px !important;
	}
}


/* Single News Template */
.news-single-post-title h1.sc_layouts_title_caption{
	color: #003A73;
text-align: center;
font-family: Helvetica,sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; 
}
/* Event calendar */



/* --- Button Styles --- */
.contact-us-button {
    color: #ffffff !important;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    border-radius: 10px;
	border: 1px solid #FF4F4F;
    background: #FF4F4F;
    padding: 17.931px  22px 16.146px;
    text-decoration: none; 
    display: inline-block;
	color: #FFF;
}

/* --- Button Hover Effect --- */
.contact-us-button:hover {
	color: #ffffff !important;
    background: #EA0000; 
	border: 1px solid #EA0000;
}

 
.tribe-common.tribe-common--breakpoint-medium 
    button.tribe-events-c-top-bar__datepicker-button,
.tribe-common.tribe-common--breakpoint-medium 
    button.tribe-events-c-top-bar__datepicker-button:hover,
.tribe-common--breakpoint-medium.tribe-common 
    .tribe-common-h3,
.tribe-common--breakpoint-medium.tribe-common 
    .tribe-common-h3:hover {
    background: none !important;
}

/* Hide Subscribe to Calendar button */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none !important;
}
 .tribe-events-calendar-month__header .tribe-events-calendar-month__header-column {
    background-color: transparent !important;
}

/* Add bottom padding to the primary content area */
#primary.content-area {
	padding-top: 60px;
	padding-left:180px;
	padding-right :180px;
    padding-bottom: 90px; 
}
@media (max-width: 1024px) {
#primary.content-area {
	padding-top: 40px;
	padding-left:32px;
	padding-right :40px;
    padding-bottom: 60px;
}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none !important;
}
 .tribe-events-calendar-month__header .tribe-events-calendar-month__header-column {
    background-color: transparent !important;
}
}
@media (max-width: 767px) {
#primary.content-area {
	padding-top: 24px;
	padding-left:16px;
	padding-right :20px;
    padding-bottom: 60px;
}
	.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-subscribe-dropdown {
    display: none !important;
}
 .tribe-events-calendar-month__header .tribe-events-calendar-month__header-column {
    background-color: transparent !important;
}
}
/* event calendar)*/
.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
	background-color: #FF4F4F!important;
	border-radius: 8px;
    border-color:1px solid #FF4F4F !important; 
}
.tribe-events .tribe-common-c-btn.tribe-events-c-search__button:hover{
	background-color : #EA0000 !important;
	border-radius: 8px;
    border-color:1px solid #EA0000 !important; 
}
.tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button :hover {
	background-color : #EA0000 !important;
	border-radius: 8px;
    border-color:1px solid #EA0000 !important; 
}
.tribe-events .tribe-events-c-top-bar__today-button, .tribe-events .tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button {
	background-color: #FF4F4F!important;
	border-radius: 8px;
    border-color:1px solid #004C95 !important; 
	margin-left:20px !important;
	color:#fff !important;
}



/* Contact Form */
.wpcf7 form .trx_addons_message_box.wpcf7-response-output, .wpcf7 div.wpcf7-response-output {
	color:#ffffff !important;
}
div.wpcf7 .form-style-7 .columns_wrap > [class*="column-"] {
	
}

/* Submit button styling */

.wpcf7  .wpcf7-submit-style .submit-style-in {
 border-radius: 10px;
	background-color:#FF4F4F !important;
	color: #ffffff !important;
	font-size :18px !important;
	border: 1px solid #FF4F4F !important;
	font-family: Helvetica, sans-serif !important;
	height: 60px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	padding:10px !important;
	 text-transform: lowercase !important;
	padding:0 !important;
	border-radius:10px !important;
	padding-left:0 !important;
  
}
.wpcf7 .wpcf7-submit {
    text-transform: none !important; 
	padding-left:0 !important;
	font-family: Helvetica, sans-serif !important;
	transition:none !important;
}



.wpcf7 .wpcf7-submit-style .submit-style-in:before {
	display:none !important;
	    content: none !important;   
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

}
.wpcf7-submit-style input.wpcf7-submit {
	border-radius: 10px;
	background-color:#FF4F4F !important;
	color: #ffffff !important;
	font-size :18px !important;
	border: 1px solid #FF4F4F !important;
	font-family: Helvetica, sans-serif !important;
	height: 60px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	padding:10px !important;
	padding:0 !important;
	border-radius:10px !important;
	padding-left:0 !important;
}
.wpcf7-submit-style input.wpcf7-submit:hover{
	background-color:#EA0000 !important;
	 border: 1px solid #EA0000 !important;
  color: #FFFFFF !important;
}

/*  .wpcf7-submit {
	padding:0 !important;
} */
div.wpcf7 .wpcf7-spinner:before{
	color:#FF4F4F;
	font-size:22px !important;
}

.wpcf7 form.invalid .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .wpcf7 form.unaccepted .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .trx_addons_message_box_error {
	color: #FFFFFF !important;
	border: 1px solid #FF4F4F !important;
}
.wpcf7 form.sent .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success, .trx_addons_message_box_success{
	color: #FFFFFF !important;
	border: 1px solid green !important;
}
div.wpcf7 .form-style-7 .columns_wrap > [class*="column-"]{
	color: #FFFFFF !important;
}
div.wpcf7 .form-style-7 .select_container, div.wpcf7 .form-style-7 textarea, div.wpcf7 .form-style-7 input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]){
	color: #FFFFFF !important;
}
.form-style-7 .style-line .line{
	color: #FFFFFF !important;
	transition:none !important;
	opacity: 1 !important;
}

div.wpcf7 .form-style-7 .style-line .line:before {
		color: #FFFFFF !important;
	transition:none !important;
	background-color: #FFFFFF !important;
	opacity: 1 !important;
}
/*  */
div .wpcf7 .wpcf7-submit-style .wpcf7-submit {
	padding:20px !important;
}
/* Column text color */
.column-1_1 {
    color: #FFFFFF !important;
	
}

/* Input placeholder text */
.column-1_1 input::placeholder,
.column-1_1 textarea::placeholder {
    color: #FFFFFF !important;
    opacity: 1;
	font-family: Helvetica, sans-serif !important;
}

/* Input text color */
.column-1_1 input,
.column-1_1 textarea {
    color: #FFFFFF !important;
    background: transparent;
    border: none; 
	font-size :18px !important;
	font-family: Helvetica, sans-serif !important;
}

/* Icon color (for all icons) */
.column-1_1 .style-line::before {
    color: #FFFFFF !important;
}

/* Underline */
.column-1_1 .line {
   background-color: #FFFFFF !important;
}


@media (max-width: 767px) {
    form.wpcf7-form span.wpcf7-submit-style input.wpcf7-submit {
       padding:20px !important;
    }
	.elementor-2558 .elementor-element.elementor-element-efe1ed0{
		width:100% !important;
	} 
	
}

@media (max-width: 1024px) {
    form.wpcf7-form span.wpcf7-submit-style input.wpcf7-submit {
       padding:20px !important;
    }
}

/* Theme search */
.tribe-events-pg-template {
	padding :60px 180px 60px !important;
}
div.esg-filters, .woocommerce nav.woocommerce-pagination ul, .comments_pagination, .nav-links, .page_links {
    text-align: center !important;
	padding-bottom:60px !important;
}
/* Profile (who's who)  */

#profile-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); 
  gap: 30px;
  align-items: start;
  width: 100%;
}
/* Profile item  */
.profile-item { 
	
  text-align: center; 
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

/* Image wrapper  */
.image-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 8px; 
	margin-top:22px;
}

.image-wrap img {
  display: block;
  width: 100%;      
  height: 500px !important;     
  object-fit: cover; 
  border-radius: 8px;
}

.image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,58,115,0.4); 
  opacity: 0;
  transition: opacity .25s ease;
  border-radius: 8px;
}


 .image-wrap .hover-btn {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%);
  padding: 10px 18px !important;
  border-radius: 8px!important;
  border: 1px solid #EA0000!important ;
  background: #FCE3E3 !important;
  color:#EA0000!important;
  font-weight: 700  !important;
  opacity: 0;
  
  cursor: pointer  !important;
  z-index: 2;
}

.image-wrap:hover::after { opacity: 1;
}
.image-wrap:hover .hover-btn {
	opacity: 1;
	 background:  #FCE3E3;
  color: #ffffff;
}

/* Title   */
.profile-content .profile-title {
  color:  #333;
  text-align: center;
  font-family: Helvetica;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
}

/*  Excerpt text  */
.profile-content .profile-excerpt {
  margin: 0;
  color: #777;
  text-align: center;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

/* Filter select wrap */
.profile-filter-wrap  { 
  margin-bottom: 40px;
  text-align: center; 
	  height: 42px;
  border-radius: 8px;
  border: 1px solid #EA0000 ;
  background: #FCE3E3;
  color:#EA0000;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: 700;
 
  cursor: pointer;
	 max-width: 240px; 
}

.profile-filter-wrap #profile-filter{
	padding-left:20px;
	 color: #EA0000 !important;
	font-weight: 700;
  font-family: Helvetica;
  font-size: 18px;
  line-height: 21px;
  cursor: pointer;
	border:none;
	outline:none;
}
.profile-filter-wrap #profile-filter option {
	 color:#EA0000 ;
	background: #FCE3E3 ;
  
}
.profile-filter-wrap #profile-filter option::hover {
  background-color: #FCE3E3;
  color:#EA0000 ;
}
.profile-filter-wrap #profile-filter option:checked {
    background-color: #FCE3E3 ;
    color: #EA0000;
}

.select_container:after {
    width: 4em !important;
    height: 5px !important;
    text-align: center !important;
    font-size: 18px;
  font-weight: 700;
   background-color: #FCE3E3 !important;
    pointer-events: none;
    cursor: pointer;
    color:#EA0000 !important; ;
}


/*    Tablet  */
@media (max-width: 1024px) {
  #profile-list {
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px;
  }


  .profile-content .profile-title {
    font-size: 22px;
  }

  .profile-content .profile-excerpt {
    font-size: 15px;
  }

  .profile-filter-wrap {
    max-width: auto;   
    justify-content:start;
    font-size: 15px;
	   color:#EA0000 !important;
  }

  .profile-filter-wrap #profile-filter {
    width: auto;
    font-size: 16px;
	   color:#EA0000 !important;
  }
}

/*    Mobile  #FCE3E3*/

@media (max-width: 767px) {
  #profile-list {
    grid-template-columns: 1fr; 
    gap: 15px;
  }

  .image-wrap img {
    height: auto !important; 
  }

  .profile-content .profile-title {
    font-size: 20px;
  }

  .profile-content .profile-excerpt {
    font-size: 14px;
  }

  .profile-filter-wrap {
    max-width:220px;
    font-size: 14px;
	   color: #EA0000 !important;
  }

  .profile-filter-wrap #profile-filter {
    width:auto;
	   color:#EA0000 !important;
  }

 
}