/*
Theme Name: Boundless
Description: boundless
Theme URI: https://andreamantegazza.it
Author: AM Dev
Version: 1.0
*/

/* 
-------------------------------------------------------------------------------*/

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



:root {
    --size-small: 0.7vw;
    --size-small: 13px;
    --line-small: 1.2em; 
    
    --size-body: 0.9vw;
    --line-body: 1.2em; 
    
    --size-medium: 1.15vw;
    --line-medium: 1.2em; 
    
    
    
    --size-large: 1.6vw;
    --line-large: 1.2em; 
    
    --color-light-grey: #F5F5F5;
    --color-pink: rgb(236, 65, 122);
    --color-pink: rgb(245, 99, 148);
    
    --color-black: #2a2a2a;
    
}

html{
    overflow-y: auto;
}
body {
    font-size: var(--size-body);
    line-height: var(--line-body);
    font-family: 'ABCOracleBook';
    letter-spacing: -0.03em;
/*    background-color: var(--color-light-grey);*/
    position: relative;
    overflow-x: hidden;
    
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

/* We like off-black for text. */
body, select, input, textarea {color: var(--color-black);}

a {color: var(--color-black); text-decoration: none;}
a:hover {color: var(--color-black);}

::-moz-selection{background: #000; color: #fff; text-shadow: none;}
::selection {background: #000; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: var(--color-pink);}

ins {background-color: #000; color: #000; text-decoration: none;}
mark {background-color: #000; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.size-medium {
    font-size: var(--size-medium);
    line-height: var(--line-medium);
}

.cursor-pointer {
    cursor: pointer;
}

/* C O D E
-------------------------------------------------------------------------------*/

#header {
    padding: 15px 5px;
    padding-bottom: 0;
    font-size: var(--size-medium);
    line-height: var(--line-medium);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
/*    background-color: var(--color-light-grey);*/
}
#header .inner-wrapper {
/*    border-bottom: 2px solid #fff;*/
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
#header .inner-wrapper .title-wrapper {
    width: 40%;
}
#header .inner-wrapper .title-wrapper .home-monogram {
    display: block;
    height: 4vw;
}
#header .inner-wrapper h1 {
    padding-left: 10px;
    color: var(--color-pink);
}
#header .inner-wrapper h1 a {
/*    color: var(--color-pink);*/
    color: #fff;
}
#header .inner-wrapper .meteo-box {
    font-size: 10px;
    line-height: var(--line-small);
    display: flex;
    width: 40%;
    padding: 0 10px;
    justify-content: flex-end;
}
#header .inner-wrapper .meteo-box div {
    margin-left: 15px;
}

#header .inner-wrapper .meteo-box div {
/*    width: 33.33%;*/
}
#header .inner-wrapper .meteo-box div.temperature {
/*    padding-left: 1.4em;*/
    /*removed icon*/
}
#header .inner-wrapper .meteo-box img.weather {
    display: inline-block;
    height: 1.5em;
    position: absolute;
    margin-left: -1.6em;
    margin-top: -0.15em;
    filter: invert(1);
}

#header .inner-wrapper .meteo-box span#clock {
    width: 4.1em;
    display: block;
    text-align: center;
}

#header .inner-wrapper .menu-mobile {
    display: none;
}

#header.hidden-info {
    width: 50%;
}
#header.hidden-info #nav {
    opacity: 0;
}
#header.hidden-info .meteo-box {
    display: none;
}

#header #nav {
    font-size: 13px;
    line-height: var(--line-small);
}
#header #nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#header #nav ul * {
    color: #fff;
}
#header #nav ul li {
    margin: 0 0.2em;
}
#header #nav ul li:after {
    display: inline;
    content: ',';
}
#header #nav ul li:last-of-type:after {
    display: none;
}


/**/
.intro-block {
/*    position: fixed;*/
/*    z-index: 9000;*/
    height: 100svh;
    width: 100vw;
    background-color: #fff;
}
.intro-block .gallery-wrapper.mobile {
    display: none;
}
.intro-block .gallery-wrapper .single-gallery {
    height: 100svh;
    background-position: center;
    background-size: cover;
}
.intro-block .claim {
    position: absolute;
    width: 100vw;
    height: 100svh;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    mix-blend-mode: difference;
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s;
}
.intro-block .claim.visible {
    opacity: 1;
}


.intro-block .claim .claim-inner span {
    position: relative;
}
.intro-block .claim .claim-inner span.move-left {
    left: -60vw;
    transition: left 1s;
}
.intro-block .claim .claim-inner span.move-right {
    right: -60vw;
    transition: right 1s;
}
.intro-block .claim.transition-ok .claim-inner span.move-left,
.intro-block .claim.transition-ok .claim-inner span.move-right {
    transition: right 0s;
}
.intro-block .claim.visible .claim-inner span.move-left {
    left: -0;
}
.intro-block .claim.visible .claim-inner span.move-right {
    right: -0;
    font-size: 13px;
}


/**/
/*
.works-wrapper {
    width: 40%;
    padding: 0 10px;
    font-size: var(--size-large);
    line-height: var(--line-large);
}
*/
.about-wrapper {
    width: 100%;
    padding-left: calc(50% + 7.5px);
    padding-right: 8.33%;
    margin-top: 8em;
    font-size: var(--size-small);
    line-height: var(--line-small);
    display: flex;
    flex-direction: row;
}
.services-wrapper {
    width: 100%;
    padding-left: calc(50% + 7.5px);
    padding-right: 8.33%;
    margin-top: 3em;
    font-size: var(--size-small);
    line-height: var(--line-small);
    display: flex;
    flex-direction: row;
    margin-bottom: 8em;
}

.about-wrapper .section-title,
.services-wrapper .section-title {
    font-size: 13px;
    line-height: var(--line-small);
    margin-bottom: 1em;
    width: 8.33vw;
}
.about-wrapper .section-content,
.services-wrapper .section-content {
    width: calc(100% - 8.33vw);
    font-size: 17px;
    line-height: 21px;
}


/*
----------------------------------------------------------------*/
.works-anchor {
    margin-top: -6em;
    margin-bottom: 6em;
}
.works-outer-wrapper {
    display: flex;
    flex-direction: row;
}
.works-outer-wrapper .works-text-list {
    width: 50%;
    padding: 0 15px;
}

.works-outer-wrapper.fixed .works-text-list .works-wrapper {
    position: fixed;
    top: 6vw;
}
.works-outer-wrapper .works-text-list .works-wrapper .section-title {
    font-size: var(--size-small);
    line-height: var(--line-small);
}
.works-outer-wrapper .works-text-list .works-wrapper .works-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 11px;
    line-height: 15px;
    margin-top: 5px;
}
.works-outer-wrapper .works-text-list .works-wrapper .works-list a {
    display: flex;
    position: relative;
}
.works-outer-wrapper .works-text-list .works-wrapper .works-list a:hover {
    text-decoration: underline;
}
.works-outer-wrapper .works-text-list a .thumbnail-images {
    position: absolute;
    display: none;
    flex-direction: row;
    height: 7vw;
    width: 5vw;
    margin-top: -1.2em;
    margin-top: 1.2em;
    pointer-events: none;
    right: -7vw;
    top: -3.5vw;
}
.works-outer-wrapper .works-text-list a:hover .thumbnail-images {
    display: flex; 
    flex-direction: row;
    justify-content: flex-start;
}
.works-outer-wrapper .works-text-list a.current:hover .thumbnail-images {
    display: none; 
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb {
    position: absolute;
    width: 4vw;
    height: 5vw;
    background-position: center;
    background-size: cover;
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb:nth-of-type(1) {
    z-index: 6000;
}

:root {
    --thumb-v-spacing: 4px;
    --thumb-h-spacing: 8px;
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb:nth-of-type(2) {
    margin-top: calc(var(--thumb-v-spacing)*1);
    margin-left: calc(var(--thumb-h-spacing)*1);
    z-index: 5900;
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb:nth-of-type(3) {
    margin-top: calc(var(--thumb-v-spacing)*2);
    margin-left: calc(var(--thumb-h-spacing)*2);
    z-index: 5800;
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb:nth-of-type(4) {
    margin-top: calc(var(--thumb-v-spacing)*3);
    margin-left: calc(var(--thumb-h-spacing)*3);
    z-index: 5700;
}
.works-outer-wrapper .works-text-list a .thumbnail-images .img-thumb:nth-of-type(5) {
    margin-top: calc(var(--thumb-v-spacing)*4);
    margin-left: calc(var(--thumb-h-spacing)*4);
    z-index: 5600;
}


/**/
.works-outer-wrapper .works-visual-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 50%;
    padding: 0 7.5px;
    padding-left: 0;
        justify-content: flex-end;
}
.works-outer-wrapper .works-visual-list a {
    width: calc(50% - 15px);
    margin-left: 7.5px;
    margin-right: 7.5px;
    margin-bottom: 1.5em;
    
}
.works-outer-wrapper .works-visual-list a .single-work .thumbnail {
    height: 31vw;
    background-position: center;
    background-size: cover;
}
.works-outer-wrapper .works-visual-list a .single-work .info-work {
    margin-top: 2px;
    font-size: var(--size-small);
    line-height: var(--line-small);
        display: flex;
    flex-direction: row;
    justify-content: space-between;
}











.entry {
/*    min-height: 100vh;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
        background-color: #fff
}


.credits {
    font-size: var(--size-small);
}
.credits .name {
/*    font-size: var(--size-small);*/
/*    line-height: var(--line-large);*/
/*    font-size: 1.3vw;*/
/*    line-height: 1em;*/
}

/*
-------------------------------------------------------------------*/
#header {
    color: #fff;
    mix-blend-mode: difference;
}
.single  #header h1 a {
    color: #fff;
}
.single #header .inner-wrapper .meteo-box img.weather {
    filter: invert(1);
}
.single .entry {
    height: calc(100vh - 30px - 1.4em);
    height: calc(100vh - 1.2em - 20px - 2px);
    padding-top: calc(20px + 3em);
    padding-top: calc(40px + 1.2em);
    height: 100vh;
    padding-top: 0;
}

.single .white-border {
    border-bottom: 2px solid #fff;
    width: 100%;
    margin-top: 20px;
}

.single video {
    display: block;
}

.single .intro-section .works-list {
    display: flex;
    flex-wrap: wrap;
    color: #b1b1b1;
    height: 6em;
    overflow: auto;
    padding-bottom: 0;
    position: relative;
}

.single .intro-section .works-list .final-fade {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgb(245 245 245) 20%, rgba(255, 255, 255, 0) 100%);
    position: sticky;
    width: 100%;
    height: 1em;
    bottom: 0;
}


/* width */
.single .intro-section .works-list::-webkit-scrollbar {
  width: 0;
}

/* Track */
::-webkit-scrollbar-track {
/*  background: #f1f1f1;*/
}

/* Handle */
::-webkit-scrollbar-thumb {
/*  background: #888;*/
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
/*  background: #555;*/
}


.single .intro-section .works-list a {
    color: #b1b1b1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.single .intro-section .works-list a.current,
.single .intro-section .works-list a:hover {
    color: var(--color-black);
}
.single .intro-section .works-list a.current .wrapper-title {
    position: relative;
    overflow: hidden; /* Evita che il before sfori i bordi */
}
.single .intro-section .works-list a.current .wrapper-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%; /* Parte da 0 */
    height: 100%;
    background: var(--color-pink);
    animation: allarga 15s linear forwards;
    z-index: -1;
}
@keyframes allarga {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}




.single .intro-section .works-list a:last-of-type .comma {
    display: none;
}






.single .gallery-wrapper {
    height: 100vh;
}
.single .popup-slider-wrapper.visible .single-image .counter-mobile {
    display: none;
}

.single .gallery-wrapper img {
    display: block;
    height: 100vh;
    cursor: pointer;
    width: auto;
}


.single .details-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    z-index: 1000;
    bottom: 0;
    left: 0;
        width: 100%;
    color: #fff;
    mix-blend-mode: difference;
}

.single .credits {
    padding: 20px 15px;
    padding-bottom: 10px;
    width: 75%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.single .credits .single-credit .credit {
    padding-left: 0.2em;
}
.single .next-link {
    font-size: var(--size-small);
    line-height: var(--line-small);
    width: 10vw;
    text-align: right;
    padding: 0 15px;
    padding-bottom: 10px;
}


.single .popup-slider-wrapper {
    display: none !important;
}
.single .popup-slider-wrapper.visible {
    display: block !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #f5f5f5;
        z-index: 1000;
}
.single .popup-slider-wrapper.visible .single-image {
    height: calc(100vh - 2.4em - 20px - 10px - 2px - 1.4em - 20px);
    height: calc(100vh);
    padding: 15px;
    display: flex;
    justify-content: center;
}

.single .popup-slider-wrapper .prev-arrow.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1000;
    cursor: none;
}
.single .popup-slider-wrapper .next-arrow.slick-arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 1000;
    cursor: none;
}
.single .popup-slider-wrapper .close {
    position: fixed;
    height: 5vw;
    right: 0;
    margin-top: 15px;
    padding: 0 15px;
    font-size: var(--size-small);
    line-height: var(--line-small);
    z-index: 6000;
    cursor: pointer;
}

.single #follow-div {
    position: absolute;
    width: 10vw;
    text-align: center;
    height: 1.2em;
    pointer-events: none; /* Fa in modo che il div non interferisca con il mouse */
    transition: transform 0.1s ease;
    color: #fff;
    mix-blend-mode: difference;
    font-size: 13px;
}


.single .work-info {
    position: fixed;
    height: 3em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: calc(50vh - 1.5em);
    left: 15px;
    color: #fff;
    mix-blend-mode: difference;
    z-index: 5000;
    font-size: 13px;
}

.single .credits-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: 6000;
    width: 50vw;
    padding-bottom: 10px;
    color: #fff;
    mix-blend-mode: exclusion;
}
.single .credits-wrapper .credits-toggle {
    font-size: var(--size-small);
    line-height: var(--line-small);
        padding: 0 15px;
    cursor: pointer;
}
.single .credits-wrapper .credits {
    padding: 10px 15px;
    display: none;
}
.single .credits-wrapper .credits.visible {
    display: flex;
}
.single .swiper-slide.next-link-slider {
    position: initial;
    width: 20vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    background-color: #fff;
    color: #000;
    padding: 0 20px;
}
.single .swiper-slide.next-link-slider a {
    color: #000;
}

.single .next-link-slider {
/*
    font-size: var(--size-small);
    line-height: var(--line-small);
    width: 25vw;
    height: 100vh;
    padding: 0 15px;
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    background-color: #fff;
*/
    
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 2000;
    font-size: 13px;
    color: #fff;
    mix-blend-mode: difference;
}
.single .next-link-slider * {
    color: #fff;
}



.single #footer {
    display: none;
}



/*
-------------------------------------------------------------------*/
#footer {
    padding: 0 15px;
    font-size: 10px;
    line-height: var(--line-small);
}

#footer .upper-row {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 20px;
    justify-content: center;
}
#footer .upper-row a {
    margin: 0 1em;
    font-size: 13px;
}
#footer .lower-row {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-between;
    align-items: flex-end;
}
#footer .lower-row .disclaimer {
    text-align: center;
}

#footer .lower-row .copy {
    width: 20%;
}
#footer .lower-row .tags {
    width: 20%;
    text-align: right;
}


@media screen and (max-width: 960px) {
    
    :root {
        --size-small: 10px;
        --line-small: 1.2em; 

        --size-body: 17px;
        --line-body: 1.2em; 

        --size-medium: 17px;
        --line-medium: 1.2em; 



        --size-large: 17px;
        --line-large: 1.2em; 

    }
    
    
    #header {
        padding: 15px 15px;
    }
    
    
    #header .inner-wrapper .meteo-box {
        display: none;
    }
    #header .inner-wrapper h1 {
        padding-left: 0;
    }   
    #header .inner-wrapper .menu-mobile {
        display: block;
        padding: 0;
    }
    #header .inner-wrapper .menu-mobile a.page-info {
        opacity: 0.5;
    }
    #header .inner-wrapper .title-wrapper .home-monogram {
        height: 12vw;
    }

    
    .intro-section .about-wrapper {
        display: none;
    }
    .intro-section .contact-wrapper {
        display: none;
    }

    
    #header #nav {
                font-size: 13px;
        line-height: var(--line-body);
    }
    #header #nav ul li {
        margin-right: 0;
    }
    
    .single #header #nav ul li a {
        color: #fff;
    }

    
    .intro-block {
        height: 100svh;
        width: 100vw;
    }
    .intro-block .gallery-wrapper {
        display: none;
    }
    .intro-block .gallery-wrapper.mobile {
        display: block;
    }

    
    /**/
    .claim-inner {
        font-size: 10px;
    }
    .claim-inner .size-medium {
        font-size: 17px;
    }
    
    /*
    ---------------------------------------------------*/
    
    .about-wrapper {
        padding: 0 15px;
    }
    .services-wrapper {
        padding: 0 15px;
    }
    .about-wrapper .section-title, 
    .services-wrapper .section-title {
        width: 25%;
        font-size: 10px;
    }
    .about-wrapper .section-content, 
    .services-wrapper .section-content {
        width: 75%;
        font-size: 13px;
        line-height: 16px;
    }
    
    .works-outer-wrapper {
        flex-direction: column;
    }
    
    
    .works-outer-wrapper .works-text-list .works-wrapper .section-title {
        font-size: 13px;
    }
    
    
    .works-outer-wrapper .works-text-list {
        width: 100%;
        padding: 0 15px;
    }
    .works-outer-wrapper .works-text-list .works-wrapper .works-list {
        display: none;
    }
    .works-outer-wrapper .works-visual-list {
        width: 100%;
        padding: 10px;
    }
    .works-outer-wrapper .works-visual-list a {
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }
    .works-outer-wrapper .works-visual-list a .single-work .thumbnail {
        height: 58vw;
    }
    
    .works-outer-wrapper .works-visual-list a .single-work .info-work {
        font-size: 11px;
            flex-direction: column;
    }

    
    
    
    
    /*
    ---------------------------------------------------*/
    .single .entry {
        height: initial;
        padding-top: 0;
    }
    .intro-section .works-wrapper {
        width: 100%;
    }
    
    .single .intro-section .works-list a .thumbnail-images {
        display: none !important;
    }

    
    .swiper-wrapper {
        display: block;
        flex-direction: column;
        position: initial;
        height: initial;
    }


    #header.hidden-info {
        width: 100%;
    }
    #header.hidden-info .title-wrapper {
        display: none;
    }
    #header.hidden-info nav {
        display: none;
    }
    
    .single .next-link {
        width: 50vw;
    }
    
    .single .gallery-wrapper {
        align-items: center;
        gap: 5px;
        height: initial;
    }
    .single .gallery-wrapper img {
        height: initial;
    }
    .single .popup-slider-wrapper.visible {
        bottom: 0;
        top: 0;
        height: 100dvh;
        padding-top: 4em;
        position: fixed;
    }
    .single .popup-slider-wrapper.visible .single-image {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: calc(100svh - 1.2em - 30px - 1em);
    }

    
    .single .popup-slider-wrapper.visible .single-image .counter-mobile {
        display: block;
        text-align: right;
        font-size: var(--size-small);
    }
    
    
    .single .popup-slider-wrapper .close {
        margin-top: -10px;
    }
    .single .next-link-slider {
        width: 100%;
        justify-content: center;
        height: 40vw;
        margin-bottom: 20vw;
        background-color: transparent;
            padding-left: 0;
            position: initial;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .single .swiper-slide.next-link-slider {
        width: 100%;
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    .single .credits-wrapper {
        width: 100%;
                font-size: 13px;
    }
    .single .credits {
        width: 100%;
                font-size: 13px;
    }
    .single .credits .name {
        font-size: 13px;
    }

    .single #follow-div {
/*        display: none !important;*/
        position: fixed;
        bottom: 10px;
        font-size: var(--size-small);
        line-height: var(--line-small);
        width: 10vw;
        left: 45vw;
        mix-blend-mode: initial;
        color: #000;
        
    }

    
    .single .work-info {
        font-size: 13px;
        flex-direction: column;
        z-index: 1000;
    }
    .single .work-info .main-credit {
        padding-left: 0;
    }

    
    .single .details-wrapper.hide {
        display: none;
    }
    
/*
    .single .popup-slider-wrapper .prev-arrow.slick-arrow {
        width: 20%;
    }
    .single .popup-slider-wrapper .next-arrow.slick-arrow {
        width: 20%;
    }
*/
    
    .single #footer {
        display: block;
                position: relative;
        z-index: 10000;
    }
    
    
    .credits .name {
        font-size: var(--size-body);
    }
    #footer .lower-row {
        display: none;
    }
    
    
    /*
    ---------------------------------------------------*/
    .page-template-page-info #header .inner-wrapper .menu-mobile a {
        opacity: 0.5;
    }
    .page-template-page-info #header .inner-wrapper .menu-mobile a.page-info {
        opacity: 1;
    }

    .page-template-page-info .entry {
        padding-top: calc(1.2em + 30px + 10px + 2px);
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
        line-height: 1.2em;
        min-height: 100svh;
        display: block;
    }
    .page-template-page-info .entry h2 {
        font-size: var(--size-small);
        line-height: var(--line-small);
                margin-bottom: 1em;
    }
    .page-template-page-info .entry .text-content .toggle-about {
        color: var(--color-pink);
    }
    .page-template-page-info .entry .text-content .services-wrapper {
        position: absolute;
        top: 20vh;
        right: 15px;
        width: 80vw;
        font-size: var(--size-large);
        line-height: var(--line-large);
        background-color: var(--color-light-grey);
        padding: 15px;
        border: 2px solid #fff;
        display: none;
    }
    .page-template-page-info .entry .text-content .services-wrapper .close {
        font-size: var(--size-small);
        line-height: var(--line-small);
        text-align: right;
        margin-bottom: 10px;
        cursor: pointer;
    }
    
    .page-template-page-info .entry .contact-title {
        margin-top: 1.5em;
    }

    .page-template-page-info #footer {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100vw;
    }
    .page-template-page-info #footer .inner-wrapper {
        flex-wrap: wrap;
    }
    .page-template-page-info #footer .inner-wrapper div.col {
        width: 50%;
        text-align: left;
    }
    
    .page-template-page-info #footer .inner-wrapper div.col.legal {
        order: 1;
        width: 20%;
    }
    .page-template-page-info #footer .inner-wrapper div.col.tags {
        order: 2;
        text-align: right;
        width: 80%;
    }
    .page-template-page-info #footer .inner-wrapper div.col.social {
        order: 3;
    }
    .page-template-page-info #footer .inner-wrapper div.col.copy {
        order: 4;
        text-align: right;
    }


    
    /*
    ---------------------------------------------------*/

    #footer {
        padding: 0 15px;
        font-size: var(--size-small);
    }
    
    #footer .upper-row {
        justify-content: space-between;
    }
    #footer .upper-row a {
        margin: 0;
    }
    #footer .lower-row {
        flex-wrap: wrap;
    }
    #footer .lower-row .disclaimer {
        text-align: justify;
        order: 1;
                margin-bottom: 10px;
    }
    
    .home #footer .lower-row {
        display: flex;
    }
    
    .copy {
        order: 2;
    }
    .cursor-pointer {
        order: 3;
    }

    
    
}