/*
    Theme Name: TEMPLATE AAAAN.NET 
    Description: TEMPLATE THEME BASED SPARSELY ON HTML5 Blank WordPress Theme
    Version: 0.1
    Author: TEMPLATE
    Author URI: http://TEMPLATE01.INFO
    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/* FONTS */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);

@font-face {
    font-family: 'texgyrescholaregular';
    src: url('./fonts/texgyreschola-regular-webfont.eot');
    src: url('./fonts/texgyreschola-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreschola-regular-webfont.woff') format('woff'),
         url('./fonts/texgyreschola-regular-webfont.ttf') format('truetype'),
         url('./fonts/texgyreschola-regular-webfont.svg#texgyrescholaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyrescholabold';
    src: url('./fonts/texgyreschola-bold-webfont.eot');
    src: url('./fonts/texgyreschola-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreschola-bold-webfont.woff') format('woff'),
         url('./fonts/texgyreschola-bold-webfont.ttf') format('truetype'),
         url('./fonts/texgyreschola-bold-webfont.svg#texgyrescholaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyrescholaitalic';
    src: url('./fonts/texgyreschola-italic-webfont.eot');
    src: url('./fonts/texgyreschola-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreschola-italic-webfont.woff') format('woff'),
         url('./fonts/texgyreschola-italic-webfont.ttf') format('truetype'),
         url('./fonts/texgyreschola-italic-webfont.svg#texgyrescholaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventorbold';
    src: url('./fonts/texgyreadventor-bold-webfont.eot');
    src: url('./fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('./fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('./fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'texgyreadventorregular';
    src: url('./fonts/texgyreadventor-regular-webfont.eot');
    src: url('./fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('./fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('./fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*HIDE CERTAIN SORT ITEMS*/


#checkbox-twitter{
  display: none;
}

#label-twitter{
  display: none;
}

#checkbox-about{
  display: none;
}

#label-about{
  display: none;
}


/* END*/


.innerContentWrapper {
  padding-top: 10px;
}

.removePadding_postSortItem{
    padding: 0px !important;
}

.fixedHeaderLink{
    position: relative;
    border-bottom: inherit;
    width: 100%;
    z-index:9999;
    padding-left: inherit;
    padding: 25px;
    display: inline-block;
}

.postSortItemResultWrapper {
    position: relative;
    /*width: 900px;*/
    width: auto;
    max-height:50vh;
    overflow-y:auto;
    padding:25px;
    display: none;
    overflow-x: hidden;
}

.single-post img {
    max-width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

.post-link a {
    word-break: break-all;
}

#list{
    opacity:0;
    width: 100%;
    overflow: hidden !important;
}

.sortWrapper {
  float:left;
}

.single-post{
    /*max-height: 50vh;*/
}

.single-post-l{
  width: 936px !important;
}

.single-post-m{
  width: 800px !important;
}

.single-post-s{
  width: 600px !important;
}

.single-post-xs{
  width: 350px !important;
}

.listToggler{
    position:fixed;
    top:0px;
}

.borderBottom{
  border-bottom: 1px dotted black;
} 

.borderTop{
  border-top: 1px dotted black;
} 

#sortAreaSm{
    left:0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: honeydew;
    z-index: 10000;
    padding-bottom: 20px;
    float: left;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


#sortArea{
      left:0px;
    top: 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: honeydew;
    z-index: 10000;
    padding-bottom: 20px;
    float: left;
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#sortResults a{
    color:black;
}

#togglesortAreaLarge{
  float: right;
  display: none;
  width: 100%;
  bottom: 0px;
  position: absolute;
  text-align: center;
  font-family: anonymous pro;
  font-size: 15px;
  line-height: 19px;
  /*padding-top: 2px;*/
  cursor: pointer;
}

#togglesortAreaSmall{
  float: right;
  display: none;
  width: 100%;
  bottom: 0px;
  position: absolute;
  text-align: center;
  font-family: anonymous pro;
  font-size: 15px;
  line-height: 19px;
  /*padding-top: 2px;*/
  cursor: pointer;
}


.postSortItem {
    border: 1px solid black;
    width: 450px;
    margin: 15px;
    position: relative;
    height:auto;
    padding: 25px;
    z-index: 0;
    cursor: pointer;
}

#filters label{
    font-family: anonymous pro;
    font-size: 15px;
    margin-right: 15px;
    margin-left: 3px;
    line-height: 19px;
}

#filters input{
}

#filters{
  padding: 25px;
  height: 100%; 
}

.postSortItem.next {

}

.loadPosts{
    float: right;
}

.autoWidth{
    width: auto !important;
    height: auto !important;
}

.toTop{
  text-align: center;
  border: inherit;
  cursor: pointer;
}

.toTop > p{
  margin-bottom: 0px;
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/


.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
}


.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
opacity:1;
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

/* End: Recommended Isotope styles */


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

body {
    background-color: honeydew;
    overflow-x: hidden;
    font-family: texgyrescholaregular;
    font-size: 16px;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    float: left;
    width: 100%;    
}

/* FEATURED */

.featuredImg{
    display: none;
}

.featuredImgPost img{

    width: 100%;
    height: auto;
}

iframe{
    margin: 0px auto;
    display: block;
    width: auto !important;
    max-width: 80% !important;
    height: auto;
    overflow: hidden;
}

.featuredImgPost iframe{
    margin: 0px auto;
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto;
}


/*START STYLING POSTS */

/*.single-post strong, b, i{
    font-weight: normal;
}*/

span {
    color: inherit;
}
  
.postSortItem a{
    color:black;
    text-decoration: none;
}

.single-post a{
    color:black;
    text-decoration: underline;
}

.single-post p:first-child { 
    margin-top: 0px;}
    
.fulljustify {
    text-align: justify;
    margin: 0;
    margin-top: -8px;
    line-height: 0px !important;
}

.fulljustify:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.date {
    margin: 0;
}

/* TEXT ALL */

h1, h2, h3, h4 {
    font-family: inherit;
    font-size: 100%;
    font-weight: normal;
    margin-top: 1em;
    border-top: inherit;
    border-bottom: inherit;
    text-transform: uppercase;
}

h5, h6 {
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 1px;
}

hr {
  border: none;
  border-top: 1px solid black;
}

blockquote {
  font-size: 80%;
}

/*COLUMNS*/

.colonge  {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;  

    -webkit-column-rule: 1px solid black;
    -moz-column-rule: 1px solid black;
    column-rule: 1px solid black;
}

.aesthetics .colonge {
    -webkit-column-rule: 6px inset honeydew;
    -moz-column-rule: 6px inset honeydew;
    column-rule: 6px inset honeydew;
}

.time .colonge {
    -webkit-column-rule:1px dotted black;
    -moz-column-rule: 1px dotted black;
    column-rule: 1px dotted black;
}

.politics .colonge {
    -webkit-column-rule: 2px solid black;
    -moz-column-rule: 2px solid black;
    column-rule: 2px solid black;
}

.locative .colonge {
    -webkit-column-rule: 3px ridge silver;
    -moz-column-rule: 3px ridge silver;
    column-rule: 3px ridge silver;
}

.funding .colonge {
    -webkit-column-rule: 1px dashed black;
    -moz-column-rule: 1px dashed black;
    column-rule: 1px dashed black;
}

.game .colonge  {
    -webkit-column-rule: 8px ridge gainsboro;
    -moz-column-rule: 8px ridge gainsboro;
    column-rule: 8px ridge gainsboro;
}

.about .colonge  {
    -webkit-column-rule: 1px dotted honeydew;
    -moz-column-rule: 1px dotted honeydew;
    column-rule: 1px dotted honeydew;
}

/* HEADINGS */

h1, h2, h3, h4 {
}

/*
.aesthetics h1, .aesthetics h2, .aesthetics h3, .aesthetics h4 {
    padding-bottom: 5px;
    border-bottom: 5px inset honeydew !important;
}

.time h1, .time h2, .time h3, .time h4 {
    border-bottom: 1px dotted black !important;
    padding-bottom: 5px;
}

.politics h1, .politics h2, .politics h3, .politics h4 {
    border-bottom: 2px solid black !important;
    padding-bottom: 5px;
}

.locative h1, .locative h2, .locative h3, .locative h4 {
    border-bottom: 3px ridge silver !important;
    padding-bottom: 5px;
}

.funding h1, .funding h2, .funding h3, .funding h4 {
    border-bottom: 1px dashed black !important;
    padding-bottom: 5px;
}

.game h1, .game h2, .game h3, .game h4 {
    border-bottom: 8px ridge gainsboro !important;
    padding-bottom: 5px;
}*/

/* TYPES AND STYLES */

  /*TYPE
  Twitter*/

/* tweets ul */
.tweets {
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.tweets li:first-child {
  margin-top: 0 !important;
}

.tweets hr {
  border: none;
  margin-top: 0;
}

.twitter .single-post h3 {
  display: none;
}

/*.twitter .date, .twitter br {
    display: none;
}

.twitter .fulljustify {
    display: block;
}
*/


  /*TYPES
  Discussion
  Research*/
  
.discussion .post-link {
    font-family: texgyrescholaregular;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: normal;
    font-variant: normal;
    line-height: 29px;
}

.discussion .single-post{
    font-family: texgyrescholaregular;
    font-weight: normal;
    font-size: 16px;
    font-variant: normal;
    color: black;
    line-height: 26px;
}

/**/

.research .post-link {
    font-family: texgyrescholabold;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: normal;
    font-variant: normal;
    line-height: 29px;
}

.research .single-post {
    font-family: texgyrescholaregular;
    font-weight: normal;
    font-size: 16px;
    font-variant: normal;
    color: black;
    line-height: 26px;
}


  /*TYPES
  Exhibition
  Conference*/

.exhibition .post-link{
    letter-spacing: 5px;
    font-weight: normal;
    font-size: 21px;
    font-family: texgyreadventorbold;
    line-height: 25px;
}

.exhibition .single-post{
    font-weight: normal;
    font-variant: normal;
    color: black;
    font-family: arial;
    font-size: 17px;
    line-height: 24px;
}

/**/

.conference .post-link{
    font-variant: small-caps; 
    letter-spacing: 2px;
    font-weight: normal;
    font-size: 26px;
    font-family: texgyreadventorbold;
    line-height: 26px;
}

.conference .single-post{
    font-weight: normal;
    font-variant: normal;
    color: black;
    font-family: arial;
    line-height: 24px;
    font-size: 17px;
}


  /*TYPES
  Interview
  Publication
  News
  */

.interview .post-link {
    font-family: anonymous pro;
    font-size: 22px;
    font-weight: normal;
    font-variant: normal;
    line-height: 24px;
    letter-spacing: 0px !important;
}

.interview .single-post{
    font-family: anonymous pro;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

/**/

.publication .post-link {
    font-family: anonymous pro;
    font-size: 21px;
    font-weight: normal;
    font-variant: normal;
    line-height: 24px;
    letter-spacing: 2px;
}

.publication .single-post {
    font-family: anonymous pro;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

/**/

.news-3 .post-link{
    font-family: anonymous pro;
    font-size: 29px;
    font-weight: normal;
    font-variant: small-caps;
    letter-spacing: 0px !important;
}

.news-3 .single-post{
    font-family: anonymous pro;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
}


  /*TYPE
  About*/

.about .post-link {
    font-family: anonymous pro;
    font-size: 20px;
    font-weight: normal;
    font-variant: normal;
    line-height: 24px;
    letter-spacing: 4px;
    color: white !important;
}

.about .single-post{
    font-weight: normal;
    font-variant: normal;
    font-size: 16px;
    color: white;
    font-family: anonymous pro;
    line-height: 24px;
}

.about .single-post a {
    color: white !important;
    text-decoration: underline !important;
}

.about {
    background-color: dimgray;
    border: 1px dotted honeydew;
    color: white !important;
}


  /*TYPE
  Artist in Residence*/

.artist-in-residence .post-link {
    font-family: Open Sans Condensed;
    font-size: 32px;
    letter-spacing: 4px;
    color: black !important;
    text-transform: uppercase;
    line-height: 34px;
}

.artist-in-residence .single-post{
    font-weight: normal;
    font-variant: normal;
    font-size: 17px;
    color: black;
    font-family: arial;
    line-height: 24px;
}

.artist-in-residence .single-post a {
    color: black !important;
    text-decoration: underline !important;
}


  /*TYPES
  Screening/Performance*/

.screening .post-link, .performance .post-link {
    font-family: texgyreadventorregular;
    font-size: 22px;
    letter-spacing: 1px;
    color: black !important;
    text-transform: uppercase;
    line-height: 28px;
}

.screening .single-post, .performance .single-post{
    font-weight: normal;
    font-variant: normal;
    color: black;
    font-family: arial;
    font-size: 17px;
    line-height: 24px;
}

.screening .single-post a, .performance .post-link a{
    color: black !important;
    text-decoration: underline !important;
}


  /*TYPES
  Festival/Workshop/Masterclass*/

.festival .post-link, .workshop .post-link, .masterclass .post-link   {
    font-family: Open Sans Condensed;
    font-size: 26px;
    color: black !important;
    font-variant: small-caps;
    font-weight: bold;
}

.festival .single-post, .workshop .single-post, .masterclass .single-post {
    font-weight: normal;
    font-variant: normal;
    font-size: 17px;
    color: black;
    font-family: arial;
    line-height: 24px;
}

.festival .single-post a, .workshop .single-post a, .masterclass .single-post a {
    color: black !important;
    text-decoration: underline !important;
}


  /*THEMES
  background-color*/
  

.software {
    background-color: gainsboro;
}
.preservation {
    background-color: lightgoldenrodyellow  ;
}
.documentation {
    background-color: none;
}
.narrative{
    background-color: orange;
}
.fun{
    background-color: tan;
}
.sound {
    background-color: pink;
}
.internet {
    background-color: mediumseagreen;
}


  /*THEMES
  border*/


.aesthetics {
    border: 5px inset honeydew !important;
}


.time {
    border: 1px dotted black !important; 
}

.politics {
    border: 2px solid black !important; 
}

.locative {
    border: 3px ridge silver !important; 
}

.funding {
    border: 1px dashed black !important;
}

.game {
    border: 8px ridge gainsboro  !important;
}


/* WIDTH OF POSTS */


#sortResults .exhibition {
  width: 250px;
}

#sortResults .artist-in-residence {
  width: 300px;
}

#sortResults .discussion {
  width: 350px;
}


/*#sortResults .annet {
    width: 250px;
}

#sortResults .annette {
    width: 350px;
}*/


/* LOADING POSTS*/

.loading{
      position: absolute !important;
      line-height: 0px !important;
      float: right !important;
      text-align: center !important;

      top:0px;
      left: 0px;

      padding-right: 5px !important;
      padding-left: 5px !important;
      
      width: 100%;

      height: 100% !important;
      margin: 0px !important;
      background-color: black !important;
}

.loadingP p, .loadingP a{
      color: white !important;
      font-family: anonymous pro !important;
      font-size: 16px !important;
      font-weight: normal !important;
      font-variant: normal;
}

.loading p{
  position: relative;
  top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
      margin-top: 1px;
}



.titleMenu{
  display: block;
  position: absolute;
  width: 100%;
  background-color: black;
  display: none;
  float: left;
  height: 1px;
  z-index: 10000;
}

.titleMenu a{
  color: white !important;
  width: 50%;
  display: block;
  text-align: center;
}

.titleMenu a:nth-child(even){
  float: right; 
  border-left: 1px solid white;
}

.titleMenu a:nth-child(odd){
  float: left;
  font-size: 20px !important;
}

.dateSingle{
  display: none;
}

.singleTitle{
  display: none;
}

.postInfoSingle{
  display: none;
}

.twitter .postSortItemResultWrapper {
    /*max-height: 200px !important;*/
    height: 600px !important;
}

.postInfoSingleTitle {
  display: none;
}

.postExcerptLink{
  display: none;
}

.postExcerpt{
  display: inline;
}

/*.fancybox-title{
  display: block !important;
  font-family: anonymous pro;
  font-size: 15px;
  line-height: 19px;
}
*/

fancybox-inner{
  border: 0px !important;
}


.wp-caption-text{
    font-family: anonymous pro;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:800px) {

/* X */
#filters{
  overflow-y:auto;
}


.fancybox-opened {
/*z-index: 9999999999999999999;*/
}



#sortArea {
/*    overflow-y: scroll;*/
    overflow-x: hidden;
}

.postSortItem {
    width: 90% !important;
    padding: 10px;
    margin-left: 5%;
    margin-top: 5px;
/*    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;*/
}

.postSortItemResultWrapper {
    max-height: 100% !important;
    position: relative;
    width: auto;
    overflow-y: auto;
    display: none;
    overflow-x: hidden;
    padding: 10px !important;
}

.twitter .postSortItemResultWrapper {
    max-height: 50% !important;
}

.single-post-l{
    width: 100% !important;
}

.single-post-m{
    width: 100% !important;
}

.single-post-s{
    width: 100% !important;
}

.single-post-xs{
    width: 100% !important;
}

.post-link{
    width: 100% !important;
}

.fixedHeaderLink{
    padding: 10px !important;
}

.single-post img {
    max-width: 90% !important;
}


/* Columns */

.colonge  {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;  

    -webkit-column-rule: 1px solid black;
    -moz-column-rule: 1px solid black;
    column-rule: 1px solid black;
}


/* Header Fonts */

.discussion .post-link {
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 22px;
}

.research .post-link {
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 22px;
}

.exhibition .post-link{
    letter-spacing: 5px;
    font-size: 17px;
    line-height: 20px;
}

.conference .post-link{
    letter-spacing: 2px;
    font-size: 21px;
    line-height: 21px;
}

.interview .post-link {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 0px !important;
}

.publication .post-link {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 2px;
}

.news-3 .post-link{
    font-size: 24px;
    letter-spacing: 0px !important;
}

.about .post-link {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 4px;
}

.artist-in-residence .post-link {
    font-size: 25px;
    letter-spacing: 4px;
    line-height: 27px;
}

.screening-performance .post-link {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 22px;
}

.festival-workshop-masterclass .post-link {
    font-size: 21px;
}

/* Paragraph Font-size */

/*TYPES
  Discussion
  Research*/
  
.discussion .single-post, .research .single-post {
    font-size: 13px;
    line-height: 20px;
}

.exhibition .single-post, .conference .single-post, .artist-in-residence .single-post, .screening-performance .single-post, .festival-workshop-masterclass .single-post {
    font-size: 14px;
    line-height: 21px;
}

.interview .single-post, .publication .single-post, .news-3 .single-post, .about .single-post, .twitter .single-post {
    font-size: 14px !important;
    line-height: 20px !important;
}