/*
Theme Name:  responsiveUNCLib
Description: Child theme for Responsive theme
Author: UNC Libraries
Template: responsive
*/

@import url("../responsive/style.css");
/*@import url('page-templates/articlescatalog/quick_combined.css');*/
/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  ul, ol, dl {
    page-break-before: avoid;
  }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

  body {
  }
}

/*#respond, .post-meta {display:none;}   turns off "Leave a reply" box */
/*.site-name {display:none;}  hides title text that appeared above the menu */
#wrapper, .wp-geobrowse  { -moz-box-shadow:    3px 3px 5px 1px #ccc;-webkit-box-shadow: 3px 3px 5px 1px #ccc; box-shadow: 3px 3px 5px 1px #ccc;}

/* Geobrowse style */
.wp-geobrowse {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    clear: both;
    margin: 20px auto;
    padding: 0 20px 20px;
    position: relative;
}


/* =Hide whole post meta
-------------------------------------------------------------- */
.post-meta {
    display: none;
}
/* =Hide "Posted on"
-------------------------------------------------------------- */
.posted {
    display: none;
}
/* =Hide date
-------------------------------------------------------------- */
.timestamp {
    display: none;
}
/* =Hide "by"
-------------------------------------------------------------- */
.byline {
    display: none;
}
/* =Hide author
-------------------------------------------------------------- */
.author {
    display: none;
}
#author-meta {
    display: none;
}
/* STYLES TO FIX FOOTER TO BOTTOM OF PAGE -sms */

body {
	height: 100%;
}

#page-wrapper { /* added this div in the header and footer includes to allow fixing footer to the bottom */
	min-height: 100%;
	position: relative;
}

#container {
	margin: 0 auto;
	max-width: 960px;
	padding: 0px 25px;
	/*padding-bottom: 100px;*/
}


/* =Links
-------------------------------------------------------------- */
a {
  color: #0066cc;
  font-weight: 400;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #0066cc;
  outline: 0;
  text-decoration: none;
}

/*****************************************/
/*        General list styles            */
/*****************************************/

ul.nobullet li {
    list-style: none;
}

/*****************************************/
/*        Top Footer styles              */
/*****************************************/

#footer-buckets-home {
    background-color: #467AAA;
    color: #FFFFFF;
}

.bucket-box-home {
    margin-left: 13%; 
}

.bucket-box-home a {
    color:white;
}

.bucket-box-home a:hover {
    text-decoration:underline;
}

.bucket-box-home .bucket ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
}

.bucket-box-home li {
    list-style-type: none;
    /*margin-left: -2em;*/
    list-style-position:inside;
    padding-bottom: 0.5em; 
    padding-left: 0;
}

.bucket-box-home ul li a {
    color: #FFFFFF;
    border-left: none;
    padding: 0;
}

.bucket-box-home ul li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/*small tablet portrait*/
@media screen and (max-width: 650px) {
    .bucket-box-home {
        margin: 0;
       padding-left: 20px;
    }

    .bucket-box-home li {
        margin: 0;
    }
}

/*****************************************/
/*        Bottom Footer styles           */
/*****************************************/

#footer-wrapper {
    margin: 0;
    padding: 2em 10%;  /*adding left and right padding removed from #footer*/
}

#footer {
	width: 100%;
	padding: 0;  /* any padding breaks alignment with other containers */
    background-color: #2f5272; /*was #467AAA;*/
    color: #FFFFFF;
    text-align: right;
	max-width: none;
}

#footer a {
    color: #FFFFFF;
}

#footer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer-logo {
    float: left;
}

#social-icons {
    padding-bottom: 1em;
}

#social-icons a, #social-icons a:hover {
    text-decoration: none;
}

ul.footer-menu {
    list-style-type: none;
    width: 100%;
    padding: .5em 0 0 0;
}

ul.footer-menu > li:last-child, ul.footer-menu > li:last-child a {
    padding-right: 0;
}

#footer-address {
    padding-top: 0;
    color: #FFFFFF;
}

#footer-address li {
    border-left: 1px solid #ccc;
    padding: 0 8px;
}

#footer-address > li:first-child  {
    border-left: medium none;
    padding: 0 8px 0 0;
}

#footer-address > li:last-child  {
    padding-right: 0;
}

#footer-address > li > a  {
    border-left: none;
    padding: 0;
}

/*small tablet portrait*/
@media screen and (max-width: 980px) {
    #footer {
        text-align: left;
        max-width: none;
    }

    #footer-logo {
        float: none;
        margin-bottom: 1em;
    }

    #footer-address li {
        display: block;
        text-align: left;
        border: none;
        padding: 0;
    }
}


/*hides the logo default title/logo used in responsive theme 
#logo a, #logo a img {display:none} */

/*****************************************/
/*   Combined Search Results Styles      */
/*****************************************/

/*input.search_button {
	height: 40px;
	padding: 2px 10px;
}*/

#combined_search_form {
	float: left;
	margin: 10px 0px 10px 10px;
}

#combined_search_form input.Ntt {
	height: 3em;
	padding: 2px;
	border: 10px solid green;
}

#combined_search_form input.search_button {
	height: 3em;
	padding: 2px;
}

.xboxcontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
/*    border-color: #CECECE;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;*/
    display: block;
    font-size: 12px;
	border: 1px solid #CECECE;
}

table#combinedDisplay,
table#combinedDisplay td,
table#combinedDisplay tr,
table#combinedDisplay tbody {
	border: none;
}

td.combinedColumn {
	width: 50%;
}

.resultsHeader {
	border-top: 1px solid #CECECE;
	 border-bottom: 1px solid #CECECE;
	 margin-bottom: 0px;
	 padding: 20px 10px;
}

.resultsHeader h1 {
	margin:0;
	font-family: Georgia, serif;
}

.resultsFooter {
	 margin-bottom: 10px;
	 padding: 20px 10px;
	border-top: 1px solid #CECECE;
}

.seeAll {
	display:block;
	padding: 5px;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/*.seeAll a.mobileLink {*/
a.mobileLink {
	display: none;
}

@media screen and (max-width: 500px) {

	.seeAll {
		cursor:pointer;
		background-color:#CCC;
		border-radius:5px;
		border-width:1px solid #999;
	}

	.seeAll a {
		color: #000;
	}

	.seeAll:hover {
		background-color: #999;
		text-decoration:none;
	}

	.seeAll:hover a {
		color: #FFF;
	}

	.seeAll a.fullLink {
		display: none;
	}

	.seeAll a.mobileLink {
		display: inline;
	}
}

.resultsDesc {
	margin: 10px 0px;
	font-style: italic
}

.resultsShow {
	font-size: smaller;
}

.entry_sidebar_wrapper {
	width: 18%;
	float: left;
}

.entry_details_wrapper {
	width: 80%;
	/*float:right;*/
	margin-left: 20%;
	}

.entry_details {
	/*width: 100%;*/
}

.entry_details table {
	margin: 0px;
	border: none;
}

.entry_details td, .entry_details tr {
	border: none;
	margin: 0px;
	padding: 2px;
}

.entry, .entry2 {
	/*	recordtitle tables sometimes overflow the div; not sure why - sms */
	padding: 10px;
	float: none;
	min-height: 200px;
	min-width: 360px;
	background-color: #FFF;
border-top: thin solid #CCC;
	line-height: 16px;
}

.entry2 {
	background-color: #EBF4FF;
}

.clear {
	clear: both;
}

table.briefholdings {
	margin-top: 10px;
}

table.briefholdings td {
	padding: 0px;
	vertical-align: top;
}

tr.briefholdingsheading {
	font-weight: bold;
}

tr.briefholdings .brieflocation {
	padding-left: 0;
}

td.briefstatus {
	color: #009900;
	text-align: right;
	width: 22%;
}

td.briefstatus .status2 {
	color: #990000;
}

.briefrequest {
	text-align: right;
}

/*-------------------------------------------*/

.request_choices .request_truck {
background-image: url('images/minitruck.jpg');
display: inline-block;
width: 21px;
background-repeat: no-repeat;
height: 19px;
padding: 0;
vertical-align: middle;
margin: 0 0 0 5px;
border: none;
}

.request_choices .request_truck {
*display: inline;
}

.requestlink_choice:hover a {
text-decoration: underline;
}


.request_choices ul {
list-style-type: none;
margin: 0;
padding: 0;
text-indent: 0;
font-size: 11px;
}

.request_choices a {
display: inline-block;
}

.request_choices span {
display: block;
text-align: right;
padding-left: 20px;
padding-bottom: 4px;
border-bottom: 1px solid #CECECE;
margin-bottom: 4px;
}


.request.truck.mini a {
    background-image: url("images/minitruck.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 24px;
    float: none;
}

.request.truck.multiple a {
    line-height: 23px;
}

.request.mini a {
    float: right;
    font-size: 12px;
    padding: 3px 5px 4px 4px;
    width: auto;
}

.request a {
    background-color: #FFFFFF;
    border: 1px solid #77ABDD;
    float: right;
    font-size: 11px;
    font-weight: normal;
    line-height: 17px;
    margin: 5px 8px 10px 0;
    overflow: hidden;
    padding: 4px 5px;
    white-space: nowrap;
    width: 125px;
}

.qtip-active {
	-webkit-box-shadow: 3px 3px 2px #dcdcdc;
	-moz-box-shadow: 3px 3px 2px #dcdcdc;
	box-shadow: 3px 3px 2px #dcdcdc;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#dcdcdc')";
	filter: progid : DXImageTransform.Microsoft.Shadow ( Strength = 4,
		Direction = 135, Color = '#dcdcdc' );
}

div.request_choices_dropdown {
    background-color: #FFFFFF !important;
    border: 1px solid #77ABDD;
    padding: 0;
}

#bestbet {
	padding: 10px 20px;
	border: 1px solid #666;
	background-color: #FFD;
	margin-bottom: 10px;
}

#bestbet li {
	list-style: none;
	margin-bottom: 10px;
}

#bestbet #bestdesc {
/*	margin: 5px;*/

}

.authorName {
	font-weight: bold;
}

.snippet {
	margin-bottom: 20px;
}

.subjectTerms {
	font-style: italic;
}

h {
	font-weight: bold;
}

table.summonResults {
	/*border: 1px solid red;*/
	width: 100%;
	margin: 0px;
}

table.summonResults tr, table.summonResults td {
 	/*border: 1px solid red;*/
	padding: 0px;
}

@media screen and (max-width: 900px) {
	.entry_sidebar_wrapper {
		display: none;
	}
	.entry_details_wrapper {
		margin-left: 0%;
		width: 100%;
	}

	.entry, .entry2 {
		min-width: 180px;
	}

	th, td {
		padding: .2em;
	}
}

@media screen and (max-width: 600px) {
	.entry, .entry2, .resultsFooter {
		display: none;
	}

	td.combinedColumn {
		width: 100%;
	}
}

/*******************************/
/*  CUSTOM MAKERSPACE STYLES   */
/*******************************/

.makerspace .et-box-content { 
    padding: 0 !important; 
}

.makerspace .centerCaption { 
    text-align: center; 
    color:black;
}

.makerspace .one_third { 
    margin-right: 2%; 
}

.makerspace .spacedList {
    padding: 10px 0px 0px 0px;
}


/*****************************************/
/*   Places to Study Styles              */
/*****************************************/

ul#place-feature-list {
	text-align: center;
	width: 90%
}

ul#place-feature-list li {
	list-style: none;
	padding: 5px 25px 25px 40px;
	background-size: 25px;
	display: inline-block;
}

#feature-results {
	font-style: italic;
}

.places-archive {

}

.places-archive table.zebra thead {
	font-weight: bold;
	text-transform: capitalize
}

.places-archive table th#photo {
	width: 175px;
}

.places-archive table td {
	vertical-align: top;
}

.places-archive table td p {
	margin-top: 10px;
}

img.places-photo {
	width: 175px;
	box-shadow: 1px 1px 5px #CCCCCC;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 7px;
	max-width: none;
}

div.equipment {
	padding-bottom: 5px;
}

/**************************************************/
/*   Responsive table styles for places to study  */
/*                                                */
/**************************************************/

@media only screen and (max-width: 600px), (min-device-width: 320px) and (max-device-width: 600px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr, caption {
		display: block;
		border: none;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

	td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		text-align: center;
	}

	img.places-photo {
		width: 90%;
		margin-top: 10px;
	}

	.places-archive table td p {
		margin: 0;
	}

	td#description {
		text-align: left;
		margin: 0px 10px 10px 10px;
}

	#feature-results {
		text-align: center;
	}
}

/**************************************************/
/*   Styles for Research Hub and Hub Services     */
/*                                                */
/**************************************************/

table#services-table td {
    min-width: 150px;
}


div#hub-logo {
    margin-top: 50px;
    margin-bottom: -10px;
}

div#hub-logo img {
    width: 200px;
}

.post-type-archive-hub-services div#hub-logo {
    margin-top: 0px;
}

.post-type-archive-hub-services .breadcrumb-list, .single-hub-services .breadcrumb-list {
    margin-bottom: 20px;
}

/*****************************************/
/*   HOMEPAGE Styles for unclib-home.php */
/*   simplified - egb 6/17/13            */
/*****************************************/

body.home #home-wrapper, .wrapper {
    margin: 0px auto 0px auto !important;
    width: 100%;
}
body.home #container {
    background: transparent;
    max-width: 960px;
    border: none;
}
/* push the widget boxes down so homepage image shows */
body.home #widgets {
   /* padding-top:240px;*/
}
/* Allow background image to be background in content area on homepage*/
body.home #wrapper {
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

}
body.home #widgets-bottom { /* div for content, in this case all widgets */
    margin-top: 0; /* default is margin-top: 40px */
}

#home-search-container, .home-widget-container  { /* widgets */
    z-index: 1;
    position: relative;
     min-height: 75px;
}
/* this height makes the two blue boxes (search box & links box) have equal heights - egb 6/17/13 */
#home-search-container .widget-wrapper, .home-widget-container .widget-wrapper {
  /*min-height: 148px;*/
    min-height: 215px;
    border-radius: 0px;
}
#home-search-container .textwidget {
   margin: 10px 20px auto;

}
#home-search-container .textwidget #primary {
  margin-left: 15px;
}
#home-single-container .widget-wrapper {
    margin-top: 20px;
    padding: 0;
    border-radius: 0px;
}


#searchwidget input[type="text"] {
    width: 80%;
    height: 2em;
    font-size: 1.2em;
    }

#home-single-container input.search_button {
    background: url("images/MagnifyingGlass64.png") no-repeat;
    background-color: #467aaa;
    background-position: .25em .25em;
    background-size: 1.5em;
    font-size: 1em;
    color: #FFF;
    padding: .5em .5em .5em 2em;
    width: 18%;
    height: 100%;
    text-shadow: none;
    box-shadow: none;
    border: none;
}

/* Hide Logo and Links for Mobile View at larger sizes */

div#mobile-logo-box, img#mobile-logo{
	display: none;
}

#home-mobile-links {
	display: none;
}

#home-full-links {
    display: inline-block;
}

/*search on homepage */
/*links below the search box */
ul.searchlinks {
    margin:0; 
    width:100%; 
    padding:1%
}

.searchlinks li {
    display:inline-block; 
    list-style:none; 
    padding:1em .8em 0em 0em; 
    font-family:Verdana, Geneva, sans-serif;  
    letter-spacing:.1em; 
    color: #ffffff; 
    font-size:.7em;
    white-space: nowrap;
}
/*searchbox*/
#searchwidget {
    font-size:20px;
}

/* shadow on widget-wrapper divs */
.wrapper-shadow { 
    box-shadow:3px 3px 5px #333;
}

/* used in linkbox widget on homepage*/
 /* links used .home-widget-container */

.linkbox-links {
    font-size: 13px;
    margin:-10px 0px;
    font-family:Verdana, Geneva, sans-serif;
}

/* the HOO widget generates an empty para tag */
.linkbox-links #hoo-today p {
    display: none;
}

table.linkbox-links, 
table.linkbox-links tr, 
table.linkbox-links td {
    border: none;
    padding: 0;
}

table.linkbox-links td {
    padding-top: .8em;
}

ul.linkbox-links {
    list-style-type: none;
    padding: 0px !important;
}

ul.linkbox-links li { 
    margin: .8em 0;
}

.linkbox-links a:hover {
    text-decoration:underline !important;
}

#home-mobile-links .widget_text,
#home-search-container .widget_text,
.home-widget-container .widget_text, 
#home-single-container .widget_text {
    background-color:#467AAA; /*homepage linkbox background*/
    color: #ffffff;
    opacity: .95;
    border-radius: none;
}

.home-widget-container p {
    font-family:Verdana, Geneva, sans-serif;  
    color: #ffffff; 
    font-size: 13px;
    padding: 3.5em 0 0 0;
    margin: 0;
}

.home-widget-container .widget-wrapper {
    padding: 20px 10px 10px 10px;
}

#home-search-container .widget_text a,
.home-widget-container .widget_text a {
    color: #ffffff;
}

.widget_text .widget-title-home h3 {
    padding: 0 0 10px;
}


.home-widgets {
    clear: both;
    margin: 0 auto;
    background-color: #F7F7F7;
    float: left;
    width: 100%;
    padding: 2em 0 0;
}

.home-double-wrapper {
    max-width: 960px;
    margin: 0 auto;
}

.home-double-wrapper .widget_text {
    background-color: #F7F7F7;
}

.home-double-wrapper .widget-wrapper, .home-double-wrappre .wrapper-shadow {
    box-shadow: none;
    border: none;
}

#home-double-container-1, #home-double-container-2 {
    min-height: 600px;
}

/*Fix h4's on the homepage */
#home-double-container-2 h4 {
    margin-bottom:5px;
}

/***** homepage mobile *****************/

/* responsive/style.css uses 980px, 650, 320, 240
/* for its mobile styles */
/* Overriding styles in responsive/core/style.css **/
/** to change mobile breakpoints **/

@media screen and (max-width: 980px) {
    /* reversing hide and show desktop */
    .hide-desktop {
        display: none !important;
    }
    .show-desktop {
        display: block !important;
    }

    #about-wrapper {
		display: none;
	}

	.alert {
		z-index: 1;
		float: left !important;
	}
    /* overriding .grid-right, .grid {float: none;} in responsive/core/style.css */
    /* replacing with full-size styles from responsive/style.css */
    .grid-right {
        float: right !important;
        margin-bottom: 2.127659574468%;
        padding-top: 0;
    }
    .grid {
        float: left !important;
        margin-bottom: 2.127659574468%;
        padding-top: 0;
    }
    /* Override styles (padding-top: 240px; margin-top: 40px) that push down the
    /* homepage widgets so that background image shows */
    body.home #widgets {
        padding-top: 0px;
        margin-top: 0px ;
    }

    #home-double-container-1 .imagefix img {
        width: 90%;
    }

    table.linkbox-links {
        max-width:40%;
    }

}
/* Start displaying .hide-desktop and stack columns at 800px-- changed to 600px to suit ipad portrait */
@media screen and (max-width: 600px) {
    .hide-desktop {
        display: block !important;
    }
   .show-desktop {
        display: none !important;
    }

	#home-search-container .textwidget {
		margin-left: 0;
	}

    #mobile-logo-box { 
        background-color:#467AAA; 
        color: #ffffff;
        padding: 25px;
    }

	img#mobile-logo {
		display: block;
		padding:0px 0px 15px 0px;
	}

	#home-mobile-links {
		display: inline-block;
	}

    #home-full-links {
        display: none;
    }

	#home-mobile-links li {
		margin: 0.5em 0 0.5em 5px;
    }

    table.linkbox-links td {
        padding: 0;
        text-align: left;
    }

     table.linkbox-links td a {
        font-weight: bold;
    }

	.uncSearch-home #searchlinks ol, ul{
		padding-left: 0px;
	}

	.uncSearch-home input.Ntt {
		font-size:14px;
		width: 100% !important;
	}

	.uncSearch-home input.search_button {
 		display: none;
	}


	.widget-wrapper {
		/*margin: 0;*/
	}

    .grid-right,
    .grid {
        float: none !important;
    }
    .linebreak { display: block;}
    .alert {
		z-index: 1;
		float: left !important;
		display: block;
	}

	/* STYLES FOR MOBILE COMBINED SEARCH */

	.uncSearch-combined form#queryBox {

	}

	.uncSearch-combined input.Ntt {
    	font-size: 14px;
    	width: 70%;
		height: 3em;
}

	.uncSearch-combined input.search_button {
 		/*display: none;*/
		font-size: 14px;
		height: 3em;
		max-width: 20%;
		float: right;
	}
}

@media screen and (max-width: 480px) {
    body.home #container { margin: 0; padding:0; }
    body.home #widgets {padding: 0px 0 0px 0; margin:0;}
    body.home #wrapper { padding: 0; margin: 20px 0 0 0;}

    .uncSearch-home #searchlinks {
        display: block;
        padding: 0;
        margin: 0px 0px;
    }

    .uncSearch-home #searchlinks  li {
        margin: 0.5em 0 0 5px;
        font-size: 12px;
        display: list-item;
        padding: 0;
        white-space: nowrap;

    }

    .uncSearch-home #searchlinks  li a {
        color:#fff; 
        font-family:Verdana, Geneva, sans-serif;
        white-space: nowrap;
    }

    div.resultsShow #numResults {
        display: none;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 700px) {
 #myatu_bgm_img_group, #myatu_bgm_info {
 	display: none !important;
 }
}

/*****************************************/
/*   Staff Directory                      */
/*****************************************/
.breadcrumb-list.staffdir {
    margin-top: 1em;
}
.grid-right.staffdir {
  margin-top: 20px;
}
#staffdir-content {
    margin-left: 1em;
}
#staffdir-content h3 {
    margin-top: 0;
}
#single-staff .breadcrumb-list, #single-organization .breadcrumb-list {
}
#content-search h4, #sidebar-staffdir h4, #directory-detail h4, #org-tree h4, .staffdir #staffdir-content h4, h4.dept-title, .et-box-content h4 {
     margin-bottom: .5em;
}
/* override responsive/style.css */
div#content-search.staffdir {
    margin-bottom: 0;
}
h4.dept-head {
    padding-left: 0;
    line-height: 1.2em;
    font-size: 18px;
}
#org-tree {
  border-top: 1px solid #e5e5e5;
    padding: 1em;
}
#directory-list #org-tree ul,
#directory-list #org-tree ul {
    padding-left: 0 !important;
}
#directory-list #org-tree ul h4,
#directory-list #org-tree ul h5 {
    margin-top: 0;
    border-radius: 2px;
}
ul.level-1 > li > h5 {
    padding-left: 2em !important;
}
ul.level-2 > li > h5 {
    padding-left: 4em !important;
}
ul.level-3 > li > h5 {
    padding-left: 6em !important;
}

#directory-list #org-tree li.org-level-0 {
    padding-bottom: 0;
}
#directory-list #org-tree li {
    padding-bottom:0;
}
#staffdir-content #directory-list #org-tree h4 + ul {
    margin-top: 0 !important;
}
#org-tree ul.level-0:not(#top-org) > li {
    margin-top: 1.2em;
}
#org-tree ul.level-0:not(#top-org) > li > h4 {
   font-size: 14px;
}
#org-tree ul.level-0:not(#top-org) .level-1 > li {
    margin-top: .6em;
}
#org-tree ul.level-0:not(#top-org) .level-2 > li {
    margin-top: .2em;
}
/* Tech Services level */
#org-tree ul#top-org.level-0 > li {
    margin-top: 2em;
}
#org-tree ul:not(#top-org) a {
}
#org-tree ul#top-org.level-0 > li > h4 > a {
    padding-top: .6em;
    padding-bottom: .6em;
  -moz-border-radius: 2px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-border-radius: 2px;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
  font-size: 14px;
  margin: 0;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
/*  white-space: nowrap;      */
 }
 #org-tree ul#top-org.level-0 > li > h4 > a:hover {
 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: linear-gradient(top, #ffffff, #f1f1f1);
/*  border: 1px solid #dddddd;*/
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
}
#org-tree  ul.level-0 h4 {
     text-transform:uppercase;
}
#org-tree ul#top-org.level-0 h4 {
     text-transform:uppercase;
     font-size: 1.1em;
     letter-spacing: .1em;
}
#org-tree ul.level-1 > li > h5  > a {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}
#org-tree ul#top-org ul.level-1 > li > h5  > a {
    text-transform: uppercase;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.rounded-list h5 a:hover {
   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-border-radius: 2px;
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

#directory-list #org-tree ul.level-2 li h5 a {
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}
#directory-list #org-tree ul.level-1 > li > h5 > a {
    margin-top: 14px;

}
.rounded-list a {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	padding: .4em;
	margin: .5em 0;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;
}

table#stafflist {
    font-size: 80%;
}
#staff-photo {
    float: left;
    margin-right: 1em;
}
#staff-photo #wpcf-field-photo img {
    vertical-align: left;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1em;
}
#sidebar-staffdir #directory-detail {
    margin-top: 0;
    padding: 0 1em;
}

#directory-detail ul, #directory-list ul {
    list-style-type: none;
}
#directory-detail li, #directory-list li {
    padding-bottom: .8em;
}
#directory-detail ul .field-name {
    font-weight: bold;
    display: inline-block;
    margin-bottom: .4em;
}
#sidebar-staffdir #directory-detail li div.field-value {
    margin-bottom: .5em;

}
#sidebar-staffdir {
  margin-top: 20px;
  font-size: 14px;
  line-height: 15px;
}
#sidebar-staffdir .widget-wrapper {
    font-size: 14px;
}
#sidebar-staffdif #widget-wrapper div#search-staff {
    float: right;
    clear:right;
}
/* override default width of 100% so search button appears on same line */
#sidebar-staffdif .widget-wrapper input#search-staff-textfield, #searchform-staffdir input#search-staff-textfield{
    width:75%;
}
#sidebar-staffdir .submit, #searchform-staffdir .submit, form#scholarbounce input[type="submit"] {
    font-size: 90%;
}
#sidebar-staffdir .more li {
    line-height: .9em;
    margin-bottom: .5em;
}
#sidebar-staffdir ul li {
  padding-bottom: 1em;

}
#sidebar-staffdir #browse-links li, #sidebar-staffdir #external-links li {
    line-height: 18px;
}
#sidebar-staffdir li div.campus-box{
    display: inline;
    margin-left: .1em;
}
#sidebar-staffdir #external-links li {
    line-height: 12px;
    margin-top: 10px;
}
#directory-list {
    clear:both;
}
#staffdir-content h3 + h4 {
  margin-bottom: 1em;
  line-height: 1.2em;
}
#staffdir-content #directory-detail div.field-value {
    display: inline-block;
}
#sidebar-staffdir span.org-url {
    display: block !important;
}
#department-list {
    clear: both;
    margin-top: -20px;
}
#directory-list h4 {
    margin-bottom: .5em;
}
.single-organization h4, #directory-list h5 {
  margin-bottom: 1em;
}
ul.org-level {
    margin-bottom: 3em;
}
li.org-level-1 li.org-staff, li.org-level-2 li.org-staff  {
    font-size: 1em !important;
    list-style-type: none;
    font-weight: normal;
}
.org-head {
    font-size: 1em;
}
.dept-title {
    font-size: 110%;
    font-weight: bold;
    margin-top: 1em;
    text-transform: uppercase;
}
/* organizations at all levels */
li.org {
    list-style-type: none;
}
#content-full #search-staff {
   width: 25%;
   float: right;
}

th.sort-header, #stafflist th {
    /* relative links are relative to this stylesheet's location - wp-content/themes/responsiveUNCLib */
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-weight: bold;
    background-image: url("images/tablesorter-bg.gif");
}
.single-organization #staffdir-content #directory-list h4 + ul {
    margin-top: 1em !important;
}
#directory-list #listContainer h4 {
    font-size: 1.1em;
    margin-bottom: 0;
}
#directory-list h4#staff-label {
    padding-top: 1em;
}
#directory-list #listContainer h5 {
    font-weight: normal;
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 0;
}
#directory-list #listContainer li {
   padding-bottom: 0;
}
.gray-box-link {
    padding: .5em 1em;
    font-weight: strong;
    border: 1px solid #DDDDDD;
    background: linear-gradient(center top, #F9F9F9, #F1F1F1);
    border-radius: 2px;
}
.staffdir-search-results {
    margin-top: 2em;
}
.staffdir-search-results div {
    margin-bottom: 1em;
}
/*** STAFF DIRECTORY MOBILE ******/
@media screen and (max-width: 800px) {

    /*  widen the top right search box and put it below 'browse depts' button */
    #content-full #search-staff {
        width: 100%;
        clear: both;
        float: left;
    }
    #content-full #browse-dept { margin-top: 0; margin-bottom: .2em; width: 100%;}
    #content-full #searchform-staffdir input#search-staff-textfield{ width: 80%; }
    #content-full #searchform-staffdir .submit { width: 15%; }
}

/*****************************************/
/*   General styles                      */
/*****************************************/
bigger {
    font-size: 1.2em;
}
.strong {
    font-weight: 700;
}
.stronger {
    font-weight: bolder;
}
.strongest {
    font-weight: bold;
}
.no-indent {
    margin-left: 0;
    padding-left: 0;
}
.float-left {
    float:left;
}
.float-right {
    float: right;
}
ul.no-bullets {
  list-style-type: none;
}
.no-space-below {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.no-space-above {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.top-gray-border {
    border-top: 1px solid #e5e5e5;
    padding-top: 2em;
}
.gray-border {
    border: 1px solid #e5e5e5;
}
.small-text {
    font-size: 90%;
}
.smaller-text {
    font-size: 80% !important;
}
.round-corners {
    padding: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.zebra tr:nth-child(even), .zebra li:nth-child(even) {
    background-color: #E5E5E5;
}
.zebra tr:nth-child(odd), .zebra li:nth-child(odd) {
    background-color: #EFEFEF;
}
.zebra th {
	background-color: #C8C8C8;
	border: 1px solid #EFEFEF;
/* linear-gradient looks good but hides sort arrows
	background: linear-gradient(to bottom, #F5F5F5 0%, #E1E1E1 100%) repeat scroll 0 0 transparent !important;
*/
}

.inline {
	display: inline;
}

/* same margin as #content */
.top-margin {
	 margin-top: 40px;
}

.center {
	text-align: center;
}

/*****************************************/
/*   Branch Search Widget                */
/*****************************************/

.uncSearch-branch {
	background-color:#F1F1F1;
	padding:0px 0px 0px 25px;
	border:1px solid #999;
	width:80%;
	margin-bottom:10px;
}

.uncSearch-branch form {
	margin: 1em 0;
}

.uncSearch-branch #searchlinks {
	font-size:14px;
	margin-top:-10px;
}

.uncsearch-branch input.Ntt {
    font-size:16px;
}
.uncsearch-branch input[type="submit"].search_button {
    font-size:16px;
}
.uncSearch-branch .transparent {
    background-color: transparent !important;
    border: none !important;
}
.uncSearch-branch .clear-left {
    clear: left;
}


/*****************************************/
/*   Articles Search Widget              */
/*****************************************/

.uncSearch-articles {
	margin: 0px 10px 0px 0px;
}

.uncSearch-articles form {
	/*margin:30px -10px 0px -10px;*/
}

.uncSearch-articles input[type='text']#article_search {
    width: 60%;
}
.uncSearch-articles select#search_type.article_dropdown {
    width: 20%;
}

.uncSearch-articles input[type='submit'] {
    width: 15%;
    margin-left: .2em;
}

/* attempting to get rid of empty paragraphs; not sure if it's necessary -sms */
.uncSearch-articles p:empty {
    display: none;
    margin: 0;
}
.uncSearch-articles p {
    display: inline;
    margin-top: 0;
    line-height: 0;
}

.uncSearch-articles input, .uncSearch-articles select {
    font-size: 16px;
    height: 2em;
}
.uncSearch-articles div.linetwo {
    margin-top: 1em;
	font-size: 16px;
}

.uncSearch-articles div.linetwo #peer-reviewed {
	vertical-align: middle;
}

.uncSearch-articles div.linetwo label {
/*	vertical-align: middle;*/
    margin-left: .5em;
}

/* for "Advanced Search" link */
.uncSearch-articles div.float-right {
    margin-right: 3em;
    font-weight: bold;
}

.uncSearch-articles div.float-right a {
	vertical-align: middle;
}

@media screen and (max-width: 600px) {
.uncSearch-articles input, .uncSearch-articles select {
    font-size: 12px;
    height: 2.5em;
}

.uncSearch-articles div.linetwo {
    margin-top: 1em;
	font-size: 12px;
}

.uncSearch-articles input[type='text']#article_search {
    width: 100%;
	margin-bottom: 1em;
}
.uncSearch-articles select#search_type.article_dropdown {
    width: 50%;
}

.uncSearch-articles input[type='submit'] {
    width: 25%;
    margin-left: .2em;
}

/* for "Advanced Search" link */
.uncSearch-articles div.float-right {
    margin-right: 0;
    font-weight: bold;
	float: none;
}


}



/*****************************************/
/*   Mobile Search Form Widget           */
/*****************************************/

/* NOT BEING USED? */ 
/*.uncSearch-mobile {background-color:none; padding:0px 0px 0px 25px; border:none; width:100%; margin-bottom:15px;}
.uncSearch-mobile input.Ntt {
    font-size:14px;
}
.uncSearch-mobile input.search_button {
	display: none;
}
.uncSearch-mobile.clear-left {
    clear: left;
}*/


/*********************************************/
/*  Custom Styles for Post Entries           */
/*********************************************/

/* updated 9/11/13 - sms */

.post-entry h4 {
	padding-bottom:0px !important;
	margin-bottom:-20px;
	/*font-size:16px;*/
}

.post-entry h5 {
	padding-bottom:0px !important;
	margin-bottom:-30px;
}

/* fix headings when they are followed with a list*/
.post-entry h4+ul {
	margin-top:25px !important;
}

/* override -20px bottom margin on Coursepages -  */
#cpcontent h4 {
    margin-bottom: 1em;
}

/* If we want to make this specific to branch pages:
 *   .page-template-branches-php #content h1.post-title
 */
h1.post-title { 
    color: #3B9BDB;
    text-shadow: 0px 2px 3px #999; 
    font-size:40px;
}

.post-entry h2  {
    color: #3B9BDB;
    text-shadow: 0px 2px 3px #999; 
    /*font-size:25px;*/
    margin:-10px 0px .5em 1em; 
    font-weight:bold
}

/*****************************************/
/*   Sidebar styles                      */
/*****************************************/

.widget-wrapper {
	padding: 20px 10px;
}

@media (min-width: 40em) and (max-width: 55em) {
    .widget-wrapper {
            font-size: 100%;
    }
}

@media (min-width: 70em) {
    .widget-wrapper {
            font-size: 80%;
    }
    .widget-title {
            font-size: 18px;
    }
}

/*****************************************/
/*   Sidebar subnavigation styles        */
/*****************************************/

.subnav .current_page_ancestor ul,
.subnav .current_page_item ul,
.subnav .current_page_ancestor.current_page_parent .current_page_item ul,
.subnav .current_page_ancestor.current_page_parent ul {
    display: block;
}

.subnav .current_page_item ul ul,
.subnav .current_page_ancestor.current_page_parent ul ul,
.subnav ul ul ul {
   display: none;
}

.subnav {
    margin-left: -20px;
}

#subnav li,
#subnav ul li,
#subnav ul li ul li,
#subnav ul li ul li ul li {
padding-left: 0px;
 list-style-type: none;
}
/* Top level menu item */
#widgets ul#subnav > li.parentul > a {
    background: none;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: .2em;
}
#subnav ul > li  {
    border-bottom: 1px solid #E5E5E5;
    padding-top: .2em;
    padding-bottom: .2em;

}
#subnav ul > li.parentul {
   border-bottom: none;
}
#subnav ul li a {
   display: block;
   padding-bottom: .1em;
   margin-left: .1em;
   padding-top: .1em;
   margin-top: .1em;
   margin-bottom: .1em;

}
#subnav ul li a:hover  {
   background: #EFEFEF;
}
#subnav ul li.current_page_item ul.children,
#subnav ul li.current_page_item ul.children li {
   background: #F9F9F9;
}
#subnav ul li.parentul a {
/* font-weight: bold; */
/* color: brown; */
}

#subnav ul li.parentul ul li a {
/* font-weight: bold; */
/* color: orange; */
}

#subnav ul ul li.parentul a {
font-weight: normal;
}
#subnav .current_page_parent a,
#subnav .current_page_item a {
font-weight: normal;
/* color: yellow; */
}

#subnav li.current_page_ancestor
/* .subnav li.current_page_item */ {
font-weight: bold;
}

#subnav li.current_page_item {
     background: #EFEFEF;
}

/***********************************/
/*     Menu styles                 */
/***********************************/

/*Turn the Services menu into 2 columns*/
.menu-item a[title='services'] + ul.sub-menu {width: 475px}
.menu-item a[title='services'] + ul.sub-menu li {width: 40%; float:left !important}

/*Turn the Do Your Research menu into 2 columns*/
.menu-item a[title='doyourresearch'] + ul.sub-menu {width: 475px}
.menu-item a[title='doyourresearch'] + ul.sub-menu li {width: 40%; float:left !important}

.menu li li{border-top:none !important}

#logo{height:0px;}


li.become-far-right {
float:right!important;
}

/* Current page */
.menu .current_page_item a,
.menu .current-menu-item a,
.menu .current-menu-item,
.menu .current_page_item
{
    background-color: #336699;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#558ab8), to(#336699));
    background-image: -webkit-linear-gradient(top, #558ab8, #336699);
    background-image: -moz-linear-gradient(top, #558ab8, #336699);
    background-image: -ms-linear-gradient(top, #558ab8, #336699);
    background-image: -o-linear-gradient(top, #558ab8, #336699);
    background-image: linear-gradient(top, #558ab8, #336699);
    /*This next line breaks css images in IE9.  I don't know why.  CH 6/26/13
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#558ab8, endColorstr=#336699);
	*/
}

.menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #336699;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#558ab8), to(#336699));
    background-image: -webkit-linear-gradient(top, #558ab8, #336699);
    background-image: -moz-linear-gradient(top, #558ab8, #336699);
    background-image: -ms-linear-gradient(top, #558ab8, #336699);
    background-image: -o-linear-gradient(top, #558ab8, #336699);
    background-image: linear-gradient(top, #558ab8, #336699);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#558ab8, endColorstr=#336699);
    margin: 0 auto;
	font-size: 90%;
}
/* Menu items */
.menu a {
    border-left: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 0.9em;
    text-shadow: none;
}
/*.menu li.menu-item {
     border-left: 1px solid #fff;
}*/
/* Menu item hover */
.menu a:hover {
    background-color: #336699;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#558ab8), to(#336699));
    background-image: -webkit-linear-gradient(top, #558ab8, #336699);
    background-image: -moz-linear-gradient(top, #558ab8, #336699);
    background-image: -ms-linear-gradient(top, #558ab8, #336699);
    background-image: -o-linear-gradient(top, #558ab8, #336699);
    background-image: linear-gradient(top, #558ab8, #336699);
    color: #ffeb52;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5a87b0, endColorstr=#336699);
    text-decoration: none;
}

/* Menu dropdown */
.menu li li {
    background: #336699;
    background-image: none;
    border: 1px solid #fff;
    color: #fff !important;
    filter: none;
    margin: -1px 0 1px 0;
    width: auto;
    padding: 5px;
}

.menu li li a{
     color: #fff;
}
select.responsiveMenuSelect{
    height:50px;
    font-size:200%;
}
/**/@media only screen and (max-width: 1060px) {

   .menu li a, .menu li li a {
        font-size: 12px;
/*        font-size: 1em;*/
    }

}
/*@media only screen and (max-width: 970px) {*/
/**/@media only screen and (max-width: 980px) {

       .menu li a, .menu li li a {
          font-size: 10px;
/*            font-size: .9em;*/
        }
            #searchlinks li { font-size: 12px; }

}

@media only screen and (max-width: 875px) {
    
    .menu li a, .menu li li a {
		font-size: 12px;
	}

    .menu a {
            line-height: 1em;
            padding-top: 1em;
    }

	#container {
            margin: 0;
            max-width: inherit;
            padding: 0;
    }
       
    .linebreak { 
        display: block; 
    }
       
    .menu a[title="Social Media Links"] {
          border-left: none;
       }

    .menu-item-498 a {
        border-right: 1px solid #fff;
    }
}

@media only screen and (max-width: 860px) {

    .menu li a, .menu li li a {
		font-size: 12px;
        /*font-size: .7em;*/
	}

    #searchlinks li { 
        font-size: 11px; 
    }

    #about-wrapper {
		display: none;
	}
}

@media only screen and (max-width: 860px) {

   .menu li a, .menu li li a {
		font-size: 11px;
        /*font-size: .7em;*/
	}
}

/* Menu dropdown hover */
.menu li li:hover{
    background:#336699 !important;
    color: #fff !important;
}

.menu li li a:hover {
    background: #336699 !important;
    background-image: none;
    border: none;
    color: #ffeb52 !important;
    filter: none;
}

ul.menu > li:hover {
background-color: #336699;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#558ab8), to(#336699));
    background-image: -webkit-linear-gradient(top, #558ab8, #336699);
    background-image: -moz-linear-gradient(top, #558ab8, #336699);
    background-image: -ms-linear-gradient(top, #558ab8, #336699);
    background-image: -o-linear-gradient(top, #558ab8, #336699);
    background-image: linear-gradient(top, #558ab8, #336699);
    color: #ffeb52;
	/*This next line breaks the dropdown menus in IE9.  I don't know why. CH 6/26/13
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#558ab8, endColorstr=#336699);
	*/
}

.menu-item ul li, .menu-item ul li a {
    box-shadow:none;
}

li.menu-item a[title="accounts"] {
   text-align: right;
   width: 118px;
}

li.menu-item a[title="accounts"]:link {
   background: url("images/accounticon.png")  11px center no-repeat;
}

.moreOption { background-color: #2F5272 !important; }

/*Make the contact us menu item red*/
/*.menu-item-654 {background:#b91619 !important;}
.menu-item a[title="contact"]:hover {background:#b91619 !important;}*/

li.menu-item a[title="contact"]:link {background:#b91619;} /* unvisited link */
li.menu-item a[title="contact"]:visited {background:#b91619;} /* visited link */
li.menu-item a[title="contact"]:hover {background:#b91619 filter:none;} /* mouse over link */
li.menu-item a[title="contact"]:active{background:#b91619;} /* selected link */

li.menu-item a[title="contact"] {
   text-align: right;
   width: 90px;
}
li.menu-item a[title="contact"]:link {
   background: url("images/chat1.png") #b91619 10px center no-repeat;
}



/*Display images for logo and social media:*/

.menu-item a[title='Social Media Links']{
height:45px;
width:110px;
padding:0px; margin-left:6px; outline:none; text-indent:-9999px;

background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), webkit-gradient(linear, left top, left bottom, from(#558ab8), to(#336699)) !important;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), -webkit-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), -moz-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), -ms-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), -o-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png'), linear-gradient(top, #558ab8, #336699) !important;
background-position:0px 0px;
background-image:url('/wp-content/themes/responsiveUNCLib/images/social.png') !important;
}

.menu-item a[title='Social Media Links']:hover{
filter:none;

}

.menu-item a[title="Home"]{

height:35px; width:154px; padding:0px; margin:5px; outline:none; text-indent:-9999px;
background-position:0px 0px;
background-image:url('images/unclogo2.png') !important;
background-image:url('images/unclogo2.png'), -webkit-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('images/unclogo2.png'), -moz-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('images/unclogo2.png'), -ms-linear-gradient(top, #558ab8, #336699) !important;
background-image:url('images/unclogo2.png'), -o-linear-gradient(top, #558ab8, #336699) !important;
behavior: url('/wp-content/themes/responsiveUNCLib/includes/pie_files/PIE.htc');

}

 li.menu-item a[title="Home"]:hover {
filter:none;
}

/******************************/
/*  404 Page                  */
/******************************/

.error_msg { color: #B91619;}
.error_msg p { font-style: italic; font-size: 1.6em; margin-top: .8em;}
.error404 input[type="text"] {
    width: 100%;
}
.error404 h3 { margin-top: 0;}

/********************/
/*Fixing odds & ends*/
/********************/

/*Fix recaptcha display issue*/
#recaptcha_response_field {
height: 20px;
}

/*shrink padding on elegant themes' boxes*/
.et-box-content {
padding: 10px 10px 10px 15px !important;
}

/*aligns the slider with search menu */
.advanced-slider {margin-left:10px !important;}

.hours-widget p {
  margin-top: -20px;
}


/******************************/
/*  Sitemap / A-Z List        */
/******************************/

.wideCol {

	}

.sitemap-group{
	padding: 5px 10px 10px 10px;
	margin: 5px;
	background-color: #F5F8FD;
}

.sitemap-alpha{
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}


/******************************/
/*       GOOGLE SITE SEARCH   */
/******************************/

/* overriding plugin styles - these are from responsive/style.css */


/* integrate dc.css styles with wp styles */
#maincontainer {
    margin-top: 20px;
}
/***** FORM FIXES - CHANGING WIDTHS OF INPUT, SELECT, etc ON SPECIFIC FORMS  - egb *********/


/* Articles+ Search Form on homepage and branch pages */
input[type="text"].uncSearch-home, body.home input[type='text'].catalog_search {
	width: 80%;
}
body.page-template-branches-php input[type='text'].catalog_search {
	width: 60% !important;
}

/* Corrections for rogue <p>s appearing in FORMS pasted into wp-admin content box */
/* Including:
/* GIS & Data Services at /services/data              */

form.html-correct p:empty {
    display: none;
    margin: 0;
}
form.html-correct p {
    display: inline;
    margin-top: 0;
    line-height: 0;
}
form.html-correct input, form.html-correct select {
    font-size: 12px;
    height: 2.5em;
}
form.html-correct.full-width input, form.html-correct.full-width select {
    font-size: 16px;
    height: 2em;
}
form.gis_search select {
    width: 22%;
}
form.gis_search input[type='text'] {
	width: 58% !important;
}
form.html-correct input[type='submit']{
    width: 15%;
    margin-left: .2em;
}
form.html-correct div.linetwo {
    margin-top: 1em;

}
form.html-correct input[type='checkbox'] {
      vertical-align: bottom;
}
form.html-correct div.linetwo label {
       vertical-align: middle;
       margin-left: .5em;
}

/******** KIOSK DATEPICKER *********/
input#my_date[type="text"] {
    width: 60%;
}
label[for="my_date"] {
    padding-right: 1em;
    vertical-align: .5em;
}
/***** GOOGLE SCHOLAR ********/
form#scholarbounce input[type="text"] {
    width: 75%;
}
form#scholarbounce input[type="submit"] {
    margin-left: 1em;
}
/********************styles for mobile link box*********************/

/*.mobilebox{background-color:#467AAA !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 4px 4px 4px 4px;
    margin: 0 0 20px;
    text-shadow: none !important;
    box-shadow:none !important;
}
.mobilebox ul.linkbox-links li {
    color:#FAFAFA !important;
    font-size:1.2em !important;
    line-height:1.7em !important;
}*/


.hours-widget h2 {
margin: 0px;
color: #555555;
text-shadow: none;
}

/****** KIOSK MEEETINGS /other/kiosk ********/
#meetingsTable { margin-top: 0;}
.page-template-kioskkiosk-php td.narrow, th.narrow { width: 10%;}
.noevents {
	clear: right;
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 14px;
	border-style: solid;
	border-width: thin;
	border-color: #99c0e6;
	width: 100%;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
/*	border-right: 8px solid #99c0e6; */
	border-right: 8px solid #C8C8C8;
        float: left;
        padding-right: 4px;
        margin-right: 4px;
}
.arrow-right {
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
/*	border-left: 8px solid #99c0e6; */
        border-left: 8px solid #C8C8C8;
        float: right;
        padding-left: 4px;
        margin-left: 4px;
}
.dots { list-style-type: circle;}
.datelinks {
    margin-top:3em;
    font-weight: 500;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
#my_date {
    -moz-box-shadow: 2px 2px 1px #888;
    -webkit-box-shadow: 2px 2px 1px #888;
    box-shadow: 2px 2px 1px #888;
    margin-bottom: 10px;
}
.datepicker {
    font-size: 12px;
    margin-top: 3em;
}
.page-template-kioskkiosk-php td.narrow, th.narrow {
    width: 10%;
}
.kiosk-today { font-size: 2em; font-weight: bold;}
/*** end KIOSK styles ****/

/********************background toggle styles***********************/

#background_toggle a {
	float:left;
	margin: 4px;
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	color:#fff;
}

#about-link {
	border-left: 1px solid #ccc;
}

#about-link a {

	float:right;
	margin: 4px;
	font-size:16px;
	font-weight:normal;
	cursor:pointer;
	color:#fff;
}
#about-wrapper {
	width:960px;
	margin:5px auto 0;
}
#about-bg-controls {
	opacity:1;
	float:right;
	padding:0 3px;
}
#about-bg-controls a {
	color:#fff;
	padding: 0 .3em;
	text-align: center;
	font-size: 85%;
	height: 3.2em;
	line-height: 2.4em;
	letter-spacing: .03em;
	cursor:pointer;
}
#about-bg-controls a {
	color: #CCC;
}
#about-bg-controls {
	background-color:#555;
	opacity:.9;
}
#bg-toggle-divider {
	color:#fff;
	padding: 0 .3em;
	text-align: center;
	font-size: 85%;
	height: 3.2em;
	line-height: 2.4em;
	letter-spacing: .03em;
	cursor:pointer;
}

/* ALERT BOX STYLES */

.alert {
	font-size: 11px;
	background-color: #fff;
	float:left;
	border-style: solid;
	border-width: 5px;
	border-color:#CC0033;
	margin: 10px;
	position: relative;
	/*
	width:100%;
	float:left;
	color: #ad7676;
	background: #ffd9d5;
	border: 1px solid #fceeec;
	-moz-box-shadow: inset 0 0 45px #f0bfba;
	-webkit-box-shadow: inset 0 0 45px #f0bfba;
	box-shadow: inset 0 0 45px #f0bfba;
	*/
}

.alert h3 {
	font-size: 14px;
	text-align: center;
	color:#000;
}

.alert .title {
	font-size: 12px;
}

.alert .reg_rss-output {

}

.campus-alert {
	font-size: 11px;
	background-color: #fff;
	width:100%;
	float:left;
	border-style: solid;
	border-width: 3px;
	border-color:#CC0033;
	margin-bottom: 5px;
}

.campus-alert h3 {
	font-size: 14px;
	text-align: center;
}

.campus-alert .title {
	font-size: 12px;
}

.campus-alert .reg_rss-output {

}


/******************************/
/*    MOBILE HOURS DISPLAY    */
/******************************/

div#hours {

}

div#hours table  {
	border: none;

}

div#hours table td {
    font-size: 20px;
    background: url("images/listArrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}


div#hours table td a {
	font-weight: bold;
	color: inherit;
    display: block;
    padding: 8px 32px 8px 10px;
    text-decoration: none;
}

div#hours .hours-widget {
	display: inline-block;
    font-size: 80%;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
}

div#hours .hours-widget p {
	display: inline;
}

div#hours .hours-widget p strong .open {
	color: #008000;
    font-size: 130% !important;
    font-variant: normal !important;
}

div#hours .hours-widget p strong .closed {
	color: #F00;
    font-size: 130% !important;
    font-variant: normal !important;
}

/* Weekly Hours Display for each Branch */

/*div.hours-week {

}

div.hours-week h2 {
	margin-left: 0;
	margin-bottom: 2em;
}

div.hours-week table caption {
	padding: 8px;
}

div.hours-week table.hours th {
	margin: 0 !important;
	text-align: center !important;
}

div.hours-week p#monthly-view-link, div.hours-week p#full-view-link {
	display: none;
}*/


div.widget-wrapper div#hoo-weekly h4#hours-header {
    /*font-size: 120%; 
    line-height: 110%; 
    margin-bottom: 15px;*/
}

div.widget-wrapper div#hoo-weekly table.weekly-hours {
    border: none;
    margin-left: 0;
}

div.widget-wrapper div#hoo-weekly table.weekly-hours td, 
div.widget-wrapper div#hoo-weekly table.weekly-hours th  {
    border: none;
    padding: .2em;
}

div.widget-wrapper div#hoo-weekly table.weekly-hours th {
    text-align: left;
    display: none;
}

div.widget-wrapper div#hoo-weekly table.weekly-hours table caption {

/* Responsive iFrame */

.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/******************************/
/*    CUSTOM UNCSONGS STYLES  */
/******************************/

div#uncsongs ul.et-tabs-control li  {
    background-color: #CCE6FF !important;
}


div#uncsongs ul.et-tabs-control li a {
    font-size: 14px;
    font-weight: bold;
    color: #025bad !important;
    padding: 10px;
}

div#uncsongs .et-learn-more h3 {
    font-size: 14px;
    font-weight: bold;
    color: #025bad !important;
    padding: 10px;
}

div#uncsongs pre {
    font-family: inherit;
    background-color: none;
    border: none;
    box-shadow: none;
}

div#uncsongs et-box-content, div#uncsongs et-shadow {
    box-shadow: none;
    border: none;
    text-shadow: none;
}

/******************************/
/*    CUSTOM MAKERSPACE STYLES  */
/******************************/

.makerspace .et-box-content { 
    padding: 0 !important; 
}

.makerspace .centerCaption { 
    text-align: center; 
    color:black;
}

.makerspace .one_third { 
    margin-right: 2%; 
}

.makerspace .spacedList {
    padding: 10px 0px 0px 0px;
}