/* If the interactive footer is spanning across the whole page and generally outta control, throw an element with this class around it to contain it. Helpful when the interactive footer isn't at the very bottom of the page. */
.interactive-footer-container {
position:relative;
}
.no-js .embed {
display:none;
}
.embed {
border-top: 1px solid #BDBDBD;
letter-spacing:0.1em;
text-transform:uppercase;
overflow:auto;
-moz-box-shadow:0px 4px 4px -5px rgb(204, 204, 204) inset;
-webkit-box-shadow:0px 4px 4px -5px rgb(204, 204, 204) inset;
box-shadow:0px 4px 4px -5px rgb(204, 204, 204) inset;
z-index:99;
}
.embed a {
margin-left: 5px;
padding:7px;
display: inline-block;
background:#EEECE3;
float:left;
height: 10px;
color:#444;
cursor:pointer;
-moz-box-shadow:#ccc 0px 2px 4px -2px inset;
-webkit-box-shadow:#ccc 0px 2px 4px -2px inset;
box-shadow:#ccc 0px 2px 4px -2px inset;
}
.embed a:hover {
background:#D7D8D4;
color:#91918E;
text-decoration:none;
}
.embed a:last-child,
.embed a:last-child:hover {
border:0px;
float:right;
background:none;
box-shadow:none;
}
.overlay,
.embedoverlay {
position:absolute;
bottom:24px;
padding:15px 2%;
background:#EEECE3;
border-top:1px solid #b7b8af;
display:none;
width: 96%;
overflow: hidden;
}
#interactive .overlay p,
#interactive .embedoverlay p {
color:#000;
font-size:1em;
font-style:normal;
letter-spacing:0.1em;
font-family: "franklin-gothic-urw",Verdana,Geneva,sans-serif;
margin-bottom: 10px;
}
p.code {
padding: 5px;
background: white;
line-height: 150%;
border: 1px solid #ccc;
}