#sp-header .logo {
    display: flex; /* Align items in a row */
    align-items: center; /* Vertically align content */
    justify-content: space-between; /* Space out the columns */
    width: 100%; /* Ensure it spans full width */
}

#sp-header .logo img {
    width: auto; /* Keep aspect ratio */
    height: 50px; /* Adjust the height to make the logo bigger */
}

.conferenciaresumo-edit.front-end-edit h1{
  display: none;
}


#clockdiv {
    font-family: sans-serif;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 30px;
    display: flex;
    justify-content: center;
    gap: 20px; /* Ensures even spacing */
}

#clockdiv > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time {
    font-size: 40px;
    font-weight: bold;
    display: block;
    width: 80px; /* Ensures uniform spacing */
    text-align: center;
}

.smalltext {
    font-size: 16px;
    text-transform: uppercase;
}


/* General Styling */
#form-conferenciaresumo {
    font-family: 'Arial', sans-serif;
    background: #f9f9f9;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 600px; /* Narrower width for modern look */
    margin: 0 auto;
    border: none;  /* Removed solid border around the form */
}

/* Form Group Styling */
.control-group {
    margin-bottom: 18px;  /* Slightly reduced space between fields */
}

/* Labels */
.form-label {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

/* Required Field Indicator */
.star {
    color: #e53935;
}

/* Input Fields */
input.form-control, select.form-select {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;  /* Slightly smaller radius for modern style */
    background: #fff;
    font-size: 14px;
    color: #333;
    transition: border 0.3s ease;
    box-sizing: border-box;
}

input.form-control:focus, select.form-select:focus {
    border-color: #42a5f5;
    outline: none;
}

/* Placeholder Styling */
input::placeholder, select::placeholder {
    color: #aaa;
}

/* Select Fields */
select.form-select {
    padding: 10px 14px;
    height: auto;
}

/* Buttons */
button.validate, a.btn-danger {
    width: auto;
    padding: 12px 20px;
    background-color: #42a5f5;
    color: white;
    font-weight: 600;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

button.validate:hover, a.btn-danger:hover {
    background-color: #1e88e5;
}

button.validate:focus, a.btn-danger:focus {
    outline: none;
}

/* Cancel Button */
a.btn-danger {
    background-color: #f44336;
    margin-left: 10px;
}

a.btn-danger:hover {
    background-color: #e53935;
}

/* Adjust Country and Category Fields */
#jform_pa__sdeorigem, #jform_categoriainscricao {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

/* Small Screens (Responsiveness) */
@media (max-width: 768px) {
    #form-participante {
        padding: 20px;
        max-width: 100%;
    }

    .control-group {
        margin-bottom: 15px;
    }

    .form-label {
        font-size: 13px;
    }

    input.form-control, select.form-select {
        font-size: 13px;
    }

    button.validate, a.btn-danger {
        padding: 10px 18px;
        font-size: 13px;
    }

    #jform_pa__sdeorigem, #jform_categoriainscricao {
        max-width: 100%;
    }
}

/* Form Title */
h3.submission-title {
    background-color: #358234; /* Deep green background */
    color: #FFFFFF; /* Bright white text for contrast */
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 12px 0;
    border-radius: 6px;
}

/* Module Title */
.moduletitle h3 {
    background: linear-gradient(to right, #0078c1, #0095e0); /* Subtle blue gradient */
    padding: 32px 0;
    font-family: "Inter", sans-serif;
    font-size: 28px; /* Slightly smaller font size */
    font-weight: 700;
    color: #FFFFFF; /* White text for contrast */
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    margin: 0;
    margin-bottom: 0px;
}

/* Hide the title for participant edit */
.participante-edit h1 {
    display: none;
}

#jform_comentarioderevisor-lbl,
#jform_comentarioderevisor{
  display: none;
}









.event-dates {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 20px 0;
}

.event-dates th, .event-dates td {
  padding: 12px;
  text-align: left;
  border: 1px solid #ddd;
}

.event-dates th {
  background-color: #974462; /* Base color */
  color: #fff;
}

.event-dates .row-odd {
  background-color: #f8f1f4; /* Light pink for odd rows */
}

.event-dates .row-even {
  background-color: #974462; /* Use the main color for even rows */
  color: #fff;
}

.event-dates tr:hover {
  background-color: #f1c5d0; /* Slight highlight when hovering over rows */
}






.button-container {
  display: flex;
  justify-content: center;  /* Center the buttons horizontally */
  align-items: center;  /* Center the buttons vertically */
  gap: 20px;  /* Space between the buttons */
  width: 100%;  /* Full width of the container */
  margin-top: 20px;
  margin-bottom: 20px;  
}

.description {
  display: inline-flex;  /* Make the description an inline-flex container */
  align-items: center;  /* Vertically align the text and button */
}

.button {
  padding: 10px 20px;
  background-color: #974462;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  transition: background-color 0.3s;
  display: inline-flex;
  align-items: center;
}

.button:hover {
  background-color: #823b52;  /* Darker shade of the base color on hover */
}

.submit-abstract {
  background-color: #4CAF50;  /* Green for the Submit Abstract button */
}

.submit-abstract:hover {
  background-color: #45a049;  /* Slightly darker green on hover */
}

.button i {
  margin-right: 8px;
}



/*********TITULOS PARA ARTIGOS***************/

ul.mod-articles-items {
  padding-left: 0;
}

.mod-articles-items li {
  list-style: none;
  padding-top: 50px;
}

.mod-articles-title {
    text-align: center;
    color: #0078c1;
    margin-bottom: 50px;
}  

.mod-articles-item-content .mod-articles-title h4{
    text-align: center;
    color: #0078c1;
}  


/* Thematic axes container */
.eixotematicos {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Space between items */
    padding: 20px;
    border-radius: 10px;
}

/* Individual thematic axis */
.eixotematicos p {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    color: #ffffff; /* White text for contrast */
    padding: 14px;
    border-radius: 6px;
    background: linear-gradient(135deg, #0078c1, #005b96); /* Blue gradients */
    transition: transform 0.2s ease-in-out;
}

/* Hover effect */
.eixotematicos p:hover {
    transform: translateY(-2px);
}

/* Thematic axis number */
.eixotematicos p::before {
    content: attr(data-number);
    font-size: 22px;
    font-weight: bold;
    color: #ffcc00; /* Yellow contrast */
    margin-right: 8px;
}


/**************+ CONVIDADOS ****************/
.convidados .mod-articles-item-content {
  display: flex;
  flex-direction: column-reverse;
}

.convidados .mod-articles-item{
    width: 100%; /* Let the card fit within the parent width */
    max-width: 300px; /* Limit the maximum width */
    height: auto; /* Let height adjust based on the content */
    border-radius: 15px; /* Rounded corners */
    background: transparent; /* Transparent background */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Deep shadow for a modern look */
    overflow: hidden; /* Ensures content doesn't overflow the rounded corners */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto; /* Center align */  
}

.convidados .mod-articles-item-content {
  align-items: center;
}

/* Styling for the speaker image - Circle background */
.convidados .article-intro-image {
    width: 120px; /* Reasonable size for the circular image */
    height: 120px; /* Ensure it's a square */
    border-radius: 50%; /* Make it a circle */
    overflow: hidden; /* Ensures image fits within the circle */
    background: transparent; /* No background color */
    border: 4px solid #f8cb2e; /* Gold border around the circle */
    margin-top: 15px;
}

.convidados .mod-articles-title{
    font-size: 18px;
    font-weight: bold;
    color: #0055b3; /* Name in blue */
    margin-bottom: 5px;
    text-transform: uppercase;  
}

.convidados .custom-field {
    font-size: 14px;
    color: #974462; /* Other data in #974462 */  
    text-align:center;
    padding: 10px 15px;  
}


.keynotespeaker-img {
    width: 120px; /* Reasonable size for the circular image */
    height: 120px; /* Ensure it's a square */
    border-radius: 50%; /* Make it a circle */
    overflow: hidden; /* Ensures image fits within the circle */
    background: transparent; /* No background color */
    border: 4px solid #f8cb2e; /* Gold border around the circle */
    margin-top: 15px;
}

/* Adjust the image to fill the circular container */
.keynotespeaker-img img {
    width: 100%; /* Fill the width */
    height: 100%; /* Fill the height */
    object-fit: cover; /* Ensure the image covers the circle */
    object-position: top center; /* Center the image within the circle */
}

/* Styling for the speaker's info (name and role) */
.keynotespeaker-info {
    width: 100%; /* Full width */
    padding: 10px 15px;
    text-align: center;
    background: transparent; /* Transparent background */
}

/* Speaker name */
.keynotespeaker-name {
    font-size: 18px;
    font-weight: bold;
    color: #0055b3; /* Name in blue */
    margin-bottom: 5px;
    text-transform: uppercase;
}

/* Speaker role styling */
.keynotespeaker-role {
    font-size: 14px;
    font-style: italic;
    color: #974462; /* Other data in #974462 */
}

/* Location info styling */
.keynotespeaker-location {
    font-size: 14px;
    color: #974462; /* Other data in #974462 */
}

/********+DATAS IMPORTATNES************/
/* Styling for the .datasimportantes container */
.datasimportantes {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

/* Header styling */
.datasimportantes h2 {
    text-align: center;
    color: #0055b3;
    margin-bottom: 20px;
}

/* List styling for the events */
.datasimportantes ul {
    list-style: none;
}

/* Styling for each event */
.datasimportantes li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1.1em;
    color: #555;
}

/* Font Awesome icon styling */
.datasimportantes li i {
    margin-right: 10px;
    color: #f8cb2e; /* Yellow color for icons */
}

/* Make the icons a bit larger */
.datasimportantes li i.fas {
    font-size: 1.3em;
}

/* Styling for the event names and dates */
.datasimportantes li span {
    font-size: 1em;
    color: #974462; /* Purple color for the event text */
}



/**************+ PROGRAMA AVBREVIADO ****************/
.programa_sppb {
    width: 100%;
    border-collapse: collapse;
}

.programa_sppb td {
    padding: 8px;
    border-bottom: 1px dotted #000; /* Dotted horizontal lines */
}

.programa_sppb tr:last-child td {
    border-bottom: none; /* Remove border from the last row */
}


/***************************************************/
/**** Pesquisar ********************/
/* Background and centering for the search module */
.pesquisar_docentes {
  background-color: #f3f4f6; /* light grey */
  padding: 1.5rem;
  border-radius: 0.75rem;
  max-width: 700px; /* limits width on large screens */
  margin: 2rem auto; /* centers the module horizontally with vertical spacing */
  box-shadow: 0 2px 8px rgba(0,0,0,0.05); /* subtle shadow */
}

/* Module title spacing */
.pesquisar_docentes .sp-module-title {
  margin-bottom: 1rem;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
}

/* Input field styling */
.pesquisar_docentes input[type="text"].form-control {
  width: 100%; /* full width inside module */
  max-width: 100%; /* prevent overflow */
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d1d5db;
  box-sizing: border-box;
  /* display: block; */  
  margin: 0 auto 1rem auto; /* centers horizontally and adds spacing below */
  font-size: 1rem;
}

/* Optional: submit button (if you have one) styling */
.pesquisar_docentes input[type="submit"] {
  /* display: block; */
  margin: 0 auto;
  padding: 0.6rem 1.2rem;
  border-radius: 0.5rem;
  background-color: #2563eb;
  color: #fff;
  border: none;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.pesquisar_docentes input[type="submit"]:hover {
  background-color: #1d4ed8;
}

.view-contact .sp-module-content-top {
  display: none;
}