@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.3.1/css/all.min.css');
/*
    Template: consulting
    Theme Name: Consulting Child Theme
    Theme URI: http://consulting.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Consulting - Business and Finance WordPress theme. Using Consluting you can easily create a modern website with real content. Easily edit the real content and compose the page layout with drag & drop page builder Consulting is the best ever finance, consulting, brokerage WordPress theme. It’s fully Responsive and Easy to Customize using intuitive Drag & Drop Visual Composer and Theme Options panel in WordPress Customizer.
    Version: 4.0.2
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blue, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, sticky-post, translation-ready
    Text Domain: consulting-child-theme
*/

html, body {
  overflow-x:hidden 
} 

/*Fix quote and shift it to the left*/
.elementor-blockquote--skin-quotation .elementor-blockquote:before, .elementor-blockquote:before {
	margin-left: -60px!important;
}
/*Temporary fix to hide preloader*/
.elementor-kit-7260 e-page-transition, .e-page-transition--entering {
	display: none!important;
}
h2{
	text-transform:none;
}
.related-team-members-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
	 transition: 0.5s;
}

.team-member-card {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    min-height: 300px;
    position: relative;
    flex-basis: calc(20% - 10px); /* For larger screens */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: cover;
    background-position: center;
	transition: 0.5s;
}

.team-member-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.team-member-link {
    text-decoration: none;
    color: white;
    display: flex;
    align-items: flex-end;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    padding: 10px;
    transition: background 0.3s ease;
	transition: 0.3s;
}

.team-member-link:hover {
	text-decoration: none;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
}

.team-member-name {
    margin-bottom: 5px;
    font-size: 1.1em;
}

/* Mobile-friendly adjustments */
@media (max-width: 768px) {
    .team-member-card {
        flex-basis: calc(50% - 10px); /* Adjust for smaller screens, 2 cards per row */
    }
}

@media (max-width: 480px) {
    .team-member-card {
        flex-basis: calc(100% - 10px); /* Adjust for very small screens, 1 card per row */
    }

    .team-member-name {
        font-size: 1em; /* Smaller font size for very small screens */
    }
}

#event-form-box {
	display: none!important;
}

.related-publications-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    justify-content: center;
    padding: 20px;
}

.publication-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.publication-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.publication-card img {
    width: 100%;
    height: auto;
    display: block;
}
.publication-card .tooltip {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 5px;
    border-radius: 5px;
    z-index: 1;
}

.publication-card:hover .tooltip {
    display: block;
}

/*Hide recaptcha logo*/
.grecaptcha-badge { visibility: hidden; } 

/*Style Project maps*/
.flex-container {
    display: flex;
    flex-direction: column; /* Adjust based on your layout */
    width: 100%; /* Ensures container takes full width */
}
#map {
    flex: 1; /* Allows the map to expand and fill the available space */
    width: 100%; /* Ensures map takes full width of the container */
    height: 100%; /* Map takes full height of the container */
}