/*
 Theme Name:   Blockchain Group
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Arteeo
 Author URI:   https://arteeo.ch
 Template:     generatepress
 Version:      1.0

-----------------------------------------------------------------------------------

	1.	CSS Variables (Properties)
	2.  General HTML elements
	3.	Header
	4.	Footer
	5.	Block Editor
	6.	Homepage Stylings
	7.	Team Counter (Homepage)
	8.	Getwid Post Slider (Homepage Publications Section)
	9.	Getwid Post Carousel (Homepage News Section)
	10. Getwid Post Slider (Homepage Research Partners Section)
	11.	List Styling Publications/News (CPT)
	11. Homepage Publications Section
	12.	Styling Publications Page (ID: 240) & Single Publications
	13.	Filter Tabs & General Filter Styling
	14.	Projects Page (ID: 1020)
	15. Project Single Page
	16.	Styling Filters Projects CPT	
	17.	Styling Filters Courses CPT	
	18.	Styling Filters News & Events CPT
	19.	Contact Form 7 (Contact Page)
	20.	Arteeo Grid Table (Projects, Publications etc.)
	21. Arteeo Members Grid
	22. Default WP Table

----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	1.	CSS Variables (Properties)
/* -------------------------------------------------------------------------------- */
:root {
    --site-background: #FFF;
    --site-font-color: #000;
    --blockchain-group-blue: #334FBB;
    --theme-black-background: #111111;
    --content-width-desktop: 1100px;
    --content-width-tablet-landscape: 960px;
      --content-width-tablet-portrait: 720px;
      --content-width-mobile-portrait: 100%;
      --breakpoint-desktop: 1200px;
      --breakpoint-tablet-landscape: 992px;
      --breakpoint-tablet-portrait: 768px;
      --breakpoint-mobile-portrait: 576px;
    --default-padding: 100px 25px 0;
      --default-padding-x: 25px;
      --default-padding-y: 100px;
  /*  --h2-font: 'Open Sans', sans-serif;
    --h2-font-size: 64px;
    --h2-font-weight: 300;	 */
  }
  
  /* For mobile portrait */
  @media (max-width: 767px) {
  }
  /* For tablet portrait */
  @media (max-width: 991px) {
  }
  /* For tablet landscape */
  @media (max-width: 1199px) {
  }
  /* For Desktop */
  /* There is no need for a media breakpoint on desktop, simply write the css styles! */
  
  /* 
  /* -------------------------------------------------------------------------------- */
  /*	2.	General HTML elements
  /* -------------------------------------------------------------------------------- */
  body, button, input, select, textarea {
      background-color: var(--site-background);
      font-family: Source Sans Pro, sans-serif;
  }
	.wp-block-button__link {
		border-radius: 0;  
	} 
  .main-navigation a {
      display: flex;
  }
  
  .site-content {
      padding: 121px 0 0;
  }
  
  .site-content .inside-article {
      padding: 0;
  }
  @media (max-width: 1199px){
      .site-content {
          padding: var( --default-padding );
      }
  
      .wp-block-group.alignfull .wp-block-columns  > :where(:not(.alignleft):not(.alignright)) {
          padding-left: var(--default-padding-x);
          padding-right: var(--default-padding-x);
      }
  
      .site-footer .is-style-group-spacer-medium{
          padding-left: var(--default-padding-x);
          padding-right: var(--default-padding-x);
      }
  }
  @media (max-width: 767px) {
      .site-content {
          padding: 100px 25px;
      }
  }
  .separate-containers .site-main {
      margin-top: 0;
      margin-bottom: 0;
  }
  .separate-containers .page-header {
      padding: 40px 0;
  }
  .featured-image.page-header-image {
      display: none;
  }	
  .bg-pattern {
      position: fixed;
      left: 0%;
      top: 0%;
      right: 0%;
      bottom: 0%;
      z-index: -1;
      width: 97vw;
      height: auto;
      margin-top: 0;
      margin-right: auto;
      margin-left: auto;
  }
  .wp-block-group.alignfull .wp-block-columns{
      justify-content: space-around;
  }
  /* -------------------------------------------------------------------------------- */
  /*	3.	Header
  /* -------------------------------------------------------------------------------- */
  /*
   * TIS 13.07.22 - EDIT - Header hat neu transparenten Hintergrund für schöne Animation
   * mit Overlay-Menu. 
  .site-header, .inside-header.grid-container, .inside-navigation.grid-container {
      background-color: #E3E2DF;
  }
  */
  .inside-header {
      max-width: 1500px;
      padding: 25px 25px;
  }
  
  @media (max-width: 767px) {
      .inside-header img{
          max-width: 150px;
      }
  }
  .entry-header-links{
      margin: 35px 0;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between;
  }
  .entry-header-links a{
      color: #000;
      text-decoration: none;
  }
  .entry-header-links .backto{
      display: flex;
      align-content: center;
      align-items: center;
  }
  .entry-header-links .backto svg{
      transform: rotate(180deg);
      margin-right: 10px;
      margin-bottom: 1px;
  }
  .entry-header-links .backto svg:hover {
      transform: rotate(180deg) translateX(5px);
      transition: transform 500ms ease;	
  }
  .entry-header-links .backto.a:hover {
      font-weight: 600;
  }
  .postprev svg {
      transform: rotate(180deg);
  }
  .postprev svg:hover {
      transform: rotate(180deg) translateX(5px);
      transition: transform 500ms ease;	
  }
  .postnext svg:hover {
      transform: translateX(5px);
      transition: transform 500ms ease;	
  }
  @media (max-width: 768px){
      .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
          display: flex;
          line-height: unset;
          gap: 15px;
      }
  }
  /* -------------------------------------------------------------------------------- */
  /*	4.	Footer
  /* -------------------------------------------------------------------------------- */
  .site-footer .wp-block-columns {
      margin-bottom: 0;
  }
  .site-footer .social-links.black a {
      color: var(--site-font-color);
      padding-right: 7px;
  }	
  .wp-block-navigation__container {
      gap: 0 !important;
  }	
  /* -------------------------------------------------------------------------------- */
  /*	5.	Block Editor
  /* -------------------------------------------------------------------------------- */
  .block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] {
      opacity: 1 !important;
  }
  /* -------------------------------------------------------------------------------- */
  /*	6.	Homepage Stylings
  /* -------------------------------------------------------------------------------- */
  .home .wp-block-column h2.hero-section-h2 {
      width: 50%;
  }
  .home .wp-block-column h3.counter {
      width: 90%;
  }
  .home h3.circle-logo {
      display: block;
      border-radius: 50%;
      padding-left: 18px;
      padding-top: 10px;
      width: 55px;
      height: 55px;
      border: 1px solid var(--theme-black-background);
  }
  .home hr.section-line.wp-block-separator {
      display: block;
      margin-top: 25px !important;
      margin-bottom: 0;
      margin-left: -1px !important;
      width: 100%;
      height: 1px !important;
      color: var(--theme-black-background);
  }
  .home .group-team h3.circle-logo {
      border: 1px solid var(--theme-black-background);
  }
  .home .group-team hr.section-line.wp-block-separator {
      color: var(--theme-black-background);
  }
  .home h3.group-team-intro {
      width: 60%;
  }
  p.home-group-p {
      margin-bottom: 10px;
  }
  hr.home-group-hr {
      background-color: var(--theme-black-background);
      border: 0;
      height: 1px;
      margin-bottom: 5px;
      margin-top: 0px;
  }
  .home .read-more {
      text-decoration: underline;
  }
  .home .homepage-publications-link a {
      color: var(--site-font-color);
      text-decoration: none;
      text-transform: uppercase;
  }	
  .arrow-h4::before {
      content: "→";
      font-size: 32px;
      padding-right: 10px;
  }
  .home .arrow-h2::before {
      content: "→";
      font-size: 60px;
      padding-right: 10px;
  }
  .home .arrow-h3::before {
      content: "→";
      font-size: 32px;
      padding-right: 10px;
  }
  .home .social-links.white a {
      color: var(--site-font-color);
      padding-right: 7px;
  }
  /* -------------------------------------------------------------------------------- */
  /*	7.	Team Counter (Homepage)
  /* -------------------------------------------------------------------------------- */
  .counter {
      margin-right: 30px;
      margin-left: 65px;
      font-size: 175px;
      font-weight: 200;	
  }
  @media (max-width: 1100px) {
	.counter {
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		text-align: center;
		font-size: 80px;
	} 
  }  

  /* -------------------------------------------------------------------------------- */
  /*	8. Getwid Post Slider (Homepage Publications Section)
  /* -------------------------------------------------------------------------------- */
  .home .slick-list{
      max-height: 500px;
  }
  @media (max-width: 1100px) {
      .home .slick-list{
          max-height: auto!important;
      }
  }
  .home .slick-list .slider-image{
      filter: grayscale(100%);
  }
  .home .slick-list:hover .slider-image{
      filter: grayscale(0%);
  }
  .wp-block-getwid-post-slider {
      box-shadow: 5px 5px 5px rgb(0 0 0 / 0.4);
  }
  
  .home .wp-block-getwid-post-slider.has-arrows-inside .slick-prev {
      position: absolute;
      display: block;
      top: 35px;
      left: 35px;
  }
  .home .wp-block-getwid-post-slider.has-arrows-inside .slick-next {
      position: absolute;
      display: block;
      top: 35px;
      left: 100px;
  }
  .home .wp-block-getwid-template-post-title {
      margin-top: 120px;
      font-size: 35px;
      font-weight: 600;
      margin-bottom: 25px;
  }
  .home a.wp-block-getwid-template-post-title__link {
      text-decoration: none;
  }
  .home .wp-block-getwid-post-slider__slide a {
      text-decoration: none;
      color: var(--site-background);
  }
  .home .slick-next:before, .home .slick-prev:before {
      font-family: slick;
      font-size: 40px;
      line-height: 1;
      opacity: 1;
  }
  .home .wp-block-getwid-template-post-title, .home .wp-block-getwid-template-post-content, .home .wp-block-getwid-template-post-date {
      padding: 15px;
      padding-left: 35px;
  }
  
  .home .wp-block-getwid-post-slider .wp-block-columns {
      gap: 0;
  }
  .home .slick-prev:before {
      display: block;
      content: "←" !important;
      font-family: var(--h2-font);
      font-size: 40px;
      border-radius: 50%;
      background-color: var(--site-background);
      height: 50px;
      width: 50px;
  }
  .home .slick-next:before {
      display: block;
        content: "→" !important;
      font-family: var(--h2-font);
      font-size: 40px;
      border-radius: 50%;
      background-color: var(--site-background);
      height: 50px;
      width: 50px;
  }
  .home .wp-block-getwid-post-slider.has-arrows-inside .slick-prev:before, .home .wp-block-getwid-post-slider.has-arrows-inside .slick-next:before {
       color: #000;
  }
  .home .wp-block-getwid-post-slider.has-arrows-inside .slick-prev, .home .wp-block-getwid-post-slider.has-arrows-inside .slick-next {
     text-shadow: none !important;
  }
  .home .wp-block-getwid-post-slider__slide hr.wp-block-separator {
      display: block;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 35px !important;
      width: 35px;
      height: 2px;
      background-color: var(--site-background);
  }
  .home .wp-block-getwid-template-post-date, .home .wp-block-getwid-template-post-author {
      font-style: italic;
  }	
  .home .wp-block-getwid-template-post-author::before {
      content: "|";
      margin-right: 15px;
  }	
  .home .home-group-news-events .cpt-lists-container {
      width: 100%;
  }
  /* -------------------------------------------------------------------------------- */
  /*	9. Getwid Post Carousel (Homepage News Section)
  /* -------------------------------------------------------------------------------- */
  /*.home .wp-block-getwid-post-carousel__post-title a {
      color: #000;
      text-decoration: none;
  }*/
  .wp-block-getwid-post-carousel.has-slides-gap-large .slick-slide {
      margin-left: 35px;
      margin-right: 35px;
  }
  .wp-block-getwid-post-carousel .slick-slider {
       width: 1600px;
       margin: 0 auto;
  }
  .wp-block-getwid-post-carousel .slick-prev {
      left: -50px;
  }
  .home .wp-block-getwid-post-carousel .slick-prev:before {
      border: solid 1px var(--theme-black-background) !important;
  }
  .home .wp-block-getwid-post-carousel .slick-next:before {
      border: solid 1px var(--theme-black-background) !important;
  }
  .home .wp-block-getwid-template-post-featured-background-image__content {
      position: absolute;
      bottom: 0;
      background-color: var(--blockchain-group-blue);
      height: 164px;
  }
  .news-post-carousel .wp-block-getwid-template-post-title {
      position: absolute;
      font-size: 32px;
      font-weight: 400;
      bottom: 30px;
  }
  .news-post-carousel .wp-block-getwid-template-post-date {
      color: var(--site-background);
      position: absolute;
      bottom: 0px;
  }
  .news-post-carousel .wp-block-getwid-template-post-date a {
      text-decoration: none;
  }
  /* -------------------------------------------------------------------------------- */
  /*	10. Getwid Post Slider (Homepage Research Partners Section)
  /* -------------------------------------------------------------------------------- */
  .home .research-partners-slider .slick-slider {
      width: 1600px;
  }
  .home .research-partners-slider .slick-prev:before {
      border: solid 1px var(--theme-black-background) !important;
  }
  .home .research-partners-slider .slick-next:before {
      border: solid 1px var(--theme-black-background) !important;
  }
  /* -------------------------------------------------------------------------------- */
  /*	11.	List Styling Publications/News (CPT)
  /* -------------------------------------------------------------------------------- */
  .cpt-lists-container {
      display:flex;
      flex-wrap: wrap;
      flex-direction: row;
      margin-bottom: 3rem;
      margin: 0 auto;
  }
  /*CPT - publications*/
  /*@media (max-width: 495px) {
      .cpt-lists-listing-wrap.publications {
          padding: 25px;
      }
  }*/	
  .cpt-lists-container .single-cpt-list-publications {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      border-bottom: 1px solid var(--site-font-color);
  }
  .cpt-lists-container .single-cpt-list-publications.header {
      /*display:none;*/
      display: flex;
      font-size: 70%;
      font-weight: 400;
      text-transform: uppercase;
      color: var(--site-font-color); 
      padding-bottom: 10px;
  }
  .a-grid-table-body__item.a-grid-table-body__link.publications {
      display: none;
  }	
  .single-cpt-list-publications.content {
      width: 100%;
      display: none;
      font-size: smaller;
      flex-wrap: wrap;
      flex-direction: row;
      /*border-top: 1px solid var(--site-font-color);*/
      padding-top: 10px;
      padding-bottom: 10px;
      color: var(--site-font-color);
  }
  .single-cpt-list-publications.content a {
      color: var(--site-font-color);
      text-decoration: underline;
  }		
  .cpt-lists-container .single-cpt-list-publications .title {
      width: 40%;
  }
  .cpt-lists-container .single-cpt-list-publications .status {
      width: 7%;
  }
  .cpt-lists-container .single-cpt-list-publications .authors {
      width: 30%;
  }
  .cpt-lists-container .single-cpt-list-publications .research-area {
      width: 10%;
  }
  .cpt-lists-container .single-cpt-list-publications .release-year {
      width: 8%;
  }
  .cpt-lists-container .single-cpt-list-publications .arrow {
      /*width: 5%;*/
      text-decoration: none;
  }
  .cpt-lists-container .single-cpt-list-publications .arrow a {
      text-decoration: none;
      font-size: 1.5em;
  }
  .cpt-lists-container .single-cpt-list-publications svg:hover {
      transform: translateX(5px);
      transition: transform 500ms ease;	
  }
  .single-publications--hidden {
      display: none;
  }
  /*CPT - post (news)*/
  .cpt-lists-container .single-cpt-list-post {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      border-bottom: 1px solid #000;
  }
  .cpt-lists-container .single-cpt-list-post.header {
      display: flex;
      font-size: 70%;
      font-weight: 400;
      text-transform: uppercase;
      color: #000; 
      padding-bottom: 10px;
  }
  .single-cpt-list-post.content {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      border-top: 1px solid #000;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #000;
  }
  .single-cpt-list-post.content a {
      color: #000;
      text-decoration: underline;
  }
  .cpt-lists-container .single-cpt-list-post .date {
      width: 20%;
  }		
  .cpt-lists-container .single-cpt-list-post .title {
      width: 70%;
  }
  .cpt-lists-container .single-cpt-list-post .arrow {
      width: 10%;
      text-decoration: none;
  }
  .cpt-lists-container .single-cpt-list-post .arrow a {
      text-decoration: none;
      font-size: 1.5em;
  }
  /*General*/
  .cpt-lists-container p{
      margin-bottom: 0;
  }
  .cpt-lists-container .cpt-list-category{
      display:inline-block;
      background-color: #00ffff;
      padding: 0.3rem;
      margin: 1rem 0.5rem 1rem 0;
      border-radius: 3rem;
      color: black;
      font-size: 60%;
      font-weight: lighter;
      width: max-content;
      }
      .cpt-lists-container .cpt-list-category:hover{
      text-decoration: underline;
  }
  .cpt-lists-container .cpt-list-available{
      display:inline-block;
      padding: 0.3rem;
      margin: 1rem 0;
      border-radius: 3rem;
      color: black;
      font-size: 80%;
      font-weight: lighter;
      width: max-content;
  }
  .cpt-lists-container .cpt-list-available.red{
      background-color: #ffb1ad;
  }
  .cpt-lists-container .cpt-list-available.orange{
      background-color: #ffe4c4;
  }
  .cpt-lists-container .cpt-list-available.green{
      background-color: #7fffd4;
  }
  /* Mobile */
  @media (max-width: 860px) {
      .cpt-lists-container{
          display:flex;
          flex-wrap: wrap;
          flex-direction: row;
          margin-bottom: 3rem;
      }
      .cpt-lists-container .content .date,
      .cpt-lists-container .content .status,
      .cpt-lists-container .content .title,
      .cpt-lists-container .content .authors,
      .cpt-lists-container .content .research-area,
      .cpt-lists-container .content .release-year	{
          width: 100%;
      }
  }
  /* -------------------------------------------------------------------------------- */
  /*	12.	Styling Publications Page (ID: 240) & Single Publications
  /* -------------------------------------------------------------------------------- */	
  .page-id-240 .wp-block-image {
      background-color: var(--site-background);
      height: 255px;
  }
  .page-id-240 .research-topics {
      align-items: center;
      justify-content: center;
  } 
  .page-id-240 .wp-block-columns.research-topics {
      color: var(--site-background);
  }
  .page-id-240 .research-topics .research-column {
      box-shadow: 5px 5px 5px rgb(0 0 0 / 0.4);
      border: 1px solid rgb(0 0 0 / 0.4);
      padding: 35px;
      padding-bottom: 5px;
      line-height: 1.7;
  }
  .page-id-240 .research-topics .research-column h3 {
      line-height: 1;
  }
  .single-publications .entry-content .alignwide {
      margin-left: 0;
  }
  .single-publications-loadmore {
      padding-top: 25px;
      text-align: center;
      font-size: 24px;
  }
  .single-publications-loadmore:hover {
      font-weight: 500;
  }
  .single-publications-loadmore a {
      text-decoration: none;
      color: #000;
  }
  #publications-loadmore {
      text-decoration: none;
  }	
  .single-publications-loadmore svg {
      width: 24px;
      height: 24px;
  }
  .single-publications-loadmore svg:hover {
      transform: translateY(5px);
      transition: transform 500ms ease;	
  }
  .single-publications-loaded-text {
      display: none;
  }
  
  .entry-title {
      margin: 40px 0;
  }
  
  /* -------------------------------------------------------------------------------- */
  /*	13.	Filter Tabs & General Filter Styling
  /* -------------------------------------------------------------------------------- */
  div:not(filter).is-active {
      animation-duration: calc( 1s);
      animation-fill-mode: both;
      animation-name: fadeInLeft
  }
  .tabs {
      margin: 0 !important;
  }
  .tabs ul {
      margin: 0;
      padding-left: 0;
  }
  .tabs ul li {
      cursor: pointer
  }
  .tabs ul li a {
      transition: all 250ms ease-in-out
  }
  .tabs {
      -webkit-overflow-scrolling: touch;
      align-items: stretch;
      display: flex;
      font-size: 1rem;
      justify-content: space-between;
      overflow: hidden;
      overflow-x: auto;
      white-space: nowrap
  }
  .tabs a {
      align-items: center;
      color: #000;
      display: flex;
      justify-content: center;
      margin-bottom: -1px;
      padding: .5em 1em 0.5em 0;
      vertical-align: top;
      text-decoration: none;
  }
  .tabs a:hover {
      border-bottom-color: #000;
      color: #00184a
  }
  .tabs li {
      display: block
  }
  a.term.is-active {
      color: var(--blockchain-group-blue);
  }
  .tabs li.is-active a::after {
      content: "";
      width: 65%;
      height: 4px;
      background-color: #000;
      position: absolute;
      bottom: -4px;
      left: aut;
  }
  .tabs ul {
      /*align-items: center;*/
      align-items: self-start;
      /*border-bottom-color: #01f6ed;
      border-bottom-style: solid;
      border-bottom-width: 1px;*/
      display: flex;
      flex-grow: 1;
      flex-shrink: 0;
      justify-content: flex-start
  }
  .tabs ul.is-left {
      padding-right: .75em
  }
  .tabs ul.is-center {
      flex: none;
      justify-content: center;
      padding-left: .75em;
      padding-right: .75em
  }
  .tabs ul.is-right {
      justify-content: flex-end;
      padding-left: .75em
  }
  .tabs .icon:first-child {
      margin-right: .5em
  }
  .tabs .icon:last-child {
      margin-left: .5em
  }
  .tabs.is-centered ul {
      justify-content: center
  }
  .tabs.is-right ul {
      justify-content: flex-end
  }
  .tabs.is-boxed a {
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0
  }
  .tabs.is-boxed a:hover {
      background-color: #f5f5f5;
      border-bottom-color: #dbdbdb
  }
  .tabs.is-boxed li.is-active a {
      background-color: var(--site-background);
      border-color: #dbdbdb;
      border-bottom-color: transparent !important
  }
  .tabs.is-fullwidth li {
      flex-grow: 1;
      flex-shrink: 0
  }
  .tabs.is-toggle a {
      /*border-color: #01f6ed;
      border-style: solid;
      border-width: 1px;*/
      margin-bottom: 0;
      position: relative
  }
  .tabs.is-toggle a:hover {
      /*background-color: var(--blockchain-group-blue);*/
      border-color: #000;
      color: var(--blockchain-group-blue);
      z-index: 2
  }
  .tabs.is-toggle a:hover::after/* ,.term.is-active::after */{
      content: "";
      width: 70%;
      height: 4px;
      background-color: var(--blockchain-group-blue);
      position: absolute;
      bottom: -4px;
      left: auto;
      text-align: center;
  }
  .tabs.is-toggle li+li {
      margin-left: -1px
  }
  .tabs.is-toggle li:first-child a {
      border-radius: 4px 0 0 4px
  }
  .tabs.is-toggle li:last-child a {
      border-radius: 0 4px 4px 0
  }
  .tabs.is-toggle li.is-active a {
      /*background-color: #01f6ed;
      border-color: #01f6ed;*/
      color: #000;
      z-index: 1
  }
  .tabs.is-toggle li.is-active a:hover {
      color: var(--site-background);
      z-index: 1
  }
  .tabs.is-toggle ul {
      border-bottom: none
  }
  .tabs.is-toggle.is-toggle-rounded li:first-child a {
      border-bottom-left-radius: 290486px;
      border-top-left-radius: 290486px;
      padding-left: 1.25em;
  }
  .tabs.is-toggle.is-toggle-rounded li:last-child a {
      border-bottom-right-radius: 290486px;
      border-top-right-radius: 290486px;
      padding-right: 1.25em;
  }
  .tabs.is-large {
      font-size: 18px;
  }
  /* -------------------------------------------------------------------------------- */
  /*	14.	Projects Page (ID: 1020)
  /* -------------------------------------------------------------------------------- */	
  /*.page-id-1020 .site-content {
      padding: 0px;
      padding-top: 150px;
  }*/
  .page-id-1020 .wp-block-getwid-images-slider.has-arrows-inside .slick-prev {
      left: 3px;
      text-shadow: none !important;
  }
  .page-id-1020 .wp-block-getwid-images-slider.has-arrows-inside .slick-next {
      right: 3px;
      text-shadow: none !important;
  }
  .page-id-1020 .slick-slider {
      padding-left: 50px;
      padding-right: 50px;
  }
  .page-id-1020 .slick-prev:before, .page-id-1020 .slick-next:before {
      font-family: 'Open Sans', sans-serif;
      font-size: 30px;
      line-height: 1;
      opacity: 1;
      color: #000 !important;
      -webkit-font-smoothing: none;
      -moz-osx-font-smoothing: none;
  }
  /* -------------------------------------------------------------------------------- */
  /*	15.	Projects Single page
  /* -------------------------------------------------------------------------------- */	
  .entry-title {
      margin-bottom: 40px;
  }
  .entry-event-information {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      align-items: start;
  }
  .entry-event-metadata {
      display: grid;
      grid-template-columns: .5fr 1fr;
      column-gap: 10px;
      row-gap: 2px;
  }
  .entry-event-map {
      background-color: gray; 
      min-height: 250px; 
      display: flex; 
      justify-content: center; 
      align-items: center;
  }
  /* For mobile portrait */
  @media (max-width: 767px) {
      .entry-event-information,
      .entry-event-metadata {
          grid-template-columns: 1fr;
          row-gap: 30px;
      }
  
      .entry-event-metadata {
          row-gap: 1px;
      }
  }
  /* For tablet portrait */
  @media (max-width: 991px) {
  }
  /* -------------------------------------------------------------------------------- */
  /*	16.	Styling Filters Courses CPT
  /* -------------------------------------------------------------------------------- */	
  .courses-wrapper .tabs a:hover {
      padding: .2em 0.5em;
  }
  ul.courses-parent-terms {
      align-items: self-start;
  }
  .courses-term {
      text-align: left;
      font-size: 18px;
      line-height: 1;
      padding: 0.3em;
  }
  .courses-term.is-active {
      font-weight: bold;
  }	
  .child-terms-dropdown {
      display: none;
  }
  .parent-terms {
      width: auto;
      text-align: left;
  }		
  .parent-terms:hover .child-terms-dropdown {
      display: grid;
      position: absolute;
      width: auto;
      padding-left: 3px;
      transition: all 250ms ease-in-out;
      background-color: #FFF;
      z-index: 999;
      text-align: left;
      padding: 0.5em;
  }		
  .tabs.course_types {
      margin: 0 !important;
      
  }
  .tabs.course_types ul {
      flex-grow: 0;
  }
  .courses-wrapper {
      display: none;
  }
  .courses-wrapper.is-active {
      display: grid;
  }
  .courses-child-terms {
      display: flex;
      flex: 100%;
  }	
  @media only screen and (max-width: 599px){
      .courses-wrapper{grid-template-columns:auto!important;}
      .parent-terms:hover .child-terms-dropdown {
          width: 50%;
          bottom: -220px;
      }
  }
  @media only screen and (min-width: 600px)and (max-width: 900px){
      .courses-wrapper{grid-template-columns:1fr;}
  }
  @media only screen and (min-width: 901px)and (max-width: 1200px){
      .courses-wrapper{grid-template-columns:1fr;}
  }
  .courses-wrapper div a{text-decoration:none;display:inline-block;transition:all 250ms ease-in-out;}
  .courses-wrapper div a:hover{opacity:.8;}
  
  .courses-wrapper img{display:block;width:100%;}
  
  @media only screen and (max-width: 599px){
      .courses-wrapper .single-courses img {
          max-height:250px;min-height:0px;
      }
      .page-id-1311 .tabs.is-large {
          font-size: 16px;
      }
      .page-id-1311 .tabs {
          align-items: left;
          display: flex;
          justify-content: left;
      }
      .page-id-1311 .tabs .icon:last-child {
          margin-left: 0;
      }
      .tabs .icon:first-child {
          margin-right: 0;
      }
  }
  .courses-wrapper .single-courses-content{display:flex;flex-direction:column;justify-content:space-between;padding:1.2em;height:100%;}
  .courses-wrapper .single-courses-content h3{margin:0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
  .courses-wrapper .single-courses-content p{padding:0!important;margin-top:.5em;}
  /* -------------------------------------------------------------------------------- */
  /*	17.	Styling Filters News & Events CPT & Projects
  /* -------------------------------------------------------------------------------- */
  .projects-wrapper .single-projects, .courses-wrapper .single-courses  { 
      background: #FFF;
      border: 1px solid rgb(0 0 0 / 0.4);
      display: grid;
      grid-template-columns: .5fr 1fr;
      margin-bottom: 20px;
      min-height: 300px;
      text-decoration: none;
      transition: all .2s ease-in-out;
  }
  
  .single-news-events:hover, .projects-wrapper .single-projects:hover, .courses-wrapper .single-courses:hover  {
      box-shadow: 5px 5px 5px rgb(0 0 0 / 0.4);
  }
  
  .single-news-events-image-wrapper,.projects-wrapper .single-projects-image-wrapper,.courses-wrapper .single-courses-image-wrapper {
      position: relative;
  }
  .single-news-events-image-wrapper::after, .projects-wrapper .single-projects-image-wrapper::after, .courses-wrapper .single-courses-image-wrapper::after {
      content: '';
      display: block;
      padding-bottom: 66%;
  }
  .single-news-events-image-wrapper img, .projects-wrapper .single-projects-image-wrapper img, .courses-wrapper .single-courses-image-wrapper img  {
      height: 100%;
      object-fit: cover;
      position: absolute;
      width: 100%;
      filter: grayscale(100%);
  }
  .single-news-events-image-wrapper img:hover, .projects-wrapper .single-projects-image-wrapper img:hover, .courses-wrapper .single-courses-image-wrapper img:hover  {
      filter: grayscale(0%);	
  }
  .single-news-events-content, .projects-wrapper .single-projects-content, .courses-wrapper .single-courses-content  {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 40px 70px 10px;
      height: 100%;
  }
  .single-news-events-content h3, .projects-wrapper .single-projects-content h3, .courses-wrapper .single-courses-content h3 {
      font-size: 23px;
      font-weight: 600;
      margin-bottom: 10px;
  }
  .single-news-events-meta, .projects-wrapper .single-projects-meta, .courses-wrapper .single-courses-meta  {
      font-size: 14px;
  }
  .single-news-events-readmore, .projects-wrapper .single-projects-readmore, .courses-wrapper .single-courses-readmore  {
      text-align: right;
      font-size: 23px;
      font-weight: 600;
  }
  .single-news-events-readmore::after, .projects-wrapper .single-projects-readmore::after, .courses-wrapper .single-courses-readmore::after {
      content: "→";
      font-size: 23px;
      padding-left: 10px;
  }
  .projects-wrapper .single-projects-meta,.courses-wrapper .single-courses-meta {
      display: grid;
      grid-template-columns: 1fr .5fr;
  }
  .single-news-events-meta {
      display: grid;
  }
  .single-news-events-loadmore, .projects-wrapper .single-projects-loadmore, .courses-wrapper .single-courses-loadmore  {
      /*background-color: none !important;*/
      text-align: center;
      font-size: 24px;
  }
  .single-news-events-loadmore a, .projects-wrapper .single-projects-loadmore a, .courses-wrapper .single-courses-loadmore a  {
      color: #000;
      display: block;
      text-decoration: none;
  }
  .single-news-events-loadmore svg, .projects-wrapper .single-projects-loadmore svg, .courses-wrapper .single-courses-loadmore svg {
      width: 24px;
      height: 24px;
  }
  .single-news-events-loaded-text, .projects-wrapper .single-projects-loaded-text, .courses-wrapper .single-courses-loaded-text{
      display: none;
  }
  .single-news-events-loadmore,
  .single-news-events-loadmore div, 
  .projects-wrapper .single-projects-loadmore,
  .projects-wrapper .single-projects-loadmore div, 
  .courses-wrapper .single-courses-loadmore,
  .courses-wrapper .single-courses-loadmore div   {
      background: transparent;
  }
  
  .single-news-events  { 
      background-color: #334FBB;
      color: #FFF;
      border: 1px solid rgb(0 0 0 / 0.4);
      display: grid;
      grid-template-columns: .5fr 1fr;
      margin-bottom: 20px;
      min-height: 300px;
      text-decoration: none;
      transition: all .2s ease-in-out;
  }
  
  .single-news-events--hidden{
      display: none;
  }
  .single-news-events:hover{
      color: #fff;
  }
  
  /*Style Background for past events*/
  a.past-event, a.past-event:hover {
      background-color: #FFF;
      color: #000;
  
  }
  @media (max-width: 991px) {
      .single-news-events-readmore,
      .single-news-events-readmore::after,
      .projects-wrapper .single-projects-readmore,
      .projects-wrapper .single-projects-readmore::after,
      .courses-wrapper .single-courses-readmore,
      .courses-wrapper .single-courses-readmore::after  {
          font-size: 18px;
      }
  }
  @media screen and (max-width: 767px) {
      .single-news-events, .projects-wrapper .single-projects, .courses-wrapper .single-courses{
          grid-template-columns: 1fr;
      }
      .single-news-events-content, .projects-wrapper .single-projects-content, .courses-wrapper .single-courses-content  {
          padding: 20px 15px;
      }
      .entry-content {
          margin-bottom: 10px;
      }
      .single-news-events-meta, .projects-wrapper .single-projects-meta, .courses-wrapper .single-courses-meta{
          grid-template-columns: 1fr;
          row-gap: 10px;
      }
      .single-news-events-readmore,
      .single-news-events-readmore::after,
      .projects-wrapper .single-projects-readmore,
      .projects-wrapper .single-projects-readmore::after,
      .courses-wrapper .single-courses-readmore,
      .courses-wrapper .single-courses-readmore::after   {
          font-size: 16px;
      }
  }
  /* -------------------------------------------------------------------------------- */
  /*	18.	Styling Filters Team (Members) CPT
  /* -------------------------------------------------------------------------------- */	
  .members-wrapper div{
      background: #FFF;
  }
  /*.projects-wrapper{
      display: none;
  }*/
  .members-wrapper.is-active{
      display:grid;
      display:-ms-grid;
  }
  @media only screen and (max-width: 599px){
  .members-wrapper{grid-template-columns:auto!important;}
  }
  @media only screen and (min-width: 600px)and (max-width: 900px){
  .members-wrapper{grid-template-columns:1fr 1fr;gap:2%;}
  }
  @media only screen and (min-width: 901px)and (max-width: 1200px){
  .members-wrapper{grid-template-columns:1fr 1fr;}
  }
  .members-wrapper div a{text-decoration:none;display:inline-block;transition:all 250ms ease-in-out;}
  .members-wrapper div a:hover{opacity:.8;}
  
  .members-wrapper img{display:block;width:100%;}
  /* -------------------------------------------------------------------------------- */
  /*	19.	Contact Form 7 (Contact Page)
  /* -------------------------------------------------------------------------------- */
  .bbc-contact-form-column {
      float: left;
      width: 47.5%;
      margin-bottom: 30px;
      /*background-color: var(--theme-black-background);*/
  }
  .bbc-contact-form-column:first-of-type {
      margin-right: 5%;
  }
  /* Clear floats after the columns */
  .bbc-contact-form:after {
      content: "";
      display: table;
      clear: both;
  }
  .bbc-contact-form textarea::placeholder {
       color: var(--theme-black-background);
  }
  .bbc-contact-form input[type=text], .bbc-contact-form input[type=email], .bbc-contact-form input[type=URL], .bbc-contact-form textarea {
      border-color: var(--theme-black-background);
      background-color: var(--site-background);
      border-radius: 4px;
      color: var(--theme-black-background);
      width: 100%;
  }
  .bbc-contact-form input[type=text]::placeholder, .bbc-contact-form input[type=email]::placeholder, .bbc-contact-form input[type=URL]::placeholder {
      color: var(--theme-black-background);
  }
  .bbc-contact-form input[type=submit] {
      margin-top: 20px;
      width: auto;
      padding-left: 20px;
      padding-right: 20px;
      border-color: var(--site-background);
      background-color: var(--theme-black-background);
      border-radius: 4px;
      color: var(--site-background);
  }		
  .bbc-contact-form-column-one {
      margin-right: 150px !important;
  }
  #fileuploadfield {
      display: none;
  }
  #uploadtextfield {
      height:18px;
      width: 100%;
      border: none;
      padding-left: 0;
  }
  #uploadbrowsebutton {
      height: auto;
      border-radius: 4px;
      width: 147px;
      margin-top: 5px;
      text-align:center;
      background-color: var(--theme-black-background);
  }
  .uploadfieldtrick{
      margin-bottom: 1.5em;
      display: flex;
      flex-direction: column;
      gap: 4px;
      justify-content: space-between;
  }
  /* -------------------------------------------------------------------------------- */
  /*	20.	Arteeo Grid Table (Projects, Members etc.)
  /* -------------------------------------------------------------------------------- */
  .a-grid-table-wrapper {
      font-size: 14px;
      line-height: 21px;
  }
  .a-grid-table-header,
  .a-grid-table-body__item {
      display: grid;
  }
  .a-grid-table-header {
      border-bottom: 1px solid black;
      font-weight: 600;
  }
  .a-grid-table-header__label {
      margin-bottom: 5px;
  }
  .a-grid-table-body__link {
      border-bottom: 1px solid black;
      position: relative;
      text-decoration: none;
  }
  .a-grid-table-body__link:hover {
      text-decoration: underline;
  }
  .a-grid-table-body__link:hover .a-grid-table-body__arrow {
      transform: translateX(7px);
  }
  .a-grid-table-body__content {
      padding: 25px 15px 25px 0;
  }
  .a-grid-table-body__label {
      display: none;
  }
  .a-grid-table-body__content p {
      margin-bottom: 0;
  }
  .a-grid-table-body__arrow {
      padding-right: 0;
      position: absolute;
      right: 0;
      top: 0;
      transition: transform .2s ease-in-out;
  }
  /* 
  * Set content specific grid table row layout 
  */
  /* Projects */
  .a-grid-table-wrapper--projects .a-grid-table-header,
  .a-grid-table-wrapper--projects .a-grid-table-body__item {
      grid-template-columns: 2.5fr 1fr 1fr 1fr;
  }
  /* Members -> UPDATE AS NECESSARY */
  .a-grid-table-wrapper--publications .a-grid-table-header,
  .a-grid-table-wrapper--publications .a-grid-table-body__item {
      grid-template-columns: 2.5fr 0.75fr 1.5fr 0.75fr 0.75fr;
  }
  @media screen and (max-width: 991px) {
      .a-grid-table-header {
          display: none;
      }
      .grid-important-rule {
          display: flex !important;
      }	
      .a-grid-table-body__item {
          /*display: flex !important;*/
          flex-direction: column;
          padding-top: 10px;
      }
      .a-grid-table-body__content {
          display: grid;
          grid-template-columns: 0.25fr 1fr;
          grid-auto-columns: 1fr;
          grid-gap: 16px;
          margin-bottom: 15px;
          padding: 0;
      }
  
      .a-grid-table-body__label {
          display: block;
          font-weight: 600;
      }
  
      .a-grid-table-body__arrow {
          margin-bottom: 0;
          padding: 20px 0;
          position: relative;
      }
  }
  @media screen and (max-width: 767px) {
      .a-grid-table-body__content.a-grid-table-body__arrow {
          padding: 10px 0 30px;
      }
  }
  @media screen and (max-width: 479px) {
      .a-grid-table-body__item {
          padding-top: 20px;
      }
      .a-grid-table-body__content {
          grid-template-columns: 0.5fr 1.25fr;
          margin-bottom: 0;
          padding: 5px 0 10px;
      }
  }
  /* -------------------------------------------------------------------------------- */
  /* 21. Arteeo Members Grid */
  /* -------------------------------------------------------------------------------- */
  .a-members-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 30px;
      grid-row-gap: 46px;
  }
  .a-members-grid-card__link {
      display: block;
      text-decoration: none;
  }
  .a-members-grid-card__link:hover {
      font-weight: 600;
  }
  .a-members-grid-card__link:hover .a-members-grid-card__image-wrapper img {
      filter: grayscale(0);
  }
  .a-members-grid-card__image-wrapper {
      position: relative;
  }
  .a-members-grid-card__image-wrapper::after {
      content: '';
      display: block;
      padding-bottom: 100%;
  }
  .a-members-grid-card__image-wrapper img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(100%);
      transition: filter .1s ease-in-out;
  }
  .a-members-grid-card__name {
      border-bottom: 1px solid black;
      font-size: 16px;
      padding: 17px 0 16px;
  }
  .a-members-grid-card__meta {
      align-items: flex-end;
      display: flex;
      font-size: 14px;
      font-weight: 200;
      justify-content: space-between;
      padding-top: 12px;
      padding-bottom: 10px;
  }
  .a-members-grid-card__getintouch a {
      display: inline-block;
      font-size: 12px;
      padding-left: 7px;
  }
  .a-members-grid-card__getintouch a:hover { 
      font-weight: 600;
      text-decoration: none;
  }
  @media screen and (max-width: 991px) {
      .a-members-grid {
          grid-template-columns: 1fr 1fr;
      }
  }
  
  @media screen and (max-width: 767px) {
      .a-members-grid {
          grid-template-columns: 1fr;
      }
  }
  /* single members */
  .single-member-wrapper{
      display: grid;
      grid-template-columns: 0.25fr 0.75fr;
      grid-auto-columns: 1fr;
      grid-column-gap: 0px;
      grid-row-gap: 16px;
      grid-template-rows: auto;
  }
  .single-member-wrapper .a-members-grid-card__image-wrapper img {
      filter: grayscale(0%);
  }
  .team-member-bio {
      display: flex;
      padding-left: 30px;
      flex-direction: column;
      align-items: stretch;
  }
  @media screen and (max-width: 767px) {
      .single-member-wrapper{
          grid-template-columns: 1fr;
      }
      .team-member-bio {
          padding-left: 0px;
      }
  }
  .a-members-grid-card {
      position: relative;
      display: flex;
      margin-right: 15px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch;
      font-weight: 200;
      text-decoration: none;
  }
  .research-interests{
      padding-top: 15px;
      border-top: 1px solid #000;
  }
  /* -------------------------------------------------------------------------------- */
  /* 22. Default WP Table */
  /* -------------------------------------------------------------------------------- */
  .wp-block-table.is-style-stripes {
      border-bottom: 0;
  }
  .wp-block-table table {
      border: none;
  }
  .wp-block-table th {
      border-bottom: 1px solid var(--site-font-color);
      border-width: 0 0 1px 0;
      font-size: 70%;
      font-weight: 400;
      padding: 10px 0;
      text-align: left;
      text-transform: uppercase;
  }
  .wp-block-table td {
      border-bottom: 1px solid var(--site-font-color);
      border-width: 0 0 1px 0;
      font-size: smaller;
      padding: 10px 0;
  }
  .wp-block-table th.has-text-align-center,
  .wp-block-table td.has-text-align-center {
      text-align: center;
  }
  .wp-block-table th.has-text-align-right,
  .wp-block-table td.has-text-align-right {
      text-align: right;
  }