/*
 Theme Name:   A Book And A Hug
 Theme URI:    https://abookandahug.com
 Description:  Divi Child Theme
 Author:       Mike Costanzo
 Author URI:   http://costanzostudios.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/

@font-face {
	font-family: "Noto Serif";
	src: url(fonts/NotoSerif-Regular-webfont.eot);
	src: url(fonts/NotoSerif-Regular-webfont.eot?iefix) format('eot'),
	     url(fonts/NotoSerif-Regular-webfont.woff) format('woff'),
	     url(fonts/NotoSerif-Regular-webfont.ttf) format('truetype'),
	     url(fonts/NotoSerif-Regular-webfont.svg#webfont) format('svg');
}
@font-face {
	font-family: "Noto Serif";
	src: url(fonts/NotoSerif-Bold-webfont.eot);
	src: url(fonts/NotoSerif-Bold-webfont.eot?iefix) format('eot'),
	     url(fonts/NotoSerif-Bold-webfont.woff) format('woff'),
	     url(fonts/NotoSerif-Bold-webfont.ttf) format('truetype'),
	     url(fonts/NotoSerif-Bold-webfont.svg#webfont) format('svg');
	font-weight: bold;
}
@font-face {
	font-family: "Noto Serif";
	src: url(fonts/NotoSerif-Italic-webfont.eot);
	src: url(fonts/NotoSerif-Italic-webfont.eot?iefix) format('eot'),
	     url(fonts/NotoSerif-Italic-webfont.woff) format('woff'),
	     url(fonts/NotoSerif-Italic-webfont.ttf) format('truetype'),
	     url(fonts/NotoSerif-Italic-webfont.svg#webfont) format('svg');
	font-style: italic;
}
@font-face {
	font-family: "Noto Serif";
	src: url(fonts/NotoSerif-BoldItalic-webfont.eot);
	src: url(fonts/NotoSerif-BoldItalic-webfont.eot?iefix) format('eot'),
	     url(fonts/NotoSerif-BoldItalic-webfont.woff) format('woff'),
	     url(fonts/NotoSerif-BoldItalic-webfont.ttf) format('truetype'),
	     url(fonts/NotoSerif-BoldItalic-webfont.svg#webfont) format('svg');
	font-weight: bold;
	font-style: italic;
}

body {
font-family: Noto Serif, Times New Roman, serif;
}

img#logo {
    min-height: 122px !important;
    max-height: 122px !important;
    margin: 10px 20px 10px 0;
}

h4.widgettitle {
font-size: 21px;
font-weight: bold;
color: #555;
}

h4.jrFilterName {
font-size: 15px;
}


/***************************************/
/*----------TOP NAV SEARCH-------------*/
/***************************************/

.jreviews-header-search {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
input[type=text].off-we-go {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    width: 300px;
    margin: auto;
    border: none;
    color: #333;
    background: transparent;
}


.off-we-go-searching .et_pb_widget {
width: 100% !important;
}

.home-page-banner-row {
z-index: 999;
}

.home-page-banner-row h4 {
    line-height: 1.4em;
}

.home-page-banner-row a {
color: #ffffff;
}
.home-page-banner-row h3.jrWidgetTitle {
display: none;
}

.home-page-banner-row .jrForm input[type=text] {
    padding: 3px 10px 3px 2px;
}

.home-page-banner-row .seventy-five span {
    font-size: 1.3em;
    line-height: 35px;
}
.searchbar-container { 
  position: relative; 
  height: auto;
  border-top: 0;
}

.searchbar-container [type="checkbox"] {
  position: absolute;
  left:  -9999px;	
}

.searchbar-container label {
  color: #000000;
  display: grid;
  width: 100px;
  height: 50px;
  padding: 30px 0;
  cursor: pointer;
  position: absolute;
  margin-top: 25px;
  left: 46%;
}

.home-page-banner-row .searchbar-container label {
  margin-top: 40px;
}

.searchbar-container label:before, .searchbar-container label:after {
	position: relative;
}

.searchbar-container label:before {
  content: url(https://abookandahug.com/wp-content/themes/bookandahug/images/searchbar-down-arrow.svg);
}

.searchbar-container input[type="checkbox"] ~ div {
	display: none !important;
}

/* SEARCHBAR CHECKED STATE STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.searchbar-container [type="checkbox"]:checked ~ div {
  display: block !important;
} 

.searchbar-container [type="checkbox"]:checked + label {
  position: absolute; 
  left: 50%;
  display: none;
}

.searchbar-container [type="checkbox"]:checked + label:before {
  content: 'Less';
}

.searchbar-button {
font-size: 18px;
color: #2f87ab;    
border-color: #2f87ab;
    border-radius: 8px;
    position: relative;
    padding: 0.3em 1em;
    border: 2px solid #2f87ab;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: transparent;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    font-family: Noto Serif, Times New Roman, serif;
    font-size: 18px;
    cursor: pointer;
}

.home-page-banner-row .searchbar-button {
    color: #d32323;
    border-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 8px;
    position: relative;
    padding: 0.3em 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #ffffff;
    font-weight: 700;
    line-height: 1.7em !important;
    font-family: Noto Serif, Times New Roman, serif;
}

/*-----------MISC-----------*/

.et_password_protected_form {
	margin: 50px auto 100px;
    max-width: 1080px;
    padding: 0px 50px;
}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
    padding: 0 0 23px 3em;
}

ul li ul li {
	list-style: circle;
}

.page-id-32844 .container div#left-area {
width: 100%;
margin-bottom: 40px;
} 

.page-id-32844 .container div#sidebar {
display: none;
}

p#shoutout {
    font-size: 14px;
color: #444;
}

p#shoutout a {
color: #777;
}

#conferences-form .et_pb_contact p input, #conferences-form .et_pb_contact p textarea {
    background-color: #fff;
border-radius: 6px;
}

#conferences-form  .et_pb_contact_right {
color: #fff;
}


.wp-pagenavi {
	text-align: center;
}
#magenta-tab {
    margin-left: -650px;
    width: 1000px;
    border-radius: 20px;
    height: 100px;
    margin-bottom: -63px;
background: #7798ba;
}

#green-tab {
    margin-left: -750px;
    width: 1000px;
    border-radius: 20px;
    height: 100px;
    margin-bottom: -63px;
background: #b1701c;
}

.jrsearch-accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    border: none;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: 0px auto;
}

button.jrsearch-accordion.active, button.jrsearch-accordion:hover {
    background-color: #ddd;
}

div.jrsearch-accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

ul.blue-tags li {
    background: #3087ab;
    display: inline-block;
    padding: 7px 18px;
    border-radius: 8px;
    margin: 6px;
    color: #fff;
}

ul.blue-tags li:hover {
    background: #41a1c9;
}

ul.blue-tags li a {
    color: #fff;
}

.ui-dialog {
z-index: 99999;
}

div.text-shadow {
text-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.white-stroke-top {
    position: absolute;
}

.white-stroke-bottom {
    position: absolute;
    bottom: 0px;
}

.home-page-searchbar {
display: inline-block;
}

.home-page-searchbar input .jrKeywords {
    width: 60% !important;
}

/*----WP-TEST STYLES---*/
.wpt_test .answer input {
    margin-right: .9em;
    width: 2.5%;
    height: 1.3em;
}

.wpt_test .answer label {
    margin-bottom: 10px;
}

.wpt_test .question .title {
    margin-bottom: 10px;
}

.wpt_test .button {
    background-color: #d3234c;
    color: #fff;
    border: none;
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 8px;
    margin: 0px auto;
    display: inherit;
}

.wpt_test .post-meta {
display: none;
}

.wpt_test .content {
margin-bottom: 30px;
}

div.results .scores {
color: #ffffff;
}

div.scale-slug-the-jokester.meter {
background-color: #e6cebd !important;
}
div.scale-slug-the-teamplayer.meter {
background-color: #d1dade;
}
div.scale-slug-the-champion.meter {
background-color: #cbd6c8;
}
div.scale-slug-the-investigator.meter {
background-color: #cec2b6;
}



div.scale-slug-the-jokester span {
background-color: #e28a4f !important;
}

div.scale-slug-the-teamplayer span {
background-color: #71a9c0 !important;
}

div.scale-slug-the-champion span {
background-color: #597f5a !important;
}

div.scale-slug-the-investigator span {
background-color: #b29980 !important;
}

.keywordsFilterInput {
    font-size: 18px;
    padding: 10px 20px;
    width: 90%;
    display: block;
    margin: 20px 0;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 6px;
}




/*******************/
/*--MOBILE STYLES--*/
/*******************/

@media (max-width: 580px) {
div#sidekick-banner {
    padding: 30px 0;
background-image: url(//abookandahug.com/wp-content/themes/bookandahug/images/background-01.jpg);
}
.device-load-helper .jr-results .jrModuleItem:nth-child(n+5) {
display: none;
}
.tabs-load-helper .jr-results .jrModuleItem:nth-child(n+3) {
display: none;
}
input[type=text].off-we-go {
display: none;
}
span#et_search_icon {
display: none;
}
}

@media (min-width: 681px) and (max-width: 767px) {
.jr-module-slider-responsive .jrModuleItems .jrModuleItem.jrLastItem {
    width: 50%!important;
}
}

@media (min-width: 581px) and (max-width: 767px) {
.device-load-helper .jr-results .jrModuleItem:nth-child(n+5) {
display: none;
}
.tabs-load-helper .jr-results .jrModuleItem:nth-child(n+3) {
display: none;
}
}

@media (min-width: 768px) and (max-width: 980px) {
.jr-module-slider-responsive .jrModuleItems .jrModuleItem.jrLastItem {
    width: 33% !important;
}
.device-load-helper .jr-results .jrModuleItem:nth-child(n+7) {
display: none;
}
.tabs-load-helper .jr-results .jrModuleItem:nth-child(n+4) {
display: none;
}
}

@media (min-width: 1151px) and (max-width: 1279px) {
.et_pb_tabs_controls li {
    padding: 5px 20px 3px;
}
}

@media (min-width: 881px) and (max-width: 1279px) {
.kids-reading-under-tree {
margin-top: 60px !important;
}
}


@media (min-width: 1280px) {
.kids-reading-under-tree {
margin-top: -150px !important;
}
}


@media (min-width: 881px) {
.seventy-five {
width: 84%;
display: block;
padding: 5px 20px;
float: left;
}
.seventy-five input {
width: 95% !important;
}
.twenty-five {
width: 16%;
display: block;
overflow: hidden;
}
}

@media (max-width: 880px) {
.searchbar-button {
    margin: 20px auto;
    display: block;
}
.searchbar-container label {
  margin-top: 50px!important;
}
}

@media (min-width: 981px) {
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    width: 21%;
	margin-right: 4%;
	}
div#sidekick-banner {
padding: 50px 0;
background-image: url(//abookandahug.com/wp-content/themes/bookandahug/images/background-03.jpg);
}
#magenta-tab {
    margin-left: -550px;
    height: 120px;
    margin-bottom: -75px;
}
#green-tab {
    margin-left: -650px;
    height: 120px;
    margin-bottom: -75px;
}
#main-content .container:before {
	display: none;
}
#show-on-980 {
display: none !important;
}
.home-page-banner-70 img {
width: 70% !important;
}
img#logo {
    min-height: 135px !important;
    max-height: 135px !important;
}
}

@media (min-width: 981px) and (max-width: 1155px) {
.home-page-banner-70 img {
width: 70% !important;
}
}
@media (min-width: 1156px) and (max-width: 1355px) {
.home-page-banner-70 img {
width: 60% !important;
}
}
@media (min-width: 1356px) and (max-width: 1655px) {
.home-page-banner-70 img {
width: 45% !important;
}
}
@media (min-width: 1656px) {
.home-page-banner-70 img {
width: 45% !important;
}
}


@media (max-width: 1150px) {
.et_pb_tabs_controls li {
    float: none;
}
}
@media (max-width: 980px) {
#hide-on-980 {
display: none !important;
}
.keywords-sidebar .et_pb_widget:nth-child(n) {
    width: 100% !important;
}
}

@media (min-width: 881px) {
.searchbar-container label {
  left: 46%
}
}

@media (min-width: 768px) and (max-width: 880px) {
.searchbar-container label {
  left: 45%
}
}

@media (max-width: 767px) {
.searchbar-container label {
  left: 45%
}
}

@media (max-width: 680px) {
.jrListingMainImage {
margin: 0px auto;
}
}


@media (min-width: 581px) and (max-width: 767px) {
input[type=text].off-we-go {
    width: 180px !important;
}
}

@media (min-width: 581px) and (max-width: 980px) {
.footer-widget:nth-child(n), #footer-widgets .footer-widget, .et_pb_gutters1 #footer-widgets .footer-widget {
    width: 46.25% !important;
    margin: 0 7.5% 7.5% 0 !important;
}
div#sidekick-banner {
background-image: url(//abookandahug.com/wp-content//themes/bookandahug/images/background-02.jpg);
    padding: 50px 0;
}
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
}
}

@media (min-width: 320px) and (max-width: 580px) {
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 175px;
    padding-bottom: 20px;
}
}

@media (min-width: 481px) and (max-width: 980px) {
/*.keywords-sidebar .jrFieldsModule.jrHorizontalLayout ul li {
    width: 48%;
}*/
.keywords-sidebar .et_pb_widget ul {
-webkit-column-count: 2!important;
-moz-column-count: 2!important;
column-count: 2!important;
}
}

@media (max-width: 480px) {
/*.keywords-sidebar .jrFieldsModule.jrHorizontalLayout ul li {
    width: 100%;
}*/
.keywords-sidebar .et_pb_widget ul {
-webkit-column-count: 1!important;
-moz-column-count: 1!important;
column-count: 1!important;
}
}

@media (max-width: 319px) {
img#logo {
margin-top: -20px;
}
}

@media (max-width: 1199px) {
.jrFiltersPanel {
    z-index: 99999 !important;
}
}

div#sidekick-banner {
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: 100%;
-moz-background-size: cover;
background-size: 100%;
background-size: cover;
}

.ds-vertical-align { 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important;
}



/*-----FULLWIDTH WIDGETS------*>
.fullwidth-widget-area-1 .widget_jreviewsadvsearchwidget {
width: 100%!important;
}



/*------TABS--------*/
.et_pb_tabs_controls li.et_pb_tab_active {
    margin: -10px 0 0 -1px;
    border-radius: 8px 8px 0 0;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}
.et_pb_tabs_controls li.et_pb_tab_active {
    padding: 9px 30px 9px;
}

.et_pb_tabs_controls li {
    padding: 5px 15px 3px;
}

.powered-by-sumo {
display: none !important;
}

/*--------SIDEBARS----------*/
#left-searchbar {
margin-top: -10px;
padding: 20px;
background: #eee;
border-radius: 4px;
}

.keywords-sidebar, .keywords-sidebar .et_pb_widget {
width: 100% !important;
}

.keywords-sidebar .et_pb_widget ul {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

.keywords-sidebar .et_pb_widget li {
text-align: left;
/*width: 33%;
float: left;*/
}

form.list-item-filter-plugin input[type="search"] {
    background-image: none !important;
}




.entry-content tr td.avatar, body.et-pb-preview #main-content .container tr td.avatar {
    padding: 0.857em 0.587em;
}