﻿/*********************************************************************************/
/*                                                                               */
/*  TO REMOVE AFTER LESS CLEANUP                                                 */
/*                                                                               */
/*********************************************************************************/

.global-footer, .global-footer ul, .global-footer .ftr-secure-item
{
    margin: 0;
}

/*********************************************************************************/
/*                                                                               */
/*  GLOBAL FOOTER ELEMENTS                                                       */
/*                                                                               */
/*********************************************************************************/
.global-footer { background-color: #000; color: #FFF; border-top: 1px solid #E0E0E0;}
.global-footer [class*="footer"] { border-bottom: 1px solid #222; }

.global-footer p, .global-footer li a { font-size: 12px; line-height: 16px; color: #C9C9C9; }

.global-footer h4 { font-size: 18px; line-height: 20px; margin-bottom: 24px; font-weight: normal;}
.global-footer h5 { font-size: 14px; line-height: 19px; margin-bottom: 16px;color: #FFF}

.global-footer [class*="span"] {margin: 0;}
.global-footer .span3 { width: 25%; }
.global-footer .span6 { width: 50%; }

/*********************************************************************************/
/*                                                                               */
/*  GLOBAL FOOTER PROMOS                                                         */
/*                                                                               */
/*********************************************************************************/

.footer-promo { background-color: #FFF;}
.footer-promo p { color: #000; }
.footer-promo a
{
    display: block;
    padding: 40px 0 40px 40px;
}

.footer-promo a:hover 
{
    border-top: 1px solid #BE0027;
    position: relative;
    margin-top:-1px;
    text-decoration: none;
}

.footer-promo figure {
    height: 80px;
    width: 80px;
    float: right;
    margin-left: 16px;
}
    
/*********************************************************************************/
/*                                                                               */
/*  GLOBAL FOOTER LINKS                                                          */
/*                                                                               */
/*********************************************************************************/

.global-footer [class*="span"] .wrapper { padding: 32px 40px 32px 40px;}

.footer-top [class$="card"] { margin-bottom: 16px; border-radius:6px;}
.footer-top .newsletter { margin-bottom: 24px; }
.footer-top .newsletter input { margin: 0; vertical-align: top;border: 0;}
.footer-top .newsletter [type="text"] { width: 270px; padding: 8px;}
.footer-top .newsletter [type="submit"] { padding: 0; }

.footer-top .social-icons li { display: inline-block; vertical-align:top; margin:0 8px 0 0; } 
.footer-top .social-icons li a
{
    background: url('/Projects/_Content/Modules/footer-global/Assets/footer-social.gif') no-repeat 0 0;
    height: 32px;
    width: 32px;
    display: block;
    opacity: 0.7;
    text-indent: -5000px;
}

.footer-top .social-icons li a:hover { opacity: 1; }
.footer-top .social-icons li.twitter a { background-position: 0 -32px; }
.footer-top .social-icons li.youtube a { background-position: 0 -64px; }
.footer-top .social-icons li.blog a { background-position: 0 -96px; }
.footer-top .social-icons li.forum a { background-position: 0 -128px; }
.fr-CA .footer-top .social-icons li.blog a { background-position: 0 -160px; }


.footer-main .all-departments li { display: inline-block; padding-right: 8px; border-right: 1px solid #666; margin-right: 7px; }

.footer-btm [class*="span"] .wrapper { padding: 16px 0 16px 40px; }
.footer-btm p, .footer-btm li a { font-size: 10px; line-height: 14px; margin: 0;}
.footer-btm li { display: inline-block;vertical-align:middle; margin: 0 16px 0 0;}
.fr-CA .footer-btm li { margin: 0 8px 0 0;}
.footer-btm li a {color: #A50018;}
.footer-btm .accessibility li a {text-indent: -5000px;} 

.ftr-back-to-mobile { margin: 16px 0; }