.cpc-postalguide-category-banner {
  background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,1)), color-stop(50%, rgba(250,250,250,1)), to(rgba(240,240,240,1)));
  background: -o-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%);
  background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%); 

  width: calc(100% + (7.5rem*2));
  left: -7.5rem;
  padding: 0 7.5rem;

  position: relative;
  max-width: 90rem;
  margin: auto auto 4rem;
  margin-bottom: 6.25em;
}
.cpc-postalguide-category-banner .chevron {     
  background: url('/cpc/assets/cpc/img/icons/cpc_chevrons.svg') 100% 100% no-repeat;
  background-size: contain;
  position: absolute;
  height: 79px;
  width: 324px;
  bottom: 0;
  right: 0;
}

.cpc-postalguide-general-banner {
  background-image: -webkit-gradient(linear, right top, left top, from(#F0F0F0), to(#FAFAFA));
  background-image: -o-linear-gradient(right, #F0F0F0 0%, #FAFAFA 100%);
  background-image: linear-gradient(270deg, #F0F0F0 0%, #FAFAFA 100%);
  width: calc(100% + (7rem * 2)) !important;
  padding: 0 7.5rem;
  position: relative;
  margin-left: -7.5rem !important;
  margin-bottom: 32px !important;
}

.pg-no-side-paddings {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.cpc-postalguide-general-banner .chevron {
  background: url('/cpc/assets/cpc/img/icons/cpc_chevrons.svg') 100% 100% no-repeat;
  background-size: contain;
  position: absolute;
  height: 79px;
  width: 324px;
  bottom: 0;
  right: -7.5rem;
}

.cpc-postalguide-general-banner .title {
  font-family: 'Roboto', sans-serif;
  font-size: 36px;
  font-weight: 300;
  color: #111111;
  letter-spacing: 0.5px;
  line-height: 44px;
  margin: 16px 0;
}

.cpc-postalguide-general-banner--last-modified {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.15px;
  line-height: 16px;
  margin-bottom: 16px;
}

#postalGuideSearchBtn {
   font-family: "Roboto", sans-serif; 
   background-color: #fff;
   cursor: pointer;
 }

#searchPostalGuideInputRow {
  width: 492px;
  float: right;
  margin-top: 48px;
}

#searchPostalGuideInputContainer form {
  display: flex;
}

#searchPostalGuideInputContainer form input#q {
  margin-bottom: 0 !important;
  display: inline-block;
  border-radius: 2px;
  border: solid 1px #666666;
  background: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #333333;
  padding: 10px 16px;
  height: 44px;
  outline: none;
}

#searchPostalGuideInputContainer form input#q:focus {
    outline: 0;
    border: solid 1px #0467c6;
    border-radius: 2px;
    box-shadow: inset 1px 1px 0px 0px #0467c6, inset -1px -1px 0px 0px #0467c6 !important;
}

#searchPostalGuideInputContainer form input#q.show-error {
	border: 1px solid #CA261A !important;
}

.pg-searchBlank-msg {
	background: none;
	display: flex;
	justify-content: flex-start;
	margin-top: 4px;
}

.pg-searchBlank-msg img {
	height: 20px;
	width: 20px;
	display: inline-block;
	
}

.pg-searchBlank-msg > span:last-child {
	font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.5px;
    line-height: 1.5;
    color: #CA261A !important;
    margin-left: 10px;
    display: inline-block;
}

#searchPostalGuideInputContainer {
  width: 100% !important;
  height: 2.75rem;
  position: relative;
}

.cpc-postalguide-general-banner--image-wrapper,
.cpc-postalguide-category-banner--image-wrapper { 
  display: inline-block;
  width: 100%;
}

.cpc-postalguide-general-banner .banner-caption {
  background-size: 24px;
  background-repeat: no-repeat;
  padding-left: 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 144px 0 0 !important;
  display: inline-block;
}

.cpc-postalguide-category-banner .banner-caption {
  background-size: 24px;
  background-repeat: no-repeat;
  padding-left: 34px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  margin: 144px 0 0 !important;
  display: inline-block;
}

.cpc-postalguide-general-banner .banner-caption.guide-icon,
.cpc-postalguide-category-banner .banner-caption.guide-icon {
  background-image: url('/cpc/assets/cpc/img/icons/guide-icon-24x24.svg');
}

.cpc-postalguide-general-banner .banner-caption.article-icon,
.cpc-postalguide-category-banner .banner-caption.article-icon { background-image: url('/cpc/assets/cpc/img/icons/article-icon-24x24.svg');}

.cpc-postalguide-category-banner .cpc-postalguide-category-banner--image-wrapper > .title {
  width: 48.063rem;
  margin-top: 16px;
  margin-bottom: 48px;
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) { /*large screens*/ 
  .cpc-postalguide-category-banner {
      width: calc(100% + (6.5rem*2));
      left: -6.5rem
  }

  #searchPostalGuideInputRow {
      margin-top: 48px;
      width: 360px;
  }

  .cpc-postalguide-category-banner .cpc-postalguide-category-banner--image-wrapper > .title {
      width: 48.063rem;
  }
}

@media only screen and (min-width: 120em) {
.cpc-postalguide-general-banner {
    width: calc(100% + (7.5rem * 2)) !important;
}
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.cpc-postalguide-general-banner {
    width: calc(100% + (7.5rem * 2)) !important;
}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /*medium screens*/ 
  .cpc-postalguide-category-banner {
      background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,1)), color-stop(50%, rgba(250,250,250,1)), to(rgba(240,240,240,1)));
      background: -o-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%);
      background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%); 
      width: calc(100% + (4.375rem*2));
      left: -6.5rem;
      padding: 0 6.5em;
  }
  
 .cpc-postalguide-category-banner .chevron { 
   background-size: auto 52px;
 }

  .cpc-postalguide-general-banner {
      width: calc(100% + (2.2rem * 2)) !important;
      padding: 0 3.1rem 0 3.25rem !important;
      margin-left: -2.3rem !important;
      margin-bottom: 0 !important;
  }

  .cpc-postalguide-general-banner .chevron {
      height: 52px;
      width: 214px;
      right: -3.1rem;
  }

  .cpc-postalguide-general-banner .banner-caption {
      margin: 48px 0 0 !important;
  }
  
  #searchPostalGuideInputRow {
      margin-top: 48px;
      width: 100%;
  }

  #searchPostalGuideInputContainer button { width: auto; }
  
  .cpc-postalguide-category-banner .banner-caption { margin-top: 48px; }

  .cpc-postalguide-category-banner .cpc-postalguide-category-banner--image-wrapper > .title {
      margin-top: 16px;
      width: 442px;
  }
}

@media only screen and (max-width: 40em) {
  
  .cpc-postalguide-category-banner {
      background:-webkit-gradient(linear, left top, right top, from(rgba(250,250,250,1)), color-stop(50%, rgba(250,250,250,1)), to(rgba(240,240,240,1)));
      background:-o-linear-gradient(left, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%);
      background:linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 50%, rgba(240,240,240,1) 100%); 
      width: calc(100% + (2rem));
      left: -1rem;
      padding: 0 2em;
  }

  .cpc-postalguide-category-banner .chevron { background-size: auto 29px; }

  .cpc-postalguide-general-banner {
      width: calc(100% + (1rem * 2)) !important;
      padding: 0 1rem;
      margin-left: -1rem !important;
      margin-bottom: 0 !important;
  }

  .cpc-postalguide-general-banner .chevron {
      height: 31px;
      width: 129px;
      right: -1rem;
  }

  .cpc-postalguide-general-banner .banner-caption { margin: 48px 0 0 !important; }

  .cpc-postalguide-general-banner .title {
      margin: 12px 0;
      font-size: 28px;
      letter-spacing: 0.2px;
      line-height: 36px;
  }

  #searchPostalGuideInputRow {
      margin-top: 32px;
      width: 100%;
  }

  #postalGuideSearchInput{
      background: url('/cpc/assets/cpc/img/icons/search.svg') 1em 0.6em no-repeat;
      padding-left: 3em;
  }   
  
  #postalGuideSearchBtn { display: none; }    

  .cpc-postalguide-category-banner .banner-caption { margin-top: 44px; }

  .cpc-postalguide-category-banner .cpc-postalguide-category-banner--image-wrapper > .title {
      margin-top: 8px;
      margin-bottom: 44px;
      width: 100%;
  }

  .cpc-postalguide-general-banner--last-modified { margin-bottom: 12px; }
}

@media print {
  .cpc-postalguide-general-banner .title { margin: 6px 0 !important; }

  #searchPostalGuideInputRow { display: none; }
  
  .cpc-postalguide-category-banner .banner-caption { position: relative; }
  .cpc-postalguide-general-banner .banner-caption { display: none !important;}

  .cpc-postalguide-category-banner .banner-caption.guide-icon:before { 
      content: url('/pg-template/icons/guide-icon-24x24.svg'); 
      position: absolute;
      top: 16px;
      left: 16px;
  }

  .cpc-postalguide-category-banner .banner-caption.article-icon:before { 
      content: url('/pg-template/icons/article-icon-24x24.svg'); 
      position: absolute;
      top: 16px;
      left: 16px;
  }
}