/*
Theme Name: Hafren Scientific
Theme URI: http://www.hunterbevan.co.uk
Description: Custom responsive theme for Hafren Scientific
Version: 1.0
Author: Hunter Bevan
Author URI: http://www.hunterbevan.co.uk
*/

/* By Alexander Culshaw, 2013 */

/* ==== Layout for desktop version ====   */

	/* Setting up the various divs and background properties */

		body {
			font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
			font-size: 14px;
			line-height: 20px;
			color: #000000;
			text-align: left;
		}
		
		#header-left {
			background: url("images/layout/header-left-bg.png") no-repeat top right;
			height: 147px;
			left: 0;
			position: absolute;
			top: 0;
			width: 50%;
			z-index: -1;
		}
		
		#header-left.static {
			z-index: 1;
		}
		
		#header-left.loggedin {
			top: 28px;
		}
		
		#header-elements {
			position: relative;
			z-index: 99;
		}
		
		#lang-switch {
			display: block;
			float: right;
			margin-top: 10px;
			margin-right: 20px;
		}
		
			ul#qtranslate-chooser {
				list-style: none;
				margin: 0;
				line-height: 22px;
			}
			
			ul#qtranslate-chooser li {
				display: inline;
				margin: 0;
			}
			
			ul#qtranslate-chooser li a {
				padding: 2px 6px;
			}
			
			ul#qtranslate-chooser li:first-of-type {
				border-right: 1px solid #4d4d4d;
			}
		
		ul#sidebar {
			float: left;
			background: #ffffff;
			margin: 0;
			list-style: none;
			width: 100%;
		}
		
		ul#sidebar li.widget ul {
			margin: 0;
			line-height: 18px;
		}
		
		ul#sidebar li {
			list-style: none;
		}
		
		ul#sidebar li.widget {
			margin: 10%;
		}
		
		ul#sidebar li.widget.widget_nav_menu {
			margin: 0 0 12px 0;
		}
		
		#header-bg {
			background: url("images/layout/header-bg.jpg") repeat-x scroll center top / 120% auto rgba(0, 0, 0, 0);
			padding: 20px 20px 10px;
		}
		
		#header {
			display: block;
		}
		
		#hafren-logo {
			float: left;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-left: 2%;
			max-width: 100%;
		}
		
		.moveup {
			position: absolute;
			top: 0;
			padding: 0;
			width: 100%;
		}
		
		.moveup #hafren-logo, .moveup #search, .moveup #lang-switch  {
			margin-top: 30px;
		}
		
		.moveup.loggedin #hafren-logo, .moveup.loggedin #search, .moveup.loggedin #lang-switch  {
			margin-top: 58px;
		}
		
		#slider-bg {
			padding: 0;
			background: url("images/layout/background-slider-header.png") repeat-x scroll center top #E6E6E6;
		}
		
		#menu-bg {
			background: #007c37;
			padding: 0 20px;
		}
		
		#feature-bg {
			background: #e6e6e6;
			padding: 20px 0;
		}
		
		#feature-bg.home {
			background: url("images/layout/bg-logo-bottom.png") no-repeat top center #e6e6e6;
		}
		
		#ticker-bg {
			background: #A2A2A2;
			padding: 0;
		}
		
		/* Fixes for pages with a left sidebar menu */
		
		ul#sidebar.width-fix {
			width: 117%;
		}
		
		.left-shadow {
			-webkit-box-shadow: 2px 0 36px 10px rgba(176, 176, 176, 0.5);
			box-shadow: 2px 0 36px 10px rgba(176, 176, 176, 0.5);
			min-height: 500px;
		}
		
		#sidebar-bg {
			background: #ffffff;
		}
		
		#page-bg {
			padding-bottom: 30px;
			background: url("images/layout/page-bg.png") no-repeat bottom center #d9d9d9;
		}
		
		#page-bg.home {
			font-size: 12px;
			background: url("images/layout/bg-logo-top.png") no-repeat bottom center #d9d9d9;
		}
		
		.breadcrumb {
			padding: 1% 3%;
			background: #808080;
			font-size: 12px;
			line-height: 12px;
			color: #ffffff;
		}
		
		.breadcrumb a {
			color: #ffffff;
		}
		
		.breadcrumb span.current {
			font-weight: bold;
		}
		
		#content {
			padding: 3%;
			background: #ffffff;
		}
		
		#footer-bg {
			background: #4d4d4d;
		}
		
		#footer-col1 {
			color: #cccbcb;
		}
		
		#footer-col2 {
			color: #cccbcb;
		}
		
		#footer-col3 {
			float: left;
			display: block;
			width: 100%;
			color: #cccbcb;
			border-left: 1px solid #5e5e5d;
			border-right: 1px solid #5e5e5d;
		}
		
		#footer-col3 a {
			padding-left: 30px;
			background-image: url("images/layout/social-footer.png");
			background-position: left center;
			background-repeat: no-repeat;
			display: block;
			width: 70px;
			height: 25px;
			margin: 0 auto 3px auto;
			line-height: 24px;
		}

		#footer-social {
			margin: 0 auto;
			display: block
		}
		
			a#fb {
				background-position: 0 -1px;
			}
			a#tw {
				background-position: 0 -31px;
			}
			a#yt {
				background-position: 0 -61px;
			}
			a#li {
				background-position: 0 -90px;
			}
			a#rss {
				background-position: 0 -120px;
			}
			a#fl {
				background-position: 0 -150px;
			}
		
		#footer-col4 {
			color: #cccbcb;
		}
		
	/* Sitemap Styling */
		
		.sitemap > ul.posts {
			list-style: none;
		}
		
	/* Contact Form 7 Styling */
		
		#sidebar form.wpcf7-form p {
			padding:0;
		}
		form .wpcf7-text {
			border: 1px solid #DEDEDE;
			color: #000000;
			font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
			font-size: 14px;
			padding: 2px 4px;
			height: 28px;
			margin: 8px 0;
			width: 50%;
		}
		form .wpcf7-text:focus {
			border: 1px solid #208958;
		}
		form .wpcf7-textarea {
			border: 1px solid #DEDEDE;
			color: #000000;
			font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
			font-size: 14px;
			line-height: 22px;
			padding: 6px 4px;
			height: 80px;
			width: 50%;
			margin: 4px 0;
		}
		form .wpcf7-textarea:focus {
			border: 1px solid #208958;
		}
		form.wpcf7 .watermark {
			color: #696B77;
		}
		form span.wpcf7-not-valid-tip {
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #F08934;
			color: #000000;
			font-size: 14px;
			left: 0;
			line-height: 22px;
			padding: 1%;
			position: absolute;
			top: -9px;
			width: 98%;
			z-index: 100;
		}
		form div.wpcf7-response-output {
			border: 1px solid #F08934;
			color: #000000;
			margin: 0 0 20px;
			font-size: 14px;
			padding: 6px;
			width: 50%;
		}
		div.wpcf7-mail-sent-ok {
			border: medium none !important;
			display: none !important;
		}
		
		#btnSend {
			clear: both;
			display: block;
			margin: 8px 0;
			border: 0;
			-webkit-border-radius: 4px;
			border-radius: 4px; 
			-webkit-box-shadow: 4px 4px 2px -2px #dfdfdf;
			box-shadow: 4px 4px 2px -2px #dfdfdf; 
			background: #208958;
			font-weight: bold;
			color: #ffffff;
			height: 34px;
			padding: 5px 8px;
		}
		
		#btnSend:hover {
			cursor: pointer;
		}

		/* Home page margin top fix */
		
		.top-margin {
			margin-top: 30px;
		}
		
		/* Home page image slider */
		
		#slider {
			display: block;
			margin: 0;
			border: none;
			border-radius: 0;
			box-shadow: none;
			background: none;
			z-index:1;
		}
		
		#slider.loading {
			min-height: 150px;
		}
		
		#slider ul.slides {
			max-height: 350px;
			overflow: hidden;
		}
		
		#slider ul.slides li {
			background: none;
			margin: 0;
			padding: 0;
		}
		
		#slider ul.slides img {
			display: block;
			margin: 0 auto;
			max-height: 336px;
			min-height: 336px;
		}
		
		#slider ul.slides li {
			opacity: 0.5;
		}
		
		#slider ul.slides li.flex-active-slide {
			opacity: 1;
		}
		
		#slider ul.flex-direction-nav li {
			margin: 0;
		}
		
		#slider .flex-direction-nav a {
			background: url("images/layout/slider-arrows.png") no-repeat 0 0;
			cursor: pointer;
			display: block;
			margin: -40px 0 0;
			position: absolute;
			text-indent: -9999px;
			top: 90%;
			width: 33px;
			height: 33px;
			opacity: 0.5;
		}
		
		#slider .flex-direction-nav a:hover {
			opacity: 1;
		}
		
		#slider .flex-direction-nav .flex-prev {
			left: 2%;
		}
		
		#slider .flex-direction-nav .flex-next {
			right: 2%;
		}
		
		#slider .flex-direction-nav .flex-next {
			background-position: 100% 0;
		}
		
		#slider .flex-direction-nav .flex-disabled {
			cursor: default;
			opacity: 0.8 !important;
		}
		
		#slider #controlwrap ul li {
			margin-bottom: 0;
		}
		
		#slider .flex-caption {
			background: url("images/layout/slider-caption-bg.png") no-repeat left top;
			bottom: 0;
			margin-right: 0;
			padding: 20px 20px 20px 30%;
			position: absolute;
			right: 0;
			width: 54%;
			min-height: 90px;
		}
		
		#slider .flex-caption a {
			color: #4d4d4d;
			display: block;
		}
		
		#slider .flex-caption a:hover {
			text-decoration: none;
		}
		
		#slider .flex-caption .inner {
			margin: 0 auto;
			width: 55%;
		}
		
		#slider h1 {
			margin-bottom: 4px;
		}
		
		/* Feature slider */
		
		#featureslider {
			display: block;
			margin: 0;
			border: none;
			border-radius: 0;
			box-shadow: none;
			background: none;
		}
		
		#featureslider ul.slides li {
			background: none;
			margin: 0 5px;
			padding: 0;
		}
		
		#featureslider img.wp-post-image {
			margin: 0;
		}
		
		#featureslider ul.slides li span.feature-title {
			position: relative;
			margin-top: -12%;
			display: block;
			width: 84%;
			padding: 3% 3% 3% 13%;
			background-image: url("images/layout/feature-bg.png");
			background-size: 100%;
			font-size: 16px;
			line-height: 20px;
			color: #ffffff;
		}
		
		#featureslider a {
			text-decoration: none;
			color: #ffffff;
		}
		
		#featureslider a:hover {
			text-decoration: underline;
		}
		
		#featureslider ul.flex-direction-nav li {
			margin-bottom: 0
		}
		
		
		#featureslider .flex-direction-nav a {
			background: url("images/layout/featureslider-arrows.png") no-repeat 0 0;
			cursor: pointer;
			display: block;
			margin: -20px 0 0;
			position: absolute;
			text-indent: -9999px;
			top: 50%;
			width: 33px;
			height: 33px;
			opacity: 0.5;
		}
		
		#featureslider .flex-direction-nav a:hover {
			opacity: 1;
		}
		
		#featureslider .flex-direction-nav .flex-prev {
			left: 1%;
		}
		
		#featureslider .flex-direction-nav .flex-next {
			right: 1%;
		}
		
		#featureslider .flex-direction-nav .flex-next {
			background-position: 100% 0;
		}
		
		#featureslider .flex-direction-nav .flex-disabled {
			cursor: default;
			opacity: 0.8 !important;
		}
		
		/* Home page ticker */
		
		#tickerwrap {
			float: left;
			width: 100%;
			padding: 20px 0;
			background: #a2a2a2;
			line-height: 18px;
		}
		
			#tickerwrap ul {
				list-style: none;
				margin: 0;
			}
			
			#tickerwrap ul li {
				list-style: none;
				margin: 0;
			}
			
			#tickerwrap .ticker-swipe {
				display: none;
			}
		
		#tickerwrap p {
			font-size: 12px;
			line-height: 18px;
			margin: 0;
		}
		
		#tickerwrap a {
			color: #ffffff;
		}
		
		#tickerwrap a:hover {
			text-decoration: underline;
		}
		
		.ticker-title {
			float: left;
			margin-right: 2%;
			font-size: 18px;
			line-height: 18px;
			font-weight: bold;
			color: #ffffff;
		}
		
		a#read-more {
			float: right;
			text-transform: uppercase;
			background: #007c37;
			color: #ffffff;
			font-weight: bold;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
			font-size: 12px;
			padding:5px 10px;
		}
		
		
	/* Comments styling */
		
		h3#comments {
			margin: 32px 0 20px;
		}
		
		#respond form#commentform {
			margin: 12px 0 0 0;
		}
		
		.comment .comment-meta, .comment .reply, .comment .comment-author {
			padding: 0 24px 8px 0;
			font-size: 14px;
		}
		
		li.comment {
			list-style: none;
		}
		
		.comment cite {
			font-style: normal;
		}
		
		form#commentform textarea, form#commentform input {
			border: 1px solid #dedede;
			font-family: "Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
			line-height: 18px;
			font-size: 14px;
			padding: 4px;
		}
		
		form#commentform textarea:focus, form#commentform input:focus {
			border: 1px solid #208958;
		}
		
		#respond form#commentform label {
			float: left;
			width: 42%;
		}
		
		.reviewform #respond form#commentform label {
			float: left;
			width: 33%;
			padding-right: 1%;
		}
		
		#comments .form-label {
			display: block;
			margin: 4px 0;
		}
		
		#comments form#commentform label {
			float: none;
		}
		
		#comments .form-label {
			display: block;
			margin: 4px 0;
		}
		
		#comments .form-submit {
			margin: 8px 0;
		}
		
		#respond {
			margin: 20px 0 0;
		}

		.comment ul.children li {
			background: #EDF5E5;
			-webkit-border-radius: 4px;
			border-radius: 4px; 
			margin-left: 20px;
			padding: 12px;
		}
		
		#respond input#submit {
			background: url("images/layout/button-bg.png") repeat-x top #56af07;
			color: #FFFFFF;
			font-size: 18px;
			line-height: 18px;
			padding: 6px;
			border: 0;
			-webkit-border-radius: 4px;
			border-radius: 4px; 
			-webkit-box-shadow: 4px 4px 2px -2px #dfdfdf;
			box-shadow: 4px 4px 2px -2px #dfdfdf; 
		}
		#respond input#submit:hover {
			background: #f68908;
			text-decoration:none;
			cursor: pointer;
		}
		
		.reviews {
			margin-top: 20px;
		}
		
		.reviewform p.comment-form-comment {
			clear: both;
		}
		
		p.nocomments {
			margin: 12px 0 0 0;
		}
		

	/* Fonts and line spacing*/
		
		h1, h2, h3, h4, h5 {
			color: #4d4d4d;
			font-family: 'Rokkitt', serif;
			font-weight: normal;
		}
		
		h1 {
			font-size: 36px;
			line-height: 40px;
			margin: 0 0 20px 0;
		}
		
		h1.page-title {
			color: #4d4d4d;
		}
		
		h2 {
			font-size: 24px;
			line-height: 28px;
			margin: 0 0 20px 0;
		}
		
		h2.search-header {
			padding-left:32px;
			background: url('images/layout/search-glass.png') no-repeat top left;
			line-height: 42px;
		}

		h3 {
			font-size: 18px;
			line-height: 22px;
			margin: 0 0 16px 0;
		}
		
		#feature-bg h3 {
			text-align: center;
			font-size: 36px;
			line-height: 30px;
			font-weight: normal;
		}
		
		h4 {
			font-size: 14px;
			line-height: 18px;
			margin: 0 0 12px 0;
		}
		
		h5 {
			font-size: 14px;
			line-height: 18px;
			margin: 0 0 12px 0;
		}
		
		p {
			margin: 0 0 20px 0;
			color: #706f6f;
		}
		
		p strong {
			font-weight: bold;
		}
		
		a {
			text-decoration: none;
			color: #007c37;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		blockquote {
			margin: 8px 24px 20px 0px;
			padding: 12px;
			background: #F7F7F7;
		}
		
		blockquote p:last-of-type {
			margin-bottom: 0;
		} 
		
		p.wp-caption-text {
			text-align: center;
			line-height: 18px;
			padding: 0;
			font-size: 14px;
		}
		
		p.author-info {
			margin: 18px 0;
		}
		
		p.alignleft {
			text-align: left;
		}
		
		p.alignright {
			text-align: right;
		}
		
		hr {
			background-color: #DFDFDF;
			border: 0 none;
			clear: both;
			height: 1px;
			margin-bottom: 18px;
		}
		
		#footer-bg a {
			color: #cbcaca;
		}

		#sidebar h3 {
			font-size: 18px;
			line-height: 20px;
			font-weight: normal;
			margin: 0 0 12px 0;
		}
		
		#sidebar h3.widget-title {
			color: #575756;
			font-size: 18px;
			line-height: 30px;
			font-weight: bold;
			margin: 0 0 14px;
		}
		
		#sidebar h4 {
			font-size: 18px;
			line-height: 30px;
			font-weight: normal;
		}

		#sidebar p {
			font-size: 16px;
			margin: 0 0 12px 0;
			line-height: 22px;
		}
		
		a.post-edit-link {
			background: url('images/layout/pencil.png') no-repeat left top;
			padding: 4px 0 4px 36px;
			list-style-type: none;
			font-size: 14px;
			line-height: 24px;
			clear: both;
		}
		
		ol  {
			font-size: 16px;
			font-weight: bold;
			line-height: 22px;
			list-style-type: decimal;
			margin-left: 22px;
		}

		ol li {
			margin-bottom: 10px;
			font-weight: normal;
		}
		
		ul {
			font-size: 14px;
			line-height: 22px;
			margin: 2% 2% 2% 0;
			list-style: disc inside none;
			color: #706F6F;
		}
		
		ul li {
			margin-bottom: 12px;
		}
		
		.commentlist ul li {
			background: none;
			margin-bottom: 12px;
			padding-left: 25px;
		}
		
		table {
			border: 0;
		}
		
		table tbody {
			margin: 20px 0;
			font-size: 16px;
			line-height: 18px;
		}
		
		table tbody tr {
			border-bottom: 1px dotted #333333;
			padding: 8px 0;
			display: block;
		}
		
		table tbody tr td {
			padding: 8px 8px 8px 0;
		}
				
		#search {
			display: block;
			float: right;
			line-height: 28px;
			margin-top: 10px;
			margin-right: 2%;
		}
		
		#searchbox {
			background: url('images/layout/white-trans-bg.png') repeat;
			border-radius: 4px 0px 0px 4px;
			-webkit-border-radius: 4px 0px 0px 4px;
			border: none;
			color: #808080;
			padding: 4px;
			width: 130px;
			height: 16px;
			float: left
		}
		
		#searchbox:focus {
			color: #000000;
		}
		
		#btnSearch {
			background-image: url('images/layout/btn-search.png');
			background-repeat: no-repeat; 
			background-position: center;
			background-color: #208958;
			border-radius: 0 4px 4px 0;
			-webkit-border-radius: 0 4px 4px 0;
			border: none;
			text-indent: -9999px;
			font-size: 0;
			color: transparent;
			width: 28px;
			height: 24px;
			padding: 2px;
			margin-top: 0;
			margin-left: 0;
			float: left;
		}
		
		#btnSearch:hover {
			cursor: pointer;
		}
		
		
		.separator {
			border-bottom: 1px solid #dedede;
			margin: 16px 16px 16px 0;
		}
		
		body .wp-pagenavi {
			clear: both;
			font-size: 14px;
			margin: 32px 0;
		}
		
		body .wp-pagenavi a, body .wp-pagenavi span {
			background: #208958;
			border: none;
			color: #FFFFFF;
			margin: 2px;
			padding: 6px 8px;
			text-decoration: none;
		}
		
		body .wp-pagenavi a:hover {
			background: #5a8ac7;
			border: none;
			color: #FFFFFF;
		}
		
		body .wp-pagenavi span.current {
			background: #5a8ac7;
			border: none;
			font-weight: normal;
		}
		
		body .wp-pagenavi span.pages {
			padding: 6px 6px 6px 0;
			background: #ffffff;
			border: none;
			margin: 0 2px 0 0;
			color: #575756;
		}
		
	/* The menu bar */

	/* Displaying desktop or mobile menu based on device width */

		#menu .mobile {
			display: none;
		}
		
		#menu .desktop {
			position: absolute;
		}
		
	/* Header Menu styling */

		#menu .menu-header, div.menu {
			margin: 0px;
		}

		#menu-wrap {
			height: 40px;
		}
		
		#menu ul.menu {
			display: inline-block;
			vertical-align: middle;
			z-index: 9999;
			margin: 0;
		}
		
		#menu ul.menu li {
			border: 0 none;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 5;
			background: url("images/layout/menu-line.png") no-repeat right transparent;
		}
		
		#menu ul.menu li.last {
			background: none;
		}

		#menu a {
			color: #ffffff;
			display: block;
			margin: 0;
			padding: 0 16px;
			text-decoration: none;
			font-size: 14px;
			line-height: 39px;
			height: 39px;
			position: relative;
		}
		

		#menu .arrow {
			position: relative;
			margin-top:-19px;
			margin-left: 12px;
			background: url("images/layout/menu-dropdown-arrow.png") no-repeat top left;
			width: 120px;
			height: 11px;
		}
		
		#menu ul.menu li a:hover {
			background: url("images/layout/menu-top-level.png") no-repeat bottom center;
		}
		
		#menu ul.sub-menu ul.sub-menu .arrow {
			display: none;
		}
		
		#menu ul.menu li ul li a:hover {
			background-image: none;
			background-color: #62af84;
		}
		
		#menu ul ul {
			text-align: left;
			background: #007c37;
			padding: 8px;
			display: none;
			position: absolute;
			margin: 0;
			top: 50px;
			left: 0;
			float: left;
			z-index: 99999;
			-webkit-box-shadow: 16px 11px 16px -21px #333333;
			box-shadow: 16px 11px 16px -21px #333333;
			border-radius: 8px 8px 8px 8px;
			-webkit-border-radius: 8px 8px 8px 8px;
		}

		#menu ul.menu ul li {
			min-width: 180px;
			background: none;
		}

		#menu ul ul ul {
			display:block;
			position: relative;
			float: left;
			left:0;
			top: 0;
			padding: 0;
		}
		
		#menu ul.menu ul ul li {
			background: none;
		}
		
		#menu ul.menu li ul li ul li a {
			background: url("images/layout/menu-third-level.png") no-repeat center left #00612b;
			padding-left: 20px;
			width: 190px;
		}
		
		#menu ul.menu li ul li ul li.current-menu-item a {
			background-color: #62af84;
		}

		#menu ul ul li a {
			color: #ffffff;
			height: auto;
			width: 200px;
			border-bottom: 1px solid #62af84;
			background: none;
			padding: 0 10px;
		}
		
		#menu ul ul li.first a {
			padding: 0 10px;
		}
		
		#menu li:hover > a {
			color: #ffffff;
		}

		#menu ul.menu li ul li ul li:hover > a {
			background-color: #62af84;
			background-image: url("images/layout/menu-third-level.png");
			background-position: center left;
		}
		
		#menu ul ul li.last a {
			border-bottom: none;
		}

		#menu ul ul li.seeall a {
			font-weight: bold;
		}
		
		#menu ul li:hover > ul {
			display:block;
		}
		
		#menu ul li.current_page_item > a,
		#menu ul li.current-menu-ancestor > a,
		#menu ul li.current-menu-item > a,
		#menu ul li.current-menu-parent > a {
			background: url("images/layout/menu-top-level.png") no-repeat bottom center;
			color: #ffffff;
		}
		
	/*	#menu ul li ul li.current_page_item > a,
			background: url("images/layout/menu-top-level.png") no-repeat bottom center;
			color: #ffffff;
		}
		*/

		#menu ul ul li.current_page_item > a {
			color: #ffffff;
			background-color: #62af84;
			background-image: none;
		}
		
		#menu ul li ul li.current-menu-parent > a {
			background-color: #62af84;
			background-image: none;
		}

		* html #menu ul li.current_page_item a,
		* html #menu ul li.current-menu-ancestor a,
		* html #menu ul li.current-menu-item a,
		* html #menu ul li.current-menu-parent a,
		* html #menu ul li a:hover {
			font-weight: bold;
			text-decoration: underline;
		}

	/* Sidebar Navigation Menu styling */
		
		ul#sidebar.services li.widget {
			margin: 0 0 12px;
		}
		
		ul#sidebar li ul.menu {
			margin: 0;
		}
		
		ul#sidebar li ul.menu li {
			float: left;
			clear: both;
			display: block;
			width: 100%;
			margin: 0;
		}
		
		ul#sidebar li ul.sub-menu {
			margin: 0;
			width: 100%;
			float: left;
		}
		
		/* Top Level */
		ul#sidebar li ul.menu li a {
			font-size: 24px;
			line-height: 44px;
			font-weight: bold;
			color: #808081;
			width: 95%;
			padding-left: 5%;
			text-decoration: none;
		}
		
		/* Second Level */
		ul#sidebar li ul.menu li ul.sub-menu li a {
			float: left;
			font-size: 14px;
			line-height: 36px;
			font-weight: bold;
			color: #ffffff;
			background: #208958;
			border-bottom: 1px solid #ffffff;
			width: 95%;
			padding-left: 5%
		}
			/* Selected State */
			ul#sidebar li ul.menu li ul.sub-menu li.current-menu-item a {
				background: #3889ce;
			}
			
			/* Hover State */
			ul#sidebar li ul.menu li ul.sub-menu li a:hover {
				background: #3889ce;
			}
		
		/* Third Level */
		ul#sidebar li ul.menu li ul.sub-menu li ul li a {
			float: left;
			font-size: 12px;
			line-height: 28px;
			font-weight: bold;
			color: #000000;
			background: url("images/layout/sidebar-third-level.png") repeat #f2f2f2;
			border-bottom: 1px solid #d9d9d9;
			padding-left: 7%;
			width: 93%;
		}
			/* Selected State */
			ul#sidebar li ul.menu li ul.sub-menu li ul li.current-menu-item a {
				color: #208958;
				background: #d9d9d9;
			}
			
			/* Hover State */
			ul#sidebar li ul.menu li ul.sub-menu li ul li a:hover {
				color: #208958;
				background: #d9d9d9;
			}
			
			/* Stop being selected when on parent (second level) item */
					
			ul#sidebar li ul.menu li ul.sub-menu li.current-menu-item ul.sub-menu li a {
				background: url("images/layout/sidebar-third-level.png") repeat;
				border-bottom: 1px solid #d9d9d9;
				color: #000000;
			}

			ul#sidebar li ul.menu li ul.sub-menu li.current-menu-item ul.sub-menu li a:hover {
				color: #208958;
				background: #d9d9d9;
			}
		
		
	/* Footer Menu styling */
		
		.footer-menu a {
			font-size: 12px;
			line-height: 14px;
		}
		
		.footer-menu ul {
			list-style: none;
			margin: 0;
		}
		.footer-menu ul li {
			background: none;
			margin: 0 0 2px 0;
			padding: 0;
		}
		
	/* Footer styling */
	
		#footer-col4 .clear {
			clear: both;
			float: left;
			width: 100%;
			margin: 4px 0;
		}
	
		#footer-col4 span.copy {
			color: #cccbcb;
			font-size: 12px;
			line-height: 18px;
			margin-bottom: 4px;
			display: block;
			clear: both;
		}
	
		a#chemo-link, a#origin-link {
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			height: 18px;
			width: 130px !Important;
			text-align: left;
			color: #ffffff;
			float: left;
			clear: both;
			padding: 5px 8px 3px 8px;
			margin-bottom: 4px;
			border: 1px solid #a8a8a8;
			border-radius: 4px 4px 4px 4px;
			-webkit-border-radius: 4px 4px 4px 4px;
		}
		
		a#chemo-link.welsh, a#origin-link.welsh {
			width: 155px;
		}
		
		a#chemo-link {
			background: #005fa7;
		}
		
		a#origin-link {
			background: #a67c52;
		}
		
	
	/* Image styling */

		.author-info img.avatar {
				margin: -10px 8px -10px 6px;
		}
	
		.wp-caption.alignleft {
			float: left;
			display: block;
			margin: 0 3% 2% 0;
		}
	
		.wp-caption.aligncenter {
			margin: 0 auto;
		}
		
		.wp-caption.alignright {
			float: right;
			display: block;
			margin: 8px 0 8px 12px;
		}
		
		img.alignleft {
			float: left;
			display: block;
			margin: 0 3% 2% 0;
		}
		
		img.aligncenter {
			margin: 0 auto;
			display: block;
			clear: both;
		}
		
		img.alignright {
			float: right;
			display: block;
			margin: 0 0 2% 3%;
		}
		
		.attachment-desktop-featureimg {
			padding: 2px;
			border: 1px solid #d6d6d6;
			display: block;
		}
		
		img.wp-post-image {
			margin: 12px 0;
		}
		
		.gallery .gallery-item img {
			border: 1px solid #DEDEDE!important;
			padding: 12px;
		}
		
		.container .wp-caption img {
			margin: 0 auto;
			max-width: 98%;
		}

		 
/* ==== Fixes for ipad vertical ====   */

@media handheld, only screen and (max-width: 1024px) {

	#hafren-logo {
		width: 250px;
		margin-top: 20px;
		margin-bottom: 28px;
	}
	
	#slider .flex-caption {
		width: 46%;
		padding-left: 40%;
	}


}

	
/* ==== Layout for mobile version ====   */

@media handheld, only screen and (max-width: 767px) {

	#header-bg {
		padding: 20px 0;
		background-image: none!important;
		background-color: #ffffff;
	}
	
	.moveup.loggedin #hafren-logo, .moveup.loggedin #search, .moveup.loggedin #lang-switch {
		margin-top: 40px;
	}
	
	#header-left {
		background: none;
	}
	
	#slider-bg {
		background: #ffffff;
	}
	
	#hafren-logo {
		clear: both;
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}
	
	#lang-switch {
		float: left;
		margin-right: 0;
	}
	
	#searchbox {
		width: 70px;
		background: #d9d9d9;
		color: #000000;
	}

	#page-bg {
		background-image: none;
		background-color: #d9d9d9;
	}
	
	.contact-details {
		width: 100%;
		float: left;
		display: block;
	}
	
	.contact-col {
		width: 100%;
		float: left;
	}
	
	#slider {
		visibility: hidden;
	}
	
	#slider ul.slides img {
		max-height: 180px;
		min-height: 180px;
	}
	
	/* The menu bar */

	/* Displaying desktop or mobile menu based on device width */
				
	#menu .desktop {
		display: none;
	}
	
	#menu .mobile {
		display: block;
		padding: 0;
	}

	/* Menu styling */

	#menu-bg {
		padding: 0;
	}
	
	#menu-wrap {
		height: auto;
		padding: 14px 0;
	}
	
	#menu {
		float: none;
		top: 0;
		display: block;
		position: relative;
		text-align: center;
	}
	
	#menu.menufix {
		top: 0;
	}
	
	#menu a {
		padding: 0 6px;
		line-height: 32px;
		height: 32px;
	}

	select.menu {
		margin: 0 2px;
		padding: 4px;
		width: 230px;
	}
	
	/* Increase content padding */
	
	#content {
		padding: 5%;
	}

	/* Hide widgets on mobile site */
	
	ul#sidebar li.widget {
		display: none;
	}	
	
	/* Hide sidebar menus on mobile site */
	
	ul#sidebar li.widget.widget_nav_menu {
		display: none;
	}	
	
	/* Hide sidebar bg wrapper on mobile site */
	
	#sidebar-bg {
		background: none;
	}
	
	/* Reduce min-height on content div on mobile site */
	
	.left-shadow {
		min-height: 200px;
	}
	
	/* Breadcrumb trail tweaks */

	.breadcrumb {
		font-size: 12px;
		line-height: 16px;
	}
	
	/* Hide ticker read more link & make text smaller on mobile site to save screen space */
	
	.ticker-title {
		display: none;
	}
	
	#tickerwrap p {
		font-size: 10px;
		line-height: 14px;
	}
	
	a#read-more {
		display: none;
	}
	
	#tickerwrap {
		padding: 3%;
		width: 94%;
	}
	
	/* Footer styling */
	
	#footer-col1 {
		display: none;
	}
	
	#footer-col2 {
		display: none;
	}
	
	#footer-col3 {
		border: none;
		margin-bottom: 8px;
	}
	
	#footer-col3 a {
		margin: 0 0 4px 0;
	}
	
	/* Heading and text */
	
	h1 {
		font-size: 26px;
		line-height: 28px;
		margin: 0 0 12px;
	}
	
	h2 {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 12px;
	}
	
	h3 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 12px;
	}
	
	#feature-bg h3 {
		font-size: 24px;
		line-height: 30px;
	}
	
	p {
		line-height: 18px;
	}
	
	/* Images */
	
	.wp-caption.alignleft {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}

	.wp-caption.aligncenter {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}
	
	.wp-caption.alignright {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}
	
	img.alignleft {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}
	
	img.aligncenter {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}
	
	img.alignright {
		float: none;
		display: block;
		margin: 5% auto;
		clear: both;
		max-width: 98%;
	}
	
	img.alignnone {
		float: none;
		display: block;
		margin: 2% auto;
		clear: both;
		max-width: 98%;
	}
	
	/*Fix form element widths */
	
		form .wpcf7-text {
			width: 80%;
		}
		form .wpcf7-textarea {
			width: 80%;
		}
	
	/* Responsive slideshow styling */

		#slider .flex-direction-nav {
			display: none;
		}
		
		#featureslider .flex-direction-nav {
			display: none;
		}
		
		/* Hide globe rotation controls */
		
		#slider .arrow {
			display: none!important;
		}
		
}

@media handheld, only screen and (max-width: 480px) {


}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}