@import url('https://necolas.github.io/normalize.css/4.1.1/normalize.css');
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';
/********************************************************/
/*****   
/*****     CSS @imports must be at the top of the
/*****     file. Add them above this section.
/*****
/********************************************************/





/********************************************************/
/*****
/*****     Meta
/*****
/********************************************************/
/*****     
/*****     mobilize16-footer.css
/***** 
/*****     Responsible for all styling of the 
/*****     "Mobilize16/MB16-footer" footer global group 
/*****     (global group as defined by HubSpot in the 
/*****     Design Manager).
/*****
/********************************************************/

/*
 *
 * Selectors' class-naming should adhere to BEM principles. See http://cssguidelin.es/#bem-like-naming
 *
 */






/********************************************************/
/*****
/*****     Table of Contents
/*****
/********************************************************/

/* All sections are prepended with a '$' to assist searching

 *
 *  Colors / $ COLORS
 *** Color Codes / $COLORCODES
 *
 * 
 * STRUCTURE / $STRUCTURE
 * 
 * CONTENT / $CONTENT
 *** Typography / $TYPOGRAPHY
 *** Lists / $LISTS
 *** Text / $TEXT
 *** Miscellaneous / $MISCELLANEOUS
 *
 */

 
 
 
 
/********************************************************/
/*****
/*****     Colors / $ COLORS
/*****
/********************************************************/

/*------------------------------------
  [ $COLORCODES ]

black (text):  #221e20
off-white:     #eeeeee

red, primary:  #c00000
red, dark      #7f0000

grey, dark:    #333333
grey, medium:  #5f6062
grey, light:   #7c7d7f

blue, dark:    #1570a6
blue, light:   #5bc0de

------------------------------------*/

.footer-container-wrapper {
    background-color: #2b2b2b;
    border-top-color: #2b2b2b;
	border-top-style: solid;
	color: #eee;
}

p.copyright {
	background-color: inherit;
	color: #ccc;
}




/********************************************************/
/*****
/*****     Structure / $STRUCTURE
/*****
/********************************************************/

.footer-container-wrapper {
    border-top-width: 20px;
    margin-top: 40px;
}



/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 979px) and (min-width: 768px) {
	.footer-container  { padding: 0 10px; }
}



/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 767px) {
	.footer-container { padding: 0 10px; }
}





/********************************************************/
/*****
/*****     Content / $CONTENT
/*****
/********************************************************/



/*------------------------------------*\
  $TYPOGRAPHY
\*------------------------------------*/

/***** Font-faces *****/
.footer-container { font-family: "Open Sans", "Myriad Pro", Helvetica, Arial, sans-serif; }

/*dd,
li,
p { font-family: "Open Sans", "Myriad Pro", Helvetica, Arial, sans-serif; } */



/***** Font-sizing *****/
.footer-container h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}

.footer-container dd,
.footer-container li,
.footer-container p {
	font-size: 14px;
	line-height: 1.2;
}



/*------------------------------------*\
  $TYPE LAYOUT
\*------------------------------------*/

.footer-container h2,
.footer-container h3 { margin-left: 0; }

/***** Media queries *****/
@media (max-width: 767px) {
    .footer-container h3 { margin: 20px auto 0 auto; }
}





/*------------------------------------*\
  $LISTS
\*------------------------------------*/

.footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footer li > a {
	background-color: inherit;
	color: #777;
	display: block;
	padding: 3px 0;
	text-decoration: none;
}

	.footer li > a:hover { color: #fff; }





/*------------------------------------*\
  $TEXT
\*------------------------------------*/

.footer-container p { margin: 0 0 20px 0; }

.copyright {
	margin: 2px 0 20px 0;
	text-align: center; }





/*------------------------------------*\
  $MISCELLANEOUS
\*------------------------------------*/

.footer hr {
	border-bottom: solid #3d3d3d;
	border-top: solid #1a1a1a;
	border-width: 1px 0;
	margin: 0;
	padding: 0;
}