/* -----------------------------------------------
	DEFAULT THEME
----------------------------------------------- */

/* color helper classes */

.theme .th-primary-c 			{ color: #005da4; }
.theme .th-primary-b 			{ background-color: #005da4; }
.theme .th-primary-light-c 		{ color: #007edf; }
.theme .th-primary-light-b 		{ background-color: #007edf; }
.theme .th-primary-medium-c 		{ color: #005587; }
.theme .th-primary-medium-b 		{ background-color: #005587; }
.theme .th-primary-dark-c 		{ color: #003156; }
.theme .th-primary-dark-b 		{ background-color: #003156; }

.theme { background-position: top left; background-repeat: no-repeat; }
/* -----------------------------------------------
	MODULES
----------------------------------------------- */


/* top-navigation module */
.theme .sticky-header.is-sticky {
        background-color: #4bd1de;
}


/* page background colors/gradients */
html, .theme {
	/* background color */
		background-color: #4bd1de;
			background: -webkit-gradient(linear, left top, left bottom, from(#00bde3), to(#4ec3b7));
			background: -webkit-linear-gradient(top, #00bde3, #4ec3b7);
			background: -moz-linear-gradient(top, #00bde3, #4ec3b7);
			background: -ms-linear-gradient(top, #00bde3, #4ec3b7);
			background: -o-linear-gradient(top, #00bde3, #4ec3b7);
			background: linear-gradient(top, #00bde3, #4ec3b7);
			background-attachment: fixed;
}

/* Go through all possible backgrounds. */
/* If a gradient was set, apply both gradient and image to the background. */

/* ------------ BACKGROUND IMAGES ------------ */
@media (orientation: portrait) {
	.property-branding .property-show-background {
			background-image: none;
	}
}
@media (orientation: landscape) {
	.property-branding .property-show-background {
			background-image: none;
	}
}

/* ------------ SHOW ART ------------ */
/* show art portrait */
@media screen and (orientation: portrait) {
	.theme .property-branding .property-show-art-portrait .show-art[data-type="mobile"] {
			background-image: url(http://nick.mtvnimages.com/nick/properties/spongebob-squarepants/property-header-spongebob-squarepants-web-mobile-portrait.png?quality=0.75);
	}
}

@media screen and (orientation: portrait) {
	.theme .property-branding .property-show-art-portrait .show-art[data-type="desktop"] {
			background-image: url(http://nick.mtvnimages.com/nick/properties/spongebob-squarepants/property-header-spongebob-squarepants-web-desktop-portrait.png?quality=0.75);
	}
}

/* show art landscape */
@media screen and (orientation: landscape) {
	.theme .property-branding .property-show-art-landscape .show-art[data-type="mobile"] {
			background-image: url(http://nick.mtvnimages.com/nick/properties/spongebob-squarepants/property-header-spongebob-squarepants-web-mobile-landscape.png?quality=0.75);
	}
}

@media screen and (orientation: landscape) {
	.theme .property-branding .property-show-art-landscape .show-art[data-type="desktop"] {
			background-image: url(http://nick.mtvnimages.com/nick/properties/spongebob-squarepants/property-header-spongebob-squarepants-web-desktop-landscape.png?quality=0.75);
	}
}

/* logo image (not currently in use) */





.theme .property-filters .filter-link {
  border-right-color: #003156;
  background-color: #005da4;
}

.theme .filters-dropdown .filters-submenu-tail {
    border-bottom-color: #005da4;
}

.theme .filters-dropdown .filters-submenu-tail.is-active {
    border-bottom-color: #007edf;
}

.theme .property-filters .filters-active-indicator {
  border-top-color: #005da4;
}
.theme .property-filters .filters-dropdown,
.theme .property-filters .filter-link:hover,
.theme .property-filters .is-active .filter-link {
  background-color: #007edf;
}

.theme .property-filters .is-active .filter-link {
    -webkit-box-shadow: inset 0px -5px 0px #005da4;
    -moz-box-shadow: inset 0px -5px 0px #005da4;
    box-shadow: inset 0px -5px 0px #005da4;
}

.theme .property-filters .filter-link,
.theme .property-filters .filters-dropdown {
    -webkit-box-shadow: inset 0px -5px 0px #003156;
    -moz-box-shadow: inset 0px -5px 0px #003156;
    box-shadow: inset 0px -5px 0px #003156;
}