/*
Theme Name:         ILO Sverige
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */

	/* Auto Height for Images for Responsive Design */
	img { height: auto; }
	li { margin-bottom: 2%!important; }

	/* ZURB Navi for Foundation */
	nav  {background-color:#0c4d97;}
	dl.nav { display: block; width: auto; height: 17px; margin: 0 0 0 10px;padding:9px 0}
	dl.nav dt, dl.nav dd { float: left; display: inline; }
	dl.nav dt { color: #999; font-weight: normal; }
	dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px;
	 -webkit-border-radius: 12px; -moz-border-radius: 12px; color:white;text-transform:uppercase}
	dl.nav dd a:hover { color: #eee; }
	dl.nav dd.current-menu-item a,
	dl.nav dd.current-post-ancestor a,
	dl.nav dd.current-menu-parent a,
	dl.nav dd.current-post-parent a
	 { color: #fff;font-weight:bold }

	/* Foundation-specific presentation CSS by ZURB */
	body { padding-bottom: 60px;}
	div.reverie-header { height:275px; margin: 0 0 0 0; padding: 20px 0 0 0; }
	div.reverie-header h1 { margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	div.reverie-header .subheader { margin-bottom: 9px; }
	div.highlight { margin-bottom: 12px; }
	img.beta { position: absolute; top: 0px; right: 0px; }

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */

	/* Resizing the Blog Post */
	.post-box p { font-size: 1.7rem; line-height: 22px!important; }
	.post-box { font-size: 1.6rem; line-height: 20px!important; }
	.post-box h1 { font-weight: normal; font-size: 30px; line-height: 1; margin-bottom: 10px; }
	.post-box h2 { font-weight:  normal; font-size: 28px; line-height: 1.2; margin-bottom: 2px; }
	.post-box h3 { font-size: 22px;	}
	.post-box h4 { font-size: 18px;}

	/* Add Divider for Listed Posts */
	.divider { /* background:url(images/divider.png) no-repeat center top;*/
		/* border-bottom: 0.1em dashed #0C4D97; */
		margin:30px 0 0px;clear:left;dispålay: none;
	}

	/* Add Align Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 5px 18px 18px 0; }

	/* Add HTML5 Caption Class for Images */
	figure.figure {	background: #EEE; margin: 0 0 18px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { display: block; padding: 8px 10px; font-size: 13px; line-height: 18px; color: #555; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }

	/* Sidebar Adjustment */
	.sidebar-section {font-size: 1.4rem; font-weight: normal;	}

	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 1.3rem; font-weight: normal; }
	.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }

/*  -------------------------------------------------------
    Customize Foundation Style Pagination for WP-Pagenavi
    ---------------------------------------------------- */

    div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; }
    div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; margin-left: 5px; }
    div.wp-pagenavi span.pages { padding-left: 0; }
    div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; }
    div.wp-pagenavi span.unavailable:hover { border-bottom: none; }

/*  --------------------------
    Your Customized Style
    ----------------------- */

	 .gsc-control-cse {
    font-family: TradeGothic,Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-control-cse .gsc-table-result {
    font-family: TradeGothic,Arial, sans-serif;
  }
  input.gsc-input {
    border-color: #BBBBBB;
  }
  input.gsc-search-button {
    border-color: #000000;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-webResult.gsc-result.gsc-promotion:hover,
  .gsc-imageResult:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
    color: #444444;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
    color: #444444;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gsc-completion-title {
    color: #444444;
  }
  .gsc-completion-snippet {
    color: #333333;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }
  .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
  }
  /* Typography */
  @font-face { font-family: TradeGothicNext; src: url('css/trade-gothic-next-regular-latin-1.ttf'); }
@font-face { font-family: TradeGothicRoman; src: url('css/trade-gothic-roman-latin-1.ttf'); }
body {font-family:TradeGothicRoman}
.entry-content {margin-top:10px}
.copyright{text-align:center}
#content-info{margin-top:100px;}
.ilo-logo{background-color:#0C4D97;}
.ilo-logo a{color:white;width:100%font-size:2.8rem;margin:0.1em;line-height:0.1em;padding:5px}
/* #rss-3{padding-top:110px;background:url('images/ilo-int-100x.png') no-repeat 50% 0%;margin-top:16	px;} */
/* #rss-2{padding-top:65px !important;background:url('images/ilo-arb.png') no-repeat 50% 0%;margin-top:20px} */
.widget_rss li
{margin:5px 0px 10px 0px !important}
.ilo-logo-seo
{display:block;width:100%;height:275px;text-indent:-999em;}

.tabs-content
{list-style:square !important;}

#mobile-nav a
{background-color:#0C4D97;color:white;}
#mobile-nav
{padding-top:100px;background:url('images/ilo-fb.png') 7% 0% no-repeat #0C4D97;margin:0;background-size:100px auto}
#mobile-nav .current-menu-item a
{background-color:#C5C7CA;font-weight:bold}

#content iframe
{width:100%}

.logoimg {
	margin:150px 0 0 0;
	float:left;
	padding: 10.5px;
	width: 153px;
}

@media (min-width: 767px) {
	.logoimg {
		background-image: linear-gradient(to top, #0c4d97, transparent);
	}
}

.rsswidget img
{display:none}
.rsswidget
{display:none}

li .rsswidget
{display:block}

li a.rsswidget{
  font-size: 1.7rem;
}

li span.rss-date {
  font-size: 1.6rem;
  color: #000;
}

#text-5
{margin-bottom:0px !important}

.tabs-content li
{clear: left;}

.sub-nav
{display:block;
clear:right;
padding-bottom: 30px;
margin-left:15px}


.sub-nav dd
{background: #ddd;
border-radius: 20px;
padding: 0 10px 0 10px;
margin: 0 10px 0 0px;
float:left
}

.gallery-item
{text-align:left !important;
margin:0 !important;
border-bottom: 1px solid #ddd !important;
padding: 5px 5px 5px 0px !important;}

.docheader
{font-weight: bold;margin-top:20px;text-decoration;}

.docitems
{}

.gallery
{display:none;margin-bottom:15px !important}

.docitem
{text-decoration:underline
}

#text-5.widget_text .textwidget p{
  margin: 0;
}

.gallery-item a
{color:black}

.showall
{cursor: pointer;text-decoration:underline}

#___gcse_0 table
{border: 0px;}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.page-numbers.current .screen-reader-text {
  clip: auto;
  height: auto;
  overflow: auto;
  position: relative !important;
  width: auto;
}

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
  clip: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  position: relative !important; /* overrides previous !important styles */
  width: auto;
}

.lowercase {
  text-transform: lowercase;
}

.page-numbers,
#post-nav a {
  color: white;
}
.page-numbers.current,
.page-numbers:hover,
#post-nav a:hover {
  color: white;
  text-decoration: underline;
}

.nav-links .page-numbers,
.nav-links .post-next,
.nav-links .post-previous,
#post-nav a {
  padding: 5px 10px;
  display: inline-block;
}

#searchform {
	display: none;
}
@media (min-width: 767px) {
		#searchform {
			display: -ms-flexbox;
		  display: flex;
		  padding-bottom: 20px;
      margin: 4px 10px;
		}
}

#searchformmobile {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}

#searchform .input-text,
#searchformmobile .input-text {
  width: auto;
  margin: 0;
  margin-left: 30px;
  border-radius: 0;
  border-color: #dbdbdb;
  box-shadow: none;
}
#searchformmobile .input-text {
  flex: 1;
}

#searchform .button,
#searchformmobile .button {
  padding: 0px 10px;
  border: none;
  border-radius: 0;
  background-color: #dbdbdb;
  max-width: 42px;
}

#searchform .button img{
  height: 14px;
  width: 14px;
}

#searchformmobile .button {
  margin-right: 30px;
}

@media screen and (min-width: 970px) {
  header nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    /* align-items: center; */
    margin-bottom: 20px;
  }

  nav #searchform .input-text,
  nav #searchformmobile .input-text {
    padding: 0 4px 0 10px;
    border: none;
  }

  #searchform {
    padding-bottom: 0;
  }
  #searchform .input-text {
    flex: 0;
    margin-left: 0px;
  }
}

@media screen and (max-width: 640px) {
  #searchform {
    display: none;
  }
}

/* Sidebar filter */
#sidebar-filter {
  background-color: #f5f5f5;
  padding: 20px;
}

#sidebar-filter h6 {
  font-weight: bold;
  margin-bottom: 12px;
}

#sidebar-filter .category-title {
  font-weight: bold;
  color: #0c4d97;
  cursor: pointer;
  margin-bottom: 4px;
}

#sidebar-filter .document-category {
  margin: 8px 0px;
}

#sidebar-filter .category-child {
  display: none;
  margin-left: 12px;
}

#sidebar-filter .category-child:first-of-type {
  margin-top: 4px;
}

#sidebar-filter .category-child a {
  color: black;
  padding: 4px 8px;
  background: transparent;
  border-radius: 12px;
  display: inline-block;
}

#sidebar-filter .active a {
  color: white;
  background: #0c4d97;
}

#sidebar-filter svg {
  transition: all .3s ease-in-out;
}

/* Sidebar open */
#sidebar-filter .open .title-name {
  text-decoration: underline;
}

#sidebar-filter .open .category-child {
  display: block;
}

#sidebar-filter .open svg {
  transform: rotate(90deg);
}


/* Documents blankstate  */
#documents--blank-state .button {
  margin: 6px 12px 6px 0px;
  border-radius: 48px;
  padding: 6px 11px;
  background-color: #eeeeee;
  font-weight: normal;
}

#documents--blank-state .document-category {
  margin-bottom: 20px;
}


/* Documents content  */
#documents--content {
  margin-bottom: 20px;
}

#documents--content .document--link {
  background: #f5f5f5;
  margin: 8px 0px;
  padding: 8px;
  color: #0c4d97;
}

.visually-hidden { /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}