/*
Theme Name: Outspoken
Author: Damien Dunstan
Author URI: http://damiendunstan.com.au
Description: Custom Wordpress theme for Outspoken website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: outspoken
*/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wrapper {
    width: 100%;
    margin: 0 0;
}


video { 
display: none;
 width: 60%;
 height: auto;
 float: right;
  transition: 1s opacity;
}

.lt-ie9 video {
    display: none;
}





.header-container {
    background: url('img/footer-bg.png') repeat #3c3c3c;
    color: #c9c9c9;
    font-size:28px;
    font-weight: 600;
    position: relative;

}

.container:hover .bar1, .container:hover .bar2, .container:hover .bar3 {
    background-color: white;
}

.header-container .logo {
    width: 100%;
    height: auto;
}

header {
    position: relative
}

header .logo-tagline {
    width: 80%;
    text-align: center;
    position: block;
    margin: 70px auto;
    z-index: 100;
}

.logo-fallback {
    font-size: 36px;
    color: #20f29c;
    font-style: italic;
    font-weight: bold;
}

.logo-fallback span {
    color: white;
    font-style: normal;
}

.logo-centred .logo-fallback {
    margin-top: 15px;
}

footer .logo-fallback {
    margin-bottom: 40px;
}

div.gradient {
    display: none;
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    z-index: 100;
    background: url(img/gradient-bg.png) repeat;
    background-size: auto 100%;
}

#scroll-down {
    font-size: 19px;
    font-weight: 500;
    background: rgba(0,0,0,0.3);
    color: #0de18a;
    padding: 15px;
    border: solid #0de18a 2px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-top: 3%;
    outline: none;
}

#scroll-down:hover {
    color: #ffffff;
    border: solid #ffffff 2px;
}

.footer-container,
.main aside {
    background-image: url(img/footer-bg.png);
    background-repeat: repeat;
    background-color: #1b1b1b;
}

.title {
    color: white;
}


.main {
    padding: 30px 0;
}



.footer-container footer {
    color: white;
    padding: 50px 0;
    font-size: 19px;
    font-weight; 400;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   a {
    color: #0de18a;
    text-decoration: none;
   }

nav {
    padding-top: 20px;
    padding-left: 30px;
    position: absolute;
    z-index: 100;
}

nav.clearfix {
    display: none;
}

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav a, #menu, footer a, .single header a, #scroll-down {
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}


nav a:hover, footer a:hover, #menu:hover {
    color: white;
    cursor: pointer;
}

nav .container {
    cursor: pointer;
    float: left;
}

.lt-ie9 nav .container {
    display: none;
}

nav ul li {display: inline-block;}

#menu, nav ul a {
    font-weight: 600;
    font-size: 18px;
    color:#e4e3e3;
    text-decoration: none;
}

#menu  {
    cursor: pointer;
    position: absolute;
    top: 50%;
    padding-left: 52px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

}

#hamburger {position: relative;}



nav ul {
    visibility: hidden;
    transition: 0.4s;
    float: left;
    padding: 7px 0 0 23px;
}

.lt-ie9 nav ul {
    visibility: visible;
}

nav ul.nav-is-open { visibility: visible;}

nav ul li {
    margin: 0 0 0 20px;
    padding: 0;
    display: inline-block;
    position: relative;
    transition: left 0.3s ease 0.4s, opacity 0.4s ease;
    left: -25px;
    opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
nav ul > li:first-child { margin: 0; }
    ul.nav-is-open li:nth-child(2n) { transition: left 0.3s ease 0.5s, opacity 0.3s ease 0.5s; }
    ul.nav-is-open li:nth-child(3n) { transition: left 0.3s ease 0.6s, opacity 0.3s ease 0.6s; }
    ul.nav-is-open li:nth-child(4n) { transition: left 0.3s ease 0.7s, opacity 0.3s ease 0.7s; }
    ul.nav-is-open li:nth-child(5n) { transition: left 0.3s ease 0.5s, opacity 0.3s ease 0.8s; }
    ul.nav-is-open li:nth-child(6n) { transition: left 0.3s ease 0.6s, opacity 0.3s ease 0.9s; }
    ul.nav-is-open li:nth-child(7n) { transition: left 0.3s ease 0.7s, opacity 0.3s ease 1.0s; }
    ul.nav-is-open li:nth-child(8n) { transition: left 0.3s ease 0.8s, opacity 0.3s ease 1.1s; }
    ul.nav-is-open li { left: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: top 0.3s ease 0.4s, opacity 0.3s ease 0.4s; }



.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #e4e3e3;
    margin: 6px 0;
    transition: 0.4s;
}



.change #menu-list {
    -webkit-transform: scale(0.9) translateX(5px);
    -ms-transform: scale(0.9) translateX(10px);
    transform: scale(0.9) translateX(10px);
}

.change #menu {
 opacity: 0;
transform: scale(0.9);
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    -ms-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    -ms-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}



body {
    font-family:'Raleway', sans-serif;
}


.main-container {
    background-color: #3c3c3c;
    color: #f1f1f1;
    font-weight: 400;
}


.heading h2 {
    font-weight: 900;
    font-style: italic;
    font-size: 43px;
    line-height: 43px;
    color: #e4e3e3;
    margin-bottom: 20px;
}

.heading span {
    color: #0de18a;
}

.heading {
    border-bottom: #929292 solid 1px;
    text-align: center;
    margin-bottom: 65px;
}

div.main-videos, div.headshots {
    text-align: center;
}

div.main-videos article, div.headshots article{
    display: inline-block;
    text-align: center;
    float: none;
}
aside article {
    text-align: left;
}

div.main-videos article, aside article, div.headshots article {
    width: 100%;
    margin: 0 0 40px;
}


div.main-videos p, div.headshots p, aside article p {
    color: #e3e3e3;
    font-weight: 400;
        -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

div.main-videos p {
    font-size: 23px;
}

div.headshots p, aside article p {
    font-size: 18px;
}


div.main-videos a, div.headshots a, aside a {
    text-decoration: none;
    cursor: pointer;
}


div.main-videos img, div.headshots img, aside img {
    width: 100%;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

div.main-videos a:hover img, div.headshots a:hover img, aside a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2;
}


div.main-videos a:hover p, div.headshots a:hover p {
    -webkit-transform: scale(0.9) translateY(-5px);
    -ms-transform: scale(0.9) translateY(-5px);
    transform: scale(0.9) translateY(-5px);
}


.video-thumb {
    overflow: hidden;
    position: relative;
}

.video-thumb, .panel, aside {
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    background-color: none;
        -webkit-box-shadow: 0 5px 20px #353535;
           -moz-box-shadow: 0 5px 20px #353535;
                box-shadow: 0 5px 20px #353535;
  
}

.play-icon {
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
}

div.main-videos a:hover .video-thumb, div.headshots a:hover .video-thumb, aside a:hover .video-thumb {
    background-color: #2a9664;

}

div.main-videos a:hover .play-icon, div.headshots a:hover .play-icon, aside a:hover .play-icon {
    opacity: 1;
}



.icon {
    fill: #ffffff;
}

.play {
    width: 52px;
    height: 71px;
}



.cls-1{fill:#f3f3f3;}
.cls-2{fill:#20f29c;}


.footer-container { position: relative;}

footer {
    text-align: center;
}


footer a {
    display: block;
    color: white;
    text-decoration: none;
    background-color: #0de18a;
    padding: 20px 0;
}

footer a:hover {
    background-color: #3c3c3c;
}

footer ul {
    padding: 0;
}

footer ul li:first-child a {
    background-color: inherit;
    padding: 0;
    margin-bottom: 40px;
}

.lt-ie9 footer ul li:first-child a {
    margin-bottom: 0;
}

footer li {
    display: block;
    margin: 0 0 5px;
}



footer li:last-child:after, footer li:first-child:after {
    content: none;
}

#credit {
    padding-left: 0;
    font-size: 12px;
    color: #a2a2a2;
    position: relative;
    text-align: center;
    right: 0;
    bottom: 0;

}

#credit a {
    color: white;
}

#credit a: hover {
    text-decoration: underline;
}

#credit li {display: block; padding-left: 0;}





h1.title {
    position: absolute; margin-left: -1000%; display: none;
}

.logo {
    width: 190px;
    height: 46px;
}


/* ========================
    SINGLE PAGES
   ======================== */

   .header-container.sexual-health {
        background: url(img/sexual-health-bg.jpg);
              -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      background-color: black;
   }

   .header-container.hiv {
        background: url(img/hiv-bg.jpg);
              -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      background-color: black;
   }

   .header-container.coming-out {
        background: url(img/coming-out-bg.jpg);
              -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      background-color: black;
   }

   .header-container.meeting-people {
        background: url(img/meeting-people-bg.jpg);
              -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      background-color: black;
   }

   .header-container.testing {
        background: url(img/testing-bg.jpg);
              -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      background-color: black;
   }

   .header-container.single {
    background: url(img/footer-bg.png) repeat;
    height: 78px;
   }

    .single .logo-centred {
        display: none;
        position: absolute;
        top: 18px;
        z-index: 110;
        left: 50%;
        margin: 0 0 0 -90px;
    }

   .overlay {
    position: absolute;
    background: url(img/overlay-bg.png) repeat;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
   }

   .home .overlay {
    display: none;
    z-index: 10;
    opacity: 0.3;
   }

   .single-play div {
    text-align: center;
    margin: 25% 0 20%;
        z-index: 100 !important;
   }

   .single-play p {
        color: #ffffff;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
   }

   .single-play {
    text-decoration: none;
   }

   .single-play:hover p {
    color: #9a9a9a;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);

   }
    
    .single-play:hover .single-play-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    }


   .single-play-icon {
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
            width: 100px;
        height: 100px;
        display: inline-block;
   }

       .single-play p {
        display: none;
    }



   .cls-3 {
    fill: #3c3c3c;
    opacity: 0.5;
   }

   .cls-4 {
    fill: #ffffff;
   }


    .single .heading {
        text-align: left;
    }

    .single .main {
        padding-bottom: 90px;
    }

    .main aside h3 {
        font-weight: 500;
        font-style: normal;
        font-size: 19px;
        margin-top: 0;
    }

    .main aside {
    padding: 25px 30px;
    }
    
    .main aside article {
        margin-bottom: 25px;
    }

    .main aside article:last-child {
        margin-bottom: -10px;
    }

    .content > p:first-child {
        margin-top: 0;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .content a:hover {
        cursor: pointer;
    }

    .panel:first-of-type {
        margin-top: 60px;
    }

    .panel:last-of-type { margin-bottom: 40px;}

    .main h3, .main h4, .main h5, .main h6 {
        font-weight: 500;
        font-size: 25px;

    }

    .panel h3 {
        margin-top: 0;
    }

    .panel p {
        font-size: 17px;
    }
    .panel h4 {
        font-weight: 400;
        font-style: italic;
        font-size: 21px;
    }

    .panel {
        padding: 30px;
        background-color: #494949;
        margin-bottom: 10px;
         -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;

    }

    .close {
        display: none;
    }

    .hidden-text {
        display: none;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .panel-is-open .hidden-text {
        display: block;
        max-height: 12000px;
    }

    .panel-is-open {
        background-color: #e4e3e3;
        color: #292828;
    }


    .panel-is-open a.open {
        display: none;
    }

    .panel-is-open a.close {
        display: inline;
    }

    .social_home {
        display: block;
        width: 207px;
        margin: 0 auto;
    }





/* ==========================================================================
   Media Queries
   ========================================================================== */


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

    .content  > p, .main h2, .main h3, .main h4, .main h5 {
        margin-left: 30px;
        margin-right: 30px;
    }

    a.synved-social-button.synved-social-button-share.synved-social-size-48.synved-social-resolution-single.synved-social-provider-facebook.nolightbox {
        padding-left: 30px;
    }

    .home a.synved-social-button.synved-social-button-share.synved-social-size-48.synved-social-resolution-single.synved-social-provider-facebook.nolightbox {
        padding-left: 0;
    }

    .panel h3, .main aside h3 {
        margin-left: 0;
    }

        aside article {
        width: 100%;
        display: block;
    }


    .content {
        margin-bottom: 60px;
    }


    .main-videos .play-icon {
        opacity: 0;
    }





}

@media only screen and (min-width: 480px) {


/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    .content {
        margin-bottom: 60px;
    }

   #credit  {
    text-align: inherit;
    display: inline-block;
    position: absolute;
    right: 15px;
   }
   #credit li {display: inline-block; padding-left: 10px;}

    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }

    div.main-videos article {
        width: 48%;
        margin: 0 1% 40px;
    }

    div.headshots article {
        width: 48%;
        margin: 0 1% 40px;
    }

    .wrapper {
    width: 90%;
    margin: 0 5%;
}

    aside article p {
        font-size: 19px;
    }


    
    .main-videos .play-icon {
        opacity: 0;
    }



}

@media only screen and (min-width: 768px) {



/* ============
    WIDE: Main
   ============ */

    .content {
        margin-bottom: 0;
    }

   nav.clearfix {
    display: inherit;
   }

    .single-play-icon {
                width: 190px;
        height: 190px;
    }

    .single-play p {
        display: block;
    }

    footer li {
        display: inline-block;
        margin: 0 15px 0 0;
        width: inherit;
    }

    footer li a {
        color: #a4a4a4;
        background: none;
        width: inherit;
        display: inline;
    }

    footer li a:hover {
        background-color: inherit;
    }

    footer li:after {
        content:"•";
        margin-left: 20px;
        color: #a4a4a4;
    }

    .lt-ie9 footer li:after {
        content:"";
    }
    
    footer li:first-child {margin-right: 40px;}


    .main .content {
        float: left;
        width: 57%;

    }

    .main aside {
        float: right;
        width: 28%;
    }

    div.main-videos article {
        width: 31.333%;
        margin: 0 1% 40px;
    }

    div.headshots article {
        width: 31.333%;
        margin: 0 1% 40px;
    }

    aside article {
        width: 48%;
        margin: 1%;
        display: inline-block;
    }

    aside article {
        width: 100%;
        display: block;
    }

    .single .logo-centred {

        display: block;
        right: 20px;
        left: auto !important;
    }

    .single-play div {
            margin: 16% 0 16%;
    }


    video {
        display: block;
    }

    header .logo-tagline {
        top: 50%;
        -webkit-transform: translate(0, -55%);
        -ms-transform: translate(0, -55%);
        transform: translate(0, -55%);
        width: 550px;
        width: 50%;
        text-align: center;
        position: absolute;
        margin: 0 0 0 0px;
    }

    .header-container {
        background: #ababab;
        color: #ececec;
    }

    div.gradient {
        display:inherit;
    }

    .home .overlay {
    display: inherit;
   }

   .lt-ie9 .home .header-container {
    background: url('img/header-bg-2.jpg') no-repeat #ababab;
    background-position: center;
}

.lt-ie9 .home header {
    padding: 10% 0;
}

.lt-ie9 .logo-tagline {
    position: relative;
}

.logo-tagline .logo-fallback {
    font-size: 100px;
}

footer .logo-fallback {
    margin-bottom: -20px;
}

    .main-videos .play-icon, .headshots .play-icon {
        opacity: 0;
    }

}

/* ===============
    Medium Width
   =============== */



 @media only screen and (max-width: 1000px) {
        div.main-videos p {
        font-size: 18px;
    }

    #scroll-down {display: none;}



    .panel p {margin-bottom: 25px}

    .close-panel, .open-panel {
        color: white;
        display: block;
        background-color: #0de18a;
        font-size: 19px;
        text-align: center;
        padding: 10px 0;
    }

    .panel-is-open a.close {
        display: block;
    }




}    

@media only screen and (min-width: 1250px) {

/* ===============
    Maximal Width
   =============== */

    

    aside article p {
        font-size: 16px;
    }

   div.headshots article {
        width: 19%;
        margin: 0 0.5% 40px;
    }

    .wrapper {
        width: 1250px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }

    header .logo-tagline {
        margin: 0 0 0 50px;
    }

    .headshots .play {
        width: 30px;
        height: 41px;
    }

    .content a:hover {
        text-decoration: underline;
    }
}


/* ==========================================================================
   Lity Lightbox
   ========================================================================== */


/*! Lity - v1.6.6 - 2016-04-22
* http://sorgalla.com/lity/
* Copyright (c) 2016 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}