body:not(.no-filter) .galery .galery__img,
.section__trigger--input,
.album__item
{
    display:none;
}

.section__trigger--input:checked[data-for="album--all"]~header+main .galery__img,
.section__trigger--input:checked[data-for="album--all"]~header+main .album__item,
.section__trigger--input:checked[data-for="album--animals"]~header+main [data-for="album-animals"],
.section__trigger--input:checked[data-for="album--accro"]~header+main [data-for="album-accro"],
.section__trigger--input:checked[data-for="album--beach"]~header+main [data-for="album-beach"],
.section__trigger--input:checked[data-for="album--bribri"]~header+main [data-for="album-bribri"],
.section__trigger--input:checked[data-for="album--pool"]~header+main [data-for="album-pool"],
.section__trigger--input:checked[data-for="album--waterfall"]~header+main [data-for="album-waterfall"],
.section__trigger--input:checked[data-for="album--travel"]~header+main [data-for="album-travel"],
.section__trigger--input:checked[data-for="album--events"]~header+main [data-for="album-events"],
.section__trigger--input:checked[data-for="album--day1"]~header+main [data-for="album-day1"],
.section__trigger--input:checked[data-for="album--day2"]~header+main [data-for="album-day2"],
.section__trigger--input:checked[data-for="album--day3"]~header+main [data-for="album-day3"],
.section__trigger--input:checked[data-for="portfolio--all"]~header+main .galery__img,
.section__trigger--input:checked[data-for="portfolio--events"]~header+main [for="events-descripton"],
.section__trigger--input:checked[data-for="portfolio--animals"]~header+main [for="animals-descripton"],
.section__trigger--input:checked[data-for="portfolio--portrait"]~header+main [for="portrait-descripton"]
{
   display:block;
}

.section__trigger--input:checked[data-for="portfolio--portrait"]~header+main [data-for="portfolio-events"],
.section__trigger--input:checked[data-for="portfolio--portrait"]~header+main [data-for="portfolio-portrait"],
.section__trigger--input:checked[data-for="portfolio--events"]~header+main [data-for="portfolio-animals"],
.section__trigger--input:checked[data-for="portfolio--events"]~header+main [data-for="portfolio-portrait"],
.section__trigger--input:checked[data-for="portfolio--animals"]~header+main [data-for="portfolio-events"],
.section__trigger--input:checked[data-for="portfolio--animals"]~header+main [data-for="portfolio-portrait"]
{
display:none;
}


.section__trigger--input:checked[data-for="portfolio--portrait"]~header+main [data-for="portfolio-portrait"],
.section__trigger--input:checked[data-for="portfolio--events"]~header+main [data-for="portfolio-events"],
.section__trigger--input:checked[data-for="portfolio--animals"]~header+main [data-for="portfolio-animals"]
{
display:inline-block;
}


.section__trigger--input:checked[data-for="album--all"]~header [for="all"],
.section__trigger--input:checked[data-for="album--animals"]~header [for="animals"],
.section__trigger--input:checked[data-for="album--accro"]~header [for="accro"],
.section__trigger--input:checked[data-for="album--beach"]~header [for="beach"],
.section__trigger--input:checked[data-for="album--bribri"]~header [for="bribri"],
.section__trigger--input:checked[data-for="album--pool"]~header [for="pool"],
.section__trigger--input:checked[data-for="album--waterfall"]~header [for="waterfall"],
.section__trigger--input:checked[data-for="album--all"]~header.border-color4 [for="all"],
.section__trigger--input:checked[data-for="album--travel"]~header [for="travel"],
.section__trigger--input:checked[data-for="album--events"]~header [for="events"],
.section__trigger--input:checked[data-for="album--day1"]~header [for="day1"],
.section__trigger--input:checked[data-for="album--day2"]~header [for="day2"],
.section__trigger--input:checked[data-for="album--day3"]~header [for="day3"],
.section__trigger--input:checked[data-for="portfolio--all"]~header [for="all"],
.section__trigger--input:checked[data-for="portfolio--portrait"]~header+main [for="portrait"],
.section__trigger--input:checked[data-for="portfolio--events"]~header+main [for="events"],
.section__trigger--input:checked[data-for="portfolio--animals"]~header+main [for="animals"]
{
   background-color: #a02786;
   color:white;
}


/* HOME PAGE TEST.PHP - ANIMATION TEST */
.has-hover-trigger__container-elem2
{
	top:75%;
}

.has-hover-trigger__container-elem1
{
	height: 0;
    opacity:0;
}

a[data-for="section-0"]:hover ~ main #section-0 .has-hover-trigger__container-elem1,
a[data-for="section-1"]:hover ~ main #section-1 .has-hover-trigger__container-elem1,
a[data-for="section-2"]:hover ~ main #section-2 .has-hover-trigger__container-elem1,
a[data-for="section-3"]:hover ~ main #section-3 .has-hover-trigger__container-elem1
{
    opacity:0.75;
	height:100%;
}

a[data-for="section-0"]:hover ~ main #section-0 .bg-black.has-hover-trigger__container-elem1,
a[data-for="section-1"]:hover ~ main #section-1 .bg-black.has-hover-trigger__container-elem1,
a[data-for="section-2"]:hover ~ main #section-2 .bg-black.has-hover-trigger__container-elem1,
a[data-for="section-3"]:hover ~ main #section-3 .bg-black.has-hover-trigger__container-elem1
{
    opacity:0.25;
}


a[data-for="section-0"]:hover ~ main #section-0 .has-hover-trigger__container-elem2,
a[data-for="section-1"]:hover ~ main #section-1 .has-hover-trigger__container-elem2,
a[data-for="section-2"]:hover ~ main #section-2 .has-hover-trigger__container-elem2,
a[data-for="section-3"]:hover ~ main #section-3 .has-hover-trigger__container-elem2
{

    top: 40%;
}


a[data-for="section-0"]:hover ~ main #section-0 .has-hover-trigger__container-elem2 .opacity-0,
a[data-for="section-1"]:hover ~ main #section-1 .has-hover-trigger__container-elem2 .opacity-0,
a[data-for="section-2"]:hover ~ main #section-2 .has-hover-trigger__container-elem2 .opacity-0,
a[data-for="section-3"]:hover ~ main #section-3 .has-hover-trigger__container-elem2 .opacity-0
{
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1
}


a[data-for="section-0"]:hover ~ main #section-0 h2.text-xl,
a[data-for="section-1"]:hover ~ main #section-1 h2.text-xl,
a[data-for="section-2"]:hover ~ main #section-2 h2.text-xl,
a[data-for="section-3"]:hover ~ main #section-3 h2.text-xl

{
   font-size: 3.6em;
}


.has-custom-border{
	border-width:6px;
	border-style:double;
	border-color:transparent;
}


a[data-for="section-0"]:hover ~ main #section-0 .has-custom-border
{
	border-color:#40a945;
}

a[data-for="section-1"]:hover ~ main #section-1 .has-custom-border
{
	border-color:#009688;
}

a[data-for="section-2"]:hover ~ main #section-2 .has-custom-border
{
	border-color:#3f51b5;
}

a[data-for="section-3"]:hover ~ main #section-3 .has-custom-border
{
border-color:#a02786;
}


a[data-for="section-0"]:hover ~ main #section-0 h2
{
	text-shadow: 1px 6px 1px #40a945;
}

a[data-for="section-1"]:hover ~ main #section-1 h2
{
	text-shadow: 1px 6px 1px #009688;
}

a[data-for="section-2"]:hover ~ main #section-2 h2
{
	text-shadow: 1px 6px 1px #3f51b5;
}

a[data-for="section-3"]:hover ~ main #section-3 h2
{
	text-shadow: 1px 6px 1px #a02786;
}


/* ME */
a[data-for="section-0"]:hover,
a[data-for="section-0"]:hover ~ main #section-0
{
	width:50%;
}

a[data-for="section-0"]:hover ~ main #section-1,
a[data-for="section-0"]:hover ~ main #section-2,
a[data-for="section-0"]:hover ~ main #section-3
{
	width:16.6666667%;
}

a[data-for="section-0"]:hover ~ main #section-1 .has-hover-trigger__container-elem2,
a[data-for="section-0"]:hover ~ main #section-2 .has-hover-trigger__container-elem2,
a[data-for="section-0"]:hover ~ main #section-3 .has-hover-trigger__container-elem2
{
	opacity:0;
}

a[data-for="section-0"]:hover ~ main #section-1
{
	left:50%;
}
a[data-for="section-0"]:hover ~ main #section-2
{
	left:66.66666667%;
}
a[data-for="section-0"]:hover ~ main #section-3
{
	left:83.33333333333%;
}



/* PROFESSIONEL */
a[data-for="section-1"]:hover,
a[data-for="section-1"]:hover ~ main #section-1
{
	left:16.6666667%;
	width:50%;
}
a[data-for="section-1"]:hover ~ main #section-0,
a[data-for="section-1"]:hover ~ main #section-2,
a[data-for="section-1"]:hover ~ main #section-3
{
	width:16.6666667%;
}

a[data-for="section-1"]:hover ~ main #section-0 .has-hover-trigger__container-elem2,
a[data-for="section-1"]:hover ~ main #section-2 .has-hover-trigger__container-elem2,
a[data-for="section-1"]:hover ~ main #section-3 .has-hover-trigger__container-elem2
{
	opacity:0;
}


a[data-for="section-1"]:hover ~ main #section-2
{
	left:66.666667%;
}
a[data-for="section-1"]:hover ~ main #section-3
{
	left:83.33333333333%;
}



/* PROJETS */
a[data-for="section-2"]:hover,
a[data-for="section-2"]:hover ~ main #section-2
{
    left: 33.3333333%;
	width:50%;
}

a[data-for="section-2"]:hover ~ main #section-0,
a[data-for="section-2"]:hover ~ main #section-1,
a[data-for="section-2"]:hover ~ main #section-3
{
	width:16.6666667%;
}

a[data-for="section-2"]:hover ~ main #section-0 .has-hover-trigger__container-elem2,
a[data-for="section-2"]:hover ~ main #section-1 .has-hover-trigger__container-elem2,
a[data-for="section-2"]:hover ~ main #section-3 .has-hover-trigger__container-elem2
{
	opacity:0;
}

a[data-for="section-2"]:hover ~ main #section-1
{
	left:16.66666666667%;
}

a[data-for="section-2"]:hover ~ main #section-3{
	left:83.3333333%;
}



/* PHOTOGRAPHIES */

a[data-for="section-3"]:hover,
a[data-for="section-3"]:hover ~ main #section-3
{
	left:50%;
	width:50%;
}

a[data-for="section-3"]:hover ~ main #section-0,
a[data-for="section-3"]:hover ~ main #section-1,
a[data-for="section-3"]:hover ~ main #section-2
{
	width:16.6666667%;
}

a[data-for="section-3"]:hover ~ main #section-0 .has-hover-trigger__container-elem2,
a[data-for="section-3"]:hover ~ main #section-1 .has-hover-trigger__container-elem2,
a[data-for="section-3"]:hover ~ main #section-2 .has-hover-trigger__container-elem2
{
	opacity:0;
}

a[data-for="section-3"]:hover ~ main #section-1
{
	left:16.66666666667%;
}
a[data-for="section-3"]:hover ~ main #section-2
{
	left:33.333333333%;
}


.custom-black-gradient
{
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.75) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


/* PHOTGRAPHY SECTION - ANIMATION TEST */

a.has-hover-trigger__container:hover .has-custom-border
{
	border-color: #a02786;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1
}

a.has-hover-trigger__container:hover .has-transition.opacity-0.height-0
{
	height:100%;
	-webkit-opacity:0.55;
	-moz-opacity:0.55;
	-ms-opacity:0.55;
	-o-opacity:0.55;
	opacity:0.55;
}

a.has-hover-trigger__container:hover button
{
	background:white;
	color: #a02786;
font-size:1em;
}

a.has-hover-trigger__container:hover .text-lg
{
	font-size: 1.8em;
	text-shadow: 1px 6px 1px #a02786;
}

@media (-moz-touch-enabled: 1), (pointer:coarse) {

a.has-hover-trigger__container .has-custom-border
{
	border-color: #a02786;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	opacity:1
}

a.has-hover-trigger__container .has-transition.opacity-0.height-0
{
	height:100%;
	-webkit-opacity:0.45;
	-moz-opacity:0.45;
	-ms-opacity:0.45;
	-o-opacity:0.45;
	opacity:0.45;
}

a.has-hover-trigger__container button
{
	background:white;
	color: #a02786;
    font-size:1.1em;
}

a.has-hover-trigger__container .text-lg
{
	font-size: 2em;
	text-shadow: 1px 6px 1px #a02786;
}

}