/*
 Theme Name:   Blue Bottle Tree One
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Pinboard Child Theme
 Author:       Gary Allman
 Author URI:   http://example.com
 Template:     pinboard
 Version:      1.0.0
 Tags:         two-columns, right-sidebar, responsive-layout
 Text Domain:  bluebottletree-one
*/

@import url("/National_Library/cs_/https://thebluebottletree.com/wp-content/themes/pinboard/style.css");

/* Version:        1.2.1 
*/
/* Colors: */
/*  color: #848080; /* Gray text */
/*  color: #250F0E; /* Dark Gray text*/

#wrapper {
	box-shadow: 0 0 18px rgba(0, 0, 0, .1);
}

/*
 *    HEADER TWEAKS
 */
div.trans-search-wrap {
	float: right;
	max-width: 200px;
}

#google_translate_element {
	margin: 5px 8px 0 0;
	height: 29px;
/* Set height to stop search box jumping as Google script is loaded */
	float: right;
}

#header #searchform {
	margin: 30px 8px 0 0;
}

@media screen and (max-width:900px) {
	#google_translate_element, div.trans-search-wrap, div.goog-te-gadget-simple {
		margin: 5px auto 0;
		float: none;
	}
	
	div.goog-te-gadget-simple {
		margin-left: 24px;
	}
	
	#header #searchform {
		float: none;
		margin: 10px auto;
	}
}

#slider .entry-title a {
	background: rgba(0,0,0,.5);
}

#slider .entry-title {
	display: block;
}

/* Adjust position of Mobile Menu */

@media screen and (max-width:900px) {
  #access {
    top: -30px; /* was -50px GSA 9-10-16 */
  } 
}

@media screen and (max-width: 760px) {
#access .nav-show, #access a.nav-show:hover {
    position: absolute;
    top: 100px;
    right: 42%;
    }
}


img.da_wid_sur {
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	border-bottom: #DDD 1px solid;
}

.entry-meta {
	display: none;
}

.entry-date {
	background-image: none;
}

.entry-category {
	background-image: none;
}

#current-location .prefix-text {
	display: none;
}

#access a span {
	font-size: 12px;
}

.content-social-links {
	width: 200px;
	height: 50px;
	margin: 0 auto;
}

.content-social-links div {
	float: left;
	padding: 0 5px;
}

/* 		IDDY BIDDY BUTTON */
span.more a {
	background-color: #5076C5;
/* Link Light Blue */
	color: white;
	font-size: 12px;
	display: inline-block;
	border: 1px solid;
	border-color: #5076C5;
/* Link Light Blue */
	border-radius: 5px;
	padding: 0 5px;
	float: right;
}

/*     BIG BUTTON */
.dabutton {
	display: inline-block;
	font-size: 20px;
	color: white;
	margin: 5px 5px 0 0;
	padding: 15px 25px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	border-radius: 4px;
	background: url(https://web-archive.nli.org.il/National_Library/oe_/https://thebluebottletree.com/wp-content/uploads/2013/06/button-overlay.png) bottom repeat-x #384d8c;
}

a:hover.dabutton {
	color: silver;
}

/*		COLUMN BOX LIST */
.list.type6 li {
	display: inline-block;
	width: 310px;
	height: 350px;
	overflow: hidden;
	background-color: #f8f8f8;
/* Callout blue-gray */
	border-radius: 10px;
	margin: 0 5px 20px;
	padding: 5px 10px;
	float: left;
	border: 1px solid #dddddd;
	position: relative;
	top: 0;
	left: 0;
}

.list.type6 ul {
	padding-left: 0;
}

.list.type6 h3 {
	padding: 0;
	margin-bottom: 15px;
	line-height: 28px;
}

.list.type6 span.more {
	position: absolute;
	bottom: 5px;
	width: 95%;
}

.list.type6 span a {
	color: white;
	font-size: 12px;
}

.list.type6 p, .list.type6 a {
	font-size: 14px;
	line-height: 18px;
}

/*     RELATED POSTS STYLING */
#crp_related li {
	list-style-type: none;
}

.crp_thumb {
	margin-right: 5px;
	margin-left: -30px;
/* align to left margin */
}

.crp_title {
	position: relative;
	top: -28px;
}

/*    MAIL CHIMP */

div.mcmail {
  width: 60%; 
  margin-left:auto;
  margin-right:auto;
}

@media screen and (max-width:800px) {
  div.mcmail {
	width: 100%;
	margin: 0;
  }
}


/*
 *      WOOCOMMERCE STYLING 
 */

li.wpmenucartli, li.wpmenucartli a, li.wpmenucartli span {
	color: white!important;
}

#woo-container{ /* Add margin to match themes */
  margin-left:3.2%;
  margin-right:3.2%;
  width: 93.6%;
}

.woocommerce a.da-woobutton-fix { /* Return to Store is not an input button and needs additional styling to line it up */
    height: 18px;
    margin-top: 1px !important;
}

/*  Product Thumbnail spacing */
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
  margin-top: 10px;
}

.woocommerce #content div.product div.thumbnails:after, .woocommerce #content div.product div.thumbnails:before, .woocommerce div.product div.thumbnails:after, .woocommerce div.product div.thumbnails:before, .woocommerce-page #content div.product div.thumbnails:after, .woocommerce-page #content div.product div.thumbnails:before, .woocommerce-page div.product div.thumbnails:after, .woocommerce-page div.product div.thumbnails:before {
  margin-top: 20px;
}

/*  Adjust related Products Image sizing */

.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img {
    height: auto;
    width: 60%;
}

/* Adjust related products individual column widths */
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    width: 30%;
}

@media screen and (max-width:780px) { /* Adjust to one column wide for smaller screens */
	.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img,        .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img {
		height: auto;
    		width: 100%;
	}
	
	.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    		width: 100%;
	}
}





/*
 *    DAVIS-ALLMAN SHORTCODE & PLUGINS STYLE SETTINGS
 */
.da-copy, .dacopyright {
/*   DACOPYRIGHT (COPYRIGHT TEXT) STYLING */
	margin-bottom: 1.5em;
	display: inline-block;
}

/*
 *   DAVIS-ALLMAN - TEXT EFFECTS AND PLUGINS
 */
.dabigcallout {
/*     LARGE FORMAT TEXT QUOTE */
	font-family: "Open Sans", sans-serif;
	text-align: left;
	font-style: italic;
	font-weight: 200;
	font-size: 13px;
	font-size: 1.2rem;
	color: #333;
	padding-bottom: 30px;
}

.datips {
/*     STYLING FOR TIPS POSTS */
	font-family: "Open Sans", sans-serif;
	text-align: left;
	font-style: italic;
	font-weight: 200;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	padding: 40px;
-moz-border-radius: 0px;
	border-radius: 0px;
background-color: #CEE0BF;
}

.dacallout,.dastandout {
/*     CALLOUT and STANDOUT BOX */
	clear: both;
	width: 80%;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-bottom: 1rem;
	padding: .5em;
	padding: .5rem;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.dastandout {
/*    STANDOUT BOX */
	-webkit-box-shadow: .15em .15em 1.5em #000;
	-moz-box-shadow: .15em .15em 1.5em #000;
	box-shadow: .15em .15em 1.5em #000000;
}

.daquote span {
	font-size: 9em;
	font-family: georgia;
	float: left;
	color: #dddddd;
	width: .5em;
	position: relative;
	top: -.4em;
	max-height: 60px;
}

.daquote div {
	float: left;
	width: 85%;
}

@media screen and (max-width:800px) {
	.daquote div {
		width: 80%;
	}
}

@media screen and (max-width:400px) {
	.daquote div {
		width: 70%;
	}
	
	.dacallout,.daquote {
		width: 100%;
	}
}

/*
 *     COLORS FOR CALLOUTS
 */
.background-light {
/*    LIGHT BACKGROUND FOR CALLOUT BOX */
	background-color: #eeeeee;
}

.background-cream {
/*    CREAM BACKGROUND FOR CALLOUT BOX */
	background-color: #FFF3C9;
}

/*
 *     MAIL PLUG-IN AND SHORTCODE STYLING
 */
.damailsc {
	text-align: center;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	background: #eaeaea;
	padding: 10px 5px;
	border-radius: 10px;
	border: 1px solid #e0e0e0;
}

@media screen and (max-width:800px) {
	.damailsc {
		width: 100%;
	}
}

.damail-error,.damail-okay, .damailsc-error, .damailsc-okay {
/*    ERROR STYLE - CURRENTLY ONLY USED IN EMAIL SUBSCRIPTION WIDGET */
	margin-top: 5px;
	background-color: #dc241f;
	color: white;
	display: block;
	padding: .5em;
	padding: .5rem;
	border-radius: 5px;
}

.damail-okay, .damailsc-okay {
	background-color: #eeeeee;
	color: black;
}

/*
 *     GENERAL STYLING FOR ALL THEMES
 */
.da-gallery, .dagallery {
	background: #fefefe;
	width: 630px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: rgba(0,0,0,0.2) 0 1px 4px 0;
}

@media screen and (max-width:620px) {
	.da-gallery, .dagallery {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

/*
 *    COLUMN TEXT LAYOUT
 */
.dawrapper-full {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

.dawrapper-front-page {
	clear: both;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-bottom: 0;
}

.dahalf {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 1em;
}

.dathird {
	width: 30%;
	float: left;
	margin-right: 4.5%;
	margin-bottom: 1em;
}

.dafourth {
	width: 23%;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
}

.dalast {
	margin-right: 0;
}

@media screen and (max-width:700px) {
	/*    RESPONSIVE LAYOUT CHANGES  */
	.dawrapper-full .dahalf,.dawrapper-full .dathird,.dawrapper-full .dafourth,.dawrapper-front-page,.dawrapper-front-page .dathird {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/*
 *   DAKEY SHORTCODE
 */
span.dakey {
	background: white;
	padding: 2px 5px;
	border: 1px solid DimGray;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.2) 2px 2px 4px 0;
}

/*
 * DA EXTRAS STYLING: DACLEAR, DALINE
 */
.clear {
	clear: both;
	height: 0;
}

.gap {
	height: 24px;
}

.close-up {
	height: 2px;
}

.divider-line {
	margin: 25px 0;
	height: 4px;
	background: #848080;
/* Gray text*/
	background: -webkit-gradient(linear,0 0,100% 0,from(#FCFCFC),to(#FCFCFC),color-stop(50%,#848080));
}