/** PROJECTS CSS **/

/** Categories **/

.projects .categories_title .row{
    flex-wrap : unset; 
    justify-content: center;
}

.projects .categories_title .row li{
    width: auto;
    list-style: none;
    margin: 2rem 0 3rem;
    padding-left : 1.25rem;
    padding-right: 1.25rem;
}

.projects .categories_title .row li a{
    font-family: var(--f-light);
    font-weight: 300;
    font-size: 0.88rem;
    color: var(--bs-gray-main);
    text-transform: uppercase;
    letter-spacing: 2px;
}

.projects .categories_title .row li.current-cat a,
.projects .categories_title .row li:hover a {
    font-weight : 900;
    color: #29323a;
}
/** ---------- **/




.projects {
    padding : 0 0 4rem;
}
.projects h2, .projects .h2  {
    font-family : 'HeliosCondBlackC';
    font-size : 2.25rem;
    font-weight : 900;
    line-height : 1;
}

.projects .project{
    padding : 2.5rem 0;
    margin-bottom : 8rem;
}

.projects h3, .projects .h3 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.9;
    padding-bottom: 1rem;
    text-transform: uppercase;
}
.project .image {
    padding : 0;
    margin-bottom : 1.5rem;
    overflow : hidden;
}

.project .image img{
    transition-duration: 0.5s;
    width : 100%;
    aspect-ratio: 4/3;
}
.project .image:hover img {
    transform : scale(1.1);
}

.project .corner {
    min-height : 4rem;
}
.project .corner:after {
    content : '';
    position : absolute;
    top : 0;
    right : 0;
    width : 4rem;
    height : 4rem;
    border-color : #4b4c4c;
    border-width : 1px 1px 0 0; 
    border-style : solid;    
}

.project .details {
    font-family : default;
    font-size : 0.75rem;
    letter-spacing: 2px;
}

.project .subtitle {
    font-family : var(--f-helios);
    position : relative;
    margin-top : 3rem;
    margin-bottom : 0;
    padding-left : 2.5rem;
}

.project h3:before {
    content : '';
    position : absolute;
    bottom : 0;
    left : 0;
    width : 6rem;
    height : 6rem;
    border-color : #4b4c4c;
    border-width : 0 0 1px 1px; 
    border-style : solid;
}

.project .discription {
    font-size : 1.75rem;
    position: absolute;
    bottom: -1.75rem;
    left: 6.5rem;
}

.project .excerpt {
    font-family : default;
    font-size : 1.5rem;
    line-height : 1.1;
    margin-top : 4rem;
    
}
.project .project_url {
    margin-top : 1.5rem;
    text-align : end;
}
.project .project_url a{
    color : var(--bs-gray-main);
    font-family : var(--f-light);
    font-size : 0.875rem;
    letter-spacing : 2px;
    text-transform : uppercase;
    border-bottom : 1px solid var(--bs-gray-main);

}

/* Single Projects */

.single-projects h1 {
    margin-top : 3.25rem;
    margin-bottom : 1.375rem;
    text-transform : none;
}

.single-projects section {
    margin-bottom : 0;
} 

.single-projects .site-content > .container:first-child {
    display : none;
}
.about {
    padding : 5rem 0;
    background-color : #f6f6f6;
}
.about .text {
    font-family : var(--f-light);
    font-size: 1.625rem;
    line-height: 1;
}
.about .text p{
    margin-bottom : 2rem;
}
.about .details  {
    font-family : var(--f-light);
    font-size : 1rem;
    letter-spacing : 1px;
    line-height : 1.7
}
/*
.about .details .row > .col:first-child {
    padding : 0;
}*/

.about h3, .about .h3 {
    font-size: 4rem;
    font-weight: 700;
    line-height: 0.9;
    padding-bottom: 1rem;
    text-transform: none;
    margin-bottom : 0;
}

.about .subtitle {
    font-family : 'HeliosCondBlackC';
    position : relative;
    margin-bottom : 6rem;
    padding-left : 2.5rem;
}

.about h3:before {
    content : '';
    position : absolute;
    bottom : 0;
    left : 0;
    width : 6rem;
    height : 6rem;
    border-color : #4b4c4c;
    border-width : 0 0 1px 1px; 
    border-style : solid;
}
.about .discription {
    font-size : 1.75rem;
    position: absolute;
    bottom: -1.75rem;
    left: 6.5rem;
}

.inform .row{
    padding : 2rem 0;
}
.inform .row:nth-child(even){
    flex-direction : row-reverse;
}
.inform .row:nth-child(even) .left-none{
    display : none;
}
.inform .title {
    color : var(--bs-gray-main);
    font-family : var(--f-helios);
    font-size : 1.875rem;
    font-weight : 700;
    line-height : 1;
    text-transform : uppercase;
    padding-top : 6rem;
}
.inform .text {
    color : var(--bs-gray-main);
    font-family : var(--f-normal);
    font-size : 1.125rem;
    font-weight : 400;
    line-height : 1.5rem;
    padding-top : 3.125rem;

}
.inform .text p{
    margin-bottom : 2rem;
}

.common {
    padding : 3rem 0;
    background-color : #f6f6f6;
}

.common .title {
    color : var(--bs-gray-main);
    font-family : var(--f-helios);
    font-size : 1.875rem;
    line-height : 1;
    text-transform : uppercase;
}
.common .text {
    color : var(--bs-gray-main);
    font-family : var(--f-normal);
    font-size : 1.625rem;
    line-height : 1.5rem;
    padding-top : 3.125rem;
}
.common .image {
    padding-top : 4.75rem;
}

.contact {
    padding : 5.25rem 0 0;   
}