/* Overall */
body {
	margin: 0px; padding: 0px; font-family: EagleLight; font-style: normal; font-stretch: normal; text-align: center;  font-size: 1.0em;
	color: #065379;
	}
h1, h3, h4, h5, h6 { font-family: EagleBook; font-style: normal; font-stretch: normal; font-weight: normal; }
h2 { font-family: EagleBook; font-style: normal; font-stretch: normal; font-weight: normal; }
h3 { font-size: 32px; margin: 50px auto 10px;}
h4 { color: #0e6490; text-transform: uppercase; margin: 5px 0;}
h6 { margin: 0 0 5px; color: #005c8a; }
img { border: 0px; }
a, a:hover { text-decoration: none; }
a, a:hover .authorCarousel { color: #005c8a; /*transition: all .5s ease;*/}
a:hover { color: #25a7d7; }
.viewAll { padding: 20px 0 0px; text-align: center; }
.viewAll a { font-family: EagleBook; text-decoration: underline; display: inline-block; padding: 5px 12px; }
nav .viewAll, nav .viewAll a { padding: 0px; }
nav .narrow .viewAll a { padding-right: 25px; }
#weRecommend .viewAll { padding: 20px 0 40px; }
.threeLines {
	font-family: WarnockLight;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
.book-card .threeLines { font-family: EagleLight; }
.featText .threeLines b, .featText .threeLines strong { font-weight: 400; }
.featText .threeLines { margin-top: 20px; }

#content { overflow: hidden; }
.contentWidth { margin: 0 auto; width: 86%; }
.contentBleedRight { margin: 0 0 0 7%; width: 93%;  }
.flexible-content { padding: 20px 5% 30px; font-family: EagleLight;  margin: 25px 7%; background-color: #f2f7f9; }
.flexible-content .boxheader { font-family: EagleBook; margin-bottom: -15px; }
.flexible-content a.boxbutton {
	font-family: EagleBook; text-transform: uppercase; display: inline-block; margin: 0 auto; background-color: #005C8A; color: #FFF;
	padding: 20px 100px;
	}

/* Loading Spinner */
#loader { height: 100vh; }
.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left-color: #09f;
  animation: spin 1s linear infinite;
  margin: 0 auto;
 
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Header */
#mainLogo, #secondMenu { display: inline-block; vertical-align: middle;  }
#mainLogo { text-align: left; width: 29%;}
#secondMenu { text-align: right; width: 69%;}
#mainLogo a {
	background-image: url(images/RHCB_Logo_Horiz_4C.svg); display: block; color: transparent; width: 100%; height: 50px;
	background-size: contain; background-position: left top; background-repeat: no-repeat; 
}
.headerTop { padding: .8em 0; }
.headerBottom { padding: 11px 0 0; height: 62px; }
.headerBottom { background-color: #f2f7f9; position: relative; }

.bookSort { text-align: left; width: 74%;  }
.bookSearch { text-align: right; width: 24%;}
.bookSort, .bookSearch { display: inline-block; vertical-align: top; }
.secondNav a, .secondNav-m a {
	text-transform: uppercase;  
	font-family: EagleBook; font-style: normal; font-stretch: normal; font-weight: normal;
	}
.secondNav a {display: inline-block; margin-left: 4em;}
.secondNav-m a { display: block; margin: 20px 0 ; }
hr { border: 3px solid #005c8a; margin-bottom: 40px; }
.bookSearch label { display: none; }
.bookSearch .search-field {
	border-top-left-radius: 22px; border-bottom-left-radius: 22px; background-color: #FFF;
	padding: 10px 30px; border: 0px; font-family: EagleBook; color: #065379; width: 80%;
	position: relative; display: inline-block; vertical-align: top; height: 40px;
}
.bookSearch input::placeholder {
	color: #065379;
}
.bookSearch input:focus { outline: none; box-shadow: none; border: none;}
.bookSearch .search-submit {
	border-top-right-radius: 22px; border-bottom-right-radius: 22px; background-color: #065379;
	width: 48px; height: 40px;	
    position: relative; 
	display: inline-block; vertical-align: top; 
	border: 0px; 
}
.search-submit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('images/Functionality_Search.svg');
  background-size: 24px 24px;
  background-position: 9px center;
  background-repeat: no-repeat; 
  filter: brightness(0) invert(1);
  cursor: pointer; 
}
.resultsBox {
	margin: 0 10% 30px; padding: 15px 30px 15px 100px; border: 5px solid #FFF; color: #FFF; font-family: EagleBook;
	text-align: left; font-size: 110%; position: relative; 
}
.resultsBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('images/Functionality_Search.svg');
  background-size: 26px 26px;
  background-position: 20px 15px;
  background-repeat: no-repeat; 
  filter: brightness(0) invert(1);
  /*z-index: -1; */
}
.resultsBox form { position: relative; z-index: 9; }
.page-template-page-searchresults .titleBar {padding-bottom: 10px; }

.response { border: 2px solid #71a071; padding: 20px; background-color: #e6f6e6; border-radius: 8px; }
.response-error { border: 2px solid #a07171; padding: 20px; background-color: #fff4f4; border-radius: 8px;}

/* Navigation */
.main-nav { display: inline; }
.main-nav ul {
  list-style: none; padding: 0; margin: 0px; display: inline;
}
.main-nav li {
  display: inline; 
}
.main-nav li a, .breadOne {
	display: inline-block; vertical-align: top; border-bottom: 4px solid transparent;
}
.main-nav li .a-shell { padding: 0 1.1%; text-align: center; display: inline-block; }
.main-nav li a { padding: 15px 0; display: inline-flex;  align-items: center;  flex-direction: column; }
.breadOne { font-family: EagleBook; padding: 18px 2% 12px 0;}
.main-nav li .a-shell a:after {
  content: attr(data-text);
  font-family: EagleBold;
  opacity: 0;
  pointer-events: none;
  height: 0;
}
.main-nav li .a-shell a { letter-spacing: 0px; }
.main-nav li:hover .a-shell a { font-family: EagleBook; color: #005c8a; letter-spacing: 0px; }

.main-nav li .a-shell a { border-bottom: 4px solid transparent; height: 28px;}
.main-nav li .a-shell a:hover { border-bottom: 4px solid #005c8a;}

.dropdown-content {
  transition: all .5s ease;
  display: none; 
  position: absolute;
  background-color: #e5edf1;
  width: 100%; 
  z-index: 99;
  left: 0; 
  padding: 0px;
  top: 73px;
 border-bottom: 6px solid #0e6490;
}
.narrow {position: relative;}
.narrow .dropdown-content {
  width: 200px;
  text-align: left; 
  left: -50px; 
  padding: 25px 0 10px 25px;
  top: 62px;
}
.main-nav li:hover .dropdown-content {
  display: block;
}
.dropdown-content .col {
  display: inline-block; vertical-align: top; padding: 15px 5px 0 20px; margin: 0; width: 200px;
}
.dropdown-content .col.interestcol { width: auto; }
.dropdown-content .col.navFour { column-count: 4; width: calc(100% - 625px); }
.narrow .dropdown-content .col {
  width: 170px; padding: 0;
}
.dropdown-content .col a {
  padding: 3px 0; text-decoration: none;  display: block; border-bottom: 0px; 
  position: relative; page-break-inside: avoid; break-inside: avoid-column; margin-bottom: 7px; letter-spacing: .7px; }
  .dropdown-content .col.rightBox a {letter-spacing: 0px;}
.dropdown-content .col a:hover { font-family: EagleBook; color: #0e6490; letter-spacing: 0px; }
.dropdown-content .col a .h { opacity: 0;}
.dropdown-content .col a:hover .h { opacity: 1.0;}
/*.dropdown-content .col a:after {
  content: attr(data-text);
  font-family: EagleBook;
  opacity: 0;
  pointer-events: none;
  position: absolute; top: 0px; left: 0px; 
}
.dropdown-content .col a:hover:after {
    color: #005c8a; content: ''; opacity: 1.0;
	
}*/


.dropdown-content .col.rightBox a:after {content:'';}
.main-nav li .breadOne, .main-nav li .breadOne:hover,
.dropdown-content .col a:hover, nav .viewAll a, nav .viewAll a:hover {
	border-bottom: 0px; 
}
.dropdown-content .col .breadOne:hover { font-weight: normal;}
.dropdown-content .col .breadOne:hover:after { content: ''; }
.main-nav li .breadOne, .main-nav li .breadOne:hover { color: #0e6490; }

.dropdown-content .col.rightBox { text-align: center; width: 500px; }
.dropdown-content .col.rightBox .breadOne { text-align: left; }
.dropdown-content .col.rightBox a:hover:after { content:''; }
.dropdown-content .col.rightBox a:hover { color: #25a7d7; }
.dropdown-content .col.rightBox .breadOne:hover { color: #005c8a; }
.dropdown-content .col.rightBox a.rightbox-link { font-family: EagleBook; text-decoration: underline; }
.dropdown-content .col.rightBox h4 { text-transform: none; }

.colorBox { display: block; text-align: center; padding: 16px 10px 9px;  }
.colorBox img { height: 130px; width: auto; }

/* Home Feature */
#homeFeature {
	background-color: #005c8a; border-top: 6px solid #005481; height: 344px; 
}
.homeSix, .featureMiddle {  }
.homeSix { width: 250px;}
.homeSix img { width: 250px; height: auto; position: relative; z-index: 2; top: 30px;}
.homeSix.one img { border: 7px solid #f2e359; transform: rotate(2deg); }
.homeSix.two img { border: 7px solid #d68aa8; transform: rotate(-2deg); top: 100px; }
.homeSix.three img { border: 7px solid #cb454b; transform: rotate(2deg); }
.homeSix.four img { border: 7px solid #009dd7; transform: rotate(2deg); top: 100px; }
.homeSix.five img { border: 7px solid #d78856; transform: rotate(-2deg);  }
.homeSix.six img { border: 7px solid #7bbe6f; transform: rotate(2deg); top: 100px; }
.featureMiddle { margin: 0 auto; padding: 60px 80px;  }
.featureMiddle img { width: 130px; height: auto; }
.featureMiddle h1 { color: #FFF; margin: 15px 0; }

.parent-container { display: flex; justify-content: center;  width: 100%; height: 344px; }
.wide-child { width: auto; text-align: center; }
.centered-content {	white-space: nowrap; display: flex; }



/* Carousels */
.gallery-container { position: relative; width: 100%; overflow: hidden; }
.scrollable-gallery {
  display: flex; overflow-x: auto; justify-content: left;
  scroll-behavior: smooth; 
  scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
  gap: 3px;
}
.bkcount-5 .scrollable-gallery, .bkcount-4 .scrollable-gallery, .bkcount-3 .scrollable-gallery, .bkcount-2 .scrollable-gallery, .bkcount-1 .scrollable-gallery {justify-content: center; }
.scrollable-gallery::-webkit-scrollbar {  display: none; }
.scrollable-gallery img {
  flex: 0 0 auto; /* Prevents images from growing or shrinking, maintains original size */
  padding: 10px;
  width: auto; height: 250px; 
  scroll-snap-align: start; /* Aligns the start of the image to the start of the scroll container */
}
.alsoLike .scrollable-gallery img { height: 200px; }
.scrollable-gallery div.one {
  flex: 0 0 auto; /* Prevents images from growing or shrinking, maintains original size */
  padding: 10px 20px;
  width: 250px;
  scroll-snap-align: start; /* Aligns the start of the image to the start of the scroll container */
  white-space: wrap;
}
.scrollable-gallery div img {
	display: block; margin: 0 auto;
	 width: 240px; height: 240px; object-fit: contain; 
}
.scrollable-gallery div.onlyBook img { width: auto; }
.scrollable-gallery div.one:hover { position: relative; box-shadow: 0px 0px 5px #AAA;  }
.scroll-arrow {
  position: absolute; top: 50%; transform: translateY(-50%); background-color: #cb454b;
  color: white; border: none; cursor: pointer; z-index: 10; /* Ensures arrows are above images */
  border-radius: 50%; height: 40px; width: 40px; font-size: 1.8em; line-height: 1.0em;  
}
.scroll-arrow:hover {background-color: #9b3935;}
.left-arrow { left: 10px; opacity: 0; padding: 0 2px 5px 0;}
.alsoLike .left-arrow, #seriesBar .left-arrow, .alsoLike .leftGrad, #seriesBar .leftGrad { opacity: 1.0; }
.right-arrow { right: 10px; padding: 0 0 5px 2px; }
.rightGrad {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100;White+to+Transparent */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width: 100px; height: 100%;
right: 0px; top: 0px;
position: absolute; 
}
.rightGrad.lightBlue {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f7f9+0,f2f7f9+100&0+0,1+100 */
background: linear-gradient(to right,  rgba(242,247,249,0) 0%,rgba(242,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.leftGrad {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100;White+to+Transparent */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width: 100px; height: 100%;
left: 0px; top: 0px;
position: absolute;
opacity: 0; 
}
.leftGrad.lightBlue {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f7f9+0,f2f7f9+100&1+0,0+100 */
background: linear-gradient(to right,  rgba(242,247,249,1) 0%,rgba(242,247,249,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.tiles .left-arrow, .tiles .leftGrad { opacity: 1.0; }
.gallery-container.tiles a {
  display: flex;
  align-items: center;
}
.scrollable-gallery div.tile {
  padding: 10px 20px;
  width: 500px;
  scroll-snap-align: start; /* Aligns the start of the image to the start of the scroll container */
  white-space: wrap;
  background-color: #FFF;
  margin-right: 10px; 
}

.all-featured-series .tile:hover, #trendingCollections .tile:hover { box-shadow: 0px 0px 8px #AAA; }
.scrollable-gallery div.tile h6 { text-align: left;  width: 200px; padding: 0 50px 0 20px;  }

.scrollable-gallery div.tile h6, .scrollable-gallery div.tile img {
	display: inline-block; vertical-align: middle; 
}
.scrollable-gallery div.tile img, .all-featured-series .tile img { height: 175px; width: auto; }

.tiles .leftGrad {
	background: linear-gradient(to right,  rgba(242,247,249,1) 0%,rgba(242,247,249,0) 100%);
}
.tiles .rightGrad {
	background: linear-gradient(to right,  rgba(242,247,249,0) 0%,rgba(242,247,249,1) 100%);
}
#insideGallery { margin: 0 10%; }
#insideGallery .scrollable-gallery { width: 90%; margin: 0 5%; justify-content: left; }
#insideGallery .scrollable-gallery img { width: auto; height: 60vh; border: 1px solid #bfd3da; padding: 0px;  }
#insideGallery .leftGrad, #insideGallery .rightGrad { background: none; }
#lookInside .overlayHeader { padding-left: 14%; }
#insideGallery .left-arrow { left: 0px; }
#insideGallery .right-arrow { right: 0px; }

#audiobar { position: fixed; bottom: 0px; left: 0px; width: 100%; background-color: #FFF; border-top: 1px solid #82a8bb; display: flex; z-index: 99; }
.audioTitle, .custom-player {display: inline-block; vertical-align: middle; width: 35%; }
.audioTitle {  white-space: nowrap;      
  overflow: hidden;         
  text-overflow: ellipsis;  }
.audioGuts {width: calc(100% - 50px);}
#audiobar .audioX { text-align: right; }
#audiobar #closebutton a {margin: 0 0 0 10px; padding: 10px 18px 18px;}

.custom-audio-player {
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #FFF;
  color: #065379;
  padding: 10px 24px;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
}

.player-controls {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}

#play-pause-btn {
	border-radius: 50%; border: 0px; background-color: #6697b0; color: #00527b; font-size: 150%;
	padding: 5px 10px 8px 13px; cursor: pointer;
}

.timeline-container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.time-display {
  font-variant-numeric: tabular-nums; 
  color: #065379;
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: #e5edf1;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}

/* Styles the draggable knob */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #065379;
  background: #065379;
  transition: transform 0.1s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
  transform: scale(1.3);
}



/* Search Results */
.resultsBox .search-form label, .resultsBox .search-form .search-submit { display: none; }
.resultsBox .search-form .search-field {
	color: #FFF; font-family: EagleBook; text-align: left; font-size: 110%;
	background-color: transparent; border: 0px; 
	}
.resultsBox .search-form .search-field:focus, input[type="search"]:focus {border: 0px; outline: none; }
input[type="search"]::-webkit-search-cancel-button {
  filter: brightness(0) saturate(100%) 
          invert(23%) sepia(91%) saturate(2102%) hue-rotate(178deg) brightness(62%) contrast(102%);
  cursor: pointer;
}
.resultsBox input[type="search"]::-webkit-search-cancel-button {
  filter: brightness(0) invert(1);
  cursor: pointer;
}

/* Tabs */
.tabs-container { margin: 20px auto; }
.bookTabs .tabs-container { margin: 20px auto 0; }
.tab-buttons { display: flex; margin-left: 7%; }
.tab-button {
  padding: 25px 2%; margin: 0 .3%; letter-spacing: .5px; color: #005c8a; font-family: EagleLight;
  cursor: pointer; transition: background-color 0.3s; border: 0px; background-color: transparent; 
}
.tab-button:hover { background-color: #e9f0f4; }
.tab-button.active { background-color: #FFF; font-family: EagleBook; }
.tab-content { background-color: #FFF; padding: 20px 0 10px 8.6%; }
.tab-content { display: none; }
.tab-content.active { display: block; }

.bookTabs .tab-button.active, .bookTabs .tab-content-container, .bookTabs .tab-content { background-color: #f2f7f9; }
.bookTabs .tab-buttons { display: block; margin-left: 0; }
.bookTabs .tab-content { padding: 50px 16%; }


.leftDesc, .rightGall { display: inline-block; vertical-align: middle; }
.leftDesc { text-align: left; width: 18%; font-family: WarnockLight; letter-spacing: .5px;   }
.leftDesc a, a.m { font-family: EagleBook; text-decoration: underline; }
.rightGall { width: 81%; }
.leftDesc h4 { text-transform: none; }
.leftDesc p { padding-right: 30px; }

/* More to Explore */
#moreToExplore { border-top: 6px solid #cedfe8; padding: 0 3% 30px;}
.exploreBoxes { display: flex; flex-wrap: wrap; }
.oneBox { width: 32.5%; padding: 20px 0; margin: 5px .35%; position: relative; }
.oneBox.landingpage { display: flex; flex-direction: column; justify-content: space-between;}
.oneBox:hover { box-shadow: 2px 5px 5px #DDD; }
.oneBox h4 {
	font-family: EagleBook; color: #fff; text-align: left; padding-left: 8%; padding-right: 1%; text-transform: none;
	font-weight: 400; transition: all .5s ease; position: relative;
}
.bookTrio { padding: 0 8%; text-align: center; height: 180px; overflow: hidden; min-width: 400px; }
.oneBox.landingpage .bookTrio {min-width: 200px; height: 140px;}
.imgShift { position: absolute; bottom: 20px; width: 86%;}
.bookTrio img { height: 140px; width: auto; margin-right: 10px;}
/*.oneBox h4:after {
    content:'\00a0\2192';  color: transparent; 
}
.oneBox:hover h4:after {
    content:'\00a0\2192';  color: #FFF; 
}*/

.oneBox h4:after {
  content:'';
  position: relative;
  background-image: url('images/Functionality_ArrowFull.svg)');
  background-size: 18px auto;
  background-position: right 33%;
  background-repeat: no-repeat; 
  filter: brightness(0) invert(1);
  cursor: pointer;
  opacity: 1.00;
  display: inline-block;
  width: 25px; height: 10px;
  opacity: 0;
  top: -3px;
}
.oneBox:hover h4:after { opacity: 1.0; }

/* Billboard */
#homeBillboard { padding: 40px 0; }
.billboardHomeCase { width: 65%; max-width: 1300px; margin: 10px auto; }
.billboardShell { padding: 10px 12px; text-align: left; }
.billImg, .billTxt { display: inline-block; vertical-align: middle; width: 49%; }
.billImg img { width: 100%; height: auto; display: block; }
.billTxt { color: #FFF; }
.billTxt h5, .billTxt p { padding: 0 20px; }
.billTxt p { margin: 10px 0; font-family: WarnockLight;}
.billTxt h5 { font-weight: 400; font-family: EagleBook; margin: 0 0 10px; }
.billTxt p a { color: #FFF; text-decoration: underline; font-family: EagleBook; }
.billTxt p a:hover { color: #F7EA82; }

/* Trending Collections */
#trendingCollections { background-color: #f2f7f9; padding: 10px 0 60px; }

/* General Page Styles */
.titleBar { background-color: #005c8a; color: #FFF; padding-bottom: 30px; position: relative; }
.single .titleBar.Age { background-color: #25a7d7; border-top: 6px solid #2097c8; }
.single .titleBar.Format { background-color: #005c8a; border-top: 6px solid #005481; }
#breadcrumbs { text-align: left; padding: 20px 1%; }
#breadcrumbs .home-house { height: 18.73px; width: auto; }
#breadcrumbs .home-house.white { filter: brightness(0) invert(1); }
#breadcrumbs img { position: relative; top: 1.5px; }
#breadcrumbs a { font-family: EagleBook; color: #FFF; }
.white #breadcrumbs a, .shaded #breadcrumbs a { color: #005987; }
.titleBar h1 { padding: 0px 0 10px; text-transform: uppercase; margin-top: 0px; font-family: EagleBold;}
#themed { padding-bottom: 5px; }
#themed h3 { margin-bottom: 20px; }
.page-template-default .titleBar h1 {padding: 0px; margin-bottom: 1px; }
.bodyContent { padding: 1px 0 1px; }
.page-template-page-seasonholiday .bodyContent, .page-template-page-byinterest .bodyContent { padding: 20px 0 1px; }
.page-template-page-onebook .bodyContent { padding: 30px 0 8px; }
.viewallSection { padding-bottom: 20px; }
.bodyContent.shaded { background-color: #f2f7f9; border-top: 8px solid #005987; padding-top: 0px; }
.bodyContent.shadednobdr { background-color: #f2f7f9;  }
.bodyContent.white { background-color: #FFF; border-top: 8px solid #005987; padding-top: 0px; position: relative; }
.titleBar h1 .thinH1 { font-family: EagleLight; text-transform: none; }

.single-rhcb-theme .titleBar h1, .single-season .titleBar h1 { padding: 0px; margin: 20px 0 0 ;  }
.single-rhcb-theme .titleBar p,
.page-template-default .titleBar p
{ padding: 5px 20% 50px; margin: 0px;  }
.single-brand .titleBar h1, .single-rhcbseries .titleBar h1, .page-template-page-oneseries .titleBar h1, .simpleTitle h1 {
	margin: 20px 0 10px; padding: 0px 0 0 10px;
}
.simpleTitle p { text-align: center; padding: 0 20% 50px; } 

.page-template-page-seasonholiday #content,
.page-template-page-byage #content,
.page-template-page-bycategory #content,
.page-template-page-byseries #content
{ background-color: #f2f7f9; }

.shadedbar { background-color: #f2f7f9; border-top: 6px solid #cedfe8; }
.ageBoxes { padding: 15px 3%; display: flex; }
.ageBoxes a { background-color: #FFF; margin: 0 .3% 10px; padding: 16px 3%; width: 20%; }
.ageBoxes a:hover { box-shadow: 0px 0px 5px #AAA; }
.ageBoxes p { margin: 4px 0; }
.ageBoxes h4 { font-family: EagleBold; line-height: 1.0em; }
.ageBoxes a:hover p, .ageBoxes a:hover { color: #005c8a; }

.contentBleedRight h2 { text-align: left; margin-left: 10px; }

.introBar { text-align: left;  flex-grow: 1;
	display: flex;
    flex-direction: column;
   justify-content: center;
   padding-left: 5px;
}
.introBar h2 { font-family: EagleBold; font-weight: normal; text-transform: uppercase; margin: 0px 0 8px;  }
.introBar p { letter-spacing: .5px; padding-right: 10%; margin-top: 4px;}
.headerFlex { display: flex; padding-left: 7%; }
.headerHalves { flex: 0 0 49.9%; }
.headerHalves.lefthalf { padding-left: 5px;  display: flex; flex-direction: column;}
.headerHalves.fullwidth { margin: 0 7%; flex: 0 0 100%;}
.headerHalves.fullwidth h2 { text-align: center; margin: 0px 0 11px; }
.headerHalves.fullwidth p {text-align: center; padding-right: 0px; max-width: 900px; margin: 0 auto; }
.slantContent { text-align: left; background-color: #004e75; padding: 50px 90px; }
.single-age .slantContent { background-color: #2097c8; }

.Category .slantContent { background-color: #004e75;}
.slantContent h4, .slantContent p {
	color: #FFF; font-family: EagleBook; font-style: normal; font-stretch: normal; font-weight: normal;
}
.slantContent h4 { font-size: 80%; text-transform: none; }
.slantContent p { column-count: 2; font-size: 120%; margin-bottom: 0px; }
.slantContent p a { display: block; padding: 8px 0; color: #FFF; }
.slantContent p a:after {
    content:'\00a0\2192'; opacity: 0; 
}
.slantContent p a:hover:after {
    content:'\00a0\2192';  opacity: 1.0;
}
.slantedBox {
  position: absolute; bottom: -60px;
  width: 120%;
  height: 150%;
  background-color: #1e87b3;
  transform: rotate(-1deg);
  z-index: 1; 
}
.Format .slantedBox, .Category .slantedBox { background-color: #004e75; } 
.featSeries { background-color: #f2f7f9; padding: 20px 0; }
.featSeries h3 { margin: 30px auto 20px; }
.all-featured-series { display: flex; flex-wrap: wrap; margin-top: 10px; justify-content: left; }
.all-featured-series a { display: flex; align-items: center; }
.all-featured-series .tile { width: 28%; margin: 0 .5% 15px; background-color: #FFF; padding: 13px 1.3% 13px 3%; display: flex; justify-content: space-between;}
.all-featured-series .tile .onefeatbk {text-align: right;}
.all-featured-series .tile h6 { text-align: left; color: #065379; padding-right: 20px; }

.all-featured-series .tile a { text-align: right; }

.seasonandtheme .oneBox { display: flex; justify-content: space-between; width: 49%; }
.seasonandtheme .oneBox h4 { padding: 0px 0 0 30px;  width: 230px; }
.seasonandtheme .oneBox .bookTrio { padding: 0px 2% 0 0; text-align: right; width: calc(100% - 230px); min-width: 100px; }
.seasonandtheme .oneBox .bookTrio img { height: 180px; }

.ageCircle img, .ageBoxes img { width: 80px; height: auto;}

/* Book Boxes */
#bookBoxes { text-align: center; padding-bottom: 1px;}
.oneBookBox { width: 300px; display: inline-block; vertical-align: top; margin: 0 1% 20px; padding: 16px 10px; }
.search .oneBookBox, .page-id-132 .oneBookBox { width: 240px;}
.booksBar .oneBookBox:hover { box-shadow: 0px 0px 5px #AAA;}
.book-card { }
.search .book-card, .page-id-132 .book-card  { width: 240px;display: inline-block; vertical-align: top; margin: 0 1% 20px; padding: 16px 10px;}
	.search .book-card img, .page-id-132 .book-card img { object-fit: contain;
  display: block;
  margin: 0 auto; height: 240px;
    width: 240px;}
.oneBookBox img, .book-card img { height: 240px; object-fit: contain; display: block; margin: 0 auto; max-width: 270px;}
.page-template-page-viewall .oneBookBox { width: 275px; margin: 0 0 20px;  }
.page-template-page-viewall .oneBookBox img { height: 225px; width: auto; }
.oneBookBox h6 { padding-top: 16px;  
  }
.keepthreelines {
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.keepthreelines h6, .keepthreelines .authorCarousel { margin: 0; }
a.oneBox { background-color: #004e75; }

/* Authors */
.authorBar { padding: 0 8% 40px; }
.authorLeft, .authorRight { display: inline-block; vertical-align: top; }
.authorLeft { width: 37%; }
.authorRight { width: 61%; text-align: left; }
.authorRight h3 { margin-top: 0px; }
.authorRight p { font-family: WarnockLight; line-height: 36px; margin-top: 0px; color: #035d8b; }
.authorPic, .authorInitials {
	border-radius: 50%; border: 6px solid #065379; background-size: cover; background-position: center center;
	width: 300px; height: 300px; margin: 0 auto 10px;
}
.authorInitials {
	background-image: url('images/authorBg.jpg');
	color: #FFF;
	font-family: EagleBold;
	letter-spacing: 5px;
	line-height: 300px;
	font-size: 80px;
}
.authorInitials img { width: 70%; height: auto; padding-top: 16%; }
.photoCredit { font-family: EagleLight; color: #065379; opacity: .5;   }
.booksBar { background-color: #FFF; margin-bottom: 50px; padding: 0 ; }
.page-template-page-oneseries .booksBar, .page-template-page-oneseries #bookBoxes { padding-top: 30px; }
.booksBar h4 { text-transform: none; padding: 40px 0 24px; }
.booksBar .oneBookBox {margin: 0 0 20px; width: 314px; }
#newreleases h2 { font-size: 32px; margin: 50px 0 -10px;}

.shadednobdr .booksBar { margin: 30px 0; }
.shadednobdr .booksBar h4 { padding: 40px 0 10px; }
.shadednobdr .booksBar p { margin: 0px 20% 30px; letter-spacing: .5px; }

.authorInitials.smaller {
	width: 220px; height: 220px; line-height: 220px;
}


/* Explore By pages */
.oneExploreLine { margin-bottom: 20px; }
.lineLeft, .lineRight { display: inline-block; vertical-align: middle; }
.lineLeft { width: 17%; text-align: left; }
.lineRight { width: calc( 100% - 17%); background-color: #FFF; }
.lineLeft .viewAll { text-align: left; padding: 0px 0;}
.lineLeft .viewAll a { padding: 0px; }
.lineLeft p { padding-right: 15px; font-family: WarnockLight;}
.lineLeft img { border-radius: 50%; }
.lineLeft h4 { text-transform: none; }
.page-template-page-byformat .lineLeft p { font-family: WarnockLight; color: #005c8a; padding-right: 30px; }
.page-template-page-byformat .lineLeft {  }
.page-template-page-byformat .lineRight { width: 81% ; }

/* Featured Book Bar */
.featBookBar { background-color: #1e87b3; padding: 10px 0 30px; }
.featBookBar.Format { background-color: #004e75; }
.featBookBar h3 { color: #FFF; margin: 30px auto 20px; }
.featBookBox { background-color: #FFF; padding: 30px 0; margin: 0 8%; display: flex; }
.featImg { width: 340px; height: 340px; }
.featImg a { display: block; width: 340px; height: 340px; }
.featImg img { width: 100%; height: 100%; object-fit: contain; }
.featText { text-align: left; color: #005c8a; margin-left: 2%;  }
.featText h4 { text-transform: none; }
.featText a { text-decoration: underline; }
.featText p { font-family: WarnockLight; font-weight: 400; }
.buyButtons { padding: 10px 0 0 0; }
.buyButtons a { text-decoration: none; display: inline-block; padding: 7px 18px 7px; border-radius: 18px; background-color: #005c8a; color: #FFF; font-family: EagleBook; margin: 0 2px 4px; }
.buyButtons a:hover { background-color: #25a7d7;}
.oneBookBox .buyButtons a { margin: 0 2px 4px;}
.oneBookBox .buyButtons { padding-top: 20px; }
.featText .viewAll { text-align: left; }
.featText .viewAll a { padding: 5px 24px 5px 0; }

/* Single Book Page */
.bookInfo, .bookText { display: inline-block; vertical-align: top; }
.bookInfo { width: 40%; }
.bookText { width: 58%; }
.bookText details { padding-left: 2.5%; }
.bookText summary { font-family: EagleBook;  }
.bookText .content { padding: 0 15px 15px; margin-top: -10px; }

.one-details { display: block; }
.one-details.off { display: none; }

.bookInfo, .set-width { margin: 30px auto; width: 85%; }
.bookInfo { display: flex; }
.bookColumn, .bookText { vertical-align: top; }
.bookColumn { width: 458px; margin-right: 5%; }
.partOf { margin-bottom: 10px; }
.partOf a { font-family: EagleBook; text-decoration: underline; }
.bookText { width: calc(88% - 458px); text-align: left;}
.bookText p { margin-top: 0px; }
#theCover { width: 458px; height: 458px; margin-bottom: 15px;}
.bookColumn img { width: 100%; height: 100%; object-fit: contain; }
.byline { font-family: EagleLight; font-weight: normal; margin: 0 0 20px; }
.byline a { text-decoration: underline; }

.excerptLink { text-decoration: underline; font-family: EagleBook; display: inline-block; padding: 0 10px; cursor: pointer; }
a.excerptLink:hover { text-decoration: underline; }

.aboutBook, .authorDescription { text-align: left; position: relative; line-height: 36px; font-family: WarnockLight; letter-spacing: .5px;  }
.authorDescription p { margin: 10px 0; }
.authorDescription p strong, .authorDescription p b { font-weight: 400; }
.authorDescription h4 { font-family: EagleBook; text-transform: none; font-weight: 400; font-size: 130%;  }
.aboutDesc { padding-right: 30%; font-size: 110%; }
.aboutDesc p { margin: 0 0 20px; }
.aboutAwards { position: absolute; right: 0px; top: 0; width: 250px;}
.oneAward {
	background-color: #FFF; text-align: center; padding: 12px 0; width: 100%; margin-bottom: 7px; font-family: EagleBook; font-weight: normal;

	}
.praisearea {
	text-align: left; line-height: 1.6em; font-family: WarnockLight; letter-spacing: .5px;
	padding: 30px 0; 
	}
.praisearea p { background-color: rgba(255,255,255,.5); border-radius: 16px; padding: 20px 30px; margin: 0 0 20px;  }

#seriesBar h3 a { text-decoration: underline; }

.alsoLike { padding: 40px 0 16px; border-top: 6px solid #005c8a; }
.alsoLike h3 {margin-top: 0px; }

#topBar {position: relative;}
.detailsFlag { position: absolute; top: 0px; right: 0px; background-color: #fbf038; }
.detailsFlag p { display: inline-block; padding: 12px 50px; font-family: EagleLight; margin: 0px;  }
.detailsFlag p .range { font-family: EagleBook; }

.resourcesBar { width: 90%; max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.resourcesBar div {
	background-color: #FFF; flex: 0 0 33%; padding: 25px 4% 25px 12%; margin: 0 3px 10px; 
	background-repeat: no-repeat; background-position: 10% 50%; text-align: left; min-height: 58px;
	background-size: 48px auto; 
}
.resourcesBar a {
	font-family: EagleBook; font-weight: normal; line-height: 1.3em; text-align: left;  
}
.resourcesBar a, .spacer {display: inline-block; vertical-align: middle; }
.spacer { width: 0px; height: 100%; }
.resourcesBar div.educator { background-image: url("images/Resource_EducatorsGuide.svg"); }
.resourcesBar div.activity { background-image: url("images/Resource_Activity.svg"); }
.resourcesBar div.letter { background-image: url("images/Resource_Letter.svg"); }
.resourcesBar div.discussion { background-image: url("images/Resource_DiscussionGuide.svg"); }
.resourcesBar div.website { background-image: url("images/Resource_Site.svg"); }
.resourcesBar div.misc { background-image: url("images/Resource_Misc.svg"); }

#mainBookContent, #mainPraiseContent, #mainLinksContent, #mainAuthorContent, #mainAudioContent,
#mainGeneralContent, #event-banner {
  width: 90%; max-width: 1050px; margin: 0px auto 50px; text-align: left; line-height: 1.5em;
 }
 #event-info #mainGeneralContent {margin: 0px auto 40px;}
 #event-banner {margin: 40px auto 0px;}
 #mainLinksContent {text-align: center; }
#topBar h1#onlyname { padding: 0 0 10px; margin: 0; text-transform: none; line-height: 1.0em; }

#mainBookContent h3 { color: #333; margin: 0 0 30px; text-transform: uppercase; letter-spacing: 1px;  }
#mainPraiseContent h3, #mainLinksContent h3  { margin: 0 0 30px; text-transform: uppercase; letter-spacing: 1px; color: #333; }
#mainExcerptContent h3 { margin: 0 0 30px; text-transform: uppercase; letter-spacing: 1px;  }
#mainAudioContent h3 { margin: 0 0 30px; text-transform: uppercase; letter-spacing: 1px;  }
.praise-bar { background-color: #f4f3f3; padding: 40px 0 }
.links-bar { background-color: #f4f3f3; padding: 40px 0; border-top: 8px solid #FFF;}
#linksarea a {
    display: inline-block; vertical-align: top; border-radius: 8px; padding: 35px; color: #FFF; text-transform: uppercase; 
    background-color: #001e40; margin: 0 5px 10px; text-decoration: none; color: #FFF; border: 1px solid transparent; 
}
#linksarea a:hover { background-color: transparent; border: 1px solid #001e40; color: #000; }
.audio-bar { padding: 35px 0; background-color: #EEE;}

.authorBox { display: flex; }

.authorBoxInside { width: 36%; }
.authorDescription { width: 60%; }
.authorBoxInside { padding: 0 30px 30px; text-align: center; }
.authorBox h3 { margin: 20px auto; text-transform: uppercase; letter-spacing: 2px;  }
.authorBox h5 {  font-weight: 300; margin: 20px auto; line-height: 1.2em; }
.authorDescription { text-align: left; padding: 0 30px 30px; line-height: 1.6em;  }
.authorHeadshot {
 width: 260px; height: 260px; border-radius: 50%; background-color: #666; border: 5px solid #005c8a; 
 background-size: cover; background-position: center top; margin: 0 auto; 
 }
 .bookdetails { padding: 0; margin: 0px; letter-spacing: .5px; font-family: EagleLight;}
 .bookdetails .cats {font-family: EagleBook;}
 .authorCarat { text-align: left; }
 .authorCarat img { display: block; }


/* Overlay */
@charset "utf-8";
#overlay, #lookInside {
	background: rgba(0, 92, 138, .9);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999999;
   visibility: hidden;
   overflow-y: scroll;
}
.overlayHeader { background-color: #f2f7f9; padding: 0 0 30px 7%; text-align: left; }
#closebutton { text-align: right; }
#closebutton img {width: 22px; height: 22px; filter: brightness(0) invert(1);}
#closebutton a { display: inline-block; padding: 13px 19px; background-color: #065379; color: #FFF; font-size: 175%; }
#overlaybox {
 width: 65%; margin: 5vh auto; min-height: 626px;
 background-color: #FFF;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#lookInside #overlaybox { width: 85%; background-color: #f2f7f9; }
.excerptFlag { font-family: EagleBook; font-size: 95%; }
#excerptScroller {
	/*height: 55vh; */
	overflow: auto; text-align: left; padding: 30px 40px 30px 7%;
	font-family: WarnockLight; line-height: 1.5em; letter-spacing: .5px; font-size: 120%;
	}
.overlayHeader h3 {
	font-weight: normal; margin: 0px; padding: 20px 40px 0 0px;
}
#closebutton, #clearall-x { cursor: pointer; }
.copyrighted { letter-spacing: .5px; padding: 30px 0 10vh; }

#book-carousels  { margin: 20px auto; max-width: 1050px; }

.bookTabs {}
.bookdetails { text-align: left; }


/* Accordion */
.accordion .buyButtons a { width: 25%; text-align: center; }

details {
  background-color: #f2f6f8; 
  margin-bottom: 10px;
  overflow: hidden; /* Ensures smooth corners when open */
}

summary {
  padding: 15px;
  cursor: pointer;
  font-weight: 400;
  /* Removes default triangle/arrow in some browsers */
  list-style: none;
  letter-spacing: .5px;
}

summary::-webkit-details-marker {
  display: none; /* Removes default marker for Chrome/Safari */
}

.content {
  padding: 15px;
}


summary::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 5px;
  background-image: url('images/Functionality_Dropdown.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  float: right;
  margin-top: 9px;
}
details[open] summary::after {
  transform: rotate(180deg);
  transform-origin: center; /* Ensures it rotates around its own center */
}
.browseBy .darkbg details summary::after { filter: brightness(0) invert(1); }

/* Browse */
.browseBy, .theBooks { display: inline-block; vertical-align: top; }
.browseBy { width: 17%;  text-align: left; position: relative; }
.theBooks { width: 81%; padding-top: 20px; }
.theFilters { padding: 12px 0 20px 50px; text-align: left; height: 30px;}
.theFilters a { text-decoration: underline; padding: 0 25px 0 8px ; margin-right: 10px; }
.theFilters a.linkFilter, #clearall-x { display: none; }
.theFilters a.linkFilter.on , #clearall-x.on{ display: inline-block; }
.theFilters a.linkFilter {
	font-size: 115%; text-decoration: none; cursor: pointer; 
}
.theFilters a.linkFilter:after {
content: "";
  /* Set size and position for the pseudo-element */
  display: inline-block;
  width: 18px; /* Adjust size as needed */
  height: 18px; /* Adjust size as needed */
  /* Use the SVG as a mask image */
  -webkit-mask-image: url('images/x-close.svg');
  mask-image: url('images/x-close.svg');
  /* Set the desired color using background-color */
  background-color: #065379; /* Your desired color (e.g., red) */
  /* Ensure mask properties are set correctly */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: relative;
  top: 3px;
  left: 7px;
}
.theFilters a.linkFilter:hover::after {
  background-color: #0098d3; /* New color on hover (e.g., blue) */
}
.browseBy h5 { font-size: 120%; }
.redViewAll {
	position: absolute; top: 33px; right: 0px; color: #cb454b; text-decoration: underline;
	font-family: EagleBook; cursor: pointer; 
}
.redViewAll:hover { color: #9B3935; text-decoration: underline; }
.toggleOpenAll { display: none; }
.browseBy summary { font-family: EagleBook; font-weight: 400; }
/*.browseBy summary::after { content: '\2304'; transform: scale(1.6,.8); position: relative; top: -5px;}
.browseBy details[open] summary::after { content: '\2303';  top: 0px; }


.browseBy summary::after {background-image: url('images/Functionality_Dropdown.svg');
  background-size: contain;
  background-repeat: no-repeat;}*/



.browseBy .content { padding: 0 15px 15px; }
.browseBy .content form div { padding: 0 0 8px; }
/*.browseBy input[type="checkbox"] { accent-color: #005c8a; cursor: pointer; }*/

input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  background-color: #FFF; /* Unchecked color */
  border: 1px solid #005c8a;
  border-radius: 0px;
  cursor: pointer;
  position: relative;
  top: 5px; 
}
input[type="checkbox"]:checked {
  background-color: #005c8a; /* Checked solid color */
}
.straybox input[type="checkbox"] { top: 0px; }


.accordion.darkbg { color: #FFF; font-family: EagleLight;  }
.accordion.darkbg details { background-color: #005c8a; }
.darkbg div label {cursor: pointer; }
.browseBy .accordion.darkbg input[type="radio"] { position: absolute;
  opacity: 0;
  width: 0;
  height: 0;  cursor: pointer;margin: 5px 0; }
.browseBy .accordion.darkbg a { color: #FFF; }
.browseBy .accordion.darkbg a.selected { font-family: EagleBook; }

.browseBy .accordion.darkbg input[type="radio"]:checked + label {
  font-family: EagleBook; display: block; 
}

/* Collection Featured Book(s) Slider */
.oneFeaturedShell { margin: 0 10% 0; }
.carousel-container {
  position: relative;
  width: 100%; /* Adjust as needed */
  margin: 0 auto;
  overflow: hidden;
}
#advertorial { padding: 20px 0 10px 0; }
.home #advertorial { padding: 20px 0 30px 0; }
#advertorial .carousel-container { margin: 20px auto 0; padding-bottom: 40px; }

#advertorial h3 { margin: 20px 0; }

.page-template-page-byseries #advertorial { background-color: #f2f7f9;}

.carousel-track-container {
  overflow-x: scroll;
  scroll-snap-type: x mandatory; /* Enables smooth, forced snapping to slides */
  display: flex;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.carousel-track-container::-webkit-scrollbar {
  display: none;
}
.carousel-track {
  list-style: none;
  margin: 0 10%;
  padding: 0;
  display: flex;
  /* Width must be total width of all slides combined for horizontal layout */
  width: 80%;
  
}
.carousel-slide {
  flex: 0 0 100%; /* Each slide takes full width of the container */
  width: 98%;
  margin: 0px 1%;
  height: auto; /* Adjust as needed */
  background-color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  scroll-snap-align: center; /* Ensures the slide snaps to the center of the viewport */
}
.carousel-slide.standalone {margin: 0px auto;}

#advertorial .carousel-slide { background-color: transparent;  flex: 0 0 80%; width: 80%; }
.videosBar { background-color: #005c8a; padding: 1px 0 30px;}
.videosBar h3 { color: #FFF; margin-top: 40px; margin-bottom: 5px; padding: 0 5%;}
.videosBar .carousel-slide { background-color: #FFF; width: 600px; flex: 0 0 600px; flex-direction: column; justify-content: start; }
.videosBar .carousel-slide h5 { margin: 16px 0; padding: 0 5%; }
.videosBar p { color: #FFF; margin: 0 0 30px 0; letter-spacing: .5px; padding: 0 20%; }

a.actlink { display: block; width: 600px; height: 300px;}
a.actlink img {  width: 600px; height: 300px; object-fit: contain;}

/* Navigation dots styling */
.carousel-nav {
  display: flex;
  justify-content: center;
  padding: 30px 0 10px;
}

.carousel-indicator {
  border: 0;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #FFF;
  margin: 0 5px;
  cursor: pointer;
  opacity: 0.5;
}

.carousel-indicator.current-slide {
  opacity: 1;
  background: #FFF;
}
#advertorial .carousel-indicator { background: #7ca5b9; }
#advertorial .carousel-indicator:hover { background: #0098d3; }
#advertorial .carousel-indicator.current-slide { background: #065379; }

/* Adjustments */
#scrollable-gallery099 {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth; 
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#scrollable-gallery099::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}

/* Pagination */
.pagination-controls { width: 100%; text-align: center;}
.pagination { padding: 30px 0 0 0; }
.pagination a, .pagination span { display: inline-block; font-family: EagleLight; padding: 10px; letter-spacing: .5px; border-bottom: 3px solid transparent; }
.pagination span.current { font-family: EagleBook; }
.pagination a:hover { font-family: EagleBook; border-bottom: 3px solid #005c8a; color: #005c8a; cursor: pointer; }


/* Form */
#theNewsletterForm { text-align: left; padding: 40px 16%; color: #005c8a; }
.formRow { display: flex; margin: 0 0 15px;}
.formRow .half { width: 50%; }
.formRow .twothirds { width: 67%; }
.formRow .onethird { width: 33%; }
.formRow label { display: block; font-family: EagleBook; }
#theNewsletterForm input[type="text"] , #theNewsletterForm input[type="email"]{
	background-color: #f2f6f8; padding: 15px 4%; width: 91%; border: 0px;
	font-family: EagleBook; font-size: 120%; color: #005c8a;
	}
::placeholder { color: #1d6286; font-family: EagleLight; }
.checkboxRow {padding: 30px 0; border-bottom: 2px solid #005c8a;}
.straybox, .checkbody { display: inline-block; vertical-align: top; }
.straybox { width: 38px; }
.checkbody { width: calc(100% - 46px); }
.checkbody p { margin: 0px 0 15px; }
/*#theNewsletterForm input[type="checkbox"] {width: 16px; height: 16px; accent-color: #005c8a; cursor: pointer; }*/
.checkbody h3 { margin-top: 0px;  }
.checkbody h4 {text-transform: none;}
.twocol { column-count: 2; }
.twocol.onlyone { column-count: 1; }
.checksub {padding-left: 60px; }
.checksub div {margin-bottom: 10px; }
.subscribeRow { padding: 40px 0; }
.subscribeRow input {
	text-transform: uppercase; padding: 20px 100px; background-color: #005c8a;
	color: #FFF; font-family: EagleBook; border: 0px; cursor: pointer; 
}
.subscribeRow input:hover { background-color: #25a7d7; }
.subscribeRow p {line-height: 1.4em; }
.subscribeRow a {text-decoration: underline;}
input[type="email"]:invalid { color: #cb454b; }
.unsubP { padding: 5vh 10% 20vh; }
.unsubP a  { font-family: EagleBook; }

/* Footer */
footer, #footer { background-color: #005c8a; color: #FFF; padding: 60px 0 30px; }
footer a, #footer a {
	color: #FFF; text-decoration: underline;
	font-family: EagleBook; font-style: normal; font-stretch: normal; font-weight: normal;
}
footer a:hover, #footer a:hover { color: #f7ea82; }
.footerLogo, .social, .footerLinks { display: inline-block; vertical-align: top;  }
.footerLogo {width: 22%; }
.social {width: 28%; }
.footerLinks {width: 38%; }
.footerLogo img { filter: brightness(0) invert(1); width: 100%; height: auto; }
.social, .footerLinks { text-align: left; margin-left: 5%; }
.footerSocial a { display: inline-block; vertical-align: top; background-color: #005c8a; width: 50px; height: 50px; margin: 0 .1em .3em 0; }
.footerSocial a img {
	width: 100%; height: auto; filter: brightness(0) invert(1);
}
.footerSocial a img:hover {
	filter: invert(1) sepia(1) saturate(1.5) hue-rotate(10deg) brightness(1.2);
}
.footerSocial a.invert { background-color: #FFF; }
.footerSocial a.invert img {
		filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(1900%) hue-rotate(180deg) brightness(90%) contrast(100%);
}
#footer h5 {  margin: 0 0 .5em; font-family: EagleBook;}
#footer h5.newsletterlink { margin: 1.0em 0 .5em; }
.theLinks { margin: 1.0em 0; }
.theLinks a { display: inline-block; padding: 0 1.5em .5em 0; }
.copyright { margin: 50px 0 0; }

a.d { display: block;}
a.m, .mobileNav { display: none; }
#mobile-nav { display: none; }
#mobile-nav.active { display: block; z-index: 999; }



/*------- Edited Carousels --------*/
.carousel-container {
  position: relative;
  width: 100%;
  /*height: 300px;*/
  margin: 0 auto;
  overflow: hidden;
}

.carousel-Track {
  display: flex;
  height: 100%;
  will-change: transform;
}

.slide {
  width: 500px; /* Fixed width */
  flex-shrink: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  transition: opacity 0.3s ease;
  opacity: 0.99; /* Dims side slides */
}

.slide.center-active {
  opacity: 1; /* Center slide pops */
}

/* UI elements */
.nav-btn, .navBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #cb454b;
  color: white;
  border: none;
  padding: 0 0 4px;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  font-size: 1.8em;
  line-height: 1.0em;
}
.nav-btn img, .navBtn img { width: 8px; height: 17px; filter: brightness(0) invert(1); }
.prev-btn, .prevBtn { left: 10px; }
.next-btn, .nextBtn { right: 10px; }
.nav-btn:hover, .navBtn:hover {background-color: #9B3935;}
#advertorial .nav-btn {top: 45%;}

.dots-container {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}
.dot {
  width: 12px;
  height: 12px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
}
.dot.active { background: white; }
.innerTile { margin: 10px; display: flex; align-items: center; justify-content: space-between; background-color: #FFF; width: 450px; padding: 20px 20px; }
.innerTile h6 { padding: 0 50px 0 20px; text-align: left; }
.innerTile:hover { box-shadow: 0px 0px 10px #999; cursor: pointer; }
.innerTile img { height: 175px; width: auto;}
.book-card .threeLines, .oneBookBox h6, .keepthreelines {padding-top: 16px;}

#newreleases h2 { text-align: center; }
#seriesBar { padding-bottom: 20px; }

/* BookCarousels */

.book-carousel {
    width: 100%;
}

.carouselContainer {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.carouselWindow {
    overflow: hidden;
    width: 100%;
}
.withTitles .carouselWindow { padding: 4px 0;}

.carouselTrack {
    display: flex;
    gap: 4px;
	/*justify-content: center; This will only apply if we have a few elements */
}

.book-card {
    flex: 0 0 calc(250px); 
    background: #fff;
    padding: 15px; margin: 4px 0; 
    text-align: center;
	max-width: 300px;
}
.book-card:hover { box-shadow: 0px 0px 5px #AAA; }

.onlyBooks .book-card, .book-card.onlyBook { flex: 0 0 auto;  }
.onlyBooks .book-card:hover { box-shadow: 0px 0px 0px transparent;  }
.home .onlyBooks .book-card:hover { box-shadow: 0px 0px 5px #AAA;  }

/*.book-card img {
    width: auto;
    height: 250px;
    margin-bottom: 10px;
}*/

.book-card h3 {
    font-size: 1rem;
    color: #333;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-card p {
    font-size: 0.85rem;
    color: #777;
}

@media (max-width: 1200px) {
    .book-card { flex: 0 0 calc(250px); }
}
@media (max-width: 900px) {
    .book-card { flex: 0 0 calc(250px); }
}
@media (max-width: 600px) {
    .carouselWindow { padding: 15px 20px; }
    .book-card { flex: 0 0 calc(250px); }
    .navBtn { padding: 0px 10px 5px;  }
    .prevBtn { left: 5px; }
    .nextBtn { right: 5px; }
}

/* Advertorials new styles */
.advertorialWrapper {
  overflow: hidden;
  width: 100vw;
  position: relative;
  padding-bottom: 50px;
}

.advertorialTrack {
  display: flex;
  gap: 1vw;
  padding: 0 10vw;
  box-sizing: border-box;
}

.advertorialTrack.smooth {
  transition: transform 0.4s ease-in-out;
}

.advSlide {
  flex: 0 0 80vw;
  width: 80vw;
  /*height: 300px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  box-sizing: border-box;
  background-color: #004e75; 
}


/* Centers the single slide exactly on screen */
.slide-single {
  margin: 0 auto;
}

/* Arrow Navigation */

.prev { left: 5vw; }
.next { right: 5vw; }


/* Dot Navigation */
.carousel-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.advDot {
  width: 15px;
  height: 15px;
  background: #bcd1db;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  padding: 0;
  transition: background 0.3s;
}
.advDot:hover { background: #0098d3; }

.advDot.active { background: #065379; }

#dotsContainer { display: none; }

#searchDiv { display: none; }
.view-results {display: none; }

/* Base style for both fade overlays */
.gallery-fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px; /* Width of the fade effect */
  z-index: 2;
  pointer-events: none; /* Allows swiping/clicking through the fade */
  transition: opacity 0.3s ease;
  opacity: 0; /* Hidden by default, JavaScript will show them when needed */
}

/* Left fade: Transparent to White */
.fade-left {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

/* Right fade: Transparent to White */
.fade-right {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}



/* Things that should be the same size */
/*.oneBookBox h6, .gallery-container h6 {
	overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;
	white-space: wrap;
}*/
.featureMiddle h1 {font-size: 48px; }
.introBar h2, .titleBar h1, .simpleTitle h1 { font-size: 42px; line-height: 48px; }
#topBar h1#onlyname, .overlayHeader h3, .authorRight h3 { font-size: 38px; }
.titleBar h1 .thinH1 { font-size: 34px; }
.booksBar h4, #newreleases h2 { font-size: 32px; }
.flexible-content .boxheader { font-size: 32px; line-height: 36px; }
.seasonandtheme .oneBox h4, .oneBox h4, .scrollable-gallery div.tile h6, .all-featured-series .tile h6, .innerTile h6 { font-size: 30px; }
.billTxt h5 { font-size: 28px; line-height: 36px; }
.featText h4 { font-size: 28px; line-height: 42px; }
.byline, .page-template-page-onebook .tab-button, .lineLeft h4, h4, .tab-button, .audioTitle { font-size: 26px;  }
#advertorial h5 { font-size: 26px; line-height: 32px; }
.slantContent p a, .leftDesc h4, .formRow label, .subscribeRow input, .ageBoxes h4, .checkbody h3 { font-size: 24px; }
.videosBar p { font-size: 24px; line-height: 34px; }
.authorRight p, .single-rhcbseries .titleBar p, .single-brand .titleBar p, .shadednobdr .booksBar p, .introBar p,
.single-rhcb-theme .titleBar p, .page-template-default .titleBar p, .page-template-page-oneseries .titleBar p,
.single-interest .titleBar p, .simpleTitle p, .flexible-content p, .unsubP p { font-size: 24px; line-height: 36px; }
.featText .byText, .dropdown-content .col.rightBox h4 a { font-size: 22px; line-height: 26px;}
.aboutDesc, .authorDescription p, .praisearea, .bookdetails { font-size: 22px; line-height: 36px; }
.checksub div { font-size: 22px; line-height: 42px;}
.page-template-page-byformat .lineLeft p { font-size: 22px; line-height: 30px; }
.featText .threeLines, .pagination { font-size: 22px; line-height: 32px; }
.carousel-slide h5, .resourcesBar a, .excerptLink, .bookText summary, .partOf, .lineLeft p,
.main-nav li a, #footer h5, .checkbody h4, .ageBoxes p, .bookSearch .search-field { font-size: 20px; }
.billTxt p { font-size: 20px; line-height: 30px; }
.checkbody p { font-size: 20px; line-height: 34px; }
.leftDesc p { font-size: 19px; }

h6, .buyButtons a, #breadcrumbs, .detailsFlag p, .lineLeft .viewAll a, .viewAll a, .oneAward,
.browseBy .content form div, .browseBy summary, .accordion.darkbg .content, .time-display, .billTxt p a  { font-size: 18px; }
.dropdown-content .col a { font-size: 18px; line-height: 21px; }
.breadOne { font-size: 17px; }
.authorCarousel, .bkdetails, .main-nav li .viewAll a, .footerLinks, #series .viewAll a, #themed .viewAll a { font-size: 16px; }
.copyright { font-size: 15px; }
.photoCredit, .featText .buyButtons a, .oneBookBox .buyButtons a, .dropdown-content .col.rightBox a { font-size: 14px; }
.authorCarousel {  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }
  
@media only screen and (max-width: 1600px) {
.introBar h2, .titleBar h1, .simpleTitle h1 { font-size: 38px; line-height: 42px; }
#topBar h1#onlyname, .overlayHeader h3, .authorRight h3 { font-size: 33px; }
.seasonandtheme .oneBox h4 {font-size: 26px; }
.byline, .page-template-page-onebook .tab-button, .lineLeft h4, h4, .tab-button, .audioTitle { font-size: 22px;  }
.authorRight p, .single-rhcbseries .titleBar p, .single-brand .titleBar p, .shadednobdr .booksBar p, .introBar p,
.single-rhcb-theme .titleBar p, .page-template-default .titleBar p, .page-template-page-oneseries .titleBar p, .single-interest .titleBar p, .simpleTitle p { font-size: 21px; line-height: 30px; }
}

@media only screen and (max-width: 730px) {
	.introBar h2, .titleBar h1, .simpleTitle h1 { font-size: 32px; }
	.titleBar h1 .thinH1,  #topBar h1#onlyname { font-size: 28px; }
	h3, .oneBox h4, .innerTile h6, .booksBar h4, #newreleases h2, .seasonandtheme .oneBox h4, .scrollable-gallery div.tile h6, .all-featured-series .tile h6, .featText h4, #advertorial h5 { font-size: 22px; line-height: 1.4em; }
	.featText h4, .featText .byText { line-height: 1.2em; }
	.featText .threeLines { line-height: 1.3em; }
	.ageBoxes h4, .leftDesc p, #footer h5, .byline, .bookText summary, .slantContent p a, .leftDesc h4, .formRow label, .subscribeRow input, .featText .threeLines, .pagination, .checkbody h3, .checksub div { font-size: 18px; }
	.aboutDesc, .authorDescription p, .praisearea, .bookdetails, .authorRight p, .single-rhcbseries .titleBar p, .single-brand .titleBar p, .shadednobdr .booksBar p, .introBar p, .single-rhcb-theme .titleBar p, .page-template-default .titleBar p, .page-template-page-oneseries .titleBar p, .single-interest .titleBar p, .simpleTitle p { font-size: 18px; line-height: 30px; }
	h6, .ageBoxes p, a.m, .viewAll a, .buyButtons a, .oneAward, .featText .byText, .dropdown-content .col.rightBox h4 a, .carousel-slide h5, .resourcesBar a, .excerptLink, .bookText summary, .partOf, .lineLeft p, .main-nav li a, #footer h5, .checkbody h4, .ageBoxes p, .bookSearch .search-field, .billTxt p a { font-size: 16px; }
	.billTxt p, .checkbody p  { font-size: 16px; line-height: 22px; }
	.authorCarousel, .copyright, .excerptLink, .partOf, .bkdetails { font-size: 14px; }
	#breadcrumbs, .detailsFlag p { font-size: 12px; }
	.subscribeRow p { font-size: 10px; }
}
  


/* MOBILE STYLES */
@media only screen and (max-width: 1738px) {
	.footerSocial a {width: 40px; height: 40px; }
}
@media only screen and (max-width: 1700px) {
	.dropdown-content .col { width: 160px;}
	.dropdown-content .col a {font-size: 17px; line-height: 24px; }
	.colorBox img { height: 115px;}
}
@media only screen and (max-width: 1666px) {
	.bookTrio { height: 145px; }
	.bookTrio img, .seasonandtheme .oneBox .bookTrio img { height: 145px; margin-right: 6px; }
	.main-nav li .a-shell { padding: 0 .5%; }
	.main-nav li a, .bookSearch .search-field { font-size: 1.3vw;}
}
@media only screen and (max-width: 1600px) {
	.dropdown-content .col.rightBox { width: 400px; }
	.bookInfo, .set-width { width: 92%;}
	.seasonandtheme .oneBox h4 { width: 150px; }
	.seasonandtheme .oneBox .bookTrio { width: calc(100% - 150px);  }
}
@media only screen and (max-width: 1500px) {
	.featImg { width: 250px; height: 250px; }
	.featImg a { width: 250px;  height: 250px; }
	.page-template-page-onebook #breadcrumbs { padding: 20px 250px 20px 1%; }
}
@media only screen and (max-width: 1450px) {
	.seasonandtheme .oneBox .bookTrio img {height: 115px;}
	.seasonandtheme .oneBox .bookTrio { height: 115px;}
	.seasonandtheme .oneBox h4 { width: 250px; }
	.seasonandtheme .oneBox .bookTrio { width: calc(100% - 250px);  }
	.contentWidth { width: 96%; }
	.main-nav li a, .bookSearch .search-field { font-size: 1.4vw;}
}
@media only screen and (max-width: 1300px) {
	.oneBox { width: 49%; }
	.bookTrio { height: 165px; }
	 .bookTrio img { height: 150px;  margin-right: 6px; }
	 .authorPic { width: 190px; height: 190px; }
	 .authorInitials { width: 190px; height: 190px; line-height: 190px; }
	 .bookInfo { width: 96%; }
	 .bookColumn { margin-right: 2%; }
	 .bookText { width: calc(93% - 458px); }
}
@media only screen and (max-width: 1200px) {
	.bookSort { width: 77%; }
	.bookSearch { width: 21%;}
	.bookSearch .search-field { width: 70%; }
	.bookTrio, .oneBox.landingpage .bookTrio { height: 110px; }
	.bookTrio img { height: 100px; }
	.seasonandtheme .oneBox h4 { width: 150px; hyphens: auto; word-wrap: break-word;}
	.seasonandtheme .oneBox .bookTrio { width: calc(100% - 150px);  }
}
@media only screen and (max-width: 1100px) {
	.all-featured-series .tile { width: 44%; }
	.featImg img { height: 220px; }
	.accordion .buyButtons a { width: 40%; }
	.featBookBox { margin: 0 4%; }
	.featImg, .featImg a { width: 220px; height: 220px; }
	.featText { margin-left: 0px; width: calc(100% - 220px); }
	
}
@media only screen and (max-width: 1000px) {
	.bookTabs .tab-content { padding: 50px 5%; }
	.bookColumn { width: 400px; }
	.bookText { width: calc(93% - 400px); }
	#theCover { width: 400px; height: 400px; }
	
	/* Dark box subnav */
	.headerFlex { display: block; }
	.slantContent { padding: 50px 40px;  margin-left: -30px; }
	
	/* All books page */
	.page-template-page-viewall summary::after { position: relative; right: 7.5%;}
	.page-template-page-viewall .browseBy, .page-template-page-viewall .theBooks { display: block; }
	.page-template-page-viewall .theBooks { width: 100%; }
	.page-template-page-viewall .browseBy { width: 100%; }

	.page-template-page-viewall .browseFrame {width: 91%; margin: 15px 1.5% 0; padding: 10px 3% 0; background-color: #F2F6F8; }
	.page-template-page-viewall .opened .browseFrame { background-color: #FFF;}
	
	
	.page-template-page-viewall .browseBy h5 {
		margin-top: 10px; margin-bottom: 0px; padding-bottom: 15px;
		}
	.page-template-page-viewall details { border-top: 4px solid #d9e6ed; padding-bottom: 10px; margin-bottom: 0px; }
	.page-template-page-viewall summary {padding: 16px 4% 6px; }
	.page-template-page-viewall .darkbg details { border-top: 0px; }
	.page-template-page-viewall .darkbg summary { padding: 16px 4%;}
	.page-template-page-viewall .browseBy .content { padding: 0 4% 5px; }
	.page-template-page-viewall .accordion { margin: 0 -3%; background-color: #F2F6F8;}
	.page-template-page-viewall #showAccordion {display: none; }
	.page-template-page-viewall #showAccordion.show { display: block; margin-top: 5px; padding-top: 38px; }
	.page-template-page-viewall .redViewAll { display: none; }
	.page-template-page-viewall #toggleOpenAll { display: block; position: absolute; width: 91%; top: 20px;  cursor: pointer;}
	.page-template-page-viewall #toggleOpenAll.isOpen { top: 16px; }
	.page-template-page-viewall #toggleOpenAll::after { content: '\2795'; color: rgba(0,0,0,0);	text-shadow: 0 0 #005c8a;  float: right;  transition: transform 0.3s; position: relative; z-index: 10; }
	.page-template-page-viewall #toggleOpenAll.isOpen::after { content: '\2796';  }
	
#browseByToggle.opened {
	background: #FFF; 
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999999;
    overflow-y: hidden;
}
#browseByToggle.opened .browseFrame { height: calc(100% - 100px); overflow-y: scroll; margin: 0px; width: 100%;}
#browseByToggle.opened .view-results { height: 50px; position: absolute; bottom: 0px; left: 0px; display: block;}
	
	.view-results { background-color: #FFF; padding: 20px 20px; text-align: center; width: 94%; font-size: 18px; text-transform: uppercase;  }
	.view-results a { background-color: #CB454B; color: #FFF; display: inline-block; padding: 10px 20px; text-align: center; margin: 0 auto; font-family: "EagleBook", sans-serif; cursor: pointer; }
	.view-results a:hover { background-color: #9B3935; }
	
.page-template-page-viewall #browseByToggle.opened h5 {
	margin: 0px; padding: 15px 10px 15px 4%; background-color: #F2F6F8; position: fixed; top: 0px; left: 0px; 
	z-index: 9; border-bottom: 4px solid #d9e6ed; width: 100%; 
}
	
	
}
@media only screen and (max-width: 900px) {
	.detailsFlag { top: 0px; }
	.detailsFlag p {padding: 12px 20px; }
	.page-template-page-onebook #breadcrumbs { padding: 20px 210px 20px 1%; }
	.ageBoxes { padding: 0; }
	.oneBox, .seasonandtheme .oneBox { width: 99%; }
	.tab-content { padding: 20px 0 10px; }
	.leftDesc, .rightGall { display: block; }
	.leftDesc { width: 90%; margin: 0 5% 20px; }
	.rightGall { width: 100%;}
	.bookTrio { height: 165px; }
	.bookTrio img { height: 150px; }
	.seasonandtheme .oneBox h4 { width: 300px; }
	.seasonandtheme .oneBox .bookTrio { width: calc(100% - 300px);  }
	.oneFeaturedShell { margin: 0 5%; }
	.twocol { column-count: 1; }
	
	/* PDP display */
	.bookInfo { display: block; margin-bottom: 0px; }
	.bookColumn { margin: 0 auto; }
	.bookText { width: 90%; margin: 30px auto 0; }
	#theCover { width: 400px; height: auto; }
	.bookColumn img { max-height: 400px; }
	
	/* The top menu */
	.secondNav, .headerBottom { display: none; }
	.mobileNav { display: block; }
	.search-m, #toggle-m { display: inline-block; vertical-align: middle; padding: 0 0 0 20px;  }
	#toggle-m a {
		background-image: url("images/toggle-m.png"); background-repeat: no-repeat;
		background-position: center center;
		color: transparent;	width: 50px; height: 50px; overflow: hidden;
		display: block; cursor: pointer; 
		}
	#toggle-m a.active { background-image: url("images/toggle-x.png"); background-size: cover; }
	#mobile-nav {
		position: absolute; background-color: #f2f7f9; top: 75px; left: 0; width: 100%; text-align: left;
		height: 200%; 
	}
	#mobile-nav a { cursor: pointer; }
	#searchX { cursor: pointer; }
	#searchX img { width: 26px; height: auto; position: relative; top: 2px; }
	#searchDiv { display: none; position: absolute; top: 75px; left: 0px; z-index: 99; width: 100%; background-color: #005c8a; padding-top: 25px;  }
	#searchDiv.active { display: block;}
	#searchDiv ::placeholder { color: #FFF; }
	.medcat { background-color: #e5edf1; }
	.subcat { background-color: #d9e7ee;} 
	.oneslide { display: none;}
	.oneslide.onTop { display: block; padding: 20px 5% 50px; height: 200% }
	.oneslide .rightBox { text-align: center; }
	.oneslide .rightbox-link { font-family: EagleBook; text-decoration: underline; }
	.oneslide h4  { text-transform: none; font-size: 100%;  margin: 5px 0 15px; }
	.oneslide h3 { margin: 20px auto 10px; }
	#navslide1 .m-links a:after, #navslide4 .m-links a:after,
	#navslide6 .m-links a:after
		{ content:'\00a0\2192'; }
	.m-links a {
		font-family: EagleLight; font-size: 115%; display: block; letter-spacing: .5px;
		padding: 10px 0; 
	}
	#mobile-nav .viewAll { text-align: left; padding-bottom: 25px;}
	#mobile-nav .viewAll a { padding: 5px 0; }
	/* End top menu */
	
}
@media only screen and (min-width: 731px) {
	.aboutAwards { top: 0px; }

}
@media only screen and (max-width: 730px) {
	
	#breadcrumbs .home-house { width: auto; height: 12.88px; }
	.overlayHeader h3, .overlayHeader .byline { display: none; }
    .book-card .threeLines, .oneBookBox h6, .keepthreelines {padding-top: 10px;}
	.threeLines { line-height: 16px; }
	.lineLeft, .lineRight,
	.authorLeft, .authorRight { display: block; width: auto; margin-bottom: 20px; }
	.lineRight {margin-top: -20px;}
	.lineLeft { text-align: center; line-height: 1.6em; }
	.lineLeft p {margin: 12px 0 0; }
	.page-template-page-byformat .lineRight { width: 100%; }
	.page-template-page-byformat .contentBleedRight {
		margin: 0px; width: 100%; 
	}
	.oneExploreLine { width: 94%; padding: 20px 3%; background-color: #FFF; margin-bottom: 20px; position: relative; }
	.lineLeft .viewAll { text-align: center; position: absolute; bottom: 20px; width: 94%; }
	.lineLeft { margin-bottom: 0px;}
	.bookColumn, .bookText { display: block; margin-bottom: 20px;}
	#theCover { margin-bottom: 0px; }
	.bookColumn img { display: block; margin: 0 auto; max-width: 400px;}
	.excerptLink { padding: 10px; }
	.bookTabs .tab-content { padding: 20px 6%; }
	.aboutAwards { position: relative;  width: 100%; }
	.aboutBook { padding-bottom: 40px; }
	.bookInfo { margin: 0px auto 0px; }
	.videosBar .carousel-slide { width: 100%; flex: 0 0 100%; }
	.single-rhcbseries .titleBar p, .single-brand .titleBar p, .page-template-page-oneseries .titleBar p {padding: 0 10px 50px 10px;}
	.page-template-page-oneseries .titleBar .slantContent p,
	.single-brand .titleBar .slantContent p,
	.single-rhcbseries .titleBar .slantContent p {padding: 0 10px;}
	.all-featured-series .tile h6 { padding-left: 10px; }
	a.actlink { width: 100%; height: auto; }
	a.actlink img { object-fit: cover; width: 100%; height: 98%;  }
	.videosBar .carousel-slide { justify-content: start; }
	.search .book-card, .page-id-132 .book-card { width: 150px;}
	.search .book-card img, .page-id-132 .book-card img { object-fit: contain;
  display: block;
  margin: 0 auto; height: 150px;
    width: 150px;}
	
	#overlaybox {  width:90%; }
	
	
	.aboutDesc { padding-right: 0px; }
	.contentWidth { width: 94%; padding-bottom: 1px; }
	#mainLogo a { background-image: url(images/RHCB_Logo_Stacked_4C.png); width: 100%; height: 50px; }
	h3 { margin: 40px auto 30px; }
	#weRecommend h3 { margin: 30px auto -20px; }
	#weRecommend .viewAll { padding: 00px 0 40px; margin-top: -20px;}
	.checkbody h3 {margin: 0 auto 5px}
	#seriesBar h3 { margin: 30px auto 0px; padding: 0 5%; }
	a.d { display: none;}
	a.m { display: block; }
	.featImg, .featText { vertical-align: top; display: block; margin: 0 auto 20px; width: 100%; text-align: center;  }
	.featText .viewAll { text-align: center; }
	/*.seasonandtheme .oneBox h4, .seasonandtheme .oneBox .bookTrio { width: 90%; padding: 0px 5%;}
	.seasonandtheme .oneBox .bookTrio { text-align: center; }*/
	.contentBleedRight h2 { text-align: center; }
	.introBar, .introSlant { display: block; width: 100%; }
	.introSlant { left: -3%; }
	.introSlant .slantContent { margin: 0 -6%; z-index: 0; padding: 0px 3% 0px 10%;}
	.introSlant .slantContent p { column-count: 1; font-size: 120%; }
	.introSlant .slantContent h4, .introSlant .slantContent p { display: inline; }
	.introSlant .slantContent h4 { display: none; }
	.slantContent p a:after {content:'\00a0\2192';  color: transparent;}
	.slantContent p a { display: inline-block; padding: 0 30px 0 10px; }
	.slantedBox { display: none; }
	.slantContent h4 { display: none; }
	.slantContent { padding: 1px 0px 20px; margin-left: -10%;  }
	
	.titleBar { padding-bottom: 0px; }
	.single .titleBar {border-bottom: 10px solid #FFF;}
	.booksBar .oneBookBox, .oneBookBox { margin: 0 0 20px; width: 44%; padding: 4px 10px;}
	.booksBar .oneBookBox img, .oneBookBox img, .scrollable-gallery div img { height: 150px; width: auto; }
	.shadednobdr .booksBar p { margin: 0px 5% 30px; }
	
	.billImg, .billTxt { display: block; width: 100%; text-align: center; margin: 0 auto 20px; }
	
	.single-rhcb-theme .titleBar p, .page-template-default .titleBar p { padding: 5px 5% 40px; }
	
	.tab-buttons, .introSlant .slantContent, .slantContent p {
		width: auto;
		margin-left: 0; 
		display: flex; overflow-x: auto; 
		white-space: nowrap;  scroll-behavior: smooth; 
		scroll-snap-type: x mandatory; -ms-overflow-style: none; scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.all-featured-series .tile { width: 94%; padding: 13px 3% 13px 3%;}
	.ageBoxes { display: block; }
	.ageBoxes a { width: 88%;  display: block; height: 60px; padding: 16px 6%; }
	.ageBoxes img {float: left; margin-right: 20px; height: 60px; width: auto;}
	.ageBoxes h4, .ageBoxes p { text-align: left; }
	.ageBoxes h4 { font-family: EagleBold; }
	.tab-button { padding: 25px 5%; background-color: #FFF; margin: 0; }
	.bookTabs .tab-button.active, .bookTabs .tab-button { padding: 25px 20%; background-color: #f2f7f9; margin: 0 -4px; }
	 .tab-content { padding: 1px 0 10px; }
	.leftDesc h4 { display: none; }
	.leftDesc p { line-height: 1.4em; }
	.leftGrad, .rightGrad { width: 15%; }
	.scrollable-gallery div.tile { width: 300px;  }
	.scrollable-gallery div.tile h6 { width: 100px; }
	.scrollable-gallery div.tile img { height: 125px; }
	.two-col-m { column-count: 2; }
	.two-col-m a { display: block; width: 100%; }
	.footerLogo, .social, .footerLinks { display: block; width: 90%; margin: 0 auto 15px; text-align: center; }
	.footerLogo { max-width: 250px; margin-bottom: 25px; }
	.footerSocial { width: 80%; margin: 0 auto; }
	.footerSocial a { width: 20%; height: auto; }
	.theLinks a { padding: 0 .75em .5em 0; }
	#footer h5.newsletterlink { }
	.billboardHomeCase { width: 90%; }
	.book-card img { height: 154px;}
	.leftDesc p { padding-right: 0px; }
	.bookTrio { height: 115px; }
	.bookTrio img { height: 100px; }
	.seasonandtheme .oneBox h4 { width: 200px; }
	.seasonandtheme .oneBox .bookTrio { width: calc(100% - 200px);  }
	.imgShift { height: 101px; overflow: hidden; }
	.advSlide { align-items: start; }
	.footerSocial a {display: inline-block; width: 16%; }
	.slide { width: 400px; }
	.innerTile { width: 350px; }
	.book-card { flex: 0 0 calc(170px); }
	.contentBleedRight { margin: 10px 0; width: 100%; }
	.authorBox { display: block; }
	.authorBoxInside, .authorDescription { width: 90%; }
	#mainBookContent, #mainPraiseContent, #mainLinksContent, #mainAuthorContent, #mainAudioContent, #mainGeneralContent, #event-banner { width: 100%; }
	.featBookBox { display: block; padding: 20px 0 0;}
	.featBookBar .carousel-slide {align-items: start; }
	.featBookBar .viewAll {padding: 10px 0 0;}
	.featText .threeLines { margin-top: 10px; }
	.featImg, .featImg a { margin: 0 auto; }
	.featText .viewAll a { padding: 5px 0; }
	#theNewsletterForm { padding: 40px 5%; }
	.formRow { display: block; margin-bottom: 0px; }
	.formRow .twothirds, .formRow .onethird, .formRow .half { width: 100%; margin-bottom: 20px;}
	.checksub { padding-left: 5%; }
	.resourcesBar div {background-position: 4% 50%; flex: 0 0 82%;}
	.nav-btn, .navBtn, .scroll-arrow { display: none; opacity: 0; }
	/*.gallery-container .scroll-arrow {opacity: 1.0; display: block; }*/
	#insideGallery .scrollable-gallery img { width: 100%; height: auto; border: 1px solid #bfd3da; padding: 0px;  }
	#lookInside #overlaybox { width: 96%; }
	#insideGallery { margin: 0 2%; }
	#lookInside .overlayHeader { padding-left: 7%; }
	.bookTabs .tab-buttons { display: flex; }
	.resourcesBar div.activity { background-image: none; }
	
	/* SlantContent */
	/* Container adjustments */
.slantContent { width: 120%;}

.categories-template-default .slantContent { margin-left: -10%; width: 110%;}
.categories-template-default #content { width: 106%; }

/* NEW: The fixed mask layer pinned to the view screen */
.slantContent .mask-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  
  /* Apply the mask here so it stays fixed in place while things scroll underneath */
  -webkit-mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    black 8%, 
    black 92%, 
    transparent 100%
  );
  mask-image: linear-gradient(
    to right, 
    transparent 0%, 
    black 8%, 
    black 92%, 
    transparent 100%
  );
}

/* Horizontal swipe logic */
.slantContent .scroll-wrapper {
  display: flex;
  gap: 15px;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0; /* Reset default paragraph margins */
  padding: 10px 20px; /* Essential padding so the mask edges don't hide your content by default */
  
  /* Hides default native scrollbars */
  -webkit-overflow-scrolling: touch; 
  scrollbar-width: none; /* Firefox */
}

.slantContent .scroll-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* Individual link formatting */
.slantContent .scroll-wrapper a {
  display: inline-block;
  text-decoration: none;
  flex-shrink: 0;
}
	
	/* The home photos */
	.home .centered-content { display: block; position: relative; white-space: wrap; }
	.home .wide-child { width: 100%; }
	.homeSix { width: 125px;}
	.homeSix.one, .homeSix.six { display: none; }
	.homeSix.four, .homeSix.five { position: absolute; right: 0; }
	.homeSix.four { top: 5px; }
	.homeSix.five { top: 130px; }
	.homeSix img { width: 110px; }
	.homeSix.two img, .homeSix.three img, .homeSix.four img, .homeSix.five img { border-width: 4px; }
	.homeSix.two img { top: 15px; left: -10px; }
	.homeSix.three img { left: -20px; top: 0px; }
	.featureMiddle {  padding: 30px 25%; position: absolute; top: 0px; width: 50%; text-align: center; }
	.featureMiddle img { width: 100px; height: auto; }
	.featureMiddle h1 { font-size: 38px; }
	.homeSix.four img { top: 5px; right: -15px; }
	.homeSix.five img { right: -10px; top: -10px; }
	#homeFeature, .parent-container { height: 230px; }
	
}

@media only screen and (max-width: 520px) {
	.copyright { margin: 30px 8% 0;}
	.leftGrad { opacity: 1; }
	.leftDesc { text-align: center; }
	.featureMiddle img { width: 30%; }
	.featureMiddle h1 { font-size: 32px; }
	 .footerSocial { width: 94%; }
	 .rightGall .nav-btn, .rightGall .navBtn { top: 40%; }
	 .slide { width: 300px; }
	.innerTile { width: 250px; }
	.innerTile h6 { padding: 0 10px 0 6px;}
	.innerTile img { height: 155px; }
	#theCover { width: auto; }
	.bookColumn { width: auto; }
	.bookColumn img {max-width: 250px; max-height: 250px; }
	.bookText details { padding-left: 0%; }
	.accordion .buyButtons a { width: 35%; }
	.seasonandtheme .oneBox { display: block; }
	.seasonandtheme .oneBox h4 { width: 100%; margin-bottom: 10px; }
	.seasonandtheme .oneBox .bookTrio { width: 100%;  text-align: center; }
}
@media only screen and (max-width: 440px) {
	.homeSix.two img { left: -50px; }
	.homeSix.three img { left: -60px; }
	.homeSix.four img { right: -60px; }
	.homeSix.five img { right: -50px; }
	.accordion .buyButtons a { width: 85%; }
}
@media only screen and (max-width: 300px) {
	.homeSix.two img, .homeSix.three img { left: -90px; }
	.homeSix.four img, .homeSix.five img { right: -90px; }
	.featureMiddle img { width: 50%; }
	
}

/* Special Formatting for carousels with few books */
@media only screen and (min-width: 2310px) {
	html .gallery-container.bkcount-7 .left-arrow, 	html .gallery-container.bkcount-7 .leftGrad,
	html .gallery-container.bkcount-7 .right-arrow, html .gallery-container.bkcount-7 .rightGrad {
		opacity: 0 !important; 
	}
}
@media only screen and (min-width: 1980px) {
	html .gallery-container.bkcount-6 .left-arrow, 	html .gallery-container.bkcount-6 .leftGrad,
	html .gallery-container.bkcount-6 .right-arrow, html .gallery-container.bkcount-6 .rightGrad {
		opacity: 0 !important; 
	}
}
@media only screen and (min-width: 1650px) {
	html .gallery-container.bkcount-5 .left-arrow, 	html .gallery-container.bkcount-5 .leftGrad,
	html .gallery-container.bkcount-5 .right-arrow, html .gallery-container.bkcount-5 .rightGrad {
		opacity: 0 !important; 
	}
}
@media only screen and (min-width: 1320px) {
	html .gallery-container.bkcount-4 .left-arrow, 	html .gallery-container.bkcount-4 .leftGrad,
	html .gallery-container.bkcount-4 .right-arrow, html .gallery-container.bkcount-4 .rightGrad {
		opacity: 0 !important; 
	}
}
@media only screen and (min-width: 990px) {
	html .gallery-container.bkcount-3 .left-arrow, 	html .gallery-container.bkcount-3 .leftGrad,
	html .gallery-container.bkcount-3 .right-arrow, html .gallery-container.bkcount-3 .rightGrad {
		opacity: 0 !important; 
	}
}
@media only screen and (min-width: 660px) {
	html .gallery-container.bkcount-2 .left-arrow,	html .gallery-container.bkcount-2 .leftGrad,
	html .gallery-container.bkcount-2 .right-arrow,	html .gallery-container.bkcount-2 .rightGrad {
		opacity: 0 !important; 
	}
	html .gallery-container.bkcount-1 .left-arrow,	html .gallery-container.bkcount-1 .leftGrad,
	html .gallery-container.bkcount-1 .right-arrow,	html .gallery-container.bkcount-1 .rightGrad {
		opacity: 0 !important; 
	}
}



/* Base styles for all screen sizes */

.tab-buttons {
  display: flex;
  gap: 12px;

}

.tab-button {

  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.tab-button.active {

}

/* Mobile-only behavior (Below 730px) */
@media (max-width: 729px) {
  .tab-buttons {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
	background-color: #fff; 
    
    /* Adds safety offsets so the first & last items can be pushed to the center */
    scroll-padding: 0 25%; 
    padding-left: calc(50vw - 75px);  /* Centers the first item on load */
    padding-right: calc(50vw - 75px); /* Centers the last item on reach */
  }

  /* Hides distracting horizontal native scrollbars */
  .tab-buttons::-webkit-scrollbar {
    display: none;
  }
}

/* Mobile-only fade effects (Below 730px) */
@media (max-width: 729px) {
  .tabs-fade-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  /* Left Edge Fade Overlay */
  .tabs-fade-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px; /* Width of the gradient mask */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2; /* Sits above the buttons */
    pointer-events: none; /* Allows user taps to pass straight through to the button beneath */
  }

  /* Right Edge Fade Overlay */
  .tabs-fade-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
  }
}