body {color:#000;}
h4 {font-weight: 300;}
h5 {font-weight: 600;}

.visuallyhidden {left: 0;position: absolute;top: -10000px;}
.accessibility-support-content {position: absolute !important;clip: rect(1px);clip: rect(1px,1px,1px,1px)}
br.clear { clear:both; float:none; }

#readspeaker_button1 {font-size:0.85em;margin:15px 5px 0 20px;white-space:nowrap}
#readspeaker_button1 a:link, #readspeaker_button1 a:visited {color:#104486}
#readspeaker_button1 a:hover, #readspeaker_button1 a:focus {text-decoration:underline}
.rs_skip img { height: 25px; vertical-align: middle; }
.rs_overlay {position: absolute; text-align:left; right: 15px; top: 0px; z-index: 10;}

/* ADDS external link icon next to hrefs that start with http */
a[href^="http"]{ background:url("../images/icon-external-dark-grey.png") no-repeat right center; padding-right:15px; }
a.no-icon[href^="http"]{background-image:none}
#footer-links a[href^="http"] { padding-right:15px; }

footer .more {background-image: url("../images/icon-list-arrow.right.light.png");}
.social-media-links li a.social-linkedin {background-image: url("../images/icon-linkedin-40px.png"); background-position: 0 0;}
@media only screen and (max-width: 640px) {.social-media-links li a.social-linkedin {background-size: auto auto;}}
.social-all, a.social-all:link, a.social-all:visited {color:#CAD6E5}
a.social-all:hover, a.social-all:focus, a.social-all:active {color:#FFF}

/* PDF, Word and Email icons */
.main-content a[href $='.pdf'], .main-content a.pdf { background:url("../images/ico-pdf.gif") no-repeat 1px 0.6em; padding:8px 0 0 20px; }
.main-content a[href $='.rtf'] { background:url("../images/ico-rtf.gif") no-repeat 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href $='.doc'] { background:url("../images/ico-word.gif") no-repeat 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href $='.docx'], .main-content a[href $='.docm'] { background:url("../images/ico-docx.png") no-repeat 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href $='.xls'], .main-content a[href $='.xlsx'] { background:url("../images/ico-excel.gif") no-repeat 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href $='.ppt'] { background:url("../images/ico-ppt.gif") no-repeat scroll 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href $='.zip'] { background:url("../images/ico-zip.gif") no-repeat scroll 1px 0.6em; padding:6px 0 0 20px; }
.main-content a[href $='.jpg'], .main-content a[href $='.jpeg'], .main-content a[href $='.gif'], .main-content a[href $='.png'], .main-content a[href $='.eps'], .main-content a[href $='.tif'], .main-content a[href $='.bmp'] { background:url("../images/ico-img.gif") no-repeat 1px 0.6em; padding:7px 0 0 20px; }
.main-content a[href ^='mailto'] { background:url("../images/ico-email.gif") no-repeat top left; padding-left:20px; word-wrap: break-word; }
/*.main-content a[href^="http"], */.main-content a.external-link { background:url("../images/icon-external-dark-grey.png") no-repeat right center inherit; padding-right:13px; }
#sidebar ul li a[href^="http"] {background-image:url("../images/icon-external-black.png");background-repeat:no-repeat;background-position:96.5% center;}

/* REMOVES external link icon from hrefs that are absolute internal links */
/*a[href*="embassy.gov.au"], a[href*=".satin"], .feature a { background:none; padding-right:0px; margin-right:0px}*/
.main-content a.no-icon, .main-content a.no-icon, a[href*="/dfat.gov.au"], a[href*=".dfat.gov.au"], a[href*="embassy.gov.au"], a[href*=".satin"], .feature a { background-image:none; padding:0; }

/* REMOVES external link icon from facebook promotion tile on home page */
/*.social-media-links a[href^="http"] { background-image:none; padding:0; }*/

/*RadEditor Styles for making a table (in edit & display modes) full width. Also for hiding the
resizable icon in the right bottom corner.*/
#s4-workspace .container #content { word-wrap:break-word !important; }
#s4-workspace .container #content reWrapper table,
#s4-workspace .container #content table{ margin:0px 0px 20px 0px !important; width:100%; }
#s4-workspace .RadEditor table, .RadEditor.reWrapper table td { padding: 0px !important; }
#s4-workspace .RadEditor table, .RadEditor.reWrapper table tr { width: 100%; }
#s4-workspace .reResizeCell { display:none !important; }

/* Heads of government list */
.feature-hom { min-height: 100px; padding: 10px; }
.feature-hom img { float: left; }
.feature-hom .contentarea { margin-left: 80px; }
.feature-hom h2 { clear: none; margin-bottom: 0; margin-top: 15px; }
.feature-hom .links { padding-bottom: 0; }

.main-content .hom-list { display: block; list-style: none; padding: 15px 20px 10px; background: #d7d7d1; border-bottom: 2px solid white; }
.main-content .hom-list:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.main-content .hom-list li { display: inline-block; *display: inline; float: left; }
.main-content .hom-list li a { display: inline-block; *display: inline; width: 30px; height: 30px; line-height: 30px; margin: 0 5px 5px 0; font-size: .85em; font-weight: 700; text-align: center; background: #f1f1ef; color: black; text-decoration: none; }
.main-content .hom-list li a:hover, .main-content .hom-list li a:focus { background-color: white; text-decoration: none; }
.main-content .hom-list li a:visited { color: black; }

/* Heads of government list */
.feature-hom { min-height: 100px; padding: 10px; }
.feature-hom img { float: left; }
.feature-hom .contentarea { margin-left: 80px; }
.feature-hom h2 { clear: none; margin-bottom: 0; margin-top: 15px; }
.feature-hom .links { padding-bottom: 0; }

.main-content .hom-list { display: block; list-style: none; padding: 15px 20px 10px; background: #d7d7d1; border-bottom: 2px solid white; }
.main-content .hom-list:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.main-content .hom-list li { display: inline-block; *display: inline; float: left; }
.main-content .hom-list li a { display: inline-block; *display: inline; width: 30px; height: 30px; line-height: 30px; margin: 0 5px 5px 0; font-size: .85em; font-weight: 700; text-align: center; background: #f1f1ef; color: black; text-decoration: none; }
.main-content .hom-list li a:hover, .main-content .hom-list li a:focus { background-color: white; text-decoration: none; }
.main-content .hom-list li a:visited { color: black; }

/* Footer */
footer section h3 { margin-bottom:0px; text-transform:none; }
footer section { padding:0px; }
.main-content footer {margin-top:40px; padding-top:20px; border-top:1px solid #DDD; color:black; background-color:white; max-width: 100%; min-width: 100%;}

/* hide categories in article rollups coz the links don't work! */
.meta .categories {display:none;}

/* #ctl00_readspeaker_button1 {display: none;} */

.introduction { font-size: 1.05em; font-weight: 600; margin: 1em 0; }
figcaption blockquote p { color: #FFFFFF; }
.more { background-image: url("../images/icon-list-arrow.right.dark.png"); background-position: 0 7px; background-repeat: no-repeat; padding-left: 12px;}


/* nav.sidebar is used to added custom navs manually. The styles are a duplication of #sidebar.  */
/* nav.sidebar DESKTOP */
nav.sidebar h2 { margin: 0; padding: 15px 20px; font-weight: 400; color: #2a3640; background-color: #f1f1ef; }
nav.sidebar ul { list-style: none; margin-top: 0; padding: 0; }
nav.sidebar ul ul { border-bottom: none; }
nav.sidebar ul li { border-top: 2px solid white; }
nav.sidebar ul li.ui-collapsible [data-collapse="control"] { min-height: 30px; }
nav.sidebar ul li.ui-collapsible .ui-collapse-discrete { border-left: 2px solid #e2e2dd; width: 30px; text-indent: 30px; }
nav.sidebar ul li.ui-collapsible .ui-collapse-discrete:after { right: 10px; }
nav.sidebar ul li.active > a { color: white; background-color: #33799e; }
nav.sidebar ul li.active > a > span.ui-collapse-discrete { border-left-color: #3398bd; }
nav.sidebar ul li.active > a > span.ui-collapse-discrete[aria-controls]:after { background-image: url("../images/icon-expand.light.svg"); }
nav.sidebar ul li a { display: block; line-height: 1.2em; padding: 5px 20px; padding-right: 60px; text-decoration: none; color: #2a3640; background-color: #d7d7d1; }
nav.sidebar ul li a:visited { color: #2a3640; }
nav.sidebar ul li a:hover,
nav.sidebar ul li a:focus { text-decoration: underline; }
nav.sidebar ul li li a { padding-left: 40px; background-color: #e0e0dc; }
nav.sidebar ul li li li a { padding-left: 60px; background-color: #eaeae7; }
nav.sidebar ul li li li li a { padding-left: 80px; background-color: #f3f3f2; }
nav.sidebar ul li a.activesite { background-color: rgb(0, 68, 110); color: #FFFFFF; }
nav.sidebar h2 a,
nav.sidebar h2 a:visited,
nav.sidebar h2 a:active { color: #2a3640; text-decoration: none; }
/* nav.sidebar MOBILE */
@media only screen and (max-width: 640px) {
nav.sidebar { margin: 20px 0; padding: 0 20px; }
nav.sidebar h3 { display: none; }
nav.sidebar ul li { border-color: white; }
nav.sidebar ul li > a { background-image: none; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
nav.sidebar .ui-collapsible [data-collapse="control"].ui-collapsible-close + [data-collapse="content"] { display: none; }
nav.sidebar .ui-collapsible [data-collapse="control"].ui-collapsible-open + [data-collapse="content"] { display: block; }
}

/* nav.page-nav used for in-page menus jump links */
#page-nav ul, .page-nav ul {list-style: none; padding-left:0;}
#page-nav li, .page-nav li {background-image: url("../images/icon-list-arrow.down.dark.png"); background-position: 0 7px; background-repeat: no-repeat; padding-left: 12px;}


/* nav.pagination used for bottom of page next and previous link on content pages NOTE: this is different from the article rollup pagination */
nav.pagination {clear:both; text-transform:none; min-height:auto; margin:2em 0; padding-top:1em; font-weight:400; background-color:transparent; border-top: 1px solid #DBDBD5;}
nav.pagination ul {list-style:none; padding-left:0;}
nav.pagination ul .previous {float:left; max-width:45%; background-image: url("../images/icon-list-arrow.left.dark.png"); background-position: 0 7px; background-repeat: no-repeat; padding-left: 12px;}
nav.pagination ul .contents {display:none;}
nav.pagination ul .next {float:right; text-align:right; max-width:45%; background-image: url("../images/icon-list-arrow.right.dark.png"); background-position: right 7px; background-repeat: no-repeat; padding-right: 12px;}
nav.pagination ul a {display: block;}

dt {margin-top:1em; font-weight:600;}
dd {margin-left:0}

table th, table td {vertical-align: top;}

.form .form-controls {margin-bottom: 1em;}

.top-of-page {text-align:right; font-size: 0.85em;}
.top-of-page a {text-decoration:none; background-image: url("../images/icon-list-arrow.up.dark.png"); background-position: right 7px; background-repeat: no-repeat; padding-right: 12px;}
.top-of-page a:hover, .top-of-page a:focus {text-decoration:underline;}

#PublicationPageMetaData {background-color: #F1F1EF; margin-bottom: 2px; padding: 20px;font-size: 0.85em;}
.PubMetaHeading {font-weight:600;margin-right: 0.25em;}

.block-heading {background-color:#F1F1EF; padding:20px; margin:0;}

.thematic-issues h2 {font-size:.85em; font-weight:700; text-transform:uppercase; margin-bottom:0;}
.thematic-issues ul {padding-left:0;}
.thematic-issues li {font-size:.85em; list-type:none; display:inline-block; border:1px solid #E2E2DD; padding:.25em .5em;}

.main-content iframe {border:none}

/* fixes promo tiles in right columns not filling out the full width of the column */
#right-hand-panel .webpart .col-12 {padding-left:0; padding-right:0;}

/* add some spacing between list items in the main content area only */
.contentarea li, .contentarea ul.links li {margin-top:.5em;margin-bottom:.5em;}

/* fix link colour on minister's links on homepage */
.feature-minister a {color:#104486}

/* RSS Custom styling for http://dfat.gov.au/people-to-people/public-diplomacy/Pages/public-diplomacy.aspx */
.ausUnlimited-rss {background-color:#f1f1ef ;margin: -14px -22px -30px -22px; border-top:1px solid #dbdbd5;}
.ausUnlimited-rss .slm-layout-main {background-color:#f1f1ef;}
.ausUnlimited-rss .item {border-bottom:1px solid #dbdbd5; padding:5px 5px 5px 10px;}
.ausUnlimited-rss .description {}
.ausUnlimited-rss .ausUnlimited-ItemHeader a {color :#104486; text-decoration:none; text-transform: none; padding-top: 0px; clear: none; font-size: 19.5px; font-weight: 300; margin-bottom: 10px; display: inline;}
.ausUnlimited-rss .ausUnlimited-ItemHeader a:hover {text-decoration: underline;}
.ausUnlimited-rss .ausUnlimited-ItemHeader a:active {border:1pt solid gray;}
.ausUnlimited-rss .ausUnlimited-ItemHeader a:focus {text-decoration: underline;border:1pt solid gray;}
.ausUnlimited-rss .ausUnlimited-ItemDescription p{color: #000;font-family: "Source Sans Pro", sans-serif;letter-spacing: 0.1px;font-size: 15px;}
.ausUnlimited-rss .ausUnlimited-bottom {height: 30px;}
.ausUnlimited-rss .ausUnlimited-ItemDate{color: #000;font-family: "Source Sans Pro", sans-serif;letter-spacing: 0.1px;font-size: 12.75px; max-width:40%;float: left;padding: 2px;}
.ausUnlimited-rss .ausUnlimited-More {max-width: 40%;float:right;padding: 2px 15px 5px 2px;}
.ausUnlimited-rss .ausUnlimited-More a {font-size: 12.75px; font-weight: 600;font-family: 'Source Sans Pro', sans-serif; padding: 0 7px 0 7px; /*background-image:none; background-image:url(/Style%20Library/dfatweb/images/icon-external-black.png);background-position-x:95%; padding-right:20px;*/}
.ausUnlimited-rss .groupheader {color: #fff; padding-top:0; padding-bottom:0; margin:5px;}
.ausUnlimited-rss .groupheader a {color: #fff; text-decoration:none; font-size:12.75px; font-weight:600; }
.ausUnlimited-rss .meta {background-color:#fbfbfb; padding:5px 10px;}