/*
Theme Name: Simu Blog Child
Template: simu-blog
Author: Nababur Rahaman
Author URI: https://profiles.wordpress.org/nababurbd/
Description: Simu Blog is a clean and minimal blog for the users who want to create simple blog with amazing features. This theme is suitable for personal blogs, fashion, lifestyle blogs, craft galleries, photography sites and similar projects.
Tags: Custom Background,Custom Colors,Custom Header,Custom Logo,Custom Menu,Editor Style,Featured Images,Footer Widgets,Full Width Template,Left Sidebar,Right Sidebar,Theme Options,Threaded Comments,Three Columns,Translation Ready
Version: 1.6.0.1718710398
Updated: 2024-06-18 13:33:18

*/

body{
  font-size: 12px;
  background-color: #F6F6F6 !important; 
}

main{
  position: relative;
}

/* Headerbild */
.header-image-container{
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 35vH; 
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; /* Parallax-Effekt */
  background-position: center;
  background-position-y: -10vH;
  margin-left: -50vw; /* Zentriert das Bild */
  z-index: -1; /* Bild nach hinten versetzen */
}

main::before {
  content: '';
  display: block;
  height: 35vH; /* Gleiche Höhe wie das Parallax-Bild */
}

/* unterhalb des Bildes, Meta-Infos */
.entry-header{
  padding-top: 20px;
}


.entry-box{
  background-color: #fff;
  color: #494949;
  padding: 20px 35px;
  margin-bottom: 10px;
}

strong{
  font-weight: 600 !important;
}

h1.entry-title{
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.7rem;
}

.documentation-text, .documentation-text p, .entry-content .documentation-text p, .single-post-details .blog-details-wrap .details__content .entry-content .documentation-text p{
  line-height: 1.5rem;
  font-size: 1rem;
}

p, li, h1, h2, h3, h4, h5, h6{
  color: #494949 !important;
}

.attribute-box{
  background-color: #EDEDED;
  color: #494949;
  padding: 20px 35px;
  margin-bottom: 10px;
  margin-left: 10px;
  line-height: 1rem;
}


.attribute-box p, .attribute-box ul, .attribute-box ol, .attribute-box li{
  font-size: 1rem;
  line-height: 1.3rem !important;
}

pre{
  background: rgba(0,0,0,0.5);
  color: #8A2BE2;
  padding: 10px;
}

.menu-logo h2 a{
  color: #8A2BE2 !important;
}

a:link{
  color: #8A2BE2;
}

a:visited{
  color: #8A2BE2;
}

li{
  margin-left: 20px;
  margin-bottom: 5px !important;
}

p.list-title{
  margin-bottom: 5px !important;
}

.header_style_2 .header-menu-area .header-main-menu{
  background: #000 !important;
}



.blog_style2 .blog-card .blog-image .cap-cat {
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 0.4rem !important;
}

/* Grundstil für den Slider */
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

.slider-wrapper {
  display: flex;
  transition: transform 0.4s ease;
}

.slider-item {
  /*flex: 1 1 auto;*/
  margin-right: 5px;
  box-sizing: border-box;
}

.slider-item img {
  width: auto;
  height: 400px;
  object-fit: cover;
}

/* Buttons für die Navigation */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  font-size: 18px;
  z-index: 10;
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}