body, input, textarea, select, p, li {
  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
}
a { text-decoration: none }
 

h1, a.nav-link {
  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
h2, h3, h4, h5, h6 {
  font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
}

#header-first {
  background-image: url('/dissco-italy/ximg/italy-at-night.jpg') !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding-top: 2vh;
}
#header {
  background-image: linear-gradient(180deg,#164d98 0%,rgba(22,77,152,0.75) 100%),url('/dissco-italy/ximg/network.svg') !important; 
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  padding-top: 2vh;
}
#divider {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI2MHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTEyODAgMGwtMjY2IDkxLjUyYTcyLjU5IDcyLjU5IDAgMCAxLTMwLjc2IDMuNzFMMCAwdjE0MGgxMjgweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2Mi4xIDExNi4yNmE3My4yOSA3My4yOSAwIDAgMS0zOS4wOSA2TDAgMHYxNDBoMTI4MHoiLz48L2c+PC9zdmc+);
  background-size: 100% 60px;
  bottom: 0;
  height: 60px;
  z-index: 1;
  transform: scale(-1,1);  
}
#footer {
  background-image: linear-gradient(180deg,rgba(22,77,152,0.81) 0%,#164d98 100%),url(https://www.dissco.eu/wp-content/uploads/particles-2.svg) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}  
#divider-foot {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiMxNjRkOTgiPjxwYXRoIGQ9Ik0xMjgwIDBMNjQwIDcwIDAgMHYxNDBsNjQwLTcwIDY0MCA3MFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMjgwIDBIMGw2NDAgNzAgNjQwLTcweiIvPjwvZz48L3N2Zz4=);
  background-size: 50% 100px;
  top: 0;
  height: 100px;
  z-index: 1;
  transform: scale(1,1);
}

#xnavbar {
  position: fixed;
  width: 100%;
  z-index: 3000;
}
.xnav-light {
  background-color: #f0f0f0;
  transition: all 0.3s ease;
}
.xnav-light a.nav-link {
  color: #353535 !important;
  transition: all 0.5s ease;
}

.truncate {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-hover:hover {
  border-color: coral;
  border-width: 2px;
} 

.parallax {
  min-height: 400px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
}

.iw {
  width: 35%;
}



.bold {font-weight:600; color: #164d98;}
.text-shadow { text-shadow: black 2px 2px 2px, black 2px 2px 2px; }
.nav-item { padding-top: 6px }

.b-blue { background-color: #ddeeff; }
.b-grey { background-color: #fafafa; }
.b-white { background-color: #ffffff;  }

.dw-20 { width: 20%; }
.dw-25 { width: 25%; }
.dw-33 { width: 33%; }
.dw-50 { width: 50%; }
.ghost { display: inline-block; }
.unghost { display: none; }

@media screen and (max-width: 1200px) {
  .dw-20 { width: 25% }
  .dw-25 { width: 33% }
}
@media screen and (max-width: 992px) {
  .ghost { display: none }
  .unghost { display: inline-block; }
  .dw-20 { width: 33% }
  .dw-25 { width: 50% }
  .dw-50 { width: 100% }
  .iw { width: 100% }
}
@media screen and (max-width: 768px) {
  .dw-20 { width: 50% }
  .dw-25 { width: 100% }
}
@media screen and (max-width: 576px) {
  .dw-20 { width: 100% }
  .dw-25 { width: 100% }
}