/* sets styles on content area that holds the searchbox */
.front .main .block {
    padding: 1em 0;
}
/* homepage search box styles */
.searchboxfront {
    background-color: #0A3F58;
    padding: 1em 0;
}
.searchboxfront #searchBoxLabel {
    color: white;
    font-size: 120%;
    font-weight: bold;
}
.searchboxfront .content {
    margin: auto;
    padding: 3em 0;
    width: 90%;
}
.searchboxfront a {
    color: white;
    font-size: 80%;
}
.searchboxfront .catalogLink p {
    display: inline;
    padding: 1em;
    text-align: center;
}
#searchtextbox {
    background-color: #0A3F58;
    border: 3px solid #E5DE55;
    margin-left: 1em;
    color: white;
    width: 400px;
}
/* aligning text buttons */
.searchboxfront div#searchHiddensPolaris {
    text-align: left;
    margin-left: -1em;
}

/* homepage searchbox icons */
p #account {
    background: url(/sites/default/files/icons_refresh/Profile-Icon3x.svg)
    }
p #advancedSearch {
    background: url(/sites/default/files/icons_refresh/Catalog-Icon3x.svg);
}
p #altcatalog {
    background: url(/sites/default/files/icons_refresh/Search-Icon3x.svg);
}
/* homepage searchbox submit/go button */
input#submitBiblioCoreSearch {
    width:30px;/*match image width;*/
    height:30px;/* match image height */
    line-height:30px;/* match height*/
    background:url(/sites/default/files/icons_refresh/Green-Arrow-Icon3x.svg) no-repeat 0 0;/* path to your image */
    color:#000;
    border:none;
    padding:0;
    text-indent:-999em;/* hide text - remove this if you want the text in the value attribute to show.*/
    clear:both;/* ie6 fix*/
    margin-left: 1em;
}
/* internal page search box */
ul.catalogLink li {
    display: inline;
    font-size: 80%;
}
/* internal page search box icons */
li #account {
	background-image: url(/sites/default/files/icons_refresh/Profile-Icon3xOrange.png);
	background-size: 20px 20px;
}
li #advancedSearch {
    background-image: url(/sites/default/files/icons_refresh/Catalog-Icon3xOrange.png);
}
li #altcatalog {
    background-image: url(/sites/default/files/icons_refresh/Search-Icon3xOrange.png);
}
#account,
#advancedSearch,
#altcatalog,
p #account,
p #advancedSearch,
p #altcatalog {
	background-repeat: no-repeat;
	background-position: left center;
	height: 2em;
	display: inline-block;
	background-size: 20px 20px;
}
a#account,
a#advancedSearch,
a#altcatalog { 
    padding-left: 2.3em;
}
/* placement of search box and links */
ul.catalogLink {
    margin-top: -1em;
}
.searchboxinternal {
    float:right;
}
ul.catalogLink li img {
    padding-right: 0.5em;
}
.searchboxinternal form {
    margin-bottom: 0;
}
.nav-search {
    margin-top: -80px;
    margin-right: 0;
}




/* @media queries ====================================  */
@media screen and (max-width: 980px) {
    /* sets catalog links to display stacked vertically to
       make better use of screen space and for increased readability */
    .searchboxfront .catalogLink p {
        display: block;
    }
    /* allows search label to wrap more nicely on smaller screens */
    /* homepage search blocks */
	#block-block-13 label,
	#block-block-49 label{ 
		display: inline-flex;
  }
  /* decreases extra space between links */
  .searchboxfront .catalogLink p {
      padding: 0;
  }
  /* tightens space around search box and links */
  .searchboxfront .content {
      padding-top: 1em;
      padding-bottom: 0.5em;
  }
  /* tightens spacing around search box input on internal pages */
  .searchboxinternal input#submitBiblioCoreSearch {
        margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
    #searchtextbox {
        width: 300px;
    }
}
@media screen and (max-width: 860px) {
    .searchboxinternal {
        width: 90%;
    }
    .searchboxinternal input[type="text"] {
        width: 40%;
    }
    .searchboxinternal input#submitBiblioCoreSearch {
        margin-left: 0.5em;
  }
}
@media screen and (max-width: 790px) {
	/* aligns search box within navigation menu bar */
	.nav-search {
		margin-top: 1em;
	}
	/* makes input box larger; aligns input box vertically with label text */
	#block-block-13 .searchBox input.term,
	#block-block-49 .searchBox input.term {
		width: inherit;
		margin-top: 1em; 
	}
	/* aligns Search button with input field */
	.searchboxfront input#submitPolarisSearch {
		margin-top: 1em;
	}
	#searchtextbox {
	    width: 200px;
	}
	.header-section, 
	.header .site-logo, 
	#name-and-slogan {
	    height: 120px;
	}
}
@media screen and (max-width: 767px) {
    .btn.btn-navbar {
        margin-top: 2em;
    }
}
@media screen and (max-width: 680px) {
    /* homepage: puts search label above input box for better 
	   usability (text not scrunched in a vertical row) */
	#block-block-13 label, 
	#block-block-13 p,
	#block-block-49 label, 
	#block-block-49 p{
		display: block;
	}
	#searchtextbox {
	    width: auto;
	    margin-top: 1em;
	    margin-left: 0;
	}
}  
@media screen and (max-width: 480px) {
	/* internal pages: toward aligning search box within navigation menu bar area */
	.nav-search {
		padding-top: 0;
		height: 5em;
		float: left;
	}
	.searchboxinternal {
	    float: left;
	    padding: 0 1em 0.5em;
	}
	ul.catalogLink {
	    margin: 0;
	}
	/* internal pages: moves search input box below the label text */
	.searchboxinternal input[type="text"] {
    width: 60%;
    display: inline-block;
}
	/* internal pages: sets catalog links to display vertically */
	.navbar-inner ul.catalogLink li {
		display: block;
		line-height: 1.5em;
	}
	/* internal pages: allows hamburger menu button 
	   to appear beneath search area */
	.btn.btn-navbar {
		clear: both;
		margin-top: 5em;
	}
	/* front page: sizes navbar appropriately for hamburger button only */
	.front .btn.btn-navbar {
		margin-top: 0;
	}
	/* tightens up white space between logo and main nav bar */
	#name-and-slogan {
		padding: 20px 0 0 10px;
	}
	/* visually places Search button closer to input field */
	.searchboxinternal input#submitPolarisSearch {
	    margin-left: 0;
	}
	.navbar .btn-navbar .icon-bar {
	/*defines the width, height and color of the three bars */
    	width: 2.5em;
	    height: 0.3em; 
	    background-color: #0A3F58;
	    box-shadow: none;
	    margin: 0.4em 0.5em 0.5em;
    }
}