/*

Theme Name: Small is Beautiful

Theme URI: http://christianvarga.com/

Author: Christian Varga

Author URI: http://christianvarga.com/

Description: A custom theme lovely crafted for the Small is Beautiful film.

Version: 2.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: sib

Text Domain: twentythirteen



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-spacing:0;border-collapse:collapse;}



@font-face {

  font-family: 'Archer';

  src: url('fonts/archer/Archer-Medium.eot'); /* IE9 Compat Modes */

  src: url('fonts/archer/Archer-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/archer/Archer-Medium.woff') format('woff'), /* Modern Browsers */

       url('fonts/archer/Archer-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('fonts/archer/Archer-Medium.svg#3472b81f1efd0530ef5aab40255f240c') format('svg'); /* Legacy iOS */

  font-style:   normal;

  font-weight:  400;

}



@font-face {

  font-family: 'Archer';

  src: url('fonts/archer/Archer-MediumItalic.eot'); /* IE9 Compat Modes */

  src: url('fonts/archer/Archer-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/archer/Archer-MediumItalic.woff') format('woff'), /* Modern Browsers */

       url('fonts/archer/Archer-MediumItalic.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('fonts/archer/Archer-MediumItalic.svg#94aa0765f2554c0516671b49ff0b6d10') format('svg'); /* Legacy iOS */

  font-style:   italic;

  font-weight:  400;

}



/*@font-face {

  font-family: 'Verlag';

  src: url('fonts/verlag/Verlag-Light.eot'); 

  src: url('fonts/verlag/Verlag-Light.eot?#iefix') format('embedded-opentype'), 

       url('fonts/verlag/Verlag-Light.woff') format('woff'), 

       url('fonts/verlag/Verlag-Light.ttf')  format('truetype'), 

       url('fonts/verlag/Verlag-Light.svg#a0bffec52fb2be83c464128ea4ccc513') format('svg'); 

  font-style:   normal;

  font-weight:  200;

}



@font-face {

  font-family: 'Verlag';

  src: url('fonts/verlag/Verlag-Bold.eot'); 

  src: url('fonts/verlag/Verlag-Bold.eot?#iefix') format('embedded-opentype'),

       url('fonts/verlag/Verlag-Bold.woff') format('woff'), 

       url('fonts/verlag/Verlag-Bold.ttf')  format('truetype'), 

       url('fonts/verlag/Verlag-Bold.svg#cc09b1efc20a3eaf6624cc253d502477') format('svg');

  font-style:   normal;

  font-weight:  700;

}*/



@font-face {

    font-family: 'ProximaNova';

    src: url('fonts/proximanova/proximanova-light-webfont.eot');

    src: url('fonts/proximanova/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova/proximanova-light-webfont.woff') format('woff'),

         url('fonts/proximanova/proximanova-light-webfont.ttf') format('truetype'),

         url('fonts/proximanova/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'ProximaNova';

    src: url('fonts/proximanova/proximanova-lightitalic-webfont.eot');

    src: url('fonts/proximanova/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova/proximanova-lightitalic-webfont.woff') format('woff'),

         url('fonts/proximanova/proximanova-lightitalic-webfont.ttf') format('truetype'),

         url('fonts/proximanova/proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');

    font-weight: normal;

    font-style: italic;

}





@font-face {

    font-family: 'ProximaNova';

    src: url('fonts/proximanova/proximanova-semibold-webfont.eot');

    src: url('fonts/proximanova/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova/proximanova-semibold-webfont.woff') format('woff'),

         url('fonts/proximanova/proximanova-semibold-webfont.ttf') format('truetype'),

         url('fonts/proximanova/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'ProximaNova';

    src: url('fonts/proximanova/proximanova-semibolditalic-webfont.eot');

    src: url('fonts/proximanova/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/proximanova/proximanova-semibolditalic-webfont.woff') format('woff'),

         url('fonts/proximanova/proximanova-semibolditalic-webfont.ttf') format('truetype'),

         url('fonts/proximanova/proximanova-semibolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');

    font-weight: 500;

    font-style: italic;

}



.tagged_as{display:none}



html, body {

  min-height: 100%;

}



body {

  background-color: #fff;

  background-position: center center;

  background-size: cover;

  color: #000;

  font-weight: 200;

  font-size: 16px;

  /*font-family: "Verlag",sans-serif;*/

  font-family: "ProximaNova",helvetica,sans-serif;

  line-height: 1.3125;

}



.clearfix::after {

  display: block;

  clear: both;

  width: 0;

  height: 0;

  content: " ";

}



.hide-text {

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

}



.text-align-center {

  text-align: center !important;

}



a {

  color: #000;

  text-decoration: none;

}



h1 {

  font-size: 1.778em;

}


h2 {

  font-size: 1.2em;
  line-height: 2;

}

h3 {
  font-style: strong;
}


h1, h2, h4, h5, h6 {

  font-weight: 400;

  font-family: "Archer",sans-serif;

}

blockquote {
  font-style: italic;
  margin-left: 10%;
  margin-right: 10%;
}

ul, ol {

  margin-bottom: 1em;
}


strong, b {

  font-weight: 500;

}



em, i {

  font-style: italic;

}



.content {

  margin: 0 auto;

  padding: 15px;

  max-width: 840px;

}



#site-header {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 99;



  background: #035b84;

  text-transform: uppercase;

  font-size: 0.69em;

  font-family: sans-serif;

}



#site-header h1 {

  float: left;

  width: 210px;

  height: 26px;

  background: url('images/sib_menu_logo.png');

  background-size: cover;

}



body.admin-bar #site-header { top: 32px; }



  #site-header .content {

    max-width: 1000px;

  }



  #site-header .menu {

    /*float: right;*/

    margin-top: .4em;

  }

  

  #site-header li {

    float: left;

    margin-left: 41px;

  }



  #site-header a {

    color: #fff;

  }



  #site-header a:hover, #site-header li.current-menu-item a {

    border-bottom: 1px solid #fff;

  }



  #site-header .social {

    float: left;

    margin-top: -.4em;

    margin-left: 41px;

  }



  #site-header .social li {

    float: left;

    margin: 0 .8em;

  }



  #site-header .social a {

    display: inline-block;

    /* margin: .1em; */

    width: 19px;

    height: 18px;

    border: 0;

    background-image: url('images/header-icons.png');

    background-size: 300% 100%;

  }



  #site-header .social a.fb {

    background-position: -100% 0;

  }



  #site-header .social a.yt {

    background-position: -200% 0;

  }





#home .content {

  max-width: 570px;

}



#home h1 {

  margin-bottom: .5em;

  text-align: center;

}



#home p {

  margin-bottom: 1em;

}



#home section {

  padding: 4em 0;

}



#home .fullscreen-bg {

  background-position: center top;

  background-size: cover;

  background-repeat: no-repeat;

  overflow: hidden;

}



#home .trailer {

  position: relative;

  padding: 53px 0 0 0;

  height: 70vh;

  min-height: 620px;

}



  #home-quotes {

    position: absolute;

    top: 94%;

    width: 580px;

    left: 50%;

    margin-left: -290px;

    margin-top: -40px;

    position: relative;

    color: #fff;

    text-align: center;

    font-family: "Archer",sans-serif;

  }



    #home-quotes .quote {

      position: absolute;

      left: 0;

      right: 0;

      top: 0;



      opacity: 0;



      -webkit-transition: opacity 600ms;

      -moz-transition: opacity 600ms;

      transition: opacity 600ms;

    }



    #home-quotes .quote.active {

      opacity: 1;

    }



    #home-quotes p {

      margin-bottom: 0;

      font-size: 1.125em;

      font-style: italic;

      margin-bottom: .1em;

    }



    #home-quotes span {

      color: #003755;

    }



  



  #home-buy-buttons {

    position: absolute;

    top: 48%;

    left: 50%;

    display: block;

    margin-top: 100px;

    margin-left: -285px;

    text-align: center;

    width: 572px;

    font-family: "Archer",sans-serif;



    -webkit-transition: -webkit-transform 300ms;

    -moz-transition: -moz-transform 300ms;

    transition: transform 300ms;

  }



  #home-buy-buttons div {

    float: right;

    width: 49%;

  }



  #home-buy-buttons div:first-child {

    margin-left: 2%;

  }



  #home-buy-buttons a {

    padding: .45em 0 .35em;

    display: block;

    margin-bottom: .5em;

    color: #fff;

    border-radius: 2px;

    font-size: 1.2em;



    transition: background-color 300ms;

  }



  #home-buy-buttons span {

    display: block;

    font-size: .8em;

    color: #fff;

    font-style: italic;

    opacity: .6;

  }



  #home-buy-buttons .home-buy-deluxe {

    background: #00789b;

  }



  #home-buy-buttons .home-buy-deluxe:hover {

    background: #016986;

  }



  #home-buy-buttons .home-watch-now {

    background: #035b84;

  }



  #home-buy-buttons .home-watch-now:hover {

    background: #004e73;

  }





  #home-gift-buttons {

    text-align: center;

    position: absolute;

    width: 500px;

    margin-left: -250px;

    left: 50%;

    top: 81.5%;

    margin-top: -20px;

  }



  #home-gift-buttons a {

    display: inline-block;

    width: 120px;

    margin: 0 .1em;

    padding: 0 .5em;

    font-family: "Archer",sans-serif;

    color: #fff;

    height: 40px;

    border-radius: 2px;

    font-size: 1.2em;

    background: #016986;



    vertical-align: top;



    opacity: .6;

    transition: opacity 300ms;





    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }



  #home-gift-buttons a:hover {

    opacity: 1;

  }



  #home-gift-buttons a img {

    display: block;

    margin: .1em auto 0;

  }



  #home-gift-buttons .gift, #home-gift-buttons .buy {

    padding-top: .45em;

    padding-right: 2.5em;

    background-position: 80% 45%;

    background-repeat: no-repeat;

  }



  #home-gift-buttons .gift {

    background-image: url('images/home/gift-icon.png');

    background-size: 26px 26px;

  }

  #home-gift-buttons .buy {

    background-image: url('images/home/dvd-icon.png');

    background-size: 30px 28px;

  }



  #home-video { display: none; }



  #play-trailer {

    width: 570px;

    height: 320px;

    display: block;

    top: 43%;

    left: 50%;

    margin-top: -210px;

    margin-left: -285px;

    position: absolute;

    border: 1px solid #003755;

    background: #000;

  }



  #play-trailer img {

    display: block;

    width: 100%;

    transition: opacity .3s;

  }



  #play-trailer {

    cursor: pointer;

  }



  #play-trailer:hover img {

    opacity: .8;

  }



  #home .trailer::after, #buy-editions::after {

    content: " ";

    display: block;

    position: absolute;

    bottom: -40px;

    left: 50%;

    margin-left: 360px;

    width: 130px;

    height: 136px;

    background: url('images/home/house-graphic.png');

    background-size: cover;

  }



  #home #available-on, #page-buy #available-on {

    background: rgba(0,0,0,.2);

    color: #fff;

    padding: 1.5em 0;

  }



  #home #available-on .content {

    max-width: 1020px;

  }



  #available-on h2 {

    font-size: 1.125em;

    margin-bottom: 1em;

    opacity: .6;

    text-transform: uppercase;

  }



  #available-on a {

    display: inline-block;

    margin: 0 1em;

    opacity: .6;



    transition: opacity 300ms;

  }



  .featured-on-logos, .mobile-featured-on-logos {

    display: block;

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

  }



  #home #available-on .mobile-featured-on-logos {

    display: none;

  }



  #available-on a:hover {

    opacity: 1;

  }



  #home #merch {

    padding-bottom: 0;

  }



  #merch .merch-item {

    float: left;

    width: 33.333%;

    display: block;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



    padding: 0 1em;

  }



  #merch img {

    width: 100%;

    height: auto;

  }





  #home #signup {

    overflow: hidden;

    text-align: center;

    padding: 0;

    margin-top: -4em;

  }



    #signup p {

      padding: 0 5em;

    }



    #home .signup-wrapper {

      width: 200%;

      -webkit-transition: margin 300ms;

      -moz-transition: margin 300ms;

      transition: margin 300ms;

    }



    #signup.signed-up .signup-wrapper {

      margin-left: -100%;

    }



      #home .signup-wrapper > div {

        float: left;

        width: 50%;

      }



      #home .signup-wrapper .share {

        margin: 0 auto;

        width: 200px;

      }



      #home .signup-wrapper .share li {

        float: left;

        padding: 5px 20px;

        width: 26px;

        font-size: .675em;

      }



      #home .signup-wrapper .share li:nth-child(2) {

        border-right: 1px solid #fff;

        border-left: 1px solid #fff;

      }



      #home .signup-wrapper .share span {

        display: inline-block;

        margin-top: .2em;

        margin-left: .1em;

      }



      #home .signup-wrapper .share a {

        display: inline-block;

        width: 30px;

        height: 26px;

        background: url('images/share-icons-blue.png');

        background-size: 300% 100%;

      }



      #home .signup-wrapper .share a.fb {

        float: left;

        background-position: 200% 0;

      }



      #home .signup-wrapper .share a.mail {

        background-position: 100% 0;

      }

  

  #home .about-contact-wrapper {

    background-position: center bottom;

    background: #fff;

  }



  #home #about {

    color: #000;

  }



  #home #contact {

    color: #000;

    padding-top: 0;

  }



  .about-contact-wrapper h1 {

    color: #045b85;

  }



  .about-contact-wrapper section:not(:first-child) h1 {

    border-top: 2px solid #d5d5d7;

    padding-top: 2em;

  }



  .about-links a {

    color: #00a89e;

    float: left;

    font-family: "Archer",serif;

  }



  .about-links a:hover {

    text-decoration: underline;

  }



  .about-links a:last-child {

    float: right;

  }



  section#screenings {

    padding-top: 0;

  }



  #screening-list { margin-bottom: 1em; width: 100%; }



  #screening-list .venue, .screening-list .time, 

  #screening-list .tickets { text-transform: uppercase; }



  #screening-list td { padding: .5em }



  #screening-list .date { width: 25%; white-space: nowrap; }

  #screening-list .venue { width: 30%; }

  #screening-list .city { width: 18%; }

  #screening-list .time { width: 10%; }

  #screening-list .tickets { width: 17%; }



  #screening-list tr { border-bottom: 1px dotted #d5d5d7; }



  #screening-list a:hover { text-decoration: underline; }



  #home-footer {

    background: #007a9c;

    text-align: center;

  }



  #home-footer .content {

    padding-top: 3em;

    padding-bottom: 3em;

    color: #fff;

    max-width: 570px;

  }



  #home-footer p { padding: 0 1em; }



  #home-footer #mc-embedded-subscribe-form input {

    float: left;

    margin: 0;

    width: 75%;

    padding: .8em 1em .7em;

    font-size: 16px;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }



  #home-footer #mc-embedded-subscribe-form input[type="submit"] {

    width: 25%;

  }



  #home-footer img {

    width: 100%;

    height: auto;

    margin-top: 3em;

  }



body.home a[title="Pin it!"] {

  display: none !important;

}



#mc-embedded-subscribe-form {

  margin-top: 2em;

}



input[type="text"], 

input[type="email"], 

input[type="password"], 

input[type="submit"], 

textarea, 

a.green-button, a.blue-button {

  padding: .4em 1em .5em;

  width: 12em;

  outline: 0;

  border: 1px solid #ccc;

  border-radius: 0;

  background: #fff;

  font-size: 12px;

  /*font-family: "Verlag",sans-serif;*/

  font-family: "ProximaNova",helvetica,sans-serif;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  

}



input[type="submit"], a.green-button {

  padding: .45em;

  border: 1px solid transparent;

  background: #00a89e;

  color: #fff;

  text-align: center;

  text-transform: uppercase;

  font-family: "Archer",serif;

  cursor: pointer;

}



#wrap .blue-button {

  background: #045B85;

  border-radius: 3px;

}



#mc-embedded-subscribe-form input {

  margin: 0 .25em;

}



#mc-embedded-subscribe-form input[type="submit"] {

  padding: .4em 0 .5em;

}



#contact-form input, #contact-form textarea {

  display: block;

  clear: both;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0 0 1em;

  padding: .75em 1em .8em;

  width: 100%;

  resize: none;

}



#contact-form .chosen-container-single {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin-bottom: 1em;

  width: 100%;

  font-size: 12px;

}



#contact-form .chosen-container-single .chosen-single {

  padding: .35em 1em .5em;

}



#contact-form .chosen-container-single .chosen-single div b {

  background-position: 0 7px;

}





#contact-form div.half {

  float: left;

  clear: both;

  margin-right: 2%;

  width: 49%;

}



#contact-form div.half.right {

  clear: none;

  margin-right: 0;

}



#contact-form input[type="submit"], #home .green-button {

  display: inline-block;

  padding: .45em 0;

  width: 35%;

}



#contact-form input[type="submit"] {

  float: right;

}



#home #about a.download i {

  display: inline-block;

  width: 9px;

  height: 10px;

  background: url('images/download-icon.png');

  margin-right: .3em;

}



#contact-form label.error {

  display: block;

  margin-top: -.5em;

  margin-bottom: 1em;

  color: red;

  font-size: .75em;

}



#lightbox {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, .9);

  z-index: 99;



  padding: 4em;

}



#lightbox .close {

  color: #fff;

  text-decoration: none;

  position: absolute;

  top: .5em;

  right: .5em;

  font-size: 2em;

  opacity: .8;



  transition: opacity 100ms;

}



#lightbox .close:hover {

  opacity: 1;

}





#page-buy .below .content { max-width: 570px }

#page-buy .below h1 { text-align: center; color: #045B85; margin: .5em 0; }



#page-buy .fullscreen-bg {

  background-image: url('images/blue-bg.jpg');

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  overflow: hidden;

}



#buy-editions { position: relative; color: #fff; padding-top: 6em; padding-bottom: 8em }



#buy-editions img { width: 50%; float: left; margin-bottom: 1em; }

#buy-editions .about-edition { float: left; margin-left: 5%; width: 45%; margin-bottom: 1em; }

#buy-editions h2 { font-size: 2em; margin-bottom: .25em; }



#buy-editions .about-edition a { 

  color: #fff; 

  border: 1px solid #fff;

  border-radius: 3px;

  display: inline-block;

  width: 200px;

  padding: .3em 0 .2em;

  text-align: center;

  margin-bottom: 1em;

  font-family: "Archer",sans-serif;

}







#blog-header {

  margin-bottom: 4em;

  padding: 6em 25% 3em;

  background-image: url('images/blue-bg.jpg');

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



#blog-header h1, #page-header h1 {

  color: #fff;

  text-align: center;

  font-size: 3.333em;

}



#page-header {

  margin-bottom: 4em;

  padding: 6em 25% 3em;

  background-image: url('images/blue-bg.jpg');

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



#page-fullscreen-bg {

  padding: 4em 0 2em;

}



#page-fullscreen-bg h1.entry-title {

  padding: 1em;

  text-align: center;

}



#page-fullscreen-bg.white {

  color: #fff;

}



#page-fullscreen-bg.white a {

  color: #fff;

}



body.post-type-archive-product #page-header {

  padding: 7em 25% 6em;

}



#page-header h1 {

  padding: 0 1em;

}



#page-header p {

  display: none;

  padding: 0 2em;

  color: #fff;

  text-align: center;

  font-size: 1.5em;

}



body.post-type-archive-product #page-header p {

  display: block;

}



article.post h1, article.post h1 a, 

article.page h1, article.page h1 a {

  margin: .4em 0 .5em;

  color: #00a89e;

}



article.post .date, article.post .comments-count,

article.page .date, article.page .comments-count,

article.post .author, article.post .categories,

article.page .author, article.page .categories {

  font-size: .75em;

}



.blog-index article.post, .blog-index article.page {

  padding-bottom: 2em;

  position: relative;

}



.blog-index article h1 {

  max-height: 2.5em;

  overflow: hidden;

}



.blog-index .entry-footer {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: 0;

}





.blog-index article.post .author {

  float: left;

}



article.post .categories {

  text-transform: uppercase;

}



.blog-index article.post .categories {

  float: right;

}



article.post .categories a {

  color: #00A89E;

}





.blog-index article.post .categories a {

  color: #000;

}



article.post .categories a:hover {

  text-decoration: underline;

}



article.post .comments-count a, article.post .comments-count {

  color: #00A89E;

  font-style: italic;

}



article.post {

  margin: 0 auto 4em;

  width: 75%;

}



.blog-categories {

  margin-top: -60px;

  text-align: center;

  text-transform: uppercase;

  font-size: 0.875em;

}



.blog-categories ul {

  padding-bottom: 2em;

  margin-bottom: -1em;

  border-bottom: 1px solid #bfbfbf;

}



.blog-categories li {

  display: inline-block;

  margin: 0 1em;

}



.blog-categories li.current-cat {

  font-weight: 500;

}



.blog-categories a:hover {

  text-decoration: underline;

}



.blog-categories li ul {

  display: none;

}



.blog-categories span {

  display: none;

}



.blog-categories input[type="search"] {

  font-family: "ProximaNova",helvetica,sans-serif;

  font-size: 14px;

  text-transform: uppercase;

  border: none;

  outline: none;

  background: transparent;

  width: 8em;

  padding-left: 1em;

  padding-top: .1em;

  padding-bottom: .1em;

  

  background: url('images/search-icon.png') no-repeat 0 2px;

  background-size: 13px 13px;

}



.blog-categories input[type="submit"] {

  overflow: hidden;

  width: 0;

  height: 0;

  outline: none;

  border: none;

  opacity: 0;

  padding: 0;

  margin: 0;

}



.blog-index {

  margin-left: -30px;

}



.blog-index article {

  float: left;

  width: 33.333%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  border: 0px solid rgba(0, 0, 0, 0);

  border-left-width: 30px;

  background-clip: padding-box !important;

  -moz-background-clip: padding-box !important;

  -webkit-background-clip: padding-box !important;

}



.blog-index h1 {

  font-size: 1.5em;

}



.blog-index .thumb img {

  width: 100%;

}



body.single #home-footer .content, body.blog #home-footer .content, body.archive #home-footer .content {

  max-width: 580px;

}



#single-up-next {

  background: #e5e5e5;

}



#single-up-next .content {

  padding-top: 3em;

  padding-bottom: 3em;

}



#single-up-next h2 {

  font-family: "ProximaNova",helvetica,sans-serif;

  font-size: 1.125em;

  font-weight: 500;

  margin-bottom: .5em;

  text-transform: uppercase;

}



#single-up-next h3 {

  color: #00A89E;

  font-size: 1.5em;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



#single-up-next h3 + p {

  height: 4em;

  overflow: hidden;

}



#single-up-next .sub-text {

  font-size: 0.75em;

  margin-top: 1em;

}



#single-up-next a {

  color: #00A89E;

}



#single-up-next a:hover {

  text-decoration: underline;

}



#single-up-next .up-next-post {

  float: left;

  width: 48%;

  margin: 0 2% 0 0;

}



#single-up-next p, #single-up-next h3 {

  margin-right: 160px;

}



#single-up-next .thumb {

  float: right;

  width: 140px;

}



#single-up-next .thumb img {

  width: 100%;

  height: auto;

}


hr.style-one {
    border: 0;
    height: 1px;
    background: #bfbfbf;
    margin-bottom: 3em;
}





.entry-content p {

  margin-bottom: 1em;

}



.entry-content ul, div.product ul {

  margin-left: 2em;

  list-style-type: disc;

}



.entry-content ol, div.product ol {

  margin-left: 2em;

  list-style-type: decimal;

}



.entry-content a {

  color: #00A89E;

}



.entry-content a:hover {

  text-decoration: underline;

}



.entry-content img, .entry-content iframe {

  width: 100%;

}



.entry-content img {

  height: auto;

}



.entry-footer {

  margin: 2em 0;

}



.comments-title {

  margin-bottom: 2em;

  font-weight: 700;

  /*font-family: "verlag",sans-serif;*/

  font-family: "ProximaNova",helvetica,sans-serif;

}



li.comment {

  margin: 2em 0;

  font-size: 0.778em;

}



li.comment .author {

  font-weight: 700;

  font-style: italic;

}



li.comment .comment-content {

  margin-top: 1em;

}



li.comment p {

  margin-bottom: 1em;

}



li.comment .commentmetadata {

  margin-top: 3em;

  color: #666;

  text-transform: uppercase;

  font-size: 0.714em;

}



.blog-nav {

  text-align: center;

}



.blog-nav a {

  display: inline-block;

  margin: 1em;

}



.blog-nav a:hover {

  text-decoration: underline;

}



/*.nav-previous {

  float: left;

  clear: both;

}



.nav-next {

  float: right;

  clear: both;

}*/



#sidebar {

  float: right;

  width: 20%;

  font-size: .81em;

}



#sidebar h2 {

  margin-bottom: .2em;

  color: #00A89E;

  font-size: 1.333em;

}



#sidebar section:first-child {

  padding-top: 0;

}



#sidebar section {

  padding: 1.5em 0;

  border-bottom: 2px solid #ddd;

}



#sidebar .links {

  border-bottom: 0;

}



#sidebar .links li {

  margin-bottom: .5em;

  list-style-type: none;

}



#sidebar .links a {

  color: #00A89E;

}



#sidebar .links a:hover {

  text-decoration: underline;

}



#sidebar #mc-embedded-subscribe-form {

  margin-top: 0;

}



#sidebar input[type="email"] {

  display: block;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 1em 0;

  width: 100%;

}



#sidebar input[type="submit"] {

  margin-left: 0;

}



#sidebar .social {

  margin-top: 2em;

  text-align: center;

}



#sidebar .social a {

  display: inline-block;

  margin: .1em;

  width: 25px;

  height: 25px;

  background-image: url('images/sidebar-icons.png');

  background-size: 400% 100%;

}



#sidebar .social a.vimeo {

  background-position: -100% 0;

}



#sidebar .social a.fb {

  background-position: -200% 0;

}



#sidebar .social a.yt {

  background-position: -300% 0;

}



#sidebar .share {

  display: none;

}



#sidebar .signup .social {

  display: none;

}



body.woocommerce #sidebar {

  float: none;

  width: auto;

  background: #e9eaea;

}



body.woocommerce #sidebar .inner {

  margin: 0 auto;

  padding: 20px;

  max-width: 840px;

}



body.woocommerce #sidebar section {

  float: left;

  padding: 1.5em 0;

  width: 40%;

  border: none;

}



body.woocommerce #sidebar .signup {

  float: right;

}



body.woocommerce #sidebar .share, body.woocommerce #sidebar .signup .social {

  display: block;

}



body.woocommerce #sidebar .links, body.woocommerce #sidebar .about .social {

  display: none;

}



body.woocommerce #sidebar .share {

  margin-top: 2em;

  width: 400px;

}



body.woocommerce #sidebar .social {

  text-align: left;

}



body.woocommerce #sidebar .social a {

  margin-right: 1em;

}





body.post-type-archive-product .page-title, body.post-type-archive-product .woocommerce-result-count, .woocommerce-ordering {

  display: none;

}



.products .product h3 {

  text-align: center;

  font-weight: 700;

  /*font-family: "verlag",sans-serif;*/

  font-family: "ProximaNova",helvetica,sans-serif;

}



.products .product span.price {

  text-align: center;

}



.woocommerce #wrap ul.products, .woocommerce-page #wrap ul.products {

  margin-left: -6%;

}



.woocommerce #wrap ul.products li.product, .woocommerce-page #wrap ul.products li.product {

  float: left;

  clear: none;

  margin-right: 0;

  margin-left: 6%;

  width: 27.3%;

}



.woocommerce table.shop_table, .woocommerce-page table.shop_table, .woocommerce-message, .cart-collaterals {

  font-size: 0.875em;

}



div.product .product_title {

  margin-bottom: .5em;

  color: #00A89E;

}



div.product p, div.product table {

  margin-bottom: 1em;

  /*font-size: 0.75em;*/

}



#wrap div.product .single_add_to_cart_button {

  margin-top: 2em;

  height: 29px;

  line-height: .7;

  /*font-size: .75em !important;*/

}



#wrap #content div.product div.quantity {

  margin-top: 2em;

  /*font-size: .75em;*/

}



#wrap #content .quantity input.qty {

  height: 23px;

  border-radius: 0;

  font-weight: normal;

}



#wrap #content .quantity .plus, #wrap #content .quantity .minus {

  height: 13px;

  border-radius: 0;

  line-height: 12px;

}



/* woocommerce overrides */

.woocommerce div.product span.price, .woocommerce div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content div.product p.price {

  font-style: italic;

  font-size: 1em !important;

}



.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt,.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {

  width: auto !important;

  border: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  color: #fff !important;

  text-transform: uppercase !important;

  text-shadow: none !important;

  font-weight: 400;

  font-size: 1em !important;

  font-family: "Archer",serif !important;

}



.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {

  background: #00A89E !important;

}



.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {

  background: #ccc !important;

}



.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before {

  background-color: #00a89e !important; 

}



.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {

  border-top-color: #00A89E !important;

}



.woocommerce div.product div.images div.thumbnails, .woocommerce #content div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails {

  margin-left: -2.5%;

}



.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {

  clear: none !important;

  margin-right: 0 !important;

  margin-bottom: 2.9% !important;

  margin-left: 2.9% !important;

  width: 22% !important;

}



.sku_wrapper, .reset_variations {

  display: none !important;

}



.woocommerce div.product form.cart .variations label, .woocommerce #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label {

  font-weight: 400 !important;

  font-size: 1em;

}



.woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { width: auto !important; }



.variations td {

  display: block;

}



#order_review_heading {

  margin: 2em 0 1em 0;

}



.shop_table.order_details {

  margin-bottom: 3em !important;

}



dl.customer_details::after {

  content: " ";

  height: 0;

  width: 0;

  display: block;

  clear: both;

  margin-bottom: 2em;

}



dl.customer_details dt, dl.customer_details dd {

  float: left;

  margin-right: .5em;

}







.chosen-container-single .chosen-single {

  border: 1px solid #d2d3d3;

  border-radius: 0;

  background: #fff;

  box-shadow: none;

}



.chosen-container .chosen-results li.highlighted {

  background: #00A89E;

}



.variations .chosen-container-single {

  margin: .5em 0 1em;

}



@media screen and (max-width: 950px) {

  #site-header .content {

    padding: 15px;

  }



  #site-header a.show-menu, #site-header a.show-menu:hover {

    display: block;

    float: right;

    margin-top: 4px;

    width: 20px;

    height: 10px;

    border-top: 2px solid #fff;

    border-bottom: 2px solid #fff;

  }



  #site-header .show-menu i {

    display: block;

    margin-top: 4px;

    height: 2px;

    background: #fff;

  }



  #site-header .menu {

    display: none;

    float: none;

    margin-top: 4em;

  }



  #site-header.open .menu {

    display: block;

  }



  #site-header li {

    float: none;

    margin: .5em;

  }



  #site-header li a {

    display: block;

    padding: .5em;

    text-align: center;

    font-size: 1.5em;

  }



  #site-header a:hover, #site-header li.current-menu-item a {

    border: none;

  }



  #site-header .social {

    display: none;

  }

}



@media screen and (max-width: 600px) {

  #home .trailer {

    height: auto;

    min-height: 0;

  }



  #play-trailer { display: none; }



  #home-video {

    width: 100%;

    display: block;

  }



  #home-buy-buttons {

    position: relative;

    margin: 0;

    top: auto;

    width: auto;

    left: auto;

    padding: 0 1.5em;

  }



  .trailer-wrapper #home-buy-buttons div {

    float: none;

    width: auto;

    margin: 1em 0 0;

  }



  #home-gift-buttons {

    position: relative;

    left: auto;

    top: auto;

    width: auto;

    padding: 0 1.5em;

    margin: 1em 0 0;

  }



  #home-gift-buttons a img {

    max-width: 100%;

    height: auto;

  }



  #home-gift-buttons a {

    display: block;

    float: left;

    margin: 0;

    width: 32%;

  }



  #home-gift-buttons .gift {

    margin: 0 2%;

  }



  #home-gift-buttons .gift, #home-gift-buttons .buy {

    background-position: 90% 45%;

  }



  #home-quotes {

    position: relative;

    top: auto;

    left: auto;

    width: auto;

    margin: 2em 0 0;

    height: 85px;

  }



  #home-quotes p {

    font-size: 1em;

  }



  #home-quotes .quote {

    left: 1.5em;

    right: 1.5em;

  }



  #home #available-on .content {

    max-width: 320px;

  }





  #home #available-on .featured-on-logos {

    display: none;

  }



  #home #available-on .mobile-featured-on-logos {

    display: block;

    opacity: .6;

  }



  #home section {

    padding: 2em 0;

  }



  #merch .merch-item {

    float: none;

    width: auto;

    margin-top: 1em;

  }



  #screening-list td {

    width: auto !important;

    display: block;

    float: left;

    text-align: left;



    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }



  #screening-list td.city {

    float: right;

    text-align: right;

  }



  #screening-list td.venue {

    width: 70% !important;

  }



  #screening-list td.tickets {

    width: 30% !important;

    text-align: right;

  }



  #signup p {

    padding: 0;

  }



  #mc-embedded-subscribe-form input {

    display: block;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 1em;

    width: 100%;

  }





  #buy-editions img, #buy-editions .about-edition { width: 100%; float: none; margin-left: 0; }





  #blog-header, body.post-type-archive-product #page-header, body.single-product #page-header, body.woocommerce-page #page-header {

    padding: 4em 1em 2em;

  }



  #page-header {

    margin-bottom: 2em;

  }



  #page-header p {

    margin-top: 1em;

    font-size: .75em;

  }



  #blog-header h1, #page-header h1 {

    font-size: 2em;

  }



  .blog-index {

    margin-left: 0;

  }



  .blog-categories li {

    display: block;

    margin: .5em 1em;

  }



  .blog-index article {

    float: none;

    width: auto;

    border-left-width: 0;

  }



  .blog-index .thumb img {

    height: auto !important;

  }



  article.post {

    float: none;

    width: auto;

  }



  #single-up-next .up-next-post {

    float: none;

    width: auto;

    margin: 0 0 2em 0;

  }



  #sidebar {

    display: none;

  }



  body.woocommerce #sidebar {

    display: block;

  }



  body.woocommerce #sidebar section {

    float: none;

    width: auto;

  }



  body.woocommerce #sidebar .share {

    width: auto;

  }



  .woocommerce #wrap ul.products li.product, .woocommerce-page #wrap ul.products li.product {

    float: none;

    width: auto;

  }

}



@media screen and (max-width: 375px) {

  #home-gift-buttons a img {

    margin-top: .2em;

  }

}





/* START Make the cart table responsive */

/* http://css-tricks.com/responsive-data-tables/ */

/* http://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/ */

@media screen and (max-width: 600px) {



/* Hide table headers (but not display: none; */



  .woocommerce table.shop_table, .woocommerce-page table.shop_table {

    border: none !important;

  }



  .woocommerce #content table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .input-text+.button, .woocommerce table.cart td.actions .button.alt, .woocommerce table.cart td.actions .input-text+.button, .woocommerce-page #content table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .input-text+.button, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .input-text+.button {

    float: none !important;

  }



/* Force table to not be like tables anymore */

.woocommerce-page table.shop_table,

.woocommerce-page table.shop_table thead,

.woocommerce-page table.shop_table tbody,

.woocommerce-page table.shop_table th,

.woocommerce-page table.shop_table td,

.woocommerce-page table.shop_table tr {

    display: block;

}

.woocommerce-page table.shop_table thead tr {

    position: absolute;

    top: -9999px;

    left: -9999px;

}



.woocommerce-page table.shop_table tr {

    /* border: 1px solid #d2d3d3; */

}



.woocommerce-page table.shop_table td {

    position: relative;

    padding-left: 30% !important;

    /* Behave like a "row" */

    border: 1px solid #d2d3d3;

}



.woocommerce-page table.shop_table {

    border: none;

}



.woocommerce-page table.shop_table td.product-spacer {

    height: 10px;

    border-color: #FFF;

}



.woocommerce-page table.shop_table td:before {

    /* Now like a table header */

    position: absolute;

    /* Top/left values mimic padding */

    top: 6px;

    left: 6px;

    padding-right: 10px;

    width: 25%;

    white-space: nowrap;

}



/*

Label the data

*/

.woocommerce-page table.shop_table td.product-remove:before {

    content: "Delete";

}



.woocommerce-page table.shop_table td.product-thumbnail:before {

    content: "Image";

}



.woocommerce-page table.shop_table td.product-name:before {

    content: "Product";

}



.woocommerce-page table.shop_table td.product-price:before {

    content: "Price";

}



.woocommerce-page table.shop_table td.product-quantity:before {

    content: "Quantity";

}



.woocommerce-page table.shop_table td.product-subtotal:before {

    content: "Subtotal";

}



.woocommerce-page table.shop_table td.product-total:before {

    content: "Total";

}



.woocommerce .quantity,

.woocommerce #content .quantity,

.woocommerce-page .quantity,

.woocommerce-page #content .quantity {

    margin: 0;

}



.woocommerce-page table.cart td.actions,

.woocommerce-page #content table.cart td.actions {

    padding-left: 6px !important;

    border:0;

    text-align: left;

}



.woocommerce-page table.cart td.actions .button.alt,

.woocommerce-page #content table.cart td.actions .button.alt {

    float: left;

    margin-top: 10px;

}



.woocommerce-page table.cart td.actions div,

.woocommerce-page #content table.cart td.actions div,

.woocommerce-page table.cart td.actions input,

.woocommerce-page #content table.cart td.actions input {

    margin-bottom: 10px;

}



.woocommerce-page .cart-collaterals .cart_totals {

    float: left;

    width: 100%;

    text-align: left;

}



.woocommerce-page .cart-collaterals .cart_totals th,

.woocommerce-page .cart-collaterals .cart_totals td {

    border:0 !important;

}



.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,

.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,

.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td {

    padding-left: 6px !important;

}



.woocommerce-page table.shop_table tr.cart-subtotal td,

.woocommerce-page table.shop_table tr.shipping td,

.woocommerce-page table.shop_table tr.order-total td,

.woocommerce-page table.shop_table.order_details tfoot th,

.woocommerce-page table.shop_table.order_details tfoot td {

    padding-left: 6px !important;

    border:0 !important;

}



.woocommerce-page table.shop_table tbody {

    /* padding-top: 10px; */

}



.woocommerce .col2-set .col-1,

.woocommerce-page .col2-set .col-1,

.woocommerce .col2-set .col-2,

.woocommerce-page .col2-set .col-2,

.woocommerce form .form-row-first,

.woocommerce form .form-row-last,

.woocommerce-page form .form-row-first,

.woocommerce-page form .form-row-last {

    float: none;

    width: 100%;

}



.woocommerce .order_details ul,

.woocommerce-page .order_details ul,

.woocommerce .order_details,

.woocommerce-page .order_details {

    padding:0;

}



.woocommerce .order_details li,

.woocommerce-page .order_details li {

    clear: left;

    margin-bottom: 10px;

    border:0;

}



/* make buttons full width, text wide anyway, improves effectiveness */

#content table.cart td.actions .button,

.woocommerce #content table.cart td.actions .input-text,

.woocommerce #content table.cart td.actions input,

.woocommerce table.cart td.actions .button,

.woocommerce table.cart td.actions .input-text,

.woocommerce table.cart td.actions input,

.woocommerce-page #content table.cart td.actions .button,

.woocommerce-page #content table.cart td.actions .input-text,

.woocommerce-page #content table.cart td.actions input,

.woocommerce-page table.cart td.actions .button,

.woocommerce-page table.cart td.actions .input-text,

.woocommerce-page table.cart td.actions input {

    width: 100%;

}



/* keep coupon at 50% */

#content table.cart td.actions .coupon .button,

.woocommerce #content table.cart td.actions .coupon .input-text,

.woocommerce #content table.cart td.actions .coupon input,

.woocommerce table.cart td.actions .coupon .button,

.woocommerce table.cart td.actions .coupon .input-text,

.woocommerce table.cart td.actions .coupon input,

.woocommerce-page #content table.cart td.actions .coupon .button,

.woocommerce-page #content table.cart td.actions .coupon .input-text,

.woocommerce-page #content table.cart td.actions .coupon input,

.woocommerce-page table.cart td.actions .coupon .button,

.woocommerce-page table.cart td.actions .coupon .input-text,

.woocommerce-page table.cart td.actions .coupon input {

    width: 48%;

}



/* clean up how coupon inputs display */

#content table.cart td.actions .coupon,

.woocommerce table.cart td.actions .coupon,

.woocommerce-page #content table.cart td.actions .coupon,

.woocommerce-page table.cart td.actions .coupon {

    margin-top: 1.5em;

}



#content table.cart td.actions .coupon .input-text,

.woocommerce table.cart td.actions .coupon .input-text,

.woocommerce-page #content table.cart td.actions .coupon .input-text,

.woocommerce-page table.cart td.actions .coupon .input-text {

    margin-bottom: 1em;

}



/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */

.woocommerce .cart-collaterals .cross-sells,

.woocommerce-page .cart-collaterals .cross-sells {

    display: none;

}



}

/* END Make the cart table responsive  */



#page-share * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}  



#page-share #progress {

    background-color: #fff;

    padding: 5px;

    margin-top: 0px;

    margin-bottom: 20px;

    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);

}



#page-share #progress .percent {

    background: #87C442;

    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#9FD04F),color-stop(100%,#87C442));

    background-image: -webkit-linear-gradient(#9FD04F,#87C442);

    background-image: -moz-linear-gradient(#9FD04F,#87C442);

    background-image: -o-linear-gradient(#9FD04F,#87C442);

    background-image: -ms-linear-gradient(#9FD04F,#87C442);

    background-image: linear-gradient(#9FD04F,#87C442);

    width: 1%;

    height: 30px;

    position: relative;

}



#page-share #progress .percent .number {

    position: absolute;

    top: 0px;

    height: 30px;

    line-height: 30px;

    color: #000;

    right: -40px;

    width: 40px;

    text-align: center;

    font-weight: bold;

}



#page-share #actions {

    margin: 0px;

    padding: 0px;

    overflow: hidden;

    list-style-type: none;

}







#page-share #actions li {

    float: left;

    width: 33%;

    padding: 10px;

    text-align: center;

    border-right: 1px solid #bbb;

    border-left: 1px solid #fff;

}



#page-share #actions li:nth-child(1) {

    border-left: none;

}



#page-share #actions li:nth-child(2) {

    width: 34%;

}



#page-share #actions li:nth-child(3) {

    border-right: none;

}







#page-share button {

    font-family: "Open Sans", sans-serif;

    font-weight: bold;

    background: #87C442;

    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#9FD04F),color-stop(100%,#87C442));

    background-image: -webkit-linear-gradient(#9FD04F,#87C442);

    background-image: -moz-linear-gradient(#9FD04F,#87C442);

    background-image: -o-linear-gradient(#9FD04F,#87C442);

    background-image: -ms-linear-gradient(#9FD04F,#87C442);

    background-image: linear-gradient(#9FD04F,#87C442);

    color: black;

    -moz-box-shadow: inset 0 1px 0 0 #b7dc63;

    -webkit-box-shadow: inset 0 1px 0 0 #B7DC63;

    -o-box-shadow: inset 0 1px 0 0 #b7dc63;

    box-shadow: inset 0 1px 0 0 #B7DC63;

    text-shadow: #FFFF8E 0 1px 0;

    -moz-background-clip: border;

    -webkit-background-clip: border;

    -o-background-clip: border-box;

    -ms-background-clip: border-box;

    -khtml-background-clip: border-box;

    background-clip: border-box;

    border: 1px solid #1A1A1A;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -o-border-radius: 6px;

    -ms-border-radius: 6px;

    -khtml-border-radius: 6px;

    border-radius: 6px;

    color: #000;

    font-size: 24px;

    line-height: 48px;

    padding: 0 20px;

    -moz-transition: "color","0.3s";

    -webkit-transition: "color","0.3s";

    -o-transition: "color","0.3s";

    transition: "color","0.3s";

    cursor: pointer;

    margin: 0px;

    opacity: 0.99;

}



#page-share button:hover {

    opacity: 0.9;

}



#page-share button.facebook {

    background: #3b5998;

    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4b71c1),color-stop(100%,#3b5998));

    background-image: -webkit-linear-gradient(#4b71c1,#3b5998);

    background-image: -moz-linear-gradient(#4b71c1,#3b5998);

    background-image: -o-linear-gradient(#4b71c1,#3b5998);

    background-image: -ms-linear-gradient(#4b71c1,#3b5998);

    background-image: linear-gradient(#4b71c1,#3b5998);

    color: #fff;

    -moz-box-shadow: inset 0 1px 0 0 #5b8aeb;

    -webkit-box-shadow: inset 0 1px 0 0 #5b8aeb;

    -o-box-shadow: inset 0 1px 0 0 #5b8aeb;

    box-shadow: inset 0 1px 0 0 #5b8aeb;

    text-shadow: #3b5998 0 1px 0;

}



#page-share button.twitter {

    background: #2578b4;

    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#58a8e2),color-stop(100%,#2578b4));

    background-image: -webkit-linear-gradient(#58a8e2,#2578b4);

    background-image: -moz-linear-gradient(#58a8e2,#2578b4);

    background-image: -o-linear-gradient(#58a8e2,#2578b4);

    background-image: -ms-linear-gradient(#58a8e2,#2578b4);

    background-image: linear-gradient(#58a8e2,#2578b4);

    color: #fff;

    -moz-box-shadow: inset 0 1px 0 0 #88c1ec;

    -webkit-box-shadow: inset 0 1px 0 0 #88c1ec;

    -o-box-shadow: inset 0 1px 0 0 #88c1ec;

    box-shadow: inset 0 1px 0 0 #88c1ec;

    text-shadow: #2578b4 0 1px 0;

}



@media screen and (max-width: 600px) {

  #page-share #actions li {

      float: none;

      border: none;

      border-bottom: 1px solid #ddd;

      width: 100% !important;

      padding: 20px 0px;

  }



  #page-share #progress {

      position: fixed;

      bottom: 0px;

      left: 0px;

      width: 100%;

      padding: 10px;

      z-index: 100;

      margin: 0px;

      border-radius: 0px;

  }





}