/* Custom styles added by the client */

/* COC FOUNDATIONS */
.coc-photo-header {
  background: url(/coc-foundation/photos/hero-coc-foundation-v4.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
}

@media only screen and (max-width: 767px) {
  .coc-photo-header {
    background-image: url(/coc-foundation/photos/hero-coc-foundation-v2-768x950.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 50px;
  }
}

.coc-photo-footer {
  background: url(/coc-foundation/photos/hero-xc-tufc.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
}

@media only screen and (max-width: 767px) {
  .coc-photo-footer {
    background-image: url(/coc-foundation/photos/hero-xc-tufc-768w.jpg);
    background-size: cover;
  }
}

.coc-photo-tufc {
  background: url(/coc-foundation/photos/coc-foundation-baseball-cutout.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ffffff;
  min-height: 800px;
}

@media only screen and (max-width: 767px) {
  .coc-photo-tufc {
    background-image: url(/coc-foundation/photos/coc-foundation-baseball-768w.jpg);
    background-position: bottom center;    
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 200px;
  }
}

.tufc-button {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .tufc-button {
    text-align: center;
  }
}

.coc-logo {
  width: 100%;
  padding-top:50px;
}

@media only screen and (max-width: 767px) {
  .coc-logo {
    width: 180px;
    padding-top: 0;
  }
}

.coc-title {
  color: #004990; 
  font-size: 36px;
}

@media only screen and (max-width: 767px) {
  .coc-title {
    font-size: 30px;
  }
}


/* RESHAPING ATLETICS */
.reshaping-photo-header {
  background: url(/images/setup/vb-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
}

@media only screen and (max-width: 767px) {
  .reshaping-photo-header {
    background-image: url(/images/setup/vb-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
  }
}

.photoblock-vball {
  background: url(/images/setup/vb-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #004990;
}

@media only screen and (max-width: 767px) {
  .photoblock-vball {
    background-image: url(/images/setup/vb-background.jpg);
    background-size: cover;
  }
}

.photoblock-mxc {
  background: url(/images/setup/xc-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #004990;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .photoblock-mxc {
    background-image: url(/images/setup/xc-background.jpg);
    background-size: cover;
  }
}

.photoblock-mxc a {
    color: #ffffff;
}

.photoblock-virtual5k {
  background: url(/images/backgrounds/5k-runner-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
  color:#ffffff;
}

.photoblock-wgolf {
  background: url(/images/backgrounds/wgolf-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
  color:#ffffff;
}

@media only screen and (max-width: 767px) {
  .photoblock-wgolf {
    background-image: url(/images/backgrounds/wgolf-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
  }
}

.photoblock-wflag {
  background: url(/images/backgrounds/wflag-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
  color:#ffffff;
}

@media only screen and (max-width: 767px) {
  .photoblock-wflag {
    background-image: url(/images/backgrounds/wflag-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
  }
}

.photoblock-kc {
  background: url(/images/backgrounds/kc-background.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #e1e1e1;
  color:#ffffff;
}

@media only screen and (max-width: 767px) {
  .photoblock-kc {
    background-image: url(/images/backgrounds/kc-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
  }
}

.green-bg-angle {
  background: url(/images/backgrounds/green-angle-background.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  color:#ffffff;
}