@charset "utf-8";
/* CSS Document */
:root {
	--red: rgb(199,31,55);
	--darkblue: rgb(2,62,138);
	--medblue: rgb(23,105,166);
	--lightblue: rgb(45,148,193);
	--lightestblue: rgb(66,191,221);
}
@font-face {
  font-family: "WorkSans";
  src: url(../fonts/WorkSans-Regular.otf) format("opentype");
}
@font-face {
  font-family: "WorkSansBold";
  src: url(../fonts/WorkSans-Bold.otf) format("opentype");
}

#content-container b, #content-container strong {
    font-family: "WorkSansBold";
    font-weight: 400;
}

.mt-6 {
	margin-top: 2.5rem;
}
.mb-6 {
	margin-bottom: 2.5rem;
}
.mt-8 {
	margin-top: 3.5rem;
}
.mb-8 {
	margin-bottom: 3.5rem;
}
.mt-10 {
	margin-top: 5rem;
}
.mb-10 {
	margin-bottom: 5rem;
}

body {
	font-family: "WorkSans",sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: "WorkSansBold",sans-serif;
}
h3 {
    font-size: 32px
}
h5 {
    font-size: 24px;
}
.not-bold-header {
	font-family: "WorkSans",sans-serif !important;
	color: var(--darkblue);
	font-weight: 600;
}
p.discreet, .discreet a {
	color: #808080;
	text-transform: uppercase;
	font-size: 12px;
}
.hiddenStructure {
    display: none;
}

a, a:hover, a:focus {
    color: var(--medblue);
    text-decoration: none;
}

.btn--white {
	background: #fff;
	color: var(--darkblue);
	padding: 14px 30px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s color;
	border: none;
	border-radius: 8px;
}
.btn--white:hover {
	color: var(--medblue);
	transition: 0.25s color;
	border: none;
}
.btn--darkblue {
	background: var(--darkblue);
	color: #fff;
	padding: 14px 30px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: 0;
	border: none;
	border-radius: 8px;
}
.btn--darkblue:hover {
	background: var(--medblue);
	color: #fff;
	transition: 0.25s background;
	border: 0;
	border: none;
}
.btn--red, .loadMoreButton span {
	background: var(--red);
	color: #fff;
	padding: 14px 30px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: none;
	border-radius: 8px;
}
.btn--red:hover, .loadMoreButton:hover, .btn--red:focus {
	background: #B41229;
	color: #fff;
	transition: 0.25s background;
	border: none;
}
.btn--red span.imgalt, p.solo .image-richtext {
    display: none !important;
}
.loadMoreButton span {
    display: block;
    text-align: center;
    cursor: pointer;
}
.btn--disabled {
    background: #e9ecef;
	color: #808080;
	padding: 14px 30px;
	text-transform:uppercase;
	text-decoration: none;
	display: inline-block;
	transition: 0.25s background;
	border: 0;
	pointer-events: none;
    border: none;
    border-radius: 8px;
}

.block-darkblue {
	background: var(--darkblue);
	color: #fff;
}
.block-medblue {
	background: var(--medblue);
	color: #fff;
}
.block-lightblue {
	background: var(--lightblue);
	color: #fff;
}
.block-darkblue .not-bold-header, .block-medblue .not-bold-header, .block-lightblue .not-bold-header {
	color: #fff;
}
.block-grey {
	background: #F0F3F8;
}

#nav--bar {
	background: #fff;
}
#nav--bar .logo {
	width: 150px;
	margin: 20px 0;
}
#nav--bar a.btn--red {
	/*height: 100%;*/
	text-decoration: none;
	display: flex;
	padding: 0;
	margin: 15px 0;
	border-radius: 8;
}
#nav--bar a.btn--red span {
	margin: 0 30px;
	display: flex;
}
#nav--bar a.btn--search, #nav--bar a.btn--menu {
	color: var(--darkblue);
	height: 100%;
	text-decoration: none;
	display: flex;
	transition: 0.25s all;
}
#nav--bar a.btn--search:hover, #nav--bar a.btn--menu:hover {
	background: var(--darkblue);
	color: #fff;
	transition: 0.25s all;
}
#nav--bar a.btn--search:hover .svg > *, #nav--bar a.btn--menu:hover .svg > * {
    stroke: #fff;
}
#nav--bar a.btn--search span, #nav--bar a.btn--menu span {
	margin: 0 30px;
	display: flex;
}

#portal-globalnav ul, #portal-globalnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#portal-globalnav a {
    color: #fff;
    font-size: 22px;
}
.has_subtree.dropdown {
    display: none;
}
#portal-globalnav > li > a {
    display: block;
    margin-bottom: 10px;
}
#portal-globalnav .dropdown a {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}
#portal-globalnav .dropdown {
    margin-bottom: 15px;
}

#home--banner {
	background: var(--darkblue) url('images/home-banner-image-311022.jpg') no-repeat right center;
	background-size: auto 100%;
	color: #fff;
	position: relative;
}
.home--banner--overlay-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: rgb(2,62,138);
    background: linear-gradient(270deg, rgba(2,62,138,0) 0%, rgba(2,62,138,1) 100%);
}
.home--banner--overlay-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background: url('images/banner-overlay.png') no-repeat left center;
}
.home--banner--overlay-content {
    position: relative;
    z-index: 3;
}
#home--banner h1 {
	font-size: 72px;
	line-height: 62px;
}

#home--stats {
	color: var(--medblue);
}
.home--stats--block {
    padding-top: 20px;
}
.home--stats--block h2 {
    margin-bottom: 0;
}
.home--stats--block.active {
    border: 1px solid var(--lightestblue);
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff;
    transition: 0.25s border-width;
}
#stat--clicks.active {
    border-top: 1px solid var(--lightestblue);
    margin-top: -1px;
    padding: 20px 0 10px;
}

#home--story {
	color: #fff;
}
.home--story-circle {
	width: 45px;
}
.home--story--one {
	background: url("../images/block-pattern-fade.png") bottom left, url("../images/home--story--one-bg.jpg") center center;
	background-size: cover;
}
.home--story--two {
	background: url("../images/block-pattern-fade.png") bottom left, url("../images/home--story--two-bg.jpg") center center;
	background-size: cover;
}
.home--story--three {
	background: url("../images/block-pattern-fade.png") bottom left, url("../images/home--story--three-bg.jpg") center center;
	background-size: cover;
}
.home--story--block, .home--values, .home--about {
	height: 100%;
	padding: 60px;
}
.home--story--block p:last-child, .home--values p:last-child, .home--about p:last-child, .home--abovefooter p:last-child {
	margin-bottom: 0;
}

.home--campaign {
	margin-right: 150px;
}
.home--campaign h5 {
	color: var(--darkblue);
}
.home--campaign p {
	color: #808080;
}
.home--campaign p a {
	color: var(--darkblue);
	text-decoration: none;
}
.home--campaign p a::after {
	color: var(--lightblue);
	display: inlin-block;
	margin-left: 8px;
	content: ">";
}

#home--media li, .side--media li {
    margin: 0 0 40px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid var(--lightestblue);
    list-style: none;
}
#home--media li:first-child, .side--media li:first-child {
    margin-top: 30px;
}
#home--media li:last-child, .side--media li:last-child {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 0;
}
#home--media .portletItemDetails, .side--media .portletItemDetails {
    display: block;
    text-align: right;
    font-size: 14px;
    margin-top: 5px;
}
#home--media li, .side--media li {
    position: relative;
}
#home--media li a, .side--media li a {
    padding-left: 80px;
    display: block;
}
#home--media li a img, .side--media li a img {
    position: absolute;
    left: 0;
    top: 0;
}

.side--media ul {
    padding: 0;
}

.home--poll, .home--prevpoll, .home--tweets {
	height: 100%;
	padding: 60px;
}

.tweetPicture {
    border-radius: 50%;
}
.tweetText {
    font-size: 14px;
    line-height: 18px;
}

.home--media-block .block-grey{
	padding: 30px;
	height: 100%;
}

.home--abovefooter {
	color: #808080;
	padding: 60px;
}

.callout {
    color: #fff;
    background: var(--darkblue) url("../images/block-pattern-fade.png") bottom left no-repeat;
    padding: 40px;
    margin: 30px 40px 30px 80px;
}

#generic--banner {
	background: var(--darkblue) url('images/banner-overlay.png') no-repeat left center;
	color: #fff;
}
#generic--banner h1 {
	font-size: 72px;
	line-height: 62px;
}
#generic--banner h1.smaller-header {
    font-size: 40px;
    line-height: 42px;
}
#generic--banner .documentDescription {
	font-family: "WorkSansBold";
}

.pagination {
    margin: 0 auto 40px;
    --bs-pagination-active-bg: rgb(23,105,166);
    --bs-pagination-active-border-color: rgb(23,105,166);
    --bs-pagination-color: rgb(23,105,166);
}

#content-core hr {
    margin: 0;
    border: 0;
    clear: both;
}
.image-right {
    float: right;
    margin: 0 0 20px 20px;
}
.image-left {
    float: left;
    margin: 0 20px 20px 0;
}

#footer {
	background: var(--medblue);
	color: #fff;
	padding: 200px 0 10px;
	margin-top: -150px;
}
.footer--menu a {
	color: #fff;
	display: inline-block;
	margin-right: 15px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none;
}
#footer .logo {
	width: 150px;
	margin-right: 30px;
}
.footer--social {
	display: inline-block;
	padding-left: 30px;
	border-left: 1px solid var(--lightblue);
}
.footer--social a, .thanks--share-buttons a {
	background: #fff;
	padding: 6px 7px;
	color: var(--medblue);
	text-decoration: none;
	border-radius: 100%;
	margin-right: 10px;
}
.thanks--share-buttons a, .thanks--share-buttons a:hover {
    color: var(--darkblue);
    font-size: 22px;
}
.footer--social a:hover {
	color: var(--darkblue);
}
#belowfooter {
	background: var(--darkblue);
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
}
#belowfooter a {
	color: #fff;
	text-decoration: none;
}

/*Search*/
.searching .search--overlay--light, .openmenu .menu--overlay--light {
	background: var(--darkblue);
	opacity: 0.8;
	position: fixed;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	mix-blend-mode: multiply;
}
.search--overlay--dark, .menu--overlay--dark {
	background: var(--darkblue);
	position: fixed;
	padding: 20px;
	z-index: 101;
	top: 0;
	left: 0;
	right: 0;
}
.search--overlay--dark--top .logo, .menu--overlay--dark--top .logo {
	width: 150px;
}
.search--overlay--close, .menu--overlay--close {
	font-size: 22px;
	color: #fff;
}
.search--overlay--close .svg g > *, .menu--overlay--close .svg g > * {
    stroke: #fff;
}
.searching, .openmenu {
	overflow-y: hidden;
}
#search--overlay .searchSection {
    display: none;
}
#search--overlay .searchButton {
    background: transparent;
    border: none;
    color: #fff;
}
#searchGadget {
    width: 100%;
    color: #fff !important;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--lightblue);
    font-size: 22px;
    border-radius: 0;
}

.footer--search {
    position: relative;
}
.footer--search .searchButton {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    border: none;
    background: transparent;
}
.footer--search #searchGadget {
    border: 1px solid #fff;
    font-size: 14px;
    padding: 8px;
}

.template-search .actionMenu, .template-search #content-core .input-group, .template-search #content-core .documentFirstHeading, .template-search #rss-subscription, .template-search #searchResultsSort .autotab-heading {
    display: none;
}

ol.searchResults {
    padding-left: 0;
}
.searchResults li {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dashed #dedede;
  list-style: none;
}

#searchResultsSort {
    text-align: right;
    margin-bottom: 10px;
}
#sorting-options a {
    background: #cecece;
    color: #fff;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 4px;
}
#sorting-options a.active {
    background: var(--medblue);
}

/*Menu
.menu--overlay--dark {
	bottom: 0;
}*/

/*Juizi Listing*/
.template-juizi_listing_view, .template-loadmorelisting {
    background: #F0F3F8;
}
.template-juizi_listing_view .block-grey.home--abovefooter, .template-loadmorelisting .block-grey.home--abovefooter {
    background: #fff;
}
.template-juizi_listing_view .entry, .template-loadmorelisting .entry {
    background: #fff;
    margin-bottom: 30px;
}
.template-juizi_listing_view .entry--content--align, .template-loadmorelisting .entry--content--align {
    margin: 30px;
}
.template-juizi_listing_view .entry a.url, .template-loadmorelisting .entry a.url {
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}
.template-juizi_listing_view .entry a.url::after, .template-loadmorelisting .entry a.url::after {
    display: inline-block;
    content: ">";
    margin-left: 10px;
}
.template-juizi_listing_view .entry .description, .template-loadmorelisting .entry .description {
    color: #808080;
}
.itemDetail .itemAuthor, .itemDetail .pipe, .itemDetails .itemAuthor, .itemDetails .pipe {
    display: none;
}
.itemDetail .itemPublished, .itemDetails .itemPublished {
    color: #808080;
}
.template-juizi_listing_view .entry--image.d-lg-flex img, .template-loadmorelisting .entry--image.d-lg-flex img {
    object-fit: contain;
}

.section-fan.template-juizi_listing_view img {
    max-width: 400px;
    height: auto;
}
.section-fan.template-juizi_listing_view .itemDetail > * {
    display: inline-block;
    color: #808080;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } 
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*Forms*/
.option .form-label {
    display: inherit;
}
.formHelp {
    display: block;
    font-size: 12px;
    color: #ccc;
}

/*Campaign*/
.campaign #generic--banner {
    background: var(--red) url('images/banner-overlay.png') no-repeat left center;
}
.section-irr-survey-2023 .campaign--crumbs {
    display: none;
}

/*Thanks page*/
body.thanks, .thanks #generic--banner, body.poll-thanks, .poll-thanks #generic--banner {
    background: var(--lightblue);
}
.thanks #parent-fieldname-text, 
.poll-thanks .thanks-content p, 
.poll-thanks h4 {
    color: #fff;
}
.poll-thanks .thanks-content a {
    color: #fff;
    text-decoration: underline;
}
.thanks--share {
    padding: 30px;
    background: var(--darkblue);
    color: #fff;
}
.thanks--share h3.not-bold-header {
    color: #fff;
}
.alert-danger:empty {
    display: none;
}

.section-support .home--abovefooter, 
.section-support .campaign--crumbs.discreet, 
.section-support .btn--red--support {
    display: none !important;
}
.section-support #footer {
    margin-top: 0;
    padding-top: 50px;
}

/*Poll*/
#home--latest-poll .form-check {
    border: 1px solid #121923;
    padding: 10px;
    margin-top: 10px;
}
#home--latest-poll .form-check .form-check-input {
    margin-left: 0;
    margin-right: 8px;
}
#home--previous-poll ul, #home--previous-poll li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#home--previous-poll .progress {
    height: 30px;
}

.portaltype-collection .heading--publicationdate {
    display: none;
}

/*Accordion Sidebar*/
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--darkblue);
}

/*Image captions*/
div.image-right, .image-right {
    float: right;
    margin: 0 0 10px 10px;
    display: inline-block;
}
div.image-left, .image-left {
    float: left;
    margin: 0 10px 10px 0;
    display: inline-block;
}
div.image-right span, div.image-left span,  div.image-inline span {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    max-width: 220px;
}
div.image-right img, div.image-left img, div.image-inline img {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
}

/*News Ticker*/
.marquee-container *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.marquee-container {
	width: 100%;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 45px;
	position: relative;
	cursor: pointer;
}

.marquee-container .marquee-sibling {
	padding: 0 15px;
	background: var(--red);
	height: 45px;
	line-height: 42px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}

.marquee-container a .portletItemDetails {
    color: #808080;
}

.marquee-container .marquee, .marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}

.marquee-container .marquee{
  margin-left: 25%;
}

.marquee-container .marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.marquee-container .marquee-content-items li{
  display: inline-block;
  line-height: 35px;
  color: #fff;
}

.marquee-container .marquee-content-items li:after{
	content: "|";
	margin: 0 1em;
}

.marquee-content-items li:last-child a, .marquee-content-items li:last-child a .portletItemDetails {
    color: transparent !important;
}

/*Homepage Modal*/
.modal-content {
    border: none;
    border-radius: 0;
    background: #F0F3F8;
}

p.solo .image-inline {
    display: none !important;
}

/*Multi campaign list*/
.tg-campaign-list-blocks.tg-campaign-list .entry {
    height: 100%;
    margin-bottom: 0;
}
.featured.tg-campaign-list h2.headline {
    display: none;
}
.featured.tg-campaign-list img {
    width: 100%;
    max-width: 800px;
}

/*Survey*/
#formfield-form-widgets-please_supply_your_contact_details_so_we_can_share_the_results_with_you {
    margin-bottom: 0 !important;
    margin-top: 30px;
}
.form-check-input-option .label {
    font-size: 14px;
}
.section-survey-how-will-ewc-affect-you span.form-check-input-option {
    margin-left: 20px;
}
.section-survey-how-will-ewc-affect-you .radio-widget-wrapper > label {
    font-weight: bold;
}
.field > label .required::after {
    content: "*";
    font-size: 75%;
    line-height: 0;
    position: relative;
    top: -5px;
    left: -8px;
    font-weight: normal;
}

/*Twitter Embed*/
.home--embed--twitter {
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 15px; 
    right: 0; 
    overflow: scroll; 
    max-height: 515px;
}

/*Faceted results*/
.template-facetednavigation_view .entry .thumb-thumb, .faceted-lock-overlay {
    display: none;
}
.template-facetednavigation_view .entry .discreet {
    text-transform: initial;
    font-size: 14px;
}
#faceted-center-column .section-search .widget-fieldset {
    padding: 0;
    border: none;
}

/*Juizi listing view*/
.clr {
    clear: both;
}
.item-keywords {
    display: none;
}
.item-keywords span {
    font-size: 14px; 
    background: #dedede;
    padding: 3px 6px;
    border-radius: 7px;
}
.juizi-resources-view header {
    font-size: 18px;
}
.juizi-resources-view .entry-image img {
    max-width: 80px;
    height: auto;
}
.item-author-label, .item-published-label, .item-author {
    display: none;
}
.juizi-resources-view .entry::after {
  content: "";
  clear: both;
  display: block;
  border-top: 1px dashed #dedede;
  margin: 20px 0;
}
.juizi-resources-view .entry-details, .juizi-resources-view .item-published {
    display: inline;
    font-size: 14px;
}
.juizi-resources-view .entry-details::after {
    content: "-";
    display: inline;
}
.juizi-resources-view .item-description {
    display: inline;
    font-size: 14px;
}


/*Mailerlite*/
.ml-form-embedBody {
    padding: 0 !important;
}

/*Poll Form*/
.poll #formEpilogue {
    margin-top: 20px;
}
.poll .radio-widget-wrapper > label {
    display: none;
}

/*Captcha*/
#formfield-form-widgets-captcha label {
    display: none;
}

@media (max-width: 991.98px) {
	
	#home--banner h1, #generic--banner h1 {
		font-size: 46px;
		line-height: 44px;
	}
	#home--stats h2 {
		font-size: 38px;
		margin-bottom: 0;
	}
	.home--stats--block {
        padding-top: 0;
    }
    .home--stats--block h2, .home--stats--block p {
        margin-bottom: 0;
    }
    .home--stats--block p, .home--stats--block.active p {
        margin-bottom: 0;
    }
    .home--stats--block.active {
        border: none;
    }
    .home--stats--block div {
        padding: 15px;
    }
    .home--stats--block.active div {
        background: var(--lightestblue);
        color: #fff;
        border-radius: 7px;
    }
    #stat--clicks.active {
        border: none;
        margin-top: 0;
        padding: 20px 0 10px;
        font-size: 18px;
    }
	.home--story--block, .home--values, .home--about, .home--poll, .home--prevpoll, .home--tweets {
		padding: 30px;
	}
	.home--campaign {
		margin-right: 0;
	}
	.entry.d-flex {
	    display: block !important;
	}
	.newsImage {
        float: none;
        margin: 0 auto 20px;
    }
    .callout {
        padding: 40px;
        margin: 30px 0;
    }
    .section-fan.template-juizi_listing_view img {
        max-width: 100%;
        height: auto;
    }
    .home--embed--twitter {
        position: relative;
        left: 0;
    }
    
    .juizi-resources-view .entry-image {
        float: right;
        margin: 0 0 5px 5px;
    }
    
}