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


body.front {

  background: none;
}

body.front p {
  background: none;
    font-family: "Open Sans",Arial,sans-serif;
    f/ont-size: 16px;
    height: 100%;
    line-height: 1.5;
    o/verflow-wrap: break-word;
    o/verflow-y: scroll;

    margin-bottom: 4.242%;
}


.front .container {
  max-width: 100%;
  width: 100%;
}

body.front .page #main-content {
    background-color: white;
    background-image: none;
    background-position: center top;
    background-repeat: no-repeat;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.front .content-style {
   max-width: 100% !important;
   width:100%;
}

.front #page-container {
   width:100%;
   m/ax-width:100%;
}

.front #main-header {
   p/osition: fixed;
   padding-bottom: 4px;
}

.front #content-wrapper {
   margin-bottom: 0;
}
.front #block-system-main {
   margin-bottom: 0;
}
.front .article {
   margin-bottom: 0;
}


.front #page-container.et-animated-content {
    transition: margin-top 0.4s ease-in-out 0s;
}

#main-header .container {
    margin: auto;
    max-width: 1080px;
    position: relative;
    width: 80%;
    padding-top: 0;
    height: 111px;
}

.front .logo_container {
    height: 100%;
    position: absolute;
    width: 100%;
}

.front h2 {
    color: #3c748b;
    font-family: "Roboto",Helvetica,Arial,Lucida,sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1.3;
}

.front .et_pb_social_media_follow li a.icon::before {
    font-size: 30px;
}

.front .et_pb_image {
    margin-bottom: 4.24%;
}

.front #row-with-jacob-and-media #column-with-jacob-pic.et_pb_column {
    margin-right: 0 !important;
    width: 29%;
}


.front #row-of-books .et_pb_column:last-child {
    m/argin-right: 0 !important;
    width: 100%;
}

.front #row-with-jacob-and-media .et_pb_column {
    background-position: center center;
    background-size: cover;
    float: left;
    position: relative;
    width: 64.833%;
    margin-right: 5.5%;
}


.et_search_outer {
    display: none;
}

#main-content .container::before {
    background-color: inherit;

}

#et_mobile_nav_menu {
    margin-top: 30px;
}

#main-footer {
   height: 70px;
}

#footer-bottom {
   padding: 0;
}

#footer-bottom .container {
    padding-top: 16px;
}

/* Smartphone portrait ------------------------------------------------------------------------------ */
@media only screen and (max-width:320px) {

}


/* Smartphone landscape ----------------------------------------------------------------------------- */
@media only screen and (min-width:100px) and (max-width:768px) {

body.front {
    b/ackground-color: #99C317;
    background-color: #97C906;
    b/ackground-color: red;
    background-image: none;
    background-position: left top;
    background-repeat: y-repeat;

}

.front #main {
    height: 750px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.front .page #main-content {
    b/ackground-color: #A1D2E3;
    background-color: white;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    height: 820px;
    margin: 0px 0 0 0px;
    padding: 0;
    p/osition: relative;
    w/idth: 320px;
    width: 100%;
}

.front #content {
    background-color: #A1D2E3;
    background-color: transparent;
    b/ackground-image: url("/sites/all/images/energy-pgm-login-320-v4.png");
    b/ackground-image: url("/sites/all/images/energy-pgm-login-320-v5.png");
    background-image: none;
    background-position: left 20px;
    background-repeat: no-repeat;
    border: medium none;
    margin: 0;
}

.front .page #new_users {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    h/eight: 74px;
    left: 60px;
    p/osition: absolute;
    top: 135px;
    w/idth: 197px;
}

.front #block-multiblock-1 {
    left: 61px;
    position: absolute;
    top: 250px;
    width: 200px;
}

.front #block-multiblock-1 label {
    d/isplay: inline;
    display: block;
}
.front #block-multiblock-1 .form-item.form-item-name label {
    margin-left: 0px;
}


.front input.form-button, .front input.form-submit {
    margin-left: 40px;
}

.front .page #returning_users {
    height: 130px;
    left: 40px;
    position: absolute;
    top: 320px;
    width: 250px;
}

.front div.button-general-container-left {
    left: 40px;
    min-width: 200px;
    position: absolute;
    top: 140px;
    width: auto;
}

.front #login-bottom-panels {
    h/eight: 230px;
    left: 0px;
    position: absolute;
    top: 470px;
    width: 85%;
    p/adding: 0 10px 0 10px;
    margin-left: 20px;
}

#login-bottom-panels {
    clear: both;
    height: 180px;
    left: -50px;
    margin: 0;
    position: absolute;
    top: 190px;
    width: 100%;
    z-index: 50;
}

.login-bottom {
    color: black;
    float: left;
    height: 190px;
    margin: 0px 0px 0 0;
    width: 100%;
}

.login-bottom h2 {
    font-size: 20px;
}

.login-bottom p {
    line-height: 18px;
}

#block-block-1 img {
    display: none;
}

#block-block-1  {
    position: relative;
    background-image: none);
    background-position: left top;
    background-repeat: no-repeat;


    b/order: 1px solid red;
    top: 5px;
    left: 10px;
    width: 320px;
    height: 50px;
    margin: 0 ;
    float: left;
}

.front #messages {
    left: 18px;
    position: absolute;
    t/op: 180px;
    top: 10px;
    width: 260px;
    z-index: 5000;
}

#main-content {
    margin: 10px 0 0 0;
}

.tabs.primary {
   font-size: 12px;
}


#block-block-2 {
    clear: both;
    float: left;
    margin: 10px 0 0;
    position: relative;
    top: -10px;
    width: 90%;
    z-index: 1000;
}

.content-style {
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

.not-front .content-style {
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

.confirm-parent, .password-parent {
    width: auto;;
}

.password-strength {
    display: none;
}


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

.webform-container-inline label {
    margin-right: 5px;
}


#header-wrapper {
    background-color: #97C906;
   
}

}

//-----------------------------------------------------------------------------------------
//RESPONSIVE OVERRIDES
//-----------------------------------------------------------------------------------------

/* Smartphone portrait ------------------------------------------------------------------------------ */
@media only screen and (max-width:320px) {

}


/* Smartphone landscape ----------------------------------------------------------------------------- */
@media only screen and (min-width:100px) and (max-width:768px) {

body.front {
    background-color: white;
    background-image: none;
    background-position: left top;
    background-repeat: y-repeat;

}

.front #main {
    height: 750px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.front .page #main-content {
    b/ackground-color: #A1D2E3;
    background-color: white;
    background-image: none");
    background-position: left top;
    background-repeat: no-repeat;
    height: 820px;
    margin: 0px 0 0 0px;
    padding: 0;
    p/osition: relative;
    w/idth: 320px;
    width: 100%;
}

.front #content {
    background-color: white;
    background-image: none);
    background-position: left 20px;
    background-repeat: no-repeat;
    border: medium none;
    margin: 0;
}

.front .page #new_users {
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    h/eight: 74px;
    left: 60px;
    p/osition: absolute;
    top: 135px;
    w/idth: 197px;
}

.front #block-multiblock-1 {
    left: 61px;
    position: absolute;
    top: 250px;
    width: 200px;
}

.front #block-multiblock-1 label {
    d/isplay: inline;
    display: block;
}
.front #block-multiblock-1 .form-item.form-item-name label {
    margin-left: 0px;
}


.front input.form-button, .front input.form-submit {
    margin-left: 40px;
}

.front .page #returning_users {
    height: 130px;
    left: 40px;
    position: absolute;
    top: 320px;
    width: 250px;
}

.front div.button-general-container-left {
    left: 40px;
    min-width: 200px;
    position: absolute;
    top: 140px;
    width: auto;
}

.front #login-bottom-panels {
    h/eight: 230px;
    left: 0px;
    position: absolute;
    top: 470px;
    width: 85%;
    p/adding: 0 10px 0 10px;
    margin-left: 20px;
}

#login-bottom-panels {
    clear: both;
    height: 180px;
    left: -50px;
    margin: 0;
    position: absolute;
    top: 190px;
    width: 100%;
    z-index: 50;
}

.login-bottom {
    color: black;
    float: left;
    height: 190px;
    margin: 0px 0px 0 0;
    width: 100%;
}

.login-bottom h2 {
    font-size: 20px;
}

.login-bottom p {
    line-height: 18px;
}

#block-block-1 img {
    display: none;
}

#block-block-1  {
    position: relative;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;


    b/order: 1px solid red;
    top: 5px;
    left: 10px;
    width: 320px;
    height: 50px;
    margin: 0 ;
    float: left;
}

.front #messages {
    left: 18px;
    position: absolute;
    t/op: 180px;
    top: 10px;
    width: 260px;
    z-index: 5000;
}

#main-content {
    margin: 10px 0 0 0;
}

.tabs.primary {
   font-size: 12px;
}


#block-block-2 {
    clear: both;
    float: left;
    margin: 10px 0 0;
    position: relative;
    top: -10px;
    width: 90%;
    z-index: 1000;
}

.content-style {
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

.not-front .content-style {
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 0px 0px;
}

.confirm-parent, .password-parent {
    width: auto;;
}

.password-strength {
    display: none;
}


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

.webform-container-inline label {
    margin-right: 5px;
}


#header-wrapper {
    background-color: white;
   
}

}


/* Tablet portrait ---------------------------------------------------------------------------------- */


/* Tablet landscape --------------------------------------------------------------------------------- */
@media only screen and (min-width:769px) and (max-width:1024px) {



}

/* Standard layout ---------------------------------------------------------------------------------- */
@media only screen and (min-width:1025px) {


}