/*
Theme Name: Alternativeberlin
Theme URI: https://www.brave-systems.de
Author: David Bressert
Author URI: https://www.brave-systems.de
Description: WordPress Theme for Alternative Berlin Tours
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alternativeberlin

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Gallery
   16.2 Slideshow
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/**
 * 5.0 Typography
 */
.Graphit-Black {
	font-family: Graphit-Black;
	font-weight: normal;
	font-style: normal;
}
.Graphit-Regular {
	font-family: Graphit-Regular;
	font-weight: normal;
	font-style: normal;
}
.Graphit-Medium {
	font-family: Graphit-Medium;
	font-weight: normal;
	font-style: normal;
}

/**
 * 6.0 Forms
 */
.fc-button {
	border-radius: 0 !important;
}
.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {

}

/**
 * 7.0 Formatting
 */
.price {
	font-size: 4rem;
	font-weight: bold;
	line-height: 1;
}
/**
 * 12.0 Navigation
 */
ul > li > ul > li.dropdown:hover > ul {
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
}
ul > li > ul > li.dropdown a {
	padding-right: 40px;
}
ul > li > ul > li.dropdown::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0px;
	border-left: 0.3em solid transparent;
	position: absolute;
	color:#fff;
	right: 10px;
	top: 28px;
	transform: rotate(-90deg);
}

/* nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-75 nav-item show
/* nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-82 nav-item
/* nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown menu-item-76 nav-item
/**
 * 13.0 Layout
*/


/**
 * 13.1 Header
 */
#header {
	position: fixed;
	width: 100%;
	z-index: 9998;
}
.navbar {
	min-height: 88px;
}
.abt-logo {
	position: absolute;
	top: 0;
}
.abt-logo img {
	position: absolute;
	width: 107px;
	z-index: 999;
}
.nav-item.show {
	background-color: #000;
}
.nav-link {
	font-size: 1.1rem;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 32px;
	padding-bottom: 32px;
}
.navbar-toggler {
	position: absolute;
	top: 17px;
	right: 15px;
	z-index: 9999;
	color: #ffffff !important;
	background: #000000;
}
.dropdown-menu {
	margin: -1px 0 0 !important;
	padding: 0 !important;
}
.dropdown-item {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1rem 1.5rem;
}
.header-text {
	display: inline;
	background-color: rgba(0,0,0, 0.75);
	font-family: Graphit-Black;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	color: black;
	font-size: 4rem;
	text-transform: uppercase;
	padding:0;
}
.scroll-box {
	padding: 15px;
	background-color: rgba(0,0,0, 0.75);
	position: absolute;
	bottom: 0;
	left: 50%;
}
.tour-info {
	font-size: 1.4rem;
	font-family: Graphit-Black;
	font-weight: normal;
}
.tour-icons {
	font-size: 1.4rem;
}
.scroll-to-content {
	background-color: rgba(0,0,0, 0.75);
	transition: background-color 0.5s;
	cursor: pointer;
}
.scroll-to-content:hover {
	background-color: rgba(0,0,0, 0.65);
	transition: background-color 0.5s;
}
.pulse {
	-webkit-animation: pulse 1.2s infinite;
	animation: pulse 1.2s infinite;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, 10px);
		transform: translate(0, 10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes pulse {
	0% {
    	-webkit-transform: translate(0, 0);
        transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@media (max-width: 991.98px) {

	#abt-main-menu {
		position: absolute;
		margin: 0 !important;
		padding: 0 !important;
		top: 88px;
		width: 100%;
		left: 0;
		text-align: center;
		background:#000;

	}
	.navbar-nav .dropdown-menu {
		text-align: center;
	}
	.nav-link,
	.dropdown-item {
		padding-top: 10px;
		padding-bottom: 10px;
		outline: none;
	}
	.abt-logo img {
		width: 69px;
	}
}
@media (max-width: 767.98px) {

}
@media (max-width: 575.98px) {

	.header-text {
		font-size: 2rem;
	}
	.nav-link,
	.dropdown-item {
		padding-top: 8px;
		padding-bottom: 8px;
		outline: none;
	}
	.tour-info {
		font-size: 1rem;
		font-family: Graphit-Black;
		font-weight: normal;
	}
	.tour-icons {
		font-size: 1rem;
	}
	.scroll-to-content {
		display: none;
	}
	.abt-logo img {
		left: 15px;
	}
	.fp-controlArrow.fp-next::before {
		margin-left: -25px !important;
	}
	.fp-controlArrow.fp-next::before,
	.fp-controlArrow.fp-prev::before {
		font-size: 3rem;
	}
	body.fp-viewing-alternativeberlin-tour-0 #fp-nav,
	body.fp-viewing-alternativeberlin-tour-1 #fp-nav,
	body.fp-viewing-alternativeberlin-tour-2 #fp-nav {
		display: none;
	}
}

/**
 * 13.4 Posts
 */
.article-content > p {
	margin-bottom: 0;
}
.article-footer {
	margin-top: -26px;
}
.sidebar ul {
	padding: 0;
}
.sidebar ul li {
	list-style: none;
}
/**
 * 16.0 Media
 */
.collage,
.tour-border {
	/* border: solid 2px #000; */
}
.attachment-alterantiveberlin-landscape-image-big,
.attachment-alterantiveberlin-landscape-image,
.attachment-alterantiveberlin-square-image-big,
.attachment-alterantiveberlin-square-image,
.carousel-inner,
.more {
	/* border: solid 2px #000; */
	max-width: 100%;
	min-height: 100px;
	/* height: 100%; */
}
.image-description {
	position: absolute;
	display: inline;
	background-color: rgba(0,0,0, 0.75);
	font-family: Graphit-Black;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	color: black;
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: 0 4px;

}
.image-description a {
	text-decoration: none;
}
.more-description {
	position: absolute;
	display: inline;
	font-family: Graphit-Black;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	color: black;
	font-size: 1.8rem;
	text-transform: uppercase;
}
.price-label {
	background-color: rgba(0,0,0, 0.75);
	color: #ffffff;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 2px 5px;
}
/* .img-hover {
		background-color: rgba(0,0,0, 0);
}
.img-hover:hover {
	background-color: rgba(0,0,0, 0.75);
} */

.img-hover-container {
	position: relative;
}
.img-hover {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.img-hover-middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.img-hover-container:hover .img-hover {
	opacity: 0.6;
}

.img-hover-container:hover .img-hover-middle {
	opacity: 1;
}

.text {
	background-color: rgba(0,0,0, 0.75) !important;
}
.euro-label {
	color: #9b9b9f;
}
.img-opacity {
	opacity: 0.6;
}
/**
 * Fullpage
 */
.fp-controlArrow.fp-next,
.fp-controlArrow.fp-prev {
	border-color: transparent transparent transparent transparent;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 80px;
	border-width: 0;
	color: #fff;
}

.fp-controlArrow.fp-next::before {
	content: "\f105";
	margin-left: -55px;
}
.fp-controlArrow.fp-prev::before {
	content: "\f104";
}
#fp-nav.fp-right {
	right:0 !important;
}
/**
 * Footer
 */
.footer ul.menu {
	padding: 0;
}
.footer ul.menu li {
	list-style: none;
}
.footer ul.menu li a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	padding: 9px 0;
}
a.social-link {
	display: inline-block;
	list-style: none;
	text-decoration: none;
	padding:0 9px 9px 0;
}
a.social-link:hover {
	text-decoration: none;
}