/* Contact Form (Footer) */

.mail-form form {
	grid-template-columns: 1fr;
	grid-gap: 1rem;
}

@media only screen and (min-width: 1215px) {
	.mail-form form {
		display: grid;

		grid-template-columns: 1fr 1fr;
	}

	.mail-form form p:nth-child(2) {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
	}

	.mail-form form p:nth-child(3) {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
	}

	.mail-form form p:nth-child(4) {
		grid-row: 2 / 3;
		grid-column: 1 / 3;
	}

	.mail-form form p:nth-child(5) {
		grid-row: 3 / 4;
		grid-column: 1 / 3;
	}
}

.mail-form form div:nth-child(6) {
	grid-column: 1 /3;
    margin: 0;
    border: none;
    padding: 0;
    color: var(--accent-color--primary);
}


	.mail-form input[type="text"],
	.mail-form input[type="email"],
	.mail-form textarea {
	background-color: transparent;
	border: 2px solid var(--bg-color);
	padding: 1rem 0 .3rem .3rem;
	border-radius: 8px;
	color: var(--bg-color);
}

.mail-form textarea {
	width: 100%;
	height: 8rem;
	padding-top: 1.4rem;
}

.mail-form label {
	position: absolute;
	top: 1.9rem;
	left: .4rem;
	color: var(--grey);
	font-size: var(--font-size--small);
}

.wpcf7-not-valid-tip {
    color: var(--accent-color--primary);
}

.mail-form form.sent div:nth-child(6) {
	color: var(--accent-color--secondary);
}

.mail-form form p {
	position: relative;
}

.mail-form form p input[type="text"],
.mail-form form p input[type="email"] {
	width: 100%;
	height: 3.5rem;
}

.mail-form input[type="submit"] {
	background-color: var(--beige);
	border: 2px solid var(--beige);
	color: var(--black);
	font-size: var(--font-size);
}

.mail-form input[type="submit"]:hover {
	background-color: var(--black);
	color: var(--beige);
}

.thanks.btn a {
	margin-top: 2rem;
}



/* Standard Content Block */

.block {
	margin-bottom: calc(50px + 3.5vw);
}

.block .block > div {
	grid-template-columns: 1fr;
}

.block .block__text,
.block .block__image,
.block .wp-block-image {
	margin-bottom: 1.53rem;
}

.block .wp-block-image:last-child,
.block .block__image:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 900px) {
	.block>div {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 calc(15px + 3.5vw);
	}
}

.block__image {
	grid-column: 2 / 3;
}

.block__image iframe {
	max-height: 242px;
	width: 100%;
}

@media only screen and (min-width: 560px) {

	.block__image iframe {
		max-height: 307px;
		width: 100%;
	}
}

@media only screen and (min-width: 660px) {

	.block__image iframe {
		max-height: 359px;
		width: 100%;
	}
}

@media only screen and (min-width: 715px) {

	.block__image iframe {
		max-height: 365px;
		width: 100%;
	}
}

figure .is-type-video {
	max-width: 100%;
}

.block__text {
	grid-column: 1 / 2;
	grid-row: 1;
	align-self: start;
}

.entry-content h2,
.block h2 {
	margin: 0 0 .7rem 0;
}

.entry-content ol:not(.flickity-page-dots),
.entry-content ul,
.entry-content p,
.post p {
	margin-bottom: 1.53rem;
}

.block ol,
.block ul,
.block p,
.block .op-entry--additional {
	margin-bottom: 1.53rem;
}

.block ol:last-child,
.block ul:last-child,
.block p:last-child,
.block .op-entry--additional:last-child {
	margin-bottom: 0;
}

.block .block p,
.block .block h3 {
	margin-bottom: .8rem;
}

.rm-div {
	margin: -1.53rem 0 1.53rem;
}

.block figure.block__thumbnail {
	max-width: 43%;
	display: inline-block;
	margin-right: 2rem;
}

.block ul,
.block ol {
	list-style: inherit;
	list-style-position: outside;
	padding-left: 1rem;
}

.block ol {
	list-style: decimal;
}

.block li {
	list-style-type: inherit;
}

.block blockquote {
    border-left: 4px solid;
    padding-left: 0.6rem;
	margin-bottom: 3rem;
}


/* Content Block - Top */

/* Content Block - Top Sole */

.block--top__sole.block {
	max-width: 44em;
    margin-left: auto;
    margin-right: auto;
}

.block--top__sole.block > div {
	display: inline-block;
}

.block--top__sole h1 {
	grid-row: 1;
	grid-column: 1 / 3;
	
	margin: 7.5vw 0 1.25rem;
	font-size: var(--font-size--hero);
}

.block--top__sole .block__text {
	grid-row: 3;
	grid-column: 1 / 3;
}

.block--top__sole .block__image {
	float: right;
}

.block--top__sole img {
	width: auto;
}

@media only screen and (min-width: 715px) {
	
	.block--top__sole h1 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		
		margin-top: calc(40px + 7.5vw);
	}

	.block--top__sole .block__image {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}
	
	.block--top__sole .block__text {
		grid-row: 2 / 3;
		grid-column: 1 / 2;
	}
}


/* Content Block - No Image */

.block--no-image .block__text {
	margin-top: 0;
}

.block--no-image h1 {
	margin: 0 0 1.85rem 0;
}



/* Content Block - Wide Headline */

.block--wide-headline h1,
.block--wide-headline h2 {
	grid-column: 1 / 3;
}

.block--wide-headline .block__text {
	grid-row: 2;

}


/* Content Block - Image Left */

.block--image-left .block__image {
	grid-column: 1 / 2;
}

.block--image-left .block__text {
	grid-column: 2 / 3;
}



/* Content Block - Link Button, No Image */

.block--link > div {
	grid-template-columns: repeat(4, 1fr);
}

.block--link h1,
.block--link h2 {
	grid-column: 1 / 5;
}

.block--link .block__text {
	grid-column: 1 / 5;
	margin-bottom: 0;
}

.block--link .block__text > div {
	grid-template-columns: 1fr;
	display: grid;
	grid-gap: .7rem;
	grid-auto-flow: row;
}

.block--link .block--button {
	grid-column: 1;
	grid-row: 2;
}

.block--link .block__text p {
	grid-column: 1;
	grid-row: 1;
	
	margin-bottom: 0;
}

@media only screen and (min-width: 715px) {
	.block--link .block__button {
		grid-column: 1 / 3;
		grid-row: 2;
	}

	.block--link .block__text p {
		grid-row: 1;
		margin-bottom: 1rem;
	}
}

@media only screen and (min-width: 1250px) {
	.block--link .block__text {
		grid-column: 1 / 3;
	}
}

@media only screen and (min-width: 715px) {
	.block--link .block__text > div {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-gap: 0 1.3rem;
	}
}

/* Content Block - No Margin Bottom */

.block--no-margin-bottom {
	margin-bottom: 0;
}

/* Content Block - Image Text Offset (Team) */

.block--offset > div {
    grid-template-columns: repeat(15, 1fr);
    grid-gap: 0;
}

.block--offset:nth-child(even) .block__image {
	grid-column: 1 / 4;
}

.block--offset:nth-child(even) .block__text {
	grid-column: 5 / 13;
}

.block--offset:nth-child(odd) .block__image {
	grid-column: 4 / 7;
}

.block--offset:nth-child(odd) .block__text {
	grid-column: 8 / 15;
}

.block--offset img {
	border-radius: 50%;
}

@media only screen and (max-width: 714px) {
	.block--offset .block__image {
		margin-bottom: 0;
	}
}

.block.block--offset h2 {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.block--offset figure {
	margin: 0 3.5rem;
	max-width: 260px;
}

@media only screen and (min-width: 715px) {
	.block--offset figure {
		margin: 0;
	}
}
/*
.block--offset p {
    -webkit-mask-image: -webkit-gradient(
        linear,
        left 10%,
        left bottom,
        from(rgba(0,0,0,1)),
        to(rgba(0,0,0,0))
    );
}
*/


/* Block Opportunity Entry in Overview Opportunities */

.block--op-entry span span,
.block--op-entry p span,
.block--op-entry div.op-entry--additional span {
	font-weight: 600;
	color: var(--text-color);
}

.block--op-entry h4 {
	line-height: 1.2rem;
	font-weight: 400;
	color: var(--black);
}

.results-section .block--op-entry {
    padding: 1.2rem;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
	line-height: 1.2;
	transition: all 0.3s ease-in-out;
	margin-bottom: 3.5vw;
}

.results-section .block--op-entry h2 {
	margin: 0 0 .2rem 0;
}

.results-section .block--op-entry article {
	line-height: 1.5;
}

.results-section .block--op-entry span {
	color: var(--black);
}

.results-section .block--op-entry p {
	margin: .6rem 0;
	margin-bottom: .4rem;
}

.results-section .block--op-entry a,
.results-section .block--op-entry a span span,
.results-section .block--op-entry a span,
.results-section .block--op-entry a article {
	color: var(--text-color);
	text-decoration: none;
}

.results-section .block--op-entry a h2 {
	color: var(--accent-color--secondary);
	text-decoration: none;
}

.results-section .block--op-entry a > span::after{
    content: "\a";
    white-space: pre;
}

.results-section .block--op-entry a:hover h2 {
	color: var(--text-color);
	text-decoration: underline;
}

.results-section .block--op-entry .block--op-entry--excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-bottom: .5rem;
}

@media only screen and (min-width: 1100px) {
	.results-section .block--op-entry h4 {
	}

	.results-section .block--op-entry p {
	}

	.results-section .block--op-entry .block--op-entry--excerpt {
		-webkit-line-clamp: 2;
	}
}



/* Block Opportunity Entry in Post Opportunity, Detail View */

.block--op-entry__meta-content {
}

.block--op-entry__meta-content h4 span {
	display: block;
    font-family: LarsBoldCondensed;
}

.block--op-entry__meta-content__paragraph:not(.block--op-entry__meta-content__paragraph:last-child) {
	padding: .5rem;
    margin-bottom: .2rem;
	background: #fff;
}

.block--op-entry__meta-content__paragraph:last-child {
	margin-top: 2rem;
}

.block--op-entry__meta-content__paragraph:last-child > span {
	display: block;
}


/* Pager */

.pagenavi {
    padding-top: 0.6rem;
    font-weight: 600;
	text-align: center;
}
.pagenavi a {
	text-decoration: none;
	color: var(--text-color);
	margin-right: .7rem;
}

.pagenavi a:hover {
	color: var(--accent-color--primary);
}

.pagenavi .pages {
	display: none;
}


.pagenavi .current {
	margin-right: .7rem;
	color: var(--accent-color--primary);
}


/* Flickity Slider Homepage */


.carousel {
	margin-bottom: 6rem;
}

.carousel-cell__content p ,
.carousel-cell__content  h2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	margin-bottom: 1.3rem;
	-webkit-line-clamp: 4;
}

.carousel-cell__content  h2 {
	-webkit-line-clamp: 2;
	margin-bottom: 1rem;
	font-size: var(--font-size--large);
}

	

@media only screen and (min-width: 900px) {
	
.carousel-cell__content  h2 {
}

	.carousel-cell__content p {
		-webkit-line-clamp: 3;
	}
}

@media only screen and (min-width: 1400px) {
	.carousel-cell__content p {
	-webkit-line-clamp: 2;
	}
}

.carousel-cell__content .btn a:hover{
    background-color: var(--accent-color--secondary);
    color: var(--bg-color-slider);
}


/* Scroll to top */
.btn-gotop {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 60px;
  right: 30px;
  border: solid 1px #dddddd;
  border-radius: 50%;
  background-color: var(--accent-color--secondary);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.5s;
}

.btn-gotop.show {
	opacity: 1;
	font-size: 24px;
	z-index: 5;
}

.btn-gotop:hover  {
	font-size: 24px;
	border: 1.5px solid var(--text-color);
    background-color: var(--text-color);
}

/* Icon Font Scroll to top */
/* https://www.zondicons.com/icons.html */
.svg-icon svg:not(:root) {
    overflow: hidden;
}

.svg-icon svg {
    fill: var(--bg-color);
    display: inline-block;
    vertical-align: middle;
}

#icon-shape {
    fill: var(--bg-color);
}

/* Page Link List */
.page-link-list,
.block ul.page-link-list {
	list-style: none;
	padding-left: 0;
	font-weight: 600;
	font-size: var(--font-size--small);
    margin-bottom: 3rem;
}

@media only screen and (min-width: 1100px) {
	.page-link-list,
	.block ul.page-link-list {
	}
}

.page-link-list a,
.page-link-list a:active,
.page-link-list a:visited,
.block ul.page-link-list a,
.block ul.page-link-list a:active,
.block ul.page-link-list a:visited {
	text-decoration: none;
}

.page-link-list a:hover,
.block ul.page-link-list a:hover {
	text-decoration: underline;
}


/* Card */

.card {
    padding: 1.2rem;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 6%);
}

.card figure,
.card p {
	padding: 0;
	margin: 0;
}

.card h2 {
	font-size: var(--font-size--large);
}

.card p {
	margin-bottom: 1rem;
	display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card--une-in-news {
	padding-bottom: 2rem;
}

.card--une-in-news__title-headline {
	display: block;
    margin-bottom: 1rem;
	color: var(--grey);
	font-size: var(--font-size--x-small);
}

.card--une-in-news h2 {
	grid-row: 1 / 2;
	grid-column: 1 / 6;
	quotes: "“" "”" "‘" "’";
}


.card--une-in-news h2 span:last-child {
	quotes: "“" "”";
}


.card--une-in-news h2 span:last-child::after {
    content: close-quote;
}

.card--une-in-news h2 span:last-child::before {
    content: open-quote;
}

/*.card figure {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}*/


@media screen and (min-width: 996px) {
	.card h2 {
	}
}


/* Icons */

.icon {
	display: inline-block;
	height: .8rem;
	margin-right: .3rem;
}

.icon img {
	display: inline-block;
	width: auto;
}


/* X Col Cards (Events) */


.card--event__subline {
	color: var(--grey);
	font-weight: 700;
}

.card--event__subline q {
	font-weight: 200;
}

.card--event__short-text {
	margin-bottom: 1rem;
}

.title-headline-tag {
	background-color: var(--yellow);
	color: var(--black);
	display: inline-block;
	font-weight: 700;
	padding: .3rem;
	margin-bottom: .5rem;
}

.title-headline--additional {
	color: var(--yellow);
	background-color: var(--black);
}

.title-headline--alert {
	color: white;
	background-color: var(--alert-color);
	//transform: rotate(-13deg);
}

.title-subline {
	color: var(--grey);
}

q {
  quotes: "«" "»";
}

q::before {
  content: open-quote;
}

q::after {
  content: close-quote;
}


/* Download */

.download {
	display: inline-block;
	font-weight: 700;
}


/* Related Posts */

.related-posts {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
}

.related-posts__grid {
	display: grid;
	grid-auto-columns: 100%;
	grid-column-gap: 10px;
	grid-auto-flow: column;
	padding: 25px 0px;
	list-style: none;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
}

.related-posts__grid::-webkit-scrollbar {
  height: 12px;
}

.related-posts__grid::-webkit-scrollbar-thumb,
.related-posts__grid::-webkit-scrollbar-track {
  border-radius: 92px;
}

.related-posts__grid::-webkit-scrollbar-thumb {
  background: var(--accent-color--secondary);
}

.related-posts__grid::-webkit-scrollbar-track {
  background: var(--light-grey);
}

@media (min-width: 500px) {
  .related-posts__grid {
    grid-auto-columns: calc(90% - .5rem);
    grid-column-gap: 1rem;
  }
}

@media (min-width: 700px) {
  .related-posts__grid {
    grid-auto-columns: calc(calc(100% / 2) - 1rem);
    grid-column-gap: 1.2rem;
  }
}

@media (min-width: 1100px) {
  .related-posts__grid {
    grid-auto-columns: calc(33% - 1.2rem);
    grid-column-gap: 1.5rem;
  }
}

.related-post-item {
	display: flex;
	flex-direction: column;
	scroll-snap-align: start;
	transition: all 0.2s;
}

.related-post-item__title-headline {
}

.related-post-item h2 {
}

.related-post-item p {
}