/*!
 * Custom CSS for ERA Theme
 */
body {
  margin: 0;
  min-width: 320px;
}
img {
  max-width: 100%;
  height: auto;
}
.wtmap img {
  max-width: none;
}

@media (max-width: 767px) {
  .media-youtube-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
  .media-youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.document-image {
  position: relative;
  padding-left: 35px !important;
}
.document-image::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  font-style: normal;
  content: "\f1c5";
  position: absolute;
  left: 10px;
  top: 3px;
}
p.document-image::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  content: "\f1c5";
  position: absolute;
  left: 10px;
  top: -5px;
}
a.document-image::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  content: "\f1c5";
  position: absolute;
  left: 10px;
  top: -5px;
}
.document-video {
  position: relative;
  padding-left: 35px !important;
}
.document-video::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  font-style: normal;
  content: "\f1c8";
  position: absolute;
  left: 10px;
  top: 3px;
}
p.document-video::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  content: "\f1c8";
  position: absolute;
  left: 10px;
  top: -5px;
}
a.document-video::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  content: "\f1c8";
  position: absolute;
  left: 10px;
  top: -5px;
}

.search-bar-flex {
  display: inline-flex;
  background: #ffffff;
}

.document-pdf .file-icon {
  display: none !important;
}

.declaration-interests {
  margin-top: 1em;
}

p.label-pdf {
  margin-bottom: 0 !important;
}

.view-footer.related-documents {
  margin-top: 2em;
}

ul.era-events-news li.events {
  background: url(../assets/images/icon-era-event.png) transparent no-repeat center top;
}

.list-group-item .file-icon {
  display: none !important;
}

.related_documents,
.related_links,
.related_images,
.paragraph_related_documents,
.paragraph_related_documents {
  margin: 1em 0;
}

.card-body.paragraph-body {
  background-color: #f1f1f1;
}

.era-separator {
  margin-bottom: 1em;
}

.board_member_country_flag {
  width: 2rem;
  max-width: 2rem;
  border: 1px solid #eee;
}

.document-pdf .file-icon {
  display: none !important;
}

.declaration-interests {
  margin-top: 1em;
}

p.label-pdf {
  margin-bottom: 0 !important;
}

.view-footer.related-documents {
  margin-top: 2em;
}

.era-card-header {
  margin-bottom: 0 !important;
}

.card-header {
  cursor: pointer;
}
.card-header:hover a {
  text-decoration: underline;
  color: #0056b3;
}

.card-faq .form-check-label {
  display: none;
}

.ui-widget {
  font-family: inherit !important;
  font-size: inherit !important;
}

.fa-smile:before,
.fa-frown:before {
  margin-right: 0.3em;
}

.library-menu,
.docs-list {
  float: left;
}

.libary-menu-item {
  margin-bottom: 2em;
}

a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Regular";
  content: "\f0e0";
  margin-right: 5px;
}

.back-to-top-home {
  margin-top: 1em;
}

.era-decisions-list a {
  display: list-item;
  list-style-type: none;
  list-style-image: url(../assets/images/icon-document-pdf-large.png) transparent no-repeat center 10px;
  padding-left: 10px;
}

.px-3 li {
  list-style-type: disc;
}


.search-bar-mobile {
  display: none;
}

@media (max-width: 767px) {
  .search-bar-mobile {
    display: block;
  }
}

.search-bar-mobile form {
  display: inline-flex;
}

form.my-2.my-lg-0.border.border-dark {
  display: inline-flex;
  width: 70%;
}

.menu-card {
  height: 100%;
}

.menu-card-title {
  display: none;
}

@media (max-width: 767px) {
  .menu-card-title {
    display: block;
  }
}

.card-subcategory {
  margin-left: 2.5em;
}

.form-rate {
  /*margin-left: 0 !important;*/
  padding-left: 0 !important;
}

#block-views-cedfd9114c096bd06c7a20e2b03ee2e9 {
  float: left;
}

.card.border-0.procurement-call {
  margin-bottom: 1em;
}

.page-node .view-era-promote .media-default .file {
  width: 100%;
}

.card-body-publications {
  background-color: #f1f1f1;
}

.block-views-era-promote-block-promote {
  padding-top: 1rem;
  padding-bottom: 0;
}

.block-views-era-news-block-news {
  margin-bottom: 2.5em;
}

/*Custom form*/
.custom-file .form-managed-file .btn {
  display: none;
}

#block-views-9582b23a8a5f5a456593b13f3fbfbb14 {
  margin-bottom: 2em;
}

.paragraphs-items button {
  font-family: inherit;
  font-size: 0.7rem;
}

.pagination {
  margin-top: 2rem;
}

.block-system-main .search-form {
  margin-bottom: 2rem;
}

#search-form .form-item-retain-filters {
  margin-left: 5px;
}

.search-results-item {
  margin-bottom: 1rem;
}
.scroll_top {
  cursor: pointer;
}

/*Content type : Dir listing (from filebrowser)*/
html.js .node-type-dir-listing .content fieldset.collapsed {
  height: auto;
  padding: 4px;
}
html.js .node-type-dir-listing .content fieldset.collapsed legend {
  float: none;
  line-height: inherit;
  margin-bottom: 30px;
}
.node-type-dir-listing footer .user-picture {
  display: none;
}
.node-type-dir-listing footer .author {
  display: none;
}
.node-type-dir-listing footer .date {
  display: none;
}

/*Search results*/
.search-results-item .field-name-body.field-type-text-with-summary * {
  display: inline;
}
.share-btn:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  h2.home-heading {
    min-width: 100%;
  }
  .home-oss a {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
  }
}


.container-inline-date .form-item input.textfield_date {
  margin: 0;
  background-color: white;
  width: 1%;
  cursor: pointer;
}

#views-exposed-form-era-board-member-view-page .form-group,
#views-exposed-form-era-board-member-view-executive .form-group {
  margin-bottom: 0 !important;
  padding-left: 1rem;
}

.card-one-stop-homepage {
  display: block !important;
}

.node-type-dir-listing form img {
  max-width: none;
}

.search-results {
  margin-top: 1rem;
}
.search-results .card {
  margin-bottom: 1rem;
}
.search-results .card ul {
  list-style-type: none;
  padding-left: 0;
}
.search-results-item span.file {
  font-style: normal;
}

/* Documents missing in styles.css */

/* GENERIC */
.document-generic {
  position: relative;
  padding-left: 35px !important;
}
.document-generic::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  font-style: normal;
  content: "\f15b";
  position: absolute;
  left: 10px;
  top: 3px;
}

/* EXCEL */
ul.document-list li span.document-type-xls {
  vertical-align: top;
  padding: 100px 20px 20px;
  background: url(../images/icon-document-xls-large.png) transparent no-repeat center 10px;
  line-height: 1;
}
ul.library-document-list li span.document-type-xls {
  vertical-align: top;
  padding: 10px 20px 20px 100px;
  background: url(../images/icon-document-xls-large.png) transparent no-repeat 10px center;
  line-height: 1;
}

.dir-listing-body {
  margin-bottom: 5px;
}

.view-display-id-block_page_registers .col-md-9 {
  padding-right: 0px;
  padding-left: 0px;
}

/* FAQ filter */
.faq_filter_form {
  margin-bottom: 1.875rem;
  background: #dbeaf5;
  font-size: 18px;
}
.faq_filter_form input[type="text"] {
  background-color: #bfd0e4;
  color: #004494;
  border: 1px solid #1c5893;
  font-size: 1.125rem;
  padding: 0.9375rem 1.2375rem;
}
.faq_filter_form input[type="text"]:focus {
  box-shadow: none;
}
@media (max-width: 767px) {
  .faq_filter_form input[type="text"],
  .faq_filter_form .input-group-append {
    width: 100%;
  }
  .faq_filter_form .input-group-append,
  .faq_filter_form input[type="reset"] {
    margin: 0 !important;
  }
}
.faq_filter_form input[type="submit"],
.faq_filter_form input[type="reset"] {
  transition: box-shadow .25s ease;
  background-color: #004494;
  color: white;
}
.faq_filter_form input[type="submit"]:focus,
.faq_filter_form input[type="reset"]:focus {
  box-shadow: none;
}
.faq_filter_form input[type="submit"]:hover,
.faq_filter_form input[type="reset"]:hover {
  -webkit-box-shadow: inset 0px 0px 97px -31px rgba(0,0,0,0.97);
  -moz-box-shadow: inset 0px 0px 97px -31px rgba(0,0,0,0.97);
  box-shadow: inset 0px 0px 97px -31px rgba(0,0,0,0.97);
}
.faq_filter_form input[type="submit"]:active,
.faq_filter_form input[type="reset"]:active {
  -webkit-box-shadow: inset 0px 0px 184px -31px rgba(0,0,0,0.97);
  -moz-box-shadow: inset 0px 0px 184px -31px rgba(0,0,0,0.97);
  box-shadow: inset 0px 0px 184px -31px rgba(0,0,0,0.97);
}
@media (max-width: 767px) {
  .faq_filter_form input[type="submit"],
  .faq_filter_form input[type="reset"] {
    width: 50%;
  }
}
.highlight {
  background-color: yellow;
}
.empty_filter_result {
  font-size: 1.2rem;
  color: #555555;
  text-align: center;
  margin: 5rem 2rem;
}
.empty_filter_result:not(.visible) {
  display: none;
}

/* EU Cookie Compliance CSS */
#sliding-popup.sliding-popup-top {
  background: #d6e9f6 !important;
  height: 8rem !important;
  text-align: left !important;
}

#sliding-popup .popup-content {
  padding: 0.75rem 1.25rem !important;
  max-width: 100% !important;
  float: left !important;
}

#sliding-popup .popup-content #popup-text {
  color: #000000 !important;
  float: left !important;
  max-width: 100% !important;
  margin-bottom: 0 !important;
}

#sliding-popup .popup-content #popup-text h4 {
  color: #000000 !important;
}

#sliding-popup .popup-content #popup-text p {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

#sliding-popup .popup-content #popup-buttons {
  float: left !important;
  width: 100% !important;
}

#sliding-popup .popup-content #popup-buttons button {
  color: #000 !important;
  background: #aed4ee !important;
  border-color: #aed4ee !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  border-radius: 0.2rem !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight: 600 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  #sliding-popup.sliding-popup-top {
    height: 9rem !important;
  }
}

@media (max-width: 767px) {
  #sliding-popup.sliding-popup-top {
    height: 12rem !important;
  }
}

#sliding-popup .popup-content #popup-text h2.ecl-heading--h2 {
  color: #000 !important;
}

#edit-attached-files-upload-button,
#edit-attached-files-remove-button {
  display: none;
}

#edit-attached-files-upload {
  padding-top: 0.45rem;
}

.form-managed-file span {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  /* border-radius: 0.25rem; */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

span.recruitment_deadline {
  font-size: 75%;
}

.rate-widget-yesno ul {
  margin-top: 0.5em;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:hover {
  background-color: #004494;
  border-color: #004494;
}

.btn-outline-primary {
  padding: 0.4rem 0.9rem;
  color: #004494;
  border-color: #004494;
}

.carousel-indicators {
  justify-content: flex-start;
  padding-left: 1rem;
}

.era_links_body li {
  display: flex !important;
}

.text-subtitle {
  font-size: 23px !important;
  font-weight: bolder;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul.library-document-list li:nth-child(9) {
  background-color: #a9d46f !important;
}

ul.library-document-list li:nth-child(10) {
  background-color: #d6e9f6 !important;
}

.contact-us-form h4 {
  color: #5da9dd !important;
  font-size: 1.75rem !important;
}

/* WYSIWYG Tabs */
dl.ckeditor-tabber dt {
  background-color: #ffffff;
  border: none;
}

dl.ckeditor-tabber dt a {
  background-color: #ffffff;
  border: #004494 1px solid;
  text-decoration: none;
  margin: 1px 10px 1px 0;
  border-radius: 0.2rem;
  min-height: unset !important;
  padding: 5px;
}

dl.ckeditor-tabber dt.current a {
  background-color: #004494;
  color: #ffffff;
}

dl.ckeditor-tabber dd {
  border: none;
  padding: 1em 0;
}

.era-folder-table td {
  vertical-align: middle;
}

.era-folder-filename {
  background-color: transparent;
}

.book-navigation ul {
  list-style-type: none;
  padding-left: 5px;
}

.era-folder-page-parent::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  font-style: normal;
  content: "\f35b";
}

.era-child-folder::before {
  font-family: "Font Awesome 5 Regular";
  font-size: 1.5rem;
  font-style: normal;
  content: "\f07b";
}

.era-folder-page-parent a,
.era-child-folder a {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.era_folder_download,
.era_create_subfolder {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid #ccccc;
  background-color: #aed4ee;
  margin: 1em 0;
}

.era_folder_download:hover,
.era_create_subfolder:hover {
  cursor: pointer;
}

.checkbox-download {
  text-align: right;
}

.flex-control-nav {
  bottom: auto !important;
  margin-top: 20px;
}

.flexslider .slides img {
  width: auto;
  height: 500px;
  margin: auto;
}

.flex-direction-nav a {
  height: 50px !important;
}

.flex-direction-nav a:active,
.flex-direction-nav a:hover,
.flex-direction-nav a:focus,
.flex-direction-nav a:visited .flex-direction-nav a:active::before,
.flex-direction-nav a:hover::before,
.flex-direction-nav a:focus::before,
.flex-direction-nav a:visited::before {
  text-decoration: none !important;
}

.block-training-align {
  float: left;
}

.social-links-top {
  color: #ffffff;
}

.social-links-top .container {
  padding-top: 25px !important;
}

.my-profile {
  font-size: 16px;
}

.my-profile:hover {
  text-decoration: none;
}

.my-profile i {
  font-size: 20px;
}

#views-exposed-form-era-register-of-records-processing-activities-record-activities-page .form-group .form-radios {
  padding: 5px 35px;
}

#views-exposed-form-era-register-of-records-processing-activities-record-activities-page .form-group {
  margin-bottom: 0rem;
}

.twitter_feed {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.twitter_feed .smk-tweets {
  flex-basis: calc(100% / 3);
  padding: 20px;
}

.social-links-middle a {
  font-size: 42px !important;
}

.front .banner-image .card-img-overlay {
  position: relative;
  transform: none;
  margin: 100px 0;
  left: 0;
  width: 50vw !important;
  max-width: 980px;
}

.front .banner-image .card-text {
  font-size: 1.5rem !important;
}