:root{
    --spacer-12: 12rem;
}
/*////// should the class subfooter be in pvgroup.css ??? ///*/
.subfooter section.background {
    padding-top: var(--spacer-4);
    padding-bottom: var(--spacer-4);
}

.top-nav-desktop .search,
.top-nav-mobile .search {
    display: none;
}

.top-nav-desktop {
    position: relative;
    right: auto;
}

.top-nav-desktop #language-nav {
    position: fixed;
    right: 0;
    padding-right: var(--spacer-4);
}

.nav-link {
    padding-top: 0.625rem;
}

.mobile-footer-menu {
    display: none;
}

#language-nav-mobile a.dropdown-toggle {
    line-height: 1;
}

h1.pagetitle {
    text-shadow: none;
}

.pv-group-academy {
    padding-top: var(--spacer-10);
    padding-bottom: var(--spacer-10);
   }

.banner-container {
    background-color: var(--backgroundcolor3) !important;
}

@media only screen and (min-width : 768px) {
    .nav-container {
        width: calc(100% - 50px);
        max-width: 100%;
    }

    .main-nav .navbar-nav .dropdown-toggle,
    .main-nav .navbar-nav a.nav-link,
    .navbar-nav .lfr-nav-item .dropdown-menu > a {
        font-size: var(--font-size-base);
    }
}

@media only screen and (min-width : 992px) {
    .nav-container {
        max-width: 900px;
    }

    .main-nav .navbar-nav .dropdown-toggle,
    .main-nav .navbar-nav a.nav-link {
        font-size: var(--font-size-lg);
    }

    .navbar-nav .lfr-nav-item .dropdown-menu > a {
        font-size: 1.125rem;
    }

    .nav-link {
        padding-top: 0.375rem;
    }

    .background:has(.pagetitle) {
        padding-top: var(--spacer-5);
        padding-bottom: var(--spacer-5);
    }
}

@media only screen and (min-width: 1200px) {
    .top-nav-desktop {
        right:  calc(((100% - 1200px) / 2) + 25px);
    }
    .top-nav-desktop #language-nav {
        right: calc((100% - 1200px) / 2);
    } 
}

/***********************************************************
*** Start rounded corner + orange line on image in cards ***
***********************************************************/

.card img {
    border-bottom-right-radius: 100px ;    
}

.rm-article-overview .card-body:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 48px;
    background: #f56621;
    top: -24px;
    margin-top: 61.5%;
    z-index: 1;
}
.card-img-top {
    margin-bottom: var(--spacer-2) ;
}
    

/***********************************************************
*** Stop rounded corner + orange line on image in cards  ***
***********************************************************/

.sdg img {
    margin-bottom: var(--spacer-2);
    border-radius: var(--border-radius-lg);
}
@media only screen and (max-width : 768px) {
    .sdg img {
        width: 150px;
    }
}
@media only screen and (max-width : 575px) {
    .sdg img {
        width: 125px;
    }
}

.titleZeroPb .background,
.titleZeroPb .background h3 {
    padding-bottom: 0px; 
    margin-bottom: 0px;
}


.iframeContainer {
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    width: 100%;
}
.iframeContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

