@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900");
@import url(main.css);

/* Added code TEJ 9/29/20*/


.carousel-wrapper{
  height:400px;
  position:relative;
  width:800px;
  margin:0 auto;
}
.carousel-item{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  padding:25px 50px;
  opacity:0;
  transition: all 0.5s ease-in-out;
}
.arrow{
  border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 12px;
}

.arrow-prev{
  left:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(135deg);
}
 
.arrow-next{
    right:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  }

.light{
  color:white;
}

@media (max-width: 480px) {
      .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }
    }

/*Select every element*/
[id^="item"] {
    display: none;
  }

.item-1{
background:url('/about/portfolio/images/decor/000-image.png');
	 z-index:2;
 opacity: 1;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-2{
background:url('/about/portfolio/images/decor/59081065027__BC9C063A-A482-4C95-A71E-5795B947EF98.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-3{
background:url('/about/portfolio/images/decor/59147731422__07E4E246-50FE-4AB7-A7F8-8C70880713A2.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-4{
background:url('/about/portfolio/images/decor/59147894640__42CB912D-336E-4B3E-8C13-6FC16C3390D0.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-5{
background:url('/about/portfolio/images/decor/59148657101__6ABE23BA-8167-4F26-8C68-4B2512BB9602.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-6{
background:url('/about/portfolio/images/decor/59148786038__10A8DB35-7DB3-4091-89CE-BE8D5580AC85.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-7{
background:url('/about/portfolio/images/decor/59149780934__5F8505C9-6917-4C2A-88C1-D3C383552EE4.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-8{
background:url('/about/portfolio/images/decor/61533316518__F8EC8A14-1CAF-4E96-A5DD-1F97A6FECFEF.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-9{
background:url('/about/portfolio/images/decor/61533713283__9DDD16AA-ED30-4F8C-BBCA-345DF518D940.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-10{
background:url('/about/portfolio/images/decor/62102633562__AF8FD4F9-316C-4AAC-B8C8-CFA1645CC0BC.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-11{
background:url('/about/portfolio/images/decor/62103722177__FA0B5BD1-EFCE-4E36-A026-3D40A3780C02.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-12{
background:url('/about/portfolio/images/decor/IMG_1696.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-13{
background:url('/about/portfolio/images/decor/IMG_1701.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-14{
background:url('/about/portfolio/images/decor/IMG_1905.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-15{
background:url('/about/portfolio/images/decor/IMG_2962.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-16{
background:url('/about/portfolio/images/decor/IMG_2963.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-17{
background:url('/about/portfolio/images/decor/IMG_2964.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-18{
background:url('/about/portfolio/images/decor/IMG_2965.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-19{
background:url('/about/portfolio/images/decor/IMG_2966.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

.item-20{
background:url('/about/portfolio/images/decor/IMG_3373.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}

*:target ~ .item-1 {
 opacity: 0;
 }

#item-1:target ~ .item-1 {
 opacity: 1;
 }

#item-2:target ~ .item-2, #item-3:target ~ .item-3, #item-4:target ~ .item-4, #item-5:target ~ .item-5, #item-6:target ~ .item-6, #item-7:target ~ .item-7, #item-8:target ~ .item-8, #item-9:target ~ .item-9, #item-10:target ~ .item-10, #item-11:target ~ .item-11, #item-12:target ~ .item-12, #item-13:target ~ .item-13, #item-14:target ~ .item-14, #item-15:target ~ .item-15, #item-16:target ~ .item-16, #item-17:target ~ .item-17, #item-18:target ~ .item-18, #item-19:target ~ .item-19, #item-20:target ~ .item-20 {
	 z-index: 3;
	 opacity: 1;
}