/*
Theme Name: Arts Covid
*/
/*
! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  /*color:#fff;
  background-color:#000;*/

}




main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}


pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


a {
  background-color: transparent;
}


abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}


b,
strong {
  font-weight: bolder;
}


code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}


img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}


button,
input { /* 1 */
  overflow: visible;
}


button,
select { /* 1 */
  text-transform: none;
}


button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}


legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}


progress {
  vertical-align: baseline;
}


textarea {
  overflow: auto;
}


[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}


[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}


[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}


details {
  display: block;
}

summary {
  display: list-item;
}


template {
  display: none;
}


[hidden] {
  display: none;
}


a { color: inherit;
	cursor:pointer; 
	text-decoration:none;
} 


img, video {
	width:100%;
	height:auto;
  display: block;
  outline:none;
}

div {
		box-sizing:border-box;

}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*      */
/*      */
/* TYPE */
/*      */
/*      */





@font-face {
font-family: 'Archivo';
src: url('assets/fonts/Archivo-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Archivo';
src: url('assets/fonts/Archivo-SemiBold.woff') format('woff');
font-weight: bold;
font-style: normal;
}







html{
	box-sizing:border-box;
	font-family: 'Archivo', helvetica, sans-serif;


	font-size:18px;
}




body{ 
    -webkit-animation: fadein 2s; 
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s; 
            animation: fadein 2s;
} 
  
@keyframes fadein {
    from { opacity: 0; /*margin: -3% 0 0 0;*/}
    to   { opacity: 1; /* margin: 0 0 0 0;*/}
}

@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; /*margin: 0 0 0 0; */}
}

@-ms-keyframes fadein {
    from { opacity: 0; /*margin: -3% 0 0 0;*/ }
    to   { opacity: 1; /*margin: 0 0 0 0;*/}
}

@-o-keyframes fadein {
    from { opacity: 0; /*margin: -3% 0 0 0; */}
    to   { opacity: 1; /*margin: 0 0 0 0; */}
}



@media all and (max-width: 1024px) { html{font-size:14px;} }
@media all and (max-width: 768px) { html{font-size:12px;} }
@media all and (max-width: 550) { html{font-size:9px;}  }

body{
/*    background-color:#fff;
    background: url(assets/images/smile.svg) no-repeat;
    background-size: 25%;
    background-position:top right;
*/
/*    background-color:#FCFC6B;
*/  color:#000;

  font-family: neue-haas-grotesk-display, sans-serif;

font-weight: 600;
letter-spacing: -.05em;
font-style: normal;
padding:1rem;
position: relative;
}

#hero h1{
font-size:9rem;
font-weight:600;letter-spacing: -.16rem}



#hero h1:after{
    content: "";
    height: 20rem;
    width: 20rem;
    background-color: #fdbebe;
    -webkit-mask: url(assets/images/smile.svg) no-repeat;
    mask: url(assets/images/smile.svg) no-repeat;
    position: relative;
    margin: 2rem 0;
    background-size: 100%;
    display: block;

}
#filters {
font-size:2rem;
}
.fancyselect{
  padding:.25rem;
/*  margin:.5rem .5rem 0 0;
*/display: inline-block;
}
.fancyselect span{font-size:1.7em;
position: relative;
top: .35rem; margin-right:.25rem;}
select {
  cursor:pointer;
  font-weight:600;
  border: .25rem solid;    background-color: #000;
    color: #fff;
    padding: 1rem 2rem 1rem 1rem;
    min-height:4.5rem;
     -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    background: url(assets/images/dropdown.svg) no-repeat  95% 50% #000;
    background-size:auto 50%;

}
.filteritem{
  display: inline-block;
  border: .25rem solid #000;
  border-radius:2rem;
  padding:1rem;
  margin:.25rem .25rem .5rem 0;
  cursor:pointer;
/*  font-weight:300;
*/}
.filteritem:nth-child(2n){
/*  font-family: times new roman, serif;font-weight:300;
*/}
.filteritem.active{
  color:#fff;
  background-color:#000;

}
#location {

}

#noresources {display: none;}


#resources {
  margin-top: 6rem;
}
h1 {font-size:3.2rem;font-weight:100;line-height: .9}
h2 {font-size:1.8rem; font-weight:600px;}

article {
padding: 1.1rem 0;
font-weight:400;
font-size:1.2rem;
letter-spacing:0;
border-bottom:1px solid;

}

article:hover {
  background-color:#FDBEBD;
}
a {border-bottom:.1rem solid;}
article a{
border:none;
font-weight:300;
font-size:2rem;
margin:0 2rem 0 0 ;
letter-spacing:.01rem;
display: inline-block;
margin-right:1rem;}

article a:after {
    content: "MORE ➔";
    font-weight:600;
    display: inline-block;
    font-size:1rem;
    letter-spacing: .01rem;
    height: .75rem;
    width: 6rem;
    margin-left:.5rem;
    font-family:neue-haas-grotesk-display, sans-serif;
/*    border:2px solid #000;
*//*    -webkit-mask: url(assets/images/smile.svg) no-repeat;
    mask: url(assets/images/smile.svg) no-repeat;*/
    position: relative;
    background-size: 100%;

}

article:nth-child(4n) a{
font-family:times new roman, serif;
  /*font-style:italic;
  font-size: 2rem;*/
}
.desc {
  margin:.5rem 0;
  font-size:1rem;letter-spacing: 0;
}
section {
/* border-bottom: .2rem solid;
*/
margin-bottom:5rem;
}
#by {
    letter-spacing: 0;
    position: absolute;
    top: .5rem;
    right: .5rem;
}
#by a {text-decoration: none;border:none;}
footer{margin-top:6rem;}

footer a{text-decoration: none;border:0;}

#help{
position:absolute;
right:1rem;
top:1rem;
text-align: right;
}

/*
@media all and (max-width: 1024px) { h1{font-size:14px;} }
@media all and (max-width: 768px) { h1{font-size:12px;} }*/
@media all and (max-width: 550) {
 #hero h1  {font-size:4rem;} 
  }