/**
 * CA (Canada) Homecare Store Specific Styles
 * Extracted from Header_UI.jspf for performance optimization
 * Applied only to CA_Homecare_Store (Medigas)
 */

/* Custom Dropdown Styles */
.country_dropdown .options {
    padding: 9px 8px;
    border-bottom: 1px solid #E0E0E0;
    background: #FFFFFF;
}

.country_dropdown::-ms-expand {
    display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

.country_dropdown {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    padding-right: 24px;
    padding: 0.5rem  !important;
    padding-right: 2rem;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 4px;
}

/* Registration Form */
#Register .inputField.wcSelect {
    text-align: left;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: LindeDaxOffice, Helvetica, sans-serif !important;
    font-size: 1.6rem !important;
}

/* Billing Summary */
#billing_summary .billing_method {
    padding: 0px 5px 5px 0px;
}

#billing_summary .order_details_address {
    width: 50% !important;
}

/* Top Bar Navigation */
.container--top-bar__nav ul li .selectLang select option,
.container--top-bar__nav ul li .selectLang select {
    font-family: LindeDaxOffice, Helvetica, sans-serif !important;
}

.container--top-bar__nav ul li .selectLang select,
.container--top-bar a {
    font-size: 1.4rem !important;
}

/* Logo Bar */
.container--logo-bar__logo .left_espot.centered a {
    position: relative;
    width: 712px;
}

.container--logo-bar__logo .left_espot.centered a img {
    height: 56px;
    margin-top: 0px;
    max-height: 85px;
}

.sticky .container--logo-bar__logo .left_espot.centered a {
    position: relative;
    width: 712px;
    max-width: 712px;
}

.sticky .container--logo-bar__logo .left_espot.centered a img {
    height: 37px;
    max-width: 100%;
    margin: 0;
}

/* Hero Section */
.container-fluid--hero {
    background-size: 98% 100% !important;
}

/* Search Bar */
#searchBar {
    top: -19px !important;
}

/* Header Background - Medigas Specific */
.container--logo-bg_bar {
    background: url(/wcsstore/CA_Homecare_Store/images/Medigas_bg-headers.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
    max-height: 157px;
}

#contentImage_1_HeaderStoreLogo {
    display:none;
}

.container--logo-bar.sticky .hide-sticky {
    display:block;
}

/* Multiple Logo Layout */
.container--logo-bg_bar .ca_muitple_logo {
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    height: 100px;
    justify-content: space-between;
    -ms-justify-content:space-between;
    position: relative;
    width: 66rem;
    margin-top:-0.5rem;
}

.container--logo-bar__logo img {
    max-width: none;
    max-height: none;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ca_logowidth {
    top: 3rem;
    position: absolute;
    width: 14vw;
}

.sticky .container--logo-bar__logo .contentImage_MedigasExpress {
    top: 39px !IMPORTANT;
}

/* Login Popup */
.container-fluid--loginPopup .signin-newuser-group .group .registerBtn {
    background-color: #f2f6f7;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0090ca, endColorstr=#00a0e1);
    background-image: -moz-linear-gradient(top, #0090ca 0%, #00a0e1 100%);
    background-image: -webkit-linear-gradient(top, #0090ca 0%, #00a0e1 100%);
    background-image: -ms-linear-gradient(top, #0090ca 0%, #00a0e1 100%);
    background-image: linear-gradient(top, #0090ca 0%, #00a0e1 100%);
    background-image: -o-linear-gradient(top, #0090ca 0%, #00a0e1 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #0090ca), color-stop(100%, #00a0e1));
    border: none;
    color: #000 !important;
}

/* Address Display Areas */
#shippingAddressDisplayArea,
#billingAddressDisplayArea_1,
#SingleShipmentShippingAddress {
    width: 350px;
    word-break: break-all;
}

#billing_summary .order_details_address {
    padding-right: 24px;
}

.shipping_address_nester {
    word-break: break-all;
    padding-right: 14px;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    line-break: strict;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
}

/* Item Specifications */
.itemspecs {
    word-spacing: normal;
    width: 150px;
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    line-break: strict;
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
}

/* Hidden Form Elements */
#WC_AddressEntryForm_div_7 {
    display:none
}

#WC_ShoppingCartAddressEntryFormf_div_9 {
    display:none
}

#WC_ShoppingCartAddressEntryFormf_div_10 {
    display:none
}

/* Sticky Header Adjustments */
.container--logo-bar.sticky .product-nav-trigger--sticky {
    padding-bottom: 18px;
}

/* Order Details */
#order_details .img {
    padding-right: unset;
}

.contentImage_MedigasExpress {
    right: 0px;
    margin-top: 10px !important;
    width: 16vw;
}

.sticky .container--logo-bg_bar .ca_muitple_logo {
    width: 60rem;
    top:-1.5rem !important;
}

.itemspecs .dropdown_primary {
    width: 291px;
}

/* Product Totals */
.product-totals-boxs {
    width: 100%;
}

.summary_breakdown #order_total {
    float: none;
}

.summary_breakdown #order_total .total_figures {
    vertical-align: bottom;
}

#shipping #order_details .th_align_left_normal .img {
    margin-right: 10px;
}

.sticky .container--logo-bg_bar .ca_muitple_logo {
    width: 59rem;
}

.sticky .container--logo-bar__nav li {
    font-size: 1.2rem;
}

.sticky .container--logo-bar__nav ul li #MiniShoppingCart {
    width: 13rem;
}

.sticky .product-nav-trigger--sticky {
    padding-top: 26px !important;
}

/* Content Typography */
.content span, .content p, .content h3,
.content h4, .content h5, .content h6,
.content strong, .content a,
.content p font, .gbullet li font, .gbullet li, .left_espot li font {
    font-family: LindeDaxOffice, Helvetica, sans-serif !important;
    font-size: 1.4rem !important;
}

form#Consent {
    font-family: LindeDaxOffice, Helvetica, sans-serif !important;
    font-size: 1.4rem !important;
}

.content #pageHeading h1 {
    font-size: 25px;
    color: #777777;
}

.gbullet li {
    margin-bottom: 10px;
}

/* Print Styles */
@media print {
    #header {display:none;}
    .continue_shopping, .spanacce,
    .store_message, #CSRFProtectionForm, .header_wrapper_position,
    .footer_wrapper_position {display:none;}
    #footerWrapper, #WC_OrderDetailDisplay_Print_Link, .button_right_side_message {display:none;}
    .nonRWDPage #billing_summary .order_details_address {
        width: 50% !important;
    }
}

/* Wishlist Icons */
.wishlist div.grid_icon:before,
.wishlist a.grid_icon:hover:before {
    left: -58px;
    clip: rect(21px,78px,38px,61px);
    top: -19px;
}

.wishlist a.list_icon:before {
    left: -78px;
    clip: rect(21px,98px,38px,81px);
    top: -19px;
}

/* Success Popup */
div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .middle_inline_successPopup {
    float: left;
    display: inline-block;
}

div.widget_site_popup > .middle > .content_left_border > .content_right_border > .content .body .middle_inline_successPopup .textinlinewithicon {
    margin: 0px;
}

/* Media Queries for CA Store */

@media only screen and (min-width: 1900px) {
    .container--logo-bg_bar .ca_muitple_logo {
        width: 69rem;
        margin-top: unset;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        width: 59rem;
        top: -1.5rem !important;
    }
    .ca_logowidth {
        width: 26rem;
    }
    .container--logo-bar.sticky .container--logo-bar__logo img {
        margin-top: 0px;
    }
    .container--logo-bar__logo img {
        margin-top: -12px;
    }
    .contentImage_MedigasExpress {
        margin-top: 0rem !important;
    }
    .contentImage_medigas_logo {
        width: 23rem;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo .ca_logowidth {
        width: 20rem !important;
    }
}

@media only screen and (min-width:1200px) {
    .container--logo-bar_bg {
        background-color: unset !important;
        background: -webkit-linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
        background:linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
        background-image: -moz-linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
        background-image: -ms-linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
        background-image: -o-linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
        background-image: linear-gradient(to right, #ffffff 60%, #D3E1EC,#D3E1EC 40%) !important;
    }
    .container--logo-bar.sticky .product-nav-trigger--sticky {
        background: #fff !important;
    }
    .container--logo-bar.sticky {
        border-bottom: 1px solid #e5edef !important;
    }
}

@media only screen and (min-width : 1600px) and (max-width: 1899px) {
    .container--logo-bg_bar .ca_muitple_logo {
        width: 69rem;
        margin-top: unset;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        width: 59rem;
        top: -1rem !important;
    }
    .ca_logowidth {
        width: 26rem;
    }
    .container--logo-bar.sticky .container--logo-bar__logo img {
        margin-top: 0px;
    }
    .container--logo-bar__logo img {
        margin-top: -12px;
    }
    .contentImage_MedigasExpress {
        margin-top: 0rem !important;
    }
    .contentImage_medigas_logo {
        width: 23rem;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo .ca_logowidth {
        width: 20rem !important;
    }
}

@media only screen and (min-width : 992px) and (max-width: 1199px) {
    .container--logo-bg_bar {
        height: 100px;
    }
    .container--logo-bg_bar .ca_muitple_logo {
        margin-top: 0rem;
    }
}

@media only screen and (min-width : 768px) and (max-width: 1199px) {
    .container--logo-bar__logo .left_espot.centered a {
        width: 380px !important;
    }
    .sticky .container--logo-bar__logo .left_espot.centered a {
        width: 500px !important;
    }
    .sticky .container--logo-bar__logo .left_espot.centered a img {
        margin: 0 !important;
        padding: 0;
        height: 86px !important;
        max-height: 86px !important;
    }
    .container--logo-bar__logo .left_espot.centered a img {
        height: 72px;
        margin-top: -14px;
        max-height: 85px;
    }
    .flexslider {
        width: 100% !important;
    }
    .container-fluid--hero {
        background-size: 100% 100% !important;
    }
    #searchBar {
        top: 0px !important;
    }
    .sticky .container--logo-bg_bar {
        height: 93px !important;
    }
    .container--logo-bg_bar .ca_muitple_logo {
        margin-top: 0rem;
    }
    .container--logo-bg_bar {
        height: 108px;
        max-height: 146px;
    }
    .sticky .hide-sticky.product-nav-trigger.product-nav-desPatten {
        display:none;
    }
    .ca_logowidth {
        top: 15px;
        width: 16rem;
    }
    .sticky .container--logo-bar__logo img {
        margin-top: unset !important;
        top:0.6rem !important;
    }
    .sticky .container--logo-bar__logo .contentImage_MedigasExpress {
        top: 15px !IMPORTANT;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        width: 57vw;
    }
    .container--logo-bar__search {
        height: unset;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        top:0.5rem !important;
    }
    .container--logo-bg_bar .ca_muitple_logo {
        width: 50vw;
    }
    .contentImage_MedigasExpress {
        width: 18rem !important;
    }
    .sticky .container--logo-bar__nav ul li #MiniShoppingCart {
        width: auto;
    }
    .sticky .product-nav-trigger--sticky {
        padding-top: 4px !important;
    }
    .container--logo-bar__nav li {
        width: 90px;
    }
    .container--logo-bar__nav li .badge {
        right: 21px;
    }
    .container--logo-bar_bg .container--logo-bg_bar {
        margin: 0 auto !important;
    }
    .container--logo-bar.sticky .product-nav-trigger--sticky {
        background: #fff !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .container--logo-bg_bar .ca_muitple_logo {
        margin-top: 1rem !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .container--logo-bar__logo .left_espot.centered a {
        width: 200px !important;
    }
    .container--logo-bar__logo .left_espot.centered a img {
        height: 40px !important;
    }
    .sticky .container--logo-bar__logo .left_espot.centered a {
        width: 250px !important;
    }
    .sticky .container--logo-bar__logo .left_espot.centered a img {
        margin-top: 0  !important;
    }
    .flexslider {
        width: 100% !important;
    }
    #searchBar {
        top: 0px !important;
    }
    .container--logo-bg_bar {
        height: 80px !important;
    }
    .sticky .container--logo-bg_bar {
        height: 90px !important;
    }
    .container--logo-bg_bar .ca_muitple_logo {
        width: 60vw;
        margin-top: 1.5rem;
        height: auto;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo .ca_logowidth {
        height: unset;
    }
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        width: 45vw;
        top:-8px !important;
    }
    .ca_logowidth {
        top: 0.9rem;
        width: 20vw;
    }
    .contentImage_MedigasExpress {
        margin-top:0.7rem !important;
    }
    .sticky .container--logo-bar__logo .contentImage_MedigasExpress {
        top: 1.9rem !important;
    }
    .container--logo-bar__search {
        height: unset;
    }
    .container--top-bar__nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .container--top-bar__nav li {
        padding: unset;
    }
    #searchBar {
        right: 5px;
    }
    .container--logo-bar.sticky .product-nav-trigger--sticky {
        padding-top: 2px !important;
    }
    .sticky .container--logo-bar__nav ul li #MiniShoppingCart {
        width: auto;
    }
    .wishlistLeft {
        width:100% !important;
    }
    .container-fluid--plp .wishlistLeft .plp_boxContainer {
        border-top: 1px solid #CEDBDE;
        border-right: 1px solid #cedbdf;
        border-bottom: 1px solid #cedbdf;
        border-left: 1px solid #cedbdf
    }
}

@media only screen and (min-width: 320px) and (max-width: 439px) {
    .sticky .container--logo-bg_bar .ca_muitple_logo {
        width: 41vw;
        top: 20px;
    }
    .sticky .container--logo-bar__nav li {
        margin-left: 1px;
    }
    .container--logo-bg_bar .ca_muitple_logo {
        width: 52vw;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width: 400px) {
    .container--top-bar__nav li {
        padding: 0 1px !important;
    }
    .sticky .container--logo-bar__logo .contentImage_MedigasExpress {
        top: 1.6rem !important;
    }
    .container--top-bar {
        height: initial;
    }
    .container--top-bar__nav ul li .selectLang {
        position: relative;
    }
    .select-border {
        right: 28px;
        top: 2px;
    }
}

/* Product Navigation */
.product-nav__subnav {
    background-color: transparent !important;
}

.product-nav-flyoutMenu .product-nav__subnav {
    background-color: #c5d6da !important;
}

.product-nav__subnav ul {
    background-color: #c5d6da !important;
}

.marketing_teaser_nav ul {
    padding: 0 !important;
    background-color: #c5d6da  !important;
}

/* Flexslider */
.flexslider {
    margin: 0 auto !important;
    width: 1170px;
}