/* Weights - 400/700 */
html {
  font-family: 'Roboto', sans-serif;
  color: #505050;
  line-height: 1.3; 
  font-weight: 300;
  font-style: normal;
  font-size: 120%; 
  }
  
@media only screen and (min-width: 1200px) { 
	html { 
		font-size: 140%; 
		} 
	}

/* Global Links
---------------------------------- */

a {
	color: #005dab;
	/* color: black; */
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
  -moz-transition:    all .2s ease-in-out;
  -o-transition:      all .2s ease-in-out;
  -ms-transition:     all .2s ease-in-out;
  transition:         all .2s ease-in-out; 
  }
  
a:focus, 
a:hover {
  color: #53a38d;
	outline: none;
	text-decoration: none; 
  }

/* Firefox Seleted Text
------------------------------------ */

*::-moz-selection,
*::selection {
    background: #17252c;
    color: #fff; }


/* Headings - 400/700
------------------------------------ */

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  line-height: 1;  
  color: #505050;
  margin-bottom: .35em;
  }

h1 { font-size: 175%; font-family: 'Roboto', sans-serif; font-weight: 900; } 
h2 { font-size: 150%;  } 
h3 { font-size: 125%; } 
h4 { font-size: 110%;  } 
h5 { font-size: 100%;    }
h6 { font-size: 90%;   }

@media (min-width : 740px) { 
  h1 { font-size: 225%;    } 
  h2 { font-size: 200%; } 
  h3 { font-size: 175%;  } 
  h4 { font-size: 150%; } 
  h5 { font-size: 125%;  }
  h6 { font-size: 100%;    }
  }

h1 a, h2 a, h3 a, h4 a { 
  color: #505050;
  }

a:hover h1, a:hover h2, a:hover h3, a:hover h4,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { 
	color: black; 
	text-decoration: underline;
	}	


/* Icons
---------------------------------- */

@font-face {
  font-family: 'afscme-icons';
  src:  url('https://2018.afscme.org/theme/fonts//afscme.eot');
  src:  url('https://2018.afscme.org/theme/fonts//afscme.eot#iefix') format('embedded-opentype'),
    url('https://2018.afscme.org/theme/fonts/afscme.woff2') format('woff2'),
    url('https://2018.afscme.org/theme/fonts//afscme.ttf') format('truetype'),
    url('https://2018.afscme.org/theme/fonts//afscme.woff') format('woff'),
    url('https://2018.afscme.org/theme/fonts//afscme.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icons {
	font-family: 'afscme-icons' !important; 
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  line-height: 1;
  font-weight: normal;
  font-style: normal;    
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
	}
    

/* Text Elements
---------------------------------- */

p { margin: 0 0 1em; }

p:last-child,
p:last-of-type { margin-bottom: 0; }

  body.interior p:last-of-type { margin-bottom: 1em; }
  
strong { font-weight: 600; }

em { 
	font-style: italic;
	font-weight: normal;
	}


/* Article Meta Elements
---------------------------------- */

.meta {
  margin-bottom: 1em;
  }

.meta.press-release {
  text-align: center;
  }

.meta small { 
  font-size: 75%;
  font-weight: 600;
  color: #828282;
  }

.meta small a { 
  color: #828282;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition:    all .2s ease-in-out;
  -o-transition:      all .2s ease-in-out;
  -ms-transition:     all .2s ease-in-out;
  transition:         all .2s ease-in-out;
  }

.meta small a:hover { color: #505050;}
  
.meta small a:active { color: black; }

.meta small .icons:hover { 
  -moz-transform:    scale(1.1);
  -ms-transform:     scale(1.1);
  -webkit-transform: scale(1.1);
  transform:         scale(1.1); 
  }
  
.meta small .icons:active { 
  -moz-transform:    scale(.9);
  -ms-transform:     scale(.9);
  -webkit-transform: scale(.9);
  transform:         scale(.9); 
  } 
  

/* Lists
-------------------------------------------------------------- */

article li ul, 
article li ol   { margin: 0 ; }

article ul      { margin: 0 0 1em 2em; }
article ol      { margin: 0 0 1em 2em; }

article ul li,
article ol li   { padding-bottom: .35em; }

article ul      { list-style-type: disc; }
article ol      { list-style-type: decimal; }

article dl      { margin: 0 0 1em 0; }
article dl dt   { font-weight: bold; }
article dd      { margin-left: 1.5em; }