/* ------------------- Fonts ------------------- */
@font-face {
  font-family: 'Gibson';
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Regular.eot'); /* IE9 Compat Modes */
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Regular.woff') format('woff'), /* Modern Browsers */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Regular.svg#bb4fbf86d689ca03dd32847e97000d9e') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'GibsonBold';
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Bold.eot'); /* IE9 Compat Modes */
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Bold.woff') format('woff'), /* Modern Browsers */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/gibson/Gibson-Bold.svg#54530b27eb950d30f06b883889356356') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Museo Slab 700';
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_700.eot'); /* IE9 Compat Modes */
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_700.woff') format('woff'), /* Modern Browsers */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_700.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_700.svg#8a3cfc6bc4fcac96c5c1b9e5e7d4b0a0') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Museo Slab 900';
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_900.eot'); /* IE9 Compat Modes */
  src: url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_900.woff') format('woff'), /* Modern Browsers */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/mmuseo_slabuseo/Museo_Slab_900.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('//d2umhuunwbec1r.cloudfront.net/fonts/museo_slab/Museo_Slab_900.svg#9f7096d3ce6d5c733eae8f58eab65d8f') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}


/* ------------------- General Styling ------------------- */

* {
  font-family: 'Gibson', sans-serif;
}
h1,
h1 span {

	font-family: 'Museo Slab 700', serif;
	font-weight: 700;
  font-size: 32px;

}
h2 {
  font-size: 26px;
}
h1.lowerCase {
	text-transform: none;
}
h2,
h1 strong,
h2 strong,
h2 span {
	  font-family: 'Museo Slab 700', serif;
    font-weight: 700;
}

h3,
h4,
h5,
h6, 
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	  font-family: 'GibsonBold', serif;
}

/* cleanup */


/*  ------ Style Guide Toolset ----  */
.ucase { text-transform: uppercase; }
.normalcase { text-transform: none; }
.nomargin { margin: 0 0 0 0; }
.nopadding { padding: 0 0 0 0; }
.add10top { margin-top:10px; }
.add20top { margin-top:20px; }
.add30top { margin-top:30px; }
.add10bottom { margin-bottom:10px; }
.add20bottom { margin-bottom:20px; }
.add30bottom { margin-bottom:30px; }
.nowrap { white-space: nowrap; }


/*  ------ Sibling Pair Styling ----  */
h1 + h2 {
  font-size: 18px;
  font-style: italic;
  opacity: .8;
  margin-top: -10px;
}
h3 + h4 {
	margin-top:10px;
}

article h4, article h3 {
  margin-top:30px;
}

/*p {
	font-size: 16px;
}*/
/*a {
	text-decoration: none;
}
a:hover {
	font-weight:bold;
	text-decoration: none;
}
strong, b {
	  font-family: 'GibsonBold', serif;
}*/
.notice { 
	border:1px solid #b10c0c;
	background-color:#f3cdcd;
	font-weight: bold;
	padding:20px;
}
p.important {
	font-weight: bold;
	padding:20px;
	font-size:20px;
	
}
p.emphasis {
	font-weight: bold;
	padding:20px;
	font-size:20px;
}
img.border {
	border:3px solid #000;
}
p.border {
	padding:20px;
	border:3px solid #000;
}
h1 + .col-md-12 {
	margin-top:20px;
}
div.border {
	padding:20px;
	border:3px solid #000;
	margin-bottom:40px;
	margin-top:40px;
}
.button {
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 10px;
}

a.defaultInlineBtn {
		width: auto;
		display: inline-block;
		padding: 10px 20px;
		margin:10px 10px 10px 0;
		color:#fff;
    background: transparent url(../img/topoBg-07.svg) top center repeat;
    background-size: 90%;
    border-bottom:0px solid #C34511;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 10px;
    text-decoration: none !important;
}
a.defaultInlineBtn:hover {
	color:#fff;
	background-color: transparent;
	-webkit-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
  text-decoration: none !important;
}
a.secondaryInlineBtn {
		width: auto;
		display: inline-block;
		padding: 10px 20px;
		margin:10px 10px 10px 0;
		color:#fff;
    background: transparent url(../img/topoBg-07.svg) top center repeat;
    background-size: 90%;
    border-bottom:0px solid #C34511;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 10px;
    text-decoration: none !important;
}
a.secondaryInlineBtn:hover {
	color:#fff;
	background-color:transparent;
	-webkit-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);

	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
  text-decoration: none !important;
}
a.tertiaryInlineBtn {
		width: auto;
		display: inline-block;
		padding: 10px 20px;
		margin:10px 10px 10px 0;
		color:#fff;
    background: transparent url(../img/topoBg-07.svg) top center repeat;
    background-size: 90%;
    border-bottom:0px solid #C34511;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 10px;
    text-decoration: none !important;
}
a.tertiaryInlineBtn:hover {
	color:#fff;
	-webkit-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 45px -5px rgba(0,0,0,0.75);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
  text-decoration: none !important;
}

.sidebar a.defaultInlineBtn, .sidebar a.secondaryInlineBtn, .sidebar a.tertiaryInlineBtn {
	width:100%;
	text-align: center;
	margin: 0 0 10px 0;
}
/* ------------------- Table Styling ------------------- */
table + table {
	margin-top:30px;
}
p + table {
	margin-top:40px;
}
table + p > em { 
  margin-top: 18px; 
}
/* TOO GENERIC FOR THIS STYLE SHEET */
table {
	width:100%;
}
table caption {
	/*text-align: center;*/
	font-size:20px;
  font-family: 'Museo Slab 700', serif;
  color:#000;
  vertical-align: middle;
}
table tr td {
	padding:5px 10px 5px 10px;
	// border-bottom: 1px solid #bcbcbc;
	font-size:16px;
}
table tr td a {
	font-size:16px;
}
table th {
	font-size:15px;
  font-family: 'Museo Slab 700', serif;
	padding:5px 10px 0 10px;
	border-bottom:3px solid #000;
	vertical-align: middle;
	text-transform: uppercase;
}
thead, tbody {
	border:1px solid #000;
}

img.right {
  float: right;
  margin-left: 15px;
} 
img.left {
  float: left;
  margin-right: 15px;
}
div.border:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
pre {
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE7 */
  -moz-tab-size: 4;
  tab-size: 4;
}

.marker {
  background-color: Yellow;
}

span[lang] {
  font-style: italic;
}

figure {
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: rgba(0,0,0,0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}

figure > figcaption {
  text-align: center;
  display: block; /* For IE8 */
}

a > img {
  border: none;
}

/* Widget Styles */
.code-featured {
  border: 5px solid red;
}

.math-featured {
  padding: 20px;
  box-shadow: 0 0 2px rgba(200, 0, 0, 1);
  background-color: rgba(255, 0, 0, 0.05);
  margin: 10px;
}

.image-clean {
  border: 0;
  background: none;
  padding: 0;
}

.image-clean > figcaption {
  font-size: .9em;
  text-align: right;
}

.image-grayscale {
  background-color: white;
  color: #666;
}

.image-grayscale img, img.image-grayscale {
  filter: grayscale(100%);
}

.embed-240p {
  max-width: 426px;
  max-height: 240px;
  margin:0 auto;
}

.embed-360p {
  max-width: 640px;
  max-height: 360px;
  margin:0 auto;
}

.embed-480p {
  max-width: 854px;
  max-height: 480px;
  margin:0 auto;
}

.embed-720p {
  max-width: 1280px;
  max-height: 720px;
  margin:0 auto;
}

.embed-1080p {
  max-width: 1920px;
  max-height: 1080px;
  margin:0 auto;
}