/**
 Theme Name:   Alfred Bast (astra child theme)
 Theme URI:    
 Description:  
 Author:       Peter Bagi
 Author URI:   https://www.peterbagi.de/
 Template:     astra
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/


body {
	background: url(images/bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Custom Font*/

/*
@font-face {
    font-family: 'eb_garamond08_regular';
    src: url('font/ebgaramond08-regular-webfont.eot');
    src: url('font/ebgaramond08-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ebgaramond08-regular-webfont.woff2') format('woff2'),
         url('font/ebgaramond08-regular-webfont.woff') format('woff'),
         url('font/ebgaramond08-regular-webfont.ttf') format('truetype'),
         url('font/ebgaramond08-regular-webfont.svg#eb_garamond08_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

.ast-separate-container #primary {
   margin-top: 0;
   margin-bottom: 0;
}

strong {
   color: inherit;
}

#content-area a {
   color: #676761 !important;
   font-style: italic;
}


.entry .title, .page_title, #reply-title {
   font-size: 24px;
}

/* logo */
#logo-area {
   float: none;
   display:none;
}
#logo {
   font-size: 24px;
}
#top-menu {
   clear: both;
}

html[lang="en-US"] #top-menu ul.nav > li {
   padding-left: 25px;
   padding-right: 25px;
}

.nav li:hover ul, ul.nav li.sfHover ul {
   left:0;
}


body {
   /*font-family: 'eb_garamond08_regular';*/
   padding-top: 40px;
}

#bg {
   position: fixed;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
}
#bg img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   min-width: 50%;
   min-height: 50%;
}

/* navigation styles */
.site-header {
   z-index: 101;
}
.main-header-bar .ast-container {
   max-width: none;
}
.header-main-layout-1 .ast-main-header-bar-alignment {
   width: 100%;
   margin:0;
}
.header-main-layout-1 .main-navigation {
   padding:0;
}
.main-navigation {
   display:flex;
}
.main-navigation ul#primary-menu {
   display: flex;
   width: 100%;
   justify-content: center;
}
.main-header-bar {
   background: none;
   border: none;
}
.main-header-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items {
   text-transform: uppercase;
   padding: 0 5px;
}
.main-header-menu .menu-link, .main-header-menu a {
   padding: 0 3px;
}

.ast-desktop .main-header-menu .sub-menu {
   box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
}

.sub-menu li:nth-of-type(10) ~ li {
   display:none;
}


/* Homepage Slider */
.cycloneslider-template-standard {
   margin-bottom: 0 !important;
}
.cycloneslider-template-standard .cycloneslider-caption {
   background: none;
}

.cycloneslider-template-standard .cycloneslider-caption-description {
   font-size: 17px;
   text-align: center;
   color: #000;

}

/* Homepage: Quote */
#quote {
   margin-bottom:0px;
   padding-top:40px;
   padding-bottom:20px;
   background: white;
   width: 100%;
   text-align:center;
}
#quote h2 a {
   font-weight: lighter;
   color: #676761;
}

#quote p {
   text-transform: none;
}


/* Homepage: Portfolio Kacheln */
#portfolio-grid { clear: both; }
.portfolio-item { float: left; width: 240px; line-height: 0; }
.portfolio-item img { opacity: 0.7; transition: 1s opacity;}
.portfolio-item img:hover { opacity: 1 }
.portfolio-item.portfolio-item-w320 { width: 320px;}

.embedded-title {
   position:relative;
   overflow: hidden;
}
.embedded-title .portfolio-name {
   background-color: rgba(0,0,0,0.5);
   color: white;
   text-align: center;
   width: 200px;
   margin: 0 auto;
   position: absolute;
   bottom: -30px;
   height: 23px;
   line-height: 23px;
   border-radius: 20px;
   left: 0;
   right: 0;

   transition: bottom 0.2s
}

.embedded-title:hover .portfolio-name {
   bottom: 25px;
}


/* Page Template: Alfred */
#bastpage_title h1{
   background-color: rgb(245,121,121);
   color: white;
   font-size: 18px;
   padding: 4px 10px;
}

#bastpage_title h1.kat1 {background-color: #e23b4b;} /*rot*/
#bastpage_title h1.kat2 {background-color: #f47825;} /*orange*/
#bastpage_title h1.kat3 {background-color: #6a6aa6;} /*blau*/

.bastpage {
   background: #fff;
}

.bastpage .post-thumbnail {
   margin: 5%;
   float:left;
   width: 40%;
}
.bastpage .post-excerpt {
   float: left;
   margin: 5%;
   margin-left: 0;
   margin-bottom: 0;
   width: 45%
}

.bastpage .post-thumbnail img {
   width: 100%;

}
.bastpage .post-thumbnail img {
   width: 100%;
}

.bastpage .post-excerpt .post-content {
   padding-left: 0;
   padding-right: 0;
}

.bastpage .post-excerpt a {
   color: #676761;
   font-size: 15px
}

.bastpage  a.morelink {
   float:right;
}

/* Contact Form 7 */

.wpcf7-form-control-wrap {
   width:100%;
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
   width:96%;
   padding: 4px 2%;
   font-size: 16px;
   border-radius: 4px;
   margin:0;
}

input[type=submit].wpcf7-form-control {
   width: 100%;

   color: #fff;
   background-color: #5bc0de;
   border-color: #46b8da;

   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;

}

.social-buttons .col-md-2{
   float:left;
   margin-right: 20px;

}

.social-buttons:after {
   content: "";
   clear:both;
   float:none;
}



/* Language Switch Dropdown */
#flags_language_selector { position:relative; }
#flags_language_selector ul { position:absolute; right: 0; top: -20px; padding: 3px 6px; z-index: 999; }
#flags_language_selector ul li { display:inline-block; padding: 2px; width: 80px; position: relative; float:left;}
#flags_language_selector ul li.active { display:block; font-weight: bold;}
#flags_language_selector ul li .arrow { position:absolute; right: 0; top: 11px; border-right: 3px solid transparent; border-top: 3px solid #333; border-left: 3px solid transparent; }

#flags_language_selector a { color: #222; }
#flags_language_selector a:hover { text-decoration: none; }


/* blog archive page*/
.blog-items {
   display: inline-flex;
   flex-flow: wrap;

}

.blog-item {
   width: calc(33% - 6px);
   display: block;
   padding: 6px;
   margin: 3px;
}
.blog-item .thumb {
   display: block;
   width: 100%;
   height: 200px;
   background-size: cover;
   background-position: center center;
}
.blog-item .title {
   display:block;
   min-height: 76px;

}

.clearfix {clear:both;}