/* look for "@TEST: colored teaser images" in jquery.masonry.php */


/*
 * ----------------------------------------------------------------
 * DEFAULT VALUES
 * ----------------------------------------------------------------
 */
body {
	font-family: 'Helvetica','Arial', sans-serif;
	background-color: #fff;
}
body[data-craft="default"] #nordpol_menu,
body[data-craft="default"] #itemContainer_pos .navigationstamp { height: 476px; }
.item .textoverimage { text-transform: uppercase; }

/*
 * ----------------------------------------------------------------
 * CRAFT FONTS
 * ----------------------------------------------------------------
 */

*[data-craft="architecture"] { 	font-family: 'Helvetica','Arial', sans-serif; }
*[data-craft="art"] { 			font-family: 'Courier New','Courier New', serif; }
*[data-craft="consultancy"] { 	font-family: 'Helvetica','Arial', sans-serif; }
*[data-craft="content"] { 		font-family: 'Courier New','Courier New', serif; }
*[data-craft="design"] { 		font-family: 'Georgia', serif; }
*[data-craft="film"] { 			font-family: 'Helvetica','Arial', sans-serif; }
*[data-craft="communication"] { font-family: 'Georgia', serif; }
*[data-craft="music"] { 		font-family: 'Georgia', serif; }
*[data-craft="digital"] { 		font-family: 'Helvetica','Arial', sans-serif; }
*[data-craft="mobile"] { 		font-family: 'Helvetica','Arial', sans-serif; }
*[data-craft="circus"] { 		font-family: 'Helvetica','Arial', sans-serif; }

/*
 * ----------------------------------------------------------------
 * CRAFT BACKGROUND COLORS
 * ----------------------------------------------------------------
 */

body[data-craft="architecture"].colored { 	background: #978f8a; }
body[data-craft="art"].colored { 			background: #ffe600; }
body[data-craft="consultancy"].colored { 	background: #ddd2d6; }
body[data-craft="content"].colored { 		background: #fff; }
body[data-craft="design"].colored { 		background: #fff; }
body[data-craft="film"].colored { 			background: #cadfd8; }
body[data-craft="communication"].colored { 	background: #fff; }
body[data-craft="music"].colored { 			background: #ddcab6; }
body[data-craft="digital"].colored { 		background: #fff; }
body[data-craft="mobile"].colored { 		background: #fff; }
body[data-craft="circus"].colored { 		background: #8e9789; }

/*
 * ----------------------------------------------------------------
 * CRAFT TEASER MOUSEOVER TEXT COLOR
 * ----------------------------------------------------------------
 */

/*
body .item .itemContent .textoverimageholder {
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 14px;
	bottom: 0;
}
body .item .itemContent .textoverimageholder .textoverimage {
	display: inline;
	position: relative;
	left: 0.25em;
	padding: 0.25em 0.25em 0.25em 1em;
	padding-left: 0;
	line-height: 1.2;

	box-shadow: 0.25em 0 0 #ee4035, -0.25em 0 0 #ee4035;
	background-color: #ee4035;
}
hinter Architektur: body[data-craft="architecture"].colored .item .itemContent .textoverimageholder .textoverimage { 	color: #fff; background-color: #00ff00; box-shadow: 0.25em 0 0 #00ff00, -0.25em 0 0 #00ff00; }
*/

body[data-craft="architecture"].colored .item .itemContent .textoverimageholder .textoverimage { 	color: #fff; }
body[data-craft="art"].colored .item .itemContent .textoverimageholder .textoverimage { 			color: #fff; }
body[data-craft="consultancy"].colored .item .itemContent .textoverimageholder .textoverimage { 	color: #fff; }
body[data-craft="content"].colored .item .itemContent .textoverimageholder .textoverimage { 		color: #fff; }
body[data-craft="design"].colored .item .itemContent .textoverimageholder .textoverimage { 			color: #fff; }
body[data-craft="film"].colored .item .itemContent .textoverimageholder .textoverimage { 			color: #fff; }
body[data-craft="communication"].colored .item .itemContent .textoverimageholder .textoverimage { 	color: #fff; }
body[data-craft="music"].colored .item .itemContent .textoverimageholder .textoverimage { 			color: #fff; }
body[data-craft="digital"].colored .item .itemContent .textoverimageholder .textoverimage { 		color: #fff; }
body[data-craft="mobile"].colored .item .itemContent .textoverimageholder .textoverimage { 		color: #fff; }
body[data-craft="circus"].colored .item .itemContent .textoverimageholder .textoverimage { 			color: #fff; }


/*
 * ----------------------------------------------------------------
 * CRAFT TEASER MOUSEOVER TEXT UPPERCASE
 * ----------------------------------------------------------------
 */

body[data-craft="architecture"].colored .item .textoverimage  { 	text-transform: uppercase; }
body[data-craft="art"].colored .item .textoverimage { 				text-transform: uppercase; }
body[data-craft="consultancy"].colored .item .textoverimage { 		text-transform: uppercase; }
body[data-craft="content"].colored .item .textoverimage { 			text-transform: uppercase; }
body[data-craft="design"].colored .item .textoverimage { 			text-transform: uppercase; }
body[data-craft="film"].colored .item .textoverimage { 				text-transform: uppercase; }
body[data-craft="communication"].colored .item .textoverimage { 	text-transform: uppercase; }
body[data-craft="music"].colored .item .textoverimage { 			text-transform: uppercase; }
body[data-craft="digital"].colored .item .textoverimage { 			text-transform: uppercase; }
body[data-craft="mobile"].colored .item .textoverimage { 			text-transform: uppercase; }
body[data-craft="circus"].colored .item .textoverimage { 			text-transform: uppercase; }



/*
 * ----------------------------------------------------------------
 * CRAFT MENU HEIGHTS
 * ----------------------------------------------------------------
 */

body[data-craft="architecture"] #nordpol_menu,
body[data-craft="architecture"] #itemContainer_pos .navigationstamp { 	height: 326px; }
body[data-craft="art"] #nordpol_menu,
body[data-craft="art"] #itemContainer_pos .navigationstamp { 			height: 372px; }
body[data-craft="consultancy"] #nordpol_menu,
body[data-craft="consultancy"] #itemContainer_pos .navigationstamp { 	height: 330px; }
body[data-craft="content"] #nordpol_menu,
body[data-craft="content"] #itemContainer_pos .navigationstamp { 		height: 396px; }
body[data-craft="design"] #nordpol_menu,
body[data-craft="design"] #itemContainer_pos .navigationstamp { 		height: 372px; }
body[data-craft="film"] #nordpol_menu,
body[data-craft="film"] #itemContainer_pos .navigationstamp { 			height: 334px; }
body[data-craft="communication"] #nordpol_menu,
body[data-craft="communication"] #itemContainer_pos .navigationstamp { 	height: 437px; } /* 462px */
body[data-craft="music"] #nordpol_menu,
body[data-craft="music"] #itemContainer_pos .navigationstamp { 			height: 268px; }
body[data-craft="digital"] #nordpol_menu,
body[data-craft="digital"] #itemContainer_pos .navigationstamp { 		height: 328px; }
body[data-craft="mobile"] #nordpol_menu,
body[data-craft="mobile"] #itemContainer_pos .navigationstamp { 		height: 330px; }
body[data-craft="circus"] #nordpol_menu,
body[data-craft="circus"] #itemContainer_pos .navigationstamp { 		height: 290px; }



/*
 * ----------------------------------------------------------------
 * CRAFT MENU HOVER SETTING
 * ----------------------------------------------------------------
 */

body[data-craft="architecture"] #nordpol_menu ul li ul li a:after { padding-top: 38px; }
body[data-craft="architecture"] #nordpol_menu ul li ul li a:hover img { top: -38px; }
body[data-craft="architecture"] #nordpol_menu ul li ul li a.active img, 
body[data-craft="architecture"] #nordpol_menu ul li ul li a.active:hover img { top: -76px; }

body[data-craft="art"] #nordpol_menu ul li ul li a:after { padding-top: 70px; }
body[data-craft="art"] #nordpol_menu ul li ul li a:hover img { top: -70px; }
body[data-craft="art"] #nordpol_menu ul li ul li a.active img, 
body[data-craft="art"] #nordpol_menu ul li ul li a.active:hover img { top: -140px; }

body[data-craft="digital"] #nordpol_menu ul li ul li a:after { padding-top: 24px; }
body[data-craft="digital"] #nordpol_menu ul li ul li a:hover img { top: -24px; }
body[data-craft="digital"] #nordpol_menu ul li ul li a.active img, 
body[data-craft="digital"] #nordpol_menu ul li ul li a.active:hover img { top: -48px; }

body[data-craft="mobile"] #nordpol_menu ul li ul li a:after { padding-top: 24px; }
body[data-craft="mobile"] #nordpol_menu ul li ul li a:hover img { top: -24px; }
body[data-craft="mobile"] #nordpol_menu ul li ul li a.active img, 
body[data-craft="mobile"] #nordpol_menu ul li ul li a.active:hover img { top: -48px; }


/*
 * ----------------------------------------------------------------
 * CRAFT CAPTION TEXTS COLOR
 * ----------------------------------------------------------------
 */

body[data-craft="architecture"].colored .item .itemContent .projectholder .underImageContainer .captionTexts .textUnderImage { color: #000; }

/*
 * ----------------------------------------------------------------
 * CRAFT PROJECT DETAILS GUI
 * ----------------------------------------------------------------
 */

/* Pagination */
body[data-craft="architecture"].colored .item .itemContent .projectholder .underImageContainer #scroll_status .pagination_dot {
	background: url('../img/pagination_inactive.gif') center center no-repeat;
	background: rgba(0,0,0,0) url('../img/pagination_inactive@2x.gif') center center no-repeat;
	background-size: contain;
}
body[data-craft="architecture"].colored .item .itemContent .projectholder .underImageContainer #scroll_status .pagination_dot.active {
	background: url('../img/pagination_active.gif') center center no-repeat;
	background: rgba(0,0,0,0) url('../img/pagination_active@2x.gif') center center no-repeat;
	background-size: contain;
}


/* Slider arrows */
body[data-craft="architecture"].colored .item .itemContent .projectholder .scroll_nav.left {
	background: url('../img/slideshow_nav_left.png') left 58% no-repeat;
	background: rgba(0,0,0,0) url('../img/slideshow_nav_left@2x.png') left 58% no-repeat;
	background-size: 50px 100px;
}
body[data-craft="architecture"].colored .item .itemContent .projectholder .scroll_nav.left:hover {
	background: url('../img/slideshow_nav_left_over.png') left 58% no-repeat;
	background: rgba(0,0,0,0) url('../img/slideshow_nav_left_over@2x.png') left 58% no-repeat;
	background-size: 50px 100px;
}

body[data-craft="architecture"].colored .item .itemContent .projectholder .scroll_nav.right {
	background: url('../img/slideshow_nav_right.png') right 58% no-repeat;
	background: rgba(0,0,0,0) url('../img/slideshow_nav_right@2x.png') right 58% no-repeat;
	background-size: 50px 100px;
}
body[data-craft="architecture"].colored .item .itemContent .projectholder .scroll_nav.right:hover {
	background: url('../img/slideshow_nav_right_over.png') right 58% no-repeat;
	background: rgba(0,0,0,0) url('../img/slideshow_nav_right_over@2x.png') right 58% no-repeat;
	background-size: 50px 100px;
}


/* Close button */
body[data-craft="architecture"].colored .item .itemContent .closeProject {
	background: url('../img/icon_close_thin.png') center center no-repeat;
	background: rgba(0,0,0,0) url('../img/icon_close_thin@2x.png') center center no-repeat;
	background-size: contain;
}
body[data-craft="architecture"].colored .item .itemContent .closeProject:hover {
	background: url('../img/icon_close_thin_over.png') center center no-repeat;
	background: rgba(0,0,0,0) url('../img/icon_close_thin_over@2x.png') center center no-repeat;
	background-size: contain;
}


/*
 * ----------------------------------------------------------------
 * CRAFT TEASER BORDER
 * ----------------------------------------------------------------
 */

body[data-craft="music"].colored #itemContainer .item .itemContent {
	border: 10px solid #ff120c;
}
body[data-craft="art"].colored #itemContainer .item .itemContent {
	border: 10px solid #000000;
}
body[data-craft="content"].colored #itemContainer .item .itemContent {
	border: 1px dashed #000000;
}
body[data-craft="circus"].colored #itemContainer .item .itemContent {
	border: 1px solid #000000;
}