body{
padding:0;	
margin:0;	
width:100%;	
height:100%;
}
@font-face {
font-family: 'Gnuolane';
src: url(//peterdutch.ca/wp-content/themes/fashion/fonts/Gnuolane_free-webfont.eot?#iefix) format('embedded-opentype'),
url(//peterdutch.ca/wp-content/themes/fashion/fonts/Gnuolane_free-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Latin Modern Sans';
src: url(//peterdutch.ca/wp-content/themes/fashion/fonts/lmsans10-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//peterdutch.ca/wp-content/themes/fashion/fonts/lmsans10-regular-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Latin Modern Sans bold';
src: url(//peterdutch.ca/wp-content/themes/fashion/fonts/lmsans10-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//peterdutch.ca/wp-content/themes/fashion/fonts/lmsans10-bold-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
*{
outline:none;
border:none;
line-height:1.5;
}
.wp-caption, .wp-caption-text,
.sticky, .gallery-caption,
.bypostauthor{}
.alignright{ float: right; }
.alignleft{ float: left; }
.aligncenter{ margin: 0 auto 0; }
h3{
font-family:'Latin Modern Sans', sans-serif;
font-weight:bold;
line-height:1.2;
}
.spacer{
clear:both;	
width:100%;	
height:0;
}
.wrapper {
width:960px;	
height:auto;	
margin:0 auto;	
padding:0;
z-index:99;
position:relative;
}
.controller {
width:100%; 
height:auto; 
margin:0;	
padding:0; 
float:left;	
}
.header{
width:100%;	
height:80px;	
float:left;	
margin:0;	
padding:0;
}
.logo {
width:520px;
height:80px;
float:left;
margin:0 10px;
background: url(//peterdutch.ca/wp-content/themes/fashion/img/peterdutch-custom-cabinetry-2.png) no-repeat;
} #smoothmenu1{
width: 299px;
margin: 0 0 0 71px;
height:80px;
float:left;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
z-index:99;
position:relative;
}
#smoothmenu1 ul{
list-style-type:none;
}
ul#menu-main{
margin:0;
list-style-type:none;
padding:0;
width:100%;
}
ul#menu-main li{
float:left;
font-family:'Latin Modern Sans', sans-serif;
font-weight: normal;
margin: 30px 0px 0 32px;
font-size: 18px;
}
ul#menu-main li{
position: relative;
z-index: 9999 !important;
}
ul#menu-main li ul{
position: absolute;
left: 0;
display: none; visibility: hidden;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
ul#menu-main li a{
text-decoration:none;
color:#eee;
}
ul#menu-main li ul li a{
font-family:Arial;
font-size:13px;
}
a.mobile-menu-button{
display:none;
} ul#menu-mobile{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
margin:80px 0 0 0;
position:absolute;
width:100%;
}
ul#menu-mobile li{
margin:5px;
}
ul#menu-mobile li a{
font-family:Arial;
font-size:13px;
}
.header-hider{
width:40px;
height:80px;
float:right;
margin:0 10px 0 0;
position:relative;
z-index:99;
}
.header-hider a.hider{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/controllers.png) no-repeat left top;
width:100%;
height:100%;
display:block;
}
.header-hider a.opener{
display:none;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/controllers.png) no-repeat top right;
width:100%;
height:100%;
} .content{
width:100%;
height:auto;
float:left;
margin:20px 0 0 0;
padding:0;
font-family:Arial;
font-size:13px;
}
.title-block{
width:940px;
height:80px;
margin:0 10px 20px 10px;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
.title-block h3{
margin:13px 0 0 20px;
padding:0;
font-size:40px;
color:#FFF;
float:left;
}
.content-hider{
width:40px;
height:80px;
float:right;
position:relative;
}
.content-hider a.c-hider{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/controllers.png) no-repeat bottom left;
width:100%;
height:100%;
display:block;
}
.content-hider a.c-opener{
display:none;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/controllers.png) no-repeat bottom right;
width:100%;
height:100%;
} .social-icons{
height:100%;
width:auto;
float:right;
margin:0 5px 0 0;
}
a.social-mobile{
text-decoration:none;
color:#eee;
float:right;
margin:0;
width:50px;
text-align:center;
display:none;
}
.social-icons a{
text-decoration:none;
width:30px;
height:50px;
display:block;
float:left;
margin:15px 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
}
.social-icons a.twitter{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/twitter.png) no-repeat center;}
.social-icons a.facebook{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/facebook.png) no-repeat center;}
.social-icons a.dribble{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/dribble.png) no-repeat center;}
.social-icons a.youtube{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/youtube.png) no-repeat center;}
.social-icons a.skype{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/skype.png) no-repeat center;}
.social-icons a.flickr{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/flickr.png) no-repeat center;}
.social-icons a.vimeo{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icons/vimeo.png) no-repeat center;} .blog-block{
width:100%;
height:auto;
float:left;
margin:0 0 20px 0;
padding:0;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
.single-image img{
width:100%;
height:auto;
margin:0;
}
.blog-block h3{
margin:15px 20px 15px 20px;
padding:0;
color:#eee;
font-size:24px;
}
.blog-block h3 a{
color:#eee;
text-decoration:none;
}
.blog-block h3 a:hover{
color:#FFF;
}
.blog-block p{
margin:0 20px 15px 20px;
padding:0;
color:#e5e5e5;
}
ul.slides p{
margin:0;
padding:5px 0;
color:#eee;
}
ul.slides p span{
padding:5px 20px;
}
.descrip{
float:left;
width:430px;
padding-bottom:10px;
}
.descrip ul, .descrip ol{
color:#CCC;
margin:20px 40px;
}
.descrip ul li, .descrip ol li{
margin:5px 0;
}
.section ul, .section ol{
color:#CCC;
margin:20px 40px;
}
.section ul li, .section ol li{
margin:5px 0;
}
span.bottom-line{
width:150px;
height:auto;
margin:20px 0;
display:block;
font-size:12px;
float:right;
border-left:1px solid #222222;
}
span.bottom-line span{
margin:5px 10px 5px 20px;
padding:0 0 0 20px;
display:inline-block;
}
span.bottom-line span span{
margin:0;
padding:0;
}
span.bottom-line a{
text-decoration:none;
color:#999999;
padding:0 0 2px 0;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/link-border-grey.png) repeat-x bottom;
}
span.bottom-line a:hover{
color:#FFF;
}
span.comment-link{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icon-comment.png) no-repeat left center;}
span.author-link{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icon-author.png) no-repeat left center;}
span.time-link{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icon-time.png) no-repeat left center;}
span.permalink-link{background:url(//peterdutch.ca/wp-content/themes/fashion/img/icon-permalink.png) no-repeat left center;}
.vimeo-video{
width:100%;
height:400px;
}
.youtube-video{
width:100%;
height:370px;
}
.pager{
width:100%;
float:left;
clear:both;
margin:0 0 20px 0;
}
.pager a{
width:auto;
height:25px;
display:block;
float:left;
padding:5px 10px 0 10px;
margin:0 10px 0 0;
text-align:center;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
color:#999;
text-decoration:none;
font-size:12px;
}
.pager span{
width:auto;
height:25px;
display:block;
float:left;
padding:5px 10px 0 10px;
margin:0 10px 0 0;
text-align:center;
background:#e5e5e5;
color:#484848;
text-decoration:none;
font-size:12px;
}
.pager a:hover{
color:#FFF;
}
.comment-block{
width:100%;
height:auto;
float:left;
margin:0 0 20px 0;
padding:0;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
.left-comments{
margin:20px 20px 0 20px;
float:left;
clear:both;
display:block
}
.left-comments img{
width:60px;
height:60px;
margin:0 10px 5px 0;
}
.content .comment-block p{
color:#999;
margin:0;!important
}
.left-comments a{
color:#FFF;
border-bottom:1px dotted #FFF;
text-decoration:none;
}
.left-comments a:hover{
color:#999;
border-bottom:1px dotted #999;
}
.comment-block p span{
font-size:11px;
color:#484848;
}
.comment-block form{
float:left;
clear:both;
}
.comment-block form label{
color:#999999;
clear:both;
width:70%;
}
.lab{
width:177px;
height:auto;
float:left;
margin:20px 0 20px 20px;
}
input.com-text{
width:167px;
height:24px;
margin:5px 0 0 0;
padding:3px 5px;
background:#070707;
color:#999;
}
.comment-block textarea{
width:560px;
height:130px;
margin:0 0 20px 20px;
background:#070707;
color:#999;
padding:10px;
font-family:Arial;
font-size:13px;
}
input.com-submit, #submit{
background:#000;
border:1px solid #070707;
margin:0 0 20px 0;
color:#999;
padding:8px 20px;
cursor:pointer;
text-align:center;
}
input.com-submit:hover, #submit:hover{
color:#FFF;
}
#respond h3#reply-title{
color:#999;
margin:0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
} .map{
width:100%;
height:300px;
}
a.send{
background:#000;
border:1px solid #070707;
margin:0 0 20px 20px;
color:#999;
padding:8px 20px;
cursor:pointer;
text-align:center;
text-decoration:none;
float:left;
clear:both;
}
a.send:hover{
color:#FFF;
}
.alertMessage{
margin:10px 0 20px 20px;
color:#999;
}
.alertMessage ul{
list-style-type:circle;
margin:0 0 20px 20px;
padding:0;
color:#999;
} .about-block{
width:100%;
height:auto;
float:left;
margin:0 0 20px 0;
padding:0;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
.about-block img{
width:100%;
height:auto;
margin:0;
}
.about-block h3{
margin:15px 20px 15px 20px;
padding:0;
color:#eee;
font-size:24px;
}
.about-block h3 a{
color:#eee;
text-decoration:none;
}
.about-block h3 a:hover{
color:#FFF;
}
.about-block p{
margin:0 20px 15px 20px;
padding:0;
color:#e5e5e5;
}
.section{
margin:0 0 20px 0;
float:left;
clear:both;
width:100%;
}
.block{
width:100%;
height:auto;
float:left;
margin:0 0 20px 0;
padding:0;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
.block h3{
margin:15px 20px 15px 20px;
padding:0;
color:#eee;
font-size:24px;
}
.block h3 a{
color:#eee;
text-decoration:none;
}
.block h3 a:hover{
color:#FFF;
}
.block p{
margin:0 20px 15px 20px;
padding:0;
color:#e5e5e5;
}
.slides img{
width:100%;
}
.errorPage{
font-size:200px;
color:#eee;
margin:0 auto;
text-align:center;
font-family:'Latin Modern Sans', sans-serif;
} #portfolio{
width:100%;
}
.portfolio-list{
margin:0;
padding:0;
width:960px;
list-style-type:none;
float:left;
display:block;
}
.portfolio-list h3{
margin:0;
padding:7px 15px;
background:#e5e5e5;
font-size:111%;
}
.portfolio-list h3 a{
text-decoration:none;
color:#484848;
}
.portfolio-list h3 a:hover{
color:#000;
}
.portfolio-4 img{
width:100%;
}
.portfolio-4 .column-5 h3{
width:190px;
}
.portfolio-4 .column-4 h3{
width:260px;
}
.viewport{
position:relative;
width:100%;
height:138px;
overflow:hidden;
}
.viewport span {
display: none;
font-size: 1.0em;
font-weight: bold;
height: 100%;
position: absolute;
text-align: center;
text-decoration: none;
width: 100%;
z-index: 100;
}
.viewport img {
position: relative;
width: 100%;
}
.dark-background {
background-color: rgba(01, 01, 01, 0.8);
color: #fff;
text-shadow: #000 0px 0px 20px;
}
.dark-background em {
color: #ccc;
}
a.zoom{
background: url(//peterdutch.ca/wp-content/themes/fashion/img/zoom.png) no-repeat center center;
width: 20px;
height: 20px;
display: block;
float: left;
padding: 126px 0 0 192px;
}
a.more{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/permalink.png) no-repeat;
width:20px;
height:20px;
display:block;
float:left;
margin:60px 0 0 40px;
}
a.img{
position:relative;
display:block;
width:100%;
}
#portfolio-filter{
list-style-type:none;
margin:0 10px 10px 10px;
padding:0;
float:left;
clear:both;
width:940px;
}
#portfolio-filter li{
float:left;
margin:0;
padding:0;
}
#portfolio-filter li a{
margin:0 10px 10px 0;
padding:8px 15px;
text-decoration:none;
color:#999999;
display:block;
background:#070707;
}  .isotope-item {	z-index: 2;}
.isotope-hidden.isotope-item {	pointer-events: none;	z-index: 1;}
.isotope, .isotope .isotope-item {	-webkit-transition-duration: 0.7s;	-moz-transition-duration: 0.7s;	transition-duration: 0.7s;}
.isotope {-webkit-transition-property: height, width;	-moz-transition-property: height, width;	transition-property: height, width;}
.isotope .isotope-item {	-webkit-transition-property: -webkit-transform, opacity;	-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;} .search-block{
width:100%;
height:auto;
float:left;
clear:both;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
padding:10px 0;
margin:0;
}
.search-block form{
width:280px;
height:40px;
margin:0 10px;
background:#070707;
}
.search-block input{
margin:13px 0 0 10px;
width:260px;
background:none;
border:none;
color:#999;
font-size:13px;
}
.right-block{
width:100%;
height:auto;
float:left;
clear:both;
padding:0;
margin:0 0 20px 0;
}
.right-block h3{
font-size:24px;
color:white;
padding:10px 20px 14px;
background:#000;
}
.right-block ul{
list-style-type:decimal;
padding:10px 0 5px 0;
margin:0 10px 0 20px;
}
.right-block ol{
padding:10px 0 5px 0;
margin:0 10px 0 20px;
}
.right-block ul.archive li{
margin:10px 20px;
padding:0 0 10px;
color:#555;
}
.right-block ul.archive li a{
color:#999;
text-decoration:none;
margin:0 10px 0 0;
border-bottom:1px dotted #999;
padding:0 0 2px 0;
}
.right-block ul.archive li a:hover{
color:#FFF;
border-bottom:1px dotted #fff;
}
.right-block ol.archive li{
margin:10px 20px;
padding:0 0 10px;
color:#555;
}
.right-block ol.archive li a{
color:#999;
text-decoration:none;
margin:0 10px 0 0;
border-bottom:1px dotted #999;
padding:0 0 2px 0;
}
.right-block ol.archive li a:hover{
color:#FFF;
border-bottom:1px dotted #fff;
}
.widget ul li{
margin:10px 20px;
padding:0 0 10px;
color:#555;
}
.widget ul li a{
color:#999;
text-decoration:none;
margin:0 10px 0 0;
border-bottom:1px dotted #999;
padding:0 0 2px 0;
}
.widget ul li a:hover{
color:#FFF;
border-bottom:1px dotted #fff;
}
.right-block ul.last-work{
padding:0;
}
.right-block ul.last-work li{
margin:20px 0 0 20px;
padding:0;
}
.right-block ul.last-work li img{
width:260px;
height:100px;
}
.right-block p{
color:#fff;
margin:20px;
padding: 20px;
background:#000;
}
.content .right-block p {
margin:10px 0 0;
padding-bottom:10px;
}
.right-block p.image {
margin:0;
padding:0;
text-align: center;
}
.right-block p.image img {
width:100%;
}
.right-block p.image a {
border-bottom: none;
}
.right-block p span{
color:#FFF;
} .footer{
width:130px;
height:35px;
margin:0 0 0 415px;
padding:0;
position:fixed;
bottom:0;
} } .jp-pause{
width: 22px;
height: 20px;
text-indent: -9999px;
opacity: 1;
z-index:999;
position:relative;
float:left;
margin:6px 0 0 0;
}
.jp-pause{
background:transparent url(//peterdutch.ca/wp-content/themes/fashion/img/audio-on.png) no-repeat left center;
} .footer #controls-wrapper {
width: 88px;
}
#jp_container_1{
position:relative;
float:left;
margin:0;
}
#jquery_jplayer_1{
width:0;
display:none;
float:left;
}
#video-wrap{
position:fixed;
left:0;
top:0;
z-index:-99;
}
.flexslider img{
height:350px;
}
ul#menu-mobile{
display:none;
}
ul#menu-mobile li{
padding:3px 0;
}
ul.menu a{
color:#FFF;
text-decoration:none;
}
ul.slides img{
height:347px;
}
div.column-1 ul.slides img{
height:528px;
} #post-40 ul.col1, #post-40 ul.col2 {
float: left;
width: 40%;
margin:10px 20px 20px 40px;
}
p.post-col {
clear:both;
}
.page-id-40 #controls-wrapper, .page-id-134 #controls-wrapper,
.page-template-contact-php #controls-wrapper, .page-id-48 #controls-wrapper {
display: none;
}
.large-text {
font-family: "Latin Modern Sans";
font-weight: bold;
font-size: 150%;
line-height: 40px;
}
.content p.large-text a {
border-bottom: 0px;
color: grey;
}
.content .right-block p {
font-size: 120%;
}
.content p a.fancybox, .content p a:hover.fancybox {
border-bottom: none;
}
.fancybox-opened {
z-index: 88030;
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.logo{
width:220px;
background: url(//peterdutch.ca/wp-content/themes/fashion/img/peterdutch-custom-cabinetry-sm.png)no-repeat;
}
#smoothmenu1{
margin: 0 0 0 71px;
}
.title-block h3{
font-size:30px;
margin-top:22px;
}
div.vimeo-video{
width:100%;
height:320px;
}
.wrapper{
width:750px;
}
#smoothmenu1{
width:460px;
margin:0;
}
#smoothmenu1 ul#menu-main{
display:none;
}
#smoothmenu1 ul#menu-mobile{
text-align:left;
width:730px;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
display:block;
}
#smoothmenu1 ul.menu-open{
margin:-6px 0 0 -230px;
}
#smoothmenu1 ul.menu-open ul{
background:none;
margin:4px 0 0 0;
}
ul#menu-mobile{
padding:10px 0 10px 0;
}
ul#menu-mobile li{
margin:5px 15px 0 15px;
float:none;
display:block;
}
ul#menu-mobile li a{
width:auto;
display:block;
}
ul#menu-mobile li a:hover{
text-decoration:underline;
}
a.mobile-menu-button{
display:block;
font-family:'Latin Modern Sans', sans-serif;
font-weight:normal;
font-size:20px;
text-decoration:none;
color:#eee;
padding:22px 0 27px 0;
width:100%;
text-align:center;
}
.title-block{
width:730px;
}
.footer{
width:160px;
height:40px;
margin:0 0 0 295px;
}
.footer div#controls-wrapper{
width:104px;
}
#prevslide, #nextslide{
width:30px;
height:30px;
margin:0;
padding:5px 0 0 0;
background-position:center;
}
#play-button{
width:20px;
height:30px;
padding:0 7px 0 8px;
margin:0;
}
div#controls{
width:100px;
margin-top:2px;
}
.jp-play, .jp-pause{
width:20px;
height:30px;
padding:1px 5px 5px 5px;
margin:0;
background-position:center;
}
div.column-2{
width:410px;
}
div.column-1{
width:730px;
}
div.column-5{
margin: 0 15px 20px 15px;
}
input.com-text{
width:360px;
margin:20px 0 0 20px;
}
.comment-block textarea{
width:350px;
margin:20px 0 20px 20px;
}
.portfolio-list{
width:750px;
}
#portfolio-filter{
width:750px;
}
.youtube-video{
width:100%;
height:270px;
}
.descrip{
width:410px;
}
span.bottom-line{
width:410px;
border:none;
border-top:1px solid #222;
padding:10px 0;
}
ul.slides img{
height:230px;
}
div.column-1 ul.slides img{
height:410px;
} #post-40 ul.col2 {
margin-top:0;
}
#post-40 ul.col1 {
margin-bottom:10px;
}
#post-40 ul.col1, #post-40 ul.col2 {
float: left;
width: 100%;
}
.mask, .fancybox-overlay {
display:none !important;
}
.home .mask {
display:block;
}
.page-template-portfolio-php .fancybox-overlay {
z-index: 7010 !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo{
width:220px;
background: url(//peterdutch.ca/wp-content/themes/fashion/img/peterdutch-custom-cabinetry-sm.png) no-repeat;
}
#smoothmenu1{
margin: 0 0 0 71px;
}
.title-block h3{
font-size:23px;
margin-top:25px;
}
div.vimeo-video{
width:100%;
height:320px;
}
.wrapper{
width:470px;
}
.logo{
margin:0;
}
#smoothmenu1{
width:200px;
margin:0 0 0 10px;
height:80px;
text-align:center;
}
#smoothmenu1 ul#menu-main{
display:none;
}
#smoothmenu1 ul#menu-mobile{
text-align:left;
width:460px;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
display:block;
}
#smoothmenu1 ul.menu-open{
margin:-6px 0 0 -230px;
}
#smoothmenu1 ul.menu-open ul{
background:none;
margin:4px 0 0 0;
}
ul#menu-mobile{
padding:10px 0 10px 0;
}
ul#menu-mobile li{
margin:5px 15px 0 15px;
float:none;
display:block;
}
ul#menu-mobile li a{
width:auto;
display:block;
}
ul#menu-mobile li a:hover{
text-decoration:underline;
}
a.mobile-menu-button{
display:block;
font-family:'Latin Modern Sans', sans-serif;
font-weight:normal;
font-size:20px;
text-decoration:none;
color:#eee;
padding:22px 0 27px 0;
width:100%;
}
.header-hider{
position:absolute;
margin:0 0 0 420px;
}
.title-block{
width:460px;
margin:0 0 20px 0;
}
.social-icons{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
position:absolute;
height:auto;
padding:0 10px 10px 10px;
margin:80px 0 0 370px;
z-index:999;
display:none;
float:right;
}
.social-icons a{
float:none;
height:40px;
margin:0;
}
.footer{
width:160px;
height:40px;
margin:0 0 0 155px;
}
.footer div#controls-wrapper{
width:104px;
}
#prevslide, #nextslide{
width:30px;
height:30px;
margin:0;
padding:5px 0 0 0;
background-position:center;
}
#play-button{
width:20px;
height:30px;
padding:0 7px 0 8px;
margin:0;
}
div#controls{
width:100px;
margin-top:2px;
}
.jp-play, .jp-pause{
width:20px;
height:30px;
padding:1px 5px 5px 5px;
margin:0;
background-position:center;
}
div.column-2{
width:460px;
margin:0;
}
div.column-4{
width:460px;
margin:0;
}
div.column-1{
width:460px;
margin:0;
}
div.column-5{
margin:0 5px 20px 5px;
}
.right-block ul.last-work li{
margin:20px 0 0 100px;
}
.search-block form{
width:440px;
}
.search-block input{
width:420px;
}
input.com-text{
width:410px;
margin:20px 0 0 20px;
}
.comment-block textarea{
width:400px;
margin:20px 0 20px 20px;
}
.portfolio-list{
width:470px;
}
#portfolio-filter{
width:470px;
margin:0 0 10px 0;
}
.youtube-video{
width:100%;
height:300px;
}
.descrip{
width:460px;
}
span.bottom-line{
width:460px;
border:none;
border-top:1px solid #222;
padding:10px 0;
}
ul.slides img{
height:259px;
}
div.column-1 ul.slides img{
height:259px;
} .content .right-block p.image {
padding-bottom:20px;
}
#post-40 ul.col2 {
margin-top:0;
}
#post-40 ul.col1 {
margin-bottom:10px;
}
#post-40 ul.col1, #post-40 ul.col2 {
float: left;
width: 100%;
}
.mask, .fancybox-overlay {
display:none !important;
}
.home .mask {
display:block;
}
.page-template-portfolio-php .fancybox-overlay {
z-index: 7010 !important;
}
}
@media only screen and (min-width: 200px) and (max-width: 479px){
.logo{
width:220px;
background: url(//peterdutch.ca/wp-content/themes/fashion/img/peterdutch-custom-cabinetry-sm.png)no-repeat;
}
#smoothmenu1{
margin: 0 0 0 71px;
}
.title-block h3{
font-size: 20px;
margin: 25px 0 0 10px;
}
.right-block h3 {
font-size: 16px;
}
.content .right-block p {
font-size: 100%;
}
div.vimeo-video{
width:100%;
height:270px;
}
.wrapper{
width:300px;
}
.logo{
margin:0;
}
#smoothmenu1{
width:50px;
margin:0;
}
#smoothmenu1 ul#menu-main{
display:none;
}
#smoothmenu1 ul#menu-mobile{
width:300px;
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
}
#smoothmenu1 ul.menu-open, #smoothmenu1 ul.menu-open ul, #smoothmenu1 ul.menu-open ul ul{
display:block;
}
#smoothmenu1 ul.menu-open{
margin:-6px 0 0 -220px;
padding:10px 0;
}
#smoothmenu1 ul.menu-open ul{
background:none;
}
#smoothmenu1 ul li{
float:none;
}
ul#menu-mobile li{
margin:5px 0 0 0;
padding:0 15px;
display:block;
}
ul#menu-mobile li a{
width:auto;
display:block;
}
ul#menu-mobile li a:hover{
text-decoration:underline;
}
a.mobile-menu-button{
display:block;
font-family:'Latin Modern Sans', sans-serif;
font-weight:normal;
font-size:20px;
text-decoration:none;
color:#eee;
padding:22px 0 27px 0;	
width:100%;
text-align:center;
}
.header-hider{
position:absolute;
margin:0 0 0 270px;
width:30px;
}
.title-block{
width:300px;
margin:0 0 20px 0;
}
.content-hider{
width:30px;
}
.social-icons{
background:url(//peterdutch.ca/wp-content/themes/fashion/img/blackBG.png) repeat;
position:absolute;
height:auto;
padding:0 10px 10px 10px;
margin:80px 0 0 220px;
z-index:999;
display:none;
}
.social-icons a{
float:none;
height:40px;
margin:0;
}
.footer{
width:160px;
height:40px;
margin:0 0 0 70px;
}
.footer div#controls-wrapper{
width:104px;
}
#prevslide, #nextslide{
width:30px;
height:30px;
margin:0;
padding:5px 0 0 0;
background-position:center;
}
#play-button{
width:20px;
height:30px;
padding:0 7px 0 8px;
margin:0;
}
div#controls{
width:100px;
margin-top:2px;
}
.jp-play, .jp-pause{
width:20px;
height:30px;
padding:1px 5px 5px 5px;
margin:0;
background-position:center;
}
div.column-2{
width:300px;
margin:0;
}
div.column-4{
margin:0;
}
div.column-1{
width:100%;
margin:0;
}
div.column-5{
margin:0 0 20px 40px;
}
input.com-text{
width:250px;
margin:20px 0 0 20px;
}
.comment-block textarea{
width:240px;
margin:20px 0 20px 20px;
}
.portfolio-list{
width:300px;
}
#portfolio-filter{
width:300px;
margin:0 0 10px 0;
}
.youtube-video{
width:100%;
height:235px;
}
.header-hider a.hider{
background-position:-5px 0;
}
.header-hider a.opener{
background-position:-45px 0;
}
.content-hider a.c-hider{
background-position:-5px -80px;
}
.content-hider a.c-opener{
background-position:-45px -80px;
}
.descrip{
width:300px;
}
span.bottom-line{
width:300px;
border:none;
border-top:1px solid #222;
padding:10px 0;
}
ul.slides img{
height:168px;
}
div.column-1 ul.slides img{
height:168px;
} #post-40 ul.col2 {
margin-top:0;
}
#post-40 ul.col1 {
margin-bottom:10px;
}
#post-40 ul.col1, #post-40 ul.col2 {
float: left;
width: 80%;
}
.mask, .fancybox-overlay {
display:none !important;
}
.home .mask {
display:block;
}
.page-template-portfolio-php .fancybox-overlay {
z-index: 7010 !important;
}
}