/* index buttons */
.index-btn {border: 1px solid #791716; display: block; margin-bottom:30px; text-align: center; }
.index-btn:hover{border: 1px solid #c0ac7e;}
.index-btn:hover p{background-color:#c0ac7e; color:#791716;}
.index-btn p{background-color: #791716;color: #fff;text-align: center;padding: 5px 5px; margin: 0;} 
.index-btn img{margin-bottom:-5px; width:100%;}
.index-btn div{height: 270px;overflow: hidden;}


body { padding-top:90px; font-family:'helvetica neue', helvetica, sans-serif; font-size:14px; line-height:1.3; background: #791716 }
.landing body { padding-top:0 }

a { color:#791716; text-decoration:none }
a:hover { color:#791716 text-decoration:underline }

h1 { font-size:30px; 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 }

.visit-facility { background:#ddd }
#visit-video,#visit-highlight-video,#visit-photos {  color:#fff}
.visit-social {  color:#fff}
#visit-faq{ background:#ddd }
#visit-meet-the-team, #visit-video-practice {color: #791716; background: #c0ac7e;}
#meet-the-team, #visit-classroom{background:#fff;}
#visit-academics {background:#ddd; }
#visit-map{ background:#ddd }

.tournament-location { background:#fff }
.tournament-participants { background:#ddd }
.tournament-central { background:#fff }
.tournament-guide {  background:#c0ac7e; color:#fff}
.tournament-videos { background:#103B2E; color:#fff }
.tournament-about { background:#fff }
.tournament-embed { background:#ddd }
.tournament-social { background:#103B2E; color:#fff }
.tournament-social > div > h1 { display:none }

#site-footer > .container { max-width:960px; margin:0 auto }

#top-row { margin-bottom:40px }
#top-row .lcol { width:65.625%; float:left }
#top-row .rcol { width:33.333%; float:right }

#site-footer #top-row { height:148px; padding:10px 0; margin:0 }
#site-footer #top-row .lcol { width:33.333%; float:left }
#site-footer #top-row .rcol { width:33.333%; float:right }
#site-footer #top-row .mcol { width:32.261%; margin:0 auto }

#site-footer #bottom-row { position:relative }
#site-footer #bottom-row .lcol { width:43.7%; float:left }
#site-footer #bottom-row .rcol { width:43.7%; float:right }

#footer-logos ul { float:right; list-style:none; padding: 10px 0 10px; margin:0 }
#footer-logos li { float:left }
#footer-logos li a,
#footer-logos li img { display:block }

#footer-logos li:first-child { display:block; width:12.60%; position:absolute; left: 50%; top:-20px; margin-left: -6.3%;}
#footer-logos li img { display:block }

#edu-logo { display:block; /* width:325px; */ height:27px; margin:17px 0 16px; overflow:hidden }
#footer-text,
.edu-logo-text p { height:31px; margin:0; line-height:31px; font-size:14px; color:#FFF; font-family:'Open Sans', helvetica }
#footer-text { font-size:9px; text-align:right }



.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:#000; 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; background-size: cover;background-repeat: no-repeat;background-position: 50% 50%; }
.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:#c0ac7e; -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:1250px; margin:0; font-size:50px; 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 { float:right; width:49%; min-height:200px; box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px  }
.tournament-participants .participant:first-child { float:left }
.tournament-participants .participant > div { 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:13px; 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:50%; 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-right: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-wrapper { position:relative }
.youtube-wrapper ul,
.youtube-wrapper li { list-style:none; padding:0; margin:0 }
.youtube-wrapper .playlist { width:100%; position:relative; overflow:hidden }
.youtube-wrapper .overflow { width:20000%; position:relative }
.youtube-wrapper .overflow > div { width:0.5%; float:left }
.youtube-wrapper ul { margin-top:20px }
.youtube-wrapper ul:first-child { margin-top:0 }
.youtube-wrapper li { position:relative; width:23.5%; margin-left:2%; float:left; overflow:hidden }
.youtube-wrapper li:first-child { margin-left:0 }
.youtube-wrapper li img { width:100%; vertical-align:middle }
.youtube-wrapper li .title:before { content:""; display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin:-47px 0 0 -25px; background:url(/images/setup/2014/master_sprite.png) no-repeat 0 -646px }
.youtube-wrapper li .title { display:block; padding:5px 10px; color:#fff; text-decoration:none }
.youtube-wrapper .prev, .youtube-wrapper .next { display:block; width:20px; height:20px; text-indent:-9999px; position:absolute; right:35px; top:-35px; background:url(/images/setup/2014/master_sprite.png) no-repeat -954px 0 }
.youtube-wrapper .next { right:10px; background-position:-979px 0 }

.schedule-bracket .bracketevent{width:222px;height:104px;padding:5px;background:#e7e7e7;float:left;color:#000;border:1px solid #aaa;font-family:arial;font-size:10px;position:relative}
.schedule-bracket .info{padding:5px;width:212px;float:left}
.schedule-bracket .sport{background:#00539c;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:212px;float:left;border-top:1px solid #a0a0a0}
.schedule-bracket .links-cont a{color:#8a000f;margin-bottom:2px}

.scac-social .col { width:32%; min-height:390px; padding:10px; float:left; margin-left:2%; 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 }

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

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

.page-header { 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(121,23,22,0.9); }
.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:10px }
.page-nav ul > li a { display:block; padding:10px; font-size:16px; font-weight:bold; line-height:1; text-transform:uppercase; text-decoration:none; color:#c0ac7e; -moz-transition:padding 0.5s ease; -webkit-transition:padding 0.5s ease; transition:padding 0.5s ease }
.page-nav ul > li a:hover { background:#5a1412; color: #fff; }
.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:#c0ac7e; position:fixed; right:50%; bottom:0; margin-right:-65px; z-index:4; border-radius:5px 5px 0 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
.page-nav .back-to-top a { color:#791716; 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:#fff; background:#5a1412; 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(121,23,22,0.9); -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(121,23,22,0.9); 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:#791716; cursor:pointer; background:#c0ac7e; position:fixed; right:50%; bottom:0; margin-right:-65px; z-index:4; border-radius:5px 5px 0 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }
.page-nav .back-to-top a { color:#791716; 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:#fff; background:#5a1412; 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; background:rgba(121,23,22,0.9); -moz-transform:translate(0,0); -webkit-transform:translate(0,0); transform:translate(0,0)  }
.hero-image .title h1 { font-size:25px }
.hero-image .title h2 { font-size:15px; margin:0; }
.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}
}

.twitter-feed { color:#444; background:#fff } /* for a darker theme, we can have inverse styles */
.twitter-feed .tweet .info { position:relative; padding:15px 15px 50px }
.twitter-feed .tweet .userinfo { min-height:40px; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px }
.twitter-feed .tweet .userinfo a { text-decoration:none }
.twitter-feed .tweet .userinfo .icon { position:absolute; right:10px; top:10px; font-size:1.6em; line-height:1; color:#eee }
.twitter-feed .tweet:hover .userinfo .icon { color:#4ec2dc }
.twitter-feed .tweet .logo { float:left; max-width:40px; margin-right:10px }
.twitter-feed .tweet .logo img { vertical-align:middle }
.twitter-feed .tweet .title { display:block; font-size:1.1em; font-weight:700; color:#444 }
.twitter-feed .tweet .username { display:block; font-size:0.9em }
.twitter-feed .tweet .text { display:block; font-size:1.2em; line-height:1.4 }
.twitter-feed .tweet .thumb { margin-top:10px }
.twitter-feed .tweet .thumb img { vertical-align:middle }
.twitter-feed .tweet .links { position:absolute; left:15px; right:15px; bottom:5px; line-height:35px }
.twitter-feed .tweet .links a { margin-right:20px; font-size:1.2em; color:#ccc }
.twitter-feed .tweet .links a .text { position:absolute; left:-9999px; top:-9999px }
.twitter-feed .tweet .links a:focus,
.twitter-feed .tweet .links a:hover { color:#444 }
.twitter-feed .tweet .date { float:right; font-size:0.9em; font-weight:700 }

.twitter-feed.list .feed { height:370px; border:1px solid #eee; overflow:auto }
.twitter-feed.list .head { padding:10px 15px }
.twitter-feed.list .head h1 { margin:0; font-size:26px; font-weight:400; line-height:30px }
.twitter-feed.list .tweet .info { border-top:1px solid #eee }

/* FOR MOBILE SCREEN */
 @media only screen and (max-width:767px) { 
	.twitter-feed.list .tweet .info { font-size:12px }
}

.instagram-feed { position:relative; overflow:auto; height:370px }
.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 }
.instagram-feed {height: 375px;overflow: auto;}


.social-stream .filters { margin-bottom:10px; text-align:center }
.social-stream .filters ul { list-style:none; margin:0 }
.social-stream .filters li { position:relative; display:inline-block; vertical-align:top; margin:0 10px }
.social-stream .filters li a { display:block; padding-bottom:2px; font-size:1.2em; text-decoration:none; color:#fff!important; text-transform:uppercase }
.social-stream .filters li a .icon { display:inline-block; vertical-align:middle; margin-right:5px; font-weight:400; line-height:1; color:#fff!important; border-radius:5px }
.social-stream .filters li a .text { font-weight:700 }
.social-stream .filters li.active a { border-bottom:2px solid #fff!important }
.social-stream .filters li.active a.facebook-filter { border-color:#4867AA }
.social-stream .filters li.active a.twitter-filter { border-color:#1DA1F2 }
.social-stream .filters li.active a.instagram-filter { border-color:#262626 }
.social-stream .filters li.active a.youtube-filter { border-color:#ff0000 }
.social-stream .filters li.active a.headline-filter { border-color:#012d6a }
.social-stream .wall .tile > div { position:relative; padding-bottom:30px; font-family:arial; box-shadow:0 0 10px rgba(0,0,0,0.2); color:#fff; background:#fff }

.social-stream .wall .tile .action-buttons .button { display:inline-block; vertical-align:top; margin-left:10px; padding:0; border:none; font-size:14px; line-height:30px; color:#ffffff!important; background:none; border-radius:5px }
.social-stream.mobile .filters li a .icon { margin-right:0; width:1em; padding:8px; border:2px solid #fff; line-height:1; color:#791716!important; background:#fff!important; border-radius:100%; box-shadow:0 0 5px rgba(0,0,0,0.5) }

/* SCHEDULE BRACKET */

.schedule-bracket .bracketevent{width:218px;height:104px;padding:5px;background:#e7e7e7;float:left;color:#000;border:1px solid #8C2232;font-family:arial;font-size:10px;position:relative}
.schedule-bracket .info{padding:5px;width:208px;float:left}
.schedule-bracket .sport{background:#103b2e;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}










/* SABATO */

/* Button */

a.wu-btn, a.wu-btn-block {position: relative;padding: 8px 52px 8px 12px;border: solid 1px #791716;background: #C0ac7e;line-height: 1;font-size: 12px;text-transform: uppercase; margin-bottom: 5px;}
a.wu-btn {display: inline-block;}
a.wu-btn-block {display: block;}

a.wu-btn:after,a.wu-btn-block:after   {content: "\e810";font-family: 'glyphicons';font-size: 14px;font-weight: bold;display: block;padding: 0 5px;color: #791716;background: #c0ac7e;border-radius: 10px;position: absolute;right: 12px;top: 7px;}
a.wu-btn:before,a.wu-btn-block:before {content: "";display: block;width: 40px;position: absolute;right: 0;top: 0;bottom: 0;background: #791716;}
a.wu-btn:hover, a.wu-btn:focus,a.wu-btn-block:hover, a.wu-btn-block:focus{background-color:#791716;text-decoration:none;color:#fff;}
a.wu-btn:hover::before,a.wu-btn-block:hover::before{background-color:#5a1412;}
a.wu-btn:hover::after,a.wu-btn-block:hover::after{background-color:#fff;}


.site-footer {
    padding: 60px;
    text-align: center;
    background: #791716;
    color:#c0ac7e;
}
.site-footer a { color:#fff; text-decoration:none }
.site-footer a:hover { color:c0ac7e; text-decoration:underline }

.bottom-links { padding:20px 0 }
.bottom-links ul,
.bottom-links li { list-style:none; padding:0; margin:0 }
.bottom-links li { position:relative; float:left; width:33.32% }
.bottom-links li:before { content:""; position:absolute; left:-20px; top:0; bottom:0; display:block; width:10px; background:#fff; -moz-transform:skew(22deg); -webkit-transform:skew(22deg); transform:skew(22deg) }
.bottom-links li:first-child:before { display:none }
.bottom-links li a { display:block; height:75px; padding:0 20px; line-height:75px; font-size:30px; text-align:center; text-decoration:none; text-transform:uppercase; color:#C0ac7e; background:#791716 }


.social-icons ul,
.social-icons li { list-style:none; padding:0; margin:0 }
.social-icons li { float:left; margin-left:5px }
.social-icons li a { display:block; width:40px; height:40px; line-height:40px; color:#791716; overflow:hidden; background: #C0ac7e; border-radius:25px }
.social-icons li a:hover{ text-decoration:none }
.social-icons li a:before { display:block; font-family:"GlyphIcons"; font-style:normal; font-weight:normal; font-size:25px; speak:none; text-decoration:inherit; text-align: center;  font-variant: normal; text-transform:none  }
.social-icons li a[href*="twitter"]:before { content:"\e81d" }
.social-icons li a[href*="facebook"]:before { content:"\e81b" }
.social-icons li a[href*="instagram"]:before { content:"\e81f" }
.social-icons li a[href*="vimeo"]:before { content:"\e831" }
.social-icons li a[href*="youtube"]:before { content:"\e822" }
.social-icons li a[href*="facebook"]:hover:before { background:#3b5998 } 
.social-icons li a[href*="twitter"]:hover:before { background:#00A2FF } 
.social-icons li a[href*="instagram"]:hover:before { color:#333; background:#F4DB99 } 
.social-icons li a[href*="vimeo"]:hover:before { color:#333; background:#DCD85E }
.social-icons li a[href*="youtube"]:hover:before { background:#DD2C28 }

.site-footer .social-icons {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}


.visit-athletes .article-body {
    background-color: #eee;
    margin-bottom: 15px;
}

.visit-athletes .article-text {
    padding: 0 10px;
    background-image: url(/visit/track/why/doublequote.png);
    background-repeat: no-repeat;
    background-position: 95% 0%;
}

.visit-athletes .article-text p{
    font-size: 1.2em; font-style: italic;
}

.video-playlist .playlist-title,
.video-playlist .playlist-wrapper{
 background: #c0ac7e;   
}

.video-playlist .playlist-title {content:''}

#visit-faq .faq-answer {
    background-color: #791716;
    padding: 10px;
    color: #fff;
    border-left: 15px solid #c0ac7e;
    font-size: 1.1em;
}

#visit-faq .faq {margin-bottom: 15px;}
.faq a {font-size: 1.3em;}
.faq a:after{font-size:1em;}
.faq-close:hover {
    text-decoration: none;
    color: #c0ac7e;
    border: 1px solid #c0ac7e;
    background-color: #791716;
}
.faq-close {
    background-color: #c0ac7e;
    padding: 2px 8px;
    font-size: 1em !important;
    float: right;
}

/* iframe */


 .iframe-container-smugmug {
    position: relative;
    width: 100%;
    height: 0;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 67.1%;
}

 .iframe-container-16-9 {
    padding-bottom: 56.25% !important;

}

.iframe-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* horizontal scroller */


.hs-container .item { background-color: #eee;}

@media only screen and (min-width:768px) { 
    .hs-container .hs.full {display: flex;flex-wrap: wrap;justify-content: space-around;}
    .hs-container .item {width: 30%;margin-bottom: 25px;}
 }

 @media only screen and (max-width:767px) { 
     
     [class*='span']{margin-bottom:20px;}
    
    #meet-the-team .meet-the-team {padding: 20px 0;}
    #meet-the-team .meet-the-team h1{padding: 0 20px;}
    
    
    .hs {display: flex;}
    .hs:before,
    .hs:after {content: '';width: 10px; }
    
    .hs-container {overflow-y: scroll; }
    .hs-container .no-scrollbar {scrollbar-width: none; margin-bottom: 0; padding-bottom: 0;}
    .hs-container .no-scrollbar::-webkit-scrollbar {display: none;}
    
    .hs-container .item {margin:0 10px;}
    .hs-container .item .image {width: 275px;}
}