@charset "UTF-8";
/*Layout*/
html{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	background-color: #FFF6E5;
	color: #333;
}
.uk-margin-medium-top {
  margin-top: 25px !important;
}
.uk-margin-medium-bottom {
  margin-bottom: 25px !important;
}
.top{margin-top: 75px}
.spacer{height:25%}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000000;
  text-transform: none;
}
.uk-link,a{color:#333;text-decoration:none;cursor:pointer}.uk-link:hover,a:hover{color:#000;text-decoration:none}
.home-link{color:#fff;text-decoration:none;cursor:pointer} .home-link:hover{color:#C74C4C}
.uk-margin-remove{margin:0px !important; line-height:0px}
.heading{
	font-family: 'Amatic SC', Georgia, cursive;
	font-size: 48px;
	line-height: 48px;
	color: #FFF6E5;
}
.uk-overlay-panel .heading1{
	font-family: 'Amatic SC', Georgia, cursive;
	font-size: 48px;
	line-height: 48px;
	color: #FFF6E5;
}
.intro{color: #FFF6E5}
.heading2{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 60px;
	line-height: 10px;
	color: #FFF6E5;
	position: absolute;
	top: 25px;
	text-align: center;
	left: 0px;
	right: 0px;
	font-weight:bold;
}

.mybutton{ height:42px; line-height:42px; display:block; background-color: #fff;
	color: #333; padding-left:15px; padding-right:15px;
	font-size: 12px; position:relative; top:-2px}
	.mybutton2{ height:36px; line-height:36px; display:block; background-color: #fff;
	color: #333; padding-left:10px; padding-right:10px;
	font-size: 14px;}
	.mybutton3{ height:36px; line-height:36px; display:block; background-color: #FEE2B8;
	color: #333; padding-left:10px; padding-right:10px;
	font-size: 14px;}
.mybutton:hover, .mybutton2:hover, .mybutton3:hover{background-color:#C74C4C}
.uk-modal-dialog{background:#FFF7E4; color:#333}
.coverphoto{ height:500px; background-color:#C74C4C; position:relative;}

/*Header*/
.banner{
	padding-top: 25px;
	padding-bottom: 10px;
	position: absolute;
	top: 0px;
	z-index: 1;
	width: 100%;
	border-top: solid 5px #C74C4C;
}
/*Menu*/
.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1001;width:270px;max-width:100%;background:#C74C4C;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-ms-scroll-chaining:none}
.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
uk-offcanvas-bar{background-color:#900}
.uk-navbar-toggle{font-size:36px;color:#FFF6E5;text-decoration:none}
.uk-navbar-toggle:focus,.uk-navbar-toggle:hover{color:#C74C4C;text-decoration:none;outline:0}
.uk-nav-offcanvas>li>a{color:#FFF6E5;padding:10px 15px}
.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover{background:#FFF6E5;color:#C74C4C;outline:0}
#offcanvas_menu{margin-top:2px}
.uk-nav-offcanvas i{ width:25px}

/* Footer */
#footer{background-color:#C74C4C;}
#footer a{color:#FFF6E5;}
#footer a:hover{color:#000;}
/*Home*/

.uk-nav li{font-size:21px;}
/*Music*/
#music{
	background-image: url(../src/img6.jpg);
	background-position: center center;
}
#albumart{
	background-image: url(../src/album.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff8ee;
	display:block
}

/* The Band */
#band{
	background-image: url(../src/band.jpg);
	background-position: center center;
}
.members{
	position: relative;
}
.tag{
	position: absolute;
	right: 0px;
	bottom: 5px;
	background-color: rgba(0, 0, 0, .75);
	line-height: 15px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color:#999;
}
.tag strong{
	color: #E1BE86
}

/*Concerts*/  
  .header1{
	background-image: url(../src/img8.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.uk-tab{
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 0px solid #ddd;
	background-color: #FEE2B8;
}
.uk-tab>li>a{display:block;padding:8px 12px 8px 12px;border:0px solid transparent;border-bottom-width:0;color:#333;text-decoration:none}
.uk-tab>li:nth-child(n+2)>a{margin-left:1px}
.uk-tab>li.uk-open>a,.uk-tab>li>a:focus,.uk-tab>li>a:hover{border-color:#FFF6E5;background:#C74C4C;color:#333;outline:0}
.uk-tab>li.uk-active>a{border-color: transparent;border-bottom-color:transparent;background:#C74C4C;color:#000}
/*Contact*/  
  

/* Break Points Styles*/
@media (max-width: 480px) {
	.zamee-home-logo{width:50%}
	.tagline{font-size:18px; line-height:21px}
	.heading{
	font-family: 'Amatic SC', Georgia, cursive;
	font-size: 32px;
	line-height: 32px;
	color: #FFF6E5; 
}
	.intro{ font-size:14px; line-height:15px}
	.uk-margin-large-bottom{margin-bottom:25px!important}
	.uk-margin-large-top{margin-top:25px!important}
	.mybutton2{ height:32px; line-height:32px; display:block; background-color: #fff;
	color: #333; padding-left:10px; padding-right:10px;
	font-size: 14px;}
	
}
@media (max-width: 768px) {
	
}

@media (max-width: 960px) {
	
}



@media (min-width: 480px) {

}
@media (min-width: 768px) {
	
}

@media (min-width: 960px) {
	
}

@media (min-width: 1200px) {
}