@charset "utf-8";
/* CSS Document */
/***************Top Margin *******************/
.nav { padding-top:50px;	
}

.logo h1,
.logo h2 { padding-top:50px;	
}

.sf-menu a {
 padding-bottom:32px;	
}

/*******************BG Image*******************/ 
.sitecontainer { 
 
    background-repeat:repeat; 
    background-position:center top; 
    } 

	.wmuSlider {
    height:350px !important;
    }
    
    /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .wmuSlider {
    height:277px !important;
    }
    
    }
    
    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .wmuSlider {
    height:229px !important;
    }
    
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .wmuSlider {
    height:164px !important;
    }
    
}


/****************Button Colors***********************/

.button:hover, a.button:hover, a.more-link:hover, #footer .button:hover, #footer a.button:hover, #footer a.more-link:hover, .cancel-reply p a:hover {
		   
background:#ff5b03!important;	
color:#fff;
}

.button, a.button, a.more-link, #footer .button, #footer a.button, #footer a.more-link, .cancel-reply p a {
		   
background:#c40808;	
color:#fff;
}

/****************Link Colors***********************/
p a, a {
color:#de4c4c;	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover, 
#footer h1 a:hover, #footer h2 a:hover, #footer h3 a:hover, #footer h3 a:hover, #footer h4 a:hover, #footer h5 a:hover, a:hover, #footer a:hover, .blogpost h2 a:hover, .blogpost .smalldetails a:hover {
color:#f77445;	
}

/****************Selection Colors***********************/
::-moz-selection {
background:#f77445; color:#fff;	
}

::selection {
background:#f77445; color:#fff;	
}

::selection {
background:#f77445; color:#fff;	
}

.recent-project:hover {
border-color:#f77445 !important;	
}
/***************Typographic User Values *********************************/

h1, h2, h1 a, h2 a, .blogpost h2 a, h3, .ag_projects_widget h3, h3 a, .aj_projects_widget h3 a {
font-family:"Open Sans", arial, sans-serif;}

h5, h5 a, .widget h3, .widget h2, .widget h4  {
font-family:"Open Sans", arial, sans-serif;;}

h4, h4 a, .footer .note h4, .footer h4.subheadline, .newspost h4  {
font-family:"Open Sans", arial, sans-serif;;}

body, input, p, ul, ol, .button, .ui-tabs-vertical .ui-tabs-nav li a span.text,
.footer p, .footer ul, .footer ol, .footer.button, .credits p,
.credits ul, .credits ol, .credits.button, .footer textarea, .footer input, .testimonial p, 
.contactsubmit label, .contactsubmit input[type=text], .contactsubmit textarea {
font-family:"Open Sans", arial, sans-serif;}

    
.portfolioitem.darkbg {
	background:#000 url('https://www.raymond-leung.com/stone/wp-content/themes/aware/images/zoom.png') 95% 95% no-repeat;
}



.container .three.columns.nopadding {
width: 188px;
padding: 0;
margin: 2px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container .three.columns.nopadding { 
width: 148px;  margin:2px; 
}
}


 @media only screen and (max-width: 767px) {
.container .three.columns.nopadding { 
width: 146px; 
margin:2px;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container .three.columns.nopadding {
width: 204px; 
margin:2px;
margin-bottom: 6px; 
}
.slideshowcontainer {
    margin-left:8px;
}
.slideshowcontainer .container {
    width:428px;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
ul.filter li {
width: 137px;
}

}