@charset "utf-8";


div.pca div.pcaautocomplete div.pcafooter{background:#f0f0f0;height:40px;border-top:none;border-bottom:none;}
div.pca div.pcaautocomplete div.pcafooter div.aclogo{margin:14px 5px 8px 11px;}
div.pca div.pcaautocomplete{border:solid #dadada;border-width:1px 1px 1px 1px;margin:-2px 0 0 0;/*z-index: 85;*/}
div.pca div.pcaitem{border:none;}
/*div.pca div.pcanotification {z-index: 85;}*/
div.pca div.pcaitem{/*height:44px;*/font-size:/*14*/12px;padding:16px /*16*/8px 16px /*25*/8px;line-height:1em;background:#fff;display:block;border-bottom:none;font-weight:400;color: #333;}
div.pca div.pcaselected{color:#333 !important;background-color:#E5EFF9 !important;font-weight:400;}
div.pca .pcaselected, .pca .pcaitem:hover {
    background-color: #f0f0f0;
    opacity: 1;
    color: #000;
}
.pca .pca-visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
div.pca div.pcaautocomplete div.pcalist{background-color:#fff;border-bottom:1px solid #dadada;}
div.pca div.pcaautocomplete div.pcaheader{background:#fff1c6 !important;border-bottom:none;}
div.pca div.pcaautocomplete div.pcamessage{background-image:url('../images/postalcode_yellowalert.png');background-repeat:no-repeat !important;text-align:left;padding:13px 15px 10px 63px;background-position:15px 10px;height:auto;}
div.pca div.pcaautocomplete div.pcamessage ul{margin:10px 0 0 20px;}
div.pca div.pcaautocomplete div.pcamessage ul li{margin:0;font-weight:300;font-size:12px;}
div.pca div.pcaautocomplete div.pcamessage h3{margin:0;padding:0;font-size:14px;}
div.pca div.pcaautocomplete div.pcamessage a{font-size: 12px;}
div.pca div.pcaitem span.pcadescription{position:absolute;/*background:url('../images/far_multi_item_bg.png') no-repeat scroll right 14px;*/right:/*25*/8px;padding:16px /*34*/20px 16px 0;top:0;color:#999999;font-style:normal;height:44px;}
.pca .pcaexpandable span.pcadescription{background:url('../images/far_multi_item_bg.png') no-repeat scroll right 14px !important;}
div.pca div.pcaitem.pcaselected div.pcadescription{color:#000 !important;}

.fr .pca .pcaautocomplete .pcafooter .aclogo.pcalogoen {
    width: 118px;
    background-image: url(//ws1.postescanada-canadapost.ca/images/icons/captureplus/address_complete_logo_fr.png);
}
div#printLabel{background:#E5EFF9;padding-top:32px; padding-bottom: 38px;padding-left: 29px; padding-right: 24px; min-width: 467px; height:auto;display:inline-block;}
div#printLabelContent{border-left:none;border-right:none;background: url(../images/address_logo.svg) no-repeat left top;padding: 0 0 0 75px;}

#find_postal_code .poweredby{ float:right; }
#find_postal_code a#searchFpc{ margin-top: 25px; }
@media only screen and (max-width: 40em) { /* Small */
    div#printLabel {
    	min-width: 100%;
        padding-top: 25px;
        padding-bottom: 24px;
        padding-left: 23px;
  		padding-right: 23px;
	}
    div#printLabelContent{background: url(../images/address_logo.svg) no-repeat center top;padding: 67px 0 0 0;}
	#find_postal_code .poweredby{ float:none; white-space: nowrap; }
	#find_postal_code a#searchFpc{ margin-top: 47px; }
	div.pca div.pcaitem span.pcadescription{ position: unset; }
}
div.pca div.pcaautocomplete div.pcamessage span.pcamessageicon{display: none; }

span#HeaderAddressLabel{
	font-size: 28px;
    line-height: 42px;
    letter-spacing: 0;
    font-weight: 300;
    color: #333;
}
div#addressContainer{
	margin: 118px 0 118px 0;
}

.levelOne {
    z-index: 10;
}
.levelTwo {
    z-index: 1;
}
#btnContainer {
    display: none;
    float: right;
    margin: -30px 0 0;
}
#results span {
    float: left;
}
#results .pnlAutoCompleteSmall .moreResultsBar {
    display: none;
    float: left;
}
#results .bottom {
    display: none;
}
#regionContents p {
    margin: 0 !important;
}
#results > li {
    border: 1px solid #D9D9D9;
    font-size: 14px;
    line-height: 32px;
    list-style: none outside none;
    padding: 5px;
}
.resultLinks {
    color: #000000 !important;
    text-decoration: none !important;
}
.noResults {
    font-size: 14px;
    padding: 5px;
}
.noResultsInner h3 {
    font-size: 16px;
}
.noResultsInner li {
    font-size: 14px;
    line-height: 28px;
}
#FOR {
    font-size: 20px !important;
    font-weight: bold;
}
#inputContainer {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}
#fpcAccordSectionContents {
    overflow: hidden;
}
.addressLabel {
    font-size: 18px;
    font-weight: bold;
    padding: 1px 5px 1px 12px;
}
/*.findACResults, .findAnother {
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 35px;
    margin: 1px 0 !important;
    width: 164px;
}*/
.findAnother {
/*    display: none;*/
}
#resultsBtns {
    float: left;
    margin: 10px 0 40px;
}
.resultsBtns {
    background-color: #0000CC;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin: 20px 0;
    padding: 5px 25px !important;
    text-align: center;
}
#noResults, #tryAgain, #notInList {
    display: none;
}
.noResultsInner {
    border-top: 1px solid #D9D9D9;
    margin: 10px;
    padding: 10px;
}
#finder-error .message {
    padding: 10px;
	font-weight: bold;
}

#HeaderAddressLabel .no-wrap {
    white-space: nowrap;
}

@media only screen and (max-width: 40em) { /* Small */
  
  div#addressContainer{
	margin: 51px 0 100px 0;
  }

  span#HeaderAddressLabel{
      font-size: 24px;
      line-height: 32px;
  }
}

.pcaAutoComplete .pnlAutoComplete, .pcaAutoCompleteSmall .pnlAutoCompleteSmall, .pcaAutoComplete .bottom, .pcaAutoCompleteSmall .bottom, #printLabel {
    background: url("/cpo/mc/assets/images/business/addressComplete/green-box.png") repeat scroll left top rgba(0, 0, 0, 0);
    height: 58px;
    margin: 0 !important;
}

.fl {
    float: left;
}

.addressCompleteMessage {
    margin-bottom: 5px;
    padding: 0 6px;
}
#limitReachedInformation {
    border: 1px solid #D4D4D4;
    display: none;
    margin-bottom: 20px;
    padding: 10px;
}
strong.red {
    color: #FF0000;
}
.h0 {
    height: 0;
}

.reportError { font-size: 12px; }

.pca .pcaselected { background: #004990 !important; color: #fff !important; font-weight: bold;}
/*.pca .pcaitem .pcadescription { position: absolute; right: 10px; color: #444444 !important; font-style:normal !important;	
	background:url('/cpo/mc/assets/images/personal/arrow-sprite.png') no-repeat scroll right 3px; height: auto; padding-right: 20px; }
.pca .pcaselected .pcadescription {color: #fff !important; background:url('/cpo/mc/assets/images/personal/arrow-sprite.png') no-repeat scroll right -7px; height: auto; margin-top: 1px; }*/
.pca .pcaautocomplete .pcaheader { background-color: #F7B33E !important; }
.pca .pcaautocomplete .pcamessage {
    color: #000000 !important;
    font-weight: bold;    
    text-align: center;
	font-size: 13px;
	background: url("http://www.canadapost.ca/cpo/mc/assets/images/structure/warning.gif") no-repeat 85px 7px;
}

/*body.fr .pca .pcaautocomplete .pcamessage { background-position: 45px 7px; }*/

/* FPC-5; XX-07-2016 */
                                  
                                  
/** * Grey banner at the top * **/
                                  
#fpc_topBanner {width:100%;height:196px;background:linear-gradient(90deg, #FAFAFA 0%, #F0F0F0 100%);padding:48px 0;}
#fpc_topBanner h1 {margin-top:0px;margin-bottom:32px;}
#fpc_topBanner p {color: #333;font-family: "Roboto",sans-serif;font-weight: 300;font-size: 1rem;letter-spacing: 0.5px;line-height: 1.5;margin-bottom:0px;}
#fpc_topBanner .fpc_icon {background-image:url('../images/fpc_icon.svg');height:3rem; width:2.3rem; background-repeat:no-repeat;background-position:left top;display:block; float:left;margin:3px 16px 0px 0px;}
#fpc_topBanner .fpc_chevron {position:relative;}
#fpc_topBanner .fpc_chevron:after {
	content: '';
    position: absolute;
    top: -1.4rem;
    right: 0;
    width: 35.375rem;
    height: 5rem;
    background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-desktop.png') no-repeat;
    background-size: contain;
}

/* *** Laptop *** 1280px - 1440px */
@media only screen and (max-width: 90em) and (min-width: 64em){
#fpc_topBanner .fpc_chevron:after {
    right: -12rem;
}	
}

/* *** Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#fpc_topBanner {height:auto;padding:48px 40px;}
	#fpc_topBanner .fpc_chevron:after {
	content: '';
    position: absolute;
    top: 0;
    right: -40px;
    width: 13.3125rem;
    height: 3.5625rem;
    background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-tablet.png') no-repeat;
    background-size: contain;
}
}

/*Small screens*/
@media only screen and (max-width: 40em) {
	#fpc_topBanner {height:auto;padding:32px 20px;}
	#fpc_topBanner h1 {margin-bottom:24px;}
	#fpc_topBanner .fpc_chevron:after {
      content: '';
      position: absolute;
      top: 0;
      right: -20px;
      width: 8rem;
      height: 2.0625rem;
      background: url('/cpc/assets/cpc/img/icons/tool-page/application-chevrons-banner-mobile.png') no-repeat;
      background-size: contain;
	}

	/*.fpc-icon {
        background: url(../images/fpc_icon.svg) no-repeat left center;
      	background-size: 25px;
    }*/
}                                  

/** END Grey Banner **/

/** * Panel * **/

.panel {
    margin-top: 64px;
    border: 1px solid #f0f0f0;
    border-top: 2px solid #CA261A;
    max-width: 968px;
  	width: auto;
    margin-bottom: 24px;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
  	padding-top: 34px;
  	padding-left: 0;
    padding-right: 0;
  	padding-bottom: 54px;
  	box-shadow: 0 3px 8px 0px hsl(0deg 0% 76% / 37%);
  	display: flex;
    flex-direction: column;
}
                                  
.panelDescription {
    font-size: 20px !important;
    letter-spacing: 0.62px;
    line-height: 28px !important;
    font-weight: 300 !important;  
    margin-bottom: 0 !important;
    padding-left: 69px;
}

.panelContent {
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-top: 48px;
}
                                  
.inputWrapper {
	max-width: 467px;
    width: inherit;
    margin-right: 20px;
}
                                  
.sr-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.FPCtooltip {
	margin-top: 24px;
}

.FPCtooltip a {
	margin-top: 24px;
    font-size: 16px;
    color: #0467C6 !important;
    letter-spacing: 0.5px;
    line-height: 24px;
    font-weight: 300;
}

#whatIsThis {
    max-width: 343px;
}

#whatIsThis h3 {
	font-size: 20px;
    letter-spacing: 0.21px;
    line-height: 28px;
    margin: 0 0 12px 0;
}
                                  
#whatIsThis ul {
	margin-bottom: 0px;
}

#whatIsThis li {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.5px;
	font-weight: 300;
}

.f-dropdown.drop-right:before, .f-dropdown:before {
	border: inset 11px;
    left: -22px !important;
    border-color: transparent #fff transparent transparent;
    border-right-style: solid;
  	top: 28px;
}

.f-dropdown.drop-right:after, .f-dropdown:after {
    border: inset 12px;
    left: -24px !important;
    border-color: transparent #ccc transparent transparent;
    border-right-style: solid;
   	top: 27px;
}

#contentWrap .f-dropdown {
	margin: -30px 0 0 16px;
	border: solid 1px #CBCBCB;
    filter: drop-shadow(0 2px 5px rgb(17 17 17 / 13%));
}

/* @media only screen and (min-width: 1657px) {
  #contentWrap .f-open-dropdown {
      left: 246px !important;
      top: 618px !important;
  }
} */

#whatIsThis .close-btn, #whatIsThis button {
	display:none;
}

#whatIsThis.open .close-btn, #whatIsThis.open button {
	display: block;
}

                                  
@media only screen and (max-width: 40em) {
	/* small screens [MOBILE] -> 640px */
	
	.panel {
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 24px;
      padding-bottom: 20px;
      margin-top: 48px;
    }
      
    .panelDescription {
    	padding-left: 0px;
    }
      
    .panelContent {
      	display: block;
      	margin-top: 24px;
    }
      
    .inputWrapper {
      max-width: 100%;
      margin-bottom: 17px;
	}
}
                                  
#allACControls {
    min-height: 881px;
}

.fr #allACControls {
    min-height: 881px;
}

#allACControls, x:-moz-any-link, x:default {
	min-height: 423px; /* FF */
}

.fr #allACControls, .fr x:-moz-any-link, .fr x:default {
	min-height: 407px; /* FF */
}
     

@media only screen and (max-width: 40em) {
	/* small screens [MOBILE] -> 640px */
  
    #allACControls {
      min-height: 416px;
    }

    .fr #allACControls {
        min-height: 416px;
    }
  
}
                                  

/*** * Results of FPC ***/

#addressContainer h3 {
	font-size: 24px;
    letter-spacing: 0.26px;
    line-height: 32px;
    font-weight: 300;
	margin-bottom: 24px;
}




.pcanotification {display:none !important;}

#main {
	margin: 0px !important;
}

#main h1 {
	font-size: 2.188rem; 
	line-height: 42px; 
	font-weight: 300; 
	font-variant:normal; 
	colour: #333333;
}

#main h3 {
	font-size: 1.313rem; 
	font-size: 21px; 
	line-height: 28px; 
	font-weight: 300; 
	font-variant:normal; 
	colour: #333333;
}

#main input{
	font-size: 0.875rem; 
	font-size: 14px; 
	line-height: 21px; 
	font-weight: 400; 
	color: #666666;
}


#main p, #main ul, #main ol { 
	font-size: 0.875rem; 
	font-size: 14px; 
	line-height: 21px; 
	font-weight: 400; 
	color: #333333;
}

#main a {
	font-size: 0.875rem; 
	font-size: 14px; 
	line-height: 21px; 
	font-weight: 400; 
	color: #107CC0;
}

#main .legal{ 
    margin-top: 38px;
}	

#main .legal p{
	font-size: 0.750rem; 
	font-size: 12px;
	border-top:#999999; 
	margin-top:10px;
}

#main .legal a{
	font-size: 0.750rem; 
	font-size: 12px; 
	line-height: 21px; 
	font-weight: 400; 
}

#main .noBullets { list-style:none; }
/*#main .f-dropdown { margin-top: -6px; }*/
#main .f-dropdown .close-btn{font-size:14px; line-height: normal; position:absolute; top:12px; right:12px;}

#main .f-dropdown li:hover, #main .f-dropdown li:focus{ background: none; }

.marginbottom75 {margin-bottom: 75px;}

/** * Updated input from mercury kit **/

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* Input Field */
/* 
Do not delete the following comment. It is essential for tracking purposes.
#Merc2021DoNotDelete 
*/

#find_postal_code label{
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #333333;
  display: block;
  text-align: left !important;
  margin-bottom: 4px;
}
#find_postal_code input[type="text"] {
  border-radius: 2px;
  border: solid 1px #666666;
  background: #fff;
  font-family: Roboto;
  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;
  max-width: 467px;
  width: 100%;
  margin-bottom: 0px !important; /* Change as per need */
  box-sizing: border-box;
}

@media only screen and (max-width: 40em) {
  #find_postal_code input[type="text"] {
    max-width: 100%;
  }
}

#find_postal_code label + #find_postal_code input[type="text"]{
  margin-top: 4px !important;
}

/* Place holder text */
#find_postal_code input[type="text"]::placeholder {
  color: #333333;
  opacity: 1; /* Firefox */
}

#find_postal_code input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #333333;
}

#find_postal_code input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
 color: #333333;
}

/* End Placeholder text */


/* Focus State */

#find_postal_code input[type="text"]:focus {
  outline: 0;
  border: solid 1px #0467c6;
  border-radius: 2px;
  
  -webkit-box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
  -moz-box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
  box-shadow: inset 1px 1px 0px 0px#0467c6, inset -1px -1px 0px 0px#0467c6;
}

#find_postal_code input[type="text"].error {
  border: solid 1px #ca261a !important;
  margin-bottom: 4px !important;
}

#find_postal_code input[type="text"]:focus.error {
  border: solid 1px #ca261a !important;
  outline: none;
  -webkit-box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;
  -moz-box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;
  box-shadow: inset 1px 1px 0px 0px#ca261a, inset -1px -1px 0px 0px#ca261a;


  margin-bottom: 4px !important;
}

/* End Focus State */

.ds-error {
  font-family: Roboto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #ca261a;
  text-align: left;
  display: block;

  background-image: url('../img/icons/red-alert.svg');
  background-repeat: no-repeat;
  padding-left: 32px;
}

#find_postal_code .hintText{
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #333333;

  padding: 0;
  margin: 0 0 4px 0 !important;
}

.maxCharacter{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #666666;

  padding: 0;
  margin: 0 0 4px 0;
}

/* *** Link styles *** */

#find_postal_code a, #find_postal_code a[role="button"] {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #0467c6 !important;
  text-decoration: none;
  position: relative;
  border-radius: 1px;
}

#find_postal_code a:hover, #find_postal_code a[role="button"]:hover{
  text-decoration: underline !important;
}

#find_postal_code a:focus, #find_postal_code a[role="button"]:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0467c6;
  text-decoration: underline;
  outline: none;  
}

#find_postal_code a.by-keyboard:focus, #find_postal_code a[role="button"].by-keyboard:focus {
  box-shadow: 0 0 0 0px #fff, 0 0 0 0px #0467c6 !important;
}

/* *** END Link styles *** */


/* Button Class */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 
Do not delete the following comment. It is essential for tracking purposes.
#Merc2021DoNotDelete 
*/

#find_postal_code button,
#find_postal_code .button {
  font-family: Roboto;
  min-width: 84px;
  max-height: 44px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.4px;
  text-align: center;
  width: auto;
  margin: 0 !important;
  border-radius: 2px;
  border: 0px;
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px !important;
  cursor: pointer;
}

#find_postal_code button + button,
#find_postal_code .button + .button {
  margin-left: 16px;
}
#find_postal_code button[aria-disabled="true"],
#find_postal_code a[aria-disabled="true"] {
  pointer-events: none;
}

#find_postal_code button.findButton {
	margin-top: 28px !important;
}


/* Primary Button */
.primary-button {
  color: #ffffff;
  background-color: #0467c6;
}
.primary-button:hover {
  background-color: #004990;
}

.primary-button:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0467c6;
  background-color: #004990; 
  outline: none;  
}

.primary-button.by-keyboard:focus {
  box-shadow: 0 0 0 0px #fff, 0 0 0 0px #0467c6 !important;
}

.primary-button.disabled,
.primary-button:disabled {
  color: #666666;
  background-color: #f0f0f0;
}

/* Secondary Button */
.secondary-button {
  background-color: #ffffff;
  color: #0467c6;
  box-shadow: inset 0 0 0 1px #0467c6;
  border: none;
}
.secondary-button:hover {
  color: #004990;
  box-shadow: inset 0 0 0 2px #004990;
  border: none;
}
.secondary-button:focus {
  color: #004990;
  box-shadow: inset 0 0 0 2px #004990, 0 0 0 2px #fff, 0 0 0 4px #0467c6; 
  outline: none;
}
.secondary-button.by-keyboard:focus {
  color: #004990;
  box-shadow: inset 0 0 0 2px #004990 !important;
  border: none;
}
.secondary-button.disabled,
.secondary-button:disabled {
  color: #666666;
  border: 1px solid #666666;
}


/* Micro Buttons */

.micro-buttons{
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #0467c6;
  text-decoration: none;
  display: inline-block;
  border-radius: 1px;
  vertical-align: middle;
}

.micro-buttons:hover{
  text-decoration: underline;
}

.micro-buttons:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #0467c6;
  text-decoration: underline;
  outline: none;  
}

.micro-buttons.by-keyboard:focus {
  box-shadow: 0 0 0 0px #fff, 0 0 0 0px #0467c6 !important;
}

.micro-buttons.copy.copyspacing {
	padding-top: 30px;
	margin-bottom: -5px;
}
.micro-buttons.copy::before {
	content: url('/cpc/assets/designsystem/img/icons/copy.svg');
	padding-right: 10px !important;
	display:inline-block !important;
	position: relative !important;
}

.micro-buttons.copy .copytip {
    background-color: white;
    text-decoration: none;
    display: none;
    border-radius: 3px;
    padding: 1em;
    position: absolute;
    z-index: 2;
    border: 1px solid #ccc;
    left: 42px;
    top: -2.5rem;
    color: #777;
    font-weight: 400;
}

.micro-buttons.copy .copytip.show {
  display: block;
}

.micro-buttons.copy .copytip:after, .micro-buttons.copy .copytip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

.micro-buttons.copy .copytip:after {
    border-color: transparent;
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.micro-buttons.copy .copytip:before {
    border-color: rgba(0, 0, 51, 0);
    border-top-color: black;
    border-width: 10px;
    margin-left: -10px;
}


/* Group Button */

.btn-group button, 
.btn-group .button {
  float: left;
}

.clear{
  clear: both;
}

@media only screen and (max-width: 40em) {
  #find_postal_code button,
  #find_postal_code .button {
    min-width: 100%;
  }
  #find_postal_code button + button,
  #find_postal_code .button + .button {
    margin-left: 0px;
  }

  #find_postal_code .btn-group button, 
  #find_postal_code .btn-group .button {
    min-width: 84px;
  }

  #find_postal_code .btn-group button, 
  #find_postal_code .btn-group .button {
    min-width: 100%;
  }
  
  #find_postal_code button.findButton {
	margin-top: 0px !important;
  }
  
  .overlay {
	position: fixed; /* Sit on top of the page content */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
  }
}

.legal p, .legal a {
	font-size: 14px !important;
    margin-bottom: 0;
    font-weight: 300 !important;
    letter-spacing: 0.5px;
    line-height: 24px !important;
}


@media only screen and (max-width: 40em) {
	#contentWrap .f-dropdown {
    	margin: 0px;
  		padding: 16px;
  		top: 50% !important;
	}
    .f-dropdown:before {
     	display:none;
    }
    .f-dropdown:after {
     	display:none;
    }

#whatIsThis ul {
	margin-bottom: 20px;
}
button#closeBtn {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    float: right;
    overflow: hidden;
    color: black;
    font-size: 16px;
    line-height: 18px;
	padding: 0px !important;
    max-width: 14px;
    min-width: 14px;
    background: transparent;
}

button#closeBtn::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
    transform: rotate(45deg);
}

button#closeBtn::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #000;
    transform: rotate(-45deg);
}

}