/*  
Theme Name:Squeeker Media SNAP
Theme URI:http://squeekermedia.com/
Description:scroll snap over slides
Version:2026
Author:Jeff Jonez
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body
{line-height:1;color:white}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{display:block}

nav ul
{list-style:none}

blockquote,q
{quotes:none}

blockquote:before,blockquote:after,q:before,q:after
{content:'';content:none}

a
{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}

ins
{background-color:#ff9;color:#000;text-decoration:none}

mark
{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}

del
{text-decoration:line-through}

abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}

table
{border-collapse:collapse;border-spacing:0}

hr
{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

input,select
{vertical-align:middle}

html
{height:100%}

div.page-header
{display:none}

body
{height:100%;margin:0;background:#808080; color:white;font-family:'Oxygen',arial,helvetica,trebuchet ms,sans-serif,sans;text-shadow:4px 4px 4px black,2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}

header #tagline
{display:block;opacity:0.75}

a
{color:white;font-weight:bold;text-decoration:none}

a:link
{color:white;text-decoration:none}

a:visited
{color:white}

a:active
{color:#f88;text-shadow:#f00 0 0 6px}

a:hover
{text-shadow:#f00 0 0 6px}

h1,h2,h3
{margin:0;padding:0}

h1
{font-size:2.2em}

h2
{font-size:2.0em;letter-spacing:0.1em;transition:letter-spacing 15s ease;}

h3
{font-size:.8em;margin-left:20px}

header
{top:0;margin:0;position:absolute;width:90%;padding:0;z-index:512;font-size:.8em}

header strong
{font-size:2em;vertical-align:middle}

header p
{margin:6px;padding:0;display:inline-block}

header a:link,header a:visited
{color:white}

footer
{bottom:4px;margin:0;position:absolute;width:100%;height:2.5em;color:#ccc;padding:0;z-index:256}

footer p
{position:absolute;left:10px;bottom:4px;margin:0;padding:6px;font-size:0.7em}

footer a:link,#footer a:visited
{color:white}

#social
{position:absolute;right:10px;bottom:6px}

#social a
{padding:2px 3px 0 3px}

#social i 
{font-size:1.5em}
  
.disabled
{opacity:.5;filter:alpha(opacity=50)}

 
#main
{height:100%;margin:0;overflow:hidden}

#empty
{text-align:center;padding:100px;background:#800000;height:100%;color:white!important}

.fluff
{display:none;opacity:0.75}

.credit
{display:block;font-size:.7em;text-align:right}

.dim
{opacity:0.75}



/* Snap scroll container */
.snap-scroll-container 
{
    height: 100vh;
    overflow-y: scroll;
    /*scroll-behavior: smooth;
    scroll-snap-type: y proximity;*/
    scroll-snap-type: y mandatory;
}

.snap-slide 
{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: center;
    scroll-snap-align: start;
}

.snap-overlay 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.snap-content 
{
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 2rem;
    max-width: 90vw;
}

.snap-slide h2 
{
    font-size: clamp(2rem, 6vw, 3.5rem);
    margin-bottom: 1.5rem;
    font-weight: 700;
}
 
.snap-slide .content 
{
    font-size: clamp(0.95rem, 2vw, 1.1rem);
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.snap-slide .category {
    position: absolute;
    top: 10px;
    right: 20px;
    color: white;
    z-index: 1024;
    text-align: right;
    vertical-align: middle;
}

.snap-slide .category i {
    font-size: 2.0em;
    vertical-align: text-top;
    margin-left: 10px;
}

.snap-slide h2 {
    letter-spacing: 0.0em;
    transition: letter-spacing 12s ease;
}

.snap-slide.slide-active h2 {
    letter-spacing: 0.2em;
}

@media only screen and (min-width:500px) {
    header {
        font-size: 1.0em;
    }
    header p {
        text-align: left;
    }
    h2 {
        font-size: 2.0em;
    }
    .snap-content {
        padding: 2rem;
        max-width: 90vw;
    }
    .content {
        font-size: 1.2em;
        max-width: 80vw;
        margin: 0 auto;
    }
    footer p {
        font-size: 1.0em;
    }
    #social a {
        padding: 2px 6px 0 6px;
    }
}

@media only screen and (min-width: 800px) {
    header {
        font-size: 1.2em;
    }
    header #tagline {
        display: inline;
        padding-left: 0.3em;
    }
    h2 {
        font-size: 3.0em;
    }
    .snap-content {
        padding: 2rem;
        max-width: 60vw;
    }
    .content {
        font-size: 1.6em;
        max-width: 60vw;
        margin: 0 auto;
    }
    .category {
        font-size: 1.0em;
        margin-bottom: 1rem;
    }
    .fluff {
        display: inline;
    }
}

/* .cycle-slide-active h2 
{letter-spacing:0.2em} */