/**** start of Standard ****/

body {
  font-family: sans-serif;
  -webkit-text-size-adjust: none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

div, section, main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span, div, section, main {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0px;
 padding: 0px;
 font-size: 25px;

}


.hide {
	display: none;
}


/**** End of Standard ****/



.container {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

.navigation {
	width: 100%;
	display: flex;
}

.navigation-inner:nth-child(1) { flex-basis: 30%; }
.navigation-inner:nth-child(2) { flex-basis: 40%; }
.navigation-inner:nth-child(3) { flex-basis: 30%; }


.navigation-left {
	text-align: left
}

.navigation-right {
	display: flex;
    align-items: center;
    justify-content: flex-end; 
}

.navigation-inner-middle {
	display: flex;
    align-items: center;
    justify-content: center; 
}

.clickable-logo {
	font-family: impact;
	font-size: 23px;
	text-decoration: none;
	color: #26b2e0;
}

.menu-bars {
	font-size: 22px;
	cursor: pointer;
}

.menu-search-icon-top {
	font-size: 22px;
	margin-right: 7px;
	cursor: pointer;
}

.post-button {
	margin-right: 7px;
}

.store-logo {
	color: #c92d24;
}

.posts-logo {
	color: #eb4f46;
}

.navigation-inner-left {
	display: flex;
}

.navigation-inner-left-inner {
	display: flex;
    align-items: center;
}

.navigation-inner-left-inner:nth-child(1) { flex-basis: 23% }
.navigation-inner-left-inner:nth-child(2) { flex-basis: 77% }


.button {
  background-color: #F8F8F8;
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  border: 1px solid #f8f8f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  line-height: 27px;
  padding: 0 8px;
  text-decoration: none;
  font-size: 18px;
  color: #000;
}

.button.blue {
	border: 1px solid #f8f8f8;
	background-color: #3f94d4;
	color: #ffffff;
	background-image: -webkit-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -moz-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -ms-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -o-linear-gradient(top,#3f94d4,#4999d6);
	background-image: linear-gradient(top,#3f94d4,#4999d6);
	
}


.button.blue:hover {
	border: 1px solid #f8f8f8;
	background-color: #3f94d4;
	color: #ffffff;
	background-image: -webkit-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -moz-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -ms-linear-gradient(top,#3f94d4,#4999d6);
	background-image: -o-linear-gradient(top,#3f94d4,#4999d6);
	background-image: linear-gradient(top,#3f94d4,#4999d6);
	font-size: 20px;
}

.post-button {
	border-radius: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.loggedout-login-link {
	font-weight: bold;
	text-decoration: none;
	color: #515152;
}

.search {
	width: 100%;
	margin-top: 20px;
}

.search-query {
	display: flex;
	margin-top: 10px;
}

.search-query-left:nth-child(1) { flex-basis: 80%; }
.search-query-right:nth-child(2) { flex-basis: 20%; }



.search-location-element {
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   -webkit-border-radius: 2px;
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   border: 1px solid #dcdee3;
   color: #525252;
   font-size: 17px;
   overflow: hidden;
   padding-left: 8px;
   white-space: nowrap;
   background-color: #ffffff;
   appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
   width: 100%;
   height: 53px;
   border-top-left-radius: 8px;   
   border-bottom-left-radius: 8px; 
   font-weight: bold;
   background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='28' viewBox='0 0 24 24' width='28' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5' stroke='gray' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 20px; /* bigger */
    padding-right: 40px;   /* makes space for the bigger arrow */
}

.search-box {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   -webkit-border-radius: 2px;
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   border: 1px solid #dcdee3;
   color: #515152;
   font-size: inherit;
   overflow: hidden;
   padding-left: 8px;
   white-space: nowrap;
   background-color: #ffffff;
   appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
   font-size: 20px;
   font-weight: bold;
   width: 100%;
   height: 53px;
   border-top-left-radius: 8px;   
   border-bottom-left-radius: 8px; 
   border-right: none;
}

.search-button {
	width: 100%;
	height: 53px;
	background-color: #f2f4f5;
  color: inherit;
  cursor: pointer; 
border-top-right-radius: 8px;   
   border-bottom-right-radius: 8px; 
  border: 1px solid #dcdee3;   /* full border */
  border-left: none;     
}

.categories {
	width: 100%;
	margin-top: 10px;
}

.categories-dropdown {
	font-weight: bold;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #6b6b6b;
}