/* CUBIT! */



/* TYPOGRAPHY */

body {
  font-family: 'Dosis', sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 300;
  color: #333;
  background:#fff;
}
li.title a:visited {
  color:#bc9629 !important;
}
li.title {
  color:#bc9629 !important;
}
a:link,
a:visited{
	color: #333;
	text-decoration: underline;
}

a:hover,
a:active{
	color: #CC4036 !important;
	text-decoration: underline;
}

.index #index a { color: #b1b1b1 !important; }
.about #about a { color: #b1b1b1 !important; }
.music #music a { color: #b1b1b1 !important; }
.contact #contact a { color: #b1b1b1 !important; }


h1 {
  line-height: 1.5em;
  font-weight: 200;
  color: #000;
  font-size: 28px;
  text-transform:uppercase;
  letter-spacing:2px;
}

h2 {
  line-height: 1.1em;
  font-weight: 600;
  color: #000;
  font-size: 28px;
  text-transform:uppercase;
  letter-spacing:2px;
}

h3 {
 font-size:20px;
 color: #000;
 font-weight:200;
}

.mail a {
  line-height: 1.1em;
  font-weight: 200;
  color: #EA5A47;
  font-size: 28px;
  letter-spacing:2px;
}

.mail a:hover a:active {
  color: #C64036;
}

.location {
  line-height: 1.1em;
  font-weight: 200;
  color: #EA5A47;
  font-size: 22px;
  letter-spacing:2px;
}

.icon {
  font-family: cubit;
}

.mail-icon {
  position:relative;
  font-size:44px;
  color:#EA5A47;
  top:14px;
}

.location-icon {
  position:relative;
  color:#EA5A47;
  top:2px;
}


/* HEADER */
.header {
  background-color:#000;
  width:100%;
  margin:0 auto;
  text-align:center;
}

.logo {
  margin:0 auto;
  padding:80px 0;
}




/* CONTENT */
body { 
  margin: 0;
  padding: 0;
  display: block;
}

.content {
  width: 90%;
  margin: auto;
  text-align:center;
  padding-top:40px;
  padding-bottom:40px;
}

hr.line {
  border-top: 1px solid #000;
  border-bottom: 0;
  border-left:0;
  border-right:0;
  width:30%;
  max-width:188px;
  padding:0;
  margin:0 auto;
  
}

.index {
  padding-bottom:0;}



.available-container {
  margin:auto;
  width:85%;
}
.available {
  width:65%;
  float:right;
  position:relative;
  z-index:5;
  top:320px;
}

.about-content {
  margin:auto;
  width:100%;
  max-width:1024px;
  margin-top:40px;
}


.about-text {
  float:right;
  width: 55%;
  margin-right:6%;
  margin-bottom:60px;
}
.gallery {
text-align:center;
clear:both;
}


fieldset {
  border:0;
  padding:0;
}

#contact_form {
	width: 85%;
	max-width:500px;
	margin:auto;
	margin-top: 20px;
	text-align: left;
}

input, textarea {  
	width: 100%;
	background-color: #fff;
	padding: 2px;  
	border: 1px solid #999;
	display: block;
	margin-bottom:10px;
	-webkit-appearance: none;
    border-radius: 0;
} 

textarea { resize: vertical; }

.submit-button {
	color: #fff;
	background-color: #999;
	border:none;
	width: 80px;
	height: 40px;
	float: left;
	-webkit-appearance: none;
    border-radius: 0;
    cursor: pointer;
}

.submit-button:hover {
	background-color: #a28123;
	border:none;
	}

.robotic { display: none; }

.error { color:#fe6e38; }

.thanks {
  height:400px;
}

.thanks-text {
  position: relative;
  top: 160px;
}

/* IMAGES */
img { 
	max-width: 100%; 
	border-style: none;
}

.logo {
  width:80%;
  max-width: 300px;
}


/* FOOTER */
.footer {
	clear: both;
	width: 100%;
	margin: auto;
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}




/* RETINA */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
   
    #logo {
        background:url('images/logo_2x.png') no-repeat top left;
        background-size: 32px 32px;
    }
}


/* RESPONSIVE */
@media only screen 
and (max-width : 780px) {
.available { max-width:780px; width:100%; float:left; top:40px; }
}

@media only screen 
and (max-width : 640px) {
.left { max-width:640px; width:100%; float:none; }
.about-content { margin-top:0;}
.about-text { width:88%; margin-right: 0; float:none; margin:auto; }
}

@media only screen 
and (max-width : 600px) {
.title { width:100%; text-align:center; margin-top:10px; }
.nav-item { margin: 0 0 0 20px; }
.nav-items { float:none; margin:auto; margin-top:12px; margin-bottom:10px;}
.nav { padding: 5px 0; }
}

@media only screen 
and (max-width : 520px) {
.social { float:none; width:100%; margin:auto; margin-top:10px; }
#copyright { float:none; text-align:center; margin-top:15px; }
.footer { padding-bottom:0; }
}


/* ICONS */
@charset "UTF-8";

@font-face {
  font-family: "cubit";
  src:url("fonts/cubit.eot");
  src:url("fonts/cubit.eot?#iefix") format("embedded-opentype"),
    url("fonts/cubit.ttf") format("truetype"),
    url("fonts/cubit.svg#cubit") format("svg");
    url("fonts/cubit.woff") format("woff"),
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "cubit" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cubit" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e000";
}
.icon-instagram:before {
  content: "\e001";
}
.icon-spotify:before {
  content: "\e002";
}
.icon-youtube:before {
  content: "\e003";
}
.icon-twitter:before {
  content: "\e004";
}