@media screen, print {
a.btn, .nav a {
text-decoration: none !important;
}
.row .poem{
    position:relative;
}
span.line-number{
    position:absolute;
    left:1em;
    vertical-align:super;
    font-size:80%;
    letter-spacing: -1px;
}
span.stanza-number{
    position:absolute;
    left:0em;
	letter-spacing: -1px;
}
div.translation{
    display:none;
}
div.translations{
    position:relative;
}

h3:first-child {margin-top: 22px;}

.text-top-spacing h3 {margin-top: 0 !important;}

div.translation:first-child{
    margin-top:0;
}
.stanza.first{
    margin-top:0
}
div.text.active{
    display:block
}
p.stanza{
    margin-bottom:2em;
    padding-left:2em !important;
}
.translations p.stanza{
}
img.flag{
    padding-right:5px;
}
.notes p{
}
#notes-container p.corresp {
    padding-left:2em !important;
    position:relative
}

#notes-container p.corresp br {
line-height: 2em;
}

#notes-container span.reference{
    position:absolute;
    left:0em;
    vertical-align:super;
    font-size:80%;
	letter-spacing: -1px;
}
span.etymon{
  font-variant: small-caps
}
.dropdown-toggle{
    background:#ccc
}
#language-bar {
    bottom: 0;
    height: 100px;
}
#language-bar.affixtest{
    bottom:0;
    z-index:1;
    position:fixed !important;
}

#language-bar.affix-bottomtest{
    bottom:50px;
    position:fixed;

}


.is-tablet #language-bar.affix,
.is-tablet #language-bar.affix-bottom,
.is-smallscreen #language-bar.affix,
.is-smallscreen #language-bar.affix-bottom{
    width:100%
}
#language-bar.affix.container,
#language-bar.affix-bottom.container{
    margin-left:-16px;
}
.affixed{
    margin-top:3em
}
.poem-container {width: 100%;}
.poem-container, .buttonPlayer{
    float: right;
}

span.underline{
    text-decoration:underline
}
span.line{
    display:block
}
.poem-container div.col-xs-10{
    margin-bottom:3em
} /* a bit of padding between poems when vertical */
div.preface{
    margin-bottom:1em
}
#main-content ul{
    margin:0;
    padding:0
}
ul.nav.invert{
    background: #6b7f4c !important;
    padding:0 16px 1em 16px !important;
}
.nav-tabs.invert{
    padding-bottom:1em
}

#langs{
    padding-top:5px;
}
.is-tablet #langs,
.is-smallscreen #langs{
    padding-right:2em
		
}

#langs
.nav-tabs li:last-child {
    border-bottom: transparent !important; 
}

@media (max-width: 991px){
	.nav-tabs li:last-child {
		border-bottom: transparent !important;
	}
}
	
#top-rhs{
    overflow-x:hidden;
    overflow-y:auto;
}

.is-smallscreen #top-rhs{
    overflow-x:visible;
    overflow-y:auto;
    max-height:initial !important;
} 

/* needed for affix only
@media (min-width: 768px){ #language-bar { width: 750px; } }
@media (min-width: 992px){ #language-bar { width: 970px; } }
@media (min-width: 1200px){ #language-bar { width: 1170px; } } 
*/
.nav-tabs.invert a{
    color:white
}

.nav.invert > li > a,
.nav.invert > li > a:hover,
.nav.invert > li > a:focus{
    text-decoration:none;
    background-color:#7c8f5d;
    border-color:#7c8f5d;
	border-top-color: transparent !important;
}

.nav-tabs.invert li.active a{
    color:#333 !important;
	background-color: #fff;
	border-color: #ddd;
}

#page2{  /*factor in for the bottom bar. */
    padding-bottom:3em;
}

.is-tablet .container{ /* to pull the content left in tablet widths */
    margin-left: 0
}

.text-top-spacing{
    height:4em;
    padding:1em 0
}

.two-col {
text-align:justify;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px; 
}
.three-col
text-align:justify;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px; 
}
/* Overwrite Sitebuilder styling */
.dropdown-menu li{
    padding-left:0px !important;
}
.nav-tabs li{
    margin-bottom:-1px !important
}
h2.poem-heading{
    font-size:16px;
    line-height:2.4;
    display:inline-block;
}

/* Editor overrides */

.mceContentBody #notes-container, .mceContentBody div.translation {
	display: block !important;
	border: 1px dashed blue;
}

.mceContentBody .tab-content>.tab-pane {
display: block;
	border: 1px dashed blue;
}

#body_tbl, #body_ifr {
width: 928px !important;

}
@media (min-width: 480px){
	.nav-tabs li {
		 width: initial !important;
	}
}
@media (max-width: 480px){
	.nav-tabs li {
		width: 100% !important;
	}
}
@media (max-width: 991px){
	.nav-tabs li {
		 width: initial !important;
	}
}

@media (min-width: 992px){
	.nav-tabs li {
		max-width: initial !important; 
	}
}
@media (max-width: 991px)
	.nav-tabs li {
		 width: 100%;
	}
}
}