/* custom_code Start tag */
 :root {
    --primary-font-family: "canada-type-gibson", sans-serif;
    --secondary-font-family: 'canada-type-gibson', sans-serif;
    --footer-link-color: #ffffff;
    --footer-link-hover-color: #ffffff;
    --header-link-color: #021A32;
    --header-link-hover-color:rgba(2,26,50,0.8);
    --primary-color: #021A32;
    --brand-color: #021A32; 
    --btn-primary-bg-color: #021A32;
    --btn-primary-text-color: #ffffff;
    --btn-primary-bg-hover: #43627D;
    --btn-primary-hover-text: #ffffff;
    --btn-secondary-border-color: #021A32;
    --btn-secondary-bg-color: #ffffff;
    --btn-secondary-text-color: #222222;
    --btn-secondary-bg-hover: #021A32;
    --btn-secondary-hover-text: #ffffff;
 }
.footer .footer-top {
    background-color: #021A32;
    border:0px;
}
.base_footer .footer-top h3,
.base_footer .footer-top h4,
.base_footer .footer-top .h4 {
    font-size: 22px  !important;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 0;
    pointer-events:none;
}
.base_footer p {
    color: #fff;
}
.footer_store_email b {
    font-weight: 600;
}
.footer-bottom {
    background: #C0D330;
    border-top: 0;
}
.footer.footer-1 .footer-bottom .copytext {
    letter-spacing: 0;
    color: #021A32;
}
#base_banner .slideshow .slick-dots li button {
    background-image: linear-gradient(to right, #194e8d, #C0D330);
}
#base_category {
    display: none;
}
.home-slideshow .slide {
    display: block !important;
}
#siteNav.medium > li a {
    font-size: 16px;
    letter-spacing: 0;
}
#siteNav.medium > li.active-page a{
    color:#021A32;
}
.contact-us-wrapper .contact-info-block {
    background: #021A32;
}
.contact-info-block .addressFooter .icon {
    background: #0f325e;
}
.static-pages-cover h2, .static-pages-cover h3 {
    font-weight: 600;
    font-size: 18px;
}
.page-title h1 {
    font-weight: 600;
}
.static-pages-cover a {
    color: #021A32;
}
.static-pages-cover a.link{
       text-decoration: underline;
}
.static-pages-cover p {
    color: #696767;
    font-weight: normal;
    font-size:16px;
}
.top-text-block {
    max-width: 100%;
    text-align: left;
}
.static-pages-cover strong {
    font-weight: 600;
}
.breadcrumbs-wrapper {
        background: rgba(91, 103, 113, 0.1);
}
.header .logo img {
    max-width: 220px;
}
.footer .about-us-col img {
    max-width: 140px;
}
.alert-danger.notify-alert {
    background: #9a2601;
}
.alert-success.notify-alert {
    background: #2e5501;
}
.green-color,.select-shipping-services .card-body-new p .service_provider_name,
.text-success{
    color: #2e5501 !important;
}
.red-color,.error,span.required,.cart-page .cart__footer .cart__shipping,.text-danger {
    color: #9a2601 !important;
}
.ship-action-btn .action-btn-main,.shipp-multiple-address .card .add-new-shipment p,
.checkout-wrapper .focused .text-field-input + .float-label,
 .checkout-wrapper .text-field-input:not(:placeholder-shown) + .float-label,
 .checkout-wrapper .text-field-input:focus + .float-label, .checkout-wrapper .text-field-input:-webkit-autofill ~ label {
    color: #282828;
}
.user-check-optn-cell a {
    color: #085f9d;
}
.checkout-wrapper .text-field-input:placeholder-shown + .float-label {
    color: #5c5c5c;
}
input[disabled].swatchInput + .swatchLbl, input[readonly].swatchInput + .swatchLbl {
    opacity: 1;
    color: #404040 !important;
}
.checkout-wrapper .focused .text-field-input + .float-label,
 .checkout-wrapper .text-field-input:not(:placeholder-shown) + .float-label,
  .checkout-wrapper .text-field-input:focus + .float-label,
   .checkout-wrapper .text-field-input:-webkit-autofill ~ label {
    color: #282828;
}
.header .btn:focus-visible,
#siteNav > li a:focus-visible,
.header button:focus-visible,
.breadcrumbs a:focus-visible,
.header a:focus-visible,
.footer a:focus-visible,
.footer button:focus-visible,
.close-cart:focus-visible,
.base_banner .wrap-caption a:focus-visible,
.home-slideshow .slick-dots button:focus-visible{
border-radius: 2px;
z-index: 9;
outline:3px solid #003051 !important;
outline-offset: 3px !important;
}
.btn:focus-visible,
a:focus-visible,
button:focus-visible,
#siteNav li ul.dropdown li a:focus-visible,
input:focus, input:focus-visible,
select:focus,select:focus-visible,
textarea:focus,textarea:focus-visible{
border-radius: 2px;
z-index: 9;
outline: 3px solid #003051 !important;
outline-offset: 3px !important;
}
.footer-links a:focus-visible,
#siteNav > li ul.dropdown li a:focus-visible,
.close-cart:focus-visible,.clear-cart:focus-visible,
.home_store_email:focus-visible{
   outline: 3px solid #fff !important; 
}
.swatch-element.color input:focus + label,
.swatch-element.color input:focus + label:focus-visible,
.items-action label input:focus + span,
.items-action label input:focus-visible + span{
    outline: 3px solid #003051 !important;
    outline-offset: 3px !important;
}
.visuallyhidden{
    background-color:#fff;
}
.swatch-element.color .sr-only ,.sr-only {
    background-color: #fff;
}
.product_soldout {
    background: #E64C38;
    color: #021A32;
}
.product-main-outer,.cart_page_outer,.checkout-outer,.contact-us-page {
    background-color: #ffffff;
}
.product-custom-load-wrapper .product-cart-wrap,
.product-custom-load-wrapper .thumbnail-wrap,
.grid-products .item .product-inner-class-addon{
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.1);
}
.faqs-style1 a,.static-page-cover a,
.egift-card-cover a,.privacy-policy-bx a{
    color: #4D86A0;
    text-decoration: underline;
}
.privacy-policy-bx b,
.privacy-policy-bx strong,
.egift-card-cover b,.egift-card-cover strong{
    font-weight: normal;
}
body.page_class_egift-card-terms-and-conditions .page-title h1 {
    text-transform: inherit;
}
.egift-card-cover p {
    font-size: 16px;
}
.egift-card-cover h2 {
    font-size: 18px;
}
.footer_store_email,.addressFooter li.email {
    display: none;
}

.footer .about-us-col p {display: none;} 



@media screen and (min-width:992px){
#siteNav.medium > li a {
    padding: 16px 12px;
    position: relative;
}

#siteNav.medium > li a:before{
    content:'';
    width:100%;
    left:0;
    top:calc(100% - 2px);
    height:2px;
    background-color:#021A32;
    transform:scale(0);
    position:absolute;
}
#siteNav.medium > li:hover a:before,
#siteNav.medium > li.active-page a:before{
    transform:scale(1);
}
}
 /* custom_code End tag */