/*
Theme Name: Startit Child
Theme URI: https://startit.qodeinteractive.com/
Description: A child theme of Startit Theme
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 2.0.2
Text Domain: startit
Template: startit
*/
.qodef-post-content .qodef-post-image,
.qodef-post-content .qodef-blog-standard-post-date,
.qodef-post-content .qodef-blog-standard-info-holder {
	display: none !important;
}
body {
	font-size: 16px;
	line-height: 24px;
}
.green {
	color: #A2C64A;
}
@media screen and (max-width: 550px) {
	.qodef-search-opener {
		display: none;
	}
	.qodef-top-bar .qodef-grid {
		width: 355px;
	}
	.qodef-vertical-align-containers .qodef-position-right {
		float: center;
		text-align: center;
	}
	.qodef-title .qodef-title-holder h1 {
		font-size: 22px !important;
		line-height: 28px !important;
	}
}
.qodef-top-bar {
  	z-index: 111;
	overflow: visible;
}
.qodef-vertical-align-containers.qodef-50-50 .qodef-position-left {
  	display: none;
}
.qodef-vertical-align-containers.qodef-50-50 .qodef-position-right {
  	width: 100%;
}
#menu-top-bar-menu > li.menu-item {
  	list-style: none;
  	display: inline-block;
  	vertical-align: middle;
  	position: relative;
	line-height: 100%;
	padding: 15px 10px;
}
#menu-top-bar-menu > li.menu-item.join_us {
	background: #28324d !important;
	color: #a2c64a !important;
	border-radius: 0 0 15px 15px;
}
#menu-top-bar-menu > li.menu-item.join_us a {
	color: #a2c64a !important;
	
}
#menu-top-bar-menu > li.menu-item.join_us:hover,
#menu-top-bar-menu > li.menu-item.join_us:hover a {
	background: #a2c64a !important;
	color: #28324d !important;
}
.qodef-top-bar .widget_nav_menu ul li a::before {
  content: none;
}
#menu-top-bar-menu > li.current-menu-parent > a {
	padding: 10px 20px;
	border-radius: 15px 15px 0 0;
}
#menu-top-bar-menu > li.current-menu-parent:hover > a {
	box-shadow: 0px 4px 20px 0px rgba(40,50,77,0.15);
}

.qodef-top-bar .sub-menu {
	display: none !important;
	position: absolute; 
	top: auto;
	left: auto;
	background: #fff;
	padding: 20px;
	width: 230px;
	box-shadow: 0px 18px 20px 0px rgba(40,50,77,0.15);
}
.qodef-top-bar .sub-menu .sub-menu {
	padding: 5px;
	margin-left: 50px;
}
#menu-top-bar-menu > .menu-item .sub-menu li {
	text-align: left;
	float: none;
}
.qodef-top-bar .widget_nav_menu ul li li a {
  	padding-left: 35px;
}
.qodef-top-bar .widget_nav_menu ul li li a::after {
  	content: '' !important;
  	width: 20px !important;
  	height: 1px;
  	background: #28324d !important;
  	position: absolute !important;
  	left: 0px !important;
  	top: 10px;
}
.qodef-position-right-inner {
  	height: 100%;
}
.qodef-position-right-inner .widget_nav_menu {
	height: 100%;	
}
.qodef-top-bar .widget_nav_menu ul li li a::before {
  	height: 0px;
}

#menu-top-bar-menu > .menu-item:hover > .sub-menu {
	display: block !important;
}
#menu-top-bar-menu .sub-menu .menu-item:hover > .sub-menu {
	display: block !important;
	z-index: 10;
	border: 2px solid #555;	
}

.qodef-top-bar .widget_nav_menu ul li a {
  	color: #28324d;
	font-size: 14px;
	letter-spacing: 1px;
 	font-weight: 700;
  	padding: 0 12px 0 12px;
  	margin: 0 0 0 0;
  	position: relative;
}

.qodef-top-bar .widget_nav_menu ul li a:hover {
  color: #a2c64a;
}
.gov_box {
	box-shadow: 0px 3px 38px 0px rgba(40,50,77,0.15);
}
.gov_box img {
	filter: saturate(1%);
}
.gov_box .gov_box_inner {
	transition: all 0.4s ease;
}
.gov_box:hover h3,
.gov_box:hover h4,
.gov_box:hover p {
	color: #fff !important;
}
.gov_box:hover .gov_box_inner {
	background-color: #28324D;
}

#custom-footer-level1-area {
	background-color: #F7F7F7 !important;
}
#custom-footer-level2-area {
	background-color: #28324D !important;
}

footer .qodef-footer-top-holder {
  	background-color: #28324D;
}
footer .qodef-footer-top .qodef-column {
  padding: 0;
}
footer .qodef-footer-top .qodef-column:first-child {
  padding-left: 0;
}
footer .qodef-footer-top .qodef-column:last-child {
  padding-right: 0;
}

.qodef-post-info-bottom {
  	border-top: none !important;
  	border-bottom: none !important;
}

.box-cont {
  padding-left: 60px;
  float: left;
  width: 100%;
  position: relative;
}
.box-cont::after {
  content: '';
  width: 35px;
  height: 1px;
  background: #28324d;
  position: absolute;
  top: 16px;
  left: 0px;
}
.wpc-filter-search-form .wpc-search-field {
  padding-left: 34px;
  height: 35px;
  border: 1px solid #ccc;
}
.elementor-icon-wrapper div.elementor-icon {
	display: none;
}
.upcomg-event .gallery-cell {
  	box-shadow: 0px 3px 38px 0px rgba(40,50,77,0.15);
	margin-bottom:20px;
}

.upcomg-event .gallery-cell:hover {
	box-shadow: 0px 1px 38px 0px rgba(40,50,77,0.15);
}
.flickity-prev-next-button.next {
  right: -50px;
}
.flickity-prev-next-button.previous {
  left: -50px;
}
.upcomg-event-img {
	width: 100%;
	height: 260px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: flex-end;
	position: relative;
}
.event-content {
  	min-height: 260px !important;
	position: relative;
	color: #28324d !important;
	font-size: 19px;
	font-weight: 600;
}
.upcomg-event-home .event-content {
	min-height: 285px !important;
}
.upcomg-event-home h3::before {
  content: '';
  width: 1px;
  height: 30px;
  background: #28324d;
  position: absolute;
  left: -50%;
  right: -50%;
  bottom: -40px;
  margin: auto;
}
.event-categories {
	position: absolute;
	bottom: 5px;
	list-style: none;
	font-weight: 700;
	width: 100%;
	left: 50%;
  	transform: translate(-50%, -30%);
}
.event-categories.Partner {
	color: #EC9834 !important;
}
.event-categories.Bioenergy {
	color: #9DC04A !important;
}
.upcomg-event h3 {
	padding: 1px 5px;
}
.upcomg-event h3::before {
	content: '';
	width: 1px;
	height: 23px;
	background: #28324d;
	position: absolute;
	left: -50%;
	right: -50%;
	bottom: -29px;
	margin: auto;
}
.event_container {
  	display: flex;
	flex-wrap: wrap;
}
.past_events h5,
.upcoming_events h5 {
	font-size: 28px !important;
	margin-bottom: 20px;
}
.event_column {
	width: 33.33%;
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
	padding-top: 20px;
}
.past_event_content {
	box-sizing: border-box;
  	display: flex;
  	align-items: center;
	margin: 10px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;	
}
.event_column img {
  	max-width: 100% !important;
  	height: auto !important;
  	border-radius: 50% !important;
  	object-fit: cover !important;
  	object-position: center !important;
  	width: 120px !important;
  	height: 120px !important;
	box-shadow: 0px 3px 38px 0px rgba(40,50,77,0.15) !important;
	border: 6px solid #F4F4F5 !important;
	transition: border-color 0.6s ease, border-width 0.9s ease;
}
.event_column:hover img {
  border-color: #28324d !important;
}
.event_column p {
	line-height: 1.1;
	padding-left: 10px !important;
}
.event_column p a {
	font-size: 20px;
	font-weight:600;
	line-height: 1.1;
	color: #28324d;
	transition: all 0.4s ease;
  	text-align: left;
}
.event_column p a:hover {
	color: #98c23b;
}
.event_column p span {
  	display: block;
	margin-top: 15px;
	font-size: 13px;
	font-weight:600;
  	color: #98c23b;
}
h3 {
	margin-top: 10px !important;
	font-size: 24px;
	position: relative;
	margin-bottom: 34px;
	color: #28324d !important;
	line-height: 26px;
}
.flickity-viewport {
	padding: 15px 5px;
	height: 560px !important;
}
.event_date {
	margin-top: 33px;
}
.upcomg-event-home .event_date {
	margin-top: 45px;
}
.event_location {
	margin-top: 5px;
}
.gallery-cell {
  	width: 30%;
  	margin-right: 32px;
  	counter-increment: gallery-cell;
	position: relative; /* Ensure positioning context for absolutely positioned children */
	overflow: hidden;
}

/* Hide the excerpt by default */
.event-excerpt {
	display: none; /* Hide the excerpt initially */
    position: absolute; /* Position it within the gallery cell */
    top: 0; /* Start from top */
    left: 0; /* Align to left */
    right: 0; /* Span the full width */
    bottom: 0; /* Span the full height */
    color: white !important; /* Assuming you want white text for the excerpt */
    background-color: #28324D;
    padding: 10px; /* Add some padding around the text */
    overflow-y: auto; /* Enable vertical scrolling */
    z-index: 10; /* Ensure it sits above other content */
}

.gallery-cell:hover .event_date,
.gallery-cell:hover .event_location,
.gallery-cell:hover .elementor-heading-title,
.gallery-cell:hover .upcomg-event h3::before {
	display:none !important;
}
/* Show the excerpt on hover */
.gallery-cell .event-excerpt,
.gallery-cell .event-excerpt p,
.gallery-cell .event-excerpt ul,
.gallery-cell .event-excerpt li {
	color: white;
}
.gallery-cell:hover .event-excerpt {
    display: block;
	color: white;
}

.gallery-cell:hover .elementor-heading-title a,
.gallery-cell:hover .event-categories {
    color: white; /* Change text color to white on hover for better visibility */
}


/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  color: white;
}
@media screen and (max-width: 1000px) {
	.event_column {
		width: 50%;
	}
	.gallery-cell {
		width: 50%;
	}
}
@media screen and (max-width: 700px) {
	.event_column {
		width: 100%;
	}
	.gallery-cell {
		width: 100%;
	}
}


ul.policy-icon-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0px;
  margin-top: -20px;
}
.policy-label {
  width: 100%;
  text-align: center;
}
.policy-icon-wrap > li {
  	display: flex;
	margin-top: 30px;	
}
.policy-icon-wrap > li .policy-label {
	color: #5c6377;
	padding: 5px 0;
	font-weight: 700;
}
ul.policy-icon-wrap li {
  	list-style: none;
  	margin-top: 50px;
  	width: 225px;
}
.policy-icon-wrap > li > a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.policy-icon-wrap span.pilicy-anim-wrap {
  width: 122px;
  height: 122px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  box-shadow: 0 0px 6px 20px rgba(40,50,77,0.04);
  z-index: 1;
  margin: 15px;
}
.policy-icon-wrap span.pilicy-anim-wrap:hover {
  	box-shadow: 0 0px 0px 20px rgba(92, 99, 119,0.94);
}
.policy-icon-wrap span.pilicy-anim-wrap .pilicy-icon {
  content: '';
  width: 122px;
  height: 122px;
  left: -50%;
  right: -50%;
  bottom: -50%;
  top: -50%;
  margin: auto;
  position: absolute;
  border-radius: 50%;
  z-index: 1;
  background-color: rgba(255,255,255,1);
  background-size: 42px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: all 0.3s ease;
}
ul.policy-icon-wrap li {
  list-style: none;
}

footer .qodef-footer-bottom-holder {
  	background-color: #28324d;
	padding: 20px 0;
	border-top: 1px solid #A3A3A3;
}

.event_container .event_column:nth-of-type(n+16) {
    display: none;
}
.load_more_container {
	text-align:center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.load_more {
	padding: 5px 15px;
	border-radius: 3px;
	background-color: #28324D;
	color: #fff;
}
.load_more:hover {
	background-color: #A2C64A;
}