/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/


/* padding for main header/content/etc. */

:root {
    --dark-1: #551935;
    --medium-dark-1: #BA5D98;
    --medium-1: #B994C2;
    --light-1: #DFD3E7;
    --lightest-1: #F8F9FD;
    --medium-dark-2: #035457;
    --medium-2: #6696AC;   
}

.entry-header { 
    background-color: var(--medium-dark-1);
    padding: 10px 40px;
}

.entry-header h1 { 
    color:var(--lightest-1);
}

.entry-content { 
    padding: 0; 
}

.entry-content > *:not(.alignwide) {
    padding: 0 40px;
}

@media screen and (max-width: 650px) {
    .entry-content > *:not(.alignwide) {
        padding: 0 30px;
    }
}

@media screen and (max-width: 400px) {
    .entry-content > *:not(.alignwide) {
        padding: 0 20px;
    }
}

/* menu  */

.main-navigation.toggled .main-nav ul ul {
    position: relative;
    top: 0;
    left: auto !important;
    right: auto !important;
    width: 100%;
    pointer-events: auto;
    height: auto;
    opacity: 1;
    display: block;
    visibility: visible;
    box-shadow: 0 0 0;
}

.main-navigation.toggled .dropdown-menu-toggle {
    display: none;
}

.menu-item-object-novels > a {
    padding-left:10px;
}

.current_page_item a {
    color: black !important;
}

.main-navigation.toggled .main-nav li.lang-item {
    display: inline-block !important;
}

@media screen and (max-width: 768px) { 
    /* .sub-menu::before {  */
    .sub-menu li a::before {
        content: ' - ';
    }
}

[title="separator"]::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    left: 25%;
    border-top: 1px solid silver;
}


/* font stuff  */

.small {
    font-size: 0.8em;
}

h1, h3, h4 {
    font-variant: small-caps;
}

h3, .bothlines {
    display: flex;
    max-width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 10px !important; 
}

h3:after, .honors h3:before, .bothlines:before, .bothlines:after {
    content: '';
    border-top: 1px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.bothlines, .bothlines:before, .bothlines:after {
    border-color: #55193544;
}

h3:after {
    margin: 0 0 0 20px;
}

h3 a { 
    color: var(--medium-dark-2) !important; 
}

.honor h3 { 
    margin-bottom: 5px; 
}

.bothlines i[class^="icon-"]:before { 
    position: relative; left: -10px; 
}

hr { 
    margin: 20px 0px; 
}

.novel-tabs .kt-tab-inner-content a, .retailers a {
    color: var(--dark-1);
}

/* misc main page */

#metaslider_57 {
    margin-bottom: 0px;
}

.latest .bookshop-button {
    zoom: 0.75;
}

.latest h3 {
    margin-bottom:5px;
}

.latest { 
    padding: 5px 0px !important;
    background-color: var(--light-1);
    display: inline-block;
    position: relative;
    right: 20px;
    min-width: 220px;
    max-width: 300px;
    max-height: 440px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.main-photo {
    float: left;
    display: inline;
    height: 200px;
    width: 200px;
    margin: 0px 10px 15px 0px;
}

@media screen and (max-width: 650px) {
    .latest {
        display: block;
        right: 0px;
    }
    .main-photo {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* reviews & pullquotes */

.style-quote-small p {
    font-size: 1.2em;
    color: black;
    line-height: 1.5em;
    font-family: Arial;
    border-color: var(--medium-1);
    border-left-style: solid;
    border-left-width: 7px;
    padding-left: 20px;
    margin-bottom: 0;
    text-align: left;
}

.style-source-small {
    font-weight: bold;
    text-align: left;
    padding-left: 80px;
    padding-bottom: 25px;
    color: var(--medium-dark-1);
}

.style-quote-big {
    font-size: 1.5em;
	text-transform: uppercase;
    font-family: 'Josefin Sans', 'HelveticaNeue', 'Helvetica Neue';
    font-weight: 500;
    line-height: 1.1em;
    text-align: center;
}

.style-source-big {
    padding-left: 60px;
    margin-top: 0px;
    margin-bottom: 35px;
    color: var(--medium-dark-1);
}

.style-source-big:before, .style-source-small:before {
    content: '\2014';
}

.style-quote-big:before, .special_amp:before {
    content: '\201C';
}

.style-quote-big:after, .special_amp:after {
    content: '\201D';
}

.style-quote-big:before, .style-quote-big:after {
    color:var(--medium-dark-1);
    font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
    font-style: italic;
    font-size: 1.1em;
}


.press-kit-book .style-quote-big {
    font-size: 1em;
	text-transform: none;
    font-family: Arial;
    font-weight: normal;
    line-height: 1.1em;
    text-align: left;
}

.press-kit-book .style-source-big {
    padding-left: 10px;
    margin-top: 0px;
    margin-bottom: 20px;
    color: var(--dark-1);
    text-align: left;
}

.press-kit-book .br-big { 
    display: none; 
}


@media only screen and (max-width: 800px) {
	.br-big { 
        display: none; 
    }
}

/* novel tabs  */

.novel-tabs {
    margin-top: 30px;
}

.novel-tabs .wp-block-kadence-tab, .novel-tabs .kt-tab-title-active {
    background-color: var(--light-1) !important; 
    border: 0px !important;
}

.novel-tabs .kt-title-item { 
   border-radius: 4px 4px 0px 0px;
}

.novel-tabs .kt-tab-title-inactive { 
   background-color: var(--lightest-1) !important;
}

.novel-tabs .kt-tab-title {
   background-color: inherit !important;
   border: 0px !important;
}

.kt-tab-svg-icon {
    color: var(--dark-1);
}

.kt-tab-title-active .kt-title-text { 
    color: var(--dark-1); 
}

/* 
@media only screen and (max-width: 600px) {
    .kt-tab-title {
        padding: 8px 10px !important; 
    }
    .kt-title-item {
        margin-right: 6px !important;
    }
}

@media only screen and (max-width: 450px) {
    .kt-tab-title {
        padding: 8px 6px !important; 
    }
    .kt-title-item {
        margin-right: 4px !important;
    }
    .kt-tab-svg-icon svg {
        height: 25px;
        width: 25px;
    }
    .kt-title-text {
        display: none;
    }
    .kt-tab-title-active .kt-title-text {
        display: block;
    }
} */



/* quote slider  */

.slick-dots li button:before {
    font-size: 10px;
}

.slick-prev {
    z-index: 1;
    left: 5px;
}
   
.slick-next {
    z-index: 1;
    right: 5px;
}

@media only screen and (max-width: 600px) {
    .slick-arrow {
        z-index: -1; 
    }
    .slick-dots li {
        margin: 0px;
    }
}

/* this hides the slider until it's fully loaded (to avoid all slides from showing up before it loads) */

.slick-slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
} 


/* banner slider */

.alignwide .slick-dots {
    bottom: 15px;
}

.alignwide .slick-dots li button:before {
    font-size: 15px;
    -webkit-text-stroke: 1px white;
}

  .flex-control-nav.flex-control-paging {
    position: relative;
    top: -20px !important;
}


@media only screen and (max-width: 600px) {
    .flex-control-nav.flex-control-paging {
        position: relative;
        top: -7px !important;
    }
    .flex-control-paging li a {
        width: 5px !important;
        height: 5px !important;
    }
    .alignwide .slick-dots li button:before {
        font-size: 9px; 
    }
    .alignwide .slick-dots li {
        width: 11px; 
    }
    .alignwide .slick-dots {
        bottom: -1px; 
    }
}


/* novel list */

.novel-list-cover {
    width:20%; 
    display: inline-block; 
    vertical-align:top;
    text-align: center;
    padding-right: 30px;
}

.novel-list-text {
    width:75%;
    display: inline-block;
}

.novel-list-text h4 { 
    text-align: center; 
}

.novel-list-text a { 
    color: black; 
}

.novel-list-cover a { 
    float: none; 
    margin: 0px; 
    padding: 0px; 
}

.novel-list-cover img { 
    margin-top:0px; 
    padding-top:0px; 
    width: 200px;
    height: auto;
}

.bookshop-button {
    width: 250px;
}

.bookshop-button a.button {
        align-items: center;    
        background-color: var(--medium-dark-1);
        border: 0;
        border-radius: 999px;
        color: white;
        display: block;
        font-family: var(--font-sans);
        font-size: 15px;
        font-weight: 700;
        padding: 0.5rem 1rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
}

.textwidget .bookshop-button a.button {         
    background-color: var(--medium-2) !important;
}


#post-11 .display-posts-listing, #post-38 .display-posts-listing { 
    margin-left: 0px; 
    padding-bottom: 40px; 
}


@media screen and (max-width: 770px) {
.novel-list > div, .ss-list > div {
    width: 100%; 
    }
.novel-list { 
    padding: 0px 20px !important; 
    }
.novel-list-cover { 
    padding-right: 0px; 
    }
#post-11 .display-posts-listing { 
    padding-bottom: 20px; 
    }
}

@media screen and (max-width: 1000px) {
.novel-list .bookshop-button {
    margin-left: auto; margin-right: auto;
    }
}


/* short stories list  */

.ss-list {
    padding-bottom: 40px;
}

.ss-list h3 {
    padding-bottom: 10px;
    margin: 0px;
}

.ss-list-cover {
    width:45%; 
    display: inline-block; 
    vertical-align:top;
}

.ss-cover-img,.ss-covers-img {
    height:300px;
    width:auto;
    vertical-align:middle;
    margin:5px;
}

.ss-list-text {
    width:50%;
    display: inline-block;
}

.ss-list-quotes {
    width: 100%;
    display: block;
    padding-bottom: 20px;
}

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

.sslist .small {
    padding-left: 20px;
}

.ss-list .bookshop-button { 
    margin:10px;
    zoom: 0.8;
}

.ss-cover-div, .ss-covers-div {
    display:inline-block;
    vertical-align:top; 
}

@media screen and (max-width: 1060px) {
    .ss-list-cover {
        width: 50%;
    } .ss-list-text {
        width: 45%;
    }
}

@media screen and (max-width: 960px) {
    .ss-cover-img, .ss-covers-img {
        height: 350px;
        width: auto;
    } 
    .ss-cover-div .bookshop-button,.ss-covers-div .bookshop-button {
        zoom: 1;
    }
    .ss-list-cover, .ss-list-text {
        width: 100%;
    }
}

@media screen and (max-width: 620px) {
    .ss-covers-img {
        height: 300px;
        padding: 0px 10px;
    }    
    .ss-cover-img {
        width: 250px;
        height: auto;
    }
    .ss-covers-div .bookshop-button { 
        margin:3px;
        zoom: 0.8;
    }
}


@media screen and (max-width: 508px) {
    .ss-covers-img {
        height: 235px;
        padding: 0px 3px;
    }    
    .ss-cover-img {
        width: 250px;
        height: auto;
    }
    .ss-covers-div .bookshop-button { 
        margin:3px;
        zoom: 0.65;
    }
}

@media screen and (max-width: 383px) {
    .ss-cover-img,.ss-covers-img {
        width: 250px;
        height: auto;
    }
    .ss-list .bookshop-button { 
        margin:3px;
        zoom: 1;
    }
}

/* faqs/accordions */

.faq, .faqs { 
   padding-bottom: 15px; 
}

.faqs .acc_content { 
    background-color: var(--lightest-1); 
}

.faqs .acc_active .acc_head { 
    background-color: white !important; 
}

.acc_section.acc_active {
    border-width: 2px;
    border-color: #ccc;
    color: black;
}

.acc_section.acc_active .acc_head {
    border-bottom-width: 2px !important;
}

.retailers .acc_section.acc_active .acc_head {
    background-color: var(--lightest-1); 
    border-bottom-width: 0px !important;
}

.retailers .acc_section.acc_active .acc_content { 
    background-color: var(--lightest-1);
}


.accordion-title, .accordion-title:hover, .accordion-title:visited, .accordion-title:focus {
    background: transparent;
    color: black;
}

.accordion-title::before {
    content: "\e80f";
    font-family: "csd";	
    position: relative;
    padding-right: 15px;
}

.accordionjs .acc_section.acc_active .accordion-title::before {
    content: "\e810";
}

.acc_content { 
    padding-left: 15px !important; 
}

.acc_head { 
    padding: 0px !important; 
}

.accordionjs .accordion-title { 
    text-align: left;
}

/* misc on novel pages */

.honor { 
    padding: 6px 25px;
}

.honor .small { 
    padding: 6px 30px;
}
    
.honors {
    background-color:var(--lightest-1);
    border: 0;
    border-radius: 10px;
    padding: 25px 0px;
}

.excerpt { 
    text-indent: 50px; 
}

/* appearances */

.events-list {
    width: 100%;
}

.events-icon {
    font-size: 30px;
    display: inline-block;
    vertical-align: top;
    width: 5%;
}

.events-text {
    display: inline-block;
    width: 90%;
    padding-left: 20px;
}

.events-text h4 { 
    padding-top: 5px; 
    margin-left: -13px; 
    margin-bottom: 0px; 
}

.events-text h4 a { 
    color: var(--medium-dark-1);
 } 

.event-location { 
    font-weight: bold; 
}


@media screen and (max-width: 650px) {
    .events-icon {
        width: 100%;
        text-align: center;
    } 
    .events-text h4 { 
        padding-top: 0px;
        text-align: center; 
    }
}

.pub { 
    width:350px; 
    text-align:left; 
}

.pub-icon { 
    width: 55px;
    height: 55px;
    padding: 0px; 
    display: inline-block; 
}

.pub-text { 
    display: inline-block; 
    text-align:right;
    padding-right: 10px;
}

.icon-pub { 
    font-size:40px; 
    color: var(--dark-1); 
    position:relative;
    bottom:5px;
}

.icon-pub.icon-marvel-rect { 
    font-size:35px;
}

/* press kit tabs  */

.kt-inner-tab_947d4d-36, .kt-inner-tab_ae3b58-f0 { 
    padding: 15px 0px !important; 
}

.press-kit-books .kt-tab-title { 
    padding: 20px 0px !important; 
    margin: 20px 0px !important; 
}

.press-kit-books .kt-tab-title-inactive { 
    background-color: var(--light-1) !important; 
}

.press-kit-books .kt-tab-title-active a::after {
    content: "\e80f";
    font-family: "csd";
    color: var(--dark-1); 
    position: absolute;
    bottom: 10px;
    font-size: 1.3em;
}

.press-kit-book > div { 
    display: inline-block; 
    vertical-align:top;
    padding-left: 10px;
    padding-right: 10px;
}

.press-kit-half { 
    width: 45%; 
}

.press-kit-cover { 
    width: 65%; 
    padding-bottom: 30px;
    margin: 0px auto;
}

.press-kit-wide { 
    width: 100%; 
    padding-top: 30px; 
}

@media screen and (max-width: 650px) { 
    .press-kit-book > div { 
         width: 100%;
         padding-left: 0px;
         padding-right: 0px;
    } 
    .press-kit-books .kt-tab-inner-content { 
        padding: 15px !important; 
    }
    .kt-inner-tab_947d4d-36, .kt-inner-tab_ae3b58-f0 { 
        padding: 15px 0px !important; 
    }
}

.cover-presskit {
    max-height: 250px;
    width: auto;
}


/* editions on novel pages */

.editions {
    width:280px; 
    display:inline-block; 
    margin:0px -1px; 
    text-align:center; 
    vertical-align:top; 
}


@media screen and (max-width: 520px) { 
    .editions { 
         width: 100%;
    }
}

.black-bar { 
    font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    color: white; 
    letter-spacing: 2px; 
    text-transform: uppercase;
    text-align: center; 
    padding: 6px 6px 6px 12px; 
    margin-bottom: 5px; 
    background: #555;
}


/* contact */
.kt-svg-icon-fa_tumblr, .kt-svg-icon-fa_goodreads-g {
    padding-left: 33px !important;
    padding-right: 17px !important;
}

.wp-block-kadence-icon .kt-svg-icon {
    background-color: var(--medium-dark-1) !important;
    border: 0px !important;
}

.wp-block-kadence-iconlist { 
    padding-bottom: 30px !important; 
}

@media screen and (max-width: 580px) { 
    .kt-svg-icon svg { 
        width: 40px;
        height: 40px;
    }
    .kt-svg-icon { 
        padding: 10px;
    }
    .wp-block-kadence-icon {
        padding: 0px !important;
    }
    .kt-svg-icon-link {
        margin: 5px !important;
    }
    .kt-svg-icon-fa_goodreads-g {
        padding-left: 30px !important;
        padding-right: 20px !important;
    }
}


/* misc novel page */

.art-thumb img { 
    width:200px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.art-thumb p {
    text-align: center;
}

.art-thumb h3 {
    margin-bottom: 0px;
}

.art-medium {
    margin-left: auto;
    margin-right: auto;
}
/* widgets */

.textwidget h3, .textwidget h3 a, .textwidget a  { 
    color: white !important; 
    margin-bottom: 0px;
}