/* Colour schemes */

.bswBt { background-color: #5514b4; color: #fff; }

/* 2021 */
.bswBath { background-color: #192654; color: #fff; }
.bswManc { background-color: #6e00a6; color: #fff; }
.bswWSC { background-color: #cd4940; color: #fff; }
.bswImp { background-color: #131d45; color: #fff; }
.bswUoS { background-color: #ffc008; color: #000; }
.bswMuhdo { background-color: #5c8fc4; color: #fff; }

/* 2022 */
/* Reuse bswUoS (Uni of Suffolk) from 2021 */
.bswOU { background-color: #1e4b9b; color: #fff; }
.bswRR { background-color: #0f059e; color: #fff; }
.bswUoC { background-color: #e5007d; color: #fff; }
.bswUoE { background-color: #000000; color: #fff; }

/* 2023 */
.bswN2S { background-color: #515151; color: #fff; }
.bswUrbanXR { background-color: #000; color: #fff; }
.bswNationwide { background-color: #002979; color: #fff; }
.bswRedHat { background-color: #e00; color: #fff; }
.bswRedHatText { color: #e00; }
/* Reuse bswUoC (Uni of Cambridge) from 2022 */
.bswUoCText { color: #e5007d; }
/* ALSO NEED TO DEFINE CHAT BUBBLES BELOW */

/* Headings in bold */

div.aaH1 {
	font-weight: 600;
}

/* Heading lozenge */

div.bswHeading,h2.bswHeading {
	font-size: 1.2rem; font-weight: bold; display: inline-block; margin: 24px 0px; padding: 2px 12px; border-radius: 16px;
}

/* Speech section */

div.speechProfile {
	width: 100%; display: inline-block; border-radius: 50%; padding: 8px; box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2); background: #fff;
}
div.speechProfile img {
	border-radius: 50%; width: 100%;
}
div.speechBubble {
	margin-left: 57px; /* 25px (size of arrow) + 32px (gap) */
	position: relative;
	display: inline-block;
	padding: 40px;
	background-color: #f2f2f2;
	border-radius: 40px;
	font-size: 1.4rem;
	box-sizing: border-box;
}
div.speechBubble::after {
	content: " ";
	position: absolute;
	top: 36px;
	left: -50px;
	border-width: 25px;
	border-style: solid;
	border-color: transparent #f2f2f2 transparent transparent;
}
@media (max-width:600px) {
	div.speechProfile {
		padding: 6px;
	}
	div.speechBubble {
		margin-left: 36px; /* 20px (size of arrow) + 16px (gap) */
		padding: 16px;
		border-radius: 20px;
		font-size: 1.2rem;
	}
	div.speechBubble::after {
		top: 26px;
		left: -40px;
		border-width: 20px;
	}
}

/* Question and answer chat section */

div.bswChat {
	padding-bottom: 40px;
}
div.chatProfile img {
	border-radius: 50%; width: 100%;
}
div.chatBubble {
	position: relative;
	display: inline-block;
	padding: 34px 40px;
	border-radius: 40px;
	font-size: 1.2rem;
	line-height: 1.2;
	box-sizing: border-box;
}
div.questionContainer {
	text-align: right;
}
div.chatBubble.question {
	margin-left: 120px;
	margin-right: 57px; /* 25px (size of arrow) + 32px (gap) */
	text-align: left;
}
div.chatBubble.answer {
	background-color: #f2f2f2;
	margin-left: 57px; /* 25px (size of arrow) + 32px (gap) */
	margin-right: 120px;
}
div.chatBubble div {
	padding-top: 6px; padding-bottom: 6px;
}
div.chatBubble::after {
	content: " ";
	position: absolute;
	top: 36px;
	border-width: 25px;
	border-style: solid;
	border-color: transparent #f2f2f2 transparent transparent;
}
div.chatBubble.question::after {
	right: -49px;
}
div.chatBubble.answer::after {
	left: -49px;
}
div.chatBubble.bswBt::after {
	border-color: transparent transparent transparent #5514b4;
}
div.chatBubble.bswBath::after {
	border-color: transparent transparent transparent #192654;
}
div.chatBubble.bswManc::after {
	border-color: transparent transparent transparent #6e00a6;
}
div.chatBubble.bswWSC::after {
	border-color: transparent transparent transparent #cd4940;
}
div.chatBubble.bswImp::after {
	border-color: transparent transparent transparent #131d45;
}
div.chatBubble.bswUoS::after {
	border-color: transparent transparent transparent #ffc008;
}
div.chatBubble.bswMuhdo::after {
	border-color: transparent transparent transparent #5c8fc4;
}

/* 2022 */
div.chatBubble.bswOU::after {
	border-color: transparent transparent transparent #1e4b9b;
}
div.chatBubble.bswRR::after {
	border-color: transparent transparent transparent #0f059e;
}
div.chatBubble.bswUoC::after {
	border-color: transparent transparent transparent #e5007d;
}
div.chatBubble.bswUoE::after {
	border-color: transparent transparent transparent #000000;
}

/* 2023 */
div.chatBubble.bswN2S::after {
	border-color: transparent transparent transparent #515151;
}
div.chatBubble.bswUrbanXR::after {
	border-color: transparent transparent transparent #000;
}
div.chatBubble.bswNationwide::after {
	border-color: transparent transparent transparent #002979;
}
div.chatBubble.bswRedHat::after {
	border-color: transparent transparent transparent #e00;
}

@media (max-width:600px) {
	div.chatBubble {
		padding: 16px;
		border-radius: 20px;
		font-size: 1.2rem;
	}
	div.chatBubble::after {
		top: 26px;
		border-width: 20px;
	}
	div.chatBubble.question {
		margin-right: 36px; /* 20px (size of arrow) + 16px (gap) */
		margin-left: 60px;
	}
	div.chatBubble.question::after {
		right: -39px;
	}
	div.chatBubble.answer {
		margin-left: 36px; /* 20px (size of arrow) + 16px (gap) */
		margin-right: 60px;
	}
	div.chatBubble.answer::after {
		left: -39px;
	}
}

/* Profile section */

table.bswProfile {
	border-collapse: collapse;
}
table.bswProfile td {
	padding: 0px;
}
table.bswProfile tr.imageMobile {
	display: none;
}
table.bswProfile td.text {
	width: 45%; padding: 30px;
}
table.bswProfile td.text div.aaP {
	line-height: 1.4;
}
table.bswProfile td.imageDesktop {
	width: 55%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
@media (max-width:900px) {
	table.bswProfile tr.imageMobile {
		display: table-row;
	}
	table.bswProfile td.text {
		width: 100%;
	}
	table.bswProfile td.imageDesktop {
		display: none;
	}
}

/* Divider */

div.bswDivider {
	border-bottom: 3px solid #f0f0f0; text-align: center; margin-bottom: 20px;
}
@media (max-width:600px) {
	div.bswDivider {
		border-bottom: 0px;
	}
}
div.bswDivider div.bswDividerText {
	position: relative; top: 16px; padding: 0px 8px; background-color: #fff; display: inline; color: #5514b4; font-size: 1.5rem; font-weight: bold;
}

/* Action button */

a.bswButton {
	display: inline-block; text-decoration: none; padding: 20px 120px; font-size: 1.5rem; border-radius: 20px; font-weight: bold; margin: 0px auto;
}
@media (max-width:800px) {
	a.bswButton {
		padding: 20px 40px;
	}
}

/* Landing page - day overview section */

div.aaNewsItem div.bswDayText {
	height: 175	px;
	line-height: 1.2;
}
div.aaNewsItem div.bswDayText div {
	padding-bottom: 6pt;
}
div.aaNewsItem div.bswDay {
	background-color: #dbdbdb;
}
div.aaNewsItem img.bswDayHeader {
	width: 100%;
}
div.aaNewsItem div.bswSupportOuter {
	overflow: hidden
}
div.aaNewsItem div.bswSupportInner {
	display: inline-block; border-top: 1px solid #999; padding: 6px 2px; white-space: nowrap;
}
div.aaNewsItem div.bswSupportInner img {
	height: 40px;
	padding-left: 4px;
	padding-right: 4px;
}

div.aaNewsItem div.newsButton.bswDay {
	padding-top: 0px !important;
}

/* Landing page - Stemtastic Q&A session link section */

table.bswStemtastic {
	width: 100%;
	border-collapse: collapse;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
table.bswStemtastic td {
	padding: 0px;
}
table.bswStemtastic tr.imageMobile {
	display: none;
}
table.bswStemtastic tr.imageMobile img {
	padding-top: 20px;
}
table.bswStemtastic td.text {
	width: 50%; padding: 150px 40px;
}
table.bswStemtastic td.imageDesktop {
	width: 50%;
}
table.bswStemtastic td.imageDesktop img {
	max-width: 100%;
	padding: 10%;
}
table.bswStemtastic a {
	font-size: 1.2rem;
}
table.bswStemtastic a:hover {
	/*background: #5514b4;*/
}
@media (max-width:800px) {
	table.bswStemtastic tr.imageMobile {
		display: table-row;
	}
	table.bswStemtastic td.text {
		width: 100%;
		padding: 40px;
	}
	table.bswStemtastic td.imageDesktop {
		display: none;
	}
}

/* Kit list */

table.bswStemtastic {
	background-position: 82% 0%;
}
table.bswKitList td.text {
	width: 50%; padding: 80px 40px;
}
table.bswKitList a {
	background: #5514b4;
	color: #fff;
}
@media (max-width:800px) {
	table.bswStemtastic td.text {
		width: 100%;
		padding: 40px;
	}
}


/* Landing page - supporting organisation logos section */

/* 2021 + 2022 */
div.bswOrgLogo {
	margin: 12px; height: 152px; box-shadow: 0px 0px 8px #ccc;
}
div.bswOrgLogo img {
	margin-top: 30px;
	max-height: 60%;
	max-width: 80%;
}

/* 2023 */
div.bswLogoBox {
	margin: 12px; padding: 24px; height: 152px; box-shadow: 0px 0px 8px #ccc;
}
div.bswLogoBox div {
	background-repeat: no-repeat; background-size: contain; height: 100%; background-position: center center
}


/* Related STEM content */

div.aaNewsItem div.bswRelatedText {
	height: 300px;
}

/* Activity pack */

div.packBackground {
	background: no-repeat center center;
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: cover;
}
div.packArrowContainer {
	padding-bottom: 20px;
}
img.packArrow {
	max-width: 20%;
}
a.packButton {
	background-color: #5500b7;
	color: white;
	font-size: 1.5rem;
}
a.packButton23 {
	background-color: #f000d8;
	color: white;
	font-size: 1.5rem;
}