/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "responsive.css";


@font-face {
  font-family: 'bebas';
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'proxbold';
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'proxreg';
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'proxit';
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

body {
}

#page {
  max-width: 100%;
}

p {
	font-family:proxreg;
	font-size: 12pt;
	line-height: 1.2em;
}

.node {
	padding-top:67px;
}

.left {
	float: left;
	margin-left: 10%;
}

.right {
	float: right;
	margin-right: 2%;
}

.view-speakers .view-header {
	background: #c6c6c6;
}

.view-speakers .view-title {
  padding: 100px 0 40px;
  margin: 0 auto;
  width: 182px;
	
}

.view-speakers .node {
	padding: 0;

}

.view-speakers .node .speaker-more {
	width:64px;
	height:90px;
	margin-bottom:20px;
    
}

.view-speakers .node .speaker-less {
	width:64px;
	height:90px;
}

.view-speakers .node .slidetoggle {
  display: none;
  margin-bottom: 20px;

}



.node a {
	background: #ffef33;
	color: #000;
	text-decoration: none;
	padding:4px;
	margin:0 6px;
}

.node-3 a {
	background: #000;
	color: #ffef33;
}

a.anchor {
	background:transparent;
}

#header {
	background: #ffef33;
	padding:0;
	height:110px;
	width:100%;
}

#content {
	padding: 0;
}

#header .row-top {
  overflow: hidden;
  z-index: 9;
  margin-top: -40px;
  position: absolute;;
}

#header .row-top .rt-1 {
	float: left;
	height: 16px;
	background:#ffef33;
	width:122px;
}

#header .row-top .rt-2 {
  float: left;
  width: 0;
	height: 0;
	border-bottom: 16px solid #ffef33;
	border-right: 16px solid transparent;
	background: #6e1932;
}

#header .row-top .rt-3 {
  float: left;
  height: 16px;
  background:#ffef33;
  width:1042px;
}

 #header .right a.link-fb {
  display: block;
  width:9px;
  height: 19px;
  text-indent: -9999px;
  float: left;

 }

 #header .right a.link-email {
  width:28px;
  height: 19px;
  text-indent: -9999px;
  display: block;
  float: left;

 }

#block-block-2 {
  color: #fff;
  height:90px;
  overflow:hidden;
  padding:10px 10px 10px 150px;
  background:url(header_logo.png) no-repeat 20px 0#000;
}

#block-block-2 p {
  margin: 0;
}

#block-block-2 .left {
	float: left;
	text-transform: uppercase;
}

#block-block-2 .right {
	float: right;
	padding-top: 28px;
}

#block-block-2 .right a {
	margin-right: 10px;
}

#block-block-3 {
	overflow: hidden;
	z-index: 20;
	position: absolute;
	right: 14px;
  
}

.not-logged-in .node .form-item {
  display: none;
}

.node-12 h2 {
  font-size: 35pt;
  font-family: bebas;
  margin: 0;
  line-height: 1em;

}

.node-12 .left {
  margin-left: 16%;

}

.node-12 .left img {
	width:400px;
}

#block-block-3 ul {
	padding: 0;
	list-style: none;
	margin: 20px 0 0 0;
  
}

#block-block-3 ul li {
	float: left;
	margin-right: 20px;
	background: #6e1932;
	padding: 8px 18px 4px;;
  
}

#block-block-3 ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
    font-family: bebas;
    font-size: 14pt;
}

#block-block-3 ul li.last {
  margin: 0;
}

.node-1,
.node-3,
.node-13,
.node-12   {
	background: #ffef33;
	text-align: center;
}

.node-1 {
	padding-bottom:240px;

}

.node-1 .front-date-venue {
	line-height:1em;
	font-family:proxreg;
	font-size:25pt;
}

.node-1 .front-date-venue strong {
	display:block;
	margin-top:1em;
	line-height:1.4em;
	font-family:proxbold;
	
}

.node-1 p {
	margin: 0;
}

.node-2 {
	background: #404040;

	color: #fff;
}

.node-13 p {
  color: #fff;
  margin: 23px 10%;
	
}

.node-2 header,
.node-3 header,
.node-12 header,
.node-14 header {
	width: 180px;
	margin:0 auto;
	padding: 20px 0 30px 0;
}

.node-2 .field-name-body {
	
	padding: 0 160px 60px;
}

.node-2 .field-name-body p {
	
}

.node-2 .node-title,
.node-3 .node-title,
.node-12 .node-title,
.node-14 .node-title,
.view-speakers .node-title {
	width: 182px;
	height: 182px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 2px dashed #fff;
	color: #fff;
	font-family: bebas;
	font-size: 14pt;
}

.node-3 .right {
	margin-right: 17%;
}

.view-speakers .node-title {
  margin: 50px;
	}

.node-3 .node-title,
.node-14 .node-title {
	border-color: #aaa;
	color: #666;
}

.node-12 .node-title {
	border-color: #000;
	color: #000;
}

.node-3 {
	padding: 60px 80px 160px 80px;
}

.node-2 .anchor {
  line-height: 0;
  display: block;
  height: 0;
}

.node-3 .field-name-body h2 {
	background: #404040;
	color: #ffef33;
	display: block;
	padding: 0px;
	font-size: 16pt;
	clear: both;
	width: 224px;
	margin: 0 auto;
	font-family: proxbold;
}

.view-speakers {
  background: #404040;

}

.view-speakers .row-top {
  overflow: hidden;
  z-index: 9;
  margin-top: -79px;
  position: absolute;
  display: none;
}

.view-speakers .views-row-1 .row-top {
  display: none;
  /*display: none;*/
}

.view-speakers .row-top .rt-1 {
	float: left;
	height: 80px;
	background:red;
	width:446px;
}

.view-speakers .row-top .rt-2 {
  float: left;
  width: 0;
	height: 0;
	border-bottom: 80px solid red;
	border-right: 80px solid transparent;
}

.view-speakers .row-top .rt-3 {
  float: left;
  height: 80px;
  background:red;
  width:513px;
}

.view-speakers .views-row-even .row-top .rt-1,
.view-speakers .views-row-even .row-top .rt-3 {
	background: #404040;
}

.view-speakers .views-row-even .row-top .rt-2 {
	border-bottom: 80px solid #404040;
}

.view-speakers .views-row-odd .row-top .rt-1,
.view-speakers .views-row-odd .row-top .rt-3 {
	background: #c6c6c6;
}

.view-speakers .views-row-odd .row-top .rt-2 {
	border-bottom: 80px solid #c6c6c6;
}

.view-speakers .right .row-top {
	display: none;
}


.view-speakers .view-header p {
  margin: 0;
}

.view-speakers .views-row {
	color: #fff;
	position: relative;
	min-height: 336px;
}

.view-speakers .views-row-odd {
  
}

.view-speakers .views-row-odd  {
    background: #c6c6c6;
    display:block;

}

.view-speakers .views-row-even  {
	display:block;
}

.view-speakers .left {
	font-family: bebas;
	line-height: 1em;
	height: auto;
	float: left;
	font-size: 35pt;
	width: 300px;
}

.view-speakers .right {
	padding: 10px 10px 0px 20px;
	float:left;
	width:382px;
	margin-left:47%;
}

.view-speakers .speaker-name {
	text-transform: uppercase;
	font-family: bebas;
	font-size: 25pt;
	line-height: 1em;
}

.view-speakers .field-name-field-titulus {
  font-family: proxit;
  font-size: 14pt;
}

.view-speakers .field-name-field-image {
	line-height: 0;
	margin-left: 10%;
	position: absolute;
	top: 0;
	width: 478px;
	height: 395px;
	overflow: hidden;;
}

.node-12 {
	overflow: hidden;
}

.node-12 .left,
.node-12 .right {
  float: left;
}

.node-12 .right {
  width:480px;
  padding-left: 20px;
}

.node-14 strong {
	background: #000;
	color: #fff;
	padding:4px 10px;
}

.node-14 a {
  background: none;
}

.node-13 {
	background: #6e1932;
	padding-bottom: 240px;
	padding-top: 100px;
}

.node-13 a {
  background: transparent;
	
}


#footer {
	background: #404040;
	padding: 37px;
	color: #fff;

}

#footer .left {
	float: left;
}

#footer .right  {
	float: right;
}

#footer .right  a {
	text-decoration: none;
	color: #fff;
}

#block-block-1 {
	border-top: 1px solid #fff;
	padding-top: 20px;
}


div#main {
	padding: 0;
  
}

.more-text, .less-text {
  font-family: proxreg;
  font-size: 23px;
	
}

a#hu, a#en {
  font-family: bebas;
  text-decoration: none;
  color: #fff;
  font-size: 1.3em;
}

h3 {
  font-weight: normal;
  font-size: 1em; 
}



@media only screen and (max-width: 640px) {

  .node {
	padding-bottom: 20px;
  } 

  .node-3 {
  	padding:0;
  }

  .node-3 .left {
  	margin: 0 5%;
  	float: none;
  }

  .node-3 .right {
  	margin: 0 5%;
  	float: none;
  }

  #block-block-3 {
  	right: 0;
  }
	
  #block-block-3 ul li {
  	width:20%;
  	margin-bottom:0;
  	text-align:center;
  	margin-right:0;
  	padding:8px 18px 4px;
  }

  #block-block-3 ul li:nth-child(3),
  #block-block-3 ul li:nth-child(6)  {
    margin-right: 0;
  }

  #block-block-3 ul {
  	background: #6e1932;
  	overflow: hidden;
  	margin: 0;
  }

  .view-speakers .views-row .field-name-field-image {
  	width:100%;
  	margin-left: 0;
  } 

 .view-speakers .right {
	width: 86%;
	margin-left: 0%;
	margin-top: 242px;
 }

 .view-speakers .view-title {
 	width: 92px;
 	padding: 90px 0 22px;
 }

 .node-2 .field-name-body {
	column-count: 1;
	column-gap: 20px;
	-moz-column-count: 1;
	-moz-column-gap: 20px;
	-webkit-column-count: 1;
	-webkit-column-gap: 54px;
	padding: 0 8% 60px;
  }

  .node-2 .node-title, .node-3 .node-title, .node-12 .node-title, .node-14 .node-title, .view-speakers .node-title {
	width: 90px;
	height: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 2px dashed #fff;
	color: #fff;
	font-family: bebas;
	font-size: 14pt;
	}
  .node-2 header, .node-3 header, .node-12 header, .node-14 header {
  	width: 90px;
  	padding: 25px 0 10px;
  }

  .node-3 header {
    width: 90px;
  	padding: 100px 0 0px;	
  }

  .node-12 .left {
  	margin: 0 0 0 4%;
  	width: 40%;
  }

  .node-12 .right {
  	margin: 0;
  	width: 40%;
  }

  .node-12 .left img {
    width: 100%;
  }
  
  .node-3 .node-title, .node-14 .node-title {
	border-color: #aaa;
	color: #666;
	}

  .node-13 img {
	max-width: 50%;
  	
  }

  .node-14 {
  	text-align: center;
  }

  .node-14 img {
	max-width: 74% !important;
  	height: auto !important;
  }  

  .view-speakers .node .speaker-more {
	float: right;
  	
  }

}

/*
     FILE ARCHIVED ON 14:14:10 Jun 17, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:07:16 Jun 15, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/