/*------------------------------------------------------------------------------ >>> TABLE OF CONTENTS: AMP WP Ads Manager -------------------------------------------------------------------------------- 1 Base & Helpers 2 Ads Container 3 Ad Container 3 Columns 4 Ad Locations ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ ## 1 -> 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; } /*------------------------------------------------------------------------------ ## 2 -> 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; } /*------------------------------------------------------------------------------ ## 3 -> 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; } /*------------------------------------------------------------------------------ ## 4 -> 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; } /*------------------------------------------------------------------------------ ## 5 -> 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; }