﻿/** mobile.css - compiled from mobile.scss (SASS file)  */
/** _mixins.scss  */
/** _colors.scss  */
/** _variables.scss  */
/* Smallscreens/mobiles have a screen width up to 767 pixels for browsers that support CSS media queries. 767 pixles is also used in global.js for some of the smallscreens/mobiles scripting functionality so a change here would necessitate a change there too. */
@media only screen and (max-width: 640px) { body:before { content: 'mobile'; display: block; height: 0; overflow: hidden; }
  [data-desktop="exclude"] { visibility: visible; position: static; top: auto; }
  /* Helper data-attribute to explicity prevent an element displaying on smallscreens/mobiles. */
  [data-mobile="exclude"] { display: none; }
  /* The .cols > .col-* grid structure becomes stackable block elements on smallscreens/mobiles. */
  .cols .col-1 { float: none; width: auto; padding: 0 20px; }
  .cols .col-2 { float: none; width: auto; padding: 0 20px; }
  .cols .col-3 { float: none; width: auto; padding: 0 20px; }
  .cols .col-4 { float: none; width: auto; padding: 0 20px; }
  .cols .col-5 { float: none; width: auto; padding: 0 20px; }
  .cols .col-6 { float: none; width: auto; padding: 0 20px; }
  .cols .col-7 { float: none; width: auto; padding: 0 20px; }
  .cols .col-8 { float: none; width: auto; padding: 0 20px; }
  .cols .col-9 { float: none; width: auto; padding: 0 20px; }
  .cols .col-10 { float: none; width: auto; padding: 0 20px; }
  .cols .col-11 { float: none; width: auto; padding: 0 20px; }
  .cols .col-12 { float: none; width: auto; padding: 0 20px; }
  .cols .push-1 { margin-left: auto; }
  .cols .push-2 { margin-left: auto; }
  .cols .push-3 { margin-left: auto; }
  .cols .push-4 { margin-left: auto; }
  .cols .push-5 { margin-left: auto; }
  .cols .push-6 { margin-left: auto; }
  .cols .push-7 { margin-left: auto; }
  .cols .push-8 { margin-left: auto; }
  .cols .push-9 { margin-left: auto; }
  .cols .push-10 { margin-left: auto; }
  .cols .push-11 { margin-left: auto; }
  .cols .push-12 { margin-left: auto; }
  .cols > div:first-child, .cols > div:last-child, .cols .left-nav { padding-right: 0; padding-left: 0; }
  .wrap { width: auto; padding: 0; }
  #wrapper, header, #global-nav, footer, #site-banner, #portfolio, #footer-links { min-width: 0; }
  h2 { padding-top: 15px; }
  small { padding: 10px 20px; margin: 20px 0; }
  ul.bullets li:before { display: none; }
  figure img { width: 100%; }
  .sit-left, .sit-right { float: none; margin-left: 20px; margin-right: 20px; }
  .top-link:before { background-image: url("../images/icon-to-top.dark-2x.png"); background-size: 11px 7px; }
  /* The global.js jQuery clones the main menu in to the #secondary-nav for smallscreens/mobile view. For smallscreens/mobiles the original main menu is hidden */
  #secondary-nav { position: static; margin-top: 0; text-align: left; font-size: 1em; background-color: #f2f2f0; }
  #secondary-nav > ul { display: none; }
  #secondary-nav #search { margin-top: 0; margin-bottom: 0; padding: 10px 20px; }
  #secondary-nav #search input.search-input { width: 260px; height: 30px; margin-left: 50px; padding-right: 35px; border: none; width: calc(100% - 50px); }
  #secondary-nav #search .search-submit { top: 10px; right: 20px; width: 30px; height: 30px; background-image: url("../images/icon-sprite-2x.png"); background-position: -268px -2px; background-size: auto 90px; }
  #secondary-nav > ul { height: 40px; text-align: right; border-bottom: 1px solid #f1f1ef; }
  #secondary-nav > ul li { padding-left: 8px; padding-right: 8px; }
  #site-header > .wrap > nav { display: none; margin-top: -9px !important; color: white}
  #site-header > .wrap > nav.displayed { display: block; }
  #site-header > .wrap > nav a, #site-header > .wrap > nav a:visited { color: white; }
  #site-header > .wrap > nav .cols .col-4 {padding-left:0;padding-right:0}
  #site-header > .wrap > nav > ul { display: block; height: auto; width: auto; margin: 0; padding: 0 20px; }
  #site-header > .wrap > nav > ul > li { display: block; padding: 0; border: none; border-top: 1px solid #33799e; }
  #site-header > .wrap > nav > ul > li span:before, #site-header > .wrap > nav > ul > li span:after { display: none; }
  #site-header > .wrap > nav > ul > li:first-child { border-top: none; }
  #site-header > .wrap > nav > ul > li > span > a { box-sizing: border-box; -moz-box-sizing: border-box; display: block; width: auto; height: auto; min-height: 30px; padding: 5px 20px; font-size: .9em; text-align: left; text-transform: none; color: white; display: block; background-color: #00446e; line-height: inherit; }
  #site-header > .wrap > nav > ul > li > span > a:visited { color: white; }
  #site-header > .wrap > nav > ul > li > span > a:after { content: ''; position: absolute; width: 10px; height: 10px; top: 50%; right: 10px; margin-top: -5px; background-image: url("../images/icon-expand.light.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #site-header > .wrap > nav > ul > li > span > a:hover, #site-header > .wrap > nav > ul > li > span > a:focus { text-decoration: none; background-color: #b94000; }
  #site-header > .wrap > nav > ul [data-collapse="content"], #site-header > .wrap > nav > ul .expandable-section { padding: 0; border-top: 1px solid #33799e; background-color: #00446e; }
  #site-header > .wrap > nav > ul [data-collapse="content"] > .wrap, #site-header > .wrap > nav > ul .expandable-section > .wrap { padding: 10px 20px; }
  #site-header > .wrap > nav > ul [data-collapse="content"] img, #site-header > .wrap > nav > ul .expandable-section img { display: none; }
  #site-header > .wrap > nav > ul [data-collapse="content"] h2, #site-header > .wrap > nav > ul [data-collapse="content"] p, #site-header > .wrap > nav > ul .expandable-section h2, #site-header > .wrap > nav > ul .expandable-section p { color: #f1f1ef; }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li, #site-header > .wrap > nav > ul .expandable-section ul.links > li { display: block; border: none; padding: 0; border: 0; background: none; }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li:before, #site-header > .wrap > nav > ul .expandable-section ul.links > li:before { background-position: -360px -90px; }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li:after, #site-header > .wrap > nav > ul .expandable-section ul.links > li:after { display: none; }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li > a, #site-header > .wrap > nav > ul .expandable-section ul.links > li > a { display: block; height: auto; width: auto; font-weight: 300; color: white; /*
&:before {
	background-position: -360px -49px;
	display: inline-block;
	content: '\003e';
	margin-right: 10px;
	color: #bebebe;
	font-weight: 500;
	font-size: .85em;
}
*/ }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li > a[href^="#"], #site-header > .wrap > nav > ul .expandable-section ul.links > li > a[href^="#"] { background: none; }
  #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li > a:hover, #site-header > .wrap > nav > ul [data-collapse="content"] ul.links > li > a:focus, #site-header > .wrap > nav > ul .expandable-section ul.links > li > a:hover, #site-header > .wrap > nav > ul .expandable-section ul.links > li > a:focus { background-color: transparent; }
  #site-header > .wrap > nav .sub-flyout { padding: 20px 20px 0; background-color: #33799e; }
  #site-header > .wrap > nav .sub-flyout p { margin-bottom: 15px; }
  #site-header > .wrap > nav .sub-flyout .more-link { display: none; }
  #site-header > .wrap > nav p.introduction { margin: 0 0 20px; padding: 0; }
  #site-header .heading { font-weight: 600; }
  #site-header .date { -webkit-appearance: none; -moz-appearance: none; -ie-appearance: none; -o-appearance: none; appearance: none; display: inline-block; height: 26px; line-height: 26px; margin-bottom: 20px; padding: 0 10px; text-align: center; font-size: .85em; font-weight: 600; border: none; border-radius: 0; color: black; background-color: #c6d4e5; }
  #site-header .map-locations { margin: 0; }
  #site-header .map-locations ul { display: block; list-style: none; margin: 0; padding: 0; }
  #site-header .map-locations ul li { display: inline-block; *display: inline; float: left; }
  #site-header .map-locations ul li a { display: inline-block; *display: inline; }
  #site-header .map-locations ol { margin: 0; padding: 0; }
  #site-header .map-locations ol li { display: block; float: none; }
  #site-header .map-locations ol.level2 { margin-left: 35px; padding-bottom: 1.2em; }
  #site-header .map-locations ol.level2 > li { padding-left: 5px; }
  #site-header .map-locations ol.level2 > li:first-child { padding-top: .3em; }
  #site-header .map-locations ol.level2 .ui-collapsible { padding-left: 0; }
  #site-header .map-locations ol.level3 { margin-left: 20px; }
  #site-header .map-locations a.alphabet_index { display: block; float: left; clear: both; width: 30px; height: 30px; line-height: 30px; margin: 0 0 5px; font-size: .85em; font-weight: 600; text-align: center; color: white; background-color: #266084; }
  #site-header .map-locations a.alphabet_index:hover, #site-header .map-locations a.alphabet_index:focus { background-color: #3398bd; text-decoration: none; }
  #global-nav { display: none; min-height: 0; font-size: 1em; }
  #global-nav:target { display: block; }
  #site-title { min-height: 0; padding: 18px 20px 20px; font-size: 20px; }
  #site-title img { max-width: 100%; height: auto; }
  #site-title #tagline { display: none; }
  #site-title a { display: block; }
  #site-title p { padding-left: 80px; }
  .contact-details { display: block; }
  #secondary-nav .contact-details { display: none; }
  .contact-details.ui-collapsible [aria-controls] { color: #b94000; background-color: #f2f2f0; }
  .contact-details.ui-collapsible [aria-controls]:after { background-image: url("../images/icon-expand.ochre.svg"); background-position: 0 0; background-repeat: no-repeat; }
  .contact-details.ui-collapsible [data-collapse="content"] { color: white; background-color: #b94000; padding: 10px 20px; }
  .contact-details.ui-collapsible [data-collapse="content"] a { color: white; }
  .contact-details.ui-collapsible [data-collapse="content"] p { margin: 0; }
  .main-content section { padding-left: 20px; padding-right: 20px; }
  /*.main-content */.social-media-share { padding: 20px; padding-bottom: 10px; border-top: 1px solid white; }
  /*.main-content */.social-media-share .align-right { text-align: left; }
  /*.main-content */.social-media-follow { margin-top: 10px; margin-bottom: 10px; }
  /* removed to fix Stackla widget
  .main-content iframe { height: 260px; }
  */
  /* added to fix Stackla widget */
  .main-content .stackla-widget iframe { height: inherit; }
  /* The global.js jQuery handles the open/close (slide down/up) functionality of the #navsmallscreen A element. */
  #navsmallscreen { margin: 0; padding: 0; overflow: hidden; text-indent: 30px; white-space: nowrap; display: block; position: absolute; top: 10px; left: 20px; width: 30px; height: 30px; z-index: 1; cursor: pointer; background-image: url("../images/icon-sprite-2x.png"); background-repeat: no-repeat; background-size: auto 108px; background-color: #b94000; background-position: -245px -4px; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ie-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
  #navsmallscreen.active, #navsmallscreen:active { background-color: #33799e; }
  #navsmallscreen:hover, #navsmallscreen:focus { background-color: #ec5200; }
  #portfolio { margin-top: 20px; padding: 0; background-color: white; }
  #portfolio .feature-quicklinks { display: none; }
  #portfolio .feature-image { border: 1px solid #d7d7d1; }
  #portfolio_strip { padding: 10px 20px; background: #f2f2f0; }
  #portfolio_strip dl { display: block; padding: 0; box-sizing: border-box; background: transparent; }
  #portfolio_strip dl:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  #portfolio_strip dt { display: none; }
  #portfolio_strip dd { display: block; float: left; width: 50%; margin: 0; background: #00446e; border: none; border-right: 1px solid #33799e; border-bottom: 1px solid #33799e; }
  #portfolio_strip dd a > span { height: inherit; box-sizing: border-box; -moz-box-sizing: border-box; }
  #portfolio_strip dd a > span.portfolio-austrade { padding-left: 60px; padding-top: 20px; }
  #portfolio_strip dd a > span.portfolio-austrade:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 21px; }
  #portfolio_strip dd a > span.portfolio-tourism-australia { padding-left: 60px; padding-top: 12px; }
  #portfolio_strip dd a > span.portfolio-tourism-australia:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 23px; }
  #portfolio_strip dd a > span.portfolio-efic { padding-left: 60px; padding-top: 20px; }
  #portfolio_strip dd a > span.portfolio-efic:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 25px; }
  #portfolio_strip dd a > span.portfolio-aciar { padding-left: 60px; padding-top: 20px; }
  #portfolio_strip dd a > span.portfolio-aciar:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 25px; }
  #portfolio_strip dd a > span.portfolio-asis { padding-left: 60px; padding-top: 20px; }
  #portfolio_strip dd a > span.portfolio-asis:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 18px; }
  #portfolio_strip dd a > span.portfolio-asno { padding-left: 60px; padding-top: 20px; }
  #portfolio_strip dd a > span.portfolio-asno:before { background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; left: 18px; }
  #portfolio_strip dd:nth-child(2n+1) { border-right: none; }
  #portfolio_strip dd:nth-child(6n), #portfolio_strip dd:nth-child(7n) { border-bottom: none; }
  .ui-collapsible { width: 100%; }
  .ui-collapsible [data-collapse="content"] { padding:0 }
  footer { padding: 0; }
  footer h3 {font-weight:600}
  footer h3.prominent br { display: none; }
  footer section { padding: 10px 20px !important; }
  footer section p:last-child { margin-bottom: 0; }
  footer section + section {}
  #advancedmenu-footersitemap .col-3, #advancedmenu-footersitemap section {padding:0 !important}
  #footer-content { padding-top: 0; padding-bottom: 0; background-color: #d7d7d1; }
  #footer-content > .ui-collapsible > [aria-controls] { display: block; padding: 10px 20px; color: black; border-top: 1px solid white; text-transform: none; font-weight: 300; line-height: 40px; font-weight: 500; background-color: #d7d7d1; }
  #footer-content > .ui-collapsible > [aria-controls]:hover, #footer-content > .ui-collapsible > [aria-controls]:focus { outline: none; text-decoration: none; }
  #footer-content > .ui-collapsible > [aria-controls]:before { content: ''; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-color: #b94000; background-size: 20px 20px; background-position: 50% 50%; }
  #footer-content > .ui-collapsible > [aria-controls]:after { z-index: 1; right: 30px; margin-top: -5px; background-image: url("../images/icon-expand.light.svg"); background-position: 0 0; background-repeat: no-repeat; }
  #footer-content > .ui-collapsible > [data-collapse="content"] { margin: 0 20px; padding: 0; background-color: #2a3640; border-bottom: 20px solid #d7d7d1; }
  #footer-content > .ui-collapsible > [data-collapse="content"] [data-collapse="control"] { line-height: 30px; min-height: 30px; padding-top: 2px; background: transparent; border-top: 1px solid #555e66; }
  #footer-content > .ui-collapsible > [data-collapse="content"] [data-collapse="control"] > [aria-controls] { width: 30px; border-left: 1px solid #555e66; }
  #footer-content > .ui-collapsible > [data-collapse="content"] [data-collapse="control"] > [aria-controls]:after { z-index: 1; right: 10px; margin-top: -5px; background-image: url("../images/icon-expand.light.svg"); background-position: 0 0; background-repeat: no-repeat; }
  #footer-content > .ui-collapsible > [data-collapse="content"] [data-collapse="content"] { margin-left: 0; padding: 10px 20px; padding-left: 30px; border-top: 1px solid #555e66; }
  #footer-links { border-top-color: #555e66; }
  #footer-links ul { padding: 0 20px 10px 20px; }
  #footer-links ul > li { float: none; display: block; padding-bottom: 10px; }
  #footer-links ul > li > a { display: block; padding-left: 0; padding-right: 0; font-weight: 500; border: none; }
  .news-list { padding: 0 20px; border-bottom: none; }
  .news-list > li { padding: 20px 0; border-top: none; border-bottom: 1px solid #dbdbd5; }
  .news-list > li:last-child { border-bottom: none; }
  .news-list > li img { float: right; width: 70px; height: 70px; margin-left: 30px; margin-right: 0; }
  .news-list > li img + div { margin-left: 0; }
  .news-list > li img + div p { margin-right: 80px; }
  .news-list > li .meta { margin-top: 5px; margin-right: 0; }
  .news-list > li .meta > span.date:before { content: 'Date: '; }
  .news-list > li .more-link { display: none; }
  .news-list + div { text-align: right; }
  .feature, .feature-australia-awards, .feature-australia-unsc, .feature-colombo, .feature-open-for-business, .feature-image { background-color: transparent; }
  .feature img, .feature-australia-awards img, .feature-australia-unsc img, .feature-colombo img, .feature-open-for-business img, .feature-image img { display: block; margin: 0 auto; }
  .feature .more-link, .feature-australia-awards .more-link, .feature-australia-unsc .more-link, .feature-colombo .more-link, .feature-open-for-business .more-link, .feature-image .more-link { display: none; }
  .feature, .feature-australia-awards, .feature-australia-unsc, .feature-colombo, .feature-open-for-business, .feature-image { min-height: 0; padding: 0 20px; }
  .feature-main { min-height: 0; margin-top: 20px; margin-bottom: 20px; padding: 0 20px; }
  .feature-australia-awards, .feature-australia-unsc, .feature-colombo, .feature-open-for-business { margin-left: 40px; margin-right: 40px; padding: 0; border: 1px solid #dbdbd5; height: auto; }
  .feature-links { display: none; }
  .feature-image { margin-left: 40px; margin-right: 40px; }
  .feature-countries { margin-top: 0; background-image: url("../images/feature-countries-2x.png"); background-size: 196px; background-position: 82% 220%; }
  .feature-countries h2 { padding: 0; }
  .panel, .panel-decorated, .panel-news, .panel-links, .panel-side, .panel-minister { margin-bottom: 1px; }
  .panel-minister { display: block; }
  .panel-minister .feature-minister { margin-bottom: 0; }
  .panel-minister .feature-minister:first-child { margin-bottom: 1px; }
  .panel-embasies { display: none; }
  .panel-news { background-image: none; }
  .panel-news:before { content: ''; display: block; position: absolute; background-image: url("../images/icon-sprite-2x.png"); background-position: -40px -40px; width: 40px; height: 40px; background-size: auto 80px; }
  .panel-news:before { background-size: auto 108px; }
  .panel-news .news-list { padding: 0; border-bottom: 1px solid #dbdbd5; }
  .panel-news .news-list > li { padding: 15px 0 10px; border-top: 1px solid #dbdbd5; border-bottom: none; }
  .panel-news .news-list > li .meta { display: block; margin: 18px 0 8px; background-color: #fbfbfb; }
  .panel-news .news-list > li .meta > span { display: block; }
  .panel-news .news-list > li .meta > span.categories:before { display: none; }
  .panel-image { margin: 20px; }
  /* .panel-events { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -80px -40px); 	background-size: auto 108px; } .panel-australia { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -240px -40px); 	background-size: auto 108px; } .panel-world { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -120px -40px); 	background-size: auto 108px; } .panel-contact { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -40px -40px); 	background-size: auto 108px; } .panel-contact { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -160px -40px); 	background-size: auto 108px; } .panel-contact-form { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', 0 -40px); 	background-size: auto 108px; } .panel-signup { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', 0 -40px); 	background-size: auto 108px; } .panel-links { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -320px -40px); 	background-size: auto 108px; } .panel-asia-pacific { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -120px -40px); 	background-size: auto 108px; } .panel-australia-showcase { 	background-image: none; 	@include pseudo-icon('icon-sprite-2x.png', -200px -40px); 	background-size: auto 108px; } */
  .feature-twitter { background-image: none; background-size: auto 108px; }
  .feature-twitter:before { content: ''; display: block; position: absolute; background-image: url("../images/icon-sprite-2x.png"); background-position: 0 0; width: 40px; height: 40px; background-size: auto 80px; }
  .feature-facebook { background-image: none; background-size: auto 108px; }
  .feature-facebook:before { content: ''; display: block; position: absolute; background-image: url("../images/icon-sprite-2x.png"); background-position: -200px 0; width: 40px; height: 40px; background-size: auto 80px; }
  .message-alert { margin-bottom: 0; padding: 10px 20px 10px 60px; background-image: none; }
  .message-alert:before { content: ''; width: 40px; height: 40px; position: absolute; top: 10px; left: 10px; background-image: url("../images/icon-sprite-2x.png"); background-position: 0 0; background-repeat: no-repeat; background-position: -360px -40px; background-size: auto 108px; }
  .message-alert p { margin: 0; }
  .message-alert .more-link { display: none; }
  .social-media-links { margin-bottom: 10px; }
  .social-media-links:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  .social-media-links li { display: block; }
  .social-media-links li a { display: block; background-image: url("../images/icon-sprite-2x.png"); background-size: auto 108px; }
  ul.links.bullets { list-style: disc; margin-left: 1.2em; }
  ul.links.bullets > li { display: list-item; padding-left: 0; background: none; color: white; }
  ul.links.bullets > li:before { display: none; }
  ul.links li { margin-left: 0; padding-left: 0; background: none; }
  ul.links li:before { content: ''; display: inline-block; width: 5px; height: 8px; float: left; margin-top: 7px; margin-right: 5px; margin-left: -13px; vertical-align: middle; background-image: url("../images/icon-sprite-2x.png"); background-position: -360px -80px; background-size: auto 108px; }
  ul.links.split li { float: none; display: block; width: auto; }
  ul.links.split:after { display: none; }
  footer ul.links li { background: none; }
  footer ul.links li:before { margin-top: 5px; background-position: -360px -90px; }
  .panel-contact, .panel-contact-form, .panel-news, .panel-events, .panel-asia-pacific, .panel-australia-showcase, .panel-signup, .panel-links { min-height: 0; }
  .panel-australia, .panel-world { margin-bottom: 10px; padding: 20px; background-position: 20px 20px; }
  .panel-contact ul.links { margin-top: 10px; }
  #site-banner .site-home { display: none; }
  #site-banner #site-banner-image { max-width: 100%;min-height: 100% !important;height:100% !important;padding-bottom:7%;background-size: 100% auto !important;}
  #site-banner h1 { width: auto; margin-right: 20px; padding: 10px 85px 10px 0; font-size: 2em; }
  #site-banner .country-flag { width: 56px; height: auto; margin-top: 11px; margin-right: 20px; }
  #site-banner .country-flag + h1 { padding-right: 70px; }
  .breadcrumb { display: none; }
  #sidebar { margin: 20px 0; padding: 0 20px; }
  #sidebar h3 { display: none; }
  #sidebar ul li { border-color: white; }
  #sidebar ul li > a { background-image: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
  #sidebar .ui-collapsible [data-collapse="control"].ui-collapsible-close + [data-collapse="content"] { display: none; }
  #sidebar .ui-collapsible [data-collapse="control"].ui-collapsible-open + [data-collapse="content"] { display: block; }
  .mobile-sub-nav[data-collapse="content"] { padding: 0; }
  .mobile-sub-nav[data-collapse="content"] > #sidebar { margin: 0; padding: 0; }
  .mobile-sub-nav[data-collapse="content"] > #sidebar > h2 { display: none; }
  .mobile-sub-nav[data-collapse="content"] > #sidebar > ul { margin: 0; }
  .form button, .form input[type="reset"], .form input[type="button"], .form input[type="submit"] { width: 100%; box-sizing: border-box; height: 30px; text-align: center; }
  .form input[type="reset"] { margin-top: 10px; }
  .form select { max-width: 100%; }
  .form .form-controls { text-align: left; margin-top: 0; }
  .form .form-controls button, .form .form-controls input { display: block; margin-left: 0; margin-top: 10px; }
  .form fieldset.field input[type="text"], .form fieldset.field input[type="email"], .form fieldset.field input[type="number"], .form fieldset.field input[type="range"] { margin-bottom: 10px; }
  .form .radiobuttons legend, .form .radiobuttons ul li, .form .checkbox legend, .form .checkbox ul li { float: none; display: block; }
  .form.dfat_filter { margin-bottom: 0; padding-bottom: 10px; background: transparent; }
  .form.dfat_filter label { float: left; width: 70px; margin-top: 4px; padding: 0; text-align: left; }
  .form.dfat_filter button, .form.dfat_filter input[type="submit"] { width: 25px; height: 25px; }
  .form.dfat_filter .select-wrap { box-sizing: border-box; -moz-box-sizing: border-box; width: calc(100% - 70px); min-width: 200px; }
  .form.dfat_filter .select-wrap select { width: calc(100% - 25px); }
  .accordion .ui-collapsible [data-collapse="control"] { border-top-width: 1px; }
  .accordion .ui-collapsible [data-collapse="content"] .accordion-content { max-height: none; }
  .slideshow { height: auto; margin-bottom: 0; }
  .slideshow .slideshow-slides { height: 340px; margin: 0; background-color: #2a3640; }
  .slideshow .slideshow-slides .slideshow-slide {background-size:100% auto}
  .slideshow .slideshow-slides .slideshow-slide .slideshow-caption { padding-right: 20px; background-color: #2a3640; }
  .slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; height: auto; background: transparent; color: transparent !important; }
  .slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link:hover, .slideshow .slideshow-slides .slideshow-slide .slideshow-caption .more-link:focus { background: transparent; }
  .slideshow .slideshow-controls { display: none; }
  .slideshow .slideshow-play-pause { top: 10px; left: 20px; min-width: 0; width: 30px; height: 30px; margin: 0; padding: 0; }
  .slideshow .slideshow-play-pause span:first-child { width: 30px; height: 30px; right: auto; background-image: url("../images/icon-pause-2x.png"); background-size: 6px 8px; }
  .slideshow .slideshow-play-pause span:first-child + span { display: none; }
  .slideshow .slideshow-play-pause.slideshow-play span:first-child { background-image: url("../images/icon-playing-2x.png"); }
  .slideshow .slideshow-mobile-prev, .slideshow .slideshow-mobile-next { position: absolute; display: block; z-index: 3; top: 10px; margin: 0; width: 30px; height: 30px; overflow: visible; color: white; font-size: 0; border: none; overflow: hidden; cursor: pointer; border-radius: 0; background-position: 10px; background-color: #b94000; background-size: 6px 10px; }
  .slideshow .slideshow-mobile-prev:hover, .slideshow .slideshow-mobile-prev:focus, .slideshow .slideshow-mobile-next:hover, .slideshow .slideshow-mobile-next:focus { background-color: #ec5200; }
  .slideshow .slideshow-mobile-prev { right: 51px; background-image: url("../images/icon-prev-2x.png"); background-position: 48% 50%; background-repeat: no-repeat; }
  .slideshow .slideshow-mobile-next { right: 20px; background-image: url("../images/icon-next-2x.png"); background-position: 48% 50%; background-repeat: no-repeat; }
  #slider .flex-prev { background-image: url("../images/icon-prev-2x.png"); background-size: 6px 10px; }
  #slider .flex-next { background-image: url("../images/icon-next-2x.png"); background-size: 6px 10px; }
  #map-container, #map-canvas {width:100% !important;height: 280px !important;border:none !important}
  #map {margin-left: -20px; margin-right: -20px; background: transparent; }
  #map .custom-controls .custom-map-zoom-out, #map-container .custom-controls .custom-map-zoom-out { background-image: url("../images/icon-contract.light-2x.png"); background-position: 50% 50%; background-repeat: no-repeat; background-color: #b94000; background-size: 10px auto; }
  #map .custom-controls .custom-map-zoom-in, #map-container .custom-controls .custom-map-zoom-in { background-image: url("../images/icon-expand.light-2x.png"); background-size: 10px auto; }
  .main-content .map-canvas, #map-container { margin-top: 10px; height: 280px; min-height: 0; border: none; }
  .main-content .map-filters, #map-filters { min-height: 0; }
  .main-content .map-filters, #map-filters { height: auto; padding: 0; }
  .main-content .map-filters .form , #map-filters form{ position: static; height: auto; }
  .main-content .map-filters .form .activate ul, #map-filters .form .activate ul { position: static !important; height: auto !important; margin: 0; overflow: visible; }
  .main-content .map-filters .form .activate label span, #map-filters .form .activate label span { background-image: url("../images/icon-sprite-enable-disable-2x.png"); background-size: 25px 50px; }
  .tabset { margin-top: 0; margin-bottom: 0; /*margin-left: -20px; margin-right: -20px; */}
  .tabset h2 { background: transparent; }
  .tabset .ui-tabs-nav { display: table; width: 100%; }
  .tabset .ui-tabs-nav:after { display: none; }
  .tabset .ui-tabs-nav li { display: table-cell; float: none; }
  .tabset .ui-tabs-nav li a { min-width: 0; }
  .tabset .ui-tabs-nav li:last-child a { border-right: 0; }
  .footnotes { padding: 0; } 
  .feature-list { margin-left: 20px;margin-right: 20px;}
  .meta .categories {display:none !important;}
  }