/***** RESET *****/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: 'fabricaregular', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

/***** COLORS

Taupe #70615C
Grey  #9f9f9f
Black #000000
White #ffffff

*****/


/***** TYPOGRAPHY *****/

@font-face {
    font-family: 'fabricaregular';
    src: url('http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/fonts/fabrica-webfont.eot');
    src: url('http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/fonts/fabrica-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/fonts/fabrica-webfont.woff') format('woff'),
         url('http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/fonts/fabrica-webfont.ttf') format('truetype'),
         url('http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/fonts/fabrica-webfont.svg#fabricaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-bottom: .5em;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
	color: #70615C;
	padding: 2em 0 1em;
	margin-bottom: .5em;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/h3-marker.gif) no-repeat left bottom;
}

h3:first-child {
	padding-top: 0;
}

h6 {
	font-size: 1em;
	color: #70615C;
	padding: 0.5em 0 2em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/h3-marker.gif) no-repeat left bottom;}

p {
	margin-bottom: 1em;
}

a {
	color: #9f9f9f;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

input {
	font-family: 'fabricaregular', sans-serif;
	margin-left: 11px;
	padding: 0;
	margin-bottom: 5px;
	font-size: 1em;
	border: none;
	color: #000000;
	width: 74%;
	-webkit-appearance:none;
}

input:focus {
	background-color: #eeeeee;
	color: #000000;
}

ul {
	margin-bottom: 1em;
}

li {
	margin-bottom: .3em;
}

::selection {
	color: #ffffff;
	background: #000000;
}

::-moz-selection {
	color: #ffffff;
	background: #000000;
}

/***** BOXES *****/

/* Header */

header {
	width: 100%;
	height: 75px;
	position: fixed;
	top: 0;
	z-index: 9000;
	background-color: #ffffff;
}

.header-wrapper {
	width: 1640px;
	height: 45px;
	padding: 30px 0 0;
	margin: 0 auto;
	background-color: #ffffff;
}

.logo-wrapper {
	width: 100%;
}

img.logo {
	height: 75px;
	width: auto;
}

.logo.right {
	margin-right: -106px;
	float: right;
}

.logo.left {
	float: left;
}

#home .logo.right {
	margin-right: 20px;
}

#home .logo.left {
	margin-left: -126px;
}

/* Navigation */
nav {
	width: 950px;
	height: 100%;
	margin-left: 345px;
}

nav a:first-child {
	margin-left: -11px;
}

nav a {
	width: 69px;
	display: block;
	padding-left: 11px;
	float: left;
}

/* Hack for "Studio" */
nav a:nth-child(2), nav a:first-child + a {
	width: 64px;
	margin-left: 5px;
}


.navblock-wrapper {
	width: 950px;
	height: 130px;
	margin-left: 345px;
	padding-top: 15px;	
	border-top: 1px solid #000000;
}

.navblock {
	width: 160px;
	float: left;
}

.navblock a {
	display: block;
	width: 149px;
	padding-left: 11px;
}

.navblock:first-child {
	margin-left: -11px;
}

nav a:hover, nav a.active,
.subnav a:hover, .subnav a.active  {
	color: #000000;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/nav-marker.png) no-repeat left .8em;
	background-size: 9px;
}







.subnav-wrapper, .newsletter-wrapper-mobile {
	width: 100%;
}

.subnav-wrapper, .newsletter-wrapper {
	width: 100%;
	height: 145px;
	position: fixed;
	top: 75px;
	background-color: #ffffff;
	z-index: 8100;
}

.subnav, .newsletter-form {
	width: 1640px;
	height: 100%;
	margin: 0 auto;
	background-color: #ffffff;
}

.main-wrapper {
	width: 1640px;
	margin: 220px auto 0;
}

/* Newsletter */

.newsletter-wrapper {
	display: none;
}

nav #newsletter {
	cursor: pointer;
}

.newsletter-form .navblock:first-child {
	width: 320px;
	margin-left: 0;
}

.newsletter-form input {
	margin-left: 0;
	width: 98%;
} 

.newsletter-form input[type="submit"] {
	width: auto;
	background: none;
	color: #9F9F9F;
}

.newsletter-form input[type="submit"]:hover {
	cursor: pointer;	
	color: #000000;
}

.newsletter-form .mimi_field_feedback {
	margin-left: 10px;
	color: #9F9F9F;
}


/* Projects */

#projects-list {
	padding: 5px 20px;
}

#projects-list .thumb {
	position: relative;
	margin: 5px;
	float: left;
	overflow: hidden;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/ajax-loader.gif) no-repeat center center;
}

#projects-list .thumb.portrait, .thumb.portrait a {
	position: relative;
	display: block;
	width: 310px;
	height: 420px;
}

#projects-list .thumb.landscape, .thumb.landscape a {
	position: relative;
	display: block;
	width: 630px;
	height: 420px;
}

#projects-list .thumb.small, .thumb.small a {
	position: relative;
	display: block;
	width: 310px;
	height: 205px;
}

#projects-list .thumb a img, .thumb a {
	position: absolute;
	top: 0;
	left: 0;
}

#projects-list .thumb img {
	display: none;
}

#projects-list .thumb .project-title {
	line-height: 25px;
	display: block;
	height: 25px;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 60px;
	color: #000000;
}

#projects-list .thumb.portrait .project-title, .thumb.small .project-title {
	width: 240px;
	padding-left: 10px;
}

#projects-list .thumb.landscape .project-title {
	width: 560px;
	padding-left: 10px;
}

#projects-list .thumb#video iframe {
	position: absolute;
	top: 0;
	left: 0;
}

#projects-list .pullbox {
	position: relative;
	display: block;
	margin: 5px;
	width: 310px;
	height: 420px;
	background-color: #000000;
	font-size: 15px;
	line-height: 21px;
}

#projects-list .pullbox .copy {
	padding: 30px;
	color: #70615C;
}

#projects-list .thumb.button {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/bg-button.gif) no-repeat top center;
	background-size: 310px 205px;
}

#projects-list .thumb.button img {
	width: 310px;
	height: 205px;
}

#projects-list .thumb.button .expander {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/bg-button.gif) no-repeat top center;
	background-size: 310px 205px;
	width: 310px;
	height: 205px;
}

#projects-list .thumb.button .expander .icon {
	width: 100%;
	height: 100%;
	position: absolute;
}

#projects-list .thumb.button .copy {
	width: 100%;
	height: 100%;
	color: #70615C;
	text-align: center;
	line-height: 205px;
	font-size: 2em;
	position: absolute;
	display: none;
}

.thumb.button:hover {
	cursor: pointer;
}

#projects-list .thumb.button#email .icon {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/icon-email.gif) no-repeat center center;
}

#projects-list .thumb.button#phone .icon {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/icon-phone.gif) no-repeat center center;
}

#projects-list .thumb.button#journal .icon {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/icon-journal.gif) no-repeat center center;
}

#projects-list .thumb.button #more .icon {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/icon-more.gif) no-repeat center center;
}

#projects-list .thumb.button #less .icon {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/icon-less.gif) no-repeat center center;
}

#projects-list .thumb.hidden {
	display: none;
}

/* Projects Details */
#projects-details .main-wrapper {
	margin-top: 75px;
}

#projects-details .subnav-wrapper {
	display: none;
}

#projects-details #mobile.page-title {
	display: none;
}

#project-slide {
	width: 100%;
}

.cycle-loader-wrapper {
	width: 100%;
	text-align: center;
}

.slide-footer {
	width: 100%;
	height: 80px;
	background-color: #ffffff;
	position: fixed;
	bottom: 0;
	z-index: 4000;
}

.slide-footer-wrapper {
	width: 1640px;
	margin: 0 auto;
}

.slide-footer .project-title {
	width: 950px;
	margin-left: 340px;
	line-height: 80px;
	float: left;
}

.slide-footer .slide-handle {
	height: 80px;
	margin: 26px 20px 0;
	float: right;
	text-align: center;
	position: relative;	
}

.slide-footer .slide-handle div,
.slide-footer .slide-handle a {
	display: block;
	margin: 0 5px;
	width: 25px;
	height: 25px;
	border: 2px solid #000000;
	float: left;
	cursor: pointer;
	border: none;
}

.slide-footer .slide-handle #prev {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/prev-small.gif) no-repeat center center;
	background-size: 18px;
	width: 22px;
	height: 22px;
	border: none;
	margin: 3px auto;
}

.slide-footer .slide-handle #next {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/next-small.gif) no-repeat center center;
	background-size: 18px;
	width: 22px;
	height: 22px;
	border: none;
	margin: 3px auto;
}

.slide-footer .slide-handle #more {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/button-more.gif) no-repeat center center;
	background-size: 22px;
	margin: 0 0 0 35px;
}

.slide-footer .slide-handle #less {
	background: url(http://birddelacoeur.com.au/ee/themes/site_themes/bdlc2013/images/button-less.gif) no-repeat center center;
	background-size: 22px;
	margin: 0 0 0 35px;
}

.slide-footer .slide-handle #all {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/button-all.gif) no-repeat center center;
	background-size: 22px;
	margin: 0 45px 0 35px;
}


.slide-footer .slide-handle #slide-counter {
	border: none;
	width: 30px;
	height: 30px;
}

.slide-footer .slide-handle #slide-counter sup {
	vertical-align: super;
	font-size: .8em;
}

.slide-footer .slide-handle #slide-counter sub {
	vertical-align: sub;
	font-size: .8em;
}

.slide-footer .slide-handle #slide-counter span {
	font-size: 1.5em;
	line-height: 28px;
}

.project-info {
	width: 950px;
	height: 100%;
	padding: 0 25px;
	margin: 0 0 0 320px;
	background-color: #ffffff;
	position: absolute;
	bottom: 0;
	z-index: 8000;
	display: none;
	overflow: auto;
}

.project-info .page-title {
	margin-top: 230px;
}

.project-info .leftcol {
	width: 630px;
	margin-bottom: 60px;
	float: left;
}

.project-info .rightcol {
	width: 290px;
	margin-bottom: 60px;
	float: right;
}

.project-info .leftcol img {
	float: left;
	width: 100%; 
	margin-bottom: 20px;
}

.project-info .leftcol iframe {
	float: left;
	width: 100%; 
	margin-bottom: 20px;
}

.project-info .rightcol img {
	float: left;
	margin-bottom: 20px;
}

.project-info .project-handle {
	width: 100%;
	border-top: 1px solid #000000;
	margin-top: 3em;
	padding-top: 10px;
}

.project-info .project-handle a {
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: .5em;
}

.project-info .project-handle .prev {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/prev-small.gif) no-repeat right center;
	background-size: 13px;
}

.project-info .project-handle .next {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/next-small.gif) no-repeat right center;
	background-size: 13px;
}

#social li {
	display: block;
	height: 21px;
	overflow: hidden;
}

/* Pages */

#content-wrapper {
	width: 950px;
	/*margin-left: 345px;*/
	margin: 0 auto;
}

.page-title {
	width: 100%;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

#content-wrapper .onecol {
	width: 100%;
}

#content-wrapper .leftcol {
	width: 470px;
	margin-right: 30px;	
	float: left;
}

#content-wrapper .rightcol {
	width: 450px;
	float: right;
}

#content-wrapper .leftcol img,
#content-wrapper .rightcol img {
	width: 450px;
	height: auto;
	margin-bottom: 20px;
	float: left;
}

#content-wrapper table {
	margin-bottom: 4em;
}

#content-wrapper table td {
	padding-bottom: .3em;
}

#content-wrapper table td:first-child {
	width: 150px;
	padding-right: 10px;
}

#awards #content-wrapper h3 {
	display: block;
	width: 80px;
	padding-top: 0;
	float: left;
}

#credits #content-wrapper h3 {
	display: block;
	width: 200px;
	padding-top: 0;
	float: left;
	margin-top: 29px;
}

#credits  #content-wrapper ul {
	width: 250px;
	display: block;
	float: left;
	margin-top: 29px;
}

/* Press list */

#press-list {
	clear: both;
}

#press-list .thumb {
	width: 150px;
	margin-right: 10px;
	float: left;
}

#press-list .thumb img {
	width: 150px;
	height: auto;
}

#press-list .thumb .press-info {
	height: 5em;
}

#press-list .thumb a {
	position: relative;
}

#press-list .thumb.sixth, #press-list .thumb.twelfth {
	margin-right: 0;
}

#press-details .titleblock {
	width: 290px;
	float: right;
	padding-bottom: 20px;
}

#press-details .leftcol {
	float: left;
    	margin-bottom: 60px;
    	width: 630px;
}

#press-details .rightcol {
	float: right;
	margin-bottom: 60px;
	width: 290px;
}

#press-details .leftcol img {
	width: 630px;
	height: auto;
}

.press-entry {
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #000000;
	clear: both;
}

/* Journal */

.journal-entry {
	width: 100.1%;
	padding: 20px 0;
	border-top: 1px solid #000000;
	clear: both;
}

#content-wrapper .journal-entry .titleblock {
	width: 470px;
	float: right;
}

#content-wrapper .journal-entry .leftcol {
	width: 450px;
}

#content-wrapper .journal-entry .rightcol {
	width: 470px;
}

#content-wrapper .journal-entry .rightcol img {
	width: auto;
	height: auto;
}

.pagenav {
	display: none;
}

/* Contact */
#contact #content-wrapper li {
	display: block;
	height: 17px;
	margin: .5em 0;
}

#contact #content-wrapper li a {
	display: block;
	height: 17px;
	line-height: 17px;	
}

#contact #content-wrapper .leftcol li img {
	margin: 0 5px 0 0;
	float: left;
}

footer {
	height: 100px;
	clear: both;
}

.clear {
	clear: both;
}

iframe.fb_ltr {
	width: 100px;
	height: 36px;
	overflow: hidden;
}

#testimonials-list h6 {
	background: none;
}

#testimonials-list .quote {
	width: 460px;
	margin-bottom: 1em;
	padding-top: 1em;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/h3-marker.gif) no-repeat top left;
}

#testimonials-list .first,  #testimonials-list .second {
	padding-top: 0;
	background: none;
}

#testimonials-list .quote.left {
	float: left;
}

#testimonials-list .quote.right {
	float: right;
}


/* Isotope  plugin */

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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;
}

/**** disabling Isotope CSS3 transitions ****/

.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;
}

#infscr-loading {
	clear: both;
	width: 100%;
	text-align: center;
}

#mobile-header {
	display:none;
}


/*RESPONSIVE MENU*/

.menu-btn {

	z-index: 99;
	right: 0;
	position: absolute;
    cursor: default;
    background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/button-open-menu.png) no-repeat center center;
    z-index: 99;
    right: 0;
    position: absolute;
    margin-top: 27px;
    cursor: default;
    height: 29px;
    width: 29px;
    background-size: 25px;
    margin-right: 2.6% !important;
}

.responsive-menu-open {
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/button-close-menu.png) no-repeat center center !important;
	background-size: 25px !important;
}
 
.responsive-menu{
	display: none;
	top: 75px;
	right: 0px;
	width: 100%;
	height:100vh;
	position: absolute;
	background-color: #fff;
}

.responsive-menu .options-list{
	margin-top: 18px;
    margin-left: 20px;
}

.responsive-menu .sub-options-list{
	margin-top: 9px;
    margin-left: 29px;
    display: none;
}

.responsive-menu .menu-option{
	margin: 11px 0px;
}
 
.expand {
}

.searchbox {
	margin-left: 0px !important;
	padding-left: 11px;
}

.responsive-menu a {
	padding-left: 11px;
}
.responsive-menu input {
	padding-left: 11px;
}

.responsive-menu a:hover {
	color: #000000;
    background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/nav-marker.gif) no-repeat left center !important;
}

.responsive-menu #webform_submit_button:hover {
	color: #000000;
    background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/nav-marker.gif) no-repeat left center !important;
}

#mobile-header .mobile-logo img {
    height: 75px;
    float: left;
    margin-left: 3.2%;
}

#mobile-header .menu-logo{
	width: 20%;
	float: right;
}


/*.share-links li:nth-child(1) div, #social li:nth-child(1) div {
}

.share-links li:nth-child(1) div span, #social li:nth-child(1) div span {
	opacity: 0 !important;
}

.share-links li:nth-child(2), #social li:nth-child(2) {
}

.share-links li:nth-child(2) iframe, #social li:nth-child(2) iframe {
	opacity: 0 !important;
}
*/

.share-links li:nth-child(3) {
	margin-top: -4px !important;
}

#social li:nth-child(3) {
	margin-top: 0px !important;
}

.share-links li:nth-child(3) span, #social li:nth-child(3) span {
	width: 60px !important;
	background: none !important;
	opacity: 0 !important;
}

.share-links li a img, #social li a img {
	width: 60px !important;
	background: none !important;
	opacity: 0 !important;
    margin-top: -6px !important;
	margin-bottom: 0px !important;
	float: none !important;
}

.social-button-background {
	position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: -1;
   overflow: hidden;
   color: #9f9f9f;
}

.social-button-background:hover {
   color: #000;
}

.share-links li, #social li {
	position: relative;
}





/* Contact */

#contact #content-wrapper .leftcol {
	margin-bottom: 40px;
}

#contact #content-wrapper .leftcol ul li {
	display: block;
	height: 17px;
	margin: 0;
	margin-bottom: .5em;
	/*margin: .5em 0;*/
}

#contact #content-wrapper .leftcol ul li a {
	display: block;
	height: 17px;
	line-height: 17px;	
}

#contact #content-wrapper .leftcol p {
	margin-bottom: 40px;
}

#contact #content-wrapper .leftcol h3 {
	width: 150px;
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	color: #70615C;
	padding: 0 0 1em;
	margin-bottom: .5em;
	background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/h3-marker.gif) no-repeat left bottom;
}

#contact #content-wrapper .leftcol ul {
	/*margin-bottom: 1em;*/
	margin-bottom: 40px;
    width: 300px;
    float: left;
}

/*#contact #content-wrapper .leftcol li img {
	margin: 0 5px 0 0;
	float: left;
}*/


/* AIA Logo */
.aia-wrapper {
	/*margin: 20px 25px;*/
	padding-top: 25px;
	padding-bottom: 5rem;
	border-top: 1px solid #000000;
	clear: both;
}

.projects-group .aia-wrapper {
	margin: 20px 25px;
}

.aia-logo {
	height: 5rem;
}


/* 6 column layout */
@media screen and (max-width: 2288px) and (min-width: 1964px) {
		
	.main-wrapper, .newsletter-form {
		width: 1640px;
	}
	
	.slide-footer .project-title {
		width: 630px;
	}
}


/* 5 column layout */
@media screen and (max-width: 1964px) and (min-width: 1640px) {
		
	.main-wrapper, .newsletter-form {
		width: 1640px;
	}
	
	.slide-footer-wrapper {
		width: 1640px;
	}
	
	.slide-footer .project-title {
		width: 630px;
	}
}



/* 4 column layout */
@media screen and (max-width: 1639px) and (min-width: 1320px) {
		
	.header-wrapper, .subnav, .main-wrapper, .newsletter-form {
		width: 1320px;
	}
	
	.navblock-wrapper {
		width: 630px;
	}
	
	.slide-footer-wrapper {
		width: 1320px;
	}
	
	.slide-footer .project-title {
		width: 630px;
	}
	
	.project-info {
		width: 630px;
	}
	
	.project-info .leftcol {
		margin-bottom: 30px;
	}

	.project-info .rightcol {
		width: 630px;
	}
}

/* 3 column layout */
@media screen and (max-width: 1319px) and (min-width: 1025px) {

	.header-wrapper, .subnav, .main-wrapper, .newsletter-form, .logo-wrapper {
		width: 1000px;
	}

	.logo-wrapper {
		margin: 0 auto;
	}
	
	.logo.left {
		display: none;
	}

	.logo.right, #home .logo.right {
		margin-right: 25px;
	}
	
	nav {
		margin-left: 25px;
	}
	
	.navblock-wrapper {
		width: 630px;
		margin-left: 25px;
	}

	#content-wrapper {
		/*margin-left: 20px;*/
	}
	
	.slide-footer-wrapper {
		width: 1000px;
	}
	
	.slide-footer .project-title {
		width: 630px;
		margin-left: 20px;
	}
	
	.project-info {
		width: 630px;
		margin-left: 0;
	}
	
	.project-info .leftcol {
		margin-bottom: 30px;
	}
		
	.project-info .rightcol {
		width: 630px;
	}
}


@media screen and (max-width: 1024px) and (min-width: 853px) {

	.header-wrapper {
	}

	.slide-footer .slide-handle #slide-counter {
		border: none;
    	width: 38px;
    	height: 30px;
	}

	#press-details .leftcol img {
		width: 100%;
	}

	.subnav {
		width: 100%;
	}

	.newsletter-form {
		width: 100%;
	}

	.logo-wrapper {
		width: 100%;
	}

	.logo-wrapper {
		margin: 0 auto;
	}
	
	.logo.left {
		display: none;
	}

	.logo.right, #home .logo.right {
		margin-right: 25px;
	}


	.main-wrapper {
		width: 94vw;
		margin: 85px auto 0px auto;
	}
	
		
	nav {
		margin-left: 25px;
	}

	#content-wrapper {
		width: 100%;
		margin: 0px auto;
	}

	.titleblock {
		width: 100% !important;
		float: none !important;
	}

	.leftcol {
		width: 100% !important;
		float: none !important;
	}

	.journal-entry .leftcol img{
		width: 100% !important;
		float: none !important;
	}

	.rightcol {
		width: 100% !important;
		float: none !important;
	}

	.rightcol img {
		width: 100% !important;
		float: none !important;
	}

	.rightcol .aia-logo {
		width: auto!important;
	}	

	.subnav-wrapper {
		display:none !important;
	}

	#desktop-header {
		display:none;
	}

	#mobile-header {
		display:block;
	}

	#testimonials-list .quote.right {
		float: left;
	}

	#testimonials-list .quote {
		width: 100%;
	}

	.slide-footer-wrapper {
		width: 100%;
	}
	
	.slide-footer .project-title {
		width: 50%;
		margin-left: 3vw;
	}

	/*TABLET SPECIFIC*/
	.responsive-menu .options-list{
		margin-top: 38px;
	    margin-left: 9%;
	}

	.responsive-menu {
		font-size: 1.3em !important;
	}

	.responsive-menu li {
		margin: 11px 0;
	}

	.navblock-wrapper {
		width: 50%;
		margin-left: 29px;
		padding-top: 5px;
		border: none;
	}

	.slide-footer {
		z-index: 10000;
    	border-top: solid;
    	border-color: grey;
    	border-width: thin;
	}


	#projects-list {
		width: 97.5vw;
		padding: 5px 0px;
		margin-left: -0.7vw;
	}

	#projects-list .project-title {
		width: 80% !important;
		left: 20% !important;
		font-size: 1.2em;
	}

	#projects-list .thumb.landscape, .thumb.landscape a {
		width: 46.5vw;
		height: 29.2vw;
	}

	#projects-list .thumb.portrait, .thumb.portrait a {
		width: 46.5vw;
		height: 59.7vw;
	}

	#projects-list .thumb.small, .thumb.small a {
		width: 46.5vw;
		height: 29.2vw;
	}

	#projects-list .thumb.portrait a img {
		width: 46.5vw;
		height: 59.7vw;
	}

	#projects-list .thumb.landscape a img {
		width: 46.5vw;
		height: 29.2vw;
	}

	#projects-list .thumb.small a img {
		width: 46.5vw;
		height: 29.2vw;
	}

	#projects-list .thumb.button img {
		width: 46.5vw;
	}

	#home #projects-list .pullbox {
		width: 46.5vw;
		height: 59.7vw;

		font-size: 2.2vw;
    	line-height: 3.1vw;
	}

	#projects-list #video {
		width: 46.5vw;
	}

	#projects-list #video iframe  {
		width: 46.5vw !important;
		height: 29.2vw !important;
	}

	#projects-list .thumb.button .expander {
		background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/bg-button.gif) no-repeat top center;
    	background-size: 46.5vw 29vw;
		width: 46.5vw;
		height: 29vw;
	}

	#projects-list .thumb.button .copy {
		width: 100%;
	    height: 100%;
	    color: #70615C;
	    text-align: center;
	    line-height: 29vw;
	    font-size: 2em;
	    position: absolute;
	}

	#projects-list .thumb {
		position: relative;
		margin: 0.6vw;
		float: left;
		overflow: hidden;
		background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/ajax-loader.gif) no-repeat center center;
	}


	.project-info {
		width: 80%;
		margin-left: 0;
		padding: 0;
	}

	.project-info .page-title {
		margin-left: 3%;
    	width: 94%;
    	margin-top: 92px;
	}
	
	.project-info .leftcol {
		width: 94%;
		float: left;
	}

	.project-info .leftcol .project-description {
		width: 94%;
		margin: 0 auto;
	}

    .project-info .leftcol .project-images {
		margin: 0 auto;
    	width: 94%;
	}

	.project-info .leftcol .project-images img {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 2.3vw;
	}

	.project-info .leftcol .project-images iframe {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 2.3vw;
	}
		
	.project-info .rightcol {
		width: 94%;
		float: left;
	}

	.project-info .project-handle {
		width: 100%;
		margin-bottom: 7%;
	}

	.project-info .project-handle a {
		width: 100%;
	}

	.project-info .rightcol {
		width: 94% !important;
		float: none !important;
		margin: 0 auto;
	}

	#content-wrapper .leftcol img,
	#content-wrapper .rightcol img {
		margin-bottom: 2%;
	}



	#press-list {
		margin: 0 auto;
    	width: 102.5%;
	}

	#press-list .thumb  {
    	width: 23.5%;
    	margin-right: 1.2% !important;
	}

	#press-list .thumb a, #press-list .thumb a img {
    	width: 100%;
	}


	#press #content-wrapper {
		width: 100%;
    	margin: 0px auto;
	}

	#press #content-wrapper .page-title {
		width: 100%;
    	margin-bottom: 20px;
	}

	#press #mobile-header .mobile-logo img, #home #mobile-header .mobile-logo img {
		height: 75px;
		float: left;
	}

	.project-images iframe {
		width: 72vw;
    	height: 48vw;
	}

	#mobile-header .mobile-logo img {
		margin-left: 3%;
	}

	#credits #content-wrapper h3 {
	    display: block;
	    /*width: 180px;*/
	    width: 21vw;
	    padding-top: 0;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper ul {
	    /*width: 200px;*/
	    width: 26vw;
	    display: block;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper .rightcol img:first-child {
		margin-top: 20px;
	}

	/* Contact */
	#contact #content-wrapper .leftcol h3 {
		width: 18vw;
	}

	#contact #content-wrapper .leftcol ul {
	    width: 29vw;
	}

	#contact #content-wrapper .leftcol ul p {
	    float: left;
	}

	#contact #content-wrapper .leftcol ul:last-child {
	    margin-bottom: 0px;
	}
}


@media screen and (max-width: 852px) and (min-width: 650px) {

	.header-wrapper {
	}

	.slide-footer .slide-handle #slide-counter {
		border: none;
    	width: 38px;
    	height: 30px;
	}

	#press-details .leftcol img {
		width: 100%;
	}

	.subnav {
		width: 100%;
	}

	.newsletter-form {
		width: 100%;
	}

	.logo-wrapper {
		width: 100%;
	}

	.logo-wrapper {
		margin: 0 auto;
	}
	
	.logo.left {
		display: none;
	}

	.logo.right, #home .logo.right {
		margin-right: 25px;
	}


	.main-wrapper {
		width: 94vw;
		margin: 85px auto 0px auto;
	}
		
	nav {
		margin-left: 25px;
	}

	#content-wrapper {
		width: 100%;
		margin: 0px auto;
	}

	.titleblock {
		width: 100% !important;
		float: none !important;
	}

	.leftcol {
		width: 100% !important;
		float: none !important;
	}

	.journal-entry .leftcol img{
		width: 100% !important;
		float: none !important;
	}

	.rightcol {
		width: 100% !important;
		float: none !important;
	}

	.rightcol img {
		width: 100% !important;
		float: none !important;
	}

	.rightcol .aia-logo {
		width: auto!important;
	}	

	.subnav-wrapper {
		display:none !important;
	}

	#desktop-header {
		display:none;
	}

	#mobile-header {
		display:block;
	}

	#testimonials-list .quote.right {
		float: left;
	}

	#testimonials-list .quote {
		width: 100%;
	}

	.slide-footer-wrapper {
		width: 100%;
	}
	
	.slide-footer .project-title {
		width: 50%;
		margin-left: 3vw;
	}

	/*TABLET SPECIFIC*/
	.responsive-menu .options-list{
		margin-top: 38px;
	    margin-left: 9%;
	}

	.responsive-menu {
		font-size: 1.3em !important;
	}

	.responsive-menu li {
		margin: 11px 0;
	}

	.navblock-wrapper {
		width: 50%;
		margin-left: 29px;
		padding-top: 5px;
		border: none;
	}

	.slide-footer {
		z-index: 10000;
    	border-top: solid;
    	border-color: grey;
    	border-width: thin;
	}



	#projects-list {
		width: 97.5vw;
		padding: 5px 0px;
		/*margin-left: -1.1vw;*/
		margin-left: -1.4vw;
	}

	#projects-list .project-title {
		width: 80% !important;
		left: 20% !important;
		font-size: 1.2em;
	}

	#projects-list .thumb.landscape, .thumb.landscape a {
		width: 46.7vw;
		height: 29vw;
	}

	#projects-list .thumb.portrait, .thumb.portrait a {
		width: 46.7vw;
		height: 59.7vw;
	}

	#projects-list .thumb.small, .thumb.small a {
		width: 46.7vw;
		height: 29vw;
	}

	#projects-list .thumb.portrait a img {
		width: 46.7vw;
		height: 59.7vw;
	}

	#projects-list .thumb.landscape a img {
		width: 46.7vw;
		height: 29vw;
	}

	#projects-list .thumb.small a img {
		width: 46.7vw;
		height: 29vw;
	}

	#projects-list .thumb.button img {
		width: 46.7vw;
	}

	#home #projects-list .pullbox {
		width: 46.7vw;
		height: 59.7vw;

		font-size: 2.2vw;
    	line-height: 3.1vw;
	}

	#projects-list .thumb.button .expander {
		background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/bg-button.gif) no-repeat top center;
    	background-size: 46.7vw 29vw;
		width: 46.7vw;
		height: 29vw;
	}

	#projects-list .thumb.button .copy {
		width: 100%;
	    height: 100%;
	    color: #70615C;
	    text-align: center;
	    line-height: 29vw;
	    font-size: 1.5em;
	    position: absolute;
	}

	#projects-list #video {
		width: 46.7vw;
	}

	#projects-list #video iframe  {
		width: 46.7vw !important;
		height: 29vw !important;
	}


	#projects-list .thumb {
		position: relative;
		margin: 0.8vw;
		float: left;
		overflow: hidden;
		background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/ajax-loader.gif) no-repeat center center;
	}


	.project-info {
		width: 80%;
		margin-left: 0;
		padding: 0;
	}

	.project-info .page-title {
		margin-left: 3%;
    	width: 94%;
    	margin-top: 92px;
	}
	
	.project-info .leftcol {
		width: 94%;
		float: left;
	}

	.project-info .leftcol .project-description {
		width: 94%;
		margin: 0 auto;
	}

    .project-info .leftcol .project-images {
		margin: 0 auto;
    	width: 94%;
	}

	.project-info .leftcol .project-images img {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 2.3vw;
	}

	.project-info .leftcol .project-images iframe {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 2.3vw;
	}
		
	.project-info .rightcol {
		width: 94%;
		float: left;
	}

	.project-info .project-handle {
		width: 100%;
		margin-bottom: 7%;
	}

	.project-info .project-handle a {
		width: 100%;
	}

	.project-info .rightcol {
		width: 94% !important;
		float: none !important;
		margin: 0 auto;
	}

	#content-wrapper .leftcol img,
	#content-wrapper .rightcol img {
		margin-bottom: 2%;
	}



	#press-list {
		margin: 0 auto;
    	width: 102.6%;
	}

	#press-list .thumb  {
    	width: 23.27%;
    	margin-right: 1.5% !important;
	}

	#press-list .thumb a, #press-list .thumb a img {
    	width: 100%;
	}


	#press #content-wrapper {
		width: 100%;
    	margin: 0px auto;
	}

	#press #content-wrapper .page-title {
		width: 100.1%;
    	margin-bottom: 20px;
	}

	#press #mobile-header .mobile-logo img, #home #mobile-header .mobile-logo img {
		height: 75px;
		float: left;
	}

	.project-images iframe {
		width: 72vw;
    	height: 48vw;
	}

	#credits #content-wrapper h3 {
	    display: block;
	    width: 180px;
	    padding-top: 0;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper ul {
	    width: 200px;
	    display: block;
	    float: left;
	    margin-top: 29px;
	}

	.menu-btn {
		margin-right: 2.4vw !important;
	}

	#mobile-header .mobile-logo img {
		margin-left: 3vw;
	}

	.page-title {
		width: 100.1%;
	}

	#credits #content-wrapper h3 {
	    display: block;
	    width: 250px;
	    padding-top: 0;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper ul {
	    width: 320px;
	    display: block;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper .rightcol img:first-child {
		margin-top: 20px;
	}

	/* Contact */
	#contact #content-wrapper .leftcol h3 {
		width: 29vw;
	}

	#contact #content-wrapper .leftcol ul {
	    width: 60vw;
	}

	#contact #content-wrapper .leftcol ul p {
	    float: left;
	}

	#contact #content-wrapper .leftcol ul:last-child {
	    margin-bottom: 0px;
	}
}

@media screen and (max-width: 650px) {

	body {
		font-size: 0.9em;
		line-height: 1.5em;
		-webkit-text-size-adjust: none;
	}

	#home .projects-list{
		font-size: 1.0em;
	}

	.header-wrapper {
	}

	.newsletter-wrapper {
		display: none;
	}

	#press-details .leftcol img {
		width: 100%;
	}

	.subnav {
		width: 100%;
	}

	.newsletter-form {
		width: 100%;
	}

	.logo-wrapper {
		width: 100%;
	}

	.logo-wrapper {
		margin: 0 auto;
	}
	
	.logo.left {
		display: none;
	}

	.logo.right, #home .logo.right {
		margin-right: 25px;
	}
	
	nav {
		margin-left: 25px;
	}

	.main-wrapper {
		width: 94vw;
		margin: 85px auto 0px auto;
	}
	
	.projects-group .aia-wrapper {
		margin: auto;
	}
		
	#projects-details .main-wrapper {
		width: 92vw;
		margin: 85px auto 0px auto;
	}

	#content-wrapper {
		width: 100%;
		margin: 0px auto;
	}

	.titleblock {
		width: 100% !important;
		float: none !important;
	}

	.leftcol {
		width: 100% !important;
		float: none !important;
	}

	.journal-entry .leftcol img{
		width: 100% !important;
		float: none !important;
	}

	.rightcol {
		width: 100% !important;
		float: none !important;
	}

	.rightcol img {
		width: 100% !important;
		float: none !important;
	}

	.rightcol .aia-logo {
		width: auto!important;
	}	

	.subnav-wrapper {
		display:none !important;
	}

	#desktop-header {
		display:none;
	}

	#mobile-header {
		display:block;
	}

	#projects-list {
		width: 100%;
	}

	#testimonials-list .quote.right {
		float: left;
	}

	#testimonials-list .quote {
		width: 100%;
	}

	.slide-footer-wrapper {
		width: 100%;
	}
	
	.slide-footer .project-title {
		width: 50%;
		margin-left: 11px;
	}
	
	.project-info {
		width: 630px;
		margin-left: 0;
	}
	
	.project-info .leftcol {
		margin-bottom: 30px;
	}
		
	.project-info .rightcol {
		width: 630px;
	}

	/*MOBILE SPECIFIC*/

	.responsive-menu .options-list{
		margin-top: 38px;
	    margin-left: 29px;
	}

	.responsive-menu {
		font-size: 1.1em !important;
	}

	.responsive-menu li {
		margin: 11px 0;
	}

	.navblock-wrapper {
		width: 50%;
		margin-left: 29px;
		padding-top: 5px;
		border: none;
	}

	.slide-footer, .slide-footer-wrapper {
		width: 0;
		display: none;
	}

	#projects-list {
		width: 98vw;
		margin: 0 -2.5vw;
		padding: 5px 0px;
	}

	#projects-list .project-title {
		width: 80% !important;
		left: 20% !important;
		font-size: 1.2em;
	}

	#projects-list .thumb.landscape, .thumb.landscape a {
		width: 95vw;
		height: 60.6vw;
		margin-left: 1.27vw;
	}

	#projects-list .thumb.portrait, .thumb.portrait a {
		width: 95vw;
		height: 119vw;
		margin-left: 1.27vw;
	}

	#projects-list .thumb.small, .thumb.small a {
		width: 95vw;
		height: 58.5vw;
		margin-left: 1.27vw;
	}

	#projects-list .thumb.portrait a img {
		width: 95vw;
	}

	#projects-list .thumb.landscape a img {
		width: 95vw;
	}

	#projects-list .thumb.small a img {
		width: 95vw;
		height: 58.5vw;
	}

	#projects-list .thumb.button img {
		width: 95vw;
	}

	#home #projects-list .pullbox {
		width: 94vw;
    	margin-left: 3vw;

    	font-size: 3.9vw;
    	line-height: 4.9vw;
	}

	#projects-list .thumb.button .expander {
		background: url(http://birddelacoeur.com.au//ee/themes/site_themes/bdlc2013/images/bg-button.gif) no-repeat top center;
	    background-size: 95vw 58.5vw;
	    width: 310px;
	    height: 205px;
	    width: 94vw;
	    height: 58.5vw;
	    margin-left: 1.5vw;
	}

	#projects-list .thumb.button .copy {
	    width: 100%;
	    height: 100%;
	    color: #70615C;
	    text-align: center;
	    line-height: 58.5vw;
	    font-size: 2em;
	    position: absolute;
	}

	#projects-list #video {
		width: 95vw;
	}

	#projects-list #video iframe  {
    	width: 95vw !important;
    	height: 60.6vw !important;
    	margin-left: 1.5vw;
	}


	#home #mobile-header a img{
	}

	#home header .mobile-nav .responsive-menu a {
    	padding-left: 16px;
	}

	#home header .mobile-nav .menu-btn {
    	height: 29px;
    	width: 25px;
        background-size: 27px;
	}

	#credits #content-wrapper h3 {
		display: block;
		width: 160px;
		padding-top: 0;
		float: left;
		margin-top: 29px;
	}




	#projects-details .main-wrapper {
	}
	
	#projects-details .subnav-wrapper {
		display: block;
	}

	#projects-details #project-slide {
	}

	#projects-details .project-info {
		position: relative;
		height: auto;
		display: block;
	}
	
	#projects-details  .project-info .page-title {
		margin-top: 20px;
	}
	
	#projects-details .project-info .rightcol {
		width: 100%;
	}

	#projects-details #mobile.page-title {
		display: block;
    	margin-left: -0.5%;
    	width: 101.5%;
	}

	#project-slide img {
	}

	.project-info .page-title {
		display: none;
	}





	.project-info {
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	
	.project-info .leftcol {
		width: 90%;
		float: left;
	}

	.project-info .leftcol .project-description {
		width: 90%;
		margin: 0 auto;
	}

    .project-info .leftcol .project-images {
		margin: 0 auto;
    	width: 100%;
	}

	.project-info .leftcol .project-images img {
		width: 100%;
		max-width: 630px;
		float: none;
		margin-bottom: 2%;
	}

	.project-info .leftcol .project-images iframe {
		width: 100%;
		max-width: 630px;
		float: none;
		margin-bottom: 2%;
	}
		
	.project-info .rightcol {
		width: 90%;
		float: left;
	}

	.project-info .project-handle {
		width: 100%;
		margin-bottom: 7%;
	}

	.project-info .project-handle a {
		width: 100%;
	}

	.project-info .rightcol {
		width: 100% !important;
		float: none !important;
		margin: 0 auto;
	}

	#project-slide {
		width: 101.5% !important;
    	float: none !important;
    	margin: 0 auto;
    	margin-left: -0.5%;
	}

	.page-title {
		width: 100%;
	}

	#project-slide img {
		width: 100% !important;
		float: none !important;
		margin-bottom: 2%;
	}

	.cycle-loader-wrapper {
		display: none;
	}

	#mobile {
    	margin: 92px auto 20px auto;
	}

	#mobile h1 {
	}


	.header-wrapper {
		width: 680px;
	}

	#content-wrapper .leftcol img,
	#content-wrapper .rightcol img {
		margin-bottom: 2%;
	}

	#mobile-header .mobile-logo img {
	    margin-left: 3vw;
	    height: 65px;
	}

	#press #mobile-header .mobile-logo img {
	    margin-left: 3vw;
	    height: 65px;
	}

	#press #content-wrapper .page-title {
	    width: 100%;
	}

	.menu-btn {
		margin-right: 3vw !important;
		margin-top: 25px;
		height: 22px;
    	width: 22px;
	}

	#press .menu-btn {
		margin-right: 3vw !important;
	}

	#press-list {
		margin: 0 auto;
		width:100%;
	}

	#press-list .thumb  {
    	width: 48%;
    	margin: 0 1%;
	}

	#press-list .thumb a, #press-list .thumb a img {
    	width: 100%;
	}
	
	
	#home .responsive-menu{
	}

	.project-images iframe {
		width: 94vw;
		height: 62.7vw;
	}
	.project-info .leftcol .project-description {
		width: 100%;
		margin: 0 auto;
	}

	#credits #content-wrapper h3 {
	    display: block;
	    width: 40vw;
	    padding-top: 0;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper ul {
	    width: 40vw;
	    display: block;
	    float: left;
	    margin-top: 29px;
	}

	#credits #content-wrapper .rightcol img:first-child {
		margin-top: 20px;
	}

	/* Contact */
	#contact #content-wrapper .leftcol {
		margin-bottom: 0;
	}
	
	#contact #content-wrapper .leftcol h3 {
		width: 29vw;
	}

	#contact #content-wrapper .leftcol ul {
	    width: 60vw;
	}

	#contact #content-wrapper .leftcol ul p {
	    float: left;
	}

	#contact #content-wrapper .leftcol ul:last-child {
	    margin-bottom: 0px;
	}

	#home .responsive-menu input {
	    padding-left: 17px;
	}
}