/*# sourceMappingURL=custom.css.map */
.dxp-sign-in-banner div div.actions a:nth-child(2){
display:none !important;
}

.dxp-sign-in div.bottom div a.createProfile{
display:none;
}
.dxp-logo img[src*="logo"] {
    margin-top: 9px;
    margin-left: 10px;
}

@media (min-width: 796px) {
    .dxp-logo .dxp-link {
        background: #fff;
    }
}91002F

.dxp-header-view,
.dxp-menu .toggle-main-menu,
.sign-in-section {
    background: #91002F;
}

.sign-in-section:before {
    /* border-bottom: 4rem solid #C30E2E; */
    border-left: 1.25rem solid #C30E2E;
}

@media (min-width: 796px) {
    .dxp-logo .dxp-link:before {
        display: none;
    }
}

.dxp-header-view .centered-content {
    background-color: #C30E2E;
    border-top: .313rem solid #C30E2E;
}

.dxp-menu .toggle-main-menu:after {
    border-top: 4.375rem solid #91002F;
}


/** buttons (start) **/

.dxp-home-view-tabs .spark-tabs__btns [class*="spark-icon-arrow-chevron-"]:before {
    margin-left: -10px;
}

.dxp-button.primary,
.sabre-dx-component-button.continue {
    color: #fff !important;
    background: linear-gradient(150deg, #C30E2E 50%, #91002F 51%);
    background-color: #C30E2E !important;
    background-size: 200% 200%;
    background-position: 30% 0;
    border-color: #91002F !important;
}
.dxp-button.primary .spark-icon-math-add{
color: #000 !important;
}
.dxp-button.primary .spark-icon-math-subtract{
color: #000 !important;
}

.sabre-dx-component-button.continue:after {
    background-color: #C30E2E !important;
}

.dxp-flight-search .flight-search-button:not(:disabled):hover {
    text-shadow: none;
}

.journey-type-selection .journey-type-selection-item .dxp-link,
.dxp-promo-code .dxp-promo-code-button {
    color: #C30E2E;
}

.journey-type-selection .journey-type-selection-item.active .dxp-link {
    background: #C30E2E;
}

.journey-type-selection .journey-type-selection-item .dxp-link:focus,
.journey-type-selection .journey-type-selection-item .dxp-link:hover {
    outline: .189rem solid #C30E2E;
}

.dxp-flight-selection .flight-selection-page-button-wrapper .go-back {
    color: #fff;
}

.dxp-flight-selection .flight-selection-page-button-wrapper .go-back:hover {
    color: #C30E2E;
}

.dxp-button.round {
    border-color: #91002F !important;
}

[class*="spark-icon-math-"] {
    color: #fff;
}


/** buttons (end) **/


/** breadcrumbs (start) **/

.spark-step-indicator__item--current:after,
.spark-step-indicator__item--current:before {
    background-color: #C30E2E;
}


/** breadcrumbs (end) **/
.dxp-footer {
    background: #C30E2E;
}
.dx-flight-selection-ribbon .dx-flight-selection-ribbon-item.selected:after {
    background-color: #91002F;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md {
    z-index: 0;
    background: linear-gradient(45deg,#91002F,#C30E2E);
    border: 1px solid #91002F;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 2.25rem;
    margin: 0 auto;
}
.brand-offer-price-mobile .brand-select-button:not(.text-button):not(.secondary-button):not(.view-more-button):not(.negative) {
    background: linear-gradient(45deg,#91002F,#C30E2E);
    border: 1px solid #91002F;
    border-radius: 3px;
    padding: 16px;
}

.itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:active, .itinerary-part-offer-brand-comparison .shadow-box .brand-selection-button-container .brand-select-button.spark-btn--md:hover {
    border: 1px solid #91002F;
    background: linear-gradient(45deg,#C30E2E,#91002F);
}
.dxp-date-selection-footer {
    background-color: #91002F;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9;
    color: #fff;
}
.dxp-date-selection-view .days-legend {
    position: fixed;
    left: 0;
    right: 0;
    top: 4.375rem;
    background: #91002F;
    z-index: 100;
    padding: 0 .75rem;
}
.dxp-payment-component .header:not(.payment-abn-acn) h3{
    color: #fff;
}
.dxp-payment-component .header.padding h3 span.dxp-price span.sabre-dx-component-price{
    color: #C30E2E;
}
.dxp-shared-confirmation .trip-detail-section h2.page-title{
color: #fff;
}
.dxp-view .background-content>.main-content .exchange h2.dxp-title{
    color: #fff;

}
.dxp-view .background-content>.main-content .exchange .spark-panel .spark-panel__content{
    background: #fff;

}
.discounted-price .sabre-dx-component-price .price-info .alternative .price{
    color:#C30E2E;
}
.dxp-matrix-view-title{
    color:#fff;
}
.dxp-matrix .header .title{
    color:#fff;
}
.dxp-matrix .header .description{
    color:#fff;
}

.dxp-matrix .header .description .dxp-fare-rules-and-baggage-description span a{
    color:#C30E2E;
}


/*# Marketing Agency Custom changes */

.ducp-component-price{
    color: fff !important;
}


.dxp-view .view-title {
    color: #fff !important;
}

.dxp-view.dxp-flight-schedule-view .flight-schedule-title-info {
    color: #fff !important;
}

.static--flight-selection--dxp-shared-flight-selection-before {
    color: #fff !important;
    margin-bottom: 20px !important;
}

.static--flight-selection--dxp-shared-flight-selection-before a {
    color: #fff !important;
}

.ducp-component-price .price {
    color: #72a418 !important;
}



/*# Marketing Agency Header Custom changes */

.sign-in-section:before{
    display: none;
}

.sign-in-section {
    background: transparent;
    height: 70px;
}

.sign-in-section:hover,
.sign-in-section:focus,
.sign-in-section:active {
     background: #821831;
}

.dxp-header-view .header-item-group .header-item>.header-item-label:active, 
.dxp-header-view .header-item-group .header-item>.header-item-label:focus, 
.dxp-header-view .header-item-group .header-item>.header-item-label:hover {
    border-top: 0;
    margin-top: 0;
    height: 70px;
}

.dxp-header-view .centered-content {
    border-top: 0;
}

h1.dxp-logo .dxp-link img{
    display: none;
}

h1.dxp-logo .dxp-link {
    background: transparent url(../images/Logo-CanadianNorth-1LINE-White.png) no-repeat left 10px top 15px;
    background-size: 290px auto;
    min-width: 320px;
    cursor: pointer;
}

.dxp-header-view .header-item-group .header-item>.header-item-label {
    padding: 0 1.333rem 0 1.333rem;
}

.dxp-header-view {
    background-color: #C30E2E;
}

.dxp-menu .toggle-main-menu {
    padding: 10px;
    top: -.4167rem;
    background: transparent;
}

.dxp-menu .toggle-main-menu:hover:after,
.dxp-menu .toggle-main-menu:after {
        display: none;
}

.sign-in-section.header-group-wrapper {
    max-width: 100%;
}

.dxp-background .dxp-background-hd, .dxp-background .dxp-background-preload {
    background: transparent url(../images/background-sunset-overlay.jpg) no-repeat center center !important;
    background-color: rgba(0,0,0,0);
}

.dxp-menu .toggle-main-menu:hover,
.dxp-menu .toggle-main-menu:focus,
.dxp-menu .toggle-main-menu:active {
   background: #821831 !important;
   outline: none !important;
}

header .centered-content *{
outline: none !important;
}

@media only screen and (max-width: 500px){
    h1.dxp-logo{
        margin-left: 72px;
        width: calc(100% - 144px);
    }
    
    html[lang=fr] h1.dxp-logo {
        width: calc(100% - 72px - 106px);
    }

    h1.dxp-logo .dxp-link {
        width: 100%;
        min-width: 100%;
        max-width: 110px;
        margin: 0 auto;
        height: 70px;
        background: transparent url(../images/Logo-CanadianNorth-MAIN-White.png) no-repeat center center;
        background-size: 150px auto;
      }
  
}

@media (min-width: 796px){

    .dxp-menu .main-menu-container .main-menu .menu-item:hover,
    .dxp-menu .main-menu-container .main-menu .menu-item:focus,
    .dxp-menu .main-menu-container .main-menu .menu-item:active {
        background: #821831;
        border-top: 0;
    }

    .dxp-menu .main-menu-container .main-menu .menu-item {
        margin-top: 0;
    }

    .dxp-menu .main-menu {
        margin: 0;
    }

    .dxp-header-view .header-item-group .header-item>.header-item-label {
        padding: 0 1.33rem !important;
    }

    .dxp-menu .main-menu .menu-link,
    .dxp-menu .main-menu .menu-link:hover,
    .dxp-menu .main-menu .menu-link:focus,
    .dxp-menu .main-menu .menu-link:active {
          height: 70px;
          color: #fff !important;
          outline: none !important;
    }

    .dxp-menu .main-menu-container .main-menu .menu-item {
        height: 70px;
    } 

    .dxp-settings .toggle-settings-menu,
    .dxp-menu .ellipsis-menu-container {
        height: 70px !important;
        color: #fff !important;
        background: #C30E2E !important;
    } 

    .dxp-settings .toggle-settings-menu:hover,
    .dxp-settings .toggle-settings-menu:active,
    .dxp-settings .toggle-settings-menu:focus,
    .dxp-menu .ellipsis-menu-container:hover,
    .dxp-menu .ellipsis-menu-container:active,
    .dxp-menu .ellipsis-menu-container:focus {
        background: #821831 !important;
        outline: none !important;
        height: 70px !important;
        color: #fff !important;
    }

    .dxp-menu .toggle-ellipsis-menu {
        background: #C30E2E !important;
        height: 70px !important;
        color: #fff !important;
    }

    .dxp-menu .toggle-ellipsis-menu:hover,
    .dxp-menu .toggle-ellipsis-menu:active,
    .dxp-menu .toggle-ellipsis-menu:focus {
        background: #821831 !important;
        height: 70px !important;
        color: #fff !important;
        outline: none !important;
    }

    .dxp-menu .main-menu-container .main-menu .menu-item.active {
        background: #821831;
        border-top: 0;
        margin-top: 0;
    }

    .dxp-menu .main-menu-container .main-menu .menu-item.active:after {
     display: none;
    }

    .dxp-menu .ellipsis-menu {
        top: 70px !important;
        background: #821831 !important;
    }

    .dxp-settings .settings-menu {
        top: 75px !important;
        color: #fff !important;
    }

    .dxp-settings .settings-menu:hover, 
    .dxp-settings .settings-menu:active, 
    .dxp-settings .settings-menu:focus {
        top: 75px !important;
        color: #fff !important;
    }

    .dxp-menu .ellipsis-menu .menu-link {
        width: 100%;
        text-align: left;
        color: #fff !important;
        background: #C30E2E !important;
    }

    .dxp-menu .ellipsis-menu .menu-link:hover,
    .dxp-menu .ellipsis-menu .menu-link:active,
    .dxp-menu .ellipsis-menu .menu-link:focus {
        color: #fff !important;
        background: #821831 !important;
        outline: none !important;
    }

}