/*================================================
B3 - ADJUST - 111416 - 062122
================================================*/

/* NAME: adjust.css */
/* LOCATION: http://luc.edu/media/luc.edu/b3/css/ */
/* PURPOSE: styles global B3 - 111416 */
/* EXAMPLE: http://www.luc.edu/ */

/*================================================
================================================*/

/*===============================================================
COLOR - TYPE
===============================================================*/

.white, .white a						{ color: #fff; }
.maroon, .maroon a					{ color:#680013; }
.gold, .gold a							{ color: #eeb111; }
.gray-light, .gray-light a	{ color: #ccc; }
.gray-mid, .gray-mid a			{ color: #525252; }
.gray-dark, .gray-dark a		{ color:#272727; }



/*===============================================================
COLOR - BACKGROUND - GLOBAL
===============================================================*/

.none 							{ background-color: rgba(0,0,0,0); }
.bg-white						{ background-color: #fff; }
.bg-gray-light			{ background-color: #eee; }
.bg-gray 						{ background-color: #ccc; }
.bg-gray-mid 				{ background-color: #525252; }
.bg-gray-dark				{ background-color: #272727; }
.bg-gray-dark-grid	{ background-color: #272727; background-image: url('/media/lucedu/patternlibrary/images/sprites/image-gallery-grid.png'); }
.bg-glass 					{ background-color: #f3f2e9; }
.bg-gold						{ background-color: #eeb111; }
.bg-gold-dark				{ background-color: #d8bd50; }
.bg-maroon					{ background-color: #680013; }
.bg-maroon-dark			{ background-color: #680013; }
.bg-brick						{ background-color: #5d4046; }
.bg-stone						{ background-color: #615e58; }
.bg-patina					{ background-color: #60726e; }
.bg-smoke						{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); color:#fff; }
.bg-smoke-light			{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35); color:#fff; }



/*===============================================================
OVERRIDES
===============================================================*/

a, a:hover {
	color: #680013;
	text-decoration: none;
	-webkit-transition: color background-color .5s ease;
	-moz-transition: color background-color .5s ease;
	-o-transition: color background-color .5s ease;
	transition: background .5s ease;
}

.btn, #nav-box a.btn.btn-navbar {
	-webkit-transition: background-color .5s ease;
	-moz-transition: background-color .5s ease;
	-o-transition: background-color .5s ease;
	transition: background .5s ease;
}

.form-control:focus {
  border-color: #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#cta.container-fluid .col-md-8
#cta.container-fluid .col-md-4,
#footer-address .col-sm-9 { float: left; }

.left { float: left; }

.right { float: right; }

.relative { position: relative; }

.font-increased-150 { font-size: 150%; }

.col-padding-add { padding: 10px 25px 15px; }

.module { margin: 10px 0; }

/*===============================================================
BEHAVIOR
===============================================================*/

/* CARET - CARET ROTATION */

.input-group-btn.links.open .dropdown-toggle i.glyphicon.glyphicon-chevron-right,
.btn-group.open .dropdown-toggle.cta i.glyphicon.glyphicon-chevron-right {
	color: #FFFFFF;

	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	/* WebKit */
	-webkit-transition: all .15s ease;
	/* Firefox */
	-moz-transition: all .15s ease;
	/* Opera */
	-o-transition: all .15s ease;
	/* Standard */
	transition: all .15s ease;
}

.input-group-btn.links.open .dropdown-toggle i.glyphicon.glyphicon-chevron-right { color: #272727; }

.affix-nav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	background-color: rgba(0,0,0,.85);
}

@media ( max-width : 768px ) {

#footer .affix-nav {
	position: relative !important;
	display: block;
	width: auto;
	background-color: rgba(0,0,0,0);
}

.affix-nav:first-of-type {
	background-color: rgba(0,0,0,.85);
}


}



/*===============================================================
FONTS
===============================================================*/

.antenna { font-family: "Antenna", sans-serif !important; font-weight: normal; }

.antenna-black { font-family: "Antenna Black", sans-serif !important; font-weight: 700; }



/*===============================================================
BUTTONS
===============================================================*/

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] { background-color: #680013; }

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .cta {
    font-size: 11px;
}

/* 5 BUTTONS */

.col-span-20 .btn { padding-top: 6px; padding-bottom: 4px; }

.col-span-20 .btn-group button.btn { padding: 6px 10% 4px; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 5% 4px; }

/* 4 BUTTONS */

.col-span-25 .btn { padding-top: 6px; padding-bottom: 4px; }

.col-span-25 .btn-group button.btn { padding: 6px 10% 4px; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 5% 4px; }

.cta, a.btn.cta {
	margin: 0 0 0 10px;
	font-family: "Antenna", "museo-sans", "Arial", sans-serif;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;color: #EEE;
	text-decoration: none;
	text-shadow: none;
	background-color: #680013;
	background-image: none;
	border-bottom-color: #272727;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	outline: none;
}

.cta:hover, .btn-group .cta:hover,
.cta:active, .btn-group .cta:active,
.cta:visited, .btn-group .cta:visited {
	color: #FFF;
	background-color: #5C131F;
}



/*===============================================================
HEADER
===============================================================*/

#header {
	margin: 0;
	padding: 30px 0 20px;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 2px 2px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 2px 2px 0px rgba(0, 0, 0, 0.35);
	z-index: 10002;
}

#header h5 {
	margin-top: -20px;
	font-size: 10px;
	font-weight: normal;
	color: #272727;
	text-transform: uppercase;
}

#header #wordmark-wrapper, #header #global-form-wrapper { min-height: 60px; }

#header img#wordmark.img-responsive { margin-top: 0; margin-bottom: 0; height: auto; width: auto !important; }

@media all and ( min-width : 300px ) and ( max-width : 415px ) { #header img#wordmark.img-responsive { height: auto; width: 100% !important; } }

#header input.form-control { border-radius: 0 !important; }



/*===============================================================
SUB-HEADER
===============================================================*/

#sub-header.jumbotron { margin: 0; padding: 0; background-color: rgba(0,0,0,0) !important; }

#sub-header #masthead { margin: 0; padding: 30px 0 20px; border-bottom: solid 1px #272727; }

#sub-header #masthead h2.label-chapter.display {
	margin: 0;
	padding: 0;
	font-family: "Antenna Bold", sans-serif !important;
	font-size: 	3em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: .015em;
	line-height: 1;
	color: #cccccc !important;
}

#sub-header #masthead h2.label-chapter.display a { color: #cccccc !important; }

#sub-header #masthead h5.label { margin: 0 0 20px 0; line-height: 1; }


/*===============================================================
NAV-BOX - SUB-NAV - MEDIA QUERIES
===============================================================*/

.homenav { display: block; }

.subnave { display: none; }

/* #nav-box.homenav, #nav-box.subnave { margin-top: 115px; } */

#nav-box.homenav a.btn.btn-navbar, #nav-box.subnave a.btn.btn-navbar { display: none; }

#subsite-nav #nav li { margin-top: 0; }


@media all and ( min-width : 737px ) and ( max-width : 768px ) {

#nav-box.homenav, #nav-box.subnave { margin-top: 0px; }

#nav-box ul#nav.nav.navbar-nav { display: none; }

#nav-box.homenav a.btn.btn-navbar, #nav-box.subnave a.btn.btn-navbar { display: block; }

}

@media all and ( min-width : 300px ) and ( max-width : 736px ) {

#nav-box.homenav, #nav-box.subnave { margin-top: 0px; }

#nav-box.homenav a.btn.btn-navbar, #nav-box.subnave a.btn.btn-navbar { display: block; }

}



/*===============================================================
MAIN-WRAPPER - WRAPS FROM HEADER TO FOOTER
===============================================================*/

#main-wrapper {
/*
	margin-top: -40px;
	padding-top: 60px;
*/
	background-color: #fff;
	background: url('/media/autopublish/bg-water.jpg') no-repeat scroll 0 0;
	background-color: #e2e2e2;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#main-wrapper.jumbotron {
	margin-bottom: 0;
	padding: 30px 0 0 0;
	min-height:100%;
}

@media all and ( min-width : 300px ) and ( max-width : 736px ) { #main-wrapper.jumbotron { padding: 0; } }



/*===============================================================
MAIN-CONTENT - WRAPS PAGE CONTENT
===============================================================*/

#main-content { padding: 40px 0; }

/*
#main-content {
	display: block !important;
	margin-top: 155px;
	margin-bottom: 35px;
	min-height: 300px;
	height: 100%;
	background-color: rgba(0,0,0,0,);
}


@media all and ( min-width: 981px ) and ( max-width: 1024px ) {

#main-content { display: block !important; margin-top: 150px; }

}

@media all and ( min-width : 768px ) and ( max-width: 1023px ) {

#main-content { display: block !important; margin-top: 150px; }

}

@media all and ( min-width : 300px ) and ( max-width : 767px ) {

#main-content { display: block !important; margin-top: 15px; margin-bottom: 40px; }

}

@media all and ( min-width : 300px ) and ( max-width : 360px ) {

#main-content { margin-top: 10px; }

}
*/


/*===============================================================
CONTENT-WRAPPER - WRAPS PAGE CONTENT
===============================================================*/

#content-wrapper { padding-top: 60px; padding-bottom: 60px; }



/*===============================================================
NAVS
===============================================================*/

/* MAIN NAV */

nav#nav-box { border-top: solid 1px #525252; }

nav#nav-box, #footer-links { min-height: 30px; }

nav#nav-box a, #footer-links a {
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 15px 7px;
	width: 100%;
	font-family: "Antenna", sans-serif;
	font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
	letter-spacing: 0.5px;
	color: #eeeeee;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 20;
}

nav#nav-box a:hover, #footer-links a:hover { color: #FFFFFF; background-color: #272727; }

nav#nav-box ul li a, #footer-links ul li a { border-left: 1px solid #888888; }

nav#nav-box ul li ul.multilevel-linkul-0 {
	visibility: hidden;
	opacity: 0;
  position: absolute;
  top: 33px;
  left: 1px;
  margin: -4px 0 0;
  padding: 0 15px 15px;
  width: 220px;
	line-height: 1;
  list-style: outside none none;
  box-shadow: 0 2px 3px rgba(50, 50, 50, 0.5);
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  z-index: 9999;
  -webkit-transition: visibility 0.5s ease, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease, opacity 0.5s ease;
	transition: visibility 0.5s ease, opacity 0.5s ease;
}

nav#nav-box ul li:hover ul.multilevel-linkul-0,
#footer-links ul li:hover ul.multilevel-linkul-0 { visibility: visible; opacity: 1; }

nav#nav-box ul li ul.multilevel-linkul-0 li a,
#footer-links ul li ul.multilevel-linkul-0 li a {
	margin: 0;
	padding: 8px 0;
	width: 100%;
	font-family: "Antenna", "museo-sans", "Arial", sans-serif;
	color: #cccccc;
	text-transform: none;
	border-left: 0 none;
	border-bottom: solid 1px #626262;
  -webkit-transition: visibility 0.5s ease, opacity 0.5s ease;
	-moz-transition: visibility 0.5s ease, opacity 0.5s ease;
	-o-transition: visibility 0.5s ease, opacity 0.5s ease;
	transition: visibility 0.5s ease, opacity 0.5s ease;
}

nav#nav-box ul li ul.multilevel-linkul-0 li a:hover { color: #ffffff; }

nav#nav-box ul li ul.multilevel-linkul-0 li:last-child a,
#footer-links ul li ul.multilevel-linkul-0 li:last-child a { border-bottom: 0 none !important; }

nav#nav-box ul li ul.multilevel-linkul-0 li a:hover,
#footer-links ul li ul.multilevel-linkul-0 li a:hover { background-color: rgba(0,0,0,0); }

nav#nav-box.homenav #subsite-nav ul li ul li { width: 100%; }

#footer-links ul li, #footer-links ul li ul.multilevel-linkul-0 li { margin: 0; width: 100%; } /* might need 110% for mobile */

#footer-links ul li ul.multilevel-linkul-0 {
  margin: 0;
  padding: 0;
  width: 100%;
	line-height: 1;
  list-style: outside none none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  overflow: hidden;
  z-index: 9998;
}

#footer-links a.nav2-toggle { font-size: 1em; text-align: right; }


/* NAV TOGGLE - NAV-BOX */

.close { display: none; }

ul.nav li, .mobile-main-nav li { list-style: none; list-style-image: none; }

#subsite-nav { position: relative; }

#subsite-nav, #subsite-nav ul, .mobile-main-nav ul {
  line-height: 1;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.mobile-main-nav ul {
  margin: 0 0 20px 0;
}

#subsite-nav ul li, #subsite-nav ul li a {
  float: left;
  font-family: "Antenna Light", "museo-sans", "Arial";
  font-style: normal;
  margin-bottom: 0;
}

#subsite-nav ul li a { border-left: 1px solid #676767; font-size: 11px; }

#nav-box.homenav #subsite-nav, #nav-box.homenav .navbar, #nav-box .navbar {
	margin-top: -1px !important;
	margin-bottom: -2px !important;
	overflow: visible;
	min-height: 0px !important;
}

#nav-box.subnave .navbar, #nav-box.subnave .navbar .navbar { min-height: 0 !important; border: 0 none; background-color: rgba(0,0,0,0); }

#nav-box a.btn.btn-navbar {
	float: right;
	padding: 3px 8px 2px;
	color: #EEE;
	background-color: #680013;
}

#nav-box a.btn.btn-navbar:hover { background-color: #680013; }

.navbar .btn, .navbar .btn-group { margin-top: 7px; margin-bottom: 5px; }


/* GLOBAL NAV */

nav#global.navbar { margin: 0; padding: 0 15px; min-height: 30px; border-radius: 0px; }

nav#global.navbar.navbar-inverse { background-color: rgba(0,0,0,0); border-width: 0; border: none; }

nav#global ul#global-links li a {
	padding: 0 6px;
  color: #999999;
  font-family: "Antenna Light", "museo-sans", "Arial", sans-serif;
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: .5px;
  text-transform: uppercase;
}

nav#global ul#global-links li a:hover { color: #680013; }

nav#global ul#global-links li:first-child a { padding-left: 0; }



/*===============================================================
GLOBAL - FORM - DROPDOWN
===============================================================*/

#global-form { position: absolute; bottom: 0; width:100%; }

#footer-global-form { margin: 10px 0 40px; }

#search-button-position { margin-left: 10px; }

#global-form button.btn, #footer-global-form button.btn, #global-dropdown-gray button.btn {
	min-height: 25px;
	color: #272727;
	font-family: "Antenna", "museo-sans", "Arial", sans-serif;
	font-size: 9.75px;
	letter-spacing: 1px;
	text-align: left;
	text-shadow: none;
	text-transform: uppercase;
}

#global-form .input-group.search-wrapper { width: 100%; float: right; }

#footer-global-form .input-group.search-wrapper { width: 100%; float: left; }

#global-form input, #footer-global-form input { float: left; margin: 2% 0%; width: 100%; height: 25px; }

#global-form .input-group.search-wrapper span.input-group-btn.search { width: 9%; }

#global-form a.btn, #footer-global-form a.btn,  #global-dropdown-gray a.btn { float: right; }

#global-form .btn, #footer-global-form .btn,  #global-dropdown-gray .btn { border: 0 none; background-color: #CCCCCC; }

#global-form .btn:hover, #footer-global-form .btn:hover,  #global-dropdown-gray .btn:hover { border: 0 none; }

#global-form .links .btn,  #global-dropdown-gray .btn {
	border: 0 none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#global-form .search .btn, #footer-global-form .btn {
	width: 100%;
	border: 0 none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-image: url('/media/home/images/search-icon-gray-small.png');
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: 45% 50%;
}

#global-form.btn-group-sm > .btn, #global-form .btn-sm,
#footer-global-form.btn-group-sm > .btn,
#footer-global-form .btn-sm,
#global-dropdown-gray.btn-group-sm > .btn, #global-dropdown-gray.btn-sm { padding: 3px 8px; }

#global-form ul.dropdown-menu,
#global-dropdown-gray ul.dropdown-menu {
	position: absolute;
  top: 34px;
  left: 1px;
  margin: -2px 0 0;
  padding: 0px 15px 15px;
  width: 220px;
  max-height: 500px;
  overflow-y: scroll;
	overflow-x: hidden;
  font-family: "Antenna", "museo-sans", "Arial", sans-serif;
	line-height: 1;
  list-style: outside none none;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 2px 3px rgba(50, 50, 50, 0.5);
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  z-index: 10001;
  -webkit-transition: visibility 0s, opacity 0.5s ease;
	-moz-transition: visibility 0s, opacity 0.5s ease;
	-o-transition: visibility 0s, opacity 0.5s ease;
	transition: visibility 0s, opacity 0.5s ease;
}

#global-form ul.dropdown-menu, #global-dropdown-gray ul.dropdown-menu { margin-top: -5px; }

#global-form ul.dropdown-menu, #global-dropdown-gray ul.dropdown-menu  { padding-left: 0; }

#global-form ul.dropdown-menu li, #global-dropdown-gray ul.dropdown-menu {
	margin: 0;
  padding: 8px 0 8px 0;
  width: 100%;
	font-size: 12px;
	color: #EEEEEE;
  text-transform: none;
  list-style: outside none none;
  border-bottom: 1px solid #626262;
  border-left: 0 none;
  overflow: hidden;
}

#global-form ul.dropdown-menu  li a, #global-dropdown-gray ul.dropdown-menu  li a { text-decoration: none; background-color: rgba(0,0,0,0); }

#global-form ul.dropdown-menu  li a:hover, #global-dropdown-gray ul.dropdown-menu  li a:hover { color: #FFFFFF; text-decoration: none; background-color: rgba(0,0,0,0); }

#global-form ul.dropdown-menu  li a, #global-dropdown-gray ul.dropdown-menu  li a { color: #cccccc; }

#global-form .form-control, #footer-global-form .form-control {
  font-size: .875em;
  line-height: 1.42857;
  padding: 6px 12px;
  text-transform: none;
  letter-spacing: .5px;
  border-radius: 0;
}

#global-form ul.dropdown-menu  ul.first-of-type { margin-top: 0; }

#global-form ul.dropdown-menu  ul.second-of-type { margin-top: 30px; }



/*===============================================================
CTA - DROPDOWN
===============================================================*/

#cta { background-color: #AAA; z-index: 10001; }

#cta.container-fluid ul.dropdown-menu {
	position: absolute;
  top: 30px;
  left: 1px;
  margin: -2px 0 0;
  padding: 0px 15px 15px;
  width: 220px;
  font-family: "Antenna", "museo-sans", "Arial", sans-serif;
	line-height: 1;
  list-style: outside none none;
  border: 0 none;
  border-radius: 0;
  box-shadow: 0 2px 3px rgba(50, 50, 50, 0.5);
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  z-index: 10001;
  -webkit-transition: visibility 0s, opacity 0.5s ease;
	-moz-transition: visibility 0s, opacity 0.5s ease;
	-o-transition: visibility 0s, opacity 0.5s ease;
	transition: visibility 0s, opacity 0.5s ease;
}

#cta.container-fluid ul.dropdown-menu li a { padding: 8px 0; }

#cta.container-fluid ul.dropdown-menu li a {
	margin: 0;
  padding: 8px 0 8px 0;
  width: 100%;
	font-size: 12px;
	color: #EEEEEE;
  text-transform: none;
  list-style: outside none none;
  border-bottom: 1px solid #626262;
  border-left: 0 none;
}

#cta.container-fluid ul.dropdown-menu li a { text-decoration: none; background-color: rgba(0,0,0,0); }

#cta.container-fluid ul.dropdown-menu li a:hover { color: #FFFFFF; text-decoration: none; background-color: rgba(0,0,0,0); }

#cta.container-fluid i.glyphicon.glyphicon-chevron-down { top: 2px; left: 25%; }


/*===============================================================
CTA - COLUMNS
===============================================================*/

#cta { padding: 20px 0; }

/* 5 BUTTONS */

.col-span-20 { float: left; display: inline; margin: 0 1%; width: 18%; }

.col-span-20:first-of-type { float: left; display: inline; margin: 0 1% 0 0; width: 18%; }

.col-span-20 .btn-group, .col-span-20 a button.btn.cta { min-width: 100%; width: 100%; margin: 0; }

.col-span-20 .btn-group button.btn { min-width: 80%; width: 80%; }

.col-span-20 .btn-group button.dropdown-toggle { min-width: 20%; width: 20%; }

.col-span-20 .btn-group button.btn, .col-span-20 button.btn { padding: 6px 10%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 5%; }

/* 4 BUTTONS */

.col-span-25 { float: left; display: inline; margin: 0 1%; width: 21%; }

.col-span-25:first-of-type { float: left; display: inline; margin: 0 1% 0 0; width: 21%; }

.col-span-25 .btn-group, .col-span-25 a button.btn.cta { min-width: 100%; width: 100%; margin: 0; }

.col-span-25 .btn-group button.btn { min-width: 80%; width: 80%; }

.col-span-25 .btn-group button.dropdown-toggle { min-width: 20%; width: 20%; }

.col-span-25 .btn-group button.btn, .col-span-25 button.btn { padding: 6px 10%; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 5%; }



/*===============================================================
SOCIAL
===============================================================*/

#cta ul#social { display: block; float: left; }



/*===============================================================
FOOTER
===============================================================*/

footer#footer { display: none; }

#footer-content { width: 100%; }

#footer-content #footer-address a.logo-tag { float: right; width: 85%; }

#footer-address { padding: 20px 0 30px; }

#footer-address .vcard { font-size: 13px; }

#footer-global-form input.form-control { border-radius: 3px 0 0 3px !important; }


/*===============================================================
MEDIA QUERIES
===============================================================*/


@media all and ( min-width: 990px ) and ( max-width: 1200px ) {

/* 5 BUTTONS */

#cta > div > div > div.col-md-9 { min-width: 100% !important; }

.col-span-20 { float: left; display: inline; margin: 0 1%; width: 18%; }

.col-span-20:first-of-type { float: left; display: inline; margin: 0 1% 0 0; width: 18%; }

.col-span-20 .btn-group, .col-span-20 a button.btn.cta { min-width: 100%; width: 100%; margin: 0; }

.col-span-20 .btn-group button.btn { min-width: 80%; width: 80%; }

.col-span-20 .btn-group button.dropdown-toggle { min-width: 20%; width: 20%; }

.col-span-20 .btn-group button.btn, .col-span-20 button.btn { padding: 6px 10%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 5%; }

}


@media all and ( min-width: 415px ) and ( max-width: 990px ) {

button.btn.cta span.apply,
button.btn.cta .visit,
button.btn.cta span.info,
button.btn.cta span.give { display: none; }

}


@media all and ( min-width: 415px ) and ( max-width: 990px ) {

/* 5 BUTTONS */

.col-span-20 { float: left; display: inline; margin: 0 1%; width: 18%; }

.col-span-20:first-of-type { float: left; display: inline; margin: 0 1% 0 0; width: 18%; }

.col-span-20 .btn-group, .col-span-20 a button.btn.cta { min-width: 100%; width: 100%; margin: 0; }

.col-span-20 .btn-group button.btn { min-width: 80%; width: 80%; }

.col-span-20 .btn-group button.dropdown-toggle { min-width: 20%; width: 20%; }

.col-span-20 .btn-group button.btn, .col-span-20 button.btn { padding: 6px 10%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 5%; }

}



@media all and ( min-width: 981px ) and ( max-width: 1024px ) {

nav#global ul#global-links li a { font-size: 9px; }

#cta.container-fluid .col-md-4 { float: right; width: auto; }

#cta.container-fluid i.glyphicon.glyphicon-chevron-down { top: 2px; left: 0px; }

#social { float: left !important; }

}


@media all and ( min-width : 768px ) and ( max-width: 1023px ) {

#wordmark { top: 10px; }

#header h1 { margin-top: -15px; }

nav#global ul#global-links li a { font-size: 9px; }

/* nav#global ul#global-links li:first-child { display: none; } */

#global-form .input-group.search-wrapper { width: 100%; float: right; }

#cta.container-fluid .col-md-8, #cta.container-fluid .col-md-4 { width: 100%; }

#cta.container-fluid .col-md-4 { float: left; margin: 20px 0 0 0; width: auto; }

/* FOOTER */

}


@media all and ( max-width : 768px ) {

#nav-box.homenav { padding-left: 15px; padding-right: 15px; }

}


@media all and ( min-width : 481px ) and ( max-width : 736px ) {

/* 5 BUTTONS */

.col-span-20 .btn-group button.btn { padding: 6px 12px; min-width: 80%; width: 80%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 20%; width: 20%; }

/* 4 BUTTONS */

.col-span-25 .btn-group button.btn { padding: 6px 12px; min-width: 80%; width: 80%; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 20%; width: 20%; }

}

@media all and ( min-width : 300px ) and ( max-width : 479px ) {

/* 5 BUTTONS */

.col-span-20 .btn-group button.btn { padding: 6px 12px; min-width: 88%; width: 88%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 12%; width: 12%; }

/* 4 BUTTONS */

.col-span-25 .btn-group button.btn { padding: 6px 12px; min-width: 88%; width: 88%; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 12%; width: 12%; }

}


@media all and ( min-width : 300px ) and ( max-width : 767px ) {

/* HEADER */

body { padding-top: 0; }

#header.jumbotron.navbar-fixed-top { position: relative; }

#wordmark { top: 10px; }

#header { padding: 20px 15px 0; height: auto; }

#header .container { padding: 0 0 10px; }

#header #global-form-wrapper { display: none; }

#header #global-form-wrapper { min-height: 30px; }

img#wordmark.img-responsive { max-width: 305px; height: auto; }

#nav-box.fullbleed.navbar-fixed-top { position: relative; }


/* GLOBAL */

#global { display: none; }

#global-form { float: left; margin-top: 0px; width: 100%; }

#global-form .input-group.search-wrapper { width: 100%; }

#global-form input { height: 24px; }

#global-form .input-group-btn.links { display: none; }


/* CTA */

#cta #social-wrapper { float: left; margin-top: 30px; }

#cta ul#social { float: left !important; }

/* 5 BUTTONS */

.col-span-20, .col-span-20:first-of-type { display: block; margin: 10px 0 0 0; width: 100%; }

.col-span-20 .btn-group button.btn, .col-span-20 button.btn { padding: 6px 14px; min-width: 92.5%; width: 92.5%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 14px; min-width: 7.5%; width: 7.5%; }

.col-span-20 .btn-group.open button.dropdown-toggle { margin-left: 0; padding-left: 14px; padding-right: 14px; }

/* 4 BUTTONS */

.col-span-25, .col-span-25:first-of-type { display: block; margin: 10px 0 0 0; width: 100%; }

.col-span-25 .btn-group button.btn, .col-span-25 button.btn { padding: 6px 14px; min-width: 92.5%; width: 92.5%; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 14px; min-width: 7.5%; width: 7.5%; }

.col-span-25 .btn-group.open button.dropdown-toggle { margin-left: 0; padding-left: 14px; padding-right: 14px; }

#cta.container-fluid ul.dropdown-menu { left: 0; width: 100%; }


/* FOOTER */

footer#footer { display: block; }

#footer-content { display: block; position: absolute; bottom: 0; }

#footer ul#nav li a, #footer ul#nav li a:hover { border-left: 0 none; background: transparent; }

#footer-address { font-size: 12px; }

#footer-global-form input.form-control { margin: 0; }

#footer-global-form .btn { background-size: 85% !important; }

}


@media all and ( min-width : 300px ) and ( max-width : 480px ) {

/* 5 BUTTONS */

.col-span-20 .btn-group button.btn { padding: 6px 14px; min-width: 91%; width: 91%; }

.col-span-20 .btn-group button.dropdown-toggle,
.col-span-20 .btn-group.open button.dropdown-toggle { padding: 6px 2%; min-width: 9%; width: 9%; }

/* 4 BUTTONS */

.col-span-25 .btn-group button.btn { padding: 6px 14px; min-width: 91%; width: 91%; }

.col-span-25 .btn-group button.dropdown-toggle,
.col-span-25 .btn-group.open button.dropdown-toggle { padding: 6px 2%; min-width: 9%; width: 9%; }

}


@media all and ( min-width : 300px ) and ( max-width : 360px ) {

#wordmark { top: 0px; }

#header img.img-responsive { width: 78%; max-width: 78%; }

#header #wordmark-wrapper, #header #global-form-wrapper { min-height: 50px; }

#global-form { float: left; margin-top: 10px; width: 100%; }

#global-form .input-group.search-wrapper { width: 100%; }

/* 5 BUTTONS */

.col-span-20 .btn-group button.btn { padding: 6px 12px; min-width: 88%; width: 88%; }

.col-span-20 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 12%; width: 12%; }

/* 4 BUTTONS */

.col-span-25 .btn-group button.btn { padding: 6px 12px; min-width: 88%; width: 88%; }

.col-span-25 .btn-group button.dropdown-toggle { padding: 6px 2%; min-width: 12%; width: 12%; }

}


@media all and ( min-width : 300px ) and ( max-width : 768px ) {

/* FOOTER */

.nav > li.close { display: none !important; }

#footer-content { position: relative; width: 100%; }

footer#footer { display: block; }

footer#footer { padding-top: 50px; }

#footer-links #nav { margin: 0; width: 100%; }

#footer-links a, #footer-links a.nav-toggle[style] { margin: 0!important; padding: 8px 0; }

#footer-links a.nav-toggle { font-size: 16px; text-align: right; }

#footer-links ul li { width: 100%; border-bottom: solid 1px #888888; }

#footer-links ul li:last-child { border-bottom: 0 none; }

#footer-links ul li a { margin: 0; width: 50%; border-left: 0 none; outline: 0 none; }

#footer-links a.nav-toggle:visited, #footer-links a.nav-toggle:focus { background-color: transparent; }

#footer-links .mobile-main-nav li a:hover { background-color: rgba(0,0,0,0); }

#footer-address .col-sm-3 { display: none; }

.go-to-top[style] { left: 15px !important; }

/*JMD-Steve you may want to fix this, but added this to change bar from div to nav*/

nav#nav-box a, #footer-links a {width:auto; margin-top: 7px; margin-bottom: 5px; margin-left:10px;}

}


@media all
and (max-device-width : 736px)
and (min-device-width : 360px)
and (orientation : portrait) {

#header h1 { margin-top: -15px; }

#wordmark { top: 5px; }

#header img.img-responsive { width: 75%; max-width: 75%; }

}


@media all
and (max-device-width : 736px)
and (min-device-width : 360px)
and (orientation : landscape) {

#header h1 { margin-top: -10px; }

#wordmark { top: 10px; }

}

@media all
and (max-width : 320px)
and (orientation : portrait) {

.module { width: 100%; }

.col-padding-add { padding: 10px 20px 15px; width: 100%; }

}

/* END - CSS */