@import 'head.css';

/***********************************************/
/*              Global Color Codes             */
/***********************************************/ 
/*  #46166B - Purple
    #2D0C49 - Dk Purple
    #DB9F11 - Gold
    #8E6912 - Dk Gold
    #5F6062 - Grey
    #11C1D6 - Arts & Sciences
    #BA2C2F - Nursing
    #A25A45 - Business
    #43A447 - Education
*/


body {
  color: #444;
  background-color:#f3f3f3;
  padding-top:0;
  font-family: Verdana;
}

/* Brand the selection */
::-moz-selection { color: #46166b;  background: #edcf88; }
::selection      { color: #46166b;  background: #edcf88; }

a {color:#8E6912;}
a:active, a:hover {color:#db9f11;}

.btn-warning {
color: #fff;
background-color: #db9f11;
border: none;
}

.btn-warning:hover {
background-color: #8E6912;
border: none;
}

.internal {height:32px;border-bottom: 1px solid #5f6062;

background-image: -webkit-gradient(
    linear,
    left bottom,
	right bottom,
	color-stop(0.04, #2D0C49),
	color-stop(0.32, #46166B),
	color-stop(1, #2D0C49)
);
background-image: -o-linear-gradient(right, #2D0C49 4%, #46166B 32%, #2D0C49 100%);
background-image: -moz-linear-gradient(right, #2D0C49 4%, #46166B 32%, #2D0C49 100%);
background-image: -webkit-linear-gradient(right, #2D0C49 4%, #46166B 32%, #2D0C49 100%);
background-image: -ms-linear-gradient(right, #2D0C49 4%, #46166B 32%, #2D0C49 100%);
background-image: linear-gradient(to right, #2D0C49 4%, #46166B 32%, #2D0C49 100%);
}

.internal #q, .inside #q {height:18px;padding:0 0 0 5px;font-size: 10px;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { height:18px; }
.glyphicon { top: 0px; }

.internal div {margin-top:-8px;}
.internal .navbar-text {padding-top:30px;color:#fff;font-size:.8em;}
.internal .navbar-text a {color:#fff;}
.internal .navbar-text a:hover, .internal .navbar-text a:active {color:#db9f11;text-decoration: none;}

.ui-input-text.ui-body-inherit.ui-corner-all.ui-shadow-inset {
	margin-top:0px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-wrapper {margin-top:-50px;}
.navbar-default {
	background-color: #2d0c49;
	border-color: #e7e7e7;
	border:none;
}
.navbar-default .navbar-brand {
	color: #fff;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	font-size:1.25em;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #db9f11;
}

.navbar-wrapper .navbar { border-radius: 0; }
.navbar-form {border: none;margin-top: 2px;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	padding: 0;position:relative;top:14px;left:15px;
}

.glyphicon-chevron-down:before { font-size: 0.5em; }

.img-responsive.logo {width: 60%;margin-top:-7px;}

.nav {margin-bottom:1px;}
.nav>li>a:hover, .nav>li>a:focus {background-color: #db9f11;}
.nav-tabs {border-bottom: none;}
.nav-tabs>li>a {border-radius: 0;}
.nav-tabs a {color: #ffffff;background-color: #444;border-bottom: none;border-top: none;border-color: #EEEBE4;font-weight: bold;font-size: 1.25em;text-align:center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff;background-color: #db9f11;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color: #db9f11;background-color: transparent;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color: transparent;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.carousel {
  margin-top: 32px;
  margin-bottom: 10px;
}

.carousel-caption {
/* right: 15%; */
width:32%;
left:55%;
text-align: right;
}

.carousel-caption p a.btn {
    white-space: normal;
}

.carousel-inner > .item > img {
  min-width: 100%;
}

#myCarousel {
  margin-top:32px;margin-bottom:1px;
}

#myCarousel .carousel-indicators, #theCarousel .carousel-indicators {text-align: right;margin-left: -100px;margin-bottom: 0px;}

#majors {
  background-color: #46166b;
  background-image: url(https://www.una.edu/images/2016/01/ariel-fountain.jpg);
  background-size: cover;
  background-position: center center;
}

#majors .row {
  padding-bottom: 45px;
  padding-top: 20px;
}

#majors h2, #majors h2 a {
	color: #fff;
	font-weight:bold;
	text-shadow: 2px 2px 5px #000000;
}

#majors h2.page-header {
	border-bottom:none;
	text-align:center;
	text-shadow: 2px 2px 5px #000000;
}

#majors .glyphicon-search {
	top: 3px;
}

#majors .view-all {
	margin-top: 15px;
}

#majors .view-all .btn {
	width: 100%;
}

.steps {
	margin-bottom: 45px;
}

.steps h2, #programs-calendar h2 {
	text-align:center;
	margin-bottom:30px;
}

#programs-calendar {
	padding-bottom: 40px;
}

/*
#programs-calendar img {
	min-width:100%;
	max-width:100%;
}
*/

#college
{
  background-color: #5f6062;
}

#college p
{
  color: #ffffff;
  padding-top: 9px;
  text-transform: capitalize;
  font-weight: bold;
}

#college p.department
{
  text-align: right;
}

/* LEFT-HAND COLUMN */
p.impact
{
  text-align: center;
  margin-bottom: 20px;
}

p.impact > img
{
  max-width: 100%;
}

#inside aside.sidebar-module > div.list-group > a.list-group-item:hover, #inside aside.sidebar-module > div.list-group > a.list-group-item:focus
{
  color: #444444;
}

#inside aside.sidebar-module > div.list-group > a.list-group-item.active, #inside aside.sidebar-module > div.list-group > a.list-group-item.active:hover, #inside aside.sidebar-module > div.list-group > a.list-group-item.active:focus
{
  background-color: #cccccc;
  border: none;
  border-left: 4px solid #db9f11;
  color: #444;
  font-weight:bold;
}

#inside .sidebar-module .sub a.list-group-item, #inside .sidebar-module .sub a.list-group-item:hover {
    border-left:4px solid #ccc;
    background-color:#ddd;
    padding-left:20px;
    color:#444;
}
#inside .sidebar-module .sub a.list-group-item.active {
    border:none;
    border-left: 4px solid #edcf88;
    background-color:#eee;
    font-style: italic;
    padding-left:20px;
}

#inside aside.sidebar-module > div.panel-default > div.panel-heading
{
  background-color: #cccccc;
}

#inside aside.sidebar-module > div.panel-default > div.panel-heading > h3
{
  font-weight: bold;
}

address > abbr[title='Phone']
{
  cursor: default;
  border: none;
}

#inside .mainContent {line-height: 2em;}
#inside .mainContent .page-header {border-color:#dedede;}

#inside .mainContent a {color:#8E6912;border-bottom:1px dotted #8E6912;}
#inside .mainContent a:active, #inside .mainContent a:hover {color:#db9f11;border-bottom:1px dotted #DB9F11;text-decoration:none;}

#inside .mainContent blockquote {border-color:#db9f11;background-color: #fff;font-style: italic;}
#inside .mainContent .highlight {
    background-color: #fff;
    font-style: italic;
    /* font-size:17.5px; */
    padding: 10px 20px;
    border-left: 5px solid #db9f11;
}
#inside .mainContent blockquote footer {background-color: transparent;}
#inside .mainContent small {font-style: italic;}

#inside .mainContent img.pull-left {margin-right:20px;margin-bottom:20px;margin-top: 20px;}
#inside .mainContent img.pull-right {margin-left:20px;margin-bottom:20px;margin-top: 20px;}


/* CUSTOMIZE THE JUMBOTRON
-------------------------------------------------- */
.container .jumbotron {padding-left: 0px;padding-right: 0px;}
.jumbotron, #inside .mainContent .jumbotron {padding-top: 0px;padding-bottom: 0px;}
.jumbotron img, #inside .mainContent .jumbotron img {margin:0 15px 0 0;border-right:1px solid #fff;width:100%;}
.jumbotron h1, .jumbotron .h1, #inside .mainContent .jumbotron h1, .jumbotron .h1 {font-size: 24px;font-weight:normal;margin-top:0;padding:15px 15px 0 0;color:#fff;}
.jumbotron p, #inside .mainContent .jumbotron p {font-size: 14px;font-weight: 200;color:#444;}

.calendar .btn-group-justified {border-top:8px solid #999;}
.calendar .btn-group-justified .btn {background-color: #dedede;font-weight: bold;color:#5f6062;}

.calendar .list-group-item, .news .list-group-item {
	background-color:transparent;
	border: none;
	clear:both;
}

.calendar .list-group-item a, .news .list-group-item a {color:#444;}

.news .list-group-item {margin-left: -15px;}

#news {
	margin-bottom: 25px;
}

#today p em {
	color:#999;
}

.calDate {
color: #444;
font-weight: bold;
font-size: 0.85em;
float: left;
text-align: right;
border-right: 1px solid #444;
padding-right: 7px;
margin-right: 10px;
margin-bottom: 15px;

}
.calDate span {
display: block;
color:#8E6912;
font-weight: normal;
font-size: 0.75em;
font-style: italic;
}

/* COLLEGE ID FOR INSIDE PAGES */
.general {background-color: #edcf88 !important;}
.general h1 {color:#46166b !important;}

.education {background-color: #d0e8d1 !important;}
.business {background-color: #e8d6d0 !important;}
.business h1 {color:#46166b !important;}

.nursing {background-color: #eecacb !important;}
/*.nursing p {color:#fff !important;}*/

.arts-sciences {background-color: #c3eff5 !important;}
.arts-sciences h1 {color:#46166b !important;}

/* CUSTOMIZE THE #myUNA AREA
-------------------------------------------------- */

#myuna {
    background-color: #444;
    background-image:none;
	margin-top:0;
	height:auto;
	padding-bottom: 35px;
}

#myuna h2 {
	text-align:center;
	color:#fff;
	font-weight: bold;
	margin-top:40px;
}

#myuna p {
	text-align:center;
	margin-top: 40px;
}

#myuna p .btn {
	margin-right: 5px;
	margin-top: 10px;
}

#myuna p .btn:last-child {
    margin-right:0;
}

#myuna .factoids {color:#fff;text-align:center;margin-top:25px;}
#myuna .factoids .bam {font-size:3.5em;font-weight:bold;color:#db9f11;}



.social {text-align: center;margin-top:20px;}
.social img {width:160px;margin-top:15px;}
.social a {text-decoration: none;}

.fa-twitter {color:#00aced;}
.fa-youtube {color:#b31217;}
.fa-instagram {color:#1c5380;}
.fa-facebook {color:#3b5998;}
.fa-google-plus {color:#dd4b39;}
.fa-linkedin {color:#007bb6;}

/* PHOTO ARCHIVE
-------------------------------------------------- */
#photos {
	padding-bottom: 50px;
	padding-top: 40px;
	background-color:#dedede;
}

#photos .peek {
	margin-bottom: 25px;
	text-align: center;
}

#photos .peek h2 {
	margin-left:15px;
}

.ratio {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 100% ; /* % of width, defines aspect ratio*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;  
}

/* FOOTER
-------------------------------------------------- */
footer {background-color:#333;color:#fff;}
footer .social-foot {border-bottom: 1px solid #5f6062;border-top: none;margin-bottom: 10px;}
footer .social-foot .glyphicon-globe {color:#fff;font-size:2em;margin-top:6px;margin-right:7px;}
footer .social-foot address {color:#fff;}
footer a {color:#fff;font-size: 1.2em;}

footer ul {list-style: none;}
footer ul li {margin-bottom: 20px;}

footer .copyright {font-style:italic; border-top:1px solid #5f6062;padding:5px 0 0 0;margin-bottom:50px;}

footer .facebook a, footer .twitter a, footer .foursquare a, footer .instagram a, footer .youtube a {margin:0 0 0 7px;}
footer .facebook:before {content:"";float:left;width:16px;height:16px;background:url(/images/icons/facebook.png);}
footer .twitter:before {content:"";float:left;width:16px;height:16px;background:url(/images/icons/twitter.png);}
footer .foursquare:before {content:"";float:left;width:16px;height:16px;background:url(/images/icons/foursquare.png);}
footer .instagram:before {content:"";float:left;width:16px;height:16px;background:url(/images/icons/instagram.png);}
footer .youtube:before {content:"";float:left;width:16px;height:16px;background:url(/images/icons/youtube.png);}


/* MISC
-------------------------------------------------- */
.row {padding-top:15px;}
.clearfix {clear:both;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/* crossover from 2012 styles */
.float-left {float:left;}
.float-right {float:right;}
img.imgright { float: right; padding: 1px; margin: 0 0 5px 10px;}
img.imgleft { float: left; padding: 1px; margin: 0 10px 5px 0;}
.full input, .full textarea {width:100%;}
.full input[type=radio], .full input[type=checkbox] {width:auto !important;margin-right:15px;}

/* Table styles */
table {
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
    font-size:14px;
}
tr>td {border: 1px solid #ddd;font-size:14px;padding: 8px;line-height: 1.42857143;vertical-align: top;color:#444;}
tr:nth-child(odd)>td {background-color: #f9f9f9;}

ul ol, ol ol {
    list-style-type: lower-alpha;
}
ul ul, ol ul {
	list-style-type: circle;
}
.mainContent > section:nth-of-type(1) {
    padding-left:0px;
    padding-right:0px;
}
.alert-danger {
    background-color: #ba2c2f;
	border-color: #ebccd1;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	margin-top: -10px;
}
.alert-danger .timestamp {
	font-style: italic;
	font-weight: normal;
	font-size: 0.75em;
}
.recruit {background-color:#db9f11;padding:5px 20px 5px 20px;color:#fff;}
.recruit:hover, .recruit:active {background-color:#fff;color:#46166b;text-decoration:none;}
.recruit span {color:#46166b;padding-right:7px;}

/* DIRECTORY STYLES */
.directory-search .alert-info {
	background-color: #f6e7c3;
	border-color: #edcf88;
	color: #444;
}
.employee.col-xs-1, .employee.col-sm-1, .employee.col-md-1, .employee.col-lg-1, .employee.col-xs-2, .employee.col-sm-2, .employee.col-md-2, .employee.col-lg-2, .employee.col-xs-3, .employee.col-sm-3, .employee.col-md-3, .employee.col-lg-3, .employee.col-xs-4, .employee.col-sm-4, .employee.col-md-4, .employee.col-lg-4, .employee.col-xs-5, .employee.col-sm-5, .employee.col-md-5, .employee.col-lg-5, .employee.col-xs-6, .employee.col-sm-6, .employee.col-md-6, .employee.col-lg-6, .employee.col-xs-7, .employee.col-sm-7, .employee.col-md-7, .employee.col-lg-7, .employee.col-xs-8, .employee.col-sm-8, .employee.col-md-8, .employee.col-lg-8, .employee.col-xs-9, .employee.col-sm-9, .employee.col-md-9, .employee.col-lg-9, .employee.col-xs-10, .employee.col-sm-10, .employee.col-md-10, .employee.col-lg-10, .employee.col-xs-11, .employee.col-sm-11, .employee.col-md-11, .employee.col-lg-11, .employee.col-xs-12, .employee.col-sm-12, .employee.col-md-12, .employee.col-lg-12 {
    padding-left:0;
}
.employee .panel-primary {
	border-color: #ccc;
}
.employee .panel-primary>.panel-heading {
	color: #46166b;
	background-color: #ccc;
	border-color: #ccc;
}
.employee .panel-title {
	font-weight: bold;
}
.employee .panel-title small {
	color: #444;
}

/* Off Canvas
-------------------------------------------------- */
@media screen and (max-width: 991px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -83%; /* 10 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -83%; /* 10 columns */
  }

  .row-offcanvas-right.active {
    right: 83%; /* 10 columns */
  }

  .row-offcanvas-left.active {
    left: 83%; /* 10 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 83%; /* 10 columns */
  }
  .row-offcanvas .btn-primary {
    color: #fff;
	background-color: #46166b;
	border-color: #2D0C49;
  }
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {  

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: -8px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

.navbar-right {

	/*margin-top: -18px;*/
}

.internal {height:32px;}
.internal .navbar-text {padding-top:10px;}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-top: -4px;
}

.img-responsive.logo {width: 100%;margin-top:0;}
#inside > div#college
{
  /* margin-top: 31px; */
}
.carousel {margin-top: 31px;}
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}



@media (min-width: 768px) and (max-width: 991px) {
	/*#main-nav {font-size: 0.5em;}*/
	.img-responsive.logo {width:80%;}
    .navbar-nav .open .dropdown-menu>li>a {color: #46166b;}

}
@media (max-width: 767px) {
    .carousel {
		margin-top: 42px;
	}
	.carousel-caption {
		width:42%;
		left:45%;
	}
	.carousel-caption p a {
    	margin-bottom: -60px;
    	font-size: 9px;
    	padding:3px;
 	}
     .navbar-link.recruit {font-size: 1.125em;border:1px solid #46166b;}
     .recruit {font-size: 0.75em;}
     .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
     .navbar-nav .open .dropdown-menu .dropdown-header {color:#db9f11;}
     navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {background-color:#666;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav>li>a {
		font-size: 1em;
	}
}


@media
print{
    #college, aside, footer {display:none;}
}