/*
Theme Name:  BookCard Child
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [BookCard Theme] in this child theme.
Author:      Pixelwars
Author URI:  http://themeforest.net/user/pixelwars
Version:     4.9.1
Template:    bookcard
Tags:        portfolio
Text Domain: bookcard-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

.typingtext {
    color: #fff;
    font-weight: 200;
    text-shadow: rgba(0,0,0,.4) 1px 1px 0, rgba(0,0,0,.4) 2px 2px 0;
    font-weight: 200 !important;
    margin-left: 4%;
    font-size: 22px;
    width: 35%;
    font-family: 'Raleway';
    text-transform: capitalize;
}

.cover h3 span.typed-cursor {
    display: inline-block !important;
    color: #fff !important;
    margin: 5px 0 0 5px;
}

a.rm-button-open {
    animation: open 3.5s infinite 0s;
    -webkit-animation: open 3.5s infinite 0s;
}

@keyframes open{
	0%{
		right: -10px;
	}

	10%{
		right: 0;
	}

    20%{
        right: -8px;
    }

    35%{
        right: 0;
    }

    40%{
        right: -8px;
    }

	100%{
		right: -8px;
	}
}

.ribbon strong.ribbon-content:before {
	content: 'Mehr >>';
	position: absolute;
	background: #d64b4b;
	padding: 0 5px;
	font-size: 16px;
}

.ribbon strong.ribbon-content{
	position: relative;
}

.service-group ul li {
    text-align: left;
}

.contact-form .letter.cf {
    width: 65%;
    float: left;
}

.contact-form .stamp {
    float: right;
    margin: 0;
    max-width: 35%;
}

.w420 .contact-form .letter.cf .letter-info {
    text-align: left;
}

.privacy-links {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 20px;
}

.privacy-links a {
    margin: 0 20px 0 0;
    font-size: .875em;
    font-weight: 400;
    color: #444;
}

#resume .inner-page-title + p img {
    width: 85%;
    margin: 0 auto !important;
    display: inherit;
    border-radius: 5px;
    border: 5px solid #fff;
    box-shadow: 0 4px 5px #00000038;
    -webkit-box-shadow: 0 4px 5px #00000038;
}

.portfolio-items .media-box img {
    filter: none !important;
}

.portfolio-items .media-box .mask{
    opacity: 1;
    filter: none !important;
}

#portfolio .portfolio-items .media-box .mask:before{
    left: 0;
    top: 0;
    padding: 19px 0;
    content: "";
    margin: auto;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 0;
    font-size: 32px;
    line-height: 0;
    color: #d23f21;
    z-index: 1111;
    background: #fff url(images/playbtn.png) no-repeat;
    background-size: 70% auto;
    background-position: 7px center;
    pointer-events: none;    
}

#portfolio .portfolio-items .mask:after {
    content: '';
    background: rgba(255,255,255,.3) !important;
    border: 1px solid rgba(234,234,234,.6);
    position: absolute;
    width: 55px;
    height: 55px;
    z-index: 111;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

#portfolio .portfolio-items .media-box:after{
    content: "";
    display: block;
    position: absolute;
    border-radius:0;
    background-color: #fff;
    z-index: 11;
    animation: video-toggle-animate 1.9s linear 0s infinite;
    -webkit-animation: video-toggle-animate 1.9s linear 0s infinite;
    left: 0;
    margin:auto;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

@keyframes video-toggle-animate{
    0%{
        width:50px;
        height:50px;
        opacity:.8
    }
    
    100%{
        width:80px;
        height:80px;
        opacity:0
    }
}

#header ul li:nth-child(3) a:before {
    content: "\f025" !important;
}

.cover h2 {
    font-family: inherit !important;
}

.cover h3 .typed-me {
    min-height: 60px;
}

#home .latest-from-blog {
    bottom: 0px;
}

#home .latest-from-blog h3:before {
    content: 'Podcast, Blog und mehr';
    position: absolute;
    background: #111;
}

#home .latest-from-blog h3 {
    position: relative;
}

#resume .antiscroll-inner .content h3 span, #contact .content .page-section-content h3 span {
    border: 1px dashed #b1b1b1;
    padding: 3px 8px;
} {
    border: 1px dashed #b1b1b1;
    padding: 4px 8px;
}

.service-group img.digicons {
    max-width: 150px;
    margin: 0 auto;
    display: inherit;
}

.digicons {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    background-size: 180% auto !important;
    background-position: center !important;
}

.digicons.chip{
    background: url('images/digital.gif') no-repeat;
}

.digicons.filmreel{
    background: url('images/culture.gif') no-repeat;
}

#contact .social li a{
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contact-form p {
    width: 100%;
    float: left;
}

#contact-form p label {
    width: 30%;
    float: left;
}

.container.whitebg {
    margin: 0 auto;
    padding-top: 50px;
}

section.main.whit {
    background: #fff;
    padding-top: 20px;
    overflow: scroll;
}

.titlewrap {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.ptitle {
    font-size: 40px;
    float: left;
    width: 50%;
}

.plink {
    width: 50%;
    float: left;
    text-align: right;
}

.plink a {
    font-weight: 300;
    color: #333;
    font-size: 24px;
    padding: 8px 20px;
    border-radius: 4px;
}

.plink a:hover, .plink a:focus {
    background: #fde011;
}

#filters li.pf-all-items a:after {
    content: 'E';
}

#home.rm-front.page .antiscroll-wrap {
    width: 102%;
}

.cover .latest-from-blog h3 {
    width: 40% !important;
}

span.typed-cursor {
    display: none;
}