/*

 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

*/

:root {
    --accent1: #E67C5C; 
    --accent4: #e8beb1;
    --accent5: #de9681;
    --main1: #95a4a5; 
    --main2: #48979b;
    /* --original main4 color: #4F6D7A; */
    --main4: #2e5d5f;
    /* --main3: #223238; */
    --main3: #1b3738;   
}


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

body:not(.page-id-3921) #right-sidebar { display: none; }

body:not(.page-id-3921) #primary { width: 100%; }

#primary { z-index: 2 !important; }


/* buttons */

.frm_submit .frm_button_submit, .solid-button, .search-filter-reset, a:hover.light { 
    /* background-color: var(--accent1) !important;  */
    background-color: var(--main2) !important; 
    color: white !important; 
    text-align: center !important; 
    border: 0px !important;
    padding: 7px 16px !important; 
    box-shadow: 1px 1px rgba(0,0,0, 0.7) !important;
    text-shadow: 1px 1px rgba(0,0,0, 0.7) !important;
}

.acc_head .solid-button {
    padding: 7px 16px !important;
    width: 60%;
    max-width: 500px;
}

.light {
    /* background-color: var(--accent5) !important; */
    background-color: var(--main2) !important; 
}

button:hover.solid-button {
    background-color: var(--main2) !important; 
}


/* menu & logo */

.current-menu-item a, .page-id-3921 .menu-item-3962 a, .single-honor-roll .menu-item-3962 a { 
    font-weight: 700 !important; 
}
.menu.sf-menu li a { font-size: 22px; }

.menu.sf-menu { padding-top: 50px; }

.inside-header.grid-container { padding-top: 15px; }
.site-logo { padding-left: 60px; }

@media only screen and (max-width: 1050px) {
    .site-logo { padding-left: 20px; }
}

@media only screen and (max-width: 500px) { 
    .mobile-header-navigation .site-logo.mobile-header-logo img { 
        max-width: 300px; height: auto; 
    }
    .mobile-header-logo { 
        padding-left: 0px;
    }
    .menu-toggle { padding-left: 15px; }
}

@media only screen and (max-width: 380px) { 
    .mobile-header-navigation .site-logo.mobile-header-logo img { 
        max-width: 250px; height: auto; 
    }
    .menu-toggle { 
        padding-left: 10px; 
        padding-right: 10px !important; 
    }
    .mobile-header-logo { 
        margin-right: 0px !important;
    }
}



/* front page */
#main-middle .gb-icon, #main-team .gb-icon, #testimonials svg, .icon {
    color: var(--accent1) !important; 
}

.testimonials { width:33%; display:inline-block; vertical-align:top; }
@media only screen and (max-width: 880px) {
    .testimonials { width:70%; display:block; padding-bottom:30px;} 
}
@media only screen and (max-width: 540px) {
    .testimonials { width:100%;  } 
}

#main-headline-1 { line-height: 65px; margin-bottom: 30px; margin-block-end: 30px; }

.gb-highlight, #main-middle svg {
    color: var(--accent5) !important; 
}

a:hover, a:active {
    color: var(--accent1) !important; 
}

a.generate-back-to-top {
    background-color: var(--accent1) !important; 
}

a:hover.generate-back-to-top { 
    color: white !important;
}

#footer-contact .gb-container, #honor-roll-potm, #main-headline-2, #main-top, #main-middle, #main-team .gb-container.object-shadow, .honor-roll-cover-big img, .hr-excerpt, .single-honor-roll .page-hero, #hr-single-middle { 
    border-color: var(--accent1) !important; 
    border-width: 3px;
}

#footer-contact .gb-container, #main-headline-2, .hr-excerpt { /* left */
    border-style: none none none solid;
}

#honor-roll-potm, #main-team .gb-container.object-shadow, #main-middle, .honor-roll-cover-big img, #hr-single-middle { /*top border*/
    border-style: solid none none none;
}

#main-top, .single-honor-roll .page-hero { /* bottom border*/
    border-style: none none solid none;
}

.gb-container-a2f17853 { border-style: none; }

.bg-gradient { 
    /* background-image: linear-gradient(170deg, var(--main4) 0%, var(--main1) 80%) !important;  */
    background-color: var(--main4) !important;
    background-image: none !important;
}
#hr-single-middle.bg-gradient { 
    /* background-image: linear-gradient(170deg, var(--main4) 40%, var(--main1) 80%) !important;  */
    background-color: var(--main4) !important;
    background-image: none !important;
}


#footer, .site-info, .sub-menu {
    background-color: var(--main4) !important; 
}

#footer, .bg-gradient, .main-nav, .hr-header {
    text-shadow: 1px 1px rgba(0,0,0, 0.7) !important;
}

.bg-gradient svg, #footer svg {
    filter: drop-shadow( 1px 1px rgba(0, 0, 0, .7)); 
}

.site-footer { display: none; }

body:not(.home) .site-content { padding-top: 50px !important; }


.hr-recent-list { max-width: 1200px; z-index: 2; margin-top: -100px; position: relative; }

.hr-recent-book { display: inline-block; width: 25%; }

.hr-recent-book img.aligncenter { 
    height: 295px; 
    width: auto; 
    border-top: 3px solid var(--accent1);
}

@media only screen and (max-width: 880px) {
    .hr-recent-book { width: 50%; }
}
@media only screen and (max-width: 460px) {
    .hr-recent-book { width: 100%; }
}


@media only screen and (max-width: 1225px) {
    .page-hero h1 { 
        padding-left: 30px; 
    }
}

@media only screen and (max-width: 500px) {
    .page-hero h1 { 
        padding-left: 5px; 
    }
    .acc_head .solid-button {
        width: 100%;
    }
    #main-middle .gb-headline-wrapper { 
        text-align: center;
    }
    #main-middle .gb-button.solid-button.light  { 
        margin: 0px auto; 
    }
}

@media only screen and (min-width: 1007px) {
    .gb-grid-wrapper-c975e5bf { 
        padding-top: 40px; 
    }
}

/* book listings button */

.bookshop-button {
    width: 250px;
}

.solo-bookshop { display: none; }

/* 
.bookshop-button div { 
    height: 25px;
} */

.bookshop-button > a > span { 
    font-size: 11px;
    margin-top:4px;
}
/* 
.bookshop-button .button > div > span { 
    position: relative;
    top: -1px;
} */

.bookshop-button img {
    margin-right: 0.5rem; 
    vertical-align: middle;
    height: 24px;
    color: white;
}


.bookshop-compact {
    width: 200px !important;
    align-items: center;
}

.bookshop-compact span { 
    vertical-align:initial;
    margin-left: -8px; 
}

.bookshop-compact .button div {
    position: relative;
    left: -3px;
    top: 1px;
}


.bookshop-button a, .bookshop-button a:hover, .bookshop-button a:active, .bookshop-button a:visited {
    align-items: center;    
    background-color: var(--main2);
    border: 0;
    border-radius: 999px;
    color: white !important;
    display: block;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica;
    font-size: 15px;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}


/* search & filter forms - both */

.searchandfilter {
    background-color: #f5f8fa;
    padding: 0 10px;
    font-size: 16px;
    text-align: left;
    margin-bottom: 40px; 
}

.sf-input-select:not(.select2-hidden-accessible), .sf-input-text { 
    width: 100% !important; 
    background-color: #e4e7e8 !important; 
}

.searchandfilter label { 
    display: inline; 
}

.searchandfilter h4 { 
    font-variant: small-caps;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica;
    font-weight: 400;
    margin: 0;
    padding: 10px 0;
}   

.hr-searchform ul { 
    margin-left: 0px; 
}

.hr-searchform ul.accordionjs { 
    width: 100%; 
    list-style: none !important; 
}

.searchandfilter .solid-button { 
    width: 100%; 
    margin-bottom: 15px; 
    margin-top: 20px; 
}

.searchandfilter ul li { 
    width: 50%; 
    display: inline-block !important; 
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: top;
}


.searchandfilter .sf-field-search {
    vertical-align: bottom;
}
.searchandfilter .sf-field-search input { 
    height: 49px; 
}

.acc_content > .alignleft {
    margin-right: 0px !important;
}

@media only screen and (max-width: 700px) {
    .searchandfilter ul, .searchandfilter li, .select2-container {
        width: 100% !important;
    }
    .searchandfilter ul {
        text-align: center; 
    }
}



/* search & filter form - honor roll */

.hr-searchform .searchandfilter .select2-container, .select2-selection__rendered li { 
    width: 100% !important; }

.page-id-3921 .sf-field-taxonomy-age_category ul, .sf-field-post-meta-country ul { padding-left: 10px; }

.accordion-title.solid-button { 
    margin-bottom: 20px; 
}

.hr-searchform .sf-field-post-meta-country li { 
    display: inline !important; 
    padding-right: 35px !important; 
}

.hr-searchform .sf-field-post-meta-country .sf-item-0 { 
    display: none !important; 
}

.hr-searchform-uk .sf-field-post-meta-formats { display: none !important; }

@media screen and (max-width: 900px) and (min-width: 700px) {
    .searchandfilter .reset-button { 
        width: 100% !important; 
        text-align: center;
    }
    .searchandfilter .reset-button a { 
        width: 60% !important; 
    } 
}

.hr-form-title { display: none; }


.hr-desc { 
    padding-top: 30px; 
    width:100%;
}

@media only screen and (min-width: 900px) {
    .hr-desc { 
        width:60%;
    }   
    .top-border-top { 
        border-top: solid 3px var(--accent1) !important; 
    }
    .page-id-3921 .hr-searchform { 
        width: 28%;
        float: right; 
        margin-left: 5px; 
        position: relative;
        margin-top: -250px;
    }    
    .page-id-3921 .hr-searchform ul li {
        margin-bottom: 0px !important;
        width: 100%;
    }
    .select2-container { width: 100% !important; }
    .page-id-3921 .hr-searchform ul { 
        text-align: left;
        width: 100%;
    }
    .page-id-3921 .accordion-title.solid-button {
        display: none;
    }
    .page-id-3921 .acc_content { 
        display: block !important; 
    }
    #search-filter-results-6549 {
        width: 70%;
        float: left;
    }
    #search-filter-results-6549 > ul > li {
        margin-left: 0px !important; 
    }
    .page-id-3921 .sf-field-taxonomy-age_category ul, .page-id-3921 .sf-field-post-meta-country ul, .page-id-3921 .sf-field-taxonomy-genre ul {
        padding-left: 8px !important; 
    }
    h2.hr-form-title {
        display: block; 
        background-color: #f5f8fa;
        border-style: solid;
        border-width: 3px 0px 0px 0px;
        border-color: var(--accent1);
        padding: 7px 0px !important;
        /* color: var(--main2) !important; */
        font-weight: 400;
        margin-bottom: 0;
        font-size: 22px;
    }
}


/* search & filter - blog  */

#search-filter-form-3973 > ul > .sf-field-tag { display: none !important; }

#search-filter-form-3973 .sf-field-category .sf-level-0.sf-item-1 { display: none; }

#search-filter-form-3973 ul li.sf-field-taxonomy-age_category ul li { 
    display: inline-block !important; 
    padding-left: 20px;
    white-space:nowrap; 
}

#search-filter-form-3973 .sf-field-reset input { width: 100%; background-color: var(--accent1); }

#search-filter-form-3973 .sf-field-reset { vertical-align: bottom; padding-bottom: 15px; }

.searchform-tag-text { 
    width: 100% !important; 
    text-align: center !important;
}

@media only screen and (max-width: 900px) {    
    .single-post .site-content {
        padding-left: 0px !important;
        padding-right: 0px !important; 
    }
    .single-post .post-content-padding {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .content-area {
        width: 100% !important;
    }
}


/* Honor Roll */

.book-title, a:visited.book-title { 
    color: var(--accent1) !important; 
    font-variant: small-caps;
    font-weight: 600; 
    font-size: 25px;
}

h3.hr-title { 
    background-color: inherit; 
    padding: 0px; 
    margin: 0px; 
    border: 0px; 
    display: inline; 
}

.honor-roll-block { 
    display: block; 
    width: 100%; 
}

.search-filter-results .honor-roll-block { 
    padding-bottom: 40px; 
}

.honor-roll-cover, .honor-roll-text { 
    display: inline-block; 
}

.honor-roll-cover { 
    min-width: 180px; 
    width: 25%; 
    padding-right: 20px;
}

.honor-roll-text { 
    min-width: 150px; 
    width: 73%; 
    min-height: 250px; 
    vertical-align: top; 
    padding-top: 10px;
}

.honor-roll-text p:first-child { 
    margin-bottom: 10px; 
}

@media only screen and (max-width: 1007px) {
    .honor-roll-cover, .honor-roll-text {
      display: block;
      width: 100%;
      text-align: center;
      padding-right: 0px;
    }
    .honor-roll-text { 
        min-height: initial; 
        padding-top: 0px;
    }
    .honor-roll-block { 
        padding-top: 20px; 
        padding-bottom: 25px; 
    }
}

/* single Honor Roll page */

.single-honor-roll #page, .single-honor-roll #content { 
    max-width: 100%;
    margin-left:auto;
    margin-right:auto; 
    padding-left:0px;
    padding-right:0px;
}

#hr-single-top, #hr-single-bottom { 
    max-width: 1200px; 
    margin-left: auto;
    margin-right: auto; 
    padding-left: 20px;
    padding-right: 20px;
    clear: both;
} 

#hr-single-bottom {
    padding-top: 30px;
}



#hr-single-middle > div { 
    padding: 30px;
    display: block;
    max-width: 1200px;
    margin: 20px auto;
    color: white;
    z-index: 1;
    position: relative;
}

#hr-single-middle { 
    max-width: 100%; 
    clear:both;
    position: relative;
    overflow: hidden;
}

#hr-single { 
    margin-top: -100px; 
}

.single-honor-roll .inside-page-hero { 
    font-style: italic; 
}

.single-honor-roll h1:before { 
    content: 'Honor Roll: ';
    font-style: normal; 
}

.honor-roll-cover-big { 
    float: right; 
    display: inline;
    margin: 0px 0px 30px 30px;
    background: none;
}

.hr-excerpt {
    margin-top: 0px; 
    margin-left: 20px;
    padding: 90px 10px 30px 30px;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 400;
    display:block; 
}

#hr-single .bookshop-button { 
    display: inline-block; 
}

#cws { 
    text-align: left;
    width: 80%; 
    padding-top: 20px;
}

#hr-single h2 { font-size: 22px !important; }
#hr-single h4 { font-size: 20px !important; }
.hr-single-bookinfo { vertical-align: top; padding-left: 35px; }

.hr-single-formats, .hr-single-bookinfo, .hr-single-authors, .hr-single-quote { display: inline-block; }

.hr-single-formats, .hr-single-bookinfo { width: 49%; z-index: 2;}

.hr-single-formats .icon::before { font-size: 40px; }

#hr-single-middle a { color: var(--accent4) !important; }
#hr-single-middle .icon::before { color: var(--accent5) !important; }
#hr-single-middle h4, #hr-single-middle h2, .hr-single-formats .icon, #hr-single-middle .hr-single-formats a { color: white !important; }

.hr-single-authors { 
    width: 68%;
    padding-top: 35px; 
    text-align: left;
    /* margin-left: 28%; */
}

.hr-left .hr-single-authors { 
    /* margin-left: 30px; */
    padding-top: 85px;
}

.hr-author-line { 
    position: relative;
    left: -60px;
    border-bottom: solid 3px var(--accent1);
    padding-left: 0px;
    padding-right: 80px;
    width: 115%; 
}

.hr-left .hr-author-line { 
    left:-95px; 
}

.hr-single-quote { 
    width: 90%;
    /* padding: 0px 25px 20px 25px;  */
    padding: 0px 0px 20px 0px; 
    margin-bottom: 20px; 
    text-align: center;
    position: relative;
    z-index: 1;
    left: 70px;
}

.hr-left .hr-single-quote { 
    left: 130px; 
}

.hr-single-author-etc { 
    border-left: 0px; 
    border-right: 3px solid var(--accent1); 
    margin-top: 10px; 
    /* padding: 0px 30px 50px 30px; */
    padding: 0px 10px 50px 10px;
    width: 100%;
}

.hr-single-author-etc.hr-left { 
    border-right: 0px; 
    border-left: 3px solid var(--accent1); 
    position: relative;
    top: -100px;
    /* margin-left: 30px; */
}

.hr-single-authors img { 
    float: left; 
    padding: 10px 20px 10px 5px; 
}

.hr-left .hr-single-authors img {
    float: right; 
    padding: 10px 5px 10px 20px; 
}

blockquote.hr-quote { 
    border-left: initial; 
    font-style:initial; 
    padding: initial; 
    margin: initial; 
    position: initial; 
}

.hr-quote {
    font-size: 29px;
}

.hr-quote:after {
    position: absolute;
    font-family: 'dikl';
    top: -35px;
    left: -100px;
    content:"\e806";
    font-size: 120px;
    color: rgba(222, 150, 129, 1);
    z-index: -1;
}

.related-posts {
    padding-bottom: 25px;
    padding-top: 30px;
}

.related-posts h2 { padding-bottom: 30px; }

#hr-single span.icon { 
    font-size: 40px;
    clear: both;
    width: 100%;
}




@media only screen and (max-width: 950px) {
    #hr-single-bottom { overflow: hidden; }
    .hr-author-line, .hr-left .hr-author-line { width: 140%; left:-50px; right:0px; padding:0px; margin:0px;}
    .hr-single-authors  { left:0px !important; right:0px !important; padding:0px !important; margin:0px !important; padding-top: 20px !important;}
    .hr-left .hr-single-authors  { padding-right: 30px !important; padding-left: 10px !important;}
    .hr-single-quote  { left:0px !important; right:0px !important; padding:0px !important; margin:0px !important; padding-bottom: 20px !important;}
    .hr-left .hr-single-quote  { padding-right: 15px !important;}
    .hr-single-author-etc.hr-left { top:-110px; padding-right:0px; margin-left:0px; padding-top: 50px; padding-left: 10px;}

    .hr-quote:after {
        top: -35px;
        left: 10px;
        color: rgba(222, 150, 129, 0.2);
    }

    #hr-single-top, #hr-single-bottom, #hr-single-middle > div, #cws, .hr-single-quote { 
        width: 100%; 
    } 
    .hr-single-quote { 
        padding-left: 0px; 
        padding-right: 0px; 
    }
    .honor-roll-cover-big { 
        margin: 10px 0px; 
        text-align: center;
        width: 100%;
        display: block; 
        float: none;
    }
    .hr-excerpt { 
        padding: 20px 5px 20px 15px;
        margin: 10px;
        display: block;   
    }
    #hr-single .bookshop-button {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    #hr-single-middle .avatar { 
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
	
    .hr-single-authors, .hr-single-bookinfo, .hr-single-formats { 
        width: 100%; 
        display: block; 
        padding-left: 0px;
    }
    .hr-single-bookinfo { padding-bottom: 35px; }
}


@media only screen and (max-width: 500px) {
    .hr-single-author-etc { padding-left: 10px; padding-right: 10px; }   
    .hr-left .hr-single-authors { padding-right: 15px !important; }
    .hr-left img { padding-left: 10px !important; }
    .hr-quote { font-size: 22px; }
    .hr-quote:after {
        top: -65px;
        left: 20px;
    }
    .hr-single-authors { text-align: center !important; }
    .hr-single-authors img { float: none !important; display: block; padding: 15px; margin: 0px auto; }
    .hr-single-authors p { text-align: left; }
}

#hr-single ul#cw-accordion { list-style:none; margin-left:0px; padding-bottom: 10px; }

#hr-single-top { padding-bottom: 30px; }

/* about / FAQ tabs  */

.kt-tab-title,
a.kt-tab-title,
a:active.kt-tab-title, 
a:hover.kt-tab-title, 
a:visited.kt-tab-title { 
    background-color: var(--main2) !important; 
    color: white !important; 
}

.kt-tab-title-active a.kt-tab-title { 
    background-color: var(--accent1) !important; 
    color: white !important; 
}

.kt-tab-inner-content { 
    border-color: var(--accent1) !important; 
}

h2.team-name { margin-bottom: 0px;}

.team { 
    display: block; 
    margin-bottom: 50px; 
}

.top-border-top { border-top: none; }
.border-top-orange { border-top: solid 3px var(--accent1); }

.team-photo { 
    max-width: 520px; 
    text-align: center; 
    display: inline-block; 
}

.team-role { font-style: italic; }

.left .team-photo { float: left; padding-right: 30px; }
.right .team-photo { float: right; padding-left: 30px; }

.team-text { 
    vertical-align: top; 
}

.border-top-orange .team-text { 
    padding-top: 15px;
}

.left .team-name, .left .team-role { text-align: left; }
.right .team-name, .right .team-role { text-align: right; }

.team.left .social-icons { 
    float: right; 
}

.team.right .social-icons { 
    float: left; 
}

@media only screen and (max-width: 850px) {
    .team-text, .team-photo { width: 100%; display: block; float: none !important; padding: 0px !important; margin:0px auto; }   
    .right .team-name, .right .team-role { text-align: left; }
    .team.right .social-icons { 
        float: right; 
    }
    .team-photo img { padding-top: 20px; }
}

@media only screen and (max-width: 530px) {
    .team .social-icons { 
        float: none !important; 
        text-align:center;
    }
    .team .social-icons li { 
        float: none !important; 
        display: inline;
    }
    .team .team-name, .team .team-role { text-align: center; display:block; clear:both;}
    .team.border-top-orange { border-top: 0px; }
    .team-photo img { border-top: solid 3px var(--accent1); padding-top: 0px; }
    .page-id-3970 .kt-tab-inner-content { padding-left: 0px !important; padding-right: 0px !important; }
}



/* FAQs  */

.faqs li { list-style:none; }

.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;
 }
 
.accordion-title, .accordion-title:hover, .accordion-title:visited, .accordion-title:focus {
    background: transparent;
    color: black;
}

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

.acc_head { 
    padding: 0px !important; 
}

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

.faqs .acc_content ul li { list-style: disc; }

.faqs .acc_content, .graybox { padding: 20px 25px !important; margin: 10px; background-color: #f5f8fa; }


.faqs .acc_section { padding-bottom: 10px; }
.faqs .accordion-title::before {
    content: "\e75c";
    font-family: "dikl";	
    position: relative;
    padding-right: 15px;
}

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

@media only screen and (max-width: 700px) {
.faqs #faq-accordion { margin-left: 0px; }
.faqs .acc_content { margin: 0px; }
}




/* blog post overview */

.post-list-post { margin-bottom: 0px !important; }

.authors, .comments, .date { font-size: 0.9em; color: var(--main1); }

h3.entry-title { font-size: 21px; }

.post-image { padding-top: 0px; margin-right: 0px !important; margin-bottom: 10px !important; float: left; }

.post-list-text { display: block; margin-left: 420px; padding-top: 8px; }

.blog #main { margin-right: 0px !important; }

.blog .post, .archive .post { padding-bottom: 30px !important; }

@media only screen and (max-width: 820px) { 
    .post-image { width: 100%; clear:both; text-align: center; }
    .post-image img { width: 100%; }
    .post-list-text { width: 100%; margin-left: 0px; }
}


/* single blog posts */

.single-categories { 
    width: 60%; 
    text-align: left; 
    display: inline-block; 
}
.single-comments {
    width: 30%; 
    float: right; 
    text-align: right; 
    display: inline-block;
}

#cw-accordion { margin-left: 0px; }

.single-post blockquote {
    position: relative;
  }
.single-post blockquote:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: -3px;
    right: -3px;
    height: 3px;
    background-image: -webkit-gradient(linear, 0 0, 50% 0, from(#dbe4e4), to(transparent));
    background-image: -webkit-linear-gradient(left, #dbe4e4, transparent);
    background-image: -moz-linear-gradient(left, #dbe4e4, transparent);
    background-image: -o-linear-gradient(left, #dbe4e4, transparent);
  }

.single-post blockquote { border-left: solid 3px #dbe4e4 !important; }


.cwarnings { text-align: left; padding-top:10px;}

.cw-link { 
    font-variant: small-caps; 
    font-size: 15px;
    font-family: sans-serif;
    color: var(--accent1); 
}

.single-post #cw-accordion { 
    border-bottom: 1px solid var(--accent4);
}

.single-post #cw-accordion li { 
    display: inline-block; 
    width: 45%; 
    vertical-align: top; 
}

.book-cover > center > a > img { 
    margin-bottom: 5px;
}
.bookshop-compact img { position: relative; top: -2px; }

.book-cover { 
    margin-bottom: 20px; 
}
.single-post #content { 
    max-width: 1000px !important; 
}

.post-title { 
    margin-bottom: 5px;
}

.single-post .page-hero { 
    border-bottom: 3px solid var(--accent1); 
}

.post-list-post { 
    padding-bottom: 45px; 
}

.feat-img-border { 
    border-top: 4px; 
    border-left: 0px; 
    border-right: 0px; 
    border-bottom: 0px; 
    border-style: solid; 
    border-color: var(--accent1);
}

.tagcloud a { 
	padding: 2px 7px;
	border: 1px solid;
	margin: 2px 0.1em;
	display: inline-block;
    float: right;
}

.share { 
    width: 35%; 
    float: left; 
}

.tags { 
    width: 60%; 
    float: right; 
}

.single h3.section-head { text-align: center; }

ul.social-icons {
    margin-left:0px;
    margin-bottom:5px;
}

.social-icons li {
    float: left;
    height: 20px;
    margin: 0px 3px;
}

.share-tags, .authors-bios { width:100%; display: block; clear:both; }

.single-post h5 { font-variant: small-caps; font-family: sans-serif; color: var(--main2); padding-left: 10px; margin-left: 10px; margin-top: 20px; border-left: solid 3px var(--accent5); }

.share-tags, .single-post h3.comments-title, .authors-bios { border-top: solid 3px var(--accent1); }
.single-post .author-bio { text-align: left; }
.tags { margin-bottom: 30px !important; }

@media only screen and (max-width: 700px) { 
    .single-post #cw-accordion li, .tags, .share { 
        display: block; 
        width: 100%; 
    }
    .single-post h3.comments-title, .single-post .tags, .single-post .authors-bios, .single-post .share { text-align:center; padding-top: 5px; margin-top: 15px; margin-bottom: 10px; }
    .share-tags { border:0px; }
    .share, .tags { border-top: solid 3px var(--accent1); }
    .single-post .tagcloud a { float:none; }
    .single h3.section-head { margin-bottom: 15px; }
}




/* comments */

ol.comment-list { 
    list-style: none;
}

ul.children { 
    list-style: none;
    padding-left: 40px !important; 
    border-left: 3px solid var(--accent4);
}

ol.comment-list .comment-body {
    margin: 45px 0px;
}

.comment-author-info {
    display: inline-block; 
    padding-left: 15px; 
}

.comment-meta {
    margin: 5px 0px; 
}

@media only screen and (max-width: 600px) { 
    ol.comment-list { 
        margin-left: 0px;
    }
    ul.children { 
        padding-left: 25px !important; 
    }
}

    
/* author pages */

.author .avatar-50 { display: none; }

.author .icon { 
    font-size: 40px;
    clear: both;
    width: 100%;
}

.author-av {
    display:inline-block; 
    float:left;
}

.author .author-av {
    width:160px; 
}

.single .author-av {
    width:110px; 
}

.single .author-av img { width: 95px !important; height: 95px !important; }

.author-text {
    display: block; 
}
.author .author-text {
    margin-left: 175px;
}

.single .author-text {
    margin-left: 115px;
}

.single .author-name .fn { float:left; }

.author .author-name > span, .socialicons {
    float:right; 
    vertical-align:baseline;
}

ul.social-icons li { 
    list-style:none; 
}

.author-bio {
    margin-top: 15px; 
    display:inline-block;
}

.author .author-text .solid-button {
    margin-bottom:30px;
}


@media only screen and (max-width: 600px) { 
    .author-av { 
        display: block !important; 
        float:none !important; 
        text-align: center; 
        width: 100% !important; 
    }
    .single .author-av img { 
        width: initial !important;
        height: initial !important;
    }
    .author-name > span { 
        display: block !important;
        float: none !important; 
        text-align: center;
    }
    .author-name li { 
        float: none; 
        display: inline; 
        margin: 0px; 
    }
    .author-bio p { display: block; }
    .author-text { margin-left: 0px !important; }    
}
/* attachment pages */

.single-attachment .attachment-large { border-top: 3px solid var(--accent1); }

.single-attachment #content { padding-bottom: 50px; }

#desc.icon::before { display:block; color: var(--accent1); font-size: 40px; margin-left:auto;margin-right:auto;margin-bottom:5px;margin-top: 15px;}
#desc.icon { display:block; color: black !important; }

/* pagination  */

.pagination, .nav-links { 
    border-bottom: 1px solid var(--accent4);
    margin-bottom: 40px;
    font-variant: small-caps;
    font-size: 15px;
    font-family: sans-serif;
    text-align:center;
}

.pagination.pagination-bottom, .nav-links { border-top: 1px solid var(--accent4); border-bottom: 0px; }
.prev.page-numbers, .next.page-numbers { padding: 0px 15px; }
.pagination-current { padding: 0px 25px; }

/* honor roll suggestion form pagination*/

.frm_primary_label { 
    font-weight: bold !important; 
    padding-top: 30px !important; 
    font-size: 17px !important; 
}

@media only screen and (max-width: 700px) { 
    .frm_half { 
        width: 100%; 
        grid-column-start: span 12 !important;
        grid-column-end: span 12 !important; 
    }
}

.frm_submit .frm_button_submit { 
    border-radius: 0px !important; 
    width: 200px !important; 
    font-family: 'Source Serif Pro' !important;
    font-size: 18px !important;
}

.frm_submit { 
    text-align: center !important; 
}

.wp-block-group__inner-container, .wp-block-group.graybox { 
    padding: 10px 15px 5px 15px !important; 
}

.graybox.frm_html_container { 
    color: black !important; 
    margin-left: 40px; 
    margin-right: 40px; 
    font-size: 16px !important; 
}

.page-id-6768 .gb-icon { 
    padding-bottom: 3px; 
    padding-top:15px; 
}

.frm_description, .frm_radio label { 
    font-size: 15px !important; 
}

.frm_form_field input, .frm_form_field textarea, .searchandfilter select.sf-input-select, .searchandfilter .sf-field-search input, .select2-container--default .select2-selection--multiple { 
    border-radius: 0px !important; 
    border: solid 2px var(--accent1) !important; 
}

.searchandfilter select.sf-input-select, .searchandfilter .sf-field-search input, .select2-container--default .select2-selection--multiple {
    background: none !important;
}

.searchandfilter select.sf-input-select.currentlyselected { background: var(--accent1) !important; color: white !important; }
.searchandfilter select.sf-input-select.currentlyselected .sf-level-0 { background: white !important; color: black !Important;}
.marg-unselected { height: 49px !important; }
.marg-unselected .select2-selection__rendered { padding-left: 18px !important; }


.frm_form_field input[type="text"] { height: 40px !important; }

.frm_radio input[type="radio"], .sf-input-radio { 
    -webkit-appearance: none !important;
    width: 13px !important;
    height: 13px !important;
    border: solid 2px var(--accent1) !important; 
    border-radius: 15px !important;
    background-color: white !important;
    box-shadow: none !important;
}

.frm_radio input[type="radio"]:checked, .sf-input-radio:checked { 
    background-color: var(--accent1) !important; 
    height: 13px !important; 
    width: 13px !important; 
    border: 0px !important; 
    border-radius: 15px !important; 
}

.sf-input-checkbox[type="checkbox"] {
    -webkit-appearance: none !important;
    width: 13px !important;
    height: 13px !important;
    border: solid 2px var(--accent1) !important; 
    border-radius: 0px !important;
    background-color: white !important;
    box-shadow: none !important;
}
.sf-input-checkbox[type="checkbox"]:checked {
    background-color: var(--accent1) !important; 
    height: 13px !important; 
    width: 13px !important; 
    border: 0px !important; 
    border-radius: 0px !important; 

}


/* accessibility */

.a11y-toolbar-widget li { 
    display: inline !important;
} 

.a11y-toolbar-widget li button span { 
    font-family: Open Sans, Arial, sans-serif;
    text-transform: lowercase; 
    font-variant: small-caps; 
    font-size: 16px; 
}

.a11y-toolbar-widget button { 
    background-color: inherit !important; 
    padding: 0px 10px !important; 
}

.a11y-toolbar-widget ul { margin: 0px;
    text-align: right; 
}

@media only screen and (max-width: 500px) { 
    .a11y-toolbar-widget button { padding: 2px 5px !important; }  
}

.inside-top-bar.grid-container { padding: 2px 10px; }
.top-bar { background-color: var(--main2) !important; }
.top-bar .inside-top-bar { display:block !important; text-align:right; }
#wp_accessibility_toolbar-2 { margin: 0; }
.page:not(.home) .inside-page-hero.grid-container.grid-parent,
.single .inside-page-hero.grid-container.grid-parent,
.author .inside-page-hero.grid-container.grid-parent { padding-top: 30px !important; }

@media only screen and (max-width: 400px) { 
#main-top > .gb-inside-container { padding-top: 280px !important; }
.site-logo, #mobile-menu-control-wrapper, #mobile-menu-control-wrapper > .menu-toggle { width: 100% !important; height: 100px !important; }
.single .inside-page-hero.grid-container.grid-parent { padding-top: 50px !important; }
.site-logo { text-align: center; }
}

.slideout-navigation.main-navigation { background-color: var(--main2) !important; }
.slideout-navigation.main-navigation .main-nav ul li:hover > a,
.slideout-navigation.main-navigation .main-nav ul li:focus > a,
.slideout-navigation.main-navigation .main-nav ul li.sfHover > a,
.slideout-navigation.main-navigation .current-menu-item a { background: none !important; }
.site-logo { padding-left: 0px; }

#sticky-navigation { margin-top: 0px !important; padding-bottom: 5px !important; background-color: var(--main2) !important; border-bottom: solid 3px var(--accent1); }
#sticky-navigation .menu.sf-menu { padding-top: 0px !important; }
#sticky-navigation .inside-navigation.grid-container { height: 35px !important; }
#sticky-navigation .menu.sf-menu { position:relative; top:5px; }
.admin-bar #sticky-navigation .menu.sf-menu { padding-top: 25px !important; }
.admin-bar #sticky-navigation .inside-navigation.grid-container { height: 60px !important; }
#sticky-navigation #primary-menu { margin: 0px auto; }

@media only screen and (max-width: 700px) { 
    #sticky-navigation {
        height: 45px !important;
    }
    #sticky-navigation .gp-icon.icon-menu-bars { position:relative; top:-15px; }
}




.dikl-contact { 
    height:40px; 
    width:100%; 
    text-align: center; 
}

.dikl-contact li a:before, .dikl-contact svg { 
    color: var(--accent1) !important;
    font-size:26px;
}

#footer .dikl-contact { 
    display: inline-block; 
    width: initial;
    text-align: initial;
}

#footer .dikl-contact .email { 
color: white !important;
} 

.dikl-contact li { 
    padding: 10px 10px; 
}

.dikl-contact .icon-goodreads:before { 
    padding-top: 2px; 
}

.graybox.contact { 
    padding-top: 30px !important; 
    padding-bottom: 45px !important; 
    position:relative;
    margin-top: -40px;
}



/* backgrounds  */

#global-header {
    background-color: var(--main4) !important;
    background-image: none !important;
    position: relative;
    background-size: cover;
}

#global-header::before {
    content: '';
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.15 !important; 
}

#main-middle:before { 
    opacity: 0.15 !important; 
    background-size: cover;
}
   
#global-header.hr-header:before {  
    background-size: cover !important;
}

#hr-single-middle:before { 
    content: "";
    background-image: url(//disabilityinkidlit.com/test/wp-content/uploads/mainbig7-scaled.jpg) !important;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;   
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.2;
}

#footer::before { 
    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_289568558-scaled.jpg) !important;
    background-size: cover;
    background-position: 75% 45%;
}



    /* bg-1 */

        /* white girl w/Down's holding books */
            .bg-header-1 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/mainbig10.jpg) !important;
                background-position: 70% 50%;
                background-size: 40% !important;
            }

        /* Indian woman amputee */
        .bg-main-top-1 #main-top:before { 
            background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1276800829-2048x2048-1.jpg) !important;    
            background-position: 55% 75%;
        }
        @media only screen and (max-width: 600px) {
            .bg-main-top-1 #main-top:before { 
                /* white girl w down holding books */
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/mainbig10.jpg) !important; 
                background-position: 75% 50%;
            }
        }
    
        /* Indian arm amputee looking at phone */
            .bg-main-middle-1 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1276800829-2048x2048-1.jpg) !important;
                background-position: 50% 70%;
            }
            @media only screen and (max-width: 770px) {        
                .bg-main-middle-1 #main-middle:before { 
                    /* boy w/no legs in wheelchair */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/boy-wheelchair-scaled.jpg) !important;
                    background-position: 60% 50%;
                }
            }

        /* mixed boy reading braille */
            .bg-hr-header-1 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_1332165938-scaled.jpg) !important;
                background-position: 100% 25%;
                background-size: 80% !important;
            }   
            @media only screen and (max-width: 1500px) {
                .bg-hr-header-1 #global-header.hr-header:before { 
                    background-size: cover !important;
                    background-position: 70% 20%;
                }
            }
            @media only screen and (max-width: 600px) {
                .bg-hr-header-1 #global-header.hr-header:before { 
                    /* library overhead view */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_630402359-scaled.jpg) !important;
                    background-position: 45% 0%;
                    -moz-transform: scaleX(-1);
                    -o-transform: scaleX(-1);
                    -webkit-transform: scaleX(-1);
                    transform: scaleX(-1);
                    filter: FlipH;
                    -ms-filter: "FlipH";
                }
            }

        /* leg amputee on couch */
            .bg-hr-middle-1 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/couch-amputee.jpg) !important;
                background-position: 30% 50%;
            }       
            @media only screen and (max-width: 650px) {
                .bg-hr-middle-1 #hr-single-middle:before { 
                    /* girl blind in one eye */               
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/one-eye-blind.jpg) !important;
                    background-position: 65% 80%;
                }
            }

        /* leg amputee on couch */
            .bg-footer-1 #footer:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/couch-amputee.jpg) !important;
                background-position: 30% 50%;
            }       
            @media only screen and (max-width: 770px) {
                .bg-footer-1 #footer:before { 
                    /* white girl w down holding books */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/mainbig10.jpg) !important; 
                    background-position: 75% 50%;
                }
            }

            

    /* bg-2 */
    /* FULL UP */

        /* boy in store */
            .bg-header-2 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/store-boy1.jpg) !important;
                background-position: 38% 13%;
            }
            @media only screen and (max-width: 380px) {      
                .bg-header-2 #global-header { 
                    background-position: 60% 50%;
                }
            }

        /* blind woman w braille display */
            .bg-main-top-2 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/150541850_xl-scaled.jpg) !important;
                background-position: 40% 30%;
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }                
            @media only screen and (max-width: 600px) {
                .bg-main-top-2 #main-top:before { 
                    /* woman w albinism */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1184615016-2048x2048-1.jpg) !important;
                    background-position: 58% 50%;
                }
            }

        /* blind woman w braille device */
            .bg-main-middle-2 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/150541850_xl-scaled.jpg) !important;
                background-position: 40% 35%;
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }            
            @media only screen and (max-width: 770px) {
                .bg-main-middle-2 #main-middle:before { 
                    /* woman w albinism */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1184615016-2048x2048-1.jpg) !important;
                    background-position: 58% 50%;
                }
            }      
            
        /* boy w mask on bus */
            .bg-hr-header-2 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1263884442-2048x2048-1.jpg) !important;
                background-position: 70% 50%;
            }

        /* boy in store */
            .bg-hr-middle-2 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/store-boy1.jpg) !important;
                background-position: 30% 15%;
            }

        /* boy w mask on bus */
            .bg-footer-2 #footer:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1263884442-2048x2048-1.jpg) !important;
                background-position: 70% 50%;
            }
         

        
    /* bg-3 */

        /* mixed boy with hearing aid; wide version */
            .bg-header-3 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/test.jpg) !important;
            }
            @media only screen and (max-width: 380px) {      
                .bg-header-3 #global-header { 
                    background-position: 55% 50%;
                }
            }

        /* white girl blind in one eye */
            .bg-main-top-3 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/one-eye-blind.jpg) !important;
                background-position: 0% 80%;
            }
            @media only screen and (max-width: 900px) {
                .bg-main-top-3 #main-top:before { 
                    background-position: 60% 80%;
                }
            }  

        /* white kid w cane amid books */
            .bg-main-middle-3 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-183511450-2048x2048-1.jpg) !important;
                background-position: 45% 100%;
            }    
            @media only screen and (max-width: 770px) {
                .bg-main-middle-3 #main-middle:before { 
                    /* girl blind in one eye */               
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/one-eye-blind.jpg) !important;
                    background-position: 65% 80%;
                }
            }            

        /* white boy w cane and book stacks */
            .bg-hr-header-3 #global-header.hr-header:before {  
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-183511450-2048x2048-1.jpg) !important;
                background-position: 50% 70%;
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }


        /* boy w hearing aid */
           .bg-hr-middle-3 #hr-single-middle:before { 
            background-image: url(//disabilityinkidlit.com/test/wp-content/uploads/mainbig7-scaled.jpg) !important;
            background-size: 80%;
            background-position: 50% 45%;
        }
        @media only screen and (max-width: 1200px) {
            .bg-hr-middle-3 #hr-single-middle:before { 
                background-size: cover;
            }
        }

        /* boy w cane and book stacks */
            .bg-footer-3 #footer:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-183511450-2048x2048-1.jpg) !important;
                background-position: 48% 85%;
            }


    /* bg-4 */

        /* fat girl in library, wide version */
            .bg-header-4 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background02-wide.jpg) !important;
                background-position: 60% 20%;
            }
            @media only screen and (max-width: 380px) {            
                .bg-header-4 #global-header { 
                    background-position: 60% 50%;
                }
            }
        /* Asian boy in wheelchair looking at books */
            .bg-main-top-4 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/dikl-1-scaled.jpg) !important; 
                background-position: 68% 35%;
            }

        /* Asian boy in wheelchair looking at books */
            .bg-main-middle-4 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/dikl-1-scaled.jpg) !important; 
                background-position: 65% 100%;
            }

        /* woman w albinism */
            .bg-hr-header-4 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1184615016-2048x2048-1.jpg) !important;
                background-position: 57% 40%;
            }

        /* kid with trach */
             .bg-hr-middle-4 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-598930382-2048x2048-1.jpg) !important;
                background-size: 70%;
            }
            @media only screen and (max-width: 500px) {
                .bg-hr-middle-4 #hr-single-middle:before { 
                    background-position: 65% 50%;
                }
            }
            @media only screen and (max-width: 1200px) {
                .bg-hr-middle-4 #hr-single-middle:before {
                    background-size: cover;
                }    
            }

        /* fat girl in library, wide version */
            .bg-footer-4 #footer:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background02-wide-flip.jpg) !important;
                background-position: 30% 40%;
            }


    /* bg-5 */

        /* black woman in library */
            .bg-header-5 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/library-shelves.jpg) !important;
                background-position: 0% 0%;
            }
                
        /* white girl with prosthetic arm on bed */
            .bg-main-top-5 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background04.jpg) !important;
                background-position: 30% 10%;
            }            
            @media only screen and (max-width: 950px) {
                .bg-main-top-5 #main-top:before { 
                    background-position: 30% 50%;
                }
            }
            @media only screen and (max-width: 700px) {
                /* Indian girl with headphones */
                .bg-main-top-5 #main-top:before { 
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background03-wide.jpg) !important;
                    background-position: 75% 45%;
                }
            }   

        /* white girl with prosthetic arm on bed */
            .bg-main-middle-5 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background04.jpg) !important;
                background-position: 80% 10%;
            }
            @media only screen and (max-width: 600px) {
                .bg-main-middle-5 #main-middle:before { 
                    /* black boy in wheelchair with books on lap */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background08.jpg) !important;
                    background-position: 65% 60%; 
                }
            }        
        
        /* white queer teen */
            .bg-hr-header-5 #global-header.hr-header:before { 
            background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/queer-teen-book-scaled.jpg) !important; 
            background-position: 45% 70%;
        }

        /* hijabi in wheelchair */
            .bg-hr-middle-5 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background07.jpg) !important;
                background-position: 95% 20%;
            }     

        /* Black woman in library */
            .bg-footer-5 #footer::before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/library-shelves.jpg) !important;
                background-position: 27% 10%;
            }    


    /* bg-6 */

        /* white girl in power chair */
            .bg-header-6 #global-header.regular-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background05.jpg) !important;
                background-position: 60% 40%;
            }
        
        /* mixed boy reading braille */
            .bg-main-top-6 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_1332165938-scaled.jpg) !important;
                background-position: 100% 25%;
            }   
            @media only screen and (max-width: 900px) {
                .bg-main-top-6 #main-top:before { 
                    background-position: 70% 20%;
                }
            }
            @media only screen and (max-width: 600px) {
                .bg-main-top-6 #main-top:before { 
                    /* Latina girl w down */
                    background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1140883066-2048x2048-1.jpg) !important;
                    background-position: 50% 50%;
                }
            }

        /* Latina girl with Down's happily looking up from book */
            .bg-main-middle-6 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1140883066-2048x2048-1.jpg) !important; 
                background-position: 50% 75%;
            }
        

        /* happy Latina girl w down's */
            .bg-hr-header-6 #global-header.hr-header:before {  
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-1140883066-2048x2048-1.jpg) !important; 
                background-position: 50% 45%;
                background-size: 70% !important;
            }

        /* hijabi reading book and smiling */
            .bg-hr-middle-6 #hr-single-middle:before,
            .bg-footer-6 #footer:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/yellowbg.jpg) !important;
                background-position: 40% 70%;
                background-size: 55%;
            }
            @media only screen and (max-width: 1100px) {
                .bg-hr-middle-6 #hr-single-middle:before,
                .bg-footer-6 #footer:before {
                    background-size: cover;
                }
            }

    /* bg-7 */

        /* white boy with walker */
            .bg-header-7 #global-header:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background06-wide.jpg);
                background-position: 75% 0%;
            }
      
        /* Black girl in wheelchair in front of bookshelves */
            .bg-main-top-7 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/2020/10/mainbig2-e1603217563650.jpg) !important;
                background-position: 70% 55%;
            }
            
        /* white kid with trach */
            .bg-main-middle-7 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/istockphoto-598930382-2048x2048-1.jpg) !important; 
                background-position: 60% 80%;
            }

        /* Black girl in wheelchair in front of bookshelves */
            .bg-hr-header-7 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/2020/10/mainbig2-e1603217563650.jpg) !important;
                background-position: 70% 55%;
            }

        /* Asian girl in hospital bed */
             .bg-hr-middle-7 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_289568558-scaled.jpg) !important;
                background-size: cover;
                background-position: 75% 45%;
            }  

        /* Asian girl in hospital bed */
             .bg-footer-7 #footer::before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_289568558-scaled.jpg) !important;
                background-position: 75% 45%;
            }    


    /* bg-8 */

        /* Black girl in bed; wide version */
            .bg-header-8 #global-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background01-wide.jpg) !important;
                background-position: 50% 30%;
            }
     
        /* hijabi in wheelchair */
            .bg-main-top-8 #main-top:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background07.jpg) !important;
                background-position: 80% 0%;
            }

        /* white queer teen */
            .bg-main-middle-8 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/queer-teen-book-scaled.jpg) !important; 
                background-position: 45% 70%;
            } 
    
        /* white girl in powerchair */
            .bg-hr-header-8 #global-header.hr-header:before {  
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background05.jpg) !important;
                background-position: 60% 70%;
            }
            @media only screen and (max-width: 1600px) {
                .bg-hr-header-8 #global-header.hr-header:before {  
                    background-size: cover !important;
                }
            }
        
        /* Indian girl w headphones */
            .bg-hr-middle-8 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background03-wide.jpg) !important;
                background-position: 75% 45%;
            }

        /* black girl in bed */
            .bg-footer-8 #footer:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background01.jpg) !important;
                background-position: 50% 65%;
            }

    /* bg-9 */

        /* library overhead view; bg-10 is placeholder */
            .bg-header-9 #global-header.regular-header:before,
            .bg-header-10 #global-header.regular-header:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_630402359-scaled.jpg) !important;
                background-position: 0% 0%;
            }

        /* girl with oxygen mask */
            .bg-main-top-9 #main-top:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/asthma1-scaled.jpg);
                background-position: 100% 50%;
                -moz-transform: scaleX(-1);
                -o-transform: scaleX(-1);
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
                filter: FlipH;
                -ms-filter: "FlipH";
            }
            @media only screen and (max-width: 850px) {
                .bg-main-top-9 #main-top:before {
                    background-position: 50% 50%;
                }
            }
            
        /* girl with oxygen mask */
            .bg-main-middle-9 #main-middle:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/asthma1-scaled.jpg);
                background-position: 50% 70%;
            }

        /* boy w no legs in wheelchair */
            .bg-hr-header-9 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/boy-wheelchair-scaled.jpg);
                background-position: 54% 60%; 
            }

        /* boy w no legs in wheelchair */
            .bg-hr-middle-9 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/boy-wheelchair-scaled.jpg) !important;
                background-position: 30% 45%;
            }

        /* library overhead view; bg-10 is placeholder */
            .bg-footer-9 #footer:before,
            .bg-footer-10 #footer:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/shutterstock_630402359-scaled.jpg) !important;
                background-position: 50% 0%;
            }   

    /* bg-10 */

        /* white boy with walker */
            .bg-main-top-10 #main-top:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background06.jpg);
                background-position: 65% 90%;
            }

        /* mixed boy with hearing aid; wide version */
              .bg-main-middle-10 #main-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/test.jpg) !important;
                background-position: 55% 50%;
            }

        /* black boy in wheelchair with books on lap */
            .bg-hr-header-10 #global-header.hr-header:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background08.jpg);
                background-position: 54% 60%; 
            }

        /* white girl in power chair */
            .bg-hr-middle-10 #hr-single-middle:before { 
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background05.jpg) !important;
                background-position: 60% 45%;
            }

        /* if both header and footer are library overview, replace w Black girl in bed */
            .bg-footer-9.bg-header-10 #footer:before,
            .bg-footer-10.bg-header-9 #footer:before {
                background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/background01.jpg) !important;
                background-position: 50% 65%;
            }  


    /* TBD */        
        /* girl w/Down's hugging book */
           .bg-hr-middle-xx #hr-single-middle:before { 
            background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/imago0101804959w.jpg) !important;
            background-position: 50% 40%;
        }
         .bg-footer-xx #footer:before { 
            background-image: url(https://disabilityinkidlit.com/test/wp-content/uploads/imago0101804959w.jpg) !important;
            background-position: 60% 45%;
        }