/*
------------------------------------------------------- 
 Theme Name:     Alexander Paufler
 Author:         Andreas Bosl
 Template:       Divi
 Version:        1.0.0
 ------------------------------------------------------- 
*/

/*
 --------------
	Header
 --------------
*/

#paufler_title_and_tagline {
	display: inline;
}

#paufler_title_and_tagline #logo-tagline-above {
	display: none;
}

#logo {
	padding-right: 10px;
}

#logo-text,
#logo-tagline {
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: middle;
}

#logo-tagline {
	opacity: 0.7;
	margin-left: 16px;
	vertical-align: sub;
}

.et_header_style_left .logo_container {
    position: relative !important;
    display: inline-block;
    width: auto;
    margin: 2em 0;
}

h1#logo-text {
	font-size: 30px;
}

@media (max-width: 767px) {
h1#logo-text {
	font-size: 1.5em;
}
	#logo-tagline{
		font-size: 1em;
	}
}

.et_hide_primary_logo .logo_container {
	height: 100% !important;
	opacity: 1 !important;
	flex-shrink: 0;
}

.et_hide_primary_logo .logo_container #logo {
	display: none;
}

#paufler_title_and_tagline {
	display: inline-block !important;
	vertical-align: middle;
	max-height: 100%;
	/* Keeps logo in the right place */
	overflow: hidden !important;
}

#paufler_title_and_tagline #logo-tagline-above {
	display: block !important;
	visibility: hidden;
}

#paufler_title_and_tagline #logo-text {
	display: block;
}

#paufler_title_and_tagline #logo-tagline,
#paufler_title_and_tagline #logo-tagline-above {
	display: block;
	margin-left: 0;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/*.et-fixed-header #paufler_title_and_tagline .logo-tagline {
	font-size: 0;
	opacity: 0;
} */

.container.et_menu_container {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
	padding: 1em 0;
}

/*
 --------------
	Menue
 --------------
*/
div#et-top-navigation #top-menu li a {
    font-size: 16px;
}

div#et-top-navigation {
	margin-bottom: 3em;
}


	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation,
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation  {
		padding: 20px 0px 0 10px !important;
		flex-shrink: 0;
    	margin-left: auto;
    	margin-bottom: 1em;
    	margin-top: 1em;
	}

@media (max-width: 980px) {
	.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top: 50px !important;
	}
}
@media (max-width: 767px) {
	.container.et_menu_container {
        flex-wrap: nowrap !important;
}

.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
     padding-top: 20px !important; 
}
}
.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 0 !important;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar, .et_header_style_split #et-top-navigation .mobile_menu_bar {
     padding-bottom: 0;
}
.mobile_menu_bar:before, .mobile_menu_bar:after{
    color: #9b00c9 !important;
}


/*
 --------------
	Icons
 --------------
*/
#paufler_header_blog .et_pb_text_inner h2:before {
	display: inline-block;
	content: ' ';
	background-image: url(assets/icon_pen.svg);
	background-size: contain;
	background-repeat: no-repeat;
	align-self: center;
	height: 1em;
	width: 1em;
	position: absolute;
	left: -1em;
}

#paufler_header_book .et_pb_text_inner h2:before {
	display: inline-block;
	content: ' ';
	background-image: url(assets/icon_book.svg);
	background-size: contain;
	background-repeat: no-repeat;
	align-self: center;
	height: 1em;
	width: 1em;
	position: absolute;
	left: -1.2em;
}

#top-menu li.current-menu-item>a:before {
	display: inline-block;
	content: ' ';
	background-image: url(assets/menu_mark.svg);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    align-self: center;
    height: 0.8em;
    width: 100%;
    position: absolute;
    top: -1em;
}
/*
 --------------
	Blog Page
 --------------
*/

body:not(.home) .et_pb_module .et_pb_post {
    display: flex;
    flex-direction: column;
}
body:not(.home) .et_pb_module .et_pb_post .post-meta {
    order: 1;
}
body:not(.home) .et_pb_module .et_pb_post .entry-title {
    order: 2;
}
body:not(.home) .et_pb_module .et_pb_post .entry-featured-image-url,
body:not(.home) .et_pb_module .et_pb_post .et_pb_image_container{
    order: 3;
}
body:not(.home) .et_pb_module .et_pb_post .post-content {
    order: 4;
}

body:not(.home) .et_pb_post .post-content a.more-link {
	background-color: #2F3338;
    border-radius: 25px;
    border: 1px solid #2F3338;
    padding: 10px 20px;
	display: table;
    margin: 20px auto 0 auto;
}

body:not(.home) .et_pb_image_container {
    margin: initial;
}

body:not(.home) .paufler_breadcrumb {
	text-transform:uppercase;
}

/*
 --------------
	Footer
 --------------
*/
#footer-menu .menu-item:before{
 content: '|';
 position: absolute;
 right: -4px; 
}
 
#footer-menu .menu-item:last-child:before{
 content:'';
}
 
#footer-menu .menu-item-has-children .sub-menu .menu-item:before{
 content:'';
}

footer.et-l.et-l--footer{
	position: absolute;
	width: 100%;
}

/*
 --------------
	Language Switch
 --------------
*/

li.lang-item {
	padding-right: 0 !important;
    top: -18px;
}

li.lang-item.lang-item-en {
	margin-left: -5px;
}

li.lang-item a {
    font-size: 12px !important;
    padding-bottom: 0 !important;
    text-align: center;
}

li.lang-item a.active-lang {
	color: #000 !important; 
}

li.lang-item a:after {
    content: ' ';
    width: 2rem;
    height: 1.5em;
    display: block;
    border: 2px solid #000;
}

li.lang-item.lang-item-de a:after {
	border-color: #9C00C9 transparent #9C00C9 #9C00C9;
}
li.lang-item.lang-item-en a:after {
	border-color: #9C00C9 #9C00C9 #9C00C9 transparent;
}
li.lang-item a.active-lang:after {
	background: #000;
}

/*on mobile */
ul#mobile_menu li.lang-item a:after {
    content: none;
}
ul#mobile_menu li.lang-item {
	margin-top: 0;
	position: unset
}
ul#mobile_menu li.lang-item a {
     font-size: 14px !important; 
     padding-bottom: 10px !important; 
     text-align: left; 
}
ul#mobile_menu li.lang-item.lang-item-en {
     margin-left: 0; 
}
ul#mobile_menu li.lang-item.current-lang {
	display: none;
}