/* NOTES
** ALL CSS HAS BEEN WRITTEN WITH MOBILE FIRST APPROACH IN MIND 
*/

/* MYFONTS EMBED FOR BASIC SANS */

@import url("//hello.myfonts.net/count/3e67f0");
  
@font-face {
  font-family: "BasicSans";
  src: url('../fonts/BasicSansRegular/font.woff2') format('woff2'), url('../fonts/BasicSansRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BasicSans";
  src: url('../fonts/BasicSansRegularIt/font.woff2') format('woff2'), url('../fonts/BasicSansRegularIt/font.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "BasicSans";
  src: url('../fonts/BasicSansBold/font.woff2') format('woff2'), url('../fonts/BasicSansBold/font.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/* font face for Dyslexic font ------------------------------------------------------------ */

@font-face {
	font-family: 'OpenDyslexic';
	src: url('../fonts/opendyslexic-regular-webfont.eot');
	src: url("../fonts/opendyslexic-regular-webfont.eot?#iefix") format("embedded-opentype"),
	 url('../fonts/opendyslexic-regular-webfont.woff') format('woff'), 
     url('../fonts/opendyslexic-regular-webfont.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
}


/* GENERAL STYLES */

	body { font-family: BasicSans, arial, helvetica, sans-serif; font-size: 1.1rem; color: #002e6d; }
	em, i { font-style: italic; }
	strong, a { font-weight: bold; }
	a { color: #062f6e ; }
	


	.container a { font-weight: normal !important;  }
	
	/* this hides front end editing duplicate buttons */
	div[role="tablist"]:nth-of-type(2) { display: none !important; }
	
	/* fixes old results images */
	.ecsa_results table img { height: 8px; }
	td.tophead img { height: 100%; }

/* BOOTSTRAP CUSTOMISATIONS / ADDITIONS */
/* BUTTONS */
	.btn { padding: .7rem 1.2rem; font-weight: bold; }
	.btn-lg { padding: .9rem 1.5rem; }
	.btn-sm { padding: .25rem .5rem; font-weight: normal; }
	.btn-yellow { background-color: #efc138; color: #0f2e6d; }
	.btn-yellow:hover, .btn-yellow:focus { background: #0f2e6d; color: #fff; }
	.btn-primary { background-color: #062f6e; border-color: #062f6e; color: white !important; }
	.btn-primary:hover, .btn-primary:focus { background-color: #091f4d; border-color: #091f4d; }
	.btn-secondary { background-color: #f0f4f6; border-color: #f0f4f6; color: #062f6e; }
	.btn-secondary:hover, .btn-secondary:focus { background-color: #eaeef3; border-color: #eaeef3; color: #062f6e; }
	.btn-alert { background: #fee796; border: 2px solid #fed027; color: #062f6e; }
	/* CARDS */
	.card { position: unset; background: #f6f7f8; border-color: #b7cade; }
	.card-body p { max-width: 100% !important; }
	.card-body ol, .card-body ul { max-width: 100% !important; }
	.card-body p:last-child { margin-bottom: 0; }
	.card-body h5 { color: #062f6e; text-transform: none !important; font-weight: bold !important; font-size: 1.3rem !important; margin: 0 0 0.4rem 0 !important; }
	.card-header { color: #062f6e; background-color: #e0e7f0; border-bottom: 1px solid #b7cade; }
	/* TABLES */
	.table { font-family: Roboto, "Segoe UI", BasicSans, sans-serif; font-size: 0.9rem; -table-bg:transparent; -table-striped-color:#062f6e; -table-striped-bg:#eef3f6 !important; -table-active-color:#062f6e; -table-active-bg:#dee8ed; -table-hover-color:#062f6e; -table-hover-bg:#dee8ed; margin-bottom:1.4rem; color:#062f6e; border-color:#bfd1e3; }
	.table-primary { --table-bg: #062f6e; --table-striped-bg: #c5d7f2; --table-striped-color: #000; --table-active-bg: #bacbe6; --table-active-color: #000; --table-hover-bg: #bfd1ec; --table-hover-color: #000; color: #fff; border-color: #062f6e; }
	table td p:last-child { margin-bottom: 0; }


/* HEADER */
	.header-bottom { padding: 1rem 0; }
	.header-bottom .row>:last-child { display: flex; align-items: center; justify-content: flex-end; }

	.header-top { background: #FF0000; padding: 0.5rem 0 0 0; } 
	.header-top .middle, .header-top .right { display: none; }
	.header-top .left .btn-alert { margin-bottom: 0.5rem; }
	.header-top .finder {  }
	.header-top .finder label { display: none; }
	.header-top .finder .btn { display: none; }
	.header-top .finder .form-search { background: #c4d3e2; margin: 0 0 0.5rem 0; }
	.header-top .finder .search-query { width: 100%; background: transparent; border: 0 none; color: #062f6e; padding: 0.3rem 0.5rem; font-size: 0.9rem; } 
	.header-top .finder .search-query::placeholder { opacity: 1; color: #062f6e; }

	.header-top .nav li { margin: 0 0.5rem; }
	.header-top .nav li a { text-decoration: none; font-weight: normal; font-size: 0.9rem; border-bottom: 2px solid transparent;  color: #062f6e ; }
	.header-top .nav li.current a { border-bottom-color: #f4cc5a; }
	
	.mod-list li { padding: 0 !important; }
	.container-header .mod-menu>li+li { margin-left: 0 !important; color: #062f6e ;  }
	.container-header .mod-menu .parent>ul { display: contents !important; }
}

/* MENU (FOR LARGER SCREENS — 1025px AND UP) */
	#dj-megamenu145 { margin: 0; padding: 0; }
	#dj-megamenu145 li.dj-up { display: inline-block; margin: 0 1rem; }
	#dj-megamenu145 a.dj-up_a { font-size: 1.4rem; border-bottom: 4px solid transparent; text-decoration: none; padding: 0.3rem 0;   }
	#dj-megamenu145 a.dj-up_a:hover, #dj-megamenu145 li.dj-up.hover a.dj-up_a, #dj-megamenu145 a.dj-up_a.active { border-bottom-color: #f4cc5a; color: #062f6e;   }
	.dj-mobile-open-btnxxx { padding: 10px; margin-right: -10px; display: flex; flex-direction: row-reverse; text-decoration: none; }
	.dj-mobile-open-btn { width: 40px; height: 24px; display: inline-block; margin: 0 0 0 10px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTUuOSA5LjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE1LjkgOS40OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzAwMkU2RDt9Cjwvc3R5bGU+CjxyZWN0IHg9IjAiIHk9IjguMSIgY2xhc3M9InN0MCIgd2lkdGg9IjE1LjkiIGhlaWdodD0iMS4yIi8+CjxyZWN0IHg9IjAiIHk9IjAuMSIgY2xhc3M9InN0MCIgd2lkdGg9IjE1LjkiIGhlaWdodD0iMS4yIi8+CjxyZWN0IHg9IjAiIHk9IjQuMSIgY2xhc3M9InN0MCIgd2lkdGg9IjE1LjkiIGhlaWdodD0iMS4yIi8+Cjwvc3ZnPgo=") 0 0 no-repeat; }
	.dj-mobile-open-btn .dj-mobile-open-btn-lbl { text-transform: uppercase; font-weight: normal; font-size: 1rem; color: #4c80b3; opacity: 0.8; }

	/* LEVEL 2 MENU */
	#dj-megamenu145 .dj-submenu { padding: 0; list-style: none; color: White !important; /*box-shadow: 0 10px 11px -2px rgb(0 0 0 / 20%);*/ }
	#dj-megamenu145 .dj-submenu a { background: #ecf0f5; display: block; padding: 0.6rem 0.7rem; text-decoration: none; font-size: 1rem; border-bottom: 2px solid #062f6e;  }
	#dj-megamenu145 .dj-submenu li.active > a, #dj-megamenu145 .dj-submenu li.hover > a { color: #fff; background-image: linear-gradient(to right, #193667, #006a99); border-bottom-color: #f4cc5a; color: White !important;}
	#dj-megamenu145 li.hover div.dj-subwrap, .dj-megamenu li.hover div.dj-subwrap li.hover > div.dj-subwrap, .dj-megamenu li.hover div.dj-subwrap li:hover > div.dj-subwrap { position: absolute; padding-top: 6px; z-index:9999; }

	/* LEVEL 3 MENU */
	#dj-megamenu145 li.hover div.dj-subwrap div.dj-subwrap { left: 260px; padding-top: 0; margin: -38px 0 0 0; position:relative; }
	#dj-megamenu145 li.hover div.dj-subwrap div.dj-subwrap a { background-image: linear-gradient(to right, #193667, #006a99); color: #fff; border-bottom-color: #fff;  }
	#dj-megamenu145 li.hover div.dj-subwrap div.dj-subwrap li.hover a { background: #efc138; color: #062f6e; }


/* MENU (FOR MOBILE @ 1024px AND DOWN) */
	.dj-offcanvas-content {  }
	.dj-offcanvas-modules { margin: 1rem 1.4rem; }
	.dj-mobile-nav { margin: 0; padding: 0; list-style: none;  }
	.dj-mobile-nav li.dj-mobileitem { display: block; }
	.dj-mobile-nav li.dj-mobileitem > a { padding: 0.7rem 0 0.8rem 0; margin: 0 1.4rem; border-bottom: 1px solid #c6d5e2; display: block; text-decoration: none; font-size: 1.2rem; }

	.dj-mobile-nav li.dj-mobileitem.active > a { color: #fff; background-image: linear-gradient(to right, #193667, #006a99); border-bottom: 2px solid #f4cc5a; margin: 0; padding: 0.7rem 0.8rem 0.8rem 1.4rem; }

	.dj-offcanvas-top { width: 30px; height: 30px; float: right; margin: 1rem 1.4rem; }
	.dj-offcanvas-close-btn { display: block; width: 26px; height: 26px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTAgOS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMCA5Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAyRTZEO308L3N0eWxlPjxyZWN0IHg9Ii0xLjIiIHk9IjQuMyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMi4wNDA2IDQuOTg3NCkiIGNsYXNzPSJzdDAiIHdpZHRoPSIxMi40IiBoZWlnaHQ9IjEuMiIvPjxyZWN0IHg9IjQuNSIgeT0iLTEuMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMi4wMzQxIDUuMDg1NykiIGNsYXNzPSJzdDAiIHdpZHRoPSIxLjIiIGhlaWdodD0iMTIuNCIvPjwvc3ZnPgo=") 0 0 no-repeat; }
	.dj-mobile-nav .toggler { /* display: block; background: blue; width: 20px; height: 20px; float: left; margin: 0 10px 0 0; */ float: left; margin: 8px 10px 0 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 11px solid #002e6d; }
	.dj-mobile-nav li.dj-mobileitem.active .toggler { border-left-color: #fff; transform: rotate(90deg); }

	/* LEVEL 2 */
	.dj-mobile-nav-child { display: none; padding: 0; list-style: none; }
	.dj-mobile-nav li.active > .dj-mobile-nav-child { display: block; padding: 0.6rem 1.2rem; border-bottom: 1px solid #c6d5e2; margin: 0 1.4rem; }
	.dj-mobile-nav li.active > .dj-mobile-nav-child li > a { border-bottom: 0 none; margin: 0.1rem; padding: 0.1rem; font-size: 1rem; font-weight: normal; }
	.dj-mobile-nav li.active > .dj-mobile-nav-child li.active > a { background: transparent; color: #062f6e; font-weight: bold; }

	/* LEVEL 3 */
	.dj-mobile-nav li.active > .dj-mobile-nav-child .dj-mobile-nav-child { padding: 0.1rem 0.6rem; margin: 0; }
	.dj-mobile-nav li.active > .dj-mobile-nav-child li.deeper .toggler { display: none; }


	/* MINI MENU AT BOTTOM OF MOBILE MENU */
	.dj-offcanvas-modules { }
	.dj-offcanvas-modules .nav li { display: block; width: 100%; }
	.dj-offcanvas-modules .nav li a { display: block; padding: 0.4rem 0; font-size: 0.9rem; text-decoration: none; color: #4c80b3; }
	/* Hide skip to content menu item on mobile devices 
	.dj-offcanvas-modules li.item-463 { display: none; }*/

/* FEATURE BANNER */
	.feature-banner { text-align: center; color: #fff; padding: 1.2rem 0 0.6rem 0; background: #236ca3; background: linear-gradient(119deg, rgba(70,184,171,1) 20%, rgba(97,154,213,1) 100%);;/* background-image: url(/images/template/WebFeatureBanner5.png),url(/images/template/WebFeatureBanner5.png); background-position: 20% 100%, 0% 0%; background-size: contain, auto 70%; background-repeat: no-repeat, no-repeat;*/ }

	.feature-banner .row > * { display: flex; flex-direction: column; justify-content: center; }
	.feature-banner h1 { font-size: 1.3rem; font-weight: bold; }
	.feature-banner h1 span { font-size: 0.9rem; letter-spacing: 3px; }
	.feature-banner h2 { font-size: 2rem; font-weight: bold; margin: 0.6rem 0;}
	.feature-banner p { font-size: 1rem; }

/* PHILS BANNER */
	.phil-banner .custom {background-size: cover; background-repeat:  no-repeat; background-position: center center;}


/* FOUR COL FEATURE */
	.four-col-feature { border-bottom: 2px solid #c4d3e2; padding: 2.5rem 0 1.5rem 0; }


/* TWO COL FEATURE */
	.two-col-feature { border-bottom: 2px solid #c4d3e2; padding: 2.5rem 0 1.5rem 0; }
	.two-col-feature .custom h2 { font-size: 1.1rem; text-transform: none; margin: 1.8rem 0 1.3rem 0; }
	.two-col-feature .custom h3 { font-size: 2rem; font-weight: bold; margin: 0 0 1.3rem 0; }

/* GENERAL STYLES FOR HOMEPAGE MODULES */
	.module .btn { padding: ; }


/* RESEARCH MODULE */
	.module.research { padding: 2rem 0; border-bottom: 2px solid #c4d3e2; }
	.module.research h2 { font-size: 1.1rem; text-transform: none; margin: 0 0 1.3rem 0; }
	.module.research h3 { font-size: 2rem; font-weight: bold; margin: 0 0 1.3rem 0; }


/* ELECTIONS MODULE */
	.module.elections { padding: 2rem 0; border-bottom: 2px solid #c4d3e2; }
	.module.elections h2 { font-size: 1.1rem; text-transform: none; margin: 0 0 1.3rem 0; }
	.module.elections h3 { font-size: 2rem; font-weight: bold; margin: 0 0 1.3rem 0; }


/* NEWS MODULE */
	.module.news { padding: 2rem 0; }
 	.module.news h2 { font-size: 2rem; font-weight: bold; margin: 0 0 1.5rem 0; }
	.module.news h3 { font-size: 1rem; text-transform: none; margin: 0 0 0.3rem 0; }
	.module.news h4 { font-size: 1.4rem; font-weight: bold; }
	.module.news hr { background-color: #efc138; height: 2px; opacity: 0.35; }
	.module.news p a { color: #4c80b3; text-decoration: none; }

	/* SOCIAL MEDIA SECTION (INSIDE OF NEWS MODULE) */
	.module .social-media { background: url(/images/template/yellow-squares.svg) 20% 100% no-repeat; text-align: center; background-size: 80%; display: flex; align-items: center; margin: 2rem 0; }
	.module .social-media h3 { font-size: 2rem; text-transform: none; font-weight: bold; color: #1a77ac; line-height: 1.4; padding: 0 2rem; margin: 0 0 2rem 0; }
	.module .social-media .social-icon img { margin: 0 0.5rem; }


/* BREADCRUMBS */
	.breadcrumbs { color: #062f6e; background: #f6f7f8; padding: 0.55rem 0.8rem; font-size: 0.9rem; margin: 0 0 1rem 0; }
	.breadcrumbs ul { margin: 0; }
	.breadcrumbs a { color: #062f6e; text-decoration: none; font-weight: normal; }
	.breadcrumbs li.active { font-weight: bold; }
	.breadcrumbs .divider { color: #062f6e; padding: 0 0.4rem 0 0.2rem; }
	.breadcrumbs .icon-location { display: none; }


/* SUB PAGES */
    .item-page { padding: 0 0.8rem; margin: 0 0 3.2rem 0;  }
    .page-header h1, .componentheading, .finder h1 { font-weight: bold; font-size: 2rem; }
    .sidebar { margin-bottom: 3.2rem; }
    .content-left hr { background-color: #ecf0f6; opacity: 1; margin: 1.5rem 0; height: 2px; }
    hr.thick { height: 5px; }
    hr.small { width: 150px; }
    hr.blue { background-color: #002e6d; }
    hr.yellow { background-color: #f4cc5a; }

/* Phil added extra "not" on a: */
	.content-left a:not([href*='readspeaker'],.btn) { transition: all 0.22s ease; border-bottom: 2px solid #0a58ca; color: #0a58ca; text-decoration: none; }
	.content-left a:not([href*='readspeaker'],.btn):hover { color: #fff; background-color: #0a58ca; }
	.content-left a:not([href*='readspeaker'],.btn,.ecsa-research a):hover::after { /* filter:invert(1) hue-rotate(180deg); */ }

	.content-left a.no-underline { border-bottom: 0 none; }
	.content-left [itemprop=articleBody] .ecsa-research a[href*="edocman"].no-underline:after { display: none; }

	.content-left a.btn { border-bottom: 0 none; }

	.content-left h2 { font-size: 1.8rem; font-weight: bold; margin: 2.2rem 0 0.rem 0; }
	.content-left h3 { font-size: 1.6rem; font-weight: bold; border-bottom: 5px solid #ecf0f6; margin: 1.6rem 0 0.9rem 0; /* max-width: 46rem; */ }
	.content-left h3.no-underline { border-bottom: 0 none; }
	.content-left h4 { font-size: 1.3rem; font-weight: bold; margin: 0 0 0.9rem 0; }
	.content-left h5 { font-size: 1.1rem; font-weight: bold; text-transform: none; margin: 0 0 0.9rem 0; }
	.content-left h6 { font-size: 1.0rem; font-weight: bold; font-style: italic; margin: 0 0 0.9rem 0; }

	/* .content-left ol, .content-left ul { max-width: 60rem; } */

	.content-left details { padding: 6px 10px; border: 1px solid #c4d3e2; margin: 0 0 5px 0; border-radius: 5px; }
	.content-left details > details { background-color: #ecf0f5; }

	/* NO SIDEBAR PAGE TWEAKS */
	/* .content-left.no-sidebar p { max-width: 61rem; }
	.content-left.no-sidebar h2, .content-left.no-sidebar h3, .content-left.no-sidebar h4, .content-left.no-sidebar h5 { max-width: 61rem; } */


/* SEARCH RESULTS PAGE */
	.awesomplete>input {
		max-width: 200px !important;
		height: 30px;
		margin-bottom: 10px;
		background: transparent;
	}


	#finder-search { margin: 0 0 2rem 0; }
	#search-form .form-control { padding: 1.2rem 1.2rem; -height: 10px !important; }
	button.btn.btn-primary { height: 40px; padding: 5px 15px 7px 15px; }
	button.dj-mobile-open-btn.dj-fa-0 {     border: none; } /*menu on mobile */
	
	.search-results { list-style: none; padding: 0; }
	#search-results .search-pagination { margin-bottom: 2rem; }
	.pagination-list  { display: flex; flex-direction: row; list-style: none; padding: 0; margin: 1.5rem 0; }
	.pagination-list li a { padding: 10px 17px; border: 1px solid #e9edf4; margin: 0 4px 0 0; }
	.pagination-list li.disabled { display: none; }
	.pagination-list .pagenav .icon-first::before { content: "<<"; }
	.pagination-list .pagenav .icon-previous::before { content: "<"; }
	.pagination-list .pagenav .icon-next::before { content: ">" }
	.pagination-list .pagenav .icon-last::before { content: ">>"; }


/* SUB PAGE MENU STYLING (FOR ABOVE ARTICLE CONTENT) */
	.content-left .nav { flex-direction: column; margin: 0 0 2.2rem 0; } 
	.content-left .nav li a { color: #002e6d; transition: all 0.35s ease; border-bottom: 6px solid #e0e7f0; display: flex; padding: 0.7rem 1rem; font-weight: normal; text-decoration: none; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNS40IDQuMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNS40IDQuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMDJFNkQ7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjIsNC4zSDEuNmwxLjYtMS42SDBWMS42aDMuMkwxLjYsMGgxLjZsMi4yLDIuMkwzLjIsNC4zeiIvPgo8L2c+Cjwvc3ZnPgo=") 98% center no-repeat; background-size: 20px; } 
	.content-left .nav li a:hover { background-color: #e0e7f0; color: #002e6d; } 

	/* SUB PAGE SIDEBAR MENU (standard Joomla menu) */
	.sidebar ul { margin: 0 !important; padding: 0 !important;  }
	.sidebar .nav li { display: block; width: 100%; }
	.sidebar .nav li a { background: #ecf0f5; display: block; padding: 0.45rem 0.7rem; text-decoration: none; font-size: 0.9rem; border-bottom: 2px solid #062f6e; color: #062f6e ;  }
	.sidebar .nav li.current > a, .sidebar .nav li a:hover { color: #fff !important; background-image: linear-gradient(to right, #193667, #006a99); border-bottom-color: #f4cc5a; }

	/* LEVEL 2 */
	.sidebar .nav li.deeper a { background-color: #d5dce7; border-bottom: 0 none; }
	.sidebar .nav li.current.deeper > a { border-bottom: 2px solid #f4cc5a; }
	.sidebar .nav li .nav-child a { background-color: #d5dce7; padding: 0.15rem 1.2rem; font-weight: normal; }
	.sidebar .nav li .nav-child { border-bottom: 2px solid #062f6e; }
	.sidebar .nav li.current .nav-child a { color: #fff; background-image: linear-gradient(to right, #193667, #006a99); border-bottom-color: #fff; }
	.sidebar .nav li.current .nav-child a:hover { background: #efc138; color: #062f6e; }


/* SUB PAGE SIDEBAR MENU (djmegamenu) */
	/* NO LONGER USING DJMEGAMENU FOR SIDEBAR MENU, USING STANDARD JOOMLA MENU */
	/*
	.sidebar .verticalMenu { padding: 0; list-style: none; }
	.sidebar .verticalMenu a { background: #ecf0f5; display: block; padding: 0.45rem 0.65rem; text-decoration: none; font-size: 0.9rem; border-bottom: 2px solid #062f6e; }
	.sidebar .verticalMenu a .dj-drop { display: flex; flex-direction: row-reverse; justify-content: flex-end; }
	.sidebar .verticalMenu li.active > a, .sidebar .verticalMenu li.hover > a { color: #fff; background-image: linear-gradient(to right, #193667, #006a99); border-bottom-color: #f4cc5a; }
	*/

	/* LEVEL 2 */
	/*
	.sidebar .verticalMenu .dj-submenu { padding: 0; margin: 0; list-style: none; }
	.sidebar .verticalMenu .dj-subwrap-in, .sidebar .verticalMenu .dj-subcol { width: 100% !important; }
	.sidebar .verticalMenu .dj-submenu a { background-image: linear-gradient(to right, #193667, #006a99); color: #fff; border-bottom-color: #fff; }
	.sidebar .verticalMenu .dj-submenu li:hover a { background: #efc138; color: #062f6e; }
	.sidebar .dj-megamenu li.active .dj-subwrap { }

	.sidebar .verticalMenu a .arrow { height: 8px; margin: 7px 6px 0 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #002e6d; }
	.sidebar .verticalMenu li.active a .arrow, .sidebar .verticalMenu li.hover a .arrow { border-left-color: #fff; }
	.sidebar .verticalMenu li.hover a .arrow { transform: rotate(90deg); }
	*/


/* NEWS/BLOG PAGE */

	.blog .items-row { border: 2px solid #e7ecf4; padding: 2rem; margin: 0 0 2rem 0; }
	.blog .items-row h2 { margin-top: 0; } 
	.content-left .blog .items-row p:last-child { margin-bottom: 0; }

	/* RESEARCH PAGE */

	.ecsa-research p { margin: 0 0 0.35rem 0; font-size: 0.9rem; }
	.ecsa-research h4 { margin: 0 0 0.4rem 0; font-size: 1.05rem; line-height: 1.4; }
	.ecsa-research span.author { }
	.ecsa-research span.date { }
	.ecsa-researcha.edocmanxtdlink { }

/* FOOTER */

	footer { background: #002741 url('/images/template/footer.jpg') 0 bottom no-repeat; background-size: cover; color: #fff; padding: 1.8rem 1.6rem; border-top: 2.5rem solid #e9edf4; text-align: center; }
	footer a { color: #fff !important; text-decoration: none !important; border-bottom: 1px solid rgba(255,255,255,0.7) !important; }
	footer a:hover { color: #fff; }
	footer a.logo-link { border-bottom: 0 none !important; }
	footer a.social-icon { border-bottom: 0 none !important; }
	footer a.social-icon img { margin: 0 1rem 0 0 !important; }
	footer .footer-bottom .nav { align-items: center; justify-content: center; flex-direction: row; }
	footer .footer-bottom .nav li { padding: 0.5rem !important; }


/* SCROLL TO TOP */

#scrollToTop { border: 2px solid #ced2d9; }

/* READ ALOUD BUTTON */

.rsbtn { margin-bottom: 1.2rem !important; }


/* Phil Smith added this to create automatic "filetype" images after a link */

/* Outbound links ------------------------------------------------- */

	[itemprop=articleBody] a:not([href*='localhost']):not([href*='javascript']):not([href*='readspeaker']):not([href^='#']):not([href^='/']):not([href*="mailto"]):not([id]),
	[itemprop=articleBody] a[href^='http'][target="_blank"] /* August: why not replace the above (and similar below) selectors with this selector? All external links should open in a new tab, right? what about [href^="tel"] ? */
	 {/* position: relative; */ /*! margin: 0 calc(0.5rem + 14px) 0 0; *//*! margin: 0 calc(0.5rem + 18px) 0 0; */}
	[itemprop=articleBody] a:not([href*='localhost']):not([href*='javascript']):not([href*='readspeaker']):not([href^='#']):not([href^='/']):not([href*="mailto"]):not([id]):after,
	[itemprop=articleBody] a[href^='http'][target="_blank"]:not([href*="https://play."]):not([href*="https://apps."])::after {content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxOSAxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTkgMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNUVBNUYyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LDE5SDJjLTEuMSwwLTItMC45LTItMlYzYzAtMS4xLDAuOS0yLDItMmg3djJIMnYxNGgxNHYtN2gydjdDMTgsMTguMSwxNy4xLDE5LDE2LDE5eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTksN2gtMlYyaC01VjBoN1Y3eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi4zLDExLjNsMTEtMTFsMS40LDEuNGwtMTEsMTFMNi4zLDExLjN6Ii8+Cjwvc3ZnPgo=");width: 14px;width: 14px;/* transform: translateY(2px); *//*! position: absolute; */display: inline-block;/* opacity: 0.7; */margin-left: 0.5ex;/*! bottom: 0; */}

	/* .specialbtn adjustment */
	[itemprop=articleBody] a:not([href*='localhost']):not([href*='javascript']):not([href*='readspeaker']):not([href^='#']):not([href^='/']):not([href*="mailto"]):not([id]).specialbtn::after,
	[itemprop=articleBody] a[href^='http'][target="_blank"].specialbtn::after {left: calc(100% + 0.4rem);}

/* PDFs links ----------------------------------------------------- */

	[itemprop=articleBody] a[href*="edocman"] { /* position: relative;  margin: 0 1.6rem 0 0; */ }
	[itemprop=articleBody] p a[href*="edocman"] { /* white-space: nowrap; */ }
	[itemprop=articleBody] a[href*="edocman"]:after {
	content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojNUVBNUYyO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMEMwLjksMCwwLDAuOSwwLDJ2MTZjMCwxLjEsMC45LDIsMiwyaDEyYzEuMSwwLDItMC45LDItMlY2bC02LTZIMnogTTIsMmg3djVoNXYxMUgyVjJ6IE03LjgsNwoJYy0wLjYsMC0xLDAuNC0xLDFDNi43LDguNyw3LDkuOCw3LjYsMTAuOWMtMC4yLDAuNy0wLjUsMS40LTAuOCwyYy0xLDAuMy0yLDAuOC0yLjQsMS4zYy0wLjYsMC43LTAuMywxLjItMC4yLDEuNQoJQzQuNCwxNS45LDQuNiwxNiw0LjksMTZjMC4yLDAsMC4zLDAsMC41LTAuMWMwLjYtMC4yLDEuMy0xLjIsMS45LTIuNGMwLjYtMC4yLDEuMS0wLjMsMS43LTAuNGMwLjYsMC42LDEuMSwxLjEsMS42LDEuMgoJYzAuNiwwLjIsMS0wLjEsMS4zLTAuN2MwLjItMC41LDAuMS0wLjktMC4zLTEuMWMtMC41LTAuMy0xLjMtMC4zLTIuMi0wLjJjLTAuMy0wLjUtMC42LTEtMC45LTEuNUM4LjksOS42LDksOC42LDguOSw3LjkKCUM4LjcsNy40LDguNCw3LDcuOCw3eiIvPgo8L3N2Zz4K");
	width: 15px;
	/* position: absolute; */
	display: inline-block;
	transform: translateY(3px);margin-left:0.5ex;
	}

/* CUSTOM STYLING AND POSITIONING OF ICONS ON RESEARCH PAGE */
	[itemprop=articleBody] .ecsa-research a[href*="edocman"] { position: relative; }
	[itemprop=articleBody] .ecsa-research a[href*="edocman"]:after {
	width: 12px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: auto;
	right: calc(100% + 1ex);
	transform:translateY(1px);
	}

[itemprop="articleBody"] .ecsa-research a[href*="edocman"]:not(.no-underline)::after { top: 2px; width: 15px; }

/* XLS's links ---------------------------------------------------- */

	[itemprop=articleBody] a[href*="XLS"]:after {
	padding-left:0px;
	content: url("/images/icons/XLSLink.png");
	vertical-align: middle;
	}

/* ZIP's links ---------------------------------------------------- */

	[itemprop=articleBody] a[href*="ZIP"]:after {
	padding-left:0px;
	content: url("/images/icons/ZIPLink.png");
	vertical-align: middle;
	}

/* CSVs links ----------------------------------------------------- */

	[itemprop=articleBody] a[href*="CSV"]:after {
	padding-left:0px;
	content: url("/images/icons/CSVLink.png");
	vertical-align: middle;
	}

/* NULL (No image) ------------------------------------------------ */

	[itemprop=articleBody] a[href*=";NULL"]:after {
	padding-left:0px;
	content: url("/images/icons/Blank.png");
	vertical-align: middle;
	}


/* Mail links ----------------------------------------------------- */

	[itemprop=articleBody] a[href*="mailto"] { /* position: relative; margin: 0 1.6rem 0 0; */ }
	[itemprop=articleBody] p a[href*="mailto"]:after { white-space: nowrap; }
	[itemprop=articleBody] a[href*="mailto"]:after {
	content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMCAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMEE1OENBO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIsMEMxLDAsMC4xLDAuOCwwLDEuOEwxMCw4bDEwLTYuMmMtMC4xLTEtMS0xLjgtMi0xLjhIMnogTTAsMy44VjE0YzAsMS4xLDAuOSwyLDIsMmgxNmMxLjEsMCwyLTAuOSwyLTJWMy44CglsLTkuNSw1LjljLTAuMywwLjItMC43LDAuMi0xLjEsMEwwLDMuOHoiLz4KPC9zdmc+Cg==");
	/*width: 14px;
	position: absolute;
	display: inline-block;
	left: calc(100% + 0.4rem); 
	top: 0;
	opacity: 0.8;*/
	width: 14px;
	display: inline-block;
	margin-left: 0.5ex;
	}

/* News List Page -------------------------------------- */

/*
[itemprop=blogPost]  {
  background: #e0e7f0;
  max-width: 100%;
  text-indent: 2px;
  border-radius: 10px;
  color: #062f6e; 
  text-transform: none !important;  
  font-size: 1.3rem !important; 
  margin: 0 0 0.5rem 0 !important;
  padding: 10px;
  border-bottom: 1px solid #b7cade; 
}
*/
 

/* MEDIA QUERIES FOR MOBILE FIRST APPROACH */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 420px) { 
	.feature-banner { /*background-image: url(/images/template/banner-gradient-cubes.png),url(/images/template/banner-enrolment.jpg); background-position: 80% 0, 0% 0%; background-size: cover, cover; background-repeat: no-repeat, no-repeat; padding: 1rem 0; */ }
	.item-page { padding: 0 }
	/*.btn { margin: 1.25rem; } */
	.feature-one, .feature-two, .feature-three { border-bottom: 2px solid #c4d3e2; }
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .header-top .middle, .header-top .right { display: block; }
	.header-top { display: none;  } 
	.header-top .nav { justify-content: flex-end; }
	.feature-banner { }
	.breadcrumbs { padding: 0.75rem 0; margin: 0 0 1.5rem 0; }
    .three-col-feature { text-align: center; border-bottom: 2px solid #c4d3e2; }
  	.three-col-feature img.icon { display: block; margin: 0 auto; }
	.three-col-feature .feature .custom { border-bottom: 0 none; }
	.three-col-feature a { font-size: 1.1rem; font-weight: normal; align-items: center; display: flex; flex-direction: column; }
	.three-col-feature .feature, .three-col-feature .feature * { display: flex; justify-content: center; }
	.three-col-feature .feature * { width: 100%; }
	.module.research { padding: 2.5rem 2.5rem 1.5rem 2.5rem; }
	.module.elections { padding: 2.5rem 2.5rem 1.5rem 2.5rem; }
	.module.news { padding: 2.5rem; }
	footer { text-align: left; }
	.feature-one, .feature-two, .feature-three { border-bottom: none; }
}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.header-top { display: block;  } 
	.header-logo { height: 77px; width: auto; }
  	.header-top .nav li { margin: 0 0.9rem; }
	.feature-banner { padding: 5rem 0; }
 	.feature-banner h1 { font-size: 3rem; }
    .feature-banner h1 span { font-size: 1.6rem; }
  	.three-col-feature img.icon { height: 87px; }
  	.module .social-media { background-position: 30% 80%; }
	.module .social-media h3 { font-size: 2.2rem; }
	.module .social-media .social-icon img { width: 60px; height: 120px; }
  	footer { padding: 5rem 0 2.5rem 0; } 
	footer p { line-height: 1.4rem; }
	.footer-logo { height: 77px; width: auto; }
	.footer-bottom { padding-top: 1.5rem; }
  	[itemprop=articleBody] .ecsa-research a[href*="edocman"]:after { top: 0; right: 0; left: calc(100% + 0.4rem); }
    .content-left [itemprop=articleBody] .ecsa-research a[href*="edocman"].no-underline:after { display: inline-block; }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.header-bottom .row>:last-child { justify-content: flex-start; }
	.breadcrumbs { margin: 0 0 2rem 0; }
	.footer-logo { height: 100px; }
	/* BIGGER HEADINGS / TEXT */
	.btn-lg { padding: 1rem 1.8rem; font-size: 1.3rem; border-radius: 0.5rem; }
	.module .btn-lg { padding: 1rem 2.4rem; }
	.feature-banner h2 { font-size: 2.7rem; }
	.feature-banner p { font-size: 1.3rem;  }
	.module.research h3, .module.elections h3, .module.news h2, .two-col-feature .custom h3 { font-size: 2.8rem; }
	.module.research p, .module.elections p ,.module.news p, .two-col-feature .custom p { font-size: 1.3rem; }
	.item-page {  }
	.page-header h1, .componentheading, .finder h1 { font-size: 2.4rem; margin: 0 0 1.2rem 0; }
    .content-left .nav li a { padding: 1rem; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
  	footer { padding: 7rem 0 2.5rem 0; } 
  	.footer-bottom { padding-top: 3rem; }
}

@media (min-width: 1025px) and (max-width: 1400px) { 
  #dj-megamenu145 li.dj-up { margin: 0 0.6rem; }
  #dj-megamenu145 a.dj-up_a { font-size: calc((24.4 / 1920) * 100vw); /* 1.4rem at 1920, responsive */ }
}




/* DESKTOP FIRST APPROACH */

	/* X-Small devices (portrait phones, less than 576px) */
	@media (max-width: 575.98px) {
		.content-left img[style*="float"] { width: 100%; height: auto; }
	}

	/* Small devices (landscape phones, less than 768px) */
	@media (max-width: 767.98px) { ... }

	/* Medium devices (tablets, less than 992px) */
	@media (max-width: 991.98px) { ... }

	/* Large devices (desktops, less than 1200px) */
	@media (max-width: 1199.98px) { ... }

	/* X-Large devices (large desktops, less than 1400px) */
	@media (max-width: 1399.98px) { ... } 

	/* XX-Large devices (larger desktops) */
	/* No media query since the xxl breakpoint has no upper bound on its width */


/** Global overwriting to cater for tables not currently styled. This overrides any inline styling with expected bootstrap styling.
/*  Comment out the line below with 'red' before going live. This has been added to easily identify unstyled tables for review. 
/** */
    table[style]:not(.table) {
        box-sizing: border-box;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
        vertical-align: top;
        border-color: #dee2e6;
        caption-side: top;
        font-family: Roboto, "Segoe UI", BasicSans, sans-serif !important;
        font-size: 0.9rem;
        --bs-table-bg: #062f6e;
        --bs-table-striped-color: #062f6e;
        --bs-table-striped-bg: #eef3f6;
        --bs-table-active-color: #062f6e;
        --bs-table-active-bg: #dee8ed;
        --bs-table-hover-color: #062f6e;
        --bs-table-hover-bg: #dee8ed;
        margin-bottom: 1.4rem;
        color: #062f6e;
        border-color: #bfd1e3;
        border-width: 0!important;
        height: unset!important;
        /*box-shadow: 0 0 0 10px  red;*/ /* remove this line before going live */
    }
    table[style]:not(.table) :is(tbody, td, tfoot, th, thead, tr) {
        border-color: #bfd1e3!important;
        border-style: solid!important;
        border-width: 0;
    }
    table[style]:not(.table) tr > * {
        padding: .5rem .5rem;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        border-width: 0 1px 1px!important;
        border-color: inherit!important;
        vertical-align: top;
    }
    table[style]:not(.table) tbody:first-child > tr:first-child > [style] {
        border-bottom-color: currentColor!important;
        background-color: var(--bs-table-bg)!important;
        border-color: var(--bs-table-bg)!important;
    }
    :not(.table-responsive) > table[style]:not(.table)[style*='width'] {
        width: unset!important;
        max-width: 100%;
    }

/* menu dropdowns above Listen widget */
.rsbtn {
    z-index: unset;
    display: inline-block;
}

/* preview mode banner/footer in red-------------------------------------------------------- */

#previewmode_top { top: 0; }

#previewmode_bottom { bottom: 0; }

#previewmode_bottom, #previewmode_top {
    background-color: #F00;
    color: white;
    font-size: 1.2em;
    padding: 2px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}

/* plotalot graphs-------------------------------------------------------- */
.plotalotgraph {
   display:inline-block;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);
}


/* the End --------------------------------------------------------------------------------- */