/*
Theme Name: Rai Com 21 - Piksel Edition
Theme URI: https://piksel.com/
Author: Piksel
Author URI: https://piksel.com/
Description: Tema realizzato per il restyling 2021 di tutti i siti Rai Com secondo le diretive Rai Digital
Version: 2024.1
*/


/*@import url(css/reset.css);*/
@import url(css/common.css);
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@100;200;400;600;700&display=swap');
:root {
    --blu-ultralight: #EFF7FF;
    --blu-light: #80B5FF;
    --blu-mediumlight: #1A66FF;
    --blu-medium: #0044CC;
    --blu-dark: #000099;
    --blu-ultradark: #0E0057;
    --grey-ultralight: #F6F7F9;
    --grey-light: #AAB1C6;
    --grey-mediumlight: #687087;
    --grey-medium: #484C61;
    --grey-dark: #1b2352;
    --grey-ultradark: #161928;
}

#wrapperOverflowMobile{
    overflow-x: hidden;
    overflow-y: hidden;
}

body {
    font-size: 16px;
    font-family: 'Public Sans', sans-serif;
}


/*@import url(css/typography.css);*/

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

::-webkit-selection,
::-moz-selection,
::selection {
    background: #36E9DE;
    color: #063835;
}

a {
    text-decoration: none;
    transition: all ease .3s;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

.negative {
    color: #fff;
}

a.negative:hover,
.negative a:hover {
    color: var(--blu-mediumlight);
}

.btn {
    width: auto;
    transition: 0.25s;
    background: none;
    border: 0;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em 0;
    display: inline-block;
    color: var(--blu-medium);
    margin-right: auto;
    font-weight: 700;
    font-size: 1.06rem;
}

.btn::after {
    content: ' ';
    -webkit-mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--blu-medium);
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 .5rem;
    position: absolute;
    transition: all .2s ease;
}

.btn:hover::after {
    background-color: var(--blu-mediumlight);
    margin-left: 1rem;
}

.negative .btn::after {
    background-color: #fff;
}

.negative .btn:hover::after {
    background-color: var(--blu-light);
}

.btn.box {
    width: auto;
    transition: 0.25s;
    background: none;
    border: 2px solid;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em 2rem;
    display: inline-block;
    border-radius: 0;
    color: #fff;
    background: var(--blu-dark);
    border-color: var(--blu-dark);
    margin-right: auto;
    -webkit-perspective: 100px;
    perspective: 100px;
}

.negative .btn {
    color: #fff;
}

.negative .btn.box {
    border-color: #fff;
    color: var(--blu-dark);
    background: #fff;
}

.btn:hover,
.btn:focus {
    color: var(--blu-mediumlight);
}

.btn.box:hover,
.btn.box:focus {
    border-color: var(--blu-mediumlight);
    box-shadow: inset 0 -4em 0 0 var(--blu-mediumlight);
    color: #fff;
}

.negative .btn:hover,
.negative .btn:focus {
    color: var(--blu-light);
}

.negative .btn.box:hover,
.negative .btn.box:focus {
    border-color: var(--blu-mediumlight);
    box-shadow: inset 0 -4em 0 0 var(--blu-mediumlight);
    color: #fff;
}


/*
### BLOCKS GENERAL RULES ###
*/


/* Core blocks wrapped in boostrap */
.wp-block-heading {
    margin-bottom: 1rem;
}

.wp-block-paragraph {
    margin-bottom: 1rem;
}
.wp-block-table th,
.wp-block-table td {
    padding: 1rem;
}
.wp-block-table thead {
    border-bottom: 1px solid var(--blu-medium);
    font-weight: bold;
}


/*.card-big:nth-child(2n+1) .row .row {
    display: flex;
    flex-direction: row-reverse;
}*/


/*.container~.card-big:nth-child(2n) .row .row {
    display: flex;
    flex-direction: row-reverse;
}*/

.case-history.card-row {
    margin-bottom: 8rem;
}


/* Square boxes*/

.squared {
    position: relative;
    width: 100%;
    bottom: -4rem;
}

.squared:before {
    content: "";
    float: left;
    padding-top: 100%;
}

@media only screen and (min-width: 760px) {
    .squared {
        width: 60%;
    }
}

@media only screen and (min-width: 1080px) {
    .squared {
        width: 40%;
    }
}


/**/

.more {
    position: relative;
    color: var(--blu-dark);
    text-decoration: none;
    font-size: 1rem;
    display: inline-block;
    padding: 0.5em 2rem;
    border: 2px solid var(--blu-dark);
    transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
    margin-right: auto;
    z-index: 2;
}

.more::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--blu-dark);
    transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1);
    z-index: 1;
}

.more::after {
    content: "";
    display: inline-block;
    background-image: url(assets/arrow-negative.svg);
    position: absolute;
    z-index: 2;
    top: 0;
    left: calc(100% - 3em);
    right: 3rem;
    bottom: 0;
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--blu-dark);
    transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
}

.more:hover {
    color: var(--blu-dark);
    padding: 0.5em 3.5em 0.5em 0.5rem;
}

.more:hover::before {
    left: calc(100% - 3em);
    right: 0;
    transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

.more:hover::after {
    right: 0;
    transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}


/**/

.negative .more {
    color: #fff;
    border-color: #fff;
}

.negative .more::before {
    background: #fff;
}

.negative .more::after {
    background-image: url(assets/arrow.svg);
    background-color: #fff;
}

.negative .more:hover {
    color: #fff;
}


/* Discover more  (es. news section title) */

.title-more {
    opacity: 1;
    outline: 0;
    color: var(--blu-dark);
    position: relative;
    text-align: left;
    letter-spacing: 1px;
    display: inline-block;
}

.title-more:after {
    opacity: 0;
    width: 100%;
    display: block;
    transition: 0.3s;
    color: var(--blu-dark);
    content: attr(data-back);
    transform: translateY(-50%) rotateX(90deg);
    font-size: 1rem;
    text-align: left;
}

.title-more:hover:after {
    opacity: 1;
    transform: translateY(0) rotateX(0);
    color: var(--blu-mediumlight);
}

.title-more:hover {
    color: var(--blu-mediumlight);
}


/**/

#portali {
    background: var(--grey-dark);
    min-height: 40px;
    color: #fff;
}

#top-menu {
    color: var(--blu-dark);
    background: #fff;
    height: 4.5rem;
}
#social-menu{
    /*display: none;*/
}
#social-menu ul{
    padding: 0;
    padding-left: 2.62rem;
    list-style: none;
}
#social-menu ul li{
    display: inline-block;
}
#social-menu ul li a {
    display: block;
    height: 2rem;
    text-indent: -99999em;
    width: 2rem;
    overflow: hidden;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}
#social-menu ul li.fb a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-facebook" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg>'); }
#social-menu ul li.tw a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-twitter" viewBox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/></svg>'); }
#social-menu ul li.ig a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-instagram" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/></svg>'); }
#social-menu ul li.lk a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-linkedin" viewBox="0 0 16 16"><path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/></svg>'); }
#social-menu ul li.yt a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-youtube" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/></svg>'); }
#social-menu ul li.vm a{ background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-vimeo" viewBox="0 0 16 16"><path d="M15.992 4.204c-.071 1.556-1.158 3.687-3.262 6.393-2.175 2.829-4.016 4.243-5.522 4.243-.933 0-1.722-.861-2.367-2.583L3.55 7.523C3.07 5.8 2.556 4.94 2.007 4.94c-.118 0-.537.253-1.254.754L0 4.724a209.56 209.56 0 0 0 2.334-2.081c1.054-.91 1.845-1.388 2.373-1.437 1.243-.123 2.01.728 2.298 2.553.31 1.968.526 3.19.646 3.666.36 1.631.756 2.446 1.186 2.445.334 0 .836-.53 1.508-1.587.671-1.058 1.03-1.863 1.077-2.415.096-.913-.263-1.37-1.077-1.37a3.022 3.022 0 0 0-1.185.261c.789-2.573 2.291-3.825 4.508-3.756 1.644.05 2.419 1.117 2.324 3.2z"/></svg>'); }
#social-menu ul li:hover{
    background-color: transparent;
    cursor: auto;
}

/* Menu */

#mainMenuBtn {
    width: 1.5rem;
    height: 1.5rem;
}

#mainMenuBtn svg {
    fill: var(--blu-ultradark);
    transition: all .2s;
}

#mainMenuBtn:hover svg {
    fill: var(--blu-mediumlight);
}

nav .ico {
    margin-bottom: 2rem;
}

nav .ico svg {
    height: 3rem;
    fill: #fff;
}

nav .ico:hover svg {
    fill: var(--blu-light);
    stroke: var(--blu-light);
}


/* END Menu*/


/* Search bar */

.search-form input {
    border: 0;
}

.search * {
    outline: none;
    box-sizing: border-box;
}

.search__wrapper {
    position: relative;
}

.search__field {
    width: 0;
    height: 3.12rem;
    color: transparent;
    font-family: Lato, sans-serif;
    font-size: 1.06rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    z-index: 9;
    position: relative;
}

.search__wrapper.open .search__field {
    width: 30rem;
    max-width: 40vw;
    color: var(--grey-ultradark);
    cursor: default;
    padding: 0 2rem 0 1rem;
    background-image: linear-gradient(to right, var(--grey-ultralight), var(--grey-ultralight) 80%, #fff 100%);
    background-repeat: no-repeat;
}

.search__icon {
    position: absolute;
    top: .5rem;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    display: block;
    padding: 1rem;
    z-index: 11;
    background-color: #fff;
}

.search__icon:hover {
    background-color: #fff;
    cursor: pointer;
}

.search__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    margin: -.75rem 0 0 -.75rem;
    fill: var(--blu-dark);
}

.search__icon:hover svg {
    cursor: pointer;
    fill: var(--blu-medium);
}

.search__field::-webkit-input-placeholder,
.search__field:-moz-placeholder,
.search__field::-moz-placeholder,
.search__field:-ms-input-placeholder {
    position: relative;
    top: 1rem;
    left: 0;
    -ms-transition-property: top, color;
    transition-property: top, color;
    transition-duration: 0.1s;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
}

.search__field::-webkit-input-placeholder[style*=hidden],
.search__field:-moz-placeholder[style*=hidden],
.search__field::-moz-placeholder[style*=hidden],
.search__field:-ms-input-placeholder[style*=hidden] {
    color: var(--blu-light);
    font-size: 0.65rem;
    font-weight: normal;
    top: -20px;
    opacity: 1;
    visibility: visible !important;
}


/*
    Clearable text inputs
*/

.search__clear {
    margin-right: 3rem;
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 1.25rem;
    background: var(--grey-light);
    padding: .25rem;
    border-radius: 100px;
    font-size: .5rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    color: #fff;
}

.search__wrapper.open .search__clear {
    display: block;
    opacity: 1;
    transition: opacity ease .5s;
}

.search__clear:hover {
    color: #fd426a;
    background-color: var(--grey-light);
    cursor: pointer;
}


/* END Search bar*/


/* ICONS */

.ico {
    height: 1rem;
    width: 1rem;
}


/* END ICONS*/


/* HEADERS */

#top-header {
    background: var(--blu-dark);
}

header .logo svg {
    margin-left: 1.5em;
    height: 3rem;
    fill: var(--blu-dark);
    transition: fill .2s ease;
}

header a.logo:hover svg {
    fill: var(--blu-medium);
    transition: fill .2s ease;
}

#btnPortali svg {
    rotate: 0deg;
    width: 1rem;
    margin-left: .5rem;
    fill: #fff;
    transition: all ease .2s;
}

#btnPortali:hover svg {
    fill: var(--blu-medium);
}

#portali.open #btnPortali svg {
    rotate: 180deg;
    transition: all ease .2s;
}

#portaliMenu {
    position: absolute;
    background: var(--grey-dark);
    top: 0rem;
    z-index: -1;
    padding: 2rem;
    opacity: 0;
    transition: all ease .3s;
}

#portaliMenu.open {
    display: flex;
    top: 1.75rem;
    opacity: 1;
    z-index: 101;
    transition: all ease .3s;
}

#maskOverlayPortali {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 2.5rem;
    left: 0;
    z-index: 99;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    transition-delay: .1s;
}

#maskOverlayPortali.open {
    opacity: 1;
    visibility: visible
}

#portaliMenu p.title {
    border-bottom: 1px solid var(--grey-light);
    color: var(--grey-light);
    padding: 1rem 0;
    margin-bottom: 1rem;
}

#portaliMenu li {
    padding: 1rem 0;
}

#portaliMenu a {
    color: inherit;
    height: 2rem;
    display: block;
    position: relative;
}

#portaliMenu .menu-item-description {
    position: absolute;
    margin-top: 1.5rem;
    color: var(--grey-light);
}

#portaliMenu a:hover {
    color: var(--blu-mediumlight);
}

#hero {
    background-image: linear-gradient(to right, var(--blu-dark), var(--blu-medium));
    max-height: calc(100vh - 7rem);
    min-height: 50vh;
    padding-bottom: 4rem;
    position: relative;
}

#hero::before {
    content: "";
    display: inline-block;
    width: 40%;
    height: 10rem;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: #fff;
}

#hero:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    right: 8rem;
    bottom: -1rem;
    position: absolute;
    background-color: var(--blu-mediumlight);
}

@media only screen and (max-width: 990px) {
    #hero {
        background-image: linear-gradient(to right, var(--blu-dark) 40%, var(--blu-medium));
        max-height: calc(100vh - 4rem);
        min-height: 50vh;
        padding-bottom: 4rem;
    }
    #hero::before {
        display: none;
    }
}

#hero .squared {
    position: relative;
    bottom: auto;
    bottom: -2rem;
}

#hero .squared:before {
    content: "";
    float: left;
    padding-top: 100%;
}

#hero .squared:after {
    content: "";
    display: inline-block;
    width: 4rem;
    height: 4rem;
    right: -2rem;
    top: 2rem;
    position: absolute;
    background-color: #fff;
}

@media only screen and (min-width: 960px) {
    #hero .squared {
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    #hero .squared {
        width: 50%;
    }
}


/* end HEADERS */

.intro-row {
    min-height: 50vh;
    bottom: -50px;
    position: relative;
}

#intro {
    min-height: 50vh;
}

#introbox {
    background: linear-gradient(to left, var(--blu-dark), #015DE5);
    padding: 50px;
    bottom: -50px;
}

.news-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 20vh;
}

.news-card a {
    color: inherit;
    transition: .3s all;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 85%;
    background-size: 0px 2px;
}

.news-card a:hover {
    color: var(--blu-mediumlight);
    background-size: 100% 2px;
    background-image: linear-gradient( 90deg, var(--blu-mediumlight) 0%, var(--blu-ultralight) 100%);
    text-decoration: none;
}


/* FOOTER */

.grecaptcha-badge { 
    visibility: hidden;
}

.footer {
    color: var(--grey-dark);
    background-color: var(--grey-ultralight);
}

.footer .logo svg {
    fill: var(--grey-dark);
}

footer ul {
    list-style: none;
    padding: 0;
}

footer li {
    padding-bottom: 1.4rem;
}

footer a {
    color: inherit;
    transition: all .2s;
}

footer a:hover {
    color: var(--blu-mediumlight);
}

footer h5 {
    margin-bottom: 1.4rem;
    color: inherit;
}

.footer p {
    line-height: 1.7rem;
    font-size: .8rem;
}

footer .row {
    padding: 50px 0;
}

.row.footer {
    border-top: 1px solid var(--grey-light);
}

.end-footer a {
    margin-right: 1.4rem;
}


/* end FOOTER */


/* SINGLE */

#single-header,
#archive-header {
    background: linear-gradient(to right, var(--blu-dark) 50%, var(--blu-ultradark));
    margin-bottom: 4rem;
}

body.error404 #single-header {
  min-height: 25vh;
}

#single-header h3 a,
#archive-header h3 a {
    color: inherit;
}

#single-header a:hover {
    color: var(--blu-mediumlight);
}

.breadcrumb {
    margin: 0;
}

.breadcrumb a {
    display: inline-block;
    margin: 0 1.4em 0 0;
    padding: 0 1.4em 0 0;
    position: relative;
    color: inherit;
}

.breadcrumb a::before,
.breadcrumb a::after {
    border-right: 1px solid #fff;
    content: '';
    display: block;
    height: 30%;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    transform: skewX(45deg);
}

.breadcrumb a::after {
    bottom: 20%;
    top: auto;
    transform: skewX(-45deg);
}

@media only screen and (max-width: 760px) {
    .breadcrumb {
        display: none;
    }
}


/*.breadcrumb a:last-of-type::before,
.breadcrumb a:last-of-type::after {
    display: none;
}*/

.single-thumbnail {
    background-size: cover;
    position: relative;
    bottom: -2rem;
}

.single-thumbnail:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    left: -1rem;
    bottom: 1rem;
    position: absolute;
    background-color: var(--blu-light);
}

#pageIndex,
#pageFilters {
    position: absolute;
}

#pageIndex.stickit,
#pageFilters.stickit {
    position: fixed;
    top: 1rem;
}

#pageIndex li,
#pageFilters li {
    list-style: none;
    margin: 0 0 1rem 0;
}

#pageIndex p,
#pageFilters p {
    font-size: .94rem;
}


/* end SINGLE*/


/* Archives */

.alphaIndex li,
.alphaIndex li a {
    padding: .5rem;
    margin-bottom: .5rem;
}

.alphaIndex li a {
    color: inherit;
}

.alphaIndex li.current a {
    color: #fff;
    background: var(--blu-mediumlight);
}

.alphaIndex li a:hover {
    color: #fff;
    background: var(--blu-mediumlight);
}

.filtersBox {
    /*background: var(--blu-ultralight);*/
}

.filtersBox p.title {
    border-bottom: 1px solid var(--blu-mediumlight);
    margin-bottom: .5rem;
    color: var(--blu-mediumlight);
    text-transform: uppercase;
    margin-top: 1.5rem;
}

.filtersBox p.title:first-of-type {
    margin-top: 0;
}

/* end Archives*/

/* Elements */
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
}
.wp-block-embed__wrapper iframe {
    height: 100%;
    width: 100%;
    position: absolute;
}
/* end Elements*/

/* Catalogue */

body.single article.catalogo {
    min-height: 60vh;
}

.ms-options-wrap button {
    padding: 1rem !important;
    background-color: #fff !important;
    border: 1px solid var(--blu-light) !important;
}
.ms-options-wrap > .ms-options {
    left: auto !important;
}

.sort select {
    background-color: #fff;
    border: 1px solid var(--blu-light);
    padding: .5rem;
    line-height: 1.06rem;
}

.sort label {
    line-height: 1.06rem;
    padding: .5rem;
}

#catalogueCover {
    position: absolute;
}

.share svg,
.print svg {
    width: 1.5rem;
    height: auto;
    margin: 0 1rem;
    transition: all .25s ease;
}

.negative .share svg,
.negative .print svg {
    fill: #fff;
}

.negative .share:hover svg,
.negative .print:hover svg {
    fill: var(--blu-mediumlight);
}

.nav-links {
    display: flex;
    justify-content: space-between;
}

/* 3D COVER*/
.cover3d-container {
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 37.5rem;
  }
  
  @keyframes initAnimation {
    0% {
      transform: rotateY(0deg);
    }
    100% {
      transform: rotateY(-20deg);
    }
  }
  
  .cover3d {
    width: 12.5rem;
    height: 18rem;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateY(-20deg);
    transition: .5s ease;
    animation: .5s ease 0s 1 initAnimation;
  }
  
  .cover3d:hover {
    transform: rotateY(0deg);
  }
  
  .cover3d > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    width: 12.5rem !important;
    height: 18rem;
    transform: translateZ(12.5px);
    background-color: #000;
    border-radius: 0 2px 2px 0;
    box-shadow: 5px 5px 15px #000;
    object-fit: cover !important;
  }
  
  .cover3d::before {
    position: absolute;
    content: ' ';
    background-color: blue;
    left: 0;
    top: 3px;
    width: 1.5rem;
    height: 18rem;
    transform: translateX(11.5rem) rotateY(90deg);
    background: linear-gradient(90deg, 
      #fff 0%,
      #f9f9f9 5%,
      #fff 10%,
      #f9f9f9 15%,
      #fff 20%,
      #f9f9f9 25%,
      #fff 30%,
      #f9f9f9 35%,
      #fff 40%,
      #f9f9f9 45%,
      #fff 50%,
      #f9f9f9 55%,
      #fff 60%,
      #f9f9f9 65%,
      #fff 70%,
      #f9f9f9 75%,
      #fff 80%,
      #f9f9f9 85%,
      #fff 90%,
      #f9f9f9 95%,
      #fff 100%
      );
  }
  
  .cover3d::after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 12.5rem;
    height: 18rem;
    transform: translateZ(-.75rem);
    background-color: #01060f;
    border-radius: 0 2px 2px 0;
    /*box-shadow: -10px 0 50px 10px var(--blu-dark);*/
  }

/* end Catalogue*/


/* Risultati ricerca */

.summary .element {
    border-bottom: 1px solid var(--grey-light);
    padding-bottom: 1rem;
    margin-bottom: 1rem !important;
}

article:last-of-type>.container.summary .element {
    border: 0;
}

@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #videoBG {
        width: auto;
        height: 100%;
    }
}


/* Animations */


/* Body */

.unLoader {
    transition: opacity 1s;
    background: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 1;
}

.unLoader.hideme {
    transition: opacity 1s;
    opacity: 0;
    z-index: -10000;
}

body {
    animation: fadeInAnimation ease 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animatedbg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
}

.squares {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.squares li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: var(--blu-ultralight);
    animation: animate 25s linear infinite;
    bottom: -150px;
}

.squares li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.squares li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.squares li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.squares li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.squares li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.squares li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.squares li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.squares li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.squares li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.squares li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0);
        opacity: .5;
    }
    100% {
        transform: translateY(-1000px);
        opacity: 0;
    }
}


/*Scroll + header*/


/*.body {
    scroll-margin-top: 10rem;
}*/


/* FOOTER  */

#backTop {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #fff;
    cursor: pointer;
    padding: .75rem;
    border-radius: 8rem;
    box-shadow: 0px 0px 10px -5px var(--grey-medium);
    transition: all ease .3s;
}

#backTop svg {
    width: 1rem;
    fill: var(--blu-medium);
}

#backTop:hover {
    background-color: var(--blu-medium);
}

#backTop:hover svg {
    fill: #fff;
}

.end-footer ul li {
    display: inline-block;
}

.footer-list a {
    font-family: var(--e-global-typography-secondary-font-family) !important;
    color: #F8F8F4 !important;
    font-size: .8rem;
    line-height: 1.8rem;
    transition: all .2s;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
}

.footer-list a:hover {
    color: var(--e-global-color-primary) !important;
}

@media only screen and (max-width: 600px) {
    .gamma {
        width: 50% !important;
    }
    .gamma img {
        width: 100% !important;
    }
}
@media only print{
    #portali,
    #mainMenuBtn,
    #top-menu form,
    .sharing,
    .breadcrumb,
    footer{
        display: none !important;
    }
    header .logo svg {
        margin-left: 0;
    }
    #single-header{
        margin-bottom: 0rem;
    }
    article .catalogue-details-book {
        display: none;
    }
    .carousel-home .carousel li .image,
    body.archive article:first-of-type .image,
    .single-thumbnail{
        padding: 0 !important;
    }
}

/*
####
#### Buddypress for COTB Network
####
*/
.buddypress-wrap{
    margin-bottom: 3rem !important;
}
.buddypress-wrap .item-body {
    margin: 0;
}
/* user's menus */
.buddypress-navigation{
    background-color:var(--grey-light);
}
.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links){
    border: 0;
    box-shadow: none !important;
}
.buddypress-wrap .bp-subnavs{
    margin: 0 !important;
    background-color:var(--blu-ultralight);
}
.buddypress-wrap .activity-nav {
    background-color: var(--blu-ultralight);
    display: inline-block;
    width: 100%;
}

.buddypress-wrap:not(.bp-single-vert-nav) .main-navs > ul > li > a,
#buddypress .bp-navs ul li a  {
    padding: 1rem .5rem !important;
}
.buddypress-wrap .bp-subnavs li.current a,
.buddypress-wrap .bp-subnavs li.selected a {
    background: inherit !important;
}
.buddypress-wrap .bp-personal-tab a,
.buddypress-wrap .bp-personal-sub-tab a,
.buddypress-wrap .activity-nav a{
    color: var(--grey-ultradark);
  }

  .buddypress-wrap .main-navs:not(.dir-navs) li.current a,
  .buddypress-wrap .main-navs:not(.dir-navs) li.selected a,
  .buddypress-wrap .activity-nav li.current a,
  .buddypress-wrap .activity-nav li.selected a {
    background: var(--blu-ultralight) !important;
  }
  .buddypress-wrap .activity-nav li.selected a{
    color: var(--grey-ultradark) !important;
    font-weight: bold;
  }
  .betobemenu{
    background-color:var(--blu-dark);
  }
  .betobemenu li{
    padding: 1rem;
    margin-right: 0 !important;
  }
  .betobemenu .current_page_item{
    background: var(--blu-ultralight) !important;
  }
  .betobemenu .current_page_item a.negative{
    color: var(--grey-ultradark) !important;
    font-weight: bold;
  }
/* alert notice banner*/
.buddypress aside {
    position: fixed !important;
    bottom: 0;
    z-index: 3;
    background-color: var(--blu-medium) !important;
    color:#fff !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 2rem;
}
.buddypress aside .bp-icon{
    display: none !important;
}
.buddypress aside .dashicons-dismiss::before {
    content: "\f335";
    color: #fff;
}
.buddypress aside a .dashicons-dismiss::before {
    content: "\f335";
    color: #fff;
}
.buddypress aside a:hover .dashicons-dismiss::before {
    color: var(--blu-light);
}
/* activities */
#buddypress .item-body .activity-update-form .activity-form {
    margin: 3rem 0 !important;
}
#buddypress .activity-list.bp-list, .activity-list, .bp-list{
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
}
#buddypress .activity-list.bp-list .activity-item {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 3rem 0 !important;
    padding: 0 !important;
}
#buddypress .activity-list .activity-item .activity-content .activity-header, .activity-list .activity-item .activity-content .comment-header {
    margin-bottom: 1rem !important;
  }
#buddypress .activity-list .activity-item .activity-content .activity-inner,
#buddypress .activity-list .activity-item .activity-content blockquote {
    background: var(--grey-ultralight) !important;
    margin: 0 !important;
    padding: 1rem !important;
  }
#buddypress .activity-list .activity-item .activity-meta.action {
    border-top: 1px solid var(--grey-light) !important;
    background: var(--grey-ultralight) !important;
    padding: 0 1rem !important;
    border-radius: 0 !important;
}
#buddypress .bp-profile-button {
    text-align: right;
    padding: 0 2rem !important;
}
#buddypress .single-headers a.button,
#buddypress .single-headers div.generic-button {
    margin: 2px 10px 2px 0;
}
#buddypress .single-headers .activity {
    display: inline-block;
    font-size: .8rem;
    padding: 0;
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0px 0px 3px rgb(0 0 0 / 80%);
}

#buddypress .mpp-item {
    margin-bottom: 0 !important;
    padding: 0 .5rem .5rem 0 !important;
}
.buddypress-wrap .activity-comments {
    padding: 1rem !important;
    margin: 0 !important;
    background: var(--grey-ultralight) !important;
}
.buddypress-wrap .activity-list .activity-item div.item-avatar {
    margin: 0 .5rem 0 0 !important;
}
.buddypress-wrap .activity-comments .acomment-meta {
    padding-left: 0 !important;
    line-height: 1.5rem !important;
}
.buddypress-wrap .activity-comments .acomment-content {
    border-left: 1px solid var(--grey-light) !important;
    margin: 1rem 0 0 .75rem !important;
    padding: .5em 1em !important;
}


.buddypress-wrap.round-avatars .avatar {
    border-radius: 0 !important;
}
#buddypress .activity-avatar.item-avatar {
    width: 2.5rem !important;
    margin: 0 !important;
}
#buddypress #header-cover-image {
    height: 100% !important;
}
#buddypress .single-headers {
    margin-bottom: 0 !important;
  }
  #buddypress #item-header-cover-image {
    margin-bottom: 0 !important;
  }
  #buddypress .activity-update-form {
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #buddypress .activity-update-form #whats-new-textarea textarea{
    border: 1px solid var(--grey-light);
  }
#buddypress .button,
#buddypress .text-button,
#buddypress .bp-secondary-action{
    width: auto;
    transition: 0.25s;
    background: none;
    border: 0;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em 0;
    display: inline-block;
    color: var(--blu-medium);
    margin-right: auto;
    font-weight: 700;
    font-size: 1.06rem;
}
#buddypress .text-button,
#buddypress .bp-secondary-action{
    color: var(--grey-medium);
}

/*#buddypress .button::after {
    content: ' ';
    -webkit-mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    mask: url('./assets/ico-arrow-next.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--blu-medium);
    width: 1rem;
    height: 1rem;
    margin: 0 0 0 .5rem;
    position: absolute;
    transition: all .2s ease;
}*/

#buddypress .button:hover::after {
    background-color: var(--blu-mediumlight);
    margin-left: 1rem;
}

#buddypress .button:hover,
#buddypress .button:focus,
#buddypress .text-button:hover,
#buddypress .text-button:focus {
    color: var(--blu-mediumlight);
}

#buddypress .activity-update-form #whats-new-submit {
    margin: 0 0 0 55px !important;
    text-align: right;
  }
  #buddypress .activity-update-form #whats-new-submit input {
    margin: 0 10px;
    width: auto;
  }
/* Member's search */
.memberSearchForm input,
.memberSearchForm select{
    border:1px solid var(--grey-light);
    color: var(--grey-ultradark);
    background-color: #fff;
    padding: .5rem;
    width: 100%;
}
.memberSearchForm label{
    display: block;
    width: 100%;
    margin-bottom: .5rem;
}
.memberSearchForm label strong{
    font-weight: normal;
}
.memberSearchForm label span{
    font-weight: normal;
    font-style: italic;
    color: var(--grey-light);
    font-size: .8rem;
    margin-left: .5rem;
}
#members-dir-list .bp-list li .item .item-meta,
#members-dir-list .bp-list li .item .list-title {
  float: none !important;
  margin-top: 0 !important;
}
.friendship-button.not_friends.add{
    color: var(--blu-medium);
    display: flex;
    align-items: center;
}
.friendship-button.not_friends.add::after{
    content:' +';
    font-size: inherit;
    margin-left: .3rem;
}
.friendship-button.not_friends.add:hover{
    color: var(--grey-ultradark);
}

.friendship-button.is_friend.remove{
    display: flex;
    align-items: center;
}
.friendship-button.is_friend.remove::after{
    content:' x';
    margin-left: .3rem;
}
.friendship-button.is_friend.remove:hover{
    color: var(--grey-dark);
}
#members-list .bp-list li {
    margin: 0 0 .5rem 0 !important;
    padding: .5em 0 1rem 0 !important;
}
/*Feed*/
#mpp-upload-media-button-activity{
    margin: 0 !important;
    padding: .5rem 0 !important;
}
.mpp-drag-drop-inside p {
    margin: 0 !important;
}
.mpp-upload-container-close {
    position: absolute;
    right: 0 !important;
    top: 1rem !important;
    z-index: 1;
    background: var(--grey-mediumlight) !important;
    height: 2rem !important;
    width: 2rem !important;
    text-indent: 0 !important;
    color: #fff;
    text-align: center;
    padding: .5rem;
    text-transform: uppercase;
  }
#mpp-photo-upload::before {
    content: 'Upload an image';
    display: inline-block;
  }
  #mpp-photo-upload img {
    display: none;
  }
  #mpp-activity-upload-buttons {
    width: 100%;
    margin-bottom: 3rem;
  }

  #activity-rss-feed {
    display: none;
  }
  #activity-filter-by{
      padding: .75rem 1rem;
  }
  /*Events*/
  .css-events-list th {
    font-weight: bold;
  }
  .css-events-list table.events-table td {
    padding: 1rem 1rem 1rem 0;
    line-height: 1.2rem;
    vertical-align: top;
  }
  .em-events-search .em-search-submit img {
    display: none;
  }
  .em-events-search .em-search-submit::before {
    content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M9.853,17.478c1.694,-0 3.252,-0.548 4.515,-1.478c0.628,-0.462 1.176,-1.01 1.632,-1.632c0.93,-1.263 1.478,-2.827 1.478,-4.515c-0,-4.212 -3.412,-7.63 -7.625,-7.63c-4.212,0 -7.63,3.418 -7.63,7.63c0,4.213 3.418,7.625 7.63,7.625m-0.042,-17.478c5.419,0 9.816,4.391 9.816,9.811c-0,2.296 -0.788,4.409 -2.112,6.078l6.146,6.14c0.228,0.228 0.339,0.523 0.339,0.819c0,0.295 -0.111,0.592 -0.339,0.813c-0.45,0.45 -1.183,0.45 -1.632,-0l-6.14,-6.146c-1.669,1.317 -3.782,2.112 -6.078,2.112c-5.42,-0 -9.811,-4.397 -9.811,-9.816c0,-5.42 4.391,-9.811 9.811,-9.811' style='fill-rule:nonzero;'%3E%3C/path%3E%3C/svg%3E");
    width: 1rem;
    height: 1rem;
    display: block;
}
.em-events-search .em-search-submit,
.em-events-search .em-search-submit:hover{
    background: var(--blu-light) !important;
    border: 0 !important;
    border-radius: 0 !important;
    top: 0 !important;
    right: 0 !important;
}
div.css-search div.em-search-text {
    margin: 0 !important;
    padding-left: 0 !important;
    background: none !important;
}
div.css-search{
    border:0 !important;
    border-bottom: 1px solid #dedede !important;
    min-height: 0 !important;
    width: 30%;
}
.em .em-item.em-item-single .em-item-image {
    order: 1 !important;
}
.em.em-list .em-item .em-item-info,
.em .em-list .em-item .em-item-info{
    border: 0 !important;
}
.em .em-item.em-item-single .em-item-image img {
    padding-left: 0px !important;
    border: 0 !important;
  }
/*Registration*/
/*.buddypress-wrap .register-page .layout-wrap {
    flex-flow: column wrap !important;
}*/
.buddypress-wrap .standard-form select {
    padding: .5rem !important;
    width: 100% !important;
}
.buddypress-wrap .register-page .signup-form #pass-strength-result,
.buddypress-wrap .register-page .signup-form #pass1,
.buddypress-wrap .register-page .signup-form #pass1-text {
    width: 100% !important;
}
.buddypress-wrap .password-input-wrapper {
    position: relative !important;
  }
.buddypress-wrap .button.wp-hide-pw {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--blu-ultralight) !important;
    padding: .5rem !important;
    margin: 0 !important;
}
.buddypress-wrap .register-page .signup-form .default-profile input {
    margin-bottom: 0 !important;
}
.buddypress-wrap .register-page .signup-form select {
    width: 100% !important;
    padding: .5rem !important;
}
.buddypress-wrap .field-visibility-settings-toggle button {
    margin: 0 0 0 1rem !important;
    padding: 0 !important;
    font-style: normal !important;
    color: var(--blu-medium) !important;
    font-weight: normal !important;
    font-size: .9rem !important;
  }
.buddypress-wrap #register-page #submit{
    width: auto;
    transition: 0.25s;
    background: none;
    border: 0;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em;
    display: inline-block;
    color:#fff;
    background-color: var(--blu-medium);
    margin-right: auto;
    font-weight: 700;
    font-size: 1.06rem;
}
.buddypress-wrap #register-page #submit:hover{
    color:#fff;
    background-color: var(--blu-dark);
}
#register-page aside{
    display: none;
}
/*
Groups
*/
.buddypress-wrap .groups-header .desc-wrap {
    background: var(--grey-ultralight);
    border: 0;
    margin: 0 0 1rem;
    padding: 1rem;
    text-align: center;
  }
  .buddypress-wrap .groups-header .desc-wrap .group-description {
    background: none;
    box-shadow: none;
    padding: 0;
    text-align: left;
  }
  body.groups #item-header-content,
  body.groups #item-actions{
    display: none;
  }
  body.groups #item-actions .moderators-lists{
    padding-right: 1rem;

  }
/*
Site notice
*/
.bp-sitewide-notice a{
    color: inherit;
}
.bp-sitewide-notice a:hover{
    color: var(--blu-light);
}

/*
Frontend Login via plugin
*/

#loginform p{
    margin-bottom: 1rem;
}
#loginform label{
    width: 100%;
}
#loginform input{
    border:1px solid var(--grey-light);
    color: var(--grey-ultradark);
    background-color: #fff;
    padding: .5rem;
    width: 100%;
}
#loginform input[type="checkbox"]{
    width: fit-content;
    display: inline-block;
}
#loginform label{
    display: block;
    width: 100%;
    margin-bottom: .5rem;
}
#loginform #wp-submit{
    width: auto;
    transition: 0.25s;
    background: none;
    border: 0;
    font: inherit;
    line-height: 1;
    margin: 1em 0 0 0;
    padding: 1em;
    display: inline-block;
    color:#fff;
    background-color: var(--blu-medium);
    margin-right: auto;
    font-weight: 700;
    font-size: 1.06rem;
}
#loginform #wp-submit:hover{
    color:#fff;
    background-color: var(--blu-dark);
}
/* Newsletter */
.mailpoet_form {
    max-width: 1320px;
    margin: 0 auto;
}

/* Contact Form custom */
.wpcf7 {
    width: 100%;
    max-width: 500px;
    padding: 20px;
    color: #212529;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Open Sans", sans-serif;
}
.wpcf7 input, 
.wpcf7 select {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    font-family: "Open Sans", sans-serif;
}
.wpcf7 select {
    font-size: 14px;
    border: 0;
    background-color: #efefef;
    padding: 5px 10px;
    float: right;
}
.wpcf7 label {
    width: 100%;
}
.wpcf7 input[type='text'], 
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'] {
    width: 100%;
    background-color: #efefef;
    color: #000;
    display: inline-block;
    margin: 12px 0px;
    height: 48px;
    padding: 0px 20px;
    font-size: 18px;
    line-height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.wpcf7 input[type='submit'] {
    display: block;
    width: 100%;
    padding: 14px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer;
    background: #0b87ff;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: 0.7em;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
    display: inline-block;
    margin: 0;
    position: relative;
    padding-left: 1.5em;
}
.wpcf7 .wpcf7-acceptance label {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}
.wpcf7 .wpcf7-acceptance input[type='checkbox'] {
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.text-prefooter  .btn-container .cta {
    padding: 0.75rem 1.25rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5625rem;
    background-color: rgba(128, 181, 255, 0.3);
    color: #fff;
}

@media only screen and (min-width: 960px) {
    .single .container-fluid .row.justify-content-between {
        align-items: flex-start;
    }
}
@media only screen and (max-width: 960px) {
    .container-fluid .row.justify-content-between {
        align-items: flex-end;
    }

    .single-thumbnail:after {
        content: "";
        display: inline-block;
        width: 2rem;
        height: 2rem;
        left: 1.5rem;
        bottom: -8rem;
        position: absolute;
        background-color: var(--blu-light);
    }
}


@media only screen and (max-width: 580px) {
    .row.justify-content-between {
        flex-direction: column;
    }
    .container-fluid .row.justify-content-between .col-6 {
        margin-top: -6rem;
    }
    .row .single-thumbnail.position-absolute {
        position: relative!important
    }    
}