/*
	Theme Name: Kidscreen Summit 2015
	Description: Brunico Event Framework v.2.0 build
	Version: v.1.0
	Author: R. Stephenson Price
	Author URI: www.stratasfear.com
*/

/* --------------------------------------- */
/* THEME RESET
/* --------------------------------------- */

*, *:before, *:after { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; }

body { background:#ffffff; margin:0; padding:0; color:#232323; font:1em soleil,"Lucida Grande","Lucida Sans Unicode","Nimbus Sans L",Arial,sans-serif; }
h1, h2, h3, h4, h5, h6, h7 { color:#232323; margin:40px 0 10px; font-weight:bold; }
h1 { font-size:2.0em; line-height:1.1em; color:#32BBBA; }
h2 { font-size:1.7em; color:#32BBBA; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; color:#32BBBA; }
h5 { font-size:0.9em; color:#232323; }
h6 { font-size:0.8em; }
h7 { font-size:1.0em; color:#EF5623; width:100%; text-align:right; margin:0 0 20px; float:right; }

p { margin:0 0 20px; }

a:link, a:visited 	{ padding:0; margin:0; text-decoration:none; color:#EF5623; }
a:hover 	{ color:#FEC40F; }

a:hover img { opacity:1.0; transition:ease; 
	-webkit-backface-visibility:hidden; 
	   -moz-backface-visibility:hidden; 
	        backface-visibility:hidden; 
		   -webkit-transform:rotate(0);
		      -moz-transform:rotate(0); 
			       transform:rotate(0); 
}

blockquote { float:right; width:50%; padding:20px; margin:20px 0 20px 20px; border-top:4px solid #32BBBA; border-bottom:4px solid #32BBBA; font-size:1.4em; line-height:1.3em; font-weight:bold; font-style:italic; color:#787878; }

#siteContainer		{ width:100%; display:inline-block; position:relative; z-index:0; 
						box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #000; }
.overlay			{ display:none; width:100%; height:100%; top:0; bottom:0; left:0; right:0; Z-index:20; position:absolute; background-color:rgba(0,0,0,0.8)}
.container 			{ max-width:1250px; width:100%; margin:0 auto; }
.containerWide		{ max-width:1250px; width:100%; margin:0 auto; }

.clearfloat:before, .clearfloat:after { content:""; display:table; }
.clearfloat:after { clear:both; }
/* For IE 6/7 only */
.clearfloat { *zoom:1; }

.shadow { box-shadow:0 0 5px #121212; -moz-box-shadow:0 0 5px #121212; -webkit-box-shadow:0 0 5px #121212; }

em { font-style: italic; }


/* --------------------------------------- */
/* SPECIAL CHARACTER FONT(S)
/* --------------------------------------- */
    
@font-face {
    font-family: 'Neutra Bold';
    src:    /* url('/Content/2015/fonts/neutratext-bold.otf') format('opentype'), */
            url('/Content/2015/fonts/neutratext-bold.woff') format('woff'), 
            url('/Content/2015/fonts/neutratext-bold.ttf') format('truetype'),
            url('/Content/2015/fonts/neutratext-bold.svg#webfont') format('svg');
}

/* --------------------------------------- */
/* FORMS
/* --------------------------------------- */



/* --------------------------------------- */
/* AGENDA / TABLES
/* --------------------------------------- */

/*Delegates Table*/
.countryCell { min-width:180px; }

.xchangeIMG { border:0 !important; margin:0 !important; width:auto !important; position:relative !important; top:4.3px !important; }

.days { width:100% !important; }
.days .session { background:#ef5623; color:#fff !important; box-shadow:0 0 2px #cfcfcf; -moz-box-shadow:0 0 2px #cfcfcf; -webkit-box-shadow:0 0 2px #cfcfcf; }
.days .session:hover { background:#FEC40F !important; color:#232323 !important; }

#sidebar-container { display:none; }

/* --------------------------------------- */
/* ADS
/* --------------------------------------- */


/* --------------------------------------- */
/* MENU CORE
/* --------------------------------------- */

.menu a { color:#ffffff; }
.submenu { z-index:8; }
li .submenu li a { background:#232323; text-align:left !important; }
.menu li > a:hover, .menu .topMenu a:hover, .menu li:hover > span, .menu li:hover > a, .menu .sub-menu li:hover > span, .menu .sub-menu li:hover > a {
    color: #FFF;
    background: none repeat scroll 0% 0% #787878;
}

.socialBox .btn-social:hover { background: #787878; }

/* --------------------------------------- */
/* BRUNICO/BRAND MENU
/* --------------------------------------- */

#masterMenu { top:0; }

/* --------------------------------------- */
/* MAIN/EVENT MENU
/* --------------------------------------- */

#mainMenu { background:#000 url(/Content/2015/images/backing-navbar-brown.png)repeat-x; border-bottom:5px solid #32BBBA; }
#mainMenu .mainMenu-content { width:100%; }
.submenu { background:#fafafa; }
#mainMenu .mainMenu-content > li { min-width:8.6%; width:calc((100% - 300px)/8); font-size:0.75em;  }
#mainMenu .menu li a { border:none; color:#ffffff; background:#000 url(/Content/2015/images/backing-navbar-brown.png)repeat-x top center; padding:8px 0; text-align:center; text-transform:uppercase; font-family:"Neutra Bold"; }

#mainMenu li > a:hover, #mainMenu .topMenu a:hover, #mainMenu li:hover > span, #mainMenu li:hover > a, #mainMenu .sub-menu li:hover > span, #mainMenu .sub-menu li:hover > a, #mainMenu li a.active { color:#321414; background:#321414 url(/Content/2015/images/backing-navbar-orange1.png)no-repeat top center !important; }

.menuSpacer { width:28%; width:calc(300px) !important; width:-moz-calc(300px) !important; width:-webkit-calc(300px) !important; display:block; float:left; text-align:center; }
.menuSpacer img { height:34px; width:auto; margin:3px auto 0; }

#mainMenuInner { max-width:1250px; }

/* --------------------------------------- */
/* MOBILE MENU
/* --------------------------------------- */

#jPanelMenu-menu li a:hover { background:#32BBBA; color:#FFF; }
#jPanelMenu-menu .btn-social:hover	{ background:#32BBBA; }
#jPanelMenu-menu .menu li > a:hover, #jPanelMenu-menu .menu .topMenu a:hover, #jPanelMenu-menu .menu li:hover > span, #jPanelMenu-menu .menu li:hover > a, #jPanelMenu-menu .menu .sub-menu li:hover > span, #jPanelMenu-menu .menu .sub-menu li:hover > a {
    color: #FFF;
    background: none repeat scroll 0% 0% #32BBBA;
}

/* --------------------------------------- */
/* HEADER
/* --------------------------------------- */

#headerIndex	{ background:#32BBBA; min-height:0; margin:40px auto 0; z-index:-3; }
#headerIndex img    { display:block; }
#headerLogoTop, #headerLogoBottom 	{ width:780px; display:block; overflow:hidden; }
#headerLogoTop 		{ margin:40px auto 0px; }
#headerLogoBottom 	{ margin:0 auto; position:relative; z-index:10; top:-47px; width:300px; }
#headerLogoBottom img { display:block; margin:0 auto; position:relative; left:-240px; }

#indexInfo { padding:0; }

/* --------------------------------------- */
/* INFOPANES
/* --------------------------------------- */

.infoPaneInner h3 { color:#fff; }

#infoPane1 { background:#fff; }
#infoPane3 { background:#343434; }
#statsPane { background:#301616; padding:0; z-index:-4; }
#logoPane  { background:#dadada; padding:0; z-index:-4; height:45px; }

#stat1 { background:none; }
#stat2 { background:none; }
#stat3 { background:none; }
#stat4 { background:none; }
#stat5 { background:none; }
#stat6 { background:none; }

#infoPaneSchedule { background:#32BBBA; }
#eventSchedule { margin:40px auto 60px; }

#infoPaneSpeakers .infoPaneInner h3 { margin:0; }

/* --------------------------------------- */
/* CAROUSELS
/* --------------------------------------- */

#carouselSidebar { width:80%; width:calc(100% - 60px); width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); margin:0 auto; }
#carouselSidebar li img { border:5px solid #fff; }

#carouselTestimonial li img { border:5px solid #32BBBA; }
#carouselTestimonial li p { font-size:1em; line-height:1.3em; }
#carouselTestimonial-wrapper > .jcarousel-control-prev, #carouselTestimonial-wrapper > .jcarousel-control-next { margin:110px 0 0 !important; }
.jcarousel-pagination a:hover, .jcarousel-pagination a.active { background:#32BBBA; }

.jcarousel-control-prev, .jcarousel-control-next { color:#ffffff !important; border-color:#ffffff; }
.jcarousel-control-prev:hover, .jcarousel-control-next:hover { color:#32BBBA !important; border-color:#32BBBA; }

.carousel-caption p { margin:0; text-align:center; }

/* --------------------------------------- */
/* TABBOX
/* --------------------------------------- */

#tabbox-wrapper .navigation li.active { background:#EF5623; color:#FFFFFF; }
#tabbox-wrapper .navigation li:hover  { background:#FEC40F; color:#FFFFFF; }
#tabbox { background:#ffffff; }
#tabbox-wrapper .stage p { padding:20px; color:#232323; }

/* --------------------------------------- */
/* MAIN CONTENT
/* --------------------------------------- */

#main { background:#fff; }
#mainContainer { width:100%; max-width:1440px; }
#content, #contentFull { min-height:0; }
#contentNarrow { width:calc(100% - 680px); float:left; }

.highlight { font-weight:bold; color:#EF5623 !important; }
.bright { font-weight:600; color: #32BBBA; }

#leadbar { width:340px; float:left; padding:20px; height:100%; position:relative; background:#321414; }

#contentPanel { background:#321414; }
#contentHeader { padding:80px 20px 40px; }

#contentBody { min-height:1330px; }
#contentBody table { width:100% !important; border-collapse:collapse; border-spacing:0; }
#contentBody table tr { width:100% !important; }
#contentBody table th { text-align:left; border-bottom:3px solid #ccc; padding:5px 20px; }
#contentBody table td { border-bottom:1px solid #ccc; padding:5px 20px; font-size:0.8em; }
#contentBody table td img { width:inherit !important; }
#contentBody td:nth-of-type(1)/*, #contentBody td:nth-of-type(2)*/ { font-weight:bold; }
#contentBody tbody tr:nth-child(2n+1) td, #contentBody tbody tr:nth-child(2n+1) th { background-color:#f9f9f9; }

.agendaCell .row-fluid {
    background-color: #EF6132;
    border-radius: 5px;
    border: 1px solid #fff;
}

.agendaCell .row-fluid a {
    color: #fff !important;
}

.bulletin { padding:20px 0; border-bottom:1px solid #EFEFEF; width:100%; }
.bulletin:first-child { padding-top: 0; }
.bulletin:last-child { border-bottom: none; }
.bulletin h2 { color:#000; }
.bulletin h4 { margin-top:20px; }
.bulletin h5 { font-size:1em; margin:20px 0 10px 0; }
.bulletinDetail { margin:0 0 20px 50px; }
.bulletinDetail p { margin: 0; }
.sessionAnnouncement p:first-child,  .sessionAnnouncement p:last-child { font-weight: bold; }
.sessionAnnouncement p:last-child { color:#EF5623; }
.bulletinHighlight { width: 80%; margin:0 auto 20px auto; }
.announcementPic { float:left; text-align:center; margin-right: 15px;}
#contentBody .announcementPic img { width:100%; margin:0; }
.announcementPic h4 { margin:0; }
.announcementPic p { margin:0; }

.question_section { margin-bottom:60px; }
.question { color:#32BBBA; font-weight:bold; margin-bottom:5px; padding-top:90px; margin-top:-90px;}
.backtotop { text-align:center; }
.backtotop a { color:#fff; padding:4px 8px; background:#EF5623; border-radius:5px; }

.feedbackForm h4 {
    font-size: 1.3em;
}

.feedbackForm h5 {
    font-size: 1.1em;
}

.feedbackForm .smallLogo {
    display: none;
}



/* == Sponsor page styles == */

.oneColumn_logos h3,
.sponsorPage h3 {
    margin: 0 0 30px 0;
}

.sponsorLevel {
    margin-bottom: 50px;
}

.sponsorLevel:last-child,
.sponsorLevel:last-of-type {
    margin-bottom: 0;
}

.sponsorSet {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}

.sponsorLink {
	-webkit-flex: 1 0 33.33%;
	-moz-flex: 1 0 33.33%;
	-ms-flex: 1 0 33.33%;
	-o-flex: 1 0 33.33%;
	flex: 1 0 33.33%;

	text-align: center;
	min-width: 150px;
}

.sponsorLink img,
#contentBody .sponsorLink img {
	margin: 0;
	padding: 0 20px 40px 20px;
    display: initial;
	width: 100%;
	max-width: 250px;
}

/* == END Sponsor page styles END == */

/* == Adjusted sponsor styles for expanded agenda == */
.expandedAgendaSponsor {
    margin: 20px 0;
}

.expandedAgendaSponsor p {
    text-align:center;
    color: #666;
    margin-bottom: 10px;
}

.expandedAgendaSponsor .sponsorSet {
    justify-content: center;
}

#contentBody .expandedAgendaSponsor img {
    padding: 0 20px 0 20px;
}

/* == END Adjusted sponsor styles for expanded agenda END == */



/* --------------------------------------- */
/* SIDEBAR
/* --------------------------------------- */

#sidebar { padding:0 20px; background:#321414; }
#sidebarTop, #sidebarBottom { margin:0; }
#sidebarCarousel { margin:20px 0 0; }

.sponsorLogo { margin:20px auto; display:block; opacity:0.6; }
.sponsorLogo:hover { opacity:1.0; }

#flightWatch { background:#31bcba; width:100%; margin:0 0 20px; }
#flightWatch img { width:100%; height:auto; margin:10px 0 0; }
#flightWatch .inner { width:100%; padding:0 20px 10px; }
#flightWatch .infoPane { padding:10px; background:#fdb834; margin:0 0 10px; min-height:40px; color:#232323; text-align:center; font-size:0.8em; line-height:1.3em; border:3px solid #FEC40F; }
#flightWatch .infoPane:hover { background:#EF5623; color:#fff !important; }
#flightWatch .infoPane:hover .highlight { color:#fff !important; }
.statsBox { background:#31bcba; width:100%; padding:20px; margin:0 0 20px; font-size:0.8em; line-height:1.3em; }
.statsBox h4, #sidebar h4 { margin:0 -20px 10px; font-size:1.1em; padding:5px 20px; background:#FEC40F; color:#321414; font-family:"Neutra Bold"; text-transform:uppercase; text-align:center; }
#sidebar h4 { margin:40px auto 20px; }
#sidebar h3 { color:#fff !important; margin:0px auto 10px; text-align:center; font-size:0.8em; }
.statsBox ul { margin:10px; }
#sidebarSponsors { display:block; margin:0 auto; }
#sidebarSponsors div { display:block; margin:0 auto; height:140px !important; width:100% !important; position:relative; }
#sidebarSponsors div a { display:block; position:relative; height:100% !important; width:100% !important; overflow:hidden; }
#sidebarSponsors img { position:absolute; top:-100%; bottom:-100%; left:-100%; right:-100%; max-height:140px !important; max-width:100% !important; width:auto !important; margin:auto; }

/* --------------------------------------- */
/* FOOTER
/* --------------------------------------- */

#footer { border-top:5px solid #32BBBA; }
#footerLinks .header { color:#32BBBA; }

@media screen and (max-width:1024px) {
    #headerIndex { height:auto; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #logoPane { background:#321414; height:1px; }
    #contentHeader { padding:100px 20px 40px; }
    #headerLogoBottom { position:relative; width:initial; top:0; }
    #headerLogoBottom img { position:relative; z-index:10; top:0; left:0; }
}

@media screen and (max-width: 999px) {
	#masterMenu { background:#000 url(/Content/2015/images/logo-menu.png) center 9px no-repeat; background-size:76px 25px; }

    #logoPane { background:#321414; height:1px; }
    #contentHeader { padding:100px 20px 40px; }
    #headerLogoBottom { position:relative; width:initial; top:0; }
    #headerLogoBottom img { position:relative; z-index:10; top:0; left:0; }
    #leadbar { display:none; }
    #contentNarrow { width:620px; width:calc(100% - 340px); width:-moz-calc(100% - 340px); width:-webkit-calc(100% - 340px); position:static; }
    
    #tableDelegates td, #tableDelegates th { padding:5px !important; }

    /* Table reset for mobile */
    .countryCell { min-width:0; }
}

@media screen and (max-width: 768px){
	#headerLogoTop, #headerLogoBottom { width:90%; margin:0 auto; }
	#headerLogoTop img, #headerLogoBottom img { width:100%; }
	#headerIndex { min-height:0; }

    #contentBody { min-height:0; }
    #contentNarrow { width:100%; }
    #sidebar { padding:20px; }
	
	#footerLinks li a		{ background:#32BBBA !important; }
	#footerLinks li a:hover { background:#FEC40F !important; }	
}

@media screen and (max-width:600px) {
    /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { position:absolute; top:-9999px; left: -9999px; }
	tr { border-bottom: 3px solid #ccc; }
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee !important; 
		position: relative;
		padding:5px; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

    #contentBody tbody tr td {
        height: auto !important;
        width: 100% !important;
    }

    #tableDelegates td:nth-of-type(1), #tableDelegates td:nth-of-type(2) { display:inline-block; width:50%; }

    #eventregisterform td, #eventregisterform th, #Pitchit td, #Pitchit th, #inviteForm td, #inviteForm th { width:100%; display:block; }
    input[type="text"], textarea, select { width:100% !important; }
    .control-label, .controls { width:100%; display:block; float:none; }
    .control-label .control-label, .controls .control-label { width:50%; float:left; }

    input.searchBar { width:80% !important; width:calc(100% - 25px) !important; width:-moz-calc(100% - 25px) !important; width:-webkit-calc(100% - 25px) !important; }
}

@media screen and (max-width:480px) {
    body { font-size:0.85em; }
    #headerLogoTop, #headerLogoBottom { width:150%; position:relative; top:0; margin-left:-24%; }
    #headerLogoTop { margin-top:20px; }

    .feedbackForm .bigLogo { display: none; }
    .feedbackForm .smallLogo { display: inline; }
}