/*  --- Base Styles ---  */


html, button, input, select, textarea, .pure-g [class *= "pure-u"],
.pure-g-r [class *= "pure-u"]  {
    /* Set your content font stack here: */
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

body{
    color:#666666;
    font-size:16px;
    line-height: 23px;
    background:transparent;
}

/* --------CLEAR FIX---------- */
.win.ie5 .clearfix, .win.ie6 .clearfix{height: 1%;}
.win.ie7 .clearfix, .mac.ie5 .clearfix{display: inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* -----replace in base.css ---*/

/* ----- Anchor Default Styles ---*/
a{
  color:#f57b20;
  text-decoration:none;

  -o-transition:color .2s ease-out;
  -ms-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out;

}

.siteTools a {
    padding: 0px 4px;
    font-size: 14px;
}

.light_blue_sec a, .dark_warm_sec a{
    color:#f6f6f6;
}

/* ----- Anchor Hover Styles ---*/

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

.dark_warm_sec a:hover{
    color:#f57b20;
}

.light_blue_sec a:hover{
    color:#008ab0;
}

h1, h2, h3, h4, h5, h6{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:300;
    padding:10px 0;
}

h1 {
  color:#008ab0;
  font-size:36px;
  line-height:32px;
  padding: 0;
  margin: 0;
  
}


h2{
  border-bottom: 1px solid #F57B20;
  border:none;
  /*
  border-bottom: 1px solid #E1E1E1;
  color: #F57B20;
  font-size:20px;
  padding: 16px 0px 8px 16px;
  color: #008ab0;
  */
  color: #4c4c45;
  font-size: 28px;
  margin:20px 0;
}

.dark_gray_sec h1,.dark_warm_sec h1{
    color:#f6f6f6;
}

.dark_gray_sec h2,.dark_warm_sec h2{
    border:none;
    color:#f6f6f6;
}

h2.content{
    padding-top:40px;
}

#homeBanner h2{
    color:#f6f6f6;
    padding:0px;
}

h3{
  /*color:#999;*/
  color: #008ab0;
  text-decoration:none;
  font-size:24px;
  line-height:28px;
}

h3 a{
  color:#f57b20;
  text-decoration:none;
}
h3 a:hover{
  color:#f7954d;
  text-decoration:none;
}
h4{
  color: #008ab0;
  font-size:18px;
  line-height:22px;
  margin-bottom:0;
}

blockquote{
  margin: 1em;
  padding: 10px;
  background-color: #F9F9F9;
  border: 4px solid white;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.27);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.27);
}



p{
    margin: 0px 0px 15px 0px;
}

em {font-style:italic;}
strong,b{font-weight:bold;}

abbr,acronym {border-bottom:1px dotted #555;cursor:help;} 

fieldset{padding:20px; border-bottom:1px solid #dfdfdf;  margin:0px 0px 20px 0px;}
legend{font-weight:bold;color:#666; margin:10px 0px 0px 0px;}

dt{margin-top:.5em;font-weight:bold;}
hr{background-color:#dfdfdf;height:1px;color:#dfdfdf;border:0px;margin:10px 0px;}


/*  --- Layout ---  */
.section{
    width:100%;
}

.container{
    max-width: 1200px;
    margin: 0 auto;
}


.pure-g{

    
}

.content{
    padding:20px;
}

/*  --- Header ---  */
#pageHeader{
    border-bottom:1px solid #f57b20;
}

.headerLogo{
    padding-bottom:0;
}
#gclogo{
    display: inline-block;
    /* padding: 10px 20px; */
}

.siteTools{
    padding: 20px 0;
    text-align: right;
}
/*  --- Top Level Navigation ---  */
#topNavContainer{
    text-align: center;
}

#topNav{
    /* width:100%; */
    text-align: center;
}

#topNav ul{
  padding:0;
  border:none;
  margin: 0 ;
  width:100%;
}

#topNav li {
    /* float: left; */
    display: inline-block;
    list-style-position: outside;
    list-style-image: none;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

#topNav li a {
    border: none;
    padding: 10px 23px 20px 23px;
    font-size: 24px;
    width: auto !important;
    text-align: center;
    display: block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:300;
}

/*  --- Headroom Styles ---  */
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}


/*  --- Section Color Styles ---  */
.light_sec{
    background-color: #f6f6f6;
    color: #666666;
}

.light_gray_sec{
    background-color: #e1e1e1;
    color: #666666;
}

.light_blue_sec{
    background-color: #9eacb0;
    color: #e1e1e1;
}


.dark_gray_sec{
    background-color: #666666;
    color: #f6f6f6;
}

.dark_warm_sec{
    background-color: #4c4c45;
    color: #999999;
}


#informationFor{
    font-size: 24px;
    line-height: 34px;
}


/*-- Together Tag Line Stylings --*/
#homeBanner{
    color:#f6f6f6;
    font-size: 18px;
    position: relative;
    background: transparent;
    overflow:hidden;
}
  .ytplayer-container{
        position: absolute; /* can be fixed or absolute */ 
        top: 0;
        z-index: -1; 
  }

  .ytplayer-container:after {
    content: "";
    display: block;
    position: fixed; /* could also be absolute */ 
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: url(/global/images/template/together/banner-video-overlay.png) repeat;
    }

    .ytplayerMobile{
        background:url('/global/images/template/together/together-header-mobile-bg.jpg') no-repeat; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
        width: 100%;
        position:fixed;
    }



#togetherTagLine{
    margin-top:20%;
    
}

#togetherWords{
    color: #f57b20;
}

#togetherMessage{
    padding:0 20px;
    color: #f6f6f6;
    display:none;
}

#togetherTagLine1{
    font-weight: bold;
    font-size: 38px;
    line-height: 38px;
    color:#f6f6f6 !important;
}
#togetherTagLine2{
    font-size: 40px;
    line-height: 40px;
    color: #f6f6f6;
}


  

/*-- Home Page Banner Call to Actions --*/
#homeBannerLinks{
    margin-top:20%;
    text-align:center;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:300;
}
.homeBannerLink{
    margin-bottom:20px;
}
.homeBannerLink a{
    background: rgba(246, 246, 246, .2);
    border: 2px solid #f6f6f6;
    color: #f6f6f6;
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 20px;

    -o-transition:background .2s ease-in;
  -ms-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
  transition: background .2s ease-in;
}

.homeBannerLink a .homeBannerLinkMain{
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 10px;

}

.homeBannerLink a:hover{
    background:#f57b20;
    border:2px solid #f57b20;
    color:#f6f6f6;
}

/*-- Banner --*/
#sliderContainer{
width: 100% !important;
display: block;
max-height: none !important;
overflow: hidden;
min-height: 225px;
min-width: 400px;
background: none !important;
z-index: -10 !important;
margin-bottom:0px !important;
margin-top:0px;
}

.pageTitle {
    background: transparent !important;
}

/*-- Crumbtrail --*/
.crumbtrail {
  clear: both;
  margin: 4px auto 12px auto;
  padding: 0;
  color: #F6F6F6;
  text-align: left;
  z-index: 200;
}

.crumbtrail ul {
    padding: 0px;
    margin: 0px 0px;
}

.crumbtrail li {
  color:#fff;
  font-size: 16px;
  list-style-type: none;
    display: inline;
    padding: 2px 10px 0px 0px;
  /*
  font-style: italic;
  font-weight: bold;
  */
}

.crumbtrail a {
  text-decoration: none;
  color: #f57b20;
  padding:2px;
  /* text-shadow: 0px 1px 0px #333; */
}

.crumbtrail a:hover{
  color:#f6f6f6;
  /* background:#f57b20; */
}


/*  --- Page Nav Styles ---  */ 
.pageNav {
    border-right: 1px solid #e1e1e1;
    padding-right:20px;
}

.pageNavRight{
    border-right: none;
    padding-right:0;
    border-left: 1px solid #e1e1e1;
    padding-left:20px;
}

.pageNav li {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
}

.pageNav li a {
    font-size: 18px;
    display: block;
    text-decoration: none;
    line-height: 22px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    -o-transition: background .2s ease-in;
    -ms-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    transition: background .2s ease-out, padding .2s ease-out;
    color: #666;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    font-weight: normal;
}

.pageNav li a:hover {
    background: #f57b20;
    color: #F6F6F6;
    padding: 10px 5px 10px 15px;
}

.pageNav li.active a, .pageNav li .active a:hover {
    color: #008ab0;
    background: none;
    border-bottom: 1px solid #eee;
}

/*-- Together Tag Line Stylings --*/

.footerLinksSection{
    padding:20px;
}

.footerLinkList {
    padding: 10px 0 20px 0;
}

.footerLinkList a{
    display:block;
    font-size:16px;
    line-height:26px;
}

.footerLinks h3 {
    font-size: 28px;
    color: #4c4c45;
    border: none;
    border-bottom: 1px solid #f57b20;
    padding: 10px 0;
    text-decoration: none;
    line-height: 24px;
}

.footerLinks h3 a{
    color:#4c4c45;
}

#footerInfo{
    border-top:1px solid #f57b20;
}

.footerLogo{
    text-align: center;
}

.copyR{
    text-align: right;
}

.copyR .footerAccreditation{
    font-size:10px;
}


/*  --- Home Event Section Styles ---  */ 
#homeEvents p{
    font-size:18px;
    line-height: 26px;
}

#homeEvents .aboutEvents{
    text-align:right;

}

/*  --- Page Content Styles ---  */ 
.pageContentSpotlight{
    margin-bottom:20px;
}
.pageContentMain,.pageContentSpotlight{
    margin-top:-20px;
    background: #f6f6f6;
}

.pageContentWelcome{
    padding-bottom:0;
}
.pageContentExtra{
    padding-top:0;
}

/*  --- Side Bar Extra Content Styles ---  */ 
/*-- sidebar Content --*/
.pageContentSide .pageContent ul{
  margin:0;
  list-style:none;
}
.pageContentSide .pageContent ul li{
  margin: 0;
  list-style:none;
  font-size:16px;
  /* color:#f6f6f6;
  background:#53534A; */
}
.pageContentSide .pageContent ul li h3{
  padding:0;
  margin:0;
}
.pageContentSide .pageContent ul li h4{
  font-size:16px;
  color:#666;
  padding:4px;
  margin:0;
}
.pageContentSide .pageContent ul li a{
  display:block;
  padding:4px 0;
  transition: background .2s ease-out, padding .2s ease-out;
  /*
  color:#f6f6f6;
  background:#F57B20; */
}
.pageContentSide  .pageContent ul li a:hover{
  color:#f6f6f6;
  background:#F7954D;
  padding-left: 5px;
}

/*  --- Misc Styles ---  */ 



a.ctaButton, a.applyOnline{
    background: none;
    border: 2px solid #f57b20;
    color: #f57b20;
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 10px;

    -o-transition:background .2s ease-in;
  -ms-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
  -webkit-transition: background .2s ease-in;
  transition: background .2s ease-in;

}

a.ctaButton:hover, a.applyOnline:hover{
    background:#f57b20;
    border:2px solid #f57b20;
    color:#f6f6f6;
}



span.newsDate {
  float:  right;
  font-weight: bold;
  border-bottom: 1px solid #DFDFDF;
}

ul.fileList {
  margin-left: 0px; padding-left: 0;
}
ul.fileList li {list-style: none;}

div#cse-search-results iframe {
  width:100%;
}

ul.newsListing li{
  list-style:none;
}

.clickable{
  cursor:pointer;
  color:#F57B20;
  text-decoration:none;
}

#ei-slider-wrapper{
    margin-bottom:130px;
}

.ei-slider {
    height:360px !important;
}

.ei-title {
    width: 50% !important;
    background: transparent !important; 
}

/*-- Google Search v2 --*/
#siteSearch{
    padding:0 20px;
}

#pageHeader td.gsc-input{
    padding:20px;
}

input.gsc-input{
  color:#666;
}

#pageHeader form.gsc-search-box{
  padding: 0;
}

#pageHeader input.gsc-input{
  padding: 2px 12px !important;
  background-position: 10% 50% !important;
  border: none !important;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  height:20px;
}

#pageHeader input.gsc-search-button{
  display:none;
}


#pageHeader .gsc-clear-button {
  display:none;
}

.gsc-control-cse{
  border:none !important;
  padding:0 !important;
}


/*  --- Major Listing Override Styles ---  */ 
li.mmp_item {
    display:inline-block !important;
    float:none !important;

}

a.mmpLink {    
    padding: 0 !important;
    margin: 0;
    border: none !important;
    background: transparent;
}

/*  --- Responsive Styles ---  */ 
.mobileOnly{ display:none !important; }
.desktopOnly{ display:block !important; }

@media screen and (max-width:1199px) {
    #topNav li a{
        padding: 10px 12px 20px 12px;
         font-size: 20px;
    }
}

@media screen and (max-width:1023px) {
    #topNav li a{
        padding: 10px 8px 20px 8px;
         font-size: 18px;
    }

    #expandSiteTools {
        display: block !important;
        float: right;
        font-size: 28px;
        padding: 10px;
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
    }

    .siteTools{
        text-align: center;
        background: #333;
        padding: 20px;
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    #togetherTagLine2{
        font-size:32px;
    }
}

@media screen and (min-width:1024px) {
    .siteToolsContainer{ display:inline-block !important; }
}

@media screen and (min-width: 768px){
  .footerLinks .footerLinksSection .footerLinkList{ display:block !important; }
}

/*  --- PureCSS Hidden Styles ---  */ 


/* em pure-hidden values */

/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-xs{display:none}
    .pure-hidden-sm{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-sm{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-lg{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-xl{display:none}
    .pure-hidden-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
    .pure-visible-xs{display:none}
    .pure-visible-sm{display:none}
    .pure-visible-md{display:none}
    .pure-visible-lg{display:none}
    .pure-hidden-xl{display:none}
}




/* Major Reqs (EX Course Listings) */

 .req_group_children{
   margin-left: 20px;
 }
 
 .req_group_header{
   color: #f57b20;
    text-decoration: none;
    /* font-size: 16px; */
    font-weight: normal;
    line-height: 24px;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding-right: 30px;
 }
 
 .req_group{
  border-top: 1px solid #e1e1e1;
 }
 
 .req_course{
  display:block;
  border: 1px solid #e1e1e1;
  border-bottom: none;
 }
  
  .req_course_detail{
  display: block;
    color: #666;
    text-decoration: none;
    /* font-size: 14px; */
    font-weight: normal;
    line-height: 24px;
    padding: 10px;
    background-color: #F9F9F9;
    border-top: 1px solid #fff;
  }
  
 .req_course_desc{
   display:block;
   padding: 20px;
   border-top: 1px solid #e1e1e1;
 }
  
  .req_course_title,
  .req_course_credits,
  .req_course_code{
    display: inline-block;
    padding-right:10px;
  }
  
  .req_course_title{
    font-weight:bold;
  }
  
  .req_course_code{
    width:70px;
    }
  
  .accordion-toggle {
    cursor: pointer;
    position: relative;
}

.accordion-toggle:hover{
  color:#f57b20;
}

.accordion-toggle::before,
.accordion-toggle::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 14px;
  height: 1px;
  margin-top: -1px;
  background-color: #f57b20;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.accordion-toggle::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
}
.accordion-toggle.collapsed::before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}
.accordion-toggle.collapsed::after {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* --- Home Featured Gallery --- */

#homeFeaturedGallery .homeFeatureLarge:hover img, #homeFeaturedGallery .homeFeature:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 0);
  -ms-transform: scale3d(1.2, 1.2, 0);
  -o-transform: scale3d(1.2, 1.2, 0);
  transform: scale3d(1.2, 1.2, 0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
  -o-transition: -o-transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
  transition: transform 15000ms cubic-bezier(0, 0, 0.8, 0.9);
  }

.ie7 .homeFeatureCol{
    clear:right;
  }

#homeFeaturedGallery{
  width: 100%;
  min-width:980px;
  overflow:hidden;
    position:relative;
    z-index:20;
-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .4);
-moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, .4);
}

.homeFeatureCol{
  float:left;
        position:relative;
  width:25%;
  overflow:hidden;
}

.homeFeature{
  float:left;
    position:relative;
  width:100%;
  overflow:hidden;
}

.homeFeatureLarge{
  width:50%;
  position:relative;

}

#homeFeaturedGallery .excerpt{
  position:absolute;
  bottom: 0;
  left: 0;
  width: 66%;
    text-align:left;
    padding: 8px 0;
    
    background: #111;
    background: rgba(0,0,0,.5);
}

  #homeFeaturedGallery .excerpt h2 {
    margin: 0 16px 8px 16px;
    padding: 8px 0 12px 0;
    border-bottom:1px solid #f57b20;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    font-size: 16px;
    line-height:18px;
    letter-spacing: 1px;
    
  }
  
  #homeFeaturedGallery .excerpt h2 a{
    color:#fff;
    display:block;
  }
  
  #homeFeaturedGallery .excerpt h2 a:hover{
    color: #f7954d;
  }
  
  #homeFeaturedGallery .excerpt .featureCTA{
    display:block;
    float:right;
    text-align:right;
    margin-right:16px;
  margin-left:16px;
    margin-bottom:0px;
    font-size:12px;
  }
  
  #homeFeaturedGallery .homeFeatureLarge .excerpt h2 {
    font-size:24px;
    line-height:28px;
    padding-bottom: 24px;
  }
  #homeFeaturedGallery .homeFeatureLarge .excerpt .featureCTA{
    font-size:16px;
  }

#homeFeaturedGalleryM, .pageContentNews ul.newsList{
  display:none;
}


/* ---- Dashboard Quicklinks Styles ---- */

#dashboard_quicklinks{
  display:inline-block;
  clear: both;
  width: 100%;
  right: auto;
  top: auto;
}
#dashboard_quicklinks ul{
  width:100%;
  height:60px;
  background-color:#f6f6f6;
  margin:0;
}
#dashboard_quicklinks ul li{
  width:25%;
  text-align:center;
  margin:0;
  padding:0;
  float:left;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}
#dashboard_quicklinks ul li a{
  width:auto;
  display:block;
  height:60px;
  border-left:1px solid #fff;
  border-right:1px solid #ccc;
  line-height:12px;
  color:#666;
}

#dashboard_quicklinks ul li a:hover{
  color:#f57b20;
}
#dashboard_quicklinks ul li a span{  
  font-size:11px;
  display:block;
}


/* ---- desc Calendar and Athletic Events Pull ---- */
.noEvents{
    display:none;
  }

#todayGC h2 a{
  display:block;
}
#todayGC h2 a span{
  float:right;
}
#todayGC h3{
 
}
#todayGC ul li span{
  font-size:14px;
}

#todayGC ul li span.viewMore{
  padding: 10px;
  display: block;
  margin-top: 20px;
}

#todayGC ul{
  margin:0;
}
#todayGC li{
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
  margin:10px 0;
}

.viewMore{
  display:block;
  text-align:right;
}

.viewCalendar{
  margin-top:0 !important;
}

#lw{
    background:transparent !important;
}