@-webkit-keyframes arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

@keyframes arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
}

.browsehappy, .enable-js {
    background: #ffbf29;
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: .5em;
    text-align: center;
    line-height: 1.3;
    position: relative;
    z-index: 99999
}

    .browsehappy a, .enable-js a {
        font-weight: 700;
        color: #000
    }

        .browsehappy a:hover, .enable-js a:hover {
            color: #fff
        }

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: Inter,sans-serif;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    color: #0f112e;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    scroll-behavior: smooth
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.quote-nav .author > span, details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.quote-body:after {
    clear: both;
    content: "";
    display: table
}

.nw {
    white-space: nowrap
}

.event-txt .h2 a:hover, .hero-txt a:hover, .underline {
    text-decoration: underline
}

p {
    margin-top: 0
}

.bebas {
    font-family: bebas-neue-pro,Inter,sans-serif
}

.h1, .h2 {
    margin: 0
}

.h1 {
    line-height: 1.15;
    font-size: 32px;
    font-size: 2rem
}

@media (min-width:20em) {
    .h1 {
        font-size: calc(2rem + 38*(100vw - 20rem)/704)
    }
}

@media (min-width:64em) {
    .h1 {
        font-size: 70px;
        font-size: 4.375rem
    }
}

.h2 {
    font-size: 2rem;
    line-height: 1.2
}

@media (min-width:48em) {
    .h2 {
        font-size: 2.25rem;
        line-height: 1.25
    }
}

.p {
    font-size: 1rem;
    line-height: 1.6
}

.link {
    text-decoration: underline;
    color: #02b8fb
}

.cont {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.25rem;
    max-width: 75rem
}

    .cont.sm {
        max-width: 37.5rem
    }

    .cont.md {
        max-width: 50rem
    }

.row {
    padding-top: 60px;
    padding-bottom: 60px
}

@media (min-width:31.25em) {
    .row {
        padding-top: calc(60px + 40*(100vw - 500px)/524)
    }
}

@media (min-width:64em) {
    .row {
        padding-top: 100px
    }
}

@media (min-width:31.25em) {
    .row {
        padding-bottom: calc(60px + 40*(100vw - 500px)/524)
    }
}

@media (min-width:64em) {
    .row {
        padding-bottom: 100px
    }
}

.mg0 {
    margin: 0
}

.mt30 {
    margin-top: 1.875rem
}

.hero {
    position: relative;
    background: #41ade8;
    background-size: 100% 43%;
    overflow: hidden
}

@media (min-width:25.625em) {
    .hero {
        background-size: 100% 33%
    }
}

.hero-container {
    width: 59.375%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto
}

    .hero-container:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 60%;
        background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#dbf5ff))0 100%no-repeat;
        background: linear-gradient(to top,#fff,#dbf5ff)0 100%no-repeat;
        -webkit-transition: top .2s;
        transition: top .2s
    }

@media (min-width:24.375em) {
    .hero-container:before {
        top: 64%
    }
}

@media (min-width:35.625em) {
    .hero-container:before {
        top: 66%
    }
}

.hero-graphic, .hero-txt {
    position: relative
}

    .hero-graphic .float-el {
        position: absolute
    }

    .hero-graphic .shadow {
        width: 100%;
        bottom: 0;
        left: 0;
        -webkit-transform: translate(-80%,0);
        -ms-transform: translate(-80%,0);
        transform: translate(-80%,0);
        mix-blend-mode: multiply;
        opacity: .5
    }

    .hero-graphic .book {
        position: relative;
        z-index: 2
    }

    .hero-graphic .shape-1 {
        left: -20%;
        top: 12%;
        width: 10%
    }

    .hero-graphic .shape-3 {
        left: -34%;
        top: 60%;
        width: 15.75%
    }

    .hero-graphic .shape-2 {
        right: -30%;
        top: 4%;
        width: 16%
    }

    .hero-graphic .shape-4 {
        right: -20%;
        top: 50%;
        width: 11.25%
    }

.hero-txt {
    line-height: 1.4;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 20px
}

@media (min-width:20em) {
    .hero-txt {
        font-size: calc(1rem + 2*(100vw - 20rem)/448)
    }
}

@media (min-width:48em) {
    .hero-txt {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (min-width:20em) {
    .hero-txt {
        margin-top: calc(20px + 20*(100vw - 320px)/448)
    }
}

@media (min-width:48em) {
    .hero-txt {
        margin-top: 40px
    }
}

.hero-txt strong {
    font-weight: 600
}

.hero .arrow {
    -webkit-animation: arrow 2s infinite;
    animation: arrow 2s infinite
}

.hero .mockup-link {
    font-size: .625rem;
    position: absolute;
    right: .625rem;
    bottom: .625rem;
    opacity: .4;
    width: 8em
}

.has-script .hero .book, .has-script .hero .float-el, .has-script .hero .hero-txt {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
    -webkit-transition-duration: .26s;
    transition-duration: .26s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.has-script .hero .book, .has-script .hero .hero-txt {
    -webkit-transition-duration: .52s;
    transition-duration: .52s
}

.has-script .hero .book {
    -webkit-transition-delay: .26s;
    transition-delay: .26s
}

.has-script .hero .shadow {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.has-script .hero .shape-1, .has-script .hero .shape-4 {
    -webkit-transition-delay: .91s;
    transition-delay: .91s
}

.has-script .hero .shape-2, .has-script .hero .shape-3 {
    -webkit-transition-delay: 1.04s;
    transition-delay: 1.04s
}

.has-script .hero .hero-txt {
    -webkit-transition-delay: 1.43s;
    transition-delay: 1.43s
}

.has-script .hero:not(.load) .book, .has-script .hero:not(.load) .float-el, .has-script .hero:not(.load) .hero-txt {
    opacity: 0
}

.has-script .hero:not(.load) .shadow {
    -webkit-transform: scale(.7) translateX(-80%);
    -ms-transform: scale(.7) translateX(-80%);
    transform: scale(.7) translateX(-80%);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.has-script .hero:not(.load) .hero-txt {
    -webkit-transform: perspective(25rem) translate3d(0,2.5rem,1.25rem);
    transform: perspective(25rem) translate3d(0,2.5rem,1.25rem)
}

.has-script .hero:not(.load) .shape-1 {
    -webkit-transform: translate(-100%,-100%);
    -ms-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%)
}

.has-script .hero:not(.load) .shape-2 {
    -webkit-transform: translate(150%,-150%);
    -ms-transform: translate(150%,-150%);
    transform: translate(150%,-150%)
}

.has-script .hero:not(.load) .shape-3 {
    -webkit-transform: translate(-150%,150%);
    -ms-transform: translate(-150%,150%);
    transform: translate(-150%,150%)
}

.has-script .hero:not(.load) .shape-4 {
    -webkit-transform: translate(100%,100%);
    -ms-transform: translate(100%,100%);
    transform: translate(100%,100%)
}

.has-script .hero:not(.load) .book {
    -webkit-transform: perspective(25rem) translate3d(0,20%,1.25rem);
    transform: perspective(25rem) translate3d(0,20%,1.25rem)
}

.fact-graphic {
    padding-bottom: 38.3333333%;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(rgba(0,0,0,.7))),url(../img/ebook/exposing-the-gender-lie/Transgenderism.jpg);
    background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.7)),url(../img/ebook/exposing-the-gender-lie/Transgenderism.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (min-width:75em) {
    .fact-graphic {
        padding-bottom: 28.75rem
    }
}

.quotes > input:nth-of-type(1):checked ~ .quote-body .quote-content > li:not(:nth-child(1)), .quotes > input:nth-of-type(1):checked ~ .quote-body .quote-nav > label:not(:nth-child(1)):before, .quotes > input:nth-of-type(2):checked ~ .quote-body .quote-content > li:not(:nth-child(2)), .quotes > input:nth-of-type(2):checked ~ .quote-body .quote-nav > label:not(:nth-child(2)):before, .quotes > input:nth-of-type(3):checked ~ .quote-body .quote-content > li:not(:nth-child(3)), .quotes > input:nth-of-type(3):checked ~ .quote-body .quote-nav > label:not(:nth-child(3)):before, .quotes > input:nth-of-type(4):checked ~ .quote-body .quote-content > li:not(:nth-child(4)), .quotes > input:nth-of-type(4):checked ~ .quote-body .quote-nav > label:not(:nth-child(4)):before, .quotes > input:nth-of-type(5):checked ~ .quote-body .quote-content > li:not(:nth-child(5)), .quotes > input:nth-of-type(5):checked ~ .quote-body .quote-nav > label:not(:nth-child(5)):before {
    display: none
}

@media (min-width:48em) {
    .quote-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .quote-body > * {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto
        }

        .quote-body .quote-nav {
            float: right
        }
}

.quote-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .quote-nav label {
        display: block;
        display: grid;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding-left: .9375rem;
        padding-right: .9375rem;
        padding-bottom: 2.5rem;
        color: #fff;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 20px
    }

@media (min-width:20em) {
    .quote-nav label {
        padding-top: calc(20px + 20*(100vw - 320px)/448)
    }
}

@media (min-width:48em) {
    .quote-nav label {
        padding-top: 40px
    }
}

.quote-nav label:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute
}

.quote-nav label:nth-child(1) {
    background: #666
}

.quote-nav label:nth-child(2) {
    background: #4d4d4d
}

.quote-nav label:nth-child(2n+1) {
    background: var(--quote-bg-dark, #666666)
}

.quote-nav label:nth-child(2n) {
    background: var(--quote-bg-dark, #4d4d4d)
}

.quote-nav .author {
    margin: auto auto auto 0;
    text-align: center
}

.quote-nav .avatar {
    width: 4.375rem;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

@media (min-width:48em) {
    .quote-nav .avatar {
        width: 6.25rem
    }
}

.quote-nav .avatar:before {
    content: "";
    display: block;
    padding-top: 100%
}

.quote-nav .avatar img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.quote-nav .name {
    margin-top: .9375rem;
    font-weight: 700;
    line-height: 1.15;
    font-size: 18px;
    font-size: 1.125rem
}

@media (min-width:20em) {
    .quote-nav .name {
        font-size: calc(1.125rem + 6*(100vw - 20rem)/448)
    }
}

@media (min-width:48em) {
    .quote-nav .name {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.quote-nav .title {
    margin-top: .4375rem;
    line-height: 1.15;
    font-size: 13px;
    font-size: .8125rem
}

@media (min-width:20em) {
    .quote-nav .title {
        font-size: calc(.8125rem + 2*(100vw - 20rem)/448)
    }
}

@media (min-width:48em) {
    .quote-nav .title {
        font-size: 15px;
        font-size: .9375rem
    }
}

@media (max-width:47.9375em) {
    .quote-nav {
        font-size: 0
    }

        .quote-nav label:first-child:nth-last-of-type(2), .quote-nav label:first-child:nth-last-of-type(2) ~ label {
            width: 50%
        }

        .quote-nav label:first-child:nth-last-of-type(n+3), .quote-nav label:first-child:nth-last-of-type(n+3) ~ label {
            width: 12.5rem
        }

        .quote-nav label {
            display: inline-block;
            width: 100%;
            vertical-align: bottom
        }

            .quote-nav label:before {
                left: 50%;
                bottom: 0;
                -webkit-transform: translate(-50%,0);
                -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
                border-width: .9375rem .8125rem;
                border-bottom-color: #f7f7f7;
                border-bottom-color: var(--quote-bg-light, #f7f7f7);
                border-top: 0
            }
}

@media (min-width:48em) {
    .quote-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 35%
    }

        .quote-nav label {
            padding: 2.5rem
        }

            .quote-nav label:before {
                left: 0;
                top: 50%;
                -webkit-transform: translate(0,-50%);
                -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
                border-width: 1.25rem 1.5rem;
                border-left-color: #f7f7f7;
                border-left-color: var(--quote-bg-light, #f7f7f7);
                border-right: 0
            }

        .quote-nav .author {
            display: block;
            width: 100%;
            max-width: 22.5rem
        }
}

.quote-content li {
    background: #f7f7f7;
    background: var(--quote-bg-light, #f7f7f7)
}

.quote-content .inner {
    padding: 20px
}

@media (min-width:20em) {
    .quote-content .inner {
        padding: calc(20px + 80*(100vw - 320px)/880)
    }
}

@media (min-width:75em) {
    .quote-content .inner {
        padding: 100px
    }
}

.quote-content .inner p {
    color: inherit;
    font-weight: 300;
    line-height: 1.6;
    font-size: 16px;
    font-size: 1rem
}

@media (min-width:20em) {
    .quote-content .inner p {
        font-size: calc(1rem + 8*(100vw - 20rem)/880)
    }
}

@media (min-width:75em) {
    .quote-content .inner p {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media (min-width:80em) {
    .quote-content .inner p {
        max-width: 30em;
        margin-left: auto
    }
}

@media (min-width:48em) {
    .quote-content {
        width: 65%
    }
}

.event-graphic {
    vertical-align: bottom
}

.event-txt {
    color: #fff;
    background: #e26db1;
    padding-top: 30px;
    padding-bottom: 60px
}

@media (min-width:20em) {
    .event-txt {
        padding-top: calc(30px + 30*(100vw - 320px)/704)
    }
}

@media (min-width:64em) {
    .event-txt {
        padding-top: 60px
    }
}

@media (min-width:20em) {
    .event-txt {
        padding-bottom: calc(60px + 40*(100vw - 320px)/704)
    }
}

@media (min-width:64em) {
    .event-txt {
        padding-bottom: 100px
    }
}

.event-txt .h2 {
    text-shadow: 0 .625rem .625rem rgba(0,0,0,.07)
}

.event-txt p {
    color: inherit
}

.event-txt .more {
    display: inline-block;
    padding: .9375rem 2rem;
    color: #c70375;
    font-weight: 600;
    text-transform: uppercase;
    background: #fff;
    border-radius: 100px;
    -webkit-box-shadow: 0 .25rem .875rem rgba(0,0,0,.1);
    box-shadow: 0 .25rem .875rem rgba(0,0,0,.1);
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s,-webkit-box-shadow .2s
}

    .event-txt .more:hover {
        -webkit-box-shadow: 0 .625rem 1.5rem rgba(0,0,0,.15);
        box-shadow: 0 .625rem 1.5rem rgba(0,0,0,.15)
    }

.podcast-icon {
    text-align: center;
    padding-bottom: 30px
}

@media (min-width:31.25em) {
    .podcast-icon {
        padding-bottom: calc(30px + 30*(100vw - 500px)/524)
    }
}

@media (min-width:64em) {
    .podcast-icon {
        padding-bottom: 60px
    }
}

.podcast-stations li {
    display: inline-block;
    vertical-align: middle
}

.podcast-stations a {
    display: block;
    padding: 0 .5rem
}

.divider {
    border: 0;
    width: 12.5rem;
    border-bottom: 1px solid;
    margin: 3.125rem auto;
    margin-top: 50px;
    margin-bottom: 50px
}

@media (min-width:20em) {
    .divider {
        margin-top: calc(50px + 30*(100vw - 320px)/704)
    }
}

@media (min-width:64em) {
    .divider {
        margin-top: 80px
    }
}

@media (min-width:20em) {
    .divider {
        margin-bottom: calc(50px + 30*(100vw - 320px)/704)
    }
}

@media (min-width:64em) {
    .divider {
        margin-bottom: 80px
    }
}

.podcast-embed {
    max-width: 46.875rem;
    min-width: 1px !important;
    width: 100% !important;
    border-radius: .3125rem;
    overflow: hidden
}

@media (min-width:48em) {
    .podcast-embed {
        -webkit-box-shadow: 0 1.5rem 3.375rem rgba(0,0,0,.15);
        box-shadow: 0 1.5rem 3.375rem rgba(0,0,0,.15)
    }
}

.footer {
    padding: 1.25rem 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.copyright {
    font-size: .8125rem;
    line-height: 1.2;
    text-align: center
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Inter/Inter-Light.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-Light.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Inter/Inter-LightItalic.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-LightItalic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Inter/Inter-Regular.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-Regular.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Inter/Inter-Italic.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-Italic.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Inter/Inter-SemiBold.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-SemiBold.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Inter/Inter-Bold.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-Bold.woff?v=3.19)format("woff")
}

@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Inter/Inter-BoldItalic.woff2?v=3.19)format("woff2"),url(../fonts/Inter/Inter-BoldItalic.woff?v=3.19)format("woff")
}
/*# sourceMappingURL=ebook-exposing-the-gender-lie.css.map */