body {
    margin-top: 4rem;
}

@media (max-width: 768px) {
    body {
        margin-top: 3.02rem;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    body {
        margin-top: 3.34rem;
    }
}

/* ==========================================================================
   Announcement Bar
   ========================================================================== */
div.announcement {
    background-color: #545c69;
}

div.announcement-block {
    margin: 0 auto;
}

.announcement-block .cmp-text {
    padding-left: 1pc;
    padding-right: 1pc;
}

.announcement-block .cmp-text,
.announcement-block .rte-content {
    max-width: 87pc !important;
}

.announcement-block p {
    color: #fff;
    margin-bottom: 0;
    font-family: Barlow-Medium, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    padding-right: 20px;
}

.secondary-grey-color-btn.announcement {
    background-color: #FFDC19;
    border: 3px solid #FFDC19;
}

a.secondary-grey-color-btn.announcement,
a.secondary-grey-color-btn.announcement:link,
a.secondary-grey-color-btn.announcement:visited {
    color: #000000;
}

.secondary-grey-color-btn.announcement:hover {
    background-color: transparent;
    border: 3px solid #FFFFFF;
    color: #FFFFFF !important;
}

div.leftAnnounce {
    width: 75%;
    display: inline-block;
}

div.rightAnnounce {
    width: 25%;
    display: inline;
    position: relative;
    left: 10%;
}

/* ==========================================================================
   Landing / Partner Network Banner
   ========================================================================== */
div#connectThreeLines {
    background-image: url(/content/dam/aveva/images/connect-experience/css/connect-three-lines.svg);
    background-repeat: no-repeat;
    width: 157px;
    height: 42px;
    position: relative;
    top: 42px;
    right: 161px;
}

#connectExpLandingBanner h1,
#connectPartnerNetworkBanner h1 {
    color: #FFDC19;
}

#connectExpLandingBanner span.upperHeadingOne,
#connectPartnerNetworkBanner span.upperHeadingOne {
    font-family: Barlow-Medium, Helvetica, Arial, sans-serif;
}

section#connectExpLandingBanner .heading-horizontalline-container {
    max-width: 47.625rem;
}

p.upperHeadingPara {
    width: 80%;
}

/* ==========================================================================
   Search
   ========================================================================== */
.connectExpSearchTab {
    display: table;
    width: 80%;
}

.connectExpSearchRow {
    display: table-row;
}

.connectExpSearchLeft {
    display: table-cell;
}

.connectExpSearchRight {
    display: table-cell;
}

input#connectExpSearchInput {
    width: 100%;
    height: 44px;
    border: 1px solid #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    background-color: transparent;
    color: #ffffff;
}

button#connectExpSearchSubmit {
    background-color: #FFDC19;
    border: 1px solid #FFDC19;
    padding: 0;
    margin: 0;
    padding-left: 5px;
    width: 44px;
    height: 44px;
    position: relative;
    right: 5px;
}

button#connectExpSearchSubmit:before {
    font-family: 'icomoon';
    content: "\e906";
}

/* ==========================================================================
   Access Partner Network
   ========================================================================== */
section#accessPartnerNetwork {
    background-color: #F7F7F2;
}

section#accessPartnerNetwork p {
    text-align: left;
}

section#accessPartnerNetwork .column-control.section .coltype-2 .col {
    padding: 0;
}

section#accessPartnerNetwork a.secondary-white-btn {
    background-color: #000000;
    color: #FFDC19;
    border: 3px solid #000000;
    min-width: 23rem;
    margin-bottom: 1rem;
    position: relative;
}

section#accessPartnerNetwork a.secondary-white-btn:hover {
    background-color: #FFFFFF;
    color: #000000;
}

section#accessPartnerNetwork a.secondary-white-btn:after {
    content: url(/content/dam/aveva/images/connect-experience/css/arrow1.svg);
    width: 49px;
    height: 49.1875px;
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: #FFDC19;
    text-align: center;
    line-height: 0.7rem;
    font-size: 1.125rem;
    padding-top: 1rem;
}

section#accessPartnerNetwork div.background-container-wrapper.container-md {
    max-width: 87pc;
    margin: 0 auto;
}

section#accessPartnerNetwork div.video.embed.section {
    padding-right: 30px;
}

/* ==========================================================================
   Connect Ready / Connect Partner Learn More
   ========================================================================== */
section#connectReady a.secondary-grey-color-btn,
section#connectPartnerLearnMore a.secondary-grey-color-btn {
    background-color: #000000;
    border: 3px solid #000000;
}

section#connectReady a.secondary-grey-color-btn:hover,
section#connectPartnerLearnMore a.secondary-grey-color-btn:hover {
    background-color: #FFFFFF;
    color: #000000;
}

section#connectReady p {
    color: #000000;
}

/* ==========================================================================
   Connect Resources
   ========================================================================== */
section#connectResources h2 {
    color: #FFDC19;
}

section#connectResources .card-v1__body {
    padding: 0;
}

section#connectResources ul.card-v1__tag-wrapper {
    display: block;
}

section#connectResources .card-link.card-v1__link {
    padding-left: 1.5rem;
}

section#connectResources div.card-link.card-v1__link a.body-action {
    color: #000000 !important;
}

section#connectResources div.card-link.card-v1__link a.body-action:hover:after {
    background-color: #FFDC19 !important;
}

section#connectResources li.eyebrow-title {
    width: 100%;
    max-width: 100%;
    margin: 0;
    color: #000000;
    background-color: #FFDC19;
    font-family: Barlow-Bold, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    padding: 1rem 1.5rem;
}

section#connectResources h3,
section#connectResources p {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* ==========================================================================
   Connect Partner Cards / Sustainable
   ========================================================================== */
section#connectPartnerCards .card-v2-t4 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #676767;
    border-bottom: 5px solid #FFDC19;
    padding: 1.5rem;
    padding-top: 7rem;
}

section#connectPartnerCards p.card-v2-t4__subheading {
    text-transform: uppercase;
    color: #676767;
    font-family: Barlow-Light, Helvetica, Arial, sans-serif;
    margin-bottom: 0.5rem;
}

section#connectPartnerCards .card-v2-t4__heading.sustainable {
    background-image: url(/content/dam/aveva/images/connect-experience/css/connect-sustainable.svg);
    background-repeat: no-repeat;
    background-position: top right;
}

section#connectPartnerCards h3.card-v2-t4__heading:after {
    content: url(/content/dam/aveva/images/connect-experience/css/arrow1.svg);
    position: relative;
    left: 10px;
    bottom: 5px;
}

section#connectPartnerCards .card-link.card-v2-t4__link {
    display: none;
}

div#sustainableLegend {
    color: #676767;
    text-align: left;
    padding-bottom: 2rem;
}

div#sustainableLegend img {
    margin-right: 1rem;
}

div#sustainablePartnerPage {
    display: inline;
    float: right;
}

/* ==========================================================================
   Connect Partner Summary
   ========================================================================== */
section#connectPartnerSummary hr.horizontal-rule {
    margin-top: 0;
}

section#connectPartnerSummary img.cmp-image__image.image-component-imagestyle {
    margin-bottom: 1.125rem;
}

section#connectPartnerSummary a.secondary-grey-color-btn {
    border: 3px solid #000000;
    background-color: #000000;
}

section#connectPartnerSummary a.secondary-grey-color-btn:hover {
    border: 3px solid #000000;
    background-color: #FFFFFF;
    color: #000000;
}

section#connectPartnerSummary .container {
    border-bottom: 1px solid #c7ccd6;
    padding-bottom: 40px;
}

/* ==========================================================================
   Connect Partner Info
   ========================================================================== */
section#connectPartnerInfo .card-v2-t1 {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 1.5rem;
}

section#connectPartnerInfo .card-v2-t1:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

section#connectPartnerInfo img.card-v2-t1__img {
    max-width: 100%;
}

/* ==========================================================================
   Connect Partner More Content
   ========================================================================== */
section#connectPartnerMoreContent h3,
section#connectPartnerMoreContent h2 {
    width: 75%;
}

section#connectPartnerMoreContent h3 {
    margin-bottom: 1rem;
}

section#connectPartnerMoreContent h2 {
    margin-bottom: 1.5rem;
}

section#connectPartnerMoreContent div.contentContain {
    display: flex;
    flex-direction: row;
}

section#connectPartnerMoreContent div.leftSide {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-right: 1.5rem;
}

section#connectPartnerMoreContent div.rightSide {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-left: 1.5rem;
}

/* ==========================================================================
   Coveo Atomic Search Components
   ========================================================================== */
atomic-search-box::part(submit-button) {
    background-color: #000000;
}

atomic-search-box::part(submit-icon) {
    color: #FFDC19;
}

atomic-load-more-results::part(load-more-results-button) {
    background-color: #000000;
    color: #FFDC19;
}

atomic-facet::part(facet) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(facet) {
    background-color: #F7F7F2;
}

atomic-category-facet::part(facet) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(value-link) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(all-categories-button) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(sub-parents) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(parent-button) {
    background-color: #F7F7F2 !important;
}

atomic-category-facet::part(active-parent) {
    background-color: #F7F7F2 !important;
}

/* ==========================================================================
   Media Queries — Max Width (descending; order preserved where selectors
   overlap so the cascade result is unchanged)
   ========================================================================== */
@media (max-width: 1440px) {
    div.rightAnnounce {
        left: 0;
    }

    .announcement-block .cmp-text,
    .announcement-block .rte-content {
        max-width: 855pt !important;
    }
}

@media (max-width: 1439px) {
    section#accessPartnerNetwork div.background-container-wrapper.container-md {
        max-width: 855pt;
    }
}

@media (max-width: 1280px) {

    .announcement-block .cmp-text,
    .announcement-block .rte-content {
        max-width: 64pc !important;
    }
}

@media (max-width: 1279px) {
    section#accessPartnerNetwork div.background-container-wrapper.container-md {
        max-width: 64pc;
    }
}

@media (max-width: 1024px) {
    section#accessPartnerNetwork .container {
        max-width: 64pc !important;
    }
}

@media (max-width: 1024px) {
    div.leftAnnounce {
        width: 100%;
    }

    div.rightAnnounce {
        left: inherit;
        width: 100%;
        text-align: center;
        display: inline-block;
        padding-top: 20px;
    }
}

@media (max-width: 768px) {
    section#accessPartnerNetwork div.video.embed.section {
        padding-right: 0;
    }

    section#accessPartnerNetwork a.secondary-white-btn {
        width: 100%;
    }

    section#accessPartnerNetwork a.secondary-white-btn:after {
        right: -3px;
    }

    section#accessPartnerNetwork p {
        width: 100%;
    }

    div#sustainableLegend {
        padding-bottom: 0;
    }

    section#connectPartnerMoreContent div.contentContain {
        display: block;
    }

    section#connectPartnerMoreContent div.leftSide {
        display: block;
        width: 100%;
        padding-right: 0;
    }

    section#connectPartnerMoreContent div.rightSide {
        display: block;
        width: 100%;
        padding-left: 0;
    }
}

/* ==========================================================================
   Media Queries — Min Width
   ========================================================================== */
@media (min-width: 768px) {
    section#accessPartnerNetwork a.secondary-white-btn {
        line-height: 0.7rem;
    }
}

@media (min-width: 1440px) {
    section#accessPartnerNetwork .col-sm-6 {
        flex: 0 0 43%;
    }
}