/*
Theme Name: Amplus Energy Theme
Author: FORM DIGITAL
Author URI: http://www.form-digital.com
Version: 1.0
*/

@import url("assets/css/starter.css");
@import url("https://use.typekit.net/emn5khm.css");

/* Header */

.site-header nav ul li.current-menu-parent > a {
    color: #fff;
}

.site-menu nav ul li.current-menu-parent a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #008DB9;
}

/* CF7 */

.wpcf7-validation-errors {
	font-size: 0.85rem;
	color: #fff;
	text-align: center;
    margin: 2em 0 !important;
    padding: 15px !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
}

span.wpcf7-not-valid-tip {
    font-size: 0.85rem;
    position: relative;
    text-indent: -500px;
    overflow: hidden;
    height: 1px;
    width: 100%;
    background-color: 
    red;
    bottom: 25px;
}

.sent #hideform {
	display: none;
}

.wpcf7-mail-sent-ok {
	font-size: 0.85rem;
	color: #fff !important;
	text-align: center;
    margin: 2em 0 !important;
    padding: 15px !important;
    border: 2px solid rgba(255,255,255,0.25) !important;
}

/* Cookies */

.has-cookie-bar #catapult-cookie-bar {
    padding: 25px 0 !important;
}

.cookie-bar-bar .ctcc-inner {
    justify-content: space-between !important;
    max-width: 87.5rem !important;
    margin: 0 auto;
    padding: 0 1.25rem !important;
}

.ctcc-left-side {
	font-weight: 300 !important;
}

.ctcc-more-info-link {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
	.ctcc-more-info-link {
        display: block !important;
	}
}

.cookie-bar-bar button#catapultCookie {
    margin: 0 !important;
    border-radius: 500px !important;
    padding: 0 !important;
    width: 50px;
    height: 50px;
    transition: all 0.5s ease;
}

.cookie-bar-bar button#catapultCookie:hover {
	background-color: #22afdb !important;
}

.hide {
    display: none;
}

/* 2023 Design uplift */

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

/* utilities */
.bg-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-overlay {
    position: relative;
}

.bg-overlay:before {
    content: "";
    position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}

.bg-overlay-blue:before {
    background-image: linear-gradient(180deg, rgba(21,21,21,1) 0%, rgba(16,22,29,0.25) 65%, rgba(3,23,53,1) 100%);
}

.bg-overlay-turquoise:before {
    background: linear-gradient(180deg, rgba(13,67,89,0) 0%, rgba(8,102,106,0.43) 47.8%, rgb(0 20 27) 100%);
}

.font-heading, .heading-lg {
    font-family: "termina", "Roboto", sans-serif;
}


.button {
    display: inline-block;
    padding: 1rem 2rem;
    color: #fff;
    background: #008DB9;
    border-radius: 60px;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.5s ease;
}

.button.button-ghost {
    color: #008DB9;
    background: transparent;
    border: 1px solid #008DB9;
}

.button:hover {
    color: #fff;
    background-color: #00769b;
}

.button-turquoise {
    background: #00ADA1;
}

.button-turquoise:hover {
    color: #fff;
    background-color: #02958b;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.heading-xlg {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2
}

@media (min-width: 768px) {
    .heading-xlg {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .heading-xlg {
        font-size: 4rem;
    }
}

.copy-lg {
    font-size: 1rem;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .copy-lg {
        font-size: 1.15rem;
    }
}

@media (min-width: 1200px) {
    .copy-lg {
        font-size: 1.25rem;
    }
}

/* hero panels */
.home-hero, .intro-hero {
    position: relative;
    min-height: auto;
    padding: 64px 32px;
}

@media (min-width: 768px) {
    .home-hero, .intro-hero {
        position: relative;
        min-height: auto;
        padding: 160px 64px;
    }
}

.intro-hero .intro-middle a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.home-hero-title {
    font-style: normal;
}

.home-hero .home-hero-content .home-hero-lead {
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}

.homer-hero-content h1 {
    margin-bottom: 0;
}

.home-hero-lead {
    margin: 2rem 0;
}

.home-hero .home-hero-content .home-hero-lead p:not(:last-child) {
    padding-bottom: 0;
}

.home-hero .home-hero-content {
    max-width: 100%;
}

.home-hero p:last-child , .intro-hero p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.intro-hero .richtext-lead {
    font-weight: 700;
}

.intro-hero.intro .intro-middle::before {
    background: #fff;
}

/* services panel */

@media (min-width: 1024px) {
    .home-services {
        display: flex;
    }
}

.home-service {
    display: flex;
        flex: 1;
        justify-content: center;
    padding: 64px 32px;
    color: #fff;
}

@media (min-width: 1024px) {
    .home-service {
        padding: 160px 32px;
    }
}

.home-service-content {
    max-width: 40rem;
}

.home-service-overline {
    font-size: 1.25rem;
    margin-bottom: 0.1rem;
}

.home-service-action {
    margin-top: 2rem;
}

/* CTA panel */
.cta {
    text-align: center;
}

.cta.bg-cover {
    color: #fff;
}

.cta-copy {
    margin-bottom: 3rem;
}

/* rich content panel */
.rich-content.theme-turquoise {
    background-color: #fbffff;
}

.rich-content.theme-blue {
    background-color: #f6f8f8;
}

.rich-content-content {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 576px) {
    .rich-content-content {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

.rich-content-intro {
    text-align: center;;
}

.rich-content-icons {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 3rem;
}

@media (min-width: 576px) {
    .rich-content-icons {
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 5rem;
    }
}

@media (min-width: 1024px) {
    .rich-content-icons {
        gap: 10rem;
    }

    .rich-content-icons.count-4 {
        gap: 3rem 10rem;
    }
}

.rich-content-icon {
    width: 100%;
    text-align: center;;
}

.rich-content-icon a {
    color: #000;
    border-bottom: 1px solid #000;
}


@media (min-width: 768px) {
    .rich-content-icon {
        width: 33%;
    }

    .rich-content-icons.count-3 .rich-content-icon {
        flex: 1;
    }

    .rich-content-icons.count-4 .rich-content-icon {
        width: 42%;
    }
}

.rich-content-icon img {
    width: 80px;
}

.rich-content-icon h3 {
    margin-top: 1rem;
}

.rich-content-icon p {
    line-height: 1.2;
}

.rich-content-highlights {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

.rich-content-highlights ul {
    margin: 0;
    padding: 0;
}

.rich-content-highlights li {
    list-style: none;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.rich-content-highlights li:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.rich-content-highlights[class*=theme] {
    padding: 3rem;
}

.rich-content-highlights.theme-blue {
    color: #fff;
    background: #008DB9;
}


@media (min-width: 1024px) {
    .rich-content-highlights {
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 3rem;
        gap: 10rem;
    }
}

.rich-content-highlight {
    flex: 1;
    width: 100%;
}


@media (min-width: 1024px) {
    .rich-content-highlight {
        width: 50%;
    }
}

.rich-content-copy {
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .rich-content-copy {
        margin-top: 3rem;
    }
}

/* homepage news cards */
.news-cards-list.home-news-cards-list .card {
    color: #fff;
    background: transparent;
    box-shadow: none;
    border: 1px solid rgba(255,255,255,0.4);
}

.news-cards-list.home-news-cards-list .card .card-header {
    opacity: 0.75;
}

.news-cards-list.home-news-cards-list .card .link {
    color: #fff;
    border-bottom-color: rgba(255,255,255,0.4);
}

.news-cards-list.home-news-cards-list .card .link:before {
    background-color: #2798bb;
}

/* About page adjsutments */

@media (min-width: 768px) {
    .about-locations .about-locations-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about-locations::before {
        display: none;
    }

    .about-locations .about-locations-item:first-child {
        padding-right: 0;
    }

    .about-locations .about-locations-item:last-child {
        padding-left: 0;
        padding-top: 3.5rem;
    }
}

.link-lg {
    margin-top: 0;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
}

.link-lg + .link-lg {
    margin-left: 1rem;
}

.link-lg:before {
    z-index: -1;
}

.link-disabled {
    pointer-events: none;
}

.related-company:not(:last-child) {
    margin-bottom: 5rem;
}

.related-company h3.heading-lg {
    font-size: 2.5rem;
}

/* Footer nav */

#menu-footer-menu {
    margin-bottom: 1rem;
}

/* Footer accreditations */

.site-footer-accreditations {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
    align-items: end;
    gap: 1rem;
    margin-top: 1.5rem;
}

@media screen and (min-width:450px) {
    .site-footer-accreditations {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width:1024px) {
    .site-footer-accreditations {
        grid-template-columns: repeat(6, 1fr);
        place-items: start;
        align-items: end;
        gap: 3rem;
    }
}

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

/* Featured copy */
.fc--wrapper {
    padding: 2rem 0;
    text-align: center;
}

.fc--wrapper:first-of-type {
    padding-top: 0;
}

.fc--wrapper:last-of-type {
    padding-bottom: 0;
}

.fc--copy {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.fc--image > img {
    max-width: 100%;
    height: auto;
}

.hasImage {
    text-align: left;
}

.hasImage .fc--copy {
    align-items: flex-start;
}

.hasImage {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    gap: 1.5rem;
}

.hasImage:nth-of-type(odd) >.fc--copy {
    order: -9999;
}

@media screen and (min-width: 768px) {
    .hasImage {
        grid-template-columns: repeat(2, 1fr);
    }

    .hasImage:nth-of-type(even) >.fc--copy {
        order: 9999;
    }
}

/* Video */

.video { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.video iframe,
.video object,
.video embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Vessel highlights */
.vessel-content-highlights.theme-blue {
    padding: 3rem;
    color: #fff;
    background: #008DB9;
}

.vessel-content h3 {
    font-size: 2rem;
    margin: 3rem 0 2rem 0;
}

.vessel-content-highlights .rich-content-highlights {
    margin-top: 0;
}

/* Vessel feature text */
.vessel-feature-text {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
}

.rich-content-content img {
    width: 100%;
    height: auto;
}

.vessel-feature-text .rich-content-copy {
    margin-top: 0;
}

@media screen and (min-width:1024px) {

    .vessel-feature-text {
        grid-template-columns: repeat(2,1fr);
        margin-top: 3rem;
    }
}

@media screen and (min-width: 768px) {

    .article-header,
    .article-body {
        padding: 3rem;
    }
}

/* Card header news meta */
.news-template .card-header.news-meta:has(.author) {
  flex-direction: column;
  gap: 1rem;
}