@charset "UTF-8";
/*
Theme Name: Bootstrap 4 Sass
Description: Bootstrap 4 with Sass
*/
/* IMPORTS */
/* VARIABLES */
/* COLORS
--------------------------------------------------*/
.paragraph a:not(.btn):not(.nav-link) {
  color: #295BA1;
}
.paragraph a:not(.btn):not(.nav-link):hover {
  color: #295BA1;
}

/* UTILS
--------------------------------------------------*/
.paragraph ul:not(.nav):not(.pagination):not(.contextual-links):not(.select2-selection__rendered) li::before {
  background-color: #295BA1;
}

/* BOUTONS
-------------------------------------------------*/
button,
[type=button],
[type=reset],
[type=submit] {
  border: 1px solid #295BA1;
  background-color: #295BA1;
}
button:hover, button:focus, button:active,
[type=button]:hover,
[type=button]:focus,
[type=button]:active,
[type=reset]:hover,
[type=reset]:focus,
[type=reset]:active,
[type=submit]:hover,
[type=submit]:focus,
[type=submit]:active {
  border-color: #295BA1;
  background: #295BA1;
  color: #FFFFFF;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #295BA1;
  border-color: #295BA1;
}

.btn.btn-primary, .btn.btn-primary:not(:disabled),
input[type=submit].btn-primary,
input[type=submit].btn-primary:not(:disabled) {
  border-color: #295BA1;
  background: #295BA1;
  color: #FFFFFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:not(:disabled):hover, .btn.btn-primary:not(:disabled):focus, .btn.btn-primary:not(:disabled):active,
input[type=submit].btn-primary:hover,
input[type=submit].btn-primary:focus,
input[type=submit].btn-primary:active,
input[type=submit].btn-primary:not(:disabled):hover,
input[type=submit].btn-primary:not(:disabled):focus,
input[type=submit].btn-primary:not(:disabled):active {
  border-color: #295BA1;
  color: #295BA1;
}
.btn.btn-primary.btn-inverted, .btn.btn-primary:not(:disabled).btn-inverted,
input[type=submit].btn-primary.btn-inverted,
input[type=submit].btn-primary:not(:disabled).btn-inverted {
  border-color: #295BA1;
  color: #295BA1;
}
.btn.btn-primary.btn-inverted:hover, .btn.btn-primary.btn-inverted:focus, .btn.btn-primary.btn-inverted:active, .btn.btn-primary:not(:disabled).btn-inverted:hover, .btn.btn-primary:not(:disabled).btn-inverted:focus, .btn.btn-primary:not(:disabled).btn-inverted:active,
input[type=submit].btn-primary.btn-inverted:hover,
input[type=submit].btn-primary.btn-inverted:focus,
input[type=submit].btn-primary.btn-inverted:active,
input[type=submit].btn-primary:not(:disabled).btn-inverted:hover,
input[type=submit].btn-primary:not(:disabled).btn-inverted:focus,
input[type=submit].btn-primary:not(:disabled).btn-inverted:active {
  border-color: #295BA1;
  background: #295BA1;
  color: #FFFFFF;
}

/* FORM
-------------------------------------------------*/
form .form-check-input:checked[type=checkbox] {
  background-color: #295BA1;
  border: 1px solid #295BA1;
}
form .form-control {
  min-width: auto;
  width: auto;
}

/* HEADER
--------------------------------------------------*/
header.header #navbar-main .block-search-block form .form-submit {
  border: 1px solid #295BA1;
  background-color: #295BA1;
}
header.header #navbar-main .menu--main .nav-link:after {
  background-color: #295BA1;
}
header.header #navbar-main .menu--main .nav-link.btn.btn-primary:hover, header.header #navbar-main .menu--main .nav-link.btn.btn-primary:focus, header.header #navbar-main .menu--main .nav-link.btn.btn-primary.active {
  color: #295BA1;
}
@media screen and (max-width: 992px) {
  header.header #navbar-main .menu--main .nav-link {
    color: #295BA1;
  }
  header.header #navbar-main .menu--main .nav-link:hover {
    color: #295BA1;
  }
}
header.header #navbar-main .navbar-toggler .navbar-toggler-icon:after {
  color: #295BA1;
}
header.header .search-trigger {
  color: #295BA1;
}
header.header .search-trigger:hover {
  color: #295BA1;
}

/* PAGE TITLE
--------------------------------------------------*/
article.node--type-page, article.node--type-news, article.node--type-publication {
  overflow: hidden;
  background-image: url("../images/img-bg-era4health.png");
  background-position: top 0 right;
  background-size: auto;
  background-repeat: no-repeat;
}
article.node--type-page header h1, article.node--type-news header h1, article.node--type-publication header h1 {
  color: #295BA1;
}
article.node--type-toolbox.node--view-mode-full header h1 {
  color: #295BA1;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .field--name-field-category .field__item ul li:first-of-type {
  background-color: #02B3E4;
  border: 1px solid #02B3E4;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .field--name-field-category .field__item ul li:last-of-type {
  background-color: #CAE7F5;
  border: 1px solid #CAE7F5;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .field--name-field-trial-design .field--name-field-icone {
  border: 1px solid #CAE7F5;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .field-cancer .field-icon {
  border: 1px solid #295BA1;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .field-cancer .field-icon svg path {
  fill: #295BA1;
}
article.node--type-toolbox.node--view-mode-full header .wrapper-bottom .wrapper-btns-toolbox .link-see-more:hover {
  color: #295BA1;
}
article.node--type-toolbox.node--view-mode-full header .btn.btn-primary:hover svg path {
  fill: #295BA1;
}
article.node--type-toolbox.node--view-mode-teaser .field--name-field-category .field__item ul li:first-of-type {
  background-color: #02B3E4;
  border: 1px solid #02B3E4;
}
article.node--type-toolbox.node--view-mode-teaser .field--name-field-category .field__item ul li:last-of-type {
  border: 1px solid #CAE7F5;
  background-color: #CAE7F5;
}
article.node--type-toolbox.node--view-mode-teaser .field--name-field-trial-design .field--name-field-icone {
  border: 1px solid #CAE7F5;
}
article.node--type-toolbox.node--view-mode-teaser .field-cancer .field-icon {
  border: 1px solid #295BA1;
}
article.node--type-toolbox.node--view-mode-teaser .field-cancer .field-icon svg path {
  fill: #295BA1;
}
article.node--type-toolbox.node--view-mode-teaser .wrapper-bottom .wrapper-btns-toolbox {
  margin-left: auto;
}
article.node--type-toolbox.node--view-mode-teaser .wrapper-bottom .wrapper-btns-toolbox .link-see-more:hover {
  color: #295BA1;
}
article.node--type-toolbox.node--view-mode-teaser .btn.btn-primary:hover svg path {
  fill: #295BA1;
}
article.node--type-uses-cases.node--view-mode-full header h1 {
  color: #295BA1;
}
article.node--type-uses-cases.node--view-mode-full header .wrapper-bottom .field--name-field-category .field__item ul li:first-of-type {
  background-color: #02B3E4;
  border: 1px solid #02B3E4;
}
article.node--type-uses-cases.node--view-mode-full header .wrapper-bottom .field--name-field-category .field__item ul li:last-of-type {
  border: 1px solid #CAE7F5;
  background-color: #CAE7F5;
}
article.node--type-uses-cases.node--view-mode-full header .wrapper-bottom .field--name-field-trial-design .field--name-field-icone {
  border: 1px solid #CAE7F5;
}
article.node--type-uses-cases.node--view-mode-full header .wrapper-bottom .field-cancer .field-icon {
  border: 1px solid #295BA1;
}
article.node--type-uses-cases.node--view-mode-full header .wrapper-bottom .field-cancer .field-icon svg path {
  fill: #295BA1;
}
article.node--type-uses-cases.node--view-mode-teaser .field--name-field-category .field__item ul li:first-of-type {
  background-color: #02B3E4;
  border: 1px solid #02B3E4;
}
article.node--type-uses-cases.node--view-mode-teaser .field--name-field-category .field__item ul li:last-of-type {
  background-color: #CAE7F5;
  border: 1px solid #CAE7F5;
  color: #1D1D1D;
}
article.node--type-uses-cases.node--view-mode-teaser .wrapper-bottom .wrapper-btns-toolbox .link-see-more:hover {
  color: #295BA1;
}
article.node--type-uses-cases.node--view-mode-teaser .btn.btn-primary:hover svg path {
  fill: #295BA1;
}

/* PARAGRAPHES
--------------------------------------------------*/
.paragraph.paragraph--type--tabs .container-tabs .nav-tabs .nav-item .nav-link {
  color: #1D1D1D;
  background-color: #CAE7F5;
}
.paragraph.paragraph--type--tabs .container-tabs .nav-tabs .nav-item .nav-link:hover,
.paragraph.paragraph--type--tabs .container-tabs .nav-tabs .nav-item .nav-tabs .nav-link:focus {
  background-color: #295BA1;
}
.paragraph.paragraph--type--tabs .accordion .accordion-item .accordion-header .accordion-button {
  background-color: #CAE7F5;
  color: #1D1D1D;
}
.paragraph.paragraph--type--tabs .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  background-color: #CAE7F5;
  color: #1D1D1D;
}

.paragraph--type--slider {
  overflow: hidden;
}
.paragraph--type--slider h2 {
  margin-bottom: 30px;
}
.paragraph--type--slider .slick-slider-paragraph .slick-dots li.slick-active button {
  color: #295BA1;
}
.paragraph--type--slider .slick-slider-paragraph .slick-dots li.slick-active:before {
  background-color: #295BA1;
}
.paragraph--type--slider .slick-slider-paragraph .slick-dots li:hover button {
  color: #295BA1;
}

/* VIEWS
--------------------------------------------------*/
.view.view-ressources .view-filters .form-radios.form--inline {
  border-bottom: 5px solid #295BA1;
}
.view.view-ressources .view-filters .form-radios.form--inline .custom-radio label {
  color: #295BA1;
}
.view.view-ressources .view-filters .form-radios.form--inline .custom-radio input:checked ~ label {
  border-color: #295BA1;
  background-color: #295BA1;
}
.view.view-ressources .view-filters .form-radios.form--inline .custom-radio input:checked ~ label:hover, .view.view-ressources .view-filters .form-radios.form--inline .custom-radio input:checked ~ label:focus {
  border-color: #295BA1;
  background-color: #295BA1;
}
.view.view-ressources .view-filters .form-radios.form--inline .custom-radio label:hover,
.view.view-ressources .view-filters .form-radios.form--inline .custom-radio .label:focus {
  color: #295BA1;
}
.view.view-ressources .view-content article.node--view-mode-teaser .read-more:hover {
  border-bottom: 1px solid #295BA1;
}
.view.workflow-view .workflow-header h1 {
  color: #295BA1;
}
.view.workflow-view .workflow-nav-parent:hover {
  color: #295BA1;
}
.view.workflow-view .workflow-nav-parent.is-active {
  color: #295BA1;
}
.view.workflow-view .workflow-nav-link:hover {
  color: #295BA1;
}
.view.workflow-view .workflow-nav-link.is-active {
  color: #295BA1;
  border-left-color: #295BA1;
}
.view.view-uses-cases-page.view-display-id-page_1 .uses-cases-header h1 {
  color: #295BA1;
}
.view.view-toolbox .view-header h1 {
  color: #295BA1;
}
.view.view-toolbox .view-header .wrapper-bg-green {
  background-color: #CAE7F5;
}
.view.view-toolbox .view-filters .form-item-field-category-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.view.view-toolbox .view-filters .form-item-field-year-value .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.view.view-toolbox .view-filters .form-item-field-type-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.view.view-toolbox .view-filters .form-item-field-trial-design-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  border-color: #295BA1;
}
.view.view-toolbox .view-filters .form-item-field-category-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
.view.view-toolbox .view-filters .form-item-field-year-value .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
.view.view-toolbox .view-filters .form-item-field-type-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
.view.view-toolbox .view-filters .form-item-field-trial-design-target-id .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  color: #295BA1;
}
.view.view-toolbox .checkbox input[type=checkbox]:checked {
  background-color: #295BA1;
  border-color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header h2 {
  color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header .slick-tools-nav .slick-tools-arrow {
  border: 1px solid #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header .slick-tools-nav .slick-tools-arrow svg path {
  fill: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header .slick-tools-nav .slick-tools-arrow:hover {
  background-color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header .slick-tools-nav .slick-tools-arrow:hover.slick-disabled {
  border-color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-header .slick-tools-nav .slick-tools-arrow:hover.slick-disabled svg path {
  fill: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .slick-dots li button {
  background-color: #CAE7F5;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .slick-dots li.slick-active button {
  background-color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item {
  border: 3px solid #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item h3 {
  background-color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item .list-unstyled {
  padding: 10px 0;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item .list-unstyled li .tool-category .category-trigger:hover {
  color: #295BA1;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item .list-unstyled li .tool-category .custom-tooltip {
  background-color: #CAE7F5;
}
.view.view-tools-categories.view-display-id-block_1 .view-content .wrapper-item .list-unstyled li .tool-category .custom-tooltip::before {
  background-image: url('data:image/svg+xml,<svg width="25" height="22" viewBox="0 0 25 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.65214 14.5L12.5 0.8544L22.3479 14.5H2.65214Z" fill="%23CAE7F5" stroke="%23F1F1EF"/><path d="M12.5 2L23.3253 17H1.67468L12.5 2Z" fill="%23CAE7F5"/></svg>');
}
.view .pagination li .page-link {
  color: #545454;
}
.view .pagination li.active .page-link {
  color: #295BA1;
}

.site-footer .region-footer-first #block-era4health-theme-europeanunionlogo .field--name-body {
  display: flex;
  align-items: center;
  gap: 20px;
}
.site-footer .region-footer-first #block-era4health-theme-europeanunionlogo .field--name-body .logo-funded-by-eu {
  width: 60px;
  height: auto;
}
.site-footer .region-footer-first #block-era4health-theme-footersecond {
  flex: 1;
  margin-left: 10px;
}
.site-footer .region-footer-first #block-era4health-theme-footersecond p {
  font-size: 10px;
  margin-bottom: 0;
}

/* A TRIER
--------------------------------------------------*/
.bg-inverse {
  background: #295BA1 !important;
}

.menu--main li a {
  color: #295BA1;
}

.menu--account li a {
  color: #295BA1;
}

.wrapper-btn-toolbox {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.wrapper-btn-toolbox .content-field-id {
  margin-top: 8px;
}

/* =========================================================
   MAIN NAVIGATION — STYLE ECRIN.ORG (menu--main)
   Dropdown opens on hover/focus-within (no click required).

   Bootstrap Barrio ships a default rule scoped to
   `header.header #navbar-main .menu--main .nav-item ...`
   which has higher specificity (due to the `#navbar-main` id).
   To reliably override it we scope our overrides to the same
   contexts and fall back to the unwrapped context so both
   HTML layouts keep working.

   We target BOTH `.dropdown` AND `.menu-item--expanded.dropdown`
   because Barrio's default selector is the combined one.
   ========================================================= */

/*# sourceMappingURL=style.css.map */