/*
Theme Name: Custom
Author: thrive web design
Author URI: http://thriveweb.com.au/
*/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, strong, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }
input														{ margin: 0; }


/********** Deprecated and obsolete elements **********/
applet, basefont, dir, font, isindex, menu, s, strike, u	{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; vertical-align: baseline; text-decoration: inherit; text-align: left; color: inherit; margin: 0; padding: 0; border: 0; outline: 0; }
dir, menu													{ list-style: none; }
nobr														{ white-space: normal; }
blink														{ text-decoration: none; }
marquee														{ overflow: visible; }

/******************** Base ********************/
body											{ font-family: Corbel, helvetica, arial, sans-serif; line-height: 1.5; background: white; color:#000; }
h1, h2, h3, h4, h5, h6							{ line-height: 1.2; } 
h4, h5, h6										{ font-weight: bold; }
b, strong, caption, th, thead, dt, legend		{ font-weight: bold; }
cite, dfn, em, i								{ font-style: italic; }
code, kbd, samp, pre, tt, var					{ font-family: mono-space, monospace; }
h1, h2, h3, h4, h5, h6							{ word-spacing: 0em; }
p												{ word-spacing: 0.125em; hyphenate: auto; hyphenate-lines: 3; }
p+p												{ text-indent: 0; }
p+p.no-indent									{ text-indent: 0; }
pre												{ white-space: pre; }
del												{ text-decoration: line-through; }
mark											{ background: rgba(255, 255, 0, 0.4); padding: 0 .25em; }
ins												{ color: #f00; }
small, sup, sub									{ font-size: 80%; }
big												{ font-size: 125%; line-height: 80%; }
abbr, acronym									{ font-size: 85%; text-transform: uppercase; letter-spacing: .1em; }
abbr[title], acronym[title], dfn[title]			{ border-bottom: 1px dotted black; cursor: help; }
sup, sub										{ line-height: 0; }
sup												{ vertical-align: super; }
sub												{ vertical-align: sub; }
blockquote										{ padding: 1.5em; }
hr												{ border: none; background: #ddd; width: 100%; }
ul, ol											{ margin-left: 1.5em; }
ul												{ list-style:none; }
ol												{ list-style: decimal outside; }
input, select, button							{ cursor: pointer; }
table											{ font: inherit; width: 100%; }

/* html 5 */
article, aside, header, hgroup,
nav, figure, section, footer					{ display: block; }

/* Baseline grid: 13/18px */
body								{ font-size: 75%; line-height: 1.5; /*12/18*/ }

h1, h2, h3, h4, h5, h6				{ position: relative; font-weight:bold; font-size: 14px; }
h1, h2								{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4						{ margin-top: 18px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1									{ font-size: 36px; top: 5px; }
h2									{ font-size: 28px; top: 0px; }
h3									{ font-size: 22px; top: 1px; }
h4									{ font-size: 18px; top: 2px; }
h5									{ font-size: 17px; top: 4px; }
h6									{ font-size: 17px; top: 5px; }
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child						{ margin-top: 0; }

p, pre, address						{ font-size: 14px; line-height: 18px; position: relative; top: 5px; }
small								{ font-size: 10px; }
abbr, code, kbd,
samp, small, var					{ line-height: 17px; }
ul, ol, dl, dialog					{ font-size: 14px; line-height: 18px; top: 5px; margin-top: 10px; margin-bottom: 18px; }
li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }
li h1, li h2, li h3,
li h4, li h5, li h6,
li p								{ top: 0; }
form, legend, label					{ font-size: 14px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
table								{ font-size: 17px; }
caption								{ font-size: 17px; line-height: 18px; position: relative; }
hr									{ position: relative; height: 4px; margin: 18px 0 14px 0; }
/* End Baseline grid: 13/18px */


.edit_link{
	
	position: fixed;
	left: -10px;
	top: 51px;
	
	background-color: black;
	padding: 3px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 20px;
	display: inline-block;
	
	font-size: 12px;
	
	color: white;
	
	z-index: 999;
}

.edit_link span{
	padding-left: 5px;
	margin-right: 5px;
	border-right: dotted 1px #eaede3;
}

.edit_link a{
	background-color: transparent !important;
	color: white;
}

.edit_link a:hover{
	color: green;
}


/**** My Basics ***/
.clear{
	clear:both;
}

a{
	text-decoration:underline;
	color:#000;
}

a:hover{
	color:#000;
}

p{
	margin-bottom:15px;
}

li, ol{
	margin-bottom:10px;
	list-style:circle;
}

.center{
	max-width:1000px;
	margin:auto;
	text-align:left;
	position:relative;
}

.fright{
	float:right;
}

.taright{
	text-align:right;
}

.tacentred{
	text-align:center;
}

.fleft{
	float:left;
	width: 50%;
}

.fright{
	float:right;
	width: 50%;
}

body {
	background-color:#fff;
}

/* End My Basics */

#wrapper{
	overflow: hidden;
}

body{	
	background: #f5f5f5 url('images/bg.jpg') repeat fixed;
	
	background-position:center top;
	
	border-top:solid 3px #000;
}

#logo{
	float:left;
	width:100%;
	padding-top:45px;
}

#social_bitz{
	overflow: hidden;
	margin-top:30px;
}

#social_bitz .social_share{
	float:left;
}

#social_wrap{
    left: 50%;
    position: relative;	
	float: left;
}

ul.social{
	
	
	float: right;
    
	width:120px;
	position: relative;
	
	padding:0;
	margin:0;
	top: 8px;
}

.social li,
.social_share li{
	float:left;
	list-style:none;
}

.social_share li{
	text-align: center
}

.social_share{
	margin:0;
	padding:0;
}

.social a{
	width: 28px;
	text-align: center;
	float: left;
	margin: 5px;
	font-size: 16px;
	background-repeat: no-repeat;
	text-decoration: none;
line-height: 24px;
}

.social_share .text{
	line-height:26px;
	margin-right:10px;
}

.social_share a{
	width:15px;
	line-height: 25px;
	float: left;
	margin-left: 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	
	border-radius: 15px;
	color: white;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
}

#facebook a{
	background-color: #3B5999;
}

#twit a{
	background-color: #4099FF;
}

#menuUl facebook a{
	background-color: transparent;
}

#menuUl #twit a{
	background-color: transparent;
}



.social a:hover,
.social_share a:hover{
	
}



nav{
	position:relative;
	float:left;
	width:100%;
	z-index:600;
	height:50px;
	
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	
	margin-top:35px;
	margin-bottom:30px;
}

#menuUl{
	height:50px;
	line-height:50px;
	
	float:left;
	z-index:400;
	
	margin:0;
	padding:0;
	
	
	max-width:700px;
}

#menuUl li{
	display:inline;
	list-style:none;
}

#menuUl li a{

	color:#000;
	
	text-decoration:none;

	padding-left:30px;
	padding-right:30px;	

	font-size:12px;
	font-weight:bold;
	
	
	line-height:48px;
	display:inline-block; 
	
	position:relative;
	
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
	
	top:1px;
}


#menuUl li.current_page_item a,
.single-gallery li.page-item-7 a{
	border-top:solid 3px #000;
	border-bottom:solid 3px #000;
	
	top:-2px;
}

#menuUl li a:hover{
	text-decoration:none;
	color:#999;
}



#menuUl li.sfHover a{
	border-bottom: solid 1px #3c4048 !important;
}

#menuUl li.current-menu-parent ul a{
	color:#000;
}

#menuUl li.current_page_item ul a,
#menuUl li.current_page_parent ul a{
	color:#fff;
}

ul#contact{
	float:left;
	height:20px;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-right: 20px;
}

ul#contact li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}

ul#contact li a{
	float: left;
	color:#000;
	
	text-decoration:none;
	margin-right:10px;	

	font-size:12px;
	font-weight:bold;
	
	display:block;
	line-height:17px;
	
	position:relative;
	
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
	
	top:1px;
	
}

ul#contact  li.phone a{
	padding:0;
	float:none;
	display:inline; 
}

footer ul li #email{
	background-image:url(images/male.png);
	width:22px;
	height:17px;
	padding:0;
}

footer ul li #email{

	position:relative;
	
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
}

footer ul li a#email:hover{
	top:-1px;
}

#main{
	min-height:400px;
}


/*** single gal page ***/
#lcol{
	width:23%;
	float:left;
}

#rcol{
	width:76%;
	float:right;
}



/*** home page ***/

.portfolio_item{
	width: 33.3%;
	float: left;
}

.portfolio_item a:hover img{
	opacity:0.20;
	filter:alpha(opacity=20);
	text-decoration:none;
}

.portfolio_item a{
	float:left;
	position:relative;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom:20px;
}

.portfolio_item a.last{
	xxmargin-right:0;
}

.portfolio_item img{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.portfolio_item .info{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	
	opacity:0;

	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.portfolio_item a:hover .info{
	opacity:1;
	
	xxwidth:320px;
}

.portfolio_item h3{
	
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	
	text-transform:uppercase;
	
	margin-bottom:35px;
}

.portfolio_item h3 span{
	padding:15px;
	background-image:url(images/tex-bg.jpg);
	line-height:45px;
}

.portfolio_item .button{
	text-align:center;
	margin-top:30px;
}

.portfolio_item .button span{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(images/tex-bg.jpg);
	color:#FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.portfolio_item p.border{
	border-bottom:solid 1px #a4a8b1;
	margin-top:0;
	margin-bottom:0;
	text-transform:uppercase;
	font-size:14px;
}

.portfolio_item p.border.location span{
	font-size:12px;
}

.portfolio_item a{
	text-decoration:none !important;
}

.portfolio_item p{
	margin:20px;
	margin-bottom:0;
	font-size:14px;
	line-height:22px;
	
	font-weight:bold;
}

.small_bord {
    border-bottom: 1px solid black;
    margin-bottom: 10px;
    overflow: hidden;
    padding-top: 10px;
    width: 50px;
}

#blog_feed{
	border-top:solid #000 1px;
	padding-top:20px;
	margin-top:20px;
}

#blog_feed a{
	float:left;
	line-height:0;
	margin-left:20px;
	position:relative;
}


#blog_feed a span{
	
	width:80%;
	padding:5px;
	background-color:#000;
	background-image: url("images/tex-bg.jpg");
	line-height:15px;
	position:absolute;
	left:0;
	bottom:0;
	color:#FFF;
	opacity:0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#blog_feed a img{
		-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#blog_feed a:hover img{
	opacity:0.5;
}

#blog_feed a:hover span{
	opacity:1;
}

#blog_feed a.first{
	margin-left:0;   
}

.blog_item{
	width: 16%;
	float: left;
}

/*** comments ***/

#comments{
	border-top:solid #000 3px;
	position:relative;
}

#comments .avatar{
	float:left;
}

#comments .author{
	float:left;
	padding-top:6px;
	font-weight:bold;
	font-size:16px;
}

#comments .time{
	color:#a5a5a5;
	float:right;
	padding-top:10px;
}

#comments em{
	padding-bottom:15px;
	display:block;
}

#comments #comments_num{
	xxposition:absolute;
	xxleft:-260px;
	top:0;
	margin:0;
	margin-top: 20px;
	margin-bottom: 20px;
}

article #comments #comments_num{
	display:none;
}

#comments .commentlist{
	margin:0;
	padding:0;
}

#comments .comment {
	padding-bottom:5px; 
	border-bottom:solid 1px #cfcfcf;
	list-style:none;
}

#comments #respond{
	margin-top:20px;
}

#comments h3{
	margin-bottom:20px;
}

footer{

}

.footer_wrap{
	border-top:solid 1px #000;
	padding-top:15px;
	margin-bottom:60px;
	margin-top:20px;
}

footer .copy{
	text-align:right;
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:12px;
	float:right;
	margin-left: 15px;
}

footer .copy a{
	text-decoration:none;
	color:#666;
}

/*** gallery overide **/
.photospace{
	height:570px !important;
	margin-top:0 !important;
	position:relative;
	margin-bottom:60px !important;
}

.photospace .thumbs_wrap2{
	height:60px;
	width:100%;
	position:absolute;
	bottom:0px;;
	left:0
}

.photospace .thumnail_col a.pageLink {
	border-radius:25px;
	width:43px !important;
	height:43px !important;
	margin-left:11px;
	margin-right:11px;
	margin-top:4px;
}

/* set to middle */
.photospace .slideshow img {
	vertical-align:bottom  !important;
}
.photospace .slideshow a.advance-link {
	line-height:500px;
}
.photospace .loader {
	height:500px !important;
}
/* end middlwe */

.photospace .slideshow span.image-wrapper {
	bottom:0;
}

.photospace .loader {
    background-image: url("images/ajax-loader.gif") !important;
}

.photospace .pagination {
    top: 50px !important;
}

.photospace .thumnail_col {
    width: 750px !important;	
}

.photospace .pagination span.current {
	 background-image: url("images/tex-bg.jpg");
}

.thumnail_col{
	display:none;
}



/*** blog header ***/
#blog_head{
	padding-bottom:25px;
}

#blog_head #rss{
	margin-right:120px;
}

#searchbox{
	float:left;
	margin-right:40px;
}

#searchbox form{
	width:103%;
}

#Searchform{
	width:180px;
	padding:5px;
	
	background-image:url(images/search.png);
	background-position:155px 4px;
	background-repeat:no-repeat;
	
	background-size: 10%;
}

#searchbox .button {
	background:none;
	border:0px;
	
	cursor:pointer;
	float:right;
	background-image:url(images/search.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
	display:block;
}

#search_results{
	margin-bottom:20px;
}

article{
	border-top:solid 1px #000;
	width:84%;
	float:right;
	position:relative;
	min-height:300px;
	padding-left:20px;
	margin-bottom:40px;
}

article .date_box{
	position:absolute;
	left:-140px;
	top:-1px;
	
	background-image:url(images/blog.png);
	background-position:left bottom;
	width:140px;
	padding-bottom:60px;
}
article h2 a{
	text-decoration:none;
	border-bottom: 2px dotted #000;
}
article .date_box p,
article .date_box li{
	text-align:center;
	font-size:12px;
	list-style:none;
}

article .date_box ul{
	margin:0;
	padding:20px;
	padding-bottom:0;
}

article .date_box .day{
	font-size:80px;
	line-height:100px;
}

article .date_box span,
article .date_box a{
	color:#FFF;
}

#page{
	width:67%;
	float:left;
}

#page.full{
	width:100%;
}

#page.half{
	width:350px;
	text-align:right;
}

#page.half img{
	margin-right:20px;
}

.rcol{
	float:right;
	width:31%;
}

.rcol.half{
	width:630px;
}

.navigation {  
	display: block;  
	text-align: left;   
	margin-bottom: 20px;  
	font-size:80%;
	padding-top:20px;
	margin-top:20px;
	border-top:solid 1px #000;
	
}  
.navigation a{  
	text-align:center;  
	padding:5px 10px;  
	margin:0 2px 0 2px;  
	border:1px solid #ccc;
	color:#666;
	font-size:14px;
	text-decoration:none;
	line-height:25px;
}

.navigation a.current{
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
}

.navigation a.current:hover{
		background-color:#000;
	border:1px solid #000;
	color:#FFF;
}

.navigation a:hover{  
	background:#fff;
	border:1px solid #666;
}  

 
.gallery dt,
.gallery dl{
	margin:0;
	padding:0;
	line-height:0;
	text-align:center;
}

.gallery img{
	margin-bottom:2px;
}

.gallery dl{
	position:relative;
}
 
/*----- New Gallery -----*/
.gallery-icon{
	line-height: 0;

}

.gallery-icon img {
	max-width: 100% !important;
	padding: 0 !important;
	margin-bottom: 2px !important;
}

.gallery-item{
	position: relative;
}

figcaption{
	position:absolute;
	left:0;
	bottom:4px;
	
	padding:10px;
	padding-bottom:12px;
	background-color:#FFF;
	color:#ff0000;
	font-style:italic;
	
	opacity:0.9;
	filter:alpha(opacity=90);
}




.wpcf7-form .wpcf7-validation-errors{
   border:none;
   background-color:#000;
   background-image: url("images/tex-bg.jpg");
   margin:0;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   border-radius:5px;
   color:#FFF;
}
.wpcf7-form .wpcf7-mail-sent-ok{
    border:none;
    background-color:#000;
	background-image: url("images/tex-bg.jpg");
    margin:0;
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    border-radius:5px;
	color:#FFF;
}
.wpcf7-form .wpcf7-mail-sent-ng{
    border:none;
    background-color:#000;
	background-image: url("images/tex-bg.jpg");
    margin:0;
    padding:10px;
	padding-top:5px;
	padding-bottom:5px;
    border-radius:5px;
	color:#FFF;
}
.wpcf7-form span.wpcf7-not-valid-tip{
    border:none;
    background-color:#000;
	background-image: url("images/tex-bg.jpg");
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    border-radius:5px;
	color:#FFF;
}

.wpcf7-form-control-wrap.event{
	margin-right:5px;
}

.wpcf7-text{
	width:95%;
}

/*------ Responsive Styling -------*/


/* ----- Responsive Nav -----*/

#menu-btn{
	background-image: url(images/nav-icon.svg);
	background-repeat: no-repeat;
	width: 25px;
	height: 21px;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 99999999;
}

#menu-btn:hover{
	opacity: 0.8;
}

#res_nav_wrap{
	display: none;
}

#res_nav_wrap{
	height: 50px;
	z-index: 999;
	position: fixed;
	width: 100%;
}

#res_nav_wrap.hide{
	overflow: hidden;
	position: fixed;
	width: 100%;
}

/* Menu Appearance 


#menu_logo_wrap{
	width: 100%;
	text-align: center;
}

.pushy{
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: black;
    xxborder-left: solid 1px black;
    xx-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    xx-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    xxbox-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */

	/*

}

.pushy ul{
	margin-top: -2px !important;
	
	border-top: solid 1px white;
	
	position:relative;
	padding: 0;
	margin: 0;
	text-align: center;
	
}

.pushy li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 100%;
	text-align: center;
    border-bottom: solid 1px white;
}

.pushy a{
    color: white;
	text-decoration: none;
	font-size: 21px;
	display: block;
	line-height: 35px;
	text-transform: uppercase;
	
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.pushy ul li.menu-item-has-children a{
	margin-bottom: 0;
}

.pushy ul li.current_page_item a,
.pushy ul li.current_page_parent a{
	color: black;
	background-color:white;
}

.pushy a:hover{
    color: black;
    background-color:white;
}

 Pushy Sub pages



.pushy ul li.menu-item-has-children a{
	background-image: none !important;
}

.pushy ul.sub-menu li a{
	padding: 5px;
}

.pushy ul.sub-menu li a:hover{
	color: white;
	background-color: #015850;
}

.pushy ul.sub-menu li:last-child{
	border-bottom: none;
}

 Menu Movement 

.pushy{
	right: 0;
}

.pushy-right{
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

Menu Transitions 

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
   /* 
    
   -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}


/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px;
    z-index: 9999;
}



/*---- Images ----*/

.content_style img,
.wp-caption,
.wp-post-image,
.rw_item img,
a#logo img,
.portfolio_item img,
#blog_feed a img,
.gallery-icon img,
.photospace_res .slideshow img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="wp-post-image"],
.wp-post-image,
.rw_item img,
a#logo img,
.portfolio_item img,
#blog_feed a img,
.gallery-icon img,
.photospace_res .slideshow img{
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full{
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

#menu-btn{
	display: none;
}

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

	#main{
		padding: 10px;
	}
	
	/*--- Blog ---*/
	
	article{
		border-top: none;
		float: none;
		width: 100%;
		padding-left: 0;
	}
	
	article .date_box{
		padding-bottom: 10px;
		padding-left: 5px;
		margin-bottom: 10px;
		float: left;
		width: 94%; 
		position: relative;
		left: 0;
		top: 0;
		background-image: none;
		background-color: black;
	}
	
	article .date_box:after{
		content: "";
		
		float: left;
		border-color: black transparent black black !important;
		border-style: solid !important;
		border-width: 17px !important;
		

		position: absolute;
		top:0;
		right:-18px;
	
	}

	article .date_box p, article .date_box li {
		text-align: center;
		font-size: 10px;
		list-style: none;
		float: left;
		width: 115px;
		line-height: 8px;
		margin-bottom: 0;
	}
	
	article .date_box .day {
		font-size: 22px;
		line-height: 24px;
		float: left;
	}
	
	article .date_box span.m_y{
		line-height: 10px;
		margin-left: 10px;
		float: left;
	}
	
	article .date_box ul {
		padding: 0;
		float: left;
	}
	
	article .date_box li{
		width: 100%;
		margin-top: 14px;
	}
	
	article .date_box p#dets_com{
		width: auto;
		margin: 0;
		margin-top: 9px;
		margin-left: 10px;
	}
	
	#blog_head #rss{
		display: none;
	}
	
	#blog_feed a span {
		display: none;
	}

}

@media screen and (max-width: 950px) {
	
	article{
		width: 100%;
		padding-left: 0;
	}
	
	article .date_box ul{
		padding: 0;
	}
	
	article .date_box .day{
		xxfont-size: 60px;
		xxline-height: 70px;
	}
	
	#blog_head #rss{
		display: none;
	}
	
}

@media screen and (max-width: 850px) {
	
	.portfolio_item p{
		margin: 0;
		margin-top: 10px;
		line-height: 8px;
	}
	
	.portfolio_item p.border,
	.portfolio_item p.border.location span{
		line-height: 24px;
		font-size: 10px;
	}
	
	.portfolio_item h3{
		margin-bottom: 20px;
	}
	
	.portfolio_item .button{
		margin-top: 20px;
		display: none;
	}
	
	p.border.location span{
		display: block;
		line-height: 15px !important;
	}
	
	
}

@media screen and (max-width: 800px) {
	
	#menuUl{
		display: none;
	}
	
	ul.social{
		float: left;
	}
	
	#menu-btn{
		display: block;
	}
	
	#page,
	.rcol{
		float: none;
		width: 100%;
	}
	
	#lcol,
	#rcol{
		float: none;
		width: 100%;
	}
	
	.portfolio_item .info{
		position: relative;
		opacity: 1;
		margin-top: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: solid 1px black;
		
	}
	
	.portfolio_item h3{
		display: none;
	}
	
	.portfolio_item a:hover img{
		opacity: 1;
	}
	
	.portfolio_item .button span:hover{
		opacity: 0.7;
	}

}

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

	.portfolio_item{
		width: 50%;
	}
	
	footer .copy a{
		direction: block;
		text-align: right;
	}
	
	
	
	footer .copy{
		text-align: center;
		float: none;
		width: 100%;
		display: block;
		margin-top: 10px;
		
		margin-left: 0;
	}
	
	ul#contact{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	ul#contact li{
		float: none;
		display: inline-block;
	}
	
	#Searchform{
		width: 140px;
		background-position: 120px 7px;
	}
	
	#searchbox{
		margin-right: 20px;
	}

}

@media screen and (max-width: 500px) {
	
	.blog_item.first{
		width: 100%;
		text-align: center;
	}
	
	.blog_item.first a.first{
		float: none !important;
		
	}

	.blog_item{
		width: 33.2%;
		margin-bottom: 20px;
	}
	
	#blog_feed a{
		margin-left: 10px;
		margin-right: 10px;
	}
	
	ul#contact{
		float: none;
	}
	
	ul#contact li{
		float: none;
		display: inline-block;
	}
	
	footer .copy{
		float: none;
		text-align: center;
		width: 100%;
	}
	
	.portfolio_item a{
		margin-left: 5px;
		margin-right: 5px;
	}
	
	figcaption{
		bottom: 1px;
		padding: 4px;
		padding-bottom: 3px;
		font-size: 11px;
	}

}

/*-------- Responsive Menu Styling --------*/


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

	/*--- New res menu ---*/
	
	body{
		border-top: 0;
	}
	
	#res_ham_wrap{
		background-color: black;
		border-bottom: solid 1px white;
		height: 50px;
	}
	
	ul.social{
		top: 0;
		padding-left: 10px !important;
	}
	
	ul.social,
	ul.social li{
		padding: 0;
		margin: 0 !important;
	}
	
	ul.social li{
		margin-top: 15px !important;
	}
	
	ul.social a{
		color: white;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	#logo{
		padding-bottom: 35px;
		padding-top: 85px;
		border-bottom: solid 1px black;
		margin-bottom: 40px;
	}
	
	nav{
		display: none;
	}
	
	#res_nav_wrap{
		display: block;
	}
	
	#res_menuUl{
		margin: 0;
		padding: 0;
		background-color: black;
	}
	
	#res_menuUl li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	#res_menuUl li a{
		text-decoration: none;
		color: white;
		padding-left: 10px;
		padding-top: 7px;
		padding-bottom: 7px;
		display: block;
		border-bottom: solid 1px white
	}
	
	#res_menuUl li a:hover,
	#res_menuUl li.current-menu-item a{
		background-color: white;
		color: black;
	}
}