/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FAMILY BRANDING BAR ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (min-width: 768px) and (max-width: 827px) {
	.general #PageHeader #familyNavItems .familyLink {
		padding-right: 0.4em;
	}
	.general #PageHeader #familyNavItems .familyLink .linkIcon {
		margin-left: 0.1em;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.general #Masthead #headerLogo {
	background-image: url(https://images.azureedge.net/rcg/rcg-ty/images/interface/icn_rcg_banner_logo-ty.png);
	width: 300px;
}
@media screen and (min-width: 425px) {
	.general #Masthead #headerLogo {
		width: 355px;
	}
	.general #Masthead a.headerLogoLink {
		height: 91px;
	}
}

/* Header (Mobile) */
@media screen and (min-width: 650px) and (max-width: 767px) {
	.general #Masthead {
		height: 112px;
	}
}

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

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEARCH BOX ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (min-width: 768px) {
	.general #Masthead #searchBox {
		left: 24em;
		max-width: 440px;
	}
}

/* -----------------------Search Box Input ---------------------- */
.general #Masthead #searchBox input.blank {
	background: url(https://images.azureedge.net/rcg/rcg-ty/images/interface/rcg_tagline-ty.png) no-repeat 2px 7px #FFF;
}
@media screen and (min-width: 1024px) and (max-width: 1075px) {
	.general #Masthead #searchBox input.text {
		width: 75%;
	}
	.general #Masthead .button.search, .general #Masthead .button.search:hover {
		right: 65px;
	}
}

/* -----------------------Search Box Submit Button ---------------------- */
@media screen and (min-width: 824px) and (max-width: 1075px) {
	.general #Masthead .button.search, .general #Masthead .button.search:hover {
		width: 40px;
		background-position: 8px -70px, 0 0 !important;
		padding-left: 0;
		padding-right: 0;
		text-indent: 100%;
		overflow: hidden;
	}
}

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

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ PAGE NAV ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
/* Home / Contact ------------------------------------- */
@media screen and (min-width: 1100px) {
	.fixedNav #secondaryOptions #contactLink.option {
		position: relative;
		z-index: 1;
	}
	.general .pageNav {
		padding-left: 9%;
	}
}

/* Page Navigation (Mobile) ---------------------------- */
@media screen and (max-width: 559px) {
	.general .navItemCompact .navLabel, .general #footerLinksContainer .navLabel {
		display: none;
	}
}

/* Page Navigation (Ipad/Desktop) ---------------------- */
@media screen and (max-width: 899px) {
    .general .moreNavOptions ul.navListContd {
        float: none !important;
        clear: both;
    }
    .general #optionsLibrary.moreNavOptions .fakeTable .column1 {
        padding-bottom: 1em;
    }
}
@media screen and (min-width: 768px) {
    .general #optionsLibrary.moreNavOptions .column1 ul {
        width: auto;
    }
}
@media screen and (min-width: 1120px) {
	.general .pageNav {
		padding-left: 7%;
	}
}
@media screen and (min-width: 1200px) {
	.general .pageNav {
		padding-left: 0;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1076px) {
	.general .moreNavOptions .moreNavOptionContent {
		width: 95%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1179px) {
    .general .moreNavOptions ul.navListContd {
        float: none !important;
        clear: both;
    }
}

/* Login ---------------------------------------------- */
#userControls .text {
    max-width: 150px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FACEBOOK LIKE ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
@media screen and (min-width: 450px) and (max-width: 479px) {
	#likeContainer {
		left: 83% !important;
	}
}
@media screen and (min-width: 480px) {
	#likeContainer {
		left: 385px !important;
	}
}
@media screen and (min-width: 768px) {
	#likeContainer {
		left: 7px !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 887px) {
	#likeContainer {
		top: -95px !important;
	}
	@media screen and (min-width: 815px) and (max-width: 827px) {
		#likeContainer {
			top: -72px !important;
		}
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ BUTTONS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.homeFeaturedBook .multiOptionButton .mobHead {
	margin-left: -3px;
}
.homepage .homeFeaturedBook .multiOptionButton {
	min-width: 9em;
}
@media screen and (min-width: 446px) {
	.slide .multiOptionButton .mobHead, .slide .multiOptionButton a.readNow {
		font-size: 100%;
	}
}
@media screen and (min-width: 768px) {
	.slide .multiOptionButton .otherOptions {
		font-size: 100%;
		margin-left: -1.8em;
	}
	.slide .multiOptionButton .otherOptions a {
		padding-left: 2em;
	}
	.slide .multiOptionButton .otherOptions .readLater {
		background-position-y: -476px;
	}
}
@media screen and (min-width: 1024px) {
	.homepage .homeFeaturedBook .multiOptionButton {
		width: 8em;
		min-width: 7em;
	}
	.homeFeaturedBook .multiOptionButton .mobHead {
		margin-left: -5px;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FAKE SELECT ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.listing.library #LeftToolbar .fakeSelect {
	width: 130px;
}
.listing.playlist .fakeSelect {
	width: 175px;
}