/** override */

fieldset legend.panel-heading{float:left;line-height:1em;margin:0}
fieldset .panel-body{clear:both;display:inherit}
.form-type-password-confirm label,.panel-heading{display:block}
fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}
.form-group:last-child,.panel:last-child{margin-bottom:0}
.form-horizontal .form-group{margin-left:0;margin-right:0}
.form-actions{clear:both}
html.js fieldset.collapsed {
    border-left-width: 1px;
    border-right-width: 1px;
    height: auto;
}

/*** load font 'Harmonia' ***/
@font-face {
  font-family: 'Harmonia Sans';
  src: url('../fonts/HarmoniaSansProCyr-Regular.otf') format('opentype')
}

@font-face {
  font-family: 'Harmonia Sans';
  font-weight: bold;
  src: url('../fonts/HarmoniaSansProCyr-Bold.otf') format('opentype')
}

@font-face {
  font-family: 'Harmonia Sans';
  font-stretch: condensed;
  src: url('../fonts/HarmoniaSansProCyr-Cond.otf') format('opentype')
}

@font-face {
  font-family: 'Harmonia Sans';
  font-weight: bold;
  font-stretch: condensed;
  src: url('../fonts/HarmoniaSansProCyr-BoldCond.otf') format('opentype')
}

@font-face {
  font-family: 'Harmonia Sans';
  font-style: italic;
  src: url('../fonts/HarmoniaSansProCyr-Italic.otf') format('opentype')
  src: url('../fonts/HarmoniaSansProCyr-Italic.otf') format('opentype')
}

@font-face {
  font-family: 'Harmonia Sans';
  font-weight: bold;
  font-style: italic;
  src: url('../fonts/HarmoniaSansProCyr-BoldItalic.otf') format('opentype')
}

/*** set global font as 'Harmonia' ***/
body {
	font-family: "Harmonia Sans", sans-serif;
}

/***********************************
*   Colors - body.afinet    *
************************************
* 			AFINET		EURAF
* dark		#006633		#004292
* light		#74B23F		#50a7d2
* 
* border	#0d592a		#1f4e88
* medium 	#449d44		#466b98
*
************************************/

/*** green hyperlinks ***/
body.afinet a {
	color: #74B23F;
}

body.afinet a:hover, a:focus {
	color: #006633;
}

a {
	color: #50a7d2;
}

a:hover, a:focus {
	color: #004292;
}

/*** override btn-primary colors for those of btn-success ***/
body.afinet .btn-primary {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
body.afinet .btn-primary:focus,
body.afinet .btn-primary.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
body.afinet .btn-primary:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
body.afinet .btn-primary:active,
body.afinet .btn-primary.active,
body.afinet .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
body.afinet .btn-primary:active:hover,
body.afinet .btn-primary.active:hover,
body.afinet .open > .dropdown-toggle.btn-primary:hover,
body.afinet .btn-primary:active:focus,
body.afinet .btn-primary.active:focus,
body.afinet .open > .dropdown-toggle.btn-primary:focus,
body.afinet .btn-primary:active.focus,
body.afinet .btn-primary.active.focus,
body.afinet .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
body.afinet .btn-primary:active,
body.afinet .btn-primary.active,
body.afinet .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
body.afinet .btn-primary.disabled:hover,
body.afinet .btn-primary[disabled]:hover,
body.afinet fieldset[disabled] .btn-primary:hover,
body.afinet .btn-primary.disabled:focus,
body.afinet .btn-primary[disabled]:focus,
body.afinet fieldset[disabled] .btn-primary:focus,
body.afinet .btn-primary.disabled.focus,
body.afinet .btn-primary[disabled].focus,
body.afinet fieldset[disabled] .btn-primary.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
body.afinet .btn-primary .badge {
  color: #5cb85c;
  background-color: #fff;
}

/******************************
* 		header #navbar
*******************************/

#navbar {
	width: 100% !important;
	max-width: 100% !important;
	background-color: #004292;
	border: none;
	border-radius: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
}

body.afinet #navbar {
	background-color: #006633;
}

@media (max-width: 768px) {
	#navbar {
		margin-top: 0px;
		padding: 0px;
	}
}

@media (min-width: 768px) {
	#navbar {
		min-height: 1px;
	}
}

/*** accommodate for the Language Switcher block ***/
/*** dropdown */
#lang-dropdown-select-language_msdd {
	width: 70px !important;
}

#lang_dropdown_form_language .ddTitleText {
    padding: 2px 25px 4px 10px !important;
}
#lang_dropdown_form_language {
	/*display: none;*/
}
#lang_dropdown_form_language .form-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

#lang-dropdown-select-language_child ul {
	float: none;
	margin: auto;
}

#lang-dropdown-select-language_child ul > li {
	float: none;
}

#lang-dropdown-select-language_child ul > li > img {
	margin: 0 33%;
}

#lang-dropdown-select-language_child {
	height: auto !important;
}


#navbar .container,
#navbar-collapse {
	width: 100%;
}

#navbar-collapse nav {
	position: relative;
    width: 100%;
}

#navbar ul.menu.nav {
	float: left;
    width: 80%;
	/* simulate the existence of a left block, to center menu */
	margin-left: 10%;
	float: none;
}

#block-lang-dropdown-language {
	float: right;
	height: 100%;
    position: absolute;
    right: 0;
    top: 0;
	width: 10%;
	z-index: 1;
}

/*** center li elements inside the ul.menu.nav ***/
#navbar ul.menu.nav {
	text-align:center;
	position: relative;
    /*display: inline-block;*/
    /* width: 100%; */
}

#navbar ul.menu.nav > li {
	float:none !important;
	display:inline-block !important;
}

/*** make dropdown-menu li elements expand horizontally ***/
#navbar ul.dropdown-menu > li {
    float: none;
}

/*** menu items styling ***/
#navbar ul.menu.nav a {
	color: white !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 10px;
}

#navbar ul.dropdown-menu {
	background-color: #004292;
	border-color: #1f4e88;
}

body.afinet #navbar ul.dropdown-menu {
	background-color: #006633;
	border-color: #0d592a;
}

#navbar ul.menu.nav > .active > a,
#navbar ul.menu.nav > .open > a,
#navbar ul.dropdown-menu > .active > a {
	background-color: #466b98
}

body.afinet #navbar ul.menu.nav > .active > a,
body.afinet #navbar ul.menu.nav > .open > a,
body.afinet #navbar ul.dropdown-menu > .active > a {
	background-color: #449d44;
}

#navbar ul.menu.nav > li > a:hover,
#navbar ul.menu.nav > li > a:focus,
#navbar ul.menu.nav > .active > a:hover,
#navbar ul.menu.nav > .active > a:focus,
#navbar ul.menu.nav > .open > a:hover,
#navbar ul.menu.nav > .open > a:focus,
#navbar ul.dropdown-menu > li > a:hover,
#navbar ul.dropdown-menu > li > a:focus,
#navbar ul.dropdown-menu > .active > a:hover,
#navbar ul.dropdown-menu > .active > a:focus {
	background-color: #50a7d2;
}

body.afinet #navbar ul.menu.nav > li > a:hover,
body.afinet #navbar ul.menu.nav > li > a:focus,
body.afinet #navbar ul.menu.nav > .active > a:hover,
body.afinet #navbar ul.menu.nav > .active > a:focus,
body.afinet #navbar ul.menu.nav > .open > a:hover,
body.afinet #navbar ul.menu.nav > .open > a:focus,
body.afinet #navbar ul.dropdown-menu > li > a:hover,
body.afinet #navbar ul.dropdown-menu > li > a:focus,
body.afinet #navbar ul.dropdown-menu > .active > a:hover,
body.afinet #navbar ul.dropdown-menu > .active > a:focus {
	background-color: #74B23F;
}

/******************************
* 		div #AfinetHeader
*******************************/

#block-block-68,
#block-block-73 { /* Logo Block */
	width: 25%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.region.region-header {
	margin-bottom: 10px;
}

.slideshow-padding {
	padding-right: 0px;
}
@media (min-width: 768px) {
	.navbar-header a.logo {
		display: none;
	}
}

.navbar-header a.logo {
    /*margin-top: 0px;
    margin-bottom: 0px;*/
	margin-left: 15px;
}
body.afinet .navbar-header a.logo {
    margin-top: 0px;
    margin-bottom: 0px;
}

/** override of the mobile euraf logo **/
body.afinet .navbar-header a.logo img {
	padding: 50px 230px 0px 0px;
	background: url('../img/afinetLogo_horiz.png');
	background-size:contain;
	width:0px;
	height: 0px;
}

.navbar-header a.logo img {
    max-height: 50px;
	max-width: 100%;
}

@media (max-width: 768px) {
	.carousel-inner .carousel-caption {
		padding-bottom: 0px;
		bottom: 2px;
	}
	
    .carousel-caption h3 {
        font-size: 8px;
    }

    .carousel-caption p {
        font-size: 8px;
    }
	
	ol.carousel-indicators {
		display: none;
	}
	
	#block-block-73,
	#block-block-68 {
		display: none;
	}
	
	.slideshow-padding {
		padding-left: 0px;
	}
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

body.afinet .navbar-default .navbar-toggle:hover,
body.afinet .navbar-default .navbar-toggle:focus {
    background-color: #006633;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #004292;
}

.navbar-collapse.in {
    overflow-y: inherit;
}

#navbar .navbar-collapse.in ul {
    margin: inherit;
}

.region-sidebar-first,
.region-sidebar-second {
	margin-top: 10px;
}

#block-block-70 { /* changed URL */
	margin-bottom: 10px;
}

/******* Articles Title ******/
.jumbotron .homepage-jumbotron header h2 a,
h1.page-header {
    color: #004292;
    font-weight: bold;
	margin-top: 20px;
}
body.afinet .jumbotron .homepage-jumbotron header h2 a,
body.afinet h1.page-header {
    color: #006633;
}

/******************************
* 	KC Search Block
*******************************/

/*#searchopenaire_additional {
	margin-bottom: 15px;
}*/

#searchopenaire_additional > div > div {
	margin-bottom: 15px;
}

#searchopenaire-block-form .input-group .form-control {
	z-index: 1;
}

.fc_results_author {
	width: 40%;
}

/******************************
* 	Events and News view and block
*******************************/
body.afinet .view-events-and-news .views-field-created span.field-content {
    font-size: 11px;
    border-bottom: 5px #006633 solid;
}
.view-events-and-news .views-field-created span.field-content {
    font-size: 11px;
    border-bottom: 5px #004292 solid;
}
.view-events-and-news div.views-field-created {
    margin-bottom: 10px;
}
.view-events-and-news div.views-field-title {
    margin-bottom: 10px;
}
.view-events-and-news .panel-col-first img {
    margin: auto;
}
.view-events-and-news .panel-display {
    margin-bottom: 5px;
}

table.views-view-grid td {
	vertical-align: top;
}

table.views-view-grid .panel-col-first {
	width: 33.333%;
}
table.views-view-grid .panel-col-last {
	width: 66.666%
}

/* for the block */
.view-events-and-news.view-events-and-news {
    padding-top: 10px;
}

/* pagination */
ul.pagination > li.active > span,
ul.pagination > li.active > span:hover {
	background-color: #004292 !important;
    border-color: #004292 !important;
}

ul.pagination li a {
	color: #004292;
}

ul.pagination li a:hover {
	color: #466b98;
}

/* pagination */
body.afinet ul.pagination > li.active > span,
body.afinet ul.pagination > li.active > span:hover {
	background-color: #006633 !important;
    border-color: #006633 !important;
}

body.afinet ul.pagination li a {
	color: #006633;
}

body.afinet ul.pagination li a:hover {
	color: #449d44;
}

/*** FAQ ****/
h3.views-accordion-faq_afinet_kc-page-header {
	font-weight: bold;
	color: #004292;
}

div.view-faq-afinet-kc div.ui-state-default {
	background: none;
}

div.view-faq-afinet-kc div.ui-state-default span.field-content a {
	color: #004292;
}

div.view-faq-afinet-kc div.ui-state-default.ui-state-active span.field-content a ,
div.view-faq-afinet-kc div.ui-state-default.ui-state-hover span.field-content a {
	color: #50a7d2;
}

div.view-faq-afinet-kc div.ui-accordion-content-active,
div.view-faq-afinet-kc div.ui-state-default.ui-state-active,
div.view-faq-afinet-kc div.ui-state-default.ui-state-hover {
	border-color: #50a7d2;
}

div.view-faq-afinet-kc div.ui-state-default .views-field-body .field-content {
	color: #004292;
}

div.view-faq-afinet-kc .ui-widget-content a {
    color: #50a7d2;
}

/*** FAQ ****/
body.afinet h3.views-accordion-faq_afinet_kc-page-header,
body.afinet h3.views-accordion-afinet_weblinks-page-header {
	font-weight: bold;
	color: #006633;
}

body.afinet .custom-accordion div.ui-state-default {
	background: none;
}

body.afinet .custom-accordion div.ui-state-default span.field-content a {
	color: #006633;
}

body.afinet .custom-accordion div.ui-state-default.ui-state-active span.field-content a ,
body.afinet .custom-accordion div.ui-state-default.ui-state-hover span.field-content a {
	color: #74B23F;
}

body.afinet .custom-accordion div.ui-accordion-content-active,
body.afinet .custom-accordion div.ui-state-default.ui-state-active,
body.afinet .custom-accordion div.ui-state-default.ui-state-hover {
	border-color: #74B23F;
}

body.afinet .custom-accordion div.ui-state-default .views-field-body .field-content {
	color: #006633;
}

body.afinet .custom-accordion .ui-widget-content a {
    color: #74B23F;
}

/**** UPLOAD ****/
body.afinet #edit-field-container,
body.afinet #edit-myfile-upload-field-ajax-wrapper {
	margin-bottom: 20px;
}

body.afinet #edit-required {
	margin-top: 20px;
}

body.afinet #ui-datepicker-div {
	z-index: 1000;
}

/*** videos vimeo ****/
body.afinet .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 10px;
}
		
body.afinet .embed-container iframe,
body.afinet .embed-container object,
body.afinet .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*************** green language dropdown switcher theme with no label, only flag **********************/
.ldsAfinet{border:1px solid #0e642f;cursor: pointer}
.ldsAfinet .divider{border-left:1px solid #0e642f; border-right:1px solid #0e642f; right:24px;}
.ldsAfinet .ddArrow{width:16px;height:16px; margin-top:-8px; background:url('../../../modules/lang_dropdown/msdropdown/images/msdropdown/ldsSkin/dd_arrow.gif') no-repeat;}
.ldsAfinet .ddArrow:hover{background-position:0 100%;}
.ldsAfinet .ddTitle{color:#003;background:#499c41; border-radius: 5px;}
.ldsAfinet .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsAfinet .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsAfinet .ddTitle .description{display:none;}
.ldsAfinet .ddTitle .ddlabel{display:none;}
.ldsAfinet .ddTitle .ddTitleText img{width: 20px; height: 14px;}
.ldsAfinet .ddChild{border-top: solid 2px #0e642f; background-color:#499c41;}
.ldsAfinet .ddChild li{padding:5px; background-color:#0e642f; border-bottom:0 !important; cursor: pointer;}
.ldsAfinet .ddChild li .description{display:none;}
.ldsAfinet .ddChild li .ddlabel{display:none;}
.ldsAfinet .ddChild li.hover{background-color:#76b340}
.ldsAfinet .ddChild li img{width: 20px; height: 14px; padding: 0 !important;}
.ldsAfinet .ddChild li.optgroup{padding:0;}
.ldsAfinet .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsAfinet .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsAfinet .ddChild li.selected{background-color:#499c41;}
.ldsAfinet .ddChild li.selected.hover{background-color:#76b340;}
.ldsAfinet ul{padding: 0 !important;}

/* google chart */
#embed_chart {
	margin: auto;
}

/* EURAF Blue footer */
.blue-footer {
	background-color: #004292;
	margin-bottom: 10px;
	margin-top: 10px;
}
.blue-footer p {
	color: white !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	text-align: center;
}

/*** for fixing multilevel dropdown menu **/
ul.nav li.dropdown:hover ul.dropdown-menu li.expanded ul.dropdown-menu {display:none;}
ul.nav li.dropdown:hover ul.dropdown-menu li.expanded:hover ul.dropdown-menu {display:block;}
@media (min-width: 768px) {
	.dropdown-menu .dropdown-menu {
	  left: 100%;
	  top: 0;
	}
}

body.afinet .node-afinet-technicalarticles img {
	padding: 10px;
}

.bigger-titles .views-field-title {
	font-size: 16px;
	font-weight: bold;
}


/** POST Content-type **/
.post-img img {
	margin: 20px auto 10px auto; /* to center image */
    max-height: 400px;
    width: auto;
}

.post-caption {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
 /** Jumbotron **/
 
.container .jumbotron,
.container-fluid .jumbotron,
.jumbotron {
	padding: 0px;
	margin: 0px;
	background-color: inherit;
}

.jumbotron p {
	font-size: inherit;
}

/** Cards Bootstrap 4 classes **/

/* Sticky card */
.card-deck .Sticky {
	border-color: #004292;
	box-shadow: 2px 2px;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card span.glyphicon {
	margin-right: 7px;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.tax-card .views-field-field-image,
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.tax-card .views-field-field-image {
margin-bottom: 1.35rem;
}
img.card-img-bottom,
.tax-card .thumbnail {
    padding: 0 1.35rem 1.35rem 1.35rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.tax-card .views-field-title {
	font-size: 18px;
font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
margin-top: 10px;
text-align: center;
}

.tax-card .views-field-title,
.card-title {
  margin-bottom: 0.75rem;
}

.card-footer {
  padding: 0.75rem 1.25rem;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-footer p {
	margin: 0;
}

.card-date {
	font-size: x-small;
	margin-bottom: 0.75rem;
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 576px) {
	.card-deck {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-deck .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		/*margin-bottom: 0;*/
		margin-left: 15px;
	}
}

@media (min-width: 768px) {
    .card-deck > .card {
        width: 31%;
        flex-wrap: wrap;
        flex: initial; 
    }
}

span.submitted-by {
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
}

.field-group-div h3 {
	display: none;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.node-project .img-responsive {
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .visible-xs {
        display: block; !important
    }
}

@media screen and (min-width: 768px) {
    .visible-xs {
        display: none; !important
    }
}

/* in the autocomplete fields dropdown options e.g. Grants */
.dropdown-menu li a {
	text-overflow:ellipsis;
	overflow: hidden;
}
.skiptranslate.goog-te-gadget {
  font-family: "Harmonia Sans", sans-serif !important;
}

.goog-te-combo {
  font-family: "Harmonia Sans", sans-serif !important;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body.afinet .factsheets img {
margin-bottom: 20px;
}

/* Hack for hiding the general (EURAF) registration form link */
body.afinet #user-login-form > div > ul:nth-child(3) > li:nth-child(1) {
	display: none;
}


/*
	Some styling for the EURAF Featured Farm print layout
*/
#block-page-url-qr-code-block-page-url-qr-code-block {
	display: none;
}

@media print {
	#block-block-73 { /* Logo Block */
		display: block !important;
	}

	a[href]:after{
		content: none !important;
	  }

	#block-views-slideshow-block-1,
	#block-block-42,
	#block-block-30,
	#block-block-89,
	.region-sidebar-first,
	.print_html {
		display: none !important;
	}

	.field-type-taxonomy-term-reference {
		position: absolute;
		top: -35px;
		left: 146px;
		z-index: 999;
		width: 50%;
	}

	.field-type-taxonomy-term-reference li {
		list-style-type: none;
	}

	.field-type-taxonomy-term-reference li a {
		color: #004292 !important;
		font-weight: bold;
		font-size: 25px;
	}

	.page-header {
		padding-bottom: 15px;
    	margin: 40px 0 20px;
    	border-bottom: 1px solid #eee;
	}

	#block-page-url-qr-code-block-page-url-qr-code-block {
		display: block !important;
		text-align: center;
	}

}

.tax-two-column .panel-2col .panel-col-first {
    float: left;
    width: 30%;
}

.tax-two-column .panel-2col .panel-col-last {
    float: left;
    width: 70%;
}

.tax-two-column .views-field-title {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}

.tax-two-column div.views-field.views-field-field-project > div > ul > li {
	/* based on Bootstrap badge */
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #50a7d2;
    border-radius: 10px;
}

.tax-two-column div.views-field.views-field-field-project > div > ul {
    padding: 0px;
}

.tax-two-column div.views-field-field-text-2 > div > p {
	text-align: right !important;
}

.of-the-day-block {
	text-align: center;
	margin-bottom: 10px;
	background-color: #d6e4ea;
	border-radius: 5px;
}

.of-the-day-block h2 {
	font-size: 22px;
    font-weight: bold;
    color: #004292;
	margin-top: 10px;
	width: 70%;
    margin-left: auto;
    margin-right: auto;
}
.of-the-day-block .view-display-id-block {
	width: 90%;
	margin: auto;
	margin-bottom: 10px;
}
.of-the-day-block img {
	padding-bottom: 10px;
}

.of-the-day-block .views-field-title {
	font-weight: bold;
	font-size: 14px;
}
.of-the-day-block .views-field-field-text-2 {
	margin-top: 10px;
	font-size: 10px;
}


/* Change the columns order in mobile versions */

@media (max-width: 768px) {
	body > div.main-container.container > div {
		display: flex;
		flex-direction: column;
	}
	
	body > div.main-container.container > div > section { order: 1; } /* Main content first */
	/*body > div.main-container.container > div > aside:nth-child(1) { order: 3; }*/
	body > div.main-container.container > div > aside { order: 2; }
}

body.afinet #upload_buttons {
	text-align: center;
}
body.afinet #upload_buttons a {
	display: inline-block;
	margin-left: 0.3em;
}

body.afinet #search_tags {
	box-sizing: border-box;
}

body.afinet #search_tags .form-item-search-tags input{
	position:absolute;
	z-index:999;
	margin-top: 10px;
	margin-left: 10px;
	/*
	margin:0;padding:0;
			-webkit-appearance:none;
			   -moz-appearance:none;
					appearance:none;
	*/
}

body.afinet #search_tags .form-item-search-tags input:active +.option {
	opacity: .9;
}

.body.afinet #search_tags form-item-search-tags input:checked +.option {
	-webkit-filter: none;
	   -moz-filter: none;
			filter: none;
}

body.afinet #search_tags .option{
	cursor:pointer;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:100px;height:70px;
	-webkit-transition: all 100ms ease-in;
	   -moz-transition: all 100ms ease-in;
			transition: all 100ms ease-in;
	-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
	   -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
			filter: brightness(1.8) grayscale(1) opacity(.7);
}
body.afinet #search_tags .option:hover{
	-webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
	   -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
			filter: brightness(1.2) grayscale(.5) opacity(.9);
}


body.afinet #search_tags .pict_container {
  position: relative;
  /*width: 50%;*/
  max-width: 300px;
}

/* Make the image to responsive */
body.afinet #search_tags .tag_picture {
  display: block;
  min-width: 186px;
  height: 61px;
  object-fit: cover;
}

/* The overlay effect - lays on top of the container and over the image */
body.afinet #search_tags .pict_overlay {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  /*opacity:0;*/
  color: white;34px;
  /*padding: 20px;*/
  text-align: center;
}
