/*
Theme Name: Eprefix bootstrap 4
Theme URI:
Description:
Version: 4.0
Author: Gary McClumpha & James Richards
Author URI: http://eprefix.co.uk
*/

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   html {
	height:100%;
}

body {
  	height: 100%;
  	display: flex;
	flex-direction: column;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.3;
    color: #1F4666;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body.no-scroll {
    overflow-y: hidden;
}

.site-content {
  flex: 1 0 auto; /* 2 */
  width: 100%;
  min-height: 0.01px;
  padding-top: 13.75rem;
}
.fade-content {
  opacity: 0;
}
.image-fill {
    position: absolute;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
}

.vh-fix {
    height: 100vh;
    height: calc(100vh - var(--vh-offset, 0px));
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}

.anchor {
    top: -13.75rem;
    /* margin-top: 7rem; */
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}

h1 {
    font-size: 2.65rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.33rem;
}

p {
    font-size: 1.165rem;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}

/* p:last-of-type {
    padding-bottom: 0;
} */

ul li {
    padding-bottom: 0.35rem;
}

.check-list li {
    padding-left: 1.5rem;
    font-size: 1.2rem;
}

.check-list li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.p1 {
  margin-bottom: 1.5rem;
}

.body-size p {
    font-size: 1rem;
    line-height: 1.25;
}
.mb-pr {
  padding-right: 8rem;
}
@media (min-width: 768px) {
.mb-pr {
  padding-right: 0;
}
}

.divider {
    height: 1px;
    background-color: #1F4666;
}

.text-divider {
    width: 2.5rem;
    margin-bottom: 1.25rem;
    background-color: #FF6146;
}

.header-img {
    height: 38rem;
    z-index: -1;
}

.header-text {
    top: 9rem;
    left: 50%;
    transform: translateX(-50%);
}

.header-content {
    margin-top: -7.5rem;
}

.header h1 {
    font-size: 4.25rem;
}

.header h2 {
    font-size: 2.25rem;
}

.header .divider {
    width: 6.75rem;
}

.block_grid h1 {
    font-size: 3.33rem;
    margin-bottom: 0.5rem;
}

.block_grid .divider {
    width: 3.75rem;
}

.block_grid img {
    height: 7.5rem;
}

.block_grid_shape {
    width: 15.5rem;
    height: 15.5rem;
    padding-left: 3.85rem;
}

.block_grid_shape .title {
    font-size: 1.95rem;
    line-height: 1.15;
}

.owl-carousel .item .divider {
    width: 9.5rem;
}

.carousel-img::after {
    content: '';
    display: block;
    padding-top: 65%;
}

.carousel-link span,
.job-link {
    width: 2.25rem;
    height: 2.25rem;
    color: #fff;
    background-color: #1F4666;
    border-radius: 50%;
}

.carousel-nav {
    padding: 0 8vw;
    top: 17vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.carousel-nav .prev,
.carousel-nav .next {
    font-size: 5rem;
    color: #fff;
    cursor: pointer;
}
.asset {
    height: 18rem;
}
.asset_head {
  top: 2rem;
}
.asset h1 {
    font-size: 3rem;
    margin: 0;
}

.asset p {
    font-size: 1.4rem;
    line-height: 1.2;
}
.asset img {
  height: 7rem;
}

.team .divider {
    width: 4.75rem;
}

.team h2,
.team h3 {
    color: #FF6146;
}

.download-icon {
    width: 3.4rem;
}

.job_listing .divider,
.resources .divider {
    width: 2.35rem;
}

.resources-img {
    height: 13.75rem;
}

.resources h3 {
    color: #58D7E8;
}

.resources .post-title {
    font-size: 2rem;
    line-height: 1.1;
}

.resources p {
    line-height: 1.45;
}

.resources p:after {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 0.85rem;
    line-height: 1;
    content: "\f054";
    width: 1.35rem;
    height: 1.35rem;
    margin-left: 0.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #1F4666;
    border-radius: 50%;
}

.footerholder {
	flex-shrink: 0;
    background-color: #1F4666;
}

.footerholder .divider {
    width: 3.75rem;
    background-color: #58D7E8;
}

.footer-social {
    width: 2rem;
    height: 2rem;
    margin-right: 0.5rem;
    background-color: #58D7E8;
}

.footer-social:last-of-type {
    margin-right: 0;
}

.footer_three p {
    font-size: 1rem !important;
    line-height: 1.3;
    padding-bottom: 1rem;
}
.footer_three a {
    color: #fff;
}

.tender-holder {
    background-color: rgba(255, 255, 255, 0.6);
}
.tender-holder,
.tender-title {
    border-radius: 0.5rem;
}
.tender-title {
    background-color: #fff;
    cursor: pointer;
}
.tender-holder:not(:last-of-type) {
    margin-bottom: 1.5rem;
}
.tender-content {
    display: none;
}
.tender-toggle {
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    color: #fff;
    background-color: #1F4666;
    transition: transform 0.3s;
}
.tender-toggle .fa-times {
    display: none;
}
.tender-holder.active .tender-toggle .fa-times {
    display: block;
}
.tender-holder.active .tender-toggle .fa-chevron-down {
    display: none;
}
.tender-holder.active .tender-content {
    display: block;
}
.tender-content a {
    color: #1F4666;
    text-decoration: underline;
}
.tender-content a:hover {
    color: #1F4666;
    text-decoration: none;
}
.download_tender {
    text-decoration: none !important;
    font-size: 1.4rem;
    font-weight: bold;
}
.download_tender:after {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.3rem;
    line-height: 1;
    font: var(--fa-font-solid);
    content: "\f054";
    width: 2rem;
    height: 2rem;
    margin-left: 0.8rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #1F4666;
    border-radius: 50%;
}

.table-header {
    display: table-header-group;
}

.table-body {
    display: table-row-group;
}

.table .d-table-cell {
    border: 1px solid #fff;
}

.table .table-header .d-table-cell {
    background-color: #49dce3;
}
.table .table-body .d-table-row:nth-of-type(odd) .d-table-cell {
    background-color: #d6f2f5;
}
.table .table-body .d-table-row:nth-of-type(even) .d-table-cell {
    background-color: #edf8fa;
}

.board-member {
    background-color: #d6f4f6;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.board-text {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
}
.board-logo {
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
}
.bp-logo {
    background-image: url('img/bp-logo.png');
    width: 2.5rem;
    height: 2.5rem;
}
.eni-logo {
    background-image: url('img/eni-logo.png');
    width: 3rem;
    height: 1.25rem;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 768px) {
    html {
        font-size: 8.5px;
    }

    .img-border {
        width: 0.65rem;
    }

    .team .row > [class*='col-']:not(:nth-of-type(3n+1)) {
        margin-left: 8.33333%;
    }

    .team p {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    .job-link {
        font-size: 1.75rem;
    }

    .job_listing .job_list {
        border-right: 1px solid #1F4666;
    }

    .job_listing .job_list:nth-of-type(3),
    .job_listing .job_list:nth-of-type(6) {
        border-right-width: 0;
    }

    .job_listing .job_list:nth-child(-n+3) {
        padding-bottom: 2.35rem;
        border-bottom: 1px solid #1F4666;
    }

    .job_listing .job_list:nth-last-child(-n+3) {
        padding-top: 2.35rem;
    }

    .job_listing .job_list:nth-of-type(2),
    .job_listing .job_list:nth-of-type(5) {
        padding-left: 3rem;
    }

    .job_listing .job_list:nth-of-type(3),
    .job_listing .job_list:nth-of-type(6) {
        padding-left: 3rem;
    }

    .board:nth-of-type(odd) .board-text {
        background-color: #f5f5f5;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 15px;
    }
}

@media (min-width: 1400px) {
    html {
        font-size: 17px;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 20px;
    }

    .container {
        max-width: 1540px;
    }

    .carousel-nav {
        top: 14vw;
        padding: 0 18vw;
    }
}

@media (max-width: 767px) {

    html {
        font-size: 16px;
    }

    .container {
        max-width: 100%;
        padding: 0 2.5rem;
    }

    .site-content {
        padding-top: 7rem;
    }

    .anchor {
        top: -7rem;
        margin-top: 4rem;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.25rem;
    }

    p {
        font-size: 1rem;
    }

    .header-img {
        height: 20rem;
    }

    .header h1 {
        font-size: 3rem;
    }

    .header h2 {
        font-size: 1.75rem;
    }

    .header-text {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }

    .header-content {
        margin-top: 0;
    }

    .img-caption {
        font-size: 0.85rem;
    }

    .carousel-link span,
    .job-link {
        width: 1.5rem;
        height: 1.5rem;
    }

    .carousel-nav {
        padding: 0 3vw;
    }

    .carousel-nav .prev,
    .carousel-nav .next {
        font-size: 2.5rem;
    }

    .job_list {
        border-bottom: 1px solid #1F4666;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .resources .post-title {
        font-size: 1.75rem;
        line-height: 1.1;
    }

    .board-logo {
        left: auto;
        right: 1rem;
    }
}

@media (max-width: 575px) {

    html {
        font-size: 3.5vw;
    }
}