/* Call To Action Button*/
.call-to-action {
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	display: inline-block;
	text-align: center;
	padding: 9px 20px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #00b2ad;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.call-to-action:hover {
	background-color: #01c8c1;
}

@media screen and (min-width: 800px){
  .site-branding{max-width: 30%;}
}

.inline-footnote{ /* override the default setting of the inline footnotes plugin. In theory this should work, in practice it doesn't...
  padding: 2px, 2px !important;  */
}

/* Keep the Librem 5 campaign around as a regular shop preorder item */
.campaign-funding-info > ul:nth-child(1) > li:nth-child(3) { display: None; }

/* Front page mobile and small screens tweaking for testimonials  */
.responsive_half{
  width: 45%;
}
@media (max-width: 800px){
	.responsive_half h1{font-size: 24px;}
}
@media (max-width: 500px){
	.responsive_half{ width: 100%;}
}

/* Product pages - related products section moved down */
.single-product div.related.products {
  clear: both;
}

/* Product pages, Shop page - hide Pages, Archives and Categories list of links */
.single-product div.wrapper div#main div.container div#sidebar ul[role=navigation],
.post-type-archive-product div.wrapper div#main div.container div#sidebar ul[role=navigation] {
  display: none;
}

/* Press Room - Make hyperlinks more compact (due to two-columns layout combined with long titles) */
.page-id-761 ul.display-posts-listing {
  font-size: 60%;
}
.page-id-761 ul.display-posts-listing a{
  font-size: 140%; /* compensate for the 60% above */
  font-weight: normal;
}

/* Hacks to make the tiles readable on the news page */
/*.page-id-9306 div.wp-tiles-byline-wrapper h4 {
  font-size: 14px;
}*/

/* Let's make François happy! */
div.code{
  color:white; background-color: #565656;
  padding:10px;
  margin-bottom: 20px;
  border:1px solid black;
  font-weight:bold;
}
div.code span.comment{
  color: #ace79c;
  font-weight: regular;
}

/* Survey stuff */
.torro-element .element-description {
  color: #666;
}
.torro-element legend, .pre-logo-survey label {
  font-size: 18px;
  background-image: url('https://shop.puri.sm/wp-content/uploads/2015/04/purism-logo-87x56px.png');
  background-size: 36px 23px;
  background-repeat: no-repeat;
  padding-left: 50px;  /* width of the image plus a little extra padding */
  padding-bottom: 15px;
  display: block;
}

/* Forum blockquote */
blockquote p {
	background-color: #eaecee;
  	margin: 15px;
    padding: 7.5px;
    font-style: italic;
    font-size: 14px;
}

.bbp-reply-content ol li, .bbp-reply-content ul li{
  padding-left: 5px;
  /* margin-left: 15px; doesn't work for some reason */
}

/* Fix weird line breaks */
.break, p, ul, ol, dl, blockquote, h1, h2, h3, h4, h5, h6 {
	word-wrap: normal !important;
	word-break: normal !important;
}

/* Align configuration options (memory, storage...) on the checkout page */
.woocommerce td.product-name dl.variation dt {
	float: none;
  margin-top: 0.5em;
  margin-bottom: 0;
}

/* Hide text box for Atlernative payment method on checkout page */
#other_payment-admin-note,
[for="other_payment-admin-note"] span {
  display: none;
}

/* Hide the counter that "Change Prices with Time for WooCommerce" plugin is showing on the product page.
   The element is also deleted using JavaScript. CSS is here in case of a disabled JavaScript. */
.rpt-countdown-container{
	display:none;
}

/* Hide price that is shown below Keyboard select menu on L13/L15 product pages */
/*.woocommerce-variation-price {
  display: none;
}*/

/* Hide the price below the title on the Dontate page */
.postid-730202 p.price {
  display: none;
}

/* Splitit plugin - resize images */
label[for="payment_method_splitit"] img {
	height: 1em;
  width: auto;
}

/* Hide images in the order summary in the checkout page */
.woocommerce-checkout .woocommerce-placeholder,
.woocommerce-checkout .attachment-woocommerce_thumbnail {
	display: none; 
}


/* Pick Your App page styling - start */

/* Hide breadcrumb menu, product photo, and product photo gallery at the top,
   and product category label and related products at the bottom of the page */
.postid-999627 .woocommerce-breadcrumb,
.postid-999627 .woocommerce-product-gallery,
.postid-999627 .product_meta,
.postid-999627 .related.products {
  display: none;
}

/* Make the summary section take whole width */
.postid-999627 div.summary.entry-summary.tc-init {
  float: none;
  width: 100%;
}

/* Hide prices for options (apps, donation, ...) */
.postid-999627 p.price,
.postid-999627 .tc-price-wrap,
.postid-999627 .tc-epo-element-product-container-wrap{
  display: none; 
}

/* Final price */
.postid-999627 .price.amount.final {
  display: block;
}

/* Pseudo-fieldset (for app categories) */
.postid-999627 .app-category-div .tc-element-inner-wrap .tc-row {
  margin: 60px 0 0;
  padding: 25px 5px 0;
  position: relative;
}
.postid-999627 .app-category-div .tc-element-inner-wrap .tc-row,
.postid-999627 .tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 60px 0 0;
  padding: 25px 5px 0;
  position: relative;
}

/* Pseudo-legend element (for app categories) */
.postid-999627 .app-category-div .tc-cell.tm-epo-element-label {
	background: white;
  color: #111;
  font-size: 18px;
  font-weight: normal;
  left: 10px;
  padding: 5px 10px;
  position: absolute;
  text-rendering: optimizeLegibility;
  top: -20px;
  width: 20%;
}

/* List of apps */
.postid-999627 ul.tmcp-ul-wrap {
 	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* App item */
.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap {
  color: grey;
 	float: none;
  font-size: 14px;
  margin: 0 1% 2%;
  padding: 0;
  position: relative;
  width: 12.5%;
  height: 125px;
}

/* Make the app label the same size as the outer label element, which contains the hidden checkbox and the label itself */
.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap .tm-epo-field-label,
.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap .tm-epo-field-label .tc-label-wrap {
  width: 100%;
  height: 100%;
  padding: 0;
  display: inline-block;
  transition: 0.3s ease-in-out transform;
}

.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap .tc-label-wrap .tc-label.tm-label {
  position: absolute;
  bottom: 5px;
  padding: 0 !important;
  text-align: center;
  width: 100%;
}

/* Hide checkboxes in the apps section */
.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap .tm-epo-field-label input[type="checkbox"] {
  left: -9999px;
  position: absolute;
}

/* Change app item appearance when checked */
.postid-999627 .tm-extra-product-options ul.tmcp-elements.app-category-ul li.tmcp-field-wrap .tm-epo-field-label input[type="checkbox"]:checked + .tc-label-wrap {         
  background-color: #ebeeff;
  box-shadow: 0 3px 4px rgba(57, 106, 252, 0.3);
  border: 1px solid #2948ff;
  border-radius: 8px;
  color: #2948ff;
  transform: scale(1.07);
}

/* Pseudo-fieldset (for donation) */
.postid-999627 .donate-div .tc-element-inner-wrap .tc-row {
  margin: 60px 0 0;
  position: relative;
}

/* Pick Your App page styling - end */

/* Hide 'Showing all XX results' text in the shop, because the number of displayed products is actually less than XX. XX includes the hidden products as well */
.woocommerce-result-count {
	display: none;
}