/* 
 Theme Name:    De Zager
 Theme URI:    http://dezager.nl
 Description:  rain Child Theme
 Author:       Ye Jun
 Author URI:   http://dezager.nl
 Template:     rain
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  rain-child
*/



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


/* =Theme customization starts here
-------------------------------------------------------------- */
.post-title {
font-family: 'Droid serif', Arial, sans-serif;
line-height: 7rem;
text-transform: none;
letter-spacing: 0px;
font-weight: 300;
}

#cat-nav > div > div > a {
position: absolute;
right: 39%;
top: 27%;
z-index: 1;
color: white;
text-decoration: none;
}

.mc4wp-form label {
font-weight: 300;
}

.mc4wp-form p {
font-weight: 300;
}

.mc4wp-form input[type=submit] {
color: #999999 !important;
}

body.page-template-page-about-php .about-image {
border: none;
}

.post-start.clearfix a:hover {
color: black;
}

h3.post-title {
font-size: 2rem !important;
line-height: 1rem;
}

#site-head > div.header-left > div:nth-child(1) {
padding-left: 33%;
}

h3.headline {
font-family: 'Droid serif', Arial, sans-serif !important;

}

.menu h3, .menu h4 {
font-family: 'Droid serif', Arial, sans-serif;
font-weight: 400;
}

a.post-end-comments {
display: none;
}

@media only screen and (max-with: 900px) {
.post p {
    font-size: 1.1em !important;
}

div.content { 
width: 88% !important;
margin: 20px 6% 0 6% !important;
}

#mobile-header {
margin: 20px 6% 0 6%;
width: 87%;
}
}

@media only screen and (min-width: 900px) {
.content  {
width: 60%;
margin-left: 40%;
}


h3.post-title {
font-size: 3rem !important;
}

.header-left {
width: 40%;
}

.header-right {
width: 60%;
padding-left: 2.57%;
}

#cat-nav {
width: 40%;
}

.menu {
width: 40%;
}

.post-title-wrapper {
right: 60%;
}

.post-title {
font-size: 5.58rem !important;
}

.menu h4 {
font-size: 4.84rem !important;
}

}