/*
purpose: for blog post customization
*/
.blog .header-image,
.single-post  .header-image,
body.search-results .header-image
{
    display: none !important;
}
body.post-template-default {
    background: #fff !important;
}
body.post-template-default header.entry-header {
    text-align: center !important;
    padding-bottom: 30px;
}
body.single-post .nav-previous a,
body.single-post .nav-next a,
body.search-results .nav-previous a,
body.search-results .nav-next a{
   color:#000 !important;
}
body.single-post .nav-previous:hover a,
body.single-post .nav-next:hover a,
body.search-results .nav-previous:hover a,
body.search-results .nav-next:hover a {
    color: #FFC116 !important;
}
body.single-post .nav-previous:hover,
body.single-post .nav-next:hover,
body.single-post input#submit:hover,
body.search-results .nav-previous:hover,
body.search-results .nav-next:hover {
    color: #FFC116 !important;
    background: #000 !important;
    border: 2px solid #FFC116 !important;
}
body.single-post .nav-previous,
body.single-post .nav-next,
body.single-post input#submit,
body.search-results .nav-previous,
body.search-results .nav-next {
    color: #000 !important;
    background: #FFC116 !important;
    border: 2px solid #FFC116 !important;
    text-decoration: none !important;
}
/*
--end--
purpose: for navlinks
*/
nav#site-navigation {
    display: grid;
}
ul#head-social li {
    float: right;
    cursor: pointer;
}
@media only screen and (max-width: 1024px){
ul#primary-menu {
    display: none !important;
}
}
@media only screen and (max-width: 768px){
ul#head-social {
    width: 320px;
}
}
/*
--end--
*/
/*
for blog page title
*/
body.post-template-default h1.title-page-custom {
    position: relative;
    font-size: 100px !important;
    margin-top: 0;
    font-family: 'Myriad Pro', 'Myriad', helvetica, arial, sans-serif;
    text-shadow: 2px 3px 3px #2B3C4D;
    letter-spacing: -7px;
    -webkit-text-stroke: 1px #2B3C4D;
}
body.post-template-default h1.title-page-custom a {
    text-decoration: none;
    color: #315B9D !important;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.3)), to(rgba(0,0,0,1))) !important;
}
body.post-template-default h1.title-page-custom a:hover {
    color: #315B9D;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.3)), to(rgba(0,0,0,1)));
}
/*
--end--
*/