@import url("https://use.typekit.net/bag2sap.css");

:root {
    --global-primary: #1a1a1a;
    --global-primary-rgb: 26, 26, 26;
    --global-secondary: #00746b;
    --global-secondary-rgb: 0, 116, 107;
    --global-secondary-hover: #3d9991;
    --global-three: #121212;
    --global-three-rgb: 18, 18, 18;
    --global-four: #4a4a4a;
    --global-four-rgb: 74, 74, 74;
    --global-dark: #212121;
    --global-dark-rgb: 33, 33, 33;
    --global-text: #5e5e6d;
    --global-link: #a3a3a3;
    --global-accent: #712E43;
    --global-accent-rgb: 113, 46, 67;
    --global-black: #000000;
    --global-black-rgb: 0, 0, 0;
    --global-white: #FFFFFF;
    --global-white-rgb: 255, 255, 255;
    --global-button-primary: var(--global-primary);
    --font-family: "adobe-garamond-pro", serif;
    --font-family-proxima: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-size-base: 1rem;
    --font-weight: 400;
    --text-shadow: .005em .005em var(--global-black);
}

.skip_link {
    font-family: system-fonts, sans-serif;
    line-height: 1.4;
    position: absolute;
    z-index: 600;
    margin: 1rem;
    padding: 0.8rem;
    min-width: 8.75rem;
    height: 1.875rem;
    border-radius: 0.125rem;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--white);
}

.skip_link:not(:focus):not(:active) {
    clip: rect(0px, 0px, 0px, 0px);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.skip_link:focus:not(.focus-visible) {
    outline: none;
    box-shadow: none;
}

.cDqrFa, .skip_link .skip-title {
    font-size: 1rem;
    line-height: 1.625;
    font-family: var(--font-family-proxima);
    font-weight: 400;
    font-style: normal;
    color: var(--global-primary);
    background: var(--global-white);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*-----------------------------------------------------------------------------------*/
/*	1.	Global
/*-----------------------------------------------------------------------------------*/


html {
    font-size: 18px;
    text-rendering: optimizeLegibility;
}

html.no-scroll,
body.no-scroll {
    overflow: hidden;
    height: 100%;

}

html.html-no-scroll {
    overflow: hidden;
  }

body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight);
    color: var(--global-text);
    margin: 0px;
    padding: 0;
}

b, strong {
    font-weight: 700 !important;
  }

/*skip for keyboard navigation and screen readers*/
#skip a, #skip a:hover, #skip a:visited {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    #skip a:active, #skip a:focus {
        position: absolute;
        float: left;
        width: 150px;
        margin-left: 20px;
        margin-top: 10px;
        height: auto;
    }

a:link, a:visited {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: var(--global-secondary);
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: var(--global-secondary-hover);
}



input[type="text"] {
    width: 100%;
    font-family: var(--font-family);
    font-size: 12px;
    padding: 12px;
    color: var(--global-black);
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    line-break: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}


textarea {
    width: 100%;
    font-family: var(--font-family);
    font-size: 12px;
    padding: 12px;
    color: var(--global-black);
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    line-break: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}


button:not(.navbar-toggler),
input[type="submit"] {
    cursor: pointer;
    font-family: var(--font-family-proxima);
    font-weight: 300;
    font-size: 14px;
    color: var(--global-white);
    padding: 1em 2.5em;
    letter-spacing: 3px;
    border: 1px solid var(--global-primary);
    background: var(--global-primary);
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-top: 1rem;
}

    input[type="submit"]:hover,
    input[type="submit"]:focus,
    input[type="submit"]:active,
    button:hover,
    button:focus,
    button:active {
        background: #2f2f2f;
        border: 1px solid #2f2f2f;
    }

    .btn-primary {
        color: var(--global-white) !important;
        background-color: var(--global-primary) !important;
        border-color: var(--global-primary) !important;
    }
    
        .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
            color: var(--global-white) !important;
            background-color: var(--global-secondary) !important;
            border-color: var(--global-secondary) !important;
        }
    
        .btn-primary.focus, .btn-primary:focus {
            box-shadow: 0 0 0 .2rem rgba(var(--global-black-rgb),.5)
        }

        .btn-secondary {
            color: var(--global-white) !important;
            background-color: var(--global-secondary) !important;
            border-color: var(--global-secondary) !important;
        }
        
            .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
                color: var(--global-white) !important;
                background-color: var(--global-primary) !important;
                border-color: var(--global-primary) !important;
            }
        
            .btn-secondary.focus, .btn-secondary:focus {
                box-shadow: 0 0 0 .2rem rgba(var(--global-secondary-rgb),.5)
            }

            .btn-default {
                color: var(--global-secondary) !important;
                background-color: var(--global-white) !important;
                border-color: var(--global-secondary) !important;
            }
            
                .btn-default:hover, .btn-default:focus, .btn-default:active {
                    color: var(--global-secondary) !important;
                    background-color: var(--global-white) !important;
                    border-color: var(--global-primary) !important;
                }
            
                .btn-default.focus, .btn-default:focus {
                    box-shadow: 0 0 0 .2rem rgba(var(--global-primary-rgb),.5)
                }

.btn-info {
    color: var(--global-white) !important;
    background-color: var(--global-four) !important;
    border-color: var(--global-four) !important;
}

    .btn-info:hover {
        color: var(--global-white) !important;
        background-color: #252525 !important;
        border-color: #252525 !important;
    }

    .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn .dashicons, .btn .dashicons-before::before {
        line-height: 1.5 !important;
      }

/*-----------------------------------------------------------------------------------*/
/*	2.	Styles
/*-----------------------------------------------------------------------------------*/

.has-shadow {
    -webkit-box-shadow: 0 0.66875rem 2.3875rem rgba(51, 51, 51, 0.05), 0 1.1375rem 1.60625rem rgba(51, 51, 51, 0.05), 0 0.45rem 0.73125rem rgba(51, 51, 51, 0.05), 0 0.325rem 0.3875rem rgba(51, 51, 51, 0.05);
    box-shadow: 0 0.66875rem 2.3875rem rgba(51, 51, 51, 0.05), 0 1.1375rem 1.60625rem rgba(51, 51, 51, 0.05), 0 0.45rem 0.73125rem rgba(51, 51, 51, 0.05), 0 0.325rem 0.3875rem rgba(51, 51, 51, 0.05);
    margin-bottom: .5rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family);
    line-height: 1.2em;
    color: var(--global-four);
}

h1, h2 {
    font-weight: 300;
}

h3, h4, h5, h6 {
    font-weight: var(--font-weight);
}

.light {
    font-weight: 300 !important;
}

.medium {
    font-weight: var(--font-weight) !important;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

    strong em, em strong {
        font-weight: 700;
    }

.size-small {
    font-size: 0.8rem;
    line-height: 1.5rem;
}

.size-1x {
    font-size: var(--font-size-base);
}

.size-3x .size-1x {
    line-height: 1.3rem;
}

.size-2x {
    font-size: 2rem;
}

.size-3x {
    font-size: 3rem;
}

.size-4x {
    font-size: 4rem;
}

.size-5x {
    font-size: 5rem;
}


.full-img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.container {
    max-width: 1600px;
}

main .container {
    padding: 30px
}

main .container-no {
    padding-top: 0px;
    padding-bottom: 0px;
}


    main .container-no [class*=col-] {
        padding: 30px;
    }

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.content-inner {
    padding: 30px;
}

.content-inner-sm {
    padding: 15px;
}

.content-inner-small {
    padding: 0 15px;
}

.with-border [class*=col-]::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .5rem;
    height: 100%;
    background: var(--global-white);
}

.clear {
    clear: both;
}

hr {
    margin: 1rem 0
}



/*-----------------------------------------------------------------------------------*/
/*	Margins / Paddings
/*-----------------------------------------------------------------------------------*/

.minus-top-margin {
    margin-top: -30px !important;
}

.minus-top-margin-2x {
    margin-top: -60px !important;
}

.minus-top-margin-3x {
    margin-top: -90px !important;
}

.minus-top-margin-4x {
    margin-top: -120px !important;
}

.minus-top-margin-5x {
    margin-top: -150px !important;
}

.top-margin {
    margin-top: 30px !important;
}

.top-margin-2x {
    margin-top: 60px !important;
}

.top-margin-3x {
    margin-top: 90px !important;
}

.top-margin-4x {
    margin-top: 120px !important;
}

.top-margin-5x {
    margin-top: 150px !important;
}

.bottom-margin {
    margin-bottom: 30px !important;
}

.bottom-margin-2x {
    margin-bottom: 60px !important;
}

.bottom-margin-3x {
    margin-bottom: 90px !important;
}

.bottom-margin-4x {
    margin-bottom: 120px !important;
}

.bottom-margin-5x {
    margin-bottom: 150px !important;
}

.minus-bottom-margin {
    margin-bottom: -30px !important;
}

.minus-bottom-margin-2x {
    margin-bottom: -60px !important;
}

.minus-bottom-margin-3x {
    margin-bottom: -90px !important;
}

.minus-bottom-margin-4x {
    margin-bottom: -120px !important;
}

.minus-bottom-margin-5x {
    margin-bottom: -150px !important;
}

.top-padding {
    padding-top: 30px !important;
}

.top-padding-2x {
    padding-top: 60px !important;
}

.top-padding-3x {
    padding-top: 90px !important;
}

.top-padding-4x {
    padding-top: 120px !important;
}

.bottom-padding {
    padding-bottom: 30px !important;
}

.bottom-padding-2x {
    padding-bottom: 60px !important;
}

.bottom-padding-3x {
    padding-bottom: 90px !important;
}

.bottom-padding-4x {
    padding-bottom: 120px !important;
}


/*-----------------------------------------------------------------------------------*/
/*	Colours
/*-----------------------------------------------------------------------------------*/

.blue-bg {
    background: #125485
}

.blue-bg-20 {
    background: rgba(18,84,133,.2);
}

.blue-color {
    color: #125485
}

.text-white * {
    color: var(--global-white) !important;
}

.dark-bg {
    background: #252525
}

.dark-bg-50 {
    background: #929798;
}

.dark-bg-30 {
    background: #bdc0c1;
}

.dark-bg-20 {
    background: #d3d6d6;
}

.dark-bg-10 {
    background: #e9eaea;
}

.slate-bg {
    background: #315659
}

.slate-bg-80 {
    background: #5a787a
}

.slate-bg-60 {
    background: #839a9b
}

.slate-bg-40 {
    background: #adbbbd
}

    .slate-bg-40 * {
        color: #252525 !important
    }

    .slate-bg-40 a {
        text-decoration: underline !important
    }

.slate-bg-20 {
    background: #d6ddde
}


.moss-bg {
    background: #bcab79
}

.moss-bg-70 {
    background: #d0c4a1
}

.moss-bg-40 {
    background: #e4ddc9
}



/*-----------------------------------------------------------------------------------*/
/*	Navigation
/*-----------------------------------------------------------------------------------*/

header {
    padding: 0px 20px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
    height: 100px;
    font-family: var(--font-family-proxima);
    font-size: 14px;
    background: var(--global-three);
}

header .container-fluid {
    padding: 0;
}

header .container-fluid .row {
    align-items: center;
    height: 100%;
}

.logoImage img {
    height: auto;
    max-height: 100px;
    width: auto;
    max-width: 100%;
}

.navbar {
    width: 100%;
    padding: 0;
}

.navbar-expand-md .navbar-nav {
    width: 100% !important;
}

.navbar-dark .nav-link,
.navbar-dark .navbar-nav .nav-link,
.nav-item .dropdown-item {
    font-family: var(--font-family-proxima);
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    font-style: normal;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    color: rgba(255,255,255,.9);
    padding: .75em 1em;
    text-shadow: var(--text-shadow);
}

@media (max-width: 1700px) {

    .navbar-nav .dropdown span.caret {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        height: 100%;
        max-height: 45.5px;
        width: 1rem;
        color: var(--global-white);
        font-size: var(--font-size-base);
        line-height: 2rem;
        text-align: right;
    }

    .navbar-nav .dropdown span.caret::before {
        content: "+";
        display: block;
    }
}

.nav-item a.dropdown-item {
    padding: .5em 1.5em;
}

.navbar-dark .navbar-nav .external-link {
    background-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    border: 2px solid var(--global-white);
    color: var(--global-white);
    -webkit-border-radius: 300px;
    border-radius: 300px;
}

    .navbar-dark .navbar-nav .nav-link.dropdown-toggle::after {
        display: none;
    }


.nav-item .dropdown-item:hover,
.nav-item .dropdown-item.active,
.nav-item .dropdown-item:active,
.nav-item .dropdown-item:hover,
.dropdown-item:focus {
    color: var(--global-white);
    background-color: var(--global-secondary);
}

.navbar-dark .navbar-nav .show .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.show:hover,
.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .active .nav-link:hover,
.navbar-dark .navbar-nav .show > .nav-link, 
.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--global-white);
}

#home-page .nav-link.home-link,
#portfolio-page .nav-link.portfolio-link,
#about-page .nav-link.about-link,
#strategy-page .nav-link.strategy-link,
#contact-page .nav-link.contact-link {
    position: relative;
}

#home-page .scrolling .nav-link.home-link,
#portfolio-page .scrolling .nav-link.portfolio-link,
#about-page .scrolling .nav-link.about-link,
#strategy-page .scrolling .nav-link.strategy-link,
#contact-page .scrolling .nav-link.contact-link {
    color: var(--global-four) !important;
}

#home-page .nav-link.home-link::before,
#portfolio-page .nav-link.portfolio-link::before,
#about-page .nav-link.about-link::before,
#strategy-page .nav-link.strategy-link::before,
#contact-page .nav-link.contact-link::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background: #252525;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
}

#home-page .scrolling .nav-link.home-link::before,
#portfolio-page .scrolling .nav-link.portfolio-link::before,
#about-page .scrolling .nav-link.about-link::before,
#strategy-page .scrolling .nav-link.strategy-link::before,
#contact-page .scrolling .nav-link.contact-link::before {
    background: var(--global-four);
}

.dropdown-menu {
    top: 0;
    color: var(--global-white);
    background-color: var(--global-dark);
    border: 0 !important;
    border-radius: 0 !important;
    padding: 1em 0;
    margin: 0;
}



    .dropdown-menu ul, .dropdown-menu li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

#logo img {
    width: 100%;
    height: auto;
    max-width: 600px;
    -webkit-transition: max-width 0.4s ease-in-out;
    -moz-transition: max-width 0.4s ease-in-out;
    -o-transition: max-width 0.4s ease-in-out;
    transition: max-width 0.4s ease-in-out;
}

.scrolltop #logo img {
    max-width: 100px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/*-----------------------------------------------------------------------------------*/
/*	Main Content
/*-----------------------------------------------------------------------------------*/

.main {
    padding: 50px 0 0 0;
    margin: 0px;
}

.main-content {
    padding: 96px 32px;
}

@media (max-width: 1200px) {

    .main-content {
        padding: 0;
    }
}

/*-----------------------------------------------------------------------------------*/
/*	QuickLinks
/*-----------------------------------------------------------------------------------*/

.MiniQuote-Div.row {
    margin: 0;
    font-family: var(--font-family-proxima) !important;
    color: var(--global-black);
    font-weight: var(--font-weight);
}

.MiniQuote-Div.row [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.Figure {
    font-size: 68px;
    color: var(--global-secondary);
}

.quick-links {
    margin-bottom: 50px;
}

.quick-links .content-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 100%;
}

.content-block {
    position: relative;
    height: 100%;
    padding: 34px 10px;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0);
    transition: box-shadow .2s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255,255,255,0.75);
}

.quick-links-top {
    margin-bottom: 30px;
}

.is-absolute-bottom {
    display: block;
    position: absolute;
    bottom: 1em;
    left: 0px;
    width: 100%;
    z-index: 999;
}

.button-style-default a {
    color: var(--global-white) !important;
    background-color: var(--global-primary);
    border-color: var(--global-primary);
    padding: 10px;
    border-radius: 5px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

    .button-style-default a:hover,
    .button-style-default a:active,
    .button-style-default a:focus {
        background-color: #484848;
        border-color: #484848;
    }

    .key-documents .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/cenin2.jpg);
      }
      
      .reports .content-inner {
          background-image: url(/images/librariesprovider22/default-album/quicklinks/pt-pic.jpg);
      }
      
      .investor-alert .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/lower-road.jpg);
      }
      
      .media-press .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/pic1.jpg);
      }
      
      .our-portfolio .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/low-res-for-web-076.jpg);
      }
      
      .fund-overview .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/Lower-Road-2.jpg);
      }
      
      .share-price .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/cenin2.jpg);
      }
      
      .announcements .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/breach-farm.jpg);
      }
      
      .key-stats .content-inner {
        background-image: url(/images/librariesprovider22/default-album/quicklinks/ancala.jpg);
      }

.quick-links-announcements .content-block, .quick-links-three .content-block, .fade .content-block {
    background: rgba(255,255,255,0.75);
}


.text-center ul {
    text-align: left !important;
}

.announcements span {
    font-weight: 700;
}

.table, table {
    color: rgba(26,26,26,.7);
}

@media (min-width: 1220px) {

.banner p, .banner h1 {
     font-size: calc(1.35rem + .6vw);
}

}

.news-tabs a, .news-tabs a:link, .news-tabs a:visited, .news-tabs a.active {
    color: #fff !important;
}

.news-tabs a.active {background: #1a1a1a !important;}

.collapsing {transition: none !important}

body:not(.sfPageEditor) button:not(.navbar-toggler):not(.k-tool),
body:not(.sfPageEditor) input[type="submit"] {
    cursor: pointer;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    padding: 1em 2.5em;
    letter-spacing: 3px;
    border: 1px solid #1a1a1a;
    background: #1a1a1a;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-top: 1rem;
}

@media (max-width: 1700px) {
  body:not(.sfPageEditor) .offcanvas-collapse.navbar-collapse {
    height: 100vh;
    overflow-y: scroll;
  }
}

body:not(.sfPageEditor) header {
  background: transparent;
  transition: background .3s ease-in-out;
}

body:not(.sfPageEditor) header.is_sticky {
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #121212;
}

.navbar-dark .nav-link, .navbar-dark .navbar-nav .nav-link {
  font-size: 1rem;
  line-height: 1.4rem;
}

.navbar-dark .nav-link:focus, .navbar-dark .navbar-nav .nav-link:focus {
    outline-offset: 1px;
    outline: -webkit-focus-ring-color auto 1px;
}

.nav-item .dropdown-item {
  font-size: .8rem;
  line-height: 1.4rem;
}

.main {
    padding: 0 0 0 0;
    margin: 0px;
}

.banner {
    padding-top: 50px;
}

.key-stats p {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.navbar-nav .dropdown span.caret.open::before {
  content: "-";
  font-size: 2rem;
}

.button-style-default a {
  color: #fff !important;
}

.text-align-center ul li {
  text-align: center;
}

.navbar-nav .dropdown span {
  cursor: pointer;
}

.navbar-nav .dropdown span.caret.open::before {
  content: "-";
  font-size: 2rem;
}

[class*="listing-"] [class*="col-"] nav,
[class*="listing-"] nav {
    display: none !important;
}

.table.table-bordered p {
  padding: 0;
  margin: 0;
}


.text-align-center ul li {
  text-align: center;
}

.button-style-default a {
  color: #fff !important;
}

.news-list.pdf-news .row:nth-child(odd) {
    background-color: rgba(255,255,255,0.1);
}

.news-list.pdf-news .row:nth-child(even) {
    background-color: rgba(0,0,0,0.1);
}

body:not(.sfPageEditor) .cookie-message {
    background-image: url(/images/librariesprovider22/default-album/banner/20201104_143055.jpg);
}

.announcements .content-inner {
  background-image: url(/images/librariesprovider22/default-album/quicklinks/breach-farm.jpg);
}

.share-price .content-inner {
  background-image: url(/images/librariesprovider22/default-album/quicklinks/cenin2.jpg);
}

.investor-alert .content-inner {
  background-image: url(/images/librariesprovider22/default-album/quicklinks/lower-road.jpg);
}

.our-portfolio .content-inner {
  background-image: url(/images/librariesprovider22/default-album/quicklinks/low-res-for-web-076.jpg);
}

.bg-light-grey {
  background-color: #d9d9d9 !important;
  color: black !important;
}

.bg-green {
  background-color: #009900 !important;
  color: black !important;
}

.table-no-space p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.table th[valign="bottom"], .table td[valign="bottom"] {
  vertical-align: bottom !important;
}

.table-sm th, .table-sm td {
    border-color: rgba(26,26,26,.7) !important;
}

.table-sm tr:first-child th, .table-sm tr:first-child td,
.bt-0 {
  border-top: 0 !important;
}

.table-sm tr:last-child th, .table-sm tr:last-child td {
  border-bottom: 1px solid rgba(26,26,26,.7);
}

.bb-0 {
  border-bottom: 0 !important;
}

.a {
    border-bottom: 1px solid !important;
}

.aa {
    border-bottom: 2px solid !important;
}

.aaa {
    border-bottom: 3px double !important;
}

.at {
    border-top: 1px solid !important;
}

.aat {
    border-top: 2px solid !important;
}

.aat {
    border-top: 3px double !important;
}

.al {
    border-left: 1px solid !important;
}

.aal {
    border-left: 2px solid !important;
}

.aaal {
    border-left: 3px double !important;
}

.ar {
    border-right: 1px solid !important;
}

.aar {
    border-right: 2px solid !important;
}

.aaar {
    border-right: 3px double !important;
}

.accordion-tab label {
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  padding: 10px 60px 10px 1em;
  cursor: pointer;
}

.accordion-tab span.alinkred {
  width: auto;
  flex: 0 0 auto;
  max-width: none;
}

.accordion-tab span.alink {
  width: 100%;
  flex: 0 0 90%;
  max-width: 90%;
}

.col-xl-fifth {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 1200px) {
    .col-xl-fifth {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.tab-content{
  max-height:0;
  overflow:hidden;
  background:#fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

    
.accordion-tab.blue .tab-content {
    background:#3498db
}


.accordion-tab .tab-content .content-inner{padding:1em}

.accordion-tab input:checked~.tab-content{max-height:100%}

.accordion-tab {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
}

.accordion-tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordion-tab label::after {
     content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: 0;
    top: 2em;
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

.accordion-tab input[type=radio]:checked+label::after {
    transform: rotate(180deg);
    color: #00746b;
}

.accordion-tab input[type=checkbox]:checked+label::after {
    transform: rotate(180deg);
    color: #00746b;
}

footer {
    background: #1f1f1f;
    margin: 0px;
    padding: 0px;
    color: rgba(255,255,255,.7);
}

footer .container {
    padding: 0 32px;
    max-width: 1020px;
}

    footer ul {
        display: inline-block;
        width: 100%;
        margin: 0px;
        padding: 3em 0px;
        list-style: none;
        font-size: 0.8em;
    }

    footer ul li {
        list-style: none;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

        footer ul li:after {
            content: "|";
            padding-left: 5px;
            color: rgba(255,255,255,.3);
        }

        footer ul li:last-child::after {
            display: none;
        }

        footer a,
        footer a:link,
        footer a:visited {
            color: rgba(255,255,255,.7);
        }

        footer a:hover,
        footer a:active,
        footer a:focus {
            color: rgba(255,255,255,.9);
        }

    footer .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    footer * {
        margin: 0px;
    }

.top-footer h2 {
    color: rgba(37,48,49,0.3)
}

.top-footer {
    padding: 60px 30px;
    text-align: center;
}

.bottom-footer {
    background: #ddd;
    padding: 30px;
    font-size: 0.8rem;
}

#back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

    #back-top a:link, #back-top a,
    #back-top a:visited {
        display: block;
        text-decoration: none !important;
        color: var(--global-black) !important;
    }

        #back-top a:hover,
        #back-top a:active,
        #back-top a:focus {
            background: rgba(255,255,255,0.5);
        }

        #back-top a span {
            display: block;
            padding: .25rem;
        }

            #back-top a span span {
                display: none;
            }

        #back-top a .fa, #back-top a [class^=soc-font-] {
            color: var(--global-white) !important;
        }


/*-----------------------------------------------------------------------------------*/
/*	Banner 
/*-----------------------------------------------------------------------------------*/


.banner {
    position: relative;
    overflow: hidden;
    height: 50vh;
    min-height: 500px;
}

.banner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 0;
}

.banner-home {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.banner .figure {
    margin: 0px;
    -webkit-animation: feature-bg-anim .6s ease-in-out;
    animation: feature-bg-anim .6s ease-in-out
}

    .banner .figure img {
        position: absolute;
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
        min-height: 100%;
        min-width: 100%;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
        z-index: -1;
    }

    .row>.figure {
        width: auto !important;
        max-width: none !important;
    }


.banner h1, .banner-home h1 {
    position: relative;
    padding: 2rem;
    margin: 0px;
    width: 100%;
    text-align: center;
    color: var(--global-white);
    text-shadow: 1px 2px 5px rgba(0,0,0,.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: feature-text-anim .75s ease-in-out;
    animation: feature-text-anim .75s ease-in-out;
    z-index: 1;
}

.banner-home h1 {
    display: none;
}


.banner p,
.banner h1 {
    font-family: var(--font-family-proxima);
    font-style: normal;
    font-size: 18px;
    letter-spacing: 0px;
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-style: italic;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: none;
    line-height: 1.5em;
    color: var(--global-white);
    margin: 20px auto;
    transform: translate(0);
    -webkit-transform: translatez(0)
}

    .banner p a {
        color: var(--global-white);
        border-bottom: 1px solid var(--global-white)
    }

    .banner p strong, .banner p em strong {
        display: block;
        font-family: var(--font-family-proxima);
        font-weight: var(--font-weight);
        font-size: 48px;
        letter-spacing: 0px;
        text-transform: none;
        font-family: var(--font-family-proxima);
        font-weight: 700;
        font-style: normal;
        font-size: 68px;
        letter-spacing: 4px;
        text-transform: uppercase;
        line-height: 1em;
        color: var(--global-white)
    }

    .banner p em strong {
        font-style: italic
    }

    .banner p:last-child a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 1px;
        font-family: var(--font-family-proxima);
        font-weight: 600;
        font-style: normal;
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 1em 1.75em;
        background-color: #36b3a8;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        line-height: 1em;
        margin: 10px 0;
        color: var(--global-white);
        border: none;
        -webkit-transition: background-color .1s 0s ease-in-out, color .1s 0s ease-in-out;
        -moz-transition: background-color .1s 0s ease-in-out, color .1s 0s ease-in-out;
        -ms-transition: background-color .1s 0s ease-in-out, color .1s 0s ease-in-out;
        -o-transition: background-color .1s 0s ease-in-out, color .1s 0s ease-in-out;
        transition: background-color .1s 0s ease-in-out, color .1s 0s ease-in-out
    }







/*-----------------------------------------------------------------------------------*/
/*	Main Content
/*-----------------------------------------------------------------------------------*/

.main .container {
    max-width: 1600px !important;
}

.horizontalrule-block {
    padding: 17px;
}

    .horizontalrule-block hr {
        margin: 32px 0;
        border-top: 1px solid rgba(26,26,26,.15);
    }


table.portfolio-table tr td,
table.portfolio-table tr th {
    border-bottom: 1px solid #ddd;
}

    table.portfolio-table tr th.Header {
        background: var(--global-secondary);
        color: var(--global-white);
    }

iframe.DesktopOnlyiFrame {
    height: 650px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    width: 99%;
}

    iframe.DesktopOnlyiFrame.ShareProfile {
        height: 720px;
    }


.tabDesktop {
    border-radius: 4px 4px 0 0;
    background: var(--global-secondary);
    color: var(--global-white);
    padding: 10px 15px;
    cursor: pointer;
}



.tabHover {
    background: var(--global-primary) !important;
    color: var(--global-white) !important;
}

.tabActive {
    background: var(--global-primary) !important;
    color: var(--global-white) !important;
}


/* New tabs */

.news-tabs a,
.news-tabs a:link,
.news-tabs a:visited {
    border-radius: 4px 4px 0 0;
    background: var(--global-secondary);
    color: var(--global-white);
    cursor: pointer;
}



    .news-tabs a:hover,
    .news-tabs a:active,
    .news-tabs a:focus,
    .news-tabs .active a {
        background: var(--global-primary) !important;
        color: var(--global-white) !important;
    }


/*-----------------------------------------------------------------------------------*/
/*	Table V2
/*-----------------------------------------------------------------------------------*/

table.portfolio-table-v2 {
    caption-side: top;
}

table.portfolio-table-v2 caption {
    font-weight: bold;
    font-size: 1.25rem;
}

table.portfolio-table-v2 tr th.Header {
    background: var(--global-secondary);
    color: var(--global-white);
    width: 100px;
  }

  @media screen and (max-width:700px) {

    

    table.portfolio-table-v2 thead,
    table.portfolio-table-v2 tfoot {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }


    table.portfolio-table-v2 tr td,
    table.portfolio-table-v2 tr tr {
      float: left;
      width: 100%;
      text-align: left;
    }


    table.portfolio-table-v2 tr td.Divider:before {
      content: "Project";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Location:before {
      content: "Location";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Capacity:before {
      content: "Capacity";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Owned:before {
      content: "% Owned by the Company";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.SiteType:before {
      content: "Site Type";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Status:before {
      content: "Status";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }


    table.portfolio-table-v2 tr td.Availability:before {
      content: "Commissioning/ Expected commissioning";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Target:before {
      content: "Target Energisation";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }

    table.portfolio-table-v2 tr td.Provider:before {
      content: "Battery provider";
      display: block;
      width: 100%;
      clear: both;
      font-weight: bold;
    }
  }

  .map-grid svg,
    .map-grid-world svg {
      display: block;
      width: 100%;
      height: 100%;
    }

    .map-grid a,
    .map-grid-world a {
      cursor: pointer
    }

    .map-grid .links,
    .map-grid-world .links {
      cursor: pointer;
      position: absolute;
      display: block;
      width: 30px;
      height: 30px;
      border: 2px solid rgba(0, 0, 0, .5);
      background: rgba(255, 255, 255, 1);
      border-radius: 100%;
    }

    .map-grid-world .links {
      background: #00a598;
    }

    .map-grid .links[aria-label]::before,
    .map-grid-world .links[aria-label]::before {
      content: attr(aria-label);
      margin-left: 20px;
      margin-top: -20px;
      display: inline-block;
      background: white;
      border: 1px solid black;
      width: auto;
      height: auto;
      font-size: 0.7rem;
      padding: 5px;
      position: absolute;
      white-space: nowrap;
      line-height: .7rem;
      border-radius: 20px;
      color: rgba(26, 26, 26, .7);
    }

    .map-grid-world .ireland-button.links[aria-label]::before {
      margin-left: -90px;
    }

    .map-grid-world .california-button.links[aria-label]::before {
      margin-left: -130px;
    }

    .map-grid .links.links-Lascar[aria-label]::before,
    .map-grid .links.links-LowerRoad[aria-label]::before,
    .map-grid .links.links-Larport[aria-label]::before {
      margin-top: 10px;
    }

    .map-grid .links:hover,
    .map-grid .links:focus {
      border: 2px solid rgba(255, 255, 255, 1);
      box-shadow: 0 1px 5px 5px rgba(0, 0, 0, .25);
    }

    .map-grid-world .links:hover,
    .map-grid-world .links:focus {
      border: 2px solid rgba(255, 255, 255, 1);
      box-shadow: 0 1px 5px 5px rgba(0, 0, 0, .25);
      background: #00746b;
    }

    .map-grid .links.active,
    .map-grid-world .links.active {
      border: 2px solid rgba(255, 255, 255, 1);
      box-shadow: 0 1px 5px 5px rgba(0, 0, 0, .5);
      background: #00746b;
    }

    .map-grid p,
    .map-grid-world p {
      position: relative;
    }

    .map-grid p.text-acquired,
    .map-grid p.text-operational,
    .map-grid p.text-construction,
    .map-grid p.text-energised {
      padding: 0 0px 20px 24px;
      margin: 0;
      line-height: 1rem;
    }

    .map-grid .legend p.text-acquired,
    .map-grid .legend p.text-operational,
    .map-grid .legend p.text-construction,
    .map-grid .legend p.text-energised {
      padding-left: 24px;
    }

    .text-acquired::before,
    .text-operational::before,
    .text-construction::before,
    .text-energised::before {
      content: "";
      display: block;
      position: absolute;
      left: 0px;
      width: 15px;
      height: 15px;
      border-radius: 50px;
    }

    .text-operational {
      color: #26454e
    }

    .text-energised {
      color: #00746B
    }

    .map-grid .links.bg-operational,
    .text-operational::before {
      background: #26454e !important;
    }

    .map-grid .links.bg-energised,
    .text-energised::before {
      background: #00746B !important;
    }

    .text-acquired {
      color: #48958d
    }

    .map-grid .links.bg-acquired,
    .text-acquired::before {
      background: #48958d !important;
    }

    .text-construction {
      color: #c90014
    }

    .map-grid .links.bg-construction,
    .text-construction::before {
      background: #c90014 !important;
    }

    @media (min-width: 769px) {
        body:not(.sfPageEditor) .mobile-table {
          display: none !important;
        }
      
        .modal-xl {
            width: 100% !important;
            --bs-modal-width: 1600px !important;
            max-width: var(--bs-modal-width) !important;
        }
    }
      
      /* Locations */
  
      .germany-button {
        top: 29%;
        left: 49%;
      }
  
      .usa-button {
        top: 34%;
        left: 22%;
      }
  
      .california-button {
        top: 35%;
        left: 15.5%;
      }
  
      .uk-button {
        top: 24%;
        left: 48%;
      }
  
      .ireland-button {
        top: 25%;
        left: 46%;
      }
  
      /* USA */
  
      .links-Texas {
        bottom: 17%;
        left: 45%;
      }
  
      .links-California-Big-Rock {
        top: 70%;
        right: 55%;
      }
  
      .links-USA-Cedar-Hill {
        top: 34%;
        right: 30%;
      }
  
      .links-USA-Mesquite {
        top: 40%;
        right: 25%;
      }
  
      .links-USA-Mineral-Wells {
        top: 32%;
        right: 36%;
      }
  
      .links-USA-Skyline {
        top: 36%;
        right: 25%;
      }
  
      .links-USA-Snyder {
        top: 38%;
        left: 51%;
      }
  
      .links-USA-Sweetwater {
        top: 41%;
        left: 54%;
      }
  
      .links-USA-Westover {
        top: 42%;
        left: 30%;
      }
  
      .links-USA-Wichita-Falls {
        top: 22%;
        right: 40%;
      }
  
      .links-USA-Dogfish {
        top: 53%;
        right: 65%;
      }
  
      /* Germany */
  
      .links.links-DE-Nordrhein-Westfalen {
        bottom: 50%;
        left: 16%;
      }
  
      .links.links-DE-Baden-Wurttemberg {
        bottom: 14%;
        left: 34%;
      }
  
      .links.links-DE-Hessen {
        bottom: 40%;
        left: 33%;
      }
  
      .links.links-DE-Bremen {
        top: 25%;
        left: 30%;
      }
  
      .links.links-DE-Niedersachsen {
        top: 29%;
        left: 37%;
      }
  
      .links.links-DE-Thuringen {
        bottom: 43%;
        left: 52%;
      }
  
      .links.links-DE-Hamburg {
        top: 19%;
        left: 43%;
      }
  
      .links.links-DE-Schleswig-Holstein {
        top: 10%;
        left: 41%;
      }
  
      .links.links-DE-Rheinland-Pfalz {
        bottom: 30%;
        left: 14%;
      }
  
      .links.links-DE-Saarland {
        bottom: 23%;
        left: 10%;
      }
  
      .links.links-DE-Bayern {
        bottom: 18%;
        right: 33%;
      }
  
      .links.links-DE-Cremzow {
        top: 22%;
        right: 9%;
      }
  
      .links.links-DE-Berlin {
        top: 33%;
        right: 15%;
      }
  
      .links.links-DE-Sachsen-Anhalt {
        top: 39%;
        right: 34%;
      }
  
      .links.links-DE-Sachsen {
        bottom: 44%;
        right: 17%;
      }
  
      .links.links-DE-Brandenburg {
        top: 40%;
        right: 10%;
      }
  
      .links.links-DE-Mecklenburg-Vorpommern {
        top: 16%;
        right: 26%;
      }
  
  
  
      /* UK */
  
      .links-Lascar {
        bottom: 34%;
        right: 32%;
      }
  
      a.links-Stony {
        bottom: 20%;
        right: 19%;
      }
  
      a.links-Enderby {
        bottom: 25%;
        right: 21%;
      }
  
      .links-Hulley {
        bottom: 35%;
        right: 35%;
      }
  
      .links-Larport {
        bottom: 25%;
        right: 32%;
      }
  
      .links-Ancala {
        bottom: 14%;
        right: 30%;
      }
  
      .links-BreachFarm {
        bottom: 29%;
        right: 25%;
      }
  
      .links-LowerRoad {
        bottom: 14.5%;
        right: 14%;
      }
  
      .links-PortofTilbury {
        bottom: 17%;
        right: 10%;
      }
  
      .links-Boulby {
        bottom: 47%;
        right: 25%;
      }
  
      .links-Middleton {
        bottom: 45%;
        right: 35%;
      }
  
      .links-Cenin {
        bottom: 17%;
        right: 42%;
      }
  
      .links-Mullavilly {
        bottom: 46%;
        left: 35%;
      }
  
      .links-Drumkee {
        top: 46.5%;
        left: 30.5%;
      }
  
      .links-Kilmannock {
        bottom: 26%;
        left: 27%;
      }
  
      .links-Mucklagh {
        bottom: 34%;
        left: 22%;
      }
  
      .links-Porterstown {
        bottom: 33%;
        left: 31%;
      }
  
      .links-Ferrymuir {
        top: 35%;
        right: 38%;
      }
  
  
      @media (max-width: 768px) {
        .map-grid {
          display: none !important;
        }
  
        .Lascar.collapse,
        .Hulley.collapse,
        .Larport.collapse,
        .BreachFarm.collapse,
        .LowerRoad.collapse,
        .PortofTilbury.collapse,
        .Boulby.collapse,
        .Middleton.collapse,
        .Cenin.collapse,
        .Mullavilly.collapse,
        .Drumkee.collapse,
        .Kilmannock.collapse,
        .Porterstown.collapse,
        .Ferrymuir.collapse {
          display: block !important;
        }
  
        .click-map.collapse {
          display: none !important;
        }
      }

/*-----------------------------------------------------------------------------------*/
/*	Left Navigation
/*-----------------------------------------------------------------------------------*/

.left-navigation h2, .left-navigation p.h2 {
    font-family: var(--font-family-proxima);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--font-family);
    font-weight: var(--font-weight);
    font-style: normal;
    font-size: 22px;
    letter-spacing: 0px;
    text-transform: none;
    text-decoration: none;
    line-height: 1.2em;
    color: var(--global-secondary);
    margin-bottom: .5em;
}

.left-navigation a {
    font-weight: var(--font-weight);
    letter-spacing: 1px;
    font-family: var(--font-family-proxima);
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--global-link);
    line-height: 1.25em;
    display: block;
    padding: 0 0 .75em;
    text-shadow: var(--text-shadow);
}

    .left-navigation a:hover,
    .left-navigation a:active,
    .left-navigation a:focus,
    .left-navigation a.active {
        color: var(--global-primary);
    }




/*-----------------------------------------------------------------------------------*/
/*	Media Queries
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1701px) {
    li.nav-item:hover .dropdown-menu,
    li.nav-item:focus .dropdown-menu,
    li.nav-item:focus-within .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        min-width: 300px;
    }
}

    @media (max-width: 1700px) {

        .navbar-expand-xl .navbar-nav .dropdown-menu {
            position: static !important;
            padding: 0 1em;
        }

        .dropdown-menu li {
            padding: .2em 0;
        }

        .sitewrapper {
            width: 100%;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            -moz-transition: -moz-transform .2s ease-in-out;
            -ms-transition: -ms-transform .2s ease-in-out;
            -o-transition: -o-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
        }

        .no-scroll .sitewrapper {
            width: calc(100% + 260px);
            position: fixed;
            -webkit-transform: translatex(-260px);
            -webkit-transform: translate3d(-260px, 0, 0);
            -moz-transform: translatex(-260px) translatez(0);
            -moz-transform: translate3d(-260px, 0, 0);
            -ms-transform: translatex(-260px) translatez(0);
            -ms-transform: translate3d(-260px, 0, 0);
            -o-transform: translatex(-260px) translatez(0);
            -o-transform: translate3d(-260px, 0, 0);
            transform: translatex(-260px) translatez(0);
            transform: translate3d(-260px, 0, 0);
        }

        .navbar-dark .navbar-nav .nav-link.dropdown-toggle::before {
            display: inline-block;
            margin-right: .255em;
            vertical-align: .255em;
            content: "+";
        }

        .navbar-dark .navbar-nav .show .nav-link.dropdown-toggle::before {
            content: "-";
        }

        .navbar-expand-xl .navbar-toggler {
            display: block !important;
            position: absolute;
            right: 0px;
            border: 0;
            padding: 0;
            -webkit-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -moz-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -ms-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -o-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            transition: right .3s ease-in-out, visibility .14s ease-in-out;
            text-decoration: none !important;
            background: none !important;
        }

            .navbar-expand-xl .navbar-toggler.opened {
                right: 260px;
            }

        .offcanvas-collapse.navbar-collapse {
            position: fixed;
            display: block !important;
            width: 260px;
            z-index: -1;
            top: 0;
            right: -260px;
            bottom: 0;
            height: 100%;
            line-height: 1em;
            text-align: left;
            overflow: auto;
            background-color: var(--global-dark);
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            visibility: hidden;
            -webkit-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -moz-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -ms-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            -o-transition: right .3s ease-in-out, visibility .14s ease-in-out;
            transition: right .3s ease-in-out, visibility .14s ease-in-out;
            z-index: 9;
        }

        .offcanvas-backdrop.fade.show {
            display: none !important;
        }

            .offcanvas-collapse.navbar-collapse.open,
            .offcanvas-collapse.navbar-collapse.show {
                right: 0;
                visibility: visible;
            }

            .offcanvas-collapse.navbar-collapse .navbar-nav {
                display: block !important;
                padding: 24px 20px 72px 20px;
            }

        .navbar-menu-icon {
            display: block;
            background: var(--global-white);
            height: 2px;
            width: 22px;
            margin-bottom: 5px;
        }

        .opened .navbar-menu-icon {
            opacity: 0;
        }

            .opened .navbar-menu-icon:first-child {
                transform: rotate(45deg);
                opacity: 1;
            }

            .opened .navbar-menu-icon:last-child {
                transform: rotate(-45deg);
                opacity: 1;
                margin-top: -14px;
            }
    }

@media (max-width: 1200px) {
    .left-navigation {
        padding-bottom: 1.5em;
    }

    .folder-nav-toggle {
        display: block;
        width: 100%;
        cursor: pointer;
        font-size: 21px;
        line-height: 14px;
        text-align: right;
        padding: 5px 0;
    }


    .for-nav {
        position: relative;
        z-index: 1;
    }

    .left-navigation nav {
        display: none;
    }

    .left-navigation.expanded nav {
        display: block;
    }

    .left-navigation h2 {
        display: none;
    }

    .left-navigation a {
        padding-top: 1em;
        padding-bottom: 1em;
    }

}

@media screen and (max-width:700px) {


    table.portfolio-table thead,
    table.portfolio-table tfoot {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }


    table.portfolio-table tr td,
    table.portfolio-table tr tr {
        float: left;
        width: 100%;
        text-align: left;
    }


        table.portfolio-table tr td:nth-child(1):before {
            content: "Project";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(2):before {
            content: "Location";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(3):before {
            content: "Capacity";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(4):before {
            content: "% Owned by the Company";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(5):before {
            content: "Site Type";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(6):before {
            content: "Status";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }


        table.portfolio-table tr td:nth-child(7):before {
            content: "Commissioning/ Expected commissioning";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }

        table.portfolio-table tr td:nth-child(8):before {
            content: "Battery provider";
            display: block;
            width: 100%;
            clear: both;
            font-weight: bold;
        }
}