/*
Description: Design by Janine Stoll Media.
Author: Janine Stoll
Author URI: http://janinestoll.ca
*/

@charset "UTF-8";
@import url("css/reset.css");
@import url(http://fonts.googleapis.com/css?family=Muli);
@import url(http://fonts.googleapis.com/css?family=Gafata);
@import url(http://fonts.googleapis.com/css?family=Special+Elite);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Roboto,300);


/* Elements */
p {font-family: 'Roboto', sans-serif; font-weight:300; font-size: 1em; line-height: 1.6em; color:#fff; margin:10px 0px; text-align:justify;}
ul {list-style-type: circle;}
li {font-family: 'Roboto', sans-serif; font-weight:300; font-size: 1em; line-height: 1.8em; color:#2a2a2a; margin:10px 0px; text-align: left; list-style-position:inside; list-style-type: disc; }
h1 {font-size: 2.8em; margin:0px; font-family: 'Oswald', sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; text-align:center;}
h2 {font-size: 1.6em; margin:0px; font-family: 'Oswald', sans-serif; color:#fff; text-transform:uppercase; margin-left:20px; letter-spacing:1px; text-align:left; text-shadow: 2px 2px #06080a;}
h3 {font-size: 1.6em; font-family: 'Oswald', sans-serif; line-height: 1.6em !important; }
h4 {font-size: 1em; font-family: 'Oswald', sans-serif; line-height: 1.8em !important; color:#fff; text-align:right;}
em {font-style: italic;}
strong {font-weight:bold;}
b {font-weight:bold}
i {font-style:oblique}
a {color: #a0c7de; text-decoration:none;}
a:hover {color: #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
hr {color: #0ba494; background-color: #0ba494; height: 1px; border: 0; width:100%; margin:20px 0 20px 0; clear: all; clear: left; }
.wp-caption-text {display:none;}
small {font-size: .7em; line-height: .8em; margin:0px; font-family: 'Roboto', sans-serif; color:#fff; text-align:center !important;}
center {text-align:center !important;}

body {margin:0 auto; padding:0; width:100%; background: #355870 url(../images/wp.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Roboto', sans-serif; font-weight:300; font-size: 1em; line-height: 1.6em; color:#fff; margin:10px 0px;}
body#contact {margin:0; padding:0; background: #355870 url(../images/wp2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Roboto', sans-serif; font-weight:300; font-size: 1em; line-height: 1.6em; color:#fff; margin:10px 0px;}
body.home {margin:0; padding:0; background: #355870 url(../images/wpHome.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: 'Roboto', sans-serif; font-weight:300; font-size: 1em; line-height: 1.6em; color:#fff; margin:10px 0px;}
body.home .header {background:none;}

.bodyCont {margin:0 auto !important; width:100%; max-width:1200px; height:auto; min-height:880px; margin-top:0px; overflow: hidden;}
.header {margin:0 auto !important; background: url(../images/header.png) no-repeat; height:403px; width:100%; max-width:1200px; margin-top:0px;}

.title {width:100%; padding-top:60px; padding-left:40px; height:193px;}
.title img.logo {width:345px; height:193px;}
.nav {margin-top:10px; width:100%; padding-left:40px;}

.content {margin:0 auto; margin-top:0px; width:90%; max-width:970px; height:auto;}


.footer {margin-top:140px; margin-bottom:20px;}
.footer p {size:8em !important; text-align:center;}

.sponsor {diplay:inline;}
.sponsorMobile {display:none !important;}

a.button {background:#a0c7de; padding:3px 20px 3px 20px; color:#fff; border:2px solid #26383e; font-family: 'Oswald', sans-serif; font-size: 1.6em; }
a.button:hover {background:#26383e;}

input.button {background:#a0c7de; padding:3px 20px 3px 20px; color:#fff; border:2px solid #26383e; font-family: 'Oswald', sans-serif; font-size: 1.6em; }
input.button:hover {background:#26383e; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}





/* Mobile Structure LARGE */
@media screen and (max-width: 768px) {

.sponsor {display:none;}
.sponsorMobile {display:inline !important;}

}


/* Mobile Structure SMALL */
@media screen and (max-width: 480px) {

.title {padding-top:80px; padding-left:20px;}
.title img.logo {width:280px !important; height:auto !important;}
.nav {margin-top:10px; width:100%; padding-left:20px;}
.header {background: url(../images/header-mobile.png) no-repeat; height:387px; width:100%; max-width:480px; margin-top:0px;}

.sponsor {display:none;}
.sponsorMobile {display:inline !important;}

}

/*------------------------------------*\
	$IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){


.title {padding-top:80px; padding-left:20px;}
.title img.logo {width:280px !important; height:auto !important;}
.nav {margin-top:10px; width:100%; padding-left:20px;}
.header {background: url(../images/header-mobile.png) no-repeat; height:387px; width:100%; max-width:480px; margin-top:0px;}



.sponsor {display:none;}
.sponsorMobile {display:inline !important;}

}