/* TRANSITION STATE
 * CSS Animations
 * Don't forget to add vendor prefixes!
 *
.m-scene .scene_element {
  animation-duration: 3s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}

.m-scene .scene_element--fadein {
  animation-name: fadeIn;
}

.m-scene.is-exiting .scene_element {
  animation-direction: alternate-reverse;
}

/*
 * Keyframes
 *
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
    */
    
    
/* FONTS */
          
    /*@font-face {
        font-family: 'bboron';
        src: url(../assets/bboron.woff);
    }*/
    
    @font-face {
    font-family: 'cooper_hewittsemibold';
    src: url('cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('cooperhewitt-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

    }

    /*@font-face {
        font-family: 'bboron-kerned';
        src: url(../assets/bboron-kerned.woff);
    }*/

    /* @font-face {
        font-family: 'playfairbolditalic';
        src: url(../assets/PlayfairDisplaySC-BoldItalic.ttf);
    } */
      
    /*@font-face {
        font-family: 'blackout-sunrise';
        src: url(../assets/blackout_sunrise-webfont.woff);
    }

    /* @font-face {
        font-family: 'quattrocento-regular';
        src: url(../assets/quattrocento-regular.otf);
    }

    @font-face {
        font-family: 'libre-caslon-regular';
        src: url(../assets/LibreCaslonText-Regular.otf);
    }

    /* @font-face {
        font-family: 'domine';
        src: url(../assets/domine-regular.otf);
    }*/

    /* @font-face {font-family: 'blackout-two-am'; src: url('http://nelsbangerter.com/blackout_two_am-webfont.woff') format('woff');}*/
    /* @font-face {font-family: 'raleway-extrabold'; src: url('raleway-extrabold.woff') format('woff');} */

/* STYLES */

/* DEFINE MAIN ACCENT COLOR */

:root {
  --accentcolor: #cccc00; /* was #ff1493;*/
  --highlightcolor: #666600; /* was #c71585 */
}

/* GENERAL */
    hyphens: none;
    * {margin: 0; padding: 0;}
    p{margin:1em 0;}
    html {overflow: -moz-scrollbars-vertical; overflow: scroll;}
    a:link{text-decoration: none; color:#000000;}
    a:visited{color:#000000;}
    /*a:hover {text-shadow: 0 0 2px #cccccc;}*/
    /*a:active { padding-top: 2px; }*/
    /*a.clicked{color:blue;}*/
    body{background:#eeeeee; font-family:'linotype-sabon',Times,serif; text-align:justify; text-size:1.2em;}
body{background: rgba(238,238,238,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 47%, rgba(221,221,221,1) 100%) fixed;
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(238,238,238,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(221,221,221,1))) fixed;
background: -webkit-radial-gradient(center, ellipse cover, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 47%, rgba(221,221,221,1) 100%) fixed;
background: -o-radial-gradient(center, ellipse cover, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 47%, rgba(221,221,221,1) 100%) fixed;
background: -ms-radial-gradient(center, ellipse cover, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 47%, rgba(221,221,221,1) 100%) fixed;
background: radial-gradient(ellipse at center, rgba(238,238,238,1) 0%, rgba(246,246,246,1) 47%, rgba(221,221,221,1) 100%) fixed;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=1 );}

/* TEXT STYLES */    
    .footerlink{font-family: 'cooper_hewittsemibold', sans-serif; color:var(--accentcolor);}
    a.forcecolorlink{color:var(--accentcolor);}
    a.forcecolorlink:hover{color:var(--highlightcolor);} /*was #c71585 */
    .footernolink{font-family: 'cooper_hewittsemibold'; color:#000000;}
    .filmheading{font-size:1.4em; color:#000000; font-family:'cooper_hewittsemibold', sans-serif; letter-spacing:5px; text-align:center;}
    .filmtitle{font-weight:700; font-family: 'cooper_hewittsemibold', sans-serif; font-size:.9em;}
    /*.filmdescription{font-size:.8em; line-height:0em;}*/
    a.minorlink{text-decoration: underline; color:#000000;}
    headerlink{color:#000000;}
    p.blurb{margin-left:44px; text-indent:-22px;}
    
    
/* DIV STYLES */
    .film {}
    #nbheader{width:580px;}
    #nbheaderdiv{padding-bottom:0px; font-family:'cooper_hewittsemibold', 'ArialNarrow', 'Arial', Sans-Serif; font-stretch: condensed; font-size:4.5em; letter-spacing:0px; text-align:center; border:none; background-color:var(--accentcolor); border-width:.01em; border-color:#000000; padding-top: 3px;}
     #main{margin-left: auto; margin-right: auto; position: relative; width: 640px; left: 0px;}
    #headerdiv{padding-bottom:20px;}
    #headera {font-size: 3.8em; font-family: 'cooper_hewittsemibold', sans-serif; color:#eeeeee; background-color:#000000; padding-left:2%; padding-right:1.5%; padding-top:1%; border-top:1%; letter-spacing:.08em;}
    .sceneElement{font-weight: 300;}
    #biodiv{font-size: 1.3em; line-height:1.6em; text-indent:30px;}
    #filmsdiv{font-size:1.3em; padding-left: 22px; text-indent: -22px; line-height:1.4em;}
    #contactdiv{line-height:1.5em; font-size:1.4em;}
    #pressdiv{font-size:1.3em; line-height:1.4em; text-align:left;} 
    #footerdiv{font-size: 2em; padding-bottom:100px; text-align:center;}
    #bangerterlogo{filter:brightness(0%);}
    #bangerterlogo:hover{filter:brightness(100%);}
    /*.nelsimage{float:right; margin-top: 0px; margin-right:0px; width:40%; height:40%; -webkit-shape-outside: url('NelsIllustration.gif'); shape-outside: url('NelsIllustration.gif'); filter: grayscale(100%) contrast(100%); -webkit-shape-margin:16px; shape-margin:16px; margin-left:16px; margin-bottom:4px;}*/
    /*#contactphoto{position:relative;width:150px; height:200px;-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";}*/
    
/* MEDIA CALLOUTS -- DIFFERENT STYLES FOR IPHONE */      
    @media only screen and (max-device-width: 480px) and (orientation:portrait) {
        /* PHONE PORTRAIT -- TextHeader
        body{width:100vw;}
        #main{width:90vw; top:100px; font-size:2em;}
        #headera {font-size: 3em; text-align:center;}
        .nelsimage {width:400px; height:400px;}
        #filmheading{text-align:center;}
        #footerdiv{font-size: 1.6em;text-align:center;}*/
        
        /*#main{top:100px; transform:scale(1.5); transform-origin:top;}
        /*.contentdiv{font-size:20px !important;}
        #biodiv{line-height:1.3em !important;}
        .filmtitle{font-size:.9em !important;}*/
        /* PHONE PORTRAIT -- Image Header */
        body{width:100vw; background:#eeeeee; text-align:left; font-size:1em;}
        #main{width:90vw; top:0px; font-size:1em;}
        #headera {font-size: 3em; text-align:center;}
        #nbheaderdiv {position:fixed; top:0px; left:0px; margin-bottom:140px; width:100vw; margin:0; padding:0; /*background: rgba(238,238,238,.9);*/ background:var(--accentcolor); font-size:7.26em; text-align:center;}
        a.invertable:link{text-decoration: none; color:#eeeeee;}
        a.invertable:visited{color:#eeeeee;}
        .filmtitle{font-size:.9em;}
        #bangerterlogo{display:none;}
        #nbheader {width:100vw; margin:0; padding:0px; padding-bottom:0px; display:block; border-bottom-style:solid; border-bottom-color:#000000; border-bottom-width:1px;}
        .sceneElement {position:absolute; top:150px; z-index:-1; padding-bottom:150px; -webkit-overflow-scrolling: touch;}
        #footerdiv{width: 100vw; height:100px; line-height:100px; position:fixed; left:0px; text-align:center; padding-bottom:0px; bottom:0px; background-color:#eeeeee; opacity:.9; border-top-style:solid; border-top-color:#000000; border-top-width:.5px;font-size: 3.08em;text-align:center;}
        /*.nelsimage { height:50% !important; width:50% !important; -webkit-shape-outside: url("NelsIllustration.gif") !important; -webkit-shape-margin:16px !important; margin-bottom:-20px !important; margin-left:-00px !important; margin-top:40px !important; margin-right:0px !important;}*/
        /*.nelsimage {display:none;}*/
        #filmheading{text-align:center;}
        #biodiv{font-size:2.8em; line-height:1.5em;}
        #pressdiv{font-size:2.8em;}
        #filmsdiv{font-size:2.8em;}
        #contactdiv{font-size:2.8em; padding-bottom:1500px;}

    }

    @media only screen and (max-device-width: 480px) and (orientation:landscape) {
        /* PHONE LANDSCAPE */
        #main{transform:scale(1.2); transform-origin:top; top:80px;}
        body{font-size:1.1em;}
    }

    @media only screen and (min-device-width: 768px) {
        /* OTHER */
        #main{transform:scale(1); top:100px;}

        body{}
    }

    @media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (   -o-min-device-pixel-ratio: 2/1) and (min-device-width: 1025px),
only screen and (        min-device-pixel-ratio: 2) and (min-device-width: 1025px),
only screen and (           min-resolution: 192dpi) and (min-device-width: 1025px),
only screen and (            min-resolution: 2dppx) and (min-device-width: 1025px) {

    /* MacBook-Retina-specific stuff here */
    /*#main{transform:scale(.8); transform-origin:top; top:80px;}*/
    #main{font-size:.8em; width:480px;}
    /*.nelsimage {height:30% !important; width: 30% !important;}*/
    
}