/*--------------------------------------------------------------------------------------------------------

	Theme Name: Bambino
	Theme URI: http://themes.wptuning.com/bambino/
	Author: Adrian Diaconescu
	Author URI: http://adriandiaconescu.com
	Description: A fun and colorful WordPress theme for kindergartens, day cares, nurseries and babysitting agencies.
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: two-columns, right-sidebar, responsive-layout, custom-menu, translation-ready
	
	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
	
	Bambino is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.	

----------------------------------------------------------------------------------------------------------

	Table of Contents
	
		0. Reset

		1. Global
			1.1. Document Setup
			1.2. Form Elements
			1.3. Icons
			1.4. Wrapper & Columns

		2. Theme Specific
			2.1. Header
			2.2. Main Menu
			2.3. Mobile Menu
			2.4. Hero
			2.5. Submenu
			2.6. Content
			2.7. Page / Post Navigation
			2.8. Comments

		3. Sidebar
			3.1. Default Widgets
			3.2. Custom / Plugin Widgets

		4. Footer

		5. Media Queries
	
--------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* 0. 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;
}

html {
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: 300;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


/*------------------------------------------------------------------------------------------------------*/
/* 1. Global
/*------------------------------------------------------------------------------------------------------*/

/* Text elements */

p,
address,
blockquote,
pre,
table {
	margin-bottom: 25px;
}

b, strong, dt {
	font-weight: 700;
}

dfn, cite, em, i {
	font-style: italic;
}

code, samp, kbd {
	font-family: Courier, "Courier New", monospace;
	font-size: 15px;
	background: #F8F8F8;
	padding: 2px 4px;
}

blockquote {
	font-style: italic;
}

pre {	
	white-space: pre;
	font-family: Courier, "Courier New", monospace;
	font-size: 15px;
	background: #F8F8F8;
	padding: 25px;
}

abbr, acronym {
	padding-bottom: 3px;
	border-bottom: 0px dotted #999999;
	cursor: help;
}

mark, ins {
	background: #fff9C0;
	text-decoration: none;
	padding: 2px 5px;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	width: 100%;
}

th {
	font-weight: 400;
}

img {
	height: auto;
	max-width: 100%;
}

/* Hide, but not from screen readers */

.screen-reader-text { 
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px;
	width: 1px; 
	margin: -1px;
	padding: 0;
	border: 0; 
}

/* Clearing */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    height: 0;
	visibility: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
	zoom: 1;
}


/*------------------------------------------------------------------------------------------------------*/
/* 1.1. Document Setup
/*------------------------------------------------------------------------------------------------------*/

body {
	background: #95a5a6;
}

body,
input,
select,
textarea {
	font-family: "Nunito", Arial, sans-serif;
	font-weight: 300;
	color: #555555;
	font-size: 16px;
	line-height: 1.8;
	overflow: hidden;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	margin-bottom: 25px;
	line-height: 1.5;
}

h1 {
	font-size: 0px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 20px;
}

h4, h5, h6 {
	font-size: 16px;
}

hr {
	display: inline-block;
	width: 100%;
	border: 1px dashed #DDDDDD;
	margin: 25px 0 40px 0;
	clear: both;
}

/* Links */

a {
	color: #44BCDF;
	text-decoration: none;
	transition: all 0.3s linear;
}

a:hover {
	color: #A5C75A;
}


/*------------------------------------------------------------------------------------------------------*/
/* 1.2. Form Elements
/*------------------------------------------------------------------------------------------------------*/

button,
input[type="submit"] {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border: none;
	background-color: #44BCDF;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1;
	padding: 15px;
	transition: all 0.3s linear;
	border-radius: 5px;
	box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.05);
}

button:hover,
input[type="submit"]:hover {
	background-color: #A5C75A;
}

button:focus,
input[type="submit"]:focus,
button:active,
input[type="submit"]:active {
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 5px 10px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04);
	transition: all 0.3s linear;
	border-radius: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #BBBBBB;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
	outline: none;
}

/* You can use this for links */

.button {
	display: inline-block;
	background-color: #44BCDF;
	color: #FFFFFF;
	line-height: 1;
	padding: 15px;
	border-radius: 5px;
	margin: 5px 0;
	box-shadow: inset 0px -4px 0px 0px rgba(0, 0, 0, 0.05);
}

.button:hover {
	background-color: #A5C75A;
	color: #FFFFFF;
}


/*------------------------------------------------------------------------------------------------------*/
/* 1.3. Icons
/*------------------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "icomoon";
	src:url("fonts/icomoon.eot");
	src:url("fonts/icomoon.eot?#iefix") format("embedded-opentype"),
		url("fonts/icomoon.ttf") format("truetype"),
		url("fonts/icomoon.woff") format("woff"),
		url("fonts/icomoon.svg#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: "icomoon";
	content: attr(data-icon);
	speak: none;
	line-height: 0;
	font-size: 14px;
}

.button-icon {
	line-height: 1;
	text-align: center;
	min-width: 32px;	
	padding: 9px 10px 7px 10px;
	color: #888888;
	background: #ffffff;
	border-radius: 5px;
}

.button-icon:hover {
	color: #222222;
	background: #ffffff;
}


/*------------------------------------------------------------------------------------------------------*/
/* 1.4. Wrapper & Columns
/*------------------------------------------------------------------------------------------------------*/

.wrap {
	margin: 0 auto;
	padding: 0 50px;
}

.half,
.fourth,
.third,
.wide,
.narrow {
	float: left;
}

.half {
	width: 50%;
}

.fourth {
	width: 25%;
}

.third {
	width: 33.333%;
}

.wide {
	width: 65%;
}

.narrow {
	width: 35%;
}

/*------------------------------------------------------------------------------------------------------*/
/* 2. Theme Specific
/*------------------------------------------------------------------------------------------------------*/

#page {
	position: relative;
	left: 0;
	margin: 0 auto;
	z-index: 2;
	background: #ffffff url("");
	transition: all 0.3s ease-in;
	box-shadow: 10px 0px 0px 0px rgba(0, 0, 0, 0.02), -10px 0px 0px 0px rgba(0, 0, 0, 0.02);
}

/*------------------------------------------------------------------------------------------------------*/
/* 2.1. Header
/*------------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #FFFFFF;
}

#header {
 background: url();
 background-size: cover;
}


#header-top {
	position: relative;
	padding: 0px 0;
	z-index: 2;
	background: #FFFFFF url("");
}

.home.blog #header-top {
	border-bottom: none;
}

#branding h1 {
	font-family: "Unkempt", Arial, sans-serif;
	font-weight: 700;
	font-size: 0px;
	line-height: 1;
	margin-bottom: 0;
}

#branding h1 a {
	color: #;
}

#branding h1 a:hover {
	color: #;
}

#branding h2 {
	font-size: 16px;
	color: #999999;
	margin-bottom: 0;
}


/*------------------------------------------------------------------------------------------------------*/
/* 2.2. Main Menu
/*------------------------------------------------------------------------------------------------------*/

#mainmenu {
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	margin-top: 125px;
}

#mainmenu .menu {
	display: inline-block;
}

#mainmenu ul li {
	list-style: none;
	display: inline-block;
	margin-left: -5px;
	position: relative;
}

#mainmenu ul li:first-child {
	margin-left: 100;
}

#mainmenu a {
	display: block;
	padding: 3px 8px;
	color: #d54519;
	border-radius: 5px;
	border: 2px solid transparent;
}

#mainmenu a:hover {
	color: #222222;
}

#mainmenu ul ul {
	padding: 5px;
	background: #FFFFFF;
	border: 3px solid #EFEFEF;
	border-radius: 5px;
	margin: 0;
    position: absolute;
    top: 100%;
    min-width: 200px;
    white-space: nowrap;
	display: none;
	text-align: left;
}

#mainmenu ul ul li {
	display: block;
	position: relative;
	margin: 0;
}

#mainmenu ul ul ul {
	left: 100%;
	top: -1px;
}

#mainmenu li:hover > ul {
	display: block;
}

#mainmenu ul li.current-menu-item a,
#mainmenu ul li.current-page-ancestor a,
#mainmenu ul li.current_page_item a,
#mainmenu ul li.current_page_ancestor a {
	background-color: #d54519;
	color: #FFFFFF;
	border: 2px solid rgba(0, 0, 0, 0.03);
}

#mainmenu ul li.current-menu-item ul a,
#mainmenu ul li.current-page-ancestor ul a,
#mainmenu ul li.current_page_item ul a,
#mainmenu ul li.current_page_ancestor ul a {
	background-color: transparent;
	color: #555555;
	border: none;
}

/*------------------------------------------------------------------------------------------------------*/
/* 2.3. Mobile Menu
/*------------------------------------------------------------------------------------------------------*/

#menutoggle {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -16px;
	display: none;
}

#mobilemenu {
	font-size: 15px;
	width: 254px;
	height: 100%;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	z-index: 1;
	background: #111111;
	color: #999999;
	box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
	display: none;
}

#mobilemenu ul {
	margin: 0;
	list-style: none;
}

#mobilemenu ul li {
	margin: 0;
	padding: 8px 15px;
	border-bottom: 1px solid #1A1A1A;
	position: relative;
}

#mobilemenu a {
	color: #FFFFFF;
}

#mobilemenu ul ul {
	display: none;
	padding-top: 10px;
}

#mobilemenu li > span {
	position: absolute;
	top: 8px;
	right: 12px;
}

#mobilemenu ul ul li {
	padding: 0 15px 5px 15px;
	border-bottom: none;
	text-transform: none;
}

#mobilemenu.active {
	display: block;
}

/*------------------------------------------------------------------------------------------------------*/
/* 2.4. Hero
/*------------------------------------------------------------------------------------------------------*/

#header-images {
	position: relative;
	z-index: 1;
}

/* Flexslider directional nav */

#header-images .flex-direction-nav {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	width: 100%;
	overflow: hidden;
	z-index: 3;
}

#header-images .flex-direction-nav a {
	display: block;
	line-height: 1;
	background: #FFFFFF;
	color: #333333;
	font-size: 32px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	opacity: 0.5;
}

#header-images .flex-direction-nav a:hover {
	opacity: 1;
}

#header-images .flex-prev {
	float: left;
	margin-left: -75px;
	padding: 9px 17px 14px 13px;
}

#header-images .flex-next {
	float: right;
	margin-right: -75px;
	padding: 9px 13px 14px 17px;
}

#header-images:hover .flex-prev {
	margin-left: 25px;
}

#header-images:hover .flex-next {
	margin-right: 25px;
}

/* Flexslider control nav */

#header-images .flex-control-nav {
	position: absolute;
	bottom: 25px;
	width: 100%;
	text-align: center;
	z-index: 2;
}

#header-images .flex-control-nav li {
	display: inline-block;
	margin: 0 3px;
	line-height: 1;
	text-indent: -9999px;
}

#header-images .flex-control-nav a {
	display: block;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	opacity: 0;
}

#header-images:hover .flex-control-nav a {
	opacity: 1;
}

#header-images .flex-control-nav a.flex-active {
	background: #FFFFFF;
}

/* Header hero */

#header-hero {
	position: relative;
	padding: 75px 0;
	text-align: center;
	z-index: 3;
	background-color: #44BCDF;
	background-image: url("https://mamakoku.com/wp-content/uploads/2015/10/mamakoku-banner2.jpg");
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.05), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
}

#header-hero h1 {
	font-family: "McLaren", Arial, sans-serif;
	font-weight: ;
	font-size: 0px;
	line-height: 5.3;
	margin-bottom: 0;
	word-wrap: break-word;
	color: #;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}

#header-hero.custom-hero h1 {
	font-size: 0px;
	font-weight: 400;
}

#header-hero h2 {
	font-size: 20px;
	line-height: 1.75;
	margin: 15px auto 0 auto;	
	color: rgba(255, 255, 255, 0.75);
	max-width: 600px;
}

#header-hero h2:before {
	content: "";
	display: block;
	width: 40px;
	margin: 25px auto;
	border-top: 4px solid rgba(0, 0, 0, 0.1);
}

/* Header images used as background */

.header-background .flex-control-nav,
.header-background .flex-direction-nav {
	display: none;
}

.header-background #header-images {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
}

.header-background #header-images ul {
	height: 100%;
	opacity: 0.75;
}

.header-background #header-images li {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.header-background #header-hero {
	background: none;
	padding: 125px 0;
}

.header-background #header-hero h2 {
	color: #FFFFFF;
}

.header-background #header-hero h2:before {
	border-top: 4px solid rgba(255, 255, 255, 0.5);
}


/*------------------------------------------------------------------------------------------------------*/
/* 2.5. Submenu
/*------------------------------------------------------------------------------------------------------*/

#submenu {
	position: relative;
	background: #FFFFFF;
	z-index: 4;
	text-align: center;
}

#submenu li {
	display: inline-block;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 15px 0 12px 0;
}

#submenu li a {
	display: block;
	padding: 4px 10px;
	border-radius: 5px;
	color: #999999;
}

#submenu li a:hover {
	color: #111111;
}

#submenu li.current_page_item a,
#submenu li.current-cat a {
	background: #F5F5F5;
	color: #111111;
	border: 2px solid rgba(0, 0, 0, 0.01);
	cursor: default;
}


/*------------------------------------------------------------------------------------------------------*/
/* 2.6. Content
/*------------------------------------------------------------------------------------------------------*/

#container {
	box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, 0.02);
}

#content {
	padding: 50px 0;
}

.archive-title {
	color: #999999;
	padding: 50px 0;
	text-align: center;
}

.archive-title h4 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.archive-title p {
	margin: 15px 0 0 0;
}

.post {
	margin-bottom: 50px;
	padding-bottom: 25px;
	background: url("images/lines.png") repeat-x bottom left;
}

.post.not-found {
	margin: 0;
	padding: 0;
	background: none;
}

.sticky {}

.post-thumb {
	margin-bottom: 25px;
	-webkit-mask-image: radial-gradient(circle, white, black);
}

.post-thumb img {
	width: 100%;
	vertical-align: bottom;
}

#content:not(.grid) .post-thumb {
	padding-bottom: 3px;
}

#content:not(.grid) .post-thumb img {
	border-radius: 2px;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.02);
}

.post-title {
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 1.2;
}

.single .post-title {
	font-size: 45px;
	margin-bottom: 20px;
	line-height: 1.1;
}

/* Post header */

.post-meta .comments:before {
	content: "/";
	padding: 0 10px;
	display: inline-block;
}

.post-meta {
	margin-bottom: 25px;
}

.post-meta,
.post-meta a {
	color: #999999;
}

.post-meta a:hover {
	color: #666666;
}

.post-meta .updated {
	display: none;
}

/* Post footer */

.post-footer {
	padding: 15px 0;
}

/* Post content */

.post-content {
	overflow: hidden;
}

.post-content h2 {
	color: #d54519;
}

.post-content h3 {
	font-weight: 400;
}

.post-content h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content ol {
	list-style: decimal;
}

.post-content ol,
.post-content ul {
	overflow: hidden;
	padding-left: 50px;
	margin: 0 0 25px 0;
}

.post-content ol li,
.post-content ul li {
	margin-bottom: 10px;
}

.post-content ol ol,
.post-content ol ul,
.post-content ul ul,
.post-content ul ol {
	margin-top: 10px;
	margin-bottom: 15px;
}

.post-content ul li:before {
	content: "\2022";
	margin-left: -20px;
	margin-right: 12px;
	position: relative;
	color: #FFD24F;
}

.post-content blockquote {
	font-family: "Bitter", Georgia, serif;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	margin-left: 35px;
	padding-left: 25px;
	border-left: 5px solid #DDDDDD;
	color: #999999;
}

.post-content table th,
.post-content table td {
	padding: 10px;
	border-bottom: 0px solid #EFEFEF;
}

.grid .edit-link {
	margin: 25px 0 0 0;
}

/* Image page */

.post-attachment {
	margin-bottom: 25px;
}

.attachment-image img {
	vertical-align: bottom;
}

.attachment-caption {	
	padding: 25px;
	text-align: left;
	background: #ffffff;
}

.attachment-caption p {
	margin-bottom: 0;
}

/* =Media
----------------------------------------------- */

.post-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.alignnone {
	margin-bottom: 25px;
}

.alignleft {
	display: inline;
	float: left;
	margin: 0 45px 25px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 25px 45px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 25px auto;
}

/* Images */

.post-content img[class*="wp-image-"] {
	border-radius: 2px;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.02);
}

.wp-caption {
	margin-bottom: 25px;
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	text-align: center;
	font-size: 14px;
	color: #AAAAAA;
	margin: 15px 15px 0 15px;
	padding-bottom: 15px;
}

/* Gallery */

.gallery {
	margin-bottom: 25px;
}

.gallery-item {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	padding: 10px;
}

.gallery-icon {
	border-radius: 2px;
	border: 5px solid #FFFFFF;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.02);
}

.gallery-icon a {
	display: block;
	overflow: hidden;
}

.gallery-icon img {
	width: 100%;
	vertical-align: bottom;
	transition: all 0.5s linear;
}

.gallery-icon a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.gallery-caption {
	font-size: 14px;
	margin: 0;	
	padding: 25px;
	text-align: left;
	color: #999999;
}

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.667%; }
.gallery-columns-7 .gallery-item { width: 14.285%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.111%; }


/* Grid */

.grid {
	padding: 0 50px 25px 25px;
}

#page.wrapped .grid .wrap {
	padding-left: 25px;
}

#content.grid {
	padding: 50px 50px 25px 25px;
}

.grid .post {
	background: none;
	padding-bottom: 0;
}

#page:not(.wrapped) .grid .wrap {
	padding-left: 0;
	padding-right: 0;
}

#page.wrapped .grid {
	padding-left: 0;
	padding-right: 0;
}

.grid-title {
	margin-left: 25px;
	margin-bottom: 50px;
	text-align: center;
	color: #d54519;
	background: url("images/lines.png") repeat-x center left;
}

.grid-title span {
	padding: 0 25px;
	background: url("");
}

.grid-item {
	margin-bottom: 25px;
	text-align: center;
}

.grid .post-inner {
	margin-left: 25px;
}

.grid .post-thumb {
	display: block;
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.grid img {
	width: 100%;
	vertical-align: middle;
	transition: all 0.5s ease-out;
}

.grid.card a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.grid .post-wrap {
	position: relative;
	display: block;
	width: 100%;
	padding: 50px;
}

.grid .post-title {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
}

.grid .post-subtitle,
.grid .post-meta {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999999;
	margin: 10px 0 0 0;
}

.grid .post-summary {
	margin-top: 25px;
}

.grid .post-summary > *:last-child {
	margin-bottom: 0;
}

/* Grid item types */

.grid.card .post-inner {
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.02);
}

.grid.card .post-thumb {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.grid.bubble .post-thumb img {
	border-radius: 100%;
	padding: 10px;
	background: #FFFFFF;
	box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.02);
}

/* List */

.list-item.has-post-thumbnail .post-wrap {
	padding-left: 50px;
}


/*------------------------------------------------------------------------------------------------------*/
/* 2.7. Page / Post Navigation
/*------------------------------------------------------------------------------------------------------*/

#content [class*="navigation"] {
	clear: both;
	overflow: hidden;
}

[class*="navigation"] .nav-previous {
	float: left;
	width: 45%;
}

[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 45%;
}

.grid .paging-navigation {
	padding: 25px 0 25px 25px;
}


/*------------------------------------------------------------------------------------------------------*/
/* 2.8. Comments
/*------------------------------------------------------------------------------------------------------*/

#comments {
	clear: both;
	background: #FFFFFF;
	box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.02);
	padding: 50px 0;
}

.comment-list {
	margin: 0;
	padding-bottom: 25px;
}

.comment-list li {
	list-style: none;
	margin: 0;
}

.comment-list > li {
	margin-bottom: 30px;
	border-bottom: 1px solid #EFEFEF;
}

.comment-list .children {
	margin: 0;
	padding-left: 35px;
	border-left: 1px dotted #DDDDDD;
}

.comment-list .children li {
	margin-bottom: 0;
}

.comment-body {
	margin-bottom: 30px;
}

.comment-author {
	overflow: hidden;	
}

.comment-author cite {
	font-style: normal;
	font-weight: 400;
}

.comment-avatar {
	float: left;
	margin: 0 15px 0 0;
}

.comment-avatar img {
	border-radius: 100%;
}

.comment-author {
	margin-bottom: 25px;
}

.comment-meta {
	font-size: 13px;
	line-height: 23px;
	color: #BBBBBB;
}

.comment-meta a {
	text-transform: uppercase;
	color: #999999;
}

.comment-meta a:hover {
	color: #666666;
}

.comment-meta span {
	text-transform: none;
}

.comment-awaiting-moderation {
	clear: both;
	font-style: italic;
}

.comment-text {
	clear: both;
}

.comment-text p {
	margin-bottom: 15px;
}

.bypostauthor {}

.comment-links {
	overflow: hidden;
}

.comment-reply,
.comment-edit {
	float: left;
	margin: 0 25px 0 0;
}

.comment-list #respond {
	margin-top: 40px;
}

#reply-title small {
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 10px;
}

.comment-form .required {
	color: #CC0000;
	font-weight: 400;
}

.comment-form label {
	font-weight: 400;
	display: block;
	margin-bottom: 5px;
}

p.comment-subscription-form label {
	font-weight: 300;
}

p.form-submit {
	margin-bottom: 0;
}


/*------------------------------------------------------------------------------------------------------*/
/* 3. Sidebar
/*------------------------------------------------------------------------------------------------------*/

#sidebarshow {
	position: absolute;
	right: 92px;
	top: 50%;
	margin-top: -16px;
	display: none;
}

#sidebarhide {
	position: absolute;
	right: 15px;
	top: 10px;
	display: none;
	z-index: 10;
}

#sidebar {
	padding: 50px 0 50px 50px;
}

#sidebar .widget {
	padding: 25px;
	margin-bottom: 25px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.02);
}

#sidebar .widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

#sidebar .widget-title {
	position: relative;
	color: #FFFFFF;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	padding: 10px 15px 9px 30px;
	margin: 0 0 25px -25px;
	background: #b078dd;
}

#sidebar .widget-title:before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	border-left: 5px solid rgba(0, 0, 0, 0.05);
}

#sidebar .widget-title:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 0;
	border-width: 19px 10px 20px 0;
	border-style: solid;
	border-color: transparent #FFFFFF transparent transparent;
}

.widget ul li {
	margin-bottom: 15px;
	line-height: 1.5;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}

.widget ul li:last-child {
	padding-bottom: 0;
	border: none;
}

.widget ul ul {
	margin-left: 25px;
	padding-top: 10px;
}

.widget_recent_entries li,
.widget_recent_comments li,
.widget_categories li,
.widget_archive li {
	padding-left: 25px;
}

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_categories li:before,
.widget_archive li:before {
	font-family: "icomoon";
	speak: none;
	font-size: 18px;	
	display: inline-block;
	position: absolute;
	left: 0;
	top: -2px;
	color: rgba(0, 0, 0, 0.15);
}

.widget_recent_entries li:before {
	content: "\e608";
	left: 3px;
}

.widget_recent_comments li:before {
	content: "\e607";
}

.widget_categories li:before {
	content: "\e603";
}

.widget_archive li:before {
	content: "\e609";
}

/*------------------------------------------------------------------------------------------------------*/
/* 3.1. Default Widgets
/*------------------------------------------------------------------------------------------------------*/

/* Text Widget */

.textwidget ul {
	list-style: disc;
	margin-left: 25px;
}

.textwidget ol {
	list-style: decimal;
	margin: 0 0 25px 25px;
}

.textwidget ol li {
	margin-bottom: 10px;
}

.textwidget > *:last-child {
	margin-bottom: 0;
}

/* Search Widget */

.search-form {
	position: relative;
}

.search-form .search-field {
	padding-left: 32px;
	width: 300px;
}

.search-icon {
	position: absolute;
	left: 12px;
	top: 8px;
	color: #CCCCCC;
}

.widget .search-field {
	width: 100%;
}

/* Tag Cloud Widget */

.tagcloud a,
.post-footer .tags a {
	font-size: 100% !important;
	padding: 0 8px;
	background: rgba(0, 0, 0, 0.03);	
	display: inline-block;
	margin: 0 10px 15px 0;
	border-radius: 5px;
	position: relative;
}

/* Calendar Widget */

#wp-calendar {
	margin-bottom: 0;
	border-collapse: separate;
	border-spacing: 5px;
}

#wp-calendar caption {
	margin-bottom: 15px;
}

#wp-calendar thead th,
#wp-calendar tbody td {
	width:  14.28%; /* 100% / 7 */
    width: -moz-calc(100%/7);
    width: -webkit-calc(100%/7);
    width: calc(100%/7);
    text-align: center;
    padding-bottom: 5px;
}

#wp-calendar tbody td {
	padding: 5px 0;
	background: rgba(0, 0, 0, 0.03);
	border-radius: 5px;
}

#wp-calendar tbody td.pad {
	background: none;
	border: none;
}

#wp-calendar tbody td a {
	font-weight: 400;
}

#wp-calendar tfoot {
	text-transform: uppercase;
	padding-top: 10px;
}

#wp-calendar tfoot #next {	
	text-align: right;
	padding-top: 15px;
}

#wp-calendar #today {
	font-weight: 400;
}

/* Recent Posts Widget */

.widget_recent_entries span.post-date {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.3);
	display: block;
	margin-top: 5px;
}

/* RSS Widget */

.widget_rss span.rss-date {
	font-size: 13px;
	color: #BBBBBB;
	display: block;
}


/*------------------------------------------------------------------------------------------------------*/
/* 3.2. Custom / Plugin Widgets
/*------------------------------------------------------------------------------------------------------*/

#subscribe-email input {
	width: 100%;
	padding: 5px 10px;
}


/*------------------------------------------------------------------------------------------------------*/
/* 4. Footer
/*------------------------------------------------------------------------------------------------------*/

#fidgets {
	background-color: #ff722d;
	background-image: url("images/noise.png");
	color: rgba(0, 0, 0, 0.45);
	position: relative;
	box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.05);
}

#fidgets a {
	color: #FFFFFF;
	opacity: 0.75;
}

#fidgets a:hover {
	opacity: 1;
}

#fidgets .wrap {
	padding-right: 0;
}

#fidgets .widget {
	float: left;
	width: 33.333%;
	padding: 50px 50px 50px 0;
}

#fidgets .widget-title {
	color: #FFFFFF;
}

#fidgets .tagcloud a {
	background: rgba(255, 255, 255, 0.05);
}

#fidgets .tagcloud a:hover {
	background: rgba(255, 255, 255, 0.1);
}

#fidgets input[type="text"],
#fidgets input[type="email"],
#fidgets input[type="url"],
#fidgets input[type="password"],
#fidgets input[type="search"],
#fidgets textarea {
	border: 1px solid rgba(0, 0, 0, 0.4);
}

#fidgets input[type="text"]:focus,
#fidgets input[type="email"]:focus,
#fidgets input[type="url"]:focus,
#fidgets input[type="password"]:focus,
#fidgets input[type="search"]:focus,
#fidgets textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.5);
}

#fidgets .search-icon {
	color: rgba(0, 0, 0, 0.25);
}

#footer {
	position: relative;
	padding: 50px 0;
	background: #d54519 url("images/noise.png");
	color: #ffffff;
}

#footer a {
	font-weight: 400;
	color: #FFFFFF;
	opacity: 0.75;
}

#footer a:hover {
	opacity: 1;
}

#footer .menu {
	text-align: right;
}

#footer .menu li {
	display: inline;
	margin-left: 25px;
}


/*------------------------------------------------------------------------------------------------------*/
/* 5. Media Queries
/*------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

	#mainmenu .menu,
	#submenu {
		display: none;
	}

	#menutoggle {
		display: block;		
	}

	#page.active {
		left: -254px;
	}

	#content {
		width: 100%;
	}

	#sidebar {
		background: #FFFFFF;
		width: 50%;
		height: 100% !important;
		padding-right: 50px;
		position: fixed;
		top: 0;
		right: -50%;
		z-index: 10;
		overflow-y: scroll;
		transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
	}

	#sidebar.active {
		right: 0;
		box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.02);
	}

	#sidebarshow,
	#sidebarhide {
		display: block;
	}

	#sidebar .widget {
		padding: 0 0 25px 0;
		margin-bottom: 25px;
		box-shadow: none;
	}

	.list-item .narrow,
	.list-item .wide {
		width: 50%;
	}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

	.grid-item.third {
		width: 50%;
	}

	.grid-item.fourth {
		width: 33.333%;
	}

	.gallery .gallery-item {
		width: 33.333%;
	}

}

@media only screen and (max-width: 768px) {

	#menutoggle {
		right: 25px;
	}

	#sidebarshow {
		right: 67px;
	}
	
	.wrap {
		padding: 0 25px;
	}

	#page.wrapped .grid .wrap {
		padding-left: 0;
	}

	.header-background #header-hero {
		padding: 75px 0;
	}

	#header-hero h1 {
		font-size: 0px;
	}

	#header-hero.custom-hero h1 {
		font-size: 0px;
	}

	#content {
		padding: 25px 0;
	}

	.grid,
	#content.grid {
		padding: 25px 25px 0 0;
	}

	.grid-title {
		margin-bottom: 25px;
	}

	.grid .post-wrap {
		padding: 25px;
	}

	.archive-title {
		padding-bottom: 25px;
	}

	#sidebar {
		width: 75%;
		right: -75%;
	}

	#fidgets {
		padding-top: 25px;
	}

	#fidgets .widget {
		width: 100%;
		padding: 0 25px 50px 0;
	}

	#fidgets .widget:last-child {
		padding-bottom: 25px;
	}

	#footer {
		padding: 25px 0;
	}

	#footer .narrow,
	#footer .wide {
		width: 100%;
	}

	#footer .menu {
		text-align: left;
	}

	#footer .menu li {
		margin: 0 25px 0 0;
	}

	.grid-item,
	.gallery .gallery-item {
		width: 50%;
	}

}

@media only screen and (max-width: 480px) {

	#branding h1 {
		font-size: 0px;
	}

	#header-hero h1 {
		font-size: 0px;
	}

	#header-hero.custom-hero h1 {
		font-size: 0px;
	}

	.header-background #header-hero {
		padding: 50px 0;
	}

	#sidebar {
		width: 100%;
		right: -100%;		
		padding: 25px 25px 0 25px;
	}
	
	.grid-item,
	.gallery .gallery-item {
		width: 100%;
	}

	.list-item .half,
	.list-item .narrow,
	.list-item .wide {
		width: 100%;
		padding-left: 0 !important;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		max-width: 100% !important;
		width: 100% !important;
	}

}