/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.general.ty #Masthead #headerLogo {
	background-image: url(https://images.azureedge.net/rcg/rcg-ty/images/interface/icn_rcg_banner_logo-ty_hires.png) !important;
	width: 300px !important;
}

/* Header (Mobile) */
.general #Masthead {
	height: 105px;
}
.general #Masthead #headerLogo {
	bottom: 4px;
}
.general #Masthead a.headerLogoLink {
	height: 89px;
}
@media screen and (min-width: 425px) {
	.general #Masthead {
		height: 115px;
	}
	.general.ty #Masthead #headerLogo {
		width: 355px !important;
	}
	.general #Masthead #headerLogo {
		bottom: 0px;
	}
	.general #Masthead a.headerLogoLink {
		height: 101px;
	}
}
@media screen and (min-width: 650px) and (max-width: 767px) {
	.general #headerNavContent {
		margin-top: 1.2em;
	}
	#userControls {
		top: 16px;
	}
}

/* Header (Ipad/Desktop) */
@media screen and (min-width: 768px) {
	.general #Masthead #headerLogo {
		top: -13px;
	}
	.general #Masthead {
		height: 91px;
	}
}

/* Login ------------------------------------- */
#userControls .moreUserOptions {
	min-width: 200px;
}
@media screen and (min-width: 1024px) {
	#userControls {
		top: -3.8em;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEARCH BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.general #Masthead #searchBox input.blank {
	background-image: url(https://images.azureedge.net/rcg/rcg-ty/images/interface/rcg_tagline-ty_hires.png) !important;
	background-size: 280px auto !important;
}
@media screen and (min-width: 1076px) {
	.general #Masthead #searchBox {
		width: 27em !important;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEARCH SUGGESTIONS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (min-width: 1024px) and (max-width: 1075px) {
	.general #searchSuggestions {
		max-width: 333px;
	}
}

/* ---------------------------- LITERATURE ----------------------------------- */
.general.literature.ty .mobileGroup ul li.saveLater a {
	background-image: url(https://images.azureedge.net/rcg/rcg-ty/images/interface/sprite_mobile_icons-ty_hires.png) !important;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BUTTONS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.homepage .homeFeaturedBook .multiOptionButton .otherOptions {
	margin-left: -2.55em;
}
@media screen and (min-width: 768px) {
	.homepage .homeFeaturedBook .multiOptionButton {
		width: 9.5em;
	}
	.slide .multiOptionButton .otherOptions a {
		padding-left: 2.2em;
	}
	.multiOptionButton .otherOptions a.moreInfo {
		padding-top: 0.6em;
	}
	.slide .multiOptionButton .otherOptions {
		font-size: 90%;
		margin-left: -2.1em;
	}
	.slide .multiOptionButton .otherOptions .readLater {
		background-position-y: -478px;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DESKTOP SIDE LISTING OPTIONS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
/* Display */
@media screen and (min-width: 480px) {
	.listing #LeftToolbar .fakeSelect {
		left: 7.3em !important;
		top: 17px !important;
	}
}
@media screen and (min-width: 1024px) {
	.listing #LeftToolbar .fakeSelect {
		left: 6.5em !important;
	}
	.toolBox.display .toolBoxOptions #wrapList {
		margin-left: 0.6em;
	}
}
@media screen and (min-width: 1024px) {
	.listing #LeftToolbar #desktopOrderControl {
		min-height: 4.5em !important;
	}
	#desktopOrderControl .moduleHeader .text {
		max-width: 105px !important;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LISTING HEADINGS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (min-width: 600px) {
	.listing.library .sortHeading .backToTop {
		line-height: 1.1em !important;
		padding-top: 0.2em !important;
	}
}
@media screen and (min-width: 1024px) {
	.listing.library .sortHeading .backToTop {
		line-height: 1.05em !important;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LISTING BOOKMARKS (HEADING) ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.top.tools {
	width: 236px !important;
}

/* Fake Select */
.listing.playlist .fakeSelect {
	width: 156px;
}
@media screen and (min-width: 768px) {
	.bookmarks.current .product.series .bottomOptions .option.read {
		width: 62% !important;
	}
	.bookmarks.current .product.series .bottomOptions .option.done {
		width: 38% !important;
	}
}