/*

Theme Name: Mr Douglas Anderson
Theme URI: http://mrdouglasanderson.com/
Description: Personal theme
Version: 1.0
Author: Greg Jones

*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cf:before, .cf:after { content: ''; display: table; }
.cf:after { clear: both; }

/* ----------------------------------------------------------------- */
/* fonts */

@font-face{
font-family:"NewsGothicMTW01-Condens";
src:url("fonts/433ff4b6-2fc7-496a-84d2-745196f0ea97.eot?#iefix");
src:url("fonts/433ff4b6-2fc7-496a-84d2-745196f0ea97.eot?#iefix") format("eot"),url("fonts/8b9240f4-15ca-46ac-94fb-bc6600c1560e.woff") format("woff"),url("fonts/40ae0693-1573-4fec-8990-e66a786f3594.ttf") format("truetype"),url("fonts/cb504e6a-14b8-4286-b772-09f1531fe6ba.svg#cb504e6a-14b8-4286-b772-09f1531fe6ba") format("svg");
}
@font-face{
font-family:"NewsGothicMTW01-BoldCon";
src:url("fonts/edb34540-2d21-40f6-93da-9009522b2efe.eot?#iefix");
src:url("fonts/edb34540-2d21-40f6-93da-9009522b2efe.eot?#iefix") format("eot"),url("fonts/9bc5b6ea-eca9-436d-8dd4-81ffc50a2b6c.woff") format("woff"),url("fonts/9c14ba46-4622-4564-819b-9fb1fc5a96f9.ttf") format("truetype"),url("fonts/1490226b-5713-4496-8b3a-3e118d4f8b27.svg#1490226b-5713-4496-8b3a-3e118d4f8b27") format("svg");
}

/* ----------------------------------------------------------------- */
/* build */

body, .data, #commentlist > div > :first-child, p a { font-family: "NewsGothicMTW01-BoldCon", Arial, Helvetica, sans-serif; }
.home main > section > h2, p, #sidebar li, .text, .pagetitle { font-family: "NewsGothicMTW01-Condens", Arial, Helvetica, sans-serif; }

body { font-size: 1.125em; background: #fff; color: #000; }
img, iframe { max-width: 100%; display: block; }
img { height: auto; }
table, iframe { width: 100%; }
a, #menu .current_page_item a, #menu .current_page_parent a, a:hover, #menu a:hover { text-decoration: underline; }

a, h1, h2, h3, h4, h5, h6, .heading, .heading-large { color: #424952; }
a:hover { color: #000; }
h2 { color: #8f969e; }

.hidden { display: none !important; }

.wrap { margin: 0 auto; max-width: 950px; width: 90%; }
nav ul { list-style: none; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
p { line-height: 1.5em; }

h1, .heading-large { font-size: 2.6666666666666665em; }
h2 { font-size: 2em; }
.heading, h3, h4, h5, h6 { font-size: 1.3333333333333333em; }

h1 { margin-bottom: 40px; }
.home main > section > h1, .archive h1, .page-template-articles-php h1 { margin-bottom: 0; }
.home main > section > h2, .pagetitle { margin-bottom: 50px; }

header { position: fixed; top: 0; left: 0; width: 100%; background: #424952; z-index: 1; }
#menu { display: table; height: 60px; }
#menu > div, footer .social li a { display: table-cell; vertical-align: middle; }

#menu a { color: #8f969e; text-decoration: none; }
#menu .current_page_item a, #menu .current_page_parent a, #menu > div > div > * { color: #fff; }
.menu, .close { cursor: pointer; display: none; }
#menu .icon { font-size: 30px; }
#menu .text { padding: 5px 0 0 12px; }
#menu > div > div > * { vertical-align: middle; display: inline-block; }

#menu .show { display: block; }
#menu .hide { display: none; }

main { padding-top: 110px; position: relative; z-index: 0; }

.panel, .columns > .feature, #posts > *, .pods > .pod { margin-bottom: 60px; padding-bottom: 60px; border-bottom: solid 1px #8f969e; }

#commentlist > div { margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #8f969e; }
#commentlist > :last-child, .pods > :last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
#commentlist > div > p { margin-bottom: 15px; }
#commentlist > div > :last-child { margin-bottom: 0; }
#commentlist > div > :last-child:before { content: '\2014\00a0'; }

.link { display: inline-block; }
.link:after, .newer a:after { content: '\00a0\00BB'; }
.older a:before { content: '\00ab\00a0'; }

.panel .heading { margin-bottom: 30px; }
.editor + .link { margin-top: 30px; }

footer { padding-bottom: 80px; }

footer .columns, footer .social { margin-bottom: 30px; }
footer .social { padding-bottom: 30px; }
footer .social ul > :last-child { margin: 0; }

.sign-up > h2 { background-position: right center; background-repeat: no-repeat; padding-right: 100px; }

.pod > img, .sign-up > h2, .sign-up > .editor, form input[type='text'], form input[type='email'], form textarea { margin-bottom: 35px; }

form label { margin-bottom: 10px; display: block; }
form textarea { height: 120px; }
form > div br { display: none; }
.ajax-loader { display: inline-block; }

form input[type='text'], form input[type='email'], form textarea { width: 100%; border: 2px solid #8f969e; background: #fff; color: #424952; padding: 8px 10px; border-radius: 4px; }
form input[type='submit'] { display: inline-block; border: 0; background: #8f969e; color: #fff; padding: 10px 65px; border-radius: 4px; }
form input[type='submit']:hover { background: #424952; }

.editor > *, h1 + .editor { margin-bottom: 30px; }
.editor > :last-child { margin-bottom: 0; }

#posts > article > .heading { margin-bottom: 5px; }
#posts > article > .data { margin-bottom: 30px; }
body #posts > :last-child { margin: 0; padding: 0; border: 0; }

#sidebar h2 { font-size: 1.5em; color: #000; margin-bottom: 20px; }
#sidebar > div { margin-bottom: 50px; }
#sidebar > :last-child { margin-bottom: 0; }
#sidebar li { margin-bottom: 15px; }
#sidebar .widget_archive li { margin-bottom: 5px; }
#sidebar ul > :last-child { margin-bottom: 0; }

p:empty, li:empty { display: none; }

.data > span:after { content: '\00a0|\00a0'; }

#posts.detail > * { margin-bottom: 30px; padding-bottom: 30px; }

#comments {
display:none;
}

/* ----------------------------------------------------------------- */
/* reponsive */

@media (max-width: 768px) {

.menu { display: block; }

#menu > div > ul { display: none; position: absolute; top: 60px; left: 0; width: 100%; background: rgba(66,73,82,.97); }
#menu .open { display: block; }
#menu .open > li { border-top: 1px solid #8f969e; }
#menu .open > li > a { padding: 15px 5%; display: block; }

.columns > :last-child, body footer .columns > :last-child { margin: 0; padding: 0; border: 0; }
footer .columns > .column, #posts { margin-bottom: 60px; padding-bottom: 60px; border-bottom: solid 1px #8f969e; }

.intro > img, .feature > img, .image, .image-page { margin-bottom: 30px; }

footer .social li, .share { margin-bottom: 20px; }

.paging ul > :last-child { margin-top: 20px; }

}

@media (min-width: 769px) {

#menu .menu, #menu .close { display: none; }

.share { margin-left: 30px; float: right; }

.newer, .older { width: 48%; }
.older { float: left; }
.newer { float: right; text-align: right; }

#posts, #sidebar { float: left; }
.wide #posts { width: 100%; }
#posts { width: 75%; }
#sidebar { margin-left: 3%; width: 22%; }

.image { margin-left: 20px; float: right; width: 50%; }

.panel > img, .image-page { margin-right: 20px; float: left; width: 50%; }
.feature > img { margin-left: 20px; float: right; width: 50%; }

.feature > .info, .editor { overflow: hidden; }

#menu li { margin-right: 18px; float: left; }
#menu ul > :last-child { margin-right: 0; }

.column { margin-right: 2%; float: left; width: 49%; }
.columns > :nth-child(2n) { margin-right: 0; }
.columns > :nth-last-of-type(-n+2) { margin-bottom: 0; padding: 0; border: 0; }

footer .social li div { display: table; height: 35px; }
footer .social li { margin-right: 30px; float: left; }

}