/**
 * @file
 * Use this CSS file to override base CSS rules.
 * Migrated and updated from Corporate Lite for BaseCore (Bootstrap 5 & FontAwesome 6).
 */

/* Typography & Font Family (Roboto) + Bootstrap 3 -> 5 scaling adjustments */
:root {
  --mt-text-size: 16px;
  --mt-ff-05: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mt-pff: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mt-hff: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mt-sff: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mt-slff: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --bs-body-font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --bs-body-font-size: 16px;
}

html,
body,
:root body {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #4e4c4c;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif !important;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  color: #363636;
}

h1 {
  font-size: 36px;
  font-weight: 600;
  text-transform: none;
}
h2 {
  font-size: 28px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 15px;
}

h1.page-title {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 0.5em;
}

h2.block-title,
h2.title,
nav > h2,
.block-search > h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

/* Bootstrap 3 -> Bootstrap 5 & FontAwesome 4 -> 6 compatibility shims */
.img-responsive {
  max-width: 100%;
  height: auto;
}

.col-xs-12 {
  flex: 0 0 auto;
  width: 100%;
}

/**** with kcenter main pages rules *****/

.flex-images {
  margin-top: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.node--type-parent-pages-with-various-layout nav > h2 {
  text-align: left;
}

#menu-top-content-link {
  font-size: 36px;
  border-bottom: 2px solid #262626;
  padding-bottom: 0.5em;
  font-weight: bold;
}
#menu-top-content-link a {
  color: #262626;
}
#menu-top-content-link a:hover {
  color: #0073bc;
}

div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu {
  list-style: none;
  padding: 0;
}
div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu li,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu li {
  padding-left: 1.3em;
  display: flex;
  align-items: center;
}
div[what-is-region-top-left-kcentre="What is top left kcentre"] li:before,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 li:before {
  content: "\f13a"; /* FontAwesome Unicode */
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  font-size: 22px;
  color: #0073bc;
}

/* Prevent BaseCore default menu li > a:before arrow from doubling icons */
div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu li > a:before,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu li > a:before {
  display: none;
}

.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu > li > a:hover,
div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu > li > a:hover {
  background: none !important;
  color: #08a7fd;
}

.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu li a,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu li > span {
  padding: 7px 0 8px 5px;
}

.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 ul.menu {
  margin-left: 1em;
}

div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu li a,
div[what-is-region-top-left-kcentre="What is top left kcentre"] ul.menu li > span {
  padding: 7px 0 8px 5px;
}
div[what-is-region-top-left-kcentre="What is top left kcentre"] .navigation {
  padding-left: 0.8em;
}
/******/

.block-field-blocknodekcentre-community-title,
.block-field-blocknodekcentre-knowledgetitle {
  font-size: 26px;
  line-height: 1.45;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #262626;
}
.region-sidebar-first ul.menu {
  list-style-type: none;
}

.region-sidebar-first .menu-item--active-trail a {
  color: #161616;
  -webkit-border-start: 0.35rem solid #0073bc;
  border-inline-start: 0.35rem solid #0073bc;
  font-weight: bold;
}

.region-sidebar-first ul.menu li > a:before {
  display: none;
}

.region-sidebar-first a {
  -webkit-border-start: 0.35rem solid #e0e0e0;
  border-inline-start: 0.35rem solid #e0e0e0;
  color: #525252;
  font-size: 18px;
  font-weight: 400;
}

.node--type-k-centre-basic-pages .layout .block-menu > h2 {
  text-align: left;
  border-bottom: 2px solid #101010;
  padding-bottom: 0.5em;
}

.node--type-k-centre-basic-pages .layout__region--content {
  padding-top: 3em;
}
.node--type-k-centre-basic-pages .layout__region--content h4 {
  font-size: 22px;
  padding-bottom: 0.5em;
  color: #fff;
}
.nlp-el-content,
.kcentre-helpdesk-email a {
  color: #fff;
}
div.views-field.kcentre-helpdesk-email > div {
  margin-top: 0.5em;
  text-align: center;
}
.views-field.kcentre-helpdesk-email > div > p > span {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.5em;
  border-radius: 3px;
}

div.contextual-region.clearfix.block.block-block-content.block-block-content0a8f7802-e360-4338-b641-7cc30e9036e8 {
  /* kcentre logo custom block */
  padding-top: 1em;
}

div.clearfix.block.block-block-content.block-block-contentc8fac047-91e7-4635-8bde-adcabca7592b > div > div,
div.clearfix.block.block-block-content.block-block-contentd0937446-b1b0-4c48-b724-c68d8cbe814c > div > div {
  /* kcentre helpdesk custom block */
  display: flex;
  justify-content: center;
  align-items: center;
}

[lang="el"] .block-block-contentd0937446-b1b0-4c48-b724-c68d8cbe814c {
  display: none;
}
[lang="en"] .block-block-contentc8fac047-91e7-4635-8bde-adcabca7592b {
  display: none;
}
[lang="en"] .block-block-content0cb5b490-2a47-4cf7-8cc3-9351dfd7c311 {
  display: none;
}
[lang="en"] .block-block-content5cdabbf5-e28c-45c0-bb5b-1fb7a16b3e06 {
  display: none;
}
[lang="el"] .block-block-content230fbeda-77ab-4d84-a612-263e8c590a9c {
  display: none;
}
[lang="el"] .block-block-content3d5a4ab3-fca1-4c72-8cf7-52273761db27 {
  display: none;
}

.nlp-helpdesk {
  border-radius: 1em;
  background-color: #0190d6;
  padding: 1em;
}
.nlp_el_logo {
  max-width: 70%;
}

.node--type-k-centre-basic-pages div.layout.layout--twocol-section.layout--twocol-section--50-50 > div.layout__region.layout__region--second > nav {
  padding: 1em;
  flex: 1 0 auto;
}

.department {
  font-size: 14px;
  color: #fdbd36;
  font-weight: 500;
}
.more-info {
  font-size: 14px;
  font-weight: bold;
}
.department-head {
  border-bottom: 2px solid #8898aa;
  padding-bottom: 0.3em;
}
.department-item {
  padding-bottom: 1em;
}

@media (max-width: 767px) {
  .page-node-type-kcentre-community- .main-content__container .row,
  .page-node-type-kcentre-knowledge .main-content__container .row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .page-node-type-kcentre-community- .main-content__container .row aside,
  .page-node-type-kcentre-knowledge .main-content__container .row aside {
    -webkit-order: 1;
    order: 1;
    float: initial;
    width: initial;
  }
  .page-node-type-kcentre-community- .main-content__container .row .col-md-8,
  .page-node-type-kcentre-knowledge .main-content__container .row .col-md-8,
  .page-node-type-kcentre-community- .main-content__container .row .col-lg-8,
  .page-node-type-kcentre-knowledge .main-content__container .row .col-lg-8 {
    -webkit-order: 2;
    order: 2;
    float: initial;
    width: initial;
  }
}

.node--type-k-centre-basic-pages div.layout.layout--twocol-section.layout--twocol-section--50-50 {
  justify-content: space-evenly;
  align-items: stretch;
}

.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
.node--type-k-centre-basic-pages .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
  flex: 0 1 35%;
  display: flex;
  flex-direction: column; /**** this supports new pages with extra title *****/
}

.trust-logos {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 1.5em;
}

.trust-logos-text {
  flex: 2 0 0;
}
.trust-logos-img {
  flex: 0.7 0 0;
}

.centered-div {
  display: flex;
  align-content: center;
  align-items: center;
}

.core_trust_image {
  width: 6.25rem;
}

.clarin-eric_image {
  width: 6.25rem;
}

.clarin-kcentre_image {
  width: 10rem;
}

.clarin-bcentre_image {
  width: 10rem;
}

.kcentre-blocks .row {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.kcentre-blocks .row:before,
.kcentre-blocks .row:after {
  display: block;
}

.views-field-field-logo-optional- {
  /*min-height: 18rem;*/
  min-height: 26vh;
}

.kcentre-blocks [class*="col-"] {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
  border-radius: 0.5em;
  overflow: hidden;
  margin: 0.5em;
  padding: 1.75em 1.5em;
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  /*max-width: 20.75em;*/
  min-height: 18.75em;
  flex: 1 0 auto;
}

.kcentre-blocks h3 {
  color: #262626;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 0.5em;
  margin: 0 0 0.142857143em;
  border-bottom: 2px solid #0073bc;
  transition: color 0.45s ease, border 0.45s ease;
  width: 100%;
}

.kcentre-blocks .kcentre-block-category {
  color: #f5bc04;
  font-size: 1.025em;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
  margin: 0 0 1.777777778em;
  transition: color 0.45s ease;
  padding-top: 0.5em;
}

.views-field-field-go-to-link {
  display: block;
  color: #0073bc;
  font-size: 1.025em;
  font-weight: 600;
  line-height: 1.5;
  margin: auto 0 0;
  transition: color 0.45s ease;
}

#views-bootstrap-taxonomy-term-page-3 > div > div:nth-child(1) > div.views-field.views-field-body > div > div.meta-tables > div.table-left > table > tbody > tr:nth-child(1),
#views-bootstrap-taxonomy-term-page-3 > div > div:nth-child(1) > div.views-field.views-field-body > div > div.meta-tables > div.table-right > table > tbody > tr:nth-child(1) {
  background-color: #0073bc;
  color: #fff;
}

.italic {
  font-style: italic;
}
.publications-item-list > ul > li {
  padding-bottom: 0.5em;
}

/** summer school **/
#contact-message-aitisi-ekdilosis-endiaferontos-form #edit-preview {
  display: none;
}

article[data-history-node-id="502"] .person-info {
  display: none;
}

.paragraph--id--1015,
.paragraph--id--1023 {
  border-top: 1px solid rgba(2, 136, 208, 0.5);
}
.paragraph--id--1015 p,
.paragraph--id--1023 p {
  padding-top: 1em;
}

.resource-screenshot img {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}
.view-summer-school-blocks .views-field-title {
  text-align: center;
}
.view-summer-school-blocks .views-field-title h2 {
  font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.2em;
}

.flex-div {
  display: flex;
}
.flex-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
}

.et_pb_text_align_left {
  text-align: left;
}
.et_pb_row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: flex-start;
  padding: 5px;
}

.et_pb_row_2.et_pb_row {
  margin-bottom: 30px !important;
}

.et_pb_text_3 h6 {
  font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: bold;
}

.et_pb_text_4 h5 {
  font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
  color: #0073bc !important;
  line-height: 1.4em;
}

.et_pb_column_1_4 {
  padding: 5px;
  margin-right: 2%;
}
.et_pb_column_3_4 {
  flex-grow: 3;
  padding: 5px;
}

.et_pb_with_border {
  border-bottom: 2px solid rgba(51, 51, 51, 0.05);
}

.et_pb_text_align_center {
  text-align: center;
}
/******************/

.service-icons {
  padding-right: 1em;
}
.service-icons .svg-inline--fa {
  width: 3em;
  height: 3em;
  color: #fdbd36;
}
.view-frontpage {
  display: none;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-inner {
  min-height: 350px;
}
.carousel-control,
.carousel-control-prev,
.carousel-control-next {
  opacity: 0.9;
}
.carousel-control:hover,
.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 0.7;
}

.view-taxonomy-term .view-display-id-page_2 h2 a {
  display: none;
}

.views-label-field-link-to-tool-or-service {
  float: left;
  font-weight: 400;
}

/* must be placed into layout */
.paragraph__column .carousel-indicators {
  display: none;
}

.header-top-second {
  float: right;
}
.region-header-top-second {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  flex-wrap: nowrap;
}
#block-syndesistoapothetirio,
#block-gotoinventory,
#block-clarin-theme-syndesistoapothetirio,
#block-clarin-theme-gotoinventory {
  margin: 0;
  padding: 0;
}
#block-syndesistoapothetirio p,
#block-gotoinventory p,
#block-clarin-theme-syndesistoapothetirio p,
#block-clarin-theme-gotoinventory p {
  margin: 0;
}
#block-syndesistoapothetirio a,
#block-gotoinventory a,
#block-clarin-theme-syndesistoapothetirio a,
#block-clarin-theme-gotoinventory a {
  display: inline-flex;
  align-items: center;
  background: #0073bc;
  color: #ffffff !important;
  border: 2px solid #fdbd36;
  border-radius: 1.5em;
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1.2;
  padding: 7px 16px;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0, 115, 188, 0.18);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
#block-syndesistoapothetirio a:hover,
#block-gotoinventory a:hover,
#block-clarin-theme-syndesistoapothetirio a:hover,
#block-clarin-theme-gotoinventory a:hover {
  background: #fdbd36;
  border-color: #0073bc;
  color: #004b7c !important;
  transform: translateY(-1px);
}
.banner__section .content {
  margin: 0 auto;
  text-align: left;
}

.path-node .common-StripeGrid .anchorBottom .grid,
.path-services .common-StripeGrid .anchorBottom .grid {
  height: 200%;
  -ms-flex-line-pack: end;
  align-content: end;
}
.path-frontpage .common-StripeGrid {
  display: none;
} /* this is important to display the links in slider */

.border-bottom-services {
  border-top: 1px solid #ededed;
}

.path-node .common-StripeGrid .grid,
.path-services .common-StripeGrid .grid {
  --content-column-width: minmax(0, calc(1040px / var(--content-columns)));
  --gutter-column-width: 1fr;
  position: absolute;
  width: 100%;
  height: 200%;
  display: grid;
  grid-template-rows: repeat(auto-fill, var(--stripe-height));
  grid-template-columns: [viewport-start] 1fr [left-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [left-gutter-end content-start] repeat(var(--content-columns), var(--content-column-width)) [content-end right-gutter-start] repeat(var(--gutter-columns), var(--gutter-column-width)) [right-gutter-end] 1fr [viewport-end];
}

@media (min-width: 670px) {
  .path-node .common-StripeGrid,
  .path-services .common-StripeGrid {
    --stripe-height: 64px;
  }
}

@media (min-width: 1040px) {
  .path-node .common-StripeGrid .grid,
  .path-services .common-StripeGrid .grid {
    --gutter-column-width: var(--content-column-width);
    min-width: calc(1040px / var(--content-columns) * (var(--gutter-columns) * 2 + var(--content-columns)));
  }
}

.path-node .common-StripeGrid,
.path-services .common-StripeGrid {
  display: none;
}

#superfish-k-centre-menu {
  padding-bottom: 3em;
}

.page-node-type-k-centre-basic-pages .common-StripeGrid .stripeContainer .stripe:nth-child(4) {
  grid-row: -4;
  grid-column: viewport-start / span 5 !important;
  background-color: #e6ebf1;
}
.page-node-type-k-centre-basic-pages .common-StripeGrid .stripeContainer .stripe:nth-child(5) {
  grid-row: -3;
  grid-column: 1 / span 7;
  background-color: #ca263f !important;
}

.path-node .common-StripeGrid .stripeContainer .stripe:first-child {
  grid-row: -3;
  grid-column: span 5 / right-gutter-end;
  background-color: rgba(2, 136, 208, 0.85);
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(2) {
  grid-row: -2;
  grid-column: right-gutter-start / span 1;
  background-color: #e6ebf1;
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(3) {
  grid-row: -2;
  grid-column: span 3 / right-gutter-end;
  background-color: #e6ebf1;
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(4) {
  grid-row: -4;
  grid-column: viewport-start / span 5;
  background-color: #e6ebf1;
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(5) {
  grid-row: -3;
  grid-column: 1 / span 7;
  background-color: #fcd669;
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(6) {
  grid-row: -2;
  grid-column: 6 / span 3;
  background-color: transparent;
}
.path-node .common-StripeGrid .stripeContainer .stripe:nth-child(7) {
  grid-row: -2;
  grid-column: 2 / span 3;
  background-color: transparent;
}

.path-services .common-StripeGrid .stripeContainer .stripe:first-child {
  grid-row: -3;
  grid-column: span 5 / right-gutter-end;
  background-color: #fcd669;
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(2) {
  grid-row: -2;
  grid-column: right-gutter-start / span 2;
  background-color: #e6ebf1;
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(3) {
  grid-row: -2;
  grid-column: span 3 / right-gutter-end;
  background-color: #e6ebf1;
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(4) {
  grid-row: -4;
  grid-column: viewport-start / span 5;
  background-color: #e6ebf1;
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(5) {
  grid-row: -3;
  grid-column: 1 / span 7;
  background-color: rgba(2, 136, 208, 0.85);
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(6) {
  grid-row: -2;
  grid-column: 6 / span 3;
  background-color: transparent;
}
.path-services .common-StripeGrid .stripeContainer .stripe:nth-child(7) {
  grid-row: -2;
  grid-column: 2 / span 4;
  background-color: transparent;
}

.path-node .common-StripeGrid .stripeContainer,
.path-services .common-StripeGrid .stripeContainer {
  overflow: hidden;
}

.path-node .common-StripeGrid .backgroundContainer .grid,
.path-services .common-StripeGrid .backgroundContainer .grid {
  grid-template-columns: 1fr;
  min-width: 0;
}

.path-node .common-StripeGrid .backgroundContainer .background,
.path-services .common-StripeGrid .backgroundContainer .background {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  z-index: -1;
}

.path-node .common-StripeGrid.anchorBottom .backgroundContainer,
.path-services .common-StripeGrid.anchorBottom .backgroundContainer,
.common-StripeGrid.anchorBottom .stripeContainer {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.path-node .common-StripeGrid .backgroundContainer,
.path-services .common-StripeGrid .backgroundContainer,
.common-StripeGrid .stripeContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0em;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
/*************************************************/

aside {
  padding-top: 1em;
}
h1 {
  text-transform: none;
}

/***********************************************************************/
@media (max-width: 767px) {
  .in-focus-text-only .col {
    width: 90% !important;
  }
}

@media (max-width: 768px) {
  .in-focus-text-only .col {
    width: auto !important;
  }
}

@media (max-width: 991px) {
  .in-focus-text-only .col {
    width: auto !important;
  }
}

@media screen and (max-width: 480px) {
  .in-focus-text-only .row {
    width: 100% !important;
    margin: 0 !important;
  }
  .in-focus-text-only .view-content {
    flex-direction: column !important;
  }
  .in-focus-text-only .grid {
    width: 100% !important;
    margin: 0 !important;
  }
  .in-focus-text-only .col {
    width: auto !important;
  }
}

.in-focus-text-only .view-content {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
}

.in-focus-text-only .grid {
  width: 90%;
  margin-left: 10%;
  margin-right: 10%;
}
.in-focus-text-only .row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.in-focus-text-only .img-responsive,
.in-focus-text-only .img-fluid {
  width: 100%;
}

.in-focus-text-only a.views-more-link {
  font-weight: 500;
}
.in-focus-text-only h3 a:hover {
  text-decoration: none;
}

#block-views-block-language-resources-block-3-2 h2 {
  margin: 0.8em 0 0.8em 0;
  font-weight: 300;
  text-transform: uppercase;
}
#block-views-block-language-resources-block-3-2 h2:after {
  content: "";
  position: absolute;
  display: block;
  width: 80px;
  height: 2px;
  background: #262626;
  left: 50%;
  margin-left: -40px;
}

.in-focus-text-only .col-12 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
  margin: 1em;
  width: 25%;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
  min-height: 470px;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.in-focus-text-only .view-header {
  padding: 1em 0 1em 0;
}

.in-focus-text-only .col-12:hover {
  transform: translate3d(0, 5px, 0);
  animation-duration: 1s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.33);
}

.in-focus-text-only h3 a,
.language-resources h3 a,
.in-focus-text-only .views-field-field-language-resources-caption,
.language-resources .views-field-field-language-resources-caption {
  color: #363636;
  position: relative;
  line-height: 1.2em;
  text-align: justify;
  padding: 0.8em;
}
.in-focus-text-only h3 a,
.language-resources h3 a {
  font-size: 18px;
  font-weight: 400;
}

.in-focus-text-only .views-field-field-language-resources-caption,
.language-resources .views-field-field-language-resources-caption {
  padding-top: 0.2em;
}

/***********************************************************************/
@media screen and (min-width: 40em) {
  .node--type-latest-events .layout--threecol-25-50-25 > .layout__region--second {
    flex: 0 1 70%;
  }
}
.node--type-latest-events .layout__region--first .field--name-field-event-date {
  color: #363636;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2em;
  vertical-align: top;
}
.node--type-latest-events .layout__region--first .field--name-field-event-date:before {
  content: "\f073"; /* calendar */
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  display: inline-block;
  padding-right: 6px;
  line-height: 1.2em;
  vertical-align: top;
}

.node--type-latest-events .layout__region--first .field--name-field-event-location {
  color: #363636;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2em;
  vertical-align: top;
  padding-top: 2em;
}
.node--type-latest-events .layout__region--first .field--name-field-event-location:before {
  content: "\f276"; /* map-pin */
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  display: inline-block;
  padding-right: 6px;
  line-height: 1.2em;
  vertical-align: top;
}

.event-documents h2,
.event-gallery h2 {
  text-align: center;
  font-weight: 400;
}

.layout__region--first .views-field-field-file {
  padding-top: 1em;
}

.event-documents {
  background: #f6f9fc;
  padding: 0.2em 0 1em 0;
}

.event-documents .col {
  display: block;
  padding-top: 1em;
  clear: both;
  float: left;
}

.event-gallery img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 2%;
}
.event-gallery .views_slideshow_slide {
  position: relative !important;
}
.event-gallery .row {
  padding-bottom: 2em;
}

.events-tabs,
.all-news {
  background: #f6f9fc;
  padding: 1em;
}
.events-tabs .col-xs-12,
.events-tabs .col-12,
.all-news .col-xs-12,
.all-news .col-12 {
  margin-top: 2em;
  margin-bottom: 2em;
  background: #fff;
  border: 1px solid #eaecee;
}

.events-tabs time {
  color: #363636;
  font-size: 13px;
  font-weight: 600;
}

.backlinks {
  display: block;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
  float: right;
}
.backlinks p {
  padding: 0.5em;
}
.backlinks a {
  font-weight: 400;
}

/***** banner image suggestion ***/
.banner-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.events-tabs .col,
.all-news .col {
  margin: 1em 0 1em 0;
  background: #fff;
  border: 1px solid #eaecee;
}
.block-views-blockphoto-gallery-for-events-block-1 > div.content > div > div > div.view-content > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
/******* end banner image *************/

.language-resources .row {
  display: flex; /* equally heighted columns */
  flex-wrap: wrap;
}

.language-resources-page {
  text-align: center;
}

.language-resources .col:hover {
  transform: translate3d(0, 5px, 0);
  animation-duration: 1s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
}

.image-style-boxed-small {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}

.language-resources .img-responsive,
.language-resources .img-fluid {
  width: 100%;
}

.events-front .views-row {
  clear: both;
  padding-top: 5px;
}

.node--type-language-resources .field--name-body,
.node--type-latest-news .field--name-body {
  text-align: justify;
}

.region-sidebar-second {
  padding: 0px 0;
}

.node--type-language-resources .node__container,
.node--type-latest-news .node__container {
  overflow: hidden;
}

.paragraph > .paragraph__column {
  padding-bottom: 5px;
}
.paragraph--bp-accordion-container {
  padding-top: 5px;
}

.node--type-language-resources .field--type-image,
.node--type-latest-news .field--type-image {
  margin: 0 2em 0 2em;
  float: left;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  -webkit-clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}

/*************************/
.publications caption,
.presentations-list caption {
  font-size: 22px;
  letter-spacing: 0.41px;
  color: #fff;
  margin: 5px 0 10px 0;
  font-weight: 400;
  padding-left: 0.2em;
  background-color: #fdbd36;
}

.presentations-list caption a {
      color: var(--clarin-blue-dark);
}

.main-content__section {
  padding: 20px 0;
}

.subfooter-second span {
  display: block;
  float: right;
}

/* the team */
/******************************************************/

.the-team .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.the-team .team-member-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.the-team .email {
  padding: 0;
  font-size: 0.8em;
  white-space: normal;
  align-self: flex-end;
}

.the-team h3 {
  padding: 0.2em;
  letter-spacing: 0.41px;
  color: #101010;
  font-weight: 300;
  opacity: 0.9;
}

.the-team h3:after {
  display: block;
  content: "";
  height: 3px;
  width: 200px;
  color: #fdbd36;
  background-image: linear-gradient(270deg, #f9f9f9 0%, #fdbd36 100%);
}
.the-team .col {
  text-align: center;
}

.the-team .team-member-description {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.65em;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.the-team .team-member-title {
  font-size: 1.0em;
  margin-bottom: 5px;
  font-weight: 400;
}

/********* list view for services with icons *****/

h2.ui.header {
  font-size: 1.5rem;
}

.ui.header {
  border: none;
  margin: calc(1.5rem - 0.14285714em) 0 1rem;
  padding: 0 0;
  font-weight: 700;
  line-height: 1.28571429em;
  text-transform: none;
}

.ui.header > img {
  display: inline-block;
  margin-top: 0.14285714em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}

.ui.header > .image + .content,
.ui.header > img + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}
.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
.ui.header .sub.header {
  display: block;
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.2em;
  color: #4e4c4c;
}
h2.ui.header .sub.header {
  font-size: 1.05rem;
}

.services-grid .fontawesome-icons {
  float: left;
  padding-right: 0.1em;
  padding-top: 0.1em;
  color: #fdbd36;
  font-size: 40px;
  display: inline-block;
}
.services-grid .views-field-field-link-to-tool-or-service {
  font-size: 1.1rem;
  font-weight: 400;
}

.services-grid table p {
  text-align: center !important;
}

.services-grid p {
  text-align: justify;
  padding-top: 0.3em;
}
.services-grid .node__container,
.view-taxonomy-term .content {
  border-bottom: 1px solid #ededed;
}
.view-taxonomy-term .view-content {
  margin-top: 20px;
}

.view-taxonomy-term .node--view-mode-teaser {
  padding: 0px 0px 5px 0px !important;
}
.view-taxonomy-term .node--view-mode-teaser p {
  margin-bottom: 20px;
}

.services-grid h6 {
  font-weight: 400;
}
.page-node-type-services .field--name-body {
  clear: both;
  padding-top: 5px;
}

/*************** footer menu *****/

.region-footer-top-second {
  float: right;
}

.footer-top__section ul.menu li a,
.footer-top__section ul.menu li > span {
  line-height: 100%;
}

.region-footer-top-first {
  position: relative;
  bottom: 50%;
  transform: translateY(50%);
}

/*********************************/

@media (min-width: 1200px) {
  #footer .container {
    width: 100%;
    max-width: 100%;
  }
}

.region-header-top-first .img-espa {
  height: 70px;
  opacity: 0.9;
  margin: 5px;
}

.region-header-top-first .img-apollonis {
  opacity: 1;
  margin: 5px;
}
.region-header-top-first .language-switcher-language-url {
  float: left;
}

.region-header-top-first .espa-content {
  margin-top: 0px;
  line-height: 0.01em;
  font-size: 5px;
}

/*** footer ***/

.espa-logos {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.espa-logos-footer {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.img-espa {
  height: 60px;
  opacity: 0.8;
  margin: 5px;
}
.img-apollonis {
  width: 60%;
}

.espa-logos img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.img-espa:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.espa-content {
  margin-top: 5px;
  line-height: 0.2em;
  font-size: 11px;
}

.views-field-field-partner-or-member-logo {
  transition: filter 0.5s;
}
.views-field-field-partner-or-member-logo img {
  display: inline-block;
  vertical-align: middle;
}

.views-field-field-partner-or-member-logo:hover {
  transition: filter 0.5s;
}

/************ publications ***********/
.field--name-field-last-name,
.field--name-field-first-name,
.paragraph--type--publication-authors {
  display: inline-block;
}
.comma {
  padding-right: 2px;
  vertical-align: top;
}

.publications .paragraph > .paragraph__column {
  padding: 0;
}
.publications .paragraph {
  width: auto;
}
.publications a {
  vertical-align: top;
}
/******************************************/

/************ services with icons *****************/

.taxonomy-term {
  padding-bottom: 0.5em;
}

.node--view-mode-teaser {
  margin-bottom: 10px !important;
}

.footer-top__section .icons-list {
  font-size: 28px;
}

.footer-top__section .icons-list svg:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.footer-top__section .icons-list svg {
  display: inline;
  position: relative;
  top: 0.125em;
}

.content-top__section {
  padding: 15px 0;
}

/** SLIDER Front *******/

.slider-front-fixed .views-field.views-field-field-highlightsimage {
  position: relative;
  padding: 0;
  margin: 0;
}
.slider-front-fixed .views-field.views-field-field-highlightsimage img {
  display: block;
  max-width: 100%;
  height: 90%;
}
.slider-front-fixed .views-field.views-field-field-highlightsimage:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.slider-front-fixed .views-field-title a {
  color: #0073bc;
}

#views-bootstrap-front-page-slideshow-block-1 > div > div > img {
  float: right;
  shape-margin: 20px;
  -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
}
/*************** media *******************/

@media screen {
  .carousel-caption {
    left: 8%;
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .slider-front-fixed .carousel-caption {
    margin-bottom: 10vmin !important;
  }
  .slider-front-fixed .carousel-caption h3 {
    font-size: 5vmin !important;
  }
  .slider-front-fixed .carousel-inner {
    max-height: 10vmax !important;
  }
  .slider-front-fixed .carousel-inner > .item > img,
  .slider-front-fixed .carousel-inner > .carousel-item > img {
    max-height: 220px;
  }
  .path-frontpage .container-fluid .banner__section {
    max-height: 220px;
  }
  .slider-front-fixed p.front-images > img {
    width: 20%;
  }
  .slider-front-fixed p.front-images > a > img {
    width: 20%;
  }
}

@media (max-width: 768px) {
  .slider-front-fixed .carousel-caption {
    margin-bottom: 20vmin !important;
  }
  .slider-front-fixed .carousel-caption h3 {
    font-size: 4vmin !important;
  }
  .slider-front-fixed .carousel-inner {
    max-height: 10vmax !important;
  }
  .slider-front-fixed .carousel-inner > .item > img,
  .slider-front-fixed .carousel-inner > .carousel-item > img {
    max-height: 220px;
  }
  .path-frontpage .container-fluid .banner__section {
    max-height: 220px;
  }
  .slider-front-fixed p.front-images > img {
    width: 20%;
  }
  .slider-front-fixed p.front-images > a > img {
    width: 20%;
  }
}

/**************** end media **********/

.slider-front-fixed .carousel-inner {
  width: 100%;
  position: relative;
  max-height: 30vmax;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.slider-front-fixed .carousel-caption {
  order: 1;
  width: 33.88889%;
  float: left;
  top: 4.5vw; /* this has to stay in vw for responsive */
  left: 1%;
  text-shadow: none;
  text-align: left;
  max-height: 200px;
}

.slider-front-fixed .carousel-caption p {
  font-size: 1.2vmax;
  color: #000;
}
.slider-front-fixed .carousel-caption .small-font p {
  font-size: 0.8em;
}
.slider-front-fixed .carousel-caption h3 {
  margin-top: -0.2em;
  line-height: 1.075;
  letter-spacing: -1px;
  display: block;
  font-size: 3vmax;
  color: #0073bc;
}

.slider-front-fixed .carousel-indicators .active {
  background-color: #363636;
}

.slider-front-fixed .carousel-inner > .item > img,
.slider-front-fixed .carousel-inner > .carousel-item > img {
  float: right;
  shape-margin: 20px;
  -webkit-clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
  clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
}

.slider-front-fixed p.front-images {
  margin-left: 15%;
  padding: 0;
}

.slider-front-fixed p.front-images > a > img {
  width: 29%;
}

/******************** quicktabs ***************************/

#quicktabs-events .quicktabs-main {
  border: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

#quicktabs-events ul li.active {
  background: #fff;
  border-color: #ddd;
  padding: 5px 10px 15px 10px;
  padding-top: 5px;
  margin-top: 0;
  position: relative;
  top: 1px;
  font-size: 16px;
}

#quicktabs-events ul li {
  background: transparent;
  border: 1px solid transparent;
  border-bottom: none;
}
#quicktabs-events ul li.active a {
  color: #fdbd36;
  font-weight: 500;
}

/* Tabs */
.quicktabs-tabpage .view-faqs {
  margin-top: 1em;
  clear: both;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);
}

#quicktabs-faq_page .item-list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#quicktabs-faq_page .item-list > ul > li {
  width: calc(100% / 5);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

@media (max-width: 767px) {
  #quicktabs-faq_page .item-list > ul > li > a {
    padding: 10px 5px;
  }
  #quicktabs-faq_page .item-list > ul > li > a h4 {
    font-size: 0.9em;
    height: 100%;
  }
}

#quicktabs-faq_page .item-list > ul > li > a:before {
  content: "\f054";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  font-weight: 900;
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle;
}

#quicktabs-faq_page > .item-list > ul > li > a:hover {
  border-color: #ebf1f8;
  background-color: #f6f9fc;
}

#quicktabs-faq_page .item-list > ul > li > a {
  line-height: 1.42857143;
  padding: 40px 10px;
  border-radius: 3px;
  background-color: #f6f9fc;
  display: block;
  position: relative;
  width: 100%;
  font-weight: 400;
  color: #363636;
}

#quicktabs-faq_page ul > li.active {
  border-bottom: 3px solid rgba(2, 136, 208, 0.85);
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% / 5);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

#quicktabs-faq_page ul > li.active > a,
#quicktabs-faq_page ul > li.active > a:hover,
#quicktabs-faq_page ul > li.active > a:focus {
  cursor: default;
}

.view-faqs .ui-state-default {
  background: none;
  padding: 20px;
  border-bottom: 1px dotted #666666;
  background-color: #ffffff;
  border-top: none;
  border-left: none;
  border-right: none;
}
.view-faqs .ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: rgba(2, 136, 208, 0.85);
  text-decoration: none;
}

.view-faqs .ui-state-active {
  height: auto;
}

.view-faqs .ui-accordion .ui-accordion-content {
  height: auto !important;
}

/***************************************************************/
.views-field-field-news-image {
  float: left;
  padding: 0.5em;
}

#views-bootstrap-latest-news-and-events-blocks-page-1 .row {
  border-bottom: 1px solid #ededed;
}

.view-latest-news-and-events-blocks .more-link {
  float: right;
  padding: 1.5em;
}

.view-latest-news-and-events-blocks .more-link a {
  font-weight: 500 !important;
}

#block-views-block-latest-news-and-events-blocks-block-1 {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
  padding-left: 1em;
}

#edit-field-news-tag-target-id a {
  background: #f6f9fc;
  padding: 10px 15px;
  color: #222;
  transition: all 0.5s ease;
  margin-right: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
  float: left;
  border-radius: 5px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}
#edit-field-news-tag-target-id a:hover {
  background: #f5bc04;
  color: #fff;
  padding: 10px 15px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
}

.fix-sidebar-second {
  padding-left: 1em;
}

.news-front .views-row {
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 0.5em;
}

.news-front h5 > a,
.events-front h5 > a {
  font-weight: 400;
}

.news-front h5 > a:hover,
.events-front h5 > a:hover {
  text-decoration: none;
}

.news-front .view-content {
  margin-right: 2em;
}
.news-front-date {
  font-size: 13px;
  font-weight: 600;
}

#block-views-block-latest-news-and-events-blocks-block-1 h2.title,
#block-views-block-latest-news-and-events-blocks-block-2 h2.title {
  text-align: left;
  letter-spacing: 0.1em;
  color: #333;
  font-weight: 400;
}

#block-views-block-latest-news-and-events-blocks-block-1 h2:after,
#block-views-block-latest-news-and-events-blocks-block-2 h2:after {
  display: block;
  content: "";
  height: 1px;
  width: 70px;
  margin: 0.5em 0 0.5em 0;
  background-color: transparent;
  background-image: linear-gradient(270deg, #474747 0%, #0C0C0C 100%);
}

.region-content-top-highlighted .view-header a {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.region-content-top-highlighted .view-header a:hover {
  color: #0288d0;
}

.view-language-resources .view-header {
  padding-top: 0.5em;
  text-align: center;
}

.event-front-date {
  font-size: 13px;
  font-weight: 600;
}

.node__submitted-date {
  font-weight: 700;
  text-align: center;
  line-height: 1;
  margin: 0.5em;
  padding: 0.5em;
  border-right: 1px solid #c2c2c2;
  padding-bottom: 10px;
  display: block;
  float: left;
}

.year {
  font-size: 14px;
  text-transform: uppercase;
}

.day {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 2px;
}

.month {
  font-size: 14px;
  text-transform: uppercase;
}

/************************************************************/

.view-publications-list .table td {
  padding-bottom: 1em;
  padding-top: 1em;
}

/*****************************************************/
#drupal-off-canvas select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.header__container {
  padding: 12px 0 13px;
}

#banner .col-md-12,
#banner .col-12 {
  padding: 0;
}

.slider-front-overlay .carousel .carousel-caption {
  position: absolute;
  left: 50%;
  z-index: 3;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  transform: translate3d(-50%, -50%, 0);
  background: rgba(0, 0, 0, 0.35);
}

.slider-front-overlay .carousel .carousel-caption p {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.slider-front-overlay .carousel .carousel-control {
  opacity: 1;
}

/**********************************************************/

.service-block {
  padding-top: 1em;
}

.service-block .views-row {
  min-height: 300px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #fff;
}

.service-page .views-row {
  min-height: 450px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #fff;
  margin-top: 1em;
}

.service-block .views-row:hover,
.service-page .views-row:hover {
  background-color: #f6f9fc;
}

.service-block .fontawesome-icon,
.service-page .fontawesome-icon {
  color: #0073bc;
  font-size: 46px;
  margin: 0;
  line-height: 96px;
  font-weight: 300;
}

.service-block .fontawesome-icons:hover,
.service-page .fontawesome-icons:hover {
  background-color: #f6f9fc;
}
.service-block .fontawesome-icon:hover,
.service-block .fontawesome-icon:focus {
  color: #08a7fd;
}

.service-block .views-field-field-category-icon,
.service-page .views-field-field-category-icon {
  width: 95px;
  height: 95px;
  margin: 0 auto 10px;
  text-align: center;
  display: block;
}
.service-block svg:before,
.service-page svg:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.service-block svg,
.service-page svg {
  display: inline-block;
  padding-left: 3px;
}
.service-block p,
.service-page p {
  text-align: center;
}

.service-block .fontawesome-icons,
.service-page .fontawesome-icons {
  width: 100px;
  height: 100px;
}

.service-block .views-field-name {
  text-align: center;
}
.service-block .views-field-body {
  text-align: center;
}

.service-block .views-field-name h3 {
  letter-spacing: 0.12em;
  color: #333;
  font-weight: 400;
}
.service-block .views-field-name h3 a {
  color: #0073bc;
}
.service-block .views-field-name h3 a:hover {
  text-decoration: none;
  color: #08a7fd;
}

@media screen and (max-width: 480px) {
  .service-block .views-row {
    width: 100% !important;
    margin-top: 3.5em !important;
  }
}
@media (max-width: 767px) {
  .service-block .views-row {
    width: 95%;
    margin-left: 2.5%;
  }
}

/* page with blocks */

.page-blocks .views-field-field-link-to-page-content {
  text-align: center;
}

.page-blocks a:hover {
  cursor: pointer;
}

.page-blocks h2 {
  text-align: center;
  color: #0073bc;
}

.page-blocks .views-view-grid {
  width: 60%;
  margin: 0 auto;
}
.page-blocks p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.page-blocks .col:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
}

.page-blocks .col {
  min-height: 300px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #fff;
  animation-duration: 3s;
}

.page-blocks svg {
  display: block;
  margin: 0 auto;
  color: #0073bc;
}

.page-blocks .fontawesome-icons {
  margin-top: 1em;
}

/********************************************/

.vocabulary-services-category h2 a {
  display: none;
}

.service-page svg {
  display: inline;
  margin-right: -5px;
  position: relative;
}

.service-page h4 {
  text-align: center;
  letter-spacing: 0.3em;
}

.service-page h4 a {
  color: #0073bc;
  text-align: center;
}

/******* helpdesk ***********/
#views-bootstrap-helpdesks-block-2 .col {
  height: 250px;
}

#views-bootstrap-helpdesks-block-1 .col {
  height: 200px;
}

#views-bootstrap-helpdesks-block-2 .row {
  box-shadow: none !important;
}
.helpdesk .row {
  padding: 1em;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
}

.helpdesk {
  margin: 5em 0 2em 0;
}
.helpdesk p {
  text-align: justify;
  font-size: 14px;
}
.helpdesk h4 {
  font-weight: 400;
}
.helpdesk .col:not(:last-child) {
  border-right: 1px solid #ebf1f8;
}
.helpdesk .email {
  padding: 0;
  font-size: 0.9em;
}

.view-helpdesk-working-hours h6 {
  border-top: 1px solid #ebf1f8;
  padding-top: 1em;
}

.helpdesk .icon-info {
  float: left;
  padding-right: 0.5em;
  font-size: 22px;
  padding-top: 0.5em;
  color: #fdbd36;
}

div[about-left="About Left Region"] .paragraph--color--rgba-white-light {
  min-height: 40vmax;
  position: relative;
  display: block;
  width: 100%;
}

div[about-left="About Left Region"] .paragraph__column {
  padding-right: 3vw;
}

div[about-left="About Left Region"] .field--name-bp-image-field {
  position: absolute;
  bottom: -25vw;
  left: 10vh;
}

div[about-left="About Left Region"] img {
  box-shadow: 0px 3px 45px 0px rgba(0, 0, 0, 0.16);
  position: relative;
  width: 95%;
}

div[about-right="About Right Region"] .field--name-body {
  z-index: 10;
}

div[about-right="About Right Region"] .field--name-field-about-short-description {
  z-index: 10;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
  padding-top: 1em;
  color: #444;
}

div[about-right="About Right Region"] .field--name-field-about-tagline {
  color: #101010;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  width: 80%;
  z-index: 10;
}

div[about-right="About Right Region"] .field--name-field-about-tagline:before {
  display: block;
  content: "";
  height: 3px;
  width: 112px;
  color: #101010;
  background-color: transparent;
  background-image: linear-gradient(270deg, #474747 0%, #0C0C0C 100%);
}

div[about-right="About Right Region"] p {
  margin-top: 1.5vh;
}

div[about-right="About Right Region"] .fontawesome-icons {
  text-align: center;
  font-size: 2.5vw;
  color: rgba(2, 136, 208, 0.85);
  line-height: 66px;
  font-weight: 300;
  padding-top: 0.3em;
}

div[about-right="About Right Region"] .col-xs-12,
div[about-right="About Right Region"] .col-12 {
  align-items: center;
  min-height: 200px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #fff;
}
.boxes-layout div.views-field.views-field-title > h3 > a {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.boxes-layout .col-xs-12,
.boxes-layout .col-12 {
  align-items: center;
  height: 80px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #0073bc;
  border-radius: 4px;
  width: 25%;
}

.boxes-layout .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2em;
}

.services-separator {
  width: 50%;
  height: 5px;
  margin: 20px auto;
  display: block;
  border-radius: 10px;
  background-color: #e4e8ed;
}

div[about-right="About Right Region"] .page-blocks .views-view-grid {
  width: auto;
  margin: 0 auto;
}
div[about-right="About Right Region"] .page-blocks .fontawesome-icons {
  text-align: center;
  font-size: 2.5vw;
  color: rgba(2, 136, 208, 0.85);
  line-height: 66px;
  font-weight: 300;
}
div[about-right="About Right Region"] .page-blocks p {
  font-size: 1em;
  text-align: justify;
}

div[about-right="About Right Region"] {
  padding: 1em;
  position: relative;
  z-index: 1;
}

div[about-right="About Right Region"] .col:hover {
  transform: translate3d(0, 5px, 0);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.22);
}

div[about-right="About Right Region"]:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #f6f9fc;
  left: 0;
  top: -2em;
  right: 0;
  bottom: 0;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}

div[about-right="About Right Region"] .views-field-title {
  text-align: center;
}

div[what-is-wrapper-layout="What is"] {
  margin-top: 3em;
}
/**************************************************************/

div[what-is-region-top-right="What is top right"] img {
  vertical-align: middle;
  display: inline-block;
  box-shadow: 0px 3px 45px 0px rgba(0, 0, 0, 0.16);
}

div[what-is-region-top-left="What is top left"] {
  z-index: 5;
}

div[what-is-region-top-left="What is top left"] .content {
  top: 20px;
  right: -105px;
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  z-index: 7;
  background-color: #fff;
  padding: 1.2em;
  position: relative;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column1,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column1 {
  padding: 2.5em 0.5em 1em 0.5em;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column2,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column2 {
  box-shadow: 7px 14px 42px 3px rgba(163, 174, 184, 0.4);
  min-height: 500px;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column1:before,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column1:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: #f6f9fc;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}

.paragraph--id--893 .paragraph--type--bp-columns-two-uneven__2col-column1:before,
.paragraph--id--897 .paragraph--type--bp-columns-two-uneven__2col-column1:before,
.paragraph--id--900 .paragraph--type--bp-columns-two-uneven__2col-column1:before {
  background: #fff !important;
  margin-top: 3em;
}
.paragraph--id--893 .paragraph--type--bp-columns-two-uneven__2col-column2,
.paragraph--id--897 .paragraph--type--bp-columns-two-uneven__2col-column2,
.paragraph--id--900 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  box-shadow: none !important;
  min-height: 300px;
  padding: 0 !important;
}

.paragraph--id--893 .paragraph--type--bp-columns-two-uneven__2col-column1,
.paragraph--id--897 .paragraph--type--bp-columns-two-uneven__2col-column2,
.paragraph--id--897 .paragraph--type--bp-columns-two-uneven__2col-column1,
.paragraph--id--900 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  padding: 0 !important;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column1 .field--name-field-title,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column1 .field--name-field-title {
  color: #101010;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  width: 60%;
  padding-bottom: 1em;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column2 .field--name-field-title,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column2 .field--name-field-title {
  color: #101010;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  padding-bottom: 0.5em;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column1 .field--name-field-title:before,
.page-node-type-k-centre-basic-pages .paragraph--type--bp-columns-two-uneven__2col-column1 .field--name-field-title:before {
  display: block;
  content: "";
  height: 3px;
  width: 112px;
  color: #101010;
  background-color: transparent;
  background-image: linear-gradient(270deg, #474747 0%, #0C0C0C 100%);
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev,
  .carousel-control-prev-icon {
    margin-left: -20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fdbd36;
  }

  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control-next-icon {
    margin-right: -20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fdbd36;
  }
  div[what-is-region-middle="What is middle"] .carousel-control .glyphicon-chevron-left,
  div[what-is-region-middle="What is middle"] .carousel-control .icon-prev {
    margin-left: -20px;
  }
  div[what-is-region-middle="What is middle"] .carousel-control .glyphicon-chevron-right,
  div[what-is-region-middle="What is middle"] .carousel-control .icon-next {
    margin-right: -20px;
  }
}

@media (min-width: 1160px) {
  .carousel-control .icon-prev {
    left: -23px;
  }
}

.carousel-control {
  top: calc(40% - 13px);
  width: 55px;
  height: 70px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.carousel-control .icon-prev {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.carousel-control .glyphicon-chevron-left:before {
  font: normal 27px StripeIcons;
  content: "\279C";
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  transform: scaleX(-1);
  text-align: center;
  text-indent: 0;
}
.carousel-control .glyphicon-chevron-right:before {
  font: normal 27px StripeIcons;
  content: "\279C";
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  text-align: center;
  text-indent: 0;
}

.carousel-control.right {
  background: none;
}
.carousel-control.left {
  background: none;
}

.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column2 .carousel-inner p {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: justify;
  padding: 0 0.8em 0 0em;
}
.page-node-type-level-2-pages .paragraph--type--bp-columns-two-uneven__2col-column2 .carousel-inner ul {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

div[what-is-region-middle="What is middle"] .paragraph--type--bp-carousel {
  margin-top: 2em;
  -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

div[what-is-region-middle="What is middle"] .field--name-bp-image-field {
  shape-outside: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  background-position: 50%;
  background-size: cover;
}

div[what-is-region-middle="What is middle"] .field--name-bp-image-field:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
}

div[what-is-region-middle="What is middle"] .carousel-inner {
  padding: 1em;
}
div[what-is-region-middle="What is middle"] .field--name-field-title {
  color: #101010;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0px 0px 0px 0px;
  width: 80%;
  padding-bottom: 0.5em;
}
div[what-is-region-middle="What is middle"] {
  font-size: 0.9em;
}

/*****************************************************************************/
#block-triangles .carousel-caption {
  order: 1;
  width: 35.88889%;
  float: left;
  left: -10px;
  top: 10vw;
  text-shadow: none;
  text-align: left;
  max-height: 200px;
}
#block-triangles .carousel-caption p {
  color: #000;
}

#block-triangles .carousel-caption h3 {
  margin-top: -0.2em;
  line-height: 1.075;
  letter-spacing: -1px;
  display: block;
  font-size: 4vmax;
}

#block-triangles canvas {
  height: 400px;
  width: 100%;
  float: right;
  shape-margin: 20px;
  -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 50% 100%);
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 50% 100%);
}
/********************************/
.family-tag {
  display: inline-flex;
  align-items: center;
}
.views-label-field-belongs-to-family {
  padding-right: 0.5em;
}
.views-field-field-belongs-to-family.family-tag > div > span,
.views-field-field-belongs-to-family.family-tag > div > a > span {
  overflow: hidden;
  white-space: nowrap;
  padding: 8px 12px 8px 12px;
  background-color: rgba(2, 136, 208, 0.5);
  text-overflow: ellipsis;
  color: #fff;
  font-size: 0.9em;
  border-radius: 16px;
  vertical-align: middle;
  justify-content: center;
  text-decoration: none;
}
.views-field-field-belongs-to-family.family-tag > div > a > span:hover {
  background-color: #fff;
  color: rgba(2, 136, 208, 0.5);
  border: 1px solid rgba(2, 136, 208, 0.5);
}

.views-field-field-belongs-to-family.family-tag > div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.paragraph--id--1005 .field--name-field-title {
  font-size: 24px;
  font-weight: bold;
}
::marker {
  color: rgba(2, 136, 208, 0.5);
}
summary:hover {
  background: #f6f9fc;
}

details {
  border: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

summary {
  position: relative;
  padding: 12px 12px 12px 8px !important;
  outline: 0;
  font-size: 16px;
  transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  display: list-item;
}

details > div {
  padding-left: 24px;
}

/*******************************/
.eu-cookie-compliance-default-button {
  text-shadow: none;
  font-weight: normal;
  color: #ffffff;
  background-color: #0779bf;
  background-image: none;
  border: none !important;
  box-shadow: none;
  border-radius: 0;
}

.eu-cookie-compliance-default-button:hover {
  color: #000;
}

.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  box-shadow: inset 0 1px 0 0 #ffffff;
  background-color: #ededed;
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  color: #000;
  font-family: inherit;
  font-weight: normal;
  padding: 4px 8px;
  text-decoration: none;
  text-shadow: none;
}

.eu-cookie-compliance-secondary-button:hover {
  background-color: #dfdfdf;
  background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
}

/******************* meta data tables ********************/
div.table-right {
  float: left;
}
div.table-left {
  float: left;
  padding-right: 5em;
}

div.table-left table,
div.table-right table {
  border: 1px solid #ededed;
}

div.table-left > table > tbody > tr:nth-child(odd),
div.table-right > table > tbody > tr:nth-child(odd) {
  background-color: #ededed;
}

div.table-left p.table-center-small {
  text-align: center;
  font-size: 0.8em;
}
/**************** GDPR PAGE ***************************/
.gdpr {
  float: left;
  padding-right: 1em;
}
.page-blocks-gdpr {
  padding-top: 1em;
  border-top: 1px solid #ededed;
}

.paragraph--id--625 {
  text-align: center;
  font-size: 1.5em;
  padding-top: 1em;
  border-top: 1px solid #ededed;
}
.page-blocks-gdpr .views-field-field-join-blocks-icon {
  float: left;
  font-size: 2.5em;
  padding-right: 0.8em;
  padding-bottom: 0.8em;
  padding-top: 0.8em;
  color: #0073bc;
}

/***************** Newsletter stuff *****************/

#block-simplenews-1 > .row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#block-simplenews-1 .col-md-8 {
  width: 33.3333%;
}
#block-simplenews-1 .col-md-4 {
  width: 63.3333%;
}

.page-node-type-simplenews-issue .wrapper table {
  margin: 0 !important;
}

.page-node-type-simplenews-issue table tr:last-child td {
  border-bottom: none !important;
}

/* NEWSLETTER THEME CSS */

.newsletter-widget #edit-message {
  display: none;
}

.float-box {
  position: relative;
  top: -80px;
  z-index: 1;
  margin-bottom: -80px;
  padding: 42px 40px 42px;
  border-radius: 1em;
  background-color: #0190d6;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.newsletter-widget {
  color: #FFF;
  position: relative;
}

.newsletter-widget label {
  color: #fff;
}

.newsletter-widget a {
  color: #FFF;
  text-decoration: underline;
}

.newsletter-widget input[type="tel"],
.newsletter-widget input[type="email"],
.newsletter-widget input[type="text"] {
  margin-top: 0;
  width: 80%;
  line-height: 26px;
  height: 47px;
  font-size: 14px;
  color: #ffffff;
  padding: 10px 50px 10px 20px;
  background: none;
  transition: all 300ms ease;
  border-radius: 4px 0px 0px 4px;
  font-family: 'Poppins', sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.5);
  float: left;
  box-shadow: none;
}

#simplenews-subscriptions-block-3b1bb2fc-89fc-4210-8e51-821e5dd30cc7 {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.newsletter-widget input[type="submit"],
.newsletter-widget button {
  padding: 0 0.5em 0 0.5em;
  margin-left: 1em;
  margin-bottom: 0;
  margin-right: 0px;
  margin-top: 0px;
  line-height: 30px;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  border: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}

.newsletter-widget input[type="submit"].disabled,
.newsletter-widget button.disabled {
  color: rgba(255, 255, 255, 0.3);
}

.field--name-field-gdpr-policy {
  float: left;
}
#block-simplenews-1 > div > div > div.col-md-8 > h2 {
  color: #fff;
}

/**************** Media gallery page *************************/
.media-gallery-hover .view-content {
  /* Masonry container */
  column-count: 4;
  margin: 1.5em;
  padding: 0;
  column-gap: 1.5em;
  font-size: 0.85em;
}

.media-gallery-hover .item {
  display: inline-block;
  background: #fff;
  padding: 1em;
  margin: 0 0 1.5em;
  width: 100%;
  transition: 1s ease all;
  box-sizing: border-box;
  box-shadow: 2px 2px 4px 0 #ccc;
}
.media-gallery-hover img {
  max-width: 100%;
}

.media-gallery-hover .item:hover {
  transform: scale(1.1);
}

.media-gallery-hover a {
  text-align: center;
  padding-bottom: 0.3em;
  font-weight: 500;
}

@media only screen and (max-width: 320px) {
  .media-gallery-hover .view-content {
    column-count: 1;
  }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .media-gallery-hover .view-content {
    column-count: 2;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .media-gallery-hover .view-content {
    column-count: 3;
  }
}
@media only screen and (min-width: 1201px) {
  .media-gallery-hover .view-content {
    column-count: 4;
  }
}

.featured-table-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
  padding: 1em;
}

.featured-table-field > div > p {
  padding: 0 !important;
}

.resource-table .views-label,
.resource-screenshot .views-label {
  font-weight: 500;
  padding-right: 0.5em;
}

.views-field-field-preview {
  padding: 1em;
}
.resource-flex-container {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.bg-grey {
  background-color: rgba(2, 136, 208, 0.5);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
  .resource-flex-container > div {
    width: 100% !important;
  }
  .resource-flex-container {
    flex-wrap: wrap;
  }
}

.resource-flex-container > div {
  border: 1px solid rgba(2, 136, 208, 0.5);
  border-radius: 10px;
  width: 50%;
}

.resource-table-title {
  padding: 1em;
}
.views-field-field-related-resources {
  clear: both;
  margin-top: 1em;
  padding: 1em;
  border-radius: 10px;
}
.views-label-field-preview {
  padding: 1em;
}
.resource-table-title,
.views-label-field-preview {
  color: #fff !important;
}

.MuiCardMedia-root {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.views-label .resource-table-title {
  margin-top: 1.7em;
  margin-bottom: 1.7em;
  padding-left: 1em;
}
div.MuiCardMedia-root > h5 {
  color: #fff;
}

.view-resource-of-the-month .views-field-nothing-4 {
  float: left;
  padding-right: 2em;
}

.view-resource-of-the-month .views-field.views-field-title > h2 {
  font-weight: bold;
  color: #0073bc;
}

.postdate {
  background-color: rgba(2, 136, 208, 0.5);
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  width: 90px;
  height: 200px;
  text-align: center;
  padding: 0.5em;
}
.created-month {
  font-size: 32px;
  font-weight: bold;
}
.created-day,
.created-year {
  font-size: 16px;
}

.views-field-field-teaser {
  padding-top: 1em;
  padding-bottom: 1em;
}

.person-area {
  display: flex;
  padding-top: 1em;
  padding-bottom: 1em;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
}

.resource-image {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}

.resource-image img {
  width: 100%;
  height: auto;
  margin-top: -30px;
}

.person-info {
  padding-left: 0.5em;
  border-left: 3px solid rgba(2, 136, 208, 0.5);
}

.person-name {
  font-style: italic;
  font-weight: bold;
}
.person-speciality {
  font-size: 12px;
}

.views-label-field-related-resources {
  background-color: #fdbd36;
  padding: 1em;
  font-weight: 500;
}
.views-field-field-related-resources > h5 {
  color: #fff;
}
.view-resource-of-the-month {
  margin-bottom: 1em;
}
#views-bootstrap-resource-of-the-month-block-2 > div > div > div.views-field.views-field-title {
  padding-top: 0.5em;
}
#views-bootstrap-resource-of-the-month-block-2 .views-field-created {
  font-style: italic;
  font-size: 12px;
  padding-top: 0.5em;
}

.resource-month-grid {
  padding-top: 2.5em;
  padding-bottom: 3em;
  width: 100%;
  display: flex;
}

.resource-month-grid blockquote {
  background: #fff;
  box-shadow: none !important;
  text-align: center !important;
  padding: 1.25rem 3rem !important;
  margin: 0.5rem auto 1.25rem !important;
  min-height: auto !important;
}

.resource-month-grid blockquote p {
  max-width: 90% !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: 1.2rem;
  line-height: 1.6;
}

.resource-month-grid .flex-container {
  display: flex;
  gap: 1em;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  max-width: 100%;
  flex-wrap: nowrap;
}

/* NEW NOVEMBER 2023 Media Query */
@media (max-width: 768px) {
  .resource-month-grid .flex-container {
    flex-wrap: wrap;
  }
  #simplenews-subscriptions-block-3b1bb2fc-89fc-4210-8e51-821e5dd30cc7 {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-top__container .row {
    flex-direction: column;
    align-items: flex-start;
  }
}

.resource-month-grid .container__text h2 {
  padding-bottom: 0.5em;
  color: #0073bc;
}

.resource-month-grid .container__text {
  text-align: center;
}

.media-item {
  width: 30%;
  text-align: center;
}

.media-item ul {
  list-style-type: none;
}

.media-item ul > li:not(:first-child) {
  display: none;
}

.view-photo-gallery-for-events .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 12px;
}

#contact-message-aitisi-ekdilosis-endiaferontos-n-form .form-item-mail > label {
  color: transparent;
}

#contact-message-aitisi-ekdilosis-endiaferontos-n-form .form-item-mail > label:before {
  color: black;
  margin-right: 30px;
  content: "E-mail";
}

#edit-mail-0-value--description {
  display: none;
}

/** new home page - test **/

.paragraph--id--8950 .paragraph__column .field--type-viewsreference,
.paragraph--id--8968 .paragraph__column .field--type-viewsreference {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  margin: 30px;
}

.paragraph--id--8951,
.paragraph--id--8969 {
  background-color: #f4f8fb;
}

.paragraph--id--8950 .paragraph__column .field--type-viewsreference .field__item,
.paragraph--id--8968 .paragraph__column .field--type-viewsreference .field__item {
  flex-basis: 0;
  flex-grow: 1;
  border-radius: 16px;
  background-color: #fff;
  padding: 1.5rem !important;
  margin-bottom: 1.25rem !important;
  border: 1px solid rgba(0, 115, 188, 0.1);
  box-shadow: 0 8px 24px rgba(0, 75, 124, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.paragraph--id--8950 .paragraph__column .field--type-viewsreference .field__item .viewsreference--view-title,
.paragraph--id--8968 .paragraph__column .field--type-viewsreference .field__item .viewsreference--view-title {
  font-size: 1.35rem !important;
  color: #004b7c !important;
  margin: 0.25em 0 0.85em 0 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.3 !important;
}

.front-page-posts li,
.front-page-posts-in-focus li {
  list-style-type: none;
}

.front-page-posts .views-field-created,
.front-page-posts .views-field-field-event-date,
.front-page-posts-in-focus .views-field-create,
.search-page .views-field-created > span {
  color: #b87300;
  background-color: #fff8e6;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-style: normal !important;
  font-size: 0.8125rem !important;
  margin-top: 0.25rem;
}

.front-page-posts .item-list ul li span,
.front-page-posts-in-focus .item-list ul li span {
  font-style: normal !important;
  font-size: 0.875rem !important;
}

.front-page-posts ul li a,
.front-page-posts-in-focus ul li a {
  font-size: 1.025rem !important;
  font-style: normal !important;
  color: #1e293b !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.45 !important;
  word-break: break-word;
  box-sizing: border-box;
  transition: color 0.2s ease;
}

.front-page-posts ul li a:hover,
.front-page-posts-in-focus ul li a:hover {
  color: #0073bc !important;
  text-decoration: none;
}

.front-page-posts .item-list li,
.front-page-posts-in-focus .item-list li {
  margin: 0;
  padding: 0;
}

.front-page-posts .item-list li {
  padding: 0.65rem 0;
  border-bottom: 1px solid #f0f4f8;
}

.front-page-posts .item-list li:last-child {
  border-bottom: none;
}

.front-page-posts-in-focus .item-list li:first-child {
  padding-top: 0.5em;
}

.front-page-posts-in-focus .item-list li {
  display: grid;
  grid-template-areas:
    "pic title"
    "pic meta";
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 4fr;
  column-gap: 1em;
  row-gap: 0.25em;
  margin-bottom: 1.5em !important;
  padding-bottom: 1.25em;
  border-bottom: 1px solid #f0f4f8;
}

.front-page-posts-in-focus .item-list li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}

.front-page-posts-in-focus .views-field-field-language-resources-image {
  grid-area: pic;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}

.front-page-posts-in-focus .views-field-field-language-resources-image img {
  border-radius: 10px;
  border: 2px solid #fff8e6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.front-page-posts-in-focus .views-field-title {
  grid-area: title;
  margin: 0 0 0 0 !important;
}

.front-page-posts-in-focus .views-field-title span {
  padding: 0;
}

/* ==========================================================================
   Homepage Top Intro Header (Title + Caption on left, shapes_canvasv3.png on right)
   Paragraphs 8956 (EL: 8954 + 8955) & 8965 (EN: 8963 + 8964)
   Option 1: Full-Viewport-Width ("Full-Bleed") Soft Gradient Backdrop
   ========================================================================== */
.path-frontpage .page-container {
  overflow-x: clip;
}

.path-frontpage .main-content__section {
  padding-top: 0;
}

.paragraph--id--8956,
.paragraph--id--8965 {
  display: block !important;
  position: relative;
  z-index: 1;
  padding: 2.5rem 0;
  margin-bottom: 1.5rem;
  border: none !important;
}

.paragraph--id--8956::before,
.paragraph--id--8965::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #eef6fc 0%, #f8fbfe 55%, #fff8e6 100%);
  border: none !important;
  box-shadow: none !important;
  z-index: -1;
}

.paragraph--id--8956 > .paragraph__column,
.paragraph--id--8965 > .paragraph__column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 0 !important;
  background: transparent;
  border: none;
  box-shadow: none;
}

.paragraph--id--8956 .paragraph--type--bp-columns-two-uneven__2col-column1,
.paragraph--id--8965 .paragraph--type--bp-columns-two-uneven__2col-column1 {
  float: none !important;
  width: 58% !important;
  padding-right: 1rem !important;
}

.paragraph--id--8956 .paragraph--type--bp-columns-two-uneven__2col-column2,
.paragraph--id--8965 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  float: none !important;
  width: 42% !important;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.paragraph--id--8955 p,
.paragraph--id--8964 p {
  margin-bottom: 0;
}

.paragraph--id--8955 img,
.paragraph--id--8964 img,
.paragraph--id--8956 .paragraph--type--bp-columns-two-uneven__2col-column2 img,
.paragraph--id--8965 .paragraph--type--bp-columns-two-uneven__2col-column2 img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .paragraph--id--8956,
  .paragraph--id--8965 {
    padding: 1.75rem 0;
  }
  .paragraph--id--8956 > .paragraph__column,
  .paragraph--id--8965 > .paragraph__column {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .paragraph--id--8956 .paragraph--type--bp-columns-two-uneven__2col-column1,
  .paragraph--id--8965 .paragraph--type--bp-columns-two-uneven__2col-column1,
  .paragraph--id--8956 .paragraph--type--bp-columns-two-uneven__2col-column2,
  .paragraph--id--8965 .paragraph--type--bp-columns-two-uneven__2col-column2 {
    width: 100% !important;
    padding-right: 0 !important;
  }
}

/* ==========================================================================
   Service Block Intro (3-Column Cards: Find, Process, Share)
   Supports both Views Grid (.views-view-grid .views-col) and Unformatted rows
   ========================================================================== */
.service-block-intro {
  padding: 1.5rem 0;
}

.service-block-intro div.view-header > h3,
.intro_header_title {
  font-size: 2.625rem !important;
  color: #0073bc !important;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5rem;
}

.service-block-intro div.view-header > p,
.intro_header_caption {
  font-size: 1.325rem;
  color: #333333;
  text-align: left;
  margin-bottom: 1rem;
}

.service-block-intro .view-content {
  margin-top: 1rem;
  display: flex;
  gap: 2rem;
}

/* When rendered via Views Grid (e.g. block_4 with cols-3) */
.service-block-intro .view-content.row {
  display: block;
  margin-left: 0;
  margin-right: 0;
}

.service-block-intro .views-view-grid {
  width: 100%;
}

.service-block-intro .views-view-grid .views-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0.5rem 0 !important;
  border: none !important;
  box-shadow: none !important;
  width: 100%;
  margin: 0;
}

.service-block-intro .views-view-grid .views-row::before,
.service-block-intro .views-view-grid .views-row::after {
  display: none !important;
}

/* Card styling for each of the 3 columns (or direct .views-row in non-grid displays) */
.service-block-intro .views-view-grid .views-col,
.service-block-intro .view-content > .views-row {
  width: 100% !important;
  float: none !important;
  background: #ffffff;
  border-radius: 18px;
  padding: 2.25rem 1.75rem 2rem;
  text-align: center;
  position: relative;
  border: 1px solid rgba(0, 115, 188, 0.12);
  border-top: 5px solid #0073bc;
  box-shadow: 0 10px 28px rgba(0, 75, 124, 0.07), 0 2px 6px rgba(0, 0, 0, 0.03);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* Alternating / harmonious top border accents using Logo Blue & Logo Yellow */
.service-block-intro .views-view-grid .views-col.col-1,
.service-block-intro .view-content > .views-row:nth-child(1) {
  border-top-color: #0073bc;
}

.service-block-intro .views-view-grid .views-col.col-2,
.service-block-intro .view-content > .views-row:nth-child(2) {
  border-top-color: #f6b632;
}

.service-block-intro .views-view-grid .views-col.col-3,
.service-block-intro .view-content > .views-row:nth-child(3) {
  border-top-color: #08a7fd;
}

/* Card hover elevation */
.service-block-intro .views-view-grid .views-col:hover,
.service-block-intro .view-content > .views-row:hover {
  transform: translateY(-7px);
  box-shadow: 0 18px 36px rgba(0, 75, 124, 0.13), 0 4px 12px rgba(246, 182, 50, 0.15);
  border-top-color: #f6b632;
}

/* Icon circle badge with Blue + Yellow duotone styling */
.service-block-intro .views-field-field-category-icon {
  color: #0073bc;
  font-size: 30px;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: linear-gradient(135deg, #eef6fc 0%, #fff8e6 100%);
  border: 2px solid rgba(246, 182, 50, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
  box-shadow: 0 4px 14px rgba(0, 115, 188, 0.1);
  transition: all 0.3s ease;
}

.service-block-intro .views-view-grid .views-col.col-2 .views-field-field-category-icon,
.service-block-intro .view-content > .views-row:nth-child(2) .views-field-field-category-icon {
  background: linear-gradient(135deg, #fff8e6 0%, #fef0c7 100%);
  border-color: rgba(246, 182, 50, 0.7);
  color: #d48806;
}

.service-block-intro .views-view-grid .views-col:hover .views-field-field-category-icon,
.service-block-intro .view-content > .views-row:hover .views-field-field-category-icon {
  border-color: #f6b632;
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0, 115, 188, 0.15);
}

.service-block-intro .views-field-field-category-icon svg,
.service-block-intro .views-field-field-category-icon i {
  display: block;
}

/* Card Heading (Find, Process, Share) */
.service-block-intro .views-field-name h3,
.service-block-intro .views-field-name h4 {
  margin: 0 0 0.85rem 0;
  padding: 0;
  position: relative;
}

.service-block-intro .views-field-name h3::after,
.service-block-intro .views-field-name h4::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  background-color: #f6b632;
  border-radius: 2px;
  margin: 0.55rem auto 0;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.service-block-intro .views-view-grid .views-col:hover .views-field-name h3::after,
.service-block-intro .views-view-grid .views-col:hover .views-field-name h4::after,
.service-block-intro .view-content > .views-row:hover .views-field-name h3::after,
.service-block-intro .view-content > .views-row:hover .views-field-name h4::after {
  width: 56px;
  background-color: #0073bc;
}

.service-block-intro div.views-field.views-field-name > h3 > a,
.service-block-intro div.views-field.views-field-name > h4 > a {
  font-weight: 700;
  font-size: 1.35rem;
  color: #004b7c;
  text-decoration: none;
  transition: color 0.2s ease;
}

.service-block-intro div.views-field.views-field-name > h3 > a:hover,
.service-block-intro div.views-field.views-field-name > h4 > a:hover {
  color: #0073bc;
}

/* Card Description Text */
.service-block-intro .views-field-description__value {
  color: #4a5568;
  font-size: 0.975rem;
  line-height: 1.65;
}

.service-block-intro .views-field-description__value p {
  margin: 0;
  padding: 0;
}

.service-block-intro .front-images {
  text-align: center;
  margin-top: 1.5rem;
}

@media (max-width: 991px) {
  .service-block-intro .views-view-grid .views-row {
    gap: 1.25rem;
  }
  .service-block-intro .views-view-grid .views-col,
  .service-block-intro .view-content > .views-row {
    padding: 1.75rem 1.25rem 1.5rem;
  }
}

@media (max-width: 768px) {
  .service-block-intro .views-view-grid .views-row {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .service-block-intro .view-content,
  .paragraph--id--8950 .paragraph__column .field--type-viewsreference {
    flex-wrap: wrap;
  }
}

/** new home page - end test **/
.search-page .view-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  gap: 2.35em;
  margin-top: 2em;
}

.search-page .views-field-title-1 > span > a {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: underline;
  line-height: 1.4 !important;
  word-break: break-word;
  box-sizing: border-box;
}
.views-field-search-api-excerpt > span > strong {
  background-color: #fcd669;
}
.search-page .views-exposed-form {
  padding-bottom: 2em;
}

.search-page .view-content::before {
  --h: 212deg;
  --i: 2;
  --length: 5;
  --stop: calc(100% / var(--length) * var(--i));
  --l: 62%;
  --l2: 88%;
  --c1: hsl(var(--h), 71%, var(--l));
  --c2: hsl(var(--h), 71%, var(--l2));
  content: '';
  display: block;
  width: 100%;
  height: 0.625rem;
  position: absolute;
  top: 9.5em;
  left: 0;
  background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}

#views-exposed-form-test-search-block-1 .form--inline,
.search-page .form--inline,
.kcentre-blocks .form--inline {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0.35em;
}
.search-page .view-header {
  color: #8898aa;
}
.result-type {
  border-right: 1px solid #795301;
  padding-right: 1em;
}
.result-row-inline {
  display: flex;
  flex-direction: row;
  gap: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-style: italic;
}

.kcentre-blocks .form-item,
#views-exposed-form-test-search-block-1 .form-item,
#views-exposed-form-test-search-page-1 .form-item {
  margin-right: 0 !important;
}

.kcentre-blocks input.form-text,
#edit-search-api-fulltext,
.header-top__section input.form-text {
  padding: 0;
  font-weight: 300;
  transition: none;
  padding-left: 16px;
  padding-right: 5px;
  font-size: 18px;
  border-radius: 26px 0 0 26px;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  border: none;
}
#edit-submit-kcentre-various-blocks:hover,
#edit-submit-test-search:hover,
.header-top__section input[type="submit"]:hover {
  background-color: #fdbd36;
  border: 1px solid transparent;
}

.search-page #edit-search-api-fulltext,
.search-page #edit-submit-test-search {
  height: 52px;
}

.kcentre-blocks input.form-text,
.kcentre-blocks input[type="submit"],
.region-header-top-second #edit-search-api-fulltext,
.region-header-top-second #edit-submit-test-search,
.header-top__section input.form-text,
.header-top__section input[type="submit"] {
  height: 42px;
  border: 1px solid transparent;
}

.kcentre-blocks input[type="submit"],
#edit-submit-test-search,
.header-top__section input[type="submit"] {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.56;
  background-color: #0073bc;
  border: 1px solid transparent;
  text-transform: none;
  box-shadow: 0 2px 5px 1px rgba(64, 60, 67, 0.16);
  color: #fff;
  padding: 0 25px;
  top: 0;
  right: 0;
  border-top-right-radius: 10em;
  border-bottom-right-radius: 10em;
}

.views-field-search-api-excerpt {
  max-width: 85ch;
}

#block-views-block-similar-content-block-1 > h2,
#block-contenttype > h2 {
  color: #262626;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 0.5em;
  margin: 0 0 0.142857143em;
  border-bottom: 9px solid #599ae3;
}

.facet-item {
  padding: 0.25em;
  font-weight: 600;
}
#block-contenttype {
  padding-top: 6.10em;
}
.view-similar-content .view-content {
  padding-top: 1em;
}
.view-similar-content .views-row {
  padding: 10px;
}
#block-views-block-similar-content-block-1 .views-field-title a {
  font-weight: 600;
  text-decoration: underline;
  font-size: larger;
}
#views-exposed-form-test-search-page-1 .form-item {
  width: 100%;
}
#block-views-block-similar-content-block-1 {
  padding: 1em;
}

.facets-widget-links ul > li > a {
  border-inline-start: none;
}
/** new services **/
.paragraph--id--12641 .field--name-field-title,
.paragraph--id--12642 .field--name-field-title {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 0.7em;
  color: #c3c3c3;
}
.fa-search:before,
.fa-facet:before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
  content: "\f002";
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
  font-weight: 900;
  font-size: 3em;
  color: #f5bc04;
}
.fa-search:before {
  content: "\f002";
}

.fa-facet:before {
  content: "\f046";
}

#block-servicesfind-menu {
  color: #262626;
  font-size: 1.45rem;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 0.5em;
  margin: 0 0 0.142857143em;
}

.paragraph--id--12641 .paragraph__column,
.paragraph--id--12642 .paragraph__column {
  background-color: #1f2433;
  color: #c3c3c3;
  padding: 2em !important;
  border-radius: 8px;
}

.paragraph--id--12641,
.paragraph--id--12641 .paragraph__column,
.paragraph--id--12641 .paragraph--type--bp-columns__2col > div {
  height: 100%;
}
.paragraph--id--12643 > .paragraph__column > .paragraph--type--bp-columns__2col {
  width: 100%;
}
.paragraph--id--12643 > .paragraph__column > .paragraph--type--bp-columns__2col > div {
  height: 100%;
}

.paragraph--id--12643 > .paragraph__column {
  display: flex;
}