/*****************************************************************
Theme Name: OBR-dev
Theme URI: http://www.pynkandfluffy.com
Author: Dan Hurell
Author URI: http://www.pynkandfluffy.com
Version: 1.0
******************************************************************/
/*****************************************************************
TAGS
******************************************************************/
.wf-loading h1,.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4,.wf-loading h5,.wf-loading h6,.wf-loading p,.wf-loading li,.wf-loading dd {
  visibility: hidden;
}
body, h1, h2, h3, h4, h5, h6, p, select { font-family: "futura-pt", sans-serif; color: #333333;}
.sub-nav dt, .sub-nav dd, .sub-nav li {  font-family: "futura-pt", sans-serif; font-size: 1rem; }
body {
	background-color: rgb(69,114,146);
	color: #333333;
	font-size: 1em;
}
h1,
h2.data-heading {
	margin: 0 0 2rem 0;
	font-size: 1.75rem;
	padding: 0px;
	line-height: 105%;
}
h2 {
	margin: 2rem 0 2rem 0;
	font-size: 1.5rem;
	padding: 0px;
	line-height: 110%;
}
h2.pub-title {
	font-weight: 300;
	color: #646473;
	margin: 2rem 0 2rem 0;
}
h2.item-heading {
	margin: 0rem 0 1rem 0;
	font-size: 1.5rem;
	padding: 0px;
	line-height: 110%;
}
h3 {
	font-size: 1.25rem;
}
h3.item-heading {
	margin: 0rem 0 1rem 0;
	font-size: 1.25rem;
	padding: 0px;
	line-height: 110%;
}
h3.subhero-heading {
	text-transform: uppercase;
	color: #666666;
	font-size: 0.625rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
}
h4 {
	font-size: 1.125rem;
	text-transform: uppercase;
}
.box-header {
	background-color: #B6C8D8;
	padding-left: 0.188rem;
	height: 1.875rem;
}
.box-title {
	border-left: 0.188rem solid #FFFFFF;
	line-height: 1.875rem;
	padding-left: 1.125rem;
	font-size: 1.125rem;
	text-transform: uppercase;
	margin: 0;
	font-weight: 500;
	color: #FFFFFF;
}
p, li {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 130%;
	margin-bottom: 1.5rem;
}
strong, b {
	font-weight: 500;
}
a {
	color: #477392;
	webkit-transition: color 0.15s linear,background 0.15s linear;
	-moz-transition: color 0.15s linear,background 0.15s linear;
	-ms-transition: color 0.15s linear,background 0.15s linear;
	-o-transition: color 0.15s linear,background 0.15s linear;
	transition: color 0.15s linear,background 0.15s linear;
}
a:hover {
	color: #FFCC00;
}
.btn {
	color: #FFFFFF;
	background-color: #477392;
	padding: 0.5rem 1rem;
	font-size: 1.125rem;
}
.btn:hover {
	background-color: #FFCC00;
	color: #FFFFFF;
}
.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}
.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.expand-link {
	color:#477392;
	font-size: 1.125rem;
	font-weight: 600;
}
.expand-link:hover {
	color:#ffcc00;
	cursor: pointer;
}
/******************************************************************
FOUNDATION
*******************************************************************/
.row,
.top-bar .row {
	max-width: 70em;
}
.f-topbar-fixed {
	padding-top: 0px !important;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    background: #487492;
}
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
    background: #FFCC00;
	color: #FFFFFF;
}
.purpose {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	margin-bottom: 20px;
}
.purpose p:first-child {
	margin: 0!important;
	padding: 0 !important;
	line-height: 0 !important;
}
/******************************************************************
TOOLTIPS
*******************************************************************/
.has-tip {
    border-bottom: none;
    cursor: pointer;
    font-weight: 400;
}
.has-tip:hover, .has-tip:focus {
    border-bottom: none;
}
.tooltip {
    background: #35566D
}
 .tooltip.tip-left > .nub {
        border-color: transparent transparent transparent #35566D;
    }
.tooltip > .nub {
    border-color: transparent transparent #35566D transparent;
}
/******************************************************************
REVEAL
*******************************************************************/
.reveal-modal-bg {
    background: #011421;
    background: rgba(1,20,33,0.8);
	position: fixed;
}
/******************************************************************
HEADINGS
*******************************************************************/
h2.strapline {
	color: #ffffff;
	font-size: 1.250rem;
	line-height: 110%;
	font-weight: 300;
	max-width: 430px;
	margin-top: 0rem;
}
/******************************************************************
HEADER
*******************************************************************/
#header,
nav.top-bar {
	background-color: rgb(69,114,146);
	color: #FFFFFF;
}
#header {
	padding: 20px 0 10px 0;
}
/******************************************************************
MAIN NAVIGATION
*******************************************************************/
#nav.top-bar {
	padding: 20px 0px;
	height: auto;
	line-height: 2em;
}
#nav.top-bar .menu ul {
	margin: 0px;
	padding: 0px;
	height: 2em;
	line-height: 2em;
}
#nav.top-bar ul li {
	float: left;
	font-weight: 500;
	font-size: 1em;
	line-height: 2em;
	margin-bottom: 0px;
}
#nav.top-bar .menu ul li {
	text-transform: uppercase;
	margin-right: 30px;
}
#nav.top-bar a {
	color: #FFFFFF;
}
#nav.top-bar .menu ul li.current-page-ancestor a,
#nav.top-bar .menu ul li.current-menu-item a,
#nav.top-bar a:hover {
	color: #FFCC00;
}
.topsearch #s {
	border: none;
	background-color: #E7EDF2;
	font-size: 1em;
	top: 0;
	height: 2rem;
	display: inline;
	max-width: 150px;
}
#searchsubmit {
	display: inline;
	top: 0 !important;
	height: 2rem !important;
	width: 2rem !important;
	margin: 0 !important;
	padding: .35rem 0 !important;
	background-image: url('images/ic-search.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 70% 70%;
	line-height:0.875rem;
	text-indent: -9999px;
}
.top-bar .button {
	background-color: #35566D;
}
.top-bar .button:hover {
	background-color: #FFCC00;
}
/******************************************************************
MOBILE NAVIGATION
*******************************************************************/
#mobile.top-bar {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #374750;
}
#mobile.top-bar .name {
    height: 2.5rem;
    font-size: 0.875rem
}
#mobile.top-bar .name a {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    color: #fff;
    position: relative;
	display: inline-block;
}
#mobile.top-bar .name a.top-login {
   background: #B80000;
}
#mobile.top-bar .name a.top-contact {
	background: #597685;
}
#mobile.top-bar-section ul li,
#mobile.top-bar.expanded .title-area {
    background: #374750;
}
#mobile.top-bar-section ul li:hover:not(.has-form)>a {
    background: #597685;
    color: #fff
}
#mobile.top-bar-section ul li.active>a {
	background: #B80000;
}
#mobile.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
	text-transform: uppercase;
	font-size: 0.750rem;
	line-height: 1.875rem;
}
#mobile.top-bar-section ul li {
	line-height: 1.875rem;
	border-top: 1px solid #597685;
}
#mobile .dropdown li.title a {
	text-transform: uppercase;
	font-size: 0.750rem;
	line-height: 1.875rem;
}
#mobile .smlinks {
	margin-top: 0.5rem;
}
.top-bar-section ul li>a {
	font-family: "futura-pt", sans-serif; 
	font-size: 1rem;
}
/******************************************************************
EXTRAS
*******************************************************************/
.smlinks {
	height: 2em;
	margin-left: 0;
}
.smlinks li {
	width: auto;
	background-color: #35566D;
	margin-left: 0.25rem;
	text-align: center;
	padding: 0 0.5rem;
	font-weight: 400 !important;
	font-size: 1em;
line-height: 2em;
}
.smlinks li .fa-twitter {
	margin-right: 0.25rem;
}
.smlinks li .smlink {
	color: #FFFFFF;
}
/******************************************************************
CONTAINER
*******************************************************************/
.container {
	padding: 3.125rem 0;
	background-color: rgb(255,255,255);
}
/******************************************************************
ITEMS
*******************************************************************/
.item-list {
	margin-left: 0px;
	margin-right: 0px;
}
.item {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 2em;
	padding: 0.625rem 2.5rem 0.625rem 1.875rem !important;
	border-left: 3px solid #B6C8D8;
}
.item p.date {
	color: #666666;
	text-transform: uppercase;
	font-size: 0.625rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
}
.item p:last-child {
	margin-bottom: 0px;
}
.item .links ul {
	list-style: none;
	margin: 0;
}
.item .links ul li {
	display: inline-block;
	margin-right: 2rem;
	line-height: 2em;
}
.item .links ul li a {
	line-height: 2em;
}
.item .links ul li a .fa {
	vertical-align: -6px;
}
.item .links ul li:last-child {
	margin-right: 0;
}
button.alm-load-more-btn{	
   font-family: "futura-pt", sans-serif;
   font-size:1rem;
   font-weight: 400;
   width:auto;   
   height: 30px;
   line-height: 30px;
   line-height: 110%;
   background: #0078a0;
   border: none;
   -webkit-border-radius:0px;
   -moz-border-radius:0px;
   border-radius:0px;
   padding:0 1rem;
}
/******************************************************************
HERO
*******************************************************************/
.hero {
	border-left: 3px solid #FFCC00;
	margin-bottom: 3em;
}
.hero .download .details {
	width: 80%;
}
.hero-row {
	border-left: 4px solid #FFFFFF;
	background-color: rgba(255,204,0,0.1);
	margin-bottom: 0;
}
.one-col-hero {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.hero-cta {
	margin: 1.5rem 0 1rem;
}
.hero .atg-left,
.hero .atg-middle {
	border-right: 1px #FFCC00 solid;
}
/******************************************************************
SUB HEROES
*******************************************************************/
.row.sub-hero-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.subhero-item {
	padding: 0px !important;
	width: 49% !important;
}
.subhero-content {
	background-color: rgba(182,200,216,0.25);
	border-left: 0.188rem solid #FFFFFF;
	padding: 0.625rem 1.5rem 0.625rem 1.875rem !important;
	height: 100%;
}
.subhero-content p {
	margin-bottom: 0.5rem !important;
}
.subhero-content .download {
	margin-bottom: 0px !important;
}
.subhero-item-2, .subhero-item-4 {
	float: right !important;
}
/******************************************************************
QUICK LINKS
*******************************************************************/
#quick-links {
	margin-bottom: 2rem;
}
.quick-links-list {
	margin-bottom: 0;
}
.quick-links-list li {
	margin-bottom: 1.5rem;
}
.quick-links-item p.date {
	margin-bottom: 0;
}
.quick-links-list li:last-child {
	margin-bottom: 0rem;
}
#quick-links h3.item-heading {
	margin-bottom: 0rem;
}
/******************************************************************
PAGE
*******************************************************************/
h1.page-title {
	border-left: 0.188rem solid #477392;
	padding-left: 0.625rem;
}
.page-content {
	padding-left: 0.813rem;
	margin-bottom: 2rem;
}
.page-content li {
	list-style-image: url("images/bullet-obr_blue.png");
	padding-left: 0.5rem;
}
h2.box-title {
	padding-left: 0.5rem;
	font-size: 1.125rem;
}
.admin-bar [data-magellan-expedition].fixed {
	z-index: 9999999999999999 !important;
}
[data-magellan-expedition] {
	left: auto !important; 
	right: auto !important; 
	padding: 0 0 10px 0;
	background-color: rgba(255,255,255,0.7);
}
img.alignright { float: right; margin: 0 0 1em 1em; }
/******************************************************************
DOWNLOAD
*******************************************************************/
.page-content .download {
	margin: 2rem 0;
}
.download {
	margin-bottom: 1.5rem;
}
.download .icon {
	padding-right: 1rem;
	line-height: 100%;
}
.download .details {
	width: 90%;
}
#sub-hero .download .details {
	width: 80%;
}
.medium-6 .download .details {
	width: 77%;
}
.download h3 {
	font-size: 1.125rem;
	margin-bottom: 0.375rem;
	line-height: 110%;
}
.download .meta {
	font-size: 0.875rem;
	color: #999999;
	line-height: 100%;
}
.download .filetype {
	padding: 1px;
	margin-top: 1px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 0.688rem;
	font-weight: 500;
	line-height: 100%;
	text-align: center;
	
}
.download .filetype.pdf {
	background-color: #FF0000;
}
.download .filetype.xlsm,
.download .filetype.xlsx,
.download .filetype.xls {
	background-color: #33CC00;
}
.download .filetype.ppt {
	background-color: #FF6600;
}
.fa-file-xls-o:before,
.fa-file-xlsx-o:before {
  content: "\f1c3";
}
.news-item .download {
	display: none;
}
.download .description p {
	margin-bottom: 0.25rem
}
/******************************************************************
DOWNLOAD LIST
*******************************************************************/
.doc-list {
	margin: 3rem 0 2rem 0;
}
.doc-list header {
	margin-bottom: 1.5rem;
}
.doc-list p {
	padding-left: 0.813rem;
	font-size: 0.875rem;
	color: #666666;
}
.doc-list .description p {
	padding-left: 0px;
	font-size: 1rem;
	color: #666666;
	margin-bottom: 0.25rem;
}
.dlm-downloads {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left: 0.813rem;
}
.dlm-downloads li {
	font-size: 1rem;
	margin: 0px;
	list-style: none;
	padding-left: 0;
}
.description-list {
	padding-left: 0;
}
.description-list li {
	padding-top: 2em;
	margin-top: 2em;
	border-top: 10px solid #E7EDF2;
}
.description p {
	font-size: 1rem;
	color: #666666;
}
#search-content .news-item .download {
	display: block;
	margin-bottom: 0;
}
/******************************************************************
PUBLICATIONS LIST
*******************************************************************/
.publications-list li {
    padding: 0;
	margin: 0 0 1em 0;
}
.publications-list li .download {
	margin: 0;
}
.box-cta {
	border-top: 1px solid #E7EDF2;
	text-align: right;
	padding-top: 0.875rem;
	padding-left: 0.813rem;
}
.pub-section,
.core-pub-item {
	padding-bottom: 1.875rem;
	border-bottom: 1px solid #E7EDF2;
}
.pub-item .fa {
	width: 3rem;
	color: #0078a0;
	margin-top: 5px;
}
.pub-item p {
	padding-left: 3rem;
}
ul.pub-section {
	list-style: none;
	margin-left: 0;
}
ul.pub-section li {
	margin-bottom: 2rem;
}
.suppub {
	padding-left: 0.9375rem !important;
	padding-right: 0.9375rem !important;
}
/******************************************************************
SUBNAV
*******************************************************************/
.sub-nav {
	background-color: #E7EDF2;
	padding: 0.5rem 0;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #0078a0;
    padding: 0.5rem
}
.sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
    color: #FFCC00;
}
/******************************************************************
PAGINATION
*******************************************************************/
.pagination-wrapper {
	padding: 0.5rem 0.9375rem 0 0;
	margin-bottom: 1.5rem;
	height: auto;
	display: inline-block;
}
ul.pagination,
ul.pagination li {
	margin-bottom: 0px;
}
ul.pagination li {
	margin-bottom: 0.3125rem;
	height: auto;
}
ul.pagination li span.current, ul.pagination li a, ul.pagination li button {
    display: block;
    padding: 0.375rem 0.625rem;
	border: 1px solid #B6C8D8;
    color: #477392;
    background: none;
    border-radius: 0px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out
}
ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button,
ul.pagination li button:focus {
    background: #ffcc00;
	border: 1px solid #ffcc00;
	color: #FFFFFF;
}
ul.pagination li span.current {
	 background: #477392;
	border: 1px solid #477392;
	color: #FFFFFF;
}
/******************************************************************
LINKS
*******************************************************************/
ul.links-list {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.813rem;
}
ul.links-list ul li {
	list-style-image: url("images/bullet-obr_blue.png");
	padding-left: 0.813rem;
}
/******************************************************************
POST NAV
*******************************************************************/
#post-nav-wrapper {
	margin-top: 4rem;
	padding-top: 1rem;
	border-top: 1px solid #B6C8D8;
}
/******************************************************************
XSELL
*******************************************************************/
.xsell {
	margin-bottom: 1.875rem;
}
.xsell-content {
	padding: 1.25rem 0.933rem;
	margin: 0 0 0 0.188rem;
	font-size: 1.125rem;
}
/******************************************************************
XSELL - SIDE MENU
*******************************************************************/
ul.side-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.side-menu li {
	margin-bottom: 0.813rem;
	font-size: 1.125rem;
}
ul.side-menu li:last-child {
	margin-bottom: 0;
}
ul.side-menu li a .fa {
	vertical-align: -6px;
	margin-right: 1rem;
}
ul.side-menu li.current-menu-item a {
	color: #FFCC00;
}
/******************************************************************
XSELL - CORE PUBLICATIONS
*******************************************************************/
.xsell-core .xsell-head {
	background-color: #487492;
}
/******************************************************************
XSELL - CORE PUBLICATIONS DROPDOWN
*******************************************************************/
.xsell-dropdown {
	background-color: #F0F4F7;
}
.xsell-dropdown .box-header {
	background-color: #487492;
}
.xsell-dropdown .xsell-content {
	border-left: 3px solid #FFFFFF;
}
/******************************************************************
XSELL - SUBNAV
*******************************************************************/
.xsell-subnav {
	background-color: #F0F4F7;
}
.xsell-subnav .box-header {
	background-color: #487492;
}
.xsell-subnav .xsell-content {
	border-left: 3px solid #FFFFFF;
}
/******************************************************************
XSELL - EVENTS
*******************************************************************/
.events .date {
	border: 3px solid #477392;
	text-align: center;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
  	border-radius: 2px; 
	border-bottom: none;
	font-weight: 600;
	margin-right: 1rem;
	font-family: "futura-pt", sans-serif;
	min-width: 35px;
}
.events .day {
	color: #477392;
	padding: 4px 0;
	font-size: 1.063rem;
}
.events .month {
	background-color: #477392;
	color: #FFFFFF;
	padding: 3px 1px;
	text-transform: uppercase;
	font-size: 0.750rem;
	line-height: 100%;
}
.events .name {
	margin-top: 7px;
	color: #333333;
}
/******************************************************************
XSELL - TOPICS
*******************************************************************/
.xsell-topics .xsell-content {
	padding: 1.25rem;
}
/******************************************************************
XSELL - TWITTER
*******************************************************************/
.fts-tweeter-wrap .tweeter-info {
	font-size: 1rem !important;
	font-family: "futura-pt", sans-serif !important;
	color: #333333 !important;
	border-bottom: 1px solid #FFFFFF !important;
	padding: 0 0 1rem 0 !important;	
	margin-bottom: 1rem !important;
	line-height: 140%;
}
.tweeter-info .fts-twitter-full-width {
	padding: 0 !important;
}
.fts-twitter-reply-wrap {
	display: none;
}
.fts-twitter-div .uppercase {
	font-size: 1.125rem;
	font-weight: 400;
}
.fts-twitter-text {
	padding: 0;
	line-height: 140%;
}
.twitter-social-btn-bottom {
	margin: 0px;
}
/******************************************************************
XSELL - ABOUT
*******************************************************************/
.xsell-about {
	background-color: #F0F4F7;
}
.xsell-about .xsell-content {
	background-color: #F0F4F7;
	padding: 1.25rem 1.313rem;
	margin-left: 0.188rem;
	border-left: 0.188rem solid #FFFFFF;
}
.xsell-about .xsell-content P {
	margin-bottom: 0.75rem;
}
.xsell-about .xsell-content P:last-child {
	margin-bottom: 0;
}
.xsell-about .xsell-content UL LI {
	margin-bottom: 0.75rem;
	list-style: circle;
	font-size: 1.125rem;
	list-style-image: url("images/bullet-obr_blue.png");
	padding-left: 0.5rem;
}
.xsell-about .xsell-content UL {
	margin-bottom: 0px;
}
/******************************************************************
DATA
*******************************************************************/
svg { font-family: "futura-pt", sans-serif !important; font-size: 1rem !important; }
text.highcharts-title {
	font-size: 1.250em !important;
}
.highcharts-tooltip text {
	font-size: 1em !important;
}
.highcharts-tooltip h5 {
	font-size: 1em !important;
	font-weight: 600;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #B6C8D8;
}
.highcharts-tooltip .countries {
	font-size: 1em !important;
	line-height: 150%;
	color: #477392;
}
.highcharts-tooltip .total {
	font-size: 0.875em !important;
	font-weight: 600;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #B6C8D8;
}
.highcharts-data-table {
	margin: 1.125rem 0;
}
.highcharts-data-table table {
	width: 100%;
	margin-bottom: 0;
}
g.highcharts-button {
	cursor: pointer !important;
}
.removeButton {
	display: inline-block;
	padding: 0.25rem;
	font-size: 0.875rem;
}

.google-visualization-tooltip {
	color: #333333;
	font-weight: 400;
}
/******************************************************************
FAQS
*******************************************************************/
ul.faq-list {
	margin-left: 0px;
}
li.faq {
	padding-left: 0px !important;
	
}
.accordion .accordion-navigation>a {
	background-color: #E7EDF2;
	color: #477392;
	margin-bottom: 1px !important;
	font-family: "futura-pt", sans-serif;
	font-size: 1.125rem;
}
.accordion .accordion-navigation.active>a {
	background-color: #477392;
	color: #ffffff;
}
.accordion .accordion-navigation>a:hover {
	background-color: #FFCC00;
	color: #477392;
}
h2.faq {
	font-size: 1rem;
	margin: 0 0 0.5rem 0;
}
/******************************************************************
ATG
*******************************************************************/
.atg-btn {
	line-height: 1.875rem;
	height: 1.875rem;
	padding: 0 1rem;
	background-color: #447392;
	color: #FFFFFF;
	text-transform: uppercase;
}
.atg-btn:hover {
	background-color: #FFCC00;
	color: #FFFFFF;
}
.atg-content {
	padding-top: 1.5rem;
}
.atg-content {
	padding-top: 1.5rem;
}
.atg-col {
	padding: 0.5rem 0rem !important;
}
.atg-left,
.atg-middle {
	border-right: 3px #B6C8D8 solid;
}
.atg-item {
	background-color: #F5F6F8;
	padding: 1rem 0 !important;
	
}
.atg-row {
	background-color: #F5F6F8;
}
.atg-dl {
	padding: 1rem;
	}
#atgModal {
 max-width: 68.5rem !important;
 padding: 0 !important;
}
/******************************************************************
ATG - FSR
*******************************************************************/
.atg-fsr .atg-btn {
	background-color: #682043;
}
.atg-fsr .atg-btn:hover {
	background-color: #ffcc00;
}
.atg-fsr .atg-col {
	padding: 0.5rem 0.5rem !important;
}
.atg-fsr .atg-left,
.atg-fsr .atg-middle {
	border-right: 3px #F0E8EC solid;
}
.atg-fsr .atg-col p {
	font-size: 1rem;
}
.atg-fsr .atg-col h3 {
	font-size: 1.125rem;
	margin-bottom: 1.125rem;
}
.atg-fsr .sub-nav {
	margin: 0rem -0.563rem 0rem -0.563rem;
	padding-left: 0.625rem;
	background-color: #F0E8EC;
}
.atg-fsr .sub-nav a {
    color: #0078a0;
    padding: 0.625rem;
	color: #682043;
}
.atg-fsr .sub-nav a:hover {
	background-color: #682043;
	color: #F0E8EC;
}
.atg-fsr .sub-nav a.active
{
	background-color: #ffffff;
}
.atg-fsr .orbit-bullets {
	margin-bottom: 0px;
}
.yellow {
	color: #682043;
}
.red {
	color: #682043;
}
.atg-fsr .box-header {
	background-color: #B48FA1;
}
.atg-content {
margin: 0 !important;
}
/******************************************************************
ATG - FRR
*******************************************************************/
.single-frr .atg .box-header {
	background-color: rgb(128, 185, 179);
}
.single-frr .atg .box-header .atg-btn {
	background-color: rgb(0, 111, 98);
}
.single-frr .atg .box-header .atg-btn:hover {
	background-color: #FFCC00;
}
.single-frr .atg-left, .single-frr .atg-middle {
	border-right: 3px solid #AAD5D1;
}
/******************************************************************
TAXSPEND
*******************************************************************/
.fiscal-block-content {
	padding: 1rem;
	background-color: #F0F4F7;
	height: 100%;
}
.fiscal-block-content h4 {
	text-transform: none;
	font-weight: 600;
	color: #447292;
	margin-bottom: 0px;
	margin-top: 1rem;
	line-height: 110%;
}
.fiscal-block-content p {
	margin-bottom: 0;
	font-size: 1rem;
}
.single-economy .copy,
.single-taxspend .copy {
	padding: 0 0.875rem;
}
.single-economy .fiscal-area-section .box-header,
.single-taxspend .fiscal-area-section .box-header {
	margin-bottom: 1.25rem;
}
.xsell-economy p,
.xsell-taxspend p {
	font-size: 0.875rem;
	margin-bottom: 0;
}
.taxspend-col {
	padding-left: 0.9375rem !important;
}
.taxspend-col ul {
	margin-left: 0.875rem;
	margin-top: 0.5rem;
}
.taxspend-col ul li {
	margin-bottom: 0.75rem;
}
.expenditure-col .box-header {
	background-color: #FFB399;
}
.taxspend-date {
	line-height: 1.875rem;
	height: 1.875rem;
	padding: 0 1rem;
	background-color: #447392;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 0.750rem;
}
li.fiscal-area-section ul {
	list-style: disc !important;
}
li.fiscal-area-section .copy p:first-child {
	margin-top: 1rem;
}
/*
.fiscal-area-section .copy h6,
.fiscal-area-section .copy ul,
.fiscal-area-section .copy p {
	padding: 0 10%;
}
*/
.taxpsend-mag {
    display: block;
    width: 100%;
    position:fixed;
    top: 0;
	z-index: 100;
}
#taxspend-box {
	background-color: #FFF7DE;
}
#economy-box {
	background-color: #FFF7DE;
}
#taxspend-box .box-header,
#economy-box .box-header {
	background-color: #457192;
}
.fid-box {
	margin-bottom: 2rem;
	padding-bottom: 1.25rem;
}
.fid-box .box-header {
	margin-bottom: 1.25rem;
}
.fid-box .box-header a {
	color: #FFFFFF !important;
}
.fid-box .box-header a:hover {
	color: #FFCC00 !important;
}
.fid-box .row {
	margin-left: -0.625rem !important;
	margin-right: -0.625rem !important;
}
.fid-sidebar .xsell-reference {
	background-color: #F0F4F7;
}
.fid-sidebar .xsell-reference .box-header {
	background-color: #487492;
}
.fid-sidebar .xsell-reference .xsell-content {
	border-left: 3px solid #FFFFFF;
}
.fiscal-block-content img {
	max-width: 67px;
}
#magicnav .block-boxset,
.fas-boxset {
	display: none;
}
/******************************************************************
BOXES
*******************************************************************/
.owl-prev {
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0%;
    margin-left: 0px;
    display: block!IMPORTANT;
    border:0px solid black;
	background-color: rgba(53, 86, 109,0.75);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	color: #ffffff !important;
	padding-left: 10px;
	opacity: 0.5;
}
.owl-next {
	padding-left: 10px;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0%;
    right: 0;
    display: block!IMPORTANT;
    border:0px solid black;
	background-color: rgba(53, 86, 109,0.75);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	color: #ffffff !important;
	opacity: 0.5;
}
.owl-carousel:hover .owl-prev ,
.owl-carousel:hover .owl-next {
	background-color: rgba(53, 86, 109,0.75);
	color: #ffffff !important;
	opacity: 1;
}
.boxsets-carousel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.box-list .box {
	height: 200px;
	background-color: rgba(71, 115, 145,0.1);
	text-align: center;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.box-list .box h3 {
	color: #477392;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.box-list a:hover .box {
	background-color: rgba(71, 115, 145,1);
}
.box-list a:hover .box h3 {
	color: #E7EDF2;
}
.boxset-cat {
	padding: 1rem 0.625rem !important;
	text-align: center;
	background-color: rgba(71, 115, 145,0.1);
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
}
.boxset .box-block {
	border-left: 3px solid #477392;
}
.boxset .box-block .box-content {
	border-left: 4px solid #FFFFFF;
	background-color: rgba(71, 115, 145,0.1);
	padding: 1.125rem 1.875rem 1.125rem 1.875rem !important;
}
.footnote {
	margin-bottom: 1.5rem;
}
.summary {
	margin-bottom: 1.5rem;
	padding: 1rem;
	background-color: rgba(71, 115, 145,0.1);
}
.summary p {
	font-size: 0.875rem;
}
.summary p:last-child {
	margin-bottom: 0;
}
p.source {
	font-style: italic;
}
.section ul {
	padding-left: 0.813rem;
	padding-top: 1rem;
}
.single-box .xsell-topics {
	display: none;
}
.single-box h1.page-title {
	margin-top: 0.5rem !important;
}
.box-meta {
	margin-top: 1rem;
}
.box-meta p {
	font-size: 0.933rem;
	margin-bottom: 0.5rem;
}
p.box-to-pub {
	font-style: italic;
}
/******************************************************************
EFO COLOURS
*******************************************************************/
.hero-efo {
	border-left: 3px solid #B6C8D8;
}
.hero-efo .hero-row
{
	background-color: rgba(182, 200, 216, 0.25) !important;
}
/******************************************************************
FSR COLOURS
*******************************************************************/
.hero-fsr, 
.single-box .report-fiscal-sustainability-report h1.page-title,
.boxset .report-fiscal-sustainability-report .box-block {
	border-left: 3px solid #682043;
}
.hero-fsr .hero-row, 
.hero-fsr .subhero-content,
.single-box .report-fiscal-sustainability-report .summary,
.boxset .report-fiscal-sustainability-report a.btn:hover,
.boxset .report-fiscal-sustainability-report .box-content,
.box-fiscal-sustainability-report{
	background-color: rgba(104, 33, 68,0.1) !important;
}
.hero-fsr h1,
.hero-fsr a,
.boxset .report-fiscal-sustainability-report a,
.boxset .report-fiscal-sustainability-report a.btn:hover,
.box-list a .box-fiscal-sustainability-report h3 {
	color: #682043 !important;
}
.boxset .report-fiscal-sustainability-report a.btn,
.box-list a:hover .box-fiscal-sustainability-report {
	background-color: rgba(104, 33, 68, 1) !important;
}
.boxset .report-fiscal-sustainability-report a.btn,
.box-list a:hover .box-fiscal-sustainability-report h3 {
	color: #F0E8EC !important;
}
.hero-fsr a:hover {
	color: #ffcc00 !important;
}
.hero-fsr .btn {
	background-color: #682043;
	color: #FFFFFF !important;
}
.hero-fsr .btn:hover {
	background-color: #ffcc00;
	color: #FFFFFF !important;
}
/******************************************************************
WTR COLOURS
*******************************************************************/
.hero-wtr, 
.single-box .report-welfare-trends-report h1.page-title,
.boxset .report-welfare-trends-report .box-block {
	border-left: 3px solid #6A2D91;
}
.hero-wtr .hero-row, 
.hero-wtr .subhero-content,
.single-box .report-welfare-trends-report .summary,
.boxset .report-welfare-trends-report a.btn:hover,
.boxset .report-welfare-trends-report .box-content,
.box-welfare-trends-report {
	background-color: rgba(106, 44, 145,0.1) !important;
}
.hero-wtr h1,
.hero-wtr a,
.boxset .report-welfare-trends-report a,
.boxset .report-welfare-trends-report a.btn:hover,
.box-list a .box-welfare-trends-report h3 {
	color: #6A2D91 !important;
}
.boxset .report-welfare-trends-report a.btn,
.box-list a:hover .box-welfare-trends-report {
	background-color: rgba(106, 44, 145, 1) !important;
}
.boxset .report-welfare-trends-report a.btn,
.box-list a:hover .box-welfare-trends-report h3 {
	color: #E8E2F0 !important;
}
.hero-wtr a:hover {
	color: #ffcc00 !important;
}
.hero-wtr .btn {
	background-color: #6A2D91;
	color: #FFFFFF !important;
}
.hero-wtr .btn:hover {
	background-color: #ffcc00;
	color: #FFFFFF !important;
}
/******************************************************************
FRR COLOURS
*******************************************************************/
.hero-frr, 
.single-box .report-fiscal-risks-report h1.page-title,
.boxset .report-fiscal-risks-report .box-block {
	border-left: 3px solid #007266;
}
.hero-frr .hero-row, 
.hero-frr .subhero-content,
.single-box .report-fiscal-risks-report .summary,
.boxset .report-fiscal-risks-report a.btn:hover,
.boxset .report-fiscal-risks-report .box-content,
.box-fiscal-risks-report {
	background-color: rgba(0, 111, 98,0.1) !important;
}
.hero-frr h1,
.hero-frr a,
.boxset .report-fiscal-risks-report a,
.boxset .report-fiscal-risks-report a.btn:hover,
.box-list a .box-fiscal-risks-report h3 {
	color: #007266 !important;
}
.boxset .report-fiscal-risks-report a.btn,
.box-list a:hover .box-fiscal-risks-report  {
	background-color: rgba(0, 111, 98, 1) !important;
}
.boxset .report-fiscal-risks-report a.btn,
.box-list a:hover .box-fiscal-risks-report h3 {
	color: #E5F1F0 !important;
}
.hero-frr a:hover {
	color: #ffcc00 !important;
}
.hero-frr .btn {
	background-color: #007266;
	color: #FFFFFF !important;
}
.hero-frr .btn:hover {
	background-color: #ffcc00;
	color: #FFFFFF !important;
}
/******************************************************************
FSR COLOURS
*******************************************************************/
.hero-fer,
.single-box .report-forecast-evaluation-report h1.page-title,
.boxset .report-forecast-evaluation-report .box-block {
	border-left: 3px solid #FDB814;
}
.hero-fer .hero-row, 
.hero-fer .subhero-content,
.single-box .report-forecast-evaluation-report .summary,
.boxset .report-forecast-evaluation-report a.btn:hover,
.boxset .report-forecast-evaluation-report .box-content,
.box-forecast-evaluation-report {
	background-color: rgba(231, 166, 20,0.1) !important;
}
.hero-fer h1,
.hero-fer a,
.boxset .report-forecast-evaluation-report a,
.boxset .report-forecast-evaluation-report a.btn:hover,
.box-list a .box-forecast-evaluation-report h3{
	color: #FDB814 !important;
}
.boxset .report-forecast-evaluation-report a.btn,
.box-list a:hover .box-forecast-evaluation-report  {
	background-color: rgba(231, 166, 20, 1) !important;
}
.boxset .report-forecast-evaluation-report a.btn,
.box-list a:hover .box-forecast-evaluation-report h3 {
	color: #FFF7E5 !important;
}
.hero-fer a:hover {
	color: #B6C8D8 !important;
}
.hero-fer .btn {
	background-color: #FDB814;
	color: #FFFFFF !important;
}
.hero-fer .btn:hover {
	background-color: #ffcc00;
	color: #FFFFFF !important;
}

/******************************************************************
FOOTER
*******************************************************************/
#footer {
	background-color: rgb(69,114,146);
	color: #B6C6D8;
	padding: 4rem 0;
}
#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFCC00;
}
#footer h4 {
	color: #B6C6D8;
	font-size: 0.875rem;
	line-height: 150%;
	text-transform: uppercase;
}
#footer p {
	color: #B6C6D8;
	font-size: 0.875rem;
	margin-bottom: 0.875rem;
	line-height: 150%;
}
ul.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 0.875rem;
}
ul.footer-menu li {
	margin-bottom: 0rem;
	line-height: 150%;
	font-size: 0.875rem;
}
ul.footer-menu li:last-child {
	margin-bottom: 0;
}
ul.footer-menu li a .fa {
	vertical-align: -6px;
	margin-right: 1rem;
}
.survey-button {
	top: 0px;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFCC00;
	padding: 0.5rem;
}
/******************************************************************
COOKIE WARNING - 2017
*******************************************************************/
#catapult-cookie-bar a:hover {
	color: #FFCC00 !important;
}
button#catapultCookie:hover {
	background-color: #FFCC00 !important;
	color: #FFFFFF !important;
}
/******************************************************************
MEDIA QUERIES - SMALL
*******************************************************************/
@media only screen and (max-width: 53em) {}
@media only screen and (max-width: 40em) {
	/******************************************************************
	HEADINGS
	*******************************************************************/
	h2.strapline {
		color: #B6C6D8;
		font-size: 0.933rem;
		line-height: 110%;
		font-weight: 400;
		max-width: 430px;
		margin-top: 0.125rem;
	}
	/******************************************************************
	HEADER
	*******************************************************************/
		.top-bar input {
			margin: 6px 0 0 6px;
		}
		
		.top-bar-section ul li,
		.contain-to-grid,
		.top-bar.expanded .title-area,
		nav.top-bar {
			background-color:#35566D;
		}
		#header {
			padding: 70px 0 10px 0;
		}
		#menu-mobile li {
			margin-bottom: 0px;
		}
		.top-bar-section ul li:hover:not(.has-form) > a {
			background-color: #FFCC00;
			background: #FFCC00;
			color: #35566D;
		}
		/******************************************************************
		HEADER
		*******************************************************************/
		.hero-image {
			padding-bottom: 1rem;
		}
		/******************************************************************
		ITEM
		*******************************************************************/
		.item {
			padding: 0.625rem 1.5rem 0.625rem 0.875rem !important;
		}
		.subhero-item {
			padding: 0px !important;
		}
		.subhero-content {
			padding: 0.625rem 0.875rem !important;
		}
		.subhero-item {
			padding: 0px !important;
			width: 100% !important;
		}
		/******************************************************************
		TAXSPEND
		*******************************************************************/
		.fiscal-block-content h4 {
			font-size: 1.125rem;
			margin-top: 0rem;
			font-weight: 500;
		}
		.single-taxspend .copy h6,
		.single-taxspend .copy ul,
		.single-taxspend .copy p {
			padding: 0 0.813rem;
		}
.survey-button {
	
	top:45px;
	 
}
}
@media only screen {}
/******************************************************************
MEDIA QUERIES - MENDIUM
*******************************************************************/
@media only screen and (min-width: 40.063em) and (max-width: 59.9999em) {
	.columns {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
		.subhero-item {
	padding: 0px !important;
	width: 100% !important;
}
}
@media only screen and (max-width: 58em) {
	#nav menu.left,
	#nav .right {
		float: left !important;
	
	}
	#nav .extras {
		margin-top: 0.5rem;
	}
	.purpose {
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
	margin-bottom: 0px;
}	
}
@media only screen and (min-width: 40.063em) {
	}
@media only screen and (max-width: 75em) {}
/******************************************************************
MEDIA QUERIES - LARGE
*******************************************************************/
@media only screen and (min-width: 64.063em) and (max-width: 90em) {}
@media only screen and (min-width: 64.063em) {
	.columns {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}
@media only screen and (min-width: 75.063em) {}
/******************************************************************
MEDIA QUERIES - EXTRA LARGE
*******************************************************************/
@media only screen and (min-width: 90.063em) and (max-width: 120em) {}
/******************************************************************
MEDIA QUERIES - EXTRA EXTRA LARGE
*******************************************************************/
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {}
@media only screen and (min-width: 120.063em) {}

@media print {
	body {
		font-size: 75% !important;
	}
	.print-12 {
	width:100% !important;
}
#footer {
	padding: 1rem 0;
}
}