@font-face {
font-family: 'G-Rg';
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-regular-webfont.eot);
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-regular-webfont.woff) format('woff'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-regular-webfont.ttf) format('truetype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-regular-webfont.svg#graphik_regularregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'G-Md';
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-medium-webfont.eot);
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-medium-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-medium-webfont.woff) format('woff'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-medium-webfont.ttf) format('truetype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-medium-webfont.svg#graphikmedium) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'G-Sb';
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-semibold-webfont.eot);
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-semibold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-semibold-webfont.woff) format('woff'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-semibold-webfont.ttf) format('truetype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-semibold-webfont.svg#graphiksemibold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'G-Bd';
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-bold-webfont.eot);
src: url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-bold-webfont.woff) format('woff'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-bold-webfont.ttf) format('truetype'),
url(//www.dm2architecture.com.au/wp-content/themes/dm2/font/graphik-bold-webfont.svg#graphikbold) format('svg');
font-weight: normal;
font-style: normal;
} a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body,
canvas, caption, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, hr, html,
i, iframe, img, ins,
kbd,
label, legend, li,
mark, menu, meter,
nav,
object, ol, output,
p, pre, progress,
q,
rp, rt, ruby,
s, samp, section, small, span, strike, strong, sub, summary, sup,
table, tbody, td, tfoot, th, thead, time, tr, tt,
u, ul,
var, video,
xmp {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
article, aside,
details,
figcaption, figure, footer,
header, hgroup,
menu,
nav,
section {
display: block;
}
b, strong {
font-weight: bold;
}
img {
-ms-interpolation-mode: bicubic;
vertical-align: middle;
font-size: 0;
color: transparent;
}
ol, ul {
list-style: none;
}
li {
display: list-item;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
vertical-align: top;
text-align: left;
font-weight: normal;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
sub, sup, small {
font-size: 75%;
}
sub, sup {
position: relative;
vertical-align: baseline;
line-height: 0;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg {
overflow: hidden;
} body {
background: #fff;
font: 12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
}
button, input, textarea, select {
margin: 0;
padding: 0;
font-family: 'G-Md';
}
img {
vertical-align: top;
}
a {
text-decoration: none;
}  .alignleft {
float: left;
}
.alignright {
float: right;
} .clearfix:before,
.clearfix:after {
content: '';
display: table;
line-height: 0;
}
.clearfix:after {
clear: both;
} .wrapper {
position: relative;
min-width: 1010px;
} .container {
margin: 0 auto;
width: 1010px;
} .header {
font-family: 'G-Sb';
} .hd-logo {
float: left;
margin: 0 0 0 -12px;
padding: 45px 0 75px;
} .hd-social {
float: right;
padding: 17px 15px 32px 0;
}
.hd-social li {
float: left;
}
.hd-social a {
display: block;
background-repeat: no-repeat;
font: 0/0 a;
color: transparent;
}
.hd-social .n1 a {
width: 14px;
height: 14px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/facebook.png);
}
.hd-social .n1 a:hover {
background-position: 0 -14px;
}
.hd-social .n2 {
margin: 0 0 0 7px;
}
.hd-social .n2 a {
width: 15px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/twitter.png);
}
.hd-social .n2 a:hover {
background-position: 0 -13px;
}
.hd-social .n3 {
margin: 0 0 0 8px;
}
.hd-social .n3 a {
width: 13px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/linkedin.png);
}
.hd-social .n3 a:hover {
background-position: 0 -13px;
}
.hd-social .n4 {
margin: 1px 0 0 7px;
}
.hd-social .n4 a {
width: 20px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/email.png);
}
.hd-social .n4 a:hover {
background-position: 0 -13px;
}
.hd-social .n5 {
margin: 1px 0 0 7px;
}
.hd-social .n5 a {
width: 20px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/houzz.png);
}
.hd-social .n5 a:hover {
background-position: 0 -13px;
}
.hd-social .n6 {
margin: 1px 0 0 7px;
}
.hd-social .n6 a {
width: 20px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/pin.png);
}
.hd-social .n6 a:hover {
background-position: 0 -13px;
}
.hd-social .n8 {
margin: 1px 0 0 7px;
}
.hd-social .n8 a {
width: 20px;
height: 13px;
background-image: url(//www.dm2architecture.com.au/wp-content/themes/dm2/img/icon/architizer.png);
}
.hd-social .n8 a:hover {
background-position: 0 -13px;
} .hd-nav {
clear: right;
float: right;
margin: 0 5px 0 0;
}
.hd-nav-ul > li {
position: relative;
float: left;
margin-left: 1px;
}
.hd-nav-ul > li > a {
display: block;
padding: 5px 8px;
font-size: 14px;
line-height: 21px;
color: #231f20;
}
.hd-nav-ul > li:hover > a,
.hd-nav-ul > li.current_page_item > a,
.hd-nav-ul > li.current_page_ancestor > a,
.hd-nav-ul > li.current-menu-item > a,
.hd-nav-ul > li.current-menu-ancestor > a,
.single-project .hd-nav-ul > li.menu-item-27 > a,
.tax-project-tag .hd-nav-ul > li.menu-item-27 > a,
.news .hd-nav-ul > li.menu-item-28 > a 
.media .hd-nav-ul > li.menu-item-1066 > a {
background: #444;
color: #fff;
}
.hd-nav-ul li ul {
position: absolute;
top: 0;
left: 100%;
display: none;
background: #444;
white-space: nowrap;
z-index: 10;
}
.hd-nav-ul li > ul {
top: 100%;
left: 0;
}
.hd-nav-ul li:hover > ul {
display: block;
}
.hd-nav-ul li li > a {
position: relative;
display: block;	
padding: 5px 23px 5px 8px;
font: 12px/16px 'G-Rg';
color: #fff;
}
.hd-nav-ul li li > a:after {
content: '>';
position: absolute;
top: 5px;
right: 8px;
font: 14px/16px 'G-Sb';
}
.hd-nav-ul li li:hover > a,
.hd-nav-ul li li.current_page_item > a,
.hd-nav-ul li li.current_page_ancestor > a,
.hd-nav-ul li li.current-menu-item > a,
.hd-nav-ul li li.current-menu-ancestor > a {
background: #ef4023;
} .cat-nav {
clear: right;
float: right;
margin: 0 5px 0 0;
}
.cat-nav li {
float: left;
padding: 2px 8px;
font: 15px/22px 'G-Rg';
}
.cat-nav a {
color: #60676c;
}
.cat-nav a:hover {
text-decoration: underline;
}
.cat-nav .current a {
font-family: 'G-Bd';
} .footer {
margin-top: 75px;
padding-bottom: 75px;
text-align: center;
font: 11px/15px 'G-Md';
color: #a9a8a8;
}
.footer a {
color: #a9a8a8;
}
.footer a:hover {
text-decoration: underline;
} .main {
} .isotope {
margin: -15px 0 0 -15px;
}
.isotope a {
position: relative;
display: block;
}
.isotope a span {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: #ef4023;
color: #fff;
}
.isotope a:hover span {
display: block;
}
.isotope a i,
.isotope a span:before {
display: inline-block;
vertical-align: middle;
}
.isotope a i {
width: 100%;
text-align: center;
font: 15px/22px 'G-Sb';
}
.isotope a span:before {
content: '';
width: 0;
height: 100%;
}
.isotope .item {
float: left;
margin: 15px 0 0 15px;
}
.isotope .text {
padding: 15px;
font: 20px/26px 'G-Md';
color: #ef4023;
}
.isotope .text p {
margin-top: 15px;
}
.isotope .text p:first-child {
margin-top: 0;
}
.isotope .itemx89 {
width: 445px;
}
.isotope .itemx66 {
width: 330px;
}
.isotope .itemx43 {
width: 215px;
}
.isotope .itemx20 {
width: 100px;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
} .two-cols .col-1 {
float: left;
width: 190px;
}
.two-cols .col-2 {
float: left;
margin-left: 30px;
width: 790px;
} .three-cols .col-1 {
float: left;
width: 190px;
}
.three-cols .col-2 {
float: left;
margin-left: 30px;
width: 545px;
}
.three-cols .col-3 {
float: left;
margin-left: 30px;
width: 215px;
} .page-title {
margin-top: -7px;
font: 30px/32px 'G-Sb';
color: #ef4023;
} .page-title-home {
margin-top: -7px;
font: 24px/30px 'G-Sb';
color: #ef4023;
margin-bottom:12px;
}
h2.page-title {
margin-top: 17px;
font: 22px/28px 'G-Sb';
color: #666666;
} .page-description {
margin-top: 5px;
font: 15px/20px 'G-Md';
color: #231f20;
} .page-more {
position: relative;
z-index: 3;
margin-top: 20px;
min-height: 20px;
}
.page-more .more,
.page-more .close {
position: absolute;
font: 15px/20px 'G-Md';
}
.page-more .close {
bottom: 10px;
right: 228px;
}
.page-more .more a,
.page-more .close a {
color: #797979;
}
.page-more .toggle {
position: relative;
display: none;
margin: 0 -475px 0 -12px;
width: 677px;
}
.page-more .inner {
display: table;
width: 100%;
position: relative;
background: #e5e5e5;
font-size: 11px;
line-height: 17px;
}
.page-more .content,
.page-more .client {
display: table-cell;
vertical-align: top;
}
.page-more .content {
padding: 15px 30px 15px 12px;
}
.page-more .content p {
margin-top: 17px;
}
.page-more .content p:first-child {
margin-top: 0;
}
.page-more .left,
.page-more .right {
display: table-cell;
vertical-align: top;
}
.page-more .left {
padding-right: 42px;
width: 190px;
}
.page-more .right {
padding-bottom: 15px;
}
.page-more .client {
padding: 15px 12px;
width: 191px;
background: #ef4023;
color: #fff;
}
.page-more dt {
margin-top: 5px;
font-weight: bold;
}
.page-more dt:first-child {
margin-top: 0;
} .page-filters {
margin-top: 32px;
font: 15px/22px 'G-Rg';
color: #60676c;
}
.page-filters a {
color: #60676c;
}
.page-filters a:hover {
text-decoration: underline;
}
.page-filters .current-cat a,
.page-filters .current-menu-item a {
font-family: 'G-Bd';
}
.page-filters h3 {
font-weight: normal;
color: #ef003b;
} .entry {
min-height: 100px;
font-size: 13px;
line-height: 19px;
color: #60676c;
}
.entry h1,
.entry h2,
.entry h3 {
font-weight: normal;
font-family: 'G-Sb';
color: #231f20;
}
.entry h1 {
margin-top: -7px;
margin-bottom: 25px;
font-size: 28px;
line-height: 32px;
}
.entry h2 {
margin-top: 25px;
font-size: 18px;
line-height: 24px;
}
.entry h3 {
margin-top: 19px;
font-size: 15px;
}
.entry ul,
.entry p {
margin-top: 19px;
}
.entry h2 + *,
.entry h3 + * {
margin-top: 0;
}
.entry li {
position: relative;
padding-left: 30px;
}
.entry li:before {
content: '>';
position: absolute;
left: 16px;
font-family: 'G-Sb';
color: #231f20;
}
.entry a {
color: #ef4023;
}
.entry a:hover {
text-decoration: underline;
}
.entry :first-child {
margin-top: 0;
} .page-nav {
margin-top: 45px;
}
.page-nav li {
float: left;
font-size: 13px;
line-height: 23px;
}
.page-nav a {
color: #60676c;
}
.page-nav a:hover {
text-decoration: underline;
}
.page-nav .prev a,
.page-nav .next a {
display: block;
width: 23px;
text-align: center;
font-family: 'G-Sb';
background: #f5f5f5;
}
.page-nav .prev a:hover,
.page-nav .next a:hover {
text-decoration: none;
}
.page-nav .num,
.page-nav .dot {
margin: 0 5px;
}
.page-nav .current {
font-weight: bold;
} .widget {
font-size: 13px;
line-height: 18px;
color: #60676c;
}
.widget:first-child {
margin-top: -7px;
}
.widget h3 {
margin-bottom: 10px;
font: 18px/32px 'G-Sb';
color: #231f20;
}
.widget p,
.widget li {
margin-top: 10px;
}
.widget h3 + p,
.widget li:first-child {
margin-top: 0;
}
.widget a {
color: #60676c;
}
.widget a:hover {
text-decoration: underline;
} .enquire .field {
margin-bottom: 5px;
}
.enquire .custom-input,
.enquire .custom-textarea {
position: relative;
padding: 0 11px;
}
.enquire .placeholder {
font: 15px/17px 'G-Md';
color: #231f20;
}
.enquire label.placeholder {
position: absolute;
top: 10px;
left: 11px;
cursor: text;
}
.enquire input.placeholder,
.enquire textarea.placeholder {
float: left;
margin: 0 -11px;
padding: 10px 11px;
width: 100%;
height: 17px;
background: #f5f5f5;
border: 0;
}
.enquire textarea.placeholder {
height: 111px;
overflow: auto;
resize: none;
}
.enquire button {
float: left;
width: 115px;
height: 37px;
background: #ef4023;
border: 0;
cursor: pointer;
font-size: 15px;
color: #fff;
}
.enquire button:hover {
background: #444;
}
.enquire .wpcf7-form-control-wrap {
display: block;
position: static;
}
.enquire .wpcf7-not-valid-tip {
position: absolute;
left: -9999px;
}
.enquire input.wpcf7-not-valid,
.enquire textarea.wpcf7-not-valid {
background: #ffccd3;
}
.enquire .wpcf7-response-output {
margin: 10px 0 0;
padding: 6px 8px;
background: #fff;
font-size: 12px;
line-height: 18px;
color: #231f20;
} .recent:first-child {
margin-top: 0;
}
.recent h3 {
font-size: 16px;
line-height: 26px;
} .search-form {
margin-top: 20px;
}
.search-form input {
float: left;
padding: 5px 8px;
width: 200px;
height: 17px;
background: #f5f5f5;
border: 0;
font: 13px/17px 'G-Md';
color: #231f20;
}
.search-form button {
float: left;
margin-left: 10px;
width: 100px;
height: 27px;
background: #444;
border: 0;
cursor: pointer;
font-size: 13px;
color: #fff;
}
.search-form button:hover {
background: #ef4023;
}  .news-item {
margin-top: 44px;
font-size: 13px;
line-height: 19px;
color: #60676c;
}
.news-item:first-child {
margin-top: 0;
}
.news-item a:hover {
text-decoration: underline;
}
.news-item .date {
display: block;
font: 13px/26px 'G-Sb';
}
.news-item .title {
font: 28px/34px 'G-Sb';
}
.news-item .title a {
color: #231f20;
}
.news-item .excerpt {
margin-top: 6px;
}
.news-item footer {
margin-top: 19px;
}
.news-item .more {
font: 15px/20px 'G-Sb';
}
.news-item .more li {
float: left;
margin-right: 13px;
}
.news-item .more a {
color: #231f20;
}
.news-item .tags {
font: 15px/22px 'G-Rg';
}
.news-item .tags dt,
.news-item .tags dd {
display: inline;
}
.news-item .tags dt {
margin-right: 3px;
color: #ef003b;
}
.news-item .tags a {
color: #60676c;
} .news-entry .date {
display: block;
font: 13px/26px 'G-Sb';
color: #60676c;
}
.news-entry h1 {
margin-bottom: 10px;
font-size: 28px;
line-height: 34px;
}
.news-left {
float: left;
width: 495px;
}
.news-right {
float: right;
width: 215px;
}
.news-right li {
padding: 0;
}
.news-right li:before {
content: none;
}
.news-ft {
margin-top: 19px;
}
.news-ft .tags {
font: 15px/22px 'G-Rg';
}
.news-ft .tags dt,
.news-ft .tags dd {
display: inline;
}
.news-ft .tags dt {
margin-right: 3px;
color: #ef003b;
}
.news-ft .tags a {
color: #60676c;
} .gallery-large {
margin-bottom: 15px;
text-align: center;
}
.gallery-large img {
max-width: 100%;
max-height: 790px;
} .gallery-thumbs {
margin-bottom: 15px;
}
.gallery-thumbs ul:first-child {
margin: -15px 0 0 -15px;
}
.gallery-thumbs li {
float: left;
margin: 15px 0 0 15px;
padding: 0;
}
.gallery-thumbs li:first-child {
margin-top: 15px;
}
.gallery-thumbs li:before {
content: none;
}
.gallery-thumbs a {
position: relative;
display: block;
}
.gallery-thumbs a span {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: #ef4023;
color: #fff;
}
.gallery-thumbs a:hover span {
display: block;
}
.gallery-thumbs a i,
.gallery-thumbs a span:before {
display: inline-block;
vertical-align: middle;
}
.gallery-thumbs a i {
width: 100%;
text-align: center;
font: 15px/22px 'G-Sb';
}
.gallery-thumbs a span:before {
content: '';
width: 0;
height: 100%;
}  .team {
font-size: 13px;
line-height: 19px;
color: #60676c;
}
.team .col {
float: left;
margin-left: 15px;
width: 215px;
}
.team .col:first-child {
margin-left: 0;
}
.team .item {
margin-top: 30px;
}
.team .item:first-child {
margin-top: 0;
}
.team .photo {
display: table-cell;
vertical-align: bottom;
width: 215px;
height: 245px;
}
.team .photo img {
max-width: 100%;
max-height: 100%;
}
.team .content {
height: 19px;
overflow: hidden;
}
.team .active .content {
height: auto;
overflow: visible;
}
.team h2 {
margin-top: 10px;
font: 16px/24px 'G-Sb';
color: #ef4023;
}
.team .content p {
margin-top: 19px;
}
.team .content p:first-child {
margin-top: 0;
font: 13px/19px 'G-Sb';
color: #231f20;
}
.team .toggle {
font-weight: bold;
}
.team .active .toggle {
margin-top: 19px;
}
.team .toggle a {
color: #60676c;
}  .media {
font-size: 13px;
line-height: 19px;
color: #60676c;
}
.media .col {
float: left;
margin-left: 15px;
width: 215px;
}
.media .col:first-child { }
.media .item {
margin-top: 30px;
}
.media .item:first-child {
margin-top: 0;
}
.media .photo {
display: table-cell;
vertical-align: bottom;
width: 215px;
height: 245px;
}
.media .photo img {
max-width: 100%;
max-height: 100%;
}
.media .content {
height: 19px;
overflow: hidden;
}
.media .active .content {
height: auto;
overflow: visible;
}
.media h2 {
margin-top: 10px;
font: 16px/24px 'G-Sb';
color: #ef4023;
}
.media .content p {
margin-top: 19px;
}
.media .content p:first-child {
margin-top: 0;
font: 13px/19px 'G-Sb';
color: #231f20;
}
.media .toggle {
font-weight: bold;
padding-bottom: 14px;
}
.media .active .toggle {
margin-top: 19px;
}
.media a {
color: #60676c;
}  .results h1 {
margin-top: -7px;
padding-bottom: 10px;
font: 28px/32px 'G-Sb';
color: #231f20;
}
.results .highlight {
margin: 0 -3px;
padding: 0 3px;
background: #ef4023;
}
.results p .highlight {
display: inline-block;
margin: 0;
padding: 0 5px;
}
.result {
margin-top: 22px;
font-size: 13px;
line-height: 19px;
color: #60676c;
}
.result a:hover {
text-decoration: underline;
}
.result h2 {
font-size: 18px;
}
.result h2 a {
color: #231f20;
}