/*page sections (full width/height sections)*/
section{
  max-width:1200px;
  margin:0 auto;
  /* padding:4rem 40px; */
  padding:5rem;
  overflow:hidden;
}
section.full-section{
  min-height:100vh;
  /* padding:0; */
}


/***************/
/*portfolio sections, general*/
main{

}
main section:nth-child(n + 6){
  /* display:none; */
  /* opacity:0; */
}
main section{
  opacity:1;
  transition:.15s;
}

.item-images-container{
  position:relative;
}
.item-images-container img{
  max-width:100%;
}
section:nth-child(odd) .item-description-container,
section:nth-child(even) .item-images-container{
  order:2;
}
section:nth-child(even) .item-description-container,
section:nth-child(odd) .item-images-container{
  order:1;
  padding-right:40px;
}
.item-badges-container{
  text-transform:capitalize;
}
.filter-row{
  gap:10px;
  /* margin-bottom:20px; */
}

/*standard mobile styles*/
@media only screen and (max-width:750px){
  section{
    /* padding:25px; */
    padding: 4rem 1rem;
  }
}
/*tablet sizing*/
@media only screen and (max-width: 865px){
  section{
    flex-wrap:wrap;
  }
  section:nth-child(odd) .item-images-container,
  section:nth-child(even) .item-images-container{
    flex:none;
    margin-bottom:40px;
    padding:0;
    order:1;
  }
  section:nth-child(odd) .item-description-container,
  section:nth-child(even) .item-description-container,
  .item-description-container:first-child,
  .item-description-container:last-child{
    order:2;
    padding:0;
  }
  #photography .item-description-container{
    order:1!important;
  }
}


/*filter projects*/
@media only screen and (max-width:650px){
  #filter-links-container{
    flex-wrap:wrap;
  }
  #filter-links-container .icon-link-container{
    width:50%;
  }
}

/*************/
/*sorting portfolio items styles*/
section[data-filter~="photography"]{
  display:none;
}
div.show-photo + section[data-filter~="photography"]{
  display:flex;
}


/***************/
/*portfolio sections, specific styles*/
.item-images-container img{
  background-color:var(--site-background-color);
}

/*more about me section*/
.about-pics-container{
  position:relative;
}
#more-about-me .picture-container img{
  /* oslo image */
  width:250px;
}

/*pixel planet*/
#pixel-planet-today img{
  width:275px;
}

#wasted-space img{
  width:275px;
}

/* ncbvi */
#ncbvi img{
  width:275px;
}

/*undergrad research*/
#undergraduate-research img{
  width:420px;
}

/*eva*/
#eva img{
  width:420px;
}

/* ne sheds */
#ne-sheds img{
  width:420px;
}

/*bcm*/
#bcm img{
  width:350px;
}

/*glitch section*/
#glitch img{
  width:400px;
}

/*startup week section*/
#startup-week img{
  width:400px;
}

/* byteOS: Notes */
#byteos-notes img{
  width:275px;
  background-color:#333333;
}

/*******************/
/*photography section*/
#photography .mosaic-gallery{
  margin:40px 0;
}
#photography .mosaic-gallery img{
  max-height:250px;
  max-width:100%;
  /* margin:0 auto 40px auto; */
  margin-bottom:40px;
}
@media only screen and (max-width:1160px){
  #photography .mosaic-gallery img{
    margin:0 auto 40px auto;
  }
}

/*photography slideshow section*/
#photography-slideshow{
  padding:40px;
  position:relative;
  display:none;
}
#photography-slideshow[data-page="1"] .photo-gallery-thumb:nth-child(-n+3){
  display:block;
}
#photography-slideshow[data-page="2"] .photo-gallery-thumb:nth-child(n+4):nth-child(-n+7){
  display:block;
}
#photography-slideshow[data-page="3"] .photo-gallery-thumb:nth-child(n+7):nth-child(-n+10){
  display:block;
}

/*slideshow arrows*/
.arrow-link.icon-link{
  position:absolute;
  top:calc(50% - 10px);
  height:30px;
  width:30px;
}
.left-arrow.icon-link{
  left:10px;
  border-top:5px solid currentColor;
  border-left:5px solid currentColor;
  transform:rotate(-45deg);
}
.right-arrow.icon-link{
  right:10px;
  border-top:5px solid currentColor;
  border-right:5px solid currentColor;
  transform:rotate(45deg);
}

.left-arrow.icon-link:hover{
  left:10px;
  border-top:5px solid currentColor;
  border-left:5px solid currentColor;
  transform:rotate(-45deg);
}
.right-arrow.icon-link{
  right:10px;
  border-top:5px solid currentColor;
  border-right:5px solid currentColor;
  transform:rotate(45deg);
}

/*photography items*/
#photography .slideshow .photo-gallery-thumb{
  /* max-height:250px; */
  /* margin-bottom:40px; */
  display:none;
  background-color:var(--accent-color);
  width:30%;
  max-width:280px;
  height:250px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}
#up-img-thumb{
  background-image:url("../img/up-resized.jpg");
}
#krakow-img-thumb{
  background-image:url("../img/krakow.webp");
}
#nebraskasunset-img-thumb{
  background-image:url("../img/nebraskasunset-resized.jpg");
}

#bladesofgreen-img-thumb{
  background-image:url("../img/bladesofgreen.webp");
}
#apalebeach-img-thumb{
  background-image:url("../img/apalebeach.webp");
}
#embers-img-thumb{
  background-image:url("../img/embers-resized.jpg");
}

#eightysblues-img-thumb{
  background-image:url("../img/80sBlues.webp");
}
/* #up-img-thumb{
  background-image:url("../img/up-resized.jpg");
}
#up-img-thumb{
  background-image:url("../img/up-resized.jpg");
} */
/*photoslideshow micro-manage responzive styles*/
/* @media only screen and (max-width:880px){
  #photography-section .slideshow{
    padding:25px;
  }
  #photography-section .slideshow .photo-gallery-thumb{
    height:150px;
  }
}
@media only screen and (max-width:560px){
  #photography-section .slideshow{
    padding:10px;
  }
  #photography-section .slideshow .photo-gallery-thumb{
    height:150px;
  }
} */



/***********/
/*show more section*/
.button-container{
	padding:40px;
}



/***********/
/*Get In Touch/Contact section*/
/* @media only screen and (max-width:650px){
  #contact-links-container{
    flex-wrap:wrap;
  }
  .contact-link-container{
    width:50%;
  }
  #contact-links-container .icon-link-tooltip{
    display:none;
  }
} */


/* OVERWRITES */
/* dark theme */
@media (prefers-color-scheme: dark) {
  /* transparent logo images... */
  #bcm img,
  #ncbvi img{
    background-color:var(--base-white);
  }
}