/*Home*/
.menu a{
		color: #3a3a3a !important;
}
.front-page .top-navigation ul li a{
		text-shadow: none !important;
}

#header-text-nav-container-inner-wrap-first{
	background-color: #F1E9DA !important;
}

.main-navigation a{
		color: #3a3a3a !important;
}

.homeContainer {
	width: 1100px;
	margin: auto;
}

.homeMystika{
	background: url("https://mandragoras.gr/wp-content/uploads/2020/10/pepper14.jpg");
}

.homeHeader{
		background: url("https://mandragoras.gr/wp-content/uploads/2020/10/mandragoras-proionta-diatrofis-4-0.jpg");
		background-size: cover;
		display: flex;
	  align-items:center;
		height: 639px;
}

.homeTextAndButton{
		margin-left: 50px;
}

.homeIntroText{
		background-color: rgba(241, 233, 218, 0.7);
		padding: 20px;
		
}

.homeIntroText h2{
	margin: auto;
}

.homeHeader button{
	background-color: rgba(190, 153, 100, 0.8);
	display: block;
	width: 100%;
}

.homePage a{
	font-weight: 600;
	color: #93643a;
	text-decoration: none;
}

.smarCol p{
	margin: 0;
}

.smarContainer.smarCol {
   flex-direction: column;
}

.smarContainer{
	display: flex;
	padding: 50px;
}

.homeHistory{
	display:flex;
	justify-content: flex-start;
	align-items: center;
}

.homeHistoryImg{
	width: 200px;
}

.homePhilosophy{
	background-color: #e1d2bf;
	width: 100%;
	justify-content:space-between;
}

.homeMystikaContent{
	justify-content: space-between;
}

.homeProductCategoryContent{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.homeProductCategory{
	display:flex;
	flex-direction: column;
	text-align: center;
	width: 28%;
}

.homeProductCategory img {
	border-radius: 50%;
	margin: auto;
}

/* Aligning the two top headers */

body #header-top-nav-container {
  max-width: none;
  padding: 0.25em 1.25em;
}

body #header-top-nav-container-inner-wrap-first {
  padding-right: 30px;
}

@media screen and (min-width: 1078px) {
  body #header-top-nav-container-inner-wrap-first {
    padding-right: 0px;
  }
}

body li#header-left-section {
  width: 100%;
  max-width: 100%;
}

body li#header-right-section {
  width: 0px;
}

@media screen and (min-width: 1078px) {
  body li#header-left-section {
    width: 30%;
    max-width: 30%;
  }
  body li#header-right-section {
    width: 70%;
    max-width: 70%;
  }
}

body ul#header-text-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (min-width: 1078px) {
  body li#header-left-section #header-logo-image {
    text-align: left;
  }
}

body .top-navigation ul {
  text-align: right;
}

/* Epikoinwnia */

.mapAndStuff{
    display: flex;
	flex-direction: column;
}

#wpgmza_map{
    float:none !important;
    margin-right: 24px;
    margin-bottom: 24px;
	  width: 100% !important;
}

.wpcf7{
    max-width: 100% !important;
}

.wpcf7 .cu {
    display: flex;
		flex-direction: column;
    max-width: none;
}

@media screen and (min-width: 1078px) {
.wpcf7 .cu {
    flex-direction: row;
  }
}

.wpcf7 .cl {
    width: inherit;
    margin-right: 24px;
	  margin-left: 0px
}
.wpcf7 .cl:last-of-type {
    margin-right: 0px;
}

@media screen and (min-width: 1078px) {
 .mapAndStuff {
  flex-direction: row;
  }
}


@media screen and (min-width: 1078px) {
 #wpgmza_map {
  width: 460px !important;
  }
}

.afterMapText input[type="submit"]{
    float: right;
}

#post-22 span.wpcf7-form-control-wrap.your-message textarea {
    max-height: 10em;
}

/* Header with logo */
body div#masthead-page-wrap {
    background: hsla(39deg, 45%, 90%); /* kafe anoixto poly pio anoixto (+13% brightness) */
}

/* Breadcrumbs container */
body .header-breadcrumbs-container.clearfix{
    background: hsla(39deg, 47%, 76%); /* kafe anoixto */
}

/* All page content */
body #main{
    background: hsla(39deg, 45%, 90%);
}

/* Footer */
body #footer-socket-wrapper {
    background: hsla(39deg, 45%, 90%);
}

body #after-footer-social-and-copyright-wrap {
    background: hsla(39deg, 45%, 90%);
}

body {
		  background: hsla(39deg, 45%, 90%) !important;
}

.fa-facebook-square{
	color: #3b5998;
	font-size: 2em !important;
}

@media only screen and (max-width: 782px){
	.homeTextAndButton{
		margin: 14px;
	}
	
	.homeHeader::before {
		content: "";
	}
	
	.smarContainer{
		flex-direction:column;
		padding: 15px;
	}
	
	.smarContainer img{
		margin: auto;
	}
	
	.inner-wrap {
		padding: 0 !important;
	}
	
	.homeContainer {
		width: 100%;
	}
	
	.homeHistory{
		flex-direction: column;
		align-items: stretch;
	}
	
	.homeHistoryImg{
		margin: auto;
		width: 100%;
	}
	
	.homeHistoryImg img{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.homePhilosophy{
		flex-direction: column-reverse;
		
	}
	
	.homeProductCategoryContent{
		flex-direction: column;
	}
	
	.homeProductCategory{
		width: 100%;
	}
}