/*
  ===============================================================================
  COMPONENTS TO BE HIDDEN FROM PRINT
  ===============================================================================
*/

#accessibility-links,
#secondary-nav,
#access-keys,
#logo,
#logo a,
#logo img,
#page-head-utilities,
#primary-nav-holder,
#breadcrumbs,
#secondary-nav,
#page-foot-nav,
#page-foot-contact .social-links,
#page-foot-contact > h2:first-child,
#page-foot-contact > p,
#page-foot-logos,
#page-foot-lower,
#main-page-area > .wrapper > .inner > aside,
.crisis-alert-clone,
.multipage-doc-navigation,
.sub-brand-holder,
.multipage-doc-navigation,
#page-head-locale-selector,
.bookmarks-wrapper,
ul.bookmarks,
.share-this-content
{
  display: none !important;
}

/*
  ===============================================================================
  COMMON PAGE STRUCTURE AND ELEMENTS
  ===============================================================================
*/


*
{
  background: transparent !important;
  color: #333333;
  text-shadow: none !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@page
{
  size: A4 portrait;
  margin: 1cm;

  @bottom-center
  {
    content: "Page " counter(page) " of " counter(pages); /* not supported yet, but might be in the lifecycle of the site */
  }
}


/*
  ==========================
  header
  ==========================
*/


/* logo and crest */
/* -------------- */
#print-logo
{
  display: block;
  margin-bottom: 20px;
  width: 400px;
}



/*
  ==========================
  footer
  ==========================
*/

#page-foot
{
  margin-top: 20px;
  padding-top: 4px;
  border-top: solid 2px #cccccc;
  page-break-inside: avoid;
}

#page-foot a
{
  text-decoration: none !important;
}

#page-foot a[href]:after
{
  content: none !important;
}



/*
  ===============================================================================
  TYPOGRAPHY
  ===============================================================================
*/

/*
  ==========================
  default text
  ==========================
*/

html,
body
{
  font-size: 14px;
}

body,
select,
input,
textarea
{
  font-family: sans-serif;
  color: #222222;
  line-height: 1.4;
}



/*
  ==========================
  headings / titles
  ==========================
*/
h1,
h2,
h3,
h4,
h5
{
  page-break-inside: avoid;
  page-break-after: avoid;
}

h1#page-title
{
  font-size: 36px;
}

/* heading */
/* ------- */
h2
{
  font-size: 27px;
}

/* sub-heading */
/* ----------- */
h3
{
  font-size: 22px;
}

/* minor heading */
/* ------------- */
h4
{
  font-size: 18px;
}

/* lower minor heading */
/* ------------------- */
h5
{
  font-size: 16px;
}



/*
  ==========================
  paragraphs
  ==========================
*/

main .summary
{
  font-size: 16px;
}

p
{
  orphans: 3;
  widows: 3;
  page-break-inside: avoid;
}


/* links */
/* ----- */
a
{
  text-decoration: underline;
}

a[href]:after
{
  content: '\00a0[' attr(href) ']';
  font-size: 88%;
}


/*
  ==========================
  images
  ==========================
*/
main figure
{
  display: block;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  page-break-inside: avoid;
}

main figure img
{
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: solid 5px #cccccc;
}

main figure figcaption
{
  display: block;
  padding: 6px 0 4px 0;
  font-size: 13px;
  font-weight: bolder;
  line-height: 1.2;
  color: #666666;
}

/* smaller image with wrapping text */
/* -------------------------------- */
figure.small
{
  width: 300px;
}


/*
  ==========================
  quotes
  ==========================
*/

main blockquote
{
  display: block;
  padding: 0 20px;
  font-size: 17px;
  font-style: italic;
  page-break-inside: avoid;
}

main blockquote cite
{
  display: block;
  padding-top: 6px;
  font-size: 13px;
  font-style: normal;
  line-height: 1.2;
  color: #666666;
}

/* smaller blockquote with wrapping text */
/* ------------------------------------- */
blockquote.small
{

}


/*
  ==========================
  highlight pullout text
  ==========================
*/

main .highlight
{
  font-style: italic;
}



/*
  ==========================
  tables
  ==========================
*/

main table
{
  border-collapse: collapse;
  width: 100%;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  font-size: 13px;
}

main table th,
main table td
{
  padding: 8px 12px;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  text-align: left;
}

main table th
{
  font-size: 14px;
  line-height: 1.2;
  color: #111111;
}


/*
  ==========================
  crisis / alerts
  ==========================
*/
.crisis-alert
{
  margin-top: 10px;
  padding: 10px;
  border: solid 2px #8D0508;
}

.crisis-alert h2
{
  margin: 0;
  padding: 0;
  font-size: 20px;
}



/*
  ===============================================================================
  PAGE TYPE OVERRIDES
  ===============================================================================
*/

/*
  ==========================
  home page
  ==========================
*/
.home #page-title
{
  padding: 6px 0 16px 0;
  border-bottom: solid 2px #cccccc;
  font-size: 22px;
  text-align: center;
}


/* announcement */
/* ------------ */
.home-announcement
{
  margin-bottom: 20px;
  padding-bottom: 6px;
  overflow: hidden;
  border-bottom: solid 1px #cccccc;
}

.announcement-holder.columns > .column:first-child
{
  display: none;
}

.announcement-holder .content-holder .tag
{
  display: block;
  font-size: 13px;
  color: #666666;
  text-transform: uppercase;
}

.announcement-holder .content-holder h2
{
  font-size: 18px;
}

.announcement-holder .content-holder h2 a
{
  text-decoration: none;
}


/* home upper */
/* ---------- */
.home-upper
{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #cccccc;
}

.home-upper .columns > .column + .column
{
  margin-top: 20px;
}


/* large and small promo tiles */
/* --------------------------- */
.large-promo-tiles > .large-promo + .large-promo,
.small-promo-tiles > .small-promo + .small-promo
{
  margin-top: 20px;
}

.large-promo,
.small-promo
{
  padding-bottom: 10px;
  border-bottom: solid 1px #cccccc;
  page-break-inside: avoid;
}

.large-promo > a,
.small-promo .content-holder a
{
  font-size: 18px;
  line-height: 1.3;
  color: #333333;
  text-decoration: none;
}


/* small promo tiles */
/* ----------------- */
.small-promo .image-holder
{
  display: none;
}

.small-promo .tag
{
  display: block;
  font-size: 13px;
  line-height: 1.1;
  color: #666666;
  text-transform: uppercase;
}

.small-promo .content-holder p
{
  margin: 0;
}



/* home quicklinks */
/* --------------- */
.quicklink-tiles
{}

.quicklink-tile + .quicklink-tile
{
  margin-top: 10px;
}

.quicklink-tile > a
{
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
}

.quicklink-tile > a > span
{
  display: block;
}

.quicklink-tile > a > span + span
{
  margin-top: 4px;
}

.quicklink-tile > a .svg-holder
{
  display: block;
}

.quicklink-tile > a .svg-holder svg
{
  display: block;
  max-width: 100%;
  max-height: 46px;
  width: auto;
}

.quicklink-tile > a .svg-holder svg .line
{
  fill: #333333;
}

.quicklink-tile > a .title
{
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
}


/* home sections */
/* ------------- */
.home-sections
{

}

.home-sections > section
{
  display: block;
  padding: 0;
  margin: 0 0 16px 0;
  border-bottom: solid 1px #cccccc;
  page-break-inside: avoid;
}

.home-sections > section + section
{

}

.home-sections > section > .wrapper > .columns
{
  display: block;
  width: auto;
  margin: 0;
}

.home-sections > section > .wrapper > .columns > .column
{
  display: block;
  margin: 0;
  padding: 0;
}

.home-sections > section .image-holder
{
  display: none;
}

.home-sections > section .text-holder
{
  padding-bottom: 12px;
}

.home-section-tiles .small-promo
{
  margin-bottom: 12px;
}


/*
  ==========================
  embassy index page
  ==========================
*/
#embassy-index-tabs,
.embassy-rep-list .letter-filter
{
  display: none;
}


/*
  ==========================
  organigram page
  ==========================
*/
.organigram
{
  list-style-type: none !important;
  margin-left: 0;
  padding-left: 0;
}

.organigram li
{
  list-style-type: none !important;
}

.organigram li + li
{
  margin-top: 12px;
}

main * + .organigram
{
  margin-top: 20px;
}

.organigram > li ul,
.organigram > li ul[style]
{
  display: block !important;
}

/* nested element styles */
/* --------------------- */
.organigram li > ul
{
  padding: 12px 0 0 36px;
}

/* inner wrapper for org information and toggle */
/* -------------------------------------------- */
.organigram li > .inner
{
  position: relative;
  display: block;
  width: 100%;
  max-width: 350px;
  margin: 0;
  padding: 7px 12px 10px 12px;
  border: solid 2px #e8e8e8;
  break-inside: avoid;
  page-break-inside: avoid;
}


/* toggle button */
/* ------------- */
.organigram .org-toggle
{
  display: none !important;
}


/* org information */
/* --------------- */
.organigram .org-info .full-name
{
  font-size: 17px;
}

.organigram .org-info .role
{
  line-height: 1.2;
}



/*
  ==========================
  media and resources index page
  ==========================
*/

#resource-search-form,
.media-resources-index #result-summary,
.media-resources-index .pagination
{
  display: none;
}

/* results set */
/* ----------- */
.resource-result-set > .column > .small-promo
{
  padding: 18px 0;
}