@import url(https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,100italic,500,400italic,500italic,700);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,600,600italic,700,400italic);

/* Enter Your Custom CSS Here */
.site-description {
    display:none;
}
.site-logo:empty {
    margin-top:-15px!important;
}
.site-logo {
    margin-top:-25px!important;
}
.site-title a {
    display: none;
}

.widget-area a {
    color: #666!important;
}
.widget-area a:hover {
    color: #999!important;
}


.comments-area {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 8%;
    width: 100%;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #888888!important;
    box-sizing: border-box;
    color: #999!important;
    padding: 12px 15px;
    transition: all 0.1s ease 0s;
}

.mobile-overlay.mobile-active {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: slideInDown;
    background: #888 none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
    left: 0;
    overflow-x: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 50;
}
pre {
    background: #fff none repeat scroll 0 0;
    font-family: "Courier 10 Pitch",Courier,monospace;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 0.2em;
    max-width: 100%;
    overflow: auto;
    padding: 0.3em;
}
.main-navigation ul li a {
    color: #666;
    display: inline-block;
    padding: 0 10px;
  font-size:14px;
  font-weight: 300;
    transition: all 0.2s ease 0s;
font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}


.overlay-cats a, .overlay-cats a{
   display: none!important;
}
p { 
font-size:14px!important;  
}
body, button, input, select, textarea {
    color: #777;
       font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px!important;
    font-weight: 300;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #555;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 3%;
}


.page-title{font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 48px!important;
    line-height: 1.2;
    margin-bottom: 0;
   color: #666!important;
 font-weight: 300!impotant;
  text-align:center!important;}



.widget-area aside li::before {
    color: #888!important;
    content: "";
    display: none;
    font-family: "FontAwesome";
    font-size: 12px;
    left: -18px;
    position: absolute;
    top: 3px;
}
.widget-area aside li {
  color: #666!important;
    border-bottom: 1px dotted #c7d6e4;
    list-style: outside none none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}