body {
background-color: #919191;
}
.outer-wrapper {
width: 1160px;
margin: 50px auto;
background-color: #fff;
box-shadow: 0 0 5px #575757;
}
.header {
background-color: #f9f9f9;
width: 100%;
margin-bottom: 0;
padding-bottom: 70px;
border-bottom: 1px solid #e7e7e7;
}
.navi {
width: 100%;
background-color: #f5f5f5;
}
.navi ul {
border-top: 0;
border-bottom: 1px solid #e7e7e7;
}
.navi ul li {
padding: 15px 23px 15px 20px;
border-right: 1px solid #e7e7e7;
}
.navi ul ul {
top: 44px;
}@media screen and (max-width: 1025px) {
.outer-wrapper {
width: 100%;
margin: 0 auto;
}
.content-wrapper {
width: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.slide-toggle .toggle {
width: 100%;
}
.header {
width: 100%;
}
.navi {
width: 100%;
}
.slider {
width: 100%;
}
.flex-direction-nav {
display: none;
}
} @media screen and (max-width: 960px) {
.content-wrapper {
padding: 0;
}
.main-wrapper, .tagline {
width: 715px !important;
margin-left: auto;
margin-right: auto;
float: none;
}
.sidebar-wrapper {
display: none;
}
.credit {
width: 100%;
}
.feed-title {
padding-left: 0;
text-align: center;
}
} @media screen and (max-width: 715px) {
.main-wrapper, .tagline {
width: 470px !important;
}
.sideblog .post .post-body {
width: 100%;
}
.post-body blockquote {
font-size: 16px;
}
.navi {
border-bottom: 1px solid #e7e7e7;
padding: 10px 0;
}
.navi .menu {
display: none;
}
.navi ul ul li span {
display: block;
}
.navi select {
display: block;
width: 225px;
margin: 0 auto;
border: 1px solid #ddd;
padding: 10px;
line-height: 2.5em;
}
.credit ul li {
display: block;
width: 100%;
border-bottom: 1px solid #222;
margin: 0 0 5px;
padding: 0 0 5px;
float: none;
}
} @media screen and (max-width: 470px) {
.main-wrapper, .tagline {
width: 225px !important;
}
.post-body blockquote {
font-size: 14px;
padding: 20px;
}
.sideblog .post .thumbnail {
width: 100%;
}
.sideblog .post .thumbnail img {
width: 100%;
}
.pfaudio .audioplayercover {
display: none;
}
#contact_form ul li input,
#contact_form ul li textarea,
.comments-wrapper form#commentform textarea,
.wpcf7 input,
.wpcf7 textarea {
width: 90%;
}
.comments-wrapper form#commentform input {
width: 90%;
}
}body {
font-family: 'Open Sans', sans-serif;
} .slide-toggle,
.toggle a.zilla-button {
font-family: 'Open Sans', sans-serif !important;
}
.toggle a.zilla-button {
font-size: 14px !important;
} .navi ul li a,
.credit ul li {
text-transform: Capitalize;
font-size: 13px;
} .feed-title span,
ul.filter .hed {
font-family: Raleway, sans-serif;
}
.pt-portfolio .thumbnail .author {
text-transform: lowercase;
}
.pt-portfolio .thumbnail .author em {
font-style: normal;
}
.pt-portfolio .entry-date {
font-style: normal;
}
.pt-portfolio .post h2.entry-title {
font-family: Raleway, sans-serif;
text-transform: capitalize;
font-size: 18px;
}
.pt-portfolio .post .excerpt,
.post .excerpt {
font-size: 13px;
} .flex-caption {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.flex-caption h1,
.flex-caption h2,
.flex-caption h3 {
font-family: Raleway, sans-serif;
font-size: 28px;
} .post h2.entry-title {
font-family: Raleway, sans-serif;
}
.post-body blockquote {
font-size: 24px;
line-height: 1.5em;
font-family: Raleway, sans-serif;
}
.post .c-title,
.c-title,
#reply-title {
font-family: Raleway, sans-serif;
font-size: 18px;
}
.archive-section ul li span,
.archive-section ul li span cite {
font-style: normal;
} .comments-wrapper form#commentform input,
.comments-wrapper form#commentform textarea,
.comments-wrapper form#commentform #submit,
#contact_form ul li input,
#contact_form ul li textarea,
#contact_form .submit,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 .wpcf7-submit,
#searchform #s {
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-size: 13px;
} #error_page span,
#error_page p {
font-family: Raleway, sans-serif;
}
#error_page p {
font-size: 14px;
} .credit span {
font-style: normal;
}