/*
 Theme Name:     Joe Walkling Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

:root {
	--black: #000000;
	--half-black: rgba(0,0,0,0.5);
	--quarter-black: rgba(0,0,0,0.25);
	--dark-grey: #1f1f1f;
	--white: #ffffff;
	--half-white: rgba(255,255,255,0.5);
	--quarter-white: rgba(255,255,255,0.25);
	--red: red;
	--yellow: yellow;
	--green: green; 
	--pink: pink;
	--blue: blue;
	
	--trans-500: all 500ms ease 0s;
	--trans-logo: all 500ms ease 0ms;
	--trans-300: all 300ms ease 0s;
	--trans-slow: all 2s cubic-bezier(.36,0,.3,1) 0s;
	--trans-med: all 1s cubic-bezier(.36,0,.3,1) 0s;
	--trans-fast: all 500ms cubic-bezier(.36,0,.3,1) 0s;
	
	--gap: 15px;
	
	--font-heading: "Caslons Egyptian Bk";
	--font-body: "adobe-caslon-pro", serif;
	--font-caption: "bodoni-egyptian-pro", serif;
	
    --fs-xs: 12px;
    --fs-s:     clamp(18px, 1.15vw, 22px);
    --fs-m:    clamp(22px, 1.4vw, 28px);
    --fs-l:    clamp(28px, 1.9vw, 38px);
    --fs-xl:    clamp(36px, 3.2vw, 64px);
    --fs-xxl:    clamp(48px, 6vw, 120px);

	font-size: var(--fs-s);
  	
}

::selection{
	color: var(--white);
	background: var(--dark-grey);
}

/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */
/* ------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, h7{
	font-family: var(--font-heading);
	font-weight: normal;
	font-style: normal;
    font-display: swap;
	text-transform: uppercase;
}

body, p{
	font-family: var(--font-body);
	font-weight: 400;
	font-style: normal;
}

strong, b{
	font-weight: 700, 900;
	font-style: normal;
}
em, i{
	font-weight: normal;
	font-style: italic;
}
p, h5, h6 {
    font-size: var(--fs-s) !important;
}

h6 {
    font-family: var(--font-caption) !important;
}
h5 {
    font-size: var(--font-heading) !important;
}
h4{
    font-size: var(--fs-l) !important;
}
h3 {
    font-size: var(--fs-xl) !important;
}

h2 {
    font-size: var(--fs-xxl) !important;
}

h1 {
    font-size: var(--fs-xxl) !important;
}

.caption-txt p, .caption-txt body {
	font-family: var(--font-caption);
	text-transform: uppercase;
	font-weight: 900;
}
.feat-txt p,
.feat-txt body {
	font-size: var(--fs-l) !important;
	line-height: 1em;
}
.label-txt p, .label-txt body {
	font-family: var(--font-heading);
	text-transform: uppercase;
}

.has-large-font-size {
    font-size: var(--fs-l) !important;
    line-height: 1em;
}


/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */
/* ----- header section */
.jwd-hdr-sec{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	max-width: 100% !important;
	padding: var(--gap) 0px !important;
}
/* hide and reveal header */
.hide-header {
}
.show-header {
}
#global-header-section
{
	transition: var(--trans-500) !important;
}
.hdr_row_logo,
.logo
{
	transition: var(--trans-logo) !important;
	margin: 0 !important;
	line-height: 0 ;
}

/* ----- header row */
.hdr_row_logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px !important;
    width: 30vw !important;
    min-width: 250px !important;
	z-index: 999999 !important;
}
/* logo */
/* menu */
.hdr_row_menu .et_pb_text_inner{
	display: flex;
    flex-flow: row nowrap;
    gap: var(--gap);
}
.hdr_row_menu .et_pb_text_inner a{
	font-family: var(--font-heading);
	text-transform: uppercase;
}

.hdr_row_menu .et_pb_text_inner p{
	padding: 0 !important;
}
@media only screen and (max-width: 979px){
	.hdr_row_menu .et_pb_text_inner p{
		font-size: var(--fs-xxl) !important;
		line-height: .7em;
	}
}

.hdr_row_menu .et_pb_text_inner p:nth-child(3){
	margin-left: auto;
}
#slide-in-open.hamburger{
	display: none !important;
}
#slide-in-open.hamburger.open ~ .logo .cls-2 {
    fill: var(--white);
	
}

@media only screen and (max-width:979px){
	.hdr_row_logo{
		position: relative;
		top: unset;
		left: unset;
		transform: none ;
    	max-width: 100% !important;
    	width: 100% !important;
		padding: 0 3vw !important;
	}	
	.hdr_row_logo .et_pb_column{
		display: grid;
		grid-template: auto / 1fr 3fr;
		grid-gap: var(--gap);
		align-items: center;
  		direction: rtl;		
	}
	.hdr_row_logo .logo{
	 max-width: 400px !important;
		width: 30vw !important;
		min-width: 250px !important;
margin-right: auto !important;
    margin-left: 0 !important;
	}
	
	#slide-in-open.hamburger{
		display: flex !important;
	}
}



/* ---------- hamburger */
#slide-in-open.hamburger{
	min-width: 50px;
	width: 6vw;
	max-width: 80px;
	cursor: pointer;
	height: 30px;
	flex-direction: column;
	justify-content: center;
	margin-left: auto !important;
	margin-right: 0px !important;
}

.line{
	display: block;
	height: 1px;
	width: 100%;
	background: var(--black);
	opacity: 1;
	transition: var(--trans-500);
}
.line-1{
	margin-bottom: 10px;
}
.line-2{
	margin: auto !important;
}
.line-3{
	margin-top: 10px;
}
#slide-in-open.hamburger.open .line{
	background: var(--white);
}
#slide-in-open.hamburger.open .line-1 {
	margin-bottom: -1px;
	transform: rotate(-135deg);
}
#slide-in-open.hamburger.open .line-2 {
	width: 0px !important;
	opacity: 0;
}

#slide-in-open.hamburger.open .line-3 {
	margin-top: -1px;
	transform: rotate(-225deg);
}


/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */


/* slide in container */
@media only screen and (max-width:979px){
	.slide-in-container.menu.slide-in {
		left: 0 !important;
		opacity: 1 !important;
}
	.slide-in-container.menu{
		position: absolute;
		left: 100%;
		top: 0;
		transition: var(--trans-500);
		background-color: var(--black);
		min-height: 100vh;
		width: 100% !important;
		padding: 150px 3vw 50px !important;
	}
	.hdr_row_menu .et_pb_text_inner {
		display: block !important;
	}
	.hdr_row_menu .et_pb_text_inner a{
		color: var(--white) !important;
	}
}



/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* ----- Padding and Margins */
#main-content .secpad:first-of-type {	padding: calc(var(--gap) * 3) 0px calc(var(--gap) * 2) !important;}
.secpad		{	padding: calc(var(--gap) * 2) 0px !important;}
.rowpad		{	padding: var(--gap) 0px !important;}
.txtpad		{	padding: var(--gap);}
.pad15		{	padding: var(--gap);}
.mar15		{	margin: var(--gap);}
.btnmar		{	margin: 0px var(--gap);}
.flexsec	{	display: flex; flex-direction: column;}

.twocolgrid .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 1fr;
	grid-gap: var(--gap);
}
.twocolgrid .et_pb_image{
	grid-row: 1 / span 5;
}

@media only screen and (max-width: 980px){
	.txtpad		{	padding: var(--gap) 0;}
	.btnmar		{	margin: 0px ;}
}
@media only screen and (max-width: 768px){
	#main-content .secpad:first-of-type {	padding: calc(var(--gap) * 3) 0px calc(var(--gap) * 1) !important;}
	.secpad		{	padding: calc(var(--gap) * 1) 0px !important;}
	
	.rowpad{
		width: 94%;
	}
}
@media only screen and (max-width: 767px){
	.twocolgrid .et_pb_column{
		display: block;
		grid-gap: 0;
	}
}

/* flex vertical align */
.jw-flex-center	{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end	{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start	{display:flex;flex-direction: column;justify-content:flex-start;}

/* button */
.et_pb_button{
	font-family: var(--font-heading) !important;
	font-size: var(--fs-s) !important;
}

/* block quotes */
blockquote {
    margin: var(--gap) 0 calc(var(--gap) * 2);
    border-left: 1px solid;
    padding-left: var(--gap);
}


/* ------------------------------------------------------------------------- */
/* HOMEPAAGE */
/* ------------------------------------------------------------------------- */
/* header */
@media only screen and (min-width: 980px){
	.page-id-9466 .hdr_row_logo{
		opacity: 0;
	}
	.page-id-9466 .show-header .hdr_row_logo{
		opacity: 1;
	}
	.page-id-9466 .hide-header .hdr_row_logo{
		opacity: 0;
	}
	.page-id-9466 .show-logo .logo{
		opacity: 1;
	}
	.page-id-9466 .hide-logo .logo{
		opacity: 0;
	}
}
@media only screen and (max-width:979px){
	.page-id-9466 #logo_row .logo{
		display: none !important;
	}
}
.page-id-9466 #logo_row .logo{
		padding-bottom: var(--gap) !important;
}


/* ---------- writing carousel */
/* container */
.writing-carousel .owl-stage{
	margin-left: calc(var(--gap) + 3vw)
}
/* item */
.writing-carousel .owl-item{
}
.writing-carousel .dp_oc_item{
	display: grid;
	grid-template: auto / min-content 1fr;
	gap: 0 calc(var(--gap)*2);
	grid-template-areas:
		'category category'
		'title title'
		'date excerpt'
		;
}

@media only screen and (max-width: 767px){
	.writing-carousel .owl-item{
		padding-right: calc(var(--gap)*2 + 3vw)
	}
}
/* title */
.writing-carousel .dp_oc_post_title{
	grid-area: title;
	transition: var(--trans-500) !important;
}

/* excerpt */
.writing-carousel .dp_oc_post_excerpt{
	grid-area: excerpt;
	margin: 0 !important;
}

/* post meta date and cats */
.writing-carousel p.post-meta {
	font-family: var(--font-caption);
	font-size: var(--fs-xs) !important;
	text-transform: uppercase;
	line-height: 1em;
	pointer-events: none !important;
}
.writing-carousel p.dp_oc_post_categories {
	font-weight: 900;
	grid-area: category;
}
.writing-carousel p.dp_oc_post_date {
	font-weight: 400 !important;
	word-spacing: 100vw;
	text-align: center;
	grid-area: date;
	position: relative;
	align-self: start;
}
.writing-carousel p.dp_oc_post_date:before,
.writing-carousel p.dp_oc_post_date:after {
	display: block;
	position: absolute;
	top: 8px;
	font-size: 38px;
	font-weight: 100 !important;
}
.writing-carousel p.dp_oc_post_date:before {
	content: '(';
	left: -10px;
}
.writing-carousel p.dp_oc_post_date:after {
	content: ')';
	right: -10px;
}

/* arrows */
.writing-carousel .owl-nav {
    padding: var(--gap) calc(var(--gap) + 3vw);
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
	margin-top: var(--gap) !important;
}
.writing-carousel .owl-next, 
.writing-carousel .owl-prev {
    opacity: 1;
    display: inline-block;
    transform: none;
    top: unset;
    position: relative;
	left: 0 !important;
	right: 0 !important;
	height: calc(var(--gap) * 3) !important;
	width: calc(var(--gap) * 3) !important;
	border-top: 1px solid black !important;
	border-left: 1px solid black !important;
}
.writing-carousel .owl-prev{
	transform: rotate(-45deg);
}
.writing-carousel .owl-next{
	transform: rotate(135deg);
}
.writing-carousel .owl-prev:before,
.writing-carousel .owl-next:before {
    display: none !important;
}

/* on hover */
@media only screen and (min-width: 981px) {

    .writing-carousel .owl-item:hover .dp_oc_post_title  {
		transform: translatex(var(--gap));
    }

}

/* Qualification scroll */
.scroll-carousel {
    overflow: hidden;
}

.scroll-carousel .et_pb_column {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: max-content;
    gap: 4vw;
    will-change: transform;
}

.scroll-carousel-item {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
	min-width: 33vw;
	border-bottom: 1px solid var(--black);
}

.scroll-carousel-item .et_pb_text_inner {
    white-space: nowrap;
	display: flex;
	flex-direction: row nowrap;
	gap: calc(var(--gap) * 2);
	justify-content: space-between;
}

.scroll-carousel-item h6{
	text-align: right;
	font-size: var(--fs-xs) !important;
}







/* ------------------------------------------------------------------------- */
/* WRITING */
/* ------------------------------------------------------------------------- */
/* ---------- Writing Post Grid */
.writing-grid .et_pb_ajax_pagination_container {
	display: grid;
	grid-template: auto / 1fr 1fr 1fr;
	gap: 0 calc(var(--gap) * 3);
}
@media only screen and (max-width: 768px){
	.writing-grid .et_pb_ajax_pagination_container {
		grid-template: auto / 1fr 1fr;
	}
}
@media only screen and (max-width: 500px){
	.writing-grid .et_pb_ajax_pagination_container {
		grid-template: auto / 1fr ;
	}
}
/* post items */
.writing-grid .et_pb_post{
	border-bottom: 1px solid var(--black);
	padding-bottom: calc(var(--gap) * 3);
	margin: calc(var(--gap) * 3) 0 !important;
	display: grid;
	grid-gap: 0 calc(var(--gap) * 2);
	grid-template: min-content / min-content 1fr;
	grid-template-areas: 
		'title title'
		'image image'
		'date excerpt'
		;
}
@media only screen and (max-width: 500px){
	.writing-grid .et_pb_post{
		padding-bottom: calc(var(--gap) * 2);
		margin: calc(var(--gap) * 2) 0 !important;
	}	
}
/* featured image */
.writing-grid .entry-featured-image-url{
	grid-area: image;
	padding-top: 100%;
    display: block;
    position: relative;
}
.writing-grid .entry-featured-image-url img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
/* post title */
.writing-grid .entry-title{
	grid-area: title;
	transition: var(--trans-500) !important;
}
/* on hover */
@media only screen and (min-width:981px){
	.writing-grid .entry-title:hover{
		transform: translatex(var(--gap));
	}
}
/* post content */
.writing-grid .post-content{
	grid-area: excerpt;
}
/* post meta */
.writing-grid .post-meta {
    font-size: 0 !important;
	font-family: var(--font-caption);
	text-transform: uppercase;
	grid-area: date;
	pointer-events: none !important;
}

.writing-grid .post-meta .published,
.writing-grid .post-meta a {
    font-size: var(--fs-xs) !important;
}
.writing-grid .post-meta a[rel="tag"]{
	position: absolute;
	top: -2em;
	left: 0;
	font-weight: 900;
}
/* date*/
.writing-grid .post-meta .published{
    display: inline-block;
	word-spacing: 100vw;
	text-align: center;
	line-height: 1em !important;
	position: relative;
}
.writing-grid .post-meta .published:before,
.writing-grid .post-meta .published:after {
	display: block;
	position: absolute;
	top: 8px;
	font-size: 38px;
	font-weight: 100 !important;
}
.writing-grid .post-meta .published:before {
	content: '(';
	left: -10px;
}
.writing-grid .post-meta .published:after {
	content: ')';
	right: -10px;
}
/* pagination */
.writing-grid .pagination{
	font-family: var(--font-heading);
    text-transform: uppercase;
    position: absolute;
    right: 0;
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    width: 100%;
}
.writing-grid .pagination:after{
	display: none !important;
}
.pagination .alignleft,
.pagination .alignright {
    line-height: 1;
	position: relative;
}
.pagination .alignleft a,
.pagination .alignright a {
    font-size: 0;
}
.pagination .alignleft a::after {
    content: "NEXT";
    font-size: var(--fs-l);
	margin-right: calc(var(--gap) * 2);
}
.pagination .alignright a::after {
    content: "PREVIOUS";
    font-size: var(--fs-l);
	margin-left: calc(var(--gap) * 2);
}
/* arrows */
.writing-grid .pagination .alignleft a:before,
.writing-grid .pagination .alignright a:before {
	content: '';
	position: absolute;
	display: block;
	border-top: 1px solid var(--black);
	border-left: 1px solid var(--black);
	width: var(--gap);
	height: var(--gap);
	top: 50%;
}
.writing-grid .pagination .alignleft a:before {
	transform: translatey(-50%) rotate(135deg);
	right: 0;
}
.writing-grid .pagination .alignright a:before {
	transform: translatey(-50%) rotate(-45deg);
	left: 0;
}



/* ---------- filters */
/* filter row*/
.filterrow .et_pb_column{
	display: grid;
	grid-template: auto / 1fr 3fr;
	gap: var(--gap);
}
@media only screen and (max-width:979px){
	.filterrow .et_pb_column {
		grid-template: auto / 1fr;
	}
}
/* labels */
.writing-filters label,
.filter-label {
	font-family: var(--font-heading);
	text-transform: uppercase;
}
.filter-label{
	font-size: var(--fs-m);
	margin-left: calc(var(--gap) * 3);
	line-height: 2em;
	cursor: pointer;
}
.filter-label:before,
.filter-label:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	height: 1px;
	width: calc(var(--gap) * 2);
	background-color: var(--black);
	transition: var(--trans-500) ;
}
.filter-label:before{
	transform: translatey(-50%) rotate(90deg);
}
.filter-label:after{
	transform: translatey(-50%) rotate(0deg);
}
.filter-btn.open .filter-label:before{
	transform: translatey(-50%) rotate(135deg);
}
.filter-btn.open .filter-label:after{
	transform: translatey(-50%) rotate(45deg);
}

/* filters form */
.writing-filters {
	display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition:
        grid-template-rows 0.6s ease,
        opacity 0.4s ease;
	padding: var(--gap);
}
@media only screen and (max-width: 500px){
	.writing-filters {
		padding: 0 ;
	}
}
.writing-filters.slide-in {
    grid-template-rows: 1fr;
    opacity: 1;
}
.writing-filters > * {
    overflow: hidden;
}
/* form grid */
.writing-filters ul,
.writing-filters li {
	padding: 0 !important;
	line-height: 1em ;
}
.writing-filters #search-filter-form-9631 > ul:first-child{
	display: grid;
	grid-template: auto / 3fr 1fr 1fr;
	gap: var(--gap);
	grid-template-areas:
		'category search search'
		'category submit reset'
		;
}
@media only screen and (max-width: 767px){
	.writing-filters #search-filter-form-9631 > ul:first-child{
		grid-template: auto / 1fr 1fr;
		grid-template-areas:
			'category category'
			'search search'
			'submit reset'
			;
	}
}
.writing-filters .sf-field-category {
	grid-area: category;
}
.writing-filters .sf-field-search {
	grid-area: search;
}
.writing-filters .sf-field-reset {
	grid-area: reset;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-end;
}
.writing-filters .sf-field-submit {
	grid-area: submit;
	cursor: pointer;
}

/* search */
.writing-filters .sf-input-text{
	font-family: var(--font-heading);
	text-transform: uppercase;
	background-color: var(--white) !important;
    border: 1px solid var(--black) !important;
    padding: var(--gap) !important;
    color: var(--black)!important;
	width: 100%;
	font-size: var(--fs-xs);
}
.writing-filters .sf-field-search label{
	width: 100%;
}

/* button */
.writing-filters .sf-field-submit input{
	padding: var(--gap);
    background-color: white;
    border: 1px solid var(--black);
    font-family: var(--font-heading);
    text-transform: uppercase;
    font-size: var(--fs-s);
    width: 100%;
    color: var(--black) !important;
}
.writing-filters .sf-field-submit:hover input{
    background-color: var(--black);
    color: var(--white) !important;
}

/* checkbox */
.writing-filters li.sf-level-0 {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 500px){
	.writing-filters li.sf-level-0 {
		padding-bottom: 5px !important;
	}
}
.writing-filters .sf-label-checkbox{
	padding-left: var(--gap)!important;
	cursor: pointer;
	transition: var(--trans-500) !important;
}
@media only screen and (max-width: 500px){
	.writing-filters .sf-label-checkbox{
		padding-left: calc(var(--gap) + 10px) !important;
	}
}

/* on hover */
@media only screen and (min-width: 981px){
	.writing-filters .sf-label-checkbox:hover{
		opacity: .5;
	}
}
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    width: 1em;
    height: 1em;
    border: 0px solid currentColor;
	border-radius: 50%;
    background: transparent;

    display: grid;
    place-content: center;
    cursor: pointer;
}

input[type="checkbox"]::before {
    content: "";
    width: .5em;
    height: .5em;
    background: currentColor;
	border-radius: 50%;

    transform: scale(0);
    transition: transform 0.15s ease;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}
.writing-filters .sf-input-checkbox:checked + .sf-label-checkbox {
	opacity: .3;
}


/* ------------------------------------------------------------------------- */
/* POST CONTENT TEMPLATE */
/* ------------------------------------------------------------------------- */
.post-title-row{
	margin-top: calc(var(--gap) * 8);
}
@media only screen and (max-width: 768px){
	.post-title-row{
		margin-top: 0;
	}
}
.post-title h1{
	font-size: var(--fs-xl) !important;
	padding-bottom: 0 !important;
}
.postcontent-row{
	
}
.post-date, 
.post-author{
	font-family: var(--font-heading);
	text-transform: uppercase;
	padding: 0 var(--gap);
	line-height: 1em;
}
.post-category{
	font-family: var(--font-caption);
	text-transform: uppercase;
	font-weight: 900;
	font-size: var(--fs-xs);
	padding: 0 var(--gap) var(--gap);
}
@media only screen and (max-width: 980px){
	.post-date, 
	.post-author{
		padding: 0 ;
	}
	.post-category{
		padding: 0 ;
	}
}
/* images */
.wp-block-image{
	padding-bottom: calc(var(--gap) * 2) !important;
}
.wp-caption {
    border: 0px solid white !important;
    text-align: left !important;
    background-color: white !important;
    margin-bottom: 0px !important;
    max-width: 100% !important;
	padding: 0 0 calc(var(--gap) * 2) 0 !important;
}
.wp-caption-text{
    font-size: calc(var(--fs-xs) * 1.2) !important;
    font-family: var(--font-caption);
    text-align: left;
    line-height: 1.2em;
    padding: calc(var(--gap) / 2) 0 0 !important;
}
/* related articles */
.writing-carousel.related-articles {
	filter: invert(1);
}


/* ------------------------------------------------------------------------- */
/* PRACTICE */
/* ------------------------------------------------------------------------- */
/* post items practice grid */
.writing-grid.talks-podcasts .et_pb_post{
	grid-template: min-content / min-content min-content 1fr;
	grid-template-areas: 
		'title title title'
		'image image image'
		'date excerpt .'
		;
}
/* play button */
.writing-grid.talks-podcasts .et_pb_post::before {
    content: "";
    width: calc(var(--fs-xs) * 6);
    height: calc(var(--fs-xs) * 6);
    grid-area: excerpt;
    background-image: url('http://1254373.eu14.myftpupload.com/wp-content/uploads/2026/08/play-only.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid var(--black);
    border-radius: 50%;
	pointer-events: none !important;
}




/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */

.et-l--footer .rowpad .et_pb_column{
	display: flex;
	flex-flow: row wrap;
	gap: var(--gap);
	justify-content: space-between;
	align-items: center;
}
#main-content {
	margin-bottom: 500px;
	z-index: 2;
}
#main-footer, .et-l--footer {
    z-index: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
}
#main-content .et_builder_inner_content > .secpad:nth-last-child(2) {
    border-bottom: 1px solid var(--black);
}
/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {
	transition: var(--trans-500);
}
a:visited {}
@media only screen and (min-width:981px){
	a:hover:not(.et_pb_button) {
		opacity: .5;
	}
	
}
a:active {}

/* ------------------------------------------------------------------------- */
/* COOKIES */
/* ------------------------------------------------------------------------- */

.cky-consent-container {
    max-width: 400px !important;
	width: 78% !important;
    border-radius: 0px !important;
	bottom: 3vw !important;
	left: 50% !important;
	right: unset !important;
	transform: translateX(-50%);
}
.cky-consent-container .cky-consent-bar {
    background: var(--white) !important;
	border: 1px solid var(--black) !important;
    padding: var(--gap) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.cky-title{
	display: none !important;
}
.cky-notice{
	text-align: center !important;
}
.cky-notice-des{
	max-height: 100% !important;
	overflow-y: unset !important;
}
.cky-notice-btn-wrapper {
    margin-top: calc(var(--gap) / 3) !important;
	gap: calc(var(--gap) / 3) !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	flex-flow: row-reverse !important;
}
.cky-btn{
	color: var(--black) !important;
    background-color: var(--white) !important;
    border-color: var(--black) !important;	
    font-size: var(--fs-xs) !important;
	font-family: var(--font-heading) !important;
	text-transform: uppercase !important;
    line-height: 1em !important;
    padding: var(--gap) !important;
    margin: 0 !important;
    border-radius: 0 !important;
	border-width: 1px !important;
	transition: var(--trans-500) !important;
}
.cky-btn-reject{
	border-color: var(--white) !important;
}
.cky-btn:hover{
	color: var(--white) !important;
    background-color: var(--black) !important;

}