#main {
	/* override font for guide so that phonetic symbols show properly on mac */
	font-family: Roboto, sans-serif !important;
}

#guide_navigation .navbar-toggler {
    color: #2E8885;
}

#toc_navigation .current a {
	/* color: #fff; */
	font-style: italic;
}

.guide h1, .guide h2, .guide h3 {
	color: #333;
	font-family: inherit;
	border-bottom: none;
}

.guide h1 {
	font-size: 2.5rem;
}

.guide h2 {
	margin-top: 1.5rem;
}

.guide h2.section-header {
	border-bottom: 1px solid #ccc;
}

.guide h2:not(.section-header) {
	font-size: 1.75rem;
}

.guide .btn-light {
	border-color: #ced4da;
}

div.guide table:not(.guide-nav):not(.nostyle)  {
	width: auto !important;
	height: auto !important;
	border: thin solid #aaa;
	border-radius: 10px;
	border-collapse: separate;
}
div.guide table:not(.guide-nav):not(.nostyle) td {
	padding: 2px;
	/* white-space: nowrap; */
	border-right: thin solid #ccc;
	border-bottom: thin solid #ccc;
}
div.guide table:not(.guide-nav):not(.nostyle) tr:first-child td {
	background-color: rgba(51,153,153, .1);
	text-align: center;
}
div.guide table:not(.guide-nav):not(.nostyle) td:last-child {
	border-right: none;
}
div.guide table:not(.guide-nav):not(.nostyle) tr:last-child td {
	border-bottom: none;
}
div.guide table.wide td {
	white-space: initial;
}
div.guide .cor { 
	background-color: rgba(51,153,153, .1);
	color: black;
}
div.guide div.cor {
	display: table-cell;
	background-color: rgba(51,153,153, .1);
	padding: 3px;
	border: thin solid #aaa;
	border-radius: 10px;
}
div.guide .ver, div.guide .mod, div.guide .spellver, div.guide .spellmod, div.guide .cor {
	margin: initial;
}
.guide-title {
	color: #2E8885;
	font-family: 'Bitter', Courier, serif;
	font-weight: 600;
	font-size: 2.25rem;
	margin-top: 0px;
	padding-bottom: .5rem;
	border-bottom: 4px solid #2E8885;
}
.guide-title b {
	font-weight: inherit;
}

.toggleColumn {
	cursor: pointer;
}

.guide .compact {
	float: left;
	background-color: rgba(0,0,0,.05);
	border-radius: 10px;
	border: thin solid rgba(0,0,0,.05);
	width: 200px;
	margin: 1em;
	padding: .5em;
}

.testAnswerWrong {
	border: thin solid red;
}

.exs {
	color: green;
	border-bottom: thin dotted green;
	font-style: italic;
}

a.phoneticsplay {
	width: 24px;
	height: 24px;
	background-image: url("../images/volume.gif");
	display: inline-block;
}

.guidetoc {
	display: inline-block;
	text-align: center;
	margin: 1.5em;
	max-width: 100px;
	vertical-align: top;
}

.guidetocimg {
	background-size: cover;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.guidetocimg.verbs {
	background-image: url("../images/guide/verbs.png");
}
.guidetocimg.adverbs {
	background-image: url("../images/guide/adverbs.png");
}
.guidetocimg.conjunctions {
	background-image: url("../images/guide/conjunctions.png");
}
.guidetocimg.nouns {
	background-image: url("../images/guide/nouns.png");
}
.guidetocimg.determiners {
	background-image: url("../images/guide/determiners.png");
}
.guidetocimg.adjectives {
	background-image: url("../images/guide/adjectives.png");
}
.guidetocimg.prepositions {
	background-image: url("../images/guide/prepositions.png");
}
.guidetocimg.numbers, .guidetocimg.losnmeros {
	background-image: url("../images/guide/numbers.png");
}
.guidetocimg.datesandtime, .guidetocimg.lafechaylahora {
	background-image: url("../images/guide/datesandtime.png");
}
.guidetocimg.spellingandpunctuation {
	background-image: url("../images/guide/spellingandpunctuation.png");
}
.guidetocimg.spellingandpronounciation {
	background-image: url("../images/guide/spellingandpronounciation.png");
}
.guidetocimg.commonanglicismstoavoid, .guidetocimg.commonlyconfusedwords {
	background-image: url("../images/guide/commonanglicismstoavoid.png");
}
.guidetocimg.finalexam, .guidetocimg.examenfinal {
	background-image: url("../images/guide/finalexam.png");
}
.guidetocimg.pronouns {
	background-image: url("../images/guide/pronouns.png");
}
.guidetocimg.consonants {
	background-image: url("../images/phonetics/consonants.png");
}
.guidetocimg.frenchrhythmandstress {
	background-image: url("../images/phonetics/frenchrhythmandstress.png");
}
.guidetocimg.intonation {
	background-image: url("../images/phonetics/intonation.png");
}
.guidetocimg.liaisonandenchanement {
	background-image: url("../images/phonetics/liaisonandenchanement.png");
}
.guidetocimg.phoneticsymbols {
	background-image: url("../images/phonetics/phoneticsymbols.png");
}
.guidetocimg.resourcesandreferences, .guidetocimg.practice {
	background-image: url("../images/phonetics/resourcesandreferences.png");
}
.guidetocimg.semiconsonants {
	background-image: url("../images/phonetics/semiconsonants.png");
}
.guidetocimg.transcriptionexercises {
	background-image: url("../images/phonetics/transcriptionexercises.png");
}
.guidetocimg.unstablee {
	background-image: url("../images/phonetics/unstablee.png");
}
.guidetocimg.vowels, .guidetocimg.pronunciationhints {
	background-image: url("../images/phonetics/vowels.png");
}
.guidetocimg.overviewofkeyconcepts {
	background-image: url("../images/phonetics/overviewofkeyconcepts.png");
}
.guidetocimg.animals, .guidetocimg.losanimales {
	background-image: url("../images/guide/animals.png");
}
.guidetocimg.thebody, .guidetocimg.elcuerpo {
	background-image: url("../images/guide/body.png");
}
.guidetocimg.business, .guidetocimg.losnegocios {
	background-image: url("../images/guide/business.png");
}
.guidetocimg.clothing, .guidetocimg.laropa {
	background-image: url("../images/guide/clothing.png");
}
.guidetocimg.coloursandcharacteristics, .guidetocimg.coloursanddescriptions, .guidetocimg.coloresydescripciones {
	background-image: url("../images/guide/colours.png");
}
.guidetocimg.food, .guidetocimg.lacomida {
	background-image: url("../images/guide/food.png");
}
.guidetocimg.greetings, .guidetocimg.lossaludos {
	background-image: url("../images/guide/greetings.png");
}
.guidetocimg.health, .guidetocimg.lasalud {
	background-image: url("../images/guide/health.png");
}
.guidetocimg.household, .guidetocimg.thehousehold, .guidetocimg.lacasa {
	background-image: url("../images/guide/household.png");
}
.guidetocimg.people, .guidetocimg.lagente {
	background-image: url("../images/guide/people.png");
}
.guidetocimg.restaurant, .guidetocimg.therestaurant, .guidetocimg.elrestaurante {
	background-image: url("../images/guide/restaurant.png");
}
.guidetocimg.school, .guidetocimg.laescuela {
	background-image: url("../images/guide/school.png");
}
.guidetocimg.sports, .guidetocimg.losdeportes {
	background-image: url("../images/guide/sports.png");
}
.guidetocimg.travel, .guidetocimg.elviaje {
	background-image: url("../images/guide/travel.png");
}
.guidetocimg.weather, .guidetocimg.eltiempo {
	background-image: url("../images/guide/weather.png");
}
.guidetocimg.swap {
	background-image: url("../images/guide/swap.png");
}
.guidetocimg.synonyms {
	background-image: url("../images/guide/synonyms.png");
}
.guidetocimg.basicexpressions, .guidetocimg.espresionesbsicas {
	background-image: url("../images/guide/quote.png");
}
.guidetocimg.xpress {
	background-image: url("../images/guide/xpress.png");
}
