/* --------------- FONTS --------------------------- */

@font-face {
    font-family: "SendMeABadBookFont";
    src: url('/Fonts/SendMeABadBookFont-Regular.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SendMeABadBookFont";
    src: url('/Fonts/SendMeABadBookFont-RegularOblique.woff');
    font-weight: normal;
    font-style: oblique;

}

@font-face {
    font-family: "SendMeABadBookFont";
    src: url('/Fonts/SendMeABadBookFont-Bold.woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "SendMeABadBookFont";
    src: url('/Fonts/SendMeABadBookFont-CondensedBlack.woff');
    font-weight: bold;
    font-style: oblique;

}

@font-face {
    font-family: "Fontdiner Swanky";
    src: url('/Fonts/FontdinerSwanky-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "Lacquer";
    src: url('/Fonts/Lacquer-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


/*--------------- Twitter font -----------------------*/

@font-face {
    font-family: "Twibbler";
    src: url('/Fonts/Twibbler_Chirp_Regular-Twibbler_Chirp_Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Twibbler";
    src: url('/Fonts/Twibbler_Chirp_Medium-Twibbler_Chirp_Heavy.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Twibbler";
    src: url('/Fonts/Twibbler-Chirp Bold.otf');
    font-weight: bolder;
    font-style: normal;
}


/* --------------- CSS --------------------------- */

/* getting rid of bootstrap container padding */
.container {width:100%;max-width:none ;padding-left:0;padding-right:0}

.bad-book-font {

    font-family: "SendMeABadBookFont";

}

html {

    overflow-x: hidden;

}

body {

    font-family: "SendMeABadBookFont";
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    background-color: #FFFDFF;
    background-image: url('/Images/first-section-bw-background-image.jpg');
    background-size: contain;
    

}



.row {

    margin-right: 0px!important;
    margin-left: 0px!important;

}

.bg-light {

    background-color: #FFFDFF!important;

}

.cc-window {


    background-color: #FEFEFE!important;

}

.cc-allow {

    background-color: #71FF2E!important;
    color: black!important;

}

.cc-btn {

    text-decoration: none;

}

.navbar {


    font-size: 0.8em;

}

.navbar-toggler {

    border: none!important;


}

.navbar-toggler:focus {

    box-shadow: none!important;

}

.navbar-brand {

    padding-top: 0px!important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    place-content: center;
    display: flex;
    z-index: 20;
    height: 120px;
    width: 220px!important;
    width: min-content;

}

.shop-now-nav-text {

    text-decoration: underline wavy #71FF2E;
    cursor: pointer;

}


.nav-item {

    padding: 5px;

}

.nav-link {

    color: black!important;

}

.lacquer-font {

    font-family: 'Lacquer'!important;

}

#initial-hero-container {

    font-family: "SendMeABadBookFont";
    font-weight: normal!important;
    font-style: normal!important;


}

.swanky-font {

    font-family: 'Fontdiner Swanky'!important;

}

.bold-gt {

    font-family: "SendMeABadBookFont";
    font-weight: bold!important;

}

.center-hr {

    opacity: 100%;
    display: flex;
    place-content: left;

}

.center-hr > hr {

    opacity: 40%;


}

#really-love-id {

    color: #38a313;

}

#initial-hero-row {

    padding-bottom: 1em;

}

#worst-book-id {

    color: #45B91D;

}

#worst-word-id {

    display: inline-block;

}

#initial-hero-left-col {

    align-self: center;
    padding-left: 2em!important;

}

#books-video-mobile {

    display: none;

}


.row>* {

    padding: 0px!important;

}



#initial-hero-left-col h1 {

    font-size: 2.5em;

}

#initial-hero-left-col-h2 {

    font-size: 0.77em;

}

#initial-hero-left-col-h3 {

    padding-top: 1em;

    font-size: 0.77em;

}

#first-test-image-mobile {

    display: none;

}

video {
    clip-path: inset(0px 0px 3px 0px);
}

.btn-primary {

    background-color: #3ba318;
    border: none;
    font-size: 0.85em;
    border-radius: 5px;


}

.btn-primary:hover {

    background-color: #236a0b;
    

}

.btn-primary:focus {

    background-color: #236a0b;
    

}

#buy-now-button {

    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1em;

}

#tweet-intro {

    text-align: center;
    font-size: 1.2em;
    font-style: italic;

}

#first-tweet {

    padding-left: 8em;
    padding-right: 8em;
    padding-bottom: 4em;
    font-family: "Twibbler";
    font-weight: normal;
    font-size: 0.8em;
   

}

#col-first-tweet {

    align-self: center;
    border: 1px solid rgb(240, 240, 240);
    padding: 1em!important;
    background-color: #FFFFFF;
    -webkit-box-shadow: 5px 5px 19px 3px rgba(0,0,0,0.05); 
    box-shadow: 5px 5px 19px 3px rgba(0,0,0,0.05);

}

#col-first-testimonial {

    align-self: center;

}

#tweet-image-cont {

    padding-right: 1em!important;
    padding-left: 1em!important;

}

.tweet-image {

    max-width: 90%!important;

}

#tweet-name {

    font-weight: bold;
    font-size: 1em!important;
    margin-bottom: 0.2em!important;

}

#tweet-At-sendme {

    color: #1D9BF0;

}

#tweet-quote {

    font-size: 1em;
    font-weight: bold;

}

#tweet-At {

    color: rgb(189, 189, 189);
    font-weight: bold!important;

}

#tweet-analytics {

    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: bold;

}

.tweet-analytics-icon {

    color: rgb(139, 139, 139);
    font-size: 0.8em;

}

#first-test-quote-author {

    font-size: 1.3em;

}

#first-test-quote {

    font-size: 1.2em;

}

.green-highlight {

    background-color: #71FF2E;

}

.transition-class {

    width: 100%;

}

.upside-down {

    transform: scaleY(-1);

}


#ready-to-try-id {

    text-align: center;

}

#second-cta-line {

    width: 30%;
    text-align: center;

}

#form-cta {

    background-image: url(/Images/green-paper-back.jpg);
    background-size: contain;
    padding-bottom: 1.5em;

}

#first-form-container {

    display: flex;
    background-image: url(/Images/cardboard-back.jpg);
    background-size: cover;

}
#simple-cardboard {

    background-image: url(/Images/cardboard-striped.jpg);
    padding-top: 1em!important;
    padding-bottom: 1em!important;
    max-width: 1200px;
    min-height: 150px;
    display: flex;
    place-content: center;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    margin-bottom: 1.5em;

}

#its-simple-container {

    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFDFF;
    width: 85%;

}

#its-simple {

    width: 70%;

}

div > .step-row {

    padding-top: 15px!important;
    padding-bottom: 15px!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #FFFDFF;
    border-radius: 10px;
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.5rem 1.2rem rgb(0 0 0 / 10%) !important;
    margin-left: 3em!important;
    margin-right: 3em!important;

}



.arrow-down-class-desktop {

    width: 70%;


}

.arrow-down-class-mobile {

    display: none;
    width: 3em;
    margin-top: 2em!important;
    margin-bottom: 2em!important;

}

#arrow-reversed {

    transform: scaleX(-1);

}

.arrow-down-parent {

    display: flex;
    place-content: center;

}

.step-subtext {

    font-size: 0.7em;

}


#final-process-row {

    margin-bottom: 0px!important;

}

#text-area-first-form {

    background-image: url(/Images/paper-background.jpg);
    background-size: cover;
    font-size: 0.75em;
    line-height: 1.75em;
    height: 20em;
    border: none!important;

}

#send-me-book-first {

    font-size: 1.05em;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    

}

#customer-journey-cta {

    display: flex;
    place-content: center;
    flex-wrap: wrap;

}

#customer-journey-cta > * {

    flex-basis: 100%;

}

#para-for-testimonials {

    text-align: center;

}

#transition-to-testimonials {

    transform: scaleX(-1);

}

#transition-button-id {

    display: flex;
    justify-content: center;

}

#customer-testimonials {

    background-image: url("/Images/green-paper-back.jpg");

}

.testimonial-container {

    display: flex;
    align-items: center;
    justify-content: center;

}

.testimonial-paper-container {

    width: 90%;
    background-color: #FFFDFF;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;


}

.testimonial-text {

    flex-basis: 100%;

}

.cardboard-testimonial-container {

    width: 70%;
    background-image: url("/Images/cardboard-striped.jpg");
    background-size: contain;
    border-radius: 2px;
    text-align: center;
    display: flex;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.testimonial-row {

    width: 50%;
    place-content: center;

}

.testimonial-name {

    width: 6em;
    max-width: 6em;
    align-self: center;

}

#footer {

    font-size: 0.8em;


}

#broaden-horizons-text {

    font-size: 1.35em;

}

#copyright-text {

    font-size: 0.5em;

}

.footer-links {

    text-decoration: underline wavy #71FF2E;

}

.social-icon-reset {

    text-decoration: none;


}

.social-icon-reset > i {

    bottom: 0px;
    position: relative;
    transition-property: bottom;
    transition-duration: 0.2s;
    transition-delay: 0s;

}

.social-icon-reset:hover > i {

    color:#71FF2E!important;
    position: relative;
    bottom: 5px;
    

}


#ada-compliant-link {

    bottom: 0px;
    position: relative;
    transition-property: bottom;
    transition-duration: 0.2s;
    transition-delay: 0s;
    

}

#ada-compliant-link > a {

    text-decoration: none!important;

}

#ada-compliant-link:hover {

    color:#71FF2E!important;
    position: relative;
    bottom: 5px;
    

}

#llc-id {


    font-size: 1rem;

}

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

    .collapse {


        padding-left: 5.5rem;
        padding-right: 5.5rem;
    
    }

}

@media only screen and (max-width: 992px) and (min-width: 769px) {


    #initial-hero-left-col h1 {

        font-size: 2em!important;
    
    }

    #initial-hero-row {

        padding-bottom: 2em;

    }

    #first-tweet {

        padding-left: 3em;
        padding-right: 3em;
        padding-bottom: 3em;
        font-family: "Twibbler";
        font-weight: normal;
        font-size: 0.8em;
       
    
    }



}

@media only screen and (max-width: 1500px) and (min-width: 769px) {

    .navbar-brand {

        height: 100px!important;

    }
    .navbar-brand {

        left: auto;

    }

    body {

        font-size: 26px;

    }

}

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

    .navbar {

        margin-bottom: 1em;

    }

    .row {

        padding: 0px!important;

    }

    .row>* {

        padding: 0px!important;

    }

    .container .row {

        padding: 0.5rem;
    }

    body {

        font-size: 20px;
        background-image: none!important;
    }

    .nav-item > a {

        font-size: 1.2em;

    }

    .cc-message {

        margin: 1em!important;
        text-align: center;

    }

    .center-hr {

        place-content: center;
    
    }

    #buy-now-button {

        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.3em;
    
    }

    #initial-hero-row {

        padding-left: 0rem!important

    }

    #initial-hero-container {

        padding-top: 1em;

    }

   

    #initial-hero-left-col {

        text-align: center;
        padding-top: 2.2em!important;
        padding-left: 0.5em!important;
        padding-right: 0.5em!important;
        margin-bottom: 2em;
    
    }

    #initial-hero-left-col h1 {

        font-size: 2em!important;
        padding-left: 0.75em;
        padding-right: 0.75em;
        padding-top: 0.3em;
    
    }

    #initial-hero-left-col h2 {

        font-size: 0.90em!important;
        padding-left: 0.75em;
        padding-right: 0.75em;
    
    }

    #initial-hero-left-col h3 {

        font-size: 0.90em!important;
        padding-left: 0.75em;
        padding-right: 0.75em;
    
    }


    #books-video-mobile {

        display: block;

    }

    #books-video {

        display: none!important;

    }

    #its-simple {

        font-size: 1.4em;

    }

    .step-subtext {

        font-size: 0.95em;
    
    }

    .step-header {

        font-size: 1.3em;

    }



    #first-test-image {

        display: none;

    }

    #first-test-image-mobile {

        display: block!important;

    }

    #tweet-analytics {

        padding-top: 0.5em!important;

    }

    #tweet-analytics > * {

        font-size: 0.9em;

    }

    #tweet-image-cont {

        padding-left: 0.3em!important;
        padding-right: 0.3em!important;

    }

    #first-tweet {

        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 2em;
        font-family: "Twibbler";
        font-weight: normal;
        font-size: 0.75em;
       
    
    }

    #col-first-testimonial {

        padding-left: 10px!important;
        padding-right: 10px!important;
        text-align: center;

    }

    #form-cta {

        padding-left: 1em!important;
        padding-right: 1em!important;
        background-size: cover;

    }


    .arrow-down-class-mobile {

        display: block;
    
    }

    .arrow-down-class-desktop {

        display: none;
    
    }

    .process-videos-parent {

        display: flex;
        place-content: center;

    }

    .process-videos {

        max-width: 60%!important;

    }

    div > .step-row {

        padding-left: 5px!important;
        padding-right: 5px!important;
        margin-left: 0.5em!important;
        margin-right: 0.5em!important;
    
    
    }


    #customer-testimonials {

        padding-top: 1rem!important;
        padding-bottom: 3rem!important;

    }

    .cardboard-testimonial-container {

        width: 90%!important;
        display: flex;
        justify-content: center;

    }

    .testimonial-text {

        font-size: 1.4rem;

    }

    #text-area-first-form {

        background-image: url(/Images/paper-background.jpg);
        background-size: inherit;
        font-size: 20px;
        line-height: 1.75em;
        height: 20em;
    
    }

    .social-icon-reset {

        margin-left: 1em;
        margin-right: 1em!important;
    
    
    }


}

#snipcart {
    /* Applies the color red to the primary button */
    --bgColor-buttonPrimary: #71FF5B;
    --color-buttonPrimary: black;
    --color-buttonPrimary-hover: black;
    --bgColor-buttonPrimary-hover: #97ff87;

    --color-icon: #159d00;

    --bgColor-buttonSecondary: #e7feeb;
    
}

.snipcart-custom-field-wrapper__input > .snipcart-input {

    height: 12em;

}

.snipcart-summary-fees__notice {

    padding-top: 1em;
    padding-bottom: 1em;

}

.snipcart-item-custom-fields {

    display: block!important;

}

.snipcart-item-custom-fields > * {

    padding-top: 1em;

}

input[name="Are-you-above-18---sorry--legally-we-have-to-ask-this-"] + label{

    font-weight: bold;
    white-space: normal!important;

}

input[name="Are-you-above-18---sorry--legally-we-have-to-ask-this-"] + label::before {

    min-width: 20px;
    white-space: normal!important;

}

.snipcart-item-custom-fields--textarea > label {

    font-weight: bold;

}

#free-shipping-header {

    text-align: center;
    background-color: #71FF5B;
    font-weight: bold;
    font-size: 1.3em;
    padding: 0.8em;
    font-family: "SendMeABadBookFont";

}

.checkout-price-p {


    font-size: 1.1em;
    font-weight: bold;

}

.cc-window {

    box-shadow: 1px 2px 19px 6px rgba(0, 0, 0, 0.089);
-webkit-box-shadow: 1px 2px 19px 6px rgba(0, 0, 0, 0.089);
-moz-box-shadow: 1px 2px 19px 6px rgba(0, 0, 0, 0.089);

}

.klaviyo-form-SByHrc > span {

    font-family: "SendMeABadBookFont"!important;

}

.modal {
    padding-right: 0px !important;
}

#bookmarks-modal {


    max-width: 1300px;
    padding-left: 5em;
    padding-right: 5em;

}

#book-modal-header {

    border: none!important;

}

#free-shipping-bookmark-header {

    margin: 0 auto;

}

#bookmark-close {

    margin: 0!important;

}

#bookmark-h3 {

    font-size: 1.6em;

}

.bookmark-desc {

    font-size: 0.8em;

}

#bookmark-text {

    padding-left: 2em!important;
    padding-right: 2em!important;

}

.bookmark-light-text {

    color: rgb(92, 92, 92);

}

#bookmark-button-container {


    text-align: center;
    place-content: center;
    flex-flow: wrap;

}

#bookmark-add-button {

    font-size: 1em;
    font-weight: bold;
    margin-left: 1em;

}

#bookmark-no-button {

    height: max-content;
    padding: 1em!important;

}

.changed-mind-class {

    border: 1px solid #97FF87!important;
    padding: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    margin-top: 1em;
    margin-bottom: 1em;


}

.changed-mind-class:hover {

    color: initial!important;


}

.changed-mind-class > * {

    display: inline-block;

}

#changed-mind-span {

    float: right;

}

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

    .snip-padding-bookmark {

        padding-bottom: 1em;

    }

    .checkout-price-p {


        padding-top: 1em;
    
    }

    .snipcart-item-line__media > video {


        max-width: 300px;

    }

    .snipcart-item-line__media {

        display: flex;
        place-content: center;

    }

}

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


    .snipcart-item-line__media {

        min-width: 300px;

    }

    .snipcart-item-line__image {

        width: 300px;

    }

}







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

    #bookmarks-modal {


        padding-left: 1em;
        padding-right: 1em;

    }


    #bookmark-h3 {


        margin-top: 0.8em;

    }

    #bookmark-text {

        padding-left: 0.5em!important;
        padding-right: 0.5em!important;
    
    }


}

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


    #bookmarks-modal {


        padding-left: 0.5em;
        padding-right: 0.5em;

    }

    #book-modal-header {

        padding-bottom: 0px!important;
    
    }

    #bookmark-collection-row {

        margin-top: 0px!important;

    }

    #bookmark-h3 {


        margin-top: 0.3em;

    }

    #bookmark-text {

        text-align: center;

    }
    
    #bookmark-button-container {


        flex-direction: column-reverse!important;
        margin-top: 0.2em!important;

    }

    #bookmark-add-button {

        font-size: 1em;
        font-weight: bold;
        margin-left: 0px;
        margin-bottom: 1em;
        padding: 0.5em!important;
    
    }
    
    #bookmark-no-button {
    
        height: max-content;
        padding: 0.5em!important;
    
    }

    .bookmark-desc {

        font-size: 1em;

    }


}


.creator-link {

    background-color: #71FF2E;
    padding: 8px;
    color: black;
    border-radius: 3px;
    font-weight: 600;

}

.creator-link-parent {

    text-align: center;

}

.links {

    text-decoration: underline wavy #71FF2E;
    color: black;

}

.links:hover {

    color: black;

}

.blur-class {

    filter: blur(8px);
    -webkit-filter: blur(8px);

}