/*
 Theme Name:   Solid Green
 Description:  Contractor Child
 Author:       Pillbox Design
 Author URI:   www.pillbox.co.za
 Template:     contractor
 Version:      3.5.1
 Text Domain:  solidgreen
*/


/*
-------------------------------------------------------------- */

.covid-link {
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    display: none;
}

@media only screen and (max-width: 460px) {
    .covid-link {
        max-width: 250px
    }
}

.students-header, .students-container {
    display: none !important;
}

@font-face {
    font-family: 'ElegantIcons';
    src:url('fonts/ElegantIcons.eot');
    src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
        url('fonts/ElegantIcons.woff') format('woff'),
        url('fonts/ElegantIcons.ttf') format('truetype'),
        url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*=================================
=            Fontastic            =
=================================*/

@font-face {
  font-family: "solid-green";
  src:url("fonts/solid-green.eot");
  src:url("fonts/solid-green.eot?#iefix") format("embedded-opentype"),
    url("fonts/solid-green.woff") format("woff"),
    url("fonts/solid-green.ttf") format("truetype"),
    url("fonts/solid-green.svg#solid-green") format("svg");
  font-weight: normal;
  font-style: normal;

}


[data-icon]:before {
  font-family: "solid-green" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "solid-green" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-social-buffer-outline:before {
  content: "\61";
}
.icon-ios-loop:before {
  content: "\62";
}
.icon-ios-refresh-outline:before {
  content: "\63";
}
.icon-ios-clock-outline:before {
  content: "\64";
}
.icon-ios-shuffle:before {
  content: "\65";
}
.icon-ios-paper-outline:before {
  content: "\66";
}
.icon-ios-briefcase-outline:before {
  content: "\67";
}
.icon-ios-pie-outline:before {
  content: "\68";
}
.icon-ios-timer-outline:before {
  content: "\69";
}
.icon-dzone:before {
  content: "\6a";
}
.icon-paperclip-oblique:before {
  content: "\6b";
}
.icon-paperclip:before {
  content: "\6c";
}
.icon-photos-outline:before {
  content: "\6d";
}
.icon-square-upload-outline:before {
  content: "\6e";
}
.icon-contact-group-outline:before {
  content: "\6f";
}
.icon-chart-line:before {
  content: "\70";
}
.icon-wind:before {
  content: "\71";
}
.icon-sun:before {
  content: "\72";
}

/*=====  End of Fontastic  ======*/

/*======================================
=            Harcoded fixes            =
======================================*/

html {
    min-width: 360px;
}

.postid-2621 #title-info br {
 display: none;
 }

/*=====  End of Harcoded fixes  ======*/


/* GENERAL */

/*Adding magnifier to lightbox*/

a[rel='zoomBox'] {
    cursor: zoom-in;
}

/* Width fix for 2-col gallery at under 500px*/

@media only screen and (max-width: 501px) { 
    .gallery-columns-2 .gallery-item {
        width: 50% !important;
    }
}

/*Lowercase tags*/

#details li span a[rel|="tag"] {
    text-transform: lowercase;
}

.postid-1669 #headerImages > div {
 background-position: center center;
 }

 .postid-2090  #headerImages > div {
 background-position: center center;
 }

 .postid-2081 #headerImages > div {
 background-position: center center;
 }

.postid-1644 #headerImages > div {
 background-position: center center;
 }


body {
    color: #4F5E59;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0.2px;
    min-width: 360px;
}

p strong {
    font-weight: 600;
}

strong {
 font-weight: 600;
 }

.clearfix {
    clear:both;
}

h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited {

}

h2 {
    color: rgb(35, 40, 53);
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 1em;
    position: relative;
    text-transform: uppercase;
}

h4 {
    font-family: Crimson Text;
font-style: italic;
font-weight: normal;
font-size: 20px;
color: #888;
}

.entry h5 { 
    color: #4F5E59;
    font-size: 1em; 
}

p a,  li a {
    color:rgb(106, 173, 70);
}

p a:hover, li a:hover, a:hover, #menuToggle:hover {
    color: rgb(141, 210, 67);
}

#copyright a:hover {
    color:rgb(50, 92, 85);
}

a {
   outline: 0;
}

canvas{
    display:block;
    vertical-align:bottom;
}

#particles-js{
  height: 100%;
z-index: 40;
position: absolute;
top: 0px;
width: 90%;
}

.no-parallax #particles-js {
    display: none;
}

.entry p {
    margin: 0px 0px 1.5em;
    line-height:1.7em;
}

.entry ul li {
    border-bottom:1px solid #eee;
    padding: 15px 0;
    list-style:square;
}

.entry blockquote > ul > li {
    list-style: none;
}

.entry ul {
    padding: 0px;
    margin: 0px 0px 1.5em 20px;
}

hr {
box-shadow: none;
border-style: none none solid;
border-color: #ccc;
display: block;
width: 100%;
margin:0;
border-width: 1px;
padding-top: 30px;
display: none;
}

.home hr.left {
    display: none;
}

hr.left {
    padding: 0;
margin: 0px;
display: block;
clear: both;
width: 100%;
border-bottom: 1px solid #e5e5e5;
display: none;
}

body.with-sticky-post #contentContainer {
    background: white;
    margin-bottom: 490px;
}

.clear:before,
.clear:after
 {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after {
    clear: both;
}

.image-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 20px;
}
/* HEADER */

#header {
    position: static;
 
}

#headerContainer {
       min-height: 240px;
}

.responsive-container {
    position:relative;
    padding-bottom: 50%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    width: 960px;
    max-width: 100%;
}

.responsive-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.single #title-overlay-wrap, .page #title-overlay-wrap{
    width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}

.home #title-overlay-wrap .title-overlay {
    color:rgba(255, 255, 255, 0.1);
    font-size:16vw;
}

.single .title-overlay, .page .title-overlay {
    z-index: 1;
    font-size: 12vw;
    font-family: Montserrat;
    line-height: 0.85;
    text-transform: uppercase;
    cursor: default;
    max-width: 1170px;
    margin: 0px 0px 0px 50%;
    position: relative;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.1);
    text-align: left;
}

#headerImages:after {

    background-color:rgba(26,26,26,0.45) !important;
    
}

#headerImages > div  {
    box-shadow: none;
    background-position: center;
}

.page #headerImages:after, .blog #headerImages:after {
    background-image: url("img/curls.svg");
    background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 80% auto;
        opacity:1 !important;
        background-color:rgba(26, 26, 26, 0.5) !important;
}

.page-id-949 #headerImages:after {
    background-image:none;
    background-color: rgba(26, 26, 26, 0.2) !important;
}

.home #headerImages:after {
    opacity: 1 !important;
    background-image: url("img/shoots.svg");
    background-color:rgba(26, 26, 26, 0.4) !important;
    background-position: 90% bottom;
    background-repeat: no-repeat;
    background-size: auto 80%;
}

#ban {
    position: absolute;
    width: auto;
    max-width: 100%;
    top: 0;
    left: 0;
    z-index:9999;
}

/*
.blog #headerImages > div, .page #headerImages > div {
    filter:saturate(0) contrast(1.2);
}

.page #headerImages:after, .blog #headerImages:after {
    background-color: rgba(106, 173, 70,0.3) !important;
}

*/

#logo {
    border: medium none;
    bottom: -137px; /*106*/
    display: inline-block;
    max-width: 100%;
    opacity: 1;
    position: absolute;
    z-index: 2;
}

#logo h1 {
    background-image: url("/wp-content/themes/solidgreen/img/shadow.png");
    background-repeat: no-repeat;
    padding-bottom: 28px;
    background-position: 26px bottom;
}

#logo img {
    max-width:300px;
}

.border {
    background: none repeat scroll 0 0 #fff;
    position: fixed;
    z-index: 2147483647;
    display:none ;
}

.right-border {
    height: 100%;
    right: 0;
    width: 12px;
}

.bottom-border {
    bottom: 0;
    left: 0;
    padding: 6px;
    width: 100%;
}

.left-border {
    height: 100%;
    left: 0;
    width: 12px;
}

.top-border {
    top: 0;
    left: 0;
    padding: 6px;
    width: 100%;
}

#widgetPanelToggle {
    display: none;

}

/* PAGINATION */


.navigation {
	display: flex;
	flex-direction: row;
	width: 100%;
    margin: 26px 0 35px;
    padding-top: 0 !important;
}

.navigation ul {
    display: flex;
	flex-direction: row;
    list-style: none;
    margin-top: -15px;
}

.navigation li {
    list-style: none;
}

.navigation ul li a {
    margin-left: 3px;
    margin-right: 2px;
    font-weight: bold;
    font-size: 14px;
	justify-content: center;
	align-items: center;
	line-height: 14px;
	text-align: center;
	border: 1px solid #bfbfbf;
	padding: 0;
	width: 30px;
	height: 30px;
	display: flex;
}

.navigation ul li.active a {
    color: rgb(102, 102, 102);
    cursor: default;
    border:none;
    margin:0;
}

.nav-next-prev {
    padding: 3px;
    text-transform: capitalize;
    font-family: Crimson Text;
    font-size: 16px;
    line-height: 33px;
    font-style: italic;
}

.nav-prev a::before{
    content: "<" !important;
}

.nav-next-prev a {
    color: #295628;
}

.nav-prev {
    margin-right: auto;
}

.nav-next {
    margin-left: auto;
}

.latest-page {
	text-transform: none;
	font-family: Crimson Text;
	font-size: 16px;
	line-height: 33px;
	font-style: italic;
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
	color: rgb(149, 151, 147);
}

.nav-title .latest-page {
	width: 100%;
	text-align: center;
	margin: 0;
}

.navigation .nav-elip {
	margin: 0 8px;
}

@media screen and (max-width: 500px) {
.nav-next-prev a span {
	display: none;
}
.navigation .nav-elip {
	margin: 0 2px;
}
}

@media screen and (max-width: 700px) {
    .navigation {
        margin-bottom:0;
    }
    }

/* MENUS */

#title-info br {
    line-height: 16px;
}

#topContentStuff {
    margin-bottom: 0px;
    padding-top:48px;
    /*min-height: 391px;*/
}

.home #topContentStuff:after {
    display: none;
}

.home #topContentStuff {
    margin-bottom: 0px;
    min-height: 0;
}

#footerMenuContainer {
    margin-top:11px;

}

#menusContainer {
    padding-top: 105px;
    flex-direction: column;
    display: flex;
}

.menus-wrap {

}

.menuContainer {
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.menuContainer li {
    margin-bottom: 7px;
}

.menuContainer li.social-icon {
    margin: 0 0 11px 0;
}


#menusContainer .menuContainer:last-child {
    padding-left:0px;
}

#menusContainer .menuContainer:first-child a:after, #menusContainer .menuContainer:nth-child(2) a:after{
    height:130px;
    width:130px;
    content: "";
    position: absolute;
    display: block;
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0.05);
    top: -55px;
    left: -75px;
    z-index: -1;
    transform: scale(0);
    transition:0.3s ease-in;
    border-radius: 50%;
}

#sidebar .widget ul.log li {
    margin-bottom: 4px;
    border-bottom: 0px none;
}

#menusContainer .menuContainer:first-child a:hover:after, #menusContainer .menuContainer:nth-child(2) a:hover:after/*, #menusContainer .menuContainer:first-child li.current_page_item a:after, #menusContainer .menuContainer:nth-child(2) li.current_page_item a:after*/ {
    transition:0.3s ease-in;
    transform: scale(1);
}

.menuContainer h3::before {
    color: rgb(230, 239, 224);
    content: "";
    font-family: ElegantIcons;
    font-size: 150px;
    font-weight: normal;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 70px;
    z-index: -1;
}

.menuContainer h3 a:hover {
    color:#6AAD46;
}

.menuContainer h3::after {
    border-bottom: 2px solid rgb(230, 239, 224);
    content: "";
    display: block;
    height: 1px;
    margin: 0px 0 4px;
    width: 30px;
    transition: all 0.4s ease-in 0s;
    border-color: transparent;
}

.menuContainer:hover h3:after {
    transition:0.3s;
    width: 100px;
    border-color:#6AAD46;
}

/*
.menuContainer h3 {
     font-family: Montserrat;
font-weight: normal;
letter-spacing: 0px;
margin-bottom: 0px;
margin-top: 0px;
color: #647C78;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
}*/

.menuContainer h3 {
    font-family: Montserrat;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
    cursor: default;
    color: #b5b5b5;
}

.menusContainer .menuContainer:nth-child(1) h3:before {
    content:"";
}

.menusContainer .menuContainer:nth-child(3) h3:before {
    content:"";
}

.menu a  {
color: rgb(59, 68, 63);
font-size: 15px;
}

.menu a:hover {
    color:#6AAD46;
}

.menuContainer .menu a {
    font-size:15px;
    letter-spacing: .2px;
}

#footerMenu li a:before {
    content: "";
    display: block;
    font-family: ElegantIcons;
    font-size: 17px;
    margin-left: -18px;
    opacity: 1;
    top: -30px;
    color:rgb(141, 210, 67);
    padding: 0px 10px 30px;
    transition: 0.3s;
}

/*
#footerMenu a:after {
    height:130px;
    width:130px;
    content: "";
    position: absolute;
    display: block;
    background: #f7f8f8;
    top: -78px;
    left: -46px;
    z-index: -1;
    transform: scale(0);
    transition:0.3s ease-in;
    border-radius: 50%;
}

#footerMenu a:hover:after {
    transition:0.3s ease-in;
    transform: scale(1);
}
*/
#footerMenu li a:hover {
    transition:0.3s;
    color:#6AAD46;
}

#footerMenu li.current-menu-parent > a:before, #footerMenu li.current-menu-item > a:before, #footerMenu li.current-menu-ancestor > a:before {
    color:rgb(204, 204, 204);
}

#footerMenu.menu li.current-menu-parent > a, #footerMenu.menu li.current-menu-item > a, #footerMenu.menu li.current-menu-ancestor > a {
    color: #232835;
}

#footerMenu.menu li.current-menu-parent > a:hover:before, #footerMenu.menu li.current-menu-item > a:hover:before, #footerMenu.menu li.current-menu-ancestor > a:hover:before {

}

#footerMenu li a:hover:before {
    color:#6AAD46;
    transition:0.3s;
}

li.current-menu-item > a:before {
    color:rgb(106, 173, 70);
}

#footerMenu li:nth-child(2) a:before {
    content:"";
    font-size:16px;
}

#footerMenu li:nth-child(3) a:before {
    content:"v";
    font-size:17px;
}

#footerMenu li.current-menu-parent > a:before,
#footerMenu li.current-menu-item > a:before,
#footerMenu li.current-menu-ancestor > a:before {

}
/*
.social-icon {
    float: left;
    width: 25%;
}

.social-icon a:before {
    background-image: url("img/fb.svg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 26px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 26px;
    z-index: 100;
    content:"";
}

.social-icon.social-tw a:before {
    background-image: url('img/tw.svg');
}

.social-icon.social-li a:before {
    background-image: url('img/li.svg');
}

.social-icon.social-gp a:before {
    background-image: url('img/gp.svg');
}
*/

.fb-like.fb_iframe_widget {
    padding: 0;
    -webkit-filter:hue-rotate(232deg);
    filter:hue-rotate(232deg);
    transition:0s;
    overflow: hidden;
    width:144px !important;
    left:auto !important;
    height: 23px !important;
    margin: 0 0 -5px 8px;
   
}

.fb-like.fb_iframe_widget:hover {
    -webkit-filter:hue-rotate(0deg);
    filter:hue-rotate(0deg)
    transition:0s;
}

#topContentStuff .fb-like span {
    position: relative;
display: block;
text-align: center;
width: 127px !important;
margin: 0px auto !important;
}

.fb_iframe_widget iframe {
    position: relative !important;
}

.social-icon a {
    color: transparent;
}

#menu-connect li:nth-child(3) {
    margin-left: -5px;
}

#menu-connect li:nth-child(3) a:before {
    content:"";
}

#menu-connect li:nth-child(4) a:before {
    content:"";
}

#menu-connect li:nth-child(5) a:before {
    content:"";
    top:-1px !important;
}   

.menu a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color:rgba(230, 239, 224,0);
    content: "";
    display: block;
    font-family: ElegantIcons;
    font-size: 100%;
    font-weight: normal;
    left: -30px;
    opacity: 1;
    position: absolute;
    text-align: left;
    top: -13px;
    padding:10px 20px 10px 10px;
    transition: opacity 0.3s linear 0s;
}

.menu a:hover:before {
    color:#6aad46;
    transition:0.3s;
}

#menu-connect li.social-icon a:before {
    color: #cccccc;
    font-size: 18px;
    left: 0;
    top: 0;
    transition:0.3s;
    padding:0;
}

#menu-connect li.social-icon a:hover:before {
    color:#6aad46;
    transition:0.3s;
}

.social-icon {
    float: left;
    list-style: outside none none;
    width: 35px;
}

.social-icon a:hover {
    color:white;
}



/* CONTENT */


blockquote {
    border-left: 5px solid #6aad46;
    width:100%;
    margin-bottom:1.5em;
}

.entry blockquote p {
    margin-bottom:0;
}

.entry blockquote p + p {
    margin-top: 1.5em;
}

blockquote p {
    font-family: Crimson Text;
    font-size: 17px;
    color:#647c78;
    font-style: italic;
}

blockquote ul {
    margin: 0 !important;
    list-style: none;
}

blockquote li {
    line-height: 27px;
}
.wp-caption-text {
    background: none repeat scroll 0 0 #fafafa;
    color: #333333;
    font-family: Crimson Text;
    font-size: 15px;
    font-style: italic;
    line-height: 1.4em;
    padding: 5px;
}


#content {
    padding:0px 5% 40px;
}

.posttitle, .entrytitle {
    font-family: Montserrat;
    font-size:20px;
    color:rgb(35, 40, 53);
    text-transform: uppercase;
    font-weight:normal;
    padding-bottom:27px;
    line-height:1em;
    margin-bottom:0;
    font-weight: 600;
    box-sizing:border-box;
}

.archive .postsContainer .posttitle {
    padding-top:24px;
}
.entrytitle, #title-info .posttitle {
    min-height:79px;
}

#title-info .posttitle::first-line, #title-info .entrytitle:first-line {
    font-weight: 500;
}

#topContentStuff #scroll-down {
font-family: ElegantIcons;
font-size: 26px;
width: 30px;
height: 30px;
line-height: 26px;
color: rgb(204, 204, 204);
text-align: center;
position: absolute;
right: 0%;
bottom: 108px;
background: none repeat scroll 0% 0% transparent;
padding: 4px 5px 0px;
margin: 0px 0px 0px -20px;
display:none;
}

.home #topContentStuff #scroll-down {
    bottom: 10px;
    display:none;
}
#topContentStuff #scroll-down:hover {
    color:rgb(50, 92, 85);
}

#title-info .posttitle, #title-info .entrytitle {
    font-weight: 600;
    line-height: 1.3em;
}

.posttitle a {
    line-height:1.1em;
}

.posttitle > a:after, #locationDetails h3 a:after, .loc-item h3 a:after {
    border-bottom: 2px solid #6AAD46;
    content: "";
    display: block;
    height: 1px;
    margin: 6px 0 0;
    position: relative;
    width: 30px;
    transition:all 0.5s ease-in;
}

#attachmentGallery {
    margin-top:30px;
}

#attachmentGallery a::before {
    background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.25);
}

#attachmentGallery a:hover::before {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0);
}

#attachmentGallery p {
    display: none;
}

#attachmentGallery li {
    max-height: 230px;
    overflow: hidden;
}

#zoomBox #titleBox {
    display: none;
}


#locationDetails a.readMore {
    margin:-12px 0px 0px;
}

#title-info {
    padding-top: 6px;
    position: relative;
}

/* #title-info p {
    color: rgb(59, 68, 63);
    font-family: Roboto;
    font-size: 15px;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    line-height: 1.9em;
    padding: 18px 25px 30px;
    border-bottom: 2px solid rgb(106, 173, 70);
    font-weight: 300;
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0.05);
    margin-top: 17px;
} */

#title-info p {
    color: #3b443f;
    font-family: Roboto;
    font-size: 15px;
    border-radius: 0px;
    box-shadow: none;
    line-height: 2.1em;
    padding: 0px 0px 26px;
    border-bottom: 2px solid transparent;
    font-weight: 300;
    background: transparent;
    margin-top: 0;
}

#title-info p strong, #title-info p::first-line {
    text-transform: none;
    font-size: 16px;
    color: rgb(59, 68, 63);
    letter-spacing: 0.2px;
    font-weight: 400;
}

#title-info a {
    color:#6AAD46;
}

.home #title-info p {
    padding-bottom: 0;
}


/* META */

.met-bar {
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0.05);
    overflow: hidden;
    border-bottom: 2px solid rgb(106, 173, 70);
    padding: 15px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.met-bar > h3 {
    float: right;
color: rgb(35, 40, 53);
line-height: 1.3em;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
font-family: Montserrat;
padding: 20px 10px 0px 0px;
}

#details > li:last-child {
    float: none;
    clear: both;
    display: block;
}

#details {
    color: rgb(136, 136, 136);
    font-weight: normal;
    border-radius: 0px;
    line-height: 1.9em;
    padding: 5px 0 0;
    margin: 0px;
    overflow: hidden;
    float: left;
    border:none;
    text-align: left;
}



#details li {
    color:#888;
    font-family: ElegantIcons;
    font-size: 18px;
    margin: 0px 15px;
    font-weight:normal;
    line-height: 1.3;
}

.footer-social-share {
    float:right;
}

#details li span {
    font-family: Crimson Text;
    font-weight: normal;
    font-style: italic;
    margin-left: 8px;
    display: inline-block;
    color: #295628;
    font-size: 16px;
    vertical-align: middle;
    max-width: 650px;
}

#details.single-project-details {
    padding:0;
}
#details.single-project-details li {
    display: block;
}

#details.single-project-details .cert span {
    color: #647c78;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    font-family: Roboto;
}

/* COMMENTS */

#commentsection > #respond .comment-form {
    display: block !important;
}

input[type='checkbox'] {
    width: auto;
    margin: 4px;
    line-height: 1;
    box-shadow: none;
    -webkit-appearance: checkbox !important;
     -moz-appearance: checkbox !important;
     -ms-appearance: checkbox !important;
     -o-appearance: checkbox !important;
     appearance: checkbox !important;
}

#commentform .form-submit {
    margin: 20px 0 0;
}

#commentsection > #respond #reply-title {
    color: rgb(106, 173, 70);
    background: none;
    pointer-events: none;
}

#commentsection > #respond .comment-form {
    margin: 40px 0 50px;
}

.form-submit {
    text-align: center;
}

.btn-primary {
    background: none repeat scroll 0% 0% rgb(106, 173, 70);
    color: white;
    transition:0.3s;
    padding: 8px 15px;
    font-family: Montserrat;
    box-shadow: 0px 2px 0px rgb(66, 126, 34);
    text-align: center;
    text-transform: uppercase;
    float: left;
margin-top: 10px;

}

input[type="submit"] {
    cursor: pointer;
    background: none repeat scroll 0% 0% rgb(106, 173, 70);
    color: white;
    border: medium none;
    display: inline-block;
    padding: 8px 15px;
    font-family: Montserrat;
    text-transform: uppercase;
    box-shadow: 0px 2px 0px rgb(66, 126, 34);
    transition:0.3s;
}

input[type="submit"]:hover, .btn-primary:hover {
    background: rgb(66, 126, 34);
    box-shadow: 0px 2px 0px rgb(40, 87, 15);
    color: white;
}

.comment-meta a {
color: rgb(79, 94, 89);
}
#commentsection {
    margin:60px 4% 0;
    max-width:none;
}
#commentsection h3,
#commentsection + h3 {
    font-family: Montserrat;
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
color:rgb(35, 40, 53);
}

.comment-notes, .commentmetadata, .logged-in-as {
    color: rgb(100, 124, 120);
    font-family: Crimson Text;
    font-size: 16px;
    font-style: italic;
}

input, textarea {
    color: rgb(79, 94, 89);
    font-family: Roboto;
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0.05);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: none;
    padding: 10px;
}

#cancel-comment-reply-link {
    color: rgb(188, 188, 188);
    font-size: 90%;
    padding: 0px 5px;
    text-transform: uppercase;
}

.comment-author {
    color: rgb(122, 171, 107);
    font-family: Montserrat;
}

.comment-reply-link {
    float: right;
    color: rgb(106, 173, 70);
}

#commentsection > #respond #reply-title {
    color: rgb(106, 173, 70);
    background: none;
    pointer-events: none;
    color: rgb(35, 40, 53);
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    margin: 10px 0px 15px;
    text-align: left;
    border: none;
    box-shadow: none;
    line-height: 1.5em;
}

#commentsection > #respond #reply-title::after {
    content: "";
    border-bottom: 2px solid #6AAD46;
    display: block;
    height: 1px;
    margin: 6px 0px 13px;
    width: 30px;
    transition: all 0.4s ease-in 0s;
}



/*FEATURED POSTS  */

#stickyPosts {
    min-width: 360px;
}

#stickyPosts > a {
    border-color:#fff;
    box-sizing:border-box;
    overflow: hidden;
    border-radius:0px;
    border-style: none;
    border-width:16px 16px 16px 8px;
}

#stickyPosts > a:first-child {
    border-width:16px 8px 16px 16px;
    float:right;
}

.nextPrevItem:nth-child(1) p::after {
    content: "";
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-image: url("img/curls.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 500px;
    height: 155px;
}

.nextPrevItem:after {
    background-color:rgba(26, 26, 26, 0.9);
}

.nextPrevItem:hover {
}

.nextPrevItem:hover:after {
    background-color:rgba(26, 26, 26, 0.3);
    
}

.nextPrevItem p {
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    position: static;
    box-sizing: border-box;
    padding: 7%;
}

.nextPrevItem div {
    z-index: 1;
    display: table;
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
}



.nextPrevItem span {
background: none repeat scroll 0px 0px transparent;
display: block;
font-family: Crimson Text;
font-size: 20px;
font-style: italic;
line-height: 1.5em;
margin: 0px auto 8px;
position: relative;
width: 200px;
color: rgb(106, 173, 70);
letter-spacing: 0px;
text-transform: capitalize;
z-index: 50;
}

span.readMore {
font-family: ElegantIcons;
font-size: 26px;
color: rgb(204, 204, 204);
margin: 8px auto 0px;
font-style: normal;
}

/* FOOTER */

.footer-section {
	position: fixed;
	height: 220px;
	bottom: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
    background: white;
    min-width: 360px;
}

.member-orgs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 0px;
}

#member-gbcsa {
	filter: grayscale(100%);
}

.member-badge {
	padding: 0 8px;
}

.member-badge img {
	height: 80px;
}

#member-gbcsa img {
	height: 70px;
	padding-bottom: 2px;
}

#footer {
    margin-top: 2px;
padding-top: 50px;
}

.home #footer {
    margin-top:60px;
    border-top:none;
    padding-top:0;
}

#copyright {
   line-height: 1.8;
margin-top: -17px;
padding-left: 45px;
position: relative;
color: #4A544F;
font-size:14.5px;
}

/* .copyright {
    position: fixed;
    bottom: 300px;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    width: 100%;
    left: 0px;
    padding: 14px 6px 9px;
    z-index: 0;
    color: #3B443F;
    background: rgba(100, 124, 120, 0.14) none repeat scroll 0% 0%;
    font-family: Crimson Text;
    text-transform: none;
    line-height: 17px;
}
 */
 .copyright {
	text-align: center;
	display: inline-block;
	font-size: 14px;
	width: 100%;
	left: 0px;
	padding: 8px 6px 0;
	z-index: 0;
	color: #3B443F;
	background: #ffffff;
	text-transform: none;
	line-height: 17px;
	letter-spacing: .3px;
}


.copyright-br {
    display: none;
}

.copyright a {
}

.email-link {
    color:#6aad46;
    font-weight:400;
    line-height: 2;
}

#copyright .map-icon {
   position: absolute;
left: -1px;
font-family: ElegantIcons;
font-size: 32px;
top: -1px;
color: rgb(204, 204, 204);
padding: 0 14px 0 0;
transition:0.2s;
}

#copyright .map-icon:hover {
    color:rgb(141, 210, 67);
    transition:0.2s;
}
/* HOME */

#title-info h2 {
    padding-bottom: 40px;
    line-height: 1.3em;
    box-sizing: border-box;
}

#title-info h2 strong {
    line-height:inherit;
}

.home .entrytitle {
    display: none;
}

.home #headerImages {
    -webkit-filter: grayscale(20%);
    filter:grayscale(20%);
}

/* EASY SOCIAL SHARE BUTTONS */

.home #title-info .essb_links {
}

.essb_links.essb_template_grey-blocks-retina .essb_counter, .essb_links.essb_template_grey-blocks-retina .essb_totalcount {
    background: transparent !important;
    color:rgb(122, 171, 107) !important;
}



.essb_links.essb_template_grey-blocks-retina.essb_counter_modern_bottom.essb_counters .essb_icon {
    opacity: 0.4;
}

.home .social-share {
    margin: 20px 0px 0;
    overflow: hidden;
    position: absolute;
    padding:20px 0;
}

.essb_links.essb_template_grey-blocks-retina {
    margin:0 !important;
    height:60px;
}

.night .essb_links.essb_template_grey-blocks-retina li a {
    border: 1px solid #222 !important;
}
.home .essb_links:before {
    display: none;
}

/*.essb_links:before {
    position: absolute;
    left: -1px;
font-family: ElegantIcons;
font-size: 32px;
top: -1px;
color: rgb(204, 204, 204);
padding: 0px 14px 0px 0px;
content:"";
}*/

.social-share {
    padding: 10px 0px 20px;
height: 100px;
box-sizing: border-box;
}

.essb_links.essb_template_grey-blocks-retina.essb_counter_modern_bottom.essb_counters li a {
    min-height: 54px;
    height: 54px;
    min-width: 42px;
}

.essb_links.essb_counter_modern_bottom.essb_counters .essb_network_name {
    margin: -8px 0 0;
    font-weight: 600;
    font-size: 14px;
}

.social-share .essb_links .essb_icon::before {
    top: 9px;
    left: 11px;
}

.essb_links .essb_totalcount_item .essb_t_l_big, .essb_links .essb_totalcount_item .essb_t_r_big {
    margin-top: -7px;
}

.essb_links .essb_totalcount_item .essb_t_l_big .essb_t_nb_after,.essb_links .essb_totalcount_item .essb_t_r_big .essb_t_nb_after
 {
    margin-top: 0 !important;
    font-weight: 600 !important;
 }

/* PROJECTS */

.postid-1438 #headerImages > div, .postid-1446 #headerImages > div {
    background-position: center center !important;
}

#ajaxContainer.category-4-star.category-as-built .post-840, #ajaxContainer.category-5-star.category-design .post-840, #ajaxContainer.category-4-star.category-as-built .post-199, #ajaxContainer.category-5-star.category-design .post-199 {
    display: none !important;
}

/* FILTER */

.project-filter form {
    width: 100%;
    display: block;
    float: none;
    margin-right:50px;
    position: relative;
}

.filter {
    float: left;
    width: 25%;
}

.filter select {
    width:100% !important;
}

.filter.reset {
    overflow: hidden;
    float: left;
    width: 50px !important;
    position: absolute;
    right: -50px;
    text-align: center;
}

.filter.reset a {
    display: block;
    overflow: hidden;
    margin-top: 12px;
}

.filter .selectricItems span:after {
    content: "";
float: none;
display: block;
text-transform: uppercase;
font-size: 10px;
color: rgb(106, 173, 70);
line-height: 11px;

}

.filter1 .selectricItems span:after {
    content:"Green Star SA";
}

.filter2 .selectricItems span:after {
    content=""
    color: #6aad46;
    display: block;
    font-family: ElegantIcons;
    font-size: 8px;
    opacity: 1;
    transition:0.3s;
    text-transform: none;
}
.filter2 .selectricItems span.item1:after {
    content:"";
}

.filter2 .selectricItems span.item2:after {
    content:"";
}

.filter2 .selectricItems span.item3:after {
    content:"";
}

.filter4 .selectricItems span:after {
}

.filter4 .selectricItems span.item1:after {
    content:"& major renovations";
}

.filter4 .selectricItems span.item2:after {
    content:"PERFORMANCE PROJECTS";
}

.filter4 .selectricItems span.item3:after {
    content:"Interior projects";
}
.filter4 .selectricItems span.item4:after {
    content:"Hotels & Mixed Use";
}

#projectNo {
    font-family: Montserrat;
text-transform: uppercase;
color: rgb(35, 40, 53);
border-radius: 2px 2px 0px 0px;
margin-right: 0px;
margin-left: 0px;
float: none;
font-weight: 500;
padding: 13px 0px 12px;
font-size: 16px;
}

#projectNo:after {
border-bottom: 2px solid rgb(106, 173, 70);
content: "";
display: block;
height: 1px;
margin: 6px 0px 13px;
width: 30px;
transition: all 0.4s ease-in 0s;
}

#projectNo span {
    
}

#projectNo span.status,
.green {
    color: rgb(106, 173, 70);
}

#projectNo #project-count,
.count-no {
 font-size: 40px;
text-align: center;
color: #6AAD46;
line-height: 26px;
vertical-align: top;
padding: 0px 3px;
}

.achieve_page_count {
    text-transform: uppercase;
    color: #6AAD46;
}

.filter label {
    display: block;
    text-align: center;
    font-family:Crimson Text;
    font-size:16px;
    font-style: italic;
}

.filter label:before {
    color: rgb(106, 173, 70);
content: "";
display: block;
font-family: ElegantIcons;
font-size: 18px;
opacity: 1;
transition: all 0.3s ease 0s;
text-transform: none;
font-style:normal;
}

.filter1 label:before {content:"";}
.filter2 label:before {content:"";}
.filter3 label:before {content:"";}
.filter4 label:before {content:"";}

.filter.reset a:before {
    content: "";
font-family: ElegantIcons;
color: #CCC;
display: block;
width: 100%;
font-size: 30px;
height: 30px;
text-align: center;
padding-top: 10px;
}

.page-template-page-projects-php .projects-pages, .page-template-page-projects-php #postFilter {
    display: none;
}

.project-filter .selectric {
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0% 0% rgb(245, 246, 246);
    border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(204, 204, 204);
}

.project-filter .selectricItems li {
color: #666;
background: white;
font-size: 14px;
padding: 3px 10px 5px !important;
}

.project-filter .selectric .button {
    height: 34px;
    background:white;
    border-left:1px solid #eee;
}

.project-filter .selectric .button:after {
    border-color:#6AAD46 transparent transparent;
}

.project-filter .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0px 30px 0px 0px;
    font-size: 16px;
    line-height: 18px;
    color: rgb(59, 68, 63);
    min-height: 18px;
    font-weight: 400;
    padding: 8px;
}

.project-filter .selectricWrapper {
    width:100%;
    box-sizing: border-box;
    padding-right:30px;
}

.no-projects {
    display: none;
    
    text-align: center;
    padding: 30px;
    font-weight: 400;
    font-size: 22px;
}

.postsContainer .post[class$="hidden"] {
    display: none;
}

.projectsContainer {
    min-height: 600px;
}

.projectsContainer > div {
    margin-left:2.7%;
}

.postsContainer.projectsContainer > div.format-aside {
    padding:0;
}

.postsContainer.projectsContainer > div.format-aside .postInfo {
    padding: 30px;
}

/*columns
.projectsContainer {
    -moz-column-count: 3;
    -moz-column-gap: 0px;
    -webkit-column-count: 3;
    -webkit-column-gap: 0px;
    column-count: 3;
    column-gap: 0px;
}

.projectsContainer > div {
    margin-left:0%;
    float:none;
    width:100%;
}

*/

.projectsContainer > div:nth-child(3n+1) {
    clear:none;
    margin-left:2.7%;
}

.cert {
    color: #647c78;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px !important;
}

.cert a {
    color: #647c78;
}

.postInfo .readMore, #locationDetails .readMore {
    font-family: ElegantIcons;
    font-size: 26px;
    margin: 0px 0px 0px;
display: inline-block;
float: right;
position: relative;
line-height: 1em;
color:#6AAD46;
}



.readMore::after, .toggle-aside:after, #locationDetails .readMore:after, #scroll-down:before {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    z-index: 0;
    margin: 0px;
    top: 50%;
    left: 50%;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    transition: width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;
}

.nextPrevItem .readMore:after {
        background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.2);
}

.nextPrevItem:hover .readMore:after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.nextPrevItem .readMore:hover:after, .toggle-aside:hover:after, #locationDetails .readMore:hover:after, #scroll-down:hover:before  {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.filterwrap {
    border-left: 4px solid rgb(245, 245, 245);
    margin: 0% 6% 0px;
    height:auto;
    padding: 0% 4% 0%;
    height: 70px;
}



.page-template-page-projects-php .filterwrap {
    height:180px;
    padding: 0% 4% 1%;
}

.projects-pages {
    float: left;
    position: relative;
    display: block;
    padding-left: 0px;
    margin-top: 0px;
}

.projects-pages a {
    font-family: Montserrat;
    text-transform: uppercase;
    color: rgb(106, 173, 70);
    border-radius: 2px 2px 0px 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    padding: 13px 15px 12px 65px;
    line-height: 1.2em;
    font-weight: 500;
    font-size: 16px;
}

.projects-pages a span {
    font-size: 40px;
    position: absolute;
    top: -6px;
    left: 0px;
    width: 50px;
    text-align: center;
    color:rgb(122, 171, 107);
}

.projects-pages p {
    font-family: Montserrat;
    text-transform: uppercase;
    color: rgb(35, 40, 53);
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    padding: 13px 15px 12px;
    font-size:16px;
}

.projects-pages a:hover {
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0.1);
    color:#000;
}

.projects-pages a.active, .projects-pages a.active:hover  {
    color: rgb(35, 40, 53);
background: none repeat scroll 0% 0% transparent;
cursor: default;
}

.projects-pages p {
    background: none repeat scroll 0% 0% rgba(100, 124, 120, 0);
}

.projects-pages p:after, .projects-pages a:after {
    border-bottom: 2px solid rgb(106, 173, 70);
    content: "";
    display: block;
    height: 1px;
    margin: 6px 0px 13px;
    width: 30px;
    transition: all 0.4s ease-in 0s;
}

.projects-pages::before {
    color: #ddd;
    content: "";
    display: none;
    font-family: ElegantIcons;
    font-size: 32px;
    left: 0px;
    margin-left: 0px;
    margin-top: -4px;
    opacity: 1;
    position: absolute;
    top: 0px;
    padding: 17px 9px 12px 8px;
}

.projects-pages.map-title::before {
    content:"";
}

.projects-pages.news-title::before {
}

.projects-pages::after {
    content: "";
    display: block;
    float: left;
    margin-left: 0px;
    margin-top: 0;
    opacity: 1;
    height: 47px;
    width: 30px;
    display: none;
}

#postFilter {
    text-align: right;
    border: medium none;
    float: right;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 22px 0px 0px;
}

#postFilter a {
    border: medium none;
    color: #295628;
    margin: 0px 10px;
    padding: 3px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-family: Crimson Text;
    font-size: 16px;
    line-height: 33px;
    font-style: italic;
}

#postFilter a::before,
.nav-next-prev a::before {
    color: #6AAD46;
    content: "";
    display: block;
    font-family: ElegantIcons;
    font-size: 18px;
    opacity: 1;
    position: absolute;
    top: -30px;
    transition: all 0.3s ease 0s;
    text-transform: none;
    width: 100%;
    text-align: center;
    left: 0%;
    font-style:normal;
}

#postFilter a.activeFilter:before {
    color: #000;
    transition:0.3s;
}

#postFilter .category-4-star:before {
    content:"";
    font-size: 8px;
    margin-left: -16px;
}

#postFilter .category-5-star:before {
    content: "";
    font-size: 8px;
    margin-left: -16px;
}

#postFilter .category-6-star:before {
    content: "";
    font-size: 8px;
    margin-left: -18px;
}

#postFilter .category-as-built:before {
    content:"";
}

#postFilter .category-design:before {
    content:"";
}

#postFilter a:after {
    content:"";
    display: none;
}

.page-template-page-blog-php  #postFilter .category-all:before {
    content:"";
}

.page-template-page-blog-php  #postFilter .category-news:before {
    content:"";
}

.page-template-page-blog-php  #postFilter .category-technical:before {
    content:"";
}

.page-template-page-blog-php  #postFilter .category-press:before {
    content:"";
}

.postsContainer {
    position: relative;
    border-left: none;
    overflow: hidden;
    padding: 0;
}

.postsContainer > .post:hover .posttitle > a:after, #locationDetails:hover h3 a:after, .loc-item:hover h3 a:after  {
    transition:all 0.3s ease-in-out;
    width:100%;
    border-bottom-color:#6aad46;
}

.postsContainer > div {
    background-color: #f5f6f6;
    border-radius: 0;
    overflow: hidden;
    border-bottom:2px solid #647C78;

}

.postsContainer > div.format-aside {
     padding:20px 0;
}

.postsContainer .posttitle {
    line-height: 1.3em;
    padding-bottom:10px;
    color:#454D62;
    font-size:16px;
    font-weight:  600;
}

.postsContainer .posttitle a, .postsContainer .posttitle {
    color:rgb(35, 40, 53);/*#454D62*/
}

.postsContainer .posttitle a:hover {
    color:#6AAD46;
}

.location {
    color: rgb(41, 86, 40);
    display: inline-block;
    font-family: "Crimson Text",serif;
    font-size: 16px;
    font-style: italic;
    margin: 15px 0 0 !important;
    opacity: 1;
    margin:5px 0px 0px !important;
}

.badge {
    position: relative;
}
.single-badge-wrap {
    display: block;
    position: relative;
    z-index: 20;
    float: left;
    height: 60px;
    width: 136px;
}

.single-badge-wrap.single-project.badge2 {
    width: 130px;
}

.badge:after, .single-badge-wrap:after, .projectsContainer .post .badge:after {
    background-color: rgba(0, 0, 0, 0);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    display: block;
    height: 55px;
    left: 30px;
    position: absolute;
    width: 33%;
    z-index: 10;
}

.single-badge-wrap::after {
    right: 0px;
    left: auto;
    width: 100%;
    height: 100%;
}

.office4:after, .category-office.category-4-star .badge:after {
    background-image: url('img/office4.svg');
}

.precincts4:after, .category-sustainable-precincts.category-4-star .badge:after {
    background-image: url('img/precincts4.png');
}

.category-v1-1 .office4:after, .category-office.category-4-star.category-v1-1 .badge:after {
    background-image: url('img/office4v11-general.png');
}

.office5:after, .category-office.category-5-star .badge:after {
    background-image: url('img/office5.svg');
}

.category-v1-1 .office5:after, .category-office.category-5-star.category-v1-1 .badge:after {
    background-image: url('img/office5v11-general.png');
}

.office6:after, .category-office.category-6-star .badge:after {
    background-image: url('img/office6.svg');
}

.category-v1-1 .office6:after, .category-office.category-6-star.category-v1-1 .badge:after {
    background-image: url('img/office6v11.png');
}

.mur4:after, .category-mur.category-4-star .badge:after {
    background-image: url('img/mur4.svg');
}

.mur5:after, .category-mur.category-5-star .badge:after  {
    background-image: url('img/mur5.svg');
}

.peb4:after, .category-peb.category-4-star .badge:after  {
    background-image: url('img/peb4.svg');
}

.peb5:after, .category-peb.category-5-star .badge:after   {
    background-image: url('img/peb5.svg');
}

.peb6:after, .category-peb.category-6-star .badge:after   {
    background-image: url('img/peb6.png');
}

.retail4:after, .category-retail.category-4-star .badge:after   {
    background-image: url('img/retail4.png');
}

.custom4:after, .category-custom.category-4-star .badge:after {
    background-image: url('img/custom4v1.png');
}

.projectsContainer .category-net-zero-carbon-pilot::after,
.projectsContainer .category-net-zero-carbon::after,
.badge2.netcarbonzero::after {
    background-image: url('img/net-zero-carbon-badge.png');
    content: "";
    position: absolute;
    top: 0;
    width: 118px;
    height: 40px;
    background-size: 100%;
}

.badge.netcarbonzero::after,
.badge2.netcarbonzero::after {
    position: relative;
    width: 100%;
}

.category-epb.category-3-star .badge:after, .ebp3:after {
    background-image: url('img/epb3.svg');
}

.category-epb.category-4-star .badge:after, .ebp4:after {
    background-image: url('img/epb4.svg');
}

.category-epb.category-5-star .badge:after, .ebp5:after {
    background-image: url('img/epb5.svg');
}

.category-epb.category-6-star .badge:after {
    background-image: url('img/epb6.svg');
}

.category-interior.category-4-star .badge:after {
    background-image: url('img/interiors4.svg');
}

.category-interior.category-5-star .badge:after {
    background-image: url('img/interiors5.svg');
}

.category-interior.category-6-star .badge:after {
    background-image: url('img/interiors6.svg');
}

.i4:after, .category-interior.category-4-star .badge:after  {
    background-image: url('img/interiors4.svg');
}

.i5:after, .category-interior.category-5-star .badge:after  {
    background-image: url('img/interiors5.svg');
}

.i6:after, .category-interior.category-6-star .badge:after {
    background-image: url('img/interiors6.svg');
}

.featuredLink img {
    transition: all 0.3s ease 0s;
    filter: contrast(1.2);
}

.netcarbonwaterecology::after, .category-net-carbon-water-ecology .badge::after {
    background-image: url('img/netzero.png');
}

.featuredLink:before, .projectsContainer .asideImage:before {
    background-color: rgba(26, 26, 26, 0.25);
    content: "";
display: block;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
transition: all 0.3s ease 0s;
}

.postInfo .summary {
    overflow: hidden;
    position: relative;
    margin: 0px;
}

.postInfo .summary p {
    margin: 10px 0px 0px;
    padding-bottom: 29px;
    max-height: 96px;
}

.page-template-page-projects .postInfo p.cert {
    margin:10px 0px 0px;    
}

.page-template-page-projects .postInfo .readMore {
    margin:1px 0px 0px;
}

.postInfo .summary p::after {
    position: absolute;
    content: "...";
    display: block;
    width: 100%;
    right: 0px;
    font-size: 22px;
    text-align: center;
    left: auto;
    color: rgb(79, 94, 89);
    background-color: #f5f6f6;
    bottom: 0px;
    height: 20px;
    padding-bottom: 10px;
}

/* HOVER EFFECTS */

.post:hover .featuredLink.hasGallery > img {
    left:0;
    transform: scale(1);
}
.post:hover .featuredLink.hasGallery .postPrev {
    right: -40%;
}

.post:hover .featuredLink:before, .projectsContainer .post.format-aside:hover .asideImage:before {
    background: rgba(106, 173, 70, 0.0);
    transition: all 0.3s ease 0s;
}

.post:hover .featuredLink img {
    filter:contrast(1);
    transition:0.3s;
    transform: scale(1.07);
}

/* ENTRY */
/*
body.single #contentContainer {
    background:url("/wp-content/themes/solidgreen/img/branch.svg") no-repeat scroll right bottom #f9f9f9;
}*/

/* SINGLE POSTS */

.prezi {
    width:100%;
    height:500px;
    display: block;
    overflow: hidden;
    background-image: url('img/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom:1.5em;
    margin-top:1.5em;
}

.prezi > iframe {
    width:100% !important;
    height:100% !important;
    background:transparent !important;
}

#entryContainer .entry, #pageContent.entry {
    border-top: medium none;
    border-left: 4px solid rgb(245, 245, 245);
    margin: 0px 6%;
    padding: 0 5% 5%;
}

.entry img {
    overflow: hidden;
}

.entry h3 {
color: rgb(35, 40, 53);/*rgb(69, 77, 98)*/
font-family: Montserrat;
font-weight: 500;
font-size: 16px;
font-style: normal;
text-transform: uppercase;
margin: 10px 0px 15px;
}

.entry h3:after {
border-bottom: 2px solid #6AAD46;
content: "";
display: block;
height: 1px;
margin: 6px 0px 13px;
width: 30px;
transition: all 0.4s ease-in 0s;
}


/* INNOVATION TEAM */


.page-id-949 #headerImages > div,
.postid-4726 #headerImages > div {
    background-position: center top;
}



.category-team .cert, .category-student .cert, .category-founder .cert {
    margin: 0px 0px 5px;
}

.category-team, .category-student, .category-founder  {
    transition:0.3s;
}

.postsContainer > div.format-aside.category-team, .postsContainer > div.format-aside.category-student, .postsContainer > div.format-aside.category-founder {
    padding:0 0 20px;
}
.category-innovation .asideImage img {
    width: 90px;
    height: 90px;
    margin:0 auto;
    transition:0.3s;
}

.category-team .asideImage a, .category-student .asideImage a, .category-founder .asideImage a {
    display: block;
    overflow: hidden;
}
.category-team .asideImage a:before, .category-student .asideImage a:before, .category-founder .asideImage a:before {
    content: "";
display: block;
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(26, 26, 26, 0.15);
transition: 0.3s;
}

.format-aside.category-team .asideImage a img, .format-aside.category-student .asideImage a img, .format-aside.category-founder .asideImage a img {
        transition:0.3s;
}

.format-aside.category-team:hover .asideImage a img, .format-aside.category-student:hover .asideImage a img, .format-aside.category-founder:hover .asideImage a img {
    transform: scale(1.07);
    transition: 0.3s;
}

.category-team.format-aside:hover .asideImage a:before, .category-student.format-aside:hover .asideImage a:before, .category-founder.format-aside:hover .asideImage a:before {
    transition:0.3s;
    background-color: rgba(26, 26, 26, 0.0);
}

.page .format-aside.category-team .postInfo, .page .format-aside.category-student .postInfo, .page .format-aside.category-founder .postInfo {
    padding:34px 30px 40px;
}

.format-aside.category-innovation:hover .asideImage a img {
    width: 100px;
height: 100px;
    transition:0.3s;
}

.category-innovation .asideImage a {
margin: 0px auto 0px;
background: none repeat scroll 0% 0% rgba(100, 124, 120, 0);
border-radius: 50%;
padding: 0px;
display: block;
width: 124px;
height: 124px;
text-align: center;
opacity: 0.7;
transition: all 0.3s ease 0s;
filter:grayscale(0%);
-webkit-filter:grayscale(0%);
}

.postsContainer > div.format-aside.category-innovation {
    padding:0;
}

.format-aside.category-innovation .postInfo {
    padding: 34px 30px 50px;
}

.category-innovation .asideImage {
    padding: 40px 0px 20px;
    background: #fafafa; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #fafafa 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #fafafa 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.category-innovation.format-aside:hover .asideImage a {
    opacity: 1;
    transition:0.3s;
    width:124px;
    height:124px;
    filter:grayscale(0%);
-webkit-filter:grayscale(0%);
}

.post-907 .asideImage a img {
    width: 114px;
    height: 114px;
    margin-top: -4px;
    padding-bottom: 4px;
}

.format-aside.category-innovation.post-907:hover .asideImage a img {
    width:124px;
    height:124px;
}

/* SERVICES */

.category-services .asideImage img {
    width: 74px;
    height: 74px;
    margin:0 auto;
    transition:0.3s;
}


.format-aside.category-services:hover .asideImage a img {
    width: 84px;
height: 84px;
    transition:0.3s;
}



.category-services .asideImage a {
margin: 20px auto 0px;
background: none repeat scroll 0% 0% rgba(100, 124, 120, 0);
border-radius: 50%;
padding: 0px;
display: block;
width: 100px;
height: 100px;
text-align: center;
opacity: 0.7;
transition: all 0.3s ease 0s;
}

.aside-content {
    transition:0.3s;
    max-height:95px;
    margin-bottom: 35px;
}

.postInfo {
    padding:34px 30px 40px;
}

.format-aside .postInfo {
    padding: 0px 30px 40px;
}



.category-services.format-aside:hover .asideImage a {
    opacity: 1;
    transition:0.3s;
    width:100px;
    height:100px;
}

.asideIcon {
    font-family: ElegantIcons;
    width: 100%;
    text-align: center;
    padding: 0px 0px 15px;
    font-size: 60px;
    background: none repeat scroll 0% 0% white;
    color: rgb(106, 173, 70);
}

.aside-wrapper::after {
 position: absolute;
content: "...";
display: block;
width: 100%;
right: 0;
background: none repeat scroll 0% 0% transparent;
font-size: 22px;
height: 30px;
text-align: center;
bottom: -30px;
left: auto;
color: #4F5E59;
}

.aside-content.open-aside {
    max-height:1000px;
}

.toggle-aside {
    right: 0px;
left: auto;
bottom: -50px;
top: auto;
}

.toggle-aside:before {
    display: none;
}

.toggle-aside {
    font-family: ElegantIcons;
font-size: 26px;
transition:0.3s;
color:rgb(106, 173, 70);
}

.toggle-on {
    transform:rotate(180deg);
    transition:0.3s;
}

.toggle-aside.toggle-on {
    top: auto;
}

.toggle-on:after {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    color:rgb(106, 173, 70);
}


/* MAP */

#mapWrapper {
    margin-bottom: 0px !important;
    border-bottom:2px solid rgb(100, 124, 120);
}

#locationDetails small {
    color:rgb(100, 124, 120);
}

#locationDetails > a {
    overflow: hidden;
}


#locationDetails:hover > a img {
    transform:scale(1.07);
    transition:0.3s;
}

#locationDetails > a img {
    transition:0.3s;
}

#locationDetails h3 a, .loc-item h3 a {
    text-transform: uppercase;
color: rgb(35, 40, 53);
font-size: 16px;
font-family: Montserrat;
font-weight: 500;
padding: 0px 0px 20px;
}

#locationDetails h3 a:hover, .loc-item h3 a:hover {
    color:#6AAD46;
}

.loc-item h3 a:hover, #locationDetails h3 a:hover {
    background:none;
}
#locationDetails h3 {
    margin-bottom: 20px;
}

.loc-item h3 {
    margin: 20px 0 10px;
}

#locationDetails .infoBox {
    text-align: left;
    background:#f5f6f6;
}

#locationDetails.infoOpen {
    margin: 0px 0px 24px -182px;
}

.loc-item .infoBox {
    padding: 5px 0px 30px;
}

#map-canvas {
    background-color: #eaeaea !important;
}

.full-map .filterwrap {
    z-index: 1043;
    right: 0px;
    position: fixed;
    top: 0px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    max-width: 400px;
    height: 60px;
    padding: 10px;
    border-left: medium none;
    width: 35%;
    min-width: 200px;
    margin: 0px;
    padding: 10px;
    box-sizing: border-box;
}
.full-map #loc-list.list-open {
    padding: 60px 40px 40px;
}

.full-map .map-title {
    display: none;
}

.full-map #postFilter {
    text-align: right;
    border: medium none;
    margin: 0px auto 0px;
    float: none;
    text-align: center;
}

#postFilter .category-list:before {
    content:"i";
}

#postFilter .category-prev:before {
    content:"<";
}

#postFilter .category-next:before,
.nav-next a::before {
    content:"=";
}

#postFilter .category-full:before {
    content: "0";
}

.full-map #postFilter .category-full:before {
    content:"";
}

#postFilter .category-full span:nth-child(2) {
    display: none;
}

.full-map #postFilter .category-full span:first-child {
    display: none;
}

.full-map #postFilter .category-full span:nth-child(2) {
    display: inline;
}

#loc-list.list-open {
    max-width: 400px;
    box-shadow: -2px 0px 0px rgba(0, 0, 0, 0.1);
    padding: 40px;
    box-sizing: border-box;
    min-width:200px;
}

#loc-list .readMore {
    display: none;
}

.loc-item {
    padding:0;
}

.loc-item small {
    color:#647C78;
}

.loc-item:hover img {
    filter:contrast(1);
    transition:0.3s;
    transform:scale(1.07);
}

.loc-item:hover > a:before {
    background-color: rgba(106, 173, 70, 0);
}

.loc-item > a {
    overflow: hidden;
}

.loc-item img {
    filter:contrast(1.2);
    transition:0.3s;
}

.loc-item > a:before {
    background-color: rgba(26, 26, 26, 0.25);
}

/* CONTACT PANEL */




#sidebar .widget .details li {
    position: relative;
    padding-left: 30px;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px 0px 10px 32px;
    border-bottom: 1px solid #1a2812;
margin: 0px 0px 10px;
}

#sidebar .widget .details li.legal {
    padding-left: 0px;
    text-align: right;
    padding-top: 9px;
}

#sidebar .widget .details li.legal {
    color:rgb(74, 84, 79);
    font-family:Crimson Text;
    font-style: italic;
    font-size:15px;
    border-bottom:none;
}

#widgetPanelToggle {
    border:none !important;
    width:30px;
    height:30px;
}

#widgetPanelToggle span {
    transition: transform 0.3s linear 0s;
    font-family: ElegantIcons;
    border: medium none;
    font-size: 30px;
}

body.panelOpen #widgetPanelToggle:hover {
    color:rgb(106, 173, 70);
    background:transparent;
}

#widgetPanel .details .icon {
    font-family: ElegantIcons;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: -5px;
    color: rgb(74, 84, 79);
}

#widgetPanel .details li:nth-child(2) .icon {
    top:-8px;
}

#widgetPanel {
    padding:0px !important;
    z-index:3000;
}

.panelOpen #sidebar #widgetPanelToggle {
    display: block;
    z-index:20;
    border:2px solid #FFF;
    position: absolute;
    top: 15px;
right: 15px;
}

.panelOpen #sidebar #widgetPanelToggle span{
        transform:none;
}

.panelOpen #logo.panel-logo {
    bottom:auto;
    top:auto;
    float:left;
    position: relative;
}

#sidebar .widget {
    overflow: hidden;
    width:35%;
    box-sizing: border-box;
}

.panelOpen #logo.panel-logo h1 {
    background-image: none;
}

.panelOpen #logo.panel-logo img {
    max-width:100%;
}

.widget .slogan {
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-bottom:1px solid rgb(26, 40, 18);
    line-height: 1.3em;
    padding: 0px 0px 25px;
}

#sidebar {
    padding: 5% 5% 0;
}

#sidebar .widget a {
    color: rgb(255, 255, 255);
    border: medium none;
}

#sidebar .widget a:hover {
    background:transparent;
    color:rgb(106, 173, 70);
}


.widget .slogan span {
    font-weight:bold;
    line-height:1.3em;
}

#sidebar .widget-social {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block;

}

#sidebar .widget-social a {
    font-family: ElegantIcons;
    float: left;
    width: 37px;
    font-size: 16px;
    display: block;
    color:rgb(153, 153, 153);
}

#sidebar .widget.double {
    padding: 20px;
    margin: 0px;
    width: 59%;
    float: right;
}

#sidebar > ul li.widget:first-child {
padding: 20px;
box-sizing: border-box;
}

#widget-map {
    width:100%;
    height:546px;
    display: none;
}

#sidebar .widget.double ul li {
    border:none;
}

#widget-map {
    background-color: #1a1a1a !important;

}

#widget-map img {
    max-width: none;
} 

.panelOpen .border {
} 

/* NIGHTMODE */

body.night, body.night #contentContainer  {
    background: #1a1a1a !important;
}

.home.night #title-overlay-wrap .title-overlay {
    color: rgba(0, 0, 0, 0.2);
}

.night.home #headerImages::after {
    background-color: rgba(26, 26, 26, 0.6) !important;
}

.night .menu a {
    color:#ddd;
}

.night h2 {
    color:rgb(106, 173, 70);
}

.night .menu a:hover {
    color:#fff;
}

.night .menu a:before {
    color:#222;
}

.night .menu a:hover:before, .night .social-icon a:hover:before {
    color:#6AAD46;
}

.night .menuContainer h3::after {
    border-bottom:2px solid rgba(100, 124, 120, 0.06);
}

.night .menuContainer:hover h3::after {
    border-bottom:2px solid #6AAD46;
}

.night #title-info p {
    color:rgb(221, 221, 221);
    background:none repeat scroll 0% 0% rgba(100, 124, 120, 0.03);
}

.night #title-info p strong, .night #title-info p::first-line {
    color:rgb(221, 221, 221);
}

.night .social-icon a, .night .social-icon a:hover {
    color:transparent;
}

.night #menu-connect li.social-icon a::before {
    color:#666;
}

.night .menuContainer h3 {
    text-shadow:none;
    color: rgba(100, 124, 120,0.3);
}

.night #copyright {
    color: rgba(100, 124, 120,0.3);
}


.night .menu li.current-menu-parent > a, .night .menu li.current-menu-item > a, .night .menu li.current-menu-ancestor > a {
    color: rgb(136, 136, 136) !important;
}

.night #logo h1 {
    background:none;
}

.night #copyright .map-icon {
    color:#555;
}

.night.home #headerImages::after {
    background-image: url("img/shoots-dark.svg");
}

.night #footerMenu li.current-menu-parent > a::before, .night #footerMenu li.current-menu-item > a::before, .night #footerMenu li.current-menu-ancestor > a::before {
    color: rgb(100, 124, 120) !important;
}

.switch {
padding: 2px;
width: 35px;
height: 16px;
background-color: rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 4;
right: 5%;
top: 5%;
border-radius: 16px;
display: none;
}

.home .switch {
    display: block;
}

.switch:after, .switch:before {
display: block;
position: absolute;
top: 1px;
bottom: 1px;
content: "";
left: 1px;
}

.switch:before {
right: 1px;
background-color: #F1F1F1;
border-radius: 16px;
transition: #2C2C2C 0.3s ease 0s;
}

.switch:after {
width: 18px;
background-color: #FFF;
border-radius: 100%;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
transition: margin 0.3s ease 0s;
}

.switch.off:before {
  background-color: #6AAD46;
}
.switch.off:after {
  margin-left: 19px;
}

/* CUSTOM SELECTRIC */

/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
  position: relative;
  margin: 0 0 10px;
  width: 300px;
  cursor: pointer;
}

.selectricResponsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
  border-radius: 2px;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
  color: #444;
  min-height: 18px;
  font-style: normal;

}
.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectricHover .selectric {
  border-color: #CCC;
}
.selectricHover .selectric .button {
  color: #888;
}
.selectricHover .selectric .button:after {
  border-top-color: #888;
}

.selectricOpen {
  z-index: 9999;
}
.selectricOpen .selectric {
  border-color: #CCC;
  background: #F0F0F0;
}
.selectricOpen .selectricItems {
  display: block;
  min-width: 100px !important;
}

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #CCC;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}
.selectricItems .selectricScroll {
  height: 100%;
  overflow: auto;
}
.selectricAbove .selectricItems {
  top: auto;
  bottom: 100%;
}
.selectricItems ul, .selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}
.selectricItems li {
  display: block;
  padding: 5px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}
.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0;
}
.selectricItems li:hover {
  background: #F0F0F0;
  color: #444;
}
.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default;
}


/* tooltips */


.qtip{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;

    max-width: 280px;
    min-width: 50px;

    font-size: 10.5px;
    line-height: 12px;

    direction: ltr;

    box-shadow: none;
    padding: 0;
}

    .qtip-content{
        position: relative;
        padding: 5px 9px;
        overflow: hidden;

        text-align: left;
        word-wrap: break-word;
    }

    .qtip-titlebar{
        position: relative;
        padding: 5px 35px 5px 10px;
        overflow: hidden;

        border-width: 0 0 1px;
        font-weight: bold;
    }

    .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

    /* Default close button class */
    .qtip-close{
        position: absolute;
        right: -9px; top: -9px;
        z-index: 11; /* Overlap .qtip-tip */

        cursor: pointer;
        outline: medium none;

        border: 1px solid transparent;
    }

        .qtip-titlebar .qtip-close{
            right: 4px; top: 50%;
            margin-top: -9px;
        }

        * html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

        .qtip-titlebar .ui-icon,
        .qtip-icon .ui-icon{
            display: block;
            text-indent: -1000em;
            direction: ltr;
        }

        .qtip-icon, .qtip-icon .ui-icon{
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            text-decoration: none;
        }

            .qtip-icon .ui-icon{
                width: 18px;
                height: 14px;

                line-height: 14px;
                text-align: center;
                text-indent: 0;
                font: normal bold 10px/13px Tahoma,sans-serif;

                color: inherit;
                background: transparent none no-repeat -100em -100em;
            }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
    border: 1px solid none;

    background-color: #6AAD46;
    color: white;
}

.qtip:after {
    content:"";
    height:20px;
    width:20px;
    position:absolute;
    top:-22px;
    right:0px;
    display: block;
    background-image: url('img/leaf.svg');
    background-repeat:no-repeat;
    background-color: transparent;
    background-size:100% auto;
}

    .qtip-default .qtip-titlebar{
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon{
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close{
        border-color: #AAA;
        color: #111;
    }

/*MESSAGE BAR*/

.message-bar {
    display: none;
    position: absolute;
    width: 100%;
    top: 0px;
    padding: 10px 5%;
    box-sizing:border-box;
    z-index:100000;
    background: #f5f5f5;
}

.message-bar p {
    max-width: 1170px;
    position:relative;
    padding-left:30px;
    font-family: Roboto;
    font-weight:300;
    margin: 0 auto;
}

.message-bar p b {
    font-weight:400;
    font-size: 16px;
    letter-spacing: 0.2px;
}

.message-bar p a {
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: 15px;
}

.message-bar p::before {
    background: transparent none repeat scroll 0px 0px;
    color: #E6EFE0;
    content: "";
    display: block;
    font-family: ElegantIcons;
    font-size: 100%;
    font-weight: normal;
    left: 0px;
    opacity: 1;
    position: absolute;
    text-align: left;
    top: -11px;
    padding: 10px 20px 10px 10px;
    transition: opacity 0.3s linear 0s;
}

.message-bar p:hover::before {
    color: #6AAD46;
    transition: all 0.3s ease 0s;
}

.message-bar .closeDetails {
    background: transparent;
    color: #AAA;
    top:6px;
}

.message-bar .closeDetails:hover {
    color: #000;
}

/*FEATURED NEWS*/

.home-headline {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 3;
    display: none;
}

.home-featured {
    max-width: 1170px;
    margin: 0px auto;
    padding: 60px 4% 24px;
}

.home-featured .featured-wrap {
    max-width: 470px;
    overflow: hidden;    
}

.home-featured p {
    font-family: Montserrat;
text-transform: uppercase;
color: rgb(122, 171, 107);
font-size: 16px;
line-height: 1.7;
padding: 0px 0px 4px 3px;
}


.home-featured h1 a {
    line-height: 48px;
    font-family: "Crimson Text";
    font-weight: normal;
    font-size: 48px;
    color: rgb(238, 238, 238);
}

.home-featured .featured-wrap:hover h1 a {
    color:white;
}

.home-featured h1 {
}


.home-featured .btn.btn-primary {
    background: rgba(0,0,0,0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    color: rgb(204, 204, 204);
    padding: 6px 14px;
    margin-top: 6px;
}

.home-featured .featured-wrap:hover .btn.btn-primary {
    color:white;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
}

.home-featured p::after {
    border-bottom: 2px solid rgba(230, 239, 224,0.1);
    content: "";
    display: block;
    height: 1px;
    margin: 5px 0px 8px;
    width: 30px;
    transition: all 0.4s ease-in 0s;
}

.home-featured .featured-wrap:hover p::after {
    transition: all 0.3s ease 0s;
    width: 116px;
    border-color: rgb(106, 173, 70);
}

/*===============================================
=            List styles for EDGE Services            =
===============================================*/

#edge-list {
    border-bottom: unset;
    padding: unset;
    margin-left: 0px;
}

.calc-col > p {
    margin: unset;
    margin-bottom: 3px;
}

ul#edge-list li {
    border-bottom: unset;
    padding: unset;
    margin-left: unset;
}



.edge-inner {
    width: 80%;
    float: left;
    display: block;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #eee;
}

#edge-list > li, #calc-list > li {
    list-style: none;
    display: block;
    overflow: hidden;
}
#calc-list {
    margin: 0 0 40px 25px;
}

#calc-list > li {
    list-style: decimal;
    border-bottom: 1px solid #eee;
    padding: 10px;
    display:list-item;
    overflow:visible;
}

#edge-list > li > i {
    color: rgb(106, 173, 70);
    font-size: 45px;
    width: 20%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 15px;
}

.cost-inner {

}

#calc-list > li > i {
    color: rgb(106, 173, 70);
    font-size: 14px;
    width: 5%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 8px;
    display:none;
}

.edge-faq-answer {
   padding-bottom: 5px;
   padding-left: 20px;
   border-left: 1px solid #e5e5e5;
   margin-bottom: 15px;
}

.edge-faq-question {
    font-family: Crimson Text;
    font-size: 17px;
    font-style: italic;
    color: rgb(106, 173, 70);
    padding-bottom: 10px;
    padding-top: 10px;
}

.calculator {
    margin: 0 auto 16px;
    box-sizing: border-box;
    background-color: rgba(100, 124, 120, 0.05);
    border-bottom: 2px solid #647C78;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    padding: 30px;
}

.calc-intro {
    margin-top: 10px;
    margin-left: 15%;
}
.edge-list-wrapper > ul:nth-child(4) {
    margin-bottom: 10px;
}

.edge-list-wrapper > p:nth-child(5) {
    margin-bottom: 0px;
    font-weight: bold;
}

.edge-list-wrapper > p:nth-child(8) {
    font-family: Crimson Text;
    font-size: 15px;
    font-style: italic;
}

#edge-list {
    margin-bottom:30px
}

.edge-list-wrapper > p:nth-child(8) {
    margin-bottom:30px
}

#disclaimer {
    margin-left: 15%;
    margin-bottom: 10px;
    font-size: 11px;
}

@media only screen and (max-width: 600px) {
    #calc-list > li > i { 
        width: 10%;
    }
    .cost-inner {
        width: 90%;
    }

    #edge-list > li > i {
        font-size: 35px;
    }
}

@media only screen and (max-width: 360px) {
    #calc-list > li > i { 
        width: 15%;
    }
    .cost-inner {
        width: 85%;
    }
    #edge-list > li > i {
        font-size: 35px;
    }
}

/*=====  End of List styles for EDGE Services  ======*/

/*================================================
    =            EDGE Services Calculator            =
    ================================================*/
    

.col-header {
    font-family: Crimson Text;
    font-style: italic;
    font-weight: normal;
    font-size: 19px;
    color: #647c78;
    margin: auto;
    text-align: left;
    display: block;
    box-sizing: border-box;
}

.column-three .col-header {
    text-align:right;
}


.col-header::after {
    border-bottom: 2px solid #6AAD46;
    content: "";
    display: block;
    height: 1px;
    margin: 6px 0 0;
    position: relative;
    width: 30px;
    transition: all 0.5s ease-in;
    display: none;
}

.calc-row {
    width: 100%;
    overflow: hidden;
    border-bottom: none;
    padding: 15px 0 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.column-one {
    width: calc(50% - 45px);
}

.column-two {
    width: calc(50% - 45px);
    text-align: left;
}

.column-three {
    text-align: right;
}

.column-text {
    display: block;
}

.calc-input {
    font-weight: normal;
    font-size: 14px;
    color: black;
    background: rgba(106, 173, 70, 0.14);
    width: 100%;
    padding: unset;
    padding: 8px;
    border-bottom: 2px solid rgb(106, 173, 70);
    border-radius: 1px;
    margin: 0 0 12px 0;;
    text-indent: 5px;
    box-sizing:border-box;
}

.calc-input:focus {
    background: rgba(106, 173, 70, 0.1);
}

.members {
    overflow: hidden;
    margin: 0 0 15px 16px;
    padding: 4px;
    text-align: right;
    float: right;
}

.tab-toggle .checkbox {
    font-family: ElegantIcons;
    display: inline;
    font-size: 20px;
    line-height: 28px;
    padding: 0 3px 0 0;
    cursor:pointer;
}

.tab-toggle .checkbox::before {
    content:"V";
}

.tab-toggle.active-tab .checkbox::before {
    content:"Z";
    color: white;
}

.tab-toggle {
    float: left;
    display: block;
    margin: auto;
    box-sizing: border-box;
    padding: 8px 20px 9px 15px;
    background: #fff;
    box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.17) inset, 1px 1px 2px #ddd;
}

.tab-toggle-inner {
    cursor: pointer;
    box-sizing: border-box;
    color: #4F5E59;
    margin: auto;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    line-height: 28px;
}

.tab-toggle:hover .tab-toggle-inner {
    color:#6aad46;
}

.tab-toggle.active-tab {
    background-color: #6aad46;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.39) inset, 1px 1px 2px #ddd;
}

.tab-toggle.active-tab:hover .tab-toggle-inner {
    color:#fff;
    cursor:default;
}

.tab-toggle.active-tab:hover .checkbox {
    cursor:pointer;
}

.tab-toggle.active-tab:hover {
    cursor:default;
}

.active-tab > .tab-toggle-inner {
    color: #fff;
    box-sizing: border-box;
}

.row-one {
    min-height: unset;
    border-top: none;
}

.row-one > .column-two > .col-header, .row-one > .column-one > .col-header {
    text-align: left;
    width: 100%;
}

.calc-row.row-six {
    border-bottom: none;
}

.inner-rate > p {
    margin: unset;
}

.inner-rate-item {
    text-transform: uppercase;
    font-size: 10px;
    color: #647c78;
}

.inner-rate-item-active {
    font-weight: bold;
    position: relative;
    font-size: 10px;
}

.inner-rate-item-active::before {
    position: absolute;
    content: "";
    left: -8px;
    top: 5px;
    width: 0; 
    height: 0; 
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid rgb(106, 173, 70);
}


.column-shared {
    min-height: 1px;
    display: block;
    float: left;
    box-sizing: border-box;
    padding:0 16px 0 0;
}

.column-shared.column-three {
    float:right;
    padding:0;
    width:90px;
}


.inner-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #647c78;
    font-size: 10px;
}

.output, .total-output {
}

.rand {
}

.total-output, .total-final, .total-final-rand {
    color: rgb(35, 40, 53);
    font-family: Montserrat;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
}

.total-final-rand {
    display: inline;
    color: #6aad46;
}

.total-output {
    display: inline;
}


.total-final::before {
    position: relative;
    border-bottom: 2px solid #6AAD46;
    content: "";
    display: block;
    height: 1px;
    width: 30px;
    bottom: -34px;
    transition: all 0.5s ease-in;
}

.row-six .column-shared.column-three {
    width:auto;
}


@media only screen and (max-width: 910px) {
    .calculator {
        padding: 30px 15px;
    }
    .column-one {
        width:100%;
    }
    .column-two {
        width:100%;
    }
    .tab-toggle {
        padding:8px 10px 9px 10px;
    }
    .row-one {
        display: none;
    }
    .column-text {
        display: block;
        padding-bottom: 6px;
    }
}

@media only screen and (max-width: 610px) {
    .tab-toggle-inner {
        font-size: 13px;
    }
    .column-one {
        width:100%;
    }
    .column-two {
        width:100%;
    }

}

/*================================================
=            Newsletter singup            =
================================================*/

.newsletter-signup {
    float: none;
}

.essb_link_twitter .essb_network_name::after {
    content: "-";
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 50%;
    font-weight: 700;
    top: 42%;
    font-family: "Segoe WP","Segoe UI",Helvetica,Arial,sans-serif;
    margin-left: -3px;
    display: none;
}

.newsletter span.signup-text {
    font-family: Montserrat;
    text-transform: uppercase;
    color: white;
}

div.wpcf7-validation-errors {
    border: 2px solid rgb(106, 173, 70);
}

div.wpcf7-response-output {
    margin: 10px 0;
    padding: 0.2em 1em;
    border: 2px solid rgb(106, 173, 70);
}

#sidebar .widget .details li {
    box-sizing: border-box;
}

.newsletter span.signup-text {
    font-family: Montserrat;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    line-height: 1.7;
}

.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.email-input {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2px;
}

span.wpcf7-not-valid-tip {
    color: rgb(106, 173, 70);
    font-size: 1em;
    display: block;
    margin: 6px 0;
}

div.wpcf7 img.ajax-loader, .newsletter-form br {
    display: none;
}

.wpcf7-form-control.wpcf7-submit.newsletter-submit {
    width: 50px;
    position: absolute;
    top: 0;
    bottom: auto;
    background: rgba(255, 255, 255, 0.33);
    box-shadow:0px 2px 0px rgba(255, 255, 255, 0.54);
    right: 0;
}

.wpcf7-form-control.wpcf7-submit.newsletter-submit:hover {
    background: rgb(66, 126, 34);
    box-shadow: 0px 2px 0px rgb(40, 87, 15);
    color: rgb(255, 255, 255);
}

.newsletter-form {
    position: relative;
    padding-right: 50px;
    margin-top: 6px;
    width: 100%;
    box-sizing: border-box;
}

.newsletter-form p {
    margin: 0 !important;
}

#aza {
    display: none;
}

/*================================================
=            CERTIFICATIONS            =
================================================*/

.home .certifications-counter {
	position: absolute;
	right: 0;
	top: -10px;
}

.certifications-shares {
    display: flex;
    flex-direction: row;
}

.certifications-total {
	color: rgb(122, 171, 107);
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}

.certifications-counter label {
	line-height: 11px;
	color: black;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 0;
}

.certifications-totals,
.certifications-types {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.certifications-totals {
	padding-right: 8px;
	padding-top: 4px;
}

.certifications-counter {
	display: flex;
	flex-direction: row;
	height: 66px;
	margin: 6px auto 0 3px;
	background: transparent;
	border: navajowhite;
	padding: 8px 16px 30px 10px;
}
.certifications-type-count {
	font-weight: bold;
	font-size: 14px;
	color: rgb(102, 102, 102);
	order: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 14px;
	padding-right: 7px;
	width: 24px;
	padding-left: 3px;
}

.certifications-types {
	display: flex;
	flex-direction: column;
	padding-top: 5px;
}

.certifications-type {
	display: flex;
	flex-direction: row;
	height: 22px;
}

.certifications-types label {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90%;
	order: 2;
	flex: 1 1;
	height: 21px;
	width: 78px;
	filter: grayscale(100%);
	opacity: .9;
}

.certifications-totals label {
    padding-bottom: 6px;
}

.certifications-green-star label {
	background-image: url("/wp-content/themes/solidgreen/img/greenstarsa.png");
	margin-top: -3px;
	filter: brightness(70%) grayscale(100%);
	background-position: 6px -1px;
}

.certifications-net label {
	background-image: url("/wp-content/themes/solidgreen/img/net-zero.png");
	background-size: 80%;
	background-position: center 5px;
	filter: brightness(70%) grayscale(100%);
}

.certifications-leed label {
	background-image: url("/wp-content/themes/solidgreen/img/leed2.png");
	background-position: 6px;
	background-size: 70%;
	filter: brightness(120%) grayscale(100%);
	height: 21px;
}

@media only screen and (max-width: 1150px) {
    .home #menusContainer {
        width: 50%;
    }
    .home #title-info {
        width: 50%;
    }
    .home #title-info h2, #title-info h1 {
        padding-left: 28px;
    }
    .home #logo img {
        max-width: 220px;
    }
}

@media only screen and (max-width: 960px) {
    body .certifications-counter, .home .certifications-counter {
        position: absolute;
        left: 0;
        top: auto;
        bottom: -15px;
    }
    .home #menusContainer {
        width: auto;
    }
    .home #title-info {
        width: auto;
    }
    .home #logo img {
        max-width: 260px;
    }
    body .certifications-counter, .home .certifications-counter {
        position: absolute;
        left: 0;
        top: auto;
        bottom: -15px;
    }

    body .menuContainer {
        width: 30%;
    }
    body .menuContainer:first-child {
        margin-left: 0;
    }
    body #menusContainer .menuContainer:last-child {
        width: 30%;
        position: relative;
        bottom: auto;
        left: auto;
    }
}

@media only screen and (max-width: 700px) {
    body .certifications-counter,
    .home .certifications-counter {
        position: relative;
        right: auto;
        top: auto;
    }  
}

@media only screen and (max-width: 500px) {
    body #menusContainer {
        padding: 20px 0 20px;
    }
body #menusContainer .menuContainer:last-child h3 {
    display: block;
}
body  #menusContainer .menuContainer:last-child {
	padding-top: 0;
}
body .menuContainer .menu a {
	font-size: 14px;
}
body .menuContainer li {
	margin-bottom: 6px;
}
body .social-icon {
	width: 24px;
	float: none;
	display: inline-block;
}
body .certifications-counter,
.home .certifications-counter
 {
    padding: 0 16px 20px 10px;
 }
 .home #logo img,
 body #logo img {
	max-width: 220px;
}
}

/* BANNER AD */

.postid-3637 .banner-temp {
    display: none;
}

.banner-temp {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
    top: 0;
    left: 0;
	max-width: 500px;
	z-index: 3;
	box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.6);
    width: 100%;
    transition: 0.25s ease-in;
}

.banner-temp:hover {
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
    opacity: 0.95;
}

.banner-temp img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}