/*
Theme Name: Melmo
Theme URI: melmo.com.au
Version: 1.0
Author: Unit1Creative
*/



/*
Commercial Type
*/

@font-face {
  font-family: 'Giorgio Sans Web';
  src: url('/wp-content/fonts/GiorgioSans-Light-Web.eot');
  src: url('/wp-content/fonts/GiorgioSans-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/fonts/GiorgioSans-Light-Web.woff') format('woff'),
     url('/wp-content/fonts/GiorgioSans-Light-Web.ttf') format('truetype'),
     url('/wp-content/fonts/GiorgioSans-Light-Web.svg#Giorgio Sans Web') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.GiorgioSans-Light-Web {
  font-family: 'Giorgio Sans Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Lyon Display Web';
  src: url('/wp-content/fonts/LyonDisplay-Light-Web.eot');
  src: url('/wp-content/fonts/LyonDisplay-Light-Web.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/fonts/LyonDisplay-Light-Web.woff') format('woff'),
     url('/wp-content/fonts/LyonDisplay-Light-Web.ttf') format('truetype'),
     url('/wp-content/fonts/LyonDisplay-Light-Web.svg#Lyon Display Web') format('svg');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

.LyonDisplay-Light-Web {
  font-family: 'Lyon Display Web';
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}


@font-face {
  font-family: 'Lyon Display Web';
  src: url('/wp-content/fonts/LyonDisplay-LightItalic-Web.eot');
  src: url('/wp-content/fonts/LyonDisplay-LightItalic-Web.eot?#iefix') format('embedded-opentype'),
     url('/wp-content/fonts/LyonDisplay-LightItalic-Web.woff') format('woff'),
     url('/wp-content/fonts/LyonDisplay-LightItalic-Web.ttf') format('truetype'),
     url('/wp-content/fonts/LyonDisplay-LightItalic-Web.svg#Lyon Display Web') format('svg');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}

.LyonDisplay-LightItalic-Web {
  font-family: 'Lyon Display Web';
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}



body {
	font-family: 'Lyon Display Web';
	font-weight:  300;
	font-style:   normal;
	font-stretch: normal;
	font-size: 19px;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 23px;
	margin: 0;
}


/* unvisited link */
a:link {
    color: #FFFFFF;
	text-decoration: none;
}

/* visited link */
a:visited {
    color: #FFFFFF;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #00aeef;
	text-decoration: none;
}

/* selected link */
a:active {
    color: #00aeef;
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6, h7
{
font-weight: normal;
}

/*
Header
*/


.header {
	top: 0;
        width: 100%;
	height: 70px;
	font-family: 'Giorgio Sans Web', Helvetica;
	font-weight:  300;
	font-style:   normal;
	font-stretch: normal;
	letter-spacing: 2px;
	list-style-type: none;
	color: #ffffff;
}

#headerlogo {
	background: transparent;
	width: 118px;
	height: 102px;
	float: left;
	position: fixed;
	top: 0;
	left: 0px;
	}

#main-nav	{
	width: 100%;
	height: 102px; /* set to the height you want your menu to be */
	margin: 0; /* just to give some spacing */
	text-decoration: none;
	background: #231F20;
	position: fixed;
	top: 0;
	left: 118px;

}
#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	padding-top: 33px;
	margin-right: 118px;
}
#main-nav li	{
	display: block;
	float: right;
	line-height: 20px; /* this should be the same as your #main-nav height */
	height: 20px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
	text-decoration: none;

}
#main-nav li a	{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #00aeef;
	background: none;
}


#main-nav .page_item ul {
	margin: 0; 
	padding: 0; 
	}
#main-nav .page_item li {
	padding: 5px 20px 5px 20px}
#main-nav .page_item a {text-decoration:none; color: #fff; }
#main-nav .page_item a:hover {color: #00aeef; }
#main-nav .current_page_item a {color: #00aeef; }
/*
Content
*/

.contentwrap {
    background-color: rgba(0,174,239,0.80);

	margin-left: auto;
	margin-right: auto;
    width: 1024px;
padding-bottom: 100px;
	}
	
.content {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;

    width: 824px;

	}

.contentabout {
    padding-top: 200px;
    margin-left: 100px;
    width: 824px;

	}


h1 {
	font-size: 42px;
	line-height: 50px;

}

h2 {
	font-family: 'Giorgio Sans Web';
	font-weight:  300;
	font-style:   normal;
	font-stretch: normal;
	letter-spacing: 5px;
	font-size: 19px;
	text-transform: uppercase;
	margin-top: 50px;
		
}

h3 {
	font-family: 'Giorgio Sans Web';
	font-weight:  300;
	font-style:   normal;
	font-stretch: normal;
	letter-spacing: 5px;
	font-size: 19px;
	text-transform: uppercase;
	margin-top: 0;		
}
.contactwrap {
    background-color: transparent;
    margin-top: 150px;
	margin-left: auto;
	margin-right: auto;
    width: 1024px;
	}



/*
Footer
*/

.footer {
    background-color: #231F20;
    float: left;
	position: fixed;
	bottom: 0px;
    margin-top: 20px;
    width: 100%;
    height: 20px;
	padding-top: 5px;
	font-size: 11px;
	text-transform: uppercase;
}


@media only screen and (max-device-width: 480px) {

.contentwrap {
    width: 90%;
	}
.contactwrap {
    width: 90%;
	}
.content {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;

	}

.contentabout {
    padding-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;

}

img,
img[class*="align"],
img[class*="wp-image-"] {
   width: auto;
   max-height: 100%;
}
}