/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */


.node { /* Node wrapper */
}

.preview .node { /* Preview of the content before submitting new or updated content */
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

.node .node-title { /* Node title */
}

.node .user-picture { /* The picture of the node author */
}

.node .submitted { /* The "posted by" information */
}

.node .content { /* Node's content wrapper */
}

.node ul.links { /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted { /* A node that has been promoted to the front page */
}

.node-sticky { /* A sticky node (displayed before others in a list) */
}

.node-by-viewer { /* A node created by the current user */
}

.node-teaser { /* A node displayed as teaser */
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page { /* Page content node */
}

.node-article { /* Article content node */
}

.node-unpublished { /* Unpublished nodes */
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.node img {
	/*margin: 10px;*/
}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 2em;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative; /* Otherwise these elements will appear below the "Unpublished" text. */
}

#content .entity-field-collection-item,
.region-content-top .entity-field-collection-item,
.region-content-bottom .entity-field-collection-item {
	/*border: 1px solid #2f518f;*/
	/*background: #2f518f;*/
	margin-top: 10px;
  /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;*/
}
#content .entity-field-collection-item .field-name-field-body,
.region-content-top .entity-field-collection-item .field-name-field-body,
.region-content-bottom .entity-field-collection-item .field-name-field-body {
	padding: 10px; box-sizing: border-box;
	background: #fff;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#content .entity-field-collection-item .field-name-field-title,
.region-content-top .entity-field-collection-item .field-name-field-title,
.region-content-bottom .entity-field-collection-item .field-name-field-title,
.one-sidebar .region-content h2 {
	padding: 5px;
	/*color: #222;*/ color: #323232;
	font-size: 1.3em;
	line-height: 1.4em; 
	margin-top: 1.154em;
	margin-bottom: 1.154em;
	font-weight: bold;
	overflow: visible;
	border-bottom: 1px solid #ccc;
}
#content .entity-field-collection-item .field-item,
.region-content-top .entity-field-collection-item .field-item,
.region-content-bottom .entity-field-collection-item .field-item {
	overflow: auto;
}
#content .block-cck-blocks,
.region-content-top .block-cck-blocks,
.region-content-bottom .block-cck-blocks {
	margin-bottom: 0;
}
.sidebar .entity-field-collection-item {
	margin-top: 10px;
}
.sidebar .entity-field-collection-item .field-name-field-title {
	/*padding: 5px;
	background: #2f518f;
	color: #fff;*/
	position: relative;
	/*border-right: 8px solid rgba(168, 35, 21, 0.85);*/
	border-right: 8px solid rgba(8, 7, 51, 0.85);
	padding: 0.4em;
	padding-left: 0;
	/* background-color: rgba(231, 76, 60, 0.85);
	box-shadow: -1.5em 0 0 0 rgba(231, 76, 60, 0.85);*/
	background-color: rgba(126, 163, 214, 0.85);
	box-shadow: -1.5em 0 0 0 rgba(126, 163, 214, 0.85);
	color: white;
	/*font-size: 1.5em;*/ font-size: 1.2em;
	font-weight: 200;
	line-height: 1.3em;
	margin: 0.5em 0;
}
.sidebar .entity-field-collection-item .field-name-field-body {
	padding-left: 10px;
	padding-right: 10px;
}
.sidebar ul {
	margin: 1em 0;
	padding-left: 20px;
}

/**
 * Animation Nodes
 */
.node-type-animation .field-type-youtube .field-item {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 56.25% 0;
	margin: 0;
}
.node-type-animation .field-type-youtube .field-item iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}