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

.header-cicle {display: none;}

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

.layout-container p {
  font-family: GoodDog, Comic, ComicRelief, cursive;
  font-size: 1.6em;
  line-height: 1.4em
}

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

/* ########## JQUERY ACCORDION ########## */

.view-travels .ui-accordion-header {
  font-size: 32px;
  padding: 5px 10px;
}

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


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

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

.page-title {
  margin-top: 10px;
  display: inline-block;
  font-size: 4em;
}

/* ########## BLOG LIST (ADMIN) ########## */
.view-blog-list h4,
.view-blog-list .field--type-created .form-time {
  display: none;
}


.view-blog-list .field--type-created {
  font-size: 0px;
  line-height: 0.1px;
}

.view-blog-list .form-item .form-date {
  font-size: 16px;
}

/* ########## 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.odd {
  background: #eee !important;
}

.comment.even {
  background: #ddd !important;
}

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

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

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

/* ########## ALOJAMIENTOS - ACCOMODATION ########## */
.accomodations .media--type-image {
  float: left;
  clear: both;
  margin-right: 10px;
}


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

.media--type-image,
.field-image
 {
  border-radius: 10px;
  margin: 0;
  width: 165px;
  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;
}

.field-name-field-tags {
  margin-bottom: 0;
}

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

.node .field-name-field-tags 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;
}

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

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

.field-location:before,
.field-tags:before,
.field-accomodation:before {
  font-family: "FontAwesome";
  font-size: 22px;
  margin-right: 10px;
  margin-left: 0;
  text-align: center;
  width: 30px;
  display: block;
  height: 0;
  line-height: 1;
}

.field-location:before {
  content: "\f041";
  font-size: 1.8em;
 }
 
.field-tags:before {
  content: "\f02c";
}

.field-accomodation:before {
  content: "\f236";
}

.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;
}

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

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;
}

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

.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;
}


.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 ;
}

.language-switcher-language-url .links {
	display: flex;
	justify-content: center;
}

.language-switcher-language-url li {
	    list-style-type: none;
	    display: inline-block;
	    font-size: 14px;
 	    xwidth: 40px;

}

.language-switcher-language-url li a {
		padding: 1px 7px;
	    margin: 5px;
	    border: 1px solid red;
	    border-radius: 5px;
	    background: white;
}