:root{
	--spacer:16px;
	--shadow:2px 2px 10px rgba(0, 0, 0, 0.15);
	--primaryColor:#000000;
	--textColor:#4a4a4a;
}

body{
  font-family: Raleway;
  color: var(--textColor);
}

.buttonNew{
  background-color: var(--primaryColor);
  padding: 12px 32px;
  border-radius: 50px;
  color: #ffffff !important;
  font-size: 18px;
  border: none;
  box-shadow: var(--shadow);
  font-weight: 300;
  font-family: 'Raleway';
  text-decoration: none;
  display: inline-block;
}

header.anedaheader{
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 900;
}

header.anedaheader .container-aneda{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(var(--spacer) / 2) var(--spacer);
  box-shadow: var(--shadow);
  gap: calc(var(--spacer) * 2);
}

header.anedaheader .container-aneda img{
  max-width: 130px;
}

header.anedaheader .container-aneda .search-aneda{
  background-color: #f5f5f5;
  padding: calc(var(--spacer) / 2);
  padding-left: calc(var(--spacer) * 2);
  border-radius: 100px;
  flex: 1;
  display: flex;
  gap: var(--spacer);
  align-items: center;
}
header.anedaheader .container-aneda .search-aneda-cont{
  flex: 1;
}

header.anedaheader .container-aneda .search-aneda input{
  flex: 1;
  height: 32px;
  background-color: transparent;
  border: none;
  font-size: 16px;
}

header.anedaheader .container-aneda .search-aneda input:focus-visible{
  outline: none;
}

header.anedaheader .menu-container ul{
	display: flex;
	gap: var(--spacer);
	align-items: center;
}

header.anedaheader a{
	color: var(--primaryColor);
  display: block;
}

header.anedaheader .menu-container ul li{
	font-weight: 200;
	transition: color 0.2s ease;
}

header.anedaheader .menu-container ul li:hover{
color: var(--primaryColor);
}

header.anedaheader .menu-container ul li a{
	text-decoration: none;
}

.burger {
	display: none;
	flex-direction: column;
	cursor: pointer;
	gap: 5px;
}

		.search-mob {
		display: none;
		cursor: pointer;
	}

.burger span {
	width: 25px;
	height: 3px;
	background: #333;
	border-radius: 3px;
}

@media (min-width: 1301px) {
	.menu-container {
		display: block !important;
	}
	.search-aneda{
		display: flex !important;
	}
}

@media (max-width: 1300px) {
  
  .mobile span{
    display: none;
  }
  
  .mobile i{
    display: block !important;
  }
  
  .buttonNew.mobile{
    padding: 12px 14px;
  }
  
  
  #wrap article{
    padding: 16px;
    width: calc(100% - 32px);
  }
  .container-icon-mobile{
    display: flex;
        gap: 16px;
  }
  .pagination .prev.page-numbers span, .pagination .next.page-numbers span{
    display: none;
  }

	.container-aneda-icon-mobile{
		    display: flex;
    gap: calc(var(--spacer) * 2);
    align-items: center;
	}

	.container-aneda-icon-mobile i{
		font-size: 22px;
	}

	.burger {
		display: flex;
	}

	#menu {
		display: none;
		position: absolute;
		top: 78px;
    border-top: 1px solid #000;
		left: 0;
		width: 100%;
		background: #fff;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	}

	.menu-container ul {
		flex-direction: column;
		padding: 1em;
	}

	.search-mob {
        display: flex;
        font-size: 20px;
	}

	#search-mob-open {
		display: none;
        position: absolute;
    top: 78px;
    border-top: 1px solid #000;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    padding: 12px 0px;
	}
}


@media(max-width: 480px){
  .search-aneda i.first-icon{
    display: none;
  }
  header.anedaheader .container-aneda .search-aneda{
    padding-left: calc(var(--spacer) / 1.5);
  }
}

/* Masonry layout con CSS Grid */
.masonry {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
grid-auto-rows: 21px;
gap: 2px;
padding: 96px 16px 16px 16px;
justify-content: flex-start;
}

/* Ogni card */
.card {
  perspective: 1000px; /* Per l'effetto flip */
  /* L'altezza viene impostata dinamicamente da JS (grid-row-end) */
}

/* Struttura interna flip - CORREZIONE CHIAVE */
.card-inner {
  position: relative;
  width: 100%;
  height: 100%; /* <-- FIX: Assicura che l'inner div riempia la card */
  transform-style: preserve-3d;
  transition: transform 0.8s;
}

/* Dimensioni adattate all'immagine */
.card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover; /* o contain, se vuoi evitare il crop */
}

/* Front e back */
.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  overflow: hidden; /* Nasconde contenuti che escono dai bordi arrotondati */
  cursor: pointer;
  border: 1px solid #eee;
}

/* Lato frontale */
.card-front {
  z-index: 2;
}

/* Lato retro - CORREZIONE CHIAVE */
.card-back {
background: #ffffff;
color: #4a4a4a;
display: flex;
flex-direction: column;
justify-content: center;
transform: rotateY(180deg);
padding: 20px;
box-sizing: border-box;
gap: 16px;
border: 1px solid #eee;
line-height: normal;/* <-- FIX: Evita che il padding alteri le dimensioni */
}

.card-back a{
	color:#000;
}
.card-back a:hover{
	opacity: 0.8;
}

	.card-back h3{
		font-size: 26px;
		font-weight: 400;
	}
	.card-back small{
		font-weight: 300;
		font-size: 12px;
	}
	.card-back p{
		font-weight: 300;
		font-size: 16px;
	}

/* Effetto flip al hover */
.card:hover .card-inner {
  transform: rotateY(180deg);
}

.card-sponsor {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.card-sponsor {
  position: relative;
}

.sponsor-link {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.card-sponsor img {
    display: block;
	width: 100%;
	height: auto;
	object-fit: cover; /* o contain se preferisci intero */
}

.badge-sponsored {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #ffcc00;
  color: #000;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 3px;
  letter-spacing: .05em;
  line-height: 1;
  font-weight: 600;
}

.sponsor-fallback {
  aspect-ratio: 4/5;
  background:#e5e5e5;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  color:#555;
  font-weight:500;
}

.sponsor-multi img + img {
  margin-top: 4px;
}

.card-sponsor img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .masonry {
	display: flex;
	flex-direction: column;
	align-items: center;
  }

  .card {
	width: 90%;
	margin-bottom: 20px;
	grid-row-end: unset !important; /* Rimuove l'effetto masonry */
  }

  /* Su mobile, l'effetto flip viene disabilitato per una migliore UX.
	 Le card mostrano fronte e retro uno sotto l'altro. */
  .card-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	transform: none !important;
  }

  .card-front, .card-back {
	position: relative;
	height: auto;
	transform: none;
	backface-visibility: visible;
	border-radius: 0px;
  }

  .card-back {
	  transform: none; /* Sovrascrive la rotazione */
  }

  .card:hover .card-inner {
	transform: none !important;
  }
}


/* FIX OLD CSS */
body:not(.home) #wrap {
    padding-top: 80px;
}

.single-post .pinbin-copy p, .single-post .single-pinbin-copy p{
	color: var(--textColor);
  margin-bottom: var(--spacer);
}

.page .pinbin-copy p, .page .single-pinbin-copy p{
  color: #fff;
}

.pagination{    
  display: flex;
      align-items: center;
      justify-content: center;
      padding: calc(var(--spacer) * 4) calc(var(--spacer) * 2);
      gap: var(--spacer);
    }
    
    .pagination .page-numbers{
      font-weight: 300;
      text-decoration: none;
      color: var(--textColor);
    }
    
    
    .pagination .prev.page-numbers, .pagination .next.page-numbers{
    padding: 12px 32px;
        border-radius: 50px;
        color: var(--textColor);
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    

    
    
    .pagination .page-numbers.current{
      background-color: var(--primaryColor); 
      padding: 12px var(--spacer);
      border-radius: 50px;
      color: #ffffff;
    }
    
    footer.anedafooter {
      background-color: var(--primaryColor);
      padding: calc(var(--spacer) * 3) var(--spacer);
      color: #ffffff; 
      display: flex;
      gap: calc(var(--spacer) * 2);
      align-items: center;
      border-top: 2px solid #fff;
    }
    
    footer.anedafooter .left-section{
      display: flex;
      gap: var(--spacer);
      flex-direction: column;
      flex: 1;
    }
    
    footer.anedafooter .left-section img{
      -webkit-filter: invert(100%); /* Safari/Chrome */
      filter: invert(100%);
      width: 125px;
    }
    
    footer.anedafooter .left-section p{
      font-size: 20px;
      font-weight: 400;
    }
    footer.anedafooter .left-section small{
      font-style: italic;
      font-weight: 200;
    }
    
    footer.anedafooter .right-section{
      flex: 1;
    }
    
    footer.anedafooter .left-section ul{
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: var(--spacer);
    }
  footer.anedafooter .left-section ul li a{
    color: #ffffff;
    text-decoration: none;
    font-weight: 200;
  } 
  
  footer.anedafooter .left-section ul li .buttonNew{
    background-color: #ffffff;
    color: var(--textColor) !important;
  } 
  
  @media(max-width:1100px){
    footer{
      flex-direction: column;
      text-align: center;
    }
    footer.anedafooter .left-section{
      text-align: center;
      align-items: center;
    }
    
    footer.anedafooter .right-section{
      text-align: center;
      align-items: center;
    }
  }
  
  /* OTHER */
  
  
  
  audio,canvas,video {
    display: inline-block;
  }
  
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  
  [hidden] {
    display: none;
  }
  
  .single h1,.archive h1,.search h1,.error404 h1 {
    color: #000;
    font-weight: 300;
    text-align: center;
    font-size: 5em;
    line-height: 1.15em;
    //margin: 0 -15vw 10px -15vw;
  }
  
  abbr[title] {
    border-bottom: 1px dotted;
  }
  
  b,strong {
    font-weight: bold;
  }
  
  dfn {
    font-style: italic;
  }
  
  hr {
    box-sizing: content-box;
    height: 0;
  }
  
  mark {
    background: #ff0;
    color: #000;
  }
  
  code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em;
  }
  
  pre {
    white-space: pre-wrap;
  }
  
  q {
    quotes: "\201C" "\201D" "\2018" "\2019";
  }
  
  small {
    font-size: 80%;
  }
  
  sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sup {
    top: -.5em;
  }
  
  sub {
    bottom: -.25em;
  }
  
  img {
    border: 0;
  }
  
  svg:not(:root) {
    overflow: hidden;
  }
  
  figure {
    margin: 0;
  }
  
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
  }
  
  legend {
    border: 0;
    padding: 0
  }
  
  button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
  }
  
  button,input {
    line-height: normal;
  }
  
  button,select {
    text-transform: none;
  }
  
  button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer
  }
  
  button[disabled],html input[disabled] {
    cursor: default;
  }
  
  input[type="checkbox"],input[type="radio"] {
    box-sizing: border-box;
    padding: 0
  }
  
  input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
  }
  
  input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  label.screen-reader-text,label.wp-block-search__label {
    display: none;
    text-align: center;
    margin: .25em 0;
    font-size: 2em;
    font-weight: normal;
  }
  
  textarea {
    overflow: auto;
    vertical-align: top
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  .left {
    float: left;
  }
  
  .right {
    float: right;
  }
  
  .center {
    display: block;
    margin: 0 auto;
  }
  
  .hidden {
    display: none;
  }
  
  .transparent {
    opacity: 0;
  }
  
  .fixd {
    position: fixed;
  }
  
  .clear {
    clear: both;
  }
  
  div.page.hentry {
    width: 100%;
    display: block;
  }
  
  body.home #main-nav-wrapper {
    height: 0;
  }
  
  .page-template-default #wrap,.page-template-page-CFAlive #wrap,.tribe-events-page-template #wrap {
    padding-top: 0;
    position: relative;
    z-index: 9;
    max-width: 640px;
    margin: 0px auto 100px auto;
  }
  
  #wrap.fixd {
    position: absolute;
  }
  
  #blackcurtain,#blockwindow {
    transition: left 500ms ease-in-out;
  }
  
  #blackcurtain {
    position: fixed;
    top: 0;
    left: 100vw;
    z-index: 10;
    width: calc(100vw - 300px);
    height: 100%;
    background: #000;
    background: rgba(0,0,0,.85);
    color: #fff;
  }
  
  #blackcurtain.show {
    position: fixed;
    left: 300px;
    overflow: scroll;
    padding-top: 100px;
  }
  
  div#closemenu {
    top: 20px;
    left: 50px;
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
    cursor: pointer;
  }
  
  div#closemenu span {
    font-size: 3rem;
    vertical-align: middle;
    margin-top: -7px;
    display: inline-block;
  }
  
  #main-nav-wrapper {
    display: block;
    width: 100%;
    transition: all 300ms linear;
  }
  
  #header {
    padding-bottom: 15px;
  }
  
  #nav-below {
    display: none
  }
  
  nav#archive-nav-below {
    position: relative;
    z-index: 999;
    width: 300px;
    margin: 0 auto;
  }
  
  nav#archive-nav-below a {
    color: #000;
    padding: 10px;
    text-decoration: none;
  }
  
  #wpadminbar {
    display: none
  }
  
  #site-navigation {
    width: 100%;
    max-width: 100vw;
    display: block;
    height: 170px;
    position: fixed;
    top: 0;
    z-index: 9;
    overflow: hidden;
  }
  
  #site-navigation.menu-open {
    height: 100%;
  }
  
  #logo-print {
    display: none;
  }
  
  #main-nav-wrapper #logo {
    width: 250px;
    height: 123px;
    margin: 20px auto;
    cursor: pointer;
    z-index: 10;
    position: relative;
  }
  
  #main-nav-wrapper #logo svg {
    z-index: 200;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
  }
  
  .home #logo svg path {
    transition: fill .5s linear;
  }
  
  .WLOGO {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    cursor: pointer;
    z-index: 11;
    width: 250px;
    height: 123px;
  }
  
  .WLOGO svg {
    width: 250px;
    height: auto;
  }
  
  #hambmenu {
    display: block;
    width: 80px;
    height: 50px;
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 7px;
    z-index: 10;
    outline-color: transparent;
    outline-width: 0;
  }
  
  #hambmenu-icon {
    width: 30px;
    height: 30px;
  }
  
  #hambmenu-icon rect,.menu-open #hambmenu-icon rect {
    transition: all 250ms ease-in-out;
  }
  
  .menu-open #hambmenu-icon rect#line1 {
    transform: rotate(-45deg) translateY(110px) translateX(-25px) scale(.5);
  }
  
  .menu-open #hambmenu-icon rect#line2 {
    opacity: 0;
  }
  
  .menu-open #hambmenu-icon rect#line3 {
    transform: rotate(45deg) translateY(-80px) translateX(65px) scale(.5);
  }
  
  .sidemenu {
    position: fixed;
    top: 100%;
    left: 0;
    z-index: 9;
    height: 100%;
    width: 100vw;
    background: #fff;
    padding-top: 20px;
    transition: top 300ms ease-in-out;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .menu-open .sidemenu {
    top: 145px;
  }
  
  .sidemenu .menu {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
  }
  
  .sidemenu .menu li {
    padding: 0 40px 25px 40px;
    width: auto;
    flex: 1 0 auto;
  }
  
  .sidemenu .menu li.menu_lowercase a {
    text-transform: initial;
  }
  
  .sidemenu .menu li a {
    font-size: 28px;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    
    font-weight: 300;
    opacity: 1;
    transition: opacity 200ms ease-in-out;
  }
  
  .sidemenu .menu li a:hover {
    opacity: .75;
  }
  
  #lang-switcher li a,#lang-switcher li span {
    margin: 0 20px;
  }
  
  #lang-switcher span {
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    color: #3a3a3a;
    
  }
  
  .pinbin-image img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    transition: opacity .3s linear;
  }
  
  .single #header,.page #header {
    padding-bottom: 0;
  }
  
  #whitecurtain {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 1000;
    top: 0;
    opacity: 1;
    background: #fff;
    transition: 500ms linear;
  }
  
  #whitecurtain .cross-black {
    width: 25px;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
  }
  
  @-moz-keyframes spin {
    0% {
      -moz-transform: rotate(0deg)
    }
  
    5% {
      -moz-transform: rotate(0deg)
    }
  
    25% {
      -moz-transform: rotate(90deg)
    }
  
    30% {
      -moz-transform: rotate(90deg)
    }
  
    50% {
      -moz-transform: rotate(180deg)
    }
  
    55% {
      -moz-transform: rotate(180deg)
    }
  
    75% {
      -moz-transform: rotate(270deg)
    }
  
    80% {
      -moz-transform: rotate(270deg)
    }
  
    100% {
      -moz-transform: rotate(360deg)
    }
  }
  
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg)
    }
  
    5% {
      -webkit-transform: rotate(0deg)
    }
  
    25% {
      -webkit-transform: rotate(90deg)
    }
  
    30% {
      -webkit-transform: rotate(90deg)
    }
  
    50% {
      -webkit-transform: rotate(180deg)
    }
  
    55% {
      -webkit-transform: rotate(180deg)
    }
  
    75% {
      -webkit-transform: rotate(270deg)
    }
  
    80% {
      -webkit-transform: rotate(270deg)
    }
  
    100% {
      -webkit-transform: rotate(360deg)
    }
  }
  
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
  
    24% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
    }
  
    25% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg)
    }
  
    49% {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg)
    }
  
    50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
    }
  
    74% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
    }
  
    75% {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg)
    }
  
    99% {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg)
    }
  
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  #whitecurtain #CFAlogo-svg {
    opacity: .25;
  }
  
  #whitecurtain.prehidden {
    opacity: 0;
  }
  
  #whitecurtain #CFAlogo-C-svg,#whitecurtain #CFAlogo-A-svg,#whitecurtain #CFAlogo-cross-svg path:first-child,#whitecurtain.hidden {
    display: none;
  }
  
  .page-template-default .pinbin-copy,.page-template-default .pinbin-copy form.widget_wysija p,.page-template-page-CFAlive .pinbin-copy,.page-template-page-CFAlive .pinbin-copy form.widget_wysija p,.tribe-events-page-template .pinbin-copy,.tribe-events-page-template .pinbin-copy form.widget_wysija p {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    max-width: 768px;
    position: relative;
    margin-bottom: 10px;
    padding: 0;
    background: #000;
  }
  
  .single .single-pinbin-copy,.page .pinbin-copy,.error404 .pinbin-copy {
    //padding: 0 5vw;
    color: #444;
    font-size: 18px;
    line-height: normal;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    box-sizing: border-box;
  }
  
  .page .pinbin-copy {
    max-width: 100%;
    background: #000;
  }
  
  .single .single-pinbin-copy {
    width: 100%;
    //max-width: 550px;
    margin-top: 0;
    text-align: justify;
    box-sizing: content-box;
  }
  
  @media all and (min-width: 768px) {
    .page .pinbin-copy {
      max-width:75vw
    }
  
    .single .single-pinbin-copy,.error404 .pinbin-copy {
      margin-top: 64px;
      background: #fff;
      z-index: 100;
      position: relative
    }
  }
  
  small.author {
    font-size: 100%;
  }
  
  small.author:before {
    content: "by ";
  }
  
  img.author-pic {
    margin: 0 20px 20px 0;
  }
  
  .cfa_authors h1 {
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
  }
  
  .page .pinbin-copy h1,.search .pinbin-copy h1 {
    text-align: center;
    margin: 0 0 50px 0;
    line-height: 1;
    
    font-weight: 700;
    letter-spacing: 1px;
  }
  
  .page-template-default .pinbin-copy h1,.page-template-page-CFAlive .pinbin-copy h1,.tribe-events-page-template .pinbin-copy h1, .tribe-events-before-html h1 {
    margin-bottom: 80px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 5em;
    line-height: normal;

  }
  
  .page-template-default .pinbin-copy h2,.page-template-default .pinbin-copy h2+p,.page-template-default .pinbin-copy h2+.wp-block-group,.page-template-default .pinbin-copy form.widget_wysija label,.page-template-default .pinbin-copy form.widget_wysija input,.page-template-page-CFAlive .pinbin-copy h2,.page-template-page-CFAlive .pinbin-copy h2+p,.page-template-page-CFAlive .pinbin-copy h2+.wp-block-group,.page-template-page-CFAlive .pinbin-copy form.widget_wysija label,.page-template-page-CFAlive .pinbin-copy form.widget_wysija input {
    flex: 0 0 100%;
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
  }
  
  .page-template-default .pinbin-copy h2,.page-template-default .pinbin-copy form.widget_wysija label,.page-template-page-CFAlive .pinbin-copy h2,.page-template-page-CFAlive .pinbin-copy form.widget_wysija label,.tribe-events-page-template .pinbin-copy h2,.tribe-events-page-template .pinbin-copy form.widget_wysija label {
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  .page-template-default .pinbin-copy h2+p,.page-template-default .pinbin-copy h2+.wp-block-group p,.page-template-default .pinbin-copy form.widget_wysija input,.page-template-page-CFAlive .pinbin-copy h2+p,.page-template-page-CFAlive .pinbin-copy h2+.wp-block-group p,.page-template-page-CFAlive .pinbin-copy form.widget_wysija input {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    padding-top: 14px;
    letter-spacing: 0;
    text-align: center;
  }
  
  .search-results .page-header {
    color: #000;
    margin: 0;
    max-width: 100vw;
    padding: 0 5vw;
    text-align: center;
    box-sizing: border-box;
  }
  
  .single .post small.date,.single .post div.post-data,.single .cfa_translations small.date,.single .cfa_translations div.post-data {
    
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 25px 0;
    text-rendering: optimizeLegibility;
    font-size: 21px;
  }
  
  .home .pinbin-copy p,.search .pinbin-copy p,.category .pinbin-copy p,.append-posts .pinbin-copy p {
    line-height: 36px;
    font-size: 30px;
    position: absolute;
    bottom: 0;
    padding: 15px 25px;
    background: rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 2px;
    
    letter-spacing: 1px;
    text-transform: initial;
    text-align: center;
  }
  
  .single-pinbin.copy h2,.single-pinbin.copy h3,.single-pinbin.copy h4,.single-pinbin.copy h5 {
    margin-bottom: 3rem;
  }
  
  .pinbin-copy p {
    margin: 0;
    padding: 0 0 1.5rem 0;
    letter-spacing: .5px;
  }
  
  .home .sponsored .pinbin-copy p {
    padding-top: 30px;
  }
  
  .home .sponsored .pinbin-copy p:before {
    content: "SPONSORED";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px;
    font-size: 7px;
    
  }
  
  .single .sponsored .pinbin-copy:before {
    content: "SPONSORED";
    display: block;
    position: absolute;
    width: auto;
    left: 50%;
    top: 0;
    font-size: 9px;
    
    transform: translateX(-50%);
  }
  
  .home .pinbin-copy p small,.archive .pinbin-copy p small,.search .pinbin-copy p small,.category .pinbin-copy p small,.append-posts .pinbin-copy p small {
    font-size: 1.1rem;
  }
  
  .home .pinbin-copy p span,.archive .pinbin-copy p span,.search .pinbin-copy p span,.category .pinbin-copy p span,.append-posts .pinbin-copy p span {
    display: block;
    margin-top: 10px;
    
    font-size: 13px;
    line-height: 14px;
    text-transform: none;
    color: rgba(255,255,255,.75);
  }
  
  .home .pinbin-copy p small,.archive .pinbin-copy p small,.search .pinbin-copy p small,.category .pinbin-copy p small,.append-posts .pinbin-copy p small {
    display: block;
    line-height: 14px;
    margin-top: 10px;
  }
  
  .home .pinbin-copy p strong,.archive .pinbin-copy p strong,.search .pinbin-copy p strong,.category .pinbin-copy p strong,.append-posts .pinbin-copy p strong {
    font-weight: 300;
  }
  
  @media only screen and (min-width: 767px) {
    #site-navigation {
      height:180px
    }
  
    #hambmenu {
      display: none
    }
  
    .sidemenu {
      background: transparent;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      max-height: 150px;
      overflow: hidden;
      transition: none;
      flex-flow: row wrap
    }
  
    .sidemenu .menu {
      flex-flow: row wrap;
      flex: 1 0 calc(100% - 60px);
      margin: 0 30px
    }
  
    .sidemenu .menu li {
      flex: 1 0 calc(50% - 80px);
      padding: 0 0 6px 0
    }
  
    .sidemenu .menu li:nth-child(odd) {
      text-align: left
    }
  
    .sidemenu .menu li:nth-child(even) {
      text-align: right
    }
  
    .sidemenu .menu li.menu_ig {
      flex: 0 0 115px;
      width: 26px;
      height: 26px
    }
  
    .sidemenu .menu li a {
      font-size: 26px;
      line-height: 28px;
      text-transform: uppercase;
      text-decoration: none;
      color: #000;
      
      font-weight: 300;
      opacity: 1;
      transition: opacity 200ms ease-in-out
    }
  
    .sidemenu .menu li a:hover {
      opacity: .5
    }
  
    #lang-switcher {
      flex: 1 0 calc(50% - 60px);
      position: absolute;
      bottom: 0;
      right: 0;
      width: auto
    }
  
    #lang-switcher li a,#lang-switcher li span {
      margin: 0 0 0 20px
    }
  
    .home .sponsored .pinbin-copy p {
      padding-top: 20px
    }
  
    .home .sponsored .pinbin-copy p:before {
      top: -5px
    }
  
    .single .sponsored .pinbin-copy:before {
      top: -30px
    }
  }
  
  @media only screen and (max-width: 767px) {
    #logo {
      margin:0 auto;
      width: 640px
    }
    
    .page-template-default .pinbin-copy h1,.page-template-page-CFAlive .pinbin-copy h1,.tribe-events-page-template .pinbin-copy h1, .tribe-events-before-html h1 {
      font-size: 2.5em;
      line-height: normal;
    }
  
    body.menu_open #main-nav-wrapper {
      z-index: 1
    }
  
    #wrap.fixd {
      margin-top: -102px
    }
  
    #wrap .category-description {
      width: 90%
    }
  
    .single .single-pinbin-copy {
      margin-top: 0
    }
  
    h1 {
      font-size: 2em;
      line-height: 1
    }
  
    .single h1 {
      font-size: 3.5em;
      padding: 20px 0;
      margin: 0 -5vw 0 -5vw;
      width: 90vw
    }
  
    body #main-nav-wrapper,#modal #main-nav-wrapper {
      left: 0;
      min-height: 100px;
      width: 100vw
    }
  
    .pinbin-copy .ready {
      display: none
    }
  
    .single .post small.date,.single .post div.post-data {
      padding: 20px 20px 0 20px;
      width: inherit;
      display: block;
      margin: 0 0 20px 0;
      box-sizing: border-box
    }
  
    .pinbin-copy p {
      font-size: 1.15em;
      letter-spacing: .75px;
      line-height: 1.375em
    }
  }
  
  #menu-pad li#lang-switch a {
    color: #ccc;
  }
  
  .indice {
    margin-bottom: 100px;
  }
  
  ul#ToC-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-style: normal;
  }
  
  .ToC-heading {
    font-size: 20px;
    font-style: normal;
  }
  
  ul#ToC-list li a {
    color: #2f2f2f;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    line-height: 30px;
    padding: 0 2px;
    margin-right: 10px;
    cursor: pointer;
    display: inline;
    border-bottom: 1px solid #333
  }
  
  ul#ToC-list li {
    padding: 3px 0;
    display: inline;
  }
  
  .google-auto-placed.ap_container {
    margin: 20px auto 40px auto;
  }
  
  .wp-caption, .wp-block-image figcaption, .CFAslider figcaption {
      font-size: 12px !important;
  }
  
  
  /* FIX */
  
  article.post .pinbin-copy p, article.post .pinbin-copy h1, article.post .pinbin-copy h2{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 640px;
    min-width: 270px;
    margin-bottom: var(--spacer);
    word-wrap: break-word;
    
  } 
  
  article.post .pinbin-copy h1{
    max-width: 1280px;
  }
  
  article.post .pinbin-copy p{
    line-height: 150%;
  }
  
  article.post .pinbin-copy h3{
    text-align: center;
    font-size: 22px;
    margin-bottom: var(--spacer);
    max-width: 640px;
    margin: auto;
    word-wrap: break-word;
  }
  
  article.post .pinbin-copy h6{
    text-align: center;
    font-size: 18px;
    margin-bottom: var(--spacer);
    max-width: 640px;
    margin: auto;
    word-wrap: break-word;
  } 
  
  article.post .pinbin-copy h5{
    text-align: center;
    font-size: 20px;
    margin-bottom: var(--spacer);
    max-width: 640px;
    margin: auto;
    word-wrap: break-word;
  }  
  
  article.post .pinbin-copy h4{
    text-align: center;
    font-size: 22px;
    margin-bottom: var(--spacer);
    max-width: 640px;
    margin: auto;
    word-wrap: break-word;
  }  
  
  article.cfa_translations .pinbin-copy p, article.cfa_translations .pinbin-copy h1, article.cfa_translations .pinbin-copy h2{
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 640px;
    min-width: 270px;
  }
  ul.wp-block-list{
    text-align: center;
    font-size: 12px;
  }
  
  .notfound-page img{
    width: 200px;
    margin-bottom: var(--spacer);
  }
  
  .notfound-page h1{
    margin-bottom: var(--spacer);
  }
  
  .notfound-page p{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 22px;
  }
  
  .notfound-page {
    margin-bottom: calc(var(--spacer) * 4) !important;
  }
  
  .notfound-page ul{
    margin: calc(var(--spacer) * 3) 0px;
  }
  
  #uplink, #showmehome{
    display: none !important;
  }
  
  .tec-list-event-link{
    background-color: #fff;
    border-radius: 8px;
  }
  
  .tec-list-event-link .tec-list-event-text{
    color: var(--textColor);
  }
  
  .tec-list-event-link .tec-list-event-text .tec-list-event-datetime{
    font-size: 16px;
    font-weight: 300;
    margin-bottom: calc(var(--spacer) / 2)
  }
  
  .tec-list-event-link .tec-list-event-text p{
    color: var(--textColor);
  }
  
  .card.lowresults{
    max-width: 50%;
  }
  
  .no-posts{
    text-align: center;
    padding: 10% 0px;
    font-size: 42px;
  }
  