/*
 Theme Name:   Charity Foundation Child
 Theme URI:    http://www.nicdarkthemes.com
 Description:  Child theme for Charity Foundation
 Author:       Panpap
 Author URI:   https://example.com/
 Template:     charityfoundation
 Version:      1.0.0
*/

.nicdark_site{overflow:hidden;}

/* Replacing the theme's text font using max specificity */
html body .nd_options_customizer_fonts, 
html body .nd_options_customizer_fonts .nd_options_second_font, 
html body .nd_options_customizer_fonts p, 
html body .nd_options_customizer_fonts a, 
html body .nd_options_customizer_fonts select, 
html body .nd_options_customizer_fonts textarea, 
html body .nd_options_customizer_fonts label, 
html body .nd_options_customizer_fonts input, 
html body #start_nicdark_framework {
	 font-family: var(--e-global-typography-text-font-family), sans-serif;
	letter-spacing: 0px; 
}

.nicdark_site h1{font-family: var(--e-global-typography-primary-font-family), sans-serif !important;}

#nd_options_eventscalendar_header_img h1 {
	font-size: 80px !important;
	font-weight: 400 !important;
}

/*overriding theme's menu font*/
.nd_elements_navigation_component ul.menu > li a
{
	 font-family: var(--e-global-typography-secondary-font-family), sans-serif !important;
	letter-spacing: 0px !important;
}


/*spacing of the flag unicode on the menu*/
.menu-item .emoji {margin-right:10px !important;}


/*overriding mobile menu color
.nd_elements_navigation_sidebar div li > a {
	color:#8B0000;
}*/

/*event page stlyling*/
/*Filter button*/
.tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus, .tribe-events button.tribe-events-c-search__button:hover{
	background-color: #333333;
	border-radius: 30px;
}

/*Start of Subscribe to calendar button*/

 .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text
{
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #8B0000;
    color: #ffffff;
}

.tribe-common .tribe-common-c-btn-border
{
	color: #8B0000;
	border: 1px solid #8B0000;
}

.tribe-common .tribe-common-c-btn-border:hover
{
	color: #ffffff;
	border: 1px solid #8B0000;
}

.tribe-common .tribe-common-c-loader__dot circle{
	fill: #C9A44D;
}
/*End of Subscribe to calendar button*/

/*Next upcoming events text*/
.tribe-events .tribe-events-c-messages__message-list-item-link, .tribe-events .tribe-events-c-messages__message-list-item-link:hover, .tribe-common a:visited,.tribe-common .tribe-common-anchor-thin-alt:active, .tribe-common .tribe-common-anchor-thin-alt:focus, .tribe-common .tribe-common-anchor-thin-alt:hover
 {
    color: #8B0000;
}

.tribe-common .tribe-common-anchor-thin-alt {
	border-bottom: 1px solid #8B0000;
}

/*Homepage events list styling*/
.elementor-widget-eventsgrid .nd_elements_eventsgrid_compo_l1 a.nd_elements_padding_10_20{
	background-color: #8B0000 !important;
	align-self: center;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.elementor-widget-eventsgrid .nd_elements_section, .elementor-widget-eventsgrid .nd_elements_float_left_responsive, .elementor-widget-eventsgrid .nd_elements_section a{
	    float: none;
		display: flex;
        flex-direction: column;
        text-align: center;
		justify-self: center;
		
    }
}


/*Start of Custom header Marquee*/
.smooth-marquee {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.marquee-inner {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 10s linear infinite;
  will-change: transform;
}

.marquee-label {
	background-color: #C9A44D;
	padding: 6px;
	margin-right: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*End of Custom header Marquee*/


/*Start of custom button for Past events*/
.custom-event-button{
	margin-left: auto !important;
	padding-right: 90px !important;
}

.custom-event-button a{   
   background-color: #8B0000;
    color: #fff !important;
    padding: 5px 15px;
    font-size: 14px;
	font-family: 'Inter', sans-serif;
    text-decoration: none;
	text-align: center;
    border-radius: 5px;
    display: inline-block;
	}


@media only screen and (max-width: 767px) {
	.custom-event-button {padding-right:10px !important;}
	.custom-event-button a{width:100%}

}

/*End of custom button for Past events*/