/*
Theme Name: artnews
Text Domain: artnews
*/

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/artnews/assets/font/helveticaneueltprolt-webfont.woff2') format('woff2'),
        url('/wp-content/themes/artnews/assets/font/helveticaneueltprolt-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/wp-content/themes/artnews/assets/font/helveticaneueltproltit-webfont.woff2') format('woff2'),
        url('/wp-content/themes/artnews/assets/font/helveticaneueltproltit-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
    
* {
    margin: 0;
}

:root{
	--font-family: 'HelveticaNeue', Helvetica,Arial,"Lucida Grande",sans-serif;
    --text-color: #000000;
    --bg-color: #ffffff;
    --teal: #00FFf0;
	--green: #00FF19;
    --red: #FF0000;
    --white: #ffffff;
	--grey: #868686;
	--link-grey: #c4c4c4;
	--dark-grey: #868686;
	--violet: #7018FF;
    --gutter: 46px;
    --half-gutter: 23px;
    --triple-gutter: 69px;
    --font-size: 1.4rem;
	--font-size-middle: 1.6rem;
	--font-size-heading: 1.8rem;
	--letter-spacing: .055em;
}

:focus {
    outline:none!important;
}
  
::-webkit-input-placeholder { color: var(--grey); }
:-moz-placeholder { color: var(--grey); }
::-moz-placeholder { color: var(--grey); }
:-ms-input-placeholder { color: var(--grey); }
  
img{
    max-width: 100%;
    height: auto;
	display: block;
}

html{
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 10px;
}
  
html, body {
    height: 100%;
    background-color:  var(--bg-color);
    color: var(--text-color) !important;
    font-family: var(--font-family);
    letter-spacing: var(--letter-spacing);
}

body{
    font-size: var(--font-size);
    line-height: 1.2;
    font-weight: 100;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: auto;
}

html.no-overflow{
    overflow: hidden;
}

h1, h2, h3, h4, h5{
    font-weight: 100;
    margin: 0;
    padding: 0;
    margin-bottom: var(--half-gutter);
}
  
h1, h2, h3, h4, h5{
	font-size: var(--font-size-middle);
}
      
p{
    margin-bottom: var(--half-gutter);
}
div,
main-col,
main,
sidebar,
a,
h1,h2,
ul li{
	box-sizing: border-box;
}

button{
	color: black;
}

.fixed{
	position: fixed;
}

.with-underline,
.newsletter-container h2{
	padding-bottom: 0.5rem;
	border-bottom: 1px solid black;
}

.with-transition{
	transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
}
  
a:link,
a:visited{
    color: var(--text-color);
    text-decoration: none;
    opacity: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
}
a.green:link,
a.green:visited{
	color: var(--green);
}

button{
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    background-color: transparent;
    border: 0;
	letter-spacing: var(--letter-spacing);
}

input{
	letter-spacing: var(--letter-spacing);
}
  
a:hover,
a:active{
    text-decoration: none;
    color: var(--link-grey);
}

a.more{
	font-size: 1.6rem;
	display: block;
	width: 100%;
	text-align: center;
	color: var(--grey);
	margin-bottom: 5.3rem;
}
a.more:hover{
	color: #d9d9d9;
}

.container{
	width: 100%;
	padding-right: var(--gutter);
	padding-left: var(--gutter);
	box-sizing: border-box;
	margin: 0 auto;
}
.container.with-sidebar{
	padding-right: 0;
	display: flex;
}

.row{ display: flex;}
main-col{
	width: 86.5%;
	flex:1;
	padding-right: var(--triple-gutter);
}
sidebar{
	width: 13.5%;
	min-width: 233px;
	overflow: hidden;
}

main{
    flex-grow: 1;
    padding-top: calc( 8.2rem + var(--gutter));
    padding-bottom: 10rem;
}

section{
	position: relative;
}

.news-strip{
	display: block;
	position: relative;
	width: 100%;
	background-color: var(--teal);
}
.news-strip .head{
	height: 3.1rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	cursor: pointer;
}
.news-strip:hover{
	background-color: #00F0FF;
}
.news-strip.open:hover{
	background-color: var(--teal);
}
.news-strip .head ul{
	display: flex;
	list-style: none;
	break-inside: avoid;
	margin: 0;
	padding: 0;
	height: 100%;
}
.news-strip .head ul li{
	margin-right: 7.2rem;
	font-size: var(--font-size-middle);
	display: flex;
	align-items: center;
}

.close-news-feed{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: none;
}

.news-strip.open .close-news-feed{
	display: flex;
}

.close-news-feed a{
	background-color: var(--teal);
	padding-right: var(--gutter);
	width: 23.3rem;
	font-size: var(--font-size-middle);
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;	justify-content: flex-end;
}
.close-news-feed a:hover{
	color: var(--violet);
}
.close-news-feed .gradient{
	width: 10rem;
	height: 100%;
	background-color: transparent;
	background-image: linear-gradient(to right, rgba(0,255,240,0), rgba(0,255,240,1));
	display: block;
}

header{
	width: 100%;
	position:fixed;
	z-index: 1;
}

header .header-content{
	padding-top: 3.3rem;
	padding-right: var(--triple-gutter);
	width: 86.5%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	max-width: calc(100% - 233px);
}

.single-post header .header-content {
    padding-right: var(--gutter);
    max-width: 100%;
	width: 100%;
}

.header-elements{
	display: flex;
	align-items: center;
}

.header-elements .element{
	padding-right: 3rem;
	padding-left: 3rem;
	font-size: var(--font-size-middle);
	cursor: pointer;
	line-height: 1.15;
}

.header-elements .element:hover{
	color: var(--link-grey);
}

.logo-link{
	display: block;
	margin-right: 14rem;
}

.logo-link img{
	width: 165px;
	height: auto;
}

.menu-container{
	width: 100%;
	margin-top: 3.6rem;
	padding: 4.5rem 1.2rem;
	background-color: #FFE600;
	display: none;
}

.menu-container.open{
	display: block;
}

.menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.menu li{
	padding: 0 3.1rem;
	font-size: var(--font-size-middle);
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.menu li a:hover{
	color: var(--violet);
}

sidebar{
	padding: 3.5rem;
	background: url(/wp-content/themes/artnews/assets/images/dangus.jpg) top center repeat-y;
	background-size: cover;
	opacity: 0;
}
sidebar.visible{
	opacity: 1;
}
sidebar div{
	padding-bottom: 5.9rem;
}
sidebar div:last-child{
	padding-bottom: 0;
}

.grid{
	margin-left: -5.7rem;
	margin-right: -5.7rem;
	display: flex;
	flex-wrap: wrap;
}
.frontpage-grid{
	padding-top: var(--half-gutter);
}
.grid.no-margin{
	margin-left: 0;
	margin-right: 0;
}
.spacious.grid{
	padding-left: 5.4rem;
	padding-right: 5.4rem;
}

.grid-item-2{
	width: 50%;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}


.grid-item-3{
	width: 33.33%;
	padding-left: 5.7rem;
	padding-right: 5.7rem;
}

.grid-4{
	margin-left: -3.3rem;
	margin-right: -3.3rem;
}

.grid-item-4{
	width: 25%;
	padding-left: 3.3rem;
	padding-right: 3.3rem;
}

.spacious.grid .grid-item-3{
	padding-left: 8rem;
	padding-right: 8rem;
}

.post-list,
.project-list,
.cats,
.tags,
.years,
.months,
.letters,
.authors,
.artists,
.menu,
.calendar-mode,
.calendar-weekdays,
.calendar-months{
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-list-item{
	padding-bottom: 4.2rem;
}
.project-list-item{
	margin-bottom: 4.2rem;
}

.project-list-item a:hover{
	color: black;
}

.post-list-item a:hover img,
.post-list-item a:hover .ends-soon,
.audio-post-list .post-list-item a:hover .video-thumb{
	scale: 105%;
}
.post-list-item a:hover{
	color: black;
}

.post-list-item a:hover .video-thumb .play-button{
	background-color: rgba(0, 0, 0, .4);
}

.project-list-item .project-item{
	display: flex;
	height: 7rem;
	padding: .5rem 3.2rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 14.7rem;
	font-size: var(--font-size-middle);
	border: 1px solid transparent;
}

.project-list-item .project-item.transparent{
	border: 1px solid black;
}

.project-list-item .project-item.red{
	background-color:var(--red);
	color: white;
}

.project-list-item .project-item.grey{
	background-color:var(--grey);
	color: white;
}

.project-list-item .project-item img{
	max-height: 80%;
}

.author{
	color: var(--grey);
}

.post-list-item h3{
	font-size: var(--font-size);
	margin-bottom: 0;
	font-style: italic;
}

.thumb{
	aspect-ratio: 16 / 10;
    object-fit: cover;
	-o-object-fit: cover;
	width: 100%;
}

.post-list-item .thumb{
	margin-top: 1.4rem;
}

.venue-list-item .thumb{
	margin-bottom: 3rem;
}

.post-list-item .video-thumb{
	position: relative;
	width: 100%;
	padding-top: 63%;
	margin-bottom: 1.5rem;
	display: block;
}

.post-list-item .video-thumb .play-button{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-list-item .video-thumb .play-button svg{
	max-width: 80px;
	height: auto;
}

.post-list-item a{
	display: flex;
	flex-direction: column;
}

#media-section .grid-item-3{
	padding-top: 9rem;
}

.geometric-header{
	padding-top: 100%;
    position: relative;
	margin-bottom: 12.6rem;
}
.video-header{
    background: rgba(134, 134, 134, .5);
    border-radius: 50%;
}

.projects-header{
    background: rgba(134, 134, 134, .5);
}
.geometric-header h2{
	position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
	color: white;
}

.audio-header h2{
	background-image: url("data:image/svg+xml,%3Csvg width='273' height='325' viewBox='0 0 273 325' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646071 0.436429L272.469 162.268L0.646057 324.098L0.646061 162.267L0.646071 0.436429Z' fill='%23868686' fill-opacity='0.5'/%3E%3C/svg%3E");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center right;
}

.geometric-header.video-header:hover{
	background-color: #231F20;
}

.geometric-header.audio-header:hover a h2{
	background-image: url("data:image/svg+xml,%3Csvg width='273' height='325' viewBox='0 0 273 325' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646071 0.436429L272.469 162.268L0.646057 324.098L0.646061 162.267L0.646071 0.436429Z' fill='%23231F20' fill-opacity='1'/%3E%3C/svg%3E");

}

nav.pagination{
	margin-top: 13rem;
}

.nav-links,
.page-numbers{
	display: flex;
	justify-content: center;
	align-items: center;
}

.page-numbers{
	font-size: var(--font-size-middle);
	margin: 0 .6rem;
	width: 4.3rem;
	height: 4.3rem;
	border: 1px solid transparent;
}

.page-numbers.current{
	border: 1px solid black;
	border-radius: 4.3rem;
}
.magazines .page-numbers.current{
	border: 1px solid white;
}

footer{
	background-color: #f5f5f5;
	padding: 5.3rem 0;
	display: block;
	z-index: 1;
}

footer .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-widget img{
	max-height: 49px !important;
	object-fit: contain !important;
	-o-object-fit: contain !important;
}

.footer-widget .wp-block-gallery.has-nested-images figure.wp-block-image{
	flex-grow: 0 !important;
	width: auto !important;
	margin-right: 4.5rem !important;
}

.footer-widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.footer-widget ul li{
	margin-left: 5.6rem;
}

.footer-widget p{
	margin-bottom: 0;
}

footer a{
	transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
}

footer a:hover{
	color: var(--dark-grey);
}

.news-strip .feed{
	display: none;
}

.news-strip.open .feed{
	display: block;
}

.news-runway .slick-prev.slick-arrow{ display: none !important; }
.news-strip .container.with-sidebar{ display: block; }

.news-runway{ max-width: calc(100% - 23.3rem); display: block;}
.news-runway .news-item{
	padding: 2.6rem 8.3rem 2.6rem 0;
}

.news-runway .slick-next.slick-arrow{
	position: absolute;
    right: -233px;
    top: 0;
    width: 233px;
    height: 100%;
	font-size: var(--font-size-middle);
	text-align: right;
	padding-right: var(--gutter);
	cursor: pointer;
}

.news-runway .slick-next.slick-arrow.archive{
	width: 16.3rem;
	height: 16.3rem;
	border: 1px solid black;
	border-radius: 8.1rem;
	right: calc(-23.3rem + var(--gutter));
    top: calc(50% - 8.1rem);
	padding-right: 0;
    text-align: center;
}

.news-runway .thumb{
	margin-top: .5rem;
	margin-bottom: 1.5rem;
}

.news-runway a:hover,
.news-runway .slick-next.slick-arrow:hover{
	color: var(--violet);
}
.news-runway .slick-next.slick-arrow.archive:hover{
	border: 1px solid var(--violet);
}

.magazine-slider .issue{ 
	position: relative;
	padding: 8.4rem 0 13.6rem;
	color: white;
	font-size: var(--font-size-middle);
}

.magazine-slider .issue a{
	color: white;
}

.magazine-slider .issue a.green{
	color: var(--green);
}
.magazine-slider .issue a.green:hover{
	color: #00fff0;
}

.magazine-slider .issue div{ position: relative} 

.magazine-slider .issue .container{
	padding-left: calc(6rem + var(--gutter));
	padding-right: calc(6rem + var(--gutter));
}

.magazine-cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.magazine-cover-cover{
	position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}

.magazine-bubble{
	width: 13rem;
	height: 13rem;
	border-radius: 6.5rem;
	overflow: hidden;
}

.magazine-bubble a{
	width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: var(--red);
}
.magazine-bubble a:hover{
	background-color: var(--link-grey);
}

.magazine-slider .issue-no{
	background-color: var(--violet);
	margin-left: var(--half-gutter);
}

.magazine-slider .introduction{
	max-width: 100rem;
	margin: var(--half-gutter) auto 10rem;
}

.magazine-slider h2{
	font-size: 4.8rem;
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: var(--half-gutter);
}

.magazine-slider .author{
	color: white;
	text-align: center;
}

.magazine-slider .excerpt{
	margin-top: 6.7rem;
}

.magazine-slider h3,
.magazine h3{
	font-size: var(--font-size-middle);
	font-style: italic;
	margin-bottom: 0;
}

.magazine-slider .post-list-item{
	padding-bottom: 7.5rem;
}

.magazine-slider .grid,
.magazine .grid{
	justify-content: center;
}

.magazine .grid{
	margin-bottom: 6rem;
}

.magazine-slider .slick-dots{
	position: absolute;
    bottom: 8.5rem;
    display: flex;
    margin: 0;
    width: 100%;
    justify-content: center;
    list-style: none;
}

.magazine-slider .slick-dots li{
	margin: 0 .9rem;
}

.magazine-slider .slick-dots button{
	width: 2rem;
    height: 2rem;
    color: transparent;
	font-size: 1px;
    border: 1px solid white;
    border-radius: 50%;
	cursor: pointer;
}

.magazine-slider .slick-dots button:hover{
	background-color: #7b7b7b;
}

.magazine-slider .slick-dots .slick-active button{
	background-color: white;
}

.all-magazine-issues-link:link,
.all-magazine-issues-link:visited{
	color: white;
	font-size: var(--font-size-middle);
	position: absolute;
	bottom: 8.5rem;
}
.all-magazine-issues-link:hover{
	color: #7b7b7b;
}

.flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

body.magazines,
body.magazines a:link,
body.magazines a:visited{
	color: white !important;
	font-size: var(--font-size-middle);
}

body.magazines .index a{
	padding-bottom: var(--gutter);
	padding-right: 18px;
	padding-left: 18px;
	display: block;
	font-size: var(--font-size);
}

body.magazines a:hover{
	color: #d9d9d9 !important;
}

.magazines main,
.magazines footer{
	background-color: var(--red);
}

.magazines main,
.magazine main{
	padding-top: 6.4rem;
}

.back-button{
	width: 10.8rem;
	height: 10.8rem;
	border: 1px solid black;
	border-radius: 50%;
	margin-right: var(--gutter);
	cursor: pointer;
}

.back-button:hover{
	border: 1px solid var(--link-grey);
}
.back-button:hover svg line,
.back-button:hover svg path{
	stroke: var(--link-grey);
}

.magazines .back-button{
	border: 1px solid white;
}

.magazines .back-button svg line,
.magazines .back-button svg path{
	stroke: white;
}

.magazines .back-button:hover{
	border: 1px solid #d9d9d9;
}
.magazines .back-button:hover svg line,
.magazines .back-button:hover svg path{
	stroke: #d9d9d9;
}


.magazine h1,
.magazines h1,
.magazine .issue-no,
.magazine .date{
	height: 10.8rem;
	border: 1px solid black;
	padding: 15px var(--half-gutter);
	margin-bottom: 0;
	font-size: var(--font-size-middle)
}

.magazine .issue-no{
	padding: 15px 100px;
	height: 100%;
}

.magazine .title{
	display: block;
	font-style: italic;
	width: 100%;
	justify-content: flex-start;
}

.magazine .author{
	color: black;
}

.magazine .date{
	border-radius: 3.2rem;
	min-width: 34rem;
	margin-left: var(--gutter);
}

.magazine h1{
	min-width: 34rem;
	margin-right: var(--gutter);
	flex-wrap: wrap;
	flex: 1;
	height: 100%;
}

.magazines h1{
	border: 1px solid white;
	padding: 0 10rem;
	margin-right: 0;
}

.magazines .header-row,
.magazine .header-row{
	position: fixed;
	z-index: 3;
	width: calc(100% - (2 * var(--gutter)));
}

.magazines .grid,
.magazine .article-content{
	padding-top: 21rem;
}

.magazine .article-content{
	position: relative;
	z-index: 1;
}

.magazines .header-row{
	margin-bottom: 13.2rem;
	width: auto;
}

.magazine .header-row{
	margin-bottom: 9.5rem;
}

.space-between{
	justify-content: space-between;
}

.magazines .magazine-item{
	margin-bottom: 11.6rem;
}

.magazines .magazine-item .thumb{
	margin-bottom: 1.3rem;
}

.magazines .magazine-item .header a{
	display: flex;
	justify-content: space-between;
}

.magazines .magazine-item .header h2{ margin-bottom: 0; font-style: italic;}
.magazines .magazine-item .header .issue{ padding-left: var(--gutter);}

.magazines .magazine-item .content{ position: relative; }
.magazines .magazine-item .content .index{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, .4);
	padding: 40px;
	opacity: 0;
	z-index: 2000;
}

.magazines .magazine-item .magazine-item-container:hover .index{
	opacity: 1;
}

.magazines .magazine-item .content .index .title{
	font-style: italic;
}

.magazines .magazine-item .content .index ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: calc(-1 * var(--half-gutter));
	margin-right: calc(-1 * var(--half-gutter));
}
.magazines .magazine-item .content .index ul.cols{
	column-count: 2;
	gap: 0;
}

.magazines .magazine-item .content .index ul li{
	break-inside: avoid-column;
}

.magazine-article-thumb{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	display: block;
	z-index: 0;
}

.magazine-article-thumb.in-view{
	opacity: 1;
	z-index: 1;
}

.article-content{
	max-width: 85rem;
	margin: 0 auto;
	font-size: var(--font-size-middle);
	line-height: 1.5;
	margin-bottom: 20rem;
}

.article-content .wp-caption,
.article-content img{
	margin-bottom: 0rem;
}

.article-content img{
	width: 100%;
	height: auto;
}

.article-content img.vertical{
	width: 50%;
}

.article-content .wp-caption img{
	margin-bottom: 1.2rem;
}

.article-content .wp-caption-text,
.article-content .wp-block-image figcaption,
.article-content .wp-block-embed figcaption{
	font-size: var(--font-size);
}

.article-content .wp-block-image figcaption,
.article-content .wp-block-embed figcaption {
    margin-top: 1.2rem;
}

.article-content .content p + div.wp-caption,
.article-content .content p + .photo-container,
.article-content .content p + figure.photo-container,
.article-content .content p + figure.wp-block-embed,
.article-content .content figure.wp-block-gallery + figure{
	margin-top: 6.2rem !important;
}

.magazine .grid{
	font-size: var(--font-size-middle);
}

.article{
	padding-top: var(--half-gutter);
	position: relative;
}

.article.article-404{
	height: calc(100vh - 100px);
	display: flex;
	align-items: center;
}

.article h1{
	font-weight: 100;
	margin-top: 3rem;
	margin-bottom: 3rem;
	font-style: italic;
	font-size: var(--font-size-heading);
}

body:not(.magazine) .article-content .content{
	margin-top: 5.4rem;
}



.article .cats{
	position: absolute;
	top: var(--half-gutter);
	left: var(--gutter);
	max-width: calc(50vw - 47.5rem - (var(--gutter) * 2));
}

.article .cats li{
	line-height: 1.1;
	margin-bottom: var(--half-gutter);
}

.tags{
	display: flex;
	flex-wrap: wrap;
}
.tags li{
	margin-right: 5rem;
	margin-bottom: var(--half-gutter);
}

.tags a{
	text-decoration: underline;
	text-decoration-thickness: 0.1rem;
	text-underline-offset: 3px;
}

.tags:not(:first-child){
	margin-top: var(--half-gutter);
}

.article-content .content .photo-container,
.article-content .content .wp-block-embed,
.article-content .content figure + figure{
	margin-bottom: 6.2rem !important;
}

.article-content .content figure > figure:last-child {
	margin-bottom: 0 !important;
}
.article-content .content .photo-container img + img{
	margin-top: 6.2rem;
}

.wp-block-embed__wrapper{
	padding-top: 56.25%;
}

.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
    aspect-ratio: 21/9;
	padding-top: 0;
}

.wp-block-embed__wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.photo-gallery{ opacity: 0; }

.photo-gallery .photo-container{
	margin-left: -10rem;
	margin-right: -10rem;
}

.photo-gallery.casual .photo-container{
	margin-left: 0;
	margin-right: 0;
}

.archive-filter{
	font-size: var(--font-size-middle);
	margin-bottom: 6.8rem;
}

.archive-filter.frozen,
.frozen{
	opacity: .3;
	pointer-events: none;
}

.archive-filter .cats,
.archive-filter .years{
	display: flex;
	justify-content: center;
	margin-top: var(--triple-gutter);
	flex-wrap: wrap;
}

.archive-filter .cats {
    margin-top: var(--gutter);
}

.archive-filter .cats li{
	padding-top: var(--half-gutter);
	padding-bottom: var(--half-gutter);
}

.archive-filter .cats li{
	margin: 0 1.6rem;
}

.archive-filter a:hover{
	color: var(--violet);
}

.archive-filter .years{
	margin: var(--half-gutter) 0 5rem;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-top: 3.8rem;
	flex-wrap: wrap;
}

.archive-filter .years li{
	margin-bottom: 3.8rem;
	padding: 0 1.5rem;
}

.archive-filter .years .active,
.archive-filter .months .active,
.archive-filter .cats .active{
	color: var(--red);
}

.archive-filter .months{
	flex-wrap: wrap;
	display: none;
}

.archive-filter .months.current{
	display: flex;
}

.archive-filter .months li{
	width: 33.33%;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: var(--half-gutter) 15px;
	text-align: center;
}

.archive-filter .months li:nth-child(3n){
	border-right: 0;
}
.archive-filter .months li:nth-last-child(-n + 3){
	border-bottom: 0;
}

.archive-grid{
	margin-bottom: 9rem;
}

.loader{
    width: 100%;
    height: 150px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23000000' stroke-width='1' r='20' stroke-dasharray='94.24777960769379 33.41592653589793'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='2s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");    
	background-position: center center;
    background-size: 150px;
    background-repeat: no-repeat;
    position: absolute;
	display: none;
    top: 0;
    left: 0;
}

.archive-container{
	position: relative;
}

#pigeon{
	position: fixed;
	bottom: -1px;
	left: 1rem;
	cursor: pointer;
	z-index: 1000;
	padding: 0;
}
#pigeon.hidden{
	display: none !important;
}
#pigeon svg{
	max-width: 20.8rem;
	height: auto;
	display:  block;
	z-index: 1000;
}

#pigeon svg path.close{ display: none; }
#pigeon.open svg path.open{ display: none; }
#pigeon.open svg path.close{ display: block; }

#newsletter-post{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: #d9d9d9;
	overflow-y: auto;
	display: none;
}

#newsletter-post.open{
	display: block;
}

#newsletter-post .newsletter-container{
	max-width: 94rem;
    margin: 0 auto;
    padding: 9.7rem var(--gutter) 20rem;
	position:relative;
}

#newsletter-post .newsletter-title{
	position: fixed;
    left: var(--gutter);
	top: 9.7rem;
	padding: 3.5rem;
	border: 1px solid black;
	margin-top: -3.5rem;
	max-width: calc(50vw - 47rem - (var(--gutter)));
}

.newsletter-container h2{
	margin-bottom: 3.3rem;
}

.newsletter-container p,
.newsletter-container div{
	font-size: var(--font-size-middle);
	line-height: 1.5;
	margin-bottom: 1.8rem;
}

.newsletter-container a{
	color: var(--violet);
}

.newsletter-container .wp-block-columns p,
.newsletter-container .wp-block-columns div{
	font-size: var(--font-size);
	line-height: 1.1;
}
.newsletter-container .wp-block-columns a{
	color: black;
}

.newsletter-container a:hover{
	color: var(--dark-grey);
}


.newsletter-container .wp-block-image{
	margin-top: 5.5rem;
	margin-bottom: 5.5rem;
}

.newsletter-container .wp-block-columns .wp-block-image{
	margin: 0;
}

.newsletter-container .wp-block-columns{
	margin-bottom: 7.8rem;
}

.empty{
	text-align: center;
	font-size: var(--font-size-middle);
	width: 100%;
}

.resource-filter .cats li{
	margin: 0 5rem;
}

.event-list-container{
	position: relative;
}

.letters{
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	justify-content: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}


.letters li{
	padding: 0;
	font-size: var(--font-size-middle);
}

.letters li a,
.letters li button{
	padding: var(--half-gutter) 1.3rem;
	cursor: pointer;
	display: block;
}

.letters li a:hover,
.letters li button:hover{
	color: var(--violet);
}

.letters li a.active,
.letters li button.active{
	color: var(--red);
}

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

.author-list-item{
	padding-top: 6.4rem;
	padding-bottom: 11.3rem;
}

.author-list-item .thumb{
	aspect-ratio: 1 / 1;
    max-width: 19.6rem;
    background-color: #c4c4c4;
    border-radius: 50%;
    overflow: hidden;
	margin-bottom: 3.3rem;
}
.author-list-item .bio{
	margin-bottom: 3.3rem;
}

.author-list-item .pseudo-button{
	font-size: var(--font-size-middle);
	border: 1px solid black;
	padding: .9rem 	3.3rem;
	text-align: center;
	display: inline-block;
}

.author-list-item a:hover{
	color: var(--dark-grey);
}

.author-list-item a:hover .pseudo-button{
	border: 1px solid var(--dark-grey);
}

.grid-item-fullwidth{
	width: 100%;
}

.artists{
	display: flex;
	flex-wrap: wrap;
	margin-right: calc(-1 * var(--gutter));
}

.artists li{
	margin: 3rem 10rem 3rem 0;
	font-size: var(--font-size-middle);
}

.artists li sup{
	color: var(--dark-grey);
	font-size: 12px;
}

#search-form-container{
	border-bottom: 0.12rem solid black;
	display: none;
}
#searchform{
	display: flex;
}

#searchform input[type="text"]{
	border: 0;
	background: transparent;
	font-size: var(--font-size-middle);
	display: block;
}

#searchform input[type="submit"]{
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.455078 10.9985L6.45508 14.4626V7.53441L0.455078 10.9985ZM14.726 0V8.90327H15.926V0H14.726ZM14.726 8.90327C14.726 9.15123 14.6433 9.54074 14.4092 9.85253C14.1969 10.1353 13.8298 10.3985 13.1409 10.3985V11.5985C14.2 11.5985 14.9255 11.1634 15.3687 10.5731C15.7902 10.0118 15.926 9.35373 15.926 8.90327H14.726ZM13.1409 10.3985H5.85508V11.5985H13.1409V10.3985Z' fill='black'/%3E%3C/svg%3E");
	background-color: transparent;
	width: 2rem;
	height: 2rem;
	background-size: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0;
	height: 100%;
}
#searchform input[type="submit"]:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.455078 10.9985L6.45508 14.4626V7.53441L0.455078 10.9985ZM14.726 0V8.90327H15.926V0H14.726ZM14.726 8.90327C14.726 9.15123 14.6433 9.54074 14.4092 9.85253C14.1969 10.1353 13.8298 10.3985 13.1409 10.3985V11.5985C14.2 11.5985 14.9255 11.1634 15.3687 10.5731C15.7902 10.0118 15.926 9.35373 15.926 8.90327H14.726ZM13.1409 10.3985H5.85508V11.5985H13.1409V10.3985Z' fill='%23868686'/%3E%3C/svg%3E");
	cursor: pointer;
}

h1.search-title{
	padding-bottom: 10rem;
	border-bottom: 1px solid black;
	margin-bottom: 5.3rem;
}

.search.grid .post-list-item{
	margin-bottom: 5.3rem;
}

.search.grid .post-list-item .thumb{
	margin-bottom: 1.3rem;
	margin-top: 1rem;
}

.date-info{
	display: flex;
	justify-content: space-between;
}

.date-info .date{
	padding-right: var(--half-gutter);
}

#mlb2-5929777.header-newsletter-form{
	display: none;
}

.venue-list-item{
	margin-top: 7.7rem;
	margin-bottom: 4.9rem;
}

.venue-list-item h2{
	font-size: var(--font-size);
	margin-bottom: 0;
}

.fontpage-calendar-container{
	display: flex;
	justify-content: space-between;
}

.calendar-side{
	width: 45%;
	max-width: 470px;
	margin-right: var(--gutter);
}

#calendar{
	display: flex;
    flex-wrap: wrap;
}

#calendar .day{
	margin-right: 1rem;
	margin-bottom: .8rem;
	width: 5.7rem;
	height: 5.7rem;
}

#calendar .day-num{
	width: 100%;
	height: 100%;
	font-size: var(--font-size-middle);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid black;
	border-radius: 50%;
	cursor: pointer;
}

#calendar .day-num:hover,
#calendar .day-num.active{
	background-color: #e4e4e4;
	color: black;
}

#calendar .today .day-num{
	background-color: var(--teal);
	border: 1px solid var(--teal);
}

#calendar .calendar-month-button{
	height: 5.7rem;
	display: flex;
	align-items: center;
	font-size: var(--font-size-middle);
	margin-left: 1.3rem;
	color: transparent;
	cursor: pointer;
}

#calendar .next-month{
	background-image: url("data:image/svg+xml,%3Csvg width='62' height='19' viewBox='0 0 62 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='48.4569' y1='9.36523' x2='0.0730243' y2='9.22938' stroke='%23868686' stroke-width='1.5'/%3E%3Cpath d='M47.8332 3.55118L59.8882 9.52257L47.8332 15.4939L47.8332 9.52256L47.8332 3.55118Z' stroke='%23868686' stroke-width='1.5'/%3E%3C/svg%3E");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 70px;
}
#calendar .prev-month{
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 62 19' style='enable-background:new 0 0 62 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23868686;stroke-width:1.5;%7D%0A%3C/style%3E%3Cline class='st0' x1='61.3' y1='9.2' x2='12.9' y2='9.4'/%3E%3Cpath class='st0' d='M13.5,9.5v6l-12.1-6l12.1-6V9.5z'/%3E%3C/svg%3E%0A");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 70px;
}
#calendar .calendar-month-button:hover{
	background: none;
	color: black;
}

#calendar .no-arrow{
	display: none;
}

.frontpage-calendar-container{
	display: flex;
}

.event-display{
	position: relative;
	flex: 1;
	margin-top: 4.8rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23000000' stroke-width='1' r='20' stroke-dasharray='94.24777960769379 33.41592653589793'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='2s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");    
	background-position: center center;
    background-size: 150px;
    background-repeat: no-repeat;
}

.event-display.presented{
	background: none;
}

.event-display .event-piece{
	position: absolute;
	display: flex;
	opacity: 0;
}

.event-display .event-piece-1{
	max-width: 100%;
	max-height: 100%;
}

.event-display .event-piece-2{
	max-width: calc(50% - 1px);
	max-height: 100%;
}

.event-display .event-piece-3,
.event-display .event-piece-4,
.event-display .event-piece-5,
.event-display .event-piece-6{
	max-width: calc(50% - 4px);
	max-height: calc(50% - 4px)
}

.event-display .event-piece-5.top-crowded:nth-of-type(-n+3),
.event-display .event-piece-5.bottom-crowded:nth-last-of-type(-n+3),
.event-display .event-piece-6{
	max-width: calc(33.33% - 3px);
}

.event-display.presented .event-piece{
	opacity: 1;
}

.event-display .event-piece .piece-link:link,
.event-display .event-piece .piece-link:visited{
	position: relative;
}

.event-display .event-piece .piece-link img{
	max-height: 100%;
	width: auto;
}

.event-display .info{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, .5);
	color: white;
	font-size: var(--font-size);
	padding: 1rem;
	opacity: 0;
}

.event-display .event-piece:hover .info{
	opacity: 1;
}

.event-display .info div{
/*	max-height: 100%;
	overflow: hidden; */
}

.event-display .info .event-date{
	padding-bottom: 1.3rem;
}

.event-display .info .event-title{
	font-style: italic;
}

#frontpage-calendar{
	margin-bottom: 6rem;
}

.frontpage-calendar-header{
	display: flex;
	justify-content: space-between;
}

.all-calendar-link:link,
.all-calendar-link:visited{
	color: var(--grey);
	font-size: var(--font-size-middle);
	margin-right: 1rem;
}

.all-calendar-link:hover{
	color: var(--link-grey);
}

.calendar-filter{
	margin-top: var(--triple-gutter);
	border-bottom: 1px solid black;
}

.calendar-filter.month{
	border-bottom: 0;
}

.calendar-filter .letters{
	margin-bottom: 5.6rem;
}

.calendar-mode{
	display: flex;
	justify-content: center;
	margin-bottom: 6.1rem;
}

.calendar-mode li{
	margin-left: var(--half-gutter);
	margin-right: var(--half-gutter);
}

.calendar-mode li a:link,
.calendar-mode li a:visited{
	color: var(--link-grey);
	display: block;
	padding-left: 4.1rem;
	position: relative;
}

.calendar-mode li a:hover{
	color: var(--violet);
}

.calendar-mode li a:before{
	content: ' ';
	width: 3rem;
	height: 3rem;
	border-radius: 1.5rem;
	background-color: var(--link-grey);
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
}

.calendar-mode li.active a:link,
.calendar-mode li.active a:visited,
.calendar-weekday.active,
.calendar-weekday:hover{
	color: var(--violet);
}

.calendar-mode li.active a:before{
	background-color: var(--violet);
}

.calendar-weekdays{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.1rem;
}

.event-list .thumb{
	margin-bottom: 1.3rem;
}

.calendar-weekdays button{
	cursor: pointer;
}

.calendar-months{
	display: flex;
	justify-content: center;
	max-width: 784px;
	margin: 0 auto;
	visibility: hidden;
}

.calendar-months.slick-initialized{
	visibility: visible;
}

.calendar-month{
	margin-left: 3.5rem;
	margin-right: 3.5rem;
}

.calendar-month button{
	width: 12.6rem;
	height: 12.6rem;
	border-radius: 6.3rem;
	border: 1px solid var(--link-grey);
	color: var(--link-grey);
	cursor: pointer;
}

.calendar-month button.active,
.calendar-month button:hover{
	border-color: var(--violet);
	background-color: var(--violet);
	color: white;
}

.calendar-months .slick-arrow{
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='15' viewBox='0 0 60 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%23D9D9D9'/%3E%3Cellipse cx='31' cy='7.5' rx='7' ry='7.5' fill='%23D9D9D9'/%3E%3Ccircle cx='52.5' cy='7.5' r='7.5' fill='%23D9D9D9'/%3E%3C/svg%3E");
	width: 6rem;
	height: 6rem;
	background-size: 6rem;
	position: absolute;
	top: calc(50% - 3rem);
	right: -6rem;
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	font-size: 0;
	cursor: pointer;
}
.calendar-months .slick-arrow:hover{
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='15' viewBox='0 0 60 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='7.5' fill='%237018FF'/%3E%3Cellipse cx='31' cy='7.5' rx='7' ry='7.5' fill='%237018FF'/%3E%3Ccircle cx='52.5' cy='7.5' r='7.5' fill='%237018FF'/%3E%3C/svg%3E");
}

.calendar-months .slick-prev{
	left: -6rem;
}

.calendar-months .slick-disabled{
	display: none !important;
}

.event-list .thumb-container{ position: relative; }
.event-list .thumb-container .ends-soon{
	position: absolute;
	top: 1.2rem;
	left: 0;
	color: red;
	padding: 1.3rem var(--half-gutter) 13rem 4.5rem;
	background: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255));
	width: 100%;
}
.event-list .thumb-container .ends-soon:before{
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 1rem;
	background-color: red;
	content: ' ';
	left: 1.4rem;
}

.event-display .empty-day{
	max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
    background-color: #868686;
    border-radius: 50%;
    margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.event-display .empty-day a:link,
.event-display .empty-day a:visited{
    color: white;
	padding: 5rem;
	width: 100%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.event-display .empty-day:hover{
	background-color: var(--link-grey);
}

#venue-map{
	width: 100%;
	height: 500px;
	margin-top: 7.7rem;
}

.info-window-content{
	font-size: var(--font-size);
    font-family: var(--font-family);
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    display: block;
	max-width: unset;	
}

.underheader-bg-for-journal{
	width: calc(100% - 2*(var(--gutter)));
	height: 23.5rem;
	background-color: white;
	margin-top: -6.4rem;
	z-index: 2;
	position: fixed;
}

.journal-39-bg{
	width: calc(100% - 2*(var(--gutter)));
    height: 100vh;
    display: block;
    margin-top: 0;
    position: fixed;
	top: 23.5rem;
}

.journal-39-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

contribute{
	position: fixed;
	bottom: var(--gutter);
	left: var(--gutter);
	background-image: url("data:image/svg+xml,%3Csvg width='279' height='252' viewBox='0 0 279 252' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.1002 0.00904262C110.873 -0.569692 133.266 26.7755 139.615 40.5205V40.5223C145.965 26.7774 168.357 -0.567808 207.13 0.0109265C255.596 0.734345 289.359 46.7999 276.097 98.886C265.487 140.555 251.74 154.097 139.615 252C27.4909 154.097 13.498 140.304 2.88848 98.6354C-10.3734 46.5493 23.6341 0.732461 72.1002 0.00904262Z' fill='%2300FFF0' fill-opacity='0.8'/%3E%3C/svg%3E%0A");
	background-size: cover;
	width: 279px;
	height: 252px;
	display: block;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.04rem;
	line-height: 1.1;
	z-index: 2;
}

.contribee-container{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 63px 20px 0;
	box-sizing: border-box;
}


contribute p{
	margin-bottom: 15px;
}

contribute p:nth-child(2){
	padding-left: 30px;
	padding-right: 30px;
}

contribute a:link,
contribute a:visited{
	text-decoration: underline;
}

#close-contribute{
	width: 35px;
	height: 35px;
	position: absolute;
	top: -10px;
	right: -10px;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

#close-contribute:hover .button-visual{
	background-color: rgba(0, 255, 240, 1);
}

#close-contribute .button-visual{
	background-color: rgba(0, 255, 240, .8);
	border-radius: 50%;
	width: 19px;
	height: 19px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#close-contribute .button-visual svg{
	width: 10px;
	height: 10px;
}

.hidden{
	display: none;
}

.mobile-only,
.calendar-mobile,
.mobile-sidebar,
.for-mobile{ display: none;}

.hide-in-desktop{ display: none; }

@media screen and (min-width: 1730px){
	.container{
		padding-right: calc(50% - 864px + var(--gutter));
		padding-left: calc(50% - 864px + var(--gutter));
	}

	.magazines .header-row,
	.magazine .header-row{
		width: calc(1728px - 2 * var(--gutter));
	}
}

@media screen and (max-width: 1600px) and (min-width: 1481px) {
    .header-elements .element {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}


@media screen and (max-width: 1480px) and (min-width: 1300px){
	#calendar .day { width: 4rem; height: 4rem; }
	
	.calendar-side{ max-width: 350px; }
	
	#frontpage-calendar { margin-bottom: 3rem; }
	
	#calendar .calendar-month-button{ height: 4rem; }
	
	.header-elements .element {
		padding-right: 1.4rem;
		padding-left: 1.4rem;
	}

	.menu li { padding: 0 2.5rem; }

	.logo-link { margin-right: 8rem; }
	
	header #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { max-width: 160px; }

	.grid {
		margin-left: -4rem;
		margin-right: -4rem;
	}
	.grid-item-3 {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.spacious.grid .grid-item-3 {
		padding-left: 6rem;
		padding-right: 6rem;
	}

	.magazines h1, .magazine .date { height: unset; }
	.news-runway .news-item { padding-right: 6rem; }

	body:not(.single-post) header .header-content { width: calc(100% - 233px); }
	body.magazines .index a { padding-bottom: 3.3rem; }
	.artists li { margin-right: 6rem; }
	
}

@media screen and (max-width: 1299px) and (min-width: 1220px){
	#calendar .day {
		width: 4.5rem;
		height: 4.5rem;
	}
	.calendar-side{ max-width: 385px;}
	#calendar .calendar-month-button{ height: 4.5rem; }
	#frontpage-calendar { margin-bottom: 5rem; }
	.header-elements .element {
		padding-right: 1.4rem;
		padding-left: 1.4rem;
	}
	.logo-link { margin-right: 4rem; }

	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent{ padding-left: 3rem; }
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
		max-width: 160px;
	}
	#newsletter-post #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
		max-width: 100%;
	}

	.logo-link { margin-right: 9rem; }
	body:not(.single-post) header .header-content { width: calc(100% - 233px); }
	body.magazines .index a { padding-bottom: 3.3rem; }

	.grid { margin-left: -4rem; margin-right: -4rem; }
	.grid-item-3 { padding-left: 4rem; padding-right: 4rem; }

	.spacious.grid .grid-item-3 { padding-left: 6rem; padding-right: 6rem; }

	.magazines h1, .magazine .date { height: unset; }
	.news-runway .news-item { padding-right: 6rem; }

	.artists li { margin-right: 6rem; }	
	.archive-filter.resource-filter {
		font-size: var(--font-size-middle);
		margin-bottom: 2rem;
	}
	.magazines h1, .magazine .date { height: unset; }

	#newsletter-post .newsletter-container {
		max-width: 85rem;
	}
	#newsletter-post .newsletter-title {
		max-width: calc(50vw - 42.5rem - (var(--gutter)));
	}

}

@media screen and (max-width: 1219px) and (min-width: 1132px){
	main-col { padding-right: var(--gutter); }

	#calendar .day {
		width: 4rem;
		height: 4rem;
	}
	.calendar-side { width: 46%; max-width: 350px;}
	#calendar .calendar-month-button{ height: 4rem; }
	#frontpage-calendar { margin-bottom: 5rem; }
	.header-elements .element {
		padding-right: 1.7rem;
		padding-left: 1.7rem;
	}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent{ padding-left: 2.2rem; }
	body:not(.single-post) header .header-content {
		max-width: calc(100% - 233px);
		width: calc(100% - 233px);
		justify-content: space-between;
		padding-right: var(--gutter);
	}

	.logo-link { margin-right: 3rem; }
	header #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { max-width: 135px; }

	.grid { margin-left: -4rem; margin-right: -4rem; }
	.grid-item-3 { padding-left: 4rem; padding-right: 4rem; }

	.spacious.grid .grid-item-3 { padding-left: 4rem; padding-right: 4rem; }
	body.magazines .index a { padding-bottom: 3.3rem; }
	.magazines h1, .magazine .date { height: unset; }
	.news-runway .news-item { padding-right: 5rem; }
	.article-content {
		max-width: 65rem;
	}

	.artists li { margin-right: 6rem; }	
	.archive-filter.resource-filter { margin-bottom: 2rem; }
	.menu-container { padding: 2.5rem 1.2rem; }
	#newsletter-post .newsletter-title {
		padding: 3.5rem 3rem;
		max-width: calc(50vw - 39rem - (var(--gutter)));
	}
	#newsletter-post .newsletter-container {
		max-width: 78rem;
	}

}
@media screen and (max-width: 1131px) and (min-width: 1024px){
	:root {
		--gutter: 30px;
		--half-gutter: 16px;
		--triple-gutter: 48px;
		--font-size: 1.5rem;
		--font-size-middle: 1.6rem;
	}
	sidebar {
		width: 170px;
		min-width: 170px;
		padding: 2rem;
	}
	main-col {
		width: calc(100% - 170px);
		padding-right: var(--gutter);
	}
	header .header-content {
		max-width: unset;
		width: calc(100% - 170px);
		max-width: calc(100% - 170px);
		justify-content: space-between;
		padding-right: var(--gutter);
	}
	sidebar div {
		padding-bottom: 4rem;
	}
	#calendar .day {
		width: 4rem;
		height: 4rem;
	}
	.calendar-side { width: 46%; max-width: 350px;}
	#calendar .calendar-month-button{ height: 4rem; }
	#frontpage-calendar { margin-bottom: 5rem; }

	header #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
		max-width: 130px !important;
	}
	.header-elements .element {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent{
		padding-left: 2rem;
	}

	.logo-link {
		margin-right: 3rem;
	}

	.grid { margin-left: -3rem; margin-right: -3rem; }
	.grid-item-3 { padding-left: 3rem; padding-right: 3rem; }

	.spacious.grid .grid-item-3 { padding-left: 3rem; padding-right:3rem; }
	body.magazines .index a { padding-bottom: 3.3rem; }
	.magazines h1, .magazine .date { height: unset; }
	.news-runway .news-item { padding-right: 4rem; }
	.article-content {
		max-width: 65rem;
	}

	.artists li { margin-right: 6rem; }	
	.archive-filter.resource-filter { margin-bottom: 2rem; }
	.menu-container { padding: 2.5rem 1.2rem; }

	.news-runway .slick-next.slick-arrow {
		right: -150px;
		width: 150px;
	}
	.news-runway {
		max-width: calc(100% - 15rem);
	}
	.news-runway .slick-next.slick-arrow.archive {
		width: 11.3rem;
		height: 11.3rem;
		right: calc(-15rem + var(--gutter));
		padding: 0;
	}
	.calendar-month {
		margin-left: 2.5rem;
		margin-right: 2.5rem;
	}
	.calendar-months { max-width: 600px; }
	.archive-filter.calendar-filter { margin-bottom: 6rem; }
	.magazine .date { min-width: unset; }
	.grid-item-4 { padding-left: 2.5rem; padding-right: 2.5rem; }
	nav.pagination { margin-top: 6rem; }

	#newsletter-post .newsletter-title {
		padding: 3.5rem 3rem;
		max-width: calc(50vw - 35rem - (var(--gutter)));
	}
	#newsletter-post .newsletter-container {
		max-width: 70rem;
	}

}

@media screen and (max-width: 1023px) and (min-width: 768px){

	:root {
		--gutter: 30px;
		--half-gutter: 15px;
		--triple-gutter: 45px;
		--font-size: 1.5rem;
		--font-size-middle: 1.6rem;
	}

	.hide-in-desktop{
		display: block;
	}

	.hide-in-tablet{
		display: none;
	}

	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder{color:var(--dark-grey) !important;}
	
	.header-elements .element:first-child{ padding-left: 0; }

	main { padding-top: calc( 12.2rem + var(--gutter)); padding-bottom: 6rem;}

	.news-runway .news-item { padding-right: 3rem; }
	.news-runway { max-width: calc(100% - 15rem); }
	.news-runway .slick-next.slick-arrow { right: -150px; width: 150px; }
	.news-runway .slick-next.slick-arrow.archive {
		width: 11.3rem;
		height: 11.3rem;
		right: calc(-15rem + var(--gutter));
		padding: 0;
	}

	.header-elements .element {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	sidebar {
		min-width: 170px;
		width: 170px;
	}

	#subscribe-toggle-button,
	#audio-blog-button,
	.frontpage-calendar-header,
	#calendar,
	#accent-event-display{
		display: none !important;
	}

	#menu-toggle-button{
		background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='2' fill='black'/%3E%3Crect y='14' width='32' height='2' fill='black'/%3E%3Crect y='7' width='32' height='2' fill='black'/%3E%3C/svg%3E");
		background-position: center left;
		background-size: 32px;
		background-repeat: no-repeat;
		font-size: .1rem;
		color: transparent;
		width: 64px;

	}

	header .header-content {
		padding-right: var(--gutter);
		width: calc(100% - 170px);
		max-width: calc(100% - 170px);
	}

	.logo-link {
		margin-right: 6rem;
	}

	.header-elements {
		display: flex;
		position: relative;
		justify-content: space-between;
		flex: 1;
	}
	#search-form-container {
		position: absolute;
		right: 0;
		background-color: white;
	}

	.menu-container {
		margin-top: 2.4rem;
		padding: 3rem 0.8rem;
	}
	.menu li {
		padding: 0 2.5rem;
	}

	.menu li.mobile-nav-newsletter{
		width: 100%;
	}
	.menu-container.open #mlb2-5929777.header-newsletter-form {
		display: block;
	}

	header #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
		width: 100% !important;
		padding-top: 2.5rem;
		max-width: unset !important;
	}

	.week-calendar-link:link,
	.week-calendar-link:visited,
	.month-calendar-link:link,
	.month-calendar-link:visited{
		display: flex;
		width: calc(50% - 10px);
		background-color: red;
		aspect-ratio: 1/1;
		border-radius: 50%;
		justify-content: center;
		align-items: center;
		color: white;
	}

	.month-calendar-link:link,
	.month-calendar-link:visited{
		margin-left: 20px;
		background-color: var(--violet);
	}
	main-col {
		padding-right: var(--gutter);
	}

	.grid {
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

	.grid-item-3 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.magazine-slider .issue {
		padding: 5.6rem 0 11.6rem;
	}
	.magazine-slider .slick-dots {
		padding-left: 0;
	}
	.magazine-slider .issue .container {
		padding-left: calc(4rem + var(--gutter));
		padding-right: calc(4rem + var(--gutter));
	}

	#zurnalas .grid-item-3{ width: 50%; padding-left: 2.5rem; padding-right: 2.5rem;}
	.spacious.grid {
		padding-left: 0;
		padding-right: 0;
	}
	.spacious.grid .grid-item-3 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.footer-widget .wp-block-gallery.has-nested-images figure.wp-block-image:last-of-type{ margin-right: 0 !important;}
	footer .container { align-items: flex-start; }
	.footer-widget ul {
		flex-direction: column;
	}
	.article-content {
		max-width: 55rem;
		margin-right: 0;
		margin-bottom: 10rem;
	}

	.grid:not(.frontpage-grid) .grid-item-3 {
		width: 50%;
	}

	nav.pagination {
		margin-top: 8rem;
	}

	.photo-gallery .photo-container {
		margin-left: 0;
		margin-right: 0;
	}

	.article-content .content .photo-container, .article-content .content .wp-block-embed,
	.article-content .content figure + figure {
		margin-bottom: 6.2rem !important;
	}
	.article-content .content p + div.wp-caption, .article-content .content p + .photo-container, .article-content .content p + figure.photo-container, .article-content .content p + figure.wp-block-embed,
	.article-content .content .photo-container img + img,
	.article-content .content figure.wp-block-gallery + figure {
		margin-top: 6.2rem !important;
	}

	#newsletter-post .newsletter-title {
		position: relative;
		left: unset;
		top: unset;
		max-width: 100%;
		margin-bottom: 6rem;
	}

	.newsletter-container .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 0%!important;
	}

	.resource-filter .cats li {
		margin: 0 2rem;
	}

	.archive-filter.resource-filter{ margin-bottom: 2rem;}
	.artists li {
		margin: 2.5rem 6rem 2rem 0;
	}
	.author-list-item {
		padding-bottom: 7rem;
	}
	#venue-map {
		height: 400px;
	}
	.calendar-weekdays button {
		font-size: 13px;
	}
	.calendar-months {
		max-width: 440px;
	}
	.calendar-month {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	.calendar-month button {
		width: 10.6rem;
		height: 10.6rem;
	}

	.archive-filter .years {
		margin: var(--half-gutter) 0 3rem
	}
	.archive-grid {
		margin-bottom: 6rem;
	}
	h1.search-title {
		padding-bottom: 6rem;
	}

	.grid-item-4 {
		width: 50%;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	h1, h2, h3, h4, h5 {
		margin-bottom: var(--triple-gutter);
	}
	#menu-toggle-button.open{
		transform: rotate(90deg) translateX(25%) translateY(25%);
	}

	.mobile-index-button,
	.close-mobile-index{
		width: 78px;
		height: 78px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid white;
		color: white;
		border-radius: 50%;
	}

	.mobile-index-button.no-show{
		opacity: 0;
		pointer-events: none;
	}

	.magazines .magazine-item .header a{
		flex: 1;
		padding-right: var(--gutter);
	}

	.magazines .magazine-item .header{
		display: flex;
	}

	.mobile-index{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		margin-top: 10px;
		margin-bottom;
		display: none;
	}
	.mobile-index li{
		margin-top: 4rem;
	}

	.mobile-index li .title{
		font-style: italic;
	}

	.close-mobile-index{
		background: url(/wp-content/themes/artnews/assets/images/arrow-top.svg) center center no-repeat;
		background-size: 13px;
		margin: 4rem auto ;
	}
}


@media screen and (max-width: 767px){
	.hide-in-mobile{
		display: none;
	}

	#pdf-link{
		display: none;
	}

	:root {
		--gutter: 20px;
		--half-gutter: 10px;
		--triple-gutter: 30px;
		--font-size: 1.5rem;
		--font-size-middle: 1.6rem;
	}

	.hide-in-desktop,
	.hide-in-tablet{ display: block; }

	header {
		overflow: scroll;
		max-height: 100vh;
	}

	p {
    	margin-bottom: var(--gutter);
	}

	.hide-in-mobile,
	#media-section .post-list,
	header .news-strip.open + .container{ display: none; }

	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder{color:var(--dark-grey) !important;}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder{color:var(--dark-grey) !important;}
	
	.header-elements .element:first-child{ padding-left: 0; }

	main { padding-top: calc( 10rem + var(--gutter)); padding-bottom: 6rem;}

	.news-runway .news-item { padding: 2.1rem 0rem; }
	
	.news-runway { max-width: 100%; position: relative; padding-bottom: 250px; }
	.news-strip .container.with-sidebar { padding-right: var(--gutter); }
	.close-news-feed a { padding-right: 0; }
	
	.news-runway .slick-next.slick-arrow.archive {
		width: 13rem;
		height: 13rem;
		right: calc(50% - 6.5rem);
		bottom: 80px;
		top: unset;
		padding: 0;
	}

	.header-elements .element {
		padding-right: 0rem;
		padding-left: 0rem;
	}

	sidebar {
		min-width: calc(100% + var(--gutter));
		margin-left: calc(-1 * var(--gutter));
		margin-bottom: 0 !important;
	}
	#subscribe-toggle-button,
	#audio-blog-button,
	.frontpage-calendar-header,
	#calendar,
	#accent-event-display,
	.calendar-mode li a:before{
		display: none !important;
	}

	.calendar-mode li a:link,
	.calendar-mode li a:visited{
		padding-left: 0;
	}

	.calendar-mode li {
		margin-left: 0;
	}

	.calendar-filter .letters {
		margin-bottom: 3.5rem;
	}
	.calendar-mode {
		margin-bottom: 3rem;
	}

	.empty {
		margin-bottom: 6rem;
	}

	.archive-filter {
		margin-bottom: 4.2rem;
	}
	.event-list-container,
	.archive-container{ min-height: 190px; }

	.calendar-weekdays {
		margin-bottom: 20px;
		padding-top: 20px;
		border-top: 1px solid black;
	}

	#menu-toggle-button{
		background-image: url("data:image/svg+xml,%3Csvg width='32' height='16' viewBox='0 0 32 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='2' fill='black'/%3E%3Crect y='14' width='32' height='2' fill='black'/%3E%3Crect y='7' width='32' height='2' fill='black'/%3E%3C/svg%3E");
		background-position: center left;
		background-size: 32px;
		background-repeat: no-repeat;
		font-size: .1rem;
		color: transparent;
		width: 32px;
		margin-right: var(--gutter);
		min-height: 2rem;
	}
	#search-toggle-button{ margin-left: var(--gutter); }

	header .header-content {
		padding-right: var(--gutter);
		width: 100%;
		max-width: 100%;
		padding-top: var(--gutter);
	}

	.logo-link {
		margin-right: 3rem;
		flex: 1;
	}
	.logo-link img { width: 104px; }

	.header-elements {
		display: flex;
		position: relative;
		justify-content: unset;
		flex: 1;
		height: 23px;
	}
	#search-form-container {
		position: absolute;
		right: 0;
		background-color: white;
	}
	#searchform { height: 22px; }

	.menu-container {
		margin-top: 2.4rem;
		padding: 3rem 0.8rem;
		height: calc(100vh - 11.6rem);
	}
	.menu li { padding: 0 2.5rem; margin-top: 1rem; margin-bottom: 1rem;}

	.menu li.mobile-nav-newsletter{ width: 100%; margin-top: 30px;  }

	.menu-container.open #mlb2-5929777.header-newsletter-form { display: block; }

	header #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper.embedForm{
		width: 100% !important;
		padding-top: 2.5rem;
		max-width: unset !important;
	}
	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
		 width: 100% !important;
	}

	.week-calendar-link:link,
	.week-calendar-link:visited,
	.month-calendar-link:link,
	.month-calendar-link:visited{
		display: flex;
		width: calc(50% - 10px);
		background-color: red;
		aspect-ratio: 1/1;
		border-radius: 50%;
		justify-content: center;
		align-items: center;
		color: white;
		text-align: center;
		padding: var(--gutter);
	}

	.month-calendar-link:link,
	.month-calendar-link:visited{
		margin-left: 20px;
		background-color: var(--violet);
	}
	main-col { 
		padding-right: var(--gutter); 
		width: 100%;
		padding-bottom: 90px;
	}

	.grid {
		margin-left: 0rem;
		margin-right: 0rem;
	}

	.grid-item-3 {
		padding-left: 0rem;
		padding-right: 0rem;
		width: 100%;
	}
	.magazine-slider .issue { padding: 3.5rem 0 10rem; }

	.magazine-slider .slick-dots { padding-left: 0; }

	.magazine-slider .issue .container {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}

	.magazine-slider .issue div { justify-content: space-evenly; }
	.magazine-slider .introduction { margin-top: 4rem; margin-bottom: 8rem; }
	.magazine-slider h2 { font-size: 2.6rem; margin-bottom: 2rem;}
	.magazine-slider .excerpt { margin-top: 4rem; line-height: 1.5;}
	.magazine-slider .post-list-item { padding-bottom: 4rem; }
	.magazine-bubble,
	.all-magazine-issues-link:link, 
	.all-magazine-issues-link:visited { font-size: 2rem; }

	.all-magazine-issues-link:link, 
	.all-magazine-issues-link:visited{
		bottom: 6rem;
		width: 150px;
		left: calc(50% - 75px);
	}

	.spacious.grid,
	.spacious.grid .grid-item-3 {
		padding-left: 0;
		padding-right: 0;
	}
	#media-section .grid-item-3 { padding-top: 0rem; }
	#media-section .grid-item-3 .video-header { margin-top: 6rem; }
	.geometric-header.audio-header{ padding-top: 119%;}
	.geometric-header.audio-header h2{ background-size: 100%;}
	.geometric-header.projects-header{ margin-bottom: 6rem;}

	.venue-list-item {
		margin-top: 4.2rem;
		margin-bottom: 2rem;
	}
	#venue-map {
		margin-top: 4.2rem;
	}
	.footer-widget .wp-block-gallery.has-nested-images figure.wp-block-image:last-of-type{ margin-right: 0 !important;}
	
	footer .container { flex-direction: column; }

	.footer-widget{ width: 100%; display: flex; justify-content: center;}
	
	.footer-widget ul { flex-direction: column; margin: 0 auto;}

	.footer-widget ul li { margin-left: 0; }

	footer .wp-block-gallery{ width: 100%; justify-content: space-between;}

	footer { padding: var(--triple-gutter) 0; }

	.article-content {
		max-width: 55rem;
		margin-right: 0;
		margin-bottom: 4.2rem;
	}

	.grid:not(.frontpage-grid) .grid-item-3 { width: 100%; }

	nav.pagination { margin-top: 3rem; margin-bottom: 6rem;}

	.photo-gallery .photo-container {
		margin-left: 0;
		margin-right: 0;
	}

	.article-content{ word-wrap: break-word; }
	.article-content .content .photo-container, .article-content .content .wp-block-embed,
	.article-content .content figure + figure { margin-bottom: 3rem !important; max-width: 100%; }

	.article-content .content p + div.wp-caption, .article-content .content p + .photo-container, .article-content .content p + figure.photo-container, .article-content .content p + figure.wp-block-embed,
	.article-content .content .photo-container img + img,
	.article-content .content figure.wp-block-gallery + figure { margin-top: 3rem !important; }
	.magazines main, .magazine main {
		padding-top: 2rem;
	}

	#newsletter-post .newsletter-title {
		position: relative;
		left: unset;
		top: unset;
		max-width: 100%;
		margin-bottom: 6rem;
		margin-top: 0;
	}

	.resource-filter .cats li { margin: 0 2rem; }

	.archive-filter.resource-filter{ margin-bottom: 2rem;}

	.artists li { margin: 1.5rem 6rem 1.5rem 0; }

	.author-list-item { padding-bottom: 4.2rem; padding-top: 4.2rem;}

	#venue-map { height: 400px; }

	.calendar-weekdays button { font-size: var(--font-size-middle); }

	.calendar-months {
		max-width: calc(100% - 100px);
		margin-top: 5.2rem;
    	margin-bottom: 5.2rem;
	}
	.calendar-month {
		margin-left: 0rem;
		margin-right: 0rem;
		text-align: center;
	}
	.calendar-month button {
		width: 9rem;
		height: 9rem;
	}

	.calendar-months .slick-arrow {
		width: 5rem;
		background-size: 4rem;
		right: -5rem;
	}

	.calendar-months .slick-prev {
		left: -5rem;
	}

	.archive-filter .years { margin: var(--half-gutter) 0 3rem }

	.archive-grid { margin-bottom: 4rem; }

	h1.search-title { padding-bottom: 4rem; margin-bottom: 4.2rem; }

	.grid-item-4 {
		width: 100%;
		padding-left: 0rem;
		padding-right: 0rem;
	}
	.search.grid .post-list-item { margin-bottom: 0rem; }

	h1, h2, h3, h4, h5 { margin-bottom: var(--gutter); }

	#menu-toggle-button.open{ transform: rotate(90deg) translateX(0%) translateY(0%); }	

	.container.with-sidebar { flex-direction: column; }
	
	#frontpage-calendar { margin-bottom: 5rem; }

	.geometric-header { margin-bottom: 7.7rem; }

	.footer-widget .wp-block-gallery.has-nested-images figure.wp-block-image {
		margin-bottom: 3rem !important;
		margin-right: 0rem !important;
	}
	.footer-widget ul li { line-height: 2; }

	.menu { flex-direction: column; }

	#mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
		flex-direction: column;
	}
	div:not(.newsletter-container) #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
		width: 100% !important;
		text-align: center;
		padding: 0;
	}
	div:not(.newsletter-container) #mlb2-5929777.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
		padding: 0;
		margin-top: 1rem;
		text-align: center;
		width: 100%;
		font-weight: 100;
	}

	#newsletter-post .newsletter-container { padding: var(--gutter) var(--gutter) 20rem; }

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { margin-bottom: 4.2rem; }

	:where(.wp-block-columns.is-layout-flex) { gap: 0; }

	.newsletter-container .wp-block-columns { margin-bottom: 0; }

	.newsletter-container p{ margin-bottom: 1.2rem; }

	.newsletter-container .wp-block-image {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
	}

	body:not(.magazine) .article-content .content { margin-top: 4.2rem; }

	.article .cats {
		position: relative;
		top: unset;
		left: unset;
		max-width: 100%;
		margin-top: 4.2rem;
	}
	.article { padding-top: 0; }

	.letters {
		padding-top: var(--half-gutter);
		padding-bottom: var(--half-gutter);
	}

	.magazine .header-row,
	.magazine .header-row .title-issue {
		flex-direction: column;
		justify-content: flex-start;
    	align-items: flex-start;
		width: 100%;
		position: relative;
	}
	.back-button {
		width: 6.8rem;
		height: 6.8rem;
		margin-bottom: 2rem;
	}
	.magazine .date {
		border-radius: 0;
		min-width: unset;
		margin-left: 0;
		border: 0;
		width: 100%;
		height: 5rem;
	}
	.magazine .issue-no {
		margin: 0 auto;
	}
	.magazine h1 {
		min-width: unset;
		width: 100%;
		margin-bottom: 2rem;
	}
	.magazines .grid, .magazine .article-content {
		padding-top: 0rem;
	}
	.magazine .header-row {
		margin-bottom: 4.2rem;
	}

	.magazines .header-row {
		margin-bottom: 4.2rem;
		position: relative;
	}
	.magazines h1 {
		padding: 0 3rem;
		flex: 1;
		height: 6.8rem;
	}

	.grid-item-2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.magazines .magazine-item {
		margin-bottom: 8rem;
	}

	.mobile-index-button,
	.close-mobile-index{
		width: 78px;
		height: 78px;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid white;
		color: white;
		border-radius: 50%;
	}

	.mobile-index-button.no-show{
		opacity: 0;
		pointer-events: none;
	}

	.magazines .magazine-item .header a{
		flex: 1;
		padding-right: var(--gutter);
	}

	.magazines .magazine-item .header{
		display: flex;
	}

	.mobile-index{
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		margin-top: 10px;
		margin-bottom;
		display: none;
	}
	.mobile-index li{
		margin-top: 4rem;
	}

	.mobile-index li .title{
		font-style: italic;
	}

	.close-mobile-index{
		background: url(/wp-content/themes/artnews/assets/images/arrow-top.svg) center center no-repeat;
		background-size: 13px;
		margin: 4rem auto ;
	}

	#pigeon svg {
		max-width: 100%;
	}
	#pigeon {
		width: 138px;
	}

	.news-strip .head ul li:nth-child(n+5) {
		display: none;
	}

	.news-strip:hover {
		background-color: var(--teal);
	}

	.news-strip .head ul {
		justify-content: space-between;
		width: 100%;
	}

	.news-strip .head ul li {
		margin-right: 0;
		justify-content: center;
	}
	a:hover,
	a:active,
	.header-elements .element:hover{
    	color: var(--text-color);
	}

	.journal-39-bg {
		width: 100%;
		margin-top: 0;
		top: 0;
		left: 0;
		right: 0;
	}

	#close-contribute{
		display: block;
	}

	#close-contribute .button-visual{
		background-color: rgba(0, 255, 240, .8);
		border-radius: 50%;
		width: 25px;
		height: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#close-contribute .button-visual svg{
		width: 12px;
		height: 12px;
	}

}

#cookie-notice, #cookie-notice .cn-button:not(.cn-button-custom) {
    font-family: 'HelveticaNeue', Helvetica, Arial, "Lucida Grande", sans-serif !important;
}

#cookie-notice .cn-button:not(.cn-button-custom){
	background-color: var(--teal) ! important;
	color: black;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover{
	background-color: #00F0FF !important;
	opacity: 1!important;
}