ul.css-tabs { 
	list-style:none; 
	padding:0;
    clear:both;
}

ul.css-tabs::after {
    content: "";
    display: table;
    clear: both;
}

ul.css-tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0;
}

ul.css-tabs a {
    display: block;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding: 0.7em 1.5em;
	margin:0 6px 0 6px;	
	background-color:#eee;
	border-radius:4px 4px 0 0;
	border:1px solid #aaa;
    cursor: pointer;
}

ul.css-tabs a:active {
	outline:none;
	background:rgb(216,221,226);
    border-bottom-color: #d8dde2;
}

ul.css-tabs a:hover {
	color:#000;
	background:rgb(216,221,226);
}

ul.css-tabs a.current {
    top: 1px;
    position: relative;
    border-bottom-color: #d8dde2;
    font-size: 1.4em;
    font-weight: bold;
}

ul.css-tabs a.current, ul.css-tabs a.current:hover, ul.css-tabs li.current a {
	background:rgb(216,221,226);
}

.css-panes .pane {	
	background:rgb(216,221,226);
	padding: 24px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:5px;
	border:1px solid #aaa;
    line-height: 2;
	font-size: 1.1em
}

.css-panes hr {
    background: transparent;
}


/* Messages */

.error-message {
    padding: 4px;
    color: #C90077;
    margin-bottom: 24px;
    font-weight: 700;
}

.info-message {
    padding: 4px;
    color: #00B0B9;
    margin-bottom: 24px;
    font-weight: 700;
}


.form-group-newstype, .form-group-newstype ol {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 16px;
}

.form-group-newstype label {
    margin-bottom: 16px;
}

.form-group-withfilmclip {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.form-group-withfilmclip label {
    margin-bottom: 16px;
}

.form-group-docfilters {
    display: flex;
    flex-flow: row wrap;
    margin-left: 24px;
    margin-top: 16px;
}

.form-group-docfilters label {
    min-width: 33%;
    margin-bottom: 16px;
}

.is-hidden {
    display: none;
}

.content-app .form-search {
    margin-bottom: 48px;
}


/*---- RESULTS LIST ------*/
.video-thumbnail {
    float: left;
    display: block;
}

.video-thumbnail img {
    display: block;
}

.next-to-thumbnail {
    margin-left: 2em;
}

.next-to-thumbnail dd, .next-to-thumbnail dl {
    margin-bottom: 0.5em
}

.video-thumbnail-wrapper {
    display: grid;
    grid-template-columns: 35% auto;
    margin: 1em 0;
}

/*--- results pagination -----*/

.paging, .paging-record { text-align:center; margin:24px 0; padding:2px 3px; background-color:#F4F3F6; border: none}
.paging-record {padding-left:5px; }
.paging-record .next-page, .paging-record .previous-page {display:inline-block}
.paging-record .results-messages {float:left; color:#666666}
.paging-record .previous-next {float:right}
.paging-record .previous-next, .paging-record .results-messages { padding:0; }
.paging-record .results-messages, .paging-record .results-messages span, .paging-record .results-messages a { text-shadow:0 1px 0 #FFF }
.paging a, .paging span, .paging-record .next-page, .paging-record .previous-page { padding:2px 5px; text-align: center; margin:0 5px 0 0; background-position:0% -100px; text-shadow:0 1px 0 #FFF; width:auto;}
.paging span { color:rgb(150,150,150); }
.paging .first {width:8%; float:left; margin-right:0; position:relative; }
.paging .last {margin-right:0; float:right; width:8%; position:relative; }
.paging .previous-page { float:left; margin-right:0; }
.paging .next-page {float:right; margin-right:0; }
.paging .spacer {float:left; height:auto; margin-left:auto; margin-right:auto; position:relative; top:3px; overflow:visible; width:79.5%; }
.paging-record .previous-next a { margin:0 }

span.page-num-current { color:rgb(235,235,235); border-color:rgb(75,75,117);background-color:#2B1054; background-position:0% -250px; text-shadow:0 -1px 0 rgb(65,65,107);}
.paging a:hover, .paging a:focus {color: var(--color-secondary-4) !important; border-color:rgb(37, 169, 224); background-position:0% -175px;}
.paging a:active { border-color:rgb(185,185,185); position:relative; top:1px; text-decoration:none; color:rgb(150,150,150);} 
div.results-paging {margin:0 0 0.25em 0; padding:0 0 0.25em 0; background-color:rgb(245, 247, 250); background-color:white;}

.results-actions {margin-bottom: 24px;}

.search-form-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.refine-search > a {
    position: relative;
    display: inline-block;
    padding-right: 32px;
}
.refine-search > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 32px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%230077C8' d='M3.313,8.954c-0.418-0.417-0.418-1.095,0-1.511l0.756-0.756c0.418-0.416,1.097-0.416,1.514,0l6.416,6.405 l6.415-6.405c0.417-0.416,1.096-0.416,1.513,0l0.758,0.756c0.42,0.416,0.42,1.094,0,1.511l-8.686,8.671L3.313,8.954z'%2F%3E%3C%2Fsvg%3E\a");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5rem auto;
}


.refine-search > a.is-active:after{
transform-origin: center;
transform: rotate(180deg);
transition: transform 0.20s ease-out;
}

.header-logo {
    color: var(--color-light);
    background-image: none;
}

.nav-main .nav-item-a {
    color: var(--color-dark);
}

.results-record a {
    color: var(--color-secondary-1);
}

.nav-main {
    background-color: inherit;
}

.content-app {
    background-color: inherit;
}

.columns {
    margin: 0;
}

.box.form-search {
    background-color: var(--color-light);
}

.results {
    list-style: none;
    width: initial;
}

.results-record {
    position: relative;
    padding: 0.5em;
    margin: 1em 0;
}

.results-record:hover,
.results-record:focus-visible {
    background-color: var(--color-white);
    
}
.results-record > h3 {
    margin-top: 0;
}
.results-record > h3 > a::after {
    content: " ";
    position: absolute;        
    bottom:0;
    left: 0;
    right: 0;
    top:0;
}


.errored {
    border-color: var(--color-primary-2);
}
.cookies-text a {
    color: inherit;
}

/*-player-*/
.vjs-text-track-display {
    background-color: transparent;
}


.input-text.errored,
.textarea.errored,
textarea.errored,
input[type="search"].errored,
input[type="text"].errored,
input[type="password"].errored,
input[type="email"].errored,
input[type="number"].errored,
input[type="tel"].errored,
input[type="url"].errored,
.errored {
    border-color: var(--color-primary-2);
}