/*  
Theme Name: Organic Lea
Author: Oblong
Author URI: http://oblonglondon.com
Version: 19
*/

html {
    background: #e9e8e3 url('assets/images/bg1.jpg') top right repeat scroll;
    background-size: auto 1080px;
}
body {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    color:#222222;
    background-size: auto 1080px;
    background: transparent top center no-repeat scroll;
    line-height: 1.714285;
}
@media only screen and ( min-width: 1550px ){
    body {
      background: transparent top right no-repeat scroll;
    }
}
@media only screen and ( min-width: 992px ){
    body {
        background-image: url('assets/images/bg2.jpg');
    }
}

img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5 {margin: 0 0 10px;}
h1 { font-size: 30px; line-height: 35px; }
h2 {font-size: 22px;}
p {margin-bottom: 1em;/* line-height: 1.571429; */}
a, a:link, a:visited { color: #222222; text-decoration: none; }
a:hover { text-decoration: underline; }

small { font-size: 11px }
code { background: #FFFFC1 }
pre br { display: none; }

/*---------FORM STYLING --------- */

input { color: #000; }
input[type=text], input[type=password], input[type=email] {
    background: #fff;
    padding: 2px 5px;
}
button, input[type=button], input[type=submit], input[type=reset] {
    border: 0 none;
    padding: 4px 6px;
}

.widget .subscribeform, .widget .searchform {
  overflow: hidden;
}
.widget .subscribeform input, .widget .searchform input {width: 64.66%;float: left;margin-right: 2%;}
.widget .subscribeform input[type=submit], .widget .searchform input[type=submit] {
    width: 33.33%;
    display: inline-block;
    margin: 0;
    background: #e4e4e4;
}



/*---------MISC STYLING --------- */

img.fl{ margin:0 12px 5px 0; background:#F4F4F4; border:1px solid #DDDDDD; padding:5px; }
img.fll, .entry img{ background:#F4F4F4; border:1px solid #DDDDDD; padding:5px; margin:0 0 6px 0; }
img.fl:hover, img.fll:hover, .entry img:hover{ border:1px solid #666; }
img.alignleft{ margin:0 10px 0 0; }

.fl, .fll{ float:left; }
.fr, .frr{ float:right; }

.ac, span .ac{ text-align:center; }
.ar, span .ar{ text-align:right; }
.al, span .al{ text-align:left; }
.aligncenter{ display:block; margin:10px auto 20px; }
.alignleft{ float:left; margin:10px 20px 8px 0; }
.alignright{ float:right; margin:10px 0 8px 20px; }

.gravatar{ float:left; background:#EDEDED; margin:0 7px 0 0; padding:4px; }

.border-top{ border-top:2px solid #CCC6B7; }
.border-bottom{ border-bottom:1px solid #CCC6B7; }

.alpha{ margin-left:0; }
.omega{ margin-right:0; }

.wp-caption { background:#F4F4F4; margin:0 0 6px 6px; }
.wp-caption .wp-caption-text { font-size:11px; text-align:center; margin:0; padding:0 0 6px 0; }

.widget ul li ul li,.widget_pages ul li ul li{ border:none; margin:8px 0 5px 15px; padding:0 0 0 10px; }
.content_left,.footer_left,.fl{ float:left; }
.content_right,.footer_right,.col2,.fr{ float:right; }


/*--------- HEADER --------- */

#site-header {
  padding:10px 0 20px;
}

.header-logo {
  display: table;
  margin: 0 auto;
}
.header-logo img {
  display: block;
  max-width: 100%;
}
.strapline {
  width: 100%;
  font-style: italic;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 769px){
  .header-logo, .strapline {
    padding-right: 78px;
  }
}

/*--------- MENU --------- */
#header-menu {font-size: 16px;line-height: 32px;position: relative;z-index: 998;border: 0 none;}
.menu, .menu ul, .menu li { position: relative; display: block; margin: 0; padding: 0; }
#header-menu a { color: #0b610f; display: block; padding: 0 9px; }

@media only screen and (max-width: 768px){
    #header-menu > ul:first-child {padding: 18px 64px 0 0;}
    #header-menu a:hover { color: #fff; background: rgba(0,0,0,0.8); text-decoration: none; }
    #header-menu > ul > li > ul { padding-left: 1em; }
}
@media only screen and (min-width: 769px){
    /*TOP LEVEL*/
    #header-menu > ul > li { float: left; }
    #header-menu > ul > li:hover > a { color: #fff; background: #1E1E1E; text-decoration: none; }
    
    /*SUB MENUS*/
    #header-menu li > ul {position: absolute;z-index: 999;display: none;color: #fff;background: #1E1E1E;width: 240px;}
    #header-menu li > ul a { color: #fff; border-bottom: 1px solid #595959; }
    #header-menu li:hover > ul { display: block; }
}

/*--------- MENU-BS --------- */
#site-header .navbar {
  background: transparent;
  border: 0 none;
  min-height: 0;
  margin: 0;
}
#site-header .navbar-toggle {
  padding: 16px 16px;
  background: rgba(255,255,255,0.4);
  position: absolute;
  right: 0;
  z-index: 999;
  margin: 0;
  top: 5vw;
}
#site-header .navbar-toggle .icon-bar {
  width: 32px;
  height: 3px;
}
#header-menu-bs {
    padding: 0;
    border: oldlace;
    background: transparent;
}
#header-menu-bs a {
    padding: 0 9px;
    line-height: 30px;
    color: #0b610f;
}

#header-menu-bs li.dropdown.open > a,
#header-menu-bs .dropdown-menu
{
  background: #1E1E1E;
  color: #fff;
  border: 0 none;
}
#header-menu-bs li ul a {
    color: #fff;
}
#header-menu-bs .dropdown-menu>li>a:focus,
#header-menu-bs .dropdown-menu>li>a:hover
{
  background: transparent;
  text-decoration: underline;
}

/*---------FOOTER--------- */
.copyright a {
    text-decoration: underline;
}

/*---------LAYOUTS--------- */
.content-left {
  padding-bottom: 30px;
}
@media only screen and (min-width: 992px){
    .content-left {
        padding-right: 30px;
    }
    .sidebar {
        padding-left: 30px;
        border-left: 3px solid #9ec02d;
        margin-left: -15px;
    }
}

/*---------PAGE COMPONENTS--------- */
.page-title {
    font: normal 32px/36px Trebuchet MS, Arial, Helvetica, sans-serif;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin: 0 0 30px;
    padding: 10px 0;
}

.page-title span:before {
    content: ': ';
}

.page-title span:after {
    content: '';
}

.page-title span {
    text-transform: capitalize;
}

/*---------POST LISTS--------- */
.post-content + .list-posts {
  border-top: 1px solid rgba(199, 199, 199, 0.36);
  padding-top: 20px;
  margin-top: 30px;
}
.post-content a, .post-content a:link, .post-content a:visited { color: #7d9c17; text-decoration: underline; }

.post-entry {
    /* clear: both; */
    padding-bottom: 15px;
    float: left;
    width: 100%;
}
.post-entry .post-thumb {
  width: 100%;
}

.post-excerpt .post-meta {
    margin: 0 0 10px 0;
}
.post-entry .post-thumb img {
  border: 1px solid #ddd;
  padding: 6px;
  background: #fff;
  width: 100%;
  margin-bottom: 1em;
}

.list-featured {
  margin: 0 -5px 1em;
  overflow: hidden;
}
.post-featured-item {
  width:100%;
  background: #7d9c17;
  float: left;
  color: #fff!important;
  padding: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  background-clip: padding-box;
  margin: 0 0 12px 0;
}
.post-featured-item img {
  width:100%;
}
.post-featured-item a { color: #fff; }
.post-featured-item h2 {
  margin 0;
  margin: 10px 0 6px 7px;
}

@media only screen and (min-width: 560px){
  .post-entry .post-thumb {
    width: 33.333%;
    padding-right: 15px;
    float:left;
  }
  .post-entry .post-excerpt {
    float: left;
    width: 66.666%;
  }
  .post-featured-item {
    width:50%;
  }
}

.list-posts.list-gallery {
  margin: 0 -5px 2em;
  display: table;
}

/*---------GALLERY--------- */
#gallery-2 {
  margin: 0 -8px 2em;
  display: table;
}
.gallery-item {
    float: left;
    /* margin-top: 10px; */
    text-align: center;
    width: 50%;
    padding: 5px;
}
.gallery-item img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  border: 2px solid #ddd;
  padding: 7px;
  background: #fff;
}
.gallery-item figcaption {
    line-height: 1.42857143;
    min-height: 2.8572em;
}
@media only screen and (min-width: 768px){
  .gallery-item {
    width: 33.333%;
  }
}
@media only screen and (min-width: 1200px){
  .gallery-item {
    width: 25%;
  }
}
@media only screen and (max-width: 575px){
  .gallery-item, .gallery-item img {
      padding: 4px;
  }
}

/*---------SINGLE POST PAGE ---------  */

.post-featured-image {
  margin-bottom: 2em;
  border: 2px solid #ddd;
  padding: 7px;
  background: #fff;
  /* max-width: 500px; */
}
.post-meta {color: rgba(142, 142, 142, 0.64);margin: -1em 0 1em 0;}
.post-meta a {color: rgba(142, 142, 142, 0.64);text-decoration: underline;}

.post-tags a ,.post-categories a { font-style: italic; text-decoration: underline; }

.post-content a:not(.post-entry a) { font-weight: bold; color: #7d9c17; text-decoration: underline; }


/*---------SIDEBAR & WIDGETS ---------  */
@media only screen and (min-width: 768px) and (max-width: 991px){

  .sidebar { -webkit-column-count:2;-moz-column-count:2;column-count:2; }
  .widget { display: inline-block; width: 100%; }
}

.widget { max-width: 360px; margin-bottom: 10px; padding: 7px; background-color: #7d9c17; color: #FFFFFF; }
.widget a { color:#FFFFFF; }
.widget img {width: 100%;height: auto;}
.widget-title {
    margin-bottom: 5px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0 0 10px;
    font-weight: bold;
}
ul.upcoming-events { padding: 10px 0 0; }
ul.upcoming-events, .upcoming-events li { display: block; }
.widget .menu { padding-bottom: 10px; }

.tagcloud { background-color:#222222 !important; color:#FFFFFF }


.flickr h2 span{ color:#0061D8 }
.flickr h2 span span{ color:#FF1183 }
.flickr ul{ margin:15px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ border:12px solid #111; background-color:#999; padding:1px }
.flickr img:hover{ border-color:#333 }
#calendar_wrap{ padding:0 0 0 40px }
#calendar_wrap caption{ padding:10px 0 }
li.recentcomments a{ font-style:italic }
.widget #searchform label{ display:none }





/*---------COMMENTS --------- */
#comments h3{ font:bold 17px Trebuchet MS, Arial, Helvetica, sans-serif; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{padding:20px 0;}
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
	  #comments .comment a:hover{ color:#000000 }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }



  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0; width:595px }
  #respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }
#respond textarea { margin:0; padding:5px }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#FFFfff; text-align:center; padding: 5px; background:#000000; border:1px dotted #aaaaaa; margin:0 }


/*---------AUTHOR STYLING --------- */
.author-archive{ padding:0 0 25px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd }
.auth_gravatar{ float:left; margin-right:10px; width:58px}
.auth_gravatar img{ background:#FFF; border:1px solid #ccc; width:48px; height:48px; float:left !important;padding:4px }
.auth_email a{ padding: 2px 0 2px 0; text-decoration:none; font-weight:700 }
.auth_email a:hover{ text-decoration:underline }

/*---------FOOTER --------- */
#site-footer .container {
  border-top: 1px solid rgba(199, 199, 199, 0.36);
  padding-top: 30px;
}

.copyright{font-size:13px;margin:10px 0 0 0;padding:30px 0;/* width:610px; */}
.copyright a{ color:#000 }

span.wpcf7-list-item {
    display: block
}

/*---------BOOTSTRAP OVERRIDE --------- */
.navbar-toggle {
    display: block;
}
@media (min-width: 769px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-collapse.collapse {
    display: none!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: auto!important;
}
.collapse.in {
    display: block!important;
}
@media (min-width: 769px) {
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
}