@import url("bootstrap.min.css");
@import url("shields.css");

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* General */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

audio::-webkit-media-controls-panel{
    background-color: #f05535;
}

audio {
  margin: 20px 0px 20px 0px;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}
audio {
  width: 80%;
}
audio::-webkit-media-controls-enclosure {
  max-width: none;
}
audio::-webkit-media-controls-panel {
  background-color: transparent;
  background-color: #f05535;
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
  color: #000000;
}

*, *:focus  { 
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent; 
	border-color: inherit;
}

html {
	width: 100%;	
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background: #111111 url(../../img/core/header.png) center center no-repeat; 
	background-attachment: fixed;
	background-size: cover;
	font-family: Roboto;
	font-size: 16px;
	color: #dfdfdf;
	line-height: 1.5;

}

main {
	padding: 120px 0px 120px 0px;
	visibility: hidden;
}

a, a:focus, a:visited {
	color: #f05535;
	font-weight:bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #ff8870;
	outline: none;
	text-decoration: none;
}

.not-visible {
	visibility: hidden;
}




/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Sections */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

section { padding: 20px 0;}



section .container + .container { margin-top: 25px; }

section.first {padding: 0px 0px 0px 0px;  font-size: 1.2rem; margin-top: 60px;}

section.primary {background: #000000; border-bottom:1px solid; border-color:#333333}
section.secondary {background: #151515; border-bottom:1px solid; border-color:#333333}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* Footer */
/* --------------------------------------------------------------------------------------------------------------------------- */

footer { 
	background: #292530;
	border-top: #40374f 1px solid;
	bottom: 0;
	color: #dfdfdf; 
	font-size: 0.9em; 
	margin: 0; 
	padding: 12px 0px 12px 0px; 
	position: fixed;
    text-align: center;	
	width: 100%;
	z-index: 1000;  
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Others */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.rounded-edges {
	border: 0px solid #2e2a35;
	border-radius: 20px;	
	overflow: hidden;	
}

.img-responsive {
	height:auto;
	width:100%;  
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* index-section-with-tiles section */
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.start .title { 
	margin-bottom: 40px;  
	font-size: 2.6rem;
}

.start .title strong { 
	color: #f05535;
}

button {
	background: #f05535;
	border: 0;
	border-radius: 12px;	
	color: #ffffff;
	padding: 20px;
	overflow: hidden;
}

button:hover {
	background: #ff8870;
}

input {
	background: transparent;
	padding: 20px;
	border: 2px solid #f05535;
	border-radius: 12px;	
	color: #ffffff;
	width:100%;
}

input:active, input:focus {
	border: 2px solid #ff8870;
}


.voting-header {
	border-bottom: 8px solid #f05535;
	color: #f05535;
	font-size: 26px;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
	width: 100%;
}

.voting-form {
	font-size: 18px;
}

.voting-form div + div {
	margin-top: 20px;
}