/* This file is for custom css */
/* Look in the ./less directory for base styles */
/* If your code is missing, I probably moved it to a .less file */
/** Config - mostly just used for 'new' design, but sprinkled in elsewhere as well */
@font-face { font-family: 'GothamBold'; src: url("font/gotham-bold.eot"); src: url("font/gotham-bold.eot") format("embedded-opentype"), url("font/gotham-bold.woff") format("woff"), url("font/gotham-bold.ttf") format("truetype"), url("font/gotham-bold.svg#GothamBold") format("svg"); }
@font-face { font-family: 'GothamBook'; src: url("font/Gotham-Book.eot"); src: url("font/Gotham-Book.eot") format("embedded-opentype"), url("font/Gotham-Book.woff") format("woff"), url("font/Gotham-Book.ttf") format("truetype"), url("font/Gotham-Book.svg#GothamBook") format("svg"); }
/* Rotate from top left corner (not default) */
/* Not sure why had this, but removing as it screws with Owl Carousel
* { -webkit-transition: none !important; transition: !important;
}*/
#ProductsCustomfieldsContainer tbody tr td:nth-child(2) { min-width: 138px; }

.NewBulkPricing table { margin-left: auto; margin-right: auto; margin-bottom: 30px; border-color: #FFF !important; }

@media screen and (min-width: 1500px) { .NewBulkPricing table { width: auto; } }
.NewBulkPricing table thead th, .NewBulkPricing table td { font-size: 14px; color: #323133; white-space: nowrap; padding: 13px 0; }

.NewBulkPricing table thead { background-color: transparent; border: 1px solid #787879; border-width: 0 0 1px 0; }

.NewBulkPricing table thead th { text-transform: none; font-weight: normal; text-align: left; line-height: 0.8em; line-height: 1em; }

.NewBulkPricing table td { border-width: 0; line-height: 39px; padding-bottom: 0; line-height: 38px; }

@media screen and (min-width: 1200px) { .NewBulkPricing table thead th, .NewBulkPricing table td { padding-right: 26px; } }
#searchFormContainer.active { max-height: 155px; position: static !important; }

#searchFormContainer.active form { margin-bottom: 10px; }

#SearchForm { padding: 17px 10px 0 45px; }

.ProductList li .ProductDetails .cfISBN { display: block; }

@media screen and (max-width: 820px) { #Header .header-right ul { top: -8px; } }
.bottomButtonsContainer .button { width: 41%; margin: 10px 4% 30px; border-radius: 20px; }
.bottomButtonsContainer .button:hover { background: #000; }

/* Journal Collection */
.page-journal-collections .Widest #CategoryDescriptionContainer .TitleHeading { line-height: 102px; font-size: 52px; padding: 20px 26px; white-space: normal; }

.page-journal-collections .Widest #CategoryDescriptionContainer .CategoryDescription ul li { margin: 4px 0px 4px 1.25em; }

/* Placeholder */
input[type=text]::placeholder, input[type=number]::placeholder, textarea::placeholder { color: #a1a2a5; opacity: 1; text-transform: none; }
input[type=text]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a1a2a5; text-transform: none; }
input[type=text]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #a1a2a5; text-transform: none; }

/* Hide number arrows */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

/* Button */
.button, a.button { color: #fff !important; background: #c9572d; border: none; padding: 10px 15px; line-height: 1; font-size: 14px; box-sizing: border-box; text-align: center; }
.button .button:hover, a.button .button:hover { background: #4c4d4f; }
.button.button-round, a.button.button-round { border-radius: 50px; font-size: 13px; font-family: GothamBold, Arial, sans-serif; padding: 16px 30px; }
.button.button-white, a.button.button-white { background: #fff; color: #4c4d4f !important; }
.button.button-white:hover, a.button.button-white:hover { color: #fff; background: #4c4d4f !important; }
.button.button-big, a.button.button-big { padding: 18px 25px; font-size: 20px; }

/* Colors */
.color-orange, a.color-orange { color: #c9572d !important; }

a.color-orange:hover { color: #4c4d4f !important; }

.color-white { color: #fff !important; }

.background-orange { background: #c9572d !important; color: #fff !important; }

/* Foundation */
.row { margin: 0 auto; width: 100%; }

.row:before, .row:after { content: " "; display: table; }

.row:after { clear: both; }

.column { float: left; box-sizing: border-box; width: 100%; }

.small-1 { width: 8.3333%; }

.small-2 { width: 16.6667%; }

.small-3 { width: 25%; }

.small-4 { width: 33.3333%; }

.small-5 { width: 41.6667%; }

.small-6 { width: 50%; }

.small-7 { width: 58.3333%; }

.small-8 { width: 66.6667%; }

.small-9 { width: 75%; }

.small-10 { width: 83.3333%; }

.small-11 { width: 91.6667%; }

@media screen and (min-width: 40.0001em) { .medium-1 { width: 8.3333%; }
  .medium-2 { width: 16.6667%; }
  .medium-3 { width: 25%; }
  .medium-3_5 { width: 29.1667%; }
  .medium-4 { width: 33.3333%; }
  .medium-5 { width: 41.6667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.3333%; }
  .medium-8 { width: 66.6667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.3333%; }
  .medium-11 { width: 91.6667%; }
  .medium-12 { width: 100%; } }
@media screen and (min-width: 64.0001em) { .large-1 { width: 8.3333%; }
  .large-2 { width: 16.6667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.3333%; }
  .large-5 { width: 41.6667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.3333%; }
  .large-8 { width: 66.6667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.3333%; }
  .large-11 { width: 91.6667%; }
  .large-12 { width: 100%; } }
.text-left { text-align: left; }

/** Search images  Doing the first line is often too broad (gets hidden sometimes), but trying to fix that as doing the 2nd line doesn't show image for some users. Haven't tested with the 3rd line (would use with 2nd line), but might be worth a shot. */
.ProductList li .ProductImage img { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; position: static !important; top: auto !important; }

/** Product page */
.ProductDescriptionContainer a { text-decoration: underline; }

.ProductThumb small { font-size: 12px; }

.body-new .ProductImageName { font-size: 24px; margin: 5px 0; }
.body-new .ProductImageDescription { text-align: center; }

.customizable-minimum-hidden { display: none !important; }

/** Notice */
.header #Notice { margin-top: -16px; }
@media screen and (max-width: 800px) { .header #Notice { margin: -5px 0 5px; } }
.header.on #Notice { margin: -5px 0 5px; }
@media screen and (max-width: 800px) { .header.on { margin: 0 0 5px; } }

#Notice { background: #d96b34; color: #fff; font-size: 14px; font-style: italic; padding: 10px; line-height: 14px; text-align: center; }
#Notice a { color: #fff; text-decoration: underline; }
#Notice.Notice-gray { background: #ededed; color: #4c4d4f; font-weight: bold; font-style: normal; }
#Notice.Notice-gray a { font-weight: normal; color: #4c4d4f; }

/** Menu */
.header-search { vertical-align: middle; }
.header-search input[type=text] { width: 100%; height: 38px; }
.header-search input[type=submit] { margin: 7px 0 0 -38px; z-index: 2; position: absolute; overflow: hidden; text-indent: -9999px; width: 40px; border: none; background-repeat: no-repeat; background-position: center top; cursor: pointer; }
@media screen and (max-width: 820px) { .header-search { display: none; padding: 5px 26px !important; } }

.header-search-expand { text-align: center; font-weight: bold; font-family: GothamBold, Arial, sans-serif; padding: 0 10px !important; }
.header-search-expand a { color: #c9572d !important; border: 1px solid #ebebeb; display: block; padding: 3px 21px 3px 0; position: relative; height: 38px; }
.header-search-expand a:hover { border-color: #333; }
.header-search-expand i { position: absolute; top: 5px; right: 6px; }
@media screen and (max-width: 1024px) { .header-search-expand { font-size: 12px; } }
@media screen and (max-width: 820px) { .header-search-expand { padding-top: 8px; } }

.header-left .CategoryList .SideCategoryListFlyout > ul > li > ul li.menu-journals-regis { width: 100%; border: none; line-height: 1.1; color: #c00000; font-weight: bold; }

li.menu-journals-regis img { width: 100px; cursor: pointer; }

#Header .header-right { padding-left: 0; }
#Header .header-right i.icon { height: 18px; width: 18px; margin-top: -3px; }

/** Home */
#explore .card { position: relative; }

/** Our Team */
.list-inline li { vertical-align: top; }

/** Sales Tools */
ul.flyers-medium li { width: 24%; }
@media screen and (max-width: 1024px) { ul.flyers-medium li { width: 32%; } }
@media screen and (max-width: 820px) { ul.flyers-medium li { width: 100%; } }

ul.flyers-medium li .thumbnail { height: 260px; }

/**********************************************************/
/* NEW DESIGN 					
/**********************************************************/
.body-new { font-family: GothamBook, Arial, sans-serif; color: #4c4d4f; /*.search-open .header-icon-search {
	display:None;
}*/ }
.body-new h1, .body-new .h1 { color: #4c4d4f; font-family: GothamBold, Arial, sans-serif; font-size: 48px; margin-bottom: 20px; text-transform: none; }
@media screen and (max-width: 820px) { .body-new h1, .body-new .h1 { font-size: 37px; } }
.body-new h2, .body-new .h2 { color: #4c4d4f; font-family: GothamBold, Arial, sans-serif; font-size: 28px; margin-bottom: 10px; text-transform: none; }
@media screen and (max-width: 820px) { .body-new h2, .body-new .h2 { font-size: 26px; } }
.body-new h3, .body-new .h3 { color: #4c4d4f; font-family: GothamBold, Arial, sans-serif; font-size: 24px; margin-bottom: 8px; text-transform: none; }
@media screen and (max-width: 820px) { .body-new h3, .body-new .h3 { font-size: 23px; } }
.body-new a { color: #4c4d4f; }
.body-new a:hover { color: #c9572d; }
.body-new .inner { max-width: 1200px; margin: 0 auto; }
.body-new .grid { margin-left: -17px; margin-right: -17px; }
.body-new .grid__item { padding-left: 17px; padding-right: 17px; }
.body-new i.icon { width: 24px; height: 24px; display: block; background-size: 100%; background-repeat: no-repeat; background-position: center center; }
.body-new i.icon.icon-inline { display: inline-block; }
.body-new i.icon.icon-search { background-image: url("https://www.thebookco.com/content/icon-search.png"); }
.body-new i.icon.icon-menu { background-image: url("https://www.thebookco.com/content/icon-menu.png"); }
.body-new .header-icon { position: absolute; z-index: 100; top: 12px; }
.body-new .header-icon-search { right: 10px; }
.body-new .header-icon-menu { display: none; left: 10px; }
@media screen and (max-width: 820px) { .body-new .header-icon-menu { display: block; } }
.body-new .header-logo a { /*width:230px;
height:96px;
background-image:url(//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/logo-simple.svg);*/ /*width:275px;
height:50px;
background-image:url(//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/logo-1-big.png);
background-repeat:no-repeat;
background-size:100%;
background-position:bottom center;
margin-bottom:-10px;*/ width: 275px; height: 54px; background-image: url(//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/logo-2023-2-m.png); background-size: 100%; background-repeat: no-repeat; background-position: center center; max-width: 100%; }
@media screen and (max-width: 820px) { .body-new .header-logo a { margin: -12px 0; width: 270px; height: 48px; } }
@media screen and (max-width: 600px) { .body-new .header-logo a { margin: -7px 0; width: 200px; height: 39px; } }
.body-new #Header { padding: 15px 0 10px; }
.body-new #Header.on { top: -24px; padding: 29px 0 4px; /*.dropdown-menu {
	margin:0;
}*/ }
.body-new #Header.on .inner { margin: 0 auto; }
.body-new #Header.on .header-logo a { /*width:180px;
height:80px;*/ /*width:180px;
height:33px;
margin-bottom:-6px;*/ width: 180px; height: 40px; margin: 0 0 3px; }
.body-new #Header.on .header-search input[type=text] { height: 32px; }
.body-new #Header .dropdown-menu li { position: relative; padding: 0 30px; }
.body-new #Header .dropdown-menu li:hover > a, .body-new #Header .dropdown-menu li:hover > span { border-bottom: 1px solid #a1a2a5; color: #4c4d4f; padding-bottom: 4px; }
.body-new #Header .dropdown-menu li > a, .body-new #Header .dropdown-menu li > span { display: inline-block; padding: 5px 15px; font-family: GothamBold, Arial, sans-serif; font-weight: bold; font-size: 19px; }
@media screen and (max-width: 820px) { .body-new #Header .dropdown-menu li > a, .body-new #Header .dropdown-menu li > span { padding: 5px; } }
.body-new #Header .header-left { overflow-x: visible; }
.body-new #Header .megamenu { display: none; }
@media screen and (min-width: 820.0001px) { .body-new #Header .dropdown-menu { margin-left: 65px; text-align: center; }
  .body-new #Header li.megamenu-hover:hover .megamenu, .body-new #Header .megamenu-visible { display: block; position: absolute; left: 0; margin-top: -10px; font-size: 14px !important; line-height: 1.4; text-align: left; white-space: normal; text-transform: none; width: 950px; /** 2 - width:870px;height:260px; 3 - width:870px;height:305px; */ }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-container-top, .body-new #Header .megamenu-visible .megamenu-container-top { background: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-top-950.png") no-repeat top left; height: 34px; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-container-bottom, .body-new #Header .megamenu-visible .megamenu-container-bottom { background: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-bottom-950.png") no-repeat bottom left; padding: 20px 33px 33px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-left, .body-new #Header .megamenu-visible.megamenu-left { margin-left: -465px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-left .megamenu-container-top, .body-new #Header .megamenu-visible.megamenu-left .megamenu-container-top { background: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-top-950-c.png") no-repeat top left; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search, .body-new #Header .megamenu-visible.megamenu-search { width: 870px; margin-left: -680px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search .megamenu-container-top, .body-new #Header .megamenu-visible.megamenu-search .megamenu-container-top { background-image: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-top-870-r.png"); }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search .megamenu-container-bottom, .body-new #Header .megamenu-visible.megamenu-search .megamenu-container-bottom { background-image: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-bottom-870.png"); }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search .megamenu-line, .body-new #Header .megamenu-visible.megamenu-search .megamenu-line { padding: 10px 0 20px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search form, .body-new #Header .megamenu-visible.megamenu-search form { margin-top: 6px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search input[type=text], .body-new #Header .megamenu-visible.megamenu-search input[type=text] { width: 300px; max-width: 80%; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-search a, .body-new #Header .megamenu-visible.megamenu-search a { color: #c9572d; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-trending, .body-new #Header .megamenu-visible.megamenu-trending { width: 415px; text-align: center; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-trending .megamenu-container-top, .body-new #Header .megamenu-visible.megamenu-trending .megamenu-container-top { background-image: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-top-415.png"); }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-trending .megamenu-container-bottom, .body-new #Header .megamenu-visible.megamenu-trending .megamenu-container-bottom { background-image: url("//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/megamenu-bottom-415.png"); }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-trending .megamenu-line, .body-new #Header .megamenu-visible.megamenu-trending .megamenu-line { padding: 4px 0 13px; }
  .body-new #Header li.megamenu-hover:hover .megamenu.megamenu-trending .button, .body-new #Header .megamenu-visible.megamenu-trending .button { margin-bottom: 5px; }
  .body-new #Header li.megamenu-hover:hover .megamenu h3, .body-new #Header .megamenu-visible h3 { font-size: 17px; margin: 1px 0 20px; }
  .body-new #Header li.megamenu-hover:hover .megamenu .color-orange, .body-new #Header .megamenu-visible .color-orange { font-size: 16px !important; }
  .body-new #Header li.megamenu-hover:hover .megamenu .grid, .body-new #Header .megamenu-visible .grid { margin: 0 0 0 -8px; }
  .body-new #Header li.megamenu-hover:hover .megamenu .grid__item, .body-new #Header .megamenu-visible .grid__item { font-size: 12px !important; padding-left: 8px; padding-right: 0; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-line, .body-new #Header .megamenu-visible .megamenu-line { padding-bottom: 3px; }
  .body-new #Header li.megamenu-hover:hover .megamenu a, .body-new #Header .megamenu-visible a { font-weight: normal; text-transform: none; color: #4c4d4f; letter-spacing: -0.4pt; font-size: 14px !important; }
  .body-new #Header li.megamenu-hover:hover .megamenu a:hover, .body-new #Header .megamenu-visible a:hover { color: #c9572d; border-bottom: 1px solid #e29274; }
  .body-new #Header li.megamenu-hover:hover .megamenu a.color-orange, .body-new #Header .megamenu-visible a.color-orange { text-transform: uppercase; }
  .body-new #Header li.megamenu-hover:hover .megamenu a.color-orange:hover, .body-new #Header .megamenu-visible a.color-orange:hover { border-bottom: 1px solid #a1a2a5; }
  .body-new #Header li.megamenu-hover:hover .megamenu a.button:hover, .body-new #Header .megamenu-visible a.button:hover { border: none; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-line a, .body-new #Header .megamenu-visible .megamenu-line a { color: #c9572d; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-line a:hover, .body-new #Header .megamenu-visible .megamenu-line a:hover { color: #4c4d4f; border-bottom: 1px solid #a1a2a5; }
  .body-new #Header li.megamenu-hover:hover .megamenu .subcategories-collections a, .body-new #Header li.megamenu-hover:hover .megamenu .subcategories-seasonal a, .body-new #Header .megamenu-visible .subcategories-collections a, .body-new #Header .megamenu-visible .subcategories-seasonal a { font-size: 16px !important; }
  .body-new #Header li.megamenu-hover:hover .megamenu hr, .body-new #Header .megamenu-visible hr { border: none; border-bottom: 1px dotted #4c4d4f; margin: 15px 0 13px; padding: 0; }
  .body-new #Header li.megamenu-hover:hover .megamenu .one-third, .body-new #Header .megamenu-visible .one-third { width: 33%; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-bottom, .body-new #Header .megamenu-visible .megamenu-bottom { padding-top: 8px; /*.grid__item {
	display:inline-block;
	width:auto !important;
	padding-right:9px !important;
}*/ }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-bottom .one-quarter, .body-new #Header .megamenu-visible .megamenu-bottom .one-quarter { width: 25%; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-logos .grid__item, .body-new #Header .megamenu-visible .megamenu-logos .grid__item { width: 10%; padding: 0 12px !important; display: table-cell; vertical-align: middle; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-logos .grid__item a:hover, .body-new #Header .megamenu-visible .megamenu-logos .grid__item a:hover { text-decoration: none; }
  .body-new #Header li.megamenu-hover:hover .megamenu .button, .body-new #Header li.megamenu-hover:hover .megamenu input[type=submit], .body-new #Header .megamenu-visible .button, .body-new #Header .megamenu-visible input[type=submit] { border-radius: 10px; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-all, .body-new #Header .megamenu-visible .megamenu-all { /*float:right;
padding-right:33px;
margin-top:-8px;*/ text-align: right; margin: -15px 10px 5px 0; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-all a, .body-new #Header .megamenu-visible .megamenu-all a { font-size: 19px !important; font-weight: bold; }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-popout-container:hover .megamenu-popout, .body-new #Header .megamenu-visible .megamenu-popout-container:hover .megamenu-popout { display: block; margin-right: -999px; /*position:absolute;
margin:0 -20px;
padding:0 20px;
background:#fff;*/ }
  .body-new #Header li.megamenu-hover:hover .megamenu .megamenu-popout, .body-new #Header .megamenu-visible .megamenu-popout { display: none; }
  .body-new #Header #megamenu-product-li .megamenu-bottom .one-quarter:nth-child(1) { width: 21% !important; }
  .body-new #Header #megamenu-product-li .megamenu-bottom .one-quarter:nth-child(3) { width: 29% !important; }
  .body-new #Header #megamenu-gifts-li:hover .megamenu, .body-new #Header #megamenu-gifts-li .megamenu-visible { width: 660px; }
  .body-new #Header #megamenu-theme-li .megamenu a { color: #c9572d; } }
@media screen and (max-width: 820px) { .body-new #Header { padding: 5px 0 15px; }
  .body-new #Header #customer-care-menu { display: none; } }
@media screen and (max-width: 820px) { .body-new #Header .header-left { width: 360px !important; background: #fff; position: absolute; display: block; top: 17px; left: -380px; padding: 13px 30px 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: 0.5s; }
  .body-new #Header .header-left li { display: block; text-align: left; padding: 0; }
  .body-new #Header .header-left ul ul { padding-left: 13px; }
  .body-new #Header .header-left ul ul li > a { font-size: 14px; }
  .body-new.menu-open #Header .header-left { left: 0; } }
.body-new .footer { padding: 10px 0 100px; margin: 0; background: #c9572d url(//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/footer-background-3.png) right top no-repeat; }
.body-new .footer .inner { background: none; }
.body-new .footer h4 { text-transform: none; }
.body-new .footer ul a { color: #fff; text-transform: uppercase; }
.body-new .footer #socnet { margin-bottom: 10px; float: none !important; }
.body-new .footer .info-group > p { width: 100%; }
.body-new .footer .icon-book { display: inline-block; margin: -3px 5px 0; }
@media screen and (max-width: 820px) { .body-new .footer { background: #c9572d; }
  .body-new .footer .grid__item { width: 100%; }
  .body-new .footer .info-group > p { text-align: center; }
  .body-new .footer .txt-right { text-align: center !important; } }
.body-new .page-contact-left { padding-right: 100px; }
@media screen and (max-width: 820px) { .body-new .page-contact-left { padding-right: 17px; } }
.body-new .page-contact-left h2 { line-height: 1.3; font-size: 32px; }
.body-new .page-contact-left p { line-height: 2.2; }
.body-new .RHLJournalCard .body > ul.side-menu li { width: 100% !important; display: block; }
.body-new .ProductList li { width: 25%; }
@media screen and (max-width: 1200px) { .body-new .ProductList li { width: 25%; }
  .body-new .ProductList li .wrapper { padding: 0; } }
@media screen and (max-width: 767px) { .body-new .ProductList li { width: 33.3333%; } }
@media screen and (max-width: 500px) { .body-new .ProductList li { width: 50%; } }

@media screen and (min-width: 820.1px) { .show-for-small-only { display: none !important; } }

@media screen and (max-width: 820px) { .show-for-medium-up, .hide-for-small-only { display: none !important; } }

@media screen and (max-width: 1024px) { .show-for-large-only { display: none !important; } }

@media screen and (min-width: 1024.1px) { .hide-for-large-only { display: none !important; } }

/**** Home ****/
.home-banner { width: 100%; overflow: hidden; text-align: center; }
.home-banner img.show-for-large-only { width: 100%; min-width: 1700px; margin: 0 -50%; }
@media screen and (max-width: 1150px) { .home-banner img.show-for-large-only { min-width: 1500px; } }

.home-scroller h2 { padding: 0 18px; font-size: 16px; letter-spacing: 0; }

.owl-nav button span { padding: 1px 8px 4px; display: inline-block; line-height: 1; font-size: 22px; }

.background-gray { background: #ededed; padding: 45px; }
@media screen and (max-width: 820px) { .background-gray { padding: 20px; } }

.owl-carousel-gray { padding: 45px 20px 30px; margin: 0 -10px; }
.owl-carousel-gray .owl-carousel .owl-carousel-item { font-weight: bold; text-transform: uppercase; padding: 0 10px; text-align: center; /*float:left;
//width:12.5%;
width:16.6667%;
box-sizing:border-box;
@media screen and (max-width:1024px) {
	width:25%;
	margin-bottom:35px;
}
@media screen and (max-width:820px) {
	width:50%;
}*/ }
.owl-carousel-gray .owl-carousel .owl-carousel-item .owl-carousel-image { background: #fff; height: 210px; line-height: 205px; padding: 20px; margin-bottom: 12px; }
.owl-carousel-gray .owl-carousel .owl-carousel-item .owl-carousel-image img { max-width: 80%; max-height: 210px; }
.owl-carousel-gray .owl-carousel .owl-carousel-item .owl-carousel-image.owl-carousel-image-collage img { max-width: 100%; }
.owl-carousel-gray .owl-carousel .owl-carousel-item .owl-carousel-text { background: #fff; height: 250px; padding: 74px 15px; font-size: 45px; font-weight: 900; font-family: GothamBold, Arial, sans-serif; line-height: 1; text-align: center; text-transform: none; box-sizing: border-box; margin-bottom: 12px; }
.owl-carousel-gray .owl-carousel .owl-carousel-item a { display: block; }
.owl-carousel-gray .owl-carousel .owl-carousel-item img { margin-bottom: 15px; width: auto; display: inline-block; }
.owl-carousel-gray .owl-carousel .owl-nav button { position: absolute; top: 25%; background: #fff !important; border-radius: 100px !important; opacity: 0.92; }
.owl-carousel-gray .owl-carousel .owl-nav button:hover { opacity: 1; }
.owl-carousel-gray .owl-carousel .owl-nav button span { color: #aaa; font-size: 90px; line-height: 50px; padding: 0px 19px 16px; }
.owl-carousel-gray .owl-carousel .owl-nav button.owl-prev { left: 10px; }
@media screen and (max-width: 820px) { .owl-carousel-gray .owl-carousel .owl-nav button.owl-prev { left: -7px; } }
.owl-carousel-gray .owl-carousel .owl-nav button.owl-prev span { padding-left: 16px; }
.owl-carousel-gray .owl-carousel .owl-nav button.owl-next { right: 10px; }
@media screen and (max-width: 820px) { .owl-carousel-gray .owl-carousel .owl-nav button.owl-next { right: -7px; } }
.owl-carousel-gray .owl-carousel .owl-nav button.owl-next span { padding-right: 16px; }

#owl-carousel-idea { text-align: center; }
#owl-carousel-idea .owl-item { text-transform: uppercase; font-size: 16px; }
#owl-carousel-idea .owl-item .owl-carousel-item { padding: 0 6px; }
#owl-carousel-idea .owl-item a { display: block; }
#owl-carousel-idea .owl-item img { margin-bottom: 15px; width: auto; display: inline-block; }
#owl-carousel-idea .owl-dots .owl-dot span { margin: 5px; }
#owl-carousel-idea .owl-nav button { position: absolute; top: 30%; background: #fff; border-radius: 100px; line-height: 1; width: 50px; height: 50px; opacity: 0.7; }
#owl-carousel-idea .owl-nav button:hover { opacity: 1; color: #4c4d4f; }
#owl-carousel-idea .owl-nav button.owl-prev { display: none; }
#owl-carousel-idea .owl-nav button.owl-next { right: 6px; }
#owl-carousel-idea .owl-nav button span { font-size: 60px; margin-top: -10px; }

/* Home - New to Us */
.home-newtous { background: #9e9da2 url(//cdn10.bigcommerce.com/s-fu1b8f4/templates/__custom/images/home-newtous-background-2.png) no-repeat right top; color: #fff; padding: 15px 0; }
.home-newtous .button { margin-left: 40px; }
.home-newtous .grid { padding: 42px 200px 30px; }
.home-newtous p { line-height: 2; }
@media screen and (max-width: 820px) { .home-newtous { background: #9e9da2; padding: 30px 0; }
  .home-newtous .button { margin-left: 0; }
  .home-newtous .grid { padding: 20px 15px; } }

.home-idea-left { float: left; width: 7%; background: #c9572d; color: #fff; height: 266px; position: relative; overflow: hidden; }
.home-idea-left div { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; font-size: 22px; font-family: GothamBold, Arial, sans-serif; text-transform: uppercase; text-align: center; position: absolute; bottom: -30px; left: 70px; width: 266px; }
@media screen and (max-width: 1500px) { .home-idea-left div { left: 50px; } }
@media screen and (max-width: 1024px) { .home-idea-left div { left: 30px; } }
@media screen and (max-width: 500px) { .home-idea-left div { left: 7px; } }
@media screen and (max-width: 820px) { .home-idea-left { width: 11%; } }

.home-idea-right { float: left; width: 93%; padding-left: 6px; box-sizing: border-box; }
@media screen and (max-width: 820px) { .home-idea-right { width: 89%; } }

/** Home - Mobile */
.home-mobile h2 { text-align: center; line-height: 1.3; }
.home-mobile .button-big { width: 90%; margin: 0 auto 20px; display: block; }

.text-small { font-size: 12px; }

.text-smaller { font-size: 10px; }

.text-uppercase { text-transform: uppercase !important; }

.text-nocase { text-transform: none !important; }

.see-if-this-fucking-busts-the-cache { font-size: 20px; }

#modal-free-shipping p { margin: 0; padding: 0 0 4px; font-size: 21px; }
#modal-free-shipping p.text-small { font-size: 13px; }
#modal-free-shipping .h2 { font-size: 38px; }

/** Category page */
.page-category-new #CategoryHeading .TitleHeading { display: none; }
.page-category-new .Content { float: none; width: 100%; padding: 0; }

.category-banner-default { padding: 40px 0; text-align: center; font-size: 76px; font-family: GothamBold, Arial, sans-serif; font-weight: bold; background: #ddd; line-height: 1.2; }
@media screen and (max-width: 820px) { .category-banner-default { font-size: 34px; padding: 20px 0; } }
.category-banner-default.category-banner-description { padding: 18px 0 29px; }
@media screen and (max-width: 820px) { .category-banner-default.category-banner-description { padding: 12px 0 16px; } }

.category-description { font-size: 36px; margin-top: -10px; }
@media screen and (max-width: 820px) { .category-description { font-size: 22px; margin-top: -4px; } }

.body-new .category-subcategories { margin: 30px -0.35% 30px; }
.body-new .category-subcategories .grid__item { padding: 0 0.35%; /*@media screen and (max-width: 820px) {
	width:50%;
}
@media screen and (max-width: 515px) {
	width:100%;
}*/ }
@media screen and (max-width: 1024px) { .body-new .category-subcategories .grid__item { width: 33.3333%; } }
@media screen and (max-width: 820px) { .body-new .category-subcategories .grid__item { width: 100%; display: contents; } }
@media screen and (max-width: 820px) { .body-new .category-subcategories { margin-right: -0.8%; } }

.category-subcategory { line-height: 1; font-size: 16px; font-family: GothamBold, Arial, sans-serif; border: 1px solid #d4d5d6; margin: 0 0 8px; padding: 10px 8px; box-sizing: border-box; letter-spacing: -0.4pt; /*@media screen and (max-width: 1024px) {
	width:32.6333%;
}
@media screen and (max-width: 820px) {
	width:49.3%;
}
@media screen and (max-width: 515px) {
	width:99.3%;
}*/ }
.category-subcategory.category-subcategory-selected { background: #f5f5f5; }
@media screen and (max-width: 820px) { .category-subcategory { display: inline-block; width: 50%; height: 33px; margin: 0 0 -1px -1px; font-size: 13px; } }

#search-category-form input[type=text] { width: 350px; }
@media screen and (max-width: 820px) { #search-category-form input[type=text] { max-width: 70%; height: 34px; margin: 0; } }

.lp { display: none; padding-bottom: 25px; }
.lp img { width: 100%; }

@media screen and (max-width: 820px) { .lp-desktop { display: none; } }

@media screen and (min-width: 769px) { .lp-mobile { display: none; } }

.page-lp #CategoryHeading { display: none; }

.search-top { text-align: right; }
@media screen and (max-width: 820px) { .search-top { text-align: center; } }

.search-search { display: inline-block; margin: 0 10px 10px 0; }

.search-none { position: absolute; z-index: 2; padding-top: 4px; font-size: 11px; color: #c9572d; }

.search-sort { display: inline-block; margin: 0 10px 10px 0; border: 1px solid #d4d5d6; padding-left: 10px; }
.search-sort:hover { border: 1px solid #a1a2a5; }
.search-sort label { color: #a1a2a5; vertical-align: middle; font-weight: bold; }
.search-sort select { border: none; }
.search-sort div.selector { border: none; height: 32px !important; line-height: 32px !important; width: auto !important; }
@media screen and (max-width: 820px) { .search-sort { margin: 0 0 10px; }
  .search-sort div.selector span, .search-sort div.selector span:after { line-height: 40px; } }

.search-quick { display: inline-block; margin: 0 10px 10px 0; }

.search-quick-text { font-weight: bold; font-family: GothamBold, Arial, sans-serif; border: 1px solid #d4d5d6; height: 17px; padding: 8px 10px; vertical-align: top; display: inline-block; }

.product-nav { margin: 0; padding: 0; }

.product-nav .search-sort .SearchSorting { display: block; }

.search-pages { display: inline-block; vertical-align: middle; }
.search-pages .Block { margin: 0; }
.search-pages .CategoryPagination .PagingList li, .search-pages .CategoryPaginationNoJS .PagingList li { padding: 9px; }
.search-pages .CategoryPagination .PagingList li.ActivePage, .search-pages .CategoryPaginationNoJS .PagingList li.ActivePage { background: #f5f5f5; }
@media screen and (max-width: 820px) { .search-pages { display: block; } }

.search-contact { max-width: 600px; margin: 0 auto; text-align: left; }
.search-contact h3 { font-size: 30px; text-align: center; font-family: GothamBook, Arial, sans-serif; }
.search-contact input, .search-contact textarea { padding: 10px 15px; border-radius: 18px; background: rgba(220, 220, 220, 0.25); width: 100%; height: 40px; font-size: 15px; min-width: 0 !important; }
.search-contact label { font-weight: bold; font-size: 16px; text-transform: none; }
.search-contact dt { padding-bottom: 6px; }
.search-contact .Submit { text-align: center; }
.search-contact .Submit button { font-size: 20px; }
@media screen and (min-width: 40.0001em) { .search-contact .medium-6 input { width: 92%; } }

/** Contact page */
.contact-form input[type=text], .contact-form textarea { width: 100%; }
.contact-form input, .contact-form select, .contact-form textarea, .contact-form div.selector { border: 1px solid #d4d5d6; }
.contact-form dt { padding-bottom: 4px; text-transform: none; }
.contact-form select, .contact-form div.selector { min-width: 150px; }

/** Gray background pages */
.body-new .page-our-story h2, .body-new .page-our-story h3, .body-new .page-customizing h2, .body-new .page-customizing h3, .body-new .page-sales-tools h2, .body-new .page-sales-tools h3 { color: #fff; }

/** Sales Tools (/sales-tools/) */
@media screen and (max-width: 820px) { .page-sales-tools .PageContent h3 { font-size: 36px; }
  .page-sales-tools .PageContent .TitleHeading + p { font-size: 18px; } }
.page-sales-tools a.color-orange:hover { text-decoration: underline; color: #fff !important; }

/** Art Templates (/art-templates/) */
.page-art-templates .TitleHeading { font-size: calc(14px + 5vw); display: block; }

/** Categories page (/product-categories/) */
#categories > .grid > .one-quarter { padding-bottom: 20px; }
#categories .color-orange { margin-top: 5px; font-size: 20px; letter-spacing: -0.4pt; font-weight: bold; }
#categories b, #categories strong { font-size: 15px; }
#categories span { display: block; font-weight: normal; margin: -8px 0 -23px; }

/** Shipping Estimate */
.shipping-estimate-form-field { text-align: left; margin-bottom: 10px; }
.shipping-estimate-form-field label { display: inline-block; width: 150px; }

.shipping-estimate-results { margin-top: 10px; }

.shipping-estimate-rate { font-size: 22px; margin: 5px 0; }

.shipping-estimate-rate-name { text-align: left; display: inline-block; width: 69%; }

.shipping-estimate-rate-cost { display: inline-block; width: 29%; font-weight: bold; text-align: right; }

/** Kitting */
.kitting-banner { margin-bottom: 60px; }

.kitting-blurb { background: #ececec; padding: 25px 25px 32px; font-size: 28px; font-family: GothamBold, Arial, sans-serif; margin-bottom: 60px; }

.kitting-examples { margin-bottom: 60px; }
.kitting-examples h2 { font-size: 44px; margin-bottom: -15px; }
.kitting-examples .kitting-example h3 { text-transform: uppercase !important; }

.kitting-blurb-explore .column { padding-left: 30px; padding-right: 10px; }
.kitting-blurb-explore .button-big { width: 100%; }
@media screen and (max-width: 40em) { .kitting-blurb-explore .column { padding-left: 25px; padding-right: 25px; text-align: center; }
  .kitting-blurb-explore .button-big { margin-top: 25px; } }

.kitting-details { margin-bottom: 60px; }

.kitting-info { margin-bottom: 60px; }
.kitting-info .column { padding: 0 10px; }
.kitting-info .kitting-blurb { margin-bottom: 0; padding: 20px 15px 25px; font-size: 26px; }
@media screen and (max-width: 40em) { .kitting-info .kitting-blurb { margin-bottom: 30px; } }

.kitting-box { margin-bottom: 40px; }
.kitting-box .row { background: #efefef; color: #4c4d4f; }
.kitting-box .column { padding: 50px 40px; }
@media screen and (max-width: 40em) { .kitting-box .column { padding: 25px 20px; } }
.kitting-box .kitting-box-image { text-align: center; }
.kitting-box .kitting-box-text { padding-left: 60px; font-weight: bold; font-size: 15px; font-family: GothamBold, Arial, sans-serif; text-align: left; }
.kitting-box .kitting-box-text h2 { font-size: 44px; margin-bottom: 10px; color: #4c4d4f; }
.kitting-box .kitting-box-text li { list-style-position: outside; }
.kitting-box .kitting-box-text ul { padding: 15px 0 0 16px; }
.kitting-box .kitting-box-text ul li { padding-bottom: 3px; }
.kitting-box .kitting-box-text a { color: #c9572d; }
.kitting-box .kitting-box-text a:hover { color: #000; text-decoration: underline; }
@media screen and (max-width: 40em) { .kitting-box .kitting-box-text { padding-left: 20px; } }

/** Brands */
.brands .column { padding-bottom: 45px; }
.brands .brand-products { height: 287px; }
.brands .brand-products img { display: block; max-height: 275px; margin: 0px auto 12px; }
.brands .brand-products.brand-products-single { padding: 20px; margin: 0 35px 12px; margin-bottom: 12px; background: #c9c9c9; height: 235px; }
.brands .brand-products.brand-products-single a { display: block; }
.brands .brand-products.brand-products-single img { max-height: 235px; margin: 0 auto; }
@media screen and (max-width: 640px) { .brands .brand-products { height: auto; } }
.brands .brand-products.brand-products-text { font-size: 54px; font-weight: 900; font-family: GothamBold, Arial, sans-serif; line-height: 1; text-align: center; }
.brands .brand-products.brand-products-text a { display: block; padding: 65px 20px; width: 280px; height: 250px; box-sizing: border-box; margin: 0 auto; background: #f5f5f5; }
.brands .brand-products.brand-products-text a:hover { color: #4c4d4f; background: #d4d5d6; }
.brands .brand-name { font-family: Gotham, Arial, sans-serif; height: 35px; min-height: 0; padding: 0; font-size: 16px; text-align: center; font-weight: bold; }
.brands .brand-subtitle { font-family: GothamBook, Arial, sans-serif; font-weight: normal; font-size: 15px; }
.brands .brand-description { padding: 3px 20px; text-align: center; font-size: 13px; height: 41px; }
.brands .brand-logo { height: 75px; }
.brands .brand-logo a { display: block; height: 50px; position: relative; padding: 12px 20px; text-align: center; font-size: 30px; font-family: GothamBold, Arial, sans-serif; }
.brands .brand-logo img { max-height: 75px; max-width: 170px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.brands.brands-white .brand-products img { max-height: 250px; }

.brand-do_one_thing .brand-logo img { max-width: 275px; width: 100%; }

.brand-games_room .brand-logo img, .brand-amusements .brand-logo img, .brand-paperscapes .brand-logo img, .brand-tabletopics .brand-logo img { max-width: 240px; width: 100%; }

.brand-thoughtfulls .brand-logo img { max-width: 305px; width: 100%; }

/** Why Books */
.page-why { text-align: center; }
.page-why h2 { font-size: 64px; font-family: GothamBold, Arial, sans-serif; margin: 35px 0 25px; }

.whys { padding-top: 10px; margin: 0 -10px; }
.whys .column { padding: 10px; }
.whys .column .why { background: #f2f2f2; height: 270px; padding: 30px 0; }
.whys .column .why p { font-size: 19px; }
@media screen and (max-width: 820px) { .whys .column .why { height: auto; } }

.why-branding { padding: 60px 0 80px; }
.why-branding .why-branding-text { font-size: 25px; max-width: 830px; margin: 0 auto; line-height: 1.4; }

.why-bulk { padding-top: 30px; background: #4c4d4f; color: #fff; }
.why-bulk h2 { color: #fff; }
.why-bulk .why-bulk-text { font-size: 25px; max-width: 90%; margin: 0 auto; }