/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* align social media buttons*/
.addtoany_share_save_container {
	text-align: center;
}

/* Remove hellobar on mobiles ————————————— */
@media only screen and (max-width: 700px) {
	#hellobar_container,
																																																										#hellobar_pusher {
		display: none !important;
	}
}

/* change size of header on mobile devices */
@media only screen and (max-width: 767px) {
	.header-image .site-title a {
		padding: 0;
		margin: 0;
		min-height: 80px;
	}
	
	.site-header {
		overflow: hidden;
		padding: 2px;
	}
}

/* ############ remove borders ############ */
.sidebar .widget {
	border: none;
	overflow: hidden;
/*border-bottom: 1px solid #eeeee8;*/
	padding-top: 0;
/*border-top: 1px solid #eeeee8;*/
}

.content .entry {
/*	border: none;
	border-bottom: 1px solid #eeeee8;
	padding-top: 0;
	border-top: 1px solid #eeeee8;*/
}

.entry-header {
/*	border-bottom: none; */
}

.entry-footer .entry-meta {
/*	border-top: none; */
}

.more-from-category a {
	border-top: none;
	padding-top: 0;
}

/* ############ End remove borders ############ */
/* ##### recipee index edits ##### */
div.riview ul li {
	border: none;
}

div.riview ul li:hover {
	border: none;
	opacity: .7;
}

/*blockquote {
	margin: 45px 45px 30px;
	background: #C0DCD8;
	padding: 5px;
}

blockquote::before {
	content: "";
	padding: 5px;
}*/


.site-title a {
	background: url(http://www.messestomemories.com/wp-content/uploads/2017/01/Messes-to-Memories-Header.png) no-repeat !important;
}

.site-header {
	background-color: #FFF;
}

.nav-secondary {
	background-color: #26d9b9;
}

@media only screen and (max-width: 1139px) {
	.footer-widgets-1,
														.footer-widgets-2,
														.footer-widgets-3,
														.home-bottom-left,
														.home-bottom-right,
														.sidebar-primary {
		width: 300px;
	}
}

/* ##### remove space between widgits on sidebar ##### */
.sidebar .widget {
	padding-bottom: 0;
}

.sidebar-primary {
	float: right;
	width: 370px;
}

.site-container {
	background-color: #fff;
	box-shadow: 0 0 5px #ddd;
	margin: 32px auto;
	max-width: 1143px;
	overflow: hidden;
	padding: 36px;
}

/*### Index page formatting ###*/
.gridrow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create three equal columns that sits next to each other */
.gridcolumn {
	position: relative;
  flex: 33%;
  max-width: 33%;
  padding: 0 4px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.gridcolumn img {
	position: absolute;
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  height: auto;
		-webkit-transform: translate(-50%,-50%);
  		-ms-transform: translate(-50%,-50%);
    		transform: translate(-50%,-50%);
}
.gridcolumn h2 {
  text-align: center;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .gridcolumn {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .gridcolumn {
    flex: 100%;
    max-width: 100%;
  }
}

/*### end index formatting ###*/