/*
Theme Name:The Environmental Center 2018
Theme URI: 
Author: Astir Agency
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0-alpha.6, Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets 
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
} 

article,
aside,
details,
figcaption, 
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}

.gallery figure {float:left; margin:0 2% 1em 0;}

.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}

.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}

.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}

.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}

.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}

.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}

.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}

.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}

@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  box-shadow: 0 0 2px -1px #333;
  margin-bottom: 0;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1rem;
  outline: medium none;
  text-decoration: none;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}

#page-sub-header {
  padding: 1.875rem 0;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  color: #cdbfe3;
  padding: 4rem 0.938rem;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover;
}

#page-sub-header h1 {
  margin-top: 0;
  color: #fff;
  margin-bottom: 0.625rem;
}

#page-sub-header p {
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  #page-sub-header h1 {
    font-size: 3.750rem;
    line-height: 1;
  }

  #page-sub-header {
    padding-top: 3.750rem;
    padding-bottom: 3.750rem;
    text-align: left;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 50rem;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

#masthead .navbar-nav > li > a {
  color: #8e869d;
  padding: 0.5rem;
}

#masthead .navbar-nav > li > a:hover {
  color: #292b2c;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
  color: #fff;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
   
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 1.75rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  background: #fff none repeat scroll 0 0;
  color: #99979c;
  padding: 1.250rem 0;
	text-align: center;
  
}
.site-info {text-align: center}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}
 footer#colophon.rethink-footer .footersocial a {
  color: #09ACC6;
}

 footer#colophon.rethink-footer .footersocial a:hover {opacity: .8}


#menu-rethink-footer li {border-right: 1px solid #666; padding-right: 15px}
#menu-rethink-footer li:last-child {border-right: 0;}


@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
@media screen and (min-width: 768px) {
 footer#colophon.rethink-footer	.footersocial {text-align: right}
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 93%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 88%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 86%;
  }
}



/*////////////////////////////////////////

THE ENVIRONMENTAL CENTER                                                 

////////////////////////////////////////*/

body{  font-family: "basic-sans";}
h1,h2,h3,h4,h5,h6,.prompt, nav, .childpages{font-family: "Prompt";}
a{ color:#80b341 }
a:hover  
 { color:   #cbdd44; }

.page-template-page-rethink  a {color:#09ACC6;}
.page-template-page-rethink #menu-rethink-waste .dropdown-menu a {color:#fff;}
.page-template-page-rethink #menu-rethink-waste .dropdown-menu a:hover {color:#09ACC6}

 .rethinkbluebg a {color: #fff; text-decoration: underline}
  .rethinkbluebg a:hover {opacity: .8}


.cover {background-size: cover; background-position: center }

.white {color: #fff;}
.orange { color: #ff883c !important; }
a.orange:hover {opacity: .8}
.dkgreen { color:  #80b341; }
.green { color: #cbdd44; }
.ltblue{ color: #d4effd;}
.black {color: #000}
.rethinkblue {color:#09ACC6}
.rethinkblue a {color: #fff; text-decoration: underline;}
.rethinkgrey {color: #58595B}


.whitebg {background-color: #fff;}
.orangebg { background-color: #ff883c; color: #fff;}
.dkgreenbg { background-color: #80b341; color: #fff;}
.greenbg { background-color:#cbdd44; color: #fff;}
.ltbluebg{ background-color:#d4effd;}
.blackbg {background-color: #000}
.rethinkbluebg {background-color:#09ACC6;  color: #fff;}
.rethinkgreybg {background-color: #58595B;}

.orangebg a,.dkgreenbg a, .greenbg a {color: #fff; text-decoration:underline;}
.orangebg a:hover,.dkgreenbg a:hover, .greenbg a:hover {color:rgba(255,255,255,.8)}

.bgOrangePattern1, .bgOrangePattern2, .bgOrangePattern3, .bgRethinkPattern {background-size: cover; background-position:center; background-image:url(inc/images/bgOrangePattern1.png)}
.bgOrangePattern2 { background-image:url(inc/images/bgOrangePattern2.png)}
.bgOrangePattern3 { background-image:url(inc/images/bgOrangePattern3.png)}
.bgRethinkPattern { background-image:url(inc/images/bgRethinkPattern.png)}

.bigtext {font-size: 1.3rem}
.bigtext h2{font-size: 3rem}

.btn-outline {border: 1px solid #fff; color: #fff; text-transform:uppercase; background-color:transparent;}
.btn-outline:hover {background-color: rgba(255,255,255,.2)}

.btn-primary {background-color:#cbdd44; text-transform:uppercase; border: 0; text-decoration:none !important; }
.page-template-page-rethink .btn-primary{background-color:#09ACC6; color: #fff !important;}
.btn-primary:hover {background-color:#80b341; color: #fff !important;}
.greenbg .btn-primary {background-color:#80b341; text-decoration:none}
.greenbg .btn-primary:hover {background-color: #ff883c;} 
.dkgreenbg .btn-primary {background-color: #ff883c;} 
.dkgreenbg .btn-primary:hover {background-color: #cbdd44;} 
.rethinkbluebg .btn-primary {background-color: #58595B}
.rethinkbluebg .btn-primary:hover, .page-template-page-rethink .btn-primary:hover{background-color:#cbdd44;}


.overlay {position: absolute;top: 0; left: 0; right: 0; bottom: 0; text-indent:-5000px}
.overlay:hover {background-color: rgba(255,255,255,.2);}

.single .hidden-single {display: none !important}

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

#masthead{ position: fixed;
    top: 0; right: 0; left: 0;
    transition: top 0.2s ease-in-out; background-color:#fff; z-index:1001}
	
	
#masthead.nav-up {
    top: -80px;
}	

#masthead .navbar-nav > li > a {color: #231f20	; text-transform:uppercase; }

.headerspacer {height: 10px;}


.navbar-brand {width: 179px;padding-bottom: .65rem;}
@media screen and (min-width: 768px) {
	.navbar-brand {width: 240px;padding-bottom: 10px;}
	.navbar-nav {margin-top: 32px;}
	#masthead .navbar-nav > li > a { padding: 5px 11px;}
	.headerspacer {height: 30px;}
}
@media screen and (min-width: 992px) {
	#masthead .navbar-nav > li > a { padding: 5px 15px;}
	.headerspacer {height: 60px;}
}


.dropdown-toggle::after{display: none;}
#masthead .navbar-nav > li > a:hover {background-color: #999; color: #fff; }
.dropdown-menu {background-color: rgba(55,55,55,.7); border-radius:0;margin-top:0}

.dropdown-item.active, .dropdown-item:active {background-color: #cbdd44}

header #constantcontact {position: absolute ;top: 6px;
right: 30px; width: 200px;}





#constantcontact .text { }
#constantcontact #ccform {display: block; height: 28px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 5px; background-color: #fff; padding:0px ;margin: 0; position:relative; }
#constantcontact #MERGE0 {border:0px; background-color:transparent; position:absolute; top:0px ;left:4px ;width:164px ;height:26px ; color: #999; font-size: 13px}
#constantcontact .submit {border: 0px;
background-color: transparent;
position: absolute;
top: 3px;
right: 3px;
width: 26px;

height: 20px;}




.searchbox {position: absolute ;top: 6px;
right: 30px;}
.searchbox .form-control{margin-right: 0 !important;
border-radius: 5px 0 0 5px;
height: 28px; }
.searchbox .btn{height: 28px;border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 5px 5px 0; padding:0 8px; background-color:#cbdd44; color: #fff; webkit-transition:  background-color .5s; /* Safari */
    transition: background-color .5s;}
.searchbox .btn:hover {background-color: #80b341; webkit-transition:  background-color .5s; /* Safari */
    transition: background-color .5s;}


 footer#colophon.rethink-footer .searchbox {position: relative; float: right; right: 8px; padding-bottom: 15px}
 footer#colophon.rethink-footer .searchbox .btn {background-color: #666}

@media screen and (max-width: 767px) {
	#masthead {}
	#masthead .container {width: 100%;}
	.navbar-brand {width: 120px !important;}
	.navbar-light .navbar-toggler{
right: 0;}

	
	
	
	
.navbar-light .navbar-toggler[aria-expanded="true"] { background-color: #f3f3f3;}
	.navbar-light .navbar-toggler-icon {
background-image: url('inc/images/hamburger-green.png');}
    
.page-template-page-rethink .navbar-light .navbar-toggler-icon {
background-image: url('inc/images/hamburger-blue.png');}
    
.navbar-light	.navbar-nav {border-top: 1px solid #ccc}
#menu-header-menu {padding-bottom: 10px;}
#masthead  .dropdown-menu li a {padding:8px 5px}




.navbar-dark .navbar-toggler[aria-expanded="true"] { background-color: #f3f3f3;}
	.navbar-dark button {z-index: 120;top: 0;}
			.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
	.navbar-nav {}
#menu-menu-2{padding-bottom: 10px;}
#menu-menu-2  .dropdown-menu li a {padding:8px 5px}
	
}

.navbar-dark a {color: #fff; text-transform: uppercase}
	.navbar-dark a:hover {opacity: .8}


/*--------------------------------------------------------------
## Page HEADER
--------------------------------------------------------------*/

.pageheader {height: 51vw; overflow:hidden; position:relative; text-align:center; margin-top:53px}
.blog .pageheader, .single-post .pageheader, .category .pageheader {height: 15vw;}
.pageheader .headerimage{position: absolute;margin: auto;top: 0; left: 0; bottom: 0; right: 0; min-width:100%; min-height:40vw;
z-index: -2;}
.blog .pageheader .headerimage, .single-post  .pageheader .headerimage, .category   .pageheader .headerimage{min-height:auto;}
.pageheader .texttitle {position: relative; color: #fff; width: 1170px;}
.pageheader .texttitle h1{ font-size:3vw; text-transform:uppercase; text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);}
.pageheader .texttitle h3{ display: none;font-size:2vw;}
.page-template-default #content {position: relative;}

#hccarousel {margin-top:53px}

@media screen and (min-width: 768px) {
    .pageheader { margin-top:73px; height: 31vw;}    
.slick-prev {left: 25px !important;
z-index: 100;}
.slick-next {right: 25px !important;
z-index: 100;}
    
#hccarousel {margin-top:73px}    
}





/*--------------------------------------------------------------
## Page BREADCRUMBS
--------------------------------------------------------------*/
.breadcrumbs {font-size: 12px; text-transform:uppercase; color: #999; padding-bottom: 50px;}
.breadcrumbs a {color: #bbb;}

#navbarSubpages {border-bottom: 1px solid}
#navbarSubpages h1{padding-right: 100px;
font-size: 2rem;
padding-top: 4px}
#navbarSubpages .navbar-nav a {padding: 10px 5px; display:block;}
#navbarSubpages .navbar-nav a:hover {background-color:#fbfbfb;}


/*--------------------------------------------------------------
## Page FOOTER
--------------------------------------------------------------*/

#colophon:before {content: '';
height: 40vw;
background-image: url(inc/images/footer-bg-green.png);
background-size: cover;
/* position: absolute; */
width: 100vw;}

.home #colophon:before {height: 75vw;
margin-top: -30vw;
background-image: url(inc/images/footer-bg-home.png);
}


 footer#colophon.rethink-footer:before {height: 25vw;
margin-top: 0;
background-image: url(inc/images/footer-rethink.png);
}


#footer-widget a {color: #fff;}
#footer-widget h3 {font-size: 1em;} 
#footer-widget .gform_wrapper {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
#footer-widget .gform_wrapper .top_label .gfield_label {display: none !important}
#footer-widget .ginput_container {padding: 0; margin:0 !important}
#footer-widget .gform_wrapper ul li.gfield{ margin-top:3px !important}
#footer-widget .gform_wrapper .top_label li.gfield {padding-right: 3px !important;}
#footer-widget .gform_wrapper .gform_footer {padding: 3px 0 10px;
margin: 0px 0 0;
clear: both;
width: 100%}

#colophon nav ul {list-style: none; padding: 15px 0; font-size:14px}
#colophon nav ul li {display: inline-block; text-transform:uppercase; margin-left: 15px;}
#colophon nav ul li:first-child { margin-left: 0;}
#colophon nav ul li a {color: #000;}
#colophon nav ul li a:hover {color: #666;}

#menu-footer {padding-left: 0;}
#menu-footer a {border-right: 1px solid #000; padding-right:20px;}
#menu-footer li:last-child a {border-right: 0; padding-right:0}


.site-info {text-transform: uppercase; font-size: 12px;}

.site-info a{display: inline-block}

/* Submit Button Gravity Forms
-----------------------------*/
body .gform_wrapper .gform_footer input[type=submit] { 
 color: #FFFFFF;
 background: rgba(255,255,255,.3);
 font-size: 12px;
 letter-spacing: 1px;
 text-transform: uppercase;
 float: left; 
 height: 30px; 
 min-width: 280px; 
 border: none;
 border-radius: 5px;
 margin-left: 0;
 margin-right:3px;
 width:100%;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
 background: #494949;
}



/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.slide .background {height: 50vw; width: 100vw; overflow:hidden}
.slide .background img {width: 100vw; max-width:100vw;}


.pageheader .carousel-caption h1{ font-size:6vw; text-shadow: 2px 2px rgba(0, 0, 0, .2)}
.pageheader .carousel-caption  h3{ display: none;font-size:2vw; text-shadow: 0px 0px 13px rgba(0, 0, 0, .2);}
 .carousel-caption {top: 20px}

/*--------------------------------------------------------------
## General Pages
--------------------------------------------------------------*/

.entry-content, .contentboxes, .split_block, .faqs{font-size: 1.2rem}

/*--------------------------------------------------------------
## Homepage
--------------------------------------------------------------*/
.featured-event h4 {font-weight: 600;
text-transform: uppercase;
font-size: 1rem;
line-height: .8;}
/* remove the featured event image from widget */
#tribe-events-adv-list-widget-3 .tribe-event-image {display: none;}




/*   -----
## PAGE SIDE NAVIGATION 
--------------- */
.childpages {list-style: none; font-size:1.3em; padding-left:0 ;border-bottom: 2px solid  #ff883c; font-weight:500;}
.childpages .parent {font-weight: bold}
.childpages li {display: inline-block; margin-right: 10px}
.childpages a {color: #231f20; text-transform:uppercase; font-size:14px;}
.childpages .current_page_item > a{color:  #ff883c;}
.childpages a:hover {color:  #ff883c;}
.childpages .children {padding-left: 1em; font-weight:normal; line-height:1.2; padding-bottom: .75em;}
.childpages .children .children {padding-bottom: 0;}
.childpages .children .children a {text-transform: none;}
@media screen and (min-width: 768px) {
	
.sidenav h3{ border-right: 2px solid #ff883c;
margin-bottom: 0; padding-bottom: 5px;
}

.childpages {border-right: 2px solid  #ff883c; border-bottom:0;}
.childpages li {display: block; margin-right: 0;}
}



/*--------------------------------------------------------------
## BLOG
--------------------------------------------------------------*/

.type-post .entry-title {padding-top: .75em;}




/*--------------------------------------------------------------
## CONTENT BLOCKS 
--------------------------------------------------------------*/

.contentboxes {overflow: hidden;}
.contentboxes > div {position: relative;}


.bigimage {min-height: 30vw;
padding: 100px 0;
color: #fff;
background-size: cover ;
background-position: center ;
position: relative;}
.bigimage h1{ font-size:4vw;}
.bigimage i.fa.fa-play-circle, .bigimage i.fa.fa-play-circle-o {font-size: 60px; text-align: center; margin: auto;}

 @media (min-width: 576px) {.bigimage i.fa.fa-play-circle, .bigimage i.fa.fa-play-circle-o {font-size: 90px;}
 }





.basic_text{padding-top: 30px; padding-bottom: 30px;}





/* split box */
.split_block {position: relative;}
 @media (max-width: 575px) {.splitimage {margin: 20px 30px; min-height: 60vw; padding: 0;}
 }
.split_block .halfcontainer-sm {padding: 25px 15px 15px 50px;}
.split_block .row{min-height: 20vw;}
.split_block .textside div {max-width: 585px;}
.split_block .splitimage {min-height: 50vw}
 @media (min-width: 576px) {.split_block .splitimage {min-height: 25vw}
 }


h5.date {font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #666;}




.postsloop .inner {
padding: 0  0 30px 0;
margin: 0 0 40px;
z-index: 2;
position: relative}



/*--------------------------------------------------------------
## SEARCH RESULTS
--------------------------------------------------------------*/
.search-results article {padding: 30px 0 15px 0; margin: 15px 0; border-top: 1px solid #ccc}
.search-results .post.hentry {
    margin-bottom:0;
}

.search-results .type-post .entry-title{padding-top: 0;}

.card-header a:after {content: "\f0da"; font-family:FontAwesome;}
.card-header a[aria-expanded="true"]:after {content: "\f0d7";}


.personlist {list-style: none; padding-left: 0; }
.personlist li {border-bottom: 1px solid #eee; margin-bottom:15px; padding-bottom:15px}
.personlist h3 {margin-bottom: 0;}
.personlist p {margin-top: 15px;}


.widget-area .nav-link{
display: inline-block;
padding: .4em 0.2em .4em 1em;}


/*--------------------------------------------------------------
## PARTNER GROUPS ----  PREVIOUSLY THE GREEN SPOT
--------------------------------------------------------------*/
.type-the-green-spot {padding: 15px 0; margin: 15px 0; border-bottom: 1px solid #ccc}
.spotaddress {padding-bottom: 30px;}


/*--------------------------------------------------------------
## SPONSORS GRID 
--------------------------------------------------------------*/
#sponsors-grid {padding-top: 40px; padding-bottom: 40px;}

#sponsors-grid .individual {
padding: 30px; background-color: #fff;
margin-bottom: 30px;}
#sponsors-grid .level3 .individual {
padding: 20px;}
#sponsors-grid h3 {text-transform: uppercase; font-size: 16px; border-bottom: 1px solid #cbdd44; padding-bottom: 5px; margin-top: 40px; }


/*--------------------------------------------------------------
## GARDENS POPUP 
--------------------------------------------------------------*/

#popmake-15718 {background-image: url(https://envirocenter.org/wp-content/uploads/2018/06/gardens-popup-bg60.jpg);
background-size: cover; }

#popmake-15718 .pum-title, .pum-theme-framed-border .pum-title {font-family :"Prompt"; font-weight:500; color: #fff;margin-top: 4em; text-transform:uppercase;}



/*--------------------------------------------------------------
## ECO Central
--------------------------------------------------------------*/

.page-template-page-eco-layout .entry-header {text-align: center; position: relative}
.page-template-page-eco-layout .entry-header:after {content: ''; border-bottom: 2px solid #c0bfba; position: absolute; left: 0; right: 0; top: 46%; height: 1px; z-index: -1}

.page-template-page-eco-layout .entry-title  {text-transform: none !important; color: #80b241; display: inline-block; padding: 0 15px; background-color: #fff;position: relative; z-index: 3}



/*--------------------------------------------------------------
## RETHINK WASTE
--------------------------------------------------------------*/

.page-template-page-rethink .site-main a,.page-template-page-rethink  .sidenav  a{color: #09ACC6 }

 /* side nav */
.page-template-page-rethink .childpages, .page-template-page-rethink .sidenav h3 {border-color: #72BFD6 !important}
.page-template-page-rethink .childpages a {color: rgba(0,0,0,.8)}
.page-template-page-rethink .childpages .current_page_item > a {color: #09ACC6 }

.page-template-page-rethink .childpages .children {display: none}
.page-template-page-rethink .childpages .current_page_item .children, .page-template-page-rethink .childpages .current_page_ancestor .children {display: block;}


 
 .recycler-form{ display:block; margin:20px auto; max-width:480px; text-align:center;}
.recycler-form select.selectpicker, .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width:42%; float:left; outline:none; margin-right:2%; }
.recycler-form input[type='submit']{border:none; outline:none; background:#0aacc6; width:12%; text-align:center; font-size:14px; color:#fff; border-radius:4px; padding:7px 0; cursor:pointer;}
.recycler-form p{ margin:0 0 20px 0;}
.search-form{ margin: 0; text-align: left; }
.recycler-title{ display:block; background:url(images/recycler_titlebg.jpg) 0 0 no-repeat; background-size: auto 100%; height:71px; margin-bottom:20px; float:left; width:100%;}
.recycler-title h2{ font-size:22px; font-weight:700; color:#10AEC7; margin:15px 0 0 0; padding:0; font-family: 'Oswald', Arial, sans-serif;}
.recycler-title h3{ font-size:18px; font-weight:700; color:#333; margin:10px 0; padding:0; font-family: 'Oswald', Arial, sans-serif;}
 
article.listing { background-color: #EAFCFD; margin: 20px 0;  padding: 10px;}
article.listing p{ margin: 0 0 5px 0; }