/*
 Theme Name:   Nevejan
 Theme URI:    http://nevejan.nl/
 Description:  Maartje Nevejan 
 Author:       nieta
 Author URI:   http://nieta.nl
 Template:     metro-creativex
 Version:      1.0.0
 Tags:         custom metro-x
 Text Domain:  nevejan
*/

@import url("../metro-creativex/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
body {
	/*background: url("body_bg.gif")*/
}
header {
	color: #000;
}
header nav {
	font-family: 'Source Sans Pro', sans-serif;
}
header nav a:hover .read {
	color: #000;
}
header nav a:hover  {
    color: #d1334e;
}
header nav li.current-cat a {
    color: #d1334e;
}
#logo {
	font-family: 'Roboto', sans-serif;
}
#logo h1 {
	white-space: nowrap;
}

#content a, #singlecontent a {
	text-decoration: underline;
}
#content a, #singlecontent a:hover {
	text-decoration: none;
}

#content article .post_content a {
	text-decoration: none;
}
#content {
	color: #000;
}
#content article .post_content {
	color: #000;
 	text-shadow: none;
}
#content article .post_content .excerpt p { 
	color: #000; 
}
#content article .post_content .excerpt.chat_type p {
	color: #000;
}
#content article .post_content .excerpt.chat_type p:hover {
	color: rgba(0, 0, 0, 0.9);
}
#content p {
	color: #000;
}
#content article .post_icon {
    width: 15%;
    height: 5em;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    overflow: hidden;
    background-color: #000000;
    margin: 5px 20px;
}
#searchform {
	border-top-color: transparent;
	border-right: 0;
	border-left: 0;
	background: rgba(255, 255, 255, 0.9);
	width: 29%;
	float: right;
	margin-right: 60px;
}
#searchform .searchtext {
	color: #000;
}
#topside {
	min-height: 10.5rem;
	padding-top: 3.5rem;
}
#topside .pages {
	width:	75.5%
}
#topside .pages li ul {
	background: rgba(255, 255, 255, 0.98);
	width: 20rem;
}
#topside .pages ul a {
	color:#000;
}
#topside .pages li a:hover { 
	color: #d1334e; 
}
#topside .pages li.current-menu-item a {
	color: #d1334e; 
}
#topside .pages li:hover {
	color: #000;
	margin-bottom: 0;
}
#topside .pages ul li:hover {
	border-bottom: 0;	
	margin-bottom: 0;
}
#topside h1 {
	color: #000;
	/*padding-top:4.3rem;*/
	padding-top: 0;
}
#topside h1.insidepost {
	background-position: 0 4.8rem;
}
.post strong {
	color: #000;
}
.insidepost_date {
	color: #000;
	margin-left: 0;
}
#respond {
	color: #000;
}
#respond input, #respond textarea {
	color: #000;
}
#respond #submit {
	color: #000;
}
.left-sidebar {
	color: #000;
	border-right: 0;
	padding-top: 0;
}

header nav a {
	border-top: 0;
}
header nav {
	border-bottom: 0;
}

.left-sidebar .widget_recent_entries li,
header nav a {
	border-right: 0;
}
.left-sidebar .widget_nav_menu {
	border-top: 1px solid #000;
}
.left-sidebar .widget_nav_menu li,
.left-sidebar .widget_recent_entries li {
	border-top:0;
}
.left-sidebar .widget_recent_entries li,
.left-sidebar .widget_recent_entries .widget-title {
	border-bottom: 1px solid #000;
}
.left-sidebar .widget_recent_entries li {
	line-height: 1.5em;
}
.left-sidebar .widget_search input[type="text"]{
	color: #000;
}
.left-sidebar li a{
	color: #000;
}
.left-sidebar .widget select{
	color: #000;
}
h3.widget-title {
	color:#000;
	font-weight:600;
}

#content article .post_content .short_excerpt {
	font-style: normal;
}

#content article {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#content article:hover,
.sticky {
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
}

#singlecontent {
	width: 71%;
	float: left;
	display: block;
	margin-left: 4%;
}

#singlecontent .post {
	margin-right: 7%;
}

.post hr {
	clear: both;
}
.tags {
	width: 100%;
	padding: 0;
	border-radius: 0;
	background: transparent;
}


/* Colors */
.bg-code { background: #fff; }
.color-code:hover, .color_nor-code { color: #d1334e; }
.bg-design { background: #fff; }
.color-design:hover, .color_nor-design { color: #e25a37; }
.bg-responsive { background: #fff; }
.color-responsive:hover, .color_nor-responsive { color: #e2af37; }
.bg-web { background: #fff; }
.color-web:hover, .color_nor-web { color: #64c831; }
.bg-wordpress { background: #fff; }
.color-wordpress:hover, .color_nor-wordpress { color: #2f83c0; }
.bg-stuff { background: #fff; }
.color-stuff:hover, .color_nor-stuff { color: #6b2fc0; }

/* Start: Recommended Isotope styles */

#filters {
	float: left;
	margin-top: 45px;
	padding-bottom: 0;
	display: block;
	margin-bottom: 20px;
}

#filters li {
	display: inline;
    font-size: 1.7rem;
    line-height: 5rem;
	margin: 0 10px 0 0;
	background: #000;
	padding: 7px 10px;
}
#filters li a {
	padding: 0 10px;
	color: #fff;
}
#filters li a:hover {
	color: #d1334e;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope-item {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
@media only screen and (max-width: 768px) {
#topside #searchform {
display:none;
}
.left-sidebar #nav_menu h3 {
	border-bottom: 1px solid #000;

}
.left-sidebar .widget_nav_menu {
	border-top: 0;
}
#searchform {
width: 100%;
margin: 40px 0;
border-bottom:0;
}
#content article .post_icon {
display: none;
}
#topside {
	padding-top: 2rem;
	min-height: 9rem;
}

}