/*
Theme Name:     Durham County Library
Theme URI:      https://durhamcountylibrary.org
Description:    Wordpress theme for Durham County Library
Author:         Durham County Library - Matthew Clobridge
Author URI:     https://durhamcountylibrary.org
Template:       canvas
Version:        1.0
*/

@import url("../canvas/style.css");

/*--------------------------------------------------------------------
** HEADER
*-------------------------------------------------------------------*/

#header {
  padding: 8px 0 15px 0 !important;
}


/* Moves top nav flush with left side of page */

#top #top-nav {
	padding-left: 0px;
}

#menu-item-302 > a {
	padding-left: 0;
}


/* Moves log in link in top nav to right side of page and adds styling
*  NOTE: CSS to expand top nav to full width is entered into custom CSS section of theme settings. */

.login_nav.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-1756 {
   	float: right;	
    background-color: #16416f;
    border-radius: 0 0 5px 5px;
}

.login_nav.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-1756 a {
    background-color: #16416f !important;
    border-radius: 0 0 5px 5px;
}

#top ul.nav li.login_nav.current-menu-item a {
  color: #ffffff !important;
}

#top ul.nav li.login_nav a {
	color: #ffffff;
	font-weight: bold;
}

#top ul.nav li.login_nav a:hover {
	color: #ffffff !important;
	font-weight: bold;
	background-color: #16416f;
	border-radius: 0 0 5px 5px;
}


/* Moves NCC link in top nav to right side of page and adds styling */


.ncc_nav.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-15742 {
    float: right !important; 
    background-color: #4d381d;
    border-radius: 0 0 5px 5px;
    margin-right: 15px;
}

#top ul.nav li.ncc_nav.current-menu-item a {
  color: #ffffff !important;
}

.ncc_nav.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item.page_item.page-item-563.current_page_item.menu-item-15742 a {
    background-color: #4d381d !important;
    border-radius: 0 0 5px 5px;
}

#top ul.nav li.ncc_nav a {
  color: #ffffff !important;
  font-weight: bold;
}

#top ul.nav li.ncc_nav a:hover {
  color: #ffffff !important;
  font-weight: bold;
  background-color: #4d381d;
  border-radius: 0 0 5px 5px;
}


/* Styles social media links in the header. */
#header #social-links {
	padding-top: 28px;
	padding-right: 100px;
}

#header #social-links a {
  	margin-left: 5px;
  	opacity: 0.8;
  	filter: alpha(opacity=80);
  	-webkit-transition: all ease-in-out 0.2s;
  	-moz-transition: all ease-in-out 0.2s;
  	-ms-transition: all ease-in-out 0.2s;
  	-o-transition: all ease-in-out 0.2s;
  	transition: all ease-in-out 0.2s;
}

#header #social-links a:hover {
  	opacity: 1;
  	filter: alpha(opacity=100);
}

#header .social-icon-subscribe {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: 0px 0;
}

#header .social-icon-twitter {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -30px 0;
}

#header .social-icon-facebook {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -60px 0;
}

#header .social-icon-youtube {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -90px 0;
}

#header .social-icon-flickr {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -120px 0;
}

#header .social-icon-instagram {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -150px 0;
}

#header .social-icon-pinterest {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -180px 0;
}

#header .social-icon-googleplus {
	display: inline-block;
  	height: 28px;
  	width: 30px;
  	background-image: url(images/ico-subscribe-social.png);
  	background-repeat: no-repeat;
  	background-position: -210px 0;
}


/* Centers logo on small screen sizes */
@media only screen and (max-width: 767px) {
	#logo img {
		display: block;
		margin: auto;
	}
}


/* Hides social icons at small screen sizes. */
@media only screen and (max-width: 767px) {
	#header #social-links {
		display: none;
	}
}


/* Hides Canvas nav menu in favor of Ubermenu at small screen sizes. */
@media only screen and (max-width: 767px) {
    	.nav-toggle {
             	display: none ! important;
    	}

}


/* Displays Top Menu as a select box for small screen sizes. */
@media only screen and (max-width: 767px) {
	#top {
		display: block;
		width: 95%;
		margin: auto;
	}
	.top-menu {
		display: none;
	}
}

/* Adds padding on small screens to prevent alert bar from overlapping top menu */
@media only screen and (max-width: 767px) {
	div#wnb-bar {
		position: static;
	}
	/* #wnb-bar ~ #top {
		padding-top: 66px;
	} */
}


/* Shows and styles Ubermenu on small screen */
@media only screen and (max-width: 767px) {
	.csstransforms3d.csstransitions #navigation {
		backface-visibility: visible;
		-webkit-backface-visibility: visible;
		left: 0;
		transform: translate3d(0px, 0px, 0px);
		-webkit-transform: translate3d(0px, 0px, 0px);
		background: none;
	}
	#navigation {
		display: block;
	}
	#navigation .nav-home {
		display: none;
	}
	#navigation .nav-close {
		display: none;
	}
	#navigation {
		position: relative;
		padding-top: 0;
		width: 95%;
		margin: auto;
	}
	#navigation .menus h3 {
		display: none;
	}
}


/* Lessens the bottom padding of the main navigation bar. NOTE: Styling for main navigation bar is found in plugins/ubermenu/styles/custom.css. */
#navigation {
	margin-bottom: 1em;
}


/*------------------------------------------------------------------------------------
** HOMEPAGE -- Customizes Sidebar-Content-Sidebar Template
*------------------------------------------------------------------------------------*/

/* Sets the layout to roughly 25%-50%-25%*/
.three-col-middle #main-sidebar-container {
	width: 74.6% !important;
}

.three-col-middle #main-sidebar-container #main {
	width: 66% !important;
}

.three-col-middle #main-sidebar-container #sidebar {
	width: 32.25% !important;
}

.three-col-middle #sidebar-alt {
	width: 24% !important;
}

/* Allows above changes to display properly at small screen sizes */
@media only screen and (max-width: 767px) {

    	.three-col-middle #main-sidebar-container {
		width: 95% !important;
		margin: auto !important;
     	}

   	.three-col-middle #main-sidebar-container #main {
		width: 95% !important;
		margin: auto !important;
     	}

     	.three-col-middle #main-sidebar-container #sidebar {
		width: 95% !important;
		margin: auto !important;
     	}

     	.three-col-middle #sidebar-alt {
		width: 95% !important;
		margin: auto !important;
     	}

}

#content {
  padding-bottom: 10px;
}

/* Changes main background color to allow white widgets to appear properly */
.three-col-middle #main {
  background-color: #f1f1f1;
}

/* Removes breadcrumbs from home page */
.three-col-middle .breadcrumbs {
  display: none;
}

/* Styles the widget boxes */
.three-col-middle #widgets-container h3 {
  padding: 1em 0 1em 1em;
}

/* Catalog search box */
.three-col-middle #q {
  width: 75%;
}

/* Website search box */
.three-col-middle #s {
  width: 75%;
}

#text-69 .twocol-one {
  margin-bottom: 0;
}

.shortcode-tabs {
  margin-bottom: 5px !important;
}

/* Search input text */

.three-col-middle .widget_text {
  background-color: #ffffff;
  border-radius: 5px 5px 5px 5px;
}

/* Twitter widget */
.three-col-middle .widget_woo_twitter h3 {
  padding: 1em 0 0 1em;
}

.three-col-middle .widget_woo_twitter ul {
  padding-left: 0;
}

.three-col-middle .widget_woo_twitter .back {
  padding: 0 0 0 1em;
  background: #FFFFFF;
}

.three-col-middle .widget_woo_twitter .back p {
  padding-top: 0;
  font-size: .85em;
}

.three-col-middle .widget_woo_twitter .content {
  font-size: .85em;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

/* Help widget */
#helpIcons p {
  margin-bottom: 0.25em;
  padding-bottom: 0;
}

#helpIcons img {
  padding: 0 0.5em;
}

/* Slider widget */

#main .business ul {
  padding: 0;
}

#main .business .content {
  display: none;
}

#loopedSlider .flex-control-nav, .slider-pagination .flex-control-nav {
    margin: 10px 0 20px;
    position: absolute;
    text-align: center;
    width: 83%;
    z-index: 10;
}

.business #loopedSlider a.previous, .business #loopedSlider a.flex-prev {
    left: 5px;
    position: absolute;
    top: 45%;
}

.business #loopedSlider a.flex-next {
    position: absolute;
    right: 4px;
    top: 45%;
}



/*--------------------------------------------------------------------
** PAGES
*-------------------------------------------------------------------*/

/* Adds white box around main column content and adds 5px rounded corners*/

#main {
	background-color: #ffffff;
	border-radius: 5px 5px 5px 5px;
}

#main  p, ul {
	padding: 0 1.5em 0 1em;
}


/* Adjusts main column content text so it doesn't bump up to the edges of white box */
#main .title {
	padding: .5em 1.5em 0 .5em;
}

#main h1 {
	padding: 0 .5em 0 .5em;
}

#main h2 {
	padding: 0 .6em 0 .6em;
}

#main h3 {
	padding: 0 2em 0 2em;
}

#main h4 {
	padding: 0 2.3em 0 2.3em;
}

#main h5 {
	padding: 0 1em 0 1em;
}

#main h6 {
	padding: 0 1.2em 0 1.2em;
}

#main blockquote:before {
	padding-left: .1em;
}

#main ol {
	padding-left: 3.7em;
	padding-right: 1.5em;
}

#main ul {
	padding-left: 3em;
	padding-right: 1.5em;
}

.post-meta {
	padding-left: 1em;
	padding-right: 1em;
}

.post-more {
	padding-left: 1em;
	padding-right: 1em;
}

/* Adjusts width of sidebar and main section */

.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
  width: 73% !important;
}

.two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {
  width: 25% !important;
}

/* Makes main and sidebar elements full-width on small screens */

@media only screen and (max-width: 767px) {
    .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
		width: 95% !important;
		margin: auto !important;
  }

  .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar {
		width: 95% !important;
		margin: auto !important;
  }
}

/* Adjusts padding of main content. */

#main .page .title {
  padding: 0.5em 1.5em 0 1.5em;
}

#main .page .entry p {
  padding: 0 2.2em;
}

#main .page .entry ul {
  padding: 0 5em;
}

#main .page .entry h1, h2 {
  padding: 0 1.75em !important;
}


/* Styles the breadcrumbs */

.breadcrumbs {
  font-size: .75em;
  padding-left: 3em;
  margin-bottom: .75em;
}


/*--------------------------------------------------------------------
** WIDGETS
*-------------------------------------------------------------------*/

/* Adjust widget elements so they don't not bump up to the edge of the white box */

.widget h3 {
	padding: 1em 1em 1em 1em;
	margin: 0 0 0 0;
}

.widget ul {
	padding: 0 1em 1em 1em;
	list-style: none;
}

.widget img {
  padding: .5em 1em .5em 1em;
}

.widget p {
  padding: 0 1em 1em 1em;
}

.widget {
  margin: 0 0 15px;
}

.widget ul li:before {
    content: normal;
    margin-right: 0;
}

/* Sidebar search widget */

#sidebar #catSearchForm input, select, textarea {
  width: 95%;
}

#sidebar #searchButton {
  width: 45% !important;
}

#sidebar #searchForm input, select, textarea {
  width: 95%;
}

#sidebar #searchsubmit {
  width: 45% !important;
}

/* Woo Component widget on NCC home page */

#woo_component-3 {
  background-color: #fff;
  margin-top: 25px;
  border-radius: 5px 5px 5px 5px;
}

#woo_component-3 .title {
  display: none;
}

#woo_component-3 .entry {
  padding-top: 15px;
}

#woo_component-3 .shortcode-tabs {
  padding: 0 .5em;
}

#woo_component-3 ul {
  padding: 0 !important;
}

#woo_component-3 ul.tab_titles li.nav-tab a  {
  padding: 8px 5px;
}

#woo_component-3 p {
  padding: 0 !important;
}

#woo_component-3 img {
  margin: 5px 15px 5px 0;
}

#woo_component-3 h4 {
  padding-left: 0;
}

.exhibit {
  display: block;
  clear: both;
  padding-bottom: 15px;
}

.enhanced-recent-posts li {
  padding-bottom: .5em;
}

/*--------------------------------------------------------------------
** POSTS
*-------------------------------------------------------------------*/

.post .title {
  padding: 0.5em 1.5em 0 1.5em !important;
}

.post .post-meta {
  padding: 0 1.5em 0 2.6em !important;
}

.post .entry {
  padding: 0 1.25em 0 1.25em !important;
}

.alignleft {
  float: left;
  margin: 5px 15px 15px;
}

.alignright {
  float: right;
  margin: 5px 15px 15px;
}

.pagination {
  padding-bottom: 2em;
}

#post-author {
  margin: 0 2em 1.5em 2em;
}

.post-utility {
  padding: 0 1em;
}

.post-entries {
  display: none;
}

#commentform{
  margin-bottom: 15px;
}

#comments .comment .reply a {
  color: #ffffff !important;
}


/*--------------------------------------------------------------------
** ARCHIVE/SEARCH PAGES
*-------------------------------------------------------------------*/

.archive_header {
  padding: 0 0 0 1.5em !important;
  margin-bottom: 1em;
  color: #666666;
  width: 95%;
}

.cat {
  color: #666666;
}

.catrss {
  padding-right: 1.5em;
}

.post-more {
  padding-left: 2.5em;
}

.search .post-meta {
  display: none;
}


/*--------------------------------------------------------------------
** EVENT PAGES
*-------------------------------------------------------------------*/

/* Styles the list of events on category event listing pages. */

.events-table {
  width: 90% !important;
  margin: auto;
  margin-bottom: 15px;
}

.events-table thead {
  text-align: left;
}

.events-table th {
  padding-left: 0;
}

.events-table td {
  border-bottom: 1pt solid #e6e6e6;
  padding: 7px 0 7px 0;
}

.em-pagination {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

/* Styles single event pages */

.event {
  padding-bottom: 15px;
}

.event h1 {
  padding: 0 1.5em 0.5em 1.5em !important;
}

.event .entry {
  padding-left: 1.5em;
}

.event #post-author {
  display: none;
}

.event .post-entries {
  display: none;
}

.em-location-map, .em-locations-map {
  width: 350px !important;
  height: 300px !important;
}

.em-location-map-container {
  padding-right: 1.5em;
  margin-right: 1.5em;
  background-color: #fff !important; 
}

@media only screen and (max-width: 767px) {
  .em-location-map-container {
    width: 150px;
    height: 150px;
    padding-right: 0;
    margin-right: 0;
  }
}

/*--------------------------------------------------------------------
** FOOTER
*-------------------------------------------------------------------*/

#footer p {
	text-align: center;
	line-height: 1.5em !important;
}

#footer a {
  color: #999999;
}


/*--------------------------------------------------------------------
** MISC
*-------------------------------------------------------------------*/

/* Tabs */

.ui-tabs-nav {
      padding-left: 0 !important;
}

.shortcode-tabs ul.tab_titles li.ui-state-active { 
      border-bottom: 2px solid #fff !important;
}

.entry .shortcode-tabs {
  padding: 0 2em;
}

.shortcode-tabs.boxed .tab {
  border: 1px solid #999999 !important;
}

.shortcode-tabs.boxed ul.tab_titles li {
  border-right: 1px solid #999999 !important;
  border-top: 1px solid #999999 !important;
}

.shortcode-tabs.boxed ul.tab_titles {
  border-left: 1px solid #999999 !important;
}

/* Search input text */

#catSearchForm input, select, textarea {
  color: #999999;
}

#searchForm input, select, textarea {
  color: #999999;
}

/* Content Toggle */

.shortcode-toggle h4 {
  padding: 0 2em !important;
}

.shortcode-toggle .toggle-content {
  padding: 1em 1em !important;
  margin: 0 2em 0 2em !important;
}

/* Policy Table */
#policy p {
  font-size: 11px;
}

#policy table {
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #666666;
  border-width: 1px;
  margin: auto;
}

#policy td  {
  font-size: 95%;
  text-decoration: none;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #666666;
  border-width: 1px;
  text-align: left;
  padding: 2px;
  vertical-align: middle;
}

/* Evanced RSS Feeds */

div.feedburnerFeedBlock ul { 
margin-left:5 px; 
padding-left:0; 
list-style-type: none 
}

div.feedburnerFeedBlock ul li span.headline { 
font-weight:bold;
font-size:16px; 
display:block; 
margin:30px 0 0 0; 
}

div.feedburnerFeedBlock h1 {
  display:none
}

div.feedburnerFeedBlock div {
  font-size:12px;
}

#creditfooter {
  display:none
}


/* Evanced Widgets */

.eventList {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    color: #666;
    clear: both;
}
.eventList.heading {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding-top: 10px;
}
.eventList .item {
    background-color: #f9f9f9;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #EEE;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.notabs {
    margin: 0 30px 10px 30px;
}
.eventList a, .eventList .title {
    margin-left: 8px;
    padding: 0 !important;
    font-size: 18px;
    font-weight: bold;
    color: #409a3a;
    text-decoration: underline;
}
.eventList a:hover {
    text-decoration: underline;
}
.eventList .time {
    font-weight: bold;
    color: #666;
    padding-left: 15px;
}
.eventList .date {
    float: right;
    padding-right: 10px;
}
.eventList img {
    width: 100%;
    height: auto;
}
.eventList .image {
    float: left;
    max-width: 80px;
    height: auto;
    margin: 5px 10px 5px 0;
    overflow: hidden;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 1px rgba(40, 51, 51, .2);
}
.eventList .description {
    font-size: 14px;
    margin: 0 15px 7px 15px;
}
.eventList .description a {
    font-size: 14px;
    margin-left: 0;
}
.eventList .location {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 7px;
}
.eventList .branch {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 7px;
    margin-left: 15px;
}
.eventList hr {}


/* NextReads Archive List */

.LinkText {
  padding-left: 2em;
}

/* Box */

p.woo-sc-box, div.woo-sc-box {
  margin: 1em 2em 1.5em !important;
}

/* My Next 5 Form */

.mnfss-form-entry {
  padding: 1em 2.5em 0 2.5em;
}

.mnfss-q-short {
  width: 20em;
}

.mnfss-q-help {
  font-size: .75em;
  font-style: italic;
}

.mnfss-choice-item {
  list-style-type: none !important;
}

.mnfss-required-asterisk {
  display: none;
}

.mnfrequired-message {
  display: none;
}

.mnfss-password-warning {
  display: none;
}


/* Enterprise log in form */

#loginPageForm {
  padding-left: 2.5em;
}

.password {
  padding-right: 8.7em;
}

/* Contact Forms */

.wpcf7-submit {
  background-color: #666666;
  color: #ffffff;
  cursor: pointer;
}

.wpcf7-textarea {
  color: #000000;
}

/* Gravity Forms */

.gfield {
  padding-bottom: 20px;
}

.gform_footer {
  padding: 1em 5em 1em 5em !important;
}

.gform_page_footer {
  margin: 1.25em 5em !important;
  width: 50% !important;
  border-top: 0 !important;
  padding: 0 !important;
}

img.ui-datepicker-trigger {
  vertical-align: middle;
}

.gform_heading {
  padding-left: 2.5em;
  padding-right: 1em;
  width: 90% !important;
}

.gform_confirmation_wrapper {
  padding-left: 2.5em;
  padding-right: 1em;
  width: 90% !important;
}

.gfield_list th {
  background: #ffffff !important;
}

.gform_widget .gform_wrapper {
  margin-top: 0;
}

.gform_widget .gform_heading {
  padding-left: 1em;
  width: 100% !important;
}

.gform_widget .gform_description {
  margin: 0;
}

.gform_widget .gform_fields {
  padding-left: 1em !important;
}

.gform_widget .gfield {
  padding-bottom: 0;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
}

.gform_widget input {
  margin-bottom: 0;
}

/* Calendar location selector drop-down */

#pages {
  margin: auto;
  width: 20em;
  padding: 1em 0 1em 2em;
}

#pages option {
  color: #666666;
}

/* Styles Soliloquy slider plugin */

.soliloquy ul {
  padding: 0 !important;
}

.soliloquy ol {
  padding: 0 !important;
}

.soliloquy-theme-classic .soliloquy-pager {
    bottom: 0 !important;
    line-height: 2em !important;
    list-style: none outside none !important;
    margin: 0 !important;
    position: relative !important;
    text-align: center !important;
    z-index: 30 !important;
}

#soliloquy-4 {
    padding-bottom: 20px;
    background-color: #f1f1f1;
}

#soliloquy-5 {
    background-color: #f1f1f1;
}

.soliloquy-controls-direction a {
    display: none !important;
}

.soliloquy-container:hover .soliloquy-controls-direction a {
   display: block !important;
}

.soliloquy-default-pager {
    bottom: 0 !important;
    line-height: 2em !important;
    list-style: none outside none !important;
    margin: 0 !important;
    position: relative !important;
    text-align: center !important;
    z-index: 30 !important;
}

.soliloquy-container .soliloquy-image {
    padding: 0;
}

.soliloquy-container .soliloquy-pager .soliloquy-pager-item a {
	background: url(https://durhamcountylibrary.org/wp-content/uploads/2013/12/circle.png) no-repeat scroll 0 0 !important;
	width: 15px !important;
	height: 18px !important;
}

.soliloquy-container .soliloquy-pager .soliloquy-pager-item a:hover, .soliloquy-container .soliloquy-pager .soliloquy-pager-item .active {
	background: url(https://durhamcountylibrary.org/wp-content/uploads/2013/12/circle-hover.png) no-repeat scroll 0 0 !important;
}


/* NCC Pages */

#ncc #main {
  background-color: #ffffff;
}

#ncc #main .breadcrumbs {
  display: block;
}

/* Kids Pages */

#kids #catSearchForm {
  padding: 0 1em 1em 1.5em;
}

#kids #main .textwidget {
  margin-bottom: 14px;
}

#kids .widget img {
  padding: 0;
}

#kidsAlt .widget img {
  padding: 0;
}

/* 404 Page */

#fourOhFour .title {
  padding: 0.5em 1.5em 0;
  margin: 0 0 0.5em;
}

#fourOhFour .entry {
  padding: 0 2.2em 1em 2.2em;
}


/* Styling for specific pages */

.page-id-4303 .title {
  display: none;
}

.page-id-4303 .breadcrumbs {
  display: none;
}

.post-7367 .title {
  display: none;
}


/* Styling for shortlinks at bottom of posts and events. */

.shortlink {
  padding: 0 0 1em 3em;
  font-size: 75%;
}

@media only screen and (max-width: 767px) {
  .shortlink {
    padding: 0 0 1em 3em;
    font-size: 75%;
   }
}

/* Add This styling */

.addthis_toolbox {
  padding-left: 0.75em;
}

.share {
 padding-left: 0.75em;
}

/* To Be Read Category Page */

.tbrAuthor {
  padding: 0 2.2em 1em 2.2em;
}

.category-tbr .post-meta {
  display: none;
}

.category-tbr .shortlink {
  display: none;
}

.category-tbr #post-author {
  display: none;
}

.category-tbr .share {
  display: none;
}

.category-tbr .addthis_toolbox {
  display: none;
}

.category-tbr .nocomments {
  display: none;
}


/* Styles countdown plugin */
.c-3po-mini-dashboard {
	height: 20px;
	width: 125px !important;
	margin: auto;
	display: block;
	background: transparent;
	padding: 4px 2px 15px 0 !important;
	border: 0 !important;
	background: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	filter: none !important;
}

.c-3po-mini-dash {
	width: 23px !important;
	height: 15px !important;
	float: left !important;
	margin-left: 5px !important;
	padding-left: 2px !important;
	margin-top: -2px !important;
	position: relative !important;
	color: #5c4726 !important;
	border: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	background: #ffffff !important;
}

.c-3po-mini-dash_title {
	display: block;
	position: absolute;
	top: 14px !important;
	width: 30px !important;
	padding: 0 !important;
	color: #263168 !important;
	text-align: left !important;
	font-size: 8px !important;
	margin: 0 !important;
}

.c-3po-mini-digit {
	color: #263168 !important;
	text-shadow: none !important;
}

#countdowntimer-3 h3 {
	display: none !important;
}

#countdowntimer-2 {
	background: #ffffff;
}


/* Removes widget background from Teen Featured Book header image */
#text-63 {
        background: none;
	padding-top: 10px;
	margin-bottom: 0;
}


/* Styles TablePress tables. */
.tablepress {
        margin: 2em;
        width: 90% !important;
}

.printeron tbody td {
	border-top: 0 !important;
}

.printeron tbody td {
	border-bottom: 0 !important;
}

.printeron tbody td {
	text-align: center !important;
}

/* Styles staff listing tables */
#staffTable td {
	padding: .857em .25em;
}


/* Removes border from all images */
img {
	border: 0 !important;
}


/* Styles video player */
.wp-video {
	margin: 15px auto;
}


/* Changes text color of alert bar. */
#wnb-bar {
	color: #ffffff !important;
	font-weight: bold;
}


/* Styles Gravity View fields */
.gv-search-horizontal {
	padding-left: 31px;
}

.gv-list-view-title h3 {
	padding: 0 !important;
}

.gv-list-container {
	padding: 0 31px;
}


/* Changes background color of home page ad-unit -- Comment out when not needed. 
#text-71 {
	background-color: #ecf7f9 !important;
} */


/* Styles Main Renovation banner on home page */
#text-74 {
        background-color: #f1f1f1;
}

#text-74 img {
	padding: 0;
}


/* Styles slider on Main Renovation page */
.mainRenoSlider ul {
	padding: 0 !important;
}

/******* transformation timeline styles  *******/

#text-75 {
  background-color: transparent;
}

.cd-container *, .cd-container *:after, .cd-container *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#cd-timeline {
  position: relative;
  padding: 0;
  margin-top: .5em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 13px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 18px;
  height: 18px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}

.cd-timeline-content {
  position: relative;
  margin-left: 45px;
  background: white;
  border-radius: 0.25em;
  padding: .75em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  padding: 0 !important;
  color: #303e49;
}
.cd-step {
  color: #646E77;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: .5em 0;
  padding: 0;
  line-height: 1.6;
}
.cd-timeline-content img {
  padding: 0;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .5em;
  background: #16416f;
  color: white;
  border-radius: 0.25em;
}
.cd-timeline-content .cd-read-more a {
	color: white;
}
.cd-timeline-content .cd-read-more:hover {
  background-color: #1b5089;
}
.cd-timeline-content .cd-date {
	margin-top: .25em;
	margin-bottom: 0;
    font-size: .9em;
    color: #666666;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 10px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

/******* end transformation timeline styles  *******/


/******* branching out styles  *******/

.branching-out-body img,
.branching-out-feature-image img {
    padding: 0;
    margin: 0;
}

#main .page .branching-out-body h1,
.branching-out-body .branching-out-feature-image {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
}

#main .page .entry .branching-out-feature-image {
    padding: 0;
}

.branching-out-body {
    position: relative;
}

#main .branching-out-body .branching-out-coming-soon {
    background-color: rgba(121,161,46,1);
    position: relative;
    height: 50px;
    margin-top: -120px;
	line-height: 1.75;
    font-size: 2em;
    text-align: center;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 2em;
    color: white;
    font-weight: bold;
}

.page-id-17935 header,
.page-id-17936 header,
.page-id-17726 header,
.page-id-17950 header,
.page-id-17951 header,
.page-id-2436 header,
.page-id-2029 header {
    display: none;
}

.branching-out-buttons {
    margin-top: 1.5em;
}

p.branching-out-kids-button,
p.branching-out-teens-button {
    display: inline-block;
    
}

p.branching-out-kids-button {
    padding: 0 15px 0 30px !important;
}

p.branching-out-teens-button {
    padding: 0 15px 0 30px !important;
}

.entry .branching-out-body .wp-caption {
	padding: 0px;
	border: 0px;
}

div#custom_html-13 a,
div#custom_html-14 a {
    font-size: 1.5em;
    color: white;
    line-height: 1.3;
}

div#custom_html-13,
div#custom_html-14 {
    background-color: rgba(121,161,46,1);
    padding: 1em;
    text-align: center;
}

/******* end branching out styles  *******/

.one-col .gallery {
   padding: 0 2.2em;
}



/******* posts-in-page styles  *******/

.ivycat-post,
.ivycat-post .entry-summary > p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ivycat-post .entry-utility {
	display: none;		
}

#main .ivycat-post .alignleft.wp-post-image,
#main .ivycat-post .entry-summary > a {
    margin-left: 2.2em;
}

#sidebar .ivycat-post .alignleft.wp-post-image,
#sidebar .ivycat-post .entry-summary > a {
    margin-left: 1em;
}

#main .ivycat-post .entry-summary.has-thumbnail > a {
    margin-left: 0;
}

.ivycat-post .entry-summary {
	margin-bottom: 1em;
}

#sidebar .ivycat-post .entry-title {
	font-size: 16px;
    padding-left: .9em !important;
    margin-bottom: .25em;
}

/******* end posts-in-page styles  *******/

/******* digital collections page styles  *******/

.page-id-19604 #main .threecol-one,
.page-id-5964 #main .threecol-one {
	margin-bottom: 0;
}

.page-id-19604 #main .entry .toggle-content p,
.page-id-5964 #main .entry .toggle-content p {
	padding: 0 1.5em;
}

.page-id-19604 #main h4.toggle-trigger,
.page-id-5964 #main h4.toggle-trigger {
    font-size: 1.2em;
}

.page-id-19604 .toggle-trigger a::before,
.page-id-5964 .toggle-trigger a::before {
    padding-right: 6px;
}

.toggle-ebooks .toggle-trigger a::before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/08/format-ebook-cropped.png);
}

.toggle-e-audiobooks .toggle-trigger a::before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/08/format-audiobook-cropped.png);
}

.toggle-movies-tv .toggle-trigger a::before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/08/format-video-cropped.png);
}

.toggle-magazines-and-newspapers .toggle-trigger a::before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/08/format-magazine-cropped.png);
}

.toggle-music .toggle-trigger a::before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/08/format-music-cropped.png);
}

/******* end digital collections page styles  *******/

/* position libchat buttons */

#custom_html-28 #libchat_a3ee1b2a4f22080698862f265f0d0de4 button {
    margin-left: 1.2em;
    margin-bottom: 1em;
}

#text-84 h3:before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/09/text-icon-small.png);
    padding-right: 3px;
	vertical-align: sub;
}

#custom_html-28 h3:before {
    content: url(https://durhamcountylibrary.org/wp-content/uploads/2018/09/chat-icon-small.png);
    padding-right: 3px;
    vertical-align: sub;
}


/******* misc other styles  *******/

.page-id-18439 #main .title,
.page-id-343 #main .title {
	display: none;
}

#countdowntimer-2-dashboard {
	padding-left: .75em;
}