/* HEADER RELATED CSS 
august 2015 PC
*/

#boot .c-quicklinks .quicklinks-top {
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding: 20px 0px 16px;
}
#boot .c-quicklinks ul {
	width:340px;
}
#boot .c-quicklinks li {
	padding-bottom: 10px;
}
#boot a.btQuicklinks .quicklinks-arrow {


	margin-left:3px;
	transition: all 0.2s ease-in-out 0s;
		background:url('clientlibs/img/icons/arrow-white.svg'), none;
		background-size:12px auto;
		height:12px;
		width:12px;
		background-position:center center;
		background-repeat:no-repeat;
		display:inline-block;
		vertical-align:middle;
}
#boot a.btQuicklinks.active .quicklinks-arrow {
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
transition: all 0.2s ease-in-out 0s;
margin-top:2px;
}
#boot a.mobileNavbar .accordion-arrow i {transition: all 0.2s ease-in-out 0s;}
#boot a.mobileNavbar.collapsed .accordion-arrow i {
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
transform:rotate(-180deg);
transition: all 0.2s ease-in-out 0s;
}

@media (min-width:768px) {
#boot .top-links .concordia-logo a {
	background:url('clientlibs/img/logo-concordia-university.png') no-repeat scroll 0px 0px transparent;
	top:-28px;
	display:block;
	border:0px none;
	text-indent: -9999px;
	width:155px;
	height:37px;
	margin-top:10px;
}}

@media (max-width:767px) {
	#boot .top-links, #boot .new-header-buttons  {display:none;}
	#boot .header .btn-formbar {float:left;}
	#boot .header .search-icon-mobile  { 
		background:url('clientlibs/img/search-input.svg'); 
		background-color:#2d2d2d;
		background-size: 24px auto;
		background-repeat: no-repeat;
		background-position:center center;
		height:45px;
		} 
	#boot .header .mobile-menu, #boot .header .empty-menu, 
	#boot .header .hamburger-menu {background-color:#2d2d2d; border-top:6px solid #C9A859; }
	#boot .header .mobile-menu {border-top: 6px solid #932439;}
	#boot .header .hamburger-icon  { 
		background:url('clientlibs/img/icons/hamburger.svg'); 
		background-color:#2d2d2d;
		background-size: 24px auto;
		background-repeat: no-repeat;
		background-position:center center;
		height:45px;
		} 
	#boot .header .empty-menu {border-top:6px solid #0072a8; height:45px;}
	#boot .header .col-sm-4, #boot .header .col-xs-4 {padding:1px;}
	

#boot .top-links .concordia-logo a {
	background:url('clientlibs/img/logo_concordia_compact.svg') no-repeat scroll 0px 0px transparent;
	float:left;
	display:block;
	border:0px none;
	text-indent: -9999px;
	width:131px;
	height:21px;
}}
#boot .c-topnav.top-links .container .paranav {
	float:right;
}
#boot .header .new-header-buttons {
	right:0px;
	margin-top:12px;
	float:right;
	margin-bottom:20px;
}
#boot header h2.category-title {
	margin-top:13px;
	margin-bottom:17px;
	display:inline;
}
#boot .dropdown-menu {
	border:0px;
}


#boot .new-header-buttons ul.dropdown-menu {
	left:-320px;
}
#boot .subnav.nav > li > a {
	position:relative;
	/*float:none;*/
	padding:22px 14px;
	color:#bcbcbc;
	text-decoration:none;
	text-shadow: none !important;
	box-shadow:none;
	font: 16px/16px "GillSansMTPro";
	text-transform:uppercase;
}
#boot .subnav.nav > li > a:hover, #boot .subnav.nav > li > a:active {
	color: #0072a8
}
#boot .subnav.nav > li  {
	text-transform:none;
	font:15px/18px "Arial";
}
#boot .subnav.nav > li .dropdown-menu li a {
	font:14px/22px "Arial";
}
#boot .subnav.nav > li.dropdown:hover > a, 
#boot .subnav.nav > li.dropdown:hover > a:hover ,
#boot .subnav.nav > li.dropdown:hover > .dropdown-toggle, 
#boot .subnav.nav > li.dropdown.open > .dropdown-toggle, 
#boot .subnav.nav > li.dropdown.open.active > .dropdown-toggle {
	background-color: #fff;
	color:#0072a8;
}

#boot .subnav.nav > li.dropdown.active {
	/*background-color:#6e6e6e !important;*/
	color: #fff;
}
#boot .subnavigation .subnav li > #browseSubjectButton dropdown.active > a:hover {
	color: #fff;
	font-weight:bold;
}

#boot .subnav.nav > li.dropdown.active > a {
	background-color:#6e6e6e;
	color: #fff;
}
#boot .subnav.nav > li.dropdown.active > a:hover {
	background-color:#fff !important;
	color:#0072a8 !important;
}
#boot .header .header-search {
	background-color:#4d4d4d;
	color:#fff;
	
}
#boot .header .header-search:hover{
	background-color:#932439;

}
#boot .header .header-search-icon {
	background-image:url('clientlibs/img/icons/search-input.svg'),none;
	background-size:24px auto;
	background-position: center center;
	background-repeat:no-repeat;
}
#boot .header  a.search {
	display:block;
	float:right;
	width:60px;
	height:60px;
	padding:21px 0px;
	background-color:#4d4d4d;
	cursor:pointer;
}

#boot .subnavigation #collapseExample.collapsing, #boot .subnavigation #collapseExample.collapse.in {
	background-color:#eee;
}
@media (min-width:769px) {
 .mobile-footer {
	display:none;
}
}
@media (max-width:767px) {
	#boot .header .header-three-buttons .header-button {
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin:10px 10px 10px 0px;
}
	#boot .header .header-three-buttons .col-sm-4 {
	padding:5px;
}
#boot .header .header-three-buttons a {color:#000;}
#boot .header .header-three-buttons {
	margin-left:10px;
	margin-right:10px;
}
#boot .header .navbar-collapse .subnav.nav > li {
	/*background-color:#fff;
	border-top:1px solid #CBB576;*/
}

#boot .subnav.nav > li.dropdown.active > a {
	background-color:#fff !important;
	color:#000;
	font-weight:bold;
}
#boot  .mobilenavbar-collapse > ul, #boot  .mobilequicklinks-collapse > ul {list-style-type: none;padding-left:0px;}
#boot  .mobilenavbar-collapse > ul > li, #boot  .mobilequicklinks-collapse > ul > li {border-bottom:1px solid #ccc;padding:13px 0px; color:#444;}
#boot  .mobilenavbar-collapse > ul > li > a, #boot  .mobilequicklinks-collapse > ul > li > a {color:#444; font-size:12px;}
#boot  .mobilenavbar-collapse > ul > li:last-child, #boot  .mobilequicklinks-collapse > ul > li:last-child {border:0px;}


}

/*styles for the radio-button search boxes in the dropdown on subnavigation FB & PC Aug. 14 2015*/
#boot .header label{
	font-weight: normal;
    line-height: 20px
}

@media (min-width:769px) {#boot .header .radio-inline {
    float: left;
    padding: 10px 0 7px;
   	width: 33%;
    font-size: 16px;
    color: #4b4b4b;
	vertical-align: middle;
	display: inline-block;
}}

@media (max-width:767px) {
	#boot .header .radio-inline {
		width:100%;
		color: #000;

	}}


#boot .header #site-search {
    height: 42px;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box; 
    margin: 7px 12px 0 0;
}

@media (min-width:769px) {#boot .header .control-group#select-search-mode{
    position: relative;
    float: right;
   
    margin: 5px 0 0 0;
	display: block !important;
}

}

@media (max-width:767px) {#boot .header .control-group#select-search-mode{
    position: relative;
    float: left;
 margin-left:5px;
	display: block !important;
}
#boot .header .controls {margin-top:10px;}
#boot .header .label {
margin-bottom:20px;
}

}


#boot .header #select-catalogue-type select {
	float:left;
	display: block;
    height: 42px !important;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    width: 150px;
    margin: 7px 12px 0 0;
}

#boot .header input[type="text"] {
    /* width: 620px; */
    height: 42px !important;
    margin: 5px 0 0 0;
    padding-left: 48px;
    background: transparent;
    border-width: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 21px;
    color: #4b4b4b;
    background: url(/includes/stylesheets/clientlibs/img/search-input-desktop.png) 0 2px no-repeat;
}


#boot .header #collapseExample.collapse.in {
    padding-bottom: 10px; 
}

#boot .header button[type="submit"].btn {
    display: none;
}


#boot .header input[type="radio"] {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 20px;
    float: left;
    display: block;
    vertical-align: inherit;
    margin-top: -1px;
}

@media (min-width:767px) {#boot .header .sticky{
	position:fixed;
	top:0px;
	/*height:46px;*/
	width:100%;}
}


/*
--------------------------- mobile styles for the search box from FB
*/

@media (max-width: 767px) {

#boot .header input[type="text"] {
   	width: 100%;
    height: 42px !important;
    margin: 5px 0 0 0;
    padding-left: 48px;
    background: transparent;
    border-width: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 21px;
    color: #4b4b4b;
    background: url(/includes/stylesheets/clientlibs/img/search-input-desktop.png) 0 6px no-repeat;
}


#boot .header #site-search {
 	height: auto;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
   
    margin: 0px 12px 0 0 !important;

}

#boot .header #catalogue-type{
	width:100% !important;
	}

}

#boot .header form #site-search .controls {
     margin-left: 20px; }

 
     
/* from site-search.css by UCS */

#input-search:-ms-input-placeholder {
  color: #ddd !important;
}


#boot .header .site-search .form-horizontal {
  margin: 0;
  color: #4b4b4b;
  overflow: hidden !important;
}
#boot .header .site-search .form-horizontal.form-collapse,
#boot .header .site-search .form-horizontal.form-collapse.collapse {
  overflow: hidden;
  height: 0;
  padding: 0;
}
#boot .header .site-search .form-horizontal.form-collapse.collapse.in {
  overflow: visible;
}
#boot .header .site-search .form-horizontal .control-group {
  display: block !important;
  margin-bottom: 0;
}
#boot .header .site-search .form-horizontal .control-group#select-search-mode {
  position: relative;
  float: right;
  width: 250px;
  margin: 5px 0 0 0;
}
#boot .header .site-search .form-horizontal .control-group.input-append {
  position: relative;
  float: left;
  width: 600px;
  margin: 0;
}
#boot .header .site-search .form-horizontal .control-group .controls {
  margin: 0;
}
#boot .header .site-search .form-horizontal .control-group .controls input[type="text"] {
  width: 620px;
  height: 50px;
  margin: 5px 0 0 0;
  padding-left: 48px;
  background: transparent;
  border-width: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 21px;
  color: #4b4b4b;
  background: url(img/icons/search-input-desktop.png) 0 6px no-repeat;
}
#boot .header .site-search .form-horizontal .control-group .controls button[type="submit"].btn {
  display: none;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline {
  float: left;
  padding: 10px 0 7px;
  margin: 5px 0 0 0;
  width: 50%;
  font-size: 16px;
  color: #4b4b4b;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline:nth-child(1) {
  width: 56%;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline:nth-child(2) {
  width: 44%;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"],
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"] {
  display: none;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"] + .radio-input,
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"] + .radio-input {
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 20px;
  float: left;
  display: block;
  vertical-align: inherit;
  margin-top: -1px;
  margin-right: 8px;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"] + .radio-input .checked,
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"] + .radio-input .checked {
  display: none;
  height: 10px;
  width: 10px;
  background-color: #444;
  border-radius: 15px;
  margin: 4px;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"]:checked + .radio-input .checked,
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"]:checked + .radio-input .checked {
  display: block;
}
#boot .header .site-search .form-horizontal.libraries #select-search-mode {
  width: 330px;
}
#boot .header .site-search .form-horizontal.libraries #input-search-container.short {
  width: 440px;
}
#boot .header .site-search .form-horizontal.libraries #input-search-container.short #input-search {
  width: 440px;
}
#boot .header .site-search .form-horizontal.libraries #input-search-container.long {
  width: 600px;
}
#boot .header .site-search .form-horizontal.libraries #input-search-container.long #input-search {
  width: 600px;
}
#boot .header .site-search .form-horizontal.libraries #select-catalogue-type {
  float: left;
}
#boot .header .site-search .form-horizontal.libraries #select-catalogue-type select {
  height: 42px;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  width: 150px;
  margin: 7px 12px 0 0;
}
#boot .header .site-search .form-horizontal.libraries .control-group .controls label.radio.inline {
  font-size: 15px;
}
#boot .header .site-search .form-horizontal.libraries .control-group .controls label.radio.inline:nth-child(1) {
  width: 37%;
}
#boot .header .site-search .form-horizontal.libraries .control-group .controls label.radio.inline:nth-child(2) {
  width: 33%;
}
#boot .header .site-search .form-horizontal.libraries .control-group .controls label.radio.inline:nth-child(3) {
  width: 30%;
}

@media (max-width: 767px) {
  #boot .header .site-search {
  background: #eee;
}
#boot .header .site-search .form-horizontal {
  margin: 0;
  color: #333;
  overflow: hidden !important;
}
#boot .header .site-search .form-horizontal.form-collapse,
#boot .header .site-search .form-horizontal.form-collapse.collapse {
  overflow: hidden;
  height: 0;
  padding: 0;
}
#boot .header .site-search .form-horizontal.form-collapse.collapse.in {
  overflow: visible;
}
#boot .header .site-search .form-horizontal.form-collapse.collapse.in:after {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -10px;
  right: 118px;
  bottom: auto;
  left: auto;
  border-width: 0 10px 10px;
  border-color: #000 transparent;
}
#boot .header .site-search .form-horizontal .control-group {
  display: block !important;
  margin-bottom: 0;
}
#boot .header .site-search .form-horizontal .control-group .controls {
  margin: 7px 15px !important;
}
#boot .header .site-search .form-horizontal .control-group .controls input[type="text"] {
  width: calc(100% - 30px);
  width: -webkit-calc(100% - 42px);
  height: 42px;
}
#boot .header .site-search .form-horizontal .control-group .controls button[type="submit"].btn {
  height: 42px;
  width: 42px;
  background-color: #922338 !important;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline {
  float: left;
  padding: 10px 0 7px;
  margin: 0;
  width: 50%;
}
#boot .header label.radio.inline input[type="radio"],
#boot .header label.radio.inline input[type="checkbox"] {
  display: none;
}
#boot .header label.radio.inline input[type="radio"] + .radio-input,
#boot .header label.radio.inline input[type="checkbox"] + .radio-input {
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 25px;
  float: left;
  display: block;
  vertical-align: inherit;
  margin-top: -2px;
  margin-right: 10px;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"] + .radio-input .checked,
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"] + .radio-input .checked {
  display: none;
  height: 15px;
  width: 15px;
  background-color: #444;
  border-radius: 20px;
  margin: 4px;
}
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="radio"]:checked + .radio-input .checked,
#boot .header .site-search .form-horizontal .control-group .controls label.radio.inline input[type="checkbox"]:checked + .radio-input .checked {
  display: block;
}
#boot .header .site-search .form-horizontal .control-group .controls .concordia-search-icon {
  display: block;
  height: 100%;
  width: 100%;
}
#boot .header .site-search .form-horizontal.libraries .control-group .controls label.radio.inline {
  float: none;
  padding: 10px 0 7px;
  margin: 0;
  width: 100%;
}
#boot .header .site-search .form-horizontal.libraries #catalogue-type {
  height: 42px;
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  width: calc(100% - 30px);
  margin: 5px 15px;
}

}
@media (min-width: 768px) {
	#boot .subnav #findButton {margin-left: -12px; float:left }
	#boot .subnav #helpButton, #boot .subnav #locationsButton, #boot .subnav #aboutButton {float:left;}
}

#boot .header .panel-group .accordion-arrow {
	color:#444;
}
#boot .header .panel-default .panel-heading, #boot .header .panel-default .panel-body { background-color:#eee;}
#boot .header .panel-default .panel-body {padding:0px 15px;}
#boot .header .panel-body ul {padding-left:0px;}
#boot .header .panel-body ul > li {list-style:outside none none; padding:10px 0px; border-bottom:1px solid #ccc;}
#boot .header .panel-body ul > li:last-child {border:0px;}
#boot .header .panel-body ul > li > a {color:#444;}
#boot .header .panel-group .panel-heading + .panel-collapse .panel-body {border-top-color: #eee;}