.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(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/ElegantIcons.eot);
src:url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/ElegantIcons.woff) format('woff'),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/ElegantIcons.ttf) format('truetype'),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/ElegantIcons.svg#ElegantIcons) format('svg');
font-weight: normal;
font-style: normal;
} [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;
} @font-face {
font-family: "solid-green";
src:url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/solid-green.eot);
src:url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/solid-green.eot?#iefix) format("embedded-opentype"),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/solid-green.woff) format("woff"),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/fonts/solid-green.ttf) format("truetype"),
url(//www.solidgreen.co.za/wp-content/themes/solidgreen/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";
}  html {
min-width: 360px;
overflow-x: hidden;
}
html.panelOpen {
overflow: hidden;
}
.postid-2621 #title-info br {
display: none;
} .panelOpen #contentContainer {
background: #1a1a1a !important;
}  a[rel='zoomBox'] {
cursor: zoom-in;
} @media only screen and (max-width: 501px) { 
.gallery-columns-2 .gallery-item {
width: 50% !important;
}
} #details li span a[rel|="tag"] {
text-transform: lowercase;
}
.postid-1669 #headerImages > div {
background-position: center center;
}
.postid-6063 #headerImages > div  {
background-position: center 5%;
}
.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 {
position: static;
}
#headerContainer {
min-height: 240px;
}
#contentContainer {
max-width: 100%;
overflow: hidden;
}
.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-info {
margin-top: 70px;
}
.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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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;
} #logo {
border: medium none;
bottom: -137px; display: inline-block;
max-width: 100%;
opacity: 1;
position: absolute;
z-index: 2;
}
#logo h1 {
background-image: url(//www.solidgreen.co.za/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;
} .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;
}
} #title-info br {
line-height: 16px;
}
#topContentStuff {
margin-bottom: 0px;
padding-top:48px; }
.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 {
display: flex;
flex-direction: row;
margin-left: 2px;
}
.menuContainer {
position: relative;
padding-left: 0;
box-sizing: border-box;
margin: 0;
width: 33.33%;
float: none !important;
flex: 1 0 33.33%;
}
.menuContainer li {
margin-bottom: 7px;
}
.menuContainer li.social-icon {
margin: 0;
}
#menusContainer .menuContainer:last-child {
padding-left:0px;
white-space: nowrap;
}
#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 > ul {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#sidebar .widget ul.log li {
margin-bottom: 4px;
border-bottom: 0px none;
}
#widgetPanel::after {
height: 100dvh;
}
#menusContainer .menuContainer:first-child a:hover:after, #menusContainer .menuContainer:nth-child(2) a:hover: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: 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:"";
}
.menuContainer .menu {
line-height: 0.9;
}
.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 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 {
} .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;
font-size: 0 !important;
width: 26px !important;
height: 24px !important;
line-height: 20px !important;
display: block;
}
#menu-connect li:nth-child(3) {
margin-left: -2px;
}
#menu-connect li a:before,
.widget-social a[data-social] {
background-repeat:no-repeat;
background-size: contain;
background-position: center top;
height: 20px;
width: 20px;
content:"";
}
#menu-connect li:nth-child(3) a:before,
.widget-social a[data-social="fb"]{
background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' width='20px' viewBox='0 0 24 24' height='20px' role='img' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EFacebook icon%3C/title%3E%3Cpath d='M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z'/%3E%3C/svg%3E");
}
#menu-connect li:nth-child(4) a:before,
.widget-social a[data-social="x"] {
background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}
#menu-connect li:nth-child(5) a:before,
.widget-social a[data-social="li"] {
background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
}
#menu-connect li:nth-child(6) a:before,
.widget-social a[data-social="in"] {
background-image: url("data:image/svg+xml,%3Csvg fill='%23ccc' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
.menu a:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color:rgba(230, 239, 224,0);
content: none;
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: 30px;
}
.social-icon a:hover {
color:white;
} 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, #title-info .entrytitle {
font-weight: 600;
line-height: 1.3em;
} #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);
}
.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: #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;
} .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;
} #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"],
.btn-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 inset rgb(66, 126, 34);
transition:0.3s;
}
.btn-submit {
box-sizing: border-box;
width: 44px !important;
margin: 5px 0 0 0;
box-shadow: 0px -2px 0px inset rgb(66, 126, 34);
align-items: center;
}
input[type="submit"]:hover, .btn-primary:hover, .btn-submit:hover {
background: rgb(66, 126, 34);
box-shadow: 0px -2px 0px inset 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(212, 211, 211);
font-family: Roboto;
background: none repeat scroll 0% 0% rgba(158, 182, 178, 0.1);
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;
}
#result-area {
border: 2px solid rgb(66, 126, 34);
margin: 12px 0 0 0;
padding: 10px;
font-style: italic;
color: #ccc;
display: none;
} #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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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-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: 65px;
}
#member-gbcsa img {
height: 60px;
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 {
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;
} #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%);
} .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;
} .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;
} .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;
} .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, Lifestyle";
}
#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;
} .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); }
.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 top;
background-repeat: no-repeat;
background-size: 100% auto;
bottom: 0;
content: "";
display: block;
height: 55px;
left: 30px;
position: absolute;
width: 33%;
z-index: 10;
}
.page-template-page-projects .projectsContainer .post .badge::after,
.projectsContainer .post .badge:after,.page-template-location-map-widgets .badge:after {
background-position: left bottom;
}
.single-badge-wrap::after {
right: 0px;
left: auto;
width: 100%;
height: 100%;
}
.office4:after, .category-office.category-4-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office4.svg);
}
.precincts4:after, .category-sustainable-precincts.category-4-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/precincts4.png);
}
.category-v1-1 .office4:after, .category-office.category-4-star.category-v1-1 .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office4v11-general.png);
}
.office5:after, .category-office.category-5-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office5.svg);
}
.category-v1-1 .office5:after, .category-office.category-5-star.category-v1-1 .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office5v11-general.png);
}
.office6:after, .category-office.category-6-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office6.svg);
}
.category-v1-1 .office6:after, .category-office.category-6-star.category-v1-1 .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/office6v11.png);
}
.mur4:after, .category-mur.category-4-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/mur4.svg);
}
.mur5:after, .category-mur.category-5-star .badge:after  {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/mur5.svg);
}
.peb4:after, .category-peb.category-4-star .badge:after  {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/peb4.svg);
}
.peb5:after, .category-peb.category-5-star .badge:after   {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/peb5.svg);
}
.peb6:after, .category-peb.category-6-star .badge:after   {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/peb6.png);
}
.customlifestyle6:after, .category-custom-lifestyle.category-6-star .badge:after   {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/customlifestyle.png);
}
.retail4:after, .category-retail.category-4-star .badge:after   {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/retail4.png);
}
.custom4:after, .category-custom.category-4-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/custom4v1.png);
}
.industrial4:after, .category-custom.category-industrial.category-4-star .badge:after   {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/custom-industrial-4.png);
}
.projectsContainer .category-net-zero-carbon-pilot::after,
.projectsContainer .category-net-zero-carbon::after,
.projectsContainer .category-net-zero-waste:after,
.projectsContainer .category-net-zero-carbon-waste:after,
.badge2.netcarbonzero::after,
.badge2.netzerocarbonwaste::after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/net-zero-carbon-badge.png);
content: "";
position: absolute;
top: 0;
width: 118px;
height: 40px;
height: 60px;
background-size: 100%;
background-position: top;
background-repeat: no-repeat;
}
.netzerowaste:after, .category-netzerowaste .badge:after, .projectsContainer .category-net-zero-waste:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/netzerowaste.png);
}
.netzerocarbonwaste:after, .category-netzerocarbonwaste .badge:after, .projectsContainer .category-net-zero-carbon-waste:after, .badge2.netzerocarbonwaste::after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/netzerocarbonwaste.png);
}
.badge.netcarbonzero::after,
.badge2.netcarbonzero::after,
.badge.netzerocarbonwaste::after,
.badge2.netzerocarbonwaste::after {
position: relative;
width: 100%;
}
.category-epb.category-3-star .badge:after, .ebp3:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/epb3.svg);
}
.category-epb.category-4-star .badge:after, .ebp4:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/epb4.svg);
}
.category-epb.category-5-star .badge:after, .ebp5:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/epb5.svg);
}
.category-epb.category-6-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/epb6.svg);
}
.category-interior.category-4-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/interiors4.svg);
}
.category-interior.category-5-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/interiors5.svg);
}
.category-interior.category-6-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/interiors6.svg);
}
.i4:after, .category-interior.category-4-star .badge:after  {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/interiors4.svg);
}
.i5:after, .category-interior.category-5-star .badge:after  {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/img/interiors5.svg);
}
.i6:after, .category-interior.category-6-star .badge:after {
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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;
} .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);
}   .prezi {
width:100%;
height:500px;
display: block;
overflow: hidden;
background-image: url(//www.solidgreen.co.za/wp-content/themes/solidgreen/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); 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;
} .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; background: -moz-radial-gradient(center, ellipse cover, #fafafa 0%, #eaeaea 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fafafa), color-stop(100%,#eaeaea)); background: -webkit-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); background: -o-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); background: -ms-radial-gradient(center, ellipse cover, #fafafa 0%,#eaeaea 100%); background: radial-gradient(ellipse at center, #fafafa 0%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=1 ); }
.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;
} .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);
} #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);
} #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;
display: none;
}
#sidebar .widget ul li {
border-bottom: 1px solid #222;
list-style-position: outside;
list-style-type: none;
margin: 0 0 10px;
padding: 0 0 10px;
}
#sidebar .widget li.legal {
color: rgb(74, 84, 79);
font-family: Crimson Text;
font-style: italic;
font-size: 15px;
border-bottom: none;
text-align: right;
}
#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;
overflow: auto;
height: 100dvh;
}
.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:80%;
}
.widget .slogan {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 1.3em;
padding: 0px 0px 25px;
border-bottom: 1px solid rgb(26, 40, 18);
}
#sidebar {
padding: 60px 20px 30px;
height: auto;
display: flex;
flex-direction: row;
width: 100%;
box-sizing: border-box;
margin: 0 auto;
}
#sidebar .details {
margin: 0;
}
#sidebar .widget a {
color: rgb(255, 255, 255);
border: medium none;
}
#sidebar .widget a:not(.social-icon):hover {
background:transparent;
color:rgb(106, 173, 70);
}
#sidebar .widget a.social-icon {
transition: 0.2s;
}
#sidebar .widget a.social-icon:hover {
opacity: 0.6;
}
.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: 0 20px;
margin: 0px;
width: 100%;
float: none;
}
.grecaptcha-badge {
z-index: -1 !important;
}
#sidebar > ul li.widget {
flex: 1 1 auto;
}
#sidebar > ul li.widget:first-child {
padding: 20px 20px 120px;
box-sizing: border-box;
margin: 0;
max-width: 380px;
width: 100%;
}
.wpcf7-spinner {
display: block;
background-color: rgb(106, 173, 70);
margin: 10px auto;
position: absolute;
right: 0;
}
#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 {
} 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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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;
}  .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; *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;
} .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;
} .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; } .qtip-close{
position: absolute;
right: -9px; top: -9px;
z-index: 11; 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; } .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;
} .qtip-focus{} .qtip-hover{} .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(//www.solidgreen.co.za/wp-content/themes/solidgreen/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 {
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;
} .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);
} #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;
}
}  .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 {
margin: 30px 0 0 !important;
border-bottom: none !important;
padding-bottom: 0 !important;
}
.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;
}
.panelOpen #widgetPanel {
display: flex !important;
}
.newsletter span.signup-text {
font-family: Montserrat;
text-transform: uppercase;
color: rgb(255, 255, 255);
line-height: 1.7;
margin-bottom: 10px;
display: block;
}
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;
}
.newsletter-form .mc4wp-form-fields {
width: 100%;
display: flex;
flex-direction: row;
flex: 1 0 auto;
}
.newsletter-form .mc4wp-form-fields input {
width: 100%;
display: flex;
}
.newsletter-form .mc4wp-form-fields input[type="submit"] {
width: 50px;
}
.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;
margin-top: 6px;
width: 100%;
box-sizing: border-box;
}
.newsletter-form p {
margin: 0 !important;
}
#aza {
display: none;
}
.newsletter-form-custom form {
display: flex;
width: 100%;
flex: 1 1 100%;
opacity: 1;
transition: 0.2s;
}
.newsletter-form-custom form.disabled {
opacity: 0.5;
pointer-events: none;
}
.newsletter-form-custom form > input {
display: flex;
flex: auto;
width: 100%;
} .home .certifications-counter {
position: absolute;
right: 0;
top: -10px;
pointer-events: none;
}
.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(//www.solidgreen.co.za/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(//www.solidgreen.co.za/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(//www.solidgreen.co.za/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;
margin-top: 10px;
}
.home #logo img {
max-width: 260px;
}
body .certifications-counter, .home .certifications-counter {
position: absolute;
left: 0;
top: auto;
bottom: -15px;
}
}
@media only screen and (max-width: 700px) {
body .certifications-counter,
.home .certifications-counter {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}  
}
@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 00px;
margin-left: 0;
}
.home #logo img,
body #logo img {
max-width: 220px;
}
} .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;
}