/*  
Theme Name: Eucope 2022
Theme URI: 
Description: Custom WP Theme for Eucope
Version: 3.0
Author: Oliver Hulisz	
Author URI:  http://72dpi.de/
*/


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('fonts/open-sans/open-sans-v34-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/open-sans/open-sans-v34-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-slab/roboto-slab-v24-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('fonts/roboto-slab/roboto-slab-v24-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-slab/roboto-slab-v24-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* Defaults
-------------------------------------------------------------------------------------------------- */
:root {

  --font-serif: 'Roboto Slab', 'Times New Roman', Times, serif;
  --font-copy: 'Open Sans', Verdana, Arial, sans-serif;
  --fontawesome: 'Font Awesome 5 Pro';
  
  --eu-lineheight: 150%;
  
  --max-width: 1180px;

  --eu-blue: rgba(0,60,113); /* 003c71 */
  --eu-blue-90: rgba(0,60,113,.9);
  --eu-blue-80: rgba(0,60,113,.8);
  --eu-blue-70: rgba(0,60,113,.7);
  --eu-blue-60: rgba(0,60,113,.6);
  --eu-blue-50: rgba(0,60,113,.5);
  --eu-blue-40: rgba(0,60,113,.4);
  --eu-blue-30: rgba(0,60,113,.3);
  --eu-blue-20: rgba(0,60,113,.2);
  --eu-blue-10: rgba(0,60,113,.1);
  
  --eu-yellow: rgba(250,169,6); /* #faa906 */
  --eu-yellow-90: rgba(250,169,6,.9);
  --eu-yellow-80: rgba(250,169,6,.8);
  --eu-yellow-70: rgba(250,169,6,.7);
  --eu-yellow-50: rgba(250,169,6,.5);
  --eu-yellow-30: rgba(250,169,6,.3);
  --eu-yellow-20: rgba(250,169,6,.2);
  --eu-yellow-10: rgba(250,169,6,.1);
  
  --eu-lightgrey: rgba(245,245,245); /* #f5f5f5 */
  
}

body {
	color: #333;
	font-family: var(--font-copy);
	font-size: 1rem;
	background-color: #fff;
	text-rendering: optimizeLegibility;
}

.wrap {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}

img {
  max-width: 100%;
  height: auto;
}
a {
  color: var(--eu-blue);
  text-decoration: none;
  outline: 0;
}
  a:hover {
    text-decoration: underline;
  }



@media only screen and (max-width: 720px) {
	.hide-on-mobile {
		display: none;
	}
}



/* navigation
-------------------------------------------------------------------------------------------------- */
.row-header {
  transition: all 0.2s ease-out 0s;
}
  .site-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: .5rem auto;
  }

.logo {
  display: inline-block;
  width: 12rem;
  transition: all 0.5s ease-out 0s;
}

.navigation {
  width: 100%;
}

@media(min-width: 720px) {
    .logo {
      width: 14rem;
    }
    .navigation {
      order: 2;
      width: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
    }
}

@media(min-width: 1024px) {
  .logo {
    width: 16rem;
  }
}

.row-search {
  background-color: var(--eu-blue);
  display: none;
}
  .trigger-searchbar {
    cursor: pointer;
  }


/* Visual/Hero Frontpage
-------------------------------------------------------------------------------------------------- */
.row-visual-frontpage {
  height: 15rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
  .row-visual-frontpage .wrap {
    height: 100%;
    align-items: center;
  }
    .row-visual-frontpage h1.slogan {
      display: inline-block;
      padding: 1rem;
      font-size: clamp(26px, 5vw, 50px);  
      font-weight: 700;
      text-transform: uppercase;
      color: var(--eu-blue);
      /*text-shadow: 0px 0px 1rem rgba(255,255,255,.9);*/
      font-family: var(--font-copy);
      line-height: 1.1;
      background-color: rgba(255,255,255,.4);
    }
      .row-visual-frontpage h1.slogan span {
        color: var(--eu-yellow);
      }

@media screen and (min-width: 480px) {
  .row-visual-frontpage {
    min-height: 25rem;
  }
}
@media screen and (min-width: 720px) {
  .row-visual-frontpage {
    min-height: 30rem;
  }
}
@media screen and (min-width: 1024px) {
  .row-visual-frontpage {
    min-height: 35rem;
  }
}



/* Visuals Pages
-------------------------------------------------------------------------------------------------- */
figure.hero-image {
  margin: 0 auto;
  position: relative;
}
 figure.hero-image img {
   margin: 0 auto;
   width: 100%;
   height: 15rem;
   object-fit: cover;
   object-position: center center;
   transition: all .3s ease-in-out;
  }
  @media screen and (min-width: 720px) {
    figure.hero-image img {
      height: 20rem;
    }
  }
  @media screen and (min-width: 1024px) {
    figure.hero-image img {
      height: 30rem;
    }
  }
  @media screen and (min-width: 1200px) {
    figure.hero-image img {
      height: 35rem;
    }
  }




  

/*Frontpage - Feature Boxes
-------------------------------------------------------------------------------------------------- */
.row-feature,
.row-teasers {
  position: relative;
  margin-top: -2rem;
  z-index: 2;
}
@media (min-width: 720px) {
  .row-feature,
  .row-teasers {
    margin-top: -6rem;
  }
}


.section-teaser {
  padding: 1.5rem 1.5rem .5rem 1.5rem;
  height: 100%;
  border-radius: .25rem;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  background: 
    linear-gradient(
      135deg,
      #faa906 0%,
      #fdd483 70%
  );
  
}
  .section-teaser [class*="fa"] {
    font-size: 4rem;
    color: var(--eu-blue);
  }



/* Frontpage Specials
-------------------------------------------------------------------------------------------------- */
.teaser-media-wrapper {
  margin: 1.5rem 0 0 0;
  display: flex;
  flex-direction: column;
}
  .teaser-media-wrapper aside  {
    position: relative;
    margin: 0 0 1.5rem 0;
    padding: 1.5rem 1.5rem 0 6rem;
    background-color: var(--eu-yellow-20);
    border-radius: .5rem;
    flex: 0 1 50%;
  }
    .teaser-media-wrapper aside i {
      position: absolute;
      left: 1rem;
      top: 2rem;
      font-size: 3rem;
      color: var(--eu-blue);
    }
    .teaser-media-wrapper h2 {
      margin-top: 0;
      font-size: 1.3rem;
    }

@media screen and (min-width: 720px) {
  .teaser-media-wrapper {
    flex-direction: row;
  }
  .teaser-media-wrapper aside:first-child {
    margin-right: 2rem;
  }
}




/* Typographie
-------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
	font-family: var(--font-serif);
  font-weight: 700;
	line-height: 135%;
	color: var(--eu-blue);
}

h1 {
  margin: 0 0 1rem 0;
  font-size: 1.6rem;
}
h2 {
  margin: .5rem 0 1rem 0;
  font-size: 1.4rem;
}
h3 {
  margin: .5rem 0 1rem 0;
  font-size: 1.3rem;
}
h4, h5 {
  margin: .5rem 0 1rem 0;
  font-size: 1.1rem;
}
p {
  margin: 1rem 0;
}

  @media (min-width: 720px) {
    h1 {
      font-size: 2rem;
    }
    h2 {
      font-size: 1.6rem;
    }
    h3 {
      font-size: 1.4em;
    }
    h4, h5 {
      font-size: 1.2rem;
    }  
  }



/* Font Awesome Stuff*/
h2, h3 {
  position: relative;
}
  h2 i[class*="fa-"],
  h3 i[class*="fa-"] {
    display: block;
    font-size: 2.5rem;
    margin: 2rem 0 1rem 0;
    color: var(--eu-yellow-70);
  }
    @media (min-width: 720px) {
      h2 > i[class*="fa-"],
      h3 > i[class*="fa-"] {
        margin: 0;
        position: absolute;
        top: -.25rem;
        left: -4rem;
      }
    }


p {
  margin: 1rem 0;
	line-height: var(--eu-lineheight);
}

  p.intro {
		margin: .5rem 0;
		color: var(--eu-yellow);
		font-size: 1.1rem;
    font-weight: 600;
	}
	p.type {
		margin: .5rem 0;
		color: var(--eu-yellow);
		text-transform: uppercase;
		letter-spacing: .05rem;
		font-size: .8rem;
	}

	p.type + h1,
	p.type + h2 {
		margin: 0;
	}
  p.meta  {
		margin: 0;
    padding: 0;
    font-size: .8rem;
    color: #999;
	}



h3 + p.meta {
  margin-top: -.5rem;
}

h1 span,
h2 span {
  color: var(--eu-yellow);
}




strong {
	font-weight: 700;
}

blockquote {
	clear: both;
  margin: 0 0 2rem 0;
	padding-left: 1rem;
	border-left: .3rem solid #faa906;
	font-style: italic;
}

address {
	font-style: normal;
}

mark {
  background-color: var(--eu-yellow-30);
  padding: .1rem .3rem;
  color: var(--eu-blue);
}

hr {
	clear: both;
  margin: 1rem 0;
	height: 1px;
	border-style: none;
	color: #ddd;
	background-color: #ddd;
}


aside.sidebar {
  border-top: 1px solid #ddd;
  padding-top: .5rem;
}
  aside.sidebar h3 {
    font-size: 1.3rem;
  }
  aside.sidebar h4 {
    margin-bottom: 0;
  }

.mce ul {
	margin: 1rem 0;
	padding: 0 0 0 1rem;
  list-style: square;
}
	.mce ul li {
		padding: 0;
		line-height: 150%;
	}
  .mce ul li::marker {
		color: var(--eu-yellow);
	}


article {
  margin: 0 0 1.5rem 0;
}

article ol {
	margin: 1rem 0;
	padding: 0;
}
	article ol li {
		line-height: 150%;
		padding: 0 0 .5rem 1rem;
	}


ul.simple,
nav.footermenu ul {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}
	ul.simple li,
  nav.footermenu li{
		margin: .5rem 0;
		padding: 0;
	}


/* News, Tags, Specials
-------------------------------------------------------------------------------------------------- */

dl.showhide {
	margin: 1rem 0;
}
	dl.showhide dt {
		display: flex;
    border-top: 1px solid #ddd;
		padding: .5rem 0;
		position: relative;
		cursor: pointer;
		line-height: 145%;
		padding-right: 2rem;
    color: var(--eu-blue);
    font-size: 1.1rem;
}
		dl.showhide dt:after {
			font-family: var(--fontawesome);
			content: "\f078";
			position: absolute;
			right: .5em;
			top: .5em;
			color: var(--eu-blue);
		}
			dl.showhide dt.expanded {
				font-weight: bold;
			}
				dl.showhide dt.expanded:after {
					font-family: var(--fontawesome);
          content: "\f077 ";
				}

	dl.showhide dd {
		margin: 0;
		padding-right: 2em;
	}



aside.post-downloads {
  margin: 1.5rem 0 0 0;
  clear: both;
}

ul.downloads {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
}
  ul.downloads li {
   padding: .2rem 0;
  }
    ul.downloads li:before {
      font-family: var(--fontawesome);
      content: "\f019";
      margin: .2rem 1rem 0 0;
    }



.date-short {
	margin: 0 .5rem 0 0;
  font-size: .75rem;
	background-color: rgba(250,169,6,.8);
	padding: 0 .3rem;
	color: #fff;
  white-space: nowrap;
	text-transform: uppercase;
  font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

.filter-group {
  margin: 1rem 0;
  padding: 0;
  border: none;
}
  .filter-group legend {
    margin: 0 0 .5rem 0;
    text-transform: uppercase;
    font-size: .8rem;
  }

.category-select select {
  margin: 0 0 1.5rem 0;
  padding: .3rem;
  background-color: var(--eu-yellow-70);
  border: none;
  color: #fff;
}




ul.filter-by-cat {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
  ul.filter-by-cat li a {
    display: inline-flex;
    color: #fff;
    background-color: var(--eu-blue-30);
    padding: .3rem .5rem;
    margin: 0 .5rem .5rem 0;
    text-decoration: none;
    border-radius: 1rem;
  }
  ul.filter-by-cat li a:hover,
  ul.filter-by-cat li.current-cat a {
    background-color: var(--eu-blue);
  }



.posts-by-category {
  margin: 0 0 1.5rem 0;
  padding: 1rem;
  background-color: var(--eu-yellow-10);
}

.filter-result {
  display: inline-flex;
  margin: 0 0 1.5rem 0;
  padding: .5rem;
  background-color: var(--eu-lightgrey);
}
  .filter-reset {
    margin-left: .75rem;
    color: var(--eu-yellow);
  }
    .filter-reset:hover {
      color: var(--eu-blue);
    }


.has-underline {
  padding-bottom: .5rem;
  border-bottom: 1px solid #ddd;
}




.tags {
	display: flex;
	flex-wrap: wrap;
  margin-bottom: 1rem;
}
  .single-tag,
  .tags a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--eu-blue);
    background-color: #f5f5f5;
    padding: .2rem .5rem;
    margin: 0 .5rem .5rem 0;
    text-decoration: none;
    border-radius: .25rem;
  }
    .tags a:hover,
    .tags a.active-tag {
      background-color: var(--eu-yellow);
      color: #fff;
    }

/* Post Tags */
.post-tags {
  clear: both;
  margin: 1rem 0;
}
  .post-tags a {
    display: inline-flex;
    margin: 0 1px 1px 0;
    padding: .3rem;
    border-radius: .25rem;
    background-color: #f5f5f5;
    font-size: .8rem;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1;
    color: var(--eu-blue);
  }
    .post-tags a:hover {
      background-color: var(--eu-yellow);
      color: #fff;
    }



/* Rows
-------------------------------------------------------------------------------------------------- */
.row-content {
   margin-top: 2rem;
}
  body.home .row-content {
     margin-top: 1rem;
  }



/* Row News & Events (Swiper)
-------------------------------------------------------------------------------------------------- */
.row-events {
  background-color: var(--eu-blue-30);
  background-image: url(svg/globe.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  position: relative;
}
  .row-events .event-icon {
    background-color: var(--eu-blue);
  }
  .row-events p.datespan a {
    background-color: var(--eu-yellow);
    color: #fff;
    display: inline-block;
  }

.row-news .tags {
  justify-content: center;
}

@media screen and (min-width: 1280px) {
  .row-events,
  .row-news {
    position: relative; 
  }
  
  .swiper-events-button-prev,
  .swiper-events-button-next,
  .swiper-news-button-prev,
  .swiper-news-button-next {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 3rem;
    top: 50%;
    cursor: pointer;
    background-color: var(--eu-blue);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
    .swiper-news-button-prev,
    .swiper-news-button-next {
      background-color: var(--eu-yellow);
    }
      .swiper-events-button-prev,
      .swiper-news-button-prev {
        left: 0;
        background-image: url(svg/swiper-left.svg);
      }
      .swiper-events-button-next,
      .swiper-news-button-next {
        right: 0;
        background-image: url(svg/swiper-right.svg);
      }

      .swiper-events-button-prev.swiper-button-disabled,
      .swiper-events-button-next.swiper-button-disabled,
      .swiper-news-button-prev.swiper-button-disabled,
      .swiper-news-button-next.swiper-button-disabled {
        opacity: .3;
      }
  
}  


/* News & Events Slider Pagination*/
.row-quotes .swiper-pagination-bullet,
.row-events .swiper-pagination-bullet,
.row-news .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
  width: 10px;
  height: 10px;
}
  .row-news .swiper-pagination-bullet{
    background-color: #ddd;
  }
  .row-quotes .swiper-pagination-bullet-active,
  .row-events .swiper-pagination-bullet-active,
  .row-news .swiper-pagination-bullet-active {
    background-color: #003C70;
  }


.row-membership {
  position: relative;
  background: 
    url(svg/globe.svg) no-repeat,
    linear-gradient(
    45deg,
    var(--eu-yellow-80) 0%,
    var(--eu-yellow-20) 100%
  );
  background-size: cover;
}



/* Quote Slider
-------------------------------------------------------------------------------------------------- */
.row-quotes {
  background-color: #E8E9EA;
}

.row-quotes .swiper-slide {
  display: flex;
  flex-direction: column;
}
.row-quotes .swiper-slide .wrap {
  text-align: center;
}
  .swiper-slide img  {
    margin: 0 auto;
    max-width: 12rem;
    border: 1rem solid #fff;
    box-shadow: 0 0 .5rem rgba(0,0,0,.15);
    background-color: #fff;
  }
  .quote-box  {
    display: flex;
    flex-direction: column;
  }
    .quote-box .quote-icon svg {
      margin: 1rem auto;
      width: 2.5rem;
    }
    .quote-box .quote-text {
      font-family: var(--font-serif);
      font-weight: 400;
      line-height: 1.5;
      color: var(--eu-blue);
    }
    .quote-box p.quote-author {
      font-family: var(--font-copy);
      margin-bottom: 0;
    }

@media (min-width: 720px) {
  .row-quotes .swiper-wrapper {
    align-items: center;
  }
  .row-quotes .swiper-slide .wrap {
    flex-direction: row;
    align-items: center;
  }
  .quote-box  {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   flex-direction: row;
   align-items: flex-start;
  }
    .quote-box .quote-icon {
      margin: -1rem 0 0 0;
      padding-right: 1rem;
      width: 3.5rem;
    }
    .quote-box .quote-text {
      flex: 1;
      text-align: left;
      font-size: 1.1rem;
    }
}

/* Careers
-------------------------------------------------------------------------------------------------- */
.job-offer {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
  line-height: 1.5;
}
  .job-offer span {
    padding: .5rem 1rem .5rem 0;
  }
  .job-offer span small {
    display: block;
    margin-bottom: .2rem;
    font-size: .8rem;
    color: #999;
  }

figure.logo-small {
  width: 5rem;
  height: 5rem;
  padding: .5rem;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
}

figure.logo-big {
  width: 100%;
  max-width: 10rem;
  aspect-ratio: 1;
  padding: 1rem;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  box-shadow: 0 0 .5rem rgba(0,0,0,.1);
  z-index: 1;
}

@media (min-width: 720px) {
  .job-offer {
    flex-direction: row;
  }
  .job-offer span:nth-child(2) {
    flex: 1;
  }
  .job-offer span:nth-child(3),
  .job-offer span:nth-child(4) {
    flex: 0 1 8rem;
  }
}



dl.jobinfo {
  margin: 1rem 0 0 0;
}
  dl.jobinfo dt {
    margin: 0 0 .3rem 0;
    padding: 0;
    margin-bottom: .2rem;
    font-size: .8rem;
    color: #999;
  }
  dl.jobinfo dd {
    margin: 0 0 1rem 0;
    padding: 0;
  }






/* Partner Page
-------------------------------------------------------------------------------------------------- */
.partner-item {
  display: flex;
  flex-direction: column;
}
  .partner-item img.partner  {
    margin: 1rem auto;
    width: 10rem;
    border: 1rem solid #fff;
    box-shadow: 0 0 .5rem rgba(0,0,0,.15);
    background-color: #fff;
  }

@media (min-width: 720px) {
 .partner-item {
    flex-direction: row;
    margin: 0 0 1rem 0;
  }
    .partner-item div:first-child {
      flex: 0 1 25%;   
    }
    .partner-item div:last-child {
      flex: 0 1 75%; 
      padding-left: 2rem;
    }
  
  .partner-item img.partner  {
    width: 300px;
  }
}



/* CPT Event
-------------------------------------------------------------------------------------------------- */
.post-event {
	margin-bottom: 1.5rem;
}

.datespan {
  text-transform: uppercase;
  color: var(--eu-blue);
}
  .datespan a {
    padding: 0 .5rem;
    background-color: var(--eu-yellow-30);
    border-radius: 99999px;
  }


div.event {
	display: flex;
	align-items: flex-start;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}
	div.event h3 {
		margin: 0 0 .5rem 0;
    font-size: 1.2rem;
	}
    div.event.is-meeting h3 {
      font-size: 1rem;
    }
    @media(min-width: 480px) {
      div.event h3 {
        font-size: 1.3rem;
      }
      div.event.is-meeting h3 {
        font-size: 1.1rem;
      }
    }

  div.event p.datespan {
		font-size: .9rem;
		margin: 0;
	}


.event-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  color: #fff;
  background-color: var(--eu-blue);
  width: 3.2rem;
  height: 3.2rem;
  text-decoration: none;
  border-radius: .5rem;
  line-height: 1.1;
}
  .event-icon-day {
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .event-icon-month {
    margin: 0;
    padding: 0;
    font-size: .7rem;
    text-transform: uppercase;
  }
  div.event.is-meeting .event-icon {
    background-color: var(--eu-yellow);
  } 


/* CPT Resources
-------------------------------------------------------------------------------------------------- */
.res-jumpmarks {
  margin: 0;
  padding: 0 1rem 1rem 1rem;
  list-style: none;
  line-height: 1.5;
  background-color: var(--eu-yellow-10);
}
  .res-jumpmarks:before {
    position: relative;
    content: 'Topics';
    line-height: 3;
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: 700;
    color: var(--eu-yellow);
  }



figure.media-item {
  margin: 0 0 .3rem 0;
  position: relative;  
}
  figure.media-item:hover {
    box-shadow: 0 0 1rem rgba(0,0,0,.2);
  }
  figure.media-item img {
    padding: .25rem;
    border: 1px solid #ddd;
  }
    figure.media-item figcaption  {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      font-size: .8rem;
      font-weight: 600;
      text-transform: uppercase;
      color: var(--eu-blue);
      text-align: center;
    }
    figure.media-item figcaption span {
      display: inline-block;
      padding: .3rem;
      background-color: var(--eu-yellow);
      color: #fff;
    }

  article.media-item p.type {
    margin-bottom: .2rem;
    font-weight: 600;
  }
  .media-item h4 {
    margin: 0 0 .2rem 0;
    font-size: 1.1rem;
  }
  .media-item p.resource-info {
    margin: 0 0 .2rem 0;
    font-size: .9rem;
    color: #999;
  }

.btn-res {
  padding-top: .25rem;
  border-top: 1px solid #ddd;
  display: block;
}  



article.media-item a {
  text-decoration: none;
}




@media only screen and (min-width: 1000px) {
  figure.large {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}


article.post img.size-thumbnail {
  max-width: 150px;
}


/* EUCOPE Staff
-------------------------------------------------------------------------------------------------- */
.staff-group {
  margin-bottom: 2.5rem;
}

.card-stuff {
  padding: 1rem 0 0 0;
  border-top: 1px solid #ddd;
}
  figure.portrait img {
    margin-bottom: 1rem;
    width: 6rem;
    border-radius: .3rem;
  }
  .card-stuff div hgroup * {
    margin: 0;
  }
  .bio {
    margin-top: 1rem;
    line-height: var(--eu-lineheight);  
  }
  /* Profile Links */
  .card-profile {
    display: flex;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
  }
    .card-profile li {
      margin-right: 1rem;
    }
    .card-profile li i {
      color: var(--eu-yellow-70);
    }

@media (min-width: 720px) {
  .card-stuff {
    display: flex;
  }
    .card-stuff figure {
      flex: 0 1 15%;
      margin-right: 1.5rem;
    }
    .card-stuff div {
      flex: 0 1 85%
    }
  .card-profile {
    display: flex;
  }

}

/* styling buttons */
.show-more-btn {
  margin: auto;
  cursor: pointer;
  color: var(--eu-yellow);
  white-space: nowrap;
  transition: color 300ms ease-in-out;
  border: 0;
  background: transparent;
}
  .hidden {
    display: none;
  }


/* EUCOPE Member Logos
-------------------------------------------------------------------------------------------------- */
figure.member {
  margin: 0 .75rem .75rem 0;
  border: 1.25rem solid white;
  position: relative;
  transition: all .5s ease-in-out;
}
  figure.member figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  figure.member:hover {
    z-index: 1;
}
  figure.member img {
    display: block;
    width: 100%;
  }

.has-shadow {
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
  .has-shadow:hover {
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,.15);
  }



.infobox {
  margin: 0 0 2rem 0;
  background-color: var(--eu-yellow-30);
  padding: 1rem;
}
  .infobox > p {
    margin: 0;
  }




/* Buttons
---------------------------------------------------------------------------------------- */
.btn {
  display: inline-block;
	border: none;
  border-radius: .25rem;
  background-color: var(--eu-yellow);
  padding: .25rem .75rem;
  color: #fff;
  cursor: pointer;
  text-decoration: none !important;
}
  .btn:hover{
    box-shadow: 0 0 3px rgba(0,0,0,.30);
  }
  .btn-blue {
    background-color: var(--eu-blue);
  }
  .btn-big {
    padding: .5rem 1.5rem;
  }


a.post-edit-link {
  text-decoration: none;
  color: #ddd;
}
  a.post-edit-link:hover {
    color: var(--eu-blue);
  }


.browse {
  margin: 1.5rem 0;
  display: flex;
  align-items: center;
}
  .browse a {
    color: var(--eu-yellow);
  }
  .browse div {
    display: flex;
    flex: 1;
    padding: 1rem;
    justify-content: center;
    align-items: center;
  }
    .browse div:first-child {
      justify-content: flex-start;
    }
    .browse div:last-child {
      justify-content: flex-end;
    }
  .browse div i {
    font-size: 2rem;
  }



/* Footer
---------------------------------------------------------------------------------------- */
.row-footer {
	margin-top: 2rem;
	background-color: var(--eu-blue);
  color: #fff;
}
  .row-footer h4 {
    color: #fff;
  }
  .row-footer a {
    color: #fff;
  }
  .row-footer form {
    margin-bottom: 1.5rem;
  }

ul.social {
  display: flex;
  margin: 1rem 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
  ul.social li {
    display: inline;
    font-size: .75rem;
  }
    .clr-linkedin {
      color: #0077b5;
    }
    .clr-twitter {
      color: #1da1f2;
    }
    .clr-youtube {
      color: #FF0000;
    }
    .clr-podcast {
      color: #24203f;
    }
    .clr-rss {
      color: #ff8c00;
    }


.row-admin {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
  margin-block: 2rem;
  font-size: .9rem;
  width: fit-content;
  list-style: none;
}
  .row-admin > * {
    padding: .25rem;
    background-color: var(--eu-blue-20);
    color: #fff;
    border-radius: 3px;

    & a {
      color: #fff;
      text-decoration: underline;
    }
  }


/* Dirty Little Helpers
-------------------------------------------------------------------------------------------------- */
/* hide Google Recaptcha badge */
body:not(.page-id-29) .grecaptcha-badge {
	display: none;
}

.map {
	width: 100%;
	height: 500px;
}


.mfp-bg {
	background: rgba(232,233,234,.975);
	opacity: .975;
}

.shariff {
	margin: 1rem 0;
}
	.shariff .shariff-buttons li {
		margin: 0 !important;
	}