@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fieldset .fieldset-legend {
    color: #000000;
    background-color: #FFFFFF;
}

img.img-fluid.d-inline-block.align-top {
    max-height: 100px;
}

form .form-actions {
    color: white;
}

.site-footer {
    background: var(--bs-primary) !important;
}

.lightgray-box {
    background-color: #f0f0f0;
    border: 2px solid #d3d3d3;
    padding: 10px;             
    margin: 10px;              
}

#block-oc-barrio-main-menu .dropdown-menu {
    --bs-dropdown-bg: rgb(0, 84, 128);
}

#block-oc-barrio-main-menu .dropdown-menu {
    --bs-dropdown-link-active-bg: rgb(0, 84, 128);
}

.dropdown-item:hover {
    background-color: unset;
    color: unset;
    animation: none;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    background: var(--bs-primary);
    color: white;
}

.dropdown-item.active {
    text-decoration: none;
    /* background-color: #4d87a6; */
}

.nav-link:hover {
    background-color: unset;    /* Remove background change */
    color: #000000;
}

.btn-primary:hover {
    color: #FFFFFF;               /* Remove text color change */
}

.btn-primary {
    color: white;
}

.fas {
    font-weight: 900;
    color: white;
}

button.button--small.paragraphs-dropdown-action.button.js-form-submit.form-submit.btn.btn-primary {
    color: black !important;
}

.sidebar_second {
    margin-top: 18px; /* Adjust the value as needed */
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
}

.sidebar .block {
    border-color: rgba(0, 0, 0, 0.175);
    border-radius: 5px;
    border-width: 1px;
}

/* Add spacing between elements inside the form */
form.views-exposed-form > div > * {
    margin: 10px 10px 15px 0;
}

form.views-exposed-form > div > *:nth-child(1),
form.views-exposed-form > div > *:first-child {
    margin-left: 0; 
}

form.views-exposed-form > div {
    display: flex;
    flex-wrap: wrap; /* Elements should wrap to new lines */
}

/* Set responsive behavior for form elements */
form.views-exposed-form > div > * {
    flex: 1 1 auto; /* Adjust items to have responsive width */
}

/* Add border to the form */
form.views-exposed-form {
    border: 1px solid rgba(0, 0, 0, 0.175); 
    padding: 15px; 
    border-radius: 5px;
}

.view-csm-all-help-volume-titles {
    margin: 0.5em;
}

/* Hide the ajax progress */
.ajax-progress.ajax-progress-fullscreen {
    display: none !important;
}


/* Remove create account link, border */
#block-csm-oc-barrio-userlogin  .create-account-link{
	display: none;
}
#block-csm-oc-barrio-userlogin  .request-password-link{
	display: none;
}
#block-csm-oc-barrio-userlogin  .item-list{
	display: none;
}
#block-csm-oc-barrio-userlogin  .list-group-item{
	border: none;
}

div.form-managed-file > div.file-upload-js-error {
	color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
	padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}


div[class*="form-item--error-message"],
div[class*="form-item--error-message"] > div > ul > li[class*="list-group-item"] {
  display: block !important;
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid transparent;
}

div[class*="form-item--error-message"] {
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  margin-top: 1rem;
}

#block-csm-oc-barrio-views-block-csm-information-hub-2b-block-1 {
  display: none;
}