/*Custom CSS for techguides.dev*/
body {
    color:#404040;
}

/*Header*/
#header #navbar ul.navigation li a:before, #header #navbar ul.navigation li a:after,
#header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
    background:red!important;
}

#header.scrolled #navbar a {
    color:#000!important;
}
#header.scrolled #navbar a:hover{
    color:red!important;
}

/*Links*/
a {
    -webkit-transition: color .1s ease;
    -moz-transition: color .1s ease;
    -o-transition: color .1s ease;
    -ms-transition: color .1s ease;
    transition: color .21s ease;
}
.tags a {
    color:#000;
    border:1px solid black;
}
a,
.list-item .list-blog-header h4 a {
    color:#000;
}
a:hover,
.list-item .list-blog-header h4 a:hover {
    color:red;
}
#footer a {
    color:#fff;
}
#footer a:hover {
    color:red;
}
/*Blog List Summary Overlay*/
.p-summary{
    position:relative;
}
.p-summary::before {
    content:'';
    display:block;  
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
/*    height:100%;*/
bottom:2em;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.p-summary > * { z-index: 1; }


/*Blog List Separator*/
.list-item {
    border-bottom:none
}

.list-item .list-blog-header h4 {
    margin-right:3em;
    border-bottom:2px solid black;
}

/*SEARCH SPECIFIC*/
.simplesearch .search-item {
    margin-left:0;
}

#header #logo h3 a {
    color:#000;
}
#header #logo h3 a:hover {
    color:red;
}


/*BUTTONS*/
.button {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    border-radius: 3px;
}
.button:hover {
    background: #fff;
    color: red;
}


.tgd-home .callout p,
.tgd-home .tagcloud {
	text-align:center;
}