/* Themify Customize Styling */
body {	
	background-color: #ffffff; 
}
h1 {		font-weight:normal;
 
}
#headerwrap {	
	background-color: #f8a055; 
}
#header {		font-weight:normal;
	font-size:20px;
 
}
#header a {	
	color: #6b0000; 
}
#header a:hover {	
	color: #fd021c; 
}
#headerwrap.fixed-header {	
	background-color: rgba(102,181,255,0.92); 
}
.fixed-header #header, .fixed-header #site-description {		font-size:20px;
 
}
.fixed-header #header a {	
	color: #014776; 
}
.fixed-header #header a:hover {	
	color: #02ecec; 
}
#site-logo {		font-size:18px;
	text-align:left; 
}
#site-logo img {		width: 98px;
	height: 56px; 
}
#site-logo a {		width: 98px; 
}
#site-description {	display: none; 
}
#main-nav {	
	left: 1px;
	padding-left: 20px; 
}
#main-nav a {	
	margin-right: 7px;
	margin-left: 7px; 
}
#main-nav a:hover {	
	color: #fd021c; 
}
#footerwrap {	background-image: url(http://mattlukins.com.au/portfolio/wp-content/uploads/2017/04/thomas-footer-pic250px-20opacity.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #2b2b2b; 
}
#footer {	
	color: #ffffff; 
}

/* Themify Custom CSS */
#main-nav {
padding-top: 0;
max-width: 95%;
}

#main-nav a {
padding: 5px;
}

#headerwrap #header {
padding: 10px 0 2px 0;
}

#headerwrap.fixed-header #header {
padding: 10px 0 1px 0;
}
#headerwrap.fixed-header #main-nav {
	padding-top: 0;
}
#headerwrap.fixed-header #main-nav a {
	padding-bottom: 0;
}

/* need to manually set curr menu item colours as default settings were overriding my choices */
/* in the Themify WYSIWYG editor. Note that changing these values overrides the sticky header ones too, */
/* so I need to set them after as well! :P */

#main-nav .current-menu-item > a {
	color: #FFDB5C;
}

#header a {	
	color: #6b0000; 
}
#header a:hover {	
	color: #fd021c; 
}

/* As mentioned previously, ensure sticky header link colours are as expected */
.fixed-header #header .current-menu-item > a {	
	color: #FFDB5C; 
}

.fixed-header #header a {	
	color: #014776; 
}
.fixed-header #header a:hover {	
	color: #02ecec; 
}

/* Add some trendy drop shadows... */
/* (also extended font family for IE's sake... */
  .mluk-section-strip a {
  -moz-text-shadow:    1px 2px 2px rgba(0, 0, 0, 0.7);
  -webkit-text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);

  font-family: Cuprum, "Open Sans", Arial, Helvetica, sans-serif;
}

.mluk-section-link {
  -moz-text-shadow:    1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

  font-family: Cuprum, "Open Sans", Arial, Helvetica, sans-serif;
}


/* Tweak the 'view more' buttons on homepage */
/* buuuuuuuu for some reason this isn't getting applied at run-time. */
/* gonna have to hard-code it directly onto html!... */
.mluk-viewmore-illustration {
  background: #ffdb5c; 
  display: inline-block; 
  padding: 10px; 
  border: 1px solid #876e13;
}


#site-logo img {
-moz-box-shadow:    1px 2px 2px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);
}

#main-nav-wrap {
-moz-text-shadow:    1px 1px 2px rgba(0, 0, 0, 0.3);
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}


/* Send logo to R side when displaying standard desktop menu */
/* ie > 1200px (have too many menu items to leave logo in center! */
/* But leave logo in center by default... (mobile first bruuuuh) */

#logo-wrap {
text-align: center;
}

#site-logo {
padding: 0;
}

/* 1200px is where theme triggers mobile menu */
@media screen and (min-width: 1201px) {
  #logo-wrap {
    text-align: right;
  }

  #site-logo {
    padding: 0 10px 0 0;
  }
}

/* Couldn't see where to colour mobile menu in Themify options, */
/* so doing it manually here. 1337 h4x0r!*/
@media screen and (max-width: 1200px) {
  .sidemenu {
    background-color: #66b5ff;
  }
}


/* 404 page styling */
.fourohfour-textfield p {
  font-size: 6em;
  margin: 0 0 0.75em 0;
}

/* lighten up arrow a bit due to thomas bg being under it on small screens */
.back-top .arrow-up a {
  color: #eaeaea;
}

/* The future is now ;) */
.fug a {
  color: #2c27fe;
}
.fug a:hover {
  color: #03c6ad;
}


/* Style the contact form */
.ml-ninjaform-wrapper {
  max-width: 600px;
  margin: 0 auto;
}

.ml-ninjaform-wrapper label {
  color: #4897d8;
}

.ml-ninjaform-wrapper {
  background: #ffdb5c;
  padding: 20px;
}

@media screen and (max-width: 976px) { /* Themify Customize Styling */
#site-logo img {		width: 98px;
	height: 56px; 
}
#site-logo a {		width: 98px; 
}
 }@media screen and (max-width: 768px) { /* Themify Customize Styling */
#site-logo img {		width: 98px;
	height: 56px; 
}
#site-logo a {		width: 98px; 
}
 }@media screen and (max-width: 480px) { /* Themify Customize Styling */
#site-logo img {		width: 98px;
	height: 56px; 
}
#site-logo a {		width: 98px; 
}
 }