/*
Authors: Arslan Akram, Mohsin Rafique
Author URI: https://mohsinrafique.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl_2.0.html
Created on: 27_Jun_2018, 03:08:04
*/
/*--------------------------------------------------------------------------------
# AMP WP Ads Manager
--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------
=> Table of Contents:
----------------------------------------------------------------------------------
## Base & Helpers
## Clearfix
## Screen Reader
## Typography
## Grid
## Buttons
## Alerts
## Tables
## Page Header
## Image Holder
## Image Layer (Overlay BG)
## Content Holder
## Pagination
## Header
## Footer
## Carousel
## Comments
## Shortcode
## Post Meta
## Post Terms
## Listing (Post Listing)
    ## Listing Buttons???
## Rating Stars
--------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
## AMP WP Ads Manager -> Base & Helpers
------------------------------------------------------------------------------*/
.amp-wp-ads-manager .amp-wp-ads-manager-container {
  overflow: hidden;
}

.amp-wp-ads-manager-clearfix:before,
.amp-wp-ads-manager-clearfix:after {
  content: '';
  display: table;
}

.amp-wp-ads-manager-clearfix:after {
  clear: both;
}

.amp-wp-ads-manager-clearfix {
  zoom: 1;
}

.amp-wp-ads-manager-caption {
  display: block;
  color: #bbbbbb;
  font-size: 12px;
  line-height: 24px;
}

.amp-wp-ads-manager-container.amp-wp-ads-manager-container a {
  text-decoration: none;
}

.amp-wp-ads-manager-type-code br {
  display: none;
}

.amp-wp-ads-manager-post-top {
  margin-bottom: 20px;
}

.amp-wp-ads-manager-post-bottom {
  margin-top: 20px;
  margin-bottom: 0;
}

.amp-wp-ads-manager-empty-note {
  display: none;
}

/*------------------------------------------------------------------------------
## AMP WP Ads Manager -> Ads Container
------------------------------------------------------------------------------*/
.amp-wp-ads-manager.amp-wp-ads-manager-type-image amp-img {
  display: inline-block;
}

.amp-wp-ads-manager.amp-wp-ads-manager-align-center {
  text-align: center;
}

.amp-wp-ads-manager.amp-wp-ads-manager-align-right {
  text-align: right;
}

.amp-wp-ads-manager.amp-wp-ads-manager-align-left {
  text-align: left;
}

.amp-wp-ads-manager.amp-wp-ads-manager-float-left {
  float: left;
  margin-right: 20px;
}

.amp-wp-ads-manager.amp-wp-ads-manager-float-right {
  float: right;
  margin-left: 20px;
}

/*------------------------------------------------------------------------------
## AMP WP Ads Manager -> Ad Container
------------------------------------------------------------------------------*/
.amp-wp-ads-manager .amp-wp-ads-manager-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.amp-wp-ads-manager .amp-wp-ads-manager-container.amp-wp-ads-manager-type-code object,
.amp-wp-ads-manager .amp-wp-ads-manager-container.amp-wp-ads-manager-type-code embed,
.amp-wp-ads-manager .amp-wp-ads-manager-container.amp-wp-ads-manager-type-image img {
  max-width: 100%;
}

.amp-wp-ads-manager .amp-wp-ads-manager-container.amp-wp-ads-manager-type-image .ad-caption {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  font-size: 12px;
}

/*------------------------------------------------------------------------------
## AMP WP Ads Manager -> Columns
------------------------------------------------------------------------------*/
/* 2 column */
.amp-wp-ads-manager.amp-wp-ads-manager-column-2 .amp-wp-ads-manager-container {
  float: left;
  width: 50%;
}

.amp-wp-ads-manager.amp-wp-ads-manager-column-2 .amp-wp-ads-manager-container:nth-of-type(odd) {
  padding-right: 5px;
  clear: left;
}

.amp-wp-ads-manager.amp-wp-ads-manager-column-2 .amp-wp-ads-manager-container:nth-of-type(even) {
  padding-left: 5px;
}

/* 3 column */
.amp-wp-ads-manager.amp-wp-ads-manager-column-3 .amp-wp-ads-manager-container {
  float: left;
  width: 33.3333%;
}

.amp-wp-ads-manager.amp-wp-ads-manager-column-3 .amp-wp-ads-manager-container:nth-child(3n-1) {
  padding: 0 3px;
}

.amp-wp-ads-manager.amp-wp-ads-manager-column-3 .amp-wp-ads-manager-container:nth-child(3n-2) {
  padding-right: 6px;
  clear: left;
}

.amp-wp-ads-manager.amp-wp-ads-manager-column-3 .amp-wp-ads-manager-container:nth-child(3n + 3) {
  padding-left: 6px;
}

/*------------------------------------------------------------------------------
## AMP WP Ads Manager -> Ad Locations
------------------------------------------------------------------------------*/
.amp-wp-ads-manager.location-amp_header_after {
  padding-top: 20px;
  margin-bottom: -15px;
}

.posts-listing.posts-listing-2 .amp-wp-ads-manager.location-amp_wp_archive_after_x,
.posts-listing.posts-listing-1 .amp-wp-ads-manager.location-amp_wp_archive_after_x {
  padding-top: 20px;
}

.posts-listing.posts-listing-2 .amp-wp-ads-manager.location-amp_wp_archive_after_x + .listing-2-item,
.posts-listing.posts-listing-1 .amp-wp-ads-manager.location-amp_wp_archive_after_x + .listing-1-item {
  border-top: 1px solid #e6e6e6;
}
