/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*Code for Caption Styling*/
.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery img:hover {
	background: white;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 13px;
	margin: 0 0 12px;
}

.gallery dl, .gallery dt {
	margin: 0;
}

.gallery br+br {
	display: none;
}

/*End Code for Caption Styling*/
/*Code for gallery border removal start*/
div #gallery-2 img {
	border: 0;
}

div #gallery-2 .gallery-item {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 5px;
	float: left;
	width: 30%;
}

/* Sidebar Width */
div.sidebar.right {
	width: 32%;
	padding: 0;
	margin-left: 2px;
}

/* For displaying single column on mobile */
@media only screen and (max-width: 480px) {
	div #gallery-2 .gallery-item {
		width: 100%;
	}
}

/*Code for gallery border removal end*/
.sidebar .widget {
	border-bottom: 0;
	padding-bottom: 5px;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
}

h1 {
	font-size: 80%;
}

h2 {
	padding: 10px;
}

.section.bg-dark {
	background: #FFFFFF;
}

.header {
	padding: 20px 0;
	background: #FFFFFF;
}

.wrapper {
	margin-top: 40px;
	margin-bottom: 10px;
}

.featured-media {
	display: none;
}

@media (max-width:800px) {
	.sidebar {
		display: block;
	}
}

.widget img {
	border: none;
}

ul.blog-menu {
	text-align: center;
}

ul.blog-menu > li {
	float: none;
	display: inline-block;
}

/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Main Content Post Header --------------------------------------- */
.post-title {
	font-weight: 500;
	padding-left: 0;
}

/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */
.mobile-menu {
	display: none;
}

.blog-menu li {
	position: relative;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.blog-menu > li {
	float: left;
}

.blog-menu > li:before {
	content: "/";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	margin-left: -3px;
	font-size: 16px;
	color: #444;
	font-weight: 300;
	z-index: 1000;
}

.blog-menu > li:first-child:before {
	content: none;
}

.blog-menu a {
	display: block;
	padding: 22px 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #444;
	font-size: 13px;
}

.blog-menu a:hover,
.blog-menu .current-menu-item a {
	color: #444;
}

.blog-menu > .has-children a,
.blog-menu > .page_item_has_children a {
	padding-right: 35px;
}

.blog-menu > .has-children::after,
.blog-menu > .page_item_has_children::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: #444;
	position: absolute;
	z-index: 1001;
	right: 17px;
	top: 50%;
	margin-top: -2px;
}

.blog-menu > .has-children:hover::after,
.blog-menu > .page_item_has_children:hover::after {
	border-top-color: #1ABC9C;
}

.blog-menu li:hover a {
	background-color: transparent;
	color: #444;
	cursor: pointer;
}

.blog-menu li:hover > a {
	color: #1ABC9C;
}

/* Sub menus --------------------------------------- */
.blog-menu ul {
	position: absolute;
	left: -9999px;
	display: none;
	z-index: 999;
}

.blog-menu ul li {
	float: none;
	display: block;
}

.blog-menu ul > .has-children::after,
.blog-menu ul > .page_item_has_children::after {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-left-color: #444;
	position: absolute;
	z-index: 1001;
	right: 10px;
	top: 50%;
	margin-top: -5px;
}

.blog-menu ul > .has-children:hover::after,
.blog-menu ul > .page_item_has_children:hover::after {
	border-right-color: #444;
}

.blog-menu ul li {
	width: 240px;
	background: #fff;
}

.blog-menu ul a {
	padding: 10px 0;
	margin: 0 20px;
	line-height: 130%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #888;
}

.blog-menu ul > li:last-child a {
	border-bottom-width: 0;
}

.blog-menu li:hover > ul {
	opacity: 1;
	left: 0;
	display: block;
}

/* Deep down --------------------------------------- */
.blog-menu ul li:hover > ul {
	top: 0;
	left: 240px;
	margin-left: 0;
}

/* -------------------------------------------------------------------------------- */
/*	12. Footer
/* -------------------------------------------------------------------------------- */
.footer {
	font-size: .9em;
	margin-top: 7.5%;
}

.column {
	width: 30%;
	margin-left: 5%;
}

.column:first-child {
	margin-left: 0;
}

/* Footer widgets --------------------------------------- */
.footer .widget {
	border-bottom-color: #888;
	padding-bottom: 5px;
	border-bottom: 0;
}

.footer .widget-title {
	color: #444;
	letter-spacing: 1px;
	font-weight: 500;
}

.footer .widget-content {
	color: #666;
}

.footer .widget-content ul li {
	border-top-color: rgba(255,255,255,0.1);
}

.footer .widget-content > ul > li:first-child {
	border-top: none;
}

/* Widget search --------------------------------------- */
.footer .widget_search #s:focus {
	outline: none;
	background: #FFF;
	border-color: #DDD;
	color: #444;
}

/* Widget calendar --------------------------------------- */
#wp-calendar caption,
#wp-calendar thead {
	border-bottom-color: rgba(255,255,255,0.1);
}

#wp-calendar tfoot {
	border-top-color: rgba(255,255,255,0.1);
}

.footer .flickr_badge_image img,
.footer .dribbble-shot img {
	background: rgba(255,255,255,0.1);
}

.footer .flickr_badge_image a:hover img,
.footer .dribbble-shot:hover img {
	background: #1abc9c;
}

/* Widget tag cloud --------------------------------------- */
.footer .tagcloud a {
	background-color: #F5F5F5;
	color: #1abc9c;
}

.footer .tagcloud a:hover {
	background-color: #1abc9c;
	color: #FFF;
}/* -------------------------------------------------------------------------------- */
/*	11. Sidebar
/* -------------------------------------------------------------------------------- */
	
}

.widget:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

.widget-title {
	font-family: 'Raleway', sans-serif;
	font-size: .9rem;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 20px;
	color: #444;
}

/* widget-content */
.widget-content {
	color: #555;
	font-size: 1rem;
	line-height: 140%;
}

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

.widget-content a:hover {
	text-decoration: underline;
}