/* 

Brand Colours
Mid-Blue: #1400db - Hyperlinks, Button hover, Alert boxes
Dark-Blue: #000053 - Titles, Buttons, Icons
Text: #333333
Light-Gray: #f6f6f6
Font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

.sora-<uniquifier> {
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

*/

*   {
    color: #333333 !important;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
    font-family: "Font Awesome 6 Free" !important;
}


h1, h2, h3, h4, h5, h6  {
    font-family: "Sora", sans-serif;
    color: #000053 !important;
    font-weight: 600 !important;
    margin-top: 0 !important;
    margin-bottom: 0.8rem !important;
    max-width: 900px;
}
p, li, td, th   {
    font-family: "Inter", sans-serif;
    font-size: 1rem !important;
    max-width: 900px;
}
h1  {
    font-size: 48px !important;
    font-weight: 700 !important;
}
h2  {
    font-size: 38px !important;
    line-height: 50px !important;
    letter-spacing: 1px !important;
}
h3  {
    
}
h4  {
    
}
h5  {
    
}
h6  {
    
}
p.intro {
    font-size: 24px !important;
    margin-bottom: 40px !important;
}

a, p a, li a, a.strong   {
    color: #000053 !important;
    font-weight: 700 !important;
    font-family: "Inter", sans-serif !important;
}
a:hover, p a:hover, li a:hover, a.strong:hover   {
    color: #1400db !important;
    font-weight: 700 !important;
}

.hoverText-colour5:hover {
    color: #68fbd7 !important;
}


table .table-dark th {
    background: #000053 !important;
}











.footer a, .footer p a, .footer li a, .footer a.strong   {
    color: #000053 !important;
    font-weight: 700 !important;
}
.footer a:hover, .footer p a:hover, .footer li a:hover, .footer a.strong:hover   {
    color: #1400db !important;
    font-weight: 700 !important;
}

.brandlogo  {
    padding: 10px 0 28px 0 !important;
}
.brandlogo a  {
    display: block;
}

/* section not used */
.homepage   {
    display: none;
}
.basePage .homepage   {
    display: block;
}



.pageTitleSection {
    background: #000053 !important;
    border: none !important;
    height: 180px !important;
    margin-bottom: 40px !important;
}
.pageTitleSection h1 {
    color: #68fbd7 !important;
    padding-top: 2rem !important;
    text-transform: uppercase !important;
}


.CookieToast {
    position: fixed;
    bottom: 0px;
    left: 3.6rem;
    border: 1px solid #232323 !important;
    z-index: 999;
    background: #232323 !important;
    color: #ffffff !important;
}

.CookieToast h1, .CookieToast h2, .CookieToast h3, .CookieToast h4, .CookieToast h5, .CookieToast h6, .CookieToast p, .CookieToast li, .CookieToast strong  {
    color: #ffffff !important;
}
.CookieToast p, .CookieToast li  {
    font-size: 0.9rem !important;
}
.CookieToast h4  {
    font-size: 1.2rem !important;
}
.CookieToast h5  {
    font-size: 1rem !important;
}
.CookieToast .btn.btn-colour5   {
    background: #68fbd7  !important;
    border: 2px solid #68fbd7  !important;
    color: #000000 !important;
}
.CookieToast .btn.btn-colour5:hover   {
    background: #000053 !important;
    color: #ffffff !important;
}


.BLOCK-carousel .carousel-item div:not(.carousel-caption) {
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-image: url(/media/1d1aczju/babcock-cultural-ethos-web-banner-8000-x-6000px.png) !important;
    background-color: #000053 !important;
    background-size: cover !important;
}
/*
#Babcock-_FR .BLOCK-carousel .carousel-item div:not(.carousel-caption) {
    background-image: url(/media/dujbkxqw/babcock-cultural-ethos-french.png) !important;
    background-position: 80% 50% !important;
}
*/



.BLOCK-carousel .carousel-item .carousel-caption .carouselStory {
    background: none !important;
}

.BLOCK-carousel .carousel-item .carousel-caption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    /*padding: 3.6rem 4.8rem 3.0rem 4.8rem !important;*/
    height: 100% !important;
    width: 100% !important;
    /*border-radius: 0 !important;*/
    background: none !important;
    /*text-transform: uppercase !important;*/
    max-width: 100% !important;
    background: none !important;
}
/*
#Babcock-_FR .BLOCK-carousel .carousel-item .carousel-caption {
    background: none !important;
}
#Babcock-_FR .BLOCK-carousel .carousel-item .carousel-caption div {
    background: none !important;
}
*/
.BLOCK-carousel .carousel-item .carousel-caption h2 {
    /*text-transform: uppercase !important;*/
    color: #ffffff !important;
    font-weight: 700 !important;
    /*line-height: 2.4rem !important;*/
    font-size:84px !important;
    position: absolute;
    top: 25% !important;
    left: 20% !important;
    display: none;
}

.BLOCK-carousel .carousel-item .carousel-caption .carouselStory div {
    /*position: fixed;
    top: 24rem !important;
    left: 9rem !important;*/
    background: none !important;
}
.BLOCK-carousel .carousel-item .carousel-caption h3 {
    /*text-transform: uppercase !important;*/
    color: #ffffff !important;
    font-weight: 700 !important;
    /*line-height: 1.8rem !important;*/
    font-size: 84px !important;
    position: absolute;
    top: 60% !important;
    right: 25% !important;
    display: none;
}


@media (max-width: 991.98px) {
    
    .BLOCK-carousel .carousel-inner {
        height: 300px !important;
    }
    #Babcock-_FR .BLOCK-carousel .carousel-inner {
        height: 380px !important;
    }
    .BLOCK-carousel .carousel-inner .carousel-item div:nth-of-type(1) {
        height: 300px !important;
    }
    #Babcock-_FR .BLOCK-carousel .carousel-inner .carousel-item div:nth-of-type(1) {
        height: 380px !important;
    }
    
    .BLOCK-carousel .carousel-item .carousel-caption h2 {
        font-size:44px !important;
        left: 10% !important;
    }
    .BLOCK-carousel .carousel-item .carousel-caption h3 {
        font-size: 44px !important;
        left: 20% !important;
    }

}

@media (min-width: 1399.98px) { 
    .BLOCK-carousel .carousel-inner {
        height: 440px !important;
    }
    .BLOCK-carousel .carousel-inner .carousel-item div:nth-of-type(1) {
        height: 440px !important;
    }
}











.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%231400db' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed)::after    {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%2368fbd7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}




.BLOCK-faqs .accordion-item {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 4px solid #1400db !important;
}

.BLOCK-faqs .accordion-item .accordion-header {
    padding: 0 !important;
    max-width: unset;
}
.BLOCK-faqs .accordion-item .accordion-header .accordion-button {
    font-size: 21px !important;
    font-weight: 600 !important;
    padding: 0.3rem 0 .4rem 0rem !important;
}
.accordion-body {
    padding-left: 0 !important;
    padding-top: 0 !important;
}





.footer {
    border-top: 1px solid #68fbd7 !important;
}








nav.navbar.navbar-expand-md.justify-content-end.m-0.p-0 {
    position: absolute;
    top: 1rem;
    right: 36px;
}

/*
nav.navbar.navbar-expand-md.justify-content-end.m-0.p-0 li:nth-of-type(1) {
    background: url(/media/jbjhrp4k/jet2-family-carousel.jpeg);
    background-size: contain;
    margin-left: 14px !important;
    padding: 0px 0px 0px 36px;
    display: block;
    width: 50px !important;
    display: none;
}*/
nav.navbar.navbar-expand-md.justify-content-end.m-0.p-0 li a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-left: 10px;
    padding: 3px 0px 0px 36px;
    display: block;
    width: 50px;
    height: 30px;
}

nav.navbar.navbar-expand-md.justify-content-end.m-0.p-0 li:nth-of-type(2) a {
    background: url(/media/h42fffcr/united-kingdom.png?width=45&height=45);
}
nav.navbar.navbar-expand-md.justify-content-end.m-0.p-0 li:nth-of-type(3) a {
    background: url(/media/hgsjn3bn/france.png?width=45&height=45);
}


@media (max-width: 991.98px) {
    
    .brandlogo a  {
        padding-left: 1.5rem !important;
    }
    
    
    
    .navbar-toggler {
        background-color: #ffffff !important;
        border: 2px solid #1400db !important;
        top: -80px !important;
        position: absolute !important;
    }
    .navbar-toggler i {
        color: #1400db !important;
        padding-top: 3px !important;
    }
    .navbar-toggler:hover {
        border: 2px solid #000053 !important;
    }
    .navbar-toggler:hover i {
        color: #000053 !important;
    }
    
    
    
    
    .mainNavigation .navbar {
        padding: 0 0 0.5rem 0 !important;
        background: none !important;
    }
    
    .mainNavigation .navbar #main_nav {
        background: #ffffff !important;
        padding: 0rem !important;
        border-radius: 6px !important;
        
    }
    
    .mainNavigation .navbar .navbar {
    }
    
    .mainNavigation .navbar .navbar ul {
        list-style-type: none;
    }
    
    .mainNavigation .navbar .navbar ul li {
        padding-left: 16px !important;
        display: block;
    }
    
    
    .mainNavigation .navbar .navbar ul li a {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center right !important; 
        margin-left: 0px;
        padding: 3px 0px 0px 20px;
        display: block;
        width: 90px;
        height: 30px;
        margin-bottom: 8px !important;
        margin-top: 8px !important;
    }
    .mainNavigation .navbar .navbar ul li:nth-of-type(1) a {
        background: url(/media/h42fffcr/united-kingdom.png?width=45&height=45);
    }
    .mainNavigation .navbar .navbar ul li:nth-of-type(2) a {
        background: url(/media/hgsjn3bn/france.png?width=45&height=45);
    }
    
}

.navbar-nav li.nav-item.active.Home {
    min-width: auto;
}

#id3b7b8a39.BLOCK-simpleNavigation ul, #id20f38a35.BLOCK-simpleNavigation ul   {
    display: grid !important;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
} 
#id3b7b8a39.BLOCK-simpleNavigation li a, #id20f38a35.BLOCK-simpleNavigation li a   {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 1.1rem !important;
    padding: 8px 2px 6px 2px !important;
} 

@media (min-width: 767.98px) {
    #id3b7b8a39.BLOCK-simpleNavigation ul, #id20f38a35.BLOCK-simpleNavigation ul   {
        grid-template-columns: 1fr 1fr 1fr;
    } 
}

@media (min-width: 991.98px) {
    #id3b7b8a39.BLOCK-simpleNavigation ul, #id20f38a35.BLOCK-simpleNavigation ul   {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    } 
}

@media (min-width: 1199.98px) {
    #id3b7b8a39.BLOCK-simpleNavigation ul, #id20f38a35.BLOCK-simpleNavigation ul   {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    } 
}

@media (min-width: 1399.98px) {
    #id3b7b8a39.BLOCK-simpleNavigation ul, #id20f38a35.BLOCK-simpleNavigation ul   {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    } 
}



.BLOCK-mediaListAll th {
    color: #ffffff !important;
    font-weight: 700 !important;
}



.BLOCK-simpleNavigation a.badge   {
    background: none !important;
    color: #000053 !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    display: block !important;
    border: solid 2px #68fbd7 !important;
    padding: 10px !important;
    margin-bottom: 4px !important;
    border-radius: 0 !important;
    white-space: unset !important;
}
.BLOCK-simpleNavigation a.badge:hover   {
    background: #68fbd7 !important;
    color: #000053 !important;
}


/* UK */
#Free_Shares_Award_UK a.badge[href="/babcock/free-shares-award-uk/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-uk/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-uk/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-uk/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* Australia */
#Free_Shares_Award_Australia a.badge[href="/babcock/free-shares-award-australia/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-australia/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-australia/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-australia/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* Canada */
#Free_Shares_Award_Canada a.badge[href="/babcock/free-shares-award-canada/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-canada/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-canada/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-canada/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* France */
#Free_Shares_Award_France a.badge[href="/babcock/fr/free-shares-award-france/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/fr/free-shares-award-france/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/fr/free-shares-award-france/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/fr/free-shares-award-france/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* NZ */
#Free_Shares_Award_New_Zealand a.badge[href="/babcock/free-shares-award-new-zealand/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-new-zealand/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-new-zealand/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-new-zealand/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* SA */
#Free_Shares_Award_South_Africa a.badge[href="/babcock/free-shares-award-south-africa/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-south-africa/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-south-africa/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-south-africa/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}

/* Other Countries */
#Free_Shares_Award_Other_Countries a.badge[href="/babcock/free-shares-award-other-countries/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#How_does_it_work a.badge[href="/babcock/free-shares-award-other-countries/how-does-it-work/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Help__information a.badge[href="/babcock/free-shares-award-other-countries/help-information/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}
#Frequently_asked_questions a.badge[href="/babcock/free-shares-award-other-countries/frequently-asked-questions/"]   {
    background: #68fbd7 !important;
    color: #000000 !important;
}







.BLOCK-mediaListAll table.table thead th {
    border: unset !important;
}
.BLOCK-mediaListAll table.table tbody td {
    border-left: 0 !important;
}
.BLOCK-mediaListAll table.table tbody td {
    border-right: 0 !important;
}







.CookieToast.m-5.mb-3.p-3.bg-dark.text-white.SHOW.rounded-3.shadow.aos-init.aos-animate {
    background-color: #000053 !important;
    border: 0px solid #68fbd7  ;
}
.btn-colour5 {
    color: #000 !important;
    background-color: #68fbd7 !important;
    border-color: #68fbd7 !important;
}




.umb-block-grid__layout-item.m-0[data-content-element-type-alias="embedVideoPlayer"] {
    background-color: #000053 !important;
    padding: 10px !important;
}
.umb-block-grid__layout-item.m-0[data-content-element-type-alias="embedVideoPlayer"] h4 {
    color: #fff !important;
}
.umb-block-grid__layout-item.m-0[data-content-element-type-alias="codeSection"] {
    background-color: #000053 !important;
    padding: 10px !important;
}
.umb-block-grid__layout-item.m-0[data-content-element-type-alias="codeSection"] h4 {
    color: #fff !important;
}















        

// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }

// XX-Large devices (larger desktops)
// No media query since the xxl breakpoint has no upper bound on its width
//