body { padding-top:90px; font-family:'helvetica neue', helvetica, sans-serif; font-size:14px; line-height:1.3; background:url(/images/setup/2014/bg_pattern_light_blue.png) repeat #898E8C }
.landing body { padding-top:0 }

a { color:#336699; text-decoration:none }
a:hover { color:#5a9adb; text-decoration:underline }

h1 { font-size:30px; color:#fff; text-transform:uppercase }
h2 { font-size:24px }
h3 { font-size:19px }
h4 { font-size:16px }
h5 { font-size:14px }

.wrapper { max-width:1200px; margin:0 auto }
.landing .wrapper { max-width:none }
.mainbody { padding:20px; background:#fff }
.landing .mainbody { padding:0; background:none }

.content-row > div { position:relative; max-width:1200px; min-height:200px; padding:40px; margin:0 auto }

.tournament-location { background:#fff }
.tournament-participants { background:#004990 }
.tournament-central { background:#fff }
.tournament-brackets { background:#004990; color:#fff }
.tournament-guide { background:#fff }
.tournament-videos { background:rgba(0,0,0,0.6); color:#fff }
.tournament-social { background:#004990; color:#004990 }
.tournament-social a { color:#fff }

.tournament-social > div > h1 { display:none }

.tournament-affiliate  { background:#004990 }
.tournament-apparel { background:#004990 }
.tournament-balladoptions { background:#004990 }
.tournament-campusadmin { background:#004990 }
.tournament-education { background:#004990 }
.tournament-recognition { background:#004990 }
.tournament-recruiting { background:#004990 }
.tournament-technology { background:#004990 }
.tournament-travel { background:#004990 }


.future-members { float:right; margin-top:40px; width:328px; border:1px solid #cbcbcb }
.future-members:before { content:'Future Members | 2017-18'; display:inline-block; vertical-align:top; padding:0 20px; font-family:'liberator', arial; letter-spacing:1px; line-height:37px; color:#666; background:#e5e5e5 }
.future-members li { display:inline-block; vertical-align:top; padding:25px 10px }


.search-bar { position:relative; width:232px; margin:0 auto 100px; background:#fff; border-radius:3px; overflow:hidden }
.search-bar input[type="text"] { width:100%; height:30px; padding:0 30px 0 10px; border:none; font-family:'museo700', arial; text-transform:uppercase; background:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box  }
.search-bar .submit { width:30px; height:30px; border:none; overflow:hidden; background:#001B37; position:absolute; right:0; top:0 }
.search-bar .submit span { display:none }
.search-bar .submit i:before { display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#fff; margin:0; font-size:18px }

.hero-image { position:relative; padding-top:49%; overflow:hidden }
.hero-image img { position:absolute; left:0; top:0; width:100% }
.hero-image:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.hero-image .title { position:absolute;  left:0; right:0; top:50%; z-index:2; text-align:center; text-shadow:1px 1px 3px rgba(0,0,0,0.6); color:#fff; -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%) }
.hero-image .title i { display:inline-block; font-size:100px; margin-right:15px }
.hero-image .title h1 { display:inline-block; vertical-align:middle; max-width:950px; margin:0; font-size:75px; line-height:1; text-align:center; text-transform:uppercase }

.tournament-participants .row { margin-top:20px  }
.tournament-participants .row:first-child { margin-top:0 }
.tournament-participants .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-participants .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-participants .info { overflow:hidden }
.tournament-participants info { float:left }
.tournament-participants h2 span { display:block; font-size:18px; color:#999 }
.tournament-participants h3 span { display:block; font-size:15px; color:#999 }

 
.tournament-affiliate .row { margin-top:20px  }
.tournament-affiliate .row:first-child { margin-top:0 }
.tournament-affiliate .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-affiliate .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-affiliate .info { overflow:hidden }
.tournament-affiliate info { float:left }
.tournament-affiliate h2 span { display:block; font-size:18px; color:#999 }
.tournament-affiliate h3 span { display:block; font-size:15px; color:#999 }

.tournament-apparel .row { margin-top:20px  }
.tournament-apparel .row:first-child { margin-top:0 }
.tournament-apparel .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-apparel .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-apparel .info { overflow:hidden }
.tournament-apparel info { float:left }
.tournament-apparel h2 span { display:block; font-size:18px; color:#999 }
.tournament-apparel h3 span { display:block; font-size:15px; color:#999 }

.tournament-balladoptions .row { margin-top:20px  }
.tournament-balladoptions .row:first-child { margin-top:0 }
.tournament-balladoptions .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-balladoptions .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-balladoptions .info { overflow:hidden }
.tournament-balladoptions info { float:left }
.tournament-balladoptions h2 span { display:block; font-size:18px; color:#999 }
.tournament-balladoptions h3 span { display:block; font-size:15px; color:#999 }

.tournament-campusadmin .row { margin-top:20px  }
.tournament-campusadmin .row:first-child { margin-top:0 }
.tournament-campusadmin .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-campusadmin .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-campusadmin .info { overflow:hidden }
.tournament-campusadmin info { float:left }
.tournament-campusadmin h2 span { display:block; font-size:18px; color:#999 }
.tournament-campusadmin h3 span { display:block; font-size:15px; color:#999 }

.tournament-education .row { margin-top:20px  }
.tournament-education .row:first-child { margin-top:0 }
.tournament-education .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-education .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-education .info { overflow:hidden }
.tournament-education info { float:left }
.tournament-education h2 span { display:block; font-size:18px; color:#999 }
.tournament-education h3 span { display:block; font-size:15px; color:#999 }

.tournament-recognition .row { margin-top:20px  }
.tournament-recognition .row:first-child { margin-top:0 }
.tournament-recognition .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-recognition .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-recognition .info { overflow:hidden }
.tournament-recognition info { float:left }
.tournament-recognition h2 span { display:block; font-size:18px; color:#999 }
.tournament-recognition h3 span { display:block; font-size:15px; color:#999 }

.tournament-recruiting .row { margin-top:20px  }
.tournament-recruiting .row:first-child { margin-top:0 }
.tournament-recruiting .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-recruiting .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-recruiting .info { overflow:hidden }
.tournament-recruiting info { float:left }
.tournament-recruiting h2 span { display:block; font-size:18px; color:#999 }
.tournament-recruiting h3 span { display:block; font-size:15px; color:#999 }

.tournament-technology .row { margin-top:20px  }
.tournament-technology .row:first-child { margin-top:0 }
.tournament-technology .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-technology .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-technology .info { overflow:hidden }
.tournament-technology info { float:left }
.tournament-technology h2 span { display:block; font-size:18px; color:#999 }
.tournament-technology h3 span { display:block; font-size:15px; color:#999 }

.tournament-travel .row { margin-top:20px  }
.tournament-travel .row:first-child { margin-top:0 }
.tournament-travel .participant { min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px  }
.tournament-travel .thumb { float:left; max-width:150px; margin-right:20px }
.tournament-travel .info { overflow:hidden }
.tournament-travel info { float:left }
.tournament-travel h2 span { display:block; font-size:18px; color:#999 }
.tournament-travel h3 span { display:block; font-size:15px; color:#999 }

.tournament-location .row { margin-top:20px  }
.tournament-location .row:first-child { margin-top:0 }
.tournament-location .story { position:relative; float:right; width:49% }
.tournament-location .story:first-child { float:left }
.tournament-location .thumb { padding-top:56%; position:relative; overflow:hidden }
.tournament-location .thumb img { vertical-align:middle; position:absolute; left:0; top:0 }
.tournament-location .info { padding:10px 20px; background:#f0f0f0; font-size:16px }
.tournament-location .info .title { margin:0 }
.tournament-location .info .leadin { margin-top:10px }

.tournament-guide .row { margin-top:20px  }
.tournament-guide .row:first-child { margin-top:0 }
.tournament-guide .location { float:right; width:49%  }
.tournament-guide .location:first-child { float:left }
.tournament-guide .thumb { padding-top:56%; position:relative; overflow:hidden }
.tournament-guide .thumb img { vertical-align:middle; position:absolute; left:0; top:0; width:100% }
.tournament-guide .info { padding:10px 20px; font-size:16px }

.tournament-links { margin-bottom:15px }
.tournament-links ul { list-style:none; margin:0 }
.tournament-links li { display:inline-block; margin-left:15px }
.tournament-links li:first-child { margin-left:0 }

.tournament-composite { background:#f5f5f5 }
.tournament-composite table { width:100%; border-collapse:collapse }
.tournament-composite th { text-align:left; padding:5px 10px; text-transform:uppercase }
.tournament-composite td { padding:5px 10px }
.tournament-composite tr:nth-child(even) td { backgroun:#f0f0f0 }
.tournament-composite .event-info { width:60% } 

/* YOUTUBE */
.youtube-wrapper { position:relative; z-index:1; background:#f0f0f0 }
.youtube-wrapper .player > div { vertical-align:top }
.youtube-wrapper .playlist { padding:5px }
.youtube-wrapper .playlist .overflow { height:239px; overflow:auto }
.youtube-wrapper .playlist ul { list-style:none; padding:0; margin:0 }
.youtube-wrapper .playlist li { margin-top:10px; color:#FFF; cursor:pointer; position:relative}
.youtube-wrapper .playlist li:first-child { margin-top:0 }
.youtube-wrapper .playlist li.active,
.youtube-wrapper .playlist li.active { background:rgba(0,0,0,0.2); color:#FFF }
.youtube-wrapper .playlist img { max-width:95px; float:left; margin-right:10px }
.youtube-wrapper .playlist li a { display:block; font-size:11px; font-weight:bold; color:#333; padding:5px 0; text-decoration:none }
.youtube-wrapper .playlist li span { display:none }
.youtube-wrapper .playlist li.active a { color:#000 }

.view-more-videos { display:inline-block; vertical-align:top; height:30px; margin-top:10px; padding:0 10px; line-height:30px; color:#fff; text-transform:uppercase; font-size:11px; font-weight:700; text-decoration:none; background:#525252 }
.view-more-videos:after { content:''; display:inline-block; vertical-align:middle; width:13px; height:13px; margin-left:5px; background:url(/images/setup/2016/plus_icon.png) no-repeat 50% 50%  }


.scac-social .col { width:24%; min-height:390px; padding:10px; float:left; margin-left:1%; background:#000; background:rgba(0,0,0,0.6); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.scac-social .col:first-child { margin:0 }
.scac-social iframe { display:block }
.scac-social .instagram-widget { height:370px; overflow:auto; position:relative }
.scac-social .social-hdr { margin:0 0 10px; font-size:20px; line-height:1; text-align:center; color:#fff; text-transform:uppercase }

.social-tabs .tab_title[href*="usa_south_social_media_hub"],
.social-tabs .tab_title[href*="usa_south_social_media_hub"] + .pane { display:none !important }

span[id="wiki-toggle-btn"] { top:auto !important; bottom:0 }

@media only screen and (min-width:1201px) {

.page-header { background:rgba(0,0,0,0.75); border-bottom:1px solid rgba(255,255,255,0.1); position:fixed; left:0; right:0; top:0; z-index:4; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; transition:background 0.5s ease }
.page-header > div { max-width:1200px; margin:0 auto; padding:10px }
.page-header h1 { float:left; margin:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease }
.page-header h1 img { height:58px }
.page-header.fade { background:rgba(0,0,0,0.8) }
.page-header.fade > div { padding:0 }
.page-header.fade h1 img { height:46px; vertical-align:middle  }

.page-nav { float:right }
.page-nav .trigger { display:none }
.page-nav ul,
.page-nav li { list-style:none; padding:0; margin:0 }
.page-nav ul { margin-top:12px; -moz-transition:margin 0.5s ease; -webkit-transition:margin 0.5s ease; transition:margin 0.5s ease }
.page-nav ul > li { float:left; margin-left:30px }
.page-nav ul > li a { display:block; padding:10px; font-size:20px; font-weight:bold; line-height:1; text-transform:uppercase; text-decoration:none; color:#fff; -moz-transition:padding 0.5s ease; -webkit-transition:padding 0.5s ease; transition:padding 0.5s ease }
.page-nav ul > li a:hover { background:rgba(255,255,255,0.6) }
.page-header.fade .page-nav ul { margin-top:0 }
.page-header.fade .page-nav ul li a { padding:15px 10px }
.page-nav .back-to-top { display: none; width:80px; height:30px; padding:5px 40px 5px 10px; line-height:30px; color:#FFF; cursor:pointer; background:#004990; position:fixed; right:50%; bottom:0; margin-right:-65px; z-index:4; border-radius:5px 5px 0 0  }
.page-nav .back-to-top a { color:#FFF; font-size: 11px; text-transform:uppercase ; text-decoration:none }
.page-nav .back-to-top i { width:30px; height:40px; font-size:20px; line-height:40px; font-weight:bold; color:#de3438; background:#004990; text-align:center; position:absolute; right:0; top:0; border-radius:0 5px 0 0 }

}

@media only screen and (max-width:1200px) {

.page-header { position:fixed; left:0; right:0; top:0; z-index:4; background:rgba(0,0,0,0.8); -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; transition:background 0.5s ease }
.page-header > div { max-width:1200px; margin:0 auto; padding:0 0 0 10px }
.page-header h1 { float:left; margin:0; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease }
.page-header h1 img { height:46px; vertical-align:middle }

.page-nav { position:relative; float:right; width:50px }
.page-nav ul,
.page-nav li { list-style:none; padding:0; margin:0 }
.page-nav .trigger { float:right; width:30px; height:30px; padding:10px; font-size:20px; text-align:center; color:#fff; background:#333 }
.page-nav .trigger span { display:none }
.page-nav .trigger.active:before { content:""; position:absolute; right:50%; bottom:-10px; margin-right:-10px; border:10px solid transparent; border-bottom-color:rgba(0,0,0,0.7) }
.page-nav .container { position:absolute; right:0; top:60px; max-width:0; max-height:0; text-align:right; background:rgba(0,0,0,0.7); overflow:hidden; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; border-radius:5px 0 5px 0 }
.page-nav.active .container { max-width:400px; max-height:400px }
.page-nav ul { padding:20px }
.page-nav li a { display:block; padding:0 10px; font-size:16px; line-height:30px; text-decoration:none; text-transform:uppercase; color:#fff; white-space:nowrap; border-radius:3px 0 3px 0}
.page-nav ul > li a:hover { background:rgba(255,255,255,0.6) }
.page-nav .back-to-top { display:none; width:80px; height:30px; padding:5px 40px 5px 10px; line-height:30px; color:#FFF; cursor:pointer; background:#004990; position:fixed; right:50%; bottom:0; margin-right:-65px; z-index:4; border-radius:5px 5px 0 0  }
.page-nav .back-to-top a { color:#FFF; font-size: 11px; text-transform:uppercase ; text-decoration:none }
.page-nav .back-to-top i { width:30px; height:40px; font-size:20px; line-height:40px; font-weight:bold; color:#FF9C00; background:#001B37; text-align:center; position:absolute; right:0; top:0; border-radius:0 5px 0 0 }

}

@media only screen and (max-width:767px) {
body { padding:0 }  

.content-row > div { min-height:0; padding:20px }
.content-row > div > h1 { font-size:20px }

.tournament-location .story { width:100%; margin-top:20px }
.tournament-location .story:first-child { margin-top:0 }

.hero-image:after { display:none }
.hero-image .title { position:relative; top:0; padding:20px; text-align:left; background:rgba(0,0,0,0.6); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0)  }
.hero-image .title h1 { font-size:35px }
.hero-image .title i { font-size:90px }


.tournament-participants .row { margin-top:0 }
.tournament-participants .participant,
.tournament-participants .participant:first-child { float:none; width:auto; margin-top:10px }

.tournament-guide .row { margin-top:0 }
.tournament-guide .location,
.tournament-guide .location:first-child { float:none; width:auto }


.youtube-wrapper ul { margin-top:0 }
.youtube-wrapper li { width:49%; margin-left:0; margin-top:10px }
.youtube-wrapper li:nth-child(even) { float:right }

.scac-social .col { width:auto; min-height:390px; padding:10px; float:none }

}

@media only screen and (max-width:479px) {
  .youtube-wrapper li,
  .youtube-wrapper li:nth-child(even) { float:none; width:auto}
}

.instagram-feed { position:relative; overflow:auto; height:400px }
.instagram-feed ul { margin:0; list-style:none }
.instagram-feed .item { width:33%; float:left }
.instagram-feed .item .gutter { padding:2px 0 0 2px }
.instagram-feed img { vertical-align:middle; width:100% }
.instagram-feed img.lazyload,
.instagram-feed img.lazyloading { opacity:0; transform:scale(0) }
.instagram-feed img.lazyloaded { opacity:1; transition:opacity .8s, transform .4s; transform:scale(1); transition-delay:.4s }
.instagram-feed .item .placeholder { position:relative; padding-top:100% }
.instagram-feed .load-more { text-align:center; cursor:pointer }
.instagram-feed .load-more span { position:absolute; left:0; right:0; top:50%; margin-top:-1em; color:#444; text-transform:uppercase }
.instagram-feed .item a { display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:#ccc; text-decoration:none }
.instagram-feed .item.video a:before { content:"\e80a"; position:absolute; left:0; right:0; top:50%; z-index:2; font-family:'glyphicons'; font-size:30px; line-height:1; margin-top:-15px; color:#eee; text align:center; text-shadow:0 0 2px rgba(0,0,0,0.5); speak:none }
.instagram-feed .item a:after { content:""; transition:background .6s ease-out }
.instagram-feed .item:hover a:after { position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; background:rgba(0,0,0,0.2) }
.instagram-feed .prev,
.instagram-feed .next { display:none }

/* SCHEDULE BRACKET */

.schedule-bracket .bracketevent{width:218px;height:104px;padding:5px;background:#e7e7e7;float:left;color:#000;border:1px solid #ff1a26;font-family:arial;font-size:10px;position:relative}
.schedule-bracket .info{padding:5px;width:208px;float:left}
.schedule-bracket .sport{background:#263997;color:#fff;padding:3px;text-transform:uppercase}
.schedule-bracket .date-cont{margin-bottom:3px}
.schedule-bracket .team{font-weight:700;font-size:11px;margin-bottom:2px}
.schedule-bracket .links-cont{padding:5px;width:208px;float:left;border-top:1px solid #a0a0a0}
.schedule-bracket .links-cont a{color:#8a000f;margin-bottom:2px}

/* Footer */
.site-footer { position:relative; z-index:1; font-family:'Roboto', sans-serif; font-size:1rem; background:#1d1d1d }
.site-footer small { font-size:0.875rem }
.site-footer a { color:#fff }
.site-footer .social-links:before { content:'Stay Informed'; display:block; margin-bottom:10px; font-family:'Roboto Condensed', sans-serif; font-size:1.5em }
.footer-logos ul { display:flex }
.footer-logos li { float:left; margin-left:40px }
.footer-logos li:first-child { margin-left:0 }
.footer-logos li a { display:table-cell; vertical-align:middle; height:65px }
.footer-logos li a[href*="prestosports"] { max-width:230px }
.footer-links .container { padding:0 }
.footer-links ul { margin:0 }
.footer-links li { display:inline-block; vertical-align:top }
.footer-links li:before { content:'|'; padding:0 5px }
.footer-links li:first-child:before { display:none }
.footer-links li a { font-size:0.875em }
.footer-links li a:hover { text-decoration:underline }

@media (min-width: 1200px) {
  /* Footer */
  .site-footer .social-links:before { margin-bottom:30px }
  .site-footer small { font-size:0.875rem }
  .footer-links li:before { padding:0 10px }
  .footer-links li a { font-size:1.125em }
}

.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;
  }