.book-generator {
    background-image:url(../img/backgrounds/background_generator.png);
    background-size:cover;
    background-position:top;
    background-repeat: no-repeat;
}

.book-generator h4,
.book-generator h2,
.book-generator p {
    color:#fff;
}

.book-generator .book-generator__content {
    text-align: left;
}

.book-generator .book-generator__content__subtitle h4 {
    margin-bottom:1rem;
    font-size:2rem;
}

.book-generator .book-generator__content__description {
    margin:auto;
}

.book-generator .book-generator__content__button {
    margin-top:3rem;
}

.book-generator .book-generator__options {
    background-color:#fff;
    border-radius:1.5rem;
    margin-top:3rem;
    padding:3rem 0 1.5rem;
}

.book-generator .book-generator__options p {
    color:#242424;
    margin:0;
}

.book-generator .book-generator__options__single {
    height:79px;
    min-height:80px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    margin-top:3rem;
    cursor: pointer;
    border:3px solid transparent;
    border-radius:0.2rem;
}

.book-generator .book-generator__options__single.active {
    border:3px solid #d5aa53;
}

.book-generator .book-generator__options__single p {
    text-transform: uppercase;
    font-weight:600;
    padding: 0 1.5rem 0.4rem;
}

.book-generator .book-generator__options__single p:before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f0c8";
    font-size:2.4rem;
    margin-right:1.9rem;
    position:relative;
    top:0.2rem;
}

.book-generator .book-generator__options__single.active p:before {
    content: "\f14a";
    font-weight:900;
}

.book-generator .book-generator__options__text,
.book-generator .book-generator__options__wrap {
    padding: 0 2rem;
}

.book-generator .book-generator__options__wrap {
    padding-bottom:3rem;
}

.book-generator .book-generator__options__generate .btn {
    margin: 0 2rem;
}

.book-generator .book-generator__options__generate {
    border-top:0.1rem solid #008488;
    padding-top:1.5rem;
}

.book-generator .modal-header-body-wrap .modal-body .book_generator_modal__image {
    text-align: center;
    margin-bottom:2rem;
}

.book-generator .modal-header-body-wrap .modal-body .book_generator_modal__image img {
    max-width:140px;
}

.book_generator_modal .modal-dialog {
    width:100%;
}

.book_generator_modal .modal-header {
    padding:2rem 1.5rem;
}

.book_generator_modal .modal-header > * {
    padding:0;
}

.book_generator_modal .modal-header i {
    font-size:2.4rem;
    cursor: pointer;
}

.book_generator_modal .modal-header h5 {
    margin:0;
    color:#242424;
    text-transform: uppercase;
    font-size:1.4rem;
}

.book_generator_modal .modal-header h5 em {
    font-style:normal;
    display:block;
}

.book_generator_modal .modal-header h5 span {
    border: 2px solid #d8d8d8;
    padding: 0.2rem 1rem;
    margin-right:1rem;
    display:inline-block;
}

.book_generator_modal .modal-header h5 span:first-of-type {
    margin-left:0;
}

.book_generator_modal .modal-body {
    background-image:url(../img/backgrounds/background_hero.png);
    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    padding:3rem 1.5rem;
}

.book_generator_modal .modal-body p,
.book_generator_modal .modal-body h5,
.book_generator_modal .modal-body .alpha {
    color:#fff;
}

.book_generator_modal .modal-body h3 {
    color:#d5aa53;
}

.book_generator_modal .book_generator_modal__body__button {
    margin-top:3rem;
}

.book_generator_modal .modal-body .book_generator__error-message h3,
.book_generator_modal .modal-body .book_generator__error-message p {
    text-transform:initial;
    color:#242424;
}

.book_generator_modal .modal-body .book_generator__error-message p {
    padding-top:1rem;
}

.book_generator_modal .modal-body .book_generator__error-message p a {
    color:#008488;
}

.book_generator_modal .modal-body .book_generator__error-message h5 {
    color:#008488;
    text-transform: uppercase;
    padding-bottom:0.4rem;
}

.modal-header-body-wrap,
.book-generator__sync {
    min-height:678px;
}

.book_generator_modal .book_generator_modal__buttons__share {
    font-size:1.5rem;
    text-transform: uppercase;
    color:#404040;
    font-weight:600;
    font-family: 'Open Sans';
}

.book_generator_modal .book_generator_modal__buttons__share i {
    font-size:2.4rem;
    color:#404040;
    font-weight:400;
    margin-left:1.2rem;
}

.book_generator_modal__buttons__refresh .btn,
.book_generator_modal__buttons__start-again .btn {
    min-width:100%;
    margin-top:1rem;
}

.book_generator_modal .modal-content {
    display:block;
}

@media (min-width:768px) {
    .book-generator .book-generator__options__generate {
        text-align: right;
    }
    .book_generator_modal .modal-dialog {
        max-width:700px;
    }
    .book_generator_modal .book_generator_modal_buttons {
        text-align: center;
    }
    .book_generator_modal .modal-header {
        padding:3.6rem 6rem;
    }
    .book_generator_modal .modal-body {
        padding: 6rem;
    }
    .book-generator .modal-header-body-wrap .modal-body .book_generator_modal__image {
        text-align: left;
        margin-bottom:0;
    }

    .book-generator .modal-header-body-wrap .modal-body .book_generator_modal__image img {
        max-width:100%;
    }
    .book_generator_modal .modal-header h5 span {
        margin-right:0;
        padding: 0.5rem 1rem;
    }
    .book_generator_modal .modal-header h5 span:first-of-type {
        margin-left:1rem;
    }
    .book_generator_modal .modal-header h5 em {
        display:inline;
    }
    .book_generator_modal .book_generator_modal__buttons__share i {
        margin-left:0.2rem;
    }
    .book_generator_modal__buttons__refresh .btn,
    .book_generator_modal__buttons__start-again .btn {
        min-width:160px;
        margin-top:0;
    }
}

@media (min-width:992px) {
    .book-generator .book-generator__content__subtitle h4 {
        margin-bottom:2rem;
        font-size:2.4rem;
    }
    .book-generator .book-generator__options {
        margin-top:5rem;
        padding:4rem 0 1.5rem;
    }
    .book-generator .book-generator__options__text,
    .book-generator .book-generator__options__wrap {
        padding: 0 6rem;
    }
    .book-generator .book-generator__options__generate .btn {
        margin:0 6rem;
    }
    .book-generator .book-generator__options__wrap {
        padding-bottom:5rem;
    }
    .book_generator_modal .modal-dialog {
        max-width:940px;
    }
    .book_generator_modal .book_generator_modal__buttons__share i {
        margin-left:1.2rem;
    }
    .book_generator_modal__buttons__refresh .btn,
    .book_generator_modal__buttons__start-again .btn {
        min-width:180px;
    }
}

@media (min-width:1200px) {
    .book_generator_modal .modal-dialog {
        max-width:1060px;
    }
}