/* =========================
   CUSTOM CSS – FULL RESPONSIVE
   ========================= */

/* Footer */
#footer {
  background: black;
}

/* Widget headings */
.widget h3 {
  color: #2770a4;
  font-size: 1.3em;
  margin-top: -1px;
}

/* Main content background */
#results,
#facets {
  background: white;
}

/* Global font settings */
.pages,
.columns-container,
#body,
.auth {
  font-family: Calibri, Tahoma, Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1.5;
}

/* Header / navigation */
#header { height: 100px; }
.logo-container { padding-top: 15px; }
#sub-nav .main-nav { font-size: 1.2em; }
.user-menu { padding-top: 8px; }
#sub-nav a,
.user-menu a { padding: 5px; }
#sub-nav a:hover,
#sub-nav a:active {
  font-style: normal;
  background: #2770a4;
  color: white;
  text-decoration: none;
}

/* External login message */
.auth-externallogin-confirm .text-info:first-of-type::after {
  font-size: 1.5em;
  font-style: italic;
  display: block;
  content: "Your details will only be used to set up a user profile, your information will not be shared with any third parties.";
}

/* Shared banner backgrounds */
.journals_rcp2.widget.carousel.chromeless,
.rcp_books.widget.carousel.chromeless,
#widget-content-18287,
#widget-content-18288,
#widget-content-77928,
#widget-content-77929 {
  background: url(https://demo.ovid.com/custom/ovidds/rcp2/news_banner.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 15px; /* rounded corners for banners */
}

/* Carousel text & images */
.owl-carousel.bookshelf .item { color: white; }
.custom-component-image { opacity: 0.9 !important; }

/* =========================
   MOVE INNER ELEMENTS UP INSIDE WIDGETS
   ========================= */

#widget-content-75545 .widget-body > *,
#widget-content-75546 .widget-body > *,
#widget-content-75547 .widget-body > *,
#widget-content-75548 .widget-body > *,
#widget-content-75549 .widget-body > *,
#widget-content-75550 .widget-body > * {
  margin-top: 0 !important;      /* remove any top margin */
  margin-bottom: 0 !important;   /* remove bottom margin if needed */
  padding-top: 0 !important;     /* remove top padding */
  padding-bottom: 0 !important;  /* remove bottom padding */
  align-self: flex-start;         /* make sure each element aligns to top */
}

/* Make the whole custom component a vertical flex container */
.custom-component {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Push all children to the top */
}


/* Remove any default margins inside the description 
This prevents the custom component inside the widget (Texts and button inside the widgets) from being pushed donw
and generate an scroll bar.
If this is missing the whole section will be pushed down */

.custom-component-description {
  margin-top: 0 !important;
  padding-top: 0 !important;
  align-self: flex-start; /* Make sure it stays at the top */
}



/* =========================
   END CUSTOM CSS
   ========================= */