/*
blue:00456d
gold:202020
*/

/* --------------------------------------
Reset 
-------------------------------------- */

h1, h2, h3, h4, ul, li, p { font-weight: normal; padding: 0; margin: 0; list-style: none; }

img { display: block; }

a {
	text-decoration: none;
}

/* --------------------------------------
Content 
-------------------------------------- */

article h1,
article h2,
article h3,
article h4 {
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	color: #202020;
}

article p {
	font-size: 16px;
	line-height: 22px;
}

article h1:not(:last-child),
article h2:not(:last-child),
article h3:not(:last-child),
article h4:not(:last-child),
article p:not(:last-child),
article blockquote:not(:last-child),
article ul:not([class]):not(:last-child),
article ol:not([class]):not(:last-child)  {
	margin-bottom: 15px;
}

article ul:not([class]),
article ol:not([class]) {
	font-size: 16px;
	line-height: 22px;
	margin-left: 30px;
}
	article ul:not([class]) li,
	article ol:not([class]) li {
		list-style: square;
	}
	article ul:not([class]) li:not(:last-child),
	article ol:not([class]) li:not(:last-child) {
		margin-bottom: 4px;
	}

article a {
	color: #dd4400;
	font-weight: bold;
}
	article a:hover {
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}

article > img {
	display: block;
	max-width: 100%;
	margin-bottom: 20px;
}

article h2:not(:first-child) { margin-top: 30px; padding-top: 30px; border-top: 1px solid #555555; }

article .button { padding: 10px 20px; background: #dd4400; color: #ffffff; display: inline-block; border-radius: 5px; }

/* Press */

article.press-release { padding: 25px; background: #f0eadd; max-width: 800px; position: relative; }
article.press-release img { width: 50%; margin: 0 0 20px 20px; height: auto; float: right; }
article.press-release h2:not(:first-child) { border-top: none; margin-top: 0px; padding-top: 0px; }
article.press-release:before { position: absolute; top: 0px; right: 20px; background: #6e695f; content:'PRESS RELEASE'; color: #ffffff; font-size: 14px; padding: 10px 20px; border-radius: 0 0 10px 10px;  }
article.press-release .press-release-video { width: 100%; padding-bottom: 50%; position: relative; }
article.press-release .press-release-video iframe { position: absolute; width: 100%; height: 100%; }
article.press-release blockquote { background: #6e695f; }
article.press-release::after { content: ""; clear: both; display: table; }

.columns.press-release { padding: 25px; background: #f0eadd;  }
.columns.press-release blockquote { background: #6e695f; }
.columns.press-release .button { background: #6e695f; }


/* Other article elements */

ul.grid-2, ul.grid-3, ul.grid-4, ul.grid-5, ul.grid-6 { display: grid; grid-gap: 20px; margin-bottom: 20px; }
ul.grid-2 { grid-template-columns: repeat(2, 1fr); }
ul.grid-3 { grid-template-columns: repeat(3, 1fr); }
ul.grid-4 { grid-template-columns: repeat(4, 1fr); }
ul.grid-5 { grid-template-columns: repeat(5, 1fr); }
ul.grid-6 { grid-template-columns: repeat(6, 1fr); }

ul.grid-2 li img, ul.grid-3 li img, ul.grid-4 li img, ul.grid-5 li img, ul.grid-6 li img { display: block; width: 100%; aspect-ratio: 6 / 4; object-fit: cover; }


blockquote { min-height:80px; padding: 20px 20px 20px 140px; background:#555555; font-size: 18px; line-height: 26px; color: #ffffff; position: relative; margin: 0; border-radius: 5px; }
blockquote:before { color: #fff; content:"\201C"; font-size: 260px; font-weight:bold; top:120px; left:15px; position:absolute; font-style: normal; }
blockquote em { font-size:14px; font-weight: bold; color:rgba(255,255,255,0.5); display:block; line-height:normal; margin-top: 6px;}
	
	@media screen and (max-width:700px){
		blockquote { min-height:0; padding:15px 15px 15px 15px ;font-size:18px; line-height:24px; position:static; }
		blockquote:before { display:none;}
		blockquote em { font-size:12px; }
	}

.left-image { display: grid; grid-template-columns: 250px auto; grid-gap: 20px; margin-top: 30px; }
.left-image:not(:last-child) { margin-bottom: 30px; }
.left-image + article.left-image { border-top: 1px solid #cccccc; padding-top: 30px; }
.left-image img { width: 100%; display: block; aspect-ratio: 6 / 4; object-fit: cover; margin-bottom: 0px; }

















.next-previous { display: flex;
    font-size: 14px;
    top: 15px;
    position: sticky;
    background: #f5f5f5;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #222222;
    z-index: 999;
    margin-bottom: 30px; }
.next-previous:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #f5f5f5;
}
.next-previous a { color:#dd4400; display: flex; align-items: center; }
.next-previous .previous { margin-right: auto; }
.next-previous .next { margin-left: auto; }
.next-previous .previous a:before,
.next-previous .next a:after  {
	background: #dd4400;
	color: #ffffff;
	width: 24px;
	height: 24px;
	padding: 3px;
	display: flex;
	border-radius: 30px;
}
.next-previous .previous a:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M13.939 4.939 6.879 12l7.06 7.061 2.122-2.122L11.121 12l4.94-4.939z"></path></svg>');
	margin-right: 6px;
}
.next-previous .next a:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="white" d="M10.061 19.061 17.121 12l-7.06-7.061-2.122 2.122L12.879 12l-4.94 4.939z"></path></svg>');
	margin-left: 6px;
}

.dalek-svg-wrapper { background: #ffffff; padding: 20px; margin: 20px 0; }
.dalek-svg { width: 100%; background: #ffffff; }

	@media screen and (max-width:700px){
		.dalek-svg-wrapper { background: #ffffff; padding: 15px; }
	}