/*
 Theme Name:     homelesspixel
 Theme URI:      https://www.homelesspixel.de
 Description:    Homelesspixel 2026
 Author:         Robert Rusanu
 Author URI:     homelesspixel.de
 Template:       Divi
 Text Domain: 	 homelesspixel
 Version:        1.0.0
*/

body {

	font-weight:300;	
	overflow-x:hidden;
	font:normal 16px/1.8 'Inter',Helvetica,Arial,Lucida,sans-serif;
	
}
#main-content {
	font-size:18px;
	font-weight:300;	
	
}

body strong {font-weight:600}

#main-content a {text-decoration:underline;transform: all linear .4s;}
#main-content a:hover {text-decoration:none;}
#main-content a.et_pb_button,
#main-content a.button,
#main-content .et_pb_ajax_pagination_container a {text-decoration:none}


#main-header {
	background:#ffffff;
	transform: all linear .4s;
}
.home #main-header  {
	background:transparent;
	box-shadow:none;
	padding:0 0;
	position:fixed;
	width:100%;
	
}
#page-container #main-header.sticky-header ,
#main-header.sticky-header  {
	box-shadow:none;
	background:#ffffff50;
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
	box-shadow:none;
	padding:0 0;
	position:fixed;
	width:100%;
}
#et-top-navigation {
	transition: all linear .4s;
}
#page-container #main-header.sticky-header #et-top-navigation,
#main-header.sticky-header #et-top-navigation {
	padding-top:20px
}
#page-container #main-header #et-top-navigation nav>ul>li>a {
	transition: all linear .4s;
}
#page-container #main-header.sticky-header #et-top-navigation nav>ul>li>a {
	padding-bottom:20px;
}


.home.admin-bar #main-header,
.admin-bar #main-header.sticky-header {
	top:32px;
}
.mobile_menu_bar.et_pb_header_toggle {
	width:50px;
}
#et-top-navigation {
	transition:all linear .4s;
}
.mobile_menu_bar:before, 
.et_toggle_slide_menu:before, 
.mobile_menu_bar:after, 
.et_toggle_slide_menu:after {
	color:#fff !important;
	font-size:50px;
}
.et_toggle_slide_menu:after {
	left:-50px;
}

#main-header #et-top-navigation a {
	font-weight:300;
}


#main-header #top-menu-nav .nav li ul {
	background:#00000070;
	border:none;
}


#main-content .et_pb_title_container .entry-title{font-family:'Archivo Black',Helvetica,Arial,Lucida,sans-serif}

#main-header #top-menu-nav  .current-menu-item > a:before,
#main-header #top-menu-nav  .current_page_item > a:before,
#main-header #top-menu-nav a.menu-item-focused:before,
#main-header #top-menu-nav .menu-item-parent-focused > a:before  {
	content:" ";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
	}

.cd-vertical-nav {
    position: fixed;
    z-index: 2;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
	list-style:none
}
.cd-vertical-nav li {list-style:none;margin:5px 0}
.cd-vertical-nav a {display: block;
	text-align:center;
	font-size:30px;
	font-weight:400;
	line-height:1;
	padding:5px;
    overflow: hidden;
    white-space: nowrap;
	opacity:1;
	background:#00000080;
	color:#fff;
    -webkit-transition: opacity 0.2s 0s, visibility 0.2s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0.2s 0s;
    transition: opacity 0.2s 0s, visibility 0.2s 0s;
}
.cd-vertical-nav a.disabled {
	visibility:hidden;
	opacity:0;
}

.cd-vertical-nav a:after{
	font-family:ETmodules;
}
.cd-vertical-nav a.cd-prev:after {
	content:'2';
}
.cd-vertical-nav a.cd-next:after {
	content:'3';
}

.et_pb_scroll_top:before {
	content:'6';
}

#main-content .et_pb_ajax_pagination_container  .et_grid_module>.et_pb_post, 
#main-content .et_pb_ajax_pagination_container  .et_pb_blog_grid .et_pb_post  {
	
	border:none;
	padding:0;
	background:transparent;
}

#main-content .et_pb_ajax_pagination_container .entry-featured-image-url {
	position:relative;
	padding-top:75%
}
#main-content .et_pb_ajax_pagination_container .entry-featured-image-url img {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
#page-container .et_pb_scroll_top.et-pb-icon {
	border-radius:0
	
}

/* end plugins ******************************************************************************* */

@media (min-width:600px) {
	#main-content .et_pb_ajax_pagination_container .et_grid_module,
	.archive #left-area{
		display:grid;
		grid-gap:10px;
		grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
	}
	.archive #left-area .pagination {grid-column: 1 / -1;}
	
}

@media (min-width: 981px) {
	
	.et_right_sidebar #main-content #left-area {
		float:none;
		padding-right:0;
		width:100%
	}
	
	#page-container #main-header.et-fixed-header{
		box-shadow:none !important;
		
	}
	
	#main-content .container:before {
		display:none;
	}
	
	.home .et_builder_inner_content .et_pb_section.slider-item	{
		display:grid;
		align-content:center;
		background-attachment:fixed;
		min-height:100vh;
		position:relative
	} 
	
	 

	
	.cd-vertical-nav{
		display:block;
	}
	
	.et_builder_inner_content .et_pb_section.split .et_pb_row.et_pb_equal_columns .et_pb_column{
		background-attachment:fixed;
	}
	
	.et_pb_row.et_pb_equal_columns>.et_pb_column, 
	.et_pb_section.et_pb_equal_columns>.et_pb_row>.et_pb_column {
		align-content:center;
	}
	#main-content .et_pb_ajax_pagination_container .et_grid_module,
	.archive #left-area{
		grid-gap:20px;
		grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	}
	 
	#main-content .et_pb_title_container h1.entry-title {
		font-size:42px
	}
	
}
@media (min-width: 1200px) {
	
	#main-content .et_pb_title_container h1.entry-title {
		font-size:62px
	}
	#main-content .et_pb_ajax_pagination_container .et_grid_module,
	.archive #left-area{
		grid-gap:40px;
		grid-template-columns:repeat(auto-fill,minmax(400px,1fr));
	}	
	
}