@CHARSET "UTF-8";
/* BODY */
body, html {
width: 100%;
height: 100%;
}
/* armata-regular - latin */
@font-face {
font-family: 'Armata';
font-style: normal;
font-weight: 400;
src: url('fonts/armata-v19-latin-regular.eot');
src: local(''),
url('fonts/armata-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/armata-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/armata-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/armata-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/armata-v19-latin-regular.svg#Armata') format('svg'); /* Legacy iOS */
}
body {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.6;
color: #494949;
line-height: 25px;
}
/* Opera Fix */
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
a {
color: #000;
}
a:hover {
text-decoration:none;
color: #000;
}
.clear {
clear:both;
}
.clearBlock {
clear: both;
width: 100%;
display: block;
}
hr {
border:1px solid #ffd600;
color: #bca2a5;
background-color: #fff;
height: 1px;
border: 0;
width: 100%;
display:block;
border-style: inset;
margin: 20px 0;
}
blockquote {
padding: 0 0 0 30px;
font-size:18px;
font-style:italic;
margin:0 0 10px 0;
}
/* TABLES */
table{
}
table tr{
}
table tr td{
}
/* FONTS */
@font-face {
font-family: 'xy';
src: url('webfonts/henriette/Henriette-Regular.eot');
src: url('webfonts/henriette/Henriette-Regular.eot?#iefix') format('embedded-opentype'),
url('webfonts/henriette/Henriette-Regular.woff') format('woff'),
url('webfonts/henriette/Henriette-Regular.svg#Henriette-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* COLORS */
.yellow-bg {
background-color: #ffd600;
}
/* DEFAULT HTML */
b, strong {
font-weight: bold;
}
em, i {
font-style:italic;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight:normal;
}
h1 {
font-size: 30px;
line-height:42px;
}
h2 {
font-size: 24px;
line-height:32px;
padding:0 0 5px 0;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 12px;
}
p {
padding: 0 0 10px 0;
}
.ta-right {
text-align:right;
}
.ta-left {
text-align:left;
}
.alignright {
float:right;
margin:0 0 0 10px;
}
.alignleft {
float:left;
margin:0 10px 0 0;
}
/* GLOBALS DEFAULTS */
/* CONSTRUCT */
#mainWrapper {
min-height: 100%;
}
#innerWrapper {
overflow:auto;
padding-bottom: 40px;
min-width:1010px;
max-width:1600px;
}
/* HEADER */
#header {
position:relative;
width:100%;
height:120px;
clear:both;
min-width:1009px;
max-width:1600px;
}
#header .logo {
width: 425px;
height: 120px;
background:url("../img/spt_logo.png") 20px 20px no-repeat;
float:left;
cursor:pointer;
}
/* MENU */
div#header .top-menu {
position:absolute;
bottom:0;
right:0;
}
div#header .top-menu ul {
float:left;
margin: 0 10px 0 0;
padding: 0;
list-style:none;
}
div#header .top-menu ul li.menu-item {
position: relative;
float:left;
padding:0 20px 0 10px;
white-space: nowrap;
height: 30px;
}
div#header .top-menu ul li.spacer {
float:left;
white-space: nowrap;
border-right: 1px solid rgb(255, 255, 255);
width: 1px;
height: 30px;
}
div#header .top-menu ul li.menu-item a {
font-family: "Armata", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
text-transform: none;
text-decoration: none;
letter-spacing: 0.016em;
word-spacing: 0em;
line-height: 1.4;
padding:0 5px 0 5px;
display: inline-block;
color:#000;
display: block;
width:100%;
float: none;
}
div#header .top-menu ul li.menu-item.active a {
color:#fff;
}
div#header .top-menu ul li a:hover {
color: #666666;
}
div#header .top-menu ul li.current-page-ancestor,
div#header .top-menu ul li.current-menu-item {
color:#000;
}
div#header .top-menu ul li.current-menu-item:after,
div#header .top-menu ul li.active:after,
div#header .top-menu ul li.current-page-ancestor:after {
content:'';
display:block;
position: relative;
top: -3px;
left:50%;
width:0;
height:0;
border-color: transparent transparent white transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 7px;
}
div#header .top-menu ul li.current-page-ancestor a,
div#header .top-menu ul li.current-menu-item a {
}
/* SUB MENU */
div#header .top-menu ul li ul.sub-menu {
display:none;
position: absolute;
z-index:999;
top:30px;
left:0;
width:100%;
overflow: hidden;
}
div#header .top-menu ul li ul.sub-menu li {
float:none;
display: block;
clear: both;
position:relative;
padding: 0;
margin:0;
height: auto;
border-bottom:1px solid #efefef;
}
div#header .top-menu ul li ul.sub-menu li a {
background-color: #fff;
margin: 0;
float: none;
list-style-type: none;
padding: 7px;
text-align: left;
line-height: 12px;
font-size:11px;
color:#000;
}
div#header .top-menu ul li ul.sub-menu li.current-menu-item,
div#header .top-menu ul li ul.sub-menu li.active,
div#header .top-menu ul li ul.sub-menu li.current-page-ancestor {
color: #000 !important;
}
div#header .top-menu ul li ul.sub-menu li.current-menu-item a,
div#header .top-menu ul li ul.sub-menu li.active a,
div#header .top-menu ul li ul.sub-menu li.current-page-ancestor a {
color: #000 !important;
background:#efefef;
}
div#header .top-menu ul li ul.sub-menu li:after {
border:none;
}
div#header .top-menu ul li.active ul.sub-menu li a {
color:#000;
}
div#header .top-menu ul li ul.sub-menu li a:hover {
color:#000;
background:#ffd600;
}
/* SUB SUB MENU */
div#header .top-menu ul li ul.sub-menu li ul.sub-menu {
display:none;
position: absolute;
left:0;
top:0;
z-index:999;
}
div#header .top-menu ul li ul.sub-menu li ul.sub-menu li a {
background-color: #666666 !important;
background: rgba(102, 102, 102, .5) !important;
border-top:1px solid #000;
margin: 0;
float: none;
list-style-type: none;
padding: 4px 4px 4px 4px;
height: auto;
text-align: left;
line-height: 12px;
color:#fff !important;
}
div#header .top-menu ul li ul.sub-menu li ul.sub-menu li a:hover {
background-color: #fff !important;
color:#000 !important;
}
#innerWrapper .content {
min-width:400px;
max-width:80%;
width:80%;
float:left;
min-height:760px;
position:relative;
overflow:hidden;
background:#efefef;
}
#innerWrapper .content .bgImage {
width:100%;
position:absolute;
left:0;
top:0;
z-index:9;
}
#innerWrapper .content .wrapper {
width:80%;
margin:30px 0 10px 10%;
position:relative;
z-index:10;
}
#innerWrapper .sidebar {
float:left;
width:20%;
background:#fff;
font-size: 12px;
line-height:1.5;
}
/* CONTENT STYLES */
#innerWrapper .content .wrapper h1,
#innerWrapper .content .wrapper h2 {
color:#fff;
margin:0 0 20px 0;
}
#innerWrapper .content .wrapper .header-pic {
position:relative;
margin:0 0 10px 0;
height:270px;
overflow:hidden;
border:10px solid #fff;
}
#innerWrapper .content .wrapper .header-pic img {
width:100%
}
/* TEXT CONTENT IN WHITE BG BLOCKS STYLES */
#innerWrapper .content .wrapper .white-bg {
background: rgba(255,255,255, .8);
-pie-background: rgba(255,255,255,0.8);
padding:10px;
behavior: url(/wp-content/themes/solarpowerteam/assets/css/PIE.htc);
}
#innerWrapper .content .wrapper .white-bg h1,
#innerWrapper .content .wrapper .white-bg h2,
#innerWrapper .content .wrapper .white-bg h3 {
color:inherit;
margin:0;
}
#innerWrapper .content .wrapper .white-bg .post-thumbnail {
margin:0 10px 10px 0;
float:left;
}
#innerWrapper .content .wrapper .white-bg .post-thumbnail img {
border:1px solid #fff;
}
#innerWrapper .content .wrapper .white-bg ul {
list-style-type: square;
list-style-position: inside;
margin:0 0 10px 0;
}
#innerWrapper .content .wrapper .white-bg ol {
list-style-type: decimal;
list-style-position: inside;
margin:0 0 10px 0;
}
/* SIDEBAR STYLES */
#innerWrapper .sidebar .inner-content {
margin:10px;
background:#efefef;
min-height:740px;
padding:0;
}
#innerWrapper .sidebar .inner-content ul {
padding:5px;
}
#innerWrapper .sidebar .inner-content ul li {
margin:10px;
background:#efefef;
border-bottom:1px solid #999;
}
/* LIST*/
#outerWrapper ul {
margin: 0 0 20px 18px;
list-style-type: disc;
}
#outerWrapper ul li {
padding: 0 0 0 0;
}
/* WIDGET */
.mrs_solarEdgeForm_loginform form {
margin:0 15px 0 15px;
}
.mrs_solarEdgeForm_loginform h4 {
margin:0 0 10px 15px;
color:#000;
}
.mrs_solarEdgeForm_loginform form input {
margin:0 0 10px 0;
}
/* IMAGES */
.image {
padding: 9px;
background: #fff;
border: 1px solid #e6e6e6;
display: block;
}
.googleMapsWrapper {
}
#googleMapsView {
height: 190px;
width: 530px;
margin: 0 0 18px 0;
}
#outerWrapper span.separator {
height: 1px;
background-color: #e6e6e6;
width: 100%;
display: block;
margin: 26px 0 32px 0;
}
/* FORM */
.form {
max-width:600px;
}
.form .blockItem {
margin:10px 0 0 0;
}
.form label {
font-weight:bold;
display:block;
margin:0;
}
.form label.cb-label {
padding:0 0 0 10px;
font-weight:normal;
display: inline;
}
.form input[type="checkbox"] {
float:left;
margin:5px 10px 0 0;
}
.form .stripline {
height:3px;
background:#eee6d6;
width:100%;
line-height:0;
padding:0;
margin:0 0 5px 0;
}
.form input.dp-selector {
background:url('../img/input/date-picker.png') 98% 50% no-repeat #fff;
}
.form .response {
margin:10px 0 10px 0;
height:20px;
}
/* FOOTER, FOOTERMENU */
#footerWrapper {
position: relative;
margin-top: -40px; /* negative value of footer height */
height: 40px;
clear:both;
}
#footerWrapper .footerMenu {
}
#footerWrapper .footerMenu ul {
padding: 0;
margin:0 0 0 20px;
}
#footerWrapper .footerMenu ul li {
font-family: "Armata", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:10px;
color: #000;
float:left;
}
#footerWrapper .footerMenu ul li.spacer {
float: left;
width:1px;
border-left:1px solid #efefef;
height:15px;
padding:0 0px 0 5px;
margin:5px 0 0 3px;
}
#footerWrapper .footerMenu ul li a {
padding: 0 4px;
color: #000;
}
#footerWrapper .footerMenu ul li.current-menu-item a {
color: #000;
}
/* CONTENT TOGGLER */
.toggler-head {
cursor:pointer;
}
.toggler-content {
display:none;
}
/* MODULE */
.module-references {
}
.module-references .reference {
clear:both;
margin:0 0 20px 0;
}
.module-references .reference .ref-image {
margin:0 20px 20px 0;
float:left;
}
.module-references .reference .description {
width:40%;
min-width:150px;
float:left;
}