::-moz-selection {background:rgba(224, 237, 246, 0.99); text-shadow:none; color:#292929;}
::selection {background:#e0edf6; background:rgba(224, 237, 246, 0.99); text-shadow:none; color:#292929;}
body {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:22px; color:#434343; background:url("../images/page-tile.png") repeat-x #6ea4c7 fixed;}
a {color:#005b95; text-decoration:none;}
a:hover {color:#004876;}
ul {list-style-type:none;}
.page-width {width:1140px; margin:0 auto;}
.container {padding-bottom:100px;}
.bg {background:url(../images/page-bg.jpg) top center no-repeat; width:100%; min-width:960px; height:1300px; position:fixed; top:0; left:0; z-index:-1;}

/* Header */
header {padding-top:30px;}
.careerfest-logo { float:left; display:block; width:208px; margin-top:32px; }
.banner { float:right; position:relative; }
.banner img {display:block;}
.banner-top, .banner-bottom, .banner-left { position:absolute; }
.banner-top { top:-15px; left:0; }
.banner-bottom { bottom:-15px; left:0; }
.banner-left { top:0; left:-13px; }

/* Desktop nav */
.desktop-nav li a { font-family:"Bebas", Helvetica, Arial, sans-serif; font-size:22px; line-height:25px; text-transform:uppercase; letter-spacing:1px; color:#0d344d; text-shadow:1px 1px 0 rgba(255,255,255,0.5); display:block; padding:9px 24px 8px 10px; }
.desktop-nav li a:hover { color:#b52920; }
.desktop-nav li.current > a { background:#b72920; background:-webkit-linear-gradient(#c1332b, #a2241b); background:linear-gradient(#c1332b, #a2241b); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); }
.desktop-nav li li {padding-left:15px;}
.desktop-nav li li a {font-size:18px; line-height:20px;}

/* Mobile nav */
.mobile-nav-trigger { float:right; margin-top:67px; display:none; }
.trigger-text { font-family:"Bebas", Helvetica, Arial, sans-serif; font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:1px; color:#b52920; padding:11px 10px 11px 0px; float:right; cursor:pointer; text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.trigger-icon { width:40px; height:40px; background:url(../images/mobile-nav-button.png) no-repeat center center #b52920; float:right; cursor:pointer; }
.mobile-nav-trigger:hover .trigger-icon, .mobile-nav-trigger.open .trigger-icon { background-color:#c4342b; }
.mobile-nav-trigger:hover .trigger-text { color:#c4342b; }
.mobile-nav-bar { background-color:#000; clear:both; display:none; }
.mobile-nav { clear:both; }
.mobile-nav ul { display:none; }
.mobile-nav li { position:relative; }
.mobile-nav li a { display:block; font-family:"Bebas", Helvetica, Arial, sans-serif; font-size:18px; line-height:20px; text-transform:uppercase; letter-spacing:1px; color:#cbe2f1; background:#114566; padding:11px 51px 9px 10px; border-top:1px solid #185378; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.1); }
.mobile-nav > ul > li:first-child > a { border-top:0; }
.mobile-nav li a:hover, .mobile-nav li.current > a { background:#0a3550; color:#fff; }
.mobile-nav li li a { border-left:10px solid #185378; }
.mobile-nav li li li a { border-left:20px solid #185378; }
.mobile-nav li li li li a { border-left:30px solid #185378; }
.subnav-toggle { position:absolute; top:1px; right:0; display:block; border-left:1px solid #185378; height:100%; width:41px; cursor:pointer; }
.subnav-toggle:hover { background-color:#0a3550; }
.mobile-nav > ul > li:first-child > .subnav-toggle { top:0; }
.subnav-toggle .arrow { display:block; height:40px; width:40px; background:url(../images/mobile-nav-toggle.png) no-repeat center center; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; }
.mobile-nav li.subnav-show > .subnav-toggle .arrow { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

/* Structure */
.nav-col { float:left; width:250px; }
.content-col { float:right; width:890px; background:#fff; }
.main-col {padding:21px 120px 50px 30px;}
.template-profiles .main-col {float:left; width:70%; padding-right:30px;}
.quicklinks-col { float:right; width:30%; padding:29px 30px 50px 30px; background:#f2f2f2; text-shadow:1px 1px 0 rgba(255,255,255,0.5); }
.side-col {float:right; width:35%; padding:30px 30px 50px 0px; overflow:hidden;}

/* Text */
.text a {text-decoration:underline;}
.text p {padding-bottom:17px;}
h1, h2, h3, h4, h5, h6 {font-family:"Bebas", Helvetica, Arial, sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:1px; color:#b52920;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:normal;}
h1.page-head {font-size:34px; line-height:41px; padding:5px 0px 15px 0px; }
.text h1 a, .text h2 a, .text h3 a, .text h4 a, .text h5 a, .text h6 a {text-decoration:none;}
.text h1, .text h2 {font-size:28px; line-height:34px; padding:20px 0px 16px 0px;}
.text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child, .text h6:first-child {padding-top:0;}
.text h1 + h2, .text h2 + h3, .text h3 + h4 {padding-top:1px;}
.text h3 {font-size:24px; line-height:29px; padding:21px 0px 17px 0px;}
.text h4 {font-size:20px; line-height:24px; padding:22px 0px 18px 0px;}
.text h5 {font-size:17px; line-height:20px; padding:23px 0px 19px 0px;}
.text h6 {font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; font-weight:bold; text-transform:none; letter-spacing:0; padding:24px 0px 19px 0px;}
.text ul {padding:0px 0px 18px 15px; list-style-type:none; margin-top:-9px;}
.text ul ul {padding:8px 0px 0px 7px;}
.text ul li {padding:9px 0px 0px 20px; position:relative;}
.text ul li:before {content:"•"; font-family:Arial, Helvetica, sans-serif; position:absolute; left:7px; top:9px; color:#a7c9de;}
.text ol {padding:0px 0px 8px 40px; margin-top:-9px;}
.text ol li {padding:9px 0px 0px 0px;}

/* Text images */
body.template-default .text img {float:right; clear:right; margin:5px -90px 15px 6%; width:45%; }
body.page-sponsors .text img {float:right; clear:right; margin:5px -90 15px 6%; width:auto; max-width:40%; max-height:110px;}
body.template-profiles .text img {float:right; clear:right; margin:5px 0 15px 6%; max-width:32%; max-height:140px;}
body.template-home .text img {float:right; clear:right; margin:5px 0 15px 6%; width:45%;}

/* Iframes (maps) */
.iframe-wrap { position:relative; width:100%; padding-top:66.666%; border:1px solid #d5d5d5; margin-top:5px; margin-bottom:23px;}
.iframe-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Profiles */
body.template-profiles .main-col .text h3 { border-top:2px solid #f2f2f2; padding-top:22px; margin-top:27px;}
body.template-profiles .main-col .text h3:first-child {margin-top:5px;}
body.template-profiles .text .img-box {margin-right:0; width:35%;}
.quicklinks-col h3 { color:#114566; padding-bottom:9px; }
.quicklinks-col ul { padding-left:0;}
.quicklinks-col ul li {padding-left:0;}
.quicklinks-col ul li:before {content:"";}
.scrolltop {position:fixed; bottom:20px; right:0; font-family:"Bebas", Helvetica, Arial, sans-serif; font-size:17px; line-height:20px; text-transform:uppercase; letter-spacing:1px; color:#114566; padding:5px 8px 5px 28px; background:url("../images/arrow-up.png") no-repeat 6px 7px #fff;}

/* Sponsors */
body.page-sponsors .main-col .text h3 { border-top:2px solid #f2f2f2; padding-top:22px; margin-top:27px;}
body.page-sponsors .main-col .text h3:first-child {margin-top:5px;}

/* Footer */
footer { clear:both;}
footer h3 { background:#626262; color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.1); padding:8px 30px 7px 30px; font-size:23px; line-height:28px; }
.sponsor-logos {padding:15px 0; font-size:0; line-height:0; text-align:center;}
.sponsor-logos li { display:inline-block; vertical-align:middle; margin:10px 28px;}
.sponsor-logos li a {display:block;}

/* Home page */
.announce { padding:30px 30px 0 30px; }
.announce h2 { color:#fff; font-size:32px; line-height:34px; background:#174e69; background:-webkit-linear-gradient(#2b6785, #224d61); background:linear-gradient(#2b6785, #224d61); text-shadow:1px 1px 0 rgba(0,0,0,0.1); display:table; width:100%; }
.announce h2 span {display:table-cell; padding:10px 15px 9px 15px; vertical-align:middle; }
.announce h2 span.date { background:#b72920; background:-webkit-linear-gradient(#c1332b, #a2241b); background:linear-gradient(#c1332b, #a2241b); width:10px; white-space:nowrap; }
.announce h2 a {color:#fff;} /* Hide mobile autolinks */
body.template-home .main-col { float:left; width:65%; padding-right:50px; }
.side-col iframe {max-width:100%;}


/* Media Queries
================================================== */

/* Tablet Landscape */
@media only screen and (min-width:980px) and (max-width:1179px) {
    .page-width { width:960px; }
    .careerfest-logo { width:175px; margin-top:28px; }
    .careerfest-logo img {width:100%; height:auto;}
    .banner-main {width:750px; height:auto;}
    .banner-top, .banner-bottom, .banner-left { display:none !important; }
    .nav-col { width:210px; }
    .content-col { width:750px; }
    .main-col { padding-left:24px; padding-right:84px; }
    .template-profiles .main-col, .side-col {padding-right:24px;}
    body.template-default .text img {margin-right:-60px}
    .announce, .quicklinks-col, footer h3 {padding-left:24px; padding-right:24px;}
    .sponsor-logos li { margin-left:16px; margin-right:16px;}

    body.template-home .main-col {padding-right:32px;}

}

/* Tablet Portrait and smaller */
@media only screen and (max-width:979px) {
    .mobile-nav-trigger, .mobile-nav-bar { display:block; }
    .nav-col { display:none; }
    .mobile-trigger-bar { display:block; }
    header {padding-top:0;}
    .careerfest-logo { width:160px; margin:20px 0; }
    .careerfest-logo img {width:100%; height:auto;}
    .banner { float:none; width:100%; clear:both; }
    .banner-main {width:100%; height:auto;}
    .banner-top, .banner-bottom, .banner-left { display:none !important; }
    .content-col { width:100%; }
    .main-col {padding-left:24px;}
    .template-profiles .main-col, .side-col {padding-right:24px;}
    .announce, .quicklinks-col, footer h3 {padding-left:24px; padding-right:24px;}
    .sponsor-logos li { margin-left:16px; margin-right:16px;}

}

/* Tablet Portrait */
@media only screen and (min-width:768px) and (max-width:979px) {
    .page-width { width:748px; }
    .main-col { padding-right:84px; }
    body.template-default .text img {margin-right:-60px;}

    body.template-home .main-col {padding-right:32px;}
}

/* All Mobile */
@media only screen and (max-width:767px) {
    .page-width { width:460px; }
    .banner {width:100%;}
    .main-col, .side-col { float:none !important; width:100% !important; }
    .main-col { padding-right:24px; }
    .quicklinks-col, .scrolltop {display:none !important;}
    body.template-default .text img {margin-right:0;}

    .announce h2 { display:block; }
    .announce h2 span {display:block; }
    .announce h2 span.date { width:auto; white-space:normal; }
    body.template-home .main-col { float:none; width:100%; padding-right:24px; }
    body.template-home .side-col { float:none; width:100%; padding-left:24px; border-top:1px solid #cde2f0; }
}

/* Mobile Portrait */
@media only screen and (max-width:479px) {
    .page-width { width:100%; }
    .careerfest-logo { margin-left:10px; }
    .trigger-text {display:none;}
    .container {padding-bottom:0;}
    .main-col, .side-col, .announce, footer h3 {padding-left:10px !important; padding-right:10px !important;}
    body.template-default .text img {float:none; display:block; margin:6px 0 22px 0; width:100%;}
    body.template-profiles .text img { float:none; display:block; margin:6px 0 22px 0; max-width:180px;}

}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (-o-min-device-pixel-ratio:13/10),
only screen and (min-resolution:120dpi) {
    .trigger-icon { background-image:url(../images/mobile-nav-button@2x.png); background-size:20px 20px; }
    .subnav-toggle .arrow { background-image:url(../images/mobile-nav-toggle@2x.png); background-size:18px 12px; }
}