@import url(//fonts.googleapis.com/css?family=Oswald);
/* Dimensions */
.wrapper { width: 90%; margin: 0 5%; }

.content-wrapper { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }

.w-sidebar .content-wrapper { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }

.sidebar, .page-template-template-home-php .sidebar { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#page-content .sidebar, .page-template-template-home-php .sidebar { margin-left: 0; margin-right: 0; }

#page-footer.sidebar .col.one-half { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.one-third { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.two-thirds { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.one-fourth { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.two-fourth { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.three-fourths { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }
#page-footer.sidebar .col.full-width { width: 86.74033%; margin-left: 6.62983%; margin-right: 6.62983%; float: left; display: inline; position: relative; }

#main-nav .primary { display: none; }
#main-nav .primary.w-search { display: none; }

#top-search { width: 100%; float: left; display: inline; position: relative; }

.side-prj-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px; background-color: #f3f3f3; width: 100%; margin-left: 0; margin-right: 0; }

#main-nav, #page-content, #content, #page-footer, #home-bottom-sidebar, #footer, .secondary, #page, #page-wrapper { *zoom: 1; float: left; display: inline; position: relative; width: 100%; }
#main-nav:after, #main-nav:before, #page-content:after, #page-content:before, #content:after, #content:before, #page-footer:after, #page-footer:before, #home-bottom-sidebar:after, #home-bottom-sidebar:before, #footer:after, #footer:before, .secondary:after, .secondary:before, #page:after, #page:before, #page-wrapper:after, #page-wrapper:before { content: ""; display: table; }
#main-nav:after, #page-content:after, #content:after, #page-footer:after, #home-bottom-sidebar:after, #footer:after, .secondary:after, #page:after, #page-wrapper:after { clear: both; }

#main-nav, #main-nav.fixed { position: relative; left: 0px; width: auto; }

/* Page */
#content { margin-top: 0; }

.home.blog #content { margin-top: 36px; }

.pageheader { margin-top: 36px; }

.w-sidebar #page-content { -moz-box-shadow: none; box-shadow: none; }
.w-sidebar.sidebar-left #page-content { -moz-box-shadow: none; box-shadow: none; }
.w-sidebar #page-content .sidebar { background: #fbfafa; border-top: 1px solid #cccccc; padding: 48px 5.85366%; }

.page.page-template-template-home-php #page-content .sidebar { border-left: none; margin-bottom: 0; margin-top: 0; }

.page.page-template-template-home-php.sidebar-right .sidebar { border: none; }

#featured-page, #featured-post { width: 100%; margin-right: 0; margin-left: 0; }

#featured-page { margin-bottom: 24px; }

#top-search { display: none; }

/* Sidebars */
#page-footer .col { padding-right: 0; margin-bottom: 48px; border-right: none; }
#page-footer .col:last-of-type { margin-bottom: 0; padding-right: 0; }

/* Blog */
body .hentry .pubdate { float: right; width: auto; text-align: center; margin-left: 0; position: relative; display: block; letter-spacing: 1px; padding: 0 5px; margin: 0 0 6px 36px; height: 24px; top: 0; background-image: none; background-color: #941d70; }
body .hentry .pubdate em, body .hentry .pubdate span { display: inline; line-height: 22px; }
body .hentry .pubdate .day { font-size: 12px; margin-bottom: 0; }
body .hentry .pubdate .month { font-size: 12px; margin-bottom: 0; }
body .hentry .pubdate .year { font-size: 12px; }
body .hentry .pubdate:before { font-size: 12px; line-height: 24px; left: -24px; top: 0; height: 24px; width: 24px; }

body.single .post .pubdate { top: 0; }

.four #thb-portfolio-container, .four #thb-portfolio-container .item, .three #thb-portfolio-container, .three #thb-portfolio-container .item, .two #thb-portfolio-container, .two #thb-portfolio-container .item { width: 100%; margin-right: 0; margin-left: 0; }

.page-template-template-archives-php .search_404 #searchform input[type="text"] { width: 89%; }

#comments ul .comment_leftcol { margin-left: 0; }
#comments ul .comment_rightcol { width: 84.93151%; }
#comments ul ul .comment_leftcol { margin-left: 0; }
#comments ul ul .comment_rightcol { width: 84.93151%; }

/* Mobile nav */
#page { position: relative; left: 0; z-index: 1000; background-color: #f3f3f3; -webkit-transition: left 0.3s ease; -moz-transition: left 0.3s ease; -ms-transition: left 0.3s ease; transition: left 0.3s ease; }
#page.open { left: 85%; -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8); }

#mobile-nav-trigger { cursor: pointer; font-family: "icons"; float: left; display: block; position: relative; text-align: center; line-height: .9; font-size: 26px; padding: 4px 8px; z-index: 1000; background-color: black; color: #fff; margin-right: 12px; }
#mobile-nav-trigger.open { background-color: #941d70; }

#page-wrapper { position: relative; overflow-x: hidden; }

#mobile-nav { position: fixed; overflow-y: scroll; top: 0; left: 0; bottom: 0; width: 90%; z-index: 0; background-color: #333; display: block; opacity: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); padding-left: 0; }
#mobile-nav .menu { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 1; }
#mobile-nav .menu li { margin: 0; display: block; float: none; }
#mobile-nav .menu li a { color: #fff; background-color: transparent; line-height: 1; padding: 14px 15px 13px; display: block; text-decoration: none; position: relative; border-bottom: 1px solid #262626; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.08); }
#mobile-nav .menu li a:hover { background-color: #000; color: #fff; }
#mobile-nav .menu li .sub-menu a { padding-left: 30px; }
#mobile-nav .menu li .sub-menu .sub-menu a { padding-left: 45px; }
#mobile-nav .menu li .sub-menu .sub-menu .sub-menu a { padding-left: 60px; }