/*
Theme Name: Creative Clipping
Theme URI: https://fixelsmedia.com/
Author: Fixels Media
Author URI: https://fixelsmedia.com/
Description: Custom theme for Creative Clipping. Short-form campaigns for brands and a paid clipping community. Home, For Brands and For Clippers pages are fully editable from Appearance > Customize > Creative Clipping Theme.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creative-clipping
*/

/* Main design styles live in assets/css/main.css. This file only adds WordPress specific rules. */

/* Admin bar offset for the fixed scroll indicator */
.admin-bar .scroll-indicator{top:32px}
@media (max-width:782px){.admin-bar .scroll-indicator{top:46px}}

/* Custom logo */
.wordmark.has-logo img{width:auto;max-height:44px;height:auto}

/* Accessibility helpers */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;clip:auto!important;clip-path:none;color:var(--ink);display:block;height:auto;left:5px;padding:15px 23px;top:5px;width:auto;z-index:100000}

/* Generic pages, posts, archives */
.wp-page-hero{background:var(--ink);color:#fff;padding:clamp(56px,8vw,110px) 0 clamp(44px,6vw,80px)}
.wp-page-hero h1{font-size:clamp(46px,7vw,96px);margin:0}
.wp-page-hero h1 em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.wp-page-hero p:not(.kicker){max-width:560px;color:#ded7e4;margin:22px 0 30px}
.wp-page-hero .kicker{color:#f486c0}
.wp-body{padding:clamp(44px,6vw,80px) 0 clamp(64px,8vw,110px)}
.wp-thumb{margin-bottom:40px;border-radius:10px;overflow:hidden}
.entry-content{max-width:760px;font-size:17px;line-height:1.7}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--display);text-transform:uppercase;line-height:1;margin:1.6em 0 .5em}
.entry-content h2{font-size:clamp(32px,4vw,46px)}
.entry-content h3{font-size:clamp(24px,3vw,32px)}
.entry-content a{color:var(--pink);text-decoration:underline;text-underline-offset:3px}
.entry-content img{width:auto;max-width:100%;height:auto}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content blockquote{margin:1.5em 0;padding-left:20px;border-left:3px solid var(--pink);color:var(--muted)}
.entry-content figure{margin:1.5em 0}
.entry-content .alignwide{max-width:none}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{margin-inline:auto;display:block}
.wp-caption-text,.wp-element-caption{font-size:14px;color:var(--muted)}

.wp-post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.wp-card a{display:flex;flex-direction:column;gap:10px;height:100%;padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:transform .2s,border-color .2s}
.wp-card a:hover{transform:translateY(-3px);border-color:#e85ea4}
.wp-card h2{font-family:var(--display);text-transform:uppercase;font-size:30px;line-height:.95;margin:0}
.wp-card p{margin:0;color:var(--muted)}
.wp-card .text-link{margin-top:auto}
.navigation.pagination{margin-top:44px}
.nav-links{display:flex;gap:8px;flex-wrap:wrap}
.nav-links .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:6px}
.nav-links .current{background:var(--ink);color:#fff;border-color:var(--ink)}

.search-form{display:flex;gap:8px;margin-top:20px}
.search-form input[type=search]{padding:12px 14px;border:1px solid var(--line);border-radius:7px;min-width:240px}
.search-form input[type=submit]{padding:12px 18px;border:0;border-radius:7px;background:var(--ink);color:#fff;cursor:pointer}