/*
    Template Name:      Column
    Template URI:       http://en.michaeluno.jp
    Author:             Michael Uno
    Author URI:         http://en.michaeluno.jp
    Description:        Displays product links in multiple columns. 
    Version:            1.7.1
    License:            GNU General Public License v2 or later
    License URI:        http://www.gnu.org/licenses/gpl-2.0.html
    Tags:               default
    Text Domain:        amazon-auto-links
*/

.amazon-product-columns-container {
	width: 100%;
    display: table;
}
.amazon-product-columns-container a {
	text-decoration: none;	
}
.amazon-product-column-container {
	width: 100%;
	display:inline-block; 
	clear:both;
}

.amazon-product-column-container .amazon-auto-links-product {
    box-sizing: border-box;
}

.amazon-product-columns-container .amazon-product-column-title {
	margin-top: 1em;
	margin-bottom: 0.4em;
}
.amazon-product-columns-container .amazon-product-thumbnail-container {
	width: 100%;    
}

.amazon-product-columns-container .amazon-auto-links-product-image {
    margin-bottom: 0.8em;
}
.amazon-product-columns-container .amazon-product-thumbnail {
	margin-right: auto;
	margin-left: auto;

	padding: 1em;
    
    /* display: inline-block; */
    width: 100%;
    clear: both;

    /* round corner */
    background-color: #FFF;
    border-radius: 0.4em;

    /* [3.10.2] Center */
    display: flex;
    justify-content: center;
    align-items: center;

}

.amazon-product-columns-container .image-float-right .amazon-product-thumbnail img  {
    float: right;
}
.amazon-product-columns-container .image-float-left .amazon-product-thumbnail img  {
    float: left;
}
.amazon-product-columns-container .amazon-product-thumbnail img {
	max-width: 100%;
    /*height: 100%;*/ /* 3.10.2 @deprecated Thumbnails become vertically long with many columns in a narrow width */
    margin-left: auto;
    margin-right: auto;
}
.amazon-product-columns-container .amazon-product-thumbnail a,
.amazon-product-columns-container .amazon-product-thumbnail a:hover
{
    margin-bottom: 0;
    border-bottom: 0;
    text-decoration: none;
    box-shadow: none;
}

.amazon-product-columns-container .amazon-auto-links-credit {
	font-size: smaller;
}
.amazon-product-columns-container .amazon-product-column-author {
    font-size: smaller;
}

/* Sub-images */
.amazon-product-columns-container .sub-image-container {
    display: inline-block;
    margin: 0.4em;
}
.amazon-product-columns-container .sub-image-container img {
    margin-left: auto;
    margin-right: auto;
}

/* The column style*/
.amazon-product-columns-container .amazon_auto_links_multiple_columns {
  padding: 4px;
  line-height: 1.5em;
}
.amazon-product-columns-container .amazon_auto_links_multiple_columns_first_col {
  margin-left: 0;
  clear: left;
}

/*  SECTIONS  ============================================================================= */
.amazon-product-columns-container .amazon_auto_links_multiple_columns_row {
  clear: both;
  padding: 0;
  margin: 0;
}
/*  GROUPING  ============================================================================= */
.amazon-product-columns-container .amazon_auto_links_multiple_columns_box:before,
.amazon-product-columns-container .amazon_auto_links_multiple_columns_box:after {
  content:"";
  display:table;
}
.amazon-product-columns-container .amazon_auto_links_multiple_columns_box:after {
  clear:both;
}
.amazon-product-columns-container .amazon_auto_links_multiple_columns_box {
  float: none;
  width: 100%;		
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
.amazon-product-columns-container .amazon_auto_links_multiple_columns_col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}
.amazon-product-columns-container .amazon_auto_links_multiple_columns_col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 600 PIXELS */
@media only screen and (max-width: 600px) {
  .amazon-product-columns-container .amazon_auto_links_multiple_columns_col { 
    margin: 1% 0 1% 0;
  }
}

/*  GRID OF TWO   ============================================================================= */
.amazon-product-columns-container .aal_col_element_of_1 {
  width: 100%;
}
.amazon-product-columns-container .aal_col_element_of_2 {
  width: 49.2%;
}
.amazon-product-columns-container .aal_col_element_of_3 {
  width: 32.2%; 
}
.amazon-product-columns-container .aal_col_element_of_4 {
  width: 23.8%;
}
.amazon-product-columns-container .aal_col_element_of_5 {
  width: 18.72%;
}
.amazon-product-columns-container .aal_col_element_of_6 {
  width: 15.33%;
}
.amazon-product-columns-container .aal_col_element_of_7 {
  width: 12.91%;
}
.amazon-product-columns-container .aal_col_element_of_8 {
  width: 11.1%; 
}
.amazon-product-columns-container .aal_col_element_of_9 {
  width: 9.68%; 
}
.amazon-product-columns-container .aal_col_element_of_10 {
  width: 8.56%; 
}
.amazon-product-columns-container .aal_col_element_of_11 {
  width: 7.63%; 
}
.amazon-product-columns-container .aal_col_element_of_12 {
  width: 6.86%; 
}

/*  GO FULL WIDTH AT LESS THAN 600 PIXELS */
@media only screen and (max-width: 600px) {
  .amazon-product-columns-container .aal_col_element_of_2,
  .amazon-product-columns-container .aal_col_element_of_3,
  .amazon-product-columns-container .aal_col_element_of_4,
  .amazon-product-columns-container .aal_col_element_of_5,
  .amazon-product-columns-container .aal_col_element_of_6,
  .amazon-product-columns-container .aal_col_element_of_7,
  .amazon-product-columns-container .aal_col_element_of_8,
  .amazon-product-columns-container .aal_col_element_of_9,
  .amazon-product-columns-container .aal_col_element_of_10,
  .amazon-product-columns-container .aal_col_element_of_11,
  .amazon-product-columns-container .aal_col_element_of_12
  {	width: 100%;  }			
}

/* Body */
.amazon-product-columns-container .amazon-auto-links-product-body {
    margin-bottom: 0.8em;
}

/* Customer Reviews and Ratings */
.amazon-product-columns-container .crIFrameNumCustReviews a,
.amazon-product-columns-container .amazon-customer-reviews a,
.amazon-product-columns-container .amazon-product-title a,
.amazon-product-columns-container span.crAvgStars a
{
    text-decoration: none;
    border-bottom: 0;
    /* No underlines in hyper links with box shadow */
    box-shadow: none;

}
.amazon-product-columns-container .crIFrameNumCustReviews {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.amazon-product-columns-container .crAvgStars {
    font-size: smaller;
}
.amazon-product-columns-container .amazon-customer-reviews {
    font-size: smaller;
}

.amazon-product-columns-container .amazon-customer-reviews {
    word-break: break-all;
}
.amazon-product-columns-container .amazon-customer-reviews .review-date {
    font-size: smaller;
}
.amazon-product-columns-container .amazon-customer-reviews .review-title {
    font-weight: bold;
}
.amazon-product-columns-container .amazon-customer-reviews .review-image-tile {
    display: inline-block;
    max-height: 100px;
    max-width: 100px;
    margin: 0.2em;
}

/* Rating stars */
.amazon-product-columns-container .amazon-customer-rating-stars {
    display: inline-block;
    vertical-align: top;
}
.amazon-product-columns-container .amazon-customer-rating-stars img,
.amazon-product-columns-container .amazon-customer-rating-stars .review-stars,
.amazon-product-columns-container .amazon-customer-rating-stars .review-count
{
    /* In some themes the rating number and the star image do not align. This is for the fix.  */
    vertical-align: middle;
}
.amazon-product-columns-container .amazon-customer-rating-stars img {
    margin-left: -4px;
    margin-top: -1px;
    margin-right: -2px;
}
.amazon-product-columns-container .amazon-customer-rating-stars .review-count {
    margin-top: 2px;
    margin-left: -4px;
}

/* Product Title */
.amazon-product-columns-container .amazon-product-title {
    /* @deprecated Each element uses margin-bottom */
    margin-top: 0;
    /* Be close to thumbnails' margin-bottom */
    margin-bottom: 0.6em;

    font-size: small;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Product Descriptions */
.amazon-product-columns-container .amazon-product-description {
    font-size: smaller;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* Product Features */
.amazon-product-columns-container .features {
    font-size: smaller;
    margin: 0.4em 0;
}
/* Categories */
.amazon-product-columns-container .categories {
    font-size: smaller;
    margin: 0.4em 0;
}

/* Pricing disclaimer */
.amazon-product-columns-container .pricing-disclaimer {
    display: inline-block;
    font-size: xx-small;
}

.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip {
   outline: none; 
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip strong {
    line-height:30px;
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip:hover {
    text-decoration: none;
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip > span.amazon-disclaimer-tooltip-content > .amazon-disclaimer-tooltip-content-text {
    z-index:10;
    display:none; 
    padding:14px 20px;
    margin-top:-30px; 
    margin-left:28px;
    width:300px; 
    line-height:16px;
    
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip:hover > span.amazon-disclaimer-tooltip-content {
    display: inline;
    position: relative;
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip:hover > span.amazon-disclaimer-tooltip-content > .amazon-disclaimer-tooltip-content-text {
    display:inline; 
    float: right;
    position:absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
    
    /* Adjust the pop up element position */
    margin-left: -100px;
    margin-top: -140px;    
}
.amazon-product-columns-container .pricing-disclaimer a.amazon-disclaimer-tooltip > span.amazon-disclaimer-tooltip-content {
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

/* Prime Icon */
.amazon-product-columns-container .amazon-prime {
    display: inline-block;
    vertical-align: middle;
}
.amazon-product-columns-container .prime-icon {
    display: inline-block;
    width: 60px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    top: 2px;
}
.amazon-product-columns-container .review-stars svg {
    margin-right: 0.52em;
    top: -2px;
}

/* Prices */
.amazon-product-columns-container .amazon-prices {
    display: inline-block;
    vertical-align: middle;
}
.amazon-product-columns-container .amazon-product-column-price,
.amazon-product-columns-container .amazon-product-column-lowest-new-price,
.amazon-product-columns-container .amazon-product-column-lowest-used-price,
.amazon-product-columns-container .proper-price,
.amazon-product-columns-container .offered-price {
	font-size: smaller;
}

.amazon-product-columns-container .amazon-product-lowest-new-price-value,
.amazon-product-columns-container span.offered-price {
    color: #B12704;
    font-weight: bold;
}

/* Now retrieving... */
.amazon-product-columns-container .now-retrieving {
    font-size: small;
}