div.page-header {
    position: relative;
    z-index: 10;
}

body {

padding-left: 0px;
padding-right: 0px;
 overflow-x: visible;
 /*   overflow-x: hidden;  κρύβει οριζόντιο scrollbar */
    max-width: 100%;
}

.page-header .button-bar {
  align-self: stretch;
  display: flex;
  align-items: center;
flex-shrink: 0; 
}

.page-header .button-bar  {
height: 40px ! important;
flex-shrink: 0; 
}

.page-header .main-action-bar {
  flex-wrap: wrap;
  align-items: stretch; /* ΚΡΙΣΙΜΟ */
}
  .page-header,  .page-header * {
    overflow: visible !important;
    max-width: none !important;
  }


 .page-header .session-bar .toolbar {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
  }

  .page-header .session-bar .toolbar > .group > button,
  .page-header .session-bar .toolbar > .group > a {
    min-width: 0;
    flex-shrink: 1;
    padding: 0.25em 0.4em;
    font-size: 0.9em;
  }

body > .main,.header::before {
    width: 100%;
}

body > .main {

    max-width: none;
    margin-left: auto; /*   calc(-50vw + 50%); */

    margin-right:  auto; /*   calc(-50vw + 50%); */

}

body>.main {
    background-image: url(https://indico.physics.auth.gr/event/24/images/57-Hera_and_its_asteroid_target_pillars2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* Header με background image */
.header {
    padding-top: 0px !important;  
}

.header {
    background-image: url("https://indico.physics.auth.gr/event/24/images/47-Hera_pillars_flip.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    min-height: 300px !important;  /* ύψος banner */
    position: relative !important;  /* για positioning του text */
 
  /*  overflow-x: clip;  όχι hidden */
}

/* Custom text στο μέσο του header */
.header::before {
    content: "";
    position: absolute;
right:20px;
top: 20%;
height: 150px;
    
    background-image: url("https://indico.physics.auth.gr/event/24/images/76-logos_Auth.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;

 
    z-index: 5;
}



.header::after {
    white-space: pre !important;   /* επιτρέπει τα line breaks */
    content: "Hera Community Meeting 2026\A Thessaloniki, Greece\A May 2026, 10-14";   /* εδώ βάζεις το κείμενο σου */

    position: absolute;
    top: 25%;
    left: 40px;

    /* συνολικό “κουτί” κειμένου + logo */
    width: 510px;        
    height: 130px;       

    /* logo μόνο δεξιά */
    background-image: url("https://indico.physics.auth.gr/event/24/images/71-logo_thres+overlay_light.png");
    background-size: 130px 130px; 
    background-repeat: no-repeat;
    background-position: left center;

    /* Στυλ κειμένου */
line-height: 1.15;   
    color: white;
    font-size: 1.8em;

    font-weight: 500;
  font-family: 'Roboto', 'Helvetica', sans-serif !important;

    text-shadow: 0 2px 4px rgba(0,0,0,0.4);

    /* Το κείμενο κάθεται αριστερά */
    padding-left: 140px;   /* χώρος για το logo */
    display: flex;
    align-items: center;
    justify-content: flex-start;

    z-index: 5;
}

.conference-page {
    font-size: x-large !important;
   line-height: 1.6;

}
.conference-page header .title {
    display: none !important;
    min-width: 300px !important;
}


.col2 {
	float: none;
}

.conf, .conf *,
.confSectionsBox, confSectionsBox *,
.confBodyBox, .confBodyBox *,
.mainContent, mainContent *,
.col2, .col2 *,
.conference-page, conference-page *,
.page-content, .page-content *,
.editor-output,
.editor-output * 
{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-wrap: wrap !important;

    max-width: 99.8% !important;
    width: auto !important;
    box-sizing: border-box !important;
/* color: red; */
}



#confSectionsBox > .conf_leftMenu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;

    width: auto !important;
 text-wrap: wrap;
float: left !important;
}



/* -----------------------------
   Οριζόντιο menu
------------------------------ */
#outer {
    bottom: 0 !important;
    position: absolute !important;
    top: 230px; /* απόσταση από το λογότυπο */
   max-height: 50px !important;

    width: 100% !important;
flex-wrap: wrap !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    display: flex !important;         /* οριζόντια διάταξη */
    flex-direction: row !important;

    list-style: none !important;
    padding: 0 !important;
    margin-top: 0 !important;             /* μηδενίζει default margins */
padding-right: 10px !important;
   padding-bottom: 20px !important;
    gap: 1px !important;             /* απόσταση μεταξύ κουμπιών */
    z-index: 10 !important;
    justify-content: center !important;
    margin-left: auto !important;
}
.confheader {
    padding-top: 0px !important;  
}
#outer ul {

}

.conf_leftMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: flex-end !important;
    margin-left: auto !important;
}
#outer li {
    background: transparent !important;   /* χωρίς χρώμα φόντου */
    border: none !important;             /* αφαιρεί περιγράμματα */
    border-radius: 0 !important;         /* καμία στρογγυλεμένη γωνία */
    padding: 0 !important;        /* προαιρετικό padding για κλικαριστή περιοχή */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
text-align: center;
}

#outer li a {
    max-height: 20px !important;
    align-content: center !important;
    padding-top: 12px;
    padding-bottom: 12px;

display: flex  !important;

padding-left: 15px !important;

    padding-right: 15px !important;

    max-width: fit-content !important;
flex-wrap: wrap !important; 
    color: white !important;       /* χρώμα κειμένου */
 font-variant: small-caps;
    text-decoration: none !important; /* χωρίς υπογράμμιση */
    font-weight: 500 !important;
    font-family: "Arial", sans-serif !important;
  font-size: 1.6em !important;
text-wrap: nowrap !important;
}

/* Hover effect μόνο στο χρώμα του κειμένου */
#outer li:hover a {
    color: #0055aa !important;  /* αλλάζει το χρώμα όταν περνάει το ποντίκι */
}


/* -----------------------------
   Main content κάτω από το menu - εδώ δημιουργούμε το γαλάζιο πλαίσιο γύρω από το περιεχόμενο
------------------------------ */

.confBodyBox {
    margin-left: 0 !important;  
    margin-bottom: 10px !important;
    width: 80% !important;
      position: relative;
    left: 10% !important;


      background-color: rgba(240, 248, 255, 0.6);
  

    border: 1px solid #cce0ff;
    border-radius: 8px;
    padding: 15px 20px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
} 




/* Κρύβουμε τον event title και αφαιρούμε τον χώρο που καταλάμβανε */
.confTitle h1 {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Κρύβουμε τον τίτλο και το background/ύψος που αφήνει */
.confheader .confTitleBox,
.confheader .confTitle {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Κρύβουμε τον υποτίτλο και αφαιρούμε τον χώρο που καταλάμβανε */
.confSubTitleBox,
.confSubTitleContent,
.confSubTitle {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}



.curvy-underline {
  display: inline-block;
  position: relative;
  font-weight: bold;
  color: #0055aa;
    text-wrap: nowrap !important;
}
.curvy-underline::after {
  content: "\A";
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 100%;
  height: 12px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1 1 200 12"><path d="M0 6 C40 -4, 160 18, 200 6" stroke="red" stroke-width="2" fill="none"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

/* ========================
   TIMELINE
======================== */
.timeline-day {
  position: relative;
  margin-bottom: 40px;
  padding-left: 40px;
  border-left: 4px solid #0055aa;
}
.timeline-day h3 {  }
.timeline-item {
  position: relative;
  margin: 12px 0;
  padding-left: 15px;
}
.timeline-item::before {
  content: '';
  position: absolute;
  left: -10px;
  top: 6px;
  width: 14px;
  height: 14px;
  background-color: #0055aa;
  border-radius: 50%;
}
.timeline-item span.time {
  font-weight: bold;
  margin-right: 10px;
}
.timeline-item.break.coffee { background-color: #b3e1ff; padding: 3px 8px; border-radius: 4px; }
.timeline-item.break.lunch { background-color: #b3cde0; padding: 3px 8px; border-radius: 4px; }
.timeline-item.break.dinner { background-color: #f0d1d1; padding: 3px 8px; border-radius: 4px; }


.infogrid.condensed .infoline {

    min-width: 200px !important;
}

.conferenceDetails {   
float: left;
 /* min-width: 400px !important; */
}

.infoline.date {
    width: 400px !important;
    text-wrap: nowrap !important;
}



.conference-schedule {
    font-size: x-large !important;
 /* text-align-last: left; */
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0px auto;
    max-width: 800px;
    color: #333;

}

.conference-schedule h2, 
.conference-schedule h3 {
  
  /*  border-bottom: 2px solid #0056b3; */
    padding-bottom: 5px;
    margin-top: 25px;
text-align-last: center;
}

.conference-schedule table {
    
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.conference-schedule th, 
.conference-schedule td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
}

.conference-schedule th {
background-color: rgba(1, 72, 135, 0.5) !important; 
color: honeydew !important;
    font-weight: bold;
}
.conference-schedule h3 {
	color: honeydew !important;
}

.conference-schedule tr.coffee {
	background-color:  rgba(255, 255, 240, 0.5) !important;
}
.conference-schedule tr.lunch {
	background-color: rgba(225, 245, 240, 0.5) !important;
}
.conference-schedule tr.dinner {
	background-color: rgba(16, 101, 158, 0.5) !important;
}


.conference-schedule tr:nth-child(even) {
    background-color: rgba(249,249,249, 0.5);
}

.conference-schedule tr:nth-child(odd) {
    background-color: rgba(249,249,249, 1) ;
}


.conference-schedule ul {
margin-left: 0 !important; /* επειδή κληρονομεί από το editor */
    list-style-type: none;
    padding: 0;
}

.conference-schedule li {
    padding: 5px 0;
}

/* ========================
   FEES BOX
======================== */
.fees-box {
    /* margin: auto; */
    /* margin-top: 25%; */
  /* height: 60% !important; */
    /* top: 60% !important; */
 /* transform: translate(-50%, -50%); */
   /* margin: 20px 0; */
 /* margin-top: auto; */

    width: 80% !important;
      position: relative;
    left: 10% !important;

    background-color: #f0f8ff;       

    border: 1px solid #cce0ff;
    border-radius: 8px;
    padding: 15px 20px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
   
}

/* Κουμπάκια στο overview */
.action-box>.section>.toolbar a:not(.i-button), .action-box>.section>.toolbar a:not(.ui.button) {
    line-height: 1.2em;
}

.toolbar .i-button, .toolbar .categorynav .category-list .item .button-wrapper .action-button, .categorynav .category-list .item .button-wrapper .toolbar .action-button, .toolbar .action-button {
    height: 3em;
}

a.external::after {
    content: ""; /* πάντα πρέπει να υπάρχει content για να εμφανιστεί το pseudo-element */
    display: inline-block;
    width: 30px;   /* πλάτος εικονιδίου */
    height: 35px;  /* ύψος εικονιδίου */
    margin-left: 0.3em;  /* κενό ανάμεσα στο κείμενο και το icon */
    background-image: url('https://indico.physics.auth.gr/event/24/images/50-meteor_external.png'); 
    background-size: contain; /* να κρατήσει αναλογία */
    background-repeat: no-repeat;
    vertical-align: middle;  /* στοιχίζει το icon με το κείμενο */
}

a.external_cyan::after {
 background-image: url('https://indico.physics.auth.gr/event/24/images/58-meteor1_cyan.png');
}
 
.editor-output ul.satellite {
    list-style: none;
    padding-left: 0;
}

.editor-output ul.satellite li {
    position: relative;
    padding-left: 24px; /* χώρος για το bullet */
}

.editor-output ul.satellite li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;      /* πλάτος bullet */
    height: 16px;     /* ύψος bullet */
    background-image: url('https://indico.physics.auth.gr/event/24/images/54-asteroid_bullet2.png');     background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.my-table::before {
float: left;
}
.my-table {

margin-left: auto; margin-right: auto;
    width: 80% !important;
    border-collapse: collapse;
    font-weight: 500;
text-align:left;
}

/* Πρώτη γραμμή */
.my-table thead tr {
    background-color: #f8fbff; /* απαλό γαλάζιο για header */
}

/* Εναλλαγή χρωμάτων */
.my-table tbody tr:nth-child(odd) {
    background-color: #e1edfc;
}

.my-table tbody tr:nth-child(even) {
    background-color: #ffffff;
}

/* Borders */
.my-table td, 
.my-table th {
text-align:left;
    padding: 8px 10px;
    border-top: 1px solid rgba(192, 192, 192, 0.15);   /* αχνό silver οριζόντιο */
    border-bottom: 1px solid rgba(192, 192, 192, 0.15);
    border-left: 1px solid rgba(192, 192, 192, 0.1);   /* πιο αχνό κάθετο */
    border-right: 1px solid rgba(192, 192, 192, 0.1);
}
.my-table::after {
float: none
}

/* ΠΛΑΤΟΣ ΑΠΟ ΔΙΑΦΟΡΑ ΚΟΥΜΠΑΚΙΑ ΚΑΙ ΠΕΔΙΑ */
/* Πεδία στην registration form */

.ui.checkbox input.hidden + label {
    min-width: max-content !important;
}
.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
    width: 100%;
    min-width: 90%;
	background-color:  honeydew;

}

.ui.form textarea, .ui.form input[type="checkbox"] {
    min-height: 500px;
    min-width: 90% !important;
}

.ui.input {
  background-color: #fdffec !important;
  border-radius: 4px;
}

.ui.input > input {
  background-color: transparent !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.18) !important;

}

.ui.form textarea {
  background-color: #fdffec !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.18) !important;
  border-radius: 4px;
}

.ui.input input:focus,
.ui.form textarea:focus {
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.22) !important;
  outline: none;
}


/* Your registration has been completed */
.action-box>.section>.toolbar>.group {
    width: 500px !important;

}

/* Registration & fees */
.toolbar .i-button:not(.label), .toolbar .categorynav .category-list .item .button-wrapper .action-button:not(.label), .categorynav .category-list .item .button-wrapper .toolbar .action-button:not(.label), .toolbar .action-button:not(.label) {
 /*   min-width: 250px; */
}

.permalink-text .permalink {
    width: 100% !important;
color: red !important;
}


/* Responsive για κινητά Part 1 - Header */


@media (max-width: 768px) {

body > .main,.header::before {
  
  max-width: none;
}


.header {
    min-height: 200px !important;  /* ύψος banner */
}
.header::before {
   
height: 100px;
top: 25%;

    }

.header::after {
    white-space: pre !important;   /* επιτρέπει τα line breaks */
    content: "\A Hera Community Meeting 2026\A Thessaloniki, Greece\A May 2026, 10-14";   /* εδώ βάζεις το κείμενο σου */

    position: absolute;
    top: 30%;
    left: 38px;

    /* συνολικό “κουτί” κειμένου + logo */
    width: 300px;        
    height: 110px;       

    /* logo μόνο δεξιά */
    background-image: url("https://indico.physics.auth.gr/event/24/images/71-logo_thres+overlay_light.png");
    background-size: 90px 90px  !important;
    background-repeat: no-repeat;
    background-position: left bottom;

    /* Στυλ κειμένου */
    color: white  !important;

    font-size: 14px !important;

    font-weight: 300;
  font-family: 'Roboto', 'Helvetica', sans-serif !important;

    text-shadow: 0 2px 4px rgba(0,0,0,0.4);

    /* Το κείμενο κάθεται αριστερά */
    padding-left: 90px;   /* χώρος για το logo */
    display: flex;
    align-items: center;
    justify-content: flex-start;

    z-index: 5;
}

}

/* -----------------------------
   Responsive για κινητά
------------------------------ */
@media (max-width: 768px) {


#outer {
        margin-left: -50px !important;
    display: flex !important;     
    flex-direction: row !important;
    gap: 10px !important;
padding-left: 0 !important;  
padding-right: 10px !important;
}

#confSectionsBox > .conf_leftMenu {
float: left !important;   
left: 0 !important;
}

#confSectionsBox {

 
margin: 0 auto;
    margin-top: 120px;
    margin-left: 40px;

}


    #outer li a {
        align-content: center;
        justify-content: center !important;
        height: 10px !important;

    background-color: #09597e !important;   /* χωρίς χρώμα φόντου */
    border: none !important;             /* αφαιρεί περιγράμματα */
    border-radius: 0 !important;         /* καμία στρογγυλεμένη γωνία */

    display: flex !important;
    align-items: center !important;
 margin-left: 10px !important;  

    justify-content: center !important;
        width: auto !important;
	min-width: 150px !important;

         padding: 12px 7px 12px 7px !important;
 font-size: 1.2em !important;
        color: white !important;   /* διάλεξε όποιο χρώμα θέλεις */

    }

#outer li:hover a {
    color: #b3cde0 !important;  /* αλλάζει το χρώμα όταν περνάει το ποντίκι */
}

    .col2, .mainContent, .title-with-actions {
        margin-left: 0px !important;
        margin-right: 10px !important;
        margin-top: 100px !important; /* αρκετό για vertical menu */
    }

.conf, .conf *,
.confSectionsBox, confSectionsBox *,
.confBodyBox, .confBodyBox *,
.mainContent, mainContent *,
.col2, .col2 *,
.conference-page, conference-page *,
.page-content, .page-content *,
.editor-output,
.editor-output * 
{
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-wrap: wrap !important;

 /*   max-width: 100% !important; */
    width: auto !important;
    box-sizing: border-box !important;

 color: green;
}

}

@media (max-width: 768px) {
  .confBodyBox {

    left: 5% !important;  /* μικρότερο από το 10% που είχες πριν */
    margin-left: -50px !important; /* για να μην επηρεάζεται από padding/margin γονέων */
    position: relative; /* διασφαλίζει ότι το left δουλεύει */
  }
}

.float-img {
    float: left;        /* εικόνα αριστερά */
    margin-right: 20px; /* απόσταση από το κείμενο */
    max-width: 200px;   /* πλάτος εικόνας */
    height: auto;
}

/* clearfix για να μην καταστρέφει το επόμενο περιεχόμενο */
.img-text-wrapper::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile: εικόνα πάνω, κείμενο κάτω */
@media (max-width: 600px) {
    .float-img {
        float: none;
        display: block;
        margin: 0 auto 20px auto; /* κέντρο + κάτω margin */
        max-width: 100%;
    }
}

@media (max-width: 768px) {
  /* Κάνει μόνο τους πίνακες μέσα στο confBodyBox responsive */
  .confBodyBox table,
  .confBodyBox table tbody,
  .confBodyBox table tr {
    display: block !important;
    width: 100% !important;
  }

  .confBodyBox table td,
  .confBodyBox table th {
    display: block !important;  /* κάθε κελί σε δικό του row */
    width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    padding: 0.5em !important;
  }}



.ui.form * {
	font-size: 1.05em !important;
}

@media (max-width: 1024px) {
.ui.form * {
	font-size: 1.09em !important;
}


 /* Για τα labels */
  #registration-form-submission-container .ui.form .field > label {

/* color: red !important; */
    font-size: 32px !important;
width:100% !important

  }
  #registration-form-submission-container,
  #registration-form-submission-container * {
    font-size: 32px !important;
    line-height: 40px !important; /* καλύτερη αναγνωσιμότητα */
  }

  /* Επιπλέον, για inputs, textarea και select */
  #registration-form-submission-container .ui.form input,
  #registration-form-submission-container .ui.form textarea,
  #registration-form-submission-container .ui.form select {
    font-size: 32px !important;
    line-height: 40px !important;
  }

}

/* label gia accompanying person 
.events-registration-client-styles-___regform-module__form-item___AlbiE legend  */

.events-registration-client-styles-___regform-module__form-item___AlbiE>.events-registration-client-styles-___regform-module__content___dKw31 .events-registration-client-styles-___regform-module__field___mpG7J .events-registration-client-styles-___regform-module__accompanyingpersons-field___MUvS6 ul li span {

    background-color: #fdffec !important;

    color: green !important !important;

}

  #registration-form-submission-container,
  #registration-form-submission-container * {
width:100% !important;
    font-size: 32px !important;
    line-height: 40px !important; /* καλύτερη αναγνωσιμότητα */
  }

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 40px !important;
    height: 40px !important;

    border-radius: 500rem;
    top: 0px !important;

    left: 0px !important;

}


.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
 
    width: 40px !important;
    height: 40px !important;

    border-radius: 500rem;
    top: 0px !important;

    left: 0px !important;


    -webkit-transform: scale(0.46666667);
    transform: scale(0.46666667);
    background-color:  green !important;
}

.field events-registration-client-js-form-fields-___table-module__radio___wfFj9 {
width=100% !important; /* πλατος Label */
}

.box {
  position: relative;
}




.myactionbox {
width: 100% !important;
    border-top: 1px solid #09c;
    border-bottom: 1px solid #09c;
    border-right: 1px solid #09c;
    border-left: 1px solid #09c;
    background: #edf3fd;
border-collapse: collapse; 
padding: 8px 10px;

}

.actionline1 {
text-align: left;
color: 
}

/* Όλα τα headers μέσα σε info messages / forms */
.ui.info.message .header {
    display: none !important;
}