/* 
==========================================================================
  Author's custom styles
==========================================================================
*/
html, body	{max-width: 100%; overflow-x: hidden;}
body	{background: #222; font-family: 'Open Sans', sans-serif; font-weight: 300; text-rendering: optimizelegibility;}
h1, h2, h3, h4, h5, h6	{font-family: 'Cinzel', sans-serif;}
h1	{font-size: 80px; font-weight: normal; letter-spacing: 5px; margin-bottom: 50px; text-align: center; text-transform: uppercase;}
p	{word-spacing: 1pt;}
.page-counter	{color: #1c1d21; display: block; padding-top: 20px; text-align: center;}

.carousel	{margin: 0 auto; max-width: 1920px;}
.carousel .item {left: 0 !important; -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; transition: opacity 0.8s;}
/* Fade controls with items */
.next.left, .prev.right	{opacity: 1; z-index: 1;}
.active.left, .active.right	{opacity: 0; z-index: 2;}

.background-bar	{background: #1c1d21; opacity: 0.7; position: absolute; left: 50%; margin-left: -250px; width: 500px; height: 100%; z-index: 9998;}
.carousel-text	{color: #fff; position: absolute; top: 150px; left: 50%; margin-left: -450px; width: 900px; z-index: 9999;}
.sub-text	{position: absolute; left: 50%; margin-left: -200px; text-align: center; width: 400px;}
.carousel-bar	{background: #fff; position: absolute; top: 50%; width: 2000px; height: 1px;}
.left-bar	{right: 100%;}
.right-bar	{left: 100%;}
.main-text	{color: #fff; font-size: 25px; text-transform: uppercase;}

.carousel-text h1, .main-text	{text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}

.container	{max-width: 1024px;}
.container-bg.light	{background: #eeeff7;}
.container-bg.dark	{background: #31353d; color: #eeeff7;}
.container-bg.footer	{background: #1c1d21; color: #eeeff7;}
.container-bg.footer .container	{padding: 20px 40px 40px;}
.container p	{font-size: 20px;}
.navbar .container	{padding-top: 0; padding-bottom: 0;}

.navbar	{background: #1c1d21; border-radius: 0; box-shadow: none; margin-bottom: 0; text-align: center;}
.is-sticky .navbar	{top: 0; left: 0; right: 0; z-index: 1030;}
.navbar .current a	{color: #fff !important;}

.navbar-spacer	{height: 70px;}
.navbar-nav	{float: none; text-align: center;}
.navbar-nav > li	{display: inline-block; float: none; text-transform: uppercase;}
.navbar-nav > li > a	{padding-top: 25px; padding-bottom: 25px;}
.navbar-nav > li > .dropdown-menu	{text-align: left;}
.nav-aotg	{margin: 0 40px;}

.gallery-image	{display: block; margin: auto; max-width: 100%; text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.view-link	{color: #333333; float: right; margin-top: 40px;}

.footer p	{font-size: 14px; text-align: center;}
.social-media img	{margin: 0 10px; width: 40px; height: 40px;}
.social-media-column	{float: left; width: 50%;}
.social-column-left	{text-align: right;}

.container-author h1	{margin-bottom: 20px; text-align: left;}
.author-bio p	{font-size: 14px; margin-bottom: 20px; text-align: justify;}
.author-image	{display: block; margin: 0 auto 20px;}
.author-image-thumbs	{margin: 20px 0;}
.author-image-thumbs img	{/*cursor: pointer;*/ margin-right: 20px;}
.wallpapers	{overflow: hidden;}
.wallpapers a	{display: inline-block; margin-right: 5px;}
.wallpapers p	{font-size: 14px;}
.wallpapers-thumb	{float: left; margin-right: 10px; width: 80px;}
.wallpapers-downloads	{overflow: hidden;}
.wallpapers-note	{color: #ccc; font-size: 13px; font-style: italic;}

@media (max-width: 1200px)
{
	#author-carousel	{height: auto;}
	.author-bio	{margin-top: 100px;}
}

@media (max-width: 1024px)
{
	.gallery-image	{display: block; margin: 0 auto 40px;}
	.carousel-inner > .item > img	{width: 1024px; max-width: inherit; position: relative; left: 50%; margin-left: -512px;}
	.container-author .carousel-inner > .item > img	{left: 0; margin: 0 auto; width: auto; max-width: 100%;}
	.container-author .author-image-thumbs	{text-align: center;}
	.container-author .author-image-thumbs img	{margin: 0 15px;}
}

@media (max-width: 900px)
{
	.carousel-text h1	{font-size: 60px;}
	.container-author h1	{font-size: 45px;}
}

@media (min-width: 768px)
{
	.container	{padding: 75px 75px 115px;}
}

@media (max-width: 768px)
{
	.container	{padding: 75px 15px;}
	.navbar.affix	{position: static;}
	.navbar-nav	{margin: 0 -15px;}
	.navbar-collapse.collapse	{border-top: none; display: block; overflow: visible;}
}

@media (max-width: 700px)
{
	h1	{font-size: 50px;}
	.navbar-nav > li.nav-aotg	{display: none;}
	.carousel-text h1	{font-size: 30px;}
	
	.social-media-column	{float: none; margin: 0 0 10px; text-align: center; width: 100%;}
}

@media (max-width: 500px)
{
	.background-bar	{display: none;}
}