/*-----------------------------------------------------------------------------------   Theme Name: BooBoo Theme 2.0  Theme URI:   Description: Boostrap theme for Arkham-asylum.cz   Author: NiaWolf & Ollienek  Author URI: http://www.niawolf.cz    License: CC BY-NC-SA   License URI: https://creativecommons.org/licenses/by-nc-sa/4.0/  Version: 2.0 -----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* Obecné */
/*----------------------------------------------------------------------*/

@import url('//fonts.googleapis.com/css?family=Montserrat:300,400|Open+Sans:300,400');

body {
	background-color: #000;
  font-family: "Open Sans", Sans-Sherif;
}

body, html {
	font-size: 100%;
}

a {
	color: #BA1C13;
}

a:hover, a:active, a:focus {
	color: #910a02;
	text-decoration: none;
}

a.external::after {
	position: relative;
	top: 0.09375rem;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	line-height: 1;
	content: "\e164";
	margin-left: 0.25rem;
	-webkit-text-stroke: 0.04rem #070707;
}


abbr {
	position: relative;
}

abbr:hover::after {
	width: 7.5rem;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 0.3125rem 0;
	border-radius: 0.375rem;
	position: absolute;
	z-index: 1;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	text-align: center;
}

.container {
  padding-left:0;
  padding-right:0;
}

.container-fluid {
	padding-left: 20rem;
}
     
#scrollToTop {
	display: none;
	position: fixed;
	bottom: 3rem;
	right: 3rem;
	width: 3.5rem;
	height: 3.5rem;
	z-index: 9999;
	cursor: pointer;
	background-color: #6d0f07;
	font-size: 2rem;
	padding: 0.5rem;
	color: #fff;
	text-align: center;
}

input[type=radio] {
	margin-right: 0.5rem;
}


#scrollToTop:hover {
	background-color: #980f07;
}

/*Mobile & Tablet */
@media screen and (max-width:980px) {
.container-fluid {
	padding: 0;
}
}

.container .row .row-fluid{
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.content-wrap {
	background-color: #171718;
	color: #ffffff;
	font-size: 0.875rem;
}

.entry-title, .page-title {
	text-align: center;
}

.type-post > .entry-content {
  padding-top: 3.125rem;
}

hr {
	margin-top: 0;
}

img {
	max-width: 100%;
}

img.media-object {
	max-width: 6.25rem;
}

input, textarea, .uneditable-input {
    color: black;
}

p {
	text-align: justify;
}


.panel-group {
	padding-bottom: 0px !important;
}

.post-body {
  padding-left: 3.1rem;
  padding-right: 3.1rem;
}

.row {
	padding-bottom: 1.25rem;
  margin-left:0;
}

body > .row-fluid > .container > .row  {
  margin-right: 0;
}

.single-format-video .navigation-post {
	display: none;
}

#site-description {
	display: none;
}

/*Odstranění dvojitého podtržení ve FF*/
@supports (text-decoration: underline dotted) {
abbr[title], .explain[title] {
	border-bottom: initial;
	text-decoration: underline dotted;
}
}

.title-meta {
	text-align: center;
	margin: 0.625rem 0 0.625rem 0;
}

.jumbotron {
	color: #000;
}

.tooltip-inner {
	background-color: #6D0F07;
	color: #fff;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #6D0F07 !important;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #6D0F07 !important;
}

/*----------------------------------------------------------------------*/

.error404-content {
	background-color: #171718;
}

.error404-img {
	margin-top: 3.125rem;
	margin-bottom: 3.125rem;
}

.error404-tape {
	background-repeat: repeat-x;
	background-image: url("/wp-content/themes/BooBooTheme2/images/404-tape.jpg");
	height: 2.6875rem;
}

.error404-title {
	text-align: center;
}

/*----------------------------------------------------------------------*/
/* Menu */
/*----------------------------------------------------------------------*/

.dropdown-menu {
min-width: 10.1rem;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background: #3b3b3b;
	border-top: 0.0625rem solid #3a3a3a;
	border-bottom: 0.0625rem solid #292929;
}

.dropdown-menu > li {
	background: #1a1a1a;
	color: #e8e8e8;
}

.dropdown-menu > li > a {
	color: #e8e8e8;
	padding: 0.3125rem 0.625rem;
	border-top: 0.0625rem solid #151414;
	border-bottom: 0.0625rem solid #292929;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #6d0f07;
	border-top: 0.0625rem solid #970f07;
	border-bottom: 0.0625rem solid #5a0c05;
}

.dropdown-toggle span.caret {
	display: block;
	margin: 0.25rem auto;
	margin-bottom: -0.5rem;
}

.navbar {
	margin-top: 4.0625rem;
}

.navbar-inverse {
	background-color: #6d0f07;
	background-image: -webkit-linear-gradient(right, #980f07 70%, #980f07 80%, #6d0f07 80%);
	background-image: -moz-linear-gradient(right,  #980f07 70%, #980f07 80%, #6d0f07 80%);
	background-image: -ms-linear-gradient(right,  #980f07 70%, #980f07 80%, #6d0f07 80%);
	background-image: -o-linear-gradient(right,  #980f07 70%, #980f07 80%, #6d0f07 80%);
	background-image: linear-gradient(right,  #980f07 70%, #980f07 80%, #6d0f07 80%);
	border-bottom: 1.375rem solid black;
	border-top: 1.375rem solid black;
	text-align: center;
	border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background-color: #000;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #000;
}

.navbar-nav > li > a {
	padding: 1.125rem 1.25rem 1.125rem 1.25rem;
	color: white !important;
	text-transform: uppercase;
	font-weight: bold;
}

.navbar-nav > li > .dropdown-menu {
	background-color: #7e0000;
}

.subdropdown-menu li, .subdropdown-menu li a {
	color: #e8e8e8;
	list-style-type: none;
	padding: 0.3125rem 0.625rem;
}

ul.subdropdown-menu {
	padding: 0;
}

ul.subdropdown-menu li {
	color: #e8e8e8;
	border-bottom: 0.0625rem solid #3a3a3a;
}

ul.subdropdown-menu li a {
	text-decoration: none;
}

ul.subdropdown-menu li:hover {
	color: #fff;
	text-decoration: none !important;
	background-color: #6d0f07;
	border-bottom: 0.0625rem solid #5a0c05;
}

/*----------------------------------------------------------------------*/
/* Logo */
/*----------------------------------------------------------------------*/

img.menu-logo {
	z-index: 5;
	max-height: 12.5rem;
	position: absolute;
	margin-left: 5rem;
}

@media screen and (max-width:980px) {
img.menu-logo {
	display: none;
}
}

/*----------------------------------------------------------------------*/
/* Search*/
/*----------------------------------------------------------------------*/

#ajaxsearchlite1 .probox, div.asl_w .probox  {
  background-color: #fff;
}

#ajaxsearchlite1 .proinput {
	padding: 0;
	margin: 0 0.25rem;
}

div.asl_r p.showmore {
	background-color: #0c0c0c;
}

div.asl_r p.showmore a {
	border: 1px solid #000;
}

div.asl_r .results .item {
  background: #1b1a1a;
  color: #fff;
  border-left: 1px solid rgba(9, 8, 8, 0.6);
	border-right: 1px solid rgba(9, 8, 8, 0.6);
}

div.asl_r .results .item.hovered  {
	background: #282727;
}

div.asl_r .results .item .asl_content h3 a, div.asl_r p.showmore a   {
  color: #ad0a00;
  font-weight: bold;
}

div.asl_r .results .item .asl_content h3 a:active, div.asl_r .results .item .asl_content h3 a:hover, div.asl_r .results .item .asl_content h3 a:focus    {
  color: #910a02;
  font-weight: bold;
}

div.asl_r .results .item .asl_image {
	margin-top: 0.5rem;
}

div.asl_s.searchsettings fieldset {
	margin: 2px 0 0 !important;
}

div.asl_r.vertical {
  background: #7E0000;
}

div.asl_r.vertical .results .asl_spacer {
	background: none repeat scroll 0 0 #272727;
}

.search-menu-item .dropdown-menu {
	left: auto;
	right: 0;
}

@media screen and (min-width:767px) {
	.search-menu-item .dropdown-menu {
		width: 20rem;
	}
}

.search-button {
	color: #fff;
	background-color: #333;
	border-color: #410904;
	display: inline-block;
	padding: 0.0625rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0.0625rem solid transparent;
	border-radius: 0.25rem;
}

.search-form {
	padding: 0.0125rem 0.0125rem;
	list-style: none;
	background-color: #1a1a1a;
	position: relative;
	float: right;
	display: inline-block;
	width: 100%;
}

.search-text {
	padding-left: 0;
	padding-right: 0;
}

/*----------------------------------------------------------------------*/
/* Search Result*/
/*----------------------------------------------------------------------*/

.search-content  {
	float: left;
	text-align: justify;
}

h1#search-full {
	font-size: 1.75rem;
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
}

.search-img  {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-height: 6.25rem;
	margin-top: 0.25rem;
}

.search-more  {
 font-style: italic;
}

.search-post {
	padding-bottom: 0px !important;
	margin-bottom: 1rem;
	display: inline-block;
}

h4.search-title  {
	font-size: 1.125rem;
	margin-top: 0px;
	margin-bottom: 0.3125rem;
	color: #fff;
}

h4.search-title a {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}

/*----------------------------------------------------------------------*/
/* Anchors */
/*----------------------------------------------------------------------*/
h4.characters-index, h4.movies-index, h4.powers-index, h4.series-index,  h4.weapons-index,  h4.game-index  {
	width: 100%;
	text-align: left;
	border-bottom: 0.0625rem solid #505050;
	line-height: 0.1em;
	margin: 0.625rem 0 1.25rem -0.9375rem;
	padding-top: 0.625rem;
}

h4.characters-index:after, h4.movies-index:after, h4.series-index:after, h4.powers-index:after, h4.weapons-index:after, h4.game-index:after {
	content: "";
	display: block;
	margin-bottom: -0.9375rem;
}

h4.characters-index > span, h4.movies-index > span, h4.series-index > span, h4.powers-index > span, h4.weapons-index > span, h4.game-index > span {
	background: #333;
	padding: 0.3125rem 0 0.3125rem 0.9375rem;
	display: block;
	width: 30%;
	line-height: initial;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0 0.1875rem 0.1875rem 0;
	color: whitesmoke;
}

/*----------------------------------------------------------------------*/
/* Buttons */
/*----------------------------------------------------------------------*/

.btn-primary {
	background-color: #6d0f07;
	border-color: #6d0f07;
}

.btn-primary:hover, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:focus {
	background-color: #962020;
	border-color: #962020;
}
/*Seznam postav u filmů*/
.btn-character-list {
	color: #fff;
	background-color: #6d0f07;
	border-color: #410904;
	display: inline-block;
	padding: 0.25rem 0.3125rem;
	margin-bottom: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 0.0625rem solid transparent;
	border-radius: 0.25rem;
}

.btn-character-list:hover, .btn-character-list:focus, .btn-character-list:active, .btn-character-list.active, .open > .dropdown-toggle.btn-character-list {
	color: #fff;
	background-color: #962020;
	border-color: #781919;
}


/*----------------------------------------------------------------------*/
/* Pager & Pagination */
/*----------------------------------------------------------------------*/

.pager .previous > a, .pager .next > a {
	background-color: #6d0f07;
	border-color: #6d0f07;
	color: white;
}

.pager li > a:focus, .pager li > a:hover, .pager li > a:active {
	background-color: #962020;
	border-color: #962020;
}

.pagination > li > a, .pagination > .active > a {
	color: #6d0f07;
	background-color: #eee;
	border: 1px solid #7b261f;
	font-weight: bold;
}

.pagination > li > a:hover, .pagination > .active > span:hover, .pagination > li > span:hover,
.pagination > li > a:active, .pagination > .active > span:active,
.pagination > li > a:focus, .pagination > .active > span:focus, .pagination > li > span:focus,
.pagination > .active > span, .pagination > li > span {
	color: #fff;
	background-color: #6d0f07;
	border: 1px solid #c0c0c0;
}

/*----------------------------------------------------------------------*/
/* Glyphicon */
/*----------------------------------------------------------------------*/

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	color: #fff;
}

.glyphicon-chevron-left:hover, .glyphicon-chevron-right:hover {
	color: #962020;
}

.glyphicon-info-sign {
	color: #808080;
}

/*----------------------------------------------------------------------*/
/* Carousel */
/*----------------------------------------------------------------------*/

.game-imgslider {
	margin: 0 auto;
}

.carousel-indicators  {
	bottom: 0;
}


/*----------------------------------------------------------------------*/
/* News */
/*----------------------------------------------------------------------*/

.news .listing-item {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.news .listing-item::after  {
	content: " ";
	background-color: #4f4f4f;
	height: 0.125rem;
	display: block;
	width: 2.5rem;
	margin-top: 1rem;
}

.news .listing-item:last-child::after  {
	display: none;
}

.news .listing-item .date {
	color: #4f4f4f;
}

.news .listing-item .news-content {
  margin-top: 0.4rem;
}

.news .listing-item .news-content a {
  color: white;
  text-decoration: underline;
}

.news .listing-item .title {
  font-size: 1.2rem;
}

/*----------------------------------------------------------------------*/
/* List Pagination */
/*----------------------------------------------------------------------*/

.form-control  {
  background-color: #eee;
}

.form-control:focus   {
  border-color: #970F07;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(151, 15, 7);
}

.form-search {
  position: relative;
}

.form-search .glyphicon {
  position: absolute;
  padding: 10px;
  right: 0px;
  pointer-events: none;
  color: #000;
}

.form-search input {
  padding-right: 30px;
}

 .navigation-alphabet    {
  margin-bottom: 0.625rem;
}

.navigation-alphabet > li > a, .navigation-alphabet > li > span {
	color: #333;
	background-color: #eee;
	font-weight: bold;
}

.navigation-alphabet > li > a:hover, .navigation-alphabet > li > span:hover, .navigation-alphabet > .active > span:hover, .navigation-alphabet > li > span:active, .navigation-alphabet > .active > span, .navigation-alphabet > .active > span:focus, .navigation-alphabet > li > a:focus {
	background-color: #6d0f07;
	border-color: #7b261f;
	color: #eee;
}



/*----------------------------------------------------------------------*/
/* Tables */
/*----------------------------------------------------------------------*/

.table-series {
	border: 0.0625rem solid #ddd;
	margin-left: 3.75rem;
	width: 87%;
}

.table-weapon {
	border: 0.0625rem solid #ddd;
	width: 87%;
}

.table-series>tbody>tr:nth-child(odd)>th, .table-weapon>tbody>tr:nth-child(odd)>th, .table-games>tbody>tr:nth-child(odd)>th {
	background-color: #222;
	color: #fff;
	vertical-align: middle;
}

.table-series > tbody > tr:nth-child(odd)>td, .table-weapon > tbody > tr:nth-child(odd)>td, .table-games > tbody > tr:nth-child(odd)>td {
	background-color: #272626;
}

.table-series>tbody>tr:nth-child(even)>th, .table-weapon>tbody>tr:nth-child(even)>th, .table-games>tbody>tr:nth-child(even)>th {
	background-color: #333;
	color: #fff;
}


/*----------------------------------------------------------------------*/
/* Images */
/*----------------------------------------------------------------------*/

center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*----------------------------------------------------------------------*/
/* Panels */
/*----------------------------------------------------------------------*/

.panel-default {
	border-color: #323232;
}

.panel-default .panel-heading {
	background-color: #323232;
	border-color: #323232;
	color: #fff;
}

.panel-primary {
	border-color: #6d0f07;
}

.panel-primary .panel-heading {
	background-color: #6d0f07;
	border-color: #6d0f07;
}

/* Entry */
.entry-meta {
	margin-bottom: 0.625rem;
}

/*  V Search-result dává zbytečný rozestup
.post-content {
	margin-bottom: 2.125rem;
}
*/

.content-aside, .content-status {
	margin-top: 1.875rem;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.25rem 1.25rem 1.25rem 2.5rem;
}

.content-quote {
	margin-top: 1.875rem;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1.25rem 1.25rem 1.25rem 2.5rem;
	background-color: #dddddd;
	border-left: solid 0.3125rem #d43f3a;
}

/*----------------------------------------------------------------------*/
/* Navigation*/
/*----------------------------------------------------------------------*/
.navigation-post {
	font-weight: bold;
	font-size: 1.25rem;
	padding-bottom: 1.875rem;
	padding-top: 1.25rem;
}

/*----------------------------------------------------------------------*/
/* Breadcrumb*/
/*----------------------------------------------------------------------*/
.breadcrumb-detail, .breadcrumb-detail a {
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-top: 0;
  font-family: Montserrat;
  color: #fff;
  float: right;
  padding-top: 0rem;
}

/*----------------------------------------------------------------------*/
/* News*/
/*----------------------------------------------------------------------*/
.news-copyright {
	font-style: italic;
	font-size: 0.625rem;
	padding: 0.625rem;
}

/*----------------------------------------------------------------------*/
/* Characters List*/
/*----------------------------------------------------------------------*/
.characters-index div, .powers-index div, .weapons-index div, .movie-list div, .game-list div {
	display: inline-table;
	margin-top: 0.625rem;
}

.characters-icon, .weapons-icon {
	width: 6.25rem;
	margin-right: 0.625rem;
}

.characters-list .listing-item, .weapons-list .listing-item {
	display: inline-table;
	width: 6.875rem;
	margin-right: 0.3125rem;
}

.characters-list .listing-item a, .weapons-list .listing-item a {
	display: block;
}

.characters-list .listing-item a.image, .weapons-list .listing-item a.image {
	width: 6.25rem;
	margin-right: 0.625rem;
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 0.25rem;
	line-height: 1.42857143;
	background-color: #000;
	border: 0.0625rem solid #383838;
	border-radius: 0.25rem;
}

.characters-list .listing-item a.image img, .weapons-list .listing-item a.image img {
	height: 100%;
}

.characters-list .listing-item a.title, .weapons-list .listing-item a.title {
	text-align: center;
	margin-right: 0.625rem;
	padding: 0 !important;
  color: #fff;
}

p.wp-caption-text {
	text-align: center;
	font-weight: bold;
	margin-right: 0.625rem;
	padding: 0 !important;
}

.characters-search {
  color: #000;
}


/*----------------------------------------------------------------------*/
/* Character-Detail*/
/*----------------------------------------------------------------------*/

.character-fullname, .power-fullname, .team-fullname  {
	font-style: italic;
	font-weight: normal;
}

p.character-fullname:after, .power-name:after, .item-name:after, .team-name:after {
	content: " ";
	background-color: #970f07;
	height: 0.8125rem;
	display: block;
	width: 4.5rem;
	margin-top: 0.625rem;
}

.character-history, .power-characters, .item-characters {
	background-color: rgba(0,0,0,0.7);
  padding: 0.77rem 2.14rem 2.14rem 2.14rem;
}

.character-chartinfo {
	margin: 0;
}

.character-charts {
	margin-top: 0.5rem;
}

.character-charts .progress {
	height: 0.625rem;
	border-radius: 0;
}

.character-img-badge {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 9.125rem;
	padding-left: 2.14rem;
}

.character-img-main, .item-img-main, .team-img-main	{
  padding-bottom: 1.25rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.character-inactivetext {
  background-color: none;
  border: 0;
}

.character-info, .power-info, .item-info, .team-info {
	background-color: rgba(0,0,0,0.7);
	padding: 1rem 2.14rem 2.14rem 2.14rem;
}

.character-info.row, .power-info.row, .item-info.row {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.625rem;
  padding-top: 2rem;
}

.character-info.row > .col-sm-6, .power-info.row > .col-sm-6, .item-info.row > .col-sm-6 {
  padding-left: 0;
}

.character-info.row > .col-sm-6:last-child, .power-info.row > .col-sm-6:last-child, .item-info.row > .col-sm-6:last-child {
  padding-left: 0.9375rem;
  padding-right: 0;
}

.character-info.row .col-sm-12, .power-info.row .col-sm-12, .item-info.row .col-sm-12 {
  padding: 0;
}

h1.character-name, h1.power-name, h1.item-name, h1.team-name {
	text-transform: uppercase;
	font-size: 3rem;
	margin-top: 0;
  font-family: Montserrat;
  font-weight: 300;
}

.character-p  {
	padding-top: 0.937rem;
  font-weight: 300;
}

.character-p > p:last-child  {
	margin-bottom: 0;
}

.character-panelleft, .power-panelleft, .item-panelleft {
  padding-left: 0;
  margin-left:0;
}

.character-panelright, .power-panelright, .item-panelright  {
	padding-bottom: 0.312rem;
}

@media screen and (min-width: 768px) {
  .character-panelright.col-sm-8, .power-panelright.col-sm-8, .item-panelright.col-sm-8 {
    float: right;
  }
}

h3.character-powertitle, h3.power-similiartitle {
	color: #808080;
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
  font-weight: 300;
}

.character-table {
	margin-bottom: 0;
  border-collapse: initial;
}

.character-table > tbody > tr > td {
	font-weight: 300;
	color: #fff;
	font-size: 0.875rem;
}

.character-table > tbody > tr > th {
	color: #808080;
	font-weight: 300;
	font-size: 0.875rem;
	width: 6.5rem;
}

.character-table > tbody > tr > th, .character-table > tbody > tr > td {
	border-top: 0.0625rem dotted white;
	border-bottom: 0;
}

.character-table > tbody > tr > td, .character-table > tbody > tr > th {
  padding-left: 0;
  padding-right: 0;
}

.nav-character, .power-charactertitle, .item-charactertitle {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0.0625rem solid #2c2c2c;
  color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
	font-family: 'Open Sans', sans-serif;
}

.nav-character > li {
  background: none;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0.0625rem solid rgba(0,0,0,0);
}

.nav-character > li > a {
  color: #fff;
  border: 0;
}

.nav-character > li.active > a, .nav-character > li.active > a:hover, .nav-character > li > a:hover, .nav-character > li > a:focus, .nav-character > li > a:active, .nav-character > li.active > a:focus, .nav-character > li.active > a:active {
  background: none;
  border: 0;
  color: #fff;
}

.nav-character > li.active {
  border-bottom: 0.125rem solid #970f07;
}

.progress {
	margin-bottom: 0.3125rem;
	background-color: #2c2c2c;
}

.progress-bar-attack {
	background-color: #ef476f;
}

.progress-bar-defence {
	background-color: #ffd166;
}

.progress-bar-iq {
	background-color: #06d6a0;
}

.progress-bar-speed {
	background-color: #118ab2;
}

.progress-bar-dangerous {
	background-color: #fff;
}

.table > tbody > tr:first-child > th, .table > tbody > tr:first-child > td {
	border-top: 0;
}

.table > tbody > tr:last-child > th, .table > tbody > tr:last-child > td {
	border-bottom: 0;
}


/*----------------------------------------------------------------------*/
/* Series*/
/*----------------------------------------------------------------------*/

.series-episodeslist .listing-item  {
  margin-top: 0.625rem;
}

.series-history {
	background-color: rgba(0,0,0,0.7);
  padding: 0.77rem 2.14rem 2.14rem 2.14rem;
}

.series-inactivetext {
  background-color: none;
  border: 0;
}


.nav-series {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0.0625rem solid #2c2c2c;
  color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 1.5rem;
}

.nav-series > li {
  background: none;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0.0625rem solid rgba(0,0,0,0);
}

.nav-series > li > a {
  color: #fff;
  border: 0;
}

.series-activetext > a {
  padding-bottom: 0.5625rem !important;
}

.nav-series > li.active > a, .nav-series > li.active > a:hover, .nav-series > li > a:hover, .nav-series > li > a:focus, .nav-series > li > a:active, .nav-series > li.active > a:focus, .nav-series > li.active > a:active {
  background: none;
  border: 0;
  color: #fff;
}

.nav-series > li.active {
  border-bottom: 0.125rem solid #970f07;
}

.series-inner > .item > img {
	margin: 0 auto;
}

.series-inner {
	background-color: #222;
	opacity: 100;
  margin:0;
}


/*----------------------------------------------------------------------*/
/* Media-Detail*/
/*----------------------------------------------------------------------*/


p.episode-fullname:after, p.series-fullname:after, p.movie-fullname:after, p.game-fullname:after {
	content: " ";
	background-color: #970f07;
	height: 0.8125rem;
	display: block;
	width: 4.5rem;
	margin-top: 0.625rem;
}

.episode-characterlist .listing-item, .movie-characterlist .listing-item, .game-characterlist .listing-item, .team-characterlist .listing-item {
	display: inline-table;
	width: 20%;
	margin-right: 0.75rem;
}

.episode-characterlist .listing-item a, .movie-characterlist .listing-item a, .game-characterlist .listing-item a, .team-characterlist .listing-item a {
	display: block;
}

.episode-characterlist .listing-item a.image, .movie-characterlist .listing-item a.image, .game-characterlist .listing-item a.image, .team-characterlist .listing-item a.image {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 0.25rem;
	line-height: 1.42857143;
	background-color: #000;
	border: 0.0625rem solid #383838;
	border-radius: 0.25rem;
}

.episode-characterlist .listing-item a.image img, .movie-characterlist .listing-item a.image img, .game-characterlist .listing-item a.image img, .team-characterlist .listing-item a.image img  {
	height: 100%;
}

.episode-characterlist .listing-item a.title, .movie-characterlist .listing-item a.title, .game-characterlist .listing-item a.title, .team-characterlist .listing-item a.title, .team-characterlist .listing-item a.title {
	text-align: center;
  color: #fff;
	padding-bottom: 0.4rem;
  font-size: 0.8125rem;
}

.episode-characterlist, .movie-movielist, .game-gamelist {
  padding-left: 0.5625rem;
}


h3.episode-charactertitle, h3.series-charactertitle, h3.movie-movietitle, h3.movie-charactertitle, h3.game-gametitle   {
	color: #808080;
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
  font-weight: 300;
}

.episode-img-main, .series-img-main, .movie-img-main, .game-img-main {
  padding-bottom: 1.25rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.episode-info, .series-info, .movie-info, .game-info, .team-info {
	background-color: rgba(0,0,0,0.7);
	padding: 1rem 2.14rem 2.14rem 2.14rem;
}

div.episode-info > h3, div.series-info > h3 {
  margin-top: 0;
}

.episode-info.row, .series-info.row, .movie-info.row, .game-info.row, .team-info.row  {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.625rem;
  padding-top: 2rem;
}

.episode-info.row > .col-sm-6, .series-info.row > .col-sm-6, .movie-info.row > .col-sm-6, .game-info.row > .col-sm-6 {
  padding-left: 0;
}

.episode-info.row > .col-sm-6:last-child, .series-info.row > .col-sm-6:last-child, .movie-info.row > .col-sm-6:last-child, .game-info.row > .col-sm-6:last-child {
  padding-left: 0.9375rem;
  padding-right: 0;
}

.episode-info.row .col-sm-12, .series-info.row .col-sm-12, .movie-info.row .col-sm-12, .game-info.row .col-sm-12 {
  padding: 0;
}

h1.episode-name, h1.series-name, h1.movie-name, h1.game-name {
	text-transform: uppercase;
	font-size: 1.625rem;
	margin-top: 2 rem;
  font-family: Montserrat;
  font-weight: 300;
}

.episode-p, .series-p, .movie-p, .game-p  {
	padding-top: 0.937rem;
  font-weight: 300;
}

.episode-p > p:last-child, .series-p > p:last-child, .movie-p > p:last-child, .game-p > p:last-child  {
	margin-bottom: 0;
}

.episode-panelleft, .series-panelleft, .movie-panelleft, .game-panelleft, .team-panelleft {
  padding-left: 0;
  margin-left:0;
}

.episode-panelright, .series-panelright, .movie-panelright, .game-panelright, .team-panelright   {
	padding-bottom: 0.312rem;
}

.episode-screens, .movie-screens, .game-screens  {
	background-color: rgba(0,0,0,0.7);
  padding: 2.14rem;
}

@media screen and (min-width: 768px) {
  .episode-panelright.col-sm-8, .episode-panelright.col-sm-7, .episode-panelright.col-sm-6, .series-panelright.col-sm-8, .series-panelright.col-sm-7, .series-panelright.col-sm-6, .movie-panelright.col-sm-8, .movie-panelright.col-sm-7, .movie-panelright.col-sm-6, .game-panelright.col-sm-8, .game-panelright.col-sm-7, .game-panelright.col-sm-6, .team-panelright.col-sm-8, .team-panelright.col-sm-7, .team-panelright.col-sm-6 {
    float: right;
  }
}

.episode-subname, .series-subname, .movie-subname, .game-subname  {
	font-style: italic;
	font-weight: normal;
}

.episode-subname:after, .series-subname:after, .movie-subname:after, .game-subname:after {
	content: " ";
	background-color: #970f07;
	height: 0.8125rem;
	display: block;
	width: 4.5rem;
	margin-top: 0.625rem;
}


.episode-summarytitle, .series-summarytitle, .movie-summarytitle, .game-summarytitle {
  border-bottom: 0.0625rem solid #2c2c2c;
  color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
	font-family: 'Open Sans', sans-serif;
}

.series-summarytitle-second, .movie-summarytitle-second {
  padding-top: 1.5rem;
  border-bottom: 0.0625rem solid #2c2c2c;
  color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
	font-family: 'Open Sans', sans-serif;
}

.series-abouttitle, .game-abouttitle {
  border-bottom: 0.0625rem solid #2c2c2c;
  color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
	font-family: 'Open Sans', sans-serif;
	margin-top: 2rem;
}

.episode-table, .series-table, .movie-table, .game-table {
	margin-bottom: 0;
  border-collapse: initial;
}

.episode-table > tbody > tr > td, .series-table > tbody > tr > td, .movie-table > tbody > tr > td, .game-table > tbody > tr > td  {
	font-weight: 300;
  border-top: 0.0625rem dotted white;
  border-bottom: 0;
  font-size: 0.875rem;
  color: #fff;
}

.episode-table > tbody > tr > th, .series-table > tbody > tr > th, .movie-table > tbody > tr > th, .game-table > tbody > tr > th {
	color: #808080;
	font-weight: 300;
  border-top: 0.0625rem dotted white;
  border-bottom: 0;
  font-size: 0.875rem;
  width: 7.5rem;
}

.episode-table > tbody > tr > td, .episode-table > tbody > tr > th, .series-table > tbody > tr > td, .series-table > tbody > tr > th, .movie-table > tbody > tr > td, .movie-table > tbody > tr > th, .game-table > tbody > tr > td, .game-table > tbody > tr > th {
  padding-left: 0;
  padding-right: 0;
}


/*----------------------------------------------------------------------*/
/* Powers*/
/*----------------------------------------------------------------------*/

.display-powers div {
	display: inline-table;
	margin: 0.1875rem;
	height: auto;
	padding: 0.25rem;
	line-height: 1.42857143;
	background-color: #fff;
	border: 0.0625rem solid #ddd;
	border-radius: 0.25rem;
}

.powers-acaption a {
	text-align: center;
	font-weight: bold;
	font-size: 0.8125rem;
}

.powers-characterlist {
	width: 6.875rem;
}

.powers-icon  {
	display: inline-block;
	margin: 0.1875rem;
}

.powers-index div {
	display: inline-table;
}

.powers-list .listing-item, .item-owner .listing-item, .item-creator .listing-item  {
	display: inline-table;
	width: 6.25rem;
	margin-right: 0.3125rem;
}

.powers-list .listing-item a, .item-owner .listing-item a, .item-creator .listing-item a {
	display: block;
}

.powers-list .listing-item a.image, .item-owner .listing-item a.image, .item-creator .listing-item a.image {
	margin-right: 0.625rem;
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 0.25rem;
	line-height: 1.42857143;
	background-color: #000;
	border: 0.0625rem solid #383838;
	border-radius: 0.25rem;
}

.powers-list .listing-item a.image img, .item-owner .listing-item a.image img, .item-creator .listing-item a.image img {
	height: 100%;
}

.powers-list .listing-item a.title, .item-owner .listing-item a.title, .item-creator .listing-item a.title  {
	text-align: center;
  color: #fff;
	margin-right: 0.625rem;
	padding: 0 !important;
}

p.powers-main {
	text-align: center;
}

.power-similiarlist .listing-item {
  display: inline-block;
  margin: 0.1875rem ;
}

.power-similiarlist .listing-item img {
  border-radius: 0.375rem;
}

.powers .wp-caption a {
	text-align: center;
  display: inline-block;
}

/*----------------------------------------------------------------------*/
/* Power-Detail*/
/*----------------------------------------------------------------------*/

.power-description  {
  margin-top: 0.3125rem;
  margin-bottom: 0;
}

.power-description p {
  margin-bottom: 0;
}

.power-characters .powers-list {
	text-align: center;
  padding-top: 1rem;
}

.power-characters .powers-list .listing-item  {
  margin-bottom: 0.625rem;
}


/*----------------------------------------------------------------------*/
/* Movies*/
/*----------------------------------------------------------------------*/

.movies-acaption a {
	text-align: center;
	padding-left: 0.625rem;
}

.movie-blockquote  {
  border:none;
  font-family:  Georgia, "Times New Roman", Times, serif;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
  padding-bottom: 1.5rem;
}

.movie-blockquote::after  {
  content: close-quote;
  font-weight: bold;
  font-size: 4rem;
  color: #6d0f07;
  position: absolute;
  bottom: -1.5rem;
  right: 0;
}

.movie-blockquote:before  {
  content: open-quote;
  font-weight: bold;
  font-size: 4rem;
  color: #6d0f07;
  position: absolute;
  top: -1rem;
  left: 0;
}

.movie-blockquote .mb-0 {
	margin: 0 1.5rem;
}

.movie-blockquote .blockquote-footer {
	margin-right: 1.5rem;
}

.movie-icon {
	width: 10.625rem;
	margin-right: 1.25rem;
}

.movie-list .listing-item, .series-list .listing-item,  .game-list .listing-item, .movie-movielist .listing-item, .game-gamelist .listing-item{
	display: inline-table;
	width: 6.875rem;
	margin-right: 0.3125rem;
}

.movie-list .listing-item a, .series-list .listing-item a, .game-list .listing-item a, .movie-movielist .listing-item a, .game-gamelist .listing-item a, {
	display: block;
}

.movie-list .listing-item a.image, .series-list .listing-item a.image, .game-list .listing-item a.image  {
	margin-right: 0.625rem;
	display: inline-block;
	height: auto;
	padding: 0.17rem;
	line-height: 1.42857143;
	background-color: #fff;
	border: 0.0625rem solid #ddd;
	border-radius: 0.25rem;
}

.movie-list .listing-item a.image img, .series-list .listing-item a.image img, .game-list .listing-item a.image img, .movie-movielist .listing-item a.image img, .game-gamelist .listing-item a.image img {
	height: 100%;
	max-width: none;
}

.movie-list .listing-item a.title, .series-list .listing-item a.title, .game-list .listing-item a.title {
	text-align: center;
	margin-right: 0.625rem;
	padding: 0 !important;
	color: #fff;
	display: block;
}

.movie-main, .series-main, .episode-main, .weapon-main, .news-main {
	margin-bottom: 1.25rem;
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 100% \9;
	max-width: 100%;
	height: auto;
}

.movie-movielist .listing-item a.image, .game-gamelist .listing-item a.image  {
	margin-right: 0.625rem;
	display: inline-block;
	height: auto;
	padding: 0.25rem;
	line-height: 1.42857143;
	background-color: #000;
	border: 0.0625rem solid #000;
	border-radius: 0.25rem;
}

.movie-movielist .listing-item a.title, .game-gamelist .listing-item a.title  {
	text-align: center;
	margin-right: 0.625rem;
	margin-bottom: 0.75rem;
	color: #fff;
}

/*----------------------------------------------------------------------*/
/* Items*/
/*----------------------------------------------------------------------*/

.item-creator {
    text-align: center;
}

h3.item-creatortitle {
	color: #808080;
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
  font-weight: 300;
  padding-right: 0.625rem;
}

.item-owner {
	margin-top: 1.5rem;
}




/*----------------------------------------------------------------------*/
/* Seznam epizod  - ke smazání      */
/*----------------------------------------------------------------------*/
.display-episodelist {
	text-align: justify;
  color: #000;
}

.display-episodelist .listing-item {
	padding-bottom: 0.625rem;
	clear: left;
}

.display-episodelist .listing-item .image img {
	width: 6.25rem;
	height: 6.25rem;
	border: 0.0625rem solid #222;
	float: left;
	margin: 0.125rem 0.3125rem 0.3125rem 0;
}

/*----------------------------------------------------------------------*/
/* Map */
/*----------------------------------------------------------------------*/

area[data-toggle="modal"] {
	cursor: pointer;
}

.close {
	color: #fff;
	opacity: 1;
}

.map {
	max-width: 100%;
	margin-bottom: 3.125rem;
	margin-top: 0.5rem;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}

.map-close {
	float: right;
}

.map-header {
	background-color: #1a1a1a;
	padding: 0.625rem;
}

.map-icon {
	float: left;
	margin-right: 0.625rem;
	border-color: white;
	border-style: solid;
	border-width: 0.1875rem;
	border-radius: 2.1875rem;
	max-height: 3.125rem;
}

.map-photo {
	margin: 0 auto;
	margin-top: 0.3125rem;
	margin-bottom: 1.25rem;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.2), 0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.19)
}

.map-text {
	margin-left: 0.625rem;
	margin-right: 0.625rem;
	text-align: justify;
  color: #000;
}

.map-title {
	vertical-align: middle;
	color: white;
	padding-top: 0.1875rem;
}

.modal {
	text-align: center;
}

@media screen and (min-width: 768px) {
.modal: before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/*----------------------------------------------------------------------*/
/* Universe */
/*----------------------------------------------------------------------*/
.eventline-container  {
	position: relative;
}

.eventline-container li {
  position: relative;
  display: inline-block;
  margin: 1.875rem 0 1.5rem 0;
  text-align: center;
  -webkit-transform: rotate(-60deg);
  -ff-transform: rotate(-60deg);
  transform: rotate(-60deg);
}                

.eventline-container > ul {
	display: flex;
}

.eventline-container > ul > li > a {
  color: white;
  font-size: 0.75rem;
}

/*Multiverse (1961-1984)*/
.eventline-container > ul > li:nth-child(1) {
	margin-left: 13.125rem;                                                                                                                                                                                                                                               
}

/*Crisis on Infinite Earths (1985)*/
.eventline-container > ul > li:nth-child(2), .eventline-container > ul > li:nth-child(3) {
	margin-left: 2.625rem;                                                                                                                                                                                                                                               
}

/*Post-Crisis (1986-2004)*/
.eventline-container > ul > li:nth-child(3) {
	margin-left: 5.5rem;                                                                                                                                                                                                                                               
}

/*Infinite Crisis  (2005-2006)*/
.eventline-container > ul > li:nth-child(4) {
	margin-left: 3.5rem;                                                                                                                                                                                                                                               
}

/*52 Earths (2006-2011)*/
.eventline-container > ul > li:nth-child(5) {
	margin-left: 0.625rem;                                                                                                                                                                                                                                               
}

/*Flashpoint (2011) + New 52 (2012-2015) + Convergence (2015)*/
.eventline-container > ul > li:nth-child(6) {
	margin-left: -1.625rem;                                                                                                                                                                                                                                               
}

/*New 52 (2012-2015) */
.eventline-container > ul > li:nth-child(7) {
	margin-left: -0.5rem;                                                                                                                                                                                                                                               
}

/*Convergence (2015)*/
.eventline-container > ul > li:nth-child(8) {
	margin-left: -0.5rem;                                                                                                                                                                                                                                               
}

/*Multi-Multiverse (2015-2016)*/
.eventline-container > ul > li:nth-child(9) {
	margin-left: -2.625rem;                                                                                                                                                                                                                                               
}

/*Rebirth (2016)*/
.eventline-container > ul > li:nth-child(10) {
	margin-left: -2.25rem;                                                                                                                                                                                                                                               
}

/*Současnost*/
.eventline-container > ul > li:nth-child(11) {
	margin-left: 3.375rem;                                                                                                                                                                                                                                               
}

     

 /* Timeline */
.timeline-header.fixed.pinned {
	position: fixed;
	top: 0;
	background-color: #292929;
	width: 69.375rem;
	z-index: 100;
	padding-bottom: 0.25rem;
}

.timeline-container {
  width: 100%;
  height: 0.5rem;
  background: #ccc;
}
         
.timeline-header {
  background-color: #292929;
  margin-right: 0 !important;
}

.timeline-mobile {
	display: none;
}

@media screen and (max-width:1024px) {
	.timeline-mobile {
		display: block;
		margin: auto;
	}
}

@media screen and (max-width:1024px) {
	.eventline-container, .timeline-container, .timeline-years, .timeline-header.fixed, .timeline-pin  {
		display: none;
	}
}

.timeline-pin {
  color: #980F07;
	margin: 0.5rem 0.5rem 0.1rem 0.1rem;
	position: absolute;
	top: 0;
	right: 0;
}

.timeline-header.pinned .timeline-pin  {
	transform: rotate(-45deg);
}

.timeline-progress {
  height: 0.5rem;
  background: black;
  width: 0%;
}

.timeline-years .age {
	margin-bottom: -2.5rem;
	height: 2.5rem;
	font-size: 0;
}

.age span {
	display: inline-block;
	height: 100%;
}

.age .gold {
	background-color: #ffcf00cc;
	width: 8.725rem;
}

.age .silver {
	background-color: #c0c0c0cc;
	width: 11.35rem;
}

.age .bronz {
	background-color: #B46C1B;
	width: 8.175rem;
}

.age .modern {
	background-color: #22366e;
	width: 41.1rem;
}

.timeline-years li {
  position: relative;
  display: inline-block;
  margin: 1rem 0 0 0;
  padding: 0 0.6875rem;
  text-align: center;
}

.timeline-years li::after {
    content: "";
    display: block;
    height: 1.5rem;
    border-left: 1px solid #000;
    position: absolute;
    top: -1.5rem;
    left: 50%;
}
  
/*1939*/
.timeline-years > ul > li:nth-child(1) {
	margin-left: -2.5625rem;                                                                                                                                                                                                                                               
}

/*1950*/         /*rok = 12 px*/
.timeline-years > ul > li:nth-child(2), .timeline-years > ul > li:nth-child(3) {
	margin-left: 3.5rem;
}

/*1961*/        
.timeline-years > ul > li:nth-child(3) {
	margin-left: 4.1875rem;
}

/*1970*/
.timeline-years > ul > li:nth-child(4) {
	margin-left: 3 rem;
}

/*1985*/
.timeline-years > ul > li:nth-child(5) {
	margin-left: 4.5rem;
}

/*2004*/
.timeline-years > ul > li:nth-child(6) {
	margin-left: 5.5rem;
}

/*2006*/
.timeline-years > ul > li:nth-child(7) {
	margin-left: 1.75rem;
}

/*2011*/
.timeline-years > ul > li:nth-child(8) {
	margin-left: 1.875rem;
}

/*2015*/
.timeline-years > ul > li:nth-child(9) {
	margin-left: 1.875rem;
}

/*2016*/
.timeline-years > ul > li:nth-child(10) {
	margin-left: 1.375rem;
}

/*současnost*/
.timeline-years > ul > li:nth-child(11) {
	margin-left: 1.25rem;
}


.universe-heading {
	background-color: #6D0F07 !important;
}


.universe-info, .universe-event-info {
	color: white;
	font-size: 0.875rem !important;
	margin-right: 0px;
}

.universe-subtitle, .universe-event-subtitle  {
	float:right;
	text-transform: uppercase;
	font-size: 0.625rem;
	margin-top: -0.1875rem;
}

.universe-title, .universe-title a {
	color: white;
	text-align: center;
	text-transform: uppercase;
}


.universe-jumbotron {
	background-color: rgb(41, 41, 41);
	padding: 0.9375rem !important;
	margin-bottom: 1.25rem;
	margin-right: 0;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.universe-event-body, .universe-body {
	background-color: rgb(41, 41, 41);
	border-top-color: #3B0300 !important;
}

.universe-event-heading {
	background-color: #970F07 !important;
}

.universe-event-panel, .universe-panel {
	margin-right: 0 !important;
}

.universe-event-title, .universe-event-title a {
	color: white;
	text-align: center;
	text-transform: uppercase;             
}





/*----------------------------------------------------------------------*/
/* Psychotest */
/*----------------------------------------------------------------------*/

#personalTest #content > div > label > input {
    margin-right: 0.625rem;
}

#personalTest #content > div.text-center > img   {
    margin-bottom: 0.625rem;
}

.personaltest-image, .quiz-result-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
}

h2.personaltest-title, h2.quiz-result-title {
    text-align: center;
}

/*----------------------------------------------------------------------*/
/* Widgety */
/*----------------------------------------------------------------------*/

.widget-character a.image  {
  display:inline-block;
  border: 0.0625rem solid #757575;
    margin-bottom: 0.5rem;
}

.widget-character a.title {
	color: #fff;
	font-weight: normal;
  font-size: 1.25rem;
  margin-left: 1rem;
  font-family: 'Open Sans Semibold', sans-serif;
}

.widget-character img   {
    height: auto;
    width: auto;
    max-width: 3.75rem;
    max-height: 3.75rem;
    border: 0.0625rem solid #000;
}

.widget-lastcharacters  {
	color: #777777;
	background-color: #000;
  text-align: left;
  padding-left: 4rem;
}

a.widget-more {
  font-size: 0.875rem;
  font-family: 'Montserrat', sans-serif;
}

.widget-news  {
	color: #fff;
	background-color: #000;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
}

.widget-news a  {
	color: #fff;
  text-decoration: underline;
  font-family: 'Open Sans Light', sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
}


.widget-news .listing-item::after  {
	content: " ";
	background-color: #4f4f4f;
	height: 0.125rem;
	display: block;
	width: 2.5rem;
	margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.widget-news .listing-item:last-child::after  {
  height: 0;
  margin-bottom: 1.3rem
}

.widget-news .listing-item .date {
	color: #4f4f4f;
	font-weight: 300;
  font-size: 0.75rem;
  font-family: 'Montserrat', sans-serif;
}

.widget-title {
	color: #fff;
	font-weight: 300;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-family: 'Montserrat', sans-serif;
}

.widget-title::after {
	content: " ";
	background-color: #970f07;
	height: 0.125rem;
	display: block;
	width: 2.5rem;
	margin-top: 0.625rem;
  margin-bottom: 1.5rem;
}


/*----------------------------------------------------------------------*/
/* Footer*/
/*----------------------------------------------------------------------*/


.footer {
	background-color: #000;
  font-size: 0.6875rem;
	text-align: center;
}

.footer::after {
    content: "";
    display: table;
    clear: both;
}

.footer-copyrights {
	color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  padding-right: 0;
  padding-left: 3.1rem;
}

.footer-copyrights a  {
	color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.footer-description, .footer-author, .footer-year {
  font-size: 0.875rem;
}

.footer-description::after, .footer-author::after {
	content: " ";
	background-color: #4f4f4f;
	height: 0.125rem;
	display: block;
	width: 2.5rem;
	margin-top: 0.625rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.footer-image {
	background-repeat: repeat-x;
	background-image: url("/wp-content/themes/BooBooTheme2/images/footer-city.png");
	height: 5rem;
	background-position: bottom;
	background-size: contain;
	margin-top: 0.625rem;
}

.footer-logo {
  max-height: 3.8rem;
  margin-bottom: 1rem;
}


.footer-rights  {
  font-size: 0.75rem;
  margin-bottom: 1.5rem;
}

.collapsible-data {
	display: none;
}