/*
Theme Name: TBD-X
Theme URI: http://www.theblackdogma.com
Description: Responsive theme for theblackdogma.com
Version: TBD-X-1.0
*/


/* default styles - based on bootstrap */
html {
	overflow-y: scroll;
}
body {
	min-height: 700px; 
	background-color: #ffffff;
	color: #444444;
}
html, body, h1, h2, h3, h4, h5, h6, p, div { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	line-height: 1.5;
}
h1, h2, h3, h4 { 
	font-family: 'Source Sans Pro', sans-serif;
}
a { 
	color: #444444; 
	text-decoration: underline; 
}
a:hover { 
	color: #8cc63e; 
}
p {
	margin-bottom: 16px;
}



/* ------- font scaling based on display size (based on 16px base) ------- */
/* Large devices Desktops (=1200px) */
/* Medium devices Desktops (=992px)
@media (min-width: 768px) {
	body { font-size: 1em; line-height: 1.375em; }
	h1 { font-size: 3em; line-height: 1.05em; }
	h2 { font-size: 2.25em; line-height: 1.25em; }
	h3 { font-size: 1.75em; line-height: 1.25em; }
	h4 { font-size: 1.125em; line-height: 1.22222222em; }
	blockquote { font-size: 1.5em; line-height: 1.45833333em; }
} 
*/
/* Small devices Tablets (=768px) */
/* Extra small devices Phones (<768px)
@media (max-width: 767px) {
	body { font-size: 1em; line-height: 1.25em; }
	h1 { font-size: 2em; line-height: 1.25em; }
	h2 { font-size: 1.625em; line-height: 1.15384615em; }
	h3 { font-size: 1.375em; line-height: 1.13636364em; }
	h4 { font-size: 1.125em; line-height: 1.11111111em; }
	blockquote { font-size: 1.25em; line-height: 1.25em; }
}
*/




/* category headings */
h1 {
	line-height: 1.6;
	font-size: 3.2em;
	padding-bottom: 3px;
	background-color: #eeeeee;
	color: #888888;
	margin-top: 0px;
	margin-bottom: 30px;
}
h1 .glyphicon  {
	font-size: 80%;
	color: #bbbbbb;
	font-weight: 300;
	margin: 0 10px 0 25px;
}
h1 small {
	font-size: 38%;
	font-weight: 300;
	color: #888888;
	padding-left: 7px;
	vertical-align: 2px;
}
/*
.page-title {
	padding-right: 10px;
	padding-left: 10px;
}
.page-title h1 {
	line-height: 1.4;
	font-size: 32px;
}
.page-title h1 .glyphicon {
	top: 0px;
	font-size: 72%;
}
	*/
	
	

/* post page headings */
h2 {
	font-size: 3.75em;
	line-height: 1.1em;
	color: #666666;
	margin-top: 0;
	margin-bottom: 15px;
}
h2 a {
	color: #666666;
	text-decoration: none;
}
h2 a:hover {
	color: #8cc63e;
	text-decoration: none;
}

h3 {
	line-height: 1.6;
	font-size: 26px;
}


/* custom blocking */
.page-content {
	font-size: 1.1em;
	margin-top: 30px; 
}

.blog-vertical { 
	margin-top: 0px; 
	margin-bottom: 80px; 
}
.post, .404 { 
	margin-top: 0px; 
}

/* general */
.page-content h3 {
	margin-top: 40px;
	margin-bottom: 6px;
}
.patreon-download-link,
.patreon-download-link:active
.patreon-download-link:link,
.patreon-download-link:visited {
  color: #444444;
  text-decoration: none;
  font-size: 0.70em;
  border: 1px solid #ddd;
  padding: 3px 9px;	
  line-height: 3em;  
  margin-left: 2px;
}
.patreon-download-link:hover {
  color: #333;
  border: 1px solid #aaa;
  background-color: #eee;
  text-decoration: none;
}




/* blog style */
h3.postmetadata {
	font-size: 0.9em;
	/*line-height: 18px;*/
	color: #888888;
	margin-top: -15px;
	margin-bottom: 15px;
	padding-left: 2px;
}
h3.postmetadata a {
	color: #888888;
	text-decoration: underline;
}
h3.postmetadata a:hover {
	color: #8cc63e;
}
.posttags {
	margin-bottom: 20px; 
	font-size: 11px;
	color: #999999;
}
.posttags a {
	color: #999999;
	text-decoration: underline;
}
.posttags a:hover {
	color: #555555;
}



/* pagination */
.pagination-wrapper { 
	text-align: center; 
	margin: -30px 0 20px 0; 
}
.pagination>li a {
	color: #888888;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus,
.pagination>li>span.active {
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	color: #444444;
}
.pager {
	margin-top: 40px;
}
.pager a, .pager a:hover {
	color: #444444;
	text-decoration: none;
	width: 104px;
}
.pager li>a, .pager li>span {
	border-radius: 4px;
}



/* helpers */
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.pull-right, .alignright {
	margin-left: 24px;
}
.pull-left, .alignleft {
	margin-right: 24px;
}





/* Images */
.page-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full, img.aligncenter {
	max-width: 100%;
	width: 100%;
	height: auto;
	/*width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
	margin-bottom: 10px;
}





/* HEADER & MENUS */
.header { 
	background-color: #000000; 
	color: #f8f8f8;
	position: relative;
}
.header-wrapper .row {
	position: relative;
}
.header-branding { 
	min-height: 1px;
}
.header-branding img { 
	max-width: 100%;
	height: auto;
	margin-top: 10px;	
	margin-left: -3px;
}
.header-branding-phone {
	width: 50%;
}
.header-branding-phone img { 
	margin-top: 13px;	
	margin-bottom: 12px;
	margin-left: 5px;	
	height: 56px;
	width: auto;
}

.mainmenu {
	list-style: none;
	padding: 0;
	margin: 12px 0 0 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	/*justify-content: center;*/
}
.mainmenu li {
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
	line-height: 29px;
	border-right: 1px solid #aaaaaa;
	/* width: 16.5%; width now done in <li> depending on count */
	text-align: center;
}
.mainmenu li:first-child {
	border-left: 1px solid #aaaaaa;
}
.mainmenu .menuCount-1 { width: 100%; }
.mainmenu .menuCount-2 { width: 50%; }
.mainmenu .menuCount-3 { width: 33.333%; }
.mainmenu .menuCount-4 { width: 25%; }
.mainmenu .menuCount-5 { width: 20%; }
.mainmenu .menuCount-6 { width: 16.667%; }
.mainmenu .menuCount-7 { width: 14.286%; }
.mainmenu .menuCount-8 { width: 12.5%; }
.mainmenu .menuCount-9 { width: 11.111%; }
.mainmenu .menuCount-10 { width: 10%; }
.mainmenu .menuCount-11 { width: 9.091%; }
.mainmenu .menuCount-12 { width: 8.333%; }
.mainmenu .menuCount-13 { width: 7.692%; }
.mainmenu .menuCount-14 { width: 7.143%; }
.mainmenu .menuCount-15 { width: 6.666%; }

.mainmenu li a {
	float: none;
	display: block;
	padding: 0;
	color: #eeeeee;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mainmenu li a:hover {
	color: #ffffff;
	background-color: #8cc63e;
}

/* collapsed menu */
.mainmenu-button {
	position: absolute;
	/*z-index: 555;*/
	top: -56px;
	right: 5px;
	color: #eeeeee;
	background-color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 26px;
	width: 128px;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
	text-align: left;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.mainmenu-button .glyphicon {
	margin-right: 10px;
}
.header-nav-phone .dropdown-menu {
	position: absolute;
	top: -32px;
	right: 5px;
	left: auto;
	width: 128px;
	min-width: 128px;
	background-color: #000000;
	padding: 8px 0 8px 0;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.header-nav-phone .dropdown-menu li {
}
.header-nav-phone .dropdown-menu li a {
	clear: both;
	font-weight: 400;
	line-height: 2;
	white-space: nowrap;
	display: block;
	text-align: left;
	padding: 0 0 1px 24px;
	color: #f8f8f8;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
}
.header-nav-phone .dropdown-menu>li>a:hover {
	color: #ffffff;
	background-color: #8cc63e;
}





/* forms */
.contactform label {
	font-weight: normal;
}
.btn:hover,
textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(136, 136, 136, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(140, 140, 140, 0.3);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(140, 140, 140, 0.3);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(140, 140, 140, 0.3);
}
.form-horizontal { margin-top:10px; margin-bottom: 10px; } 
.btn-default:hover { background-color: transparent; }
*:focus, input:focus, textarea:focus { outline: none; }

.sidebar-block .form-control {
	width: 100%; 
	margin-bottom: 8px;
}
.sidebar-block .userSubmit {
	width: 100%;
}



/* HEADER SEARCH */
#search { 
	text-align: right; 
	margin-top: 30px;
}
#search .form-control {
	display: inline;
	width: 114px;
	height: 32px;
	padding: 6px 1px;
	background-color: transparent;
	border: 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#search .form-control:-moz-placeholder { 
	color: #555; 
	text-align: right;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
} 
#search .form-control::-moz-placeholder { 
	color: #555; 
	text-align: right;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
} 
#search .form-control:-ms-input-placeholder { 
	color: #555; 
	text-align: right;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
} 
#search .form-control::-webkit-input-placeholder { 
	color: #666; 
	text-align: right;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
} 
#search .form-control:hover:-moz-placeholder { color: #aaa; }
#search .form-control:hover::-moz-placeholder { color: #aaa; }
#search .form-control:hover:-ms-input-placeholder { color: #aaa; }
#search .form-control:hover::-webkit-input-placeholder { color: #aaa; }
#search .form-control:focus {
	width: 190px;
	padding: 6px 12px;
	color: #cccccc;
	background-color: #333333;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#search .form-control:focus:-moz-placeholder { color: #333333; }
#search .form-control:focus::-moz-placeholder { color: #333333; }
#search .form-control:focus:-ms-input-placeholder { color: #333333; }
#search .form-control:focus::-webkit-input-placeholder { color: #333333; }
#search button {
	border: 0;
	background: transparent;
	color: #666666;
	font-size: 18px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#search button .glyphicon {
	top: 3px;
}
#search button:hover {
	color: #aaaaaa;
}






/* SIDEBAR */
.sidebar-block { 
	/* background-color: #eeeeee; */
	margin-top: 20px; 
}
.sidebar-block h4 { 
	background-color: #eeeeee;
	padding-left: 14px;
	line-height: 2;
}
.sidebar-block .glyphicon {
	float: right; 
	margin: 9px 12px 0 0;
	color:#cccccc;
	font-size: 0.9em;
}
.sidebar-block .glyphicon-cloud {
	top: 3px;
}
.sidebar-block ul { 
	list-style-type: none;
	padding-left: 0;
}
.sidebar-block li {
	margin-left: 14px;
}
.sidebar-block li a {
	color: #444444;
	text-decoration: none;
}
.sidebar-block li a:hover {
	color: #8cc63e;
}
.img-sidebar {
	width: 100%;
	height: auto;	
	margin-bottom: 10px;
}
.img-sidebar.last {
	margin-bottom: 0px;
}
/*
#duststore .img-sidebar {
	margin-bottom: 10px;
}
#duststore .img-sidebar.last {
	margin-bottom: 0px;
}
*/



#radio-dogma {
	height: 120px; 
	background-color: #8cc63e;
}

#tbd-support-us-about {
	text-align: center;
}
#tbd-support-us-about a {
	color: #999999;
	font-size: 0.9em;
}

/*
#newsletter {
	height: 120px; 
	background-color: #aaaaaa;
}
*/






/* social */
.share-buttons { clear: both;  margin-top: 20px; }
.addthis_toolbox { margin-top: 20px; }
.addthis_button_facebook_like { margin-top: -2px; margin-right: 6px; }

ul.social-list {
	list-style-type: none;
	padding-left: 0;
}
.social-list li {
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 28px;
	
}
.social-list li a {
	color: #444444;
	text-decoration: none;
}
/* social icon sprites */
span.social-icons { 
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-top: -1px;
	margin-left: 4px;
	margin-right: 10px;
	line-height: 24px;
	vertical-align: text-top;
	/*background-image: url('img/flat-social-icons_coloured8_whitebg_24x24.png');*/
	background-image: url('img/flat-social-icons_coloured9_2025_whitebg_24x24b.png');
	background-repeat: no-repeat;
	/* default image... */
	background-position: 0 0;
}
span.social-facebook { background-position: -32px 0; }
span.social-twitter { background-position: -68px 0; }
span.social-x { background-position: -68px 0; }
span.social-linked_in { background-position: -134px 0; }
span.social-rss { background-position: -150px 0; }
span.social-google_plus { background-position: -175px 0; }
span.social-pinterest { background-position: -211px 0; }
span.social-dribble { background-position: -246px 0; }
span.social-youtube { background-position: -282px 0; }
span.social-vimeo { background-position: -319px 0; }
span.social-flickr { background-position: -354px 0; }
span.social-soundcloud { background-position: -461px 0; }
span.social-spotify { background-position: -496px 0; }
span.social-bandcamp { background-position: -532px 0; }
span.social-last_fm { background-position: -567px 0; }
span.social-mixcloud { background-position: -602px 0; }
span.social-hearthis { background-position: -636px 0; }
span.social-apple_music { background-position: -669px 0; }
span.social-itunes { background-position: -669px 0; }
span.social-deezer { background-position: -702px 0; }
span.social-patreon { background-position: -735px 0; }
span.social-dust_science { background-position: -768px 0; }
span.social-duststore { background-position: -801px 0; }
span.social-resonate { background-position: -834px 0; }
span.social-instagram { background-position: -867px 0; }
span.social-threads { background-position: -900px 0; }
span.social-bluesky { background-position: -933px 0; }




/* footer */
.footer { 
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 50px;
	margin-top: 40px;
	border-top: 0px solid #222222;
	background-color: #222222;	
}
.footer-block ul {
	list-style-type: none;
	padding-left: 0;
}
.footer-block {
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
	color: #aaaaaa;
}
.footer-block h3 {
	color: #dddddd;
	padding-bottom: 12px;
	border-bottom: 1px solid #8cc63e;
	margin-right: 24px;
	margin-bottom: 20px;
}
.footer-block a { 
	text-decoration: none;
	text-align: left;
	color: #aaaaaa;
}
.footer-block a:hover { 
	text-decoration: underline;
}
/*
.social {
	text-align: middle;
	margin-top: 18px;
}
*/
.notices, .notices a {
	font-weight: 300; 
	text-align: middle;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	color: #666666;
}
.notices a {
	color: #666666;
	text-decoration: underline;
}




/* --------- advert blocks ---------- */

.advert {
	border: 1px solid #eeeeee;
	width: 100%;
	padding: 10px 10px 20px 10px;
}
.advert-label {
	z-index: 99;
	position: relative;
	top: -18px;
	width: 110px;
	font-size: 8px;
	color: #dddddd;
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #eeeeee;
}
.advert-index {
	margin-bottom: 60px;
	text-align: center;
}

.advert-post {
	margin-top: 42px;
	text-align: center;
}

.advert-sidebar-square {
	margin-top: 36px;
	text-align: center;
}

.advert-sidebar-skyscraper {
	margin-top: 36px;
	text-align: center;
	width: 100%;
	height: 582px;
}

.visible-xs-block .advert-xs-normal {
	display: block;
}
.visible-xs-block .advert-xs-tiny {
	display: none;	
}
.visible-xs-block .advert-xs-micro {
	display: none;	
}







/* --------- responsive additions ---------- */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	.container { max-width: 940px; }
}

/* custom responsive switch for menu size */
@media (max-width: 992px) {
	/*
	.mainmenu li {
		width: 100px;
	}
	*/
}

/* desktop, tablet > 768px */
@media (min-width: 768px) {
	.header-branding, .main-menu-container { display: block; }
 	.header-branding-phone, .header-nav-phone { display: none; }
}

/* Mobile devices (767px and down) */
@media (max-width: 767px) {
	/*
	.page-title {
		padding-right: 10px;
		padding-left: 10px;
	}
	.page-title h1 {
		line-height: 1.4;
		font-size: 32px;
	}
	.page-title h1 .glyphicon {
		top: 0px;
		font-size: 72%;
	}
	.blog-vertical {
		font-size: 14px;
	}
	.blog-vertical h2, .main-body h1 {
		font-size: 2.5em;
	}
	*/	
	body {  }
	h2 { font-size: 2.1em; }
	.header-branding, .main-menu-container { display: none; }
 	.header-branding-phone, .header-nav-phone { display: block; }
	.pagination>li>a, 
	.pagination>li>span {
		padding: 5px 10px;
		font-size: 12px;
	}
	h3.postmetadata {
		font-size: 12px;
		line-height: 16px;
	}
	.posttags { 
		display: none;
	}
	.podPress_downloadlinks {
		display: none;
	}
	#search { 
		display: none;
	}
	.page-content {
		margin-top: 15px;
	}
	img.size-full, img.aligncenter {
		margin-bottom: 0;
	}
	.blog-vertical {
    margin-bottom: 50px;
	}
}



/* Tiny Mobile (devices (544px and down) */
@media (max-width: 544px) {
	.visible-xs-block .advert-xs-normal {
		display: none;	
	}
	.visible-xs-block .advert-xs-tiny {
		display: block;
	}
	.visible-xs-block .advert-xs-micro {
		display: none;
	}
}

/* Micro Mobile (devices (420px and down) */
@media (max-width: 420px) {
	.visible-xs-block .advert-xs-normal {
		display: none;	
	}
	.visible-xs-block .advert-xs-tiny {
		display: none;
	}
	.visible-xs-block .advert-xs-micro {
		display: block;
	}
}