/**
 * @file
 * Subtheme specific CSS.
 */
/*******************************************
   Reset
 ******************************************/
.node .field--type-image {
  float: none;
}

.node__content {
  font-size: 1rem;
  margin-top: 0;
}

.node--view-mode-teaser {
  border: 0;
}

img, video {
  max-width: 100%;
  height: auto;
}

.field--type-entity-reference {
  margin: 0;
}

.site-footer__bottom,
.site-footer__bottom .region {
  margin: 0;
}

.form-control {
  border-color: #fff;
  border-color: var(--white);
}

/*******************************************
     General
******************************************/
body {
  font-family: var(--bodyFont);
}

* {
  scroll-padding-top: 100px;
}

a, .nav-link {
  color: var(--orange);
  text-decoration: none;
}

.color_main {
  color: var(--color_main);
}

.gotop a {
  display: flex;
  justify-content: center;
  border: 2px solid var(--green_dark);
  background-color: var(--green_dark);
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  padding: 0.25rem;
  margin-top: 1rem;
  float: right;
  transition: 0.3s linear all;
}

.gotop a:hover {
  background-color: var(--lightblue);
  border: 2px solid var(--lightblue);
  transform: rotate(15deg);
}

.gotop svg,
.gotop svg path {
  fill: var(--white);
}

.btn {
  border-radius: 2rem;
  text-transform: uppercase;
  color: var(--black);
  padding: 0.2rem 1rem;
}

.btn.btn-primary {
  background-color: var(--green_dark);
  border: 1px solid var(--green_dark);
}

.btn.btn-info {
  background-color: var(--color_main);
  border: 1px solid var(--color_main);
}

.btn.btn-primary,
.btn.btn-info {
  transition: 0.3s linear all;
  color: var(--white);
}

.btn.btn-primary:hover,
.btn.btn-info:hover {
  color: var(--white);
  background-color: var(--orange);
  border: 1px solid var(--orange);
}

h2 {
  font-weight: bold;
}

h3 {
  font-weight: 600;
}

img,
video,
svg {
  max-width: 100%;
  height: auto;
}

/*******************************************
  Layout
******************************************/
.section_item {
  margin-bottom: 2rem;
  background-color: var(--grey_light);
  padding: 1rem 0.75rem;
  border-radius: var(--border_radius);
}

.section_item .section_title {
  margin-bottom: 1.5rem;
}

.section_item .paragraph--type--image .field--name-field-media-image.field--type-image {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.section_item .paragraph--type--image .field--name-field-media-image.field--type-image img {
  width: 180px;
}
/*******************************************
  Header
******************************************/
#header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--white);
  border-bottom: 2px solid var(--white);
  /* max-width: none; */
  transition: 0.3s linear all;
}

.scrolled #header {
  border-bottom: 2px solid var(--grey_light);
  background-color: var(--white);
}

#navbar-main {
  background-color: var(--white);
}

.navbar-brand img {
  width: 250px;
  height: auto;
}

.navbar-brand .title_name {
  display: none;
}

.navbar-toggler {
  border: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler:focus-visible {
  outline: none;
}

#block-fcc-breadcrumbs {
  padding: 1rem 0;
}

#header .offcanvas-header {
  padding-right: 2rem;
}

#header li.nav-item a.nav-link {
  color: var(--text);
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0;
}

#header li.nav-item a.nav-link:hover,
#header li.nav-item a.nav-link:focus {
  color: var(--orange);
}

#header li.nav-item a.active {
  font-weight: bold;
}

#header li.nav-item a.btn-sostieni {
  color: var(--white);
  padding: 0.1rem 1.25rem;
  display: inline-block;
}

#header .block-menu.menu--main li.nav-item {
  margin-bottom: 0.5rem;
}

#header li.nav-item a.btn-sostieni:hover {
  color: var(--white);
  background-color: var(--orange);
}

#block-fcc-main-menu ul.nav {
  display: flex;
}

.dropdown-item {
  padding: 0;
}

.dropdown-item>a {
  padding: 5px 15px;
  text-transform: uppercase;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:hover a {
  text-decoration: none;
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--green_dark);
}

/*******************************************
  Contents
******************************************/
/* General*/
.field--name-field-paragraphs.field--type-entity-reference-revisions {}

.field--name-field-paragraphs.field--type-entity-reference-revisions>.field__item {
  margin-bottom: 3rem;
}

.greybox {
  background-color: var(--grey_light);
  border-radius: 2rem;
  padding: 2rem;
}

.box_lightblue {
  background-color: var(--lightblue_light);
  border-radius: 1.5rem;
  padding: 1.5rem;
}

.box_lightblue .item_details>.field {
  display: flex;
  margin-bottom: 0.25rem;
}

.box_lightblue .item_details>.field .field__label {
  min-width: 13rem;
  width: 100%;
  padding-right: 0.5rem;
}

.box_lightblue .item_details>.field .field__item {
  font-weight: bold;
}

.box_lightblue .descriptions {
  margin-top: .75rem;
}

.box_lightblue .descriptions_item {}

.box_lightblue .item_dondate {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--lightblue);
}

.box_lightblue .descriptions_item .field__label {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--white);
  font-weight: bold;
}

.box_lightblue h2 {
  font-size: 2.0rem;
  line-height: 2.6rem;
}

.box_lightblue h3 {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.box_lightblue h4 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: bold;
}

/* Accordion */
.accordion-item {
  margin-bottom: 1rem;
  border: 0px;
}

.accordion-button::before {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.13184%2013.6999C0.415341%2014.1199%200.169501%2015.03%200.583213%2015.75C0.996926%2016.47%201.9143%2016.71%202.6308%2016.3L1.13184%2013.6999ZM20.6373%205.38999C20.8521%204.58999%2020.3775%203.77002%2019.578%203.55002L6.54709%200.0600314C5.74764%20-0.159969%204.92518%200.319968%204.71133%201.11997C4.49648%201.91997%204.97121%202.73992%205.77065%202.94992L17.3535%206.06003L14.2507%2017.6499C14.0359%2018.4499%2014.5105%2019.27%2015.31%2019.49C16.1094%2019.7%2016.9319%2019.2299%2017.1457%2018.4299L20.6373%205.38999ZM2.6308%2016.3L19.9398%206.30002L18.4408%203.69992L1.13184%2013.6999L2.6308%2016.3Z%22%20fill%3D%22%23323232%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  background-color: var(--white);
  border-radius: 2rem;
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: 0.25rem 0.25rem;
  transform: rotate(90deg);
  transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button.collapsed::before {
  transform: rotate(0deg);
}

.accordion-button:after {
  display: none;
}

.accordion-button,
.accordion-button:not(.collapsed) {
  color: var(--text);
  font-weight: bold;
  font-size: 1.3rem;
  border-radius: 0.75rem !important;
}

.bg-green,
.bg-green.accordion-button:not(.collapsed) {
  background-color: var(--green);
}

.bg-pink,
.bg-pink.accordion-button:not(.collapsed) {
  background-color: var(--pink);
}

.bg-orange,
.bg-orange.accordion-button:not(.collapsed) {
  background-color: var(--orange);
}

.bg-lightblue,
.bg-lightblue.accordion-button:not(.collapsed) {
  background-color: var(--lightblue_light2);
}

.bg-grey_light {
  background-color: var(--grey_light);
}

/* Homepage*/
.slide_wrapper {
  background-color: var(--grey_light);
  border-radius: 2rem;
  padding: 2rem;
  border: 2px solid var(--grey_light);
}

.counter_value,
.counter_label {
  text-align: center;
}

.counter_value {
  font-size: 4rem;
  color: var(--color_main);
  font-weight: bold;
}

.ambito-item {
  text-align: center;
}

.bgcircle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 20rem;
  height: 20rem;
  border-radius: 20rem;
  /* padding: 4rem; */
  margin-bottom: 2rem;
}

.bgcircle img {
  width: 100%;
  height: auto;
}

.ambito-item .text {
  text-transform: uppercase;
  font-size: 1.2rem;
}

/* Progetti e Bandi - Teasers*/
.progetti-grid .views-view-grid,
.news-view .views-view-grid {
  --bs-gutter-x: 0;
  --bs-gutter-x: 0.75rem;
}

.progetti-grid .views-view-grid,
.news-view .views-view-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.progetti-grid .views-view-grid>.col-12,
.news-view .views-view-grid>.col-12 {
  display: flex;
}

.node--type-progetto.node--view-mode-teaser,
.node--type-bando.node--view-mode-teaser {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* card occupa altezza massima */
}

.node--type-progetto.node--view-mode-teaser .teaser_content,
.node--type-bando.node--view-mode-teaser .teaser_content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* contenuto espanso */
}

.node--type-progetto.node--view-mode-teaser .teaser_content .field_body,
.node--type-bando.node--view-mode-teaser .teaser_content .field_body {
  flex: 1 1 auto;
}

.node--type-progetto.node--view-mode-teaser .teaser_content .node_links,
.node--type-bando.node--view-mode-teaser .teaser_content .node_links {
  margin-top: auto;
  /* porta il bottone in fondo */
}

.views-view-grid.row .col-xxl-4 {
  margin-bottom: 1.5rem;
}

.node--type-progetto.node--view-mode-teaser,
.node--type-bando.node--view-mode-teaser,
.node--type-article.node--view-mode-teaser {
  background-color: var(--grey);
  border: 3px solid var(--grey);
  border-radius: var(--border_radius);
  overflow: hidden;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
}

.node--type-progetto.node--view-mode-teaser,
.node--type-bando.node--view-mode-teaser {
  height: 100%;
}

.node--type-progetto.node--view-mode-teaser header,
.node--type-bando.node--view-mode-teaser header {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.node--type-progetto.node--view-mode-teaser header img,
.node--type-bando.node--view-mode-teaser header img {
  transition: all linear 0.5s;
  margin: 0;
}

.node--type-progetto.node--view-mode-teaser header:hover img,
.node--type-bando.node--view-mode-teaser header:hover img {
  transform: scale(1.1);
}

.node--type-article.node--view-mode-teaser .field_cover_image {
  overflow: hidden;
}

.node--type-article.node--view-mode-teaser img {
  margin: 0;
  transition: all linear 0.5s;
}

.node--type-article.node--view-mode-teaser .field_cover_image:hover img {
  transform: scale(1.1);
}

.node--type-progetto.node--view-mode-teaser header .overlay,
.node--type-bando.node--view-mode-teaser header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgb(70, 68, 68);
  background: linear-gradient(180deg, rgb(70, 68, 68) 0%, rgba(0, 0, 0, 0.24) 50%, rgba(0, 0, 0, 0) 100%)
}

.node--type-progetto.node--view-mode-teaser header h2,
.node--type-bando.node--view-mode-teaser header h2,
.node--type-article.node--view-mode-teaser h2 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.node--type-bando.node--view-mode-teaser header h2 {
  font-size: 1.6rem;
  line-height: 2.0rem;
}

.node--type-progetto.node--view-mode-teaser header h2,
.node--type-bando.node--view-mode-teaser header h2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.node--type-progetto.node--view-mode-teaser header h2 a,
.node--type-bando.node--view-mode-teaser header h2 a {}

.node--type-progetto.node--view-mode-teaser header h2 span,
.node--type-bando.node--view-mode-teaser header h2 span {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--white);
}

.node--type-progetto.node--view-mode-teaser .teaser_content,
.node--type-bando.node--view-mode-teaser .teaser_content,
.node--type-article.node--view-mode-teaser .teaser_content {
  padding: 1rem;
}

.node--type-progetto.node--view-mode-teaser .teaser_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.block-views-blockteasers-news-related {
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--);
}

.block-views-blockteasers-news-related>h2 {
  margin-bottom: 2rem;
}

/* Progetti e Bandi - Full*/
.fixed-right {
  position: sticky;
  top: 100px;
}

.btn-donate {
  width: 100%;
  color: var(--white);
  margin-bottom: 1rem;
}

.btn-donate.btn-paypal {
  background-color: #002991;
}

.btn-donate.btn-satispay {
  background-color: #ff3d00;
}

.btn-donate.btn-paypal,
.btn-donate.btn-satispay {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-donate.btn-paypal:hover,
.btn-donate.btn-satispay:hover {
  opacity: 0.85;
  color: var(--white);
  border-color: transparent;
}

/* VISTA sui bandi passati */

#block-fcc-views-block-teasers-teasers-bandi h2 {
  margin-bottom: 3rem;
}

/* newsletter form */
.newsletter_form_wrapper {
  background-color: var(--green);
  position: relative;
  padding: 2rem;
  border-radius: var(--border_radius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 2rem;
  padding-bottom: 0;
  overflow: hidden;
}

.newsletter_form_wrapper .webform-button--submit {
  background-color: var(--green_dark);
}

.newsletter_form_wrapper .webform-submission-newsletter-form {
  display: flex;
}

.newsletter_form_wrapper .webform-submission-newsletter-form .form-item-email {
  margin-right: 0.75rem;
}

.newsletter_form_wrapper .webform-submission-newsletter-form .form-item-email label {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.newsletter_form_wrapper .webform-submission-newsletter-form .form-email,
.newsletter_form_wrapper .webform-submission-newsletter-form .webform-button--submit.btn {
  border-radius: var(--border_radius);
  text-transform: initial;
  padding: 1rem 1.5rem;
}

.newsletter_form_wrapper .webform-submission-newsletter-form .webform-button--submit.btn {
  color: var(--white);
  font-weight: bold;
}

.newsletter_form_wrapper .include_svg {
  /* position: absolute;
  bottom: 0;
  right: 0; */
}

/* News Articoli */
.field--name-created.field--type-created {
  display: block;
  margin-bottom: 0.5rem;
}

.field--name-field-bando-o-progetto {
  font-weight: bold;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

.node--type-article.node--view-mode-teaser {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* card occupa altezza massima */
}

.node--type-article.node--view-mode-teaser .teaser_content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* contenuto espanso */
  height: 100%;
}

.node--type-article.node--view-mode-teaser .field_body {
  flex: 1 1 auto;
}

.node--type-article.node--view-mode-teaser .node_links {
  margin-top: auto;
  /* porta il bottone in fondo */
}

.node--type-article.node--view-mode-teaser h3 a {
  margin-top: 0.5rem;
  display: block;
  color: var(--text);
}

.node--type-article.node--view-mode-teaser .field--name-body {
  margin-bottom: 1rem;
}

/* views */
.view-content.row {
  justify-content: center;
}

/*******************************************
  Footer
******************************************/
.site-footer {
  background: var(--grey_light);
  color: var(--text);
}

.site-footer .content,
.site-footer .content a {
  color: var(--text);
}

.site-footer .content a:hover {
  color: var(--blue);
}

.site-footer__top h2 {
  border-bottom: 0px;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--text);
}

.site-footer img {
  display: inline-block;
  max-width: 66%;
  height: 6rem;
  width: auto;
  margin-right: 2rem;
}

.region-footer-bottom .nav-item,
.region-footer-bottom .nav-item a {
  padding-left: 0;
  color: var(--text);
}

.region-footer-bottom .nav-item a:hover {
  color: var(--color_main);
}

.site-footer ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  padding: 0 1rem;
}

.socials_wrapper {
  display: flex;
}

.socials_wrapper .social_item {
  margin-right: 0.75rem;
  background-color: var(--white);
  border-radius: 50%;
  padding: 0.5rem;
}

.socials_wrapper .social_item svg {
  width: 1.5rem;
  height: 1.5rem;
}

.socials_wrapper .social_item:hover svg path {
  fill: var(--color_main);
}

.socials_wrapper .social_item.fb:hover svg path {
  fill: var(--facebook);
}

.socials_wrapper .social_item.ig:hover svg path {
  fill: var(--instagram);
}

.socials_wrapper .social_item.in:hover svg path {
  fill: var(--linkedin);
}

.socials_wrapper .social_item.yt:hover svg path {
  fill: var(--youtube);
}

/**********************************************
  Loader
*********************************************/
#loader_out {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 999992;
  overflow: hidden;
}

#loader_in {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
}

.loader_img {
  display: block;
  animation-name: loaderPulse;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  height: auto;
  max-width: 300px;
  height: auto;
}

@keyframes loaderPulse {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0.8;
  }
}