/*
 * Author: Digital Development Services
 * STEM Technical Services
 * URL: http://stem-ts.open.ac.uk/
 *
*/


/*------------------------------------------------
#
# site
#
--------------------------------------------------*/
body{/*background:#e7e7e7;*/background:#fff;height:100%;margin:0;color:#4f5355;overflow-x:hidden;}
html,body,#hero{width:100%;height:100%;}
img{max-width:100%;height:auto;}

#wpadminbar{max-width:90% !important;}

/*------------------------------------------------
#
# OU
#
--------------------------------------------------*/
.ou-identity-name{color:#fff !important;}
.ou-footer-nav h3{margin-left:0 !important;}

/*------------------------------------------------
#
# titles / paragraphs / blockquotes / lists
#
--------------------------------------------------*/
h1, h2, h3, h4, h5, h6{color:#000;font-family:'Karla', sans-serif;font-weight:400;margin:10px 0 20px 0;line-height:1.4;}
.classify{font-family:'Karla', sans-serif;font-weight:400;font-size:inherit;}

/*h3{margin:0 0 20px 0;text-indent:20px;text-transform:uppercase;font-weight:700;color:#000;font-size:1.2rem;}
h3.line{position:relative;z-index:1;}    
h3.line:before{border-top:2px solid #123740;content:"";margin:0 auto;position:absolute;top:50%;left:0;right:0;bottom:0;width:100%;z-index:-1;}
h3.line span{background:#fff;padding:0 5px;}*/

h3{margin:0 10px;}


p{padding:0;margin:10px 10px 12px 10px;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:1.1rem;line-height:1.6;color:#4f5355;}

h1 small{font-size:14px;}
small{display:block;}

blockquote{display:block;background:#000;color:#fff;margin:20px;padding:20px;font-size:1.6rem;border-radius:0.25rem;}
blockquote:before{color:#dacedd;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0;vertical-align:-0.4em;}
blockquote p{display:inline;font-size:1.6rem;margin:0;}
pre{background:#f4f4f4;border:none;border-left:3px solid #000;page-break-inside:avoid;font-family:monospace;font-size:14px;line-height:1.6;margin:20px;max-width:100%;overflow:auto;padding:20px;display:block;word-wrap:break-word;}

ul, ol{margin:15px 60px;padding:0;}
ul{list-style:square;}
ol{list-style:decimal-leading-zero;}
ul li, ol li{margin:5px 0;padding:0;font-family:'Karla', sans-serif;font-weight:400;font-size:1.2rem;line-height:1.6;}


/*------------------------------------------------
#
# margin / padding / alignments
#
--------------------------------------------------*/
.align-left{float:left;}
.align-right{float:right;}
.align-center{margin-left:auto;margin-right:auto;display:block;clear:both;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
.text-align-center{text-align:center;}
.valign-image-center{display:table;}
.valign-image-center a{vertical-align:middle;display:table-cell;}
.valign-image-center img{display:block;height:auto;width:100%;}
.pointer{cursor:pointer;}
.fullwidth{width:100%;margin-bottom:20px;}
.no-padding{padding:0 !important;margin:0;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-40{margin-top:40px;}
.margin-top-60{margin-top:60px;}
.margin-top-80{margin-top:80px;}
.margin-top-100{margin-top:100px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-80{margin-bottom:80px;}
.margin-bottom-100{margin-bottom:100px;}
.margin-left-20{margin-right:20px;}
.margin-left-40{margin-right:40px;}
.margin-right-20{margin-right:20px;}
.margin-right-40{margin-right:40px;}
.desktop{display:block;}
.phone, .tablet, .mobile{display:none;}
.remove-grid-padding{padding-left:0 !important;padding-right:0 !important;}
.remove-gutter-x{--bs-gutter-x:0 !important;}

hr{clear:both;background:#4f5353;border:none;color:#4f5353;display:block;height:1px;margin:40px 0 !important;width:100%;}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

::-moz-selection{color:#fff;text-shadow:none;background:#312b39;}
::selection{color:#fff;text-shadow:none;background:#312b39;}
*,*:after,*:before{box-sizing:border-box;padding:0;margin:0;}

.equal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.equal > [class*='col-']{display:flex;flex-direction:column;}
@media (min-width:768px){
	.row.equal{display:flex;flex-wrap:wrap;}
}






/*------------------------------------------------
#
# tooltips
#
--------------------------------------------------*/
div.tooltip-inner{max-width:300px;width:300px;word-break:break-word;font-size:0.8rem !important;padding:10px;}
.tooltip.top .tooltip-inner{background-color:#d6d34e;color:#d6d34e !important;}
.tooltip.top .tooltip-arrow{border-top-color:#d6d34e;}
.tooltip.in{opacity:1!important;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#d6d34e !important;}
.tooltip-inner{background-color:#d6d34e;color:#000 !important;}
.tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:#d6d34e !important;}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#d6d34e !important;}
.tooltip.bs-tooltip-start .tooltip-arrow::before{border-left-color:#d6d34e !important;}
.tooltip.bs-tooltip-end .tooltip-arrow::before{border-right-color:#d6d34e !important;}


/*------------------------------------------------
#
# colours
#
--------------------------------------------------*/
.white{color:#fff !important;}
.black{color:#000 !important;}
.yellow{color:#d6d34e !important;}
.darkred{color:#811519 !important;}
.red{color:#ce363c !important;}
.blue{color:#186d9c !important;}
.mid-blue{color:#1b5c81 !important;}
.grey{color:#4f5353 !important;}
.lightgrey{color:#f5f5f5 !important;}


.white-bg{background-color:#fff !important;}
.black-bg{background-color:#000 !important;}
.yellow-bg{background-color:#d6d34e !important;}
.darkred-bg{background-color:#811519 !important;}
.red-bg{background-color:#ce363c !important;}
.red-bg{background-color:#186d9c !important;}
.mid-red-bg{background-color:#1b5c81 !important;}
.grey-bg{background-color:#4f5353 !important}
.light-grey-bg{background-color:#f5f5f5 !important;}


/*------------------------------------------------
#
# mobile navigation
#
--------------------------------------------------*/
.scroll-list{}
.navbar-toggle{border-color:#000 !important;border-radius:0;}
.navbar-toggle:hover,.navbar-toggle:focus{background-color:#f3f3f1 !important;}
.navbar-toggle .icon-bar{background-color:#186d9c !important;border-radius:0;}


/*------------------------------------------------
#
# modal
#
--------------------------------------------------*/
.modal{z-index:99999 !important;}
.modal-content{border-radius:0;border:none;}
h4.modal-title{color:#000;font-size:1.2em;margin:0 10px;font-weight:700;}
.modal-header{border-bottom:none !important;}
.modal-header .close{color:#000;}


/*------------------------------------------------
#
# embed wrapper full width
#
--------------------------------------------------*/
.vwrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:10px;height:0;margin:0 0 20px 0;}


/*------------------------------------------------
#
# video/audio iframe responsive design
#
--------------------------------------------------*/
.video-wrapper{margin-left:auto;margin-right:auto;width:640px;max-width:100%;}
.video-container{position:relative;padding-bottom:50%;padding-top:6.25%;height:0;overflow:hidden;   }
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin-left:10px;margin-right:15px;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */
/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */
.youtubeWrapper, .vimeoWrapper, .instagramWrapper{position:relative;padding-top:0;height:0;overflow:hidden;margin-top:10px;}
/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper{padding-bottom:56.25%;}
/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper{padding-bottom:120%;}    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed{position:absolute;top:0;left:0;width:100%;height:100%;}


/*------------------------------------------------
#
# ouheaders
#
--------------------------------------------------*/

#ou-header, #ou-org-footer{font-family:Arial, Helvetica, sans-serif !important;font-size:.875rem !important;font-weight:300;}
#ou-header a, #ou-org-footer a{font-family:Arial, Helvetica, sans-serif !important;font-size:.875rem !important;font-weight:300;}
#ou-header ul li, #ou-header ol li, #ou-org-footer ul li, #ou-org-footer ol li{font-family:Arial, Helvetica, sans-serif !important;font-size:.875rem !important;}
.ou-footer-title h2{margin-left:0 !important;}


/*------------------------------------------------
#
# header
#
--------------------------------------------------*/
#header{position:relative;background:#fff;padding:0;margin-top:60px;width:100%;}
#header .project-accessibility-banner{position:absolute;right:15%;bottom:1px;}
#header .project-accessibility-banner p{margin:2px 8px;}
#header .project-accessibility-banner a{font-size:14px;color:#24285c;border:2px solid #fff;padding:2px 5px;}

#header .project-accessibility-banner a:hover{color:#191c40;text-decoration: underline;text-decoration-thickness: 2px;}
#header .project-accessibility-banner a:focus{color:#000;background: #fcf289;text-decoration: underline;text-decoration-thickness: 2px;border: 2px solid #000}
#header .project-accessibility-banner a:visited{color:#a53c80;text-decoration: underline;text-decoration-thickness: 2px;}


/*#header .imgtxt{padding:0;position:absolute;top:35%;left:20.3%;}
#header h1{float:left;position:relative;display:block;padding:0;color:#000;font-size:38px;font-size:2.3rem;margin:0 0 10px 0;font-weight:700;}
#header h2{float:left;clear:both;position:relative;display:block;padding:0;color:#000;font-size:19px;font-size:1.2rem;margin:0;/*max-width:300px !important;/font-weight:300;}*/
#header .research-button a{float:left;clear:both;position:relative;display:inline;background:#d9d05b;padding:10px;color:#123740;font-size:1.0rem;margin:10px 0 0 0;font-weight:400;}

#header .welcome-title{position:relative;margin:180px 0 20px 20px;}
#header .site-title{position:relative;margin:0 20px 0 20px;}
#header .welcome-title h2{font-size:1.4rem;color:#fff;text-shadow:6px 5px 8px rgba(29,29,27,0.5);}
#header .site-title h1{max-width:600px;font-size:2.4rem;font-weight:700;color:#fff;text-shadow:6px 5px 8px rgba(29,29,27,0.5);}
#header .site-title p{background-color:rgba(255,255,255,0.7);font-size:1.9rem;padding:20px;}
#header .site-title img{margin-bottom:20px;}


/*#header .site-title h1{background-color:rgba(207,207,207,0.9);display:inline !important;box-shadow:7px 0 0 0 rgba(207,207,207,0.9),-7px 0 0 0 rgba(207,207,207,0.9);font-size:30px !important;font-size:1.6rem !important;font-weight:300 !important;padding:10px 0 !important;float:none !important;line-height:2.0;}*/


/*------------------------------------------------
#
# navigation
#
--------------------------------------------------*/
#logo{visibility:hidden;height:50px;margin-top:5px;}
#logo.alwayson{visibility:visible !important;}
.navbar-default{background:#fff;border:none;width:100%;border-radius:0;z-index:9999;/*position:fixed;*/height:60px;top:0;}
.navbar-fixed-top{position:fixed;right:0;left:0;z-index:9999;}
/*.navbar{margin-bottom:0 !important;}*/

.navbar-default li.current-menu-item a, .nav .menu li.current_page_parent a{color:#186d9c !important;padding:0;margin-right:25px;border-bottom:3px solid #186d9c;}


.blog-nav-bar{background: #1f55a5; height: 60px;}
#nav-items{float: right; display: flex; list-style: none; margin-top:0;margin-right:0px;}
.nav-items-container{padding-right:0px;}
.nav-link{display: inline-block;

	margin-top:0;margin-bottom: 0;margin-left:2px;}
.nav-link-a{color: #FFFFFF; text-decoration: none; text-align: right;display: block;padding: 17px 15px 18px; font-family: Arial, Helvetica, sans-serif;max-height:60px;}
.active{background: #FFFFFF; }
.active-text{color: #1f55a5;}
.page-title{ display: inline;}
.page-title a{color: #FFF;font-family: "Poppins", sans-serif;font-weight: bold; font-size: 25px; text-decoration: none;}
.nav-link-a:hover{
	text-decoration: none;
	color: #1f55a5;
}
.nav-link:hover{
	background: #FFFFFF;
	color: #1f55a5;
}
.nav{padding:0;text-align:center;float:right;}
.nav .menu-toggle{position:relative;z-index:2;display:block;padding:0;background-color:#fff;text-decoration:none;text-align:center;color:#000;margin:7px 0 0 0;float:right;}
/*.nav .menu-toggle:hover, */.nav .menu-toggle:focus{color:#000;}
.nav .menu-toggle-text{display:block;}
.no-js .nav .menu-toggle{display:none;}
.nav .expanded-menu-toggle{color:#000;/*background-color:#f5f5f5;*/}
.no-fontface .nav .icon-menu:before{display:none;}
/* .menu is visually hidden by default */
.menu{position:relative;z-index:1;background-color:#fff;border:0;margin:-1px -15px;overflow:hidden;padding:0;max-height:1px;min-height:0;clip:rect(0 0 0 0);-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-transition:max-height 600ms ease-out, min-height 600ms ease-in, padding 600ms ease-in;-o-transition:max-height 600ms ease-out, min-height 600ms ease-in, padding 600ms ease-in;-webkit-transition:max-height 600ms ease-out, min-height 600ms ease-in, padding 600ms ease-in;transition:max-height 600ms ease-out, min-height 600ms ease-in, padding 600ms ease-in;
/* end .menu li */}
.menu li{/* no sub menus for mobile */padding:0;list-style:none;margin-bottom:0 !important;}
.menu li a{color:#181818;background-image:linear-gradient(120deg, #fff 0%, #fff 100%);background-repeat:no-repeat;background-size:100% 0.2em;background-position:0 88%;transition:background-size 0.25s ease-in;text-decoration:none;padding:8px 0 6px 0;}
.menu li a:hover, .menu li a:focus{color:#181818;background-size:100% 90%;text-decoration:none;}
.menu li ul.sub-menu,
.menu li ul.children{display:none;}
/* end .menu */
.no-js .menu, .expanded-mobile-menu{-moz-transition:max-height 800ms ease-in, min-height 500ms ease-out, padding 400ms ease-in;-o-transition:max-height 800ms ease-in, min-height 500ms ease-out, padding 400ms ease-in;-webkit-transition:max-height 800ms ease-in, min-height 500ms ease-out, padding 400ms ease-in;transition:max-height 800ms ease-in, min-height 500ms ease-out, padding 400ms ease-in;/*min/max heights allow me to css transition to height auto for WordPress menus with unknown number of items*/clip:auto;min-height:8em;max-height:100em;padding:0;z-index:9999;}
@media only screen and (min-width: 30.1em){
	/*481 ish px*/
	.menu li{float:right;width:100%;}
}
@media only screen and (min-width: 58em){
	.nav .menu-toggle{display:none;}
	.menu, .no-js .menu, .expanded-mobile-menu{/* no longer hidden by default! */margin:10px 0 0 0;min-height:0;max-height:999em;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:visible;padding:0;background:#fff;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;/* end .menu ul li */text-align:right;}
	.menu li, .no-js .menu li, .expanded-mobile-menu li {float:none;width:auto;display:inline-block;position:relative;vertical-align:middle;/* DROP DOWNS *//* showing sub-menus */}
	.lt-ie8 .menu li, .lt-ie8 .no-js .menu li, .lt-ie8 .expanded-mobile-menu li{/* inline-block fix for old ie (relevant if they're served larger media queries in an IE stylesheet or something similar...*/display:inline;zoom:1;}
	.menu li a, .no-js .menu li a, .expanded-mobile-menu li a{padding:0;color:#000;/*background-image:linear-gradient(120deg, #e8176e 0%, #e8176e 100%);background-repeat:no-repeat;background-size:100% 0.2em;background-position:0 88%;transition:background-size 0.25s ease-in;text-decoration:none;padding:8px 10px;*/background-image:none;margin-right:25px;font-size:1.2rem;}
	.menu li a:hover, .menu li a:focus, .no-js .menu li a:hover, .no-js .menu li a:focus, .expanded-mobile-menu li a:hover, .expanded-mobile-menu li a:focus{/*border-top:10px solid #f9c602;*/border-bottom:3px solid #186d9c;color:#186d9c;/*background-size:100% 90%;*/text-decoration:none;}
	.menu li ul.sub-menu, .menu li ul.children, .no-js .menu li ul.sub-menu, .no-js .menu li ul.children, .expanded-mobile-menu li ul.sub-menu, .expanded-mobile-menu li ul.children{display:block;position:absolute;z-index:2;/*top:100%;*/left:0;/*white-space:nowrap;*/-moz-transition:max-height 400ms ease-out, min-height 500ms ease-in, padding 500ms ease-out, opacity 500ms ease-in;-o-transition:max-height 400ms ease-out, min-height 500ms ease-in, padding 500ms ease-out, opacity 500ms ease-in;-webkit-transition:max-height 400ms ease-out, min-height 500ms ease-in, padding 500ms ease-out, opacity 500ms ease-in;transition:max-height 400ms ease-out, min-height 500ms ease-in, padding 500ms ease-out, opacity 500ms ease-in;background:#2f75d0;text-align:left;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;/* visually hidden */opacity:0;border:0;margin:7px 0;overflow:hidden;padding:0;max-height:1px;min-height:0;}
	.menu li ul.sub-menu li, .menu li ul.children li, .no-js .menu li ul.sub-menu li, .no-js .menu li ul.children li, .expanded-mobile-menu li ul.sub-menu li, .expanded-mobile-menu li ul.children li{display:block;padding:0 0 0 0;}
	.menu li ul.sub-menu li a, .menu li ul.children li a, .no-js .menu li ul.sub-menu li a, .no-js .menu li ul.children li a, .expanded-mobile-menu li ul.sub-menu li a, .expanded-mobile-menu li ul.children li a{padding:0 10px;display:block;/*line-height: 1.5;*/margin:0;text-align:left;background:transparent;color:#fff;font-size:1.2rem;}
	.navbar-default ul li:hover > a{color:#186d9c;background-size:100% 100%;text-decoration:none;}
	.menu li ul.sub-menu li a:hover, .menu li ul.sub-menu li a:focus, .menu li ul.children li a:hover, .menu li ul.children li a:focus, .no-js .menu li ul.sub-menu li a:hover, .no-js .menu li ul.sub-menu li a:focus, .no-js .menu li ul.children li a:hover, .no-js .menu li ul.children li a:focus, .expanded-mobile-menu li ul.sub-menu li a:hover, .expanded-mobile-menu li ul.sub-menu li a:focus, .expanded-mobile-menu li ul.children li a:hover, .expanded-mobile-menu li ul.children li a:focus{color:#186d9c;background-size:100% 90%;text-decoration:none;}
	.menu li ul.sub-menu li:last-child a, .menu li ul.children li:last-child a, .no-js .menu li ul.sub-menu li:last-child a, .no-js .menu li ul.children li:last-child a, .expanded-mobile-menu li ul.sub-menu li:last-child a, .expanded-mobile-menu li ul.children li:last-child a{border-bottom:0;}
	.menu li:hover ul, .menu li.focused ul, .no-js .menu li:hover ul, .no-js .menu li.focused ul, .expanded-mobile-menu li:hover ul, .expanded-mobile-menu li.focused ul{-moz-transition: max-height 800ms ease-in, min-height 500ms ease-out, padding 500ms ease-out, opacity 800ms ease-out;-o-transition: max-height 800ms ease-in, min-height 500ms ease-out, padding 500ms ease-out, opacity 800ms ease-out;-webkit-transition: max-height 800ms ease-in, min-height 500ms ease-out, padding 500ms ease-out, opacity 800ms ease-out;transition: max-height 800ms ease-in, min-height 500ms ease-out, padding 500ms ease-out, opacity 800ms ease-out;/* again using min/max heights to deal with unknown length of lists */min-height: 8em;max-height: 100em;padding: 0;opacity: 1;}
	.menu li:hover ul ul, .menu li.focused ul ul, .no-js .menu li:hover ul ul, .no-js .menu li.focused ul ul, .expanded-mobile-menu li:hover ul ul, .expanded-mobile-menu li.focused ul ul{min-height:0;padding:0;}
	.menu li:hover > a, .no-js .menu li:hover > a, .expanded-mobile-menu li:hover > a{color:#186d9c;background-size:100% 90%;text-decoration:none;}
}


/*------------------------------------------------
#
# content
#
--------------------------------------------------
#content{background:#f5f5f5;padding:60px 0 60px 0;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{text-align:center;}
#content h4{text-transform:uppercase;margin:0 !important;font-size:1.0rem;}
.content{padding:60px 0 60px 0;}
.content section{background:#fff;color:#000;padding:0 0 10px 0;margin:0 0 20px 0;}
.content section h1{background:#326fb4;padding:20px;color:#fff;margin-bottom:40px;font-size:28px;font-size:1.9rem;text-align:center;}
.content section p{margin:10px 20px;}*/

/*------------------------------------------------
#
# home
#
-------------------------------------------------- */

#search-container{
	/*margin-top:60px;*/
	padding: 25px;
	margin-bottom: 10px;
	border-radius: 1px 30px 1px 1px;
	height: 200px;
	padding-left: 45px;
	background: #3A3381;
}

#searchbar-div{
	margin-bottom: 20px;
}

#search-title{
	display: block;
	margin-left: 5px;
	margin-bottom: 25px;
	color: #FFF;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	font-size: 25px;
	min-width:10%;
}

#search-filter{
	display: inline-block;
	width: 88%;
	margin-right: 0;
	float: left;
	height: 50px;
	border-radius: 5px 1px 1px 5px;
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:15px;
}
#search-filter::placeholder {
	color: gray;
}
#search-filter:focus{background: #fdf289; color: black;}

#search-button{
	display: inline-block;
	padding: 0 24px;
	border:1px solid #4ECDC4;
	margin-left: 0px;
	border-radius: 1px 30px 30px 1px;
   background: #4ECDC4;
   color: #24285C;
   font-size: 16px;
   font-weight: 400;
   font-family: Poppins, sans-serif;
   cursor: pointer;
   transition: background-color 0.3s 
ease;
   transition: border-color 0.3s 
ease;
height:50px;

}

#search-button:hover{background: #45B7B8; border:1px solid #45B7B8;text-decoration: underline;   
}
#search-button:active{background: #5D929D; border:1px solid #5D929D;text-decoration: underline;   
}
#search-button:focus{background: #fdf289; border:1px solid black; text-decoration: underline; color: black;   
}

#reset-link, #search-link{
	float: right;
	text-decoration: underline;
	color: #fff;
	font-size: 15px;
	margin-right: 20px;
	padding:0px 5px;
	border:2px solid #383381;
	border-radius:5px;
}

#reset-link{
	margin-right:37px;
}

/*#reset-link:active, #search-link:active{color: #12142e; text-decoration-thickness:2px;}*/
#reset-link:visited, #search-link:visited{color: #e5b7d5;text-decoration-thickness:2px;}
#reset-link:hover, #search-link:hover{color: #c4c2d9; text-decoration-thickness:2px;}
#reset-link:focus, #search-link:focus{color:#000;background-color:#FDF289;text-decoration-thickness:2px;border:2px solid #000;}

/*------------------------------------------------
#
# about/ Description
#
--------------------------------------------------*/
#description-container{background: #D8D6E6; margin-bottom: 20px;padding-left: 35px;}
#description-container #welcome-heading{font-size: 40px; color: #24285c; font-weight: bold; padding-top: 10px; font-family: Poppins;}
#description-container #description-text{color: #24285c; padding-bottom: 30px}
#description-container .welcome-banner-container{padding-right: 0}
#description-container #welcome-banner{
	max-width: 100%;
	height: 100%;
	border-radius: 155px 0 0 0;
}


/*------------------------------------------------
#
# news
#
--------------------------------------------------*/
#news{margin:60px 0 60px 0;}
#news h1, #news h2, #news h3, #news h4, #news h5, #news h6, #searched-news-sectionh1, #searched-news-section h2, #searched-news-section h3, #searched-news-section h4, #searched-news-section h5, #searched-news-section h6{text-align:center;}
#news .news-heading, #searched-news-section .news-heading{margin:0 !important;font-size:1.0rem;}
.card{margin-top:20px; border-radius: 0 60px 0 0}
#news .card h3, #news .card h4, #searched-news-section .card h3, #searched-news-section .card h4{text-transform:none;text-align:left;margin:0 10px !important;}
#news .card .mask-img, #searched-news-section .card .mask-img{position:relative;overflow:hidden;max-height:200px;width:100%;
display:block;}
#news .card .mask-img img, #searched-news-section .card .mask-img img{border:1px solid #ccc;max-width:100%;border-radius: 0 30px 0 0;max-height:200px; object-fit:cover;padding:0;margin-bottom:0;}
#news .card .post-meta, #searched-news-section .card .post-meta{margin:5px 10px 10px 10px !important;font-family: Arial, Helvetica, sans-serif; color: #24285C; font-size: 14px;}
#news .news-heading, #searched-news-section .news-heading{font-size: 28px; font-family: "Poppins", sans-serif; font-weight: 700; color: #24285C; text-align: left;}
#news .card-title, #searched-news-section .card-title{color: #24285C; font-family: "Poppins", sans-serif;font-weight: bold; text-decoration: underline; text-decoration-thickness:1px;  font-size: 18px}
#news .card-title:hover, #searched-news-section .card-title:hover{text-decoration-thickness: 2px}
/*#news .card-title:visited, #searched-news-section .card-title:visited{color: #a53c80;}*/
#news .card-title:visited:hover, #searched-news-section .card-title:visited:hover{color: #a53c80; text-decoration-thickness:2px;}
#news .card-text, #searched-news-section .card-text{color: #24285C; font-family: Arial, Helvetica, sans-serif ; font-size: 16px;}
#news .post-news-type, #searched-news-section .post-news-type{display: inline-block;}
#news .post-category, #searched-news-section .post-category{display: inline-block; margin-left: 10px;color:#1f55a5;max-width:80%;}
#news .post-icon, #searched-news-section .post-icon{float: left;margin-top: 5px;color:#24285c;min-width:20px;}
#news .noborder, #searched-news-section .noborder{border: 0;padding: 0;}
.card-body, #searched-news-section .card-body{border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 0; border-right: 1px solid #ccc;cursor:pointer;}
.card-body:hover{background:#ebebf2;transition: color 0.5s ease;transition: background 0.5s ease;}
#news .card-footer, #searched-news-section .card-footer{background: #EBEBF2; border-top: 0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;border-radius: 0px;}

.card-footer {
  position: relative;
}

.card-footer::before,
.card-footer::after {
  content: "";
  position: absolute;
  right: 0;
  width: 20px;
  height: 20px;
  background: #B0ADCD; 
  border-bottom-left-radius: 100%;
  top:0;
}

/* second quarter-circle (bottom) */
.card-footer::after {
  top:13px;
  right:13px; 
}

.searched-items{color: #12142e; font-family: Arial, Helvetica, sans-serif; margin-left: 0;margin-top: 0}
.post-count{color: #24285C; font-family: Arial, Helvetica, sans-serif ;}
.no-margin{margin-left:0;}
.entry-title{
	color: #24285C;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 28px;;
}
.entry-meta{
	margin-left: 10px;
}
.post a{
	text-decoration: underline;
	color: #24285c;
	font-size: 15px;
}

.post a:hover{color: #191c40; text-decoration-thickness:2px;}
.post a:active{color: #12142e; text-decoration-thickness:2px;}
.post a:visited{color: #a53c80;}
.post a:visited:hover{color: #a53c80; text-decoration-thickness:2px;}
.post a:focus{color: #000; background: #fcf289; border: 2px solid #000;}
.post-title-icon {
	float: right;
	margin-top: 10px;
	margin-left: 2px;
	color:#276b61;
}


.ou-news-img{
	background: #24285c;
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 0 30px 0 0;
}

#news .card .ou-news-img img{
	border:none;
}


/* Custom Pagination Styling */
.pagination.ajax-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem; /* spacing between buttons */
  list-style: none;
  padding: 1rem 0;
  margin: 1rem 0;
  font-family: 'Poppins', sans-serif;
}

.pagination.ajax-pagination .page-item {
   display: flex;
	font-family: Arial, Helvetica, sans-serif;

}

.pagination.ajax-pagination .page-link {
  color: #24285C;
  background: none;
  border:none;
  padding: 0.4rem 0.8rem;
  font-size:20px;
  box-shadow: none;
  margin-right:10px;
  min-width:75px;
  text-align: center;
}

.pagination.ajax-pagination .page-link strong {
	font-size:30px;
}

/* Active page */
.pagination.ajax-pagination .page-item.active .page-link {
  background-color: none;
  font-weight:bolder;
}

/* Hover and focus match #search-link style */
.pagination.ajax-pagination .page-link:hover {
  color: #191c40;
  background: #e6e6e6;

}

.pagination.ajax-pagination .page-link:focus {
  color: #000;
  background-color: none;
}

.pagination.ajax-pagination .page-link:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .4s ease, background-color .4s ease;
  margin-top:10px;
}
.pagination.ajax-pagination .page-link:hover:after {
  width: 100%;
  background: #24285C;
}

.pagination.ajax-pagination .page-item.active .page-link:after{
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 100%;
  background: #24285C;
   margin-top:10px;
}

/*------------------------------------------------
#
# team
#
--------------------------------------------------*/
#team{background:#fff;padding:60px 0 60px 0;}
#team h1, #team h2, #team h3, #team h4, #team h5, #team h6{text-align:center;}
#team h4{text-transform:uppercase;margin:0 !important;font-size:1.0rem;}
#team .card .mask-img{padding:5px;}
#team .card img{width:100%;height:auto;margin:0;padding:0;border-radius:var(--bs-card-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;}
.card-social{background:#f5f5f5;padding-left:15px;height:50px !important;}
.card-social a{margin-right:10px;}

.card{border:none;}
.shadow-sm{box-shadow: 0 0 10px -3px rgba(79,83,85,0.5) !important;border-radius: 0 30px 0 0;}


/*------------------------------------------------
#
# outputs
#
--------------------------------------------------*/
#outputs{background:#f5f5f5;padding:60px 0 60px 0;}
#outputs h1, #outputs h2, #outputs h3, #outputs h4, #outputs h5, #outputs h6{text-align:center;}
#outputs h4{text-transform:uppercase;margin:0 !important;font-size:1.0rem;}


/*------------------------------------------------
#
# contact
#
--------------------------------------------------*/
#contact{padding:0;}
#contact h2{font-size:20px;text-transform:uppercase;font-weight:700;text-align:center;}
#contact a{border:none;}
#contact form{margin:0 auto;}
#contact ::-webkit-input-placeholder{color:#e6e6e6;}
#contact :-moz-placeholder{/* Firefox 18- */color:#e6e6e6;}
#contact ::-moz-placeholder{/* Firefox 19+ */color:#e6e6e6;}
#contact :-ms-input-placeholder{color:#e6e6e6;}
#contact label{display:inline-block;background:#fff;padding:5px;margin:20px 6px 0 6px;color:#fff;font-size:0.9rem;}
#contact input[type=text], #contact input[type=email], #contact textarea{display:block;background:#fff;color:#fff;border:1px solid #4f5353;margin:0 auto 0 auto;width:30%;}
#contact input:focus, #contact textarea:focus{outline:none;background:#e6e6e6;}
#contact input, #contact textarea{-webkit-appearance:none;border-radius:0;}
#contact h3.sent{margin:0 0 30px 0;text-indent:0;text-transform:uppercase;font-weight:700;color:#000;font-size:1.0rem;}
.alert{background:#fff;color:#811519;border-radius:0;font-size:1.0rem;}
.g-recaptcha{margin:20px 5px 20px 5px;}


/*------------------------------------------------
#
# advanced search
#
--------------------------------------------------*/
.accordion-item{
	border: 0;
}
#advanced-search-section{
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.accordion-item:first-of-type .accordion-button {
	border-radius: 0 39px 0 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
	border-radius: 0 39px 0 0;
}

#form-area{
	border: 2px solid #B0ADCD;
	border-top: 0;
}

#advanced-search-header-text{
	font-family: "Poppins", sans-serif;
	font-size:28px;
	font-weight: bold;	
}

#advanced-search-header-text:not(.collapsed){
	color: #24285c;
	width: 100%;
}


.advanced-search-header{
	margin-left: 0;
	margin-right: 0;
	border: 2px solid #B0ADCD;
	background: #B0ADCD;
	border-radius: 0 40px 0 0;
	border-bottom: 0;
}

#accordion-icon {
	float: right;
	color: #24285c;
	margin-right:15px;
}

.advanced-search-label{
	font-weight: bold;
	padding-left: 0;
	color: #24285c;
	font-size:16px;
}

.advanced-search-accordion:not(.collapsed){
	background-color: #B0ADCD;
	border-width: 2px;
	border-bottom: 0;
	display: block;
	border-radius: 0 40px 0 0;
}
.advanced-search-accordion:not(.collapsed):hover{
	background-color: #EBEBF2;
}

.advanced-search-accordion{
	background-color: #EBEBF2;
	border-width: 2px;
	border-bottom: 2px solid #B0ADCD;
	display: block;
	border-radius: 0 40px 0 0;
	transition:.5s ease

}
.advanced-search-accordion:hover{
	background-color: #B0ADCD;
}

.accordion-button{
	border-radius: 0 40px 0 0;
	transition:.5s ease
}



.advanced-search-accordion:hover #advanced-search-header-text{
	text-decoration: underline;
}

#advanced-search-header-subtext{
	color: #24285c;
}



.date-input{
	width: 47px;
	margin-left: 0;
	color: #24285c;
	border-radius: 5px;
	border-color: #615ca3;
	border-width: 2px;
}
.year-input{
	width: 65px;
	margin-left: 0;
	color: #24285c;
	border-radius: 5px;
	border-color: #615ca3;
	border-width: 2px;
}
.advanced-search-input{
	margin-bottom: 20px;
	color: #24285c;
	border-radius: 5px;
	border-color: #615ca3;
	border-width: 2px;
	margin-left: 0;
	padding:10px;
	transition:.5s ease
}

#date-picker-area small{
	color:#50537d;
}

.advanced-search-input::placeholder, .date-input::placeholder, .year-input::placeholder{
	color: #24285c;
}
.advanced-search-input:focus, .year-input:focus, .date-input:focus{
	border-color: #24285c;
	background: #fcf289;
}
.advance-search-wide{
	width: 70%;
}
.media-input{
	display: inline-block;
}


.advanced-search-select{
	color: #24285c;
	padding: 10px;
	width: 70%;
	margin-bottom: 20px;
    border-radius: 5px;
    border-color: #615ca3;
    border-width: 2px;

}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(https://api.iconify.design/akar-icons/chevron-down.svg) no-repeat center / contain;
	background-size: 20px;
	background-position: calc(100% - 10px);
	color: #24285c;
	padding: 10px;
	width: 70%;
	margin-bottom: 20px;

}

.advanced-search-button{
	border-radius: 30px;
	border:2px solid #308276;
	background: #308276;
	color: #fff;
	padding: 8px 30px;
	margin-top: 10px;
	margin-right: 10px;
	font-family: "Poppins", sans-serif;

}

.advanced-search-button:active{
	background:#143833;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	border:2px solid #143833;
	color:#fff;
}

.advanced-search-button:focus{
	background:#fdf289;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	border:2px solid #000;
	color:#000;
}


.advanced-search-button:hover{
	background:#1d4e47;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	border:2px solid #1d4e47;
	color:#fff;
}

#searched-news-section{
	margin-bottom: 10px;
}

#news-filter-title{
	font-size: 1.0rem;
}

/*------------------------------------------------
#
# forms
#
--------------------------------------------------*/
form.search-form{margin:20px 5px;}
form p{display:inline;padding:3px;margin:0 0 20px 0;}
.tab-group{list-style:none;padding:0;margin:0 0 40px 0;width:50%;}
.tab-group:after{content:"";display:table;clear:both;}
.tab-group li:first-child a{
	border-radius: 15px 0 0 15px;
}
.tab-group li a{display:block;text-decoration:none;padding:15px;background:rgba(242, 231, 75, 0.5);color:#000;font-size:20px;font-weight:bold;float:left;width:50%;text-align:center;cursor:pointer;transition:.5s ease;
	border-radius: 0 15px 15px 0;
}
.tab-group li a:hover{background:#f2e74b;color:#000;}
.tab-group .active a{background:#f2e74b;color:#000;}
.tab-content > div:last-child{display:none;}
form ::-webkit-input-placeholder{color:#e6e6e6;}
form :-moz-placeholder{/* Firefox 18- */color:#e6e6e6;}
form ::-moz-placeholder{/* Firefox 19+ */color:#e6e6e6;}
form :-ms-input-placeholder{color:#e6e6e6;}

h1, h2{font-weight:300;margin:0 10px 10px 10px;}
/*label{position:absolute;-webkit-transform:translateY(6px);transform:translateY(6px);left:13px;color:rgba(255, 255, 255, 0.5);transition:all 0.25s ease;-webkit-backface-visibility:hidden;pointer-events:none;font-size:22px;}*/
section.register label{display:inline-block;background:#000;padding:5px;margin:20px 5px 0 5px;color:#fff;font-size:0.9rem;}
section.register label.first{margin:20px 7px 0 7px;}
label span{margin:2px;color:#000 !important;}
/*label.active{-webkit-transform:translateY(50px);transform:translateY(50px);left:2px;font-size:14px;}
label.active .req{opacity:0;}*/
label.highlight{background:#000;color:#f2e74b;}

input, textarea{font-size:16px;display:block;/*width:98% !important;height:100%;*/padding:5px;margin:0 5px;
	background: #fff none;
	border:1px solid #186d9c;color:#fff;transition:border-color .25s ease, box-shadow .25s ease;}
@media (prefers-reduced-motion){
	/* styles to apply if a user's device settings are set to reduced motion */
	input, textarea{transition:border-color 0s ease, box-shadow 0s ease;}
}
input:focus, textarea:focus{outline:0;border-color:#f2e74b;}
input.search-field{display:inline-block;color:#4f5355;}
input.search-submit{background:#186d9c;color:#fff;display:inline-block;}
textarea{border:2px solid #000;resize:vertical;}
.field-wrap{position:relative;margin-bottom:40px;}
.top-row:after{content:"";display:table;clear:both;}
.top-row > div{float:left;width:48%;margin-right:4%;}
.top-row > div:last-child{margin:0;}
.button-block{display:block;width:100%;}
.forgot{margin-top:-20px;text-align:right;}

.topics{background:#b0b0b0;padding:30px 10px 20px 10px;
	border-radius: 0 15px 15px 15px;
	margin:0 10px 0 10px;}
label.suggested{background:#b0b0b0;color:#000;}
.topics-selected{background:#000;min-height:80px;padding:30px 10px 20px 10px;border-top-right-radius:15px;margin:0 10px 0 10px;}
input#missing{border-bottom-left-radius:15px;border-botom-right-radius:15px;border-top-right-radius:0;border-top:2px solid #000;}
input#missing:focus{background:#000;border-top:2px solid #f2e74b;}
.topics .button, .topics-selected .button{display:inline-block;background:#fff;font-size:1.0rem !important;text-transform:capitalize;padding:8px 8px 8px 12px;cursor:move;margin-bottom:10px;}
.topics a, .topics-selected a{background-image:none;}
.button.selected{background:#f5f2c4;}
.fa-plus-circle{color:#6AA823 !important;}
.fa-minus-circle{color:#a82346 !important;}


#content ul.topics, #content ul.topics-selected{margin-left:10px;}


/*------------------------------------------------
#
# tables
#
--------------------------------------------------*/
table caption{}
table tr{background-color:#fff;border:1px solid #ddd;padding:10px;}
table th{background:#0e56a7;color:#fff;padding:20px 10px;font-weight:bold;}
table td{padding:10px;}
.time{width:130px;}
.break{background:#e6e6e6 !important;}
.alternative{background:#0e56a7 !important;color:#fff !important;}

@media screen and (max-width: 600px){
	table{border:0;}
	table caption{}
	table thead{border: none;clip: rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:10px;}
	table td{border-bottom:1px solid #ddd;display:block;text-align:right;}
	table td::before{/*aria-label has no advantage, it won't be read inside a table content: attr(aria-label);*/ content:attr(data-label);float:left;font-weight:bold;text-transform:uppercase;}
	table td:last-child{border-bottom:0;}
}


/*------------------------------------------------
#
# footer
#
--------------------------------------------------*/




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    html, body{background-color:#fff;width:100vw;overflow-x:hidden !important;}
	.desktop{display:none;}
	.mobile{display:block;}
	.phone{display:block;}
	.ipadp{display:none;}
	
	a.button{clear:both;display:block;background:#fff;color:#186d9c;padding:5px 10px;margin:20px 10px 0 0;text-align:center;border:1px solid #186d9c;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;border-radius:0.2rem;font-size:1.0rem;text-transform:uppercase;}
	a.button:hover{background:#186d9c;color:#fff;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/
	body #ou-head #ou-header:not(.ie8) a[class*="ou-logo"], body.scotland #ou-head #ou-header:not(.ie8) a[class*="ou-logo"], body.wales #ou-head #ou-header:not(.ie8) a[class*="ou-logo"]{margin:2px 9px !important;height:34px !important;}

	.nav{padding:0;text-align:left;}
    .navbar-default{height:61px}
    .menu li a{display:block;padding:15px 0 15px 0 !important;background-color:transparent;text-decoration:none;text-align:center;color:#181818;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-image:none;font-size:1.8rem;}
    .menu li a:hover, .menu li a:focus, .menu li.current-menu-item a{color:#186d9c !important;border-bottom:3px solid #186d9c;}
	ul.sidebar-nav button.hamburger{margin-right:5px !important;}
	.nav .menu-toggle{background-color:transparent !important;margin:-48px 0 0 auto;}
	.menu{margin:5px -12px 5px auto;width:100%;}
	.menu li{padding:0;margin:0;width:100%;}
	.menu li a{width:100%;padding:10px 20px !important;}
	/*------------------------------------------------
	#
	# header
	#
	--------------------------------------------------*/
	#header .add-edit-story{width:80% !important;}
	#header .welcome-title h2{margin:0 0 10px 0;}
	/*------------------------------------------------
	#
	# page general
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# team
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# social
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
    footer .footer-meta{margin-top:60px;}
}



.ou-single,
.ou-single p,
.ou-single li,
.ou-single a { color: #24285c; }
.ou-entry-title {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  color: #24285c;
  margin: 0 0 .25rem 0;
  line-height: 1.2;
}
.ou-single{
	margin-top:25px;
}

.ou-entry-meta {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #24285c;
  opacity: 0.9;
  font-size: .95rem;
}
.ou-entry-meta .sep { margin: 0 .5rem; }

/* Header layout with image to the right */
.ou-media-header {
	min-height:150px;
	margin-bottom:25px;
}
.ou-media-header__text { align-self: start; }
.ou-media-header__image { margin: 0; }
.ou-featured-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: .5rem;
}

/* Content */
.ou-entry-content {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #24285c;
}

.ou-entry-content blockquote{
	color:#fff;
	background:#24285c;
	border-radius:25px;
}

.ou-entry-content blockquote p i{
	color:#fff;
}

.ou-entry-content img { max-width: 100%; height: auto; }

/* Footer taxonomies */
.ou-entry-footer {
  border-top: 1px solid #e8e8ee;
  margin-top: 2rem;
  padding-top: 1rem;
  display: grid;
  gap: .5rem 1rem;
  margin-bottom:25px;
}
.ou-term-group { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem .5rem; }
.ou-term-label {
  font-weight: 600;
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #24285c;
  margin-right: .25rem;
}
.ou-term-list {
  display: flex; flex-wrap: wrap; gap: .5rem;
  list-style: none; margin: 0; padding: 0;
}
.ou-term-chip a {
  display: inline-block;
  padding: .25rem .55rem;
  font-size: .9rem;
  line-height: 1;
  text-decoration: none;
  color: #24285c;
}

.ou-term-chip a:hover{color:#191c40;text-decoration: underline;text-decoration-thickness: 2px;}
.ou-term-chip a:focus{color:#000;background: #fcf289;text-decoration: underline;text-decoration-thickness: 2px;border: 2px solid #000}
.ou-term-chip a:visited{color:#a53c80;text-decoration: underline;text-decoration-thickness: 2px;}




.ou-featured-img {
  max-width: 100%;
  height: auto;
}


/* container created by JS */
.dds-ac-wrap { position: relative; }

/* dropdown */
.dds-ac-list {
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 280px;
  overflow-y: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  padding: 6px 0;
  list-style: none;
  display: none; /* hidden until results */
}

/* item */
.dds-ac-item {
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  background:#24285C;
  margin:0px;
  border:1px solid #fff;
}

/* states */
.dds-ac-item:hover,
.dds-ac-item.is-active {
  background: #FDF289;
  color:#24285C;
}

.dds-ac-empty {
  padding: 8px 14px;
  color: #666;
  font-size: 0.95rem;
}


@media all and (max-width: 1500px) {
	#search-filter{width:80%;}
	.container{max-width:90%;}
}

/* mobile ----------- */
@media all and (max-width: 768px) {
	.nav-link-a{padding:5px;}
	#search-filter{width:75%;}
	.container{max-width:90%;}
}

@media all and (max-width: 575px) {
	.nav-link-a{padding:2px;}
	#search-filter{width:65%;}
	.container{max-width:90%;}
	.blog-nav-bar {
		height:78px;
	}
}

@media all and (max-width: 430px) {
	.nav-link-a{padding:2px;}
	#search-filter{width:60%;}
	.container{max-width:90%;}
	.blog-nav-bar {
		height:78px;
	}
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    body{background-color:#fff;}
	.desktop{display:none;}
	.mobile{display:block;}
	.ipadp{display:block;}
	.phone{display:none;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/
	body #ou-head #ou-header:not(.ie8) a[class*="ou-logo"], body.scotland #ou-head #ou-header:not(.ie8) a[class*="ou-logo"], body.wales #ou-head #ou-header:not(.ie8) a[class*="ou-logo"]{margin:2px 9px !important;height:34px !important;}
	
	.nav{padding:0;text-align:left;}
    .navbar-default{height:61px}
    .menu li a{display:block;padding:15px 0 15px 0 !important;background-color:transparent;text-decoration:none;text-align:center;color:#181818;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background-image:none;font-size:1.8rem;}
    .menu li a:hover, .menu li a:focus, .menu li.current-menu-item a{color:#186d9c !important;border-bottom:3px solid #186d9c;}
	ul.sidebar-nav button.hamburger{margin-right:5px !important;}
	.nav .menu-toggle{background-color:transparent !important;margin:-48px 0 0 auto;}
	.menu{margin:5px -12px 5px auto;width:100%;}
	.menu li{padding:0;margin:0;width:100%;}
	.menu li a{width:100%;padding:10px 20px !important;}
	.nav-link-a{padding:5px;}
	/*------------------------------------------------
	#
	# reports
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# news
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# team
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# social
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	/*------------------------------------------------
	#
	# body
	#
	--------------------------------------------------*/
    body{background-color:#fff;}
	.phone,.ipadp,.mobile,.desktop,.ipadl{display:block;}
	/*------------------------------------------------
	#
	# navigation
	#
	--------------------------------------------------*/

	.nav-link-a{padding:0px;}

	/*------------------------------------------------
	#
	# reports
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# news
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# team
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# social
	#
	--------------------------------------------------*/
	/*------------------------------------------------
	#
	# footer
	#
	--------------------------------------------------*/
}