@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Ensure headings also use Roboto if they have specific browser defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif !important; /* Rule: Type: Roboto, Sans-serif */
}

/* --- TYPOGRAPHY FOR HEADINGS --- */
h1, h2, h3, h4, h5 {
  line-height: 1.5 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
h1 { font-size: 28px; margin-bottom: 40px !important; }
h2 { font-size: 22px; margin-bottom: 20px !important; }
h3 { font-size: 18px; margin-bottom: 15px !important; }
h4 { font-size: 16px; margin-bottom: 15px !important; }
h5 { font-size: 15px; margin-bottom: 15px !important; }
/* --- END OF HEADINGS --- */


/* --- TYPOGRAPHICAL UTILITY CLASSES & ELEMENT STYLES --- */

a {
  color: #000000;
}

.pkp_structure_main h2 {
  color: #42D3B8;
}

/*------------ LIST OF EDITORIAL TEAM ------------*/
.pkp_structure_main ul li {
  margin-bottom: 10px; /* Space between list items */
  font-size: 16px; /* Font size for list items */
  color: #333; /* Darker text for main items */
  line-height: 1.5; /* Improve readability */
}

/* Style for the strong tags within list items (like DECA, DQ, etc.) */
.pkp_structure_main ul li strong {
  font-weight: bold; /* Ensure it's bold */
  color: #333; /* Make the bold parts dark too */
}
/*------------ END OF LIST OF EDITORIAL TEAM ------------*/

.cmp_notification {
  border: none;
}

.cmp_notification a {
  color: #000000;
}

/* Body 1 Text Style */
.body-1-text {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 0;
}

/* Overline Text Style */
.overline-text {
  font-family: 'Roboto', sans-serif !important;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: 0;
}

/* Default styling for form elements */
input, textarea, select {
  font-family: 'Roboto', sans-serif !important; /* Ensures Roboto for most form elements */
}

/* Button Text Style - Applied to <button> element */
button {
  font-family: 'Roboto', sans-serif !important; /* Explicitly ensure Roboto */
  font-size: 15px;
  line-height: 1.5; /* Note: line-height on buttons can sometimes behave unexpectedly depending on padding and box-sizing. Adjust if necessary. */
  font-weight: 300;
  letter-spacing: 0;
}
/* --- END OF TYPOGRAPHY --- */


/* -------------- BREADCRUMBS -------------- */
.cmp_breadcrumbs a {
  color: #808080;
}

.cmp_breadcrumbs .current {
  color: #191919;
}
/* -------------- END OF BREADCRUMBS -------------- */


.pkp_block .title {
  color: #42D3B8; /* Specified green color */
}

.block_browse .has_submenu {
  color: #000000;
}


.obj_monograph_summary a:focus { /* When focusing in the book's title in the homepage */
  color:#42D3B8;
} 




/* --------- LIST OF EDITORIAL TEAM --------- */

/* Style for the unordered lists */
.list_editorialteam {
  padding-top: 10px !important;
  border-top: #C9CACB 1px solid !important;
}



/* -------------- NAV BAR -------------- */
/* -------------- Navigation bar styles (animated line under menus) -------------- */
@media (min-width: 992px) {
  .pkp_navigation_primary > li > a {
    position: relative; /* Needed for the ::after pseudo-element */
    margin: .357rem .5em 0;
    padding: .357rem .5em calc(.714rem - 2px);
    border-bottom: none;
    color: #ffffff;
    text-decoration: none;
    background: transparent; /* Combine focus styles here */
  }

  .pkp_navigation_primary > li > a:focus {
    color: #ffffff;
    outline: 0;
    background-color: transparent;
  }
}

.pkp_navigation_primary > li > a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px; /* Position from the bottom of the <a> tag */
  left: 0.5em; /* Match the left padding of the <a> tag */
  width: 0; /* Starts with no width */
  height: 3px;
  background-color: rgb(255, 255, 255);
  transition: width 0.4s ease;
}
.pkp_navigation_primary > li:hover > a::after {
  width: 30px; /* Animate to this width on hover */
}

.pkp_nav_list [aria-haspopup]::after {
  display: none; /* Hide the default (or broken) dropdown arrow */
}
/* -------------- End of Navigation bar styles (animated line under menus) -------------- */


/* -------------- Dropdown Nav List -------------- */
.pkp_block .title {
  color: #42D3B8; /* Specified green color */
}

.block_browse .has_submenu {
  color: #000000;
}

@media (min-width: 992px) {
  .pkp_nav_list ul {
    border-radius: 0%; /* Remove border radius for the dropdown */
  }
}

@media (min-width: 992px) {
  .pkp_site_nav_menu ul ul {
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.pkp_nav_list ul a {
  color: rgb(111, 111, 111); /* Change text color for the dropdown items */
  font-size: 13px;
}

@media (min-width: 992px) {
  .pkp_navigation_primary > li:last-child a {
    margin-right: 0; /* Remove margin for the item hovered in the dropdown*/
  }
}

@media (min-width: 992px) {
  .pkp_navigation_primary .dropdown-menu a:hover {
    border-color: transparent; /* Remove border color for the item hovered in the dropdown */
    background: rgb(239, 239, 239); /* Change background color for the item hovered in the dropdown */
    color: rgb(26, 26, 26) !important; /* Change text color for the item hovered in the dropdown */
    outline: 0; /* Remove outline for the item hovered in the dropdown */
    
  }
}

/* ----------FOR SMALLER SCREENS ---------- */
@media (max-width: 992px){
.pkp_navigation_primary > li > a::after {
  content: "";
  display: block;
  position: none;
  bottom: none;
  left: none;
  width: none;
  height: none;
  background-color: transparent;
  transition: none;
}
.pkp_nav_list ul a:hover{
  background: none;
  background-color: transparent;
}
}
/* ---------- END OF FOR SMALLER SCREENS ---------- */

/* -------------- End of Dropdown Nav List -------------- */






/*------------- Search Symbol -------------*/
@media (min-width: 992px){
.pkp_navigation_search_wrapper a {
    outline: none;
    border-bottom: none;
    border-color: none;
    text-decoration: none;
}
}

@media (min-width: 992px) {
  .pkp_navigation_search_wrapper a:hover {
    color: rgb(128, 128, 128);
    outline: none;
    border-bottom: none;
    border-color: none;
    text-decoration: none;
    background-color: transparent;
  }
}
  .pkp_navigation_search_wrapper a:focus {
    background-color: transparent;
  }
/*------------- End of Search Symbol -------------*/

/* -------------- Search Button -------------- */
.cmp_button{
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 300;
  padding: 10px 20px;
  line-height: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  text-shadow: none;
}


/* HOVER STATE */
.cmp_button:hover,
.cmp_button:focus {
  background-color: #42D3B8;
  color: rgb(255, 255, 255);
  border: 1px solid #42D3B8;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

.cmp_button:hover::after,
.cmp_button:focus::after {
  color: #42D3B8;
}
/* -------------- End of Search Button -------------- */




/* -------------- Dropdown User Profile/Notifications -------------- */
.pkp_nav_list ul a:hover {
  border-color: transparent;                 /* Remove border color for the item hovered in the dropdown */
  background: rgb(239, 239, 239);         /* Change background color for the item hovered in the dropdown */
  color: rgb(26, 26, 26) !important;      /* Change text color for the item hovered in the dropdown */
  outline: 0;                              /* Remove outline for the item hovered in the dropdown */
}
.pkp_navigation_user .task_count{
  background: #42D3B8;
  color: #000000;
}

@media (min-width: 992px) {
  .pkp_navigation_user > li:last-child > a{
  background: none;
  background-color: transparent;     /*Removes the background color when focues with cursor */
  color: #ffffff;
}
}

@media (min-width: 992px) {
  .pkp_navigation_user > li:last-child > a:hover{
  background: none;
  background-color: transparent;    
  color: rgb(128, 128, 128);
}
}
/* -------------- End of Dropdown User Profile/Notifications -------------- */

/* -------------- END OF NAV BAR -------------- */



/* -------------- Input Boxes -------------- */
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"], .cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select, .cmp_form textarea{
  border-radius: 0%;
  border-color: #000000;
  border-top: none;
  border-left: none;
  border-right: none;
}

.cmp_form input[type="text"]:focus, .cmp_form input[type="email"]:focus, .cmp_form input[type="password"]:focus, .cmp_form input[type="url"]:focus, .cmp_form input[type="tel"]:focus, .cmp_form select:focus, .cmp_form textarea:focus{
  outline: none;
  border-bottom: 2px solid #42D3B8;
}
/* -------------- END of Input Boxes -------------- */

/* -------------- Error Message Box -------------- */
.cmp_form .pkp_form_error {
  margin-bottom: .714rem;
  border-radius: 0;
  padding: 0.5em;
  font-weight: inherit;
  font-size: inherit;
  background: #D33535;
  color: #fff;
}
/* -------------- END OF Error Message Box -------------- */



/* -------------- Loggin & Register Button -------------- */
.cmp_form .buttons button {
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 300;
  padding: 10px 20px;
  line-height: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  text-shadow: none;
}


/* HOVER STATE */
.cmp_form .buttons button:hover,
.cmp_form .buttons button:focus {
  background-color: #42D3B8;
  color: rgb(255, 255, 255);
  border: 1px solid #42D3B8;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

.cmp_form .buttons button:hover::after,
.cmp_form .buttons button:focus::after {
  color: #42D3B8;
}
/* -------------- END of Loggin & Register Button -------------- */


/* -------------- PDF/E-BOOK BUTTON -------------- */

.obj_monograph_full .files .pub_format_remote a{
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 300;
  padding: 10px 20px;
  line-height: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  text-shadow: none;
}


/* HOVER STATE */
.obj_monograph_full .files .pub_format_remote a:hover,
.obj_monograph_full .files .pub_format_remote a:focus {
  background-color: #42D3B8;
  color: rgb(255, 255, 255);
  border: 1px solid #42D3B8;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}
/* -------------- END OF PDF/E-BOOK BUTTON -------------- */



/* -------------- PDF/E-BOOK BUTTON MANUALLY ADDED -------------- */
.obj_monograph_full .files .pub_format_single a{
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 300;
  padding: 10px 20px;
  line-height: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  text-shadow: none;
}

/* HOVER STATE */
.obj_monograph_full .files .pub_format_single a:hover,
.obj_monograph_full .files .pub_format_single a:focus {
  background-color: #42D3B8;
  color: rgb(255, 255, 255);
  border: 1px solid #42D3B8;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}
/* -------------- END OF PDF/E-BOOK BUTTON MANUALLY ADDED -------------- */





/* -------------- Submission Button in HomePage -------------- */
.block_make_submission a {
  color: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  font-size: 0.875rem;
  font-weight: 300;
  padding: 10px 20px;
  line-height: 1;
  background-color: transparent;
  position: relative;
  border-radius: 0px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: none;
  text-shadow: none;
}

/* Bloco à volta do "+" nos botões */
.block_make_submission a::before {
  content: "";
  transform: rotate(45deg);
  background-color: rgb(255, 255, 255);
  height: 36px;
  width: 36px;
  position: absolute;
  top: -20px;
  right: -19px;
  z-index: 1; /* Ensure ::before is behind ::after if they overlap */
}

.block_make_submission a::after {
  content: "+";
  font-size: 22px;
  font-weight: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent; /* This will remain transparent */
  color: #000000;
  height: 36px;
  width: 36px;
  position: absolute;
  top: -20px;
  right: -19px;
  z-index: 2; /* Ensure ::after is on top */

}

/* HOVER STATE */
.block_make_submission a:hover,
.block_make_submission a:focus {
  background-color: #42D3B8; /* Background verde */
  color: rgb(255, 255, 255); /* Texto branco */
  border: 1px solid #42D3B8; /* Borda verde */
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
}

/* CORREÇÃO: Adjust ::after on hover - para mudar a cor do símbolo "+" */
.block_make_submission a:hover::after,
.block_make_submission a:focus::after {
  color: #42D3B8; /* Muda a cor do "+" para verde no hover */
}
/* -------------- END of Submission Button in HomePage -------------- */



/* -------------- Citations dropdown -------------- */
.citation_display .citation_formats{
  border: 1px solid rgb(0, 0, 0) !important; /* Apesar de não ser boa prática, tive de colocar porque ele não estava a dar overwrite à outra stylesheet da própria OMP */
  border-radius: 0% !important;
}

.citation_display .citation_formats_styles a {
  border: none !important;
  color: rgb(111, 111, 111); /* Change text color for the dropdown items */
}

.citation_display .citation_formats_styles a:hover{
  background: rgb(239, 239, 239); /* Change background color for the item hovered in the dropdown */
  color: rgb(26, 26, 26); /* Change text color for the item hovered in the dropdown */
}
/* -------------- END of Citations dropdown -------------- */



/* -------------- Sidebar block styles -------------- */
.block_browse .has_submenu ul {
font-family: 'Roboto', sans-serif !important;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}

.block_browse .current a {
  padding-left: 0px;         /* Remove padding from left from link when clicked */
  border-left: none;          /* Remove grey border from link when clicked */
  color: #42D3B8;          /* When clicked it stays with color blue */
  cursor: pointer;
}

.pkp_block a {
  color: #000000;         /* Default link color */
  text-decoration: none;    /* Remove underline from links */
}

a:hover {
  color: #42D3B8;             /* Change link color on hover/focus */
  text-decoration: underline;   /* Underline links on hover/focus */
}