/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #000000;
    font-family: "PT Serif", serif;
    line-height: 1.5;
}

.entry-content {
  font-size: 0.85em;
}

input,
select,
textarea {
    font-size: 0.73em;
}
@media screen and (max-width: 767px) {
    input,
    select,
    textarea {
        font-size: 1em;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin-bottom: 20px;
    color: #24282d;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 1.8em;
    line-height: 1.2;
}

h2 {
    font-size: 1.6em;
    line-height: 1.3;
}

h3 {
    font-size: 1.4em;
    line-height: 1.4;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 0.8em;
}

p {
    margin-bottom: 20px;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    padding-left: 40px;
    margin: 0;
    font-family: "PT Serif", serif;
    font-size: 1.2em;
    border-left: 2px solid #e06d5e;
}
@media screen and (max-width: 767px) {
    blockquote {
        padding-left: 20px;
    }
}

address {
    margin: 0 0 20px;
}

pre,
code,
kbd,
tt,
var {
    padding: 0 5px;
    background: #f1f2f3;
    font-family: "Source Code Pro", monospace;
    letter-spacing: -0.05em;
}

pre {
    position: relative;
    overflow: auto;
    padding: 20px;
    margin-bottom: 20px;
    max-width: 100%;
}

abbr,
acronym {
    border-bottom: 1px dotted #7f8d8c;
    cursor: help;
}

mark,
ins {
    padding: 0 5px;
    background: #e06d5e;
    color: white;
    text-decoration: none;
}

sup,
sub {
    position: relative;
    vertical-align: baseline;
    height: 0;
    font-size: 75%;
    line-height: 0;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}
/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.page-title,
.entry-title {
    margin: 0;
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.portfolio-thumbnail a::before { background-color: #ffffff; }

.wp-caption { background-color: #ffffff; }

.main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a {
    color: #000000;
}

.main-navigation ul li a:hover, .main-navigation ul li a:focus, .main-navigation ul li a:active {
	color: #333333;
}

.css-transform #spinner {
	background: #ffffff;
}

.entry-thumbnail a:hover:before, .entry-thumbnail a:focus:before, .entry-thumbnail a:active:before, .entry-thumbnail a:hover:after, .entry-thumbnail a:focus:after, .entry-thumbnail a:active:after {
    opacity: 0;
}

.entry-thumbnail a:hover img, .entry-thumbnail a:focus img, .entry-thumbnail a:active img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0);
}

.gallery-icon a:hover img, .gallery-icon a:focus img, .gallery-icon a:active img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    filter: inherit;
}

.gallery-icon a:hover:before, .gallery-icon a:focus:before, .gallery-icon a:active:before, .gallery-icon a:hover:after, .gallery-icon a:focus:after, .gallery-icon a:active:after {
    opacity: 0;
}

.gallery {
    padding: 20px 10px 0 10px;
    margin: 0 0 20px;
    background: rgb(255, 255, 255);
}

.portfolio-thumbnail a:hover:before, .portfolio-thumbnail a:focus:before, .portfolio-thumbnail a:active:before, .portfolio-thumbnail a:hover:after, .portfolio-thumbnail a:focus:after, .portfolio-thumbnail a:active:after {
    opacity: 0;
}

.portfolio-thumbnail a:hover img, .portfolio-thumbnail a:focus img, .portfolio-thumbnail a:active img {
    -webkit-filter: inherit;
    -moz-filter: inherit;
    filter: inherit;
}