/*
Theme Name:     Ravenkop
Theme URI: 		 https://ravenkop.com
Description:    Theme for Ravenkop based om Vysual
Author:         Eljany | Hello World 
Theme URI: 		 https://helloworld-webdesign.nl/
Template:       vysual
Version:        1
*/ 

@import url("../vysual/style.css");

body {
    color: #fff;
    color: rgba(255,255,255,1);
}

.page-id-63 #menu-control,
.page-id-63 #logo{
	display: none;
}

/* menu */

#dropmenu a {
    color: rgba(255, 255, 255, 0.5);
    }
    
#menu-item-wpml-ls-16-en,
#menu-item-wpml-ls-16-nl{
	margin-top: 20px!important;
}

#menu-item-wpml-ls-16-en a,
#menu-item-wpml-ls-16-nl a{
	font-size: 13px!important;
}
    
/* home */

.page-id-26 #page-title,
.page-id-149 #page-title{
	display: none;
}

/* geen video bg */

.page-id-34 .fs-background-media,
.page-id-75 .fs-background-media,
.blog .fs-background-media,
.page-id-152 .fs-background-media,
.page-id-156 .fs-background-media,
.page-id-32 .fs-background-media{
	display: none!important;
}

/* over */

.page-id-34 .fs-background-container,
.page-id-152 .fs-background-container{
		background-image:url(https://ravenkop.com/wp-content/uploads/2018/01/Over-ravenkop.jpg);
	 background-repeat: no-repeat;
    background-size: cover;
}

/* team */

.page-id-75 .fs-background-container,
.page-id-156 .fs-background-container{
	background-image:url(https://ravenkop.com/wp-content/uploads/2018/01/team.jpg);
	 background-repeat: no-repeat;
    background-size: cover;
}

/* gallery */

#imgInfo {
    z-index: 98;
    color: #ffffff;
}

#imgInfo p {
    color: #ffffff;
    line-height: 1.6em;
    font-size: 16px;
    color: rgba(255,255,255,1);
}

/* blog */

.blog h1{
	font-size: 20px;
	font-weight: bold;
}

.blog .fs-background-container,
.archive .fs-background-container{
	background-image:url(https://ravenkop.com/wp-content/uploads/2018/01/Achtergrond-blog-hoofdpagina.jpg);
	 background-repeat: no-repeat;
    background-size: cover;
}

.archive .fs-background-media {
	display: none;
}

#commentsection,
.post-sharing .fa-comment{
	display:none;
}

.slide-nav {
    width: 40px;
    height: 60px;
}

.slide-nav span {
	top: 20%;
}

.slide-nav span:before, .slide-nav span:after {
    height: 20px;
    margin-top: -14px;
}

#slide-left {
    right: 60px;
}

#post-details a{
	margin-left: 5px;
}
/* projecten */
.post-type-archive-projecten .entrytitle{
        font-size: 180%;
}
.page-id-32 .fs-background-container{
    background-image:url(https://ravenkop.com/wp-content/uploads/2018/01/Achtergrond-blog-hoofdpagina.jpg);
     background-repeat: no-repeat;
    background-size: cover;
}
.post-type-archive-projecten .posts-container .posttitle{
    font-size: 24px;
}
.postInfo a:hover h2{
    color: grey;
}
/* scrollbar */

body.windowsOs *::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.5); 
}
body.windowsOs *::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.7); 
}

/* formatting */

h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited {
    color: #ffffff;
}

h2{
	font-size: 20px;
	text-transform: none!important;
	font-weight: bold;
	margin-bottom: 5px!important;
}

/* footer */

#footer{
	display: none!important;
}

/* medie queries */

@media screen and (min-width: 850px){
#pageContent {
    max-width: 800px!important;
    margin-left: -400px!important;
    width: 800px!important;
}
}

@media screen and (min-width: 600px){
#imgInfo {
    width: auto;
    max-width: 500px;
}
}

@media screen and (max-width: 600px){
#imgInfo {
    bottom: 30px!important;
}
}

@media screen and (max-height: 600px){
#imgInfo p {
    display: block!important;
}
.scroll-this > div {
       max-height: auto;
}
}

@media screen and (max-height: 750px){
#logo {
    max-width: 60%!important;
}
}