/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.trim-text {
    white-space: nowrap;   /* Prevents line breaks */
    overflow: hidden;      /* Hides extra spaces */
    text-overflow: ellipsis; /* Adds "..." if the text is cut */
}

.agenda_times{
    white-space: nowrap;
    word-spacing: -5px; /* Adjust as needed */
}
.agenda:last-child {
border-radius: 0 0 0px 15px;
overflow: hidden;
}
.agenda:first-of-type {
border-radius: 15px 0px 0 0;
overflow: hidden;
}
.agenda_logos img{
    mix-blend-mode: multiply;
/* 	    object-fit: cover; */
    object-fit: contain;
/*     width: 100%; */
/*     height: auto; */
/* 	max-height:35px; */
max-width: 100px !important;
max-height:40px !important;
}
.agenda_times,
.agenda_logos {
background-color: white;
}
/* p:contains("Panelist:") {
color: red;
} */
.panelist {
color: red;
font-weight: bold;
}

.agenda_mobile_text p{
margin-block-end: 0;
}

/* @media (max-width: 768px) {
.agenda_logos2 {

}
.agenda_logos img{
    mix-blend-mode: multiply;
    object-fit: cover;
height: auto;

}
} */

/*sponsors mob*/
/* Wrapper */


/* Loop Logos CSS */
/* Wrapper */
.event-partners-wrapper {
text-align: center;
}

.event-partners-title {
font-size: 32px;
font-weight: 600;
padding: 10px 20px;
text-transform: uppercase;
}
.event-partners-box {
display: flex;
justify-content: center; 
align-items: center;
flex-direction: column;
text-align: center;
}

.event-partners-logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding: 20px 0;
max-width: 1100px;
margin: 0 auto; 
}

.event-partners-logos:has(.event-partners-logo-item:nth-child(1):nth-last-child(1)),
.event-partners-logos:has(.event-partners-logo-item:nth-child(1):nth-last-child(2)) {
display: flex;
justify-content: center;
gap: 30px;
}

.event-partners-logo-item {
text-align: center;
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
opacity: 0;
transform: translateY(20px);
}

.event-partners-logo-item.show {
opacity: 1;
transform: translateY(0);
}

.event-partners-logo-item img {
width: 100%;
max-width: 300px;
object-fit: contain;
}

@media (max-width: 768px) {
.event-partners-logos {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 480px) {
.event-partners-logos {
    grid-template-columns: repeat(1, 1fr);
}
}
/* Όταν υπάρχουν ακριβώς 7 logos */
/* .event-partners-logos:has(.event-partners-logo-item:nth-child(7):nth-last-child(1)) {
display: grid;
grid-template-columns: repeat(4, 1fr);
}

.event-partners-logos:has(.event-partners-logo-item:nth-child(7):nth-last-child(1)) .event-partners-logo-item:nth-child(n+5) {
grid-column: span 1;
} */
/* Όταν υπάρχουν ακριβώς 7 logos, ισχύει μόνο σε οθόνες μεγαλύτερες από 768px */
@media (min-width: 769px) {
.event-partners-logos:has(.event-partners-logo-item:nth-child(7):nth-last-child(1)) {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 logos στην 1η σειρά */
}

/* Τα τελευταία 3 logos πάνε στη 2η σειρά */
.event-partners-logos:has(.event-partners-logo-item:nth-child(7):nth-last-child(1)) 
.event-partners-logo-item:nth-child(n+5) {
    grid-column: span 1;
}
}
/* Responsive - 2 logos ανά σειρά σε κινητά */
@media (max-width: 480px) {
.event-partners-logos {
    grid-template-columns: repeat(2, 1fr); /* Δύο λογότυπα ανά σειρά */
}
}







/*sponsors mob*/
/* Wrapper */
.event-partners-app-wrapper {
text-align: center;
}

/* Title */
.event-partners-app-title {
font-size: 22px;
font-weight: 600;
padding: 10px 20px;
text-transform: uppercase;
}
.event-partners-app-box {
display: flex;
justify-content: center; 
align-items: center;
flex-direction: column;
text-align: center;
}

/* Logos container */
.event-partners-app-logos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
padding: 20px 0;
/*     width: 1100px; */
max-width: 1100px;
margin: 0 auto; /* Centering the grid */
}

/* When fewer than 3 logos exist, center them */
.event-partners-app-logos:has(.event-partners-logo-item:nth-child(1):nth-last-child(1)),
.event-partners-app-logos:has(.event-partners-logo-item:nth-child(1):nth-last-child(2)) {
display: flex;
justify-content: center;
gap: 30px;
}



/* Individual logo items */
.event-partners-app-logo-item {
text-align: center;
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
opacity: 0;
transform: translateY(20px);
}

/* When logos become visible */
.event-partners-app-logo-item.show {
opacity: 1;
transform: translateY(0);
}

/* Images inside logos */
.event-partners-app-logo-item img {
width: 100%;
/*     max-height: 300px; */
max-width: 200px;
object-fit: contain;
}

/* Responsive - 2 logos per row on tablets */
@media (max-width: 768px) {
.event-partners-app-logos {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Responsive - 2 logos per row on mobile (instead of 1) */
@media (max-width: 480px) {
.event-partners-app-logos {
    grid-template-columns: repeat(2, 1fr);
}

/* If there's only one logo in the row, center it */
.event-partners-app-logos:has(.event-partners-app-logo-item:nth-child(1):nth-last-child(1)) {
    display: flex;
    justify-content: center;
}
}

.trp-language-switcher > div{
	background-color: rgb(255 255 255 / 0%) !important;
	    border: 0px solid #949494 !important;
}
.trp-language-switcher > div > a:hover {
    background: rgb(240 240 240 / 50%) !important;
    border-radius: 2px;
}
.elementor-shortcode .trp-ls-shortcode-current-language, .elementor-shortcode .trp-ls-shortcode-language{
	width:75px !important;
}
.elementor-shortcode .trp-ls-shortcode-current-language, .elementor-shortcode .trp-ls-shortcode-language {
    width: 75px !important;
}