/* General Styles */

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

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 }

/* Header Starts */

.page-header { position:fixed; left:0; right:0; top:0; z-index:4; padding:10px; background:rgba(0,0,0,0.8); border-bottom:1px solid rgba(255,255,255,0.1); -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 }
.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 .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 { position:relative; clear:both; display:none }
.page-nav ul,
.page-nav li { list-style:none; padding:0; margin:0 }
.page-nav .has-nav > ul { display:none }
.page-nav ul { padding:20px 0 }
.page-nav li a { display:block; padding:0 10px; font-size:1rem; line-height:30px; text-decoration:none; text-transform:uppercase; color:#fff; white-space:nowrap }
.page-nav ul > li a:hover { background:rgba(255,255,255,0.6) }
.page-nav .has-nav ul { padding:5px }
.page-nav .has-nav li a { font-size:0.875rem }
.page-nav .has-nav li a:before { content:'- ' }

.page-header .trigger { float:right; position:relative; padding:5px 10px; font-size:20px; text-align:center; color:#fff; background:#333; border-radius:0.25rem }
.page-header .trigger span { display:none }

.page-header.active .trigger { color:#000; background:#fff }
.page-header.active .trigger .gicon-menu:before { content:'X'; font-family:'arial', sans-serif; font-weight:700 }
.page-header.active .page-nav { display:block }
.page-header.active .page-nav .has-nav ul { display:block }

.page-header .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-header .back-to-top a { color:#FFF; font-size: 11px; text-transform:uppercase ; text-decoration:none }
.page-header .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 (min-width:1200px) {

    .page-header h1 img { height:58px }

    .page-nav { float:right; display:block; clear:none }
    .page-header .trigger { display:none }
    .page-nav > div > ul { margin-top:10px; padding:0; -moz-transition:margin 0.5s ease; -webkit-transition:margin 0.5s ease; transition:margin 0.5s ease }
    .page-nav > div > ul > li { float:left; margin-left:30px }
    .page-nav > div > ul > li a { padding:10px; font-size:20px; font-weight:bold; line-height:1; -moz-transition:padding 0.5s ease; -webkit-transition:padding 0.5s ease; transition:padding 0.5s ease }
    .page-nav > div > ul > li a:hover { background:rgba(255,255,255,0.6) }
    .page-nav .has-nav > ul { position:absolute; right:0; top:100%; padding:10px; background:rgba(0,0,0,0.8) }
    .page-nav .has-nav:focus > a,
    .page-nav .has-nav:hover > a { background:rgba(255,255,255,0.6) }
    .page-nav .has-nav:focus > ul,
    .page-nav .has-nav:hover > ul { display:block }
    .page-nav .has-nav li a { font-size:1rem }
    .page-nav .has-nav li a:before { content:"" }

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

}

/* Header Ends */

/* Hero Section Starts */

.section-hero { position:relative; padding:80px 0 30px; text-align:center; overflow:hidden; background:url(/partnerconnect/images/bg_partners.jpg) no-repeat 50% 0; background-size:cover }
.section-hero .title { position:relative; max-width:950px; margin:0 auto; padding:20px; z-index:2; color:#fff }
.section-hero .title h1 { margin:0; font-size:35px; line-height:1; text-align:center; text-transform:initial }

.section-hero .partners-nav ul { list-style:none; margin:0 }
.section-hero .partners-nav li { padding:5px }
.section-hero .partners-nav li a { display:block; margin:0 auto }

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

    .section-hero { padding:150px 0 50px }
    .section-hero .title h1 { font-size:75px }
    .section-hero .partners-nav li { float:left; width:33.33%; margin:0; padding:10px }

}

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

    .section-hero { padding-top:35.6% }
    .section-hero .title h1 { font-size:75px }
    .section-hero .title { position:absolute; left:0; right:0; top:45%; text-shadow:1px 1px 3px rgba(0,0,0,0.6); -moz-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); transform:translate(0,-100%) }
    .section-hero .partners-nav { position:absolute; left:0; right:0; bottom:55%; max-width:1200px; margin:0 auto; -moz-transform:translate(0,100%); -webkit-transform:translate(0,100%); transform:translate(0,100%) }
    .section-hero .partners-nav li a { border-radius:0 17px 17px 17px; transition:0.3s }
    .section-hero .partners-nav li a:hover { box-shadow:inset 0 0 0 2px rgb(255 255 255 / 50%) }

}

/* Hero Section Ends */

/* Participants */
.participants { margin-top:30px }
.participants .participant { box-shadow:0 0 10px rgba(0,0,0,0.3); background:#fff; overflow:hidden; border-radius:5px; padding:20px }
.participants .participant .thumb { position:relative; padding-top:56.25%; overflow:hidden; text-align:center }
.participants .participant .thumb img { position:absolute; left:50%; top:50%; max-height:100%; width:auto !important; transform:translate(-50%, -50%) }
.participants .participant .card-body { flex:0 1 auto }

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

    .participants .participant { max-width:calc(25% - 30px) }

}

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

@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 }

}

/* Footer Starts */

.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) {
  .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 }
}

/* Footer Ends */