/* 	
CSS PlayShakespeare.com 2023 
Copyright 2005-2023 by PlayShakespeare.com
*/

/* ----------- CSS Variables ----------- */

:root {

	 /*  Colors */
	--black: 				#000000; 
	--white: 				#FFFFFF;
	--grey-dark: 		#595959;  /** New color for accessibility **/
	--grey:			 		#888888; 
	--grey-light: 		#E3E3E3;
	--grey-xlight: 		#F8F8F8;
	--body-text: 		#3A3A3A; 
	--orange:				#CB4506; /** New color for accessibility **/
	--text:					#1C1D1F;
	--grey-line:			#EBEBEB	;
	--red: 					#d11002; 
	--green: 				#348240; 
	--baby-blue: 		#4773A9;  /** New color for accessibility **/
	--yellow: 				#f4f43c;
	--grey-light-med: #CCCCCC; 
	--grey-blue-dk: 	#343a40; 


	 /*  Fonts  */
	--thin: 					100;
	--ultra-light: 		200;
	--light: 					300;
	--normal: 			400;
	--medium: 			500;
	--semi-bold: 		600;
	--bold: 				700;
	--ultra-bold: 		800;
	--black-heavy: 	900;

	 /*  z-index  */
	--below: 					-1;
	--base: 					1;
	--sidemenu: 			1000;
	--mobilemenu: 		1000;
	--headermenu: 		1048;
	--scenemenu: 			2000;
	--top: 						9999;
	--pagescrollbtn: 		16777272;

}

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

html {
	scroll-behavior: smooth;
}
body {
	color: var(--body-text);
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4 {
	color: var(--baby-blue);
}
.h2, h2, .h3, h3, .h4, h4 {
	margin-top: 2rem;
}
.h1, h1 {
	font-size: 2.2rem;
}
.h2, h2 {
	font-size: 1.6rem;
}
.h3, h3 {
	font-size: 1.4rem;
}
.h4, h4  {
	font-size: 1.2rem;
	font-weight: var(--semi-bold);
}

a, p, span {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important;
}

a, a:link, 
a:visited, 
a:hover, 
a:active {
	color: var(--orange);
}
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
}
b, strong {
	font-weight:var(--bold);
}
p.readmore .icon-chevron-right {
	display: none;
}
pre {
	font-size: 85%;
	color: var(--white);
	background-color: var(--black);
	padding: 10px;
}
blockquote {
	font-style: italic;
	font-size: 95%;
	border-left: 5px solid var(--grey);
	padding-left: 15px;
}
code,xmp {
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}


/* -------------- Joomla Core  -------------- */

.pagination {
	margin-top: 40px;
	display: block;
	text-align: center;
}
.pagination p.counter {
	float: none;
	font-size: 90%;
	text-align: center;
	margin-bottom: 5px;
}
.pagination li {
	display: inline-block;
	padding: 0 5px;
}
.pagination span.pagenav {
	font-weight: var(--bold);
}

/* Hide frontend editing */

.items-leading .icons,
.items-row .icons,
.item-page .icons,
table.category th#categorylist_header_edit,
table.category td.list-edit,
tr.system-unpublished,
span.hasTooltip {
	display: none;
}

/* Frontend editing */

.btn-group.pull-right:hover .dropdown-menu {
	display: block;
	right: 0;
}
.edit.item-page .nav.nav-tabs li {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    padding: 10px 20px;
}
.nav.nav-tabs li.active{
   background-color: #f9f7f7;
}
#adminForm .btn-toolbar .btn {
	margin-right: 30px;
}


/* Pagination */
ul.pager.pagenav {
	padding: 50px 0;
}
ul.pager.pagenav li {
	list-style-type: none;
	display: inline-block;
}
ul.pager.pagenav li.next {
	float: right;
}
.icon-chevron-left::before {
	content: "«";
}
.icon-chevron-right::after {
	content: " »";
}
.pagination {
	margin-top: 40px;
	display: block;
	text-align: center;
}
.pagination p.counter {
	float: none;
	font-size: 90%;
	text-align: center;
	margin-bottom: 5px;
}
.pagination li {
	display: inline-block;
	padding: 0 5px;
}
.pagination span.pagenav {
	font-weight: var(--bold);
}

/* Search */

div.search {
	margin-bottom: 80px;
}
div.search .element-invisible,
span.icon-search {
	display: none;
}
div.search .btn {
	color: var(--grey-blue-dk);
	border-color: var(--grey-blue-dk);
}
#searchForm .btn-toolbar .btn-group:first-child {
	flex-grow: 4
}
#search-searchword {
	width: 100%;
	margin-right: 20px;
	border-radius: 5px;
	border: 1px solid silver;
	padding-left: 10px;
}
div.search .btn-toolbar {
	margin-bottom: 20px;
}
#searchForm .form-limit,
#searchForm p.counter {
	display: inline-block;
	margin-right: 30px;
}
dl.search-results {
	margin-top: 40px;
	margin-left: 20px;
}
dt.result-title  {
	margin-left: -20px;
	color: var(--grey);
}
dt.result-title a {
	font-size: 1.3rem;
	font-weight: var(--normal);
}
dd.result-category {
	margin-bottom: 5px;
	color: var(--grey-dark);
}
dd.result-text {
	margin-bottom: 15px;
	padding-bottom: 15px;
	font-size: .9rem;
}
dd.result-text .highlight {
	background-color: var(--yellow);
	padding: 0px 4px;
}


/* Login */
#login-form {
	margin: 30px 0;
}
.pretext, .posttext {
	font-size: 80%;
	font-weight: var(--bold);
}
#form-login-username label,
#form-login-password label,
#form-login-remember label {
	justify-content: left;
	margin-top: 15px;
	font-size: 90%;
}
#form-login-remember label {
	font-size: 80%;
	display: inline-block;
	margin-bottom: 10px;
}
#login-form .userdata ul  {
	padding-left: 0;
	margin-top: 10px;
}
#login-form .userdata ul li {
	list-style-type: none;
	font-size: 80%;
}
.login .control-label label {
	margin-top: 20px;
}
.login .control-group:nth-child(3) .control-label,
.login .control-group:nth-child(3) .controls {
	display: inline-block;
	margin-top: 15px;
}
.login + div .nav.nav-tabs {
	display: block;
	margin: 15px 0;
	font-size: 85%;
}

/* System error messages  */
#system-message .alert {
	background-color: #eaecfc;
}
#system-message .alert.alert-error {
	background-color: #fef0c7;
}
#system-message h4.alert-heading {
	display: inline;
	line-height: 32px;
}
.alert.alert-message {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

/* Edit article button menu */
.icons {
	text-align: right;
}
.icon-cog::before {
	content: "⁕";
	color: #0056b3;
}
.icon-edit.tip {
	width: 1px;
}

/* Component only view  */
body.component-only {
	margin-bottom: 60px;
}

/* --------------PlayShakespeare -------------- */

.container-header {
	padding: 0;
	margin: 0;
}

/* Header Menu */
.headermenu {
	width: 100%;
	border-bottom: 1px solid var(--grey-light);
	text-transform: uppercase;
}
.headermenu .btn,
.headermenu .dropdown-item {
	font-size: .75rem;
}
/* Spacing for home page elements */
.pageheader,
.mmt-primary,
.jr-module-slider,
.mod-es-users {
	margin: 20px 0;
}
.appad {
	margin: 20px 0;
	text-align: center;
}

/* -------------- Vertical Menu - Bootstrap 5 -------------- */

.menu.vertical a.btn,
.menu.vertical a.btn:hover,
.menu.vertical a.btn:focus {
	text-transform: uppercase;
	font-size: .75rem;
	border: 0 none;
	text-align: left;
}
.menu.vertical .btn-group {
	border-bottom: 1px solid var(--grey-line);
}
.menu.vertical .dropdown-item {
	text-transform: uppercase;
	font-size: .75rem;
}

/* -------------- Masthead -------------- */

.container-header {
	width: 100%;
}
.masthead {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	background-color: var(--black);
}
.masthead-title,
.masthead-titlesm {
	flex: 3;
}
.masthead-head,
.masthead-headsm {
	flex: 1;
	text-align: right;
}

/* Regular version */
.masthead-title {
	height: 75px;
}
.masthead-title img {
	margin-left: 30px;
}
.masthead-head {
	height: 125px;
}

/* Small version */
.masthead-headsm,
.masthead-headsm img,
.masthead-titlesm {
	height: 65px;
}
.masthead-titlesm img {
	height: 65px;
	margin-top: 3px;
}
.masthead-titlesm a {
	margin-left: 50px;
}

/* Hide by default to only show small versions */
.masthead-head,
.masthead-title {
	display: none;
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.masthead-head,
	.masthead-title {
		display: block;
	}
	.masthead-headsm,
	.masthead-titlesm {
		display: none;
	}
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.masthead-head,
	.masthead-title {
		display: block;
	}
	.masthead-headsm,
	.masthead-titlesm {
		display: none;
	}
}

/* --------------Tabs for play sections -------------- */

.nav.nav-tabs .nav-link {
	font-size: .8rem;
}

/* -------------- Reviewer menu -------------- */

.mod-menu.reviewer {
	text-transform: uppercase;
	font-size: .75rem;
	margin-bottom: 30px;
}
.mod-menu.reviewer li {
	padding: 0.375rem 0.75rem;
}
.mod-menu.reviewer li a {
	text-decoration: none;
}


/* -------------- Alert Bar -------------- */

#alertbar {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: rgb(254, 254, 223);
	border: 1px solid rgb(249, 238, 140);
	font-size: 14px;
	text-align: center;
	padding: 5px;
}


/* -------------- Plays & Sonnets -------------- */

.stagedir,
.line,
.line1,
.line2,
.line3,
.line4,
.line5,
.line6,
.line7,
.line8,
.line9,
.line10 {
	margin: 0;
}
.line2 {
	margin-left: 80px;
}
.line3 {
	margin-left: 110px;
}
.line4 {
	margin-left: 140px;
}
.line5 {
	margin-left: 170px;
}
.line6 {
	margin-left: 200px;
}
.line7 {
	margin-left: 230px;
}
.line8 {
	margin-left: 260px;
}
.line9 {
	margin-left: 290px;
}
.line10 {
	margin-left: 320px;
}
.speaker {
	font-weight: var(--bold);
}
.scenepersonae,
.stagedir {
	font-style: italic;
	color: var(--grey-dark);
}
.scenedescription,
.speech,
.stagedir {
	margin: 15px 0;
}
#anchor_container a {
	width: 40px;
}
.scenepersonae {
	font-size: 85%;
	line-height: 160%;
	margin-bottom: 40px;
}
body.menu-characters h2 {
	margin-bottom: 0;
}
#poembody .stanza {
	margin: 20px 0;
}
.scenedescription,
.sceneLinesNumber,
.shortname-actor,
h3.scenetitle,
.sources,
h4.sonnetnum {
	display: none;
}
.longname {
	text-transform: uppercase;
}
.scenelocation:before {
	/* font-family: "Font Awesome 5 Free"; */
   font: var(--fa-font-solid);
	display: inline-block;
	margin-right: 9px;
	content: "\f3c5";
	color: var(--grey);
}
.scenepersonae:before {
	/* font-family: "Font Awesome 5 Free"; */
   font: var(--fa-font-solid);
	display: inline-block;
	margin-right: 5px;
	font-style: normal;
	content: "\f500";
	color: var(--grey);
}

/* Scene list pages */
#scenes .blog .scenelocation {
	margin-bottom: 0;
}
#scenes .blog .scenepersonae {
	margin-bottom: 20px;
}

/* Scene dropdown menu */
.scene-menu .dropdown {
	margin: 20px 0;
}
.dropdown-item.menuindent {
	padding-left: 2.2rem;
}

/* Plays subsections TOC menu */
.scene-menu #toc {
	margin-bottom: 30px;
}
.subsection-menu #toc > a.btn,
.scene-menu #toc > a.btn {
  line-height: 34px;
}
.scene-menu {
	margin-top: 20px;
}

/* Falstaff Awards TOC menu */

ul#sectionmenu {
	display: block;
	float: right;
	font-size: 90%;
	border: 1px solid var(--grey-light-med);
	padding: 10px;
}
ul#sectionmenu li.current a {
	color: var(--grey-dark);
}

/* Line numbers */
a.lineNo {
	font-family: 'Lato', sans-serif;
	font-size: 80%;
}
a.lineNo:focus {
    outline: none;
}

/* Fix scene study pages */

#scene-study-female-female .nav,
#scene-study-male-female .nav,
#scene-study-male-male .nav {
	display: list-item;
}

/* -------------- Atomic 2-col layout (Forum, blog, etc) -------------- */
.headermenu,
#blog {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}



/* -------------- Folios and Quartos -------------- */

#play-first-folio p,
#play-first-folio div,
#play-third-folio p,
#play-third-folio div,
#play-first-folio h3.scenetitle,
#play-third-folio h3.scenetitle,
#play-first-quarto p,
#play-first-quarto div,
#play-first-quarto h3.scenetitle,
#first-folio .page-header h2 {
	font-family: 'IM Fell English', serif;
}
#play-first-folio em,
#play-third-folio em,
#play-first-quarto em,
p.playwright {	
	font-style: italic;
}
#play-first-folio .stagedir,
#play-third-folio .stagedir,
#play-first-quarto .stagedir {
	font-style: italic;
	margin: 10px 0;
}
#play-first-folio h3.scenetitle,
#play-third-folio h3.scenetitle,
#play-first-quarto h3.scenetitle {
	text-align: center;
	border-top: 1px solid #929292;
	border-bottom: 1px solid #929292;
	padding: 15px 0;
	font-style: italic;
}
#play-first-folio .speaker,
#play-third-folio .speaker,
#play-first-quarto .speaker {
	font-weight: var(--bold);
	margin-top: 5px;
}
#play-first-folio .scene,
#play-third-folio .scene,
#play-first-quarto .scene{
	margin-top: 40px;
}
#play-first-folio .finis,
#play-third-folio .finis,
#play-first-quarto .finis {
	margin: 40px 0;
}
#play-first-folio .finis-title,
#play-third-folio .finis-title,
#play-first-quarto .finis-title {
	text-align: center;
	color: var(--text);
}
.couplet {
	margin-left: 30px;
}
.article-info {
	font-size: 90%;
	margin-top: 0;
	margin-bottom: 10px;
}
.author-details,
#play-first-folio h2.acttitle,
#play-third-folio h2.acttitle,
#play-first-quarto h2.acttitle {
	display: none;
}

/* -------------- Play Overview pages -------------- */

.play-overview-info {
	padding: 0;
}
.play-overview-info li {
	list-style-type: none;
	margin-bottom: 8px;
}
.play-overview .moduletablemaindiscuss,
.play-overview .moduletablejreviews-home-reviews,
.play-overview .moduletable {
	margin-top: 40px;
}
.play-overview ul.mod_docman_icons {
	padding: 0;
}


/* -------------- Study section -------------- */

td.headword {
	vertical-align: top;
}
#sourcematrix table th,
#sourcematrix table td,
#sourcematrix table td span {
	font-size: .9em;
	text-align: center;
}
#sourcematrix table td:first-child {
	text-align: left;
}
.sourcehead,
.sourcedate {
	font-size: .8em;
}
span.asterisk {
	color: var(--red);
}
#sourcematrix .fas.fa-check-circle {
	color: var(--green);
	display: block;
}

#monologues-female .items-row p,
#monologues-male .items-row p {
	margin-bottom: 0;
	font-size: 90%;
	color: var(--grey);
}


/* -------------- About section -------------- */

.donor-list {
	margin-top: 30px;
}

/* -------------- Team -------------- */

#team h2.location {
	line-height: 4rem;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid var(--grey-light);
}
#team .reviewer h2 {
	border-top: 1px solid var(--grey-light);
	margin-top: 0;
	padding-top: 20px;
}
.photocontainer,
ul.teaminfo {
	text-align: center;
}
.photocontainer img {
	height: 140px;
	width: 140px;
	border-radius: 50%;
	margin-bottom: 10px;
}
#team .teamtitle h4 {
	color: var(--body-text);
}
ul.teaminfo,
.teamsocial ul {
	padding: 0;
}
.teaminfo li,
.teamsocial li {
	list-style-type: none;
}
.teamsocial ul li {
	display: inline-block;
}
.teamloc:before,
.teamprofile:before,
.teamtwitter:before {
	/* font-family: "Font Awesome 5 Free"; */
	font: var(--fa-font-solid);
	display: inline-block;
	margin-right: 9px;
}
.teamloc:before {
	content: "\f3c5";
}
.teamprofile:before {
	content: "\f406";
}
.teamtwitter:before {
	content: "\f099";
}
.teambio {
	font-size: 90%;
	line-height: 1.4em;
}


/* -------------- Footer menu -------------- */
footer small {
	margin: 0 auto;
	display: inline-block;
}
#footermenu {
	text-align: center;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}
#footermenu li {
	list-style-type: none;
	display: inline-block;
	padding: 0 8px;
	white-space: nowrap;
}
#footermenu li a {
	font-size: 80%;
	padding: 2px 0;
}
#footermenu li a:before {
	content: none !important;
}


/* -------------- Monumetrics Banners -------------- */

#ed .discuss-modules-easydiscuss-before-header {
	min-height: 120px;
}
/* Fix so Monumetric bottom banner doesn't break it */
div.modpagescrollbtns.scrollbtnscontainer {
	z-index: var(--pagescrollbtn);
}

/* -------------- Social buttons -------------- */

ul.social  {
	padding: 0;
	text-align: right;
}
ul.social li {
	display: inline-block;
	background-image: url("../../../images/social_sprite.png");
}
ul.social li a {
	width: 48px;
	height: 48px;
	display: block;
}
ul.social li a span { display:none; } 
ul.social li.twitter 	{ background-position: 0px 0px; }
ul.social li.playshakespeare  { background-position: -49px 0px; }
ul.social li.google  { background-position: -97px 0px; }
ul.social li.facebook { background-position: -146px 0px; }

ul#social li.twitter,
ul#social li.google,
ul#social li.facebook,
ul#social li.playshakespeare {
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
ul#social li.twitter:hover,
ul#social li.google:hover,
ul#social li.facebook:hover,
ul#social li.playshakespeare:hover {
    opacity: 0.5;
}

/* -------------- Shakespeare App section -------------- */

.appstore {
	list-style-type: none;
	padding: 0;
}
.appstore li {
	display: inline-block;
	font-weight: var(--bold);
	width: 24%;
	text-align: center;
}
.appstore li p {
	margin-bottom: 10px;
}
#app-features th {
	width: 60px;
	padding: 0 7px;
}
#app-features th.left {
	padding: 0;
	width: 55%;
}
#app-features th p {
	font-weight: var(--normal);
	line-height: 16px;
	font-size:13px;
}
#app-features td {
	text-align: center;
	vertical-align: middle;
}
#app-features td.left,
#app-features th.left {
	text-align: left;
}
th.bottom {
	vertical-align: bottom;
}
#app-features td,
#app-features th {
	border-bottom: 1px solid #ddd;
}
.menu-bookmark-collections h4,
.menu-shakespeare-pro-app h4,
.app-faqs h4 {
	margin-bottom: 0;
	margin-top: 20px;
	line-height: 28px;
}
.app-faqs ol {
	margin-left: 20px;
}
.app-faqs p strong {
	color: var(--red);
}
p.apple-disclaimer {
	margin-top: 100px;
	line-height: 150%;
}
p.app-works {
	margin-top: 50px;
}
.testimonial-list {
	list-style-type: none;
	margin-bottom: 20px;
	clear: both;
	float: left;
}
.testimonial-list li {
	list-style-type: none;
	clear: left;
}
.test-thumb {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 100%;
}
.testimonial-list li:nth-child(2) .test-thumb,
.testimonial-list li:nth-child(3) .test-thumb {
	margin-bottom: 40px;
}
.sprocket-quotes-author {
	font-size: .8em;
}
@media (max-width: 768px) {
	.testimonial-list li:nth-child(3) {
		height: 125px;
	}
	.testimonial-list li:nth-child(4),
	.testimonial-list li:nth-child(5) {
		height: 115px;
	}
	.appstore li {
		margin: 0;
		width: 130px;
		height: 80px;
	}
	.appstore li p {
		margin: 0 auto;
		line-height: 18px;
		padding-bottom: 20px;
	}
	.appstore li img {
		max-width: 80%;
	}
	.appstore li:nth-child(3) img {
		max-width: 75%;
	}
	.appstore li:nth-child(3)  p {
		width: 100px;
		padding-bottom: 0;
	}
}
@media (max-width: 480px) {
	.test-thumb {
		float: none;
		margin-right: 0;
		margin-bottom: 10px !important;
		height: 100%;
	}
	.testimonial-list li {
		text-align: center;
		height: auto !important;
	}
}



/* -------------- Joomla Extensions -------------- */


/* -------------- Page scroll module -------------- */

div.scroll-top-btn {
	z-index: var(--pagescrollbtn);
}
.scroll-top-container {
	position: fixed;
	text-decoration: none;
	background-size: 100%;
	cursor: pointer;
	display: block;
	z-index: 999999;
	min-width: 120px;
	min-height: 40px;
}
.scroll-top-btn a {
  color: var(--white);
  text-decoration: none;
}
.scroll-top-btn {
	border-radius: 35px;
	height: 70px;
	width: 70px;
	padding: 0;
	margin-bottom: 60px;
	display: inline-block;
	font-size: 75%;
	font-weight: var(--bold);
	line-height: 1;
	text-align: center;
	word-break: break-word;
	vertical-align: baseline;
	background-color: var(--grey-dark);
	bottom: 35px;
	right: 5px;
	position: fixed;
}
.scroll-top-btn:hover {
  background-color: var(--black);
}
.scroll-top-btn-icon:before {
	content: "\f062";
}
.scroll-top-btn span {
	float: none;
	display: block;
	word-spacing: -2px;
}
.scroll-top-btn-icon {
	position: relative;
	top: -1px;
	margin-right: 3px;
	margin-top: 18px;
	/* font-family: "Font Awesome 5 Free";
	font-style: normal; 
	font-weight: var(--normal); */
	font: var(--fa-font-solid);
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}


/* Docman */
.k-toolbar,
.koowa_toolbar,
.docman_category p,
.koowa_header__item span.label-success,
h4.koowa_header span.label {
	display: none;
}
.k-ui-namespace .docman_category--style {
	background: 0 none;
	border-top-color: var(--grey-light);
	border-bottom-color: var(--grey-light);
}
.k-ui-namespace .btn {
	color: var(--orange);
	border-color: var(--orange);
}
.docman_list_layout  .docman_document {
	border-bottom: 1px solid var(--grey-light);
}


/* -------------- EasyDiscuss fixes -------------- */

h2.ed-page-title,
#ed .g-list-inline--delimited > li + li {
	display: none;
}
#ed .ed-cat-panel__hd {
	padding: 4px 8px;
}
#ed .ed-list > :not(:first-child) {
	margin-top: 0;
}
#ed .ed-cat-item-meta {
	font-size: .9em;
	line-height: 1.5em;
}
#ed .ed-cat-item-meta > li {
	color: #333;
}
.ed-post-replies-wrapper  {
	border-top: 2px solid #d6d6d6;
	padding-top: 15px;
}
#ed .ed-post-item .o-avatar--xs,
#ed .ed-list .o-avatar--sm,
#ed .o-avatar-status .o-avatar--sm {
 	width: 48px;
	height: 48px;
	line-height: 48px;
 	border-radius: 50%;
}
#ed .ed-post-item__title {
  font-size: 24px;
}
#ed .ed-post-reply-bar__title {
  font-size: 20px;
}
#ed .o-pagination > .active > span {
  background-color: #ebe8e8;
}
#ed .o-pagination > li > a, 
#ed .o-pagination > li > span {
  color: var(--orange);
}
#ed .ed-article-parser {
	border: 1px solid var(--grey-light-med);
  	border-left-width: 5px;
	padding: 20px;
  	font-size: 90%;
}
#ed .ed-article-parser a:after {
	content:"...";
  	display: inline;
}
#ed .ed-cat-item .o-avatar--md,
#ed .ed-forums-cat-header .o-avatar--md {
	width: 72px;
	height: 72px;
	line-height: 72px;
	margin-top: 8px;
	margin-right: 10px;
	border: 1px solid var(--grey-light-med);
}
.module #ed .o-avatar img {
	border-radius: 50%;
}
.ed-mod.m-recent-discussions .m-post-title,
.ed-mod.m-recent-discussions .m-post-content,
#ed .m-list--has-divider > .m-list__item:last-child  {
	font-size: .9rem;
	line-height: 1.3;
}

#ed .o-flag__body a.ed-cat-name {
	display: block;
	font-size: 1.2em;
}
#ed .o-flag__body {
	font-size: .9em;
	line-height: 1.45;
}
#ed .ed-cat-item .o-avatar--md, 
#ed .ed-forums-cat-header .o-avatar--md {
	margin-top: 4px;
}
form.ed-toolbar__search-form .ed-toolbar__search-input {
	border: 1px solid var(--grey-light-med);
}
#ed .ed-toolbar .o-nav__item.is-active a.ed-toolbar__link {
	color: var(--black);
}

#ed .o-meta, 
#ed .o-meta a, 
#ed .o-meta a.si-link,
#es .es-stream-embed__apps-context b, 
#es .es-stream-embed__achievement-context b {
    color: #757575;
}


/* -------------- EasyDiscuss 5 fixes -------------- */

#ed .ed-categories-wrapper > .l-stack > .o-title {
	font-weight: var(--bold);
}
#ed .o-media__body .o-title {
	font-weight: var(--bold);
}
#ed a.si-link, #ed a.si-link:link {
	color: var(--orange);
}
#ed .ed-toolbar__link.has-composer {
	background-color: var(--orange);
}
#ed .o-avatar--md {
	width: 3em;
	height: 3em;
	line-height: 3em;
}
#ed h2.o-title + .o-body {
	margin-top: 5px;
}

@media (max-width: 767px) {
	#ed h2.ed-forum-item__title {
		line-height: 20px;
	}
	#ed .ed-post-item .o-avatar--xs, 
	#ed .ed-list .o-avatar--sm, 
	#ed .o-avatar-status .o-avatar--sm {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#es.mod-es-stream,
	#ed.ed-mod--recent-discussions {
		width: 95%;
	}
	
}

/* -------------- Easy Social fixes -------------- */

/* Fix tap area size on photo thumbnails in activity stream */
.es-stream a.es-photo-small {
  margin-top: 2px;
}

/* Fix horizontal scrolling issue on small screens */
@media (max-width: 320px) {
	#es .es-actions {
		margin-left: -20px;
	}
}
/* Fix tap area on login module */

@media (max-width: 480px) {
  .rightbody #es.mod-es-login ul li {
		line-height: 2.5;
		}
 }


/* -------------- EasyBlog fixes -------------- */

#eb .eb-brand-name {
	font-size: 2.2rem;
	line-height: 1.2;
}
#eb a.text-inherit {
	color: var(--orange);
}
#eb .eb-modules-wrap {
	margin-bottom: 20px;
}
#eb .btn-default {
	color: var(--orange) !important;
	border-color: var(--orange) !important;
}

/* -------------- JReviews fixes -------------- */

.jrListings .jrListingTitle a {
	font-weight: var(--bold);
}
.jrListingSummary {
	font-size: .9em;
	line-height: 1.4em;
}
#theatre-details,
#book-details,
#film-details {
	margin-bottom: 20px;
	padding: 0;
}
#theatre-details li,
#book-details li,
#film-details li {
	list-style-type: none;
	font-size: .8em;
}
#theatre-details li:nth-child(3) {
	margin-top: 20px;
}
.jrListingFulltext {
	margin-top: 40px;
}
#ratings-stars td:first-child {
	font-size: .8em;
	text-transform: uppercase;
	width: 100px;
	font-weight: var(--bold);
}
#ratings-stars td img {
	vertical-align: initial;
}

/* Hide pagination counts because Jreview markup is broken */
span.jrPagenavResultsText {
	display: none;
}

/* Latest Modules */
.jrStyles_feature {
	margin-bottom: 30px;
}
.jrStyles_feature .jrModuleItemTitle {
	font-weight: var(--bold);
	font-size: 1.6rem;
	margin-bottom: 15px;
}
.jrModuleItemTitle {
	font-weight: var(--bold);
}
.jrModuleFieldValue {
	font-size: 80%
}
.jrModuleItems .jrModuleItemInfo  {
	font-size: 90%
}
.jrModuleItemTitle {
	line-height: 120%;
}

/*  -------------- Mosets Tree fixes -------------- */

.mt-page-listing .mt-ld-field {
	width: 100%;
}
.listing-share .fa {
	/* font-family: "Font Awesome 5 Free"; */
	font: var(--fa-font-solid);
}


/* -------------- Falstaff Awards  -------------- */

.awards-image {
	margin-top: 30px;
}

/* -------------- Google Tables -------------- */

.google-visualization-table,
.google-visualization-table table {
	width: 100%;
}

/* -------------- One-off Overrides -------------- */

#home h1 {
	font-size: 12px;
	margin: 0;
}



/* -------------- Mobile Menu -------------- */

#mobilemenu {
	display: none;
}
	
@media (max-width: 767px) {
 	#mobilemenu {
		position:absolute;
		left: 0;
		display: block;
		z-index: var(--mobilemenu);
	}
	#mobilemenu button {
		margin-top: 20px;
		margin-left: 15px;
		color: #fff;
	}
	#mobilemenu i.fas.fa-bars {
		color: var(--white);
	}
	#mobilemenu #navbarToggleExternalContent {
		position: absolute;
		top: 65px;
		min-width: 300px;
		border-right: 1px solid var(--black);
		-webkit-box-shadow: 36px 13px 66px -24px rgba(0,0,0,0.56);
		-moz-box-shadow: 36px 13px 66px -24px rgba(0,0,0,0.56);
		box-shadow: 36px 13px 66px -24px rgba(0,0,0,0.56);
	}
	#mobilemenu #navbarToggleExternalContent.show { }
	#mobilemenu .contents {
		background-color: var(--white);
	}
	#mobilemenu .contents ul.nav {
		display: block;
	}
	#mobilemenu ul.nav li {
		font-size: 16px;
		list-style-type: none;
		line-height: 30px;
	}
	#mobilemenu ul.nav li a
	{
		text-decoration: none;
	}
	#mobilemenu ul,
	#mobilemenu li.deeper.parent ul {
		padding-left: 20px;
	}
	#mobilemenu li.deeper.parent > a {
		font-weight: var(--bold);
	}
	#mobilemenu ul.nav.menu > li:last-child {
		margin-bottom: 40px;
	}
	#mobilemenu ul.mod-menu__sub > li.deeper.parent,
	#mobilemenu ul.mod-menu.mod-list > li.deeper.parent {
		border-top: 1px solid var(--grey-light);
		padding-top: 5px;
		margin-top: 5px;
	}
	#mobilemenu ul li span.mod-menu__separator.separator {	
		height: 0;
		margin: var(--bs-dropdown-divider-margin-y) 0;
		overflow: hidden;
		border-top: 1px solid var(--bs-dropdown-divider-bg);
		opacity: 1;
		display: none;
	}
		
}



/* -------------- Mobile Device Media Queries -------------- */

.navbar-toggler {
	font-size: 1.5rem;
}

@media only screen and (max-width: 480px) {
	.jrListingDetail .jrListingMainImage {
		float: none !important;
	}
	.mainbody {
		padding: 1rem !important;
	}
	a[href] {
		word-wrap: break-word;
	}
}

@media only screen and (max-width: 767px) {
	.headermenu {
		display: none !important;
	}

}

@media (max-width: 575.98px) {
	
	.container-main {
		flex-wrap: wrap;
	}
	.container-sidebar-left {
		display: none;
	}
	.container-sidebar-right {
		
	}


}


@media (min-width: 768px) and (max-width: 991.98px) { 




 }



/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {

}

/* Native dark mode - Add customizations here for dark mode if browser supports it */
@media(prefers-color-scheme:dark){ }