/*
Theme Name: DaC Sunrise
Theme URI: http://www.ijm.at/
Description: Brand new theme for the awesome Dancer Against Cancer!
Author: Robert Mayer (www.pixeldeluxe.at)
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400|Roboto:400,700);
@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css);

/* ==========================================================================
   HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ 
   ========================================================================== */

/* What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
 
html {
    font-size: 1em;
    line-height: 1.4;
}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

::-moz-selection {
    background: #e5d494;
    text-shadow: none;
}
::selection {
    background: #e5d494;
    text-shadow: none;
}

audio, canvas, img, video {
    vertical-align: middle;
}

textarea {
    resize: vertical;
}

.hidden { /* Hide from both screenreaders and browsers: h5bp.com/u */
    display: none !important;
    visibility: hidden;
}

.mobile_only{
	display: none;	
}

.visuallyhidden { /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, /* Extends the .visuallyhidden class to allow the element to be focusable */
.visuallyhidden.focusable:focus { /* ... when navigated to via the keyboard: h5bp.com/p */
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible { /* Hide visually and from screenreaders, but maintain layout */
    visibility: hidden;
}

/* ==========================================================================
   Site specific specifications
   ========================================================================== */

html, body{
    margin: 0;
	padding: 0;
}

body{
    background: #fff;
}

html, body, input, textarea, select, button{
	font-family: 'Roboto', sans-serif;
	color: #2d2d2d;	
}

p, dl{
    margin: 0 0 1.6em 0;
	padding: 0;
}

a{
	color: #2d2d2d;
	text-decoration: underline;
}
a:hover{
	color: #e10b7a;
}

a.nu,
a i.fa{
	text-decoration: none;		
}

a.pink,
.link_pink{
	color: #e10b7a;	
	text-decoration: underline;
}

h1, h2, h3, h4, h5, legend, #nav, .btn, .slab{
	font-family: 'Roboto Slab', serif;
	letter-spacing: -0.01em;
}

h1, h2, h3, h4, h5{
    padding: 0;
	margin: 0 0 0.5em 0;
	line-height: 1.1em;
	font-weight: 400;
	text-transform: uppercase;
}

.headline_left h1,
.headline_left h2,
.headline_left h3,
.headline_left h4{
	text-align: left;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a{
	color: #e10b7a;
	text-decoration: none;
}

h1.grey, h2.grey, h3.grey, h4.grey, h5.grey,
h1.grey a, h2.grey a, h3.grey a, h4.grey a, h5.grey a{
	color: #9a9a9a;
}

h1.invert, h2.invert, h3.invert, h4.invert, h5.invert,
h1.invert a, h2.invert a, h3.invert a, h4.invert a, h5.invert a,
span.invert{
	color: #fff;
	background: #e10b7a;
}

span.invert{
	padding: 0 0.3em;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration: none;
}

h1{ /* ~ 26pt */
	font-size: 2.2em;
}

h2{ /* ~ 24pt */
	font-size: 1.9em;	
}

h3{ /* ~ 18pt */
	font-size: 1.2em;	
}

h4{ /* ~ 16pt */
	font-size: 1em;	
}

h5{ /* ~ 14pt */
	font-size: 0.9em;	
}

img{
    border: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}


.hidden{
    display: none !important;	
}

/* clearfix */
.cf:before,
.cf:after,
#content section:before,
#content section:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after,
#content section:after {
    clear: both;
}
.cf,
#content section {
    *zoom: 1;
}

.clr{
	clear: right;
}

.block{
    float: none;
	display: block;	
	width: auto;
}

.center{
   text-align: center;	
}
.align-left{
   text-align: left;	
}
.align-right{
   text-align: right;	
}

.white *{
	color: #fff;
}
.light,
.text_grey{
	color: #7e7e7e;
}
.ucase{
	text-transform: uppercase;	
}

.bg_grey{
	background: #f3f3f3;	
}

.bg_pink{
	background: #e10b7a;	
}

.bg_vines{
	background: #dadbdc url(img/bg-vines.png) repeat-x center top;	
}

.block_left{
	float: left;
	white-space: nowrap;
}
.block_right{
	float: right;	
	white-space: nowrap;
}

a.box{
	display: block;
	text-decoration: none;
}

a.box:hover,
a.box:hover *{
	color: #333;
}
a.box:hover{
	background: #fff;
}

hr{
	padding: 0;
	margin: 0 0 1.2em 0;
	height: 1px;
    background: #fff;
	color: #fff;
	border: none;
	border-top: 1px solid #d6d6d6;
}
hr.dashed{
	border-top: 1px dashed #ccc;
}

.highlight{
	background: #FFC;
	-webkit-box-shadow: 0 2px 0 1px #FFC;
	-moz-box-shadow: 0 2px 0 1px #FFC;
	box-shadow: 0 2px 0 1px #FFC;
}

.sleeve{
	display: inline-block;
	position: relative;
	height: 36px;
	padding: 0 0.5em;
	color: #e10b7a !important;
	background: #fff;
}

.sleeve:before,
.sleeve:after{
	content: '';
	position: absolute;
	top: 0;
	width: 0;
	font-size: 0;
	line-height: 0%;
	border-top: 18px solid #fff;
	border-bottom: 18px solid #fff;
}
.sleeve:before{
	left: -11px;
	border-left: 11px solid transparent; 
}
.sleeve:after{
	right: -11px;
	border-right: 11px solid transparent; 
}

.ease-out, .btn{
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -kthtml-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ease-in{
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#main{
	background: #fff;
}

/* Forms: */
#main fieldset{
	margin-bottom: 1.3em;
	padding: 0.35em 1.5em 0.5em;
	border-color: #cfcfcf;
}

legend{
	padding: 0 1em;
	font-size: 1.4em;
	color: #83ac1c;
}

.tf{
	display: inline-block;
	width: 100%;
	padding: 5px 5px;
	vertical-align: middle;
	border: 1px solid #cfcfcf;
	background: #fff;
}
.tf.hover,
.tf:hover{
	border: 1px solid #333;
}
.tf:focus{
	border: 1px solid #333;
	-webkit-box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow:    inset 1px 2px 2px 0px rgba(0, 0, 0, 0.20);
	box-shadow:         inset 1px 2px 2px 0px rgba(0, 0, 0, 0.20);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */	
}

.tf.dark{
	color: #fff;
	border: 1px solid #000;
	background: #000;
}

label{
	display: block;
}
#content label.inline{
	display: inline;
	float: none;
	width: auto;	
}

button, .btn, a.btn,
.btn_links a{
	display: inline-block;
	margin: 0;
	padding: 3px 10px;
	vertical-align: middle;	
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 1px solid #e10b7a;
	background: #e10b7a;
	cursor: pointer;
}

button:hover, .btn:hover,
button:active, .btn:active,
.btn_links a:hover, .btn_links a:active{
	background: #5a2673;
	border-color: #5a2673;
}

button.delete.hover, .btn.delete.hover{
	border: 1px solid #ff3737;
	background-color: #ff3737;
	color: #fff;
}

.share{
	margin: 1em auto;	
}

.btn.btn-share{
	padding: 0 8px 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 34px;
	border-color: #fff;
}

.btn.btn-share.icon-only{
	padding: 0;
}

.btn.btn-share i.fa{
	float: left;
	width: 34px;
	height: 34px;
	margin-right: 8px;
	line-height: 204%;
}

.btn-share.btn-fb{
	background: #6175b5;
}
.btn-share.btn-fb:hover,
.btn-share.btn-fb i{
	background: #3b559f;
}

.btn-share.btn-twitter{
	background: #5bc6f8;
}
.btn-share.btn-twitter:hover,
.btn-share.btn-twitter i{
	background: #32b8f6;
}

.btn-share.btn-gplus{
	background: #db3c33;
}
.btn-share.btn-gplus:hover,
.btn-share.btn-gplus i{
	background: #db3c33;
}

.btn-share.btn-whatsapp{
	background: #4cc135;
}
.btn-share.btn-whatsapp:hover,
.btn-share.btn-whatsapp i{
	background: #3da928;
}



.msg{
	position: relative;
	min-height: 46px;
	margin: 0 0 1em 46px;
	padding: 1em;
	border-left: 2px solid #666;
}

.msg .icon{
	position: absolute;
	left: -46px;
	top: 0;
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	background: #666;
}

.success{
	border-color: #64b51d;
	background: #eef7e6;
}
.msg.success .icon{
	background: #64b51d;
}

.error{
	border-color: #f00;
	background: #FFC;
}
.msg.error .icon{
	background: #f00;
}

ul.bare,
ul.bare li{
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

.smaller{
	font-size: 0.9em;	
}

	
/*-----------------------   CONTENT   -----------------------*/
#content{
	position: relative;	
}


/* columns: 222 (30) 222 (30) 222 (30) 222 */
.col{
	float: left;
	width: 33%;
	margin: 0 0 1em;
	padding: 20px;
}

.col.nopad{
	padding: 0;	
}

.col.colspan_2{
	width: 66%;
}

.col.quarter{
	width: 25%;
}

.col_half.left{
	float: left;
	width: 49%;
	padding: 20px;
}

.col_half.right{
	float: right;
	width: 49%;
	padding: 20px;
	border-left: 1px solid #e5e5e5;
}

.inner,
.pad{
	padding: 20px;
}

.col .inner p:last-child,
.col .pad p:last-child{
	margin: 0;
}

.wrap.intro{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 560px;
}

.page_title{
	padding: 25px 20px 0.5em 20px;
}

.page_title h4 span{
	padding: 0 1em 0.1em 1em;
	border-bottom: 1px solid #c19900;
}

.fb_iframe_widget{
	margin-bottom: 1.2em;	
}

.page_hero{
	text-align: center;
	background-color: #e10b7a;
	background-image: url(img/bg-hofburg.jpg);
    background-position: center top;
    background-size: 100% auto;		
}
.page_hero *{
	color: #fff;	
}

.page_hero.small{
	height: 80px;
}

.page_hero .wrap{
	padding: 20px 0;
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
    filter: alpha(opacity=60);
	opacity: 0.6;		
}
.page_hero:hover .wrap{
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
	opacity: 1;		
}



.page_hero h1,
.page_hero h2,
.page_hero h3{	
	margin-bottom: 0.2em;
}


/* sections */
#content section,
#sponsors_bar{
	clear: both;
	padding: 20px 0;
}

#content section.nopad{
	padding: 0;
}

/* images */

img.alignleft,
.wp-caption.alignleft{
	float: left;
	margin-right: 1em;	
}

img.alignright,
.wp-caption.alignright{
	float: right;
	margin-left: 1em;	
}

img.aligncenter{
	clear: both; 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.circle{
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.wp-caption-text{
	font-size: 0.8em;
	color: #999;
}

#main_img .wp-caption-text{
	margin-bottom: 0.6em;
	border-bottom: 2px solid #e2e2e2;
}

ul.check_list{
	padding-left: 1.6em;
	list-style-image: url(img/check-pink.png);	
}


/* tables */
table{
	margin-bottom: 1.2em;
	border-top: 1px solid #e7e6e6;	
}
td, th{
	border-bottom: 1px solid #e7e6e6;	
}

table.price_list{
	width: 100%;
	max-width: 420px;
	border-top: 1px solid #bebebe;
}

table.price_list td{
	padding: 0.3em;
	border-bottom: 1px solid #bebebe;
}

td.price{
	text-align: right;	
}

/* Home: */
#teaser_home{

}

#teaser_home .col{
	margin-bottom: 0;
	border-left: 1px solid #e9e9e9;
	background: url(img/purple-45percent.png);
}
#teaser_home .col.first{
	border: none;
}

#teaser_home .col a.box{
	position: relative;
	height: 100%;
	padding-top: 48px;
}

#teaser_home .col .icon{
	position: absolute;
	top: -42px;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
}
#teaser_home .col a:hover .icon{
	top: -52px;
}

#teaser_home .col p{
	margin-bottom: 0.1em;
}

#teaser_home .col .btn{
	position: absolute;
	left: 40%;
	bottom: -14px;
}

section#news_home{
	padding-top: 36px;
}


/* Slideshow */
#hero{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	max-height: 508px;
	background: #e10b7a;
}

#hero .slide{
	position: relative;
	float: none;
	width: 100%;
	height: auto;	
}

#hero .slide img{
	width: 100%;
	height: auto;
}

#hero .claim{
	position: absolute;
	left: 0;
	right: 0;
	top: 30%;
	text-align: center;
	color: #fff;
}

#hero .claim h2.fadein, /* animation only on active state */
#hero .subline.fadein span{
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -kthtml-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

#hero .claim h2{
	margin: 0 0 4px 0;
	padding: 0 0 0 8px;
	font-size: 2.8em;
	color: #fff;
}
#hero .claim h2.before{
	padding-bottom: 1em;
	color: #dcb830;
	letter-spacing: 1em;
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
    filter: alpha(opacity=0);
	opacity: 0;	
}
#hero .claim h2.fadein{
	padding-bottom: 0;
	color: #fff;
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
	opacity: 1;	
}

#hero .claim h2 span{
	border-bottom: 1px solid #ffffff;	
}
#hero .claim h2.before span{
	padding: 0 6em;
	border-bottom: 3px solid #f1218d;
}
#hero .claim h2.fadein span{
	padding: 0;
	border-bottom: 1px solid #ffffff;	
}

#hero .subline{
	font-size: 1.9em;
}
#hero .subline.before span{
	padding: 0 6em;
	color: #dcb830;
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity: 0;
	-moz-opacity: 0;
    filter: alpha(opacity=0);
	opacity: 0;	
}
#hero .subline.fadein span{
	padding: 0;
	color: #fff;
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
	opacity: 1;	
}

.more{
	border-bottom: 1px solid #CCC;
}

.more i.fa{
	vertical-align: middle;
	font-size: 75%;	
	line-height: 130%;
}

.item:hover .more i.fa{
	padding-left: 0.3em;
}



/* news articles */
.article_list a.box{
	position: relative;	
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #e5e5e5;
}

.article_list a.box.first{
	padding-top: 0;
}

.article_list a.box:hover{
	background: #f3f3f3;
}

.article_list .thumb,
.article_list .event_date{
	float: left;
	width: 160px;	
}

.article_list .txt{
	margin-left: 160px;	
}

.article_list p{
	margin-bottom: 0.5em;
}

.article_list h2{
	font-size: 1.2em;
}
.article_list h2{
	color: #666;
}

.article_list a.box:hover h2{
	color: #e10b7a
}


/* videos */
.videos_list{

}

.videos_list a{
	height: 190px;
	margin-bottom: 0;
	text-align: center;	
}

.videos_list a:hover{
	background: #f3f3f3;
}

.videos_list a img{
	width: 100%;
	height: auto;	
}

.videos_list a small{
	display: block;
	line-height: 110%;	
}


/* nextgen galleries */
.ngg-album{

}

.ngg-breadcrumbs{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid #e2e2e2;	
}

.ngg-breadcrumbs li{
	margin: 0;
	padding: 0;
	display: inline-block;
}

.ngg-galleryoverview{
	display: table;
	width: 100%;
	margin-bottom: 1em;
}

.ngg-gallery-thumbnail-box{
	float: left;
	margin: 0 3px 9px 3px;
}

.ngg-navigation{
	width: 100%;
	clear: both;
	text-align: center;
}

.ngg-navigation a,
.ngg-navigation span{
	display: inline-block;
	padding: 1px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

.ngg-navigation .current{
	background: #e2e2e2;
}

#section_galleries .ngg-breadcrumbs{
	display: none;
}

#section_galleries .album-list-teaser a img{
	display: block;
}




/* events */
.event_date .date{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 8px;
	background: #ccc;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 120%;
}

a.box:hover .event_date .date,
.single-events .event_date .date{
	background: #e10b7a;
}

a.box:hover .event_date .date span,
.single-events .event_date .date{
	color: #fff !important;
}

.event_date .date span{
	display: block;
}

.event_date .date .day{
	padding-top: 3px;
	font-size: 1.5em;
}

.event_date .date .month{
	font-size: 1.3em;
}

.event_date .date .year{
	font-size: 1em;
	line-height: 100%;
}

.event_map #map{
	height: 296px;	
}

.event_location{
	margin-top: 1em;
	line-height: 110%;
}

.event_location .logo{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 8px;
	color: #fff;
	font-size: 2em;
	text-align: center;
	line-height: 60px;
	background: #ed3695;
}

.event_location .logo img{
	float: left;
}

/* ball */
.tpl-ball .page_hero{	
	height: 255px;
}

.tpl-ball .page_hero .wrap{	
	padding-top: 50px;
	padding-bottom: 0;
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
	opacity: 1;	
}

.ball_intro{
	position: relative;	
}

.ball_intro .wrap.intro{
	margin-top: 90px;	
}

.ball_intro h2,
.ball_intro h3{
	text-align: center;
}

.ball_intro img.alignleft{
	margin-right: 0.4em;
}

.countdown{
	position: absolute;
	top: -36px;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: bold;
}

.countdown .item{
	display: inline-block;
	margin: 0 4px;
	font-size: 1.3em;
	color: #3e3e3e;
}

.countdown .item strong{
	display: block;
	min-width: 2em;
	padding: 0.1em 0.3em;
	color: #fff;
	font-size: 2.7em;
	background: #3e3e3e;
}


.ticket_teaser{
	margin: 0 6px;
	background: #fff;	
}

.ticket_teaser h2.invert{
	padding: 0.07em 0;
	margin-bottom: 0.3em;
}

.ticket_intro{
	font-style: italic;	
}

.ticket_price{
	position: relative;
	height: 1em;
	margin: 1em 0 0 0;
	font-size: 120%;
	border-top: 1px solid #e2e2e2;
}
.ticket_price span{
	position: relative;
	top: -70%;
	padding: 0.3em 1em;
	background: #e2e2e2;
}

.linkbox{
	display: inline-block;
}

.linkbox img{
	width: 80px;
	height: 80px;
	border: 5px solid #ededed;
}

.linkbox p{
	margin: 0;
}

.ball_location{
	position: relative;	
}

.ball_location .info{
	position: absolute;
	z-index: 9;
	top: 10%;
	bottom: 10%;
	left: 50%;
	width: 340px;
	margin-left: -510px;
	padding: 20px;
	background: #fff;
}

/* contact */
.tel a{
	text-decoration: none;
	cursor: default;	
}

.tel i.fa{
	display: none;
}


/* gallery */
.gallery{
	margin-bottom: 1em;
}

.gallery ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.gallery li{
	display: inline;
	margin: 0;
	padding: 0;
}

.gallery a{
	display: inline-block;
	width: 145px;
	height: 145px;
	vertical-align: middle;
	text-align: center;
}

.gallery a:hover img{
	-ms-filter: "alpha(opacity=50)";
	-khtml-opacity: 0.50;
	-moz-opacity: 0.50;
    filter: alpha(opacity=50);
	opacity: 0.50;	
}


/* single news / single event */
.post_content h2{
	color: #515151;
	font-size: 1.5em;	
}

.sponsors_list{
	
}

.sponsors_list a{
	float: left;
	width: 204px;
	height: 144px;
	margin: 0 0.4em 0.8em 0.4em;
	text-align: center;
	border: 1px solid #e7e7e7;
	background: #fff;
}

.sponsors_list a:hover{
	border: 1px solid #e10b7a;
}



/*-----------------------   ASIDE   -----------------------*/

.aside_nav ul{
	margin-right: 1em;
	border-top: 1px solid #ededed;
}

.aside_nav li a{
	display: block;
	position: relative;
	padding: 0.4em 1.5em 0.4em 0;
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid #ededed;
}

.aside_nav li a i.fa{
	position: absolute;
	top: 0.6em;
	right: 1em;
	color: #e5e5e5;
}

.aside_nav li a.active i.fa{
	color: #9365a8;
}

.aside_nav li a:hover{
	color: #3d3d3b;
}

.aside_nav li a:hover i.fa{
	right: 0.5em;
	color: #999;
}

.aside_nav.right li a i.fa{
	left: 0.5em;
}

.aside_nav.right li a{
	padding: 0.4em 0 0.4em 2em;
}

.aside_nav.right li a:hover i.fa{
	left: 0;
}


/*-----------------------   HEADER   -----------------------*/
#header{
	position: relative;
	z-index: 101; /* above slideshow */
	height: 84px;
	background: #fff;
}

#header a{
	text-decoration: none;	
}

#logo{
	position: absolute;
	z-index: 110;
	left: -2px;
	top: 0px;
	overflow: hidden;
}
#logo,
#logo img{
	width: 162px;
	height: 137px;
}

#nav{
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	height: 50px;
	font-size: 1.5em;
	text-transform: uppercase;
}

#nav ul{
	height: 50px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 50px;
}

#nav ul li{
	float: left;
	margin: 0;
	padding: 0;
}

#nav ul a{
	display: block;
	height: 50px;
	padding: 0 8px;
	color: #bcbcbc;
}

#nav ul a:hover,
#nav ul a.hover{
	color: #e10b7a;
}

#nav ul .active a,
#nav .current-menu-item a,
#nav .current-post-ancestor a,
#nav .current-menu-ancestor a,
#nav .current_page_ancestor a{
	color: #e10b7a;
}

#nav ul .active ul a,
#nav .current-menu-item ul a,
#nav .current-page-ancestor ul a,
#nav .current-post-ancestor ul a,
#nav .current-menu-ancestor ul a,
#nav .current-menu-parent ul a,
#nav .current_page_parent ul a,
#nav .current_page_ancestor ul a{
	border-bottom: none;
}

#nav ul ul a{ /* no sub-menus */
	display: none;	
}


#subnav{
	font-size: 120%;
	text-align: center;
	text-transform: uppercase;
	background: #ececec;
}

#subnav ul{
	height: 40px;
	line-height: 40px;
	list-style: none;
	text-align: right;
	padding: 0;
}

#subnav li{
	display: inline;
	margin: 0;
	padding: 0;
}

#subnav li a{
	position: relative;
	display: inline-block;
	padding: 0 9px;
	color: #959595;
	text-decoration: none;
}

#subnav li a:hover,
#subnav li a.active{
	color: #e10b7a;
}

#subnav li a.active:after {
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border-color: rgba(236, 236, 236, 0);
	border-top-color: #ececec;
	border-width: 11px;
	margin-left: -11px;
}


/* meta-nav: */
#meta_nav{
	height: 28px;
	background: #3e3e3e;
}

#meta_nav .wrap{
	position: relative;	
}

#menu-metanavigation{
	float: right;
	text-transform: uppercase;
	font-size: 0.75em;	
}

#meta_nav ul{
	margin: 0;
	padding: 0;
}

#meta_nav ul li{
	position: relative;
	float: left;
	margin: 0 8px 0 0;
	padding: 0 6px;
}

#meta_nav ul a{
	display: block;
	height: 28px;
	line-height: 28px;
	color: #b0b0b0;
	text-decoration: none;
}

#meta_nav ul a:hover,
#meta_nav ul a.hover{
	color: #666;
}

#meta_nav ul ul{
	display: none;
	position: absolute;
	z-index: 9;
	top: 28px;
	left: 0;
	right: 0;
	padding: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

#meta_nav ul li:hover ul {
	display: block;
}

#meta_nav ul li.menu-item-has-children:hover{
	-webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px -2px rgba(0,0,0,0.5);
}

#meta_nav li li {
	float:none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	border-top: 1px solid #ccc;
}

#meta_nav li li:first-child {
	border: none;
}

#meta_nav li li a {
	height: auto;
	line-height: auto;
	padding: 4px;
}

#meta_nav ul#network_nav{
	margin-left: 150px;
	font-weight: bold;	
}

#network_nav li.active a{
	color: #fff;
}

/* mobile nav */

#mobile_nav{
	display: none; /* initial */
	position: fixed;
	z-index: 1001;
	top: 0;
	bottom: 0;
	left: -250px;
	max-width: 250px;
	width: 100%;
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
	float: none;
	height: auto;
	background: #e10b7a;
	-webkit-box-shadow: 1px 0 20px rgba(0,0,0,0.6);
	-moz-box-shadow: 1px 0 20px rgba(0,0,0,0.6);
	box-shadow: 1px 0 20px rgba(0,0,0,0.6);
}
	
#mobile_nav ul,
#mobile_nav ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

#mobile_nav ul a{
	display: block;
	height: 46px;
	padding: 0 0 0 0.5em;
	text-align: left;
	line-height: 46px;
	color: #fff;
	border: none;
	border-bottom: 1px solid #3e3e3e;
	white-space: nowrap;
}

#mobile_nav ul ul a{
	border-left: 20px solid #e10b7a;
}

#mobile_nav ul .active a,
#mobile_nav .current-menu-item a,
#mobile_nav .current-post-ancestor a,
#mobile_nav .current-menu-ancestor a,
#mobile_nav .current_page_ancestor a{
	color: #e10b7a;
	background: #fff;
}



/*-----------------------   SIDEBAR   -----------------------*/
#sidebar{
    float: right;
    width: 30%;
    padding: 20px 0 20px 20px;
	
	border-left: 1px solid #c1c1c1;
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
    filter: alpha(opacity=60);
	opacity: 0.6;		
}

#sidebar:hover,
#sidebar:focus{
	-ms-filter: "alpha(opacity=100)";
	-khtml-opacity: 1;
	-moz-opacity: 1;
    filter: alpha(opacity=100);
	opacity: 1;		
}

#sidebar h2 small{
	font-size: 50%;	
}




/*-----------------------   FOOTER   -----------------------*/
#sponsors_bar .nav{
	float: right;
}

#sponsors_bar h2 a{
	display: none;
	font-size: 50%;
	color: #e10b7a;
	text-transform: none;
	text-decoration: underline;
	line-height: 90%;
}
#sponsors_bar:hover h2 a{
	display: inline-block;
}

.sponsors_gallery{
	position: relative;
	width: 100%;
	height: 144px;
	overflow: hidden;
	margin-bottom: 1.6em;
}

.slick-slide{
	width: 204px;
	height: 144px;
	margin: 0 1em;
	text-align: center;
	background: #fff;
}
.slick-slide:hover{
	box-shadow: inset 0px 0px 5px -2px #b5b5b5;
	-webkit-box-shadow: inset 0px 0px 5px -2px #b5b5b5;
	-moz-box-shadow: inset 0px 0px 5px -2px #b5b5b5;
	-o-box-shadow: inset 0px 0px 5px -2px #b5b5b5;
}

.slick-slide img{
	margin-left: auto;
	margin-right: auto;
}

#sponsors_bar .controls{
	display: inline-block;
	width: 30px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 140%;
	color: #b8b8b8;
	cursor: pointer;
}
#sponsors_bar .controls:hover{
	color: #e10b7a;
}


#footer{
	padding: 64px 0 34px 0;
	color: #fff;
	background: #5a2673;
}

.footer_nav{
	float: left;
	width: 50%;
	font-size: 90%;	
}

.footer_nav li{

}

.footer_nav a{
	display: block;	
	color: #fff;
	text-decoration: none;
}


.footer_nav i.fa{
	display: inline-block;
	padding-right: 0.5em;
	color: #df007c;
	font-size: 90%;	
}

#footer img.logo{
	width: 144px;
	height: 106px;
	margin-bottom: 4px;	
}

#footer a.copyright{
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #e10b7a;
}


/* SWIPE BOX */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
          transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(img/ajax-loader.gif) no-repeat center center;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
          transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
          transform: translate3d(0, -50px, 0);
}

#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
}

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(img/swipebox-icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}

#swipebox-next {
  background-position: -78px 13px;
  float: right;
}

#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }

  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}

#swipebox-overlay {
	background: url('img/pink-60percent.png');
}

#swipebox-bottom-bar{
	color: #fff !important;
	background: #2c2c2c;
}

#swipebox-top-bar {
	color: #fff !important;
 	font-size: 15px;
  	line-height: 43px;
	background: #2c2c2c;
}






.front-page #hero figure {
	position: relative;
}

.front-page #hero figure .claim > h2 {
	font-size: 2.2em;
}

.front-page #hero figure h2 .line{
	border: none;
}

.front-page #hero figure .sleeve {
	padding: 0 0.5em;
	font-size: 27px;
}

.front-page #hero figure h3 {
	margin-top: 10px;
	color: #fff;
	font-size: 19px;
	text-transform: none;
}







/*-----------------------   DEBUG   -----------------------*/
pre.debug{
	background: #FFC;
	padding: 8px;
	border: 2px solid #dcdc9f;	
	font-size: 12px;
	max-height: 200px;
	overflow: auto;
}

pre.debug.focus{
	max-height: none;
	overflow: auto;
}

pre.debug hr{
	background: #FFC;
	border: none;
	border-top: 1px solid #dcdc9f;	
}


#wp-admin-bar-wp-logo{
	display: none !important;	
}


/*-----------------------   RESPONSIVE   -----------------------*/
.wrap{
	width: 1020px;
	margin: 0 auto;
}

#mobile_nav_btn{
	display: none;
	position: absolute;
	z-index: 10001; /* above nav because of shadow */	
	top: 16px;
	left: 2%;
	width: 52px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	font-size: 1.8em;
	background: #dadada;
}


/* Tablet Portrait, smaller than container */
@media screen and (max-width: 970px) { 
	
	.wrap{
		width: 100%;
		margin: 0	
	}
	
	.ball_location .info{
		left: 2%;
		margin-left: 0;
	}
	
}

/* mobile nav */
@media screen and (max-width: 790px) { 

	.col.colspan_2,
	#sidebar{
		float: none;
		display: block;
		width: auto;
	}
	
	.tel a{
		display: inline-block;
		vertical-align: middle;
		padding: 0.3em 0.5em;
		margin-bottom: 1em;
		color: #fff;
		background: #4cab1c;
	}

	.tel i.fa{
		display: inline-block;
		margin-right: 1em
	}
	
	.tel .label{
		display: none;	
	}
	
	.mobile_only{
		display: block;	
	}
	
	#header{
		height: 86px;	
	}
	
	#logo{
		top: 0;
		left: 50%;
		margin-left: -70px;
	}
	
	.intro br,
	#meta_nav{
    	display: none;
	}
	
	.block_right br,
	.block_left br{
		display: block	
	}
	
	/* content */
	#content section,
	section#sponsors_bar{
		padding: 20px 12px;	
	}
	
	#teaser_home .box br{
		display: none;
	}

	/* mobile nav */
	#nav, #subnav{
		display: none;
	}
	
	#mobile_nav_bg{
		display: none;
		position: fixed;
		z-index: 99;	
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(img/black-30percent.png);
	}
	
	#mobile_nav_btn{
		display: block;	
		cursor: pointer;
	}
	
	#mobile_nav_btn small{
		text-indent: -9999px;
	}
	
	#mobile_nav_btn.active{
		color: #fff;
		background: #202020;
	}
	
	#mobile_nav_btn .fa-times{
		display: none;
	}
	#mobile_nav_btn.active .fa-times{
		display: inline-block;
	}
	#mobile_nav_btn.active .fa-bars{
		display: none;
	}	
	
	#footer .col{
		float: none;
		display: table;
		width: 96%;
		padding: 0 2%;
	}
	
	#footer .col.mid{
		display: none;
	}
	
	#footer .col.right{
		margin-top: 2em;
		text-align: center;
	}
	

}

/* fix columns */
@media screen and (max-width: 680px) { 

	img.alignleft,
	.wp-caption.alignleft,
	article .col.left,
	article .col.colspan_2{
		float: none;
		display: block;
		width: auto;
	}
	
	.col.quarter {
		width: 50%;
	}
	
	#main_img{
		margin: 18px;
		text-align: center;	
	}
	
	#teaser_home .col a.box {
		padding-top: 20px;
	}
	
	#teaser_home .col .icon{
		display: none;	
	}
	
	.ball_location .info{
		position: static;
		width: 100%;
		top: auto;
		bottom: auto;
		background: none;
	}
	
	.ball_location  #map_full{
		width: 100%;
	}
	
}


/* smaller devices, each col in a row */
@media screen and (max-width: 480px) { 
	
	.no_mobile{
		display: none;	
	}
	
	.col,
	.col.first,
	.block_right,
	.block_left {
		display: block;
		float: none;
		width: 96%;	
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.col_half.left,
	.col_half.right{
		float: none;
		width: auto;	
	}
	
	.col.quarter {
		float: left;
		width: 50%;
		margin: 0;
	}
	
	.intro{
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;	
	}
	
	.article_list .txt {
    	margin-left: 0;
	}
	
	.article_list .thumb{
		display: none;	
	}
	
	.article_list .event_date{
		float: none;
		display: table;
		width: 100%;
		text-align: center;
	}
	
	#hero{
		font-size: 70%;
	}
	#hero .claim{
		top: 17%;	
	}
	
	#teaser_home .col{
		margin-bottom: 30px;
	}
	
	#teaser_home .col .icon{
		top: 32px;
	}
	
	#teaser_home .col a .btn{
		display: none;
	}
	
	.countdown .item{
		font-size: 80%;	
	}
	
	.sponsors_gallery .slick-slide{
		height: 104px;	
	}
	
	.sponsors_gallery .slick-slide img{
		width: 100%;
		height: auto;	
	}
	
}