.DV-btn {
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: center;
    width: 100%;
}

.DV-btn img {
    width: 60px;
    height: auto;
}

.DV-btn.btn-primary img {
    filter: invert(100%) sepia(100%) saturate(0%) brightness(200%);
}

.wb-tabs.carousel-s2.wb-init {
    padding-bottom: 3.5em !important;
}

.wb-tabs.carousel-s2 {
    background: none;
}

.cith-indicators .well {
    background-color: white;
    color: #404f60;
    border-radius: 0.5em;
    border: 4px solid #404f60;
}

.wr-hub-title img {
    max-width: 60px;
}

.wb-tabs.carousel-s2 [role="tablist"]>li.plypause a {
    padding-top: 4px;
}

.wb-tabs.carousel-s2 [role="tablist"]>li.nxt a .glyphicon,
.wb-tabs.carousel-s2 [role="tablist"]>li.prv a .glyphicon,
.wb-tabs.carousel-s2 [role="tablist"]>li.plypause a {
    background-color: #404f60;
    color: white;
}

.wb-tabs.carousel-s2 [role="tablist"]>li.nxt a .glyphicon:hover,
.wb-tabs.carousel-s2 [role="tablist"]>li.prv a .glyphicon:hover,
.wb-tabs.carousel-s2 [role="tablist"]>li.plypause a:hover {
    background-color: #1c578a;
}

.wb-tabs.carousel-s2 [role="tablist"]>li.plypause a:focus {
    background-color: #1c578a;
}

.DV-how-to-use[open] {
    border-radius: 0em;
    border: none !important;
    padding: 0px;
}

.DV-how-to-use .panel-primary {
    border-color: #26374a;
}

.DV-how-to-use .panel-primary .panel-heading {
    background-color: #26374a;
}

.DV-how-to-use summary {
    list-style-type: none;
    width: fit-content;
}

.DV-how-to-use[open]>summary {
    border-bottom: 0px;
    border-radius: 4px;
    margin-left: 0px;
    margin-right: 0px !important;
    list-style-type: none;
}

#wb-cont {
    border: none !important;
}

.wr-sub-nav #menuButton {
    top: auto;
}

.subnav-enabled .wr-navLink-active a:hover {
    background-color: #2571b4cb !important;
    color: white;
}

.wr-main-banner {
    margin-top: -40px;
    background-position: center;
}

/* Two column well */

.wr-well-section {
    padding-top: 65px;
}

.wr-well-container {
    background-color: white;
    padding: 25px;
    border-radius: 5px 5px 5px 5px;
    background-color: rgba(255, 255, 255, 0.913) !important;
}

.wr-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Topics images */

.wr-topic-icon {
    padding: 10px;
    border-radius: 50%;
    background-color: #26374a;
    height: 100px;
    width: auto;
    margin-top: 40px;
}

.cith-topics a {
    text-decoration: none;
}

.cith-topics a:hover {
    color: #1c578a !important;
}

.cith-topics a:visited {
    color: inherit;
}

.cith-topics a:hover img {
    background-color: #1c578a !important;
}

/* Features panels */

.wr-panel {
    border-radius: 0;
    box-shadow: none;
}

.wr-panel img {
    width: 100%;
    height: auto;
}

.dataPlatform {
    /* display: flex; */
    border-radius: 4px;
}

.dataPlatform-text {
    background-color: #f5f5f5;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0px 0px 5px 5px;

}

.dataPlatform-img-background {
    background-color: #ffa82d;
    height: 130px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
}

.dataPlatform-img-background img {
    width: 100%;
    height: 100%;
    max-height: 300px;
}

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

    .dataPlatform {
        display: flex;
    }

    .dataPlatform-text {
        border-radius: 0px 5px 5px 0px;
    }

    .dataPlatform-img-background {
        height: auto;
        align-items: center;
        border-radius: 5px 0px 0px 5px;
    }

    .dataPlatform-img-background img {
        margin: auto;
    }
}

/* For data vis iframes */
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 57.25%;
    /* padding will need to be adjusted if the PBI dashboard is custom size */
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* .iframe-extra-padding {
    padding-top: 95% !important;
} */

.feedback {
    display: flex;
    align-items: center;
}

.feedback .well {
    padding: 2em;
}

/* Classes for custom iframe sizes */

.interprovincial-hiring-dv-en {
    padding-top: 120% !important;
}

.interprovincial-hiring-dv-fr {
    padding-top: 138% !important;
}

.obstacles-hiring-outside-dv-en {
    padding-top: 129% !important;
}

.obstacles-hiring-outside-dv-fr {
    padding-top: 136% !important;
}

.journeypersons-dv {
    padding-top: 116.5% !important;
}

.trade-goods-dv {
    padding-top: 87% !important;
}

.net-mobility-dv {
    padding-top: 95% !important;
}

.t4-earnings-employees-dv {
    padding-top: 93% !important;
}

.trade-flows {
    padding-top: 113% !important;
}

.trade-flows-agriculture {
    padding-top: 118% !important;
}

.trade-flows-energy {
    padding-top: 136% !important;
}

.trade-flows-goods-service {
    padding-top: 116% !important;
}

.impact-obstacles-experienced {
    padding-top: 65% !important;
}

.obstacles-purchasing-selling {
    padding-top: 67% !important;
}

.purchase-sell-goods-services {
    padding-top: 69% !important;
}

.reduction-elimination-obstacles {
    padding-top: 66% !important;
}

.purchases-out-of-province {
    padding-top: 89% !important;
}

.sales-out-of-province {
    padding-top: 125% !important;
}

.ITS-obstaclesExperiencedWhenPurchasing_en {
    padding-top: 135% !important;
}

.ITS-obstaclesExperiencedWhenPurchasing_fr {
    padding-top: 144% !important;
}

.ITS-obstaclesExperiencedWhenSelling_en {
    padding-top: 135% !important;
}

.ITS-obstaclesExperiencedWhenSelling_fr {
    padding-top: 140% !important;
}

.labourMobilityEducation_en {
    padding-top: 100% !important;
}

.labourMobilityEducation_fr {
    padding-top: 135% !important;
}

/* .labourMobility_en {
    padding-top: 95% !important;
}

.labourMobility_fr {
    padding-top: 100% !important;
} */

.labourMobility_en {
    padding-top: 60% !important;
}

.labourMobility_fr {
    padding-top: 62% !important;
}

.labourMobilityAge_en {
    padding-top: 125% !important;
}

.labourMobilityAge_fr {
    padding-top: 140% !important;
}

.tradeFlowsDetailedProduct-dv {
    padding-top: 75% !important;
}

.wb-fnote {
    border-style: none !important;
}

.text-uppercase {
    text-transform: uppercase;
}

.localDv {
    width: 100%;
    border: none;
    overflow: hidden;
}