/** * CSS for Anna Theme (Bootstrap sub theme) by Kyle Wallace */
/* Imports */

@import url('http://fonts.googleapis.com/css?family=Spinnaker');
@import url('http://fonts.googleapis.com/css?family=Monoton');
@import url('http://fonts.googleapis.com/css?family=Lobster');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
@import url('http://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.min.css');
/* Global Overrides & Styles */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
    background: #2B333A;
    font-family: 'Spinnaker', sans-serif;
    color: #fff;
}
.bold {
    font-weight: bold;
}
.justify {
  text-align: justify;
  text-justify: inter-word;
}
.smaller {
  font-size: 98%;
}
/* Banner */

.banner {
    min-height: 500px;
    background: url('../img/banner.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.logo {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.75);
}
.logo img {
    margin: 0 auto;
}
/* Navigation Bar */

#navbar {
    border-top: 2px dashed #F01A70;
    border-bottom: 2px dashed #F01A70;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    margin: 20px 0px;
    padding: 20px 0px;
}
.navbar-default {
    background: none;
    border: none;
}
#navbar a:link,
#navbar a:visited {
    color: #fff;
    padding: 10px 5px;
}
#navbar a:hover,
#navbar a:visited {
    background: none;
}
.navbar-toggle {
    float: none;
    color: #fff;
    width: 100%;
}
.navbar-toggle .text {
    font-size: 150%;
    font-weight: bold;
}
ul.menu.nav {
    text-align: center;
}
.menu.nav>li,
.menu.nav>li>a {
    display: inline!important;
    padding: 0px 10px;
}
#navbar a.highlight:link,
#navbar a.highlight:visited {
  color: #F01A70;
}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .menu.nav>li,
    .menu.nav>li>a {
        display: block!important;
        padding: 0px 20px;
    }
}
.content {
    background: #E9E9E9;
    color: #000;
    margin-bottom: 20px;
    padding: 10px 0px;
}
.nobg.content {
    background: none;
}
.imagecontainer {
    padding: 0px;
}
.imagecontainer img {
    margin: -10px 0px;
}
.imagecontainer img.visible-xs {
    margin-top: 20px;
}
.front .title.main {
    display: none;
}
.title {
    background: #F01A70;
    -webkit-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    padding: 0px;
    margin: 0px -200px 20px -200px;
}
.title h1 {
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: 48px;
    margin: 0px;
    padding: 20px;
    text-transform: uppercase;
}
.title h2 {
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: 48px;
    margin: 0px;
    padding: 20px;
    text-transform: uppercase;
}
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    .title h2,
    .title h1,
    .bannertitle h2 {
        font-size: 24px!important;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .title h2,
    .title h1,
    .bannertitle h2 {
        font-size: 36px!important;
    }
}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .title h2,
    .title h1,
    .bannertitle h2 {
        font-size: 48px!important;
    }
}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .title h2,
    .title h1,
    .bannertitle h2 {
        font-size: 48px!important;
    }
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .title h2,
    .title h1,
    .bannertitle h2 {
        font-size: 48px!important;
    }
}
.bannertitle {
    background: #F01A70;
    -webkit-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 1px 5px rgba(0, 0, 0, 0.11);
    padding: 0px;
    margin: 20px -200px;
}
.bannertitle h2 {
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    font-size: 48px;
    margin: 0px;
    padding: 20px;
    text-transform: uppercase;
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .column-2 {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        
        -moz-column-count: 1;
        /* Firefox */
        
        column-count: 1;
    }
}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .column-2 {
        -webkit-column-count: 2;
        /* Chrome, Safari, Opera */
        
        -moz-column-count: 2;
        /* Firefox */
        
        column-count: 2;
    }
}
.content strong {
    color: #F01A70;
}
.circle {
    height: 0;
    padding-bottom: 90%!important;
    width: 100%;
    background-color: #2B333A;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    overflow: hidden;
    padding-top: 20px;
}
.circle.invert {
    background-color: #F01A70;
    color: #fff;
    color: #2B333A;
    font-size: 200%;
}
/* Small Devices, Tablets */

@media only screen and (min-width: 992px) {
    .circle.invert {
        font-size: 160%;
    }
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .circle.invert {
        font-size: 200%;
    }
}
.circle strong {
    background-color: #F01A70;
    color: #fff;
    padding: 5px;
}
.circle.invert strong {
    background-color: #fff;
    color: #F01A70;
    padding: 3px;
    margin: 0px;
}
.circle.invert .intro strong {
    font-family: monoton;
    background: none;
    padding: 0px;
    color: #2B333A;
    font-size: 150%;
}
.circle.invert .intro em {
    font-weight: bold;
    color: #fff;
    font-family: lobster;
    margin: 0px;
    padding: 0px;
}
.circle.invert .message {
    font-size: 40%;
}
.circle.coach1 .spacer {
    height: 30px;
    display: block;
}
.circle.coach2 .spacer {
    height: 15px;
    display: block;
}
.circle.coach3 .spacer {
    height: 35px;
    display: block;
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
    .circle {
        font-size: 130%;
        padding-bottom: 90%!important;
        padding-top: 40px;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
    .circle {
        font-size: 200%;
        padding-bottom: 90%!important;
        padding-top: 50px;
    }
}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .circle {
        font-size: 180%;
        padding-bottom: 90%!important;
        padding-top: 40px;
    }
}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    .circle {
        font-size: 80%;
        padding-bottom: 90%!important;
        padding-top: 20px;
    }
}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    .circle {
        font-size: 100%;
        padding-bottom: 90%!important;
        padding-top: 20px;
    }
}
.contactbanner {
    background: #F01A70;
    margin: 40px -30px 0px -30px;
    padding: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 110%;
}
.contactbanner a:link,
.contactbanner a:visited {
    color: #fff;
}
.contactbanner a:hover,
.contactbanner a:active {
    text-decoration: none;
}
.contactbanner i {
    color: #07F7DF;
    font-size: 150%;
}
.contactbanner em {
    color: #000;
    text-decoration: underline;
    font-size: 150%;
}
.contactbanner strong {
    background: #07F7DF;
    color: #fff;
}
.contact-form {
    margin-bottom: 20px;
}
.topcontact,
.topcontact a:link,
.topcontact a:visited,
.topcontact a:hover,
.topcontact a:active {
    color: #555b5f;
    font-size: 110%;
    text-decoration: none;
    font-weight: bold;
}
.topcontact em {
    color: #fff!important;
    font-family: lobster;
    font-size: 140%;
}
.topcontact strong {
    font-size: 140%;
}
.topcontact .contact {
    padding-top: 20px;
}
.topcontact.icons {
    padding-top: 0;
}
.standout {
   font-size: 150%;
}
.pink {
   color: #f01a70;
}
.icons .message {
   font-size: 150%;
}
img.bethebest {
  width: 75%;
  height: 75%;
}
.tabs--primary.nav-tabs {
    margin: 0px;
    padding: 0px;
    border: none;
    background: #E9E9E9;
}
.sponsors img {
  padding: 10px 0px;
  margin: 0 auto;
}
#copyright {
    color: #B7B6B6;
}

/* Buttons */
.btn-primary {
  background-color: #07f7df;
  border-color: #05d2bd;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #07e9d2;
  border-color: #05d2bd;
  color: #fff;
}
.btn-info {
  background-color: #07f7df;
  border-color: #05d2bd;
  color: #fff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #07e9d2;
  border-color: #05d2bd;
  color: #fff;
}
.addbutton {
  margin-bottom: 20px;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #f01a70;
  border-color: #cc115c;
  color: #fff;
}

a {
  color: #f01a70;
}
a:hover {
  color: #f01a70;
}
tbody a:link {
  margin-left: 10px;
}
.views-field-field-photo-front i {
  padding: 0px 5px;
}