/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .site-header:before, .site-header .shell:before, .site-content:before, .sidebar:before, .top-menu:before, .main-navigation:before, .home-panel:before, .row:before,
.clearfix:after,
.site-header:after,
.site-header .shell:after,
.site-content:after,
.sidebar:after,
.top-menu:after,
.main-navigation:after,
.home-panel:after,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .site-header:after, .site-header .shell:after, .site-content:after, .sidebar:after, .top-menu:after, .main-navigation:after, .home-panel:after, .row:after {
  clear: both; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */ }

body,
button,
input,
select,
textarea {
  color: #555;
  font-size: 100%;
  line-height: 1.125em;
  font-family: 'Roboto', sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', sans-serif;
  clear: both; }

h1 {
  font-size: 2em;
  line-height: 1em;
  margin-bottom: 1em; }

h2 {
  font-size: 1.5em;
  margin-bottom: 1em;
  line-height: 1.25em; }

h3 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-bottom: 1em; }

p {
  margin-bottom: 1.5em;
  font-size: 1em; }

b,
strong {
  font-weight: bold; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em;
  font-style: italic; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }

small {
  font-size: 75%; }

big {
  font-size: 125%; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ul,
ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

figure {
  margin: 0; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

th {
  font-weight: bold; }

a {
  color: #002a5c; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

.site-header {
  position: relative;
  padding: 0 20px;
  border-bottom: 2px solid #eee; }
  @media (min-width: 960px) {
    .site-header {
      padding: 0; } }
  .site-header .shell {
    max-width: 940px;
    margin: 20px auto; }

.logo {
  text-indent: -9999px;
  display: block;
  background: url(../images/wcw-logo.jpg) no-repeat;
  margin: 0 auto;
  width: 168px;
  height: 57px;
  background-size: 168px 57px; }
  @media (min-width: 700px) {
    .logo {
      float: left;
      margin: 0; } }

.site-info {
  margin-top: 23px;
  text-align: center; }
  @media (min-width: 700px) {
    .site-info {
      float: right;
      text-align: right; } }
  .site-info p {
    font-size: .875em;
    margin-bottom: 0; }
  .site-info .telephone {
    color: #FEB83D;
    font-weight: bold; }

.content-area p {
  line-height: 1.5em; }

.entry-content {
  max-width: 940px;
  margin: 40px auto;
  padding: 0 20px; }
  @media (min-width: 960px) {
    .entry-content {
      padding: 0; } }

.entry-title {
  color: #002a5c;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 2em; }
  .entry-title:after {
    content: "";
    display: block;
    width: 53px;
    height: 5px;
    background: #A3AECA;
    border-radius: 61px;
    position: absolute;
    bottom: -30px;
    left: 0; }

.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto; }

.wp-caption-text {
  text-align: center; }

.wp-caption .wp-caption-text {
  margin: 0.8075em 0; }

.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.33%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.66%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.28%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.11%; }

.gallery-caption {
  display: block; }

.sidebar {
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  @media (min-width: 960px) {
    .sidebar {
      text-align: left;
      float: right;
      width: 23.625%;
      overflow: visible; } }

.site-footer {
  background: #002A5C;
  padding: 40px 20px; }

.copyright {
  color: #fff;
  font-size: .75em;
  text-align: center;
  margin-bottom: 0; }

.top-menu {
  display: none; }
  @media (min-width: 960px) {
    .top-menu {
      display: block;
      margin: 0px auto;
      max-width: 960px; } }
  .top-menu ul {
    float: right;
    margin: 10px 35px 20px 0px; }
    .top-menu ul li {
      list-style-type: none;
      display: inline; }
      .top-menu ul li a {
        text-decoration: none;
        font-size: .875em;
        text-transform: uppercase;
        margin-left: 20px; }
        .top-menu ul li a.camp-login {
          color: #f26522; }

.footer-menu {
  margin: 0 auto;
  max-width: 960px;
  padding-top: 12px; }
  .footer-menu ul {
    margin-left: 0; }
    .footer-menu ul li {
      list-style-type: none;
      display: inline;
      margin-right: 25px; }
      .footer-menu ul li a {
        color: #ffffff;
        text-decoration: none;
        font-size: .875em; }

.main-navigation {
  position: fixed;
  width: 320px;
  height: 100%;
  top: 70px;
  z-index: 999;
  right: -320px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: scroll;
  background: rgba(255, 255, 255, 0.9); }
  @media (min-width: 960px) {
    .main-navigation {
      box-shadow: none;
      position: relative;
      background: transparent;
      width: auto;
      top: 0;
      right: 0; } }
  .main-navigation.menu-open {
    right: 0;
    box-shadow: 0px 3px 5px #000; }
  .main-navigation ul {
    margin-left: 0; }
    @media (min-width: 960px) {
      .main-navigation ul {
        margin: 0 0 0 30px; } }
    .main-navigation ul li {
      list-style-type: none;
      position: relative; }
      @media (min-width: 960px) {
        .main-navigation ul li {
          float: left; } }
      .main-navigation ul li.active a {
        background: rgba(213, 213, 213, 0.8);
        border-bottom: 0; }
      .main-navigation ul li a {
        color: #633615;
        text-decoration: none;
        font-size: 1.125em;
        display: block;
        padding: 10px 5px 10px 40px;
        border-bottom: 1px solid #bfc0be; }
        @media (min-width: 960px) {
          .main-navigation ul li a {
            color: #223e8b;
            font-size: 1em;
            line-height: 1.25em;
            padding: 15px 20px;
            float: left;
            border-bottom: 0; } }
        @media (min-width: 960px) {
          .main-navigation ul li a:hover {
            color: red; } }
    .main-navigation ul.sub-nav {
      display: none;
      background: rbga(213, 213, 213, 0.5); }
      .main-navigation ul.sub-nav li a {
        background: rgba(213, 213, 213, 0.8);
        padding-left: 60px;
        font-size: .888888889em; }

.menu-toggle {
  float: right;
  background: #ef6927;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 1em; }
  @media (min-width: 960px) {
    .menu-toggle {
      display: none; } }

.sidebar-menu {
  display: none; }
  @media (min-width: 960px) {
    .sidebar-menu {
      display: block;
      background: url(../images/sidebar-nav-bg.png) top right no-repeat;
      margin-left: -90px;
      padding-left: 90px; } }
  .sidebar-menu ul {
    margin-left: 10px;
    padding-top: 50px;
    padding-bottom: 100px; }
    .sidebar-menu ul li {
      list-style-type: none; }
      .sidebar-menu ul li a {
        color: #633615;
        text-decoration: none;
        text-shadow: 1px 1px 10px #fff;
        display: block;
        line-height: 2em;
        padding-left: 20px; }
        .sidebar-menu ul li a:hover {
          text-shadow: 1px 1px 5px #fff;
          background: url(../images/active-page-highlight.png) no-repeat; }

.slider-wrap {
  background: url(../images/slideshow-bg.jpg) top center no-repeat;
  width: 100%; }

.slides {
  margin: 0 auto;
  max-width: 1280px; }

.home-panel {
  background: url(../images/panel-bg.jpg) no-repeat;
  margin: 0 auto;
  max-width: 1280px; }
  .home-panel li {
    list-style-type: none;
    float: left;
    margin-top: -30px;
    position: relative;
    z-index: 999;
    margin-right: 10px; }
    .home-panel li:first-child {
      margin-left: 190px; }

/* slideshow images (for most of the demos, these are the actual "slides") */
.slide img {
  /* 
  some of these styles will be set by the plugin (by default) but setting them here
  helps avoid flash-of-unstyled-content
  */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  display: block; }

/* in case script does not load */
.slide img:first-child {
  position: static;
  z-index: 100; }

/* prev / next links */
.cycle-prev, .cycle-next {
  position: absolute;
  top: 40%;
  z-index: 999;
  cursor: pointer;
  display: none; }
  @media (min-width: 960px) {
    .cycle-prev, .cycle-next {
      display: block; } }

.cycle-prev {
  left: 5%;
  background: url(../images/slide-arrows.png) no-repeat 0 0;
  width: 59px;
  height: 77px; }

.cycle-next {
  right: 5%;
  background: url(../images/slide-arrows.png) no-repeat -74px 0;
  width: 59px;
  height: 77px; }

.cycle-prev:hover {
  background: url(../images/slide-arrows.png) no-repeat 0 -92px; }

.cycle-next:hover {
  background: url(../images/slide-arrows.png) no-repeat -74px -92px; }

.disabled {
  opacity: .5;
  filter: alpha(opacity=50); }

/* display paused text on top of paused slideshow */
.cycle-paused:after {
  content: 'Paused';
  color: white;
  background: black;
  padding: 10px;
  z-index: 500;
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  opacity: .5;
  filter: alpha(opacity=50); }

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */ }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */ }

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
  resize: vertical; }

.hero {
  background: url("../images/tower.jpg") no-repeat fixed center top/cover;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 75px 20px;
  position: relative; }
  @media (min-width: 700px) {
    .hero {
      padding: 175px 20px;
      height: 693px; } }
  .hero .shell {
    max-width: 670px;
    margin: 0 auto;
    z-index: 10;
    position: relative; }
  .hero .hero-title {
    color: #fff;
    font-size: 2.5em;
    line-height: 1.4;
    font-weight: 700; }
    @media (min-width: 700px) {
      .hero .hero-title {
        font-size: 4.1875em; } }
  .hero p {
    font-size: 1.125em;
    color: #fff; }
  .hero .overlay {
    background: rgba(0, 42, 92, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5; }

.content-module {
  text-align: center;
  padding: 70px 20px;
  border-bottom: 2px solid #F3F3F3; }
  .content-module .shell {
    max-width: 540px;
    margin: 0 auto; }
  .content-module .content-module-title {
    color: #002a5c;
    text-transform: uppercase;
    font-size: 1.625em;
    position: relative;
    margin-bottom: 95px; }
    .content-module .content-module-title .title-border {
      width: 53px;
      height: 5px;
      background: #A3AECA;
      border-radius: 61px;
      position: absolute;
      bottom: -30px;
      left: 45%; }
  .content-module p {
    font-size: .875em; }

.row {
  margin-bottom: 40px; }

@media (min-width: 700px) {
  .col {
    width: 40%; } }
.col h3 {
  color: #002a5c;
  text-transform: uppercase;
  font-size: 1.625em;
  margin-bottom: .5em; }
.col .telephone {
  color: #FEB83D;
  font-weight: bold; }

@media (min-width: 700px) {
  .col-1 {
    float: left; } }

@media (min-width: 700px) {
  .col-2 {
    float: right; } }

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
  * Don't show links that are fragment identifiers,
  * or use the `javascript:` pseudo protocol
  */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }