/*
Theme Name: Don Diablo Theme
Theme URI: http://atmartists.com
Author: Davud @ ATM
Author URI: http://atmartists.com
Description: Don Diablo Starlight Theme
Version: 1.0
Tags: don, diablo
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*MAIN STYLES*/

* { margin:0; padding:0; }
html { 
  background: url(../../images/redesign/bg-hex.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body { font-family: 'Lato', sans-serif; color:#fff; text-transform:uppercase; letter-spacing:2px; line-height:170%; }
img { border:none; margin:0; }
a { text-decoration:none; }

/*NAV*/
#nav { position:fixed; bottom:0; width:100%; height:65px; z-index:20; background:#c6bfd3; text-align:left; }
#nav > li { float: left; line-height: 65px; }
#nav > li > a { display: block; padding: 0 15px; color: #354b57; border-right:2px solid #333; }
#nav > li > a:first-child { border-left: none; }
#nav > li > a:hover { background-color: #354b57; color: #c6bfd3; }
#nav > li:last-child { font-size: 10px; font-weight: normal; color: #e3e3e4; text-align: right; float: right; padding: 14px 12px 0 0; }
#nav > li:last-child a { color: #e3e3e4; display: inline-block; padding: 0; border: none; }
#nav > li:last-child a:hover { background: none; }
/*
#nav a.button { position: relative; height: 65px; background:#c6bfd3; text-align:center; display: inline-block; line-height:65px; padding: 0 15px; border-right:2px solid #333; color:#0e2831; }
#nav a.button:hover { background:#354b57; color:#c6bfd3; }
*/
.borderleft { border-left:2px solid #333; }
#fb, #tw, #yt, #sc, #insta, #signup { position: fixed; bottom: 7px; display:block; z-index:22; width:50px; height:50px;}
#fb:hover, #tw:hover, #yt:hover, #sc:hover, #insta:hover, #signup:hover { opacity:0.6;}

#fb { background:url(../../images/redesign/social/facebook.png); right: 293px; }
#tw { background:url(../../images/redesign/social/twitter.png); right: 238px; }
#yt { background:url(../../images/redesign/social/youtube.png); right: 183px; }
#sc { background:url(../../images/redesign/social/soundcloud.png); right: 128px; }
#insta { background:url(../../images/redesign/social/instagram.png); right: 73px; }
#signup { background:url(../../images/redesign/social/mail.png); right: 18px; }

/*NEWS CAROUSEL*/
#newscarousel p{ text-align: left; padding:0 10px 5px; font-size:11px; color: #0e2831; line-height:14px; }
h2.newstitle { height: 30px; padding: 10px 10px 5px; font-size:13px; color: #0e2831; line-height:14px; border-bottom: solid 1px #758388; }
	  
/*INFO*/
#infodropdown{ width:130px; bottom: 65px; left:590px; border-bottom:2px solid #333; position:fixed; z-index:25; display:none;}
#infodropdown a.button { position: relative; height: 40px; background:#c6bfd3; text-align:center; display: block; line-height:40px; padding: 0 15px; border-left:2px solid #333; border-right:2px solid #333; border-top:2px solid #333;   color:#0e2831; }
#infodropdown a.button:hover { background:#354b57; color:#c6bfd3; }

/*VIDEOCAROUSEL*/
#videocarousel, #tourcarousel, #newscarousel, #podcarousel, #releasecarousel { width:100%; bottom:65px; border-bottom:2px solid #333; position:fixed; display:none; z-index:999999999 !important; }
h2.vidtitle { height: 40px; padding: 10px 10px 0; font-size:13px; color: #0e2831; line-height:14px; }


/*INFO CAROUSEL*/
span.infotitle {padding: 0 0 5px; font-size:13px; color: #0e2831; line-height:14px; display:block; }
#infocarousel { width:100%; bottom:42px; height: auto; position:fixed; display:none; z-index:25; }
#infocarousel p{ text-align: justify; padding:10px; background:url(../../images/redesign/carouselbg.png); font-size:11px; color: #0e2831; line-height:14px;  
-moz-column-count: 2;
-moz-column-gap: 1.5em;
-webkit-column-count: 2;
-webkit-column-gap: 1.5em;
}

/*TOURCAROUSEL*/
h2.tourtitle {padding: 10px 10px 0; font-size:13px; color: #0e2831; line-height:14px; }
a.tourlink { padding: 10px 10px 0; font-size:11px; color: #0e2831; line-height:14px; display:block; }
a.tourlink:hover { color:#66C; }


/*PODCASTCAROUSEL*/
h2.podtitle {padding: 10px 10px 0; font-size:13px; color: #0e2831; line-height:14px; }
a.pod-link { padding: 0; font-size:11px; color: #66c; line-height:20px; margin:10px 0 20px; }
a.pod-link:hover { color:#0e2831; }
img.attachment-medium{ width:270px !important; height:270px;}


/* PAGES */
.page { width:100%; height:100%; position:absolute; left:0px; opacity:1; z-index:0; overflow:hidden; }
.page-not { width:100%; height:auto; position:absolute; left:0px; opacity:1; z-index:0; overflow:hidden; }
.cover { background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }
#page1 { top:0%; position:absolute; width:100%; background-image:url(../../images/redesign/bg.jpg); border-bottom:5px solid #fff; padding-bottom:-2px;   }
#page2 { top:100%; }
#page2 div.content p { margin: 0 0 20px 0; }
#page2 div.content a { color: #ffffff; text-decoration: underline; }

/* PAGE 1 */
/*
#buybanner { position:absolute; margin: 50px 0 0 20px; }
#buybanner img { width: 183px; height:183px; position:absolute; margin:0; }
#buybanner p { width: 300px; position:absolute; margin: 0 0 0 190px; font-size:18px; }
*/
#buybanner p a { color: #fff; }
#buybanner p a:hover { color:#F66; }
#logo { width:800px; position:absolute; margin: -100px 0 0 -400px; top:50%; left:50%; z-index: 20; }

/* PAGE 2 */
#bloghead { position: relative; margin: 30px auto; text-align:center; }
#container { padding: 0; margin: 0 auto 50px; }
#container a { color: #ffffff; text-decoration: underline; }
#container p {  }

#back-top { text-align:center;  position:relative; margin: 20px auto 90px auto; display:block; transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out; opacity:1; width:250px;}

#back-top:hover { text-align:center; position:relative; opacity:0.7; }


.item { width:400px; height:auto; padding:0px; margin-bottom: 20px; cursor:pointer; }
.item img { width:100%; border: 2px solid #fff; }
.item p { position:relative; text-align:left; z-index:100; display:block; width:395px; background:#fff; color: #000; line-height:22px; padding-left:9px; padding-top:2px; font-size:20px; }

.item img:hover{ opacity:0.6;}


/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.0s;
     -moz-transition-duration: 0.0s;
          transition-duration: 0.0s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.clear {
	clear: both;
}

.outer-center {
    float: right;
    right: 50%;
    position: relative;
}
.inner-center {
    float: right;
    right: -50%;
    position: relative;
}

#blog-item-detail-container {

	display: none;
	position   : fixed;
    left       : 100px;
    right      : 100px;
    top 		: 125px;
    bottom: 	125px;
    overflow   : hidden;
    text-align: center;

}
#blog-item-detail-container > div > p {
	margin-bottom: 24px;
	line-height: 20px;
}
#blog-item-detail-container a {
	color: #ffffff;
	text-decoration: underline;
}

#video-item-detail-container {

	display: none;
	position   : fixed;
	width: 100%;
	top: 125px;
    overflow   : hidden;
    text-align: center;

}

#stratus {
	z-index: 9999999 !important;
}

#bg-hex-don {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../../images/redesign/bg-hex-don.jpg) no-repeat center center fixed;
	display: none;
}