/*
* Created By: MDC Web Services
* Description: Campus Responsive Style 
* Revised: 4/11/2017
*/

/*share this style*/
.share-this { margin-top: -10px; border-bottom: 1px solid #E3E3E3; padding-bottom: 10px; margin-bottom: 15px; }

/* skip nagivation shows below global when focused with tab key */
.skip {
  list-style: none;
  margin: 0; 
  padding: 0; 
  line-height: 30px;
  background-color: #f2f2f2;
}

.skip a {
  font-weight: normal;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip a:focus {
  display: block;
  position: static;
  width: auto;
  height: auto;
  color: #333;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .skip a:focus {
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .skip a:focus {
    width: 724px;
  }
}

@media (min-width: 980px) {
  .skip a:focus {
    width: 940px;
  }
}

/**/
.nav.mdc-categories i { display: none; }

/*footer icons for small media*/
.hfooter i { display: none; }

/*mobile collapse buttons initial state */
.btn-navbar { display: none; }
.btn-search { display: none; }
.btn-footer { display: none; }

/*page menu button initial state*/
.section-menu { display: none; }

/*ul page navigation firts element*/
.page-navigation li:first-child i { display: inline-block; }
/*page navigation list element icons*/
.page-navigation li i { display: none; }

/*do not allow border on facebook iframe*/
iframe .pluginBoxContainer { border: none; }

/*.mdccopyright-small { display: none; } NOT LONGER USED*/

/***********************************************
  ********* BIGGER THAT 980px WIDTH ***********
 ***********************************************/
/* global style for 980px or bigger media */
@media (min-width: 980px) {
    .site-masthead { color: white; *zoom: 1; }
    /*page navigation */
    .mdc-nav > .navbar-inner { border-width: 0 0 1px; background-color: #0e2863; background-image: -moz-linear-gradient(top, #1365C3, #0e2863); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1365C3), to(#0e2863)); background-image: -webkit-linear-gradient(top, #1365C3, #0e2863); background-image: -o-linear-gradient(top, #1365C3, #0e2863); background-image: linear-gradient(to bottom, #1365C3, #0e2863); background-repeat: repeat-x; border-color: #081E43; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1365C3', endColorstr='#0e2863', GradientType=0); *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); border-top: 1px solid #2489FE; }
    /*footer span2 > image style*/
    .mdcfooter .span2 > img { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #3C3C3C; color: #ACABAB; }
}


/***********************************************
  ******* SMALLER THAT 980px DEFAULT **********
 ***********************************************/
@media (max-width: 979px) {

    /*** SITE MASTHEAD STYLE ***/
    /*mast head heading*/
    .site-masthead h2 { display: none; }
    .site-masthead h1 { font-size: 32px; line-height: 36px; }
    
    /*** GLOBAL NAVIGATION STYLE ***/
    /*dropdown caret hidden*/
    .navbar .nav li.dropdown > .dropdown-toggle .caret { display: none; }
    /*heading style*/
    .nav-collapse .dropdown-toggle { background-color: #f2f2f2; color: #006DCC !important; text-transform: uppercase; text-shadow: none !important; }
    /*nav elements top margin*/
    .nav-collapse .nav { margin-top: 10px; }
    /*collapse nav button*/
    .navbar .btn-navbar { padding: 4px 14px; }
    /*search form style*/
    .navbar-form { position: absolute; top: 0; right: 80px; width: 180px; }
    /*search button style*/
    .navbar-form input[type="text"] { width: 100px; display: inline-block; }
    /*anchor links style*/
    .nav-collapse .nav > li > a { font-size: 15px; margin-bottom: 0px; border-radius: 0px; border-top: 1px solid #D4D4D4; }
    /*each dropdown menu*/
    .nav-collapse .dropdown-menu { margin-left: 0px; margin-right: 0px; }
    /*dropdown menu element style*/
    .navbar .nav-collapse .dropdown-menu li { border-top: 1px solid white; background-image: url("../images/bg-chevron-right-black.png"); background-repeat: no-repeat; background-position: right center; }
    /*CLASS REMOVED, MORE COMPLEX MENU*/
    .mdcdropdown .submenu { margin: 0px; border: 1px solid #D4D4D4; border-right: 0px; border-left: 0px; }
    
    /* GLOBAL MDC FIX TOP NAVIGATION STYLE */
    .navbar-fixed-top { margin-bottom: 0px; }
    .navbar-fixed-top .navbar-inner { padding: 0px; }

    /*** PAGE NAVIGATION STYLE ***/
    .mdc-nav .navbar-inner { padding-left: 2px; padding-right: 2px; }

    /*** PAGE CONTENT STYLE ***/
    /*carousel caption block position under image*/
    .carousel-caption { position: static; }
    /*feature area*/
    .hp-featured { padding-bottom: 5px; }

    /*related module title*/
    .related-module-title h3 { padding-left: 15px; }
    /*related module content*/
    .related-module-body { padding: 15px; }
    .related-module-body .row > .span3 { width: 140px; margin-left: 10px; }
    /*related module footer*/
    .related-module-additional { padding: 0px; background-image: url("../images/bg-chevron-right-black.png"); background-repeat: no-repeat; background-position: right center; }
    .related-module-additional a { display: block; padding: 10px 20px; padding-right: 40px; }
    .related-module-additional i { display: none; }
    
    /*external content, facebook iframe for responsive*/
    .container iframe { width: 100% !important; }

    /**** FOOTER ****/
    /* Move left span to top of footer */
    .footer-first { width: 97%; }
    .footer-first ul li { border-bottom: 0px; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding-bottom: 0px; border-right: 1px solid #3C3C3C; padding-right: 10px; }
    
    /*not used, added class visible-desktop from bootstrap*/
    .mdcfooter .span2 > img { /*display: none;*/ float: left; margin-right: 50px; }
    /*blocks sharing horizontal direction*/
    .mdcfooter .span7 { width: 70%; }
    .mdcfooter .span3 { width: 20%; margin-left: 40px; }
}


@media (max-width: 768px) {
    /*** SITE MASTHEAD STYLE ***/
    /* masthead heading */
    .site-masthead h1 { width: 82%; float: left; }

    /*** PAGE NAVIGATION STYLE ***/
    /*page menu button*/
    .section-menu { display: block; margin-top: 30px; margin-right: 6px; float: right; text-transform: uppercase; font-weight: bold; }
    /*page navigation block*/
    .page-navigation { height: 0px; float: left; overflow: hidden; width: 100%; margin: 0px; }
    /*navigation inner block style*/
    .mdc-nav .navbar-inner { padding-left: 5px; border-color: transparent; min-height: 0px; padding: 0px; background-image: none; background-color: #04427B; border-bottom: none; }
    /*general nav list*/
    .navbar .nav { margin: 0px; }
    /*general nav list element*/
    .navbar .nav > li { float: none; line-height: 21px; }
    /*display and float icons*/ 
    .page-navigation li i { display: inline-block; float: right; }
    /*page navigation borders*/
    .page-navigation li { border-top: 1px solid #06558E; border-bottom: 1px solid #02356E; }
    .page-navigation li:first-child { border-top: none; border-bottom: 1px solid #02356E; }
    .page-navigation li:last-child { border-top: 1px solid #06558E; border-bottom: none; }    
    /*hide active list element style*/
    .mdc-nav .nav > .active > a, 
    .mdc-nav .nav > .active > a:hover, 
    .mdc-nav .nav > .active > a:focus { background-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
}
/***********************************************
  ******* SMALLER THAT IPAD PORTRAID **********
 ***********************************************/
@media (max-width: 767px) {    

    /* page padding smaller */
    body { padding-right: 5px; padding-left: 5px; }    

    /*** GENERAL NAVIGATION BAR AND CONTENT ***/
    /* both navigation blocks */
    .navbar { margin-bottom: 5px; margin-left: 0px; margin-right: 0px; }
    /* both navigation inner block*/
    .navbar-inner { padding-right: 5px; padding-left: 5px; }

    /*** GLOBAL NAVIGATION STYLE ***/
    /*button search*/
    .navbar .btn-search { display: block; float: right; margin-left: 2px; }
    /*search form*/
    .navbar-form { position: relative; height: 0px; overflow: hidden; float: none; right: 0; text-align: center; width: auto; }
    /*search form input control*/
    .navbar-form input[type="text"] { width: 80%; margin-top: 10px; margin-bottom: 10px; }
    /*search button class*/
    .navbar-form .btn { margin-top: 0px; }
    /*global nav second level elements at hover event*/
    .nav-collapse .dropdown-menu a:hover { opacity: .50; }

    /*** SITE MASTHEAD STYLE ***/
    .site-masthead { padding-left: 10px; padding-right: 10px; }
    /* masthead heading */
    .site-masthead h1 { font-size: 24px; line-height: 30px; padding-top: 8px; padding-bottom: 8px; }
    /*page nav button style */
    .section-menu { margin-top: 18px; margin-right: 6px; }    
    
    /*CLASS NOT USED*/
    .mdc-categories { padding-top: 10px; }
    
    /*** PAGE CONTENT STYLE ***/
    /*page title block*/
    .mdc-pagetitle { margin-bottom: 15px; }
    /*page title heading - NOT USED */
    .mdc-pagetitle h1 { font-size: 20px; line-height: 40px; }
    /*page title heading */
    .mdc-pagetitle h2 { font-size: 20px; line-height: 30px; padding-top: 10px; }

    /* related module title */
    .related-module h3 { font-size: 16px; line-height: 18px; }
    
    /*carousel style*/
    .carousel { margin: 0 auto; margin-bottom: 10px; }
    /*max width for carousel, so does not break*/
    .span8 .carousel { max-width: 620px; }
    /* carousel caption heading */
    .carousel-caption h4 { font-size: 16px; }
    /* carousel caption description hidden */
    .carousel .carousel-caption p { display: none; }

    /*content module style*/
    .content-module { margin-bottom: 10px; border-bottom: 3px solid #E3E3E3; }
    /*allow span2 (inside content module) to stay left of any other content*/
    .content-module .span2 { width: 140px; float: left; margin-right: 20px; }
    /*decrease hr margin*/
    .content-module hr { margin: 10px 0px; }

    /*hide featured table*/
    .featured-well table { display: none; }
    /*allow span1 (inside container) to stay left of any other content*/
    .container .span1 { float: left; width: 60px; margin-right: 15px; }

    /*article grid style*/
    .article-grid { margin-bottom: 0px; }
    .article-grid .span4 { margin-bottom: 15px; }

    /*related module style */
    .related-module-title h3 { padding-left: 20px; }
    .related-module-body { padding: 20px; }
    .related-module-body hr { margin: 10px 0; }
    .related-module-body .row > .span3 { width: 100%; float: none; margin-left: 5px; }

    /* FOOTER RESPONSIVE STYLE */
    /*.mainfooter { padding-top: 5px; margin-top: 5px; } NO LONGER USED */
    /*footer block*/
    .mdcfooter { padding-left: 10px; padding-right: 10px; padding-top: 10px; }
    /*first footer element style*/
    .mdcfooter .footer-first { margin-right: 5px; width: 100%; }
    /*footer block with embeded content */
    .mdcfooter .span7, .mdcfooter .span3 { width: 100%; } 
    .mdcfooter .span3 { margin-left: 0px; }
    /*right most footer element*/
    .mdcfooter .span3 ul li { border-bottom: 0px; display: inline-block; margin-right: 10px; }
}

/***********************************************
  *** SMALLER-EQUAL THAT IPHONE LANDSCAPE *****
 ***********************************************/
@media (max-width: 568px) {
    /*small margin for body direct container class*/
    body > .container { margin-bottom: 8px; margin-top: 8px; }
    
    /*** GLOBAL NAVIGATION STYLE ***/
    /*increase finger space*/
    .navbar-inner { padding: 4px; }
    
    /* navigation MDC categories, DOES NOT EXIST */
    .nav.mdc-categories i { display: block; float: right; }

    /*** SITE MASTHEAD STYLE ***/
    .site-masthead h1 { font-size: 18px; line-height: 24px; }
    .section-menu { margin-top: 13px; margin-right: 6px; }

    /*** PAGE CONTENT STYLE ***/
    .mdc-pagetitle { margin-bottom: 5px; }
    .mdc-pagetitle h1 { font-size: 18px; line-height: 30px; }
    .mdc-pagetitle h2 { font-size: 18px; line-height: 30px; padding-top: 10px; }
    /*both class at same object, WE MAY SYNC. Notice: small and br don't exist */
    .page-header h1 small { display: none; }
    .page-header h1 br { display: none; }

    /*related module*/
    .related-module h3 { font-size: 15px; line-height: 18px; }
    /*main content module*/
    .content-module { border-bottom: 2px solid #E3E3E3; padding-bottom: 10px; }
    .content-module h4 { font-size: 15px; line-height: 19px; }
    .content-module h3 { line-height: 18px; font-size: 17px; }
    .content-module .span2 { margin-right: 10px; }
  
    /*REMOVED, NOT NEEDED
    body > .container .span1 { margin-left: 0px; margin-right: 8px; } */
    
    /*carousel caption fix dimensions*/
    .carousel-caption { height: 45px; padding: 10px; }
    
    /*related body new padding */
    .related-module-body { padding: 10px 20px; }
    
    /* share this fix for small media */
    .share-this { margin-top: 8px; padding-left: 10px; }    
    /*hide google plus*/
    .share-this .st_plusone_hcount { display: none; }    
    /*hide all sharethis counters*/
    .stButton .stArrow { display: none !important; }

    /*** FOOTER STYLE HERE ***/
    /*footer horiz menu icons */
    .hfooter i { display: block; float: right; }
    
    /*footer main block*/
    .mdcfooter { padding-bottom: 0px; padding: 0px; border-top: 0px; }
    
    /*hide footer first image*/
    .mdcfooter .span2 > img { display: none; }

    /*footer spans width*/
    .mdcfooter .span7 { width: auto; }
    .mdcfooter .span3 { width: auto; }
    
    /*footer embeded sections*/
    .footersections { margin-bottom: 0px; width: 100%; display: block; }
    .footersections br { display: none; }
    
    /*collapse button at footer*/
    .btn-footer { margin-right: 10px; display: block; margin-top: 7px; padding: 5px 13px; line-height: 12px; float: right; }

    /*all footer main headings*/
    .mdcfooter h6 { border-bottom: 2px solid #3C3C3C; line-height: 42px; padding-left: 10px; font-size: 12px; color: white; background-color: #101010; margin-bottom: 0px; text-transform: capitalize; }
    /*all footer links*/
    .mdcfooter a { padding-left: 18px; display: block; }

    /*horiz menu list and elements*/
    .hfooter { margin: 0px; font-size: 12px; }
    .hfooter li { border-right: none; border-bottom: 1px solid #000; border-top: 1px solid #3C3C3C; float: none; line-height: 41px; margin-right: 0px; margin-left: 0px; background-image: url("../images/bg-chevron-right.png"); background-repeat: no-repeat; background-position: right center; padding-right: 40px; }
    
    /*vert menu list and elements*/
    .vfooter { margin: 0px; text-align: left; font-size: 12px; }
    .vfooter li { border-right: none; float: none; line-height: 41px; margin: 0px; padding: 0px; height: 42px; background-image: url("../images/bg-chevron-right.png"); background-repeat: no-repeat; background-position: right center; padding-right: 40px; }

    /* help list element style. change to [.vfooter.help-li li] also in upper media*/
    .mdcfooter .span3 ul li { border-bottom: 1px solid #000; border-top: 1px solid #3C3C3C; margin: 0px; padding: 0px; display: list-item; }
    
    /*footer lists style for collapse option*/
    .mdc-li, .campuses-li, .info-li, .connect-li, .help-li { height: 0px; overflow: hidden; display: list-item; margin-left: 0px; }
    
    /* footer first menu */
    /*.footer-first ul { text-align: center; }*/
    .footer-first ul li { margin-bottom: 0px !important; border-right: none !important; float: none; display: block !important; margin-right: 0px; padding-right: 0px; border-bottom: 1px solid black; border-top: 1px solid #3C3C3C; }

    /* footer bottom menu */
    .footer-last { border-top: none; margin-top: 0px; background-color: #101010; }
    .footer-last ul { padding-top: 10px; padding-bottom: 20px; text-align: center; }
    .footer-last > ul li { border: none; font-size: 12px; background-image: none; padding-right: 0px; }
    .footer-last > ul li a { display: list-item; padding: 0px; }    
}

/***********************************************
  ****** SMALLER-EQUAL IPHONE PORTRAIT ********
 ***********************************************/
@media (max-width: 320px) {
    /*site masthead heading style*/
    .site-masthead h1 { padding-top: 4px; padding-bottom: 4px; }
    
    /*carousel control style*/
    .carousel-control { width: 30px; height: 30px; font-size: 38px; line-height: 24px; }
    /*change controls location*/
    .carousel-control.right { right: 25px; }
    .carousel-control.left { right: 25px; }
    
    /*carousel caption*/
    .carousel-caption { height: 45px; padding: 8px; }

    /*WHERE IS BEING USED*/
    .vert-menu { padding: 8px 0px; margin-bottom: 15px; }
   
    /*related module style changes*/
    .related-module { margin-bottom: 15px; }
    .related-module-title h3 { padding-left: 10px; }
    .related-module-body { padding: 10px 10px; }
    .related-module-body .span3 { width: auto !important; }
    .related-module-additional a { padding-left: 10px; }

    /* facebook iframe style */
    .container iframe { padding-left: 1px; max-width: 300px; margin-bottom: 10px; }
}

/***********************************************
  ******** VERY SMALLER MEDIA DEVICES *********
 ***********************************************/
@media (max-width: 265px) {
    /*minor style changes for very small devices*/
    body { padding-left: 2px; padding-right: 2px; }    
    .site-masthead h1 { width: 75%; float: left; font-size: 20px; line-height: 30px; }
    .section-menu { margin-top: 26px; }
    h4 { font-size: 12px; }
    .site-masthead { padding-left: 5px; padding-right: 5px; }
    .navbar .brand { width: 95px; padding-top: 10px; }
    .dropdown-menu a { white-space: normal; }
    .carousel-caption { height: 45px; }
    .content-module .span2 { width: 100%; margin-right: 0px; margin-bottom: 5px; }
    .hp-featured { margin-bottom: 5px; }
}