/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/
 Description:  A child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://example.com/
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Add your custom CSS below this line */


@font-face {
    font-family: 'hatton-regular'; /* Replace with your font's name */
    src: url('fonts/hatton-regular.ttf') format('truetype');
    font-weight: normal; /* Adjust if needed: normal, bold, etc. */
    font-style: normal; /* Adjust if needed: normal, italic, etc. */

}

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  color: #6b7280;
  border: 1px solid transparent;
}

.pagination .page-numbers:not(.current):hover {
  background-color: #e5e7eb;
}

.pagination .current {
  background-color: #0D597B;
  color: white;
}

.pagination .dots {
  color: #9ca3af;
}

.elementor-element.elementor-element-19998288 img {
    /* height: 300px; */
    border-radius: 10px;
    min-width: 100%;
    max-height: 300px!important;
}
#live-search::placeholder {
    color: #000 !important;
	font-family: "Plus Jakarta Sans",
  }

div#podcast-container .search-box {
    width: 280px;
}

img.h-auto.w-auto {
    border-radius: 10px;
    min-width: 100%;
    min-height: 300px !important;
}

.pagination .next,
.pagination .prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #0D597B;
  color: #0D597B;
}

.pagination .next:hover,
.pagination .prev:hover {
  background-color: #e5e7eb;
}

.pagination .next i,
.pagination .prev i {
  color: #0D597B;
}


    .custom-search-container {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 600px; 
}

.search-box input {
    width: 100%;
    padding: 12px 19px 12px 40px; 
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
}

        .search-box {
            position: relative;
            width: 100%;
        }

        .search-box input {
            width: 100%;
            padding: 12px 12px 12px 47px;
            border: 1px solid #1297b5;
            border-radius: 10px;
            font-size: 20px;
            background-color: #eaf2f5;
        }
        

		img.custom-search-img {
        width: 27px;
           }

        .search-input-icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
            color: #1297b5;
            pointer-events: none;
            font-size: 22px; 
            margin-top:5px;
        }
          i.fas.fa-search.search-input-icon {
           font-size: 17px;
           }

        .search-results {
            max-height: 250px;
            overflow-y: auto;
            margin-top: 5px;
            width: 100%;
            background: #fff;
            border-radius: 6px;
            display: flex;
            flex-direction: column;
            position: absolute;
            z-index: 999;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
			min-width: 259px;
        }
          /* Scrollbar styles */
			.search-results::-webkit-scrollbar {
			width: 8px; 
			border-radius: 6px;
		}

			.search-results::-webkit-scrollbar-track {
				background: #f1f1f1; 
				border-radius: 6px; 
			}

			.search-results::-webkit-scrollbar-thumb {
				background: #c1c1c1; 
				border-radius: 6px; 
			}

			.search-results::-webkit-scrollbar-thumb:hover {
				background: #a1a1a1; /* Darker shade on hover */
			}
.flex.items-center.bg-white.p-2.rounded-md.shadow-sm {
    font-size: 15px;
}

        .search-results div {
            display: flex;
            align-items: center;
            padding: 5px 10px;
            cursor: pointer;
        }
        .view-more {
		width: 34%;
		border: 1px solid #1297b5;
		margin: 10px;
		border-radius: 10px;
		text-align: center;
		 }
 		img.custom-search-img {
		width: 27px!important;
	     }

        .search-results div:hover {
            background: #edf8fc;
        }

        .search-results img {
            width: 40px;
            height: 40px;
            object-fit: cover;
            margin-right: 10px;
            border-radius: 50%;
        }

        .search-results strong {
            color: #000;
            font-size: 12px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 220px;
        }

        .view-more-button {
            display: inline-block;
            margin-top: 10px;
            padding: 5px 10px;
            font-size: 14px;
            border: 1px solid #1297b5;
            border-radius: 4px;
            background: #fff;
            text-align: right;
            cursor: pointer;
            float: right;
        }

        .view-more-button:hover {
            background: #f0f0f0;
        }
		.view-more a {
			color:#1297b5;
       }
.tab-item:hover,
.tab-item:has(.active) {
    border-radius: 8px !important;;
    border: 1px solid #168bbf  !important;;
    color: #0D597B !important;;
}


/* new update for Menu march 26 */

.menu-item-resources{
	display:none !important;
}

.menu-item-resources.active{
	display:flex !important;
	position: absolute !important;
    top: 50px;
    right: 0;
    left: 0;
    z-index: 999 !important;
	
}


.menu-item-resources .e-con-inner{
	max-width: 950px !important;
    margin-right: 50px !important;
    box-shadow: 0 3px 3px #DDD;
    border-radius: 10px;
    overflow: hidden;
}

.main-menu-sec .menu-item-26 a:after{
	    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 0px!important;
    top: 20px!important;
}

a.read-more-link-main {
    color: orange;
}

.mobile-menu-icon  .elementor-nav-menu--dropdown {
	position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    top: 72px;
    --menu-height: 585px;
}

/* new update for Menu march 29 */
/* Off-Canvas Menu Styling */
.off-canvas-menu {
    position: fixed;
    top: 0;
    right: -300px; /* Initially off-screen */
    width: 300px;
    height: 100%;
    background-color: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 1000;
}

.off-canvas-menu .off-canvas-content {
    padding: 20px;
    overflow-y: auto;
    height: 100%;
}



.showFilter {
    cursor: pointer;
}

/* Open the off-canvas menu */
.off-canvas-menu.open {
    right: 0;
}

form#filter-form {
    margin-left: 10px;
}

button#close-filter-menu:hover {
    background-color: unset;
    color: #333!important;
    border: unset!important;
}

button#close-filter-menu {
    background-color: unset!important;
    border: unset !important;
    color: inherit; /* Keeps the default color */
}

button#close-filter-menu:active {
     background-color: none!important;
     color: #333!important;
     border: unset!important;
}


#resourceTypeSection label {
    color: #2A3134C7;
    font-size: 14px;
    margin-top: -6px;
    margin-left: 1px;
}

#speakersSection label {
    color: #2A3134C7;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 5px;
    margin: 2px 0px 17px 3px;
}

button#close-filter-menu {
    margin-left: 5px;
}

button#apply-filter {
    border-radius: 8px !important;
    border: none;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2)!important;
}



.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 999; /* Below the menu but above the page */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.overlay.active {
    opacity: 1;
    visibility: visible;
}


#languageSection  label {
    color: #2A3134C7;
    font-size: 16px;
    margin-top: 3px;
    margin-left: 5px;
    margin: 9px 0px 4px 3px;
}

form#filter-form h2 {
    font-size: 22px!important;
    margin-top: 5px!important;
	font-family: "Plus Jakarta Sans", Sans-serif!important;
}

.custom-form input[type="submit"] {
    padding: 16px 24px;
    background-color: rgba(20, 108, 148, 1);
    border: none;
    color: white;
    font-family: Plus Jakarta Sans;
    font-weight: 800;
    border-radius: 8px;
    position: absolute;
    right: 0;
    margin-right: 29px;
}

#post-content img.h-auto.w-auto {
    border-radius: 10px!important;
    width: 100%!important;
    height: 300px!important;
    object-fit: cover!important;
    display: block!important;
    max-width: 100%!important;
}

.custom-form .wpcf7-form-control-wrap.your-name.wpcf7-not-valid .wpcf7-not-valid-tip {
    display: none !important;
}

/* Nav Search Icon */
.elementor.elementor-1145.elementor-location-footer .search-container {
    display: none;
}

.search-container {
  display:flex;
  align-items:center;
  gap:10px;
}
.search-input {
  width:0;
  padding:5px;
  border:1px solid #ccc;
  border-radius:5px;
  outline:none;
  transition:width 0.3s ease;
  opacity:0;
}
.search-input.active {
  width:200px;
  opacity:1;
}
.search-button {
  cursor:pointer;
  border:none;
  padding:5px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.search-button i {
  font-size:16px;
}



/* Styling for the main ep-autosuggest div */
.ep-autosuggest {
    padding: 10px; /* Example padding */
}

/* Styling for the autosuggest-list ul */
.ep-autosuggest .autosuggest-list {
    list-style: none; 
    padding: 0; 
    margin: 0; 
}

/* Styling for each list item inside the autosuggest-list */
.ep-autosuggest .autosuggest-list li {
    padding: 8px 12px; 
    margin-bottom: 5px; 
    cursor: pointer; 
}

/* Hover effect for the list items */
.ep-autosuggest .autosuggest-list li:hover {
    background-color: #f0f0f0!important;
    color: #333;
}


/* -----------------Media Query--------------- */

@media(max-width:1024px){
.menu-item-resources,
.menu-item-resources.active{
		display:none !important;
	}
}


.elementor-popup .elementor-button .elementor-button-text + .e-loaders {
    display: none!important;
}



.more-link {
    display: block;
}

h5#filterSidebarLabel {
    margin-top: 50px;
}

.offcanvas-header h5#filterSidebarLabel {
	font-weight:600 !important;
	color:#555555 !important;
	margin-left:15px;
	font-size:20px
}



.toggle-section {
    font-size: 0.9rem;
    border: none;
    background: none;
    padding: 0;
}


/* Style for the headings */
h6 {
    position: relative;
    display: inline-block;
    padding-bottom: 5px; /* Space for the underline */
}

/* Underline effect on hover */
h6::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color:  #189cd7; /* Change to your preferred color */
    transition: width 0.3s ease; /* Smooth transition */
}



/* On hover, make the underline expand to the full width */
h6:hover::after {
    width: 100%;
}

.card.h-100 {
    border: unset;
}

img.card-img-top {
    border-radius: 10px !important;
    width: 100% !important;
    height: 300px!important;
    object-fit: cover !important;
    display: block !important;
    max-width: 100% !important;
}


.d-flex.justify-content-between.align-items-center.mb-3.flex-wrap.gap-2 {
    margin-bottom: 40px !important;
    background-color: #fafafa;
    padding: 20px;
    border-radius: 20px;
}
#postTypeTabs .nav-item {
    margin-right: 2rem; /* adds space between tabs */
}

#postTypeTabs .nav-link {
    font-size: 1.1rem; /* increase text size */
/*     padding: 0.45rem 1rem;  */
}

#postTypeTabs .tab-icon {
    width: 24px;  /* increase image width */
    height: 24px; /* increase image height */
}


.sort-filter-wrapper > *:not(:last-child) {
    margin-right: 1.5rem; /* adjust spacing between select and button */
}

.nav-tabs .nav-link .tab-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.nav-tabs .nav-link {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 0.5rem; /* bootstrap's gap spacing */
}



/* Remove default Bootstrap styles */
.custom-tabs .nav-link {
    border: none!important;
    background: transparent;
    font-weight: normal;
    border-radius: 0;
    padding: 8px 12px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

ul#postTypeTabs {
    border: unset;
}
.nav-link.active {
    color:unset!important; 
    background-color: unset!important; 
    border-color: unset!important; 
}


/* Remove Bootstrap active state styles */
#postTypeTabs .nav-link.active {
    background-color: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
    border: 1px solid #1297b5 !important;
    border-radius: 10px;
}

/* Remove Bootstrap hover state styles */
#postTypeTabs .nav-link:hover {
    background-color: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
    border: 1px solid #1297b5 !important;
    border-radius: 10px;
}

.container.my-4 {
    margin-top: 70px !important;
}


#ajax-post-results {
  margin-left: 25px;
  margin-right: 25px;
}

select#sortOrder {
    margin-right: 9px;
}

ul#postTypeTabs {
    border: unset;
    margin-left: 60px;
}



/* 11th april design update */

	.offcanvas-header .btn-close,
.offcanvas-header button.btn-close:hover{
	border:0 !important;
	color:#000000 !important;
}



.offcanvas-header .btn-close{
	position: absolute;
    left: 10px;
    z-index: 555;
    opacity: 1;
}

span.custom-close {
    font-size: 20px;
    color: #333;
    border: none;
    background-color: none!important;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
.elementor-element-b31b3a8 button,
.elementor-element-b31b3a8 button:focus{
	background-color:transparent;
	border:0;
	}

.elementor-element-b31b3a8 .list-disc li span{
	position:relative;
}

.elementor-element-b31b3a8 .list-disc li span:before{
	content:'';
	border-bottom:1px solid transparent;
	width:0;
	transition:0.4s;
	position:absolute;
	bottom:0;
}
.elementor-element-b31b3a8 .list-disc li span:hover:before{
	width:100%;
	transition:0.4s;
	border-color:#146C94;
}

	 #sortOrder, .flex-wrap-class button, .ep-autosuggest-container .search-field,
.ep-autosuggest-container .search-field:placeholder,
#ajax-post-results .card-body p{
		 font-family: "Plus Jakarta Sans", sans-serif !important;
	}

.slide p{
		  font-family: "Poppins", sans-serif;
	}

#searchForm{
	box-shadow:unset !important;
	padding:0 !important
}
.ep-search-modal__close{
	position: absolute !important;
    cursor: pointer !important;
    z-index: 222 !important; 
	border:0 !important;
}

.ep-search-page__body {
    margin-top: 50px !important;
}

.ep-search-page__header::before{
	left:35px;
	font-size:16px;
	transform:translateY(-30%);
	top: 76%!important;
}

select#ep-sort {
    border: 1px solid;
    margin-left: -16px;
    text-align: center!important;;
    width: 51%!important;
}



.ep-search-modal__content button..ep-search-modal__close:focus{
	outline:unset !important;
	border:0 !important;
}
.ep-search-page__header input.ep-search-input{
    border-radius: 5px;
    background: #f5f5f5;
	border:0 !important;
}
input.ep-search-input:focus-visible{
	border:0 !important;
}

label.form-check-label {
    margin-top: -4px !important;
    font-size: 15px;
}

.ep-search-page__header::before{
	transform: translateY(-7px);
    font-size: 16px;
}
.givewp-fields.givewp-fields-amount.givewp-fields-amount-amount {
    display:none!important;
}

.ep-search-panel {
    width: 85%!important;
    margin-left:6px!important;
}