/*
Theme Name: compost
Theme URI: http://vitanova-gardens.co.uk
Description: vitanova
Version: 0.1
Author: TedV
*/

/*  */
body { margin:0; font-family: 'Jost', sans-serif; font-size: 1.2em; color: #0a0a0a; }
#wrapper { max-width:1200px; margin:0 auto 180px auto; min-height: 800px; background:#f2f2eb; padding-bottom:20px; }
#upper { width: 100%; margin:0; position:relative; height:124px; background:#fff; }
#logo { left:0; top:10px; position: absolute; z-index: 10; }
#logo img { max-width: 300px; height: auto; }
#menu { right:10px; top:32px; position: absolute; text-align: center; }
#menu img { max-width: 50px; transform: rotate(5deg); transition:all 0.5s; }
#things { max-width:720px; margin:0 auto; }
#homestuff { margin: 45px 0; }
.postal { margin: 20px 0 40px 0; }
.frozen { overflow: hidden; }
#footright { max-width:300px; }
#footright p:first-of-type { margin-top:0; }
.gardens-list a { color: #7f8a36; }

/* type */
h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-font-smoothing: antialiased; font-weight:400; }

/* menu */
#menu img.active { transform: rotate(-5deg); }
.menubutton { cursor:pointer; position: relative; z-index: 10; }
.menu-global-container { z-index: 8; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: beige; transition:all 0.5s; opacity:0; display: flex; align-items: center; justify-content: center; }
.menu-global-container.open { visibility: visible; opacity:1; overflow-y: scroll; }
.menu-global-container .menu { max-width:720px; margin:0; list-style:none; padding:0; }
.menu-global-container .menu li { margin:0 20px; }
.menu-global-container .menu li a { font-size:2em; text-decoration:none; color:#7f8a36; }
.menu-global-container .menu li a:hover { color:#97a236; }

#menu-footer { margin-top:0; padding:0; }
#menu-footer li { margin:0; }
#menu-footer li a { font-size:16px; text-decoration:none; color:#7f8a36; }
#menu-footer li a:hover { color:#97a236; }

.postal a, #to-blogs a { text-decoration:none; color:#7f8a36; }
.readmore { text-align: right; margin-bottom: 30px; display: block; }
.postal a:hover, #to-blogs a:hover { color:#307ecc; }

/* slider/banner */
#home-banner { position:relative; }
.featured-image { width:100%; height:auto; display:block; }
.bancap { position:absolute; top:0; left:0; background:rgba(255,255,255,0.75); padding:5px 10px; color:#222; font-size: 1.1em; }

/* contact form */
.wpcf7 { max-width: 350px; }
.wpcf7-text { line-height:2; }
.wpcf7-textarea { width: 100%; }
.wpcf7-submit { border:none; padding:6px 10px; background:#7f8a36; color:#fff; cursor:pointer; font-family: 'Jost', sans-serif; font-size:18px; border-radius:3px; }
.wpcf7-submit:hover { background:#222; }

/* footer */
#footer { min-height:300px; background:#1a0a0a; }
#foot { max-width: 1200px; margin:0 auto 30px auto; min-height: 200px; padding-top: 30px; display: flex; justify-content: space-between; column-gap: 30px; }
#footleft, #footmid, #footright { margin-bottom:20px; font-size: 16px; }
#insole { text-align: center; padding: 30px 0; color: #888; font-size:16px; }
.footlogo { max-width:300px; }

/* resposnsive */

@media screen and (max-width:1200px){
    #wrapper, #foot { margin:0 10px; }
}

@media screen and (max-width:960px){
  #foot { flex-wrap:wrap; }
}

@media screen and (max-width:768px){
  #things { margin: 0 10px; }
  .menu-global-container .menu { padding: 100px 0 0 0; }
}


@media screen and (max-width:640px){
  #foot { justify-content:center; }
}

@media screen and (max-width:480px){
    #logo img { max-width: 200px; }
}