/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 14 2020 | 16:42:05 */
/***************************************
Asssessment Signup Login Start
***************************************/

.sub-link a:hover {
   color: #ffdd17;
}

button.arf_logout_button{
    font-size: 17px !important;
    letter-spacing: 0.6px;
    color: #ffffff !important;
    background-color: #333333;
    font-weight: 400 !important;
    padding: 8px 24px !important;
    border-radius: 0px 0px 0px 0px !important;
  min-width: 134px;
}



button.arf_logout_button:hover {
    background-color: #ffdd17 !important;
    color: #333 !important;
    
   
}

/***************************************
Asssessment Signup Login End
***************************************/



/***************************************
Popup form container - Catechism Page Start
***************************************/

.eael-lightbox-container {
   width: 600px;
}

/***************************************
Popup form container - Catechism Page End
***************************************/



/***************************************
Insights Page Start
***************************************/

#stat-number {
    max-width: 100px !important;
}

/***************************************
Insights Page End
***************************************/




/***************************************
About Page Start
***************************************/

#about-section .elementor-icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    top: 7px;
}

/***************************************
About Page End
***************************************/




/***************************************
Home Page Start
***************************************/

#feed-icons .elementor-widget:not(.elementor-widget-text-editor):not(.wp-block-image) figure:not(.wp-block-image) {
    margin: 0 20px 0 0 !important;
}

sup { 
    vertical-align: super;
    font-size: 11px;
}


#feed1::before, #feed2::before, #feed3::before, #feed4::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: -29px;
    top: -5px;
    bottom: 0;
    border: 4px solid #ffdd17;
    border-width: 0 0 0 4px;
    height: 90px;
  
}

#stat1::before, #stat2::before, #stat3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: -26px;
    top: 17px;
    bottom: 0;
    border: 4px solid #333;
    border-width: 0 0 0 4px;
    height: 90px;
  
}



/***************************************
Home Page End
***************************************/



/***************************************
 Sticky Menu Start
***************************************/

selector {
 transition: all 0.5s ease;
}

.feed-logo img {
 width: auto;
 max-height: 90px;
 transition: all 0.5s ease;
} 
.elementor-sticky--effects .feed-logo img {
 max-height: 60px;
 width: auto !important;
 transition: all 0.5s ease;
margin-top: -5px;
}

.elementor-sticky--effects {
  background-color: rgba(56,55,55,0.90) !important;

}

.elementor-sticky--active .elementor-row, .elementor-sticky--active .elementor-row a {
 max-height: 75px;
 transition: all 0.5s ease;
} 


/***************************************
  Sticky Menu End
***************************************/


/***************************************
  FAQ Page Start
***************************************/

#faq-tab1, #faq-tab2, #faq-tab3 {
  cursor: pointer;
}

#faq-section .active-faq-tab .elementor-heading-title {
  font-weight: 400; 
  color: #fff !important;
}



#faq-section .active-faq-tab-first .elementor-heading-title {
  font-weight: 400;
   color: #fff !important;
}



#faq-section .faq-tabs .elementor-heading-title:hover {
    color: #fff;
 
}

.eael-accordion-content p a {
  color: #21bdb9 !important;
  font-weight: 500 !important;
}

#faq-section1 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover, #faq-section2 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover, #faq-section3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover {
 background: #f4f4f4;
}


#faq-section.elementor-sticky--effects {
  background: #221f20 !important;
}


.eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle {
    transform: rotate(90deg); 
}

.eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
    transform: rotate(270deg);
    
}

#elementor-tab-title-2171 {
    border-top: 0px solid #fff !important;
}

#elementor-tab-title-2251 {
    border-top: 0px solid #fff !important;
}

#elementor-tab-title-1621 {
    border-top: 0px solid #fff !important;
}

#elementor-tab-title-1981 {
    border-top: 0px solid #fff !important;
}


#elementor-tab-title-1201 {
    border-top: 0px solid #fff !important;
}

#elementor-tab-title-4451 {
    border-top: 0px solid #fff !important;
}


/***************************************
  FAQ Page End
***************************************/

/***************************************
  Responsive Start
***************************************/

@media only screen and (max-width: 769px) {
  
  #hide-column {
    display: none;
  }

.elementor-tab-title span {
 /* max-width: 200px; */
  }
  
  #about-section .elementor-icon i {
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
  
#elementor-tab-title-2171 {
    border-top: 1px solid #d9d9d9 !important;
}

#elementor-tab-title-2251 {
    border-top: 1px solid #d9d9d9 !important;
}
  
#elementor-tab-title-1621 {
    border-top: 1px solid #d9d9d9 !important;
}

#elementor-tab-title-1981 {
    border-top: 1px solid #d9d9d9 !important;
}
  
#elementor-tab-title-1201 {
    border-top: 1px solid #d9d9d9 !important;
}

#elementor-tab-title-4451 {
    border-top: 1px solid #d9d9d9 !important;
}  
  
.eael-lightbox-container {
   width: 320px !important;
}  
  
  #feed-icons .elementor-widget:not(.elementor-widget-text-editor):not(.wp-block-image) figure:not(.wp-block-image) {
    margin: 0 0px 0 0 !important;
}
  

}


/***************************************
  Responsive End
***************************************/
