.f-topbar-fixed {
/* keep header at the top when transitioning to sticky */
    padding:0;
}


.cpc-component>.row:last-child {
    margin-bottom: 0 !important;
}

#main-content {
    background-color: #ffffff;
}

/* p tag spacing */
/* .cpc-content-block .cpc-ccb--item .content>p {margin: 0 0 0.75rem;} */

.fullwidth-top-section {
    /* margin-bottom: 6.25rem !important; */
}

.top-bar-section ul.right {
    margin-top: 0;
    margin-bottom: 0;
}

.top-bar.micro-business-nav .right {
    margin-right:.5em
}

#mainNav .top-bar.micro-business-nav ul.title-area {
    position: absolute;
    top: -10px;
    left: -30px;
    z-index: 20;
    width: 225.69px;
    height: 97px !important;
    border-right: 2px solid lightgrey;
    background:  white;
}

.top-bar.micro-business-nav .top-bar-section .top-bar-separator {
    margin-right: .75rem;
}

#mainNav > div.noindex > div > div.sticky.utility-business-nav-sticky-container > div > section > ul.right > li.headerButtonWrapper > a {
    border-bottom-color: rgb(0, 112, 149);
    border-bottom-style:solid;
    border-bottom-width:1.99528px;
    color: white;
    padding: 6px 14px;
    top: .4rem;
    height: auto;
    margin-left: 1rem;
}

.top-bar-section li.headerButtonWrapper {
    margin-right: 2rem;
    margin-top: .25rem !important;
}
.top-bar-section li.headerButtonWrapper .button {
    color: #fff;
    background-color: #0467C6;
    border: 0.125rem solid #0467C6;
}

.top-bar-section li.headerButtonWrapper .button:hover {
    background-color: #004990;
    border-color: #004990;
    color: #fff;
    text-decoration: none;
}

.mobile-container-wrapper .headerButtonWrapper {
    width: 100%;
    margin-left: 1rem;
    margin-top: 1rem !important;
}

@media screen and (max-width: 39.9375em) {
    .mobile-container-wrapper .headerButtonWrapper {
        /*margin:0;*/
        width: 90%;
        margin: auto;
    }
}

.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.button:before {
    content: "";
    position: absolute;
    height: .125rem;
    bottom: -.1875rem;
    left: .75rem;
    right: .8125rem;
    background-color: #333;
    visibility: hidden;
    transform: none;
    transition: all 0.3s ease-in-out 0s
}

.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.button:hover:before {
    visibility: hidden;
    transform: scaleX(1)
}
.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.button:hover,
.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a {
    font-weight: 400;
}
.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.button.active {
    font-weight: 400;
}
.cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.active.button:before {
    visibility:hidden;
}

@media only screen and (min-width: 40.0625em) {
    .cpc-nav #awardsLinksHover li>a:before {
/*         content: ""; */
/*         position: relative; */
        height: auto;
        background-color: #333;
/*         visibility: hidden; */
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }
    .cpc-nav #awardsLinksHover li>a:hover:before {
        visibility: hidden;
        transform: scaleX(0);
    }
}

.cpc-nav #awardsLinksHover li>a:hover {
    text-decoration: underline;
}

 
.top-bar-section ul li:hover:not(.has-form)>a {
    background-color: #007095;
    background: #007095;
    color: #fff;
}

.top-bar-section a {
    line-height: 1.4rem !important;
}

.top-bar-section ul li>a.button:hover, .top-bar-section ul li>a.button:focus {
    color: white;
}

@media only screen and (min-width: 40.0625em) {
    .cpc-nav .top-bar .title-area img {
        height: 4.55rem;
    }
}

.cpc-nav .top-bar .title-area img {
    position: absolute;
    max-width: 280px;
    width: 170px;
    height: 55px;
    margin-top: 10px;
    margin-left: 10px;
}

.fixed .top-bar-section .title-area {margin:0;margin-left: 1rem;max-height: 3.625rem;}
.fixed .top-bar-section .title-area a {padding:0.5rem !important; }
.fixed .top-bar-section .title-area img {
    height: 2.5rem;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    max-width: 61px;
    /* margin-left: 4rem; */
}


.mobile-container-wrapper ul {
    margin-top:0 !important;
}
.mobile-container-wrapper ul .logo img  {
    /* width: 7rem; */
}

#mobile-nav-section-personal, 
#mobile-nav-section-our-company,
#mobile-nav-section-business
{
    padding-top: 0 !important;
}

.mobile-nav-top-r-links .menu-search {
    display: none;
}

/* Remove Red borders */
.f-topbar-fixed .cpc-nav .contain-to-grid,.f-topbar-fixed .cpc-nav .utility-business-nav-sticky-container {
/*     border-top: none; */
}

/* Remove grey border */
.mobile-container-wrapper .utility-business-nav-sticky-container {
    border: none;
}
#mainNav > div.noindex > div > div.sticky.utility-business-nav-sticky-container > div {
    border-bottom: 1px solid #CBCBCB;
}

.cpc-nav {
/*     border-top: none; */
}

/* @media only screen and (min-width: 40.0625em) */
.cpc-nav .top-bar.micro-business-nav .top-bar-section li>a {
    line-height: 1 !important;
    padding: 11px;
}

#awardsLinksHover {
    margin-top:0;
    min-width: 252px;
}
#awardsLinksHover a {
    padding: 1rem 1.5rem;
    min-width: 220px;
}
/* move arrow to the center */
/* popping the f-dropdown centered not a valid option for Foundation */
.f-dropdown.open::before, .f-dropdown.open::after{
    left: 75%;
}

.cpc-component>.row:last-child,.cpc-component-wrapper {
   /* margin-bottom:0; */
}


.footer__container {
/*     position: absolute; */
/*     width: 100%; */
/*     bottom: 0 !important; */
}



#iw_comp1554422434115 > div > div > div > article > div > div > div.footer__canada-post > a.right {
    color: white;
}




/* Mobile nav fix */
.mobile-container-wrapper .menu-item-level--open {
    margin-top:0;
}
.mobile-container #main-nav {
    top:0 !important;
}

/* ECIA Components */
/* Social Share */
.social-share {
    text-align: right;
    margin-top: -5rem;
    margin-bottom: 3rem;
}
/* MEDIUM DOWN */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    /*for medium*/
    .social-share {
        margin-top: -5rem !important;
    /*margin-bottom: 2rem;*/
    }
}

@media only screen and (max-width: 40em) {
    /* for small */
   .social-share {
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
}

/* Banner fix affecting social */
@media only screen and (max-width: 40em) { /* Small */
  .fullwidth-top-section .cpc-content-block {
    margin-bottom: 0 !important;
  }
}

/* Breadcrumb */
.cpc-breadcrumb {
    position:absolute;
    top: -7.8rem;
}
/* MEDIUM DOWN */
@media screen and (max-width: 63.9375em) {
    .cpc-breadcrumb {
        top: -7.2rem;
    }
}

#cpc-nav-breadcrumb > li:nth-child(3) {
    display:none;
}
#cpc-nav-breadcrumb > li:nth-child(2):after {
    display:none;
}

/* Timeline */

/* Timeline */

/* LARGE */
@media screen and (min-width: 64.063em) {
    
    .timeline {
/*         margin-left: -2.5rem !important; */
    }
    .timeline h2 {
/*         margin-left: 2.5rem; */
    }
    .timeline .columns {
        padding: 0;
    }
    .timeline .columns p {
        padding: 0 .5rem;
        margin-left: 1rem;
    }

    .timeline img {
        margin-left: 2.5rem;
    }
    .timeline .line-section:after {
        content: "\2022";
        font-size: 56px;
        position: absolute;
        top: 25px;
        left: 53px;
        color: #025dce;
    }

    .timeline .line-section.open:after {
        color: #d8d8d8;
    }
    .timeline .line-section {
        border-top: 2px solid #1066d1;
    }
    .timeline .line-section.open {
        border-top: 3px solid #dbdbdb;
    }

    /* Align the line and bullets so it ends at the bullets */
    .timeline .line-section {
        margin: 1rem 0;
        height:20px;
        margin-left: 4rem;
        width: 100%;
    }
    .timeline .columns:nth-child(6) > div {
        width: 0rem;
    }
    .timeline.timeline_7_icons .small-12:last-child .small-6 {
        /* display: inline-block; */
        left: 1.75rem;
    }
    .timeline.timeline_7_icons p.columns {
        margin-left: 1rem;
    }

}

/* MEDIUM */
@media screen and (max-width: 64em) {

    .timelineWrapper {
        margin-top:4rem;
    }
    .timelineWrapper img, .timelineWrapper p {
        margin-top: -.8rem;
    }
    .timeline img {
        max-height: 4rem;
    }
    .timeline .line-section {
        border-right: 2px solid #1066d1;
        min-height: 10rem;
        margin-left: -2.2rem;
        width: 60px !important;
    }
    .timeline .line-section.open {
        border-right: 3px solid #dbdbdb;
    }
    .timeline .line-section:after {
        content: "\2022";
        font-size: 56px;
        position: relative;
        top: -2.5rem;
        left: 79%;
        color: #025dce;
    }
    .timeline .line-section.open:after {
        color: #d8d8d8;
    }

    .timeline:not(.timeline_7_icons) .columns:nth-child(6) > div {
        min-height: auto;
        max-height: 0px;
    }

    .timeline.timeline_7_icons .small-12:last-child .small-6 {
        /* display: inline-block; */
        margin-left: 3.75rem !important;
    }
    
    .social-share {
    margin-top: -4rem;
    margin-bottom: 2rem;
    }
}


/* Social and Breadcrumb fixes */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

    .cpc-breadcrumb {
        margin-top:2.5rem !important
    }  
    .nonFullwidth .social-share {
        margin-top: -3rem !important;
        /* margin-right: 4rem; */
    }

}





/* 7 icon Timeline */
.timeline.timeline_7_icons .small-12:last-child .small-6 {
    /* display: inline-block; */
    margin-left: 3.75rem;
}

.timeline .small-9 {
      left: 5%;
  }
.timeline .small-12:last-child .small-9 {
    /* display: inline-block; */
    margin-left: 1.125rem;
}

/* Align the line and bullets so it ends at the bullets */
    .timeline.timeline_7_icons .line-section {
        margin: 0;
        height:20px;
        margin-left: 4rem;
        width: 100%;
    }
.timelineWrapper .columns {
    padding: 0;
}
.timeline.timeline_7_icons .line-section.columns {
    padding: 0;
}
.timeline.timeline_7_icons p.columns {margin-left: 2rem;padding: 0;/* float: none; *//* margin-left: 2rem; */}

.timeline.timeline_7_icons img {
    /* margin-left: 2rem; */
}

.timeline.timeline_7_icons .line-section {
    border-top: none;
    padding:0;
}
.timeline.timeline_7_icons .line-section.open {
    border-top: none;
}
    .timelineWrapper {
        margin-top:4rem;
    }
    .timelineWrapper img, .timelineWrapper p {
        margin-top: -.8rem;
    }
    .timeline.timeline_7_icons img {
        max-height: 4rem;
        width: 48px;
    }
    .timeline.timeline_7_icons .line-section {
        border-right: 2px solid #1066d1;
        min-height: 10rem;
        margin-left: 0;
        width: 60px !important;
        padding-right: 2rem;
        padding-left: 2rem;
    }
    .timeline.timeline_7_icons .line-section.open {
        border-right: 3px solid #dbdbdb;
    }
    .timeline.timeline_7_icons .line-section:after {
        content: "\2022";
        font-size: 56px;
        position: relative;
        top: -2.5rem;
        left: 79%;
        color: #025dce;
    }
    .timeline.timeline_7_icons .line-section.open:after {
        color: #d8d8d8;
    }
    .timeline.timeline_7_icons .columns:nth-child(8) > div {
        min-height: auto;
        max-height: 0px;
    }
/* MEDIUM DOWN */

@media screen and (min-width: 1023px) and (max-width: 1140px) {
    .timeline.timeline_7_icons .small-12:last-child .small-6 {
        /* display: inline-block; */
        margin-left: 3rem;
    }
    .timeline.timeline_7_icons p.columns {
    margin-left: 1rem;
    width: 50% !importan;
    }
}

@media screen and (max-width: 63.9375em) {
    .timeline.timeline_7_icons .line-section:after {
        content: "\2022";
        font-size: 56px;
        position: relative;
        top: -2.5rem;
        left: 115%;
        color: #025dce;
    }

    .timelineWrapper {
        margin-top: 6rem;
    }
    .timelineWrapper img, .timelineWrapper p {
        margin-top: -.8rem;
    }
    .timeline.timeline_7_icons .line-section {
        
    }
    .timeline.timeline_7_icons img {
        padding: 0;
        /* margin-right: 1.25rem; */
        margin-right: 0;
        width: 48px;
        height: 48px;
    }

    .timeline.timeline_7_icons .line-section:after {
        position: absolute;
        left:32 !important;
        color: #025dce;
    }
    .timeline.timeline_7_icons .line-section {/*         margin-left: -2.2rem; */width: 30px !important;min-height: 13rem;}
    .timeline.timeline_7_icons .line-section:after {
        content: "\2022";
        font-size: 56px;
        position: relative;
        top: -2.5rem;
        left: 15px;
        color: #025dce;
    }
    .timeline.timeline_7_icons p.columns {
        margin-left: 2rem;
    }
    
}
/* XSMALL */
@media screen and (max-width: 14.75em) {
    .timeline.timeline_7_icons img {
        margin-right: 1.5em;
        margin-left: -1rem;
    }
    .timeline.timeline_7_icons .line-section {
        min-height: 16rem;
    }
}

/* SMALL */
@media screen and (max-width: 39.9375em) {
    .timelineWrapper {
        margin-top: 6rem;
    }
    .timelineWrapper img, .timelineWrapper p {
        /* margin-top: -.8rem; */
    }
    .timeline .line-section {
        left: 3%;
    }
    .timeline img {
        padding: 0;
        margin-right: 1.25rem
    }

    .timeline .line-section:after {
        position: absolute;
        left: 20px;
        color: #025dce;
    }
    .timeline .line-section {
        margin-left: -2.2rem;
        width: 30px !important;
        min-height: 13rem;
    }
	.social-share {
    margin-top: 2rem;
    margin-bottom: 2rem;
 }
  
  .timeline.timeline_7_icons img {
    margin-left: 1rem;
  }
  .timeline .small-12:last-child .small-9 {
    /* display: inline-block; */
    margin-left: 0rem !important;
}

}
/* XSMALL */
@media screen and (max-width: 14.75em) {
    .timeline img {
        margin-right: 1.5em;
        margin-left: -1rem;
    }
    .timeline .line-section {
        min-height: 16rem;
    }
	.social-share {
    margin-top: 1rem;
    margin-bottom: 2rem;
	}
}

/* Blogs Footer Styles */

/* @media only screen and (max-width: 40em) */
.footer__container hr {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
    position: relative;
    padding: .5px 0rem;
    opacity: .6;
}
/* } */

/* remove these border's as we'll be using <hr> */
.footer__copyright,
.footer__navigation,
.footer__canada {
/*     border-top:none !important; */
}


.icon {
    font-size: 10px;
}

.icon {
    display: inline-block;
    position: relative;
    line-height: 0;
}
*, :after, :before {
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.icon--canada {
    background-image: url(/cpc/assets/cpc/img/logos/gov-canada-logo.svg);
}

.icon.icon--open-in-new-window:before {
/*     background-position: 0 -32.3em; */
    width: 1.4em;
    height: 1.4em;
}
.icon--open-in-new-window {}

/* .icon {fill: white !important;} */

.icon:before {
    content: " ";
    vertical-align: middle;
    display: inline-block;
    background-image: url(/cpc/assets/cpc/img/icons/open_in_a_new_window_icon.svg);
    background-repeat: no-repeat;
}

.footer {
    background: #f0f0f0;
    color: #333333;
    font-weight: 300;
    position: relative;
    z-index: 7;
}

.footer--is-anchored {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0
}

.footer__container {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
/*     max-width: 90rem */
}

@media only screen {
    .footer__container {
        padding: 0
    }
}

@media only screen and (min-width: 40.0625em) {
    .footer__container {
        padding:0 3.25rem;
    }
}

@media only screen and (min-width: 64.0625em) {
/* conform to grid */
    .footer__container {
        padding: 0px 8.5rem;
    }
}

.footer__link {
    color: #333333;
}

.footer__link--list {
    /* margin-right: .75rem */
}

.footer__link--list:after {
    content: "|";
    color: #cbcbcb;
    margin: 0 .5rem;
}

.footer__link--list:last-child {
    margin-right: 0
}

.footer__link--list:last-child:after {
    content: ""
}

.footer__link:focus,.footer__link:hover {
    color: #333333;
}

.footer__canada-post {
    order: 1;
    flex: 0 0 100%
}

.footer__canada img {
    max-height: 18px;
    margin-bottom: .5rem
}

@media only screen {
    .footer__canada-post {
        padding-left: 0;
        text-align: center;
        margin: 2rem 0 1rem
    }
    .footer__canada-post {
        padding-bottom: 2rem;
        border-bottom: 1px solid #cbcbcb;
    }
    
}

@media only screen and (min-width: 40.0625em) {
    .footer__canada-post {
        text-align:left;
        margin: 2rem 0 1rem;
    }
    .footer__canada-post {
/*         margin-left: -4rem; */
/*         margin-right: -4rem; */
        width: 100%;
    }
    .footer__canada-post > * {
/*         margin-left: 4rem;
        margin-right: 4rem; */
    }
}

@media only screen and (min-width: 64.0625em) {
    .footer__canada-post {
        margin: 1.5rem 0;
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media only screen {
    .footer__copyright {
        order: 3;
        text-align: center;
        flex: 0 0 100%;
        margin: 1rem 0 2rem;
    }
}

@media only screen and (min-width: 40.0625em) {
    .footer__copyright {
        flex:0 0 50%;
        text-align: left;
        border-top: 1px solid #cbcbcb;
        margin: 1rem 0 0;
        padding: 2rem 0 0;
        /* margin-left: -4rem; */
        margin-bottom: 3rem;
    }
    .footer__copyright > * {
/*         margin-left: 4rem; */
    }
}

@media only screen and (min-width: 64.0625em) {
    .footer__copyright {
        order:2;
        flex: 0 0 30%;
        margin: 0;
        padding: 2rem 0
    }
}

@media only screen {
    .footer__navigation {
        margin-top: 2rem;
        order: 2;
        flex: 0 0 100%;
        text-align: center;
        border-top: 0;
        margin: 1rem 0;
    }
}

@media only screen and (min-width: 40.0625em) {
    .footer__navigation {
        text-align:left
    }
}

@media only screen and (min-width: 64.0625em) {
    .footer__navigation {
        padding:2rem 0;
        margin: 0;
        order: 3;
        flex: 0 0 40%;
        text-align: center;
        border-top: 1px solid #cbcbcb
    }
}

.footer__canada {
    order: 4
}

@media only screen {
    .footer__canada {
        flex: 0 0 100%;
        text-align: center;
        border-top: 1px solid #cbcbcb;
        padding: 2rem 0;
        margin-right: -4rem !important;
    }
}

@media only screen and (min-width: 40.0625em) {
    .footer__canada {
        flex:0 0 50%;
        text-align: right;
        margin: 1rem 0 0;
    }
}

@media only screen and (min-width: 64.0625em) {
    .footer__canada {
        flex:0 0 30%;
        margin: 0
    }
}


/* Mobile specific footer margins and padding */
@media only screen and (max-width: 64em) {
    .footer {
        padding: 1rem;
    }
    .footer__canada-post {
        margin-top: 1rem;
        margin-bottom: 0;
        padding-bottom: 0rem;
    }

    .footer__navigation {
        margin-top: 2rem;
        margin-bottom: 0rem;
    }

    .footer__copyright {
        margin: 2rem 0rem;
    }

    .footer__canada {
        padding: 2rem 0 1rem;
    }

}
/* Tablet specific footer margins and padding */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .footer__copyright,
    .footer__canada {
        padding: 2rem 0 0;
        margin: 2rem 0 1rem;
    }
}


/* Incite Magazine CSS */

.banner-text {
    width: 30%;
    position: relative !important;
    left: 8%;
}
.button.secondary {
    margin-left:0;
/*     background: rgba(255, 255, 255, .8); */
}

#ecommawards_wrapper .cpc-ecommawards-banner {
    display: inline-block;
    min-width: 16rem;
    min-height: 9rem;
    background-color: #EFEFEF;
    background-size: cover;
    background-position: center center;
    position: relative;
    width: 100%;
    height: 665px;
    left: 0;
    right: 0;
    padding: 10rem 12.5rem;
}

#ecommawards_wrapper .cpc-ecommawards-banner.smm-fr {
   padding: 245px 50px;  
} 
#ecommawards_wrapper .cpc-ecommawards-banner h1 {
    /* color: #fff; */
/*     font-size: 186px; */
    font-size: 4rem;
    width: 100%;
    line-height: 4rem;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2rem;
    font-weight: 400;
    /* font-style: italic; */
}
#ecommawards_wrapper .cpc-ecommawards-banner.smm-fr h1 {
/*     font-size: 130px; */
/*     margin-bottom: 35px; */
}

#ecommawards_wrapper .cpc-ecommawards-banner h2 {
    font-size: 28px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
#ecommawards_wrapper .section-one img {
    margin-bottom: 60px;
}
#ecommawards_wrapper .section-three {
    margin-bottom: 100px;
}
#ecommawards_wrapper .section-three img {
    margin-bottom: 24px;
} 
#ecommawards_wrapper .section-four {
    margin-bottom: 100px;
    padding: 100px 200px;
}
#ecommawards_wrapper .section-six {
    padding: 100px 200px;
}
#ecommawards_wrapper .section-four h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
#ecommawards_wrapper .section-two .quotebox {
    top: -4.625rem;
    left: -1rem;
    background-color: transparent;
    position: relative;
    float: left;
}
#ecommawards_wrapper .section-two .tagline .quote {
    font-size: 20px;
    line-height: 28px;
}
#ecommawards_wrapper .section-two .quotebox .tagline {
    margin: -4.5rem 0 0 calc(-6.5rem*2);
    padding: 3rem 1.5rem 7rem calc(6.5rem*2); 
    background-color: #fff;
    color: #666;
    position: relative;
}
#ecommawards_wrapper .section-five .slide-shadow {
    box-shadow: 0 3px 8px 0 rgba(203,203,203,0.5);
}
#ecommawards_wrapper .section-five .slide-border {
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
}
#ecommawards_wrapper .section-five .slider-content {
    padding: 1.5rem;
}

/* large up */
@media screen and (min-width: 64em) {
    #ecommawards_wrapper .cpc-ecommawards-banner h1.main-title {
        font-size: 56px !important;
        font-weight: 300;
        width: 40rem;

    }
    #ecommawards_wrapper h2.sub-heading {
        font-size: 24px; 
        line-height: 1.33;
        letter-spacing: 0.2px;
        width: 40rem;
    }
    #ecommawards_wrapper .cpc-ecommawards-banner {
        background-position: left center;
    }
    #ecommawards_wrapper .cpc-ecommawards-banner.cta-banner .button {
      margin-right: 2rem;
    }
    .banner-text {
        margin-top: -27rem !important;
        margin-bottom: 14rem !important;
    }
    .banner-text .button {
        margin-right: 2rem;
    }
}

/* medium down*/
@media only screen and (max-width: 64em) { 
    .show-for-large-up {
        display: none;
    }
    .banner-text {
        background: white;
        width: 88% !important;
        padding: 1rem;
        /* bottom: -11rem; */
    }
    .cpc-ecommawards-banner.cta-banner {
/*         margin-bottom: 12rem !important; */
    }
    #ecommawards_wrapper .cpc-ecommawards-banner h1 {
        margin-top: .5rem;
    }
}

/* Matt Additions */

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 1024px) {

    #ecommawards_wrapper, #ecommawards_wrapper .cpc-ecommawards-banner {
        height: 230px;
    }
    .homeBanner #ecommawards_wrapper, .homeBanner #ecommawards_wrapper .cpc-ecommawards-banner {
        /* margin-bottom: 10rem; */
    }

    .homeBanner .button {
        margin-left:0 !important;
        margin-top: 1rem !important;
        width: 43%;
        margin-right: 2rem;
        min-height: 4rem;
    }
    #ecommawards_wrapper h1.main-title {
        font-weight: 300;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0.3px;
        
    }
    #ecommawards_wrapper h2.sub-heading {
        font-weight: 300;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.4px;

    }
    #ecommawards_wrapper .button.secondary {
        margin-top: 0;
        margin-left: 3.25rem;
        float: none;
    }
    #ecommawards_wrapper .banner-text {
        margin-top: -1.5rem !important;
        position: relative !important;
    }
    
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    #ecommawards_wrapper .cpc-ecommawards-banner {
        height: 192px;
    }
    .homeBanner #ecommawards_wrapper, .homeBanner #ecommawards_wrapper .cpc-ecommawards-banner {
/*         margin-bottom: 14rem; */
    }
    .banner-text {
        
    }
    #ecommawards_wrapper h1.main-title {
        font-weight: 300;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.2px;
        
    }
    #ecommawards_wrapper h2.sub-heading {
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.4px;

    }

    /*  VQA fixes    */
    .banner-text {
        /* top: 240px; */
        left: 1rem;
        background: white;
        width: 94% !important;
        padding: 1rem;
        /* bottom: -11rem; */
        margin-top: -1.5rem !important;
        position: relative;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 1rem 0 !important;
    }
    
}
/* Medium down */
@media screen and (max-width: 64em) {
    #ecommawards_wrapper .cpc-ecommawards-banner {
        padding: 0 !important;
    }
}

#ecommawards_wrapper:focus, .cpc-ecommawards-banner.cta-banner:focus {
    outline: none;
}

.accordion-navigation>a h4:after {
    height: 1rem;
    width: 1rem;
    position: absolute;
    top: 1rem;
    right: 0.5rem;
}

span.cpc-nav--primary-chevron {
    margin-right: .75rem;
}

.cpc-nav a:first-child .cpc-nav--primary-chevron:after {
    width: .75rem;
}

.cpc-nav a .cpc-nav--primary-chevron:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: .25rem;
    margin-left: 4px;
    height: 3.25rem;
    background: url(../img/icons/arrow-down.svg) 50% 50% no-repeat transparent;
    transition: 250ms transform ease-in-out;

}


.cpc-nav a {
    visibility:hidden;
}
.footer__container a, .footer__copyright {
    visibility: hidden;
}
.cpc_footer_logo {
    width: 130px;
}

/* FR Logo Dimensions adjust */
.frenchLogo {
  width: 200px !important;
  margin-left: 0 !important;
}


/* Mobile nav iphone issue diagnosis */
/* #mobile-nav-section-personal > li:nth-child(2) > div > a.parent-title {
    color: black !important;
  	z-index: 9999 !important;
  	opacity: 1;
}
#mobile-nav-section-personal > li:nth-child(2) > div > ul > li a {
    color: black !important; 
  	z-index: 9999 !important;
    opacity: 1;
} */

.menu--primary-links {
    overflow-y: visible;
}

.button.primary.homeBannerAltButtons {
    border: 1px solid #0467C6;
    color: #0467C6;
    line-height: 1.375rem;
    margin-top: 1.25rem;
    margin-right: 2rem;
    margin-bottom: 0rem;
    margin-left: 0;
    background-color:white;
/*   	border:none; */
}

.button.primary.homeBannerAltButtons:hover, 
.button.primary.homeBannerAltButtons:focus {
    color: #004990;
    outline:none;
/*     border:2px solid #004990; */
    box-shadow: inset 0 0 0 2px #004990;
}

@media only screen and (min-width: 1025px) {
    .button.primary.homeBannerAltButtons {
        border:none;
    }

    .homeBanner h1, .homeBanner h2 {
        /*color: white !important;*/

        }
    .button.secondary.homeBannerAltButtons {
        color: white;
        border: 1px solid white;
        outline: white;
        box-sizing:border-box;
    }
    .button.secondary.homeBannerAltButtons:hover, .button.secondary.homeBannerAltButtons:focus {
/*         border:2px solid white !important; */
        box-shadow: inset 0 0 0 2px white;
    }
}

.button.homeBannerAltButtons:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
    outline-color: #0467C6 !important;
    outline-style: outset !important;
    outline-width: 2px !important;
}



button.awardsLink {
    display:none;
    font-size:16px !important;
    height:55.5283px !important;
    margin:0px !important;
    padding:14px 16px !important;
    position:relative !important;
    top:2px !important;
    width:101.406px !important;
    background: none !important;
    border: none;
    color: #333 !important;
  	font-weight: 400;
}

/*FST - 2020 */
.free-shipping #mainNav .top-bar.micro-business-nav ul.title-area {
  height: 99px !important;
  border-right: 1px solid lightgrey;
}
.free-shipping .cpc-nav .top-bar.utility-business-nav .top-bar-section li>a {
  font-weight: 300;
  padding: 1.125rem 1.375rem;
}
/*
.free-shipping .cpc-nav .top-bar.utility-business-nav .top-bar-section li:nth-child(1) a {
  padding-left:0;
}
.free-shipping .cpc-nav .top-bar.utility-business-nav .top-bar-section li:nth-child(3) a {
  padding-right:2.75rem;
}
*/
.free-shipping .cpc-nav .top-bar.utility-business-nav .top-bar-section li>a.active {
    font-weight: 400;
}

.free-shipping .cpc-nav.tot .utility-business-nav-sticky-container li.is-cta {
  padding-left: 1.375rem;
}
.free-shipping .cpc-nav .top-bar.utility-business-nav .top-bar-section .title-area.sticky.fixed li>a:not(.btn-search):before {
        background-color: transparent; 
 }