/*
 Theme Name:   Chronos Child
 Theme URI: http://vergatheme.com/demosd/chronos
 Description:  Chronos Child Theme
 Author:       Martin Schapiro
 Template:     chronos
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: chronos
*/


.big-text, .small-text, .social-top{display:none;}
.parallax-home {background-position:center center!important;}
.bg01{background-image: url(images/010bg.jpg) !important;}

body #home p{color:#CCC;}

.bgcomputer{background-image:url(images/bg_layer.png), url(images/desktopcomputer.jpg) !important; background-size:auto, cover!important; background-position:center center, center center!important;background-repeat:repeat, no-repeat!important;}
#twitter-widget-0{height:500px;}
#praise.bgsubway{
    background-image:url(images/bg_layer1.png), url(images/bg_layer.png), url(images/subwayreading.jpg) !important; 
    background-size:auto, auto, cover!important;
    background-position:center center!important;
    background-repeat:repeat, repeat, no-repeat!important;
    
}

.flipWrapper .card .face{background:transparent;}
.vignette{box-shadow: inset 0 0 100px 30px #000;}
.top-shadow{box-shadow:inset 0px 115px 100px -100px #000000;}
.overlay{background-image:url(images/bg_layer.png);}
.flipWrapper .card .back p {
padding-top: 10px;
  text-align: left;
  padding-left: 20px;
  padding-right: 0px;
  color: #cccccc;
  line-height: 18px;
  font-size: 14px;
}
#authors h6{
    margin-bottom:10px;
}

.team-social li{ float: left;}


.image_credit{
position:absolute;
top:-40px;
right:10px;
font-size:10px;
color:#FFF;
text-align:right;
z-index:950;
}

.vc_btn-grey.morebutton{
 color: #fff!important;
  padding: 2px 9px;
  background-color: #e67e22;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
span.billboard{
	font-size:150px; 
 line-height: 150px;
 top: 34px;
 position: relative;
 }
 
h1.billboard{
    font-size: 108px;
  line-height: 108px;
  text-transform: uppercase;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: 20%;
  padding:20px;
  width: auto;
  color: orange;
z-index:950;
}
.test h6 {
    font-size:22px;
    line-height:25px;
    border-bottom: 1px solid rgba(255,255,255,.7);
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom:15px;
    text-transform:none;
}

.test span {
    border-top:0;
    padding-top: 5px;
    font-size:18px;
    color:#e67e22;
}

.list-services ul li {
  font-weight: 800;
  text-transform:inherit;
  font-size:13px;
}

#book{
    background-image:url(images/gradient_bg1.png);
  background: -webkit-linear-gradient(#323232, grey); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#323232, grey); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#323232, grey); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#323232, grey);
    background-size:contain;
    background-repeat:x-repeat;
}

.widget_polylang{
padding:25px 0 30px;
}
.widget_polylang li{
margin:0px 10px 5px;
}

.bookimage{
    width:570px;
    margin:-70px;
    display:inline-block;
    position:relative;
    right:265px;
}

.booklinks{
    width:235px;
    display:inline-block;
    bottom:350px;
    position:relative;
    z-index:9999;
    top:200px;
}

.deutsch{
	right:10px;
 }

.english{
    left:440px;
}
.center{
text-align:center;}



@media screen and (max-width: 940px){
.bookimage{
    max-width:100%;
    margin:-30px auto!important;
    clear:both;
    position:relative;
    left:0;
    right:20px;
}

.booklinks{
    width:150px;
    display:inline-block;
    bottom:0px;
    position:relative;
    top:0;
}
.deutsch{
     right:0px;
     margin-right:10px
}

.english{
    left:0px;
    margin-left:10px;
    border-left:1px solid #888;
    padding-left:20px;
}

ul.slimmenu li a {
  margin: 0px 0px;
}
.logo{
width:200px;
background-size:contain;
}

}
@media screen and (max-width: 920px){
    h1.billboard{
    font-size:80px;
    line-height:80px;
    }
    
    span.billboard{
    font-size:100px;
    line-height:100px;
    }
}
@media screen and (max-width: 500px){
    h1.billboard{
    font-size:50px;
    line-height:50px;
    top:90px;
    }
    
    span.billboard{
    font-size:70px;
    line-height:80px;
    margin:-50px;
    }

h1 span:before, h1 span:after{
  content: '';
  padding-right: 0px;
  font-weight: 0;
}
}

@media screen and (max-width: 480px){
.booklinks{
    width:120px;
	}

.booklinks h3{
	font-size:25px;
	}

 span.billboard{
    font-size:70px;
    line-height:70px;
    margin:-50px;
    }


}