/*
Theme Name: iPSpine
Author: ID Dev
Author URI: http://iddev.nl/
Description: Theme for the iPSpine consortium.
Version: 1.0
Text Domain: ipspine
*/
* {
  margin: 0;
  padding: 0; }

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1 0 auto; }

.section {
  padding: 0; }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .section {
      padding: 4rem 0; } }

.hover-box {
  background-color: rgba(0, 18, 64, 0.75);
  color: #ffffff; }

h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border-bottom: 0.05em solid #fa9cd1; }

.flex {
  display: flex;
  flex-wrap: wrap; }

.page main, .single main, .post main {
  overflow: auto; }
  .page main .content, .page main .entry-content, .single main .content, .single main .entry-content, .post main .content, .post main .entry-content {
    /*
html {
	box-sizing: border-box;
}

::-moz-selection {
	background-color: $color__background_selection;
}

::selection {
	background-color: $color__background_selection;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background-color: $color__background-body;
}

a {
	@include link-transition;
	color: $color__link;
}

a:visited {

}

a:hover,
a:active {
	color: $color__link-hover;
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: thin;
	outline-style: dotted;
	text-decoration: underline;
}
*/
    /*
table {
	margin: 0 0 $size__spacing-unit;
	border-collapse: collapse;
	width: 100%;
	font-family: $font__heading;

	td,
	th {
		padding: 0.5em;
		border: 1px solid $color__text-light;
		word-break: break-all;
	}
}
*/ }
    .page main .content h1,
    .page main .content h2,
    .page main .content h3,
    .page main .content h4,
    .page main .content h5,
    .page main .content h6, .page main .entry-content h1,
    .page main .entry-content h2,
    .page main .entry-content h3,
    .page main .entry-content h4,
    .page main .entry-content h5,
    .page main .entry-content h6, .single main .content h1,
    .single main .content h2,
    .single main .content h3,
    .single main .content h4,
    .single main .content h5,
    .single main .content h6, .single main .entry-content h1,
    .single main .entry-content h2,
    .single main .entry-content h3,
    .single main .entry-content h4,
    .single main .entry-content h5,
    .single main .entry-content h6, .post main .content h1,
    .post main .content h2,
    .post main .content h3,
    .post main .content h4,
    .post main .content h5,
    .post main .content h6, .post main .entry-content h1,
    .post main .entry-content h2,
    .post main .entry-content h3,
    .post main .entry-content h4,
    .post main .entry-content h5,
    .post main .entry-content h6 {
      font-weight: bold;
      clear: both; }
    .page main .content strong, .page main .entry-content strong, .single main .content strong, .single main .entry-content strong, .post main .content strong, .post main .entry-content strong {
      font-weight: bold; }
    .page main .content hr, .page main .entry-content hr, .single main .content hr, .single main .entry-content hr, .post main .content hr, .post main .entry-content hr {
      background-color: #00288C;
      border: 0;
      height: 2px; }
    .page main .content ul,
    .page main .content ol, .page main .entry-content ul,
    .page main .entry-content ol, .single main .content ul,
    .single main .content ol, .single main .entry-content ul,
    .single main .entry-content ol, .post main .content ul,
    .post main .content ol, .post main .entry-content ul,
    .post main .entry-content ol {
      padding-left: 1rem; }
    .page main .content ul, .page main .entry-content ul, .single main .content ul, .single main .entry-content ul, .post main .content ul, .post main .entry-content ul {
      list-style: disc;
      padding: 1em 4em; }
      .page main .content ul ul, .page main .entry-content ul ul, .single main .content ul ul, .single main .entry-content ul ul, .post main .content ul ul, .post main .entry-content ul ul {
        list-style-type: circle; }
    .page main .content ol, .page main .entry-content ol, .single main .content ol, .single main .entry-content ol, .post main .content ol, .post main .entry-content ol {
      list-style: decimal; }
    .page main .content li, .page main .entry-content li, .single main .content li, .single main .entry-content li, .post main .content li, .post main .entry-content li {
      list-style: disc; }
    .page main .content li > ul,
    .page main .content li > ol, .page main .entry-content li > ul,
    .page main .entry-content li > ol, .single main .content li > ul,
    .single main .content li > ol, .single main .entry-content li > ul,
    .single main .entry-content li > ol, .post main .content li > ul,
    .post main .content li > ol, .post main .entry-content li > ul,
    .post main .entry-content li > ol {
      padding-left: 1rem; }
    .page main .content dt, .page main .entry-content dt, .single main .content dt, .single main .entry-content dt, .post main .content dt, .post main .entry-content dt {
      font-weight: bold; }
    .page main .content dd, .page main .entry-content dd, .single main .content dd, .single main .entry-content dd, .post main .content dd, .post main .entry-content dd {
      margin: 0 1rem 1rem; }
    .page main .content img, .page main .entry-content img, .single main .content img, .single main .entry-content img, .post main .content img, .post main .entry-content img {
      height: auto;
      width: 100%;
      position: relative; }
    .page main .content figure, .page main .entry-content figure, .single main .content figure, .single main .entry-content figure, .post main .content figure, .post main .entry-content figure {
      margin: 0; }
    .page main .content p, .page main .entry-content p, .single main .content p, .single main .entry-content p, .post main .content p, .post main .entry-content p {
      margin: 1rem; }
    .page main .content blockquote, .page main .entry-content blockquote, .single main .content blockquote, .single main .entry-content blockquote, .post main .content blockquote, .post main .entry-content blockquote {
      border: none;
      display: block;
      position: relative;
      float: left;
      background: #00288C;
      color: #ffffff;
      width: calc(100% - 2rem);
      margin: 2rem 1rem;
      padding: 2rem 4rem;
      font-family: "Merriweather","Bembo",Georgia,Times,"Times New Roman",serif;
      line-height: 1; }
      @media only screen and (min-width: 601px) {
        .page main .content blockquote, .page main .entry-content blockquote, .single main .content blockquote, .single main .entry-content blockquote, .post main .content blockquote, .post main .entry-content blockquote {
          width: 60%;
          margin: 2rem 2rem 2rem 0rem;
          padding: 3rem 5rem 2rem 5rem; } }
      .page main .content blockquote::before, .page main .entry-content blockquote::before, .single main .content blockquote::before, .single main .entry-content blockquote::before, .post main .content blockquote::before, .post main .entry-content blockquote::before {
        content: "\201C";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 7rem;
        padding-left: 1rem;
        padding-top: .5rem; }
        @media only screen and (min-width: 601px) {
          .page main .content blockquote::before, .page main .entry-content blockquote::before, .single main .content blockquote::before, .single main .entry-content blockquote::before, .post main .content blockquote::before, .post main .entry-content blockquote::before {
            font-size: 9rem; } }
      .page main .content blockquote::after, .page main .entry-content blockquote::after, .single main .content blockquote::after, .single main .entry-content blockquote::after, .post main .content blockquote::after, .post main .entry-content blockquote::after {
        content: "\201E";
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 7rem;
        padding-right: 1rem;
        padding-bottom: 2rem; }
        @media only screen and (min-width: 601px) {
          .page main .content blockquote::after, .page main .entry-content blockquote::after, .single main .content blockquote::after, .single main .entry-content blockquote::after, .post main .content blockquote::after, .post main .entry-content blockquote::after {
            font-size: 9rem;
            padding-bottom: 1.5rem; } }
      .page main .content blockquote > p, .page main .entry-content blockquote > p, .single main .content blockquote > p, .single main .entry-content blockquote > p, .post main .content blockquote > p, .post main .entry-content blockquote > p {
        border-top: 0.1rem solid #ffffff;
        border-bottom: 0.1rem solid #ffffff;
        margin: 0 0;
        font-size: 2rem;
        padding: .5rem; }
      .page main .content blockquote cite, .page main .entry-content blockquote cite, .single main .content blockquote cite, .single main .entry-content blockquote cite, .post main .content blockquote cite, .post main .entry-content blockquote cite {
        color: #ffffff;
        height: 1.5rem; }
      .page main .content blockquote.small > p, .page main .entry-content blockquote.small > p, .single main .content blockquote.small > p, .single main .entry-content blockquote.small > p, .post main .content blockquote.small > p, .post main .entry-content blockquote.small > p {
        font-size: 1.2rem; }
    .page main .content .wp-block-button .wp-block-button__link, .page main .entry-content .wp-block-button .wp-block-button__link, .single main .content .wp-block-button .wp-block-button__link, .single main .entry-content .wp-block-button .wp-block-button__link, .post main .content .wp-block-button .wp-block-button__link, .post main .entry-content .wp-block-button .wp-block-button__link {
      background-color: transparent;
      color: #001240;
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      padding: .3rem .5rem;
      border: 3px solid #001240;
      border-radius: 10px; }
      .page main .content .wp-block-button .wp-block-button__link:hover, .page main .entry-content .wp-block-button .wp-block-button__link:hover, .single main .content .wp-block-button .wp-block-button__link:hover, .single main .entry-content .wp-block-button .wp-block-button__link:hover, .post main .content .wp-block-button .wp-block-button__link:hover, .post main .entry-content .wp-block-button .wp-block-button__link:hover {
        color: #00288C;
        border-color: #00288C; }
  .page main .entry-header h1,
  .page main .entry-header h2,
  .page main .entry-header h3,
  .page main .entry-header h4,
  .page main .entry-header h5,
  .page main .entry-header h6, .single main .entry-header h1,
  .single main .entry-header h2,
  .single main .entry-header h3,
  .single main .entry-header h4,
  .single main .entry-header h5,
  .single main .entry-header h6, .post main .entry-header h1,
  .post main .entry-header h2,
  .post main .entry-header h3,
  .post main .entry-header h4,
  .post main .entry-header h5,
  .post main .entry-header h6 {
    margin-top: 0; }

.page .language-switcher, .single .language-switcher, .post .language-switcher {
  width: 100%;
  margin-top: -2rem; }
  @media only screen and (min-width: 601px) {
    .page .language-switcher, .single .language-switcher, .post .language-switcher {
      width: 200px; } }

.page-main .content .post-content {
  margin: 0 4%; }
  .page-main .content .post-content p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

.page-main .entry-content {
  padding: 0 1em; }

@media only screen and (min-width: 601px) and (max-width: 992px) {
  .page-side .container {
    width: 85%; } }

@media only screen and (max-width: 600px) {
  .page-side .container {
    width: 90%; } }

.page-side > .row {
  min-height: 93vh;
  margin-bottom: 0; }

.page-side .image {
  margin: 0% 4%; }
  .page-side .image img {
    width: 100%; }

ul.latest-updates {
  padding-left: 1rem;
  line-height: 1; }
  ul.latest-updates li {
    padding: 12px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    ul.latest-updates li .title {
      font-weight: bold;
      width: 100%;
      line-height: 1.2rem;
      display: inline-block;
      color: #001240; }
    ul.latest-updates li .date {
      font-size: .8rem;
      font-weight: 600;
      color: #000000; }
    ul.latest-updates li:hover .title {
      color: #00288C; }

.shade {
  background-color: #f6f6f6; }

.page-footer dl dt {
  padding-right: 1rem; }

.page-footer dl dd {
  padding-left: 1rem;
  border-left: 1px solid #ffffff; }

.page-footer h6 {
  color: #ffffff;
  margin-top: 0; }

.page-footer a {
  color: #ffffff; }
  .page-footer a:link, .page-footer a:visited, .page-footer a:hover {
    color: #ffffff; }

.page-footer .col {
  margin-top: 1em; }

.page-footer .row {
  padding-bottom: 1em; }

.page-footer .menu-item {
  color: #ffffff; }
  .page-footer .menu-item a:hover {
    text-decoration: underline; }

.page-footer .privacy-statement {
  margin-top: .5rem;
  display: block; }

.page-footer .social-icons {
  margin-top: .5rem; }
  .page-footer .social-icons .social-image {
    height: 24px; }

.page-footer .eu_logo {
  width: 100%; }

.type-post > .col {
  margin-bottom: 1.5rem; }

.type-post .content {
  background-color: #f6f6f6; }
  .type-post .content.featured .details {
    height: auto; }
  .type-post .content .details {
    padding: .2rem .5rem;
    height: 6rem; }
    .type-post .content .details .title {
      font-weight: bold;
      font-size: 1rem;
      height: 4rem;
      width: 100%;
      line-height: 1.2rem;
      display: inline-block;
      color: #001240; }
    .type-post .content .details .date {
      font-size: .8rem;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      color: #000000; }
  .type-post .content p {
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

.type-post .featured .image {
  display: block;
  overflow: hidden; }
  .type-post .featured .image img {
    min-height: 100%;
    display: block; }

.type-post a {
  display: block; }

.type-post img {
  width: 100%; }

.type-post h5, .type-post h6 {
  text-decoration: none;
  font-weight: bold;
  border: none; }

.archive.post-type-archive-partner .partner {
  width: 40vw;
  height: 35vw;
  margin: 2.5vw;
  background: #ffffff;
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 1px;
  left: auto;
  right: auto;
  float: left;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out; }
  @media only screen and (min-width: 993px) {
    .archive.post-type-archive-partner .partner {
      width: 12vw;
      height: 11vw;
      margin: .9vw; } }
  @media only screen and (min-width: 601px) and (max-width: 992px) {
    .archive.post-type-archive-partner .partner {
      width: 15vw;
      height: 14vw;
      margin: 1vw; } }
  .archive.post-type-archive-partner .partner a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4vw; }
    @media only screen and (min-width: 601px) {
      .archive.post-type-archive-partner .partner a {
        padding: 1.2vw; } }
  .archive.post-type-archive-partner .partner img {
    width: 100%; }
  .archive.post-type-archive-partner .partner:hover {
    /*Opacity*/
    zoom: 1;
    filter: initial !important;
    opacity: initial !important; }

.archive.post-type-archive-partner .about {
  margin: 2.5vw;
  padding: 3em 2em; }
  @media only screen and (min-width: 601px) {
    .archive.post-type-archive-partner .about {
      margin: 1vw; } }

.archive.post-type-archive-partner .image {
  margin: 2.5vw; }
  @media only screen and (min-width: 601px) {
    .archive.post-type-archive-partner .image {
      margin: 1vw; } }
  .archive.post-type-archive-partner .image img {
    width: 100%; }

.archive .row:hover .partner {
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.45; }

.single .partner .content {
  padding-top: 2vw; }

.single .header {
  background-color: #ffffff;
  float: left;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center; }
  .single .header img {
    width: 100%;
    display: block; }
  .single .header h3 {
    text-decoration: none;
    font-weight: bold; }
  .single .header .logo {
    float: left;
    z-index: 3;
    background-color: #ffffff;
    width: 40vw;
    height: 35vw;
    margin: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.2vw; }
    @media only screen and (min-width: 993px) {
      .single .header .logo {
        width: 12vw;
        height: 11vw;
        margin: 1vw 0vw 0vw -3vw; } }
    @media only screen and (min-width: 601px) and (max-width: 992px) {
      .single .header .logo {
        width: 15vw;
        height: 14vw;
        margin: 1vw 0vw 0vw -3vw; } }
  .single .header .title {
    min-width: 58%;
    padding-left: 3vw;
    float: left; }
    @media only screen and (min-width: 993px) {
      .single .header .title {
        width: 84%; } }
    @media only screen and (min-width: 601px) and (max-width: 992px) {
      .single .header .title {
        width: 85%; } }

.single .section {
  background-color: #ffffff; }

.single .content {
  background-color: #ffffff;
  padding: 0vw 2vw 4vw 2vw; }
  .single .content h3 {
    text-decoration: none;
    font-weight: bold; }
  .single .content blockquote {
    margin-left: 1rem; }

.nav-wrapper .menu {
  padding-right: 2vw; }
  .nav-wrapper .menu .menu-item {
    font-size: 25px;
    font-weight: bold; }
    .nav-wrapper .menu .menu-item a {
      padding: 0vw 1.8vw; }
    .nav-wrapper .menu .menu-item .sub-menu {
      position: absolute;
      left: 0;
      display: none;
      opacity: 0;
      z-index: 5;
      transition: opacity 0.5s ease;
      box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 0px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
      background: #ffffff; }
      .nav-wrapper .menu .menu-item .sub-menu .menu-item {
        line-height: 1.5em;
        clear: both;
        width: 100%; }
        .nav-wrapper .menu .menu-item .sub-menu .menu-item a {
          white-space: nowrap; }
    .nav-wrapper .menu .menu-item:hover .sub-menu {
      display: block;
      opacity: 1; }
    .nav-wrapper .menu .menu-item:focus-within .sub-menu {
      display: block;
      opacity: 1; }
  .nav-wrapper .menu > li {
    position: relative; }

@media only screen and (min-width: 993px) {
  .nav-wrapper .brand-logo {
    margin-left: 4%;
    margin-right: 4%; } }

.row .image-menu.col {
  padding: 0px 0px; }

.menus .row {
  margin: 0; }
  .menus .row .col {
    padding: 0; }

.image-menu {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #c8c8c8; }
  .image-menu span {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.2rem;
    color: #001240;
    text-align: center;
    font-weight: bold; }
    .image-menu span.addendum {
      font-size: 1rem;
      font-weight: normal;
      margin-right: .2rem;
      vertical-align: text-top; }
  .image-menu .header {
    overflow: hidden; }
    .image-menu .header img {
      display: block;
      width: 100%; }
  .image-menu .footer {
    border-color: #c8c8c8;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #001240;
    text-align: center;
    padding: 5% 0; }
  .image-menu .reveal {
    position: absolute;
    left: 0;
    bottom: -65%;
    width: 100%;
    height: 85%;
    z-index: 3;
    visibility: hidden;
    background-color: #ffffff;
    border-color: #c8c8c8;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    transition: transform .8s ease-in, visibility 0s linear .9s; }
    .image-menu .reveal .title {
      width: 100%;
      padding: 5% 0%;
      text-align: center;
      border-bottom: 1px solid #c8c8c8; }
    .image-menu .reveal ul {
      width: 100%;
      padding: 0; }
      .image-menu .reveal ul .menu-item {
        flex: auto;
        position: relative; }
        .image-menu .reveal ul .menu-item a {
          width: 100%;
          height: 100%;
          display: block;
          padding: 3% 0% 3% 5%;
          color: #00288C; }
        .image-menu .reveal ul .menu-item:hover {
          background-color: #f6f6f6; }
          .image-menu .reveal ul .menu-item:hover .sub-menu {
            display: block; }
        .image-menu .reveal ul .menu-item .sub-menu {
          display: none;
          position: absolute;
          left: 100%; }
  .image-menu:hover .reveal {
    visibility: visible;
    transform: translateY(-65%);
    transition: transform .8s ease-in-out, visibility 0s linear 0s; }
  .image-menu:focus-within .reveal {
    visibility: visible;
    transform: translateY(-65%);
    transition: transform .8s ease-in-out, visibility 0s linear 0s; }
  .image-menu.float {
    border: none; }
    .image-menu.float img {
      width: 100%;
      display: block; }
    .image-menu.float > div {
      position: absolute; }
    .image-menu.float .footer {
      bottom: 10%;
      width: 90%;
      margin: 0% 5%;
      padding: 3% 0%;
      border: none; }
    .image-menu.float .reveal {
      bottom: -65%;
      border: none;
      height: 100%; }
      .image-menu.float .reveal .title {
        padding: 3% 0%; }

.sidenav .logo {
  padding: 0em 5em; }
  .sidenav .logo img {
    width: 100%; }

.sidenav .menu-item a {
  color: #001240; }

.sidenav .menu-item .sub-menu {
  padding-left: 3em;
  padding-bottom: 1em; }
  .sidenav .menu-item .sub-menu > .menu-item {
    border-left: 1px solid #fa9cd1; }

.sidenav > .menu-item {
  border-bottom: 1px solid #fa9cd1; }

.front-page .about, .front-page .latest-updates, .front-page .menus, .front-page .twitter {
  margin: 0 4%; }

.front-page .menus, .front-page .twitter {
  margin-top: 2em; }

.front-page .about {
  padding: 3rem 2rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

table.events, table.meetings {
  line-height: 1; }
  table.events td, table.meetings td {
    vertical-align: top; }
  table.events .details, table.meetings .details {
    width: 40%; }
  table.events .description, table.meetings .description {
    width: 60%; }
    table.events .description p, table.meetings .description p {
      padding: 1em;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  table.events .title, table.meetings .title {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    color: #001240; }
    table.events .title.small, table.meetings .title.small {
      font-size: .8em; }
  table.events .venue, table.meetings .venue {
    font-size: .8rem;
    font-weight: 600; }