/* ==========================================================================
Responsive styles
========================================================================== */


/* ------------ HEADER ------------ */


@media only screen and (max-width: 1200px) {
	.site-title .site-title-heading {background-size:490px 71px; }
	.lt-ie9 .site-title .site-title-heading{background-image: url(../img/logo-490x71.png);}
	.site-title .site-title-heading a {width:490px; height:71px;}
	.spheres{background-size:400px 78px; width:400px; height:78px;}
	.lt-ie9 .spheres{background-image: url(../img/spheres-400x78.png);}
}
@media only screen and (max-width: 992px) {
	.site-title .site-title-heading {background-size:380px 55px; }
	.lt-ie9 .site-title .site-title-heading{background-image: url(../img/logo-380x55.png);}
	.site-title .site-title-heading a {width:380px; height:55px;}
	.spheres{background-size:310px 61px; width:310px; height:61px;}
	.lt-ie9 .spheres{background-image: url(../img/spheres-310x61.png);}

}
@media only screen and (max-width: 767px) {
	.main-navigation{}
	
	.page-header-top-right{position: unset; margin:0; width:95%;}
	.page-header-top-right #secondary-nav{display: none;}
	.page-header-top-right .widget{margin:0;}
	.page-header-top-right .pull-right{float:left !important;}
	.page-header-top-right .col-md-12{width:90%;}
	
	.site-title {width:100%; float:none; display: block;}
	.site-title .site-title-heading {margin: 0; text-indent: -9999px; background: transparent url('../../img/ssc/header-logo-stacked.png') center center no-repeat; background-size:290px 121px;}
	.site-title .site-title-heading a{width:100%; height:129px;}
	.spheres{display:none;}
	
	.header-bar-wrapper {display:none;}

}

@media only screen and (min-width: 992px) {
	
	.combined-navigation{display:none;}
	.navbar-light .navbar-nav > li > a {border: none;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.main-navigation{background-color:Yellow;}
}


/* ------------ NAVBAR ------------ */


@media only screen and (max-width: 1200px) {
	.navbar-default .navbar-nav > li > a {padding: 0 12px 0 10px; font-size: 16px; }
}
@media only screen and (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {padding: 0 7px 0 5px; font-size: 13px; }
}
@media only screen and (max-width: 768px) {
	.navbar-default .navbar-nav {display:block; width: 100%;}
	.navbar-default .navbar-nav > li{display:block; padding: 0;}
	.navbar-default .navbar-nav > li > a {padding:10px 0; font-size: 16px; display: block; border:none; text-align: left;}
}


/* ------------ NAVBAR ATHLETICS ------------ */


@media only screen and (max-width: 768px) {
	.navbar-athletics .navbar-nav {display:block; width: 100%; z-index:+2}
	.navbar-athletics .navbar-nav  li {display:block; padding: 0; width:100%;}
	.navbar-athletics .navbar-nav  li > a {padding:10px 0; font-size: 16px; display: block; border:none; text-align: left;}
}


/* ------------ FOOTER ------------ */


@media (max-width: 1200px) {

}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
	#site-footer{padding:0;}
	#footer-row .footer-right-1 .pull-right{float:left !important;}




	.footer-widget .menu .mobileHide{display:none;}
	.footer-widget .menu .mobileShow{display:block;}

	.footer-widget .menu{margin:0;}
	.footer-widget .menu{margin:0 10px;} /* added by GPettit when removing dynamic footer menu */
	#footer-column-1{margin-top:10px;} /* added by GPettit when removing dynamic footer menu */
	#footer-column-5 {margin-bottom:10px;} /* added by GPettit when removing dynamic footer menu */
	.footer-widget .menu > li{margin:0;}

	/*.footer-widget .menu > li > a{color:#000; text-shadow: 0 1px 0 #fff; padding:10px; margin:0;
		 background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); 
		background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); 
		background-repeat: repeat-x; 
		border:solid 1px #ccc; border-bottom:none; background:white;}*/

	/*
	.footer-widget .menu > li > a:after {font-family: 'FontAwesome'; content: '\f107'; margin:0 0 0 10px; color: #333; float:right;}
	*/


	#footer-columns .col-md-5ths:first-child .footer-widget .menu li:first-child a{border-radius: 12px 12px 0 0;}
	#footer-columns .col-md-5ths:last-child .footer-widget .menu li:last-child a{border-radius:0 0 12px 12px;}
	#footer-columns .col-md-5ths:last-child .footer-widget .menu li:last-child:hover a{border-radius:0;}
	#footer-columns .col-md-5ths:last-child .footer-widget .menu li:last-child:hover ul{border-radius:0 0 12px 12px;}

	.footer-widget ul.sub-menu{margin:0; padding:10px;}
	.footer-widget ul.sub-menu li{}
	.footer-widget ul.sub-menu li a{padding:8px 10px;}

	.navbar-light .navbar-nav > li > a {border-right: 0px;}
	
}



/* ------------ 5 EQUAL COLUMNS FIX ------------ */

@media (min-width: 768px) {
	.col-sm-5ths {width: 20%; float: left;}
}
@media (min-width: 992px) {
	.col-md-5ths {width: 20%; float: left;}
}
@media (min-width: 1200px) {
	.col-lg-5ths {width: 20%; float: left;}
}





/* ------------ CAROUSEL ------------ */

@media (max-width: 1200px) {
	#carousel-outer.horizontal{padding-bottom:5px;}
	
	#carousel-outer.horizontal .carousel .pbox-overlay{width:270px;}
	#carousel-outer.horizontal .carousel .pbox-overlay h2{font-size: 22px;}
	#carousel-outer.horizontal .carousel .pbox-overlay p{font-size: 15px;}
	
	#carousel-outer.horizontal #carousel-wrapper .carousel-links{left: 0px; right:0px; bottom:0px; border-radius:0 0 12px 12px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li a{padding: 7px 10px 0 35px; background-size: 30px 181px; height:40px; font-size: 13px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-myssc a{background-position: 0px 5px; padding-top: 13px;}
	.lt-ie9 #carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-myssc a{background-image: url('../img/home-promo-icons-1b.png'); background-position: 0px 5px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-schedule a{background-position: 0px -31px; padding-top: 13px;}
	.lt-ie9 #carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-schedule a{background-image: url('../img/home-promo-icons-2b.png'); background-position: 0px 5px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-application a{background-position: 0px -67px;}
	.lt-ie9 #carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-application a{background-image: url('../img/home-promo-icons-3b.png'); background-position: 0px 5px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-education a{background-position: 0px -103px;}
	.lt-ie9 #carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-education a{background-image: url('../img/home-promo-icons-4b.png'); background-position: 0px 5px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-programs a{background-position: 0px -139px;}
	.lt-ie9 #carousel-outer.horizontal #carousel-wrapper .carousel-links ul li.icon-programs a{background-image: url('../img/home-promo-icons-5b.png'); background-position: 0px 5px;}
}

@media (max-width: 992px) {
	
	#carousel-outer.horizontal .carousel .pbox-overlay{width:300px;}
	#carousel-outer.horizontal .carousel .pbox-overlay h2{font-size: 24px;}
	#carousel-outer.horizontal .carousel .pbox-overlay p{font-size: 16px;}
	
	#carousel-outer.horizontal #carousel-wrapper .carousel-links{left: 15px; right:15px; bottom:15px; }
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li a{padding: 6px 15px 0 38px; font-size: 14px;}

}

@media (max-width: 768px) {
	
	#carousel-outer.horizontal #carousel-wrapper .carousel-links{position: relative; left: auto; right:auto; bottom:auto; padding:0; background: transparent;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li{float:none; display:block; border: solid 1px #fff; margin: 0 0 10px 0; padding: 0 10px 0 5px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li a{text-align: left; margin:0; padding:0 0 0 35px !important; line-height: 1em; display: table-cell; vertical-align: middle; font-size: 16px;}
	#carousel-outer.horizontal #carousel-wrapper .carousel-links ul li a span{display: inline;}

	#carousel-outer.horizontal .carousel,	
	#carousel-outer.horizontal #pager-outer{display: none;}

	.news-events{}
	.news-events .nav-tabs.nav-justified > li{width: 50%; float:left; margin-bottom: 0;}
	
	.home-content{margin: 0px 0px 15px 0px;}

/* ------------- HIDE NEW HOME CAROUSEL ------------ */

#home-carousel {display:none;}
}

/*---------------- STUDENT & FACULTY STAFF TABLIST TO ACCORDIONS ------------------*/

  #accordion-tabs .nav-pills, #accordion-tabs .nav-tabs{
    display:none;
}
	
@media(min-width:768px) {
    #accordion-tabs .nav-pills , #accordion-tabs .nav-tabs {
        display: flex;
    }
    
    #accordion-tabs .card {
        border: none;
    }
	
	#accordion-tabs .card-body {
			padding: 0;
		}

    #accordion-tabs .card .card-header {
        display:none;
    }  

    #accordion-tabs .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    #accordion-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
}

/*------------------- TABLE FONT SIZES oN MOBILE ---------------------*/

@media (max-width: 595px){
.table-outer-moblie {font-size: .75em;}
}