.h1-h2-facilitators, .entry-header h1 a, .entry-header h2 a {
    font-size: 16px;
}

/* Header & logo */
#sp-header.flex.sticky #sp-logo {height: 70px;}
#sp-header.flex.sticky #sp-logo img.sp-default-logo {max-height: 70px;}
.sticky .sticky__wrapper {box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);}

/* Blog img fix */
.masonry_item .intro-image {margin-bottom: 15px;z-index: 1;}

/* Menu Text - Darken the red colour */
#sp-header #sp-menu .sp-megamenu-parent >li.current-item.active>a, #sp-header #sp-menu .sp-megamenu-parent >li.sp-has-child.active>a {
    /*default color: #f47363; */
  color: #f14833
}

/* Home Page Slideshow - Changing Size of heading2 */
.homepage-slideshow-h2 {
  font-size: 32px
}

/* Home Page Slideshow - Ma Neelam - adding margin-top at Title heading 2*/
.title-top-margin {
 margin-top: 100px !important;
}

/* Home Page Upcoming Events - Changing Size of heading2 
.upcoming-event-home-page, h2 {
  font-size: 22px;
  text-align: center;
  
}

.upcoming-event-home-page, .col-md-4{
  text-align: center; 
}
 .upcoming-programs-homepage .sp-module:first-child, .sppb-addon-module:first-child {
    margin-top: 0;
    margin-left: 50px;
}*/


/* Calendar - Go Back button at Calendar page */
.go-back-button {
border-color: #dc4a3e;
background-color: transparent;
border-radius: 4px
}

/* Event Booking - Register, Pre-book and Details Button */
.event-page, .btn, .sppb-btn {
background-color: #ffffff;
border: 1px solid #ffd467;
color: #999;
/* width: 160px; */
padding: 8px 12px;
}

/** THIS IS DISABLED AS RAHI SHIFTED IT TO TEMPLATES > CUSTOM CSS AFTER J3 TO 4 MIGRATION
/* Event Booking - Events Timeline Page H2 */

.event-page, h2 {
   /* original color: #f47363;*/
  color: #f14833;
/*  font-size: 28px !important; */
}
*/

.event-page, .btn-primary {
  text-shadow: 0 -1px 0 rgba(255,255,255,1); 
}
/* Event Booking - Added MODAL buttons*/
.event-page, .modal_link.btn.rl_modals_element {
margin-bottom: 10px;
  /*width: 160px;*/
  padding: 8px 12px;
}
.event-page, .btn, .sppb-btn {
    background-color: #ffffff;
    border: 1px solid #ffd467;
    color: #999;
    /* width: 160px; */
    padding: 8px 12px;
    font-size: 14px;
}
.modal_link.btn.rl_modals_element:hover {
  border-color: #ca230e;
  background-color: #f03720;
  color: #fff;
	/*font-weight: 600;*/
}
.eb-description-details  p {
	display: initial;
}
.btn-group .eb-dropdown-toggle{
	border-radius: 3px !important;
	padding: 8px 12px;
	margin-left: 3px !important;
}
@media (max-width: 767px) {
.btn-group .eb-dropdown-toggle{
	
	margin-left: 0px !important;
}
.eb-register-button {
margin-bottom: 10px;		
}
.eb-register-buttons-bottom  .eb-register-button {
	margin-bottom: 0px;		
}
}
.btn-group .eb-dropdown-toggle:hover {
	border-color: #ca230e;
  background-color: #f03720;
  color: #fff;
	font-weight: 600;
	padding: 8px 12px;
}

/* Event Booking - Speaker's image and title on event details page */
.event-page, .eb-speaker-container, .eb-speaker-avatar img {
  width: 50% !important;
  max-width: 30%;
}

.event.page, .eb-speaker-container, .eb-sponor-container {
    text-align: left;
}
/* Event Booking - Link font colour */
.event-page, a {
    color: #f14833;
}
.event-page, a:focus, a:hover {
    color: #7f0000;
}

/* Event Booking - Space before and after register buttons */
.event-page, .eb-events-timeline .eb-taskbar {
    padding-top: 0px;
    padding-bottom: 10px;
}
/* Event Booking - Background colour of event Title 
.event-page, .eb-container h1, .eb-container h2, .eb-container h3 {
    background-color: whitesmoke; rgb(245, 245, 245);
}
*/

/* Event Booking - Mini Calendar, changing colours */
.event-page, .mod_eb_mincalendar_td_dayname {
    background: #999;
}

.event-page, .extcal_minical .extcal_navbar td {
    background-color: #999;
}

td.mod_eb_mincalendar_event {
    background-color: #f47363;
}

/* Event Booking - btn class for "Inquire..." button */
.btn {
vertical-align: top;
  }

/* Event Booking - Short Description - Image and Short Details */
.event-page, .event-short-desc-div {
  float: left;
  width: auto;
  padding: 10px;
}

/* Clear floats after the columns */
.event-page, .row:after {
  content: "";
  display: table;
  clear: both;
}
/* Calendar Page - changing css for line of notice 
.eb-notice-message {
     font-size: 130%; 
     font-weight: 700; 
     margin-top: 8px; 
}
*/
.eb-notice-message {
    font-size: 100% !important; 
    font-weight: 300 !important; 
  	margin-top: 3px;
}

/* Calendar Page - Margin & Padding of Event Title 
.eb-event-information {
    padding: 0 0 10px;
    margin-bottom: 12px;
}
*/
.eb-event-information {
    padding: 0 0 3px;
    margin-bottom: 3px;
}
/* Homepage - Reduce size of Facilitators */
/* Later modified because due to this other images were showing small on mobile,
so I disabled this and for homepage facilitators photos I added same code to CUSTOM CSS field at that addon only*/
@media only screen and (max-width: 768px) {
  /* For mobile phones: 
.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive {
    max-width: 60%;
}
}*/
  
/* Gallery - Remove title from each photos i.e. Belly Dance 1 */
.speasyimagegallery-gallery-item-title {
    display: none; font-size:0;
  }
 
/* Ma Neelam's Book Page */
.book-button {
    width: 200px !important;
}
 
  
/* Happening page's right image is overlaping on category list 
    added custom code at Template > Custom CSS
  */
  
/* Ma Neelam Page - Mobile Image-Text Right-Left or Right-Left solution */
  @media (max-width: 767px) {
    #mobile-image-text .sppb-row {
        flex-direction: column-reverse;
    }
}
/* Because default h3 looks more prominent then H2, so created this custom H2*/
.h2-custom {
    font-family: Raleway, sans-serif;
    font-size: 27px;
    font-weight: 600;
    background: #f47363;
}
/* To match with Heading 1 and 3 – Changed size and font-weight*/

h2 {
color: #DC4A3E !important;
font-size: 2rem !important;
font-weight: 500 !important;
}

/* Apply Flex style Heading 2 - Underline etc */
h2.sppb-addon-title:after {
    clear: both;
    display: block;
    background: #000000; /*Color of underline – Black*/
    float: left;
    content: "";
    position: relative;
    height: 2px;
    width: 70%;
    margin: 10px 30% 0 0;
    border-radius: 2px;
    padding: 0;
}
h2.sppb-addon-title {
    margin: 20px 0;
    width: auto;
    padding-right: 30px;
    box-shadow: inset 0 -1px 0 #ddd;
    display: inline-table;
    line-height: 1.3 !important; /* important added by Rahi */
}

/* Apply Flex style Heading 3 - Underline etc */
h3.sppb-addon-title:after {
    clear: both;
    display: block;
    background: #f47363;
    float: left;
    content: "";
    position: relative;
    height: 2px;
    width: 70%;
    margin: 10px 30% 0 0;
    border-radius: 2px;
    padding: 0;
}
h3.sppb-addon-title {
    margin: 20px 0;
    width: auto;
    padding-right: 30px;
    box-shadow: inset 0 -1px 0 #ddd;
    display: inline-table;
    line-height: 1.3;
}
  
/* Changes made to make background and font colour as it was before migrating to J4
  added it in Templae Styles > Customcss */

gallery-page {
    color: Red;
  }

/* To fix logo issue in mobile view */

@media (max-width: 575px)
#sp-header {
    height: 100px; /* Rahi – changed from 50 to 100 px*/
    padding-top: 20px; /* Rahi – added this to bring logo in the middle */
}
  
  
   #sp-header .logo {
            height: 100px;
    }
/* To removed "Featured" label from articles 
  This is not affecting so same code is atted at Template Style > Custom CSS
  */
.article-list .article .featured-article-badge{
  display: none !important;
}

span.badge.bg-danger.featured-article-badge {
    display: none;
}

span.badge.featured-article-badge {
  display: none !important;
}

span.featured-article-badge {
  display: none !important;
}