/* ########## GENERAL STYLES ########## */

.page-content .section {
  margin-bottom: 10px;
}

.region-content-top .region-container,
.region-content .region-container {
padding: 5px 15px 5px 15px;
}

pre {
  background: none;
  font-size: 0.9em;
  font-family: "Heebo", sans-serif;
  padding: 10px 0;
}


/* ########## COMMON ELEMENTS ########## */

#edit-submit.button.js-form-submit.form-submit {
	background-color: red;
}

.post-date {
  float: right;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  font-family: sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  text-transform: lowercase;
  line-height: 1.2em;
  word-spacing: 30px;
  margin: 0 0 15px 15px;
}

.page-title {
  margin: 10px 0 10px 0;
  display: inline-block;
}

/* ########## COMMENTS ########## */

.comment {  
	border: 1px solid #cccccc;
	padding: 5px;
}

.comment-form {
  font-family: sans-serif;
}

#node-comment {
  clear: both;
}

#comments h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.comment h3 {
  font-family: 'Heebo';
  font-weight: bold;
  font-size: 16px;
}

.comment-body p {
  font-family: 'Heebo', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-style: italic;
}

.comment-author {
  font-weight: bold;
  font-size: 1.2em;
}

.comment-title a.permalink {
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

/* ########## FORMS ########## */
.edit-media-names .form-item {
  display: inline-block;
}

.edit-media-names .form-wrapper{
  margin-bottom: 15px;
}


/* ########## MEDIA ########## */

.media--type-image,
.field-image,
.image
 {
  border-radius: 10px;
  margin: 0;
  display: block;
  justify-content: flex-start;
  flex-direction: row;
  align-items: stretch;
  text-align: center;
}

/* ############ OTHER #############*/

.image-field img,
.field-type-image img,
.media--type-image img {
  border: none;
  padding: 0;
  border-radius: 10px;
  margin-bottom: 0;
}

x.field-name-field-travels {
  margin-bottom: 0;
}

.field-type-image {
  margin: 0 0 10px 0;
  display: inline-block;
}

x.node .field-name-field-travels a {
  text-transform: none;
  font-size: 1rem;
  background: none;
  padding: 0;
}

.comment-view a,
ul.links.inline li a,
#block-system-main .views-field.views-field-view-node {
  background: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 5px;
}

.layout__region--bottom {
  margin-top: 15px;
}

/* ####### ICONS ######## */

.field-location,
.field-accomodation,
.field-travels,
.field-tags {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  font-family: sans-serif;
  line-height: 1.5;
}

.field-tags-items {margin-left: 40px}

.field-location-item,
.field-accomodation-item,
.field-travels-item {
  display: block;
  margin-left: 40px;
}

.field-tags-item {
	display: inline-block;
	margin-left: 5px;
}

.field-tags-item:before {
	content: "#";
	color: red;
}

.field-location:before,
.field-travels:before,
.field-tags:before,
.field-accomodation:before {
  font-family: "FontAwesome";
  text-align: center;
  width: 36px;
  display: block;
  height: 0;
  line-height: 1.2;
  color: red;
}

.field-location:before {
  content: "\f041";
  font-size: 32px;
  margin: -8px 10px 8px 0; 
}
 
.field-travels:before {
  content: "\f14e";
  font-size: 32px;
	margin: -8px 10px 8px 0;
}

.field-tags:before {
  content: "\f02c";
  font-size: 26px;
	margin: -8px 10px 8px 0;
}

.field-accomodation:before {
  content: "\f236";
  font-size: 24px;
  margin: -4px 10px 4px 0;
  
}

.cshs-term-group {
  display: inline-block;
  line-height: 1;
}

ul.links.inline li a:before {
  width: 12px;
  margin-right: 10px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

label {
  display: block;
  margin: .4em 0 .4em 0;
  font-size: 1em;
}

.compact-form-wrapper label {
  font-family: monospace;
  font-size: 1.3em;
  font-weight: normal;
  font-style: italic;
}

.form-item-mollom-captcha label {
  display: none;
}

thead tr td {
  font-size: 1.2em;
}

#colophon {
  margin-bottom: 0;
  position: fixed;
  bottom: 0;
  display: none;
}

#user-login .description,
#user-register-form .description {
  display: none;
}

.color-palette-dark-rust input[type="submit"],
#edit-cancel {
  background-image: none;
  margin: 0 10px 5px 0;
  padding: 7px 8px;
  border: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  text-transform: uppercase;
  font-size: .8em;
  cursor: pointer;
  font-weight: bold;
}

/*
#### DICTIONARY ###
*/

.view-dictionary h3 {
  padding: 0 10px;
  border-radius: 10px;
  margin-top: 10px;
}

.view-dictionary h4 {
  margin-left: 10px;
  margin-top: 10px;
}

.view-dictionary .body {
  font-size: 0.85em;
  margin-left: 30px;
}

/*
#### TIMELINE ####
*/

.view-frontpage .video-player {
  width: 240px;
  background: black;
  border-radius: 10px;
}


code {
  font-size: 18px;
}

.feed-icon {
  display: none;
}
.toys-full {
  display: flex;
}
.toys-full .field-image {
  flex-shrink: 0;
  margin-right: 15px;
}

.toys-full .field-image img {
  border-width: 5px;
  border-style: solid;
  border-radius: 20px;
}

.toys-full .obsolete-date,
.toys-full .obsolete-reason {
  display: inline-block;
}

.pager {
  width: 100%;
  display: block;
}

.content-region {
  display: flex;
  flex-wrap: nowrap
}

.content-region p {word-wrap: break-word  }

.media--type-document {
  text-align: center;
  font-size: 0.8em;
  line-height: 1.2;
  padding: 5px;
  width: 200px;
  border-radius: 10px;
  height: 200px;
}

.media--type-document img {
  height: 140px;
  width: 140px;
}

/*
############### TABS ############
*/

.tabs {
  font-family: sans-serif;
}

ul.page-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.page-tabs li {
  display: block;
  width: 9em;
  height: 2em;
  padding: 0;
  border: none;
  margin: 5px;
}

.tabs .tabs.primary a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
  text-align: center;
  margin: 0;
  color: red;
}

.tabs .tabs.primary .is-active {background: red; border-color: red;}
.tabs .tabs.primary .is-active a {color: yellow; font-weight: bold;}


.node-taxonomy-container {
  display: inline-block; 
  width: 100%;
  height: 100px;
  padding: 0;
  margin: 0;
}

.node-taxonomy-container img,
.node-taxonomy-container ul, 
.node-taxonomy-container ul .taxonomy-term {
  margin: 0 0 10px 0; 
  padding: 0;
}

.layout__region {
	width: 100%;
}

.layout__region--middle {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.layout__region--middle .body {
min-width: 20em;
}

/* ######## PAGER #########*/

#blogpager {
	border: 0px solid green;
	width: 100%;
	xclear: both;
	position: relative;
	top: 30px;
	margin-bottom: 30px;
}

.view-blog .pager__item {
	padding: 0;
	margin: 5px;
}

.pager__item a {
	display: inline-block;
	font-family: Heebo, sans-serif;
	color: red;
	background-color: silver;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 10px;
  margin: 5px 0;
}

.pager__item.active a {
	background-color: red;
	color: white;
}

video{
  background: black;
  border-radius: 10px;
}

.toolbar-fixed .toolbar-oriented .toolbar-bar,
#toolbar-bar {
  position: fixed ;
}

.block-dropdown-language {
	width: 80px;
	position: absolute;
	xtop: 0;
	right: 15px;
  margin-bottom: 20px;
	z-index: 2;
}

/*
.dropbutton-wrapper {
	max-width: 100px;
	xborder: 0px solid blue;
}

.dropbutton-wrapper .dropbutton-widget {
	background: none !important;
	color: red;
	border: none;
	max-width: 100px;
}

.dropbutton li,
.dropbutton ul,
ul.dropdown-language-item,
.dropbutton-widget,
li.dropbutton-toggle,
.dropbutton-toggle button {
	xborder: 0px solid yellow !important;
}

xli.dropbutton-action, 
x.dropdown-language-item {border: 0px solid yellow !important;
	width: 40px;
}
*/