@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Ultra);
/**
 * Custom Styling - Fatback
 */

/**
 * Parallax Testing Unique
 *
 */
#parallax-special {
	position:relative;
	z-index:1;
	transition:linear 0s;
	-ms-transition:linear 0s;	
}
section#main {
	position:relative;
	z-index:3; !important;
	background-color:#343843;
	transition:ease .0s;
	-ms-transition:ease .0s;
}
/**
 * Generics
 *
 */
body {
	height:100% !important;
	font-family: 'Oswald', sans-serif;
	background-color:#343843 !important;
}
p {
	font-family: 'Droid Sans', sans-serif;	
}

img {
	-ms-interpolation-mode:bicubic;
}

/**
 * Header
 *
 */
 
 .header-title-container {
	position:relative;
	z-index:2;
	background-color:#446AD7;
	transition: linear; 
 }
.site-title.fatback {
	font-family: 'Ultra', serif;
	font-size:22pt;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;	
}
	.site-title.fatback a {
		color:#FFF !important;
		text-decoration:none;	
	}

.header-image-container.fatback {
	width:1046px;
	margin-left:auto;
	margin-right:auto;
	margin-top:35px;	
}

.social_icons {
	position:absolute;
	top:0px;
	right:0px;
}

.social-icon {
	opacity:0.7;
	float:right;
	width:30px;
	height:30px;
	margin-top:10px;
	cursor:pointer;
}
	.social-icon:hover {
		opacity:1;
	}

.social-icon.right-margin {
	margin-right:5px;
}

.search-box-wrapper {
	position:absolute;
	top:6px;
	right:0px;
	z-index:2;
}

.navbar-container {
	position:relative;
	z-index:4;
	background-color:#333843;
	transition: ease .0s;	
}

.navbar-default.fatback {
	min-height:40px;
	height:40px;
	margin-bottom:0px;
	background-color:transparent;
	border-radius:0px;
	border:0px solid transparent;	
}

.navbar-fatback {
	height:40px;
}
	.navbar-fatback li {
		height:40px;
	}
	
	.navbar-fatback li a {
		font-size:16pt;
		color:#E1E1E1 !important;
		padding:9px 15px 9px 15px;
	}
	.navbar-fatback li a:hover {
		color:#E1E1E1;
		background-color:#000 !important;
	}

div.head-image {
	height:250px;
	background-image:url(../images/header_image.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
}

/**
 * Content
 *
 */
#main-content {
	z-index:2;
	background-color:#E1E1E1 !important;
	box-shadow:75px 0px 75px 1px rgba(0,0,0,0.4), -75px 0px 75px 1px rgba(0,0,0,0.4);
}

.primary-content {
	padding-top:20px;
	padding-left:30px;
}

h2.frontpage-tiles-header {
	width:350px;
	font-size:20pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:30px;
	margin-bottom:0px;
	margin-left:15px;
	text-transform:uppercase;
}

h2.frontpage-posts-header {
	position:absolute;
	width:200px;
	font-size:20pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	text-transform:uppercase
}

/**
 * Top Box
 *
 */
#top-box {
	position:relative;
	min-height:0px;
	max-height:400px;
	width:100%;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:20px;
}
#top-box img.size-full {
	height:25%;
	width:25%;
	max-height:200px;
	max-width:200px;	
}

#top-box .tile {
	float:left;
	z-index:1;	
}
	#top-box .post-thumbnail .tile img {	
		width:300px !important;
		height: 300px !important;
	}

#top-box .tile-wrapper {
	position:relative;
	float:left;
	width:300px;
	height:300px;		
}

#top-box .tile-overlay {
	opacity:0;
	position:relative;
	width:370px;
	height:370px;
	background-color:rgba(0,0,0,0.5);
	z-index:2;
	cursor:pointer;
	transition: ease 0.3s;	
}

#top-box h1.entry-title a {
	position:absolute;
	left:0px;
	right:0px;
	top:50px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
	font-size:28pt;
	color:#FFF !important;	
	z-index:3;
}
p.tile.read-more {
	position:absolute;
	bottom:100px;
	width:100%;
	font-size:16pt;
	/*font-style:italic;*/ 
	text-align:center;
	/*color:rgba(255, 255, 255, 1);*/
	color:rgba(68,106,216,1);
	text-transform:uppercase;
}

/**
 * Front Page - Feed
 *
 */

.frontpage-thumbnail-container {
	position:relative;
	float:left;
	z-index:1;
}

.frontpage-thumbnail-default {
	float:left;
	font-weight:bold;
	width:250px;
	height:250px;	
}

.frontpage-thumbnail-default img {
	width:250px;
	height:250px;
}

.frontpage.entry-title {
	float:left;
	width:400px;
	padding-left:10px;
	padding-right:10px;	
	font-size:16pt;
}

.front-page.entry-title a {
	text-decoration:none;
}

.frontpage.entry-content {
	float:left;
	width:400px;
	padding-left:10px;
	padding-right:10px;
}

.frontpage-post {
	position:relative;
	height:300px;
	background-color:#FFF;
	/*box-shadow:2px 2px 2px 1px #7F7F7F;*/
	margin-bottom:20px;
	padding:10px;
	border-radius:2px;
	overflow:hidden
}

img.size-full {
	height:75%;
	width:75%;	
}
	
.frontpage-post
	img.size-full {
	height:25%;
	width:25%;	
}

.comment-container-box {
	position:absolute;
	bottom:5px;
	right:5px;
}
.fatback-dark-comment {
	color:rgba(55,56,67,1);
	font-size:16pt;
	vertical-align:sub;
}
.edit-container-box {
	position:absolute;
	top:0px;
	right:0px;	
}

/**
 * Recipes - Category
 *
 */
 
 .recipe-box {
	 position:relative;
	 margin-bottom:60px;
 }

.recipe-tile-container {
	padding-left:15px;
}
.recipe-tile {
	margin-left:15px;
	margin-right:15px;
	width:150px;
	height:220px;
	float:left;
}

.recipe-tile h1 {
	width:100%;
	font-size:10pt;
	text-align:center;
}

.recipe-tile p {
	font-size:9pt;
	text-align:center;	
}

.recipe-tile-thumbnail {
	width:150px;
	height:150px;
	margin:0px;	
}
.recipe-default-thumbnail img {
	width:150px;
	height:150px;
}

.fuckthis {
	width:96%;
	/*max-width:735px;*/
	height:40px;
	position:absolute;
	bottom:-40px;

}

/**
 * Tag
 *
 */

h2.tag-header {
	position:absolute;
	max-width:350px;
	font-size:20pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:20px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:15px;
	text-transform:uppercase;
}

/**
 * Side Bar
 *
 */
 
h1.widget-title {
	margin-left:5px;
	font-size:24pt;	
}
 
h2.sidebar-header {
	width:360px;
	font-size:20pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;	
}

.widget_recent_comments ul {
	list-style:square;
	background-color:rgba(242,242,242,1);
	padding:10px;
	border-radius:2px;
}

.widget_recent_comments ul li {
	margin-left:15px;
}

/**
 * Pagination
 *
 */
.pagination-container {
	position:relative;
	height:40px;
	margin-top:0px;
	margin-bottom:20px;
}

.pagination {
	position:absolute;
	right:0px;
	margin:0px;
}
.pagination .current {
	color:#E1E1E1 !important;
	/*background-color:rgba(68,106,216,0.8);*/
	background-color:#888;	
}

/**
 * Footer
 *
 */
.footer-nav-container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.navbar-default.fatback.footer {
	min-height:40px;
	height:40px;
	margin-bottom:0px;
	background-color:transparent;
	border-radius:0px;
	border:0px solid transparent;	
}

.navbar-fatback.footer {
	height:40px;
}
	.navbar-fatback.footer li {
		height:40px;
	}
	
	.navbar-fatback.footer li a {
		font-size:16pt;
		color:#E1E1E1 !important;
		padding:9px 30px 9px 30px;
	}
	.navbar-fatback.footer li a:hover {
		color:#E1E1E1;
		background-color:#111 !important;
	}


.social_icons.footer {
	position:absolute;
	top:80px;
	left:0px;
}

.social_icons.footer p {
	color:rgba(255,255,255,1);
	font-size:9pt;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

.social-icon.footer {
	opacity:0.7;
	float:left;
	width:30px;
	height:30px;
	margin-top:3px;
	cursor:pointer;
}
	.social-icon.footer:hover {
		opacity:1;
	}

.social-icon.footer.margin-left {
	margin-left:2px;
}

div.otherfoodfucks {
	position:absolute;
	top:80px;
	right:0px;
	width:159px;
	height:180px;
}

div.otherfoodfucks p {
	text-align:center;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	margin-bottom:5px;
}

p.footer-rights {
	position:absolute;
	top:270px;
	width:100%;
	color:rgba(202,201,203,1);
	font-size:9pt;
	text-align:center;
	text-transform:uppercase;
	margin:1px;
	padding:1px;
}

img.culinarybrodown {
	width:75px;
}

img.doomwriters {
	width:75px;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

/* Screen sizing */
@media (max-width: 1200px) {
	
}

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

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

/**
 * XSMALL
 *
 */
@media (max-width: 480px) {

/**
 * Header
 *
 */
#panelOne {
	background-color:#343843 !important;
	padding-left:15px;
}
#offcanvas-navbutton {
	position:fixed;
	right:10px;
	z-index:1003;
	width:50px;
	height:50px;
}

.navbar-toggle {
	position:fixed;
	right:0px;
	bottom:13px;
	z-index:1002;
	background-color:#eee;
	border:1px solid #8b8b8b;
	/*box-shadow:1px 1px 1px 1px #515151;*/
}

span.fatback-navbutton {
	font-size:18pt;
	color:#4c77f5;
}

.mobile-header {
	position:fixed;
	top:0px;
	width:100%;
	z-index:1001; 
}

.site-title.fatback {
	font-family: 'Ultra', serif;
	font-size:14pt;
	margin-top:10px;
	margin-bottom:10px;
	text-transform:uppercase;
	text-align:center;
}

.header-image-container.fatback {
	width:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;	
}

.header-image-container.fatback img {
	width:300px;
}

.social-icons {
	display:none;
}

.social-icon {
	display:none;
}

.search-box-wrapper {
	position:relative;
	/*top:6px;
	right:0px;
	z-index:2;*/
}

.navmenu {
	max-width:65%;
}

.navbar-container {
	position:relative;
	z-index:4;
	background-color:#333843;
	transition: ease .0s;	
}

.navbar-default.fatback {
	min-height:40px;
	height:40px;
	margin-bottom:0px;
	background-color:transparent;
	border-radius:0px;
	border:0px solid transparent;	
}

.navbar-fatback {
	height:40px;
}
	.navbar-fatback li {
		height:40px;
	}
	
	.navbar-fatback li a {
		font-size:16pt;
		color:#E1E1E1 !important;
		padding:9px 15px 9px 15px;
	}
	.navbar-fatback li a:hover {
		color:#E1E1E1;
		background-color:#000 !important;
	}


div.head-image {
	height:100px;
	margin-top:30px;
	background-image:url(../images/header_image.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	z-index:1;
}

/**
 * Content
 *
 */
img {
	max-width:100%;
	max-height:330px;
}

#top-pagination nav {
	display:none;
}
h2.frontpage-tiles-header {
	width:100%;
	font-size:14pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:7px;
	padding-bottom:5px;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:0px;
	text-transform:uppercase;
}

h2.frontpage-posts-header {
	position:relative;
	width:100%;
	font-size:16pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:7px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:20px;
	text-transform:uppercase
}

/**
 * Top Box
 *
 */
#top-box {
	position:relative;
	min-height:0px;
	max-height:100%;
	width:100%;
	border-radius:3px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right0px;
	margin-top:0px;
}
/*#top-box img.size-full {
	height:25%;
	width:25%;
	max-height:75px;
	max-width:75px;	
} */

#top-box .tile {
	float:none;
	margin-bottom:10px;
	z-index:1;	
}
	/*#top-box .post-thumbnail .tile img {	
		width:75px !important;
		height:75px !important;
	}*/
img.attachment-fatback-thumbnail-tile {
	position:absolute;
	width:100%;
	/*max-width:110px;
	max-height:110px;*/
}

#top-box .tile-wrapper {
	position:relative;
	float:none;
	width:100%;
	/*max-width:110px;
	max-height:100px;*/		
}

#top-box .tile-overlay {
	opacity:1;
	position:absolute;
	bottom:0px;
	width:100%;
	height:75px;
	/*max-width:110px;
	max-height:110px;*/
	background-color:rgba(0,0,0,0.5);
	z-index:2;
	cursor:pointer;
	transition: ease 0.3s;	
}

#top-box h1.entry-title a {
	position:absolute;
	left:0px;
	right:0px;
	top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	text-decoration:none;
	font-size:14pt;
	color:#FFF !important;	
	z-index:3;
}
p.tile.read-more {
	display:none;
	position:absolute;
	bottom:10px;
	width:100%;
	font-size:16pt;
	/*font-style:italic;*/ 
	text-align:center;
	/*color:rgba(255, 255, 255, 1);*/
	color:rgba(68,106,216,1);
	text-transform:uppercase;
}

#content {
	padding-left:15px;
	padding-right:15px;
}

/**
 * Side Bar
 *
 */
 
h1.widget-title {
	margin-left:5px;
	font-size:18pt;	
}
 
h2.sidebar-header {
	width:100%;
	font-size:14pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:7px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;	
}

.widget_recent_comments ul {
	list-style:square;
	background-color:rgba(242,242,242,1);
	padding:10px;
	border-radius:2px;
}

.widget_recent_comments ul li {
	margin-left:15px;
}

/**
 * Front Page - Feed
 *
 */

.frontpage-thumbnail-container {
	float:none;
	position:relative;
	z-index:1;
	width:100%;
	/*max-width:300px;*/
	margin-left:auto;
	margin-right:auto;
}

.frontpage-thumbnail-default {
	width:100%;
	/*max-width:300px;
	max-height:300px;*/	
}

.frontpage-thumbnail-default img {
	width:100%;
	/*max-width:300px;
	max-height:300px;*/
}

.frontpage.entry-title {
	float:none;
	width:100%;
	padding-left:10px;
	padding-right:10px;	
	font-size:14pt;
	text-align:center;
}

.front-page.entry-title a {
	text-decoration:none;
}

.frontpage.entry-content {
	float:none;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
}

.frontpage-post {
	position:relative;
	height:550px;
	background-color:#FFF;
	/*box-shadow:2px 2px 2px 1px #7F7F7F;*/
	margin-bottom:20px;
	padding:10px;
	border-radius:2px;
	overflow:hidden
}

img.size-full {
	height:75%;
	width:75%;	
}
	
.frontpage-post
	img.size-full {
	height:25%;
	width:25%;	
}

.comment-container-box {
	position:absolute;
	bottom:5px;
	right:5px;
}
.fatback-dark-comment {
	color:rgba(55,56,67,1);
	font-size:16pt;
	vertical-align:sub;
}
.edit-container-box {
	position:absolute;
	top:0px;
	right:0px;	
}

footer.entry-meta {
	word-wrap:break-word;
}

.read-more {
	display:none;
}

/**
 * Recipes - Category
 *
 */
 
 .recipe-box {
	 position:relative;
	 margin-bottom:60px;
 }

.recipe-tile-container {
	padding-left:0px;
}
.recipe-tile {
	margin-left:0px;
	margin-right:0px;
	width:100%;
	height:100%;
	max-height:480px;
	float:none;
}

.recipe-tile h1 {
	width:100%;
	font-size:10pt;
	text-align:center;
	margin-top:5px;
	margin-bottom:20px;
}

.recipe-tile p {
	font-size:9pt;
	text-align:center;	
}

.recipe-tile-thumbnail {
	width:100%;
	height:100%;
	max-height:330px;
	margin:0px;	
}

.recipe-tile-thumbnail img {
	width:100%;
	height:100%;
	max-height:330px;
}

.recipe-default-thumbnail img {
	width:100%;
	height:100%;
	max-height:330px;
}

.fuckthis {
	width:96%;
	/*max-width:735px;*/
	height:40px;
	position:absolute;
	bottom:-40px;

}

/**
 * Tag
 *
 */

h2.tag-header {
	position:relative;
	width:100%;
	max-width:350px;
	font-size:20pt;
	color:rgba(255,255,255,1);
	background-color:rgba(68,106,216,1);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:20px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	text-transform:uppercase;
}

/**
 * Footer
 *
 */
.footer-nav-container {
	display:none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.navbar-default.fatback.footer {
	display:none;
	min-height:40px;
	height:40px;
	margin-bottom:0px;
	background-color:transparent;
	border-radius:0px;
	border:0px solid transparent;	
}

.navbar-fatback.footer {
	height:40px;
}
	.navbar-fatback.footer li {
		height:40px;
	}
	
	.navbar-fatback.footer li a {
		font-size:16pt;
		color:#E1E1E1 !important;
		padding:9px 30px 9px 30px;
	}
	.navbar-fatback.footer li a:hover {
		color:#E1E1E1;
		background-color:#111 !important;
	}


.social_icons.footer {
	position:absolute;
	top:10px;
	left:0px;
}

.social_icons.footer p {
	color:rgba(255,255,255,1);
	font-size:9pt;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

.social-icon.footer {
	display:block;
	opacity:0.7;
	float:left;
	width:30px;
	height:30px;
	margin-top:3px;
	cursor:pointer;
}
	.social-icon.footer:hover {
		opacity:1;
	}

.social-icon.footer.margin-left {
	margin-left:2px;
}

div.otherfoodfucks {
	position:absolute;
	top:10px;
	/*bottom:0px;*/
	/*left:0px;*/
	right:0px;
	margin-left:auto;
	margin-right:auto;
	height:180px;
	width:159px;	
}

div.otherfoodfucks p {
	text-align:center;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	margin-bottom:5px;
}

p.footer-rights {
	position:absolute;
	top:280px;
	left:0px;
	width:100%;
	color:rgba(202,201,203,1);
	font-size:6pt;
	text-align:center;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

img.culinarybrodown {
	width:75px;
}

img.doomwriters {
	width:75px;
}

}