@charset "UTF-8";
/* CSS Document */

#vegie {
margin: 0;
}

#vegie h1 {
margin: 0;
}

#vegie .lead {
margin:10px 0 0 0;
font-weight: bold;
}

#vegie .small11 {
line-height: 1.2em;
}

#vegie h2 {
margin: 40px 0 0 0;
font-size: 28px;
border-bottom: #000000 1px solid;
border-top: #000000 1px solid;
padding: 30px 0;
}


#vegie h3 {
margin:30px 0 20px 0;
line-height: 26px;
font-size: 20px;
}

#vegie h3 span {
color: #5f9f13;
line-height: 18px;
}

#vegie h3 span.num {
background: #000000;
width: 16px;
height: 16px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
color: #ffffff;
font-size: 12px;
display: inline-block;
text-align: center;
margin:0 13px 10px 0;
vertical-align:baseline;
padding: 7px;
line-height: 17px;
float: left;
letter-spacing: -1px;
}

#vegie h3 small {
font-size: 60%;
}

#vegie p {
margin: 10px 0 30px 0;
}

#vegie .right2 {
margin: -30px 0 10px 10px;
float: right;
}



#vegie .event-flex {
padding-top: 20px;
width: 100%;
clear: both;
margin: 0 0 20px 0;
}

#vegie .event-flex ul  {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
display: -webkit-flex;  /* Safari */
-webkit-flex-direction: row; /* Safari */
flex-direction:  row;
-webkit-justify-content: space-between; /* Safari */
justify-content:  space-between;
list-style: none;
width: 100%;
margin: 0 0 30px 0 ;
}

#vegie .event-flex ul li {
width: 47%;
line-height: 1.5em;
margin-bottom: 15px;
}

#vegie .event-flex ul li img {
width: auto;
height: auto;
}

#vegie .event-flex ul li h5 {
margin:5px 0;
font-size: 1.3em;
}

#vegie .vegi {
margin: 0;
}

#vegie .vegi_cal {
width: 610px;
height: 200px;
overflow: hidden;
}

#vegie .btn a {
color: #FFFFFF;
padding: 20px;
text-align: center;
display: block;
width: 60%;
background: #5f9f13;
margin: 0 auto 20px auto;
font-size: 18px;
}

#vegie .btn a:hover {
background: #496e1e;
text-decoration: none;
}

/*  Responsivizer  */

body.white .site #vegie h2 {
margin: 30px 0 0 0;
font-size: 26px;
padding: 15px 0;
line-height: 1.2em;
}

body.white .site #vegie h3 img.right {
width: auto;
margin: 0 auto 10px auto;
display: block;
float: none;	
}

body.white .site #vegie h3 {
margin: 30px 0 0 0;
}

body.white .site #vegie .event-flex ul li {
width: 100%;
list-style-type: none;	
}

body.white .site #vegie .vegi_cal {
width: 100%;
}