html {
	font-size: unset }
body {
	font-size: 1.1rem;
	overflow-x: hidden }
/*
 * Headings
 */
h1,
h1 strong,
h2,
h2 strong,
h3,
h3 strong,
h4,
h4 strong {
	font-weight: normal !important;
	text-decoration: none !important; }
h2:not(.block-title):not(.pane-title) {
	display: table;
	margin-bottom: 20px;
	position: relative }
h3 {
	display: inline-block;
	margin-bottom: 20px;
	position: relative }
.page-node-250 .hero .highlighted h2,
.page-node-250 .hero .highlighted h3 {
	left: 50%;
	transform: translateX(-50%) }
h2 a:hover,
h3 a:hover {
	text-decoration: none }
.view-data4diets-indicators .views-row h2:after {
	position: unset;
	width: 0 }
.node-type-person h2:after,
.node-type-page h2:after,
.node-type-person h3:after,
.node-type-page h3:after {
	display: none }
h2.smaller-font {
	font-size: 24px; }

/*
 * Jumbotron style
 */
.jumbotron {
	background: #ecf0f1;
	border-top: 6px solid #666 }
.jumbotron h2 {
	margin-top: 0 }
.jumbotron p,
.jumbotron ul,
.jumbotron table {
	font-size: 1.3rem;
	font-weight: 400 }
.page-node-250 .jumbotron table td {
	border: 2px solid #ecf0f1;
	height: 80px;
	vertical-align: middle }
.page-node-258 table th {
	border: 2px solid #fff !important }
.page-node-258 table td {
	border: 2px solid #fff !important;
	height: 80px;
	vertical-align: middle }

/*
 * Sidebar
 */
.region-sidebar-second {
	box-shadow: none;
	border: none;
	padding-top: 0px;
	overflow: hidden }
.region-sidebar-second section {
	background: #efefef;
	margin-bottom: 20px;
	padding: 0px 15px 15px 15px }


/*
 * General customizations
 */
.container {
	width: 90%;
	max-width: 1500px }
@media screen and (min-width: 768px) {
	body:not(.sidebar-second):not(.sidebar-first) .main-container .container div.row:not(.panels-flexible-row):not(.panel-flexible):not(.view) {
		max-width: 1230px;
		margin-left: auto;
		margin-right: auto }
}
@media screen and (max-width: 768px) {
	.container {
		width: 100% }
}
hr {
	border-top: 2px solid #efefef }
body {
	background: #efefef;
	color: #333 }
.main-container {
	background: #fff;
	padding-top: 35px;
	padding-bottom: 35px;
	overflow-x: hidden }
footer.footer {
	margin-top: 0px }
#navbar.navbar {
	border-bottom: 4px solid #F38A00;
	margin-bottom: 0;
	position:fixed;
	width: 100%;
 }
.main-container .region-content p a,
.main-container .region-content li a {
	font-weight: bold;
	color: #669900;
}
.nav.nav-pills li {
	float: left;
	margin-bottom: 10px; }
.margin-bottom,
.mb {
	margin-bottom: 15px }
.mb-40 {
	margin-bottom: 40px }
.margin-bottom-double {
	margin-bottom: 30px }
.margin-top,
.mt {
	margin-top: 15px }
img {
	max-width: 100% }
a {
	color: #669900; }
a:hover,
a:focus {
	color: #669900;

}
p a {
	font-weight: bold }
a.logo {
	margin: 0px }
a.logo img {
	max-height: 85px }
.carousel-control i {
	top: 50%;
	position: absolute }
.selected-border {
	border: 4px dashed #333 !important }
.check-mark {
	margin-left: -29px;
	margin-top: -29px;
	position: absolute;
	z-index: 1000;
	background: #333;
	border-radius: 3px;
	color: #fff;
	padding: 2px }
#google_recaptcha_user_login,
#google_recaptcha_user_pass,
#google_recaptcha_user_register_form {
	margin-bottom: 10px }
input:focus,
select:focus,
textarea:focus {
	border-width: 2px }
.well h1,
.well h2,
.well h3,
.well h4 {
	margin-top: 0px }
@media screen and (min-width: 1351px) {
	#google_translate_element {
		position: fixed;
		right: 15px;
		z-index: 9999;
		top: 10px }
	.logged-in #google_translate_element {
		top: 70px }
}
@media screen and (max-width: 1350px) {
	#google_translate_element {
		position: fixed;
		right: 15px;
		z-index: 9999;
		bottom: 10px }
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background: #efefef }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 2px solid #ccc }
.table-bordered {
	border: 2px solid #ccc }
.center-headings th {
	text-align: center }

/*
 * Remove Round Radius
 */
.nav-tabs > li > a,
.alert,
.breadcrumb,
.jumbotron,
.well,
.label,
.modal-content,
.nav-pills > li > a,
.panel,
.btn,
input,
textarea,
select {
	border-radius: 0px !important }
.form-control {
	border-width: 2px; }

/*
 * Buttons
 */
.btn-success {
	background: #669900;
	border-color: #669900 }
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
	border-color: #4D8000 !important;
	background: #4D8000 !important }

/*
 * Navbar Breakpoint Adjustment
 */
#navbar.navbar li a.active-trail:after {
	 background: #F38A00;
	 bottom: -4px;
	 content: " ";
	 height: 4px;
	 left: 0;
	 position: absolute;
	 transition: width 1s;
	 width: 0% }
#navbar.navbar li a.active-trail.ready:after {
	 width: 100% }
#navbar.navbar .dropdown-menu {
	padding: 0;
	margin: -1px 0 0 0 }
#navbar.navbar .dropdown-menu a {
	padding: 12px }
#navbar.navbar .dropdown-menu > .active > a {
	background: #333;
	color: #fff }
#navbar ul li > a.active {
	background:#70AD47;
	color:  #fff;
 }
@media (max-width: 1200px) {
    .navbar-header {
        float: none }
    .navbar-left,.navbar-right {
        float: none !important }
    .navbar-toggle {
        display: block;
        margin-top: 20px;
        margin-bottom: 0px }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px }
    .navbar-collapse.collapse {
        display: none !important;
        overflow-x: scroll }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px }
    .navbar-nav>li {
        float: none }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px }
    .collapse.in{
        display:block !important }
    .navbar-collapse.collapse .expanded ul.dropdown-menu {
	    position: static;
	    float: none }
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: 2000px !important }
}
.hide-label {
	display: inline-block }
@media screen and (max-width: 500px) {
	.hide-label {
		display: none }
}

/*
 * Alerts
 */
.alert-success {
	background: #669900;
	border: #669900; }
.alert.alert-green {
	background: #669900;
	color: #fff }
.alert.alert-green .btn {
	border: 2px solid #fff }
.alert.alert-green h1,
.alert.alert-green h2,
.alert.alert-green h3 {
	margin: 0px 0px 20px 0px }

/*
 * Buttons
 */
a.btn.btn-primary:hover {
	color: #fff }
a.btn.btn-default {
	color: #fff }
a.btn.btn-default:hover {
	color: #fff }
/*
 * Clearing / Display functionalities
 */
.clear-after-3:nth-child(3n+1) {
	clear: both }
.clear-after-4:nth-child(4n+1) {
	clear: both }

/*
 * Carousel
 */
.region.region-front-page-top {
	margin-top: -35px }
.carousel .title-container {
	position: relative;
	top: 30% }
.carousel .title-container a {
	color: #FFF }
.carousel h1 {
	border-radius: 4px;
	color: white;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0,0,0,.8);
	/* background: rgba(0,0,0,.45); */
	padding: 35px }
.view-front-page-slideshow .carousel-inner:after {
	content: " ";
	position: absolute;
	border-bottom: 1px solid #fff;
	bottom: 0px;
	left: 0px;
	display: block;
	right: 0px;
	height: 4px;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ebf9+0,feffff+50,d2ebf9+100 */
	background: #d2ebf9; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2ebf9 0%, #feffff 50%, #d2ebf9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d2ebf9 0%,#feffff 50%,#d2ebf9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d2ebf9 0%,#feffff 50%,#d2ebf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebf9', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */

}
@media (max-width: 768px) {
	.carousel .title-container {
		position: relative;
		top: 0% }
	.view-front-page-slideshow h1 {
		font-size: 30px }
}

/*
 * Views
 */
#views-exposed-form-guiding-framework-page .views-exposed-form .views-exposed-widget {
	width: 33% }
#views-exposed-form-guiding-framework-page .views-exposed-form .views-exposed-widget:nth-child(3n+1) {
	clear: left }
#block-views-tweets-front-page-block .tweet .tweet-content {
	border-top: 4px solid #F38A00;
	padding-top: 15px }
#block-views-tweets-front-page-block .tweet .created-time {
	color: #ddd }

	/*
	 * View: Core Partners
	 */
	.view-core-partners .view-header h2.person-name {
		margin: 0 0 .35rem 0; }
	.view-core-partners .view-header h3.person-title {
		margin: 0 0 .5rem 0; }
	.view-core-partners .view-content {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap; }
	.view-core-partners .view-content .outer-person-wrapper {
		display: flex; }
	.view-core-partners a.person--wrapper {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		margin-bottom: 2.5rem;
		padding: 15px;
		transition: all .4s ease; }
	.view-core-partners a.person--wrapper:hover {
		background: rgba(0,0,0,.05);
		transform: scale(1.05);
		transition: all .4s ease; }
	.view-core-partners a.person--wrapper:hover,
	.view-core-partners a.person--wrapper:focus {
		color: inherit;
		text-decoration: none; }
	.view-core-partners .person--name {
		display: block;
		font-size: 1.8rem;
		line-height: 1.2; }
	.view-core-partners .person--title {
		color: #666;
		display: block;
		font-size: 1.4rem;
		overflow: hidden; }
	.view-core-partners .person--affiliation {
		display: block; }
	.view-core-partners .section-title-wrapper {
		margin-bottom: 25px;
		text-align: center; }
	.view-core-partners .section-title-wrapper h2.section-title {
		display: inline-block;
		padding-bottom: 10px;
		position: relative; }
	.view-core-partners .section-title-wrapper h2.section-title:after {
		background: #ccc;
		bottom: 0;
		content: " ";
		height: 4px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%) skew(-30deg);
		width: 50%; }

/*
 * Footer Block Title Customization
 */
footer {
	background-color: #efefef;
	color: #ababab;
	font-size: .8em }
.footer h2.block-title{
	font-size: 24px }
footer.footer #block-block-2 img {
	margin-bottom: 15px }

/*
 * Data4Diets
 */
.menu-name-menu-guiding-framework .back-button a {
 	background: #4D8000;
 	border-color: #4D8000 }
.menu-name-menu-guiding-framework .back-button a:before {
	content: "\f060"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	font-size: .9em;
	display: inline-block; /* same as padding-left set on li */
	margin-right: .3em }
#block-menu-block-2,
.full-width-background {
	background: #efefef;
	margin-bottom: 25px;
	margin-top: -35px;
	padding-top: 20px;
	padding-bottom: 5px;
	position: relative }
#block-menu-block-2:before,
.full-width-background:before,
#block-menu-block-2:after,
.full-width-background:after {
	background: #efefef;
	content: " ";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	visibility: visible;
	width: 50vw }
#block-menu-block-2:before,
.full-width-background:before {
	right: 100% }
#block-menu-block-2:after,
.full-width-background:after {
	left: 100% }
.data-sources-and-methods h3 {
	clear: both;
	display: block;
	font-size: 2.2em;
	margin: 1.5rem 15px 25px 15px;
	padding-bottom: 1.5rem;
	position: relative;
	width: 100% }
.data-sources-and-methods h3:after {
	background: #F38A00;
	bottom: 0px;
	content: " ";
	height: 4px;
	left: 0;
	position: absolute;
	transform: skewX(-30deg);
	width: 5rem }
.data-sources-and-methods .view-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap }
.data-sources-and-methods .individual-data-source-or-method-card {
	display: flex; }
.data-sources-and-methods .individual-data-source-or-method-card a:hover {
	background: rgba(0,0,0,.05);
	text-decoration: none }
.data-sources-and-methods .individual-data-source-or-method-card a {
	border: 3px solid #7e7e7e;
	box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	color: #333;
	cursor: pointer;
	display: flex;
	flex-grow: 1;
	font-size: 1.3em;
	margin-bottom: 1.5rem;
	padding: 25px 30px 25px 30px;
	transition: all .4s ease }
.data-sources-and-methods .individual-data-source-or-method-card a:hover {
	border-color: #4D8000 }
.data-sources-and-methods .individual-data-source-or-method-card a div {
	border-bottom: 3px solid transparent;
	display: inline;
	padding-bottom: 4px;
	position: relative;
	text-align: center;
	transition: border .4s ease;
	width: 100% }
.data-sources-and-methods .individual-data-source-or-method-card a:hover div {
	border-bottom: 3px solid #7e7e7e;
	color: #333;
	position: relative;
	text-decoration: none }
.data-sources-and-methods .individual-data-source-or-method-card a div:after {
	content: "\f061";
	color: #7e7e7e;
	font-family: 'FontAwesome';
	margin-left: 5px;
	opacity: .6 }
.data-sources-and-methods .view-content .views-row a {
	background-position: center center;
	background-size: cover;
	flex-direction: column;
	justify-content: center;
	position: relative }
.data-sources-and-methods .view-content .views-row a:before {
	background: rgba(255,255,255,.85);
	content: " ";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .4s ease;
	width: 100% }
.data-sources-and-methods .view-content .views-row a:hover:before {
	background: rgba(255,255,255,.99);
	transition: all .4s ease }
.data-sources-and-methods .view-content .views-row:nth-child(2) a {
	background-image: url('/assets/data4diets-graphics/graphic-1.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(3) a {
	background-image: url('/assets/data4diets-graphics/graphic-2.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(4) a {
	background-image: url('/assets/data4diets-graphics/graphic-3.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(5) a {
	background-image: url('/assets/data4diets-graphics/graphic-4.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(6) a {
	background-image: url('/assets/data4diets-graphics/graphic-5.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(7) a {
	background-image: url('/assets/data4diets-graphics/graphic-6.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(8) a {
	background-image: url('/assets/data4diets-graphics/graphic-8.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(9) a {
	background-image: url('/assets/data4diets-graphics/graphic-9.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(10) a {
	background-image: url('/assets/data4diets-graphics/graphic-10.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(11) a {
	background-image: url('/assets/data4diets-graphics/graphic-11.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(12) a {
	background-image: url('/assets/data4diets-graphics/graphic-12.jpg') }
.data-sources-and-methods .view-content .views-row:nth-child(13) a {
	background-image: url('/assets/data4diets-graphics/graphic-1.jpg') }

/*
 * Data4Diets Indicators Views
 */
.page-data4diets-indicators .tooltip {
	padding-left: 15px !important;
	padding-right: 15px !important; }
.page-data4diets-indicators .tooltip > .tooltip-inner {
	padding: 15px; }
@media screen and (min-width: 600px) {
	.page-data4diets-indicators .tooltip > .tooltip-inner {
		min-width: 80vw; }
}
@media screen and (min-width: 1200px) {
	.page-data4diets-indicators .tooltip > .tooltip-inner {
		min-width: 70vw; }
}
@media screen and (min-width: 1500px) {
	.page-data4diets-indicators .tooltip > .tooltip-inner {
		min-width: 50vw; }
}
.view-data4diets-indicators .fa-exclamation-triangle.emerging-indicator {
	color: #f38a00 }
.view-data4diets-indicators .view-header {
    background: #666;
    border-bottom: 4px solid #ccc;
    color: #fff;
    font-size: 1rem;
	margin: 5px 0px 15px;
    padding: 10px 10px;
    text-align: right }
.view-data4diets-indicators .view-header p {
	float: left }
.view-data4diets-indicators .view-content {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap }
.view-data4diets-indicators .views-row {
    display: flex;
    flex-direction: column;
	padding: 5px 10px 10px;
    margin-bottom: 30px }
.view-data4diets-indicators .views-row a {
	color: #333;
	padding-top: 5px;
	transition: all .4s ease }
.view-data4diets-indicators .views-row a:hover {
	text-decoration: none;
	transition: all .4s ease }
.view-data4diets-indicators .views-row a h2 {
	border-bottom: 3px solid transparent;
	color: #666;
	display: inline;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
	padding-bottom: 2px;
	transition: all .4s ease }
.view-data4diets-indicators .views-row a:hover h2 {
	border-bottom-color: #ccc;
	transition: all .4s ease }
.view-data4diets-indicators .views-row a:hover h2,
.view-data4diets-indicators .views-row a:hover .views-field-field-subtitle {
	color: #333 }
.view-data4diets-indicators .views-row a .emerging-indicator-1:before {
	color: #666;
	content: "\f071";
	display: inline-block;
	font-family: "FontAwesome" }
.view-data4diets-indicators .views-row .data-collection-level {
	background: #666 }
.view-data4diets-indicators .views-row:hover a .emerging-indicator-1:before {
	color: #F38A00 }
.view-data4diets-indicators .views-row a .views-field-field-subtitle {
	color: #666;
	font-size: .9em }
.view-data4diets-indicators .views-row a .attributes {
	display: block;
	float: none !important }
.view-data4diets-indicators .views-row a.indicator div.attributes:not(:last-of-type) {
	margin-top: 5px }
.view-data4diets-indicators .label {
	border-radius: 2px !important }
.view-data4diets-indicators .views-exposed-form .views-exposed-widget {
	float: right;
	padding: .2em }
.view-data4diets-indicators .views-exposed-form #edit-reset {
	background: #95a5a6;
	border-color: #95a5a6}
.view-data4diets-indicators .views-exposed-form #edit-reset:hover,
.view-data4diets-indicators .views-exposed-form #edit-reset:focus {
	background: #798d8f;
	border-color: #798d8f }
.view-data4diets-indicators .views-exposed-form #edit-reset span {
	display: none }
.view-data4diets-indicators .views-exposed-form #edit-reset:after {
	content: "\f021"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block; /* same as padding-left set on li */
	margin-left: .3em }
.view-data4diets-indicators .views-exposed-form #edit-submit-data4diets-indicators:after {
	content: "\f002"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block; /* same as padding-left set on li */
	margin-left: .3em }
.view-data4diets-indicators .return-to-top-container {
	text-align: center }
.view-data4diets-indicators .return-to-top {
	font-size: .8em;
	padding: .5em }
.view-data4diets-indicators .return-to-top:after {
	content: "\f062"; /* FontAwesome Unicode */
	color: #fff;
	font-family: FontAwesome;
	display: inline-block; /* same as padding-left set on li */
	margin-left: .3em }
.view-data4diets-indicators .view-filters {
	overflow: hidden;
	position: relative }
.view-data4diets-indicators .view-filters:before {
	content: "Search...";
	color: #fff;
	font-size: 70px;
	left: 15px;
	opacity: .4;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .4s ease;
	z-index: 0 }
.view-data4diets-indicators .view-filters.expanded:before {
	opacity: 0;
	transition: all .4s ease }
#views-exposed-form-data4diets-indicators-page .views-exposed-form {
	position: relative;
	z-index: 1 }
#views-exposed-form-data4diets-indicators-page .views-exposed-widget.views-widget-filter-search_api_views_fulltext {
	display: none }
@media screen and (max-width: 768px) {
	.view-data4diets-indicators .view-header {
		text-align: center }
	.view-data4diets-indicators .view-header p {
		display: block;
		float: none }
}

/*
 * Data4Diets: Indicators (Nodes)
 */
.emerging-indicator.label {
	background: #F38A00;
	font-size: 1rem }
.data4diets-indicators .attributes {
	font-size: .9em;
	margin-right: 2%;
	padding-right: 2%;
	opacity: .8em }
.data4diets-indicators .attributes div,
.data4diets-indicators .attributes span {
	display: inline-block }
.data4diets-indicators .attributes .attribute-label {
	font-size: .85em;
	opacity: .8 }
.node-type-guiding-framework-indicators .sidebar .well {
	background: #fff;
	border: none;
	border-bottom: 2px solid #ccc;
	box-shadow: none;
	margin: 0 0 20px 0;
	padding: 0 10px }
.node-type-guiding-framework-indicators .sidebar .well ul {
	list-style: none;
	padding-left: 10px }
.node-type-guiding-framework-indicators .sidebar .well li {
	padding-left: 1em }
.node-type-guiding-framework-indicators .sidebar .well li:before {
	content: "\f101"; /* FontAwesome Unicode */
	color: #666;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1em; /* same as padding-left set on li */
	width: 1em; /* same as padding-left set on li */ }
.node-type-guiding-framework-indicators .sidebar .well h3 {
	color: #444;
	font-size: 22px;
	margin: 0 }
.node-type-guiding-framework-indicators .sidebar .well h3:after {
	display: none }
.node-type-guiding-framework-indicators .data4diets-citation {
	border-top: 2px dashed #ccc;
	font-size: .95rem;
	margin-top: 2rem;
	padding-top: 1rem }

/*
 * Data4Diets Management Page: /guiding-framework/management
 */
.page-guiding-framework-management .views-exposed-form .views-exposed-widget .btn {
	margin-top: 0px !important }

/*
 * Data4Diets: Data Sources
 */
.node-type-guiding-framework-data-sources .highlights {
	font-size: 1.25rem }

/*
 * Data4Diets: Summary of Data Sources
 */
#block-block-9 h2.block-title{
    border-bottom: 2px solid #666;
    padding: 12px;
    text-align: center;
    background: #669900;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0px }
#block-block-9 table {
	border: 4px solid #666;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px }
#block-block-9 table th {
	background: #333;
	color: #fff;
	font-size: .9em;
	border: 2px solid #666;
	vertical-align: middle;
	word-wrap: break-word }
#block-block-9 table th a {
	color: #fff;
	word-wrap: break-word }
#block-block-9 table td {
	border: 2px solid #333;
	vertical-align: middle;
	word-wrap: break-word }
#block-block-9 table tr td:first-child {
	background: #666;
	color: #fff;
	font-weight: bold }

/*
 * Data4Diets: Food Security Components
 */
.food-security-component {
	border: 2px solid #fff }
.food-security-component:hover {
	box-shadow: 0px 0px 6px rgba(0,0,0,.5) }
.food-security-component a:hover {
	text-decoration: none }

/*
 * Data4Diets
 */
 .nav-pills-inverse li a {
	 margin-right: 8px }
 .nav-pills-inverse li a {
	 background: #333;
	 color: #fff;
	 border: 2px solid #333 }
 .nav-pills-inverse li a:hover,
 .nav-pills-inverse li a:active,
 .nav-pills-inverse li a:focus {
	 border: 2px solid #333;
	 color: #333;
	 background: transparent }
 .nav-pills-inverse li a.active {
	 border-left: none;
	 border-right: none }
 .nav-pills-inverse li a.active:after {
	 background: #F38A00;
	 bottom: -6px;
	 content: " ";
	 height: 4px;
	 left: 0;
	 position: absolute;
	 transition: width 1s;
	 width: 0% }
 .nav-pills-inverse li a.active.ready:after {
	 width: 100% }
 .clickable {
	 cursor: pointer }

/*
 * Data4Diets Home Page
 */
.page-node-250 .hero {
    background: #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -35px;
    margin-bottom: 35px;
    position: relative }
.page-node-250 .hero:before {
	background: rgba(0,0,0,.3);
	content: " ";
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 98 }
.page-node-250 .hero .highlighted {
	color: #fff;
    padding: 150px 0;
    position: relative;
	text-align: center;
	z-index: 99 }
.page-node-250 .hero .highlighted h1 {
	font-size: 8rem;
	margin: 0 }
.page-node-250 .alert.alert-green h3 {
	margin-top: 0px !important }
.page-node-250 .jumbotron {
	padding: 25px }
.page-node-250 .jumbotron h3 {
	font-size: 3.5rem;
	margin: 0px 0px 25px 0px;
	padding-bottom: 6px }
.page-node-250 .jumbotron .btn {
	border-width: 2px }
.page-node-250 .jumbotron .btn:hover {
	border: 2px solid #fff !important;
	box-shadow: 0px 0px 6px rgba(0,0,0,.5) }
.guiding-framework-starting-points {
	margin-top: 20px }
#edit-submit-guiding-framework-levels-of-disaggregation,
#edit-submit-guiding-framework-indicators {
	background: #666;
	border-color: #666 }
#edit-submit-guiding-framework-levels-of-disaggregation:hover,
#edit-submit-guiding-framework-indicators:hover {
	background: #333;
	border-color: #333 }
.page-node-250 #framework-table table,
.page-node-250 #framework-table td,
.page-node-250 #framework-table th {
	border-color: #fff }
.page-node-250 #framework-table td {
	height: 75px }
.page-node-250 #framework-table th {
	text-align: center }
.page-node-250 #framework-table tr td:first-child {
	background: #efefef;
	text-align: center;
	vertical-align: middle }
.data4diets-entry-block {
	background: #ecf0f1;
	border-bottom: 5px solid transparent;
	border-top: 5px solid #669900;
	cursor: pointer;
	margin-bottom: 25px;
	min-height: 300px;
	padding: 15px;
	transition: all .4s ease;
	text-align: center }
.data4diets-entry-block:hover {
	box-shadow: 0px 0px 15px rgba(0,0,0,.2);
	border-bottom-color: #669900  }
.data4diets-entry-block h2 {
	color: #669900;
	margin: 10px 0 5px 0 }
@media screen and (max-width: 768px) {
	.page-node-250 .hero .highlighted h1 {
		font-size: 3.5rem }
	.page-node-250 .hero .highlighted {
		padding: 75px 0 }
}

/*
 * Directive CSS
 */
.bg-333,
.bg-333:before,
.bg-333:after {
	background: #333 }
.bg-orange,
.bg-orange:before,
.bg-orange:after {
	background: #F38A00 }
.bg-green,
.bg-green:before,
.bg-green:after {
	background: #669900 }
.color-fff {
	color: #fff !important }
.color-fff a,
.color-fff a:hover,
.color-fff a:focus {
	color: #fff }
.font-size-5em {
	font-size: 5em }
.mb-0 {
	margin-bottom: 0px !important }
.mb-5 {
	margin-bottom: 5px !important }
.mb-10 {
	margin-bottom: 10px !important }
.mb-15 {
	margin-bottom: 15px !important }
.mb-20 {
	margin-bottom: 20px !important }
.mb-25 {
	margin-bottom: 25px !important }
.mb-30 {
	margin-bottom: 30px !important }
.mb-neg35 {
	margin-bottom: -35px !important }
.ml-neg15 {
	margin-left: -15px !important }
.ml-0 {
	margin-left: 0px !important }
.ml-5 {
	margin-left: 5px !important }
.ml-10 {
	margin-left: 10px !important }
.ml-15 {
	margin-left: 15px !important }
.ml-20 {
	margin-left: 20px !important }
.ml-25 {
	margin-left: 25px !important }
.ml-30 {
	margin-left: 30px !important }
.mr-neg15 {
	margin-right: -15px !important }
.mr-0 {
	margin-right: 0px !important }
.mr-5 {
	margin-right: 5px !important }
.mr-10 {
	margin-right: 10px !important }
.mr-15 {
	margin-right: 15px !important }
.mr-20 {
	margin-right: 20px !important }
.mr-25 {
	margin-right: 25px !important }
.mr-30 {
	margin-right: 30px !important }
.mt-0 {
	margin-top: 0px !important }
.mt-neg25 {
	margin-top: -25px !important }
.mt-neg20 {
	margin-top: -20px !important }
.mt-neg15 {
	margin-top: -15px !important }
.mt-5 {
	margin-top: 5px !important }
.mt-10 {
	margin-top: 10px !important }
.mt-15 {
	margin-top: 15px !important }
.mt-20 {
	margin-top: 20px !important }
.mt-25 {
	margin-top: 25px !important }
.mt-30 {
	margin-top: 30px !important }
.pb-5 {
	padding-bottom: 5px !important }
.pb-10 {
	padding-bottom: 10px !important }
.pb-15 {
	padding-bottom: 15px !important }
.pb-20 {
	padding-bottom: 20px !important }
.pb-25 {
	padding-bottom: 25px !important }
.pb-30 {
	padding-bottom: 30px !important }
.pb-50 {
	padding-bottom: 50px !important }
.pl-0 {
	padding-left: 0px !important }
.pl-5 {
	padding-left: 5px !important }
.pl-10 {
	padding-left: 10px !important }
.pl-15 {
	padding-left: 15px !important }
.pl-20 {
	padding-left: 20px !important }
.pr-0 {
	padding-right: 0px !important }
.pr-5 {
	padding-right: 5px !important }
.pr-10 {
	padding-right: 10px !important }
.pr-15 {
	padding-right: 15px !important }
.pr-20 {
	padding-right: 20px !important }
.pt-5 {
	padding-top: 5px !important }
.pt-10 {
	padding-top: 10px !important }
.pt-15 {
	padding-top: 15px !important }
.pt-20 {
	padding-top: 20px !important }
.pt-25 {
	padding-top: 25px !important }
.pt-30 {
	padding-top: 30px !important }
.pt-50 {
	padding-top: 50px !important }
.border-bottom-2px-ccc {
	border-bottom: 2px solid #ccc }
.columns-2 {
	column-count: 2 }

/*
 * Facets
 */
.block-facetapi .facet-filter-badge {
	background: #666;
	font-size: .7em }
.view-data4diets-indicators .view-filters {
	background: #efefef;
	border-bottom: 8px solid #4d8000;
	padding: 15px 15px 5px }
.facetapi-facetapi-links {
	padding-left: 0 }
.view-data4diets-indicators .views-widget-filter-search_api_views_fulltext {
	margin-bottom: 10px;
	width: 100% }
.view-data4diets-indicators .views-exposed-form .views-exposed-widget .btn {
	margin-top: 0 }
.block-facetapi h2.block-title {
    font-size: 22px;
    background: #4D8000;
    color: #fff;
    margin: 0px -15px 15px -15px;
    padding: 15px }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links {
	padding-left: 0 }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links li {
	font-size: 1.1em;
	margin-bottom: 10px }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links li:not(:last-of-type) {
	border-bottom: 2px dotted #ccc;
	padding-bottom: 5px }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links li .stylish-checkbox {
	vertical-align: top }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links li a {
	display: inline-block;
	text-decoration: none }
.region-sidebar-second .block-facetapi ul.facetapi-facetapi-checkbox-links li {
	padding-left: 25px }

/*
 * Facet API Checkboxes
 */
@keyframes effect{
	0%{transform: scale(0); }
	25%{transform: scale(1.3); }
	75%{transform: scale(1.4); }
	100%{transform: scale(1); }
}
ul.facetapi-facetapi-checkbox-links input[type=checkbox] { display:none; } /* to hide the checkbox itself */
ul.facetapi-facetapi-checkbox-links input[type=checkbox] + span.checkbox:before {
	display: inline-block;
	font-family: "FontAwesome";
	left: -25px;
	top: -3px }
ul.facetapi-facetapi-checkbox-links input[type=checkbox] + span.checkbox {
	display: inline }
ul.facetapi-facetapi-checkbox-links input[type=checkbox] + span.checkbox:before {
	content: "\f096";
	position: absolute;  } /* unchecked icon */
ul.facetapi-facetapi-checkbox-links input[type=checkbox] + span.checkbox:before {
	letter-spacing: 10px; } /* space between checkbox and label */
ul.facetapi-facetapi-checkbox-links input[type=checkbox] + span.checkbox:hover:before,
ul.facetapi-facetapi-checkbox-links input[type=checkbox]:checked + span.checkbox:before {
	content: "\f046" } /* checked icon */
ul.facetapi-facetapi-checkbox-links input[type=checkbox]:checked + span.checkbox:before {
	animation: effect 250ms ease-in }
ul.facetapi-facetapi-checkbox-links input[type=checkbox]:checked + span.checkbox:before {
	letter-spacing: 5px; } /* allow space for check mark */


/*
 * Content related classes/overrides
 */
.page-header {
	/* border-bottom: 4px solid #333; */
	padding-bottom: 10px;
	margin-bottom: 10px }
.panel h1,
.panel h2,
.panel h3 {
	margin-top: 4px }

	/*
	 * Node type: person (.node-type-person)
	 */
	.node-type-person h2.person-title {
		margin: 0 }
	.node-type-person h3.person-organization {
		margin: 0 }

ol.url-errors li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px dotted #ccc }
ol.url-errors a {
	color: #fff;
	text-decoration: underline;
}

/*
 * Resolve issues with Bootstrap/Drupal collapse and vertical tabs / panels editor
 */
.ctools-close-modal.close,
.ctools-close-modal.close:hover,
.ctools-close-modal.close:focus {
  color: #333;
}

fieldset.tab-pane.vertical-tabs-pane.active > .collapsed {
	display:block!important;
	opacity:1;
}

fieldset .panel-body.collapse:not(.in) {
	display:none!important;
}

div.panels-ipe-handlebar-wrapper li.css a span {
  text-indent: 0;
  font-size: 10px;
}

@media screen and (min-width: 768px) {
	.region-content > .block-inddex-hubspot {
		width: 80%;
		margin: 0 auto;
	}
}

/*
 * gfmd list formating
 */
.gfmd {
	margin-left:160px;
}