/* ====================== */
.navbar-burger {
    color: whitesmoke;
}
.navbar-burger:hover {
    background-color: transparent;
    color: var(--second-flat);
}

/* Search V1 */
/*  */
#search_v1 {
    display: block;
    position: absolute;
    top: 1.8rem;
    right: 2.6rem;
}

#search_v1 > div {
    display: block;
}
#search_v1 > div:first-child {
    display: -webkit-inline-box;
}
#search_v1 span.icon {
    margin-left: -1.9rem;
    margin-top: .85rem;
}
#search_v1 span.icon svg {
    z-index: 10;
}

/* Tags */
.tagsgroup {
    background-color: transparent;
    border: none;
    box-shadow: none;
    float: right;
    width: fit-content;
}
.tagsinput > input {
    display: none
}

#search_v1 input[type=text] {
    width: 130px;
    float: right;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* Input field */
#search_v1 form {
    width: 30rem;
}
#search_v1 form input[type=text]:focus {
    width: 100%;
}


/* ====================== */
/* Index page */
.container.is-fluid > section#index,
.container.is-fluid > section#index .level-item {
    margin: auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.container.is-fluid > section#index,
.container.is-fluid > section#index .level {
    padding-top: 0;
    padding-bottom: 0;
}
.container.is-fluid > section#index .level {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 100vh;
}
.container.is-fluid > section#index .level .level-item {
    height: 100%;
}

section#index hr {
    width: 25%;
    margin: auto;
    height: 1px;
}
section#index h2 {
    text-align: center;
    padding-top: 5rem;
}
section#index > h2 {
    padding-top: 6rem;
}


/* Breaks */
.container.is-fluid > section#index .level.break {
    height: 20%;
    padding: .5rem 2rem 10rem 2rem;
    background-color: transparent;
}

.container.is-fluid > section#index .level.break p {
    color: var(--txt-darker);
    line-height: 4rem;
    font-weight: 300;
    vertical-align: middle;
}

.container.is-fluid > section#index .level.break.top {
    padding: 3rem 2rem 5rem 2rem;
    background-image: linear-gradient(to bottom, var(--transp-lighter-plus), transparent);
}
.container.is-fluid > section#index .level.break.top h2 {
    color: white;
    padding-bottom: 2rem;
}

/* Splash section */
/* .container.is-fluid > section#index .level.splash .level-item img {
    margin-top: -6rem;
    margin-bottom: -5rem;   
} */
.container.is-fluid > section#index .level.splash .level-item div {
    position: absolute;
    /* top: 30%;
    padding: 3rem 22rem; */
    width: 100%;
    height: 100%;
    /* For browsers that do not support gradients */
    background-color: transparent;
    /*Standard syntax (must be last)*/
    /* background-image: linear-gradient(to right, transparent,var(--transp-lighter-top),transparent);  */
    background-image: radial-gradient(white, transparent);
}

.container.is-fluid > section#index .level.splash .level-item div p {
    color: var(--main-dark);
    font-size: 1.7rem;
    line-height: 2.3rem;
    font-weight: 300;
}
.container.is-fluid > section#index .level.splash .level-item div p.title {
    /* padding-top: 20%; */
    padding-bottom: 1.5rem;
    font-size: 3rem; 
    letter-spacing: 5px;
    /* font-family: 'Russo One', sans-serif;  */
}
.container.is-fluid > section#index .level.splash .level-item div p.title:first-child {
    padding-top: 22%;
}

/* KSPs */
.container.is-fluid > section#index .columns {
    height: -webkit-fill-available;
}
.container.is-fluid > section#index .column {
    margin: 0;
    padding: 0;
}
.container.is-fluid > section#index .level.ksp {
    width: 85%;
    margin: auto;
}
.container.is-fluid > section#index .level.ksp .level-item {
    width: 25%;
}
.container.is-fluid > section#index .level.ksp .level-item .card {
    background-color: transparent;
}

@media (min-width: 1087px) {
    .container.is-fluid > section#index .level.ksp {
        /* padding-top: 2rem; */
        padding-top: 3rem;
        height: 66vh;
    }
}
.container.is-fluid > section#index .level.ksp .level-item {
    height: 100%;
}
section#index .ksp .card {
    box-shadow: none;
}
section#index .ksp .card-image {
    height: 12rem;
}
section#index .ksp svg {
    fill: var(--txt-lighter-tad);
    width: 48%;
    margin-top: 2rem;
}
section#index .ksp .column:nth-child(2) svg {
    margin-top: 2.2rem;
}
section#index .ksp .column:first-child svg {
    width: 40%;
    margin-top: 3rem;
}
section#index .ksp .column:last-child svg {
    width: 33%;
    margin-top: 3rem;
}

.container.is-fluid > section#index a.url {
    color: var(--second-lighter);
}
.container.is-fluid > section#index a.url:hover {
    color: var(--main-dark);
}

.container.is-fluid > section#index .column svg,
.container.is-fluid > section#index .column:hover svg,
.container.is-fluid > section#index .column p.description,
.container.is-fluid > section#index .column:hover p.description,
.container.is-fluid > section#index .column h2,
.container.is-fluid > section#index .column:hover h2,
.container.is-fluid > section#index .column > div.pitch,
.container.is-fluid > section#index .column:hover > div.pitch {
    transition : all .8s;
    -webkit-transition :all .8s;
}

.container.is-fluid > section#index .level.slide.mobile,
.container.is-fluid > section#index .level.break.mobile {
    display: none;
}


/*@media (max-width: 1087px) {
    *//* Menu *//*
    #navbar .navbar-start > .navbar-item,
    #navbar .navbar-link, 
    #navbar .navbar-item.is-hoverable.has-dropdown .navbar-link {
        background-color: var(--txt-flat);
    }
}*/

@media (min-width: 1087px) {
    #nav-menu {
            display: flex;
    }
    #nav-menu-mobile {
            display: none;
    }

    #public_services div.corpus ul li span.mobile {
        display: block;
    }
    #public_services div.corpus ul li span.desktop {
        display: none;
    }

}

@media (max-width: 1087px) {
    /* .container.is-fluid > section#index .level.splash {
        height: 100vh;
    }  */
    /* a.burger {
        display: none;
    } */

    /* Menu */
    #navbar .navbar-start > .navbar-item,
    #navbar .navbar-end > .navbar-item,
    #navbar .navbar-link,
    #navbar .navbar-item.is-hoverable.has-dropdown .navbar-link {
        background-color: var(--txt-flat);
    }

    /*#nav-menu-mobile {
            display: block;
    }*/
    #nav-menu {
            display: none;
    }
    #public_services div.corpus ul li span.mobile {
        display: none;
    }
    #public_services div.corpus ul li span.desktop {
        display: block;
    }

    .container.is-fluid > section#index .level.splash .level-item div p {
        font-size: 1.3rem;
        max-width: 80%;
        margin: auto;
    }
    .container.is-fluid > section#index .level.break {
        height: fit-content;
        padding: 2rem 1rem;
    }

    section#index .level.splash img {
         height: 100vh;
         min-width: 100vh;
        /*min-height: -webkit-fill-available;*/
    }
    .container.is-fluid > section#index .level.splash .level-item div {
        /* padding: 3rem 12rem; */
        min-width: 30rem;
    }

    .container.is-fluid > section#index .level.break p {
        font-size: 1.4rem;
        line-height: 3rem;
    }
    .container.is-fluid > section#index .level.break br {
        display: none;
    }
    .container.is-fluid > section#index .level.slide.mobile,
    .container.is-fluid > section#index .level.break.mobile {
        display: flex
    }
    .container.is-fluid > section#index .level.slide.mobile .level-item > div h2,
    .container.is-fluid > section#index .level.slide.mobile .level-item > div div.pitch {
        display: inline-block;
    }
    .container.is-fluid > section#index .level.slide.desktop {
        display: none
    }

    /* .container.is-fluid > section#index .level.slide .level-item .columns {
        height: auto;
    } */

    /* Splach section */
    .container.is-fluid > section#index .level.splash,
    .container.is-fluid > section#index .level.splash .level-item {
        height: 96vh;   /* for iphone and ipads */
    }
    .container.is-fluid > section#index .level {
        height: auto;
    }
    .container.is-fluid > section#index .splash p.title {
        margin: auto;
    }
    #index .level.splash p:first-child {
        width: max-content;
    }

    /* Slides */
    .container.is-fluid > section#index .level.slide p {
        font-size: 1.1rem;
        line-height: 2rem;
        max-width: 98%;
        /* padding: 2rem; */
    }
    
    .container.is-fluid > section#index .level.slide ul {
        display: inline;
        background-color: linear-gradient(to bottom, var(--main-dark-darker), var(--main-dark-lighter)); /*Standard syntax (must be last)*/
    }   
    .container.is-fluid > section#index .level.slide li {
        width: 100%;
        display: flex;
        padding: 1.3rem;
        text-align: left;
    }

    .container.is-fluid > section#index .level.slide li svg {
        width: 12rem;
        margin: 0 2rem 0 1rem;
    }
    .container.is-fluid > section#index .level.slide li:nth-child(2) svg {
        width: 11rem;
        margin: 0 1.45rem 0 .5rem;
    }
    .container.is-fluid > section#index .level.slide li:nth-child(3) svg {
        width: 12rem;
        margin: 0 1.4rem 0 0;
    }
    .container.is-fluid > section#index .level.slide li:last-child svg {
        width: 10rem;
        margin: 0 1.45rem 0 .5rem;
    }

    .container.is-fluid > section#index li > div.pitch {
        opacity: 1;
    }   

    .container.is-fluid > section#index svg {
        fill: var(--second-lighter);
        margin: 7rem 18rem 18rem 18rem;
    }
}



/* ====================== */
/* PUBLIC pages */
.linearGrad {
    background-image: linear-gradient(to right, var(--transp),
                                        var(--transpi),
                                        var(--transp-light),
                                        var(--transp-lighter),
                                        var(--transp-lighter-tad),
                                        var(--transp-lighter),
                                        var(--transp-light),
                                        var(--transpi),var(--transp)); /*Standard syntax (must be last)*/
}

.linearGrad_vert {
    background-image: linear-gradient(to bottom, whitesmoke, var(--transp)); /*Standard syntax (must be last)*/
}

.container.is-fluid > section.publicPage {
    width: 80%;
    margin: 0 auto;
    padding: 2rem 1rem 6rem 1rem;
}
@media (max-width: 1087px) {
    .container.is-fluid > section.publicPage {
        width: auto;
        margin: 0 .4rem;
        padding: 2rem 1rem 6rem 1rem;
    }
}

.container.is-fluid > section.publicPage  h1,
.container.is-fluid > section.publicPage  h2,
.container.is-fluid > section.publicPage  h3,
.container.is-fluid > section.publicPage  h4,
.container.is-fluid > section.publicPage  h5,
.container.is-fluid > section.publicPage  p,
.container.is-fluid > section.publicPage  .title, 
.container.is-fluid > section.publicPage  .subtitle {
    color: var(--main-dark-darker);
}

.container.is-fluid > section.publicPage  p.heading {
    font-size: .9rem;
    font-weight: 500;
    color: var(--txt-lighter-tad);
}
section.publicPage .subtitle {
    margin: 2.5rem auto;
}

.level.levelTop {
    padding: 2.5rem 1rem 0 1rem;
}
.level.stats {
    padding: 1rem;
}


.level.corpus {
    padding: 3rem 5rem;
}
.level.corpus p,
.level.corpus ul {
    padding: 1rem 4rem;
    text-align: justify;
    font-size: 1.1rem;
}

.level.corpus ul.neon {
    padding: 1rem 4rem 1rem 5rem;
    list-style: none;
}
@media (max-width: 1087px) {
    .level.corpus ul.neon {
        padding: 1rem;
    }
    #public_services nav.level.corpus > .level-item > div {
        max-width: 96%;
    }
}

.level.corpus ul.neon li::before {
    content: "\25A0";
    color: var(--second-lighter);
    padding-right: 1rem;
}
.level.corpus ul.neon li {
    text-align: left;
    padding: .5rem;
    /* color: var(--txt-darker); */
    color: var(--main-dark-darker);
    font-size: 1.1rem;
}

@media (max-width: 1000px) {
    .level.corpus {
        padding: 1rem;
    }
    .level-item {
        max-width: 100%;
    }
    .level.corpus p {
        padding: 1rem 0;
    }

}
/* ______________________ */
/*  */
/* SERVICES */
/* Tabs */
.tabs.corpus ul {
    max-width: 80%;
    margin: auto;
}
.tabs.corpus li {
    width: -webkit-fill-available;
}
.tabs.corpus li.is-active,
.tabs.corpus li:hover {
    background-color: var(--txt-light);
}
.tabs.corpus li a {
    color: var(--txt-light);
    border-bottom-color: var(--txt-light);
}
.tabs.corpus li:hover a {
    color: var(--txt-dark);
    border-bottom-color: var(--txt-light);
}
.tabs.corpus li.is-active a {
    color: var(--txt-darker);
    border-bottom-color: var(--txt-light);
}

/* Sections */
#public_services,
#public_contact {
    height: 100%;
    min-height: 93.5vh;
}
#public_services .level.corpus img {
    width: 8rem;
    height: auto;
}

#public_services p.heading {
    text-align: center;
    padding: 2rem 1rem 1.5rem 1rem;
}
#public_services p.heading {
    text-align: center;
    padding: 4rem 1rem 1.5rem 1rem;
}
#public_services p.heading:first-child {
    padding: 1rem;
}

/*#public_services a.url,
#public_about a.url{*/
a.url {
    color: var(--txt-lighter);
    border-bottom: solid 1px var(--txt-lighter);
    font-size: inherit;
}
a.url.darker {
    color: var(--txt-dark);
    border-bottom: solid 1px var(--txt-light);
}
/*#public_services a.url:hover,
#public_about a.url:hover {*/
a.url:hover {
    color: var(--main-dark);
    border-bottom: solid 1px transparent;
}

/* Documentation */
.docu h3 {
    font-size: 2rem;
    padding-bottom: 2rem;
}
.docu a {
    display: inline-flex
}

.tabs.corpus {
    padding: .5rem 5rem; 
}

/* Pricing */
#public_pricing .level.corpus .level-item {
    max-width: 100%;
}
.pricing-table {
    /* issue with Firefox, needs to use '-moz-available' value specifically */
    width: -webkit-fill-available;
    box-shadow: 0 10px 19px rgba(0,0,0,0.30), 0 8px 7px rgba(0,0,0,0.22);
    width: 100%;
}

.pricing-table.is-comparative .pricing-plan {
    min-width: 15%;
}

.pricing-table .plan-header,
.pricing-table .plan-item {
    font-family: 'Comfortaa'
}

/* Pricing */
#public_pricing .pricing-table .pricing-plan .plan-price .plan-price-amount {
    font-size: 2rem;
}
.pricing-table .pricing-plan .plan-header {
    margin-top: .8rem;
}
#public_pricing .pricing-table .pricing-plan .plan-price {
    font-size: 0;
}

/* Beta */
/* .pricing-table .pricing-plan:first-child .plan-item:first-child {
    padding: .86rem .75em;
} */

/* Only with payment and add. storage */
.pricing-table .pricing-plan:first-child .plan-item {
    padding: .86rem .75em;
}
.pricing-table .pricing-plan:first-child .plan-item:nth-child(5),
.pricing-table .pricing-plan:first-child .plan-item:last-child {
    padding: .75em;
}
/* .pricing-table .pricing-plan:first-child .plan-item:last-child {
    padding: 1.3rem .75em 1.4rem .75em;
} */

.pricing-table .pricing-plan.is-warning .plan-footer .button.is-hovered, .pricing-table .pricing-plan.is-warning .plan-footer .button:hover {
    background-color: #fecb01;
}



/* ======================================================================================= */
/* CONTACT PAGES  */
#public_contact form p {
    padding-top: 1rem;
    display: flex;
}
#public_contact form p label {
    min-width: 20%;
    text-align: left;
    padding-right: 1rem;
    padding-top: .3rem;
}
#public_contact form p .textarea {
    min-width: 80%;
}
#public_contact form p select {
    font-size: .9rem;
    padding: 0 2rem;
}

#public_contact form p.submit {
    float: right;
}

.tabs.corpus li,
.tabs.corpus li:hover,
.tabs.corpus li a,
.tabs.corpus li:hover a,
#public_services a.url,
#public_services a.url:hover
{
    transition : all 0.3s;
    -webkit-transition :all 0.3s;
}

/* ======================================================================================= */
/* DISPLAY PAGES  */

/* ======================================================================================= */
/* Viewer */
/* #viewer .top_creator {
    font-style: italic
} */

/* -------------------- */
/* Layouts level */
nav.level.layouts {
    padding:0;
    margin-bottom: 2rem;
}
/* -------------------- */
/* Meta level */
nav.level.meta {
    padding-top: 0;
    padding-bottom: 0;
}
nav.level.meta .level-item.lang {
    position: absolute;
    right: 11.4rem;
    top: 10.1rem;
    display: flex;
}
nav.level.meta .level-item.lang .button {
    background-color: transparent;
    border-color: transparent;
    vertical-align: middle;
}

nav.level.meta .level-item.lang .button p {
    vertical-align: middle;
    color: var(--transp-lighter-tad);
    margin: 0 0;
    border-bottom: none;
    padding-bottom: .1rem;
}
nav.level.meta .level-item.lang .button:hover p {
    color: var(--second-flat);
}
nav.level.meta .level-item.lang .button.is-active p {
    color: var(--txt-lighter);
    font-size: .85rem;
}
nav.level.meta .level-item.lang a.button.is-active,
nav.level.meta .level-item.lang .button.is-active p {
    cursor: default;
}
nav.level.meta .level-item.lang .button:nth-child(2) {
    border-left-color: var(--transp-lighter-tad);
    border-radius: 0;
}
nav.level.meta .level-item.lang .button:nth-child(2) p {
    width: .9rem;
}


nav.level.meta .level-item {
    max-width: 80%;
    display: inline-block;
}
nav.level.meta .level-item > div {
    width: fit-content;
    margin: auto;
} 

nav.level.meta p.heading {
    margin: auto;
    width: fit-content;
    font-size: 0.7rem;
    margin-top: 0.7rem;
    margin-bottom: 1.6rem;
}
nav.level.meta a:hover p.heading {
    font-size: 0.8rem;
    margin-bottom: 2rem;
}

nav.level.meta .title,
nav.level.meta .title:not(.is-spaced)+.subtitle {
    margin-top: 2rem;
}
nav.level.meta .subtitle {
    font-size: 1rem;
    text-align: center;
    margin-top: 1rem;
}


/* -------------------- */
/* Result count level (top) */
nav.level.stats {
    width: 40%;
    margin: auto;
}
nav.level.stats.wide {
    width: 70%;
    margin: auto;
}

/* Result count level */
.level-item.countResult {
    max-width: 100%;
}
.level-item.countResult_bottom {
    padding-bottom: .3rem;
    margin-bottom: .3rem;
}
.level-item.countResult p {
    font-size: .9rem;
    margin-bottom: 0;
    padding-left: 3rem;
    font-weight: 400;
    text-transform: none
}
span.count_text {
    font-weight: 300;
}

.level-item.countResult p,
.level-item.countResult_bottom p.heading {
    font-size: .9rem;
    margin-bottom: 0;
    font-weight: 300;
    text-transform: none
}
.level-item.countResult p {
    padding-left: 3rem;
}
.level-item.countResult p span {
    font-size: .7rem;
}
.level-item.countResult_bottom p span {
    display: none;  
}

/* -------------------- */
/* COLLECTION Page */

/* -------------------- */
/* Pagination */
.pagination {
    padding: 0 5rem 3rem 5rem;
    justify-content: space-evenly;
}
.pagination ul.pagination-list {
    flex-grow: 0;
}

.pagination-link {
    font-size: .9rem;
    border: none;
    border-radius: 0; 
} 
.pagination-previous,
.pagination-next {
    border: none;       /* /!\ cancel Bulma style */
    border-radius: 0;
    background-color: transparent;
    color: var(--txt-lighter);
}
.pagination-next {
    margin-left: 2.5rem;
    border-left: solid .2rem var(--txt-light);
}
.pagination-previous {
    margin-right: 2.5rem;
    border-right: solid .2rem var(--txt-light);
}
.pagination-next:hover {
    border-left: solid .2rem var(--second-lighter);   
}
.pagination-previous:hover {
    border-right: solid .2rem var(--second-lighter);  
}


/* Pagination Hightligthers */
.pagination-link.active,
.pagination-link.active:hover  {
    background-color: var(--txt-lighter);
    color: var(--main-darker);
    cursor: default;
} 
.pagination-link:hover,
.pagination-previous:hover, 
.pagination-next:hover {
    color: var(--main-dark-darker);
    background-color: var(--second-lighter); 
} 


/* -------------------- */
/* Masonry */
#masonryBox {
    width: -webkit-fill-available;
    margin-top: 2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 3rem;
}

#masonryBox .item {
    background-color: var(--main-dark-lighter);
    width: 20%;
    padding-left: .6rem;
    padding-right: .6rem;
    margin-bottom: .6rem;  
    /* /!\ fix issue with vue  */
    margin-top: .4rem;
    overflow: hidden;
} 

#masonryBox strong {
    font-weight: 600;
}

.display_results #masonryBox {
    margin-top: 0;
}
#masonryBox .item p {
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available;
    /* padding: 1rem .8rem 0 .8rem; */
    padding: 0 .8rem;
    margin-bottom: 0;
    font-size: .9rem;
}
#masonryBox .item p.transpEl {
    padding: .3rem .6rem;
    font-weight: 600;
    color: var(--main-dark);
    /* !important */
    margin-bottom: .4rem;
    margin-right: 1.2rem;
}
#masonryBox .item.item_list p.transpEl {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: .5rem .8rem;
    margin-right: 0;
}
#masonryBox p span {
    color: var(--txt-dark);
    font-size: .9rem;
    font-weight: 400;
}


/* vue-masonry-css */
/* #masonryBox_css .item {
    padding: 0.2rem;
    background-color: var(--main-dark-lighter);
     /!\ fix issue with vue 
    margin-top: -6px;
} */

/* List masonry */
#masonryBox .item.item_list {
    width: 50%;
    padding: 1.5rem;
    margin: 0;
}
#masonryBox .item.item_list hr {
    height: 1px;
    margin: 1rem;
    border-top: 1px dashed var(--transp-lighter-plus);
    background-color: transparent;
}

#masonryBox .item.item_list .columns {
    background-color: var(--transp-lighter-plus);
}

#masonryBox .item.item_list .columns p,
#masonryBox .item.item_list a.url {
    position: relative;
    width: fit-content;
}

#masonryBox .item.item_list .columns p.field {
    color: var(--txt-darker);
    font-weight: 400;
}

#masonryBox .item.over_card .columns p.field.description,
#masonryBox.stackOrg p.field.description,
#masonryBox .item.item_list .columns p.field.description {
    font-style: italic;
    text-align: justify;
}
#masonryBox.stackOrg p.field.description {
    font-size: 1.1rem;
}
#masonryBox .item.item_list .columns p.field.arch {
    font-size: .8rem;
    margin-bottom: 1rem;
    padding-top: 0;
}

#masonryBox .item.item_list a.url {
    font-size: .8rem;
    padding-bottom: .3rem;
}
#masonryBox .item.item_list a.url:hover {
    border-bottom: solid 1px var(--second-flat);
}




/* ======================================================================================= */
/* ORGANISATION page */
section#organisation_public {
    padding-top: 1.5rem;
}


/* -------------------- */
/* Logo */
#organisation_public nav.level.meta img {
    background-color: white;
    border-radius: 5%;
    padding: 0.6rem;
    width: 5rem;
    margin-bottom: 1.5rem;
}


/* -------------------- */
/* Meta */
#organisation_public .meta p.title {
    text-transform: uppercase;
    letter-spacing: 2px;
}
#organisation_public .meta p.heading {
    font-size: 0.8rem;
}


/* -------------------- */
/* Stats */
.stats p.title {
    font-size: 1.2rem;
}


/* -------------------- */
/* Collections Cards */
.colls_stack.level .card {
    max-width: 20rem;
    height: fit-content;
    top:0;
    right:0;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    background-color: transparent;
    overflow: hidden;
} 

.microStats {
    font-size: .9rem;
    font-weight: 300;
}
/* Card hover */
.colls_stack.level .card:hover {
    max-width: 22rem;
    box-shadow: 0 1.6rem 3.2rem rgba(0,0,0,0.30), 0 1.2rem 0.8rem rgba(0,0,0,0.22);
}
.colls_stack.level .card figure.image {
    max-height: 20rem;
    overflow: hidden;
    width: 100%;
}
.colls_stack.level .card:hover figure.image {
    width: 106%;
}
.colls_stack.level .card:hover img {
    margin-left: -3%;
    margin-top: -3%;
}
.colls_stack.level .card .media {
    display: -webkit-inline-box;
    text-align: left;
    margin-top: -3rem;
}
.colls_stack.level .card .media p.title {
    padding-right: 20%;
}

.colls_stack.level .card p,
.colls_stack.level .card .content {
    float: right;
    display: grid;
}
.colls_stack.level .card .content p {
    margin-top: 0.3rem;
}
.colls_stack.level .card p,
.colls_stack.level .card .content,
.colls_stack.level .card .card-content.transpEl {
    color: var(--txt-lighter);
}
.colls_stack.level .card:hover p,
.colls_stack.level .card:hover .content,
.colls_stack.level .card:hover .card-content.transpEl {
    color: var(--txt-darker);
}


.colls_stack.level .card .content div {
    display: inline-block;
    padding-right: 0.3rem;
}
.colls_stack.level .card .content div:nth-child(2) {
    margin-top: -0.5rem;
}

.colls_stack.level .card .svg-inline--fa.fa-w-18 {
    width: 1rem;
}
.colls_stack.level .card .content div span,
.colls_stack.level .card .content div p.heading {
    display: inline-block;
    margin-bottom: 0;
}

.colls_stack.level .card .title:not(.is-spaced)+.subtitle {
    margin-top: 0.5rem;
    min-width: 4rem;
}


/* TRANSITIONS */
.colls_stack.level .card p,
.colls_stack.level .card .content,
.colls_stack.level .card .card-content.transpEl
.colls_stack.level .card:hover p,
.colls_stack.level .card:hover .content,
.colls_stack.level .card:hover .card-content.transpEl,
.colls_stack.level .card,
.colls_stack.level .card:hover,
.colls_stack.level .card figure.image,
.colls_stack.level .card:hover figure.image,
.colls_stack.level .card img,
.colls_stack.level .card:hover img {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	transition: all .7s ease;
}


/* ======================================================================================= */
/* SUBSCRIPTION pages */
.split_layout .infoCard {
    background-color: var(--transp-light);
    padding: .9rem;
    margin: 1.5rem;
}
#subscriptionInfo .level .infoCard table th {
    padding-right: 2.5rem;
}
.split_layout .infoCard table td {
    color: var(--txt-lighter)
}



/* ======================================================================================= */
/* OVERVIEW PAGES */
.level:not(:last-child).lvl_sep {
    margin-bottom: 0;
    padding-bottom: .5rem;
}
.level.colls_stack .level-item {
    width: fit-content;
    flex-shrink: 1;
}
.level.colls_stack .level-item:first-child {
    max-width: 60%;
}

.over_card {
    margin-right: 2rem;
}

.over_card ul {
    display: inline-flex;

}
.over_card ul li {
    width: fit-content;
}

.over_card nav.level .image,
.colls_stack table tr .image {
    background-color: var(--txt-lighter);
}

/* #overview_orgs .over_card ul li .image,
#overview_orgs .colls_stack table tr .image {
    padding: .7rem;
} */
#overview_orgs .over_card ul li .image,
#overview_orgs .colls_stack table tr .image {
    padding: .7rem;
}
.colls_stack table tr .image {
    width: 5rem
} 

.over_card nav.level {
    padding-bottom: 0;
    /* margin-bottom: 1.5rem; */
}
.over_card nav.level p, /* orga. overview */
.over_card ul li p      /* collections overview */
{
    padding: .5rem .5rem .5rem 1.2rem;
}
.over_card:hover nav.level:first-child {
    background-color: var(--txt-lighter);
}
.over_card nav.level .image {
    margin-right: 1rem;
}
.over_card:hover nav.level .image {
    margin-right: 0;
    background-color: transparent;
}
.over_card nav.level .image img {
    max-height: 8rem;
    width: auto;
    padding: 1rem;
}

/* Table */
.tdCentered {
    text-align: center;
}
.colls_stack table img {
    width: 20rem;
}
.split_layout .colls_stack table,
.split_layout .colls_stack table tr,
.split_layout .colls_stack table tr:hover {
    background-color: transparent;
}

.colls_stack table th,
.colls_stack table td {
    vertical-align: middle;
    color: var(--txt-lighter);
    font-weight: 400;
    border-bottom: solid 1px;
}
.colls_stack table thead th,
.colls_stack table thead td {
    border-bottom-color: var(--transp-light);
}
.colls_stack table tbody th,
.colls_stack table tbody td {
    border-bottom-color: var(--main-dark);
}
.colls_stack table .boxShadow:hover td,
.colls_stack table .boxShadow:hover th {
    border-bottom: solid 1px transparent;
}

.colls_stack table thead th,
.colls_stack table td {
    font-weight: 300;
}
.colls_stack table tbody td:last-child {
    padding: 0 0;
    vertical-align: middle;
}
.colls_stack table tbody td:last-child div {
    text-align: center;
}
 
.over_card:hover nav.level:first-child,
.over_card nav.level:first-child,
.over_card nav.level .image {
    transition : all 0.3s;
    -webkit-transition :all 0.3s;
}
.over_card:hover nav.level .image {
    transition : all 0.45s;
    -webkit-transition :all 0.45s;
}


/* ======================================================================================= */
/* QUERY RESULTS PAGES */
.display_results {
    padding-top: 2.5rem;
}
.display_results .tabs.corpus {
    padding: 2.8rem 1rem 1.5rem 1rem;
    margin-bottom: 0;
}

.display_results .tabs.corpus ul {
    max-width: 90%;
}
#masonryBox.stackOrg {
    padding: 0;
}
#masonryBox.stackOrg .columns .column {
    padding: 0 .75rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
#masonryBox.stackOrg .columns .column:first-child {
    max-width: fit-content;
    margin-right: 1rem;
    border-right: solid 1px var(--transp-lighter-plus);
}

#masonryBox.stackOrg .columns .column:nth-child(2) {
    margin-left: .3rem;
}
#masonryBox.stackOrg .item {
    width: 100%;
    margin: .75rem;
}
#masonryBox.stackOrg .item li:first-child {
    margin-right: 2rem;
}
#masonryBox.stackOrg .item p {
    position: relative;
}
#masonryBox.stackOrg .item a {
    width: -webkit-fill-available;
}

#masonryBox.stackOrg .item {
    /* background-color: var(--transp-light); */
    /* padding: 1rem; */
    width: fit-content;
    max-width: 33%;
    margin-left: 4.5%;
    padding-right: 0;
    padding-left: 0;
}
#masonryBox.stackOrg .item ul {
    padding: 1rem;
}
#masonryBox.stackOrg .item h4 {
    color: var(--txt-light);
    padding: 1.2rem;
}
#masonryBox.stackOrg .item p.field {
    padding: .25rem .6rem;
    width: fit-content;
}
#masonryBox.stackOrg .item:hover {
    background-color: var(--txt-lighter);
}
#masonryBox.stackOrg .item:hover h4 {
    color: var(--txt-dark-darker);
}
#masonryBox.stackOrg .item:hover hr {
    background-color: var(--transp-lighter-plus);
}
/* #masonryBox.stackOrg .item ul li .image {
    padding: 1rem;
    width: fit-content;
    border-radius: 30%;
    margin: auto;
    margin-bottom: 1rem;
    background-color: var(--transp-lighter-plus);
} */
#masonryBox.stackOrg .item img {
    max-height: 8rem;
    width: auto;
    margin: auto;
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--transp-lighter-plus);
}
#masonryBox.stackOrg .item:hover img {
    background-color: transparent;
}
#masonryBox.stackOrg .item:hover, 
#masonryBox.stackOrg .item:hover img
#masonryBox.stackOrg .item,
#masonryBox.stackOrg .item img,
#masonryBox.stackOrg .item:hover h4,
#masonryBox.stackOrg .item h4 {
    transition : all 0.3s;
    -webkit-transition :all 0.3s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}
/* #masonryBox.stackOrg .item:hover, 
#masonryBox.stackOrg .item:hover img {
    transition : all 0.4s;
    -webkit-transition :all 0.4s;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
} */

/*live-demo*/
#masonryBox.object-mosaic .item img {
    width: -webkit-fill-available;
}

/* ======================================================================================= */
/* PAYMENTS | STRIPE */
#public_payment_start .level-item {
    max-width: 100%;
}
#public_payment_done a.url {
    font-size: 1.2rem;
}
#public_payment_done a.url:hover {
    background-color: var(--second-flat);
    color: var(--main-dark);
    text-decoration: none;
}
    
p.purchase_info,
.level.corpus p.purchase_info {
    text-align: center;
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 2rem;
}


/* ======================================================================================= */
/* FAQ */
#public_faq ul ul {
    padding: 2rem 2rem .5rem 2rem;
}
#public_faq ul.faq_anchors {
    list-style: none;
}
#public_faq ul.faq_anchors li {
    text-align: center;
}
/*#public_faq ul.faq_anchors a.darkIcon {
    color: var(--txt-dark);
}*/
#public_faq ul ul {
    list-style: none;
}
#public_faq .levelTop .subtitle {
    margin-bottom: .5rem;
}
#public_faq .docu {
    padding-top: .5rem;
}
#public_faq h3 {
    padding-top: 3rem;
    padding-bottom: 1rem;
}
#public_faq strong {
    font-weight: 600;
    color: var(--main-dark-darker);
}