/*
 Theme Name:   Geonet theme based on the Iconic One theme
 Template:     iconic-one
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.site-header {
  color: white;
}

header#masthead {
	margin: -24px -24px 0 -24px; 
	background-color: rgb(11, 57, 95);
	position: relative;
	z-index: 1;
}

header#masthead::after {
	content: "";
	background: url(img/map1.png) no-repeat;
	opacity: 0.08;
	top: -150px;
	left: 80px;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 2;   
}

.hgroup .site-description:hover{
	text-decoration: none;
}

.hgroup {
	float: left;
	padding: 0 0 20px 20px; /*no padding needed at top as the line height of the site name provides it. No right padding needed, as the logo provides left padding*/
	position: relative;
	z-index: 3;
	width: 60%;
	display: inline-block;
    margin: 17px 0;
   	float:none;
}
nav#site-navigation {
	position: relative;
	z-index: 10;
}
.hgroup a {
	color: white;
	font-size: 4em;
	text-shadow: none;
	padding: 0;
	margin: 0;
	line-height: 1.6;

    font-weight: normal;
    text-decoration: none;

	text-shadow: 0.1px 1px 2px #888888;
}

.hgroup a,
.hgroup a:hover,
.hgroup .site-description:hover {
	color: white;
}

.hgroup .site-description {
	line-height: 1.5;
	font-size: 1.5em;
	text-shadow: none;
	white-space: pre-wrap;
	padding: 0;
	margin: 20px 0 0 0;
	font-weight: normal;
}

.wrapper,
.site-header {
	border: 0;
}

#logo {
	float: right;
	white-space: nowrap;
	padding: 17px;
	margin: 20px 20px 0 0;
	position: relative;
	z-index: 3;
	width: 25%;
	text-align: right;
}

#logo .logo-inner,
#logo .logo-inner a {
	max-width: 100%;
}

#logo img {
	max-width: 100%;
	height: auto;
	border: 1px solid white;
}

#logo .oii-logo {
	margin-right: 8px;
}
#logo .ox-uni-logo {
	margin-right: 0;
}

#primary,
.site-content {
	padding-left: 0;
	margin-left: 0;	
	padding-right: 4%;
	margin-right: 2%;
}

#secondary {
	padding-right: 0;
	margin-right: 0;	
}

div#content {
	margin-bottom: 2em;
}
.site-content article {
	word-wrap: normal !important;
}

div.edit-link {
	clear: left;
	display: inline-block;
}

.edit-link a, a.post-edit-link,
.tags a,
.work-packages a {
	padding: 0 10px !important;
	display: inline-block;
	color: white !important;
	border-radius: 0px;
	margin: 0 5px 5px 0;
}

.tags a {
	background-color: rgb(67, 129, 173);
}
.work-packages a {
	color: rgb(67, 129, 173) !important;
	background-color: white;
	border-radius: 50px;
	display: inline-block !important;
	width: auto;

}
div.work-packages {
	display: inline-block;
}
.edit-link a, a.post-edit-link {
	background-color: rgb(205, 0, 54);
}

.tags {
	margin-bottom: 20px;
}
.tags a:before {
	content: "\f323";  /*dashicon*/
	margin-right: 4px;
}

.edit-link a:before {
	content: "\f464"; /*dashicon*/
	margin-right: 4px;
}

.work-packages a:before {
	content: "\f322"; /*folder icon*/
	margin-right: 4px;
}

.edit-link a:hover, a.post-edit-link:hover,
.tags a:hover {
	color: white !important;
	text-decoration: none;
}

.work-packages a:hover {
	text-decoration: none;
}
.tags a:hover {
	background-color: rgb(53, 103, 139);
}

.edit-link a:hover, a.post-edit-link:hover {
	background-color: rgb(165, 0, 43);
}


/* =Change the default blue colour of the background
-------------------------------------------------------------- */
	#searchsubmit,
	.form-submit input {
	    background: rgb(67, 129, 173); 
	    height: 30px;
	    color: white;
	    font-size: 1em;
	    margin-bottom: 0;
	    line-height: 0.4;
	}
	article.format-aside .aside {
	    border-top: 16px solid rgb(67, 129, 173);
	}

	a {
		color: rgb(67, 129, 173);
	}
	a:hover {
		color: rgb(53, 103, 139);
	}

	.themonic-nav li:hover {
			background: rgb(67, 129, 173);
			}

	/* Minimum width of 768pixels. */
	@media screen and (min-width: 769px) {
		.themonic-nav .current-menu-item > a,
		.themonic-nav .current-menu-ancestor > a,
		.themonic-nav .current_page_item > a,
		.themonic-nav .current_page_ancestor > a {
			    background: none repeat scroll 0 0 rgb(67, 129, 173);
		}
		.themonic-nav ul.nav-menu,
		.themonic-nav div.nav-menu > ul {
			border-bottom: 5px solid rgb(67, 129, 173);
		}
	}
#content .dashicons {
	color: rgb(67, 129, 173);
	font-size: 10px;
	line-height: 1;
	display: block;
}
/* = END Change the default blue colour of the background
-------------------------------------------------------------- */

img {
  border: 0;
  box-shadow: none !important;
}

img.img-circle {
	border-radius: 50%;
	text-align: center;

}

.text-center {
	margin: 0 auto;
}

article {
	hyphens: none !important;
}

.archive-title,
.page-title {
	font-size: 28px;
	color: rgb(67, 129, 173);
	line-height: 1.3;
}

.archive-meta {
	font-size: 1.1em;
	margin-top: 0;
}

.archive-header {
	margin-bottom: 22px;
}

.entry-header .entry-title {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
	#logo {
		float: none;
		margin: 0 auto;
		padding: 20px 0 0 0;
		width: 90%;
		text-align: center;
	}
	.hgroup {
		float: none;
		width: 75%;
		padding: 0;
		margin: 0 auto;
	}
	header#masthead {
		margin-bottom: 34px;
	}
	#primary,
	.site-content {
	padding-right: 0;
	margin-right: 0;
	}
}

@media screen and (min-width: 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		#logo {
		float: none;
		margin: 0 auto;
		padding: 20px 0 0 0;
		width: 90%;
		text-align: center;
	}
	.hgroup {
		float: none;
		width: 75%;
		padding: 0;
		margin: 0 auto;
	}
	header#masthead {
		margin-bottom: 34px;
	}
	#primary,
	.site-content {
	padding-right: 0;
	margin-right: 0;
	}
}

@media screen and (min-width: 768px) {
	.entry-header .entry-title {
		font-size: 2em;
	}
}

body .site {
	padding: 24px;
}

select.selectnav {
	margin: 20px 0 40px 0;
	font-size: 18px;
	background-color: rgb(67, 129, 173);
	color: white;
	border: 0;
	width: 50%;
	text-transform: none !important;
}

.themonic-nav ul.nav-menu {
	border-top: 0;
}
.site-content nav {
	line-height: 1.7;
}
.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: none;
	background-color: rgb(67, 129, 173);
	color: white;
	display: inline-block;
}
.below-title-meta {
	width: 100%;
	margin: 0;
	padding-bottom: 44px;
}
.adt {
	padding: 10px 10px 5px 10px;
	float: none;
}
.below-title-meta {
	padding-bottom: 0;
}
.adt-comment, .meta-sep {
	float: none;
	margin-left: 0.7em;
}
.adt .author:before,
.adt .meta-sep:after,
.adt-comment a:before,
.tags a:before,
.edit-link a:before,
.work-packages a:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'dashicons';
	vertical-align: top;
	color: rgb(67, 129, 173); 
}
.tags a:before {
	color: white;
	font: normal 12px/1 'dashicons';
	vertical-align: text-bottom;
}
.edit-link a:before {
	color: white;
	font: normal 16px/1 'dashicons';
	vertical-align: text-bottom;
}
.work-packages a:before {
	font: normal 16px/1 'dashicons';
	vertical-align: text-bottom;
}
/*  http://wpsites.net/web-design/adding-dashicons-in-wordpress

    https://developer.wordpress.org/resource/dashicons/#editor-paragraph
*/
.adt .author:before {
	content: "\f110"; /*person dashicon*/
}
.adt .meta-sep:after {
	content: "\f508"; /*calendar dashicon*/
}
.adt-comment a:before {
	content: "\f101"; /*comment dashicon*/
}

.wp-caption {
	background-color: rgb(242, 242, 242);
	margin-bottom: 10px;
	max-width: 100%;
	padding: 0;
	border: 0;
	text-align: center;
}
.wp-caption img {
	max-width: 98% !important;
	margin: 6px auto 0 auto;
}
.wp-caption-text {
	margin: 0;
	max-width: 98% !important;
	margin: 0 auto;
}

.comments-area article header {
	float: none;
	margin: 0 0 20px 0;
	background-color: rgb(247, 247, 247);
	padding: 8px;
}

.comments-title {
	font-weight: 800;
}

.link-comments {
	display: inline-block !important;
}


.wmle_post_meta,
.wmle_post_excerpt {
	display: none;
}
#wmle_container .wmle_item .wmle_post_title {
 font-size: inherit; 
 color: inherit; 
 line-height: 1.5;
 padding: 15px;
 border: 0;  
 font-weight: normal; 
}
.wmle_container .wmle_item .wpme_image img {
	margin: 0;
}
#wmle_container .wmle_item {
	border: 1px solid rgb(231, 231, 231);
	background-color: rgb(236, 236, 236);
	margin: 0 12px 12px 0;
	padding: 0;
	box-shadow: none;
	border-radius: 5px;
}
#wmle_container .wmle_item img {
	border-radius: 5px 5px 0 0 !important;
	width: 100%;
}
.wmle_loadmore .wmle_loadmore_btn {
	        box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-color: rgb(67, 129, 173);
	color: white !important;

}
.wmle_loadmore a {
	padding: 8px 20px !important;
}
.wmle_loadmore {
	display: none; /*by default we do not show the load button. we display it by javascript so only those with browers displaying js will see it */
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-container {
	display: block; /*by default we show the extra detail text. we hide it by javascript so only those with browers using js will use the toggle behaviour */
}
.wmle_container .wmle_item .wmle_post_title a:hover,
a:hover {
	color: rgb(67, 129, 173);
}
.wc-shortcodes-entry-summary {
	display: none;
}
p.lead {
	font-size: 1.2em;
}
strong {
	font-weight: 500 !important;
}

h2.wc-shortcodes-entry-title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
}
h2.wc-shortcodes-entry-title a:hover,
h2.wc-shortcodes-entry-title a:focus {
	text-decoration: none;
}
.wc-shortcodes-entry-thumbnail img {
	margin: 0;
}

.category-tiles,
.category-content {
	display: block;
	clear: both;
}


/* 
	KK added on 24 June 2015
*/

strong {
	font-weight: bold !important;
}
p code {
	padding: 20px;
	background-color: #eee;
}

.d3-chart-container {
   	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.d3-chart-container iframe {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}