/*
Theme Name: Zirkus Morsa
Author: Paul Bernhard (based on Imbalance2 by wpshower)
Author URI: http://pbernhard.com
*/

html, body, form, ul, li, table, td { margin: 0; padding: 0; }
td, th { vertical-align: top; }
html, body { height: 100%; }

p { margin: 0; padding: 0; width: 560px; }
img { padding: 0px; }
ul { list-style-type: none; }


#sticky { min-height: 100%; }
#header { position: relative; z-index: 99999; padding-top: 8px; padding-bottom: 107px; }
#container { overflow: visible; padding-bottom: 52px; }
#footer { position: relative; clear: both; height: 20px; margin-top: -28px; padding-bottom: 8px; }
#title { width: 100%; text-align: center; }
#page-title { position: relative; }
#page-title h2, .overlay-content h2 { padding: 0 35px 27px 35px; }

.isotope-item { margin: 0 60px 60px 0; }
.clear { clear: both; }
.image-resize, .video-resize { width: auto !important; }
.navigation { position: relative; z-index: 99999; height: 25px; }
.nav-right { float: right; margin-right: 8px; padding: 0 21px; }
.nav-right ul li { display: inline; margin-left: 21px; }
.nav-left { float: left; margin-left: 8px; padding: 0 21px; }
.content { position: relative; padding: 0 70px; }
.current-menu-item ul li a { }
.arr-next, .arr-prev { display: none; }
.nav-previous { float: left; width: 50%; }
.nav-previous-link { padding: 0 21px; }
.nav-next { float: right; width: 50%; text-align: right; }
.nav-next-link { padding: 0 21px; }
.nav-close { position: absolute; top: 8px; right: 8px; padding: 0 21px; }
.footer-content { font-size: 12px; line-height: 15px; font-weight: normal; }
.footer-content .left { float: left; padding-left: 27px; }
.footer-content .right { float: right; padding-right: 27px; }

/* Page Colors */
/* Mo-Sa */
body.page-id-400 {}
/* Live */
body.page-id-399 {}

/* Posts */
.category-projekt-420-px { width: 420px; }
.category-projekt-350-px { width: 350px; }
.category-projekt-280-px { width: 280px; }
.post img { width: 100%; height: auto; padding: 0; }
.post-title { padding: 0 35px; opacity: 0; }
.post:hover .post-title { opacity: 1; }

/* Tables */
table { width: 560px; border-collapse: collapse; padding: 14px 0; }
th { text-align: left; }
th, td { padding: 8px 14px; }
td.hc_rse_extra_info { padding-top: 0; }
.column-1 { width: 140px; }
.table-tech .odd { background: #EBEBEB; }
.table-tech .even { background: #FF6; }
.table-mo .odd { background: #0F9; }
.table-mo .even { background: #FF3; }
.table-sa .odd { background: #F69; }
.table-sa .even { background: #3CF; }

.hc_rse_events_table { width: 100%; }
.hc_rse_events_table p { width: auto; }
.hc_rse_date { width: 70px; }
.hc_rse_extra_info { padding-left: 112px; }
.hc_rse_more_info { text-align: right; display: none; }
.hc_rse_events_table { background: #0F9; }
.hc_rse_events_table tr:nth-child(6n-2),
.hc_rse_events_table tr:nth-child(6n-3)  { background: #FF3; }
.hc_rse_events_table tr:nth-child(6n-1),
.hc_rse_events_table tr:nth-child(6n)  { background: #F9F; }

/* Overlay */
.overlay { display: none; position: absolute; z-index: 9999; top: 0px; left: 0; width: 100%; padding-bottom: 70px; background: #FF6; }
.overlay-content { margin-top: 140px; padding: 0 35px 140px 35px; }
.overlay ul { counter-reset: postnumber 0; }
.overlay ul li:before { counter-increment: postnumber 1; content: counter(postnumber, decimal) " "; }


/* Typography */
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 21px; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; margin: 0; }
h2 { color: #000; font-size: 49px; line-height: 49px; text-transform: uppercase; }
h1, .navigation, .post-title, th { font-size: 21px; line-height: 25px; font-weight: normal; text-transform: uppercase; }
strong { font-size: 21px; line-height: 25px; font-weight: normal; text-transform: uppercase; padding-bottom: 7px; }
.underline { border-bottom: 2px solid #000; }
#footer { font-size: 12px; }

/* Links */
a { color: #000; text-decoration: none; border-bottom: 2px solid #000; }
a:hover, .active { border-color: transparent; }
a:visited { color: #000; }
.navigation a { border-color: transparent; }
.navigation a:hover { border-color: #000; }
.post a { border-color: transparent; }
#footer a { border-color: transparent; }
#footer a:hover { border-color: #000; }
h1 a { border-bottom: 3px solid #000; }
h1 a:hover { border-bottom: none; }
.overlay ul li a { color: #000; border-color: #000; }
.overlay ul li a:hover { border-color: transparent; }


@media not screen and (max-width:686px) {

	.csstransforms .nav-previous {
		position: absolute;
		z-index: 999;
		top: 51%;
		left: 14px;
		width: auto;
	}
	
	.csstransforms .nav-previous-link {
		position: relative;
		left: -51.5%;
		-webkit-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-webkit-transform-origin-x: 50%;
		-webkit-transform-origin-y: 0;
	}
	
	.csstransforms .nav-next {
		position: absolute;
		z-index: 999;
		top: 51%;
		right: 14px;
		width: auto;
	}
	
	.csstransforms .nav-next-link {
		position: relative;
		right: -51.5%;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		-webkit-transform-origin-x: 50%;
		-webkit-transform-origin-y: 100%;
	}
	
	.csstransforms .arr-next, .csstransforms .arr-prev { display: none; }

}

/**** Transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.content {
  -webkit-transition-property: width;
     -moz-transition-property: width;
      -ms-transition-property: width;
       -o-transition-property: width;
          transition-property: width;
}

.content {
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

a, a:hover
.navigation a, .navigation a:hover { 
	transition: border-color .2s ease-in;
	-webkit-transition: border-color .2s ease-in;
	-moz-transition: border-color .2s ease-in;
	-o-transition: border-color .2s ease-in;
	-ms-transition: border-color .2s ease-in;
}

.post-title { 
	transition: opacity .2s ease-in;
	-webkit-transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-o-transition: opacity .2s ease-in;
	-ms-transition: opacity .2s ease-in;
}