/*
Theme Name: ci-equilibrium
Theme URI: https://wpci.de/
Description: ci-equilibrium
Author: wpci
Author URI: https://wpci.de
Author Email: hostmaster@wpci.de
Version: 1.0
*/

/* wordpress -------------------------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.entry img,
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

#wpadminbar {
	position: fixed !important;
}

/* wordpress modified ---------------------------------------------------------------------- */

.nav > .widget {
	/*border-bottom: 2px dotted #AF7A56;*/
	border-bottom: 2px dotted #363d47;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.widgettitle {
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

.widget_search {
	margin-bottom: 1em;
}

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

/* figures replaced captions --------------------------------------------------------------- */

figure {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 0 20px 0;
}

figcaption {
	position: absolute;
	background: black;
	background: rgba(0,0,0,0.75);
	color: white;
	padding: 10px 20px;
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
	transition:     	  all 0.6s ease;
}

figure:hover figcaption {
	opacity: 1;
}

figure:before {
	content: "?";
	position: absolute;
	font-weight: 800;
	background: black;
	background: rgba(255,255,255,0.75);
	text-shadow: 0 0 5px white;
	color: black;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	-moz-border-radius:    12px;
	border-radius:         12px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-o-transition:      all 0.6s ease;
	transition:     	  all 0.6s ease;
	opacity: 0.75;
}

figure:hover:before {
	opacity: 0;
}

.cap-left:before {  bottom: 10px; left: 10px; }
.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right:before { bottom: 10px; right: 10px; }
.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top:before { top: 10px; left: 10px; }
.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot:before { bottom: 10px; left: 10px; }
.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

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

/** design */

/** if navbar is fixed

body.logged-in .navbar-fixed-top {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.logged-in .navbar-fixed-top {
	top: 46px !important;
	z-index: 350 !important;
  }
}

*/

@supports (-webkit-overflow-scrolling: touch) {
 	body: {
 		background-attachment: scroll !important;
	}
 }

body {
	color: #fff;
	font-size: 14px;
	font-family: 'Alike Angular', serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 1px transparent;
	text-rendering: optimizeLegibility;
}

body:after{
	content: "";
	position: fixed; /* stretch a fixed position to the whole screen */
	top: 0;
	height: 100vh; /* fix for mobile browser address bar appearing disappearing */
	left: 0;
	right: 0;
	z-index: -1; /* needed to keep in the background */
	background: url('/wp-content/uploads/2021/08/bg.jpg');
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

header {
	margin: 15rem auto .5rem auto;
	padding-left: 15px;
	padding-right: 15px;
}

footer {
	margin-bottom: 80px;
}

footer .content img, footer .content span {
	font-weight: bold;
	margin-right: 5px;
}

footer .caption {
	text-align: center;
}

footer .caption span {
	display: block;
}

/** typography */

a:link		{text-decoration: none; color: #fff;}
a:visited	{text-decoration: none; color: #fff;}
a:active	{text-decoration: none; color: #fff;}
a:hover		{text-decoration: none; color: #645341;}

h1 {
	font-size: 24px;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 12px;
}

h1 a {}

h2 a {}

h3 a {}

h4 a {}

.lead {}

/** form controls */

.form-control {
	border: 1px solid brown;
}

.form-control:focus {
	/*border: 1px solid #AF7A56;*/
	border: 1px solid #363d47;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(175, 122, 86, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(175, 122, 86, .6);
}

/** header and navs */

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}

.nav-list > li > a:hover, .nav-list > li > a:focus {
	background-color: transparent;
}

.nav-list > li {
	float: left;
}

.navbar-collapse {
	border-top: none;
	box-shadow: none;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

nav .navbar-nav {
	max-width: 980px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
	background-image: url(/wp-content/themes/ci-equilibrium/images/buttonbg.png);
	padding: 0;
	border-radius: 0;
	/*margin: -1px 65px 0 65px;*/
	margin-left: -15px;
	margin-right: -15px;
	font-family: 'Metal Mania';
	text-transform: uppercase;
	font-size: 19px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	float: none;
}

nav .navbar-nav > li > a:hover, .nav > li > a:focus {
	color: #000;
	background-image: url(/wp-content/themes/ci-equilibrium/images/buttonbghov.png);
}

nav .navbar-nav > li.first-child > a:hover, nav .navbar-nav > li.first-child > a:focus {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* .navigation {
  border: none;
  background-color: rgba(0, 0, 0, 0.85);
}

.navigation ul > li.active {
  background-color: #AF7A56;
}

.navigation ul > li > a:hover, .navigation ul > li > a:focus {
  transition: background-color 0.4s ease 0s;
  -webkit-transition: background-color 0.4s ease 0s;
  background-color: rgba(175, 122, 86, 0.25);
}
*/

.navbar-toggle {
	background-color: #000;
	color: #fff;
	border: 1px solid #363d47;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

footer nav .menu-footer-menu-container {
	text-align: center;
}

footer nav ul {
	display: inline-block;
}

/** content styles */

.content {
	position: relative;
	background-color: rgba(0, 0, 0, 0.85);
	/*border: 2px solid #363d47;*/
	border: 2px solid #363d47;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 40px;
	color: #fff;
}

/** end */

/** buttons */

.btn-primary {
	background-color: rgba(0, 0, 0, 0.85);
	border-color: #363d47;
	color: #fff !important;
	transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	-webkit-transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #645341;
	border-color: transparent;
}

/** tables */

table.ie-fixed {
	width: 100%;
	table-layout: fixed !important;
}

.separated-table {
	/*border-bottom: 3px dotted #AF7A56;*/
	border-bottom: 3px dotted #363d47;
}

.separated-table tr td {
	padding: 15px;
	/*border-right: 3px dotted #AF7A56;*/
	border-right: 3px dotted #363d47;
	vertical-align: top;
}

.separated-table tr td *:first-child{
	margin-top: 0;
}

.separated-table tr td:last-child {
	border-right: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	vertical-align: middle;
}

.table > thead > tr > th {
	border-color: #c1af8b;
}

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

.table-striped {
	border: 1px solid rgb(93, 66, 50);
}

.table-striped > tbody > tr > td, .table-striped > tbody > tr > td {
	background-color: rgb(35, 35, 35);
	border-top: 1px solid rgb(93, 66, 50);
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: rgba(0, 0, 0, 0.70);
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: beige;
}

/** forms */

.sidebar .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

/** basic styles */

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

/** misc */

hr {
	/*border-top: 2px dotted #AF7A56;*/
	border-top: 2px dotted #363d47;
}

.block {
	display: block;
}

.thumbnail.video {
	padding-top: 25px;
}

.sidebar .social {
	text-align: center;
}

.sidebar .social a {
	margin-left: 1em;
}

.sidebar .social img {
	height: 32px;
	width: 32px;
}

.sidebar .social a:first-child {
	margin-left: 0;
}

.shops-and-more img {
	margin: 0 auto;
	margin-bottom: 15px;
	display: block;
	border: 1px solid #363d47;
	/** insert shadow */
}

.sidebar ul li ul {
	list-style: disc outside;
}

.commentlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.commentlist li {
	margin-bottom: 25px;
}

.commentlist .comment-author.vcard {}
.commentlist .comment-meta.commentmetadata{
	color: #666;
	font-size: smaller;
	margin-top: 10px;
	margin-bottom: 5px;
}

.post {
	padding-bottom: 35px;
}

.post h1 {
	margin-top: 0;
}

.entry .postmetadata {
	font-size: smaller;
	margin-top: 35px;
	margin-bottom: 0;
}

.entry .postmetadata a {
	font-weight: normal;
}

.post h1 {
	margin-bottom: 0px;
}

.entry {
	margin-top: 25px;
	margin-bottom: 0;
}

.entry a:link {
	font-weight: bold;
}

.comments-template h3 {
	/*border-bottom: 1px solid #AF7A56;*/
	border-bottom: 1px solid #363d47;
	margin-bottom: 40px;
}

.comments-template .pager {
	margin: 0;
}

.link-inside a {
	display: block;
	height: 100%;
	width: 100%;
}

.shadow-left {
	position: absolute;
	bottom: -28px;
	width: 165px;
	height: 26px;
	background: url(images/shadows.png) no-repeat;
	background-position: 0px 0px;
	left: -20px;
	display: none;
}

.shadow-right {
	position: absolute;
	bottom: -28px;
	width: 165px;
	height: 26px;
	background: url(images/shadows.png) no-repeat;
	background-position: 100% 0px;
	right: -20px;
	display: none;
}

/** responsive */

.col {
	margin-bottom: 25px;
}

@media (min-width: 768px) {
	nav .navbar-nav {
		border-radius: 4px;
	}

	.shadow-left { display: block; }
	.shadow-right { display: block; }

	header {
		max-width: 750px;
	}

	header .logo {
		top: 54px;
	}

	/** end */

	/** margins */

	.col {
		margin-bottom: 0;
	}

	/** bootstrap hover navbar */

	.sidebar {
		padding-left: 0;
	}

}

@media (min-width: 992px) {
	header {
		max-width: 962px;
	}
}

@media (min-width: 1200px) {
	nav .navbar-nav {
		margin-left: auto;
		margin-right: auto;
	}

	header {
		max-width: 978px;
	}

	.container-normal {
		padding-left: 95px;
		padding-right: 95px;
	}

	.navigation ul > li > a {
		font-size: 22px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/** plugins */

/** slideshow */

.ngg-album-desc {
	text-align: center;
}

.ngg-slideshow {
	background-color: #666;
}

.slideshowlink {
	font-size: smaller;
	text-align: center;
	margin-bottom: 5px;
}

.slideshowlink {
	display: none;
}

/** qTranslate */

.sidebar .widget_qtranslate {
	text-align: center;
}

.qtrans_language_chooser {
	display: inline-block;
	text-align: center;
	list-style: none outside none !important;
	padding: 0;
	overflow: hidden;
}

.qtrans_language_chooser li {
	float: left;
	margin-right: 5px;
}

/** tweaks */

#sb-site {
	background-color: transparent;
}

.pager .previous a, .pager .next a {
	color: #645341 !important;
}