/* Grammar */

/* = Headings (smaller than normal) */

.bc-grammar h1 {
	font-size:2.5rem;
	margin:0 0 1rem 0;
}
.bc-grammar h2 {
	font-size:2.1rem;
	margin:1rem 0;
}
.bc-grammar h3 {
	font-size:1.6rem;
	margin: 1rem 0;
}
.bc-grammar h4 {
	font-size:1.25rem;
}
.bc-grammar h5 {
	font-size:1.0rem;
}
.bc-grammar span.anchor {
    margin: 0;
    position: relative;
    top: -5px;
    width: 100%;
    height: 1px;
    display: block;
}
/* = Fonts */
.gray {color:gray}
.bold {font-weight:600}

/* = Body */
body.bc-grammar .allo-main {
	max-width:100%;
	background-color:#f1f1f1;
}
body.bc-grammar .left-fixed {
	position: fixed;
	top:98px;
	left:0;
	height: calc(100% - 98px);
	background-color: white;
	width:250px;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
    overflow-x: hidden;
	border-right: 1px solid #dadce0;
	z-index: 5;
}
body.bc-grammar .left-fixed::-webkit-scrollbar {
    border-left: 1px solid #dadce0;
}
body.bc-grammar .left-fixed::-webkit-scrollbar {
    background-color: white;
}
body.bc-grammar .left-fixed::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d0d0d0;
    transition: all 320ms;
}
body.bc-grammar .left-fixed::-webkit-scrollbar-thumb:hover {
    background-color: #a2a2a2;
}
.bc-grammar .mdl-layout__content {
	 border-top: 1px solid #dadce0;
}

/* == Left menu */

.left-fixed .in {
	padding: 0;
}
.left-fixed .index-header {
	font-weight:500;
	font-size: 1.0rem;
	margin:0;
	text-transform:uppercase;
	padding:0 15px;
	color:gray;
	line-height:40px;
	position:relative;
}

.left-fixed ul.index {
	margin:0;
}
.left-fixed ul.index-level-2 {
	padding:0;
	margin:0;
	list-style-type: none;
}
.left-fixed ul.index-level-2 > li > a {
	display:block;
	line-height: 35px;
	font-weight:500;
	background-color:#f1f1f1;
	border-top: 1px solid #dadce0;
	border-bottom: 1px solid #dadce0;
	padding:0 15px;
	font-size: 0.9rem;
}
.left-fixed ul.index-level-3 {
padding:10px 15px 10px 0;
	margin:0;
	list-style-type: none;
}
.left-fixed ul.index-level-3 > li > a {
	display:block;
	padding:7px 15px 7px 15px;
	line-height:1.1rem;
	font-size: 0.9rem;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}
.left-fixed ul.index-level-3 > li > a:hover {
	background-color:#f1f1f1;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
} 
.left-fixed ul.index-level-3 > li > a.active {
	color:#07a564;
	font-weight: 500;
	background-color: rgba(16, 171, 49, 0.13);
}

.left-fixed ul li a {
	color: rgba(0, 0, 0, .87);
}

/* == Main body */

body.bc-grammar #article {
	padding:15px 15px 15px 265px;
	display: flex;
	background-color:#f1f1f1;
}

body.bc-grammar #article .main {
	flex: 1;
	width:100%;
	padding:15px;
	background-color:white;
	border-radius:5px;
	border: 1px solid #dadce0;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
body.bc-grammar #article .side {
	flex: 0 0 200px;
	padding:10px 15px;
}

body.bc-grammar .card {
}

/* = Footer */

.bc-grammar #site-footer {
    background-color: white;
    padding: 0 15px 0 265px;
}
.bc-grammar #gr-bib {
	display: block;
	position:relative;
	padding: 15px 215px 15px 265px;
	z-index: 3;
}
.bc-grammar #gr-bib h2 {
	margin:0;
}
.bc-grammar #gr-bib h3 {
	margin: 0 0 15px 0;
}
.bc-grammar #gr-bib .card .note-list,
.bc-grammar #gr-bib .card .bib-list {
	padding:15px;
	border-bottom: 1px solid #dadce0;
}
.bc-grammar #gr-bib .card .note-list {
	padding:15px;
	border-bottom: 1px solid #dadce0;
}
.bc-grammar #gr-bib .bib-list p {
	margin:0 0 10px 0;
	font-size:0.9rem;
	text-indent: -35px;
    margin-left: 35px;
}
.bc-grammar .cite-options.card p {
	font-size:0.9rem;
	line-height:1.3rem;
	margin:0 0 10px 0;
}
.bc-grammar .cite-options.card p.gen-cit {
		text-indent: -35px;
    margin-left: 35px;
}

/* = Sub menu */
#mbl-sub-menu {
	display:none;
background-color: #f1f1f1;
    z-index: 4;
    border-bottom: 1px solid #dcdee2;
}
#mbl-sub-menu .in {
	padding:5px;
}
#mbl-sub-menu .in #toggle-submenu {
	display:inline-block;
	white-space:nowrap;
	color: #212121;
	text-transform:uppercase;
	font-size: 0.9rem;
	line-height:30px;
	padding: 0 10px;
	font-weight:500;
	cursor:pointer;
	border-radius:5px;
	transition: all 320ms;
}
#mbl-sub-menu .in #toggle-submenu:hover {
	background-color: #dcdcdc;
}
#mbl-sub-menu .in #toggle-submenu i {
	margin-right:4px;
}
#subnav-overlay {
	position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0.001;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}

/*
.notes {
margin: 0 -15px;
    padding: 15px 15px 0 15px;
    border-top: 1px solid #dcdee2;
}
*/

/* START OF VIEWPORTS */

/* MAX-WIDTH 1250PX */

@media (max-width: 1250px) {
	body.bc-grammar #article .side {
		display:none;
	}
	.bc-grammar #gr-bib {
		padding:15px 15px 15px 265px;
	}
/* END OF MAX-WIDTH 1250PX VIEWPORT */
}

/* MAX-WIDTH 900PX */
@media (max-width: 900px) {

	/* END OF MAX-WIDTH 900PX VIEWPORT */
}

/* MAX-WIDTH 860PX */
@media (max-width: 860px) {
	body.subnav-show .allo-header, body.subnav-show .tbar {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
	}
	body.subnav-show .allo-content {
    z-index: 4;
    padding-top: 97px;
    overflow-y: hidden;
    overflow-x: visible;
	}
	body.subnav-show #subnav-overlay {
		transition: none 0s ease 0s;
    opacity: 1;
    visibility: visible;
	}
	body.bc-grammar .left-fixed {
		left: -100%;
		top:0;
		height:100%;
	}
	body.subnav-show.bc-grammar .left-fixed {
		left:0;
		transition: left 320ms;
	}
	.left-fixed .index-header::after {
		font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    content: "\f00d";
    font-size: 1.1rem;
    display: block;
    color: gray;
    line-height: 40px;
    width: 40px;
    text-align: center;
		position:absolute;
		top:0;
		right:0;
	}
	.left-fixed .index-header:hover::after {
		color: black;
    cursor: pointer;
	}
	body.bc-grammar #article {
		padding: 0 0 15px 0;
	}
	.bc-grammar #gr-bib {
		padding:15px 0;
	}
	.bc-grammar #site-footer {
		padding: 0 15px;
	}
	body.bc-grammar #article .main,
	.bc-grammar #gr-bib .card {
		border-left:0;
		border-right:0;
		border-radius:0;
	}
	body.bc-grammar #article .main {
		padding: 50px 15px 15px 15px;
	}
	#mbl-sub-menu {
    height: 40px;
    width: 100%;
    display: block;
    position: fixed;
		top: 98px;
    left: 0;
	}
	#mbl-sub-menu.state-down {
			top: 98px;
	}
	#mbl-sub-menu.state-partially {
			top: 98px;
	}
	#mbl-sub-menu.state-up {
			top: 57px;
	}
	body.subnav-show #mbl-sub-menu {
		display:none;
	}

/* END OF MAX-WIDTH 860PX VIEWPORT */
}

@media (max-width: 760px) {
	.table.abc tr td {
    width: 12.5%;
    display: inline-block;
	}

/* END OF MAX-WIDTH 760PX VIEWPORT */
}
	
/* MAX-WIDTH 593PX */

@media (max-width: 593px) {
	#mbl-sub-menu.state-up {
    top: 49px;
	}
	#mbl-sub-menu.state-partially,
	#mbl-sub-menu.state-down,
	#mbl-sub-menu {
    top: 90px;
	}
/* END OF MAX-WIDTH 593PX VIEWPORT */
}