/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height: 1;}ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} :focus{outline:0;} ins{text-decoration:none;} del{text-decoration:line-through;} table{border-collapse:collapse; border-spacing:0;}
/* --------------------Global------------------*/
/*MAIN*/
body {
text-align: center;
font-size: 1.05em;
line-height: 1.25em;
font-family: 'century gothic';
background: #f2f2f3;
color: #555;
min-width: 27em;
}
a {
color: #353535;
text-decoration: none;
font-weight: 100;
}
a:hover {
color: #282560;
font-weight: bold;
}
img {
width: 100%;
}
header {
background: #fff;
width: 100%;
height: 15%;
position: fixed;
top: 0;
left: 0;
border-bottom: 4px solid #292562;
z-index: 100;
}
#logo {
margin: 1.5em 0 0 1em;
position: fixed;
width: 10em;
display: block;
}
nav {
float: right;
padding: 2em 4em 2em 2em;
}
#menu-icon {
display: hidden;
width: 40px;
height: 40px;
background: #292562 url(../img/menu-icon.png) center;
border-bottom: red;
}
a:hover#menu-icon {
background-color: #444;
border-radius: 4px 4px 0 0;
}
ul {
list-style: none;
}
li {
display: inline-block;
float: left;
padding: 10px;
}
.current {
color: #2262AD;
}
/* -------------------Home Page Start------------------*/
section {
margin: auto;
max-width: 55em;
position: relative;
padding: 7.7em 0 1em 0;
}
#products {
margin: 0 0 4.5em 0;
max-width: 100%;
position: relative;
padding: 0 0 0 0;
}
h1 {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
text-align: center;
font-size: 2em;
color: #282560;
line-height: 1.15em;
margin: 20px 0 ;
}
h2 {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
text-align: center;
font-size: 1.6em;
color: #282560;
line-height: 1.15em;
font-weight: lighter;
}
h3 {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
text-align: center;
font-size: 2em;
color: #282560;
line-height: 1.15em;
font-weight: lighter;
}
p {
text-align: center;
line-height: 1.45em;
margin-bottom: 20px;
}
.about {
margin: 0 100px 0 100px;
color: #353535;
font-size: 14px;
text-align: center;
line-height: 1.45em;
}
.about a {
color: #282560;
}
.about a:hover {
color: #eb2227;
font-weight: lighter;
}
#P_banner {
padding: 0 0 0 0;
background-color: #353535;
width: 100%;
height: auto;
clear: both;
display: inline-block;
}
#P_banner a {
color: white;
font-weight: 100;
}
#P_banner a:hover {
color: grey;
font-weight: 100;
}
#collage {
margin-top: 30px;
padding-bottom: 1em;
height: auto;
width: 100%;
}
.p_link {
margin: 0 auto o auto;
height: auto;
display: inline-block;
width: 100%;
}
#plink {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
width: 20%;
float: left;
margin: 1em 0 0 0;
transition: transform .2s; /* Animation */
}
#plink img {
width: 40%;
}
#plink:hover {
transform: scale(1.1);
}
/* -----------------Product Page Start-----------------*/
#headermain {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
display: inline-block;
width: 100%;
height: auto;
padding: 0 0 0 0;
}
.headstyle {
display: inline-block;
float: left;
height: 6em;
width: 25%;
text-align: center;
}
.headstyle a {
display: block;
height: 3em;
}
.headstyle a:hover {
color: #eb2227;
font-weight: lighter;
}
.headstyle#two, .headstyle#four {
background-color: gainsboro;
}
.headstyle#one a, .headstyle#four a{
line-height: 2em;
}
.header {
font-size: 2em;
line-height: 1em;
transition: transform .2s; /* Animation */
}
.subheadernet {
background-color: none;
border: none;
color: #282560;
padding: .5em 0 .5em 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
cursor: pointer;
width: 100%;
}
.topic_container {
height: auto;
width: 100%;
display: none;
margin: -5px 0 0 0;
background-color: none;
}
#main_one {
clear: both;
display: none;
background-color: none;
text-align: center;
width: 100%;
color: #4c4c4c;
font-size: 15px;
}
#main_two {
clear: both;
display: none;
background-color: none;
padding: 2%;
text-align: center;
width: 96%;
background: linear-gradient(to right, #0070b9 , #786193 , #b85065);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-size: 18px;
}
#main_three {
clear: both;
display: none;
background-color: none;
padding: 2%;
text-align: center;
width: 96%;
background: linear-gradient(to right, #0070b9 , #786193 , #b85065);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-size: 18px;
}
#main_four {
clear: both;
display: none;
background-color: none;
padding: 2%;
text-align: center;
width: 96%;
background: linear-gradient(to right, #0070b9 , #786193 , #b85065);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
font-size: 18px;
}
.subheader {
background-color: none;
border: none;
color: #282560;
padding: .5em 0 .5em 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
cursor: pointer;
width: 100%;
font-weight: bold;
}
.subheader#one:hover, .subheader#two:hover {
background: rgba(40,37,96,0.6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subheader#one, .subheader#three {
background-color: gainsboro;
}
.btnClose {
background-color: #eb2227; /* Green */
font-family: 'century gothic';
font-size: 1em;
border: none;
color: white;
height: 1.5em;
line-height: normal;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 1em 0 1em 0;
cursor: pointer;
width: 100%;
}
.btnClose:hover {
font-weight: bolder;
color: white;
}
#productinfo {
display: inline-block;
height: auto;
width: 100%;
padding: 2% 0;
clear: both;
}
#productinfoleft {
clear: both;
width: 90%;
padding: 0 5% 5% 5%;
height: auto;
display: inline-block;
}
#productinfoleft p{
text-align: justify;
font-size: 16px;
}
#productinforight {
float: left;
width: 48%;
padding: 0 0 0 2%;
height: auto;
display: inline-block;
margin: 7em 0 0 0;
}
#productinfoleft img {
width: 50%;
}
h4 {
font-family: 'century gothic';
text-align: center;
font-size: 20px;
color: #282560;
line-height: 31px;
font-weight: bold;
}
/* --------------------- netball sub cat ---------------*/
#courses_one {
clear: both;
display: none;
background-color: none;
padding: 1% 0;
text-align: justify;
width: 100%;
color: #4c4c4c;
font-size: 15px;
}
#courses_three {
clear: both;
display: none;
background-color: white;
padding: 0 2% 2% 2%;
text-align: justify;
width: 96%;
color: #4c4c4c;
font-size: 15px;
}
#courses_four {
clear: both;
display: none;
background-color: white;
padding: 0 0;
text-align: justify;
width: 100%;
color: #4c4c4c;
font-size: 15px;
}
/* ----------Courses for teams Page Start----------*/
.course1 {
background-color: none;
border: none;
color: #282560;
padding: .5em 0 .5em 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
cursor: pointer;
width: 100%;
}
.course1#two, .course1#four {
background-color: #eaeaea;
}
#course1_one {
clear: both;
display: none;
background-color: white;
padding: 0 0;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_one img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_one .calendar img{
width: 75%;
padding: 0 13.5%;
}
.calendar p{
margin: 0;
background: linear-gradient(to right, #0070b9 , #786193 , #b85065);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 1em 0 0 0;
font-weight: bold;
font-size: 18px;
}
#btncontainer {
background-color: white;
display: inline-block;
text-align: center;
}
#interested {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
background-color: #282560; /* Green */
font-size: 1.5em;
border: none;
color: white;
height: 1.7em;
line-height: normal;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 .5em 0;
cursor: pointer;
width: 80%;
padding: 0 10%;
}
#interested:hover {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
color: #eb2227;
font-weight: lighter;
}
#course1_one .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_one .list p{
text-align: left;
width: 100%
}
#download {
text-align: center;
background-color: none;
padding: .5em 0;
color: #2f5dab;
font-weight: bold;
font-size: 13px;
}
#download a:hover{
color: #eb2227;
font-weight: bold;
}
#download a{
color: #eb2227;
font-size: 16px;
}
/* ----------Mom and Mini Sis Page Start----------*/
#course1_two{
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_two img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_two .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_two .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_two .list p{
text-align: left;
width: 100%
}
/* ----------Mini Netball Coaching Page Start----------*/
#course1_three {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_three img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_three .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_three .list {
width: 80%;
padding: 0 0 0 10%;
}
#course1_three .list p{
text-align: left;
width: 100%
}
/* ----------Tournaments Page Start----------*/
#course1_four {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_four img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_four .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_four .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_four .list p{
text-align: left;
width: 100%
}
/* ----------Courses for teams Page Start----------*/
.course1 {
background-color: none;
border: none;
color: #282560;
padding: .5em 0 .5em 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
cursor: pointer;
width: 100%;
}
.course1#two, .course1#four {
background-color: #eaeaea;
}
#course1_one {
clear: both;
display: none;
background-color: white;
padding: 0 0;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_one img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_one .calendar img{
width: 75%;
padding: 0 13.5%;
}
.calendar p{
margin: 0;
background: linear-gradient(to right, #0070b9 , #786193 , #b85065);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 1em 0 0 0;
font-weight: bold;
font-size: 18px;
}
#btncontainer {
background-color: white;
display: inline-block;
text-align: center;
}
#interested {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
background-color: #282560; /* Green */
font-size: 1.5em;
border: none;
color: white;
height: 1.7em;
line-height: normal;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 .5em 0;
cursor: pointer;
width: 80%;
padding: 0 10%;
}
#interested:hover {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
color: #eb2227;
font-weight: lighter;
}
#course1_one .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_one .list p{
text-align: left;
width: 100%
}
#download {
text-align: center;
background-color: none;
padding: .5em 0;
color: #2f5dab;
font-weight: bold;
font-size: 13px;
}
#download a:hover{
color: #eb2227;
font-weight: bold;
}
#download a{
color: #eb2227;
font-size: 16px;
}
/* ----------Mom and Mini Sis Page Start----------*/
#course1_two{
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_two img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_two .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_two .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_two .list p{
text-align: left;
width: 100%
}
/* ----------Mini Netball Coaching Page Start----------*/
#course1_three {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_three img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_three .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_three .list {
width: 80%;
padding: 0 0 0 10%;
}
#course1_three .list p{
text-align: left;
width: 100%
}
/* ----------Tournaments Page Start----------*/
#course1_four {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#course1_four img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#course1_four .calendar img{
width: 75%;
padding: 0 13.5%;
}
#course1_four .list {
width: 50%;
padding: 0 15% 0 35%;
}
#course1_four .list p{
text-align: left;
width: 100%
}
/* --------------------- Hockey sub cat ---------------*/
/* ------- Main ------*/
#courses_two {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
/* ------- Main End------*/
#courses_two {
clear: both;
display: none;
background-color: white;
text-align: justify;
width: 95%;
padding: 0 2.5% 1em 2.5%;
color: #4c4c4c;
font-size: 15px;
}
#courses_two img{
width: 10%;
padding: 0 45%;
text-align: center;
}
#courses_two .calendar img{
width: 75%;
padding: 0 13.5%;
}
#courses_two .list {
width: 80%;
padding: 0 0% 0 20%;
}
#courses_two .list p{
text-align: left;
width: 100%
}
#hockey_one {
clear: both;
display: none;
background-color: none;
padding: 1% 0;
text-align: justify;
width: 100%;
color: #4c4c4c;
font-size: 15px;
}
/* --------------------- Contact Page ---------------*/
#contactform {
height: auto;
padding: 1em 0 0 0;
}
#download {
display: inline-block;
width: 100%;
height: auto;
padding: 0 0 2em 0;
}
#downloadbtn1 {
display: inline-block;
clear: both;
float: left;
width: 50%;
height: auto;
margin: 0 25%;
background-color: none;
}
#downloadbtn2 {
float: left;
width: 50%;
height: 2em;
background-color: none;
}
#btncontainer {
width: 100%;
}
.btnstyle {
float: left;
display: inline-block;
float: left;
width: 50%;
height: auto;
margin: 0 0 0 0;
background-color: none;
}
.button {
display: inline-block;
background-color: none;
border: none;
color: dimgrey;
width: 40%;
padding: .5em 0 .5em 0;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 0 30% 1em 30%;
cursor: pointer;
border-radius: .3em;
transition: all 0.5s;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.1s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
.button:hover {
background-image: linear-gradient(45deg, rgba(18,80,186,0.8), rgba(105,62,127,0.8), rgba(191,44,70,0.8));
color: white;
transition: 0.1s;
}
#formhead {
line-height: 1em;
color: #666666;
padding: 0 0 0 0;
width: 100%;
text-align: center;
}
input[type=text] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 100%;
text-align: left;
}
input[type=email] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 100%;
text-align: left;
}
input[type=tel] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 100%;
text-align: left;
}
select[type=option] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 100%;
text-align: left;
color: dimgrey;
}
textarea {
width: 100%;
height: 5em;
}
input[type=submit] {
color: white;
width: 100%;
padding: 5px 15px;
background: #eb2227;
border: 0 none;
cursor :pointer;
}
/* --------------------- Custom Check boxes ---------------*/
.containercheck {
display: block;
position: relative;
padding: 1% 0 1% 5%;
margin: 0 0 0 30%;
cursor: pointer;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
}
/* Hide the browser's default checkbox */
.containercheck input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 25%;
left: 0;
height: 15px;
width: 15px;
background-color: lightgray;
}
/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
background-color: darkgrey;
}
/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
background-image: linear-gradient(45deg, rgba(18,80,186,0.8), rgba(105,62,127,0.8), rgba(191,44,70,0.8));
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.containercheck .checkmark:after {
left: 25%;
top: 4%;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/* --------------------- Custom Check boxes end ---------------*/
.container {
width: 100%;
height: auto;
}
#cLeft {
float: left;
height: auto;
width: 50%;
padding: 0 0 1em 0;
}
#cright {
float: right;
height: auto;
width: 40%;
padding: 2em 1em 1em 0;
transition: transform .2s; /* Animation */
}
#cright img {
width: 2em;
}
#cright img:hover {
transform: scale(1.2);
}
.errors {
height: auto;
}
/* ----------------------- Footer ----------------------*/
.footerMain {
}
#infobarTop img {
width:1.5em;
}
#infobarTop {
padding: 1em 0 0 0;
border-top: 5px solid #282560;
background-color: #ec2227;
color: white;
height: 6em;
text-align: center;
}
#infobarBtm {
background-color: #353535;
font-size: .8em;
text-align: center;
color: white;
font-weight: lighter;
line-height: 2em;
}
#f_MainNav {
line-height: 30px;
}
#f_SecNav {
font-size: 12px;
line-height: 30px;
}
#infobarTop a {
color: white;
font-weight: lighter;
}
#infobarTop img:hover {
transform: scale(1.2);
}
#infobarTop a:hover {
color: white;
font-weight: bold;
}
/*-------------------Media Queries------------------*/
/*-------------------Ipads-------------*/
/*MEDIA QUERY*/
@media only screen and (max-width:756px) {
nav {
margin: 2.1em 3em 1em 1em;
padding: 0 0 0 0;
}
#logo {
margin: 1.5em 0 0 1em;
position: absolute;
width: 10em;
display: block;
}
header {
position: absolute;
height: 7em;
}
#menu-icon {
display: inline-block;
}
nav ul, nav:active ul {
display: none;
position: absolute;
padding: 20px;
background: #fff;
border: 5px solid #444;
right: 20px;
top: 60px;
width: 50%;
border-radius: 4px 0 4px 4px;
}
nav li {
text-align: center;
width: 100%;
padding: 10px 0;
margin: 0;
}
nav:hover ul {
display: block;
}
.about{
margin: 0 0 0 0;
color: #353535;
font-size: 14px;
text-align: center;
line-height: 1.45em;
}
#showmom img {
width: 30%;
}
#showpre {
height: auto;
display: inline-block;
}
#showpre img {
width: 30%;
}
#showcoach img {
width: 30%;
}
.p_link {
margin: 0 auto;
height: auto;
display: inline-block;
width: 100%;
}
#plink {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
width: 20%;
float: left;
margin: 1em 0 0 0;
transition: transform .2s; /* Animation */
}
#plink img {
width: 5em;
}
.footerMain {
padding-top: 0;
}
#infobarTop {
padding: 1em 0 1em 0;
border-top: 5px solid #282560;
background-color: #ec2227;
color: white;
height: auto;
text-align: center;
}
#f_MainNav {
font-size: 14px;
line-height: 30px;
}
#f_SecNav {
font-size: 10px;
line-height: 30px;
}
#infobarBtm {
background-color: #353535;
font-size: .6em;
text-align: center;
color: white;
font-weight: lighter;
line-height: 2em;
}
.m_course {
background-color: lightgrey;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 2.24em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Anal {
background-color: none;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Coach {
background-color: lightgrey;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Net {
background-color: none;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
input[type=text] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
}
textarea {
width: 90%;
height: 5em;
}
input[type=submit] {
color: white;
width: 90%;
padding:5px 15px;
background:#eb2227;
border:0 none;
cursor:pointer;
}
input[type=email] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
text-align: left;
}
input[type=tel] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
text-align: left;
}
#cright p{
padding: 0 0 0 0;
margin: 0 3em 0 0;
font-size: 1em;
}
/*-------------------Phones-------------*/
/*MEDIA QUERY*/
@media only screen and (max-width:460px) {
body {
text-align: center;
font-size: 1.05em;
line-height: 1.25em;
font-family: 'century gothic';
background: #f2f2f3;
color: #555;
min-width: 360px;
}
#logo {
margin: 1.5em 0 0 1em;
position: absolute;
width: 10em;
display: block;
}
section {
min-width: 10em;
padding: 6.7em 0 1em 0;
}
nav {
margin: 0 0 0 0;
position: absolute;
padding: 2.3em 2em 2em 16em;
}
header {
position: absolute;
height: 6.5em;
}
#menu-icon {
display: inline-block;
}
nav ul, nav:active ul {
display: none;
position: absolute;
padding: 20px;
background: #fff;
border: 5px solid #444;
right: 20px;
top: 60px;
width: 50%;
border-radius: 4px 0 4px 4px;
}
nav li {
text-align: center;
width: 100%;
padding: 10px 0;
margin: 0;
}
nav:hover ul {
display: block;
}
.about{
margin: 0 0 0 0;
color: #353535;
font-size: 14px;
text-align: center;
line-height: 1.45em;
}
.p_link {
margin: 0 auto o auto;
height: auto;
display: inline-block;
width: 100%;
}
#plink {
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: 14px;
width: 20%;
float: left;
margin: 1em 0 0 0;
transition: transform .2s; /* Animation */
}
#plink img {
width: 4em;
}
.footerMain {
padding-top: 1em;
}
#infobarTop {
padding: 1em 0 1em 0;
border-top: 5px solid #282560;
background-color: #ec2227;
color: white;
height: auto;
text-align: center;
}
#f_MainNav {
font-size: 14px;
line-height: 30px;
}
#f_SecNav {
font-size: 10px;
line-height: 30px;
}
#infobarBtm {
background-color: #353535;
font-size: .6em;
text-align: center;
color: white;
font-weight: lighter;
line-height: 2em;
}
.m_course {
background-color: lightgrey;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 2.24em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Anal {
background-color: none;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Coach {
background-color: lightgrey;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
.m_Net {
background-color: none;
font-family: 'HighTide', Helvetica, Arial, Sans-Serif;
font-size: .8em;
border: none;
color: #282560;
padding: 1em 0 1em 0;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 0 0 0;
cursor: pointer;
width: 100%;
}
input[type=text] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
}
input[type=email] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
text-align: left;
}
input[type=tel] {
border: none;
background-color: #C9C9C9;
height: 2em;
width: 90%;
text-align: left;
}
textarea {
width: 90%;
height: 5em;
}
input[type=submit] {
color: white;
width: 90%;
padding:5px 15px;
background:#eb2227;
border:0 none;
cursor:pointer;
}
.calender img {
width: 100%;
}
#cright p{
padding: 1em 0 0 0;
margin: 0 2em 0 0;
font-size: .8em;
}
}
}