/*
Theme Name: TEPolicies Theme
Theme URI: n/a
Author: ...
Author URI: ...
Description: Theme for ...
Version: 1.0
License: no license, use a theme from https://wordpress.org/themes/ instead.
License URI: n/a
Tags: n/a
Text Domain: tepoliciestheme
*/

/* generic things */

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,form{
	padding:0;
	margin:0;
}
*{
	box-sizing:border-box;
}
html {
	font-size:16px; /* for rem base */
	scroll-behavior: smooth;
	/* note: this replaces the javascript version, which is not accessible due to the 'return false' setting. */
}
.screen-reader-text,
.skip-link,
.site-nav li.icon a span{
	position:fixed;
	top:-4000rem;
	left:-4000rem;
}
.skip-link:focus,
#toggle a:focus span.skip-link{
	top:2rem;
	left:2rem;
	background:black;
	color:white;
	padding:.5rem 1rem;
	border:2px dotted white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:100%;
	z-index:10000;
}
.admin-bar .skip-link:focus,
#toggle a:focus span.skip-link{
	top:4rem;
}
iframe,
img{
	max-width:100%;
}

/* colours */

a{
	color:inherit;
}
.search-results h2 a{
	color:#00203c;
}

#masthead{
	background:#00203c;
	color:#ffffff;
}
#langselector .selector span.current{
	background:url(img/triangle.png) transparent no-repeat right .4em / .5rem auto;
}
#langselector .selector ul{
	background:#E44A21;
	color:#00203c;
}
#langselector .selector ul .hrefspan{
	color:white;
}
#langselector .gtranslate_wrapper{
	background:#E44A21;
}


#site-branding{
	background:#00203c;
	position:relative;
}
.site-description{
	background:transparent;
	color:white;
	padding-left:1rem;
	position:relative;
}
.site-description:before{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	left:-2.2rem;
	width:calc(100% + 2.2rem);
	height:100%;
	background:linear-gradient(72deg,transparent 0,transparent 2rem, #E44A21 2rem, #E44A21 100%);
}
.notpassed .site-description:before{
	left:120%;
	transition:left 2s ease-in-out 0s;
}
.loaded .site-description:before{
	left:-2.2rem;
}
.site-description h2{
	color:#00203c;
	position:relative;
	z-index:2; /* to go in front of the red colour */
}
.search-panel{
	background:#E44A21;
}
input.search-field{
	background:#ffffff;
	color:#00203c;
}
input.search-submit{
	background:#00203c;
	color:#ffffff;
}
.search-form label{
	display:inline-block;
	position:relative;
	width:100%; /* so that it fills the space when the search-form is in #primary */
}
.search-form label input{
	width:100%;
}
.search-form label:after{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:1.25rem;
	height:100%;
	background:linear-gradient(72deg,transparent 0,transparent .72rem, #E44A21 .72rem, #E44A21 1rem, #00203c 1rem, #00203c 100%);
}
#main{
	background:white;
	color:#00203c;
}
#primary h1{
	color:#E44A21;
}
#primary h2{
	color:#6298a2;
}
ul.nav-menu li{
	margin-bottom:1rem;
}
ul.nav-menu li a{
	display:block;
	position:relative;
	height:0;
	padding-top:60.6%;
	background-color:#00203c;
	color:white;
}
ul.nav-menu li a img{
	display:block;
}
ul.nav-menu li a span{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
ul.nav-menu li a span.navimgbg{
	height:101%; /* to avoid black 1px borders on some window widths */
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
ul.nav-menu li a span.navimgoverlay{
	background:linear-gradient(to top,rgba(0,32,60,1) 0%, rgba(0,32,60,0) 100%);
	padding:1em 1rem .5rem 1rem;
}
ul.nav-menu li a:after{
	content:" ";
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:0rem;
	height:1.5rem;
	background:linear-gradient(72deg,transparent 0,transparent .48rem, #E44A21 .5rem, #E44A21 100%);
	transition:width .5s ease-in-out 0s;
}
ul.nav-menu li a:hover:after,
ul.nav-menu li.current-menu-item a:after,
ul.nav-menu li.current_page_item a:after,
ul.nav-menu li.current-page-ancestor a:after{
	width:10rem;
	max-width:80%;
}
#main.login{
	background:#00203c;
	color:white;
}
.post-password-form{
	max-width:calc(100% - clamp(1rem,5vw,6rem));
}
.post-password-form label{
	position:relative;
	max-width:calc(100% - 2.25rem);
}
.post-password-form label input{
	max-width:100%;
}
.post-password-form .viewpw{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:3rem;
	height:2.25rem;
	background:url(img/eye-slash.svg) white no-repeat center / 2.25rem auto;
}
.post-password-form .viewpw.viewpass{
	background-image:url(img/eye.svg);
}
.post-password-form input[type=submit]{
	width:2.25rem;
	overflow:hidden;
	text-indent:3rem;
	background:url(img/tick.svg) green no-repeat center;
}
#primary form.search-form{
	padding:1rem;
	background:#E44A21;
}
#colophon{
	background:#00203c;
	color:white;
}


/* links */

#masthead a,
.site-nav a,
.search-results h2 a,
ul.pages a,
ul.pagestest a{
	text-decoration:none;
	/* non-focus colours are in colours section */
}
#primary a{
	text-underline-offset:.2em;
}
#primary a:focus,
#primary a:hover,
#primary a:active{
	text-decoration-style:dashed;
}
#langselector a:focus,
#langselector a:hover,
#langselector a:active{
	color:white;
}
.search-results h2 a:focus,
.search-results h2 a:hover,
.search-results h2 a:active,
ul.pages a:focus,
ul.pages a:hover,
ul.pages a:active,
ul.pagestest a:focus,
ul.pagestest a:hover,
ul.pagestest a:active{
	color:#6298a2;
}
ul.pages li a:before,
.search .hentry h2.entry-title:before{
	background-image:url(img/file.svg);
	background-size:auto 20px;
}
ul.pages li.page_item_has_children > a:before,
.search .hentry h2.entry-title.haschildren:before{
	background-image:url(img/folder.svg);
}
ul.pages li a:focus:before,
ul.pages li a:hover:before,
ul.pages li a:active:before{
	background-image:url(img/file-active.svg);
}
ul.pages li.page_item_has_children > a:focus:before,
ul.pages li.page_item_has_children > a:hover:before,
ul.pages li.page_item_has_children > a:active:before{
	background-image:url(img/folder-active.svg);
}

ul.pagestest li a:before{
	background-image:url(img/file.svg);
	background-size:auto 20px;
}
ul.pagestest li.page_item_has_children > a:before{
	background-image:url(img/folder.svg);
}
ul.pagestest li a:focus:before,
ul.pagestest li a:hover:before,
ul.pagestest li a:active:before{
	background-image:url(img/file-active.svg);
}
ul.pagestest li.page_item_has_children > a:focus:before,
ul.pagestest li.page_item_has_children > a:hover:before,
ul.pagestest li.page_item_has_children > a:active:before{
	background-image:url(img/folder-active.svg);
}

ul.pagestest li span.gotopage a:before{
	background:transparent;
}


/* fonts */

body,
form,input,textarea,selector{
	font-family:'Montserrat',Arial,sans-serif;
}
h1{
	font-size:1.875rem;
	text-transform:uppercase;
	line-height:1.2;
	margin-bottom:.25em;
}
h1.site-title,
p.site-title{
	font-size:2.5rem;
	font-weight:700;
	text-transform:uppercase;
	line-height:2.5rem;
	margin-bottom:0;
}
.page-id-65 h1{
	font-size:2.5rem;
}
h2{
	font-size:.9rem;
	font-weight:700;
	text-transform:uppercase;
	line-height:1.6;
	margin-bottom:.25em;
}
#masthead h2{
	font-size:1.85rem;
	font-size:clamp(1rem,2vw,1.85rem);
	font-weight:700;
	line-height:3.75rem; /* to line up with the image of the h1/p site-ttile */
	text-transform:uppercase;
	margin-bottom:0;
}
h3{
	font-size:.9rem;
	font-weight:700;
	line-height:1.6;
}
p,ul,ol{
	font-size:.9rem;
	font-weight:400;
	line-height:1.6;
	margin-bottom:.8em;
}
#langselector ul{
	font-weight:700;
	text-transform:uppercase;
}
#langselector .selector ul{
	line-height:2;
}
#langselector .selector .langall .gtinfo{
	display:inline-block;
	font-size:.75rem;
	line-height:1.2;
	padding-top:.5em;
}
form,input,selector{
	font-size:1.25rem;
}
input[type=submit]{
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	line-height:2.25rem;
	cursor:pointer;
}
ul.pages,
ul.pages ul{
	font-weight:700;
}
#primary ul.pages li.page_item_has_children{
	text-transform:uppercase;
}
#primary ul.pages li.page_item_has_children > ul{
	text-transform:none;
}
ul.pagestest,
ul.pagestest ul{
	font-weight:700;
}
#primary ul.pagestest li.page_item_has_children{
	text-transform:uppercase;
}
#primary ul.pagestest li.page_item_has_children > ul{
	text-transform:none;
}
#secondary .nav-menu{
	font-size:1rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
}


/* lists */
#secondary ul{
	list-style:none;
}
#primary ul{
	margin-left:0;
}
#primary ul li{
	margin-left:2em;
}
#primary ul.pages,
#primary ul.pages ul{
	list-style:none;
	margin-top:1.5em;
}
#primary ul.pages li{
	margin-left:0;
	margin-bottom:1.5em;
}
#primary ul.pages li.page_item_has_children > ul{
	display:none;
}
#primary ul.pages li.page_item_has_children.active > ul,
#primary ul.pages li.page_item_has_children:focus > ul,
#primary ul.pages li.page_item_has_children:hover > ul,
#primary ul.pages li.page_item_has_children:active > ul{
	display:block;
}
ul.pages li{
	padding-left:2.5rem;
	position:relative;
}
ul.pages li a:before{
	content:" ";
	display:block;
	width:2.5rem;
	height:2rem;
	position:absolute;
	left:0;
	top:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
}

#primary ul.pagestest,
#primary ul.pagestest ul{
	list-style:none;
	margin-top:1.5em;
}
#primary ul.pagestest li{
	margin-left:0;
	margin-bottom:1.5em;
}
#primary ul.pagestest li.page_item_has_children > ul{
	display:none;
}
#primary ul.pagestest li.page_item_has_children.active > ul,
#primary ul.pagestest li.page_item_has_children:focus > ul,
#primary ul.pagestest li.page_item_has_children:hover > ul,
#primary ul.pagestest li.page_item_has_children:active > ul{
	display:block;
}
ul.pagestest li,
.search .hentry h2.entry-title{
	padding-left:2.5rem;
	position:relative;
}
ul.pagestest li a:before,
.search .hentry h2.entry-title:before{
	content:" ";
	display:block;
	width:2.5rem;
	height:2rem;
	position:absolute;
	left:0;
	top:0;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left top;
}



/* layout */

/* layout that should also apply on print */

.imagewrapper,
.videowrapper,
.audiowrapper{
	padding-top:.5rem;
	margin-bottom:2rem;
}
.imagewrapper .caption,
.videowrapper .caption,
.audiowrapper .caption{
	font-style:italic;
	padding-top:.5em;
}
.videowrapper .transcript,
.audiowrapper .transcript{
	padding:1rem;
	border:1px dotted black;
	margin-top:1rem;
	margin-bottom:2rem;
}



@media only screen{

				.outer{
					padding:0 clamp(1rem,5vw,6rem);
				}
				.inner{
					max-width:58rem;
					margin:0 auto;
				}

				#page{
					padding-top:6.25rem; /* same as #masthead height */
				}
				#masthead{
					position:fixed;
					top:0;
					left:0;
					width:100%;
					min-height:6.25rem;
					transition:height .5s ease-in-out 0s;
					z-index:10000;
				}
				.admin-bar #masthead{
					top:32px;
				}
				@media(max-width:782px){
					.admin-bar #masthead{
						top:46px;
					}
				}
				#masthead .inner{
					max-width:100%;
					display:flex;
					flex-wrap:wrap;
					justify-content:space-between;
				}
				#toggle,
				.topleftwrap,
					#langselector,
					#sitesearch,
				.toprightwrap,
					#site-branding,
						h1,p,
					.site-description,
						h2{
				/* the 3 elements in the header */
				}
				#toggle{
					display:none;
				}
				.topleftwrap{
					width:calc((100% - 58rem) / 2);
					min-width:11rem;
					display:flex;
					flex-wrap:wrap;
					padding-left:clamp(1rem,5vw,6rem);
					padding-right:clamp(1rem,5vw,2rem);
					align-items:flex-end;
					justify-content:space-between;
				}
				#langselector{
					background:transparent;
				}
				#langselector ul{
					list-style:none;
					margin-bottom:0;
				}
				#langselector .selector{
					position:relative;
					display:block;
				}
				#langselector .selector ul{
					display:none;
					position:absolute;
					left:0;
					top:100%;
					width:auto;
					width:calc((100vw - 48rem) / 2);
					padding:.5em 2em 1.5em 2em;
					padding-left:calc(((100vw - 48rem) / 2) - 10em);
					margin-left:calc(((100vw - 48rem) / 2 - 10em) * -1);
				}
				#langselector .selector:hover ul,
				#langselector .selector.active ul{
					display:block;
				}
				#langselector .selector,
				#sitesearch{
					padding-bottom:1rem;
				}
				#langselector .selector{
					width:auto;
				}
				#langselector .selector span.current{
					padding-right:1.2em;
				}
				#langselector .selector ul li{
					width:10em;
				}
				/* option 1 */
				/* 
				#langselector .gtranslate_wrapper{
					position: absolute;
					top:0;
					left:calc(((100vw - 48rem) / 2));
					width: 34rem;
					display: flex;
					background: #E44A21;
					flex-wrap: wrap;
					gap: 0;
					padding: .5em 2em;
				}
				*/

				/* option 2 */

				#langselector .gtranslate_wrapper{
				}
				#langselector .selector ul{
					width:auto;
					height:auto;
					max-height:calc(100vh - 10rem);
					overflow:auto;
				}


				html.no-js li.langall{
					display:none;
					/* if JS is not available to the user, we don't offer gtranslate, since it requires javascript */
				}

				/* DON'T HIDE, AS WE WON'T BE USING THE CLICK ON 'MORE' TO SHOW IT */
				/*
				#langselector .gtranslate_wrapper{
					display:none;
				}
				#langselector .showlanguages .gtranslate_wrapper{
					display:block;
				}
				*/
				#langselector .gtranslate_wrapper a{
					display:inline-block;
					width:10rem;
				}
				#langselector .selector ul li.langall selector option.linktoenglish,
				#langselector .selector ul li.langall a.linktoenglish{
					display:none !important;
				}
				#langselector .selector ul li.langall a.gt-current-lang{
					order:-1;
					color:white;
				}

				#sitesearch{
					flex-grow:2;
					min-width:1.5rem;
					text-align:center;
				}
				.haslanguage #sitesearch{
					padding-left:1rem;
				}
				h3.search-toggle{
					width:1.5rem;
				}
				.haslanguage h3.search-toggle{
					margin:0 auto;
				}
				.search-panel{
					position:fixed;
					left:-110vw;
					box-sizing:border-box;
					padding:1.25rem 1.25rem 1.25rem calc((100% - 58rem) / 2);
					transition:all 1s ease-in-out 0s;
					z-index:98;
				}
				.search-toggled-on .search-panel{
					left:0;
				}
				form.search-form,
				form.post-password-form p{
					display:flex;
				}
				input,
				.search-field,
				.search-submit,
				.post-password-form input{
					height:2.25rem;
					padding:0 .5em;
				}
				.search-field,
				.search-submit,
				.post-password-form input{
					border-width:0;
				}



				.toprightwrap{
					width:auto;
					flex-grow:2;
					display:flex;
					flex-wrap:wrap;
				}
				.toprightwrap #site-branding{
					width:66%;
					max-width:42rem;
					padding-top:2.375rem;
				}
				#site-branding h1,
				#site-branding p{
					width:100%;
					padding-right:2rem;
				}
				#site-branding img{
					margin-left:-.2rem;
					margin-right:-.2rem;
				}
				.toprightwrap .site-description{
					flex-grow:2;
					padding-top:2.375rem;
					padding-right:clamp(1rem,5vw,6rem);
				}

				.toprightwrap h1,
				.toprightwrap h2,
				.toprightwrap p{
					line-height:4rem;
				}

				#main{
					min-height:calc(100vh - 6.25rem - 3rem);
					padding-top:clamp(2rem,9vw,7rem);
					padding-bottom:clamp(2rem,9vw,7rem);
				}
				#main .inner{
					display:flex;
					flex-wrap:wrap;
					justify-content:space-between;
				}
				#main.login{
					height:calc(100vh - 6.25rem - 3rem);
					/* min-height doesn't allow for the .inner to have 100% height */
				}
				#main.login .inner{
					height:100%;
					justify-content:center;
					align-items:center;
				}
				#secondary{
					width:16.5rem;
				}
				#primary{
					width:calc(100% - 23rem);
				}
				.search-results .hentry{
					margin-top:1rem;
				}
				
				.videowrapper{
					width:100%;
				}
				.videobox{
					position:relative;
					width:100%;
					height:0;
					padding-top:56.25%;
					background:black;
				}
				.videobox iframe{
					position:absolute;
					left:0;
					top:0;
					width:100%;
					height:100%;
				}
				.videoboxmp4{
					width:100%;
					background:black;
				}
				.videoboxmp4 video{
					width:100%;
				}

				#colophon{
					height:3rem;
					padding-top:1rem;
					padding-bottom:1rem;
				}



				/* pagination */
				/* kriesi */

				.pagination{
					text-align:center;
					padding:3rem 0;
				}
				.pagepn{
					text-indent:-250rem;
					background-repeat:no-repeat;
					background-position:center;
					background-size:auto 1rem;
				}
				.page-first{background-image:url(img/page-first.png);}
				.page-prev{background-image:url(img/page-prev.png);}
				.page-next{background-image:url(img/page-next.png);}
				.page-last{background-image:url(img/page-last.png);}

				.pagination a,
				.pagination span{
					display:inline-block;
					width:1.75rem;
					height:1.75rem;
					font-size:.875rem;
					font-weight:600;
					line-height:1.75rem;
					border-radius:1.75rem;
					box-sizing:border-box;
					padding-top:.1rem;
				}
				.pagination a.inactive{
					opacity:0.5;
					cursor:default;
				}
				.page-numbers{
					color:inherit;
					margin:0 .5rem;
				}
				.page-numbers.current{
					background:#FF5229;
					color:#fff;
				}
				.page-prev{
					margin-left:-.5rem;
					margin-right:.5rem;
				}
				.page-next{
					margin-right:-.5rem;
					margin-left:.5rem;
				}


				/* webkit things */

				input[type=text],
				input[type=search],
				input[type=button],
				input[type=email],
				input[type=submit],
				textarea{
					-webkit-appearance:none;
					-webkit-border-radius:0;
				}
				*{
					-webkit-text-size-adjust:100%;
				}

				/* Where placeholder needs to obey the styles */

				/* fix the stupid placeholder colour */
				/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
				::-webkit-input-placeholder { /* WebKit, Blink, Edge */
					font-family:"Montserrat",Arial,sans-serif;
					font-size:.875rem;
					color:#fff;
				}
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
					font-family:"Montserrat",Arial,sans-serif;
					font-size:.875rem;
					color:#fff;
					opacity:1;
				}
				::-moz-placeholder { /* Mozilla Firefox 19+ */
					font-family:"Montserrat",Arial,sans-serif;
					font-size:.875rem;
					color:#fff;
					opacity:1;
				}
				:-ms-input-placeholder { /* Internet Explorer 10-11 */
					font-family:"Montserrat",Arial,sans-serif;
					font-size:.875rem;
					color:#fff;
				}
				::-ms-input-placeholder { /* Microsoft Edge */
					font-family:"Montserrat",Arial,sans-serif;
					font-size:.875rem;
					color:#fff;
				}


				@media (max-width:1240px){
					#langselector .selector ul{
						width:20em;
						width:auto;
						padding-left:10em;
						margin-left:-10em;
					}
					/* only needed for 'option 1' 
					#langselector .gtranslate_wrapper{
						left:20em;
						max-width:calc(100vw - 10em);
					}
					*/
				}
				@media (max-width:1030px){
					.search-panel{
						padding-left:clamp(1rem,5vw,6rem);
					}
				}
				@media(max-width:830px){
					#masthead h2{
						line-height:2.5rem; /* to line up with the image of the h1/p site-ttile */
						padding-top:1rem;
					}
					#primary,
					#secondary{
						width:100%;
					}
					#secondary .nav-menu{
						display:flex;
						flex-wrap:wrap;
						justify-content:space-between;
						padding-top:2rem;
					}
					#secondary .nav-menu li{
						width:calc(50% - .5rem);
					}
				}
				@media(max-width:750px){
					.toprightwrap{
						order:-1;
						width:100%;
					}
					#site-branding h1, #site-branding p{
						padding-left:clamp(1rem,5vw,2rem);
						padding-right:clamp(1rem,5vw,2rem);
						padding-top:1rem;
						line-height:3rem;
					}
					.topleftwrap{
						position:absolute;
						bottom:0;
						z-index:1;
					}
					#langselector .selector{
						padding-bottom:.25rem;
					}
					#sitesearch{
						padding-bottom:0;
					}

					.toprightwrap #site-branding,
					.toprightwrap .site-description{
						width:100%;
						padding-top:0;
					}
					.toprightwrap #site-branding{
						height:4.25rem;
					}
					.toprightwrap .site-description{
						height:2rem;
					}
					#site-branding:after{
						display:none;
					}
					.site-description:before{
						display:none;
					}
					.toprightwrap .site-description{
						text-align:right;
						position:relative;
						background:transparent;
						padding-right:0;
					}
					#masthead .toprightwrap h2{
						width:fit-content;
						margin-right:0;
						margin-left:auto;
						position:relative;
						background:transparent;
						padding-right:clamp(1rem,5vw,2rem);
						padding-left:clamp(1rem,5vw,2rem);
						padding-top:0;
						line-height:2rem;
						color:#00203c;
					}
					.toprightwrap:before{
						content:" ";
						display:block;
						position:absolute;
						top:0;
						right:0;
						width:12rem;
						height:100%;
						background:linear-gradient(108deg,transparent 0,transparent 2rem, #E44A21 2rem, #E44A21 100%);
					}
					.notpassed .toprightwrap:before{
						width:0;
						transition:width 1s ease-in-out 0s;
					}
					.loaded .toprightwrap:before{
						width:12rem;
					}
				}
				@media(max-width:650px){
					.toprightwrap{
						width:100%;
					}
					.topleftwrap{
						order:2;
					}
				}
				@media (max-width:600px){
					.search-panel{
						padding-left:0;
						padding-right:0;
					}
					.search-panel form{
						width:100vw;
						padding-left:clamp(1rem,5vw,6rem);
						padding-right:clamp(1rem,5vw,6rem);
					}
					.search-panel form label{
						width:calc(100% - 7.5rem);
					}
					.search-panel form label input{
						width:100%;
					}
					.search-panel form input{
						min-width:7.5rem; /* otherwise other translations don't always fit, like "zoekopdracht" in NL... */
					}
				}
				@media (max-width:360px){
					.topleftwrap{
						min-width:8rem;
					}
					#sitesearch{
						padding-left:0;
					}
					.search-panel form input{
						font-size:1rem;
						width:6rem;
					}
					.search-panel form label{
						width:calc(100% - 6rem);
					}
					#masthead .toprightwrap h2{
						font-size:.8rem;
					}
					#secondary .nav-menu{
						font-size:.8rem;
					}
				}
				@media (max-width:300px){
					#secondary .nav-menu li{
						width:100%;
					}
				}
} /* end of @media screen only  */



@media print {
	/* hiding menu, language and search + changing colours of heading */
	*{
		background:white;
		color:black !important;
	}
	#masthead .toprightwrap #site-branding:after{
		content:"Trafalgar Entertainment";
		display:block;
		font-size:2rem;
		font-weight:bold;
		text-transform:uppercase;
	}
	.site-description{
		padding-left:0 !important;
	}
	#masthead h2{
		line-height:1.5;
		margin-bottom:2em;
	}
	.topleftwrap,
	.site-description:before,
	.loaded .site-description:before,
	.search-panel,
	#secondary{
		display:none !important;
	}	
	#primary{
		width:100% !important;
	}
	#primary ul.pages li.page_item_has_children > ul,
	#primary ul.pagestest li.page_item_has_children > ul{
		display:block !important;
	}
	ul.pages li a:before,
	ul.pagestest li a:before{
		content:" - ";
		background:none !important;
	}
	ul.pages li.page_item_has_children > a:before,
	ul.pagestest li.page_item_has_children > a:before{
		content:" + ";
		background:none !important;
	}
	.videobox iframe,
	video,
	.wp-audio-shortcode{
		border:1px solid black;
	}

}