/** * Embed Privacy design file. * * @author Epiphyt * @license GPL2 * @package epiphyt\Embed_Privacy */ .embed-privacy-container { background-position: center; background-size: cover; margin-bottom: 1.5em; position: relative; } .embed-privacy-container a { color: #ddd; } .embed-privacy-container a:active, .embed-privacy-container a:focus, .embed-privacy-container a:hover { color: #fff !important; } .embed-privacy-container.is-enabled { background-image: none !important; } .embed-privacy-container:last-child { margin-bottom: 0; } .embed-privacy-content { display: none; height: 100%; width: 100%; } .aligncenter .embed-privacy-content > * { display: block; margin-left: auto; margin-right: auto; } .is-enabled .embed-privacy-content { display: block; } .embed-privacy-overlay { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #ddd; cursor: pointer; display: table; height: 100%; max-width: 100%; min-height: 200px; padding: 20px; position: relative; transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; width: 100%; z-index: 100; } @media (min-width: 768px) { .embed-privacy-overlay { min-height: 300px; } } .embed-privacy-overlay label, .embed-privacy-overlay p { color: #ddd; cursor: pointer; font-weight: 400; text-align: center; transition: color 0.25s ease-in-out; } .embed-privacy-overlay label, .embed-privacy-overlay .embed-privacy-input-wrapper { margin: 0; } .embed-privacy-overlay .embed-privacy-footer { display: table-footer-group; font-size: 0.85em; text-align: right; } .embed-privacy-overlay:hover { background-color: rgba(0, 0, 0, 0.8); color: #fff; } .embed-privacy-overlay:hover .embed-privacy-logo { opacity: 1; } .embed-privacy-overlay:hover label, .embed-privacy-overlay:hover p { color: #fff; } .embed-privacy-inner { display: table-cell; vertical-align: middle; } .embed-privacy-logo { background-position: center top; background-repeat: no-repeat; background-size: contain; height: 48px; margin-bottom: 30px; opacity: 0.8; transition: opacity 0.25s ease-in-out; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .embed-privacy-container { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .embed-privacy-provider.is-hidden { display: none; } .embed-privacy-opt-out-label { display: inline-block; } .embed-privacy-local-tweet { font-style: normal; }