body {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
}
@media (min-width: 992px) {
body {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
}
}
.card {
height: 100%;
} #homeBg{
display: block;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 100%;
z-index:-1;
background-position: 60% calc(50% + 50px);
}  #homeHeroArea{
position: relative;
z-index: 0;
display: block;  height:500px;
}
.message-block{
background: rgba(255, 255, 255, .90);
box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.1);
padding: 10px 30px 10px 30px;
position: absolute;
left: 0;
bottom: 0;
width: 49%;
max-width: 590px;
margin-bottom: 50px;
margin-left:15px;
border-radius: 10px;
}
.message-block h1{
font-size: 36px;
line-height: 63px;
color: #4a4a4a;
}
.message-block h1 span{
font-size: 36px;
display: block;
}
.message-block p{
line-height: 36px;
font-size:18px;
color: #4a4a4a;
}  #innerHeroArea{
position: relative;
z-index: 0;
display: block;
height: 720px;
}
.inner-message-block{
background: rgba(255, 255, 255, .90);
box-shadow: 2px 2px 24px 0 rgba(0, 0, 0, 0.1);
padding: 30px 40px 45px 40px;
position: absolute;
bottom: 0;
width: 49%;
max-width: 590px;
margin-bottom: 150px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.inner-message-block h1{
font-size: 40px;
line-height: 63px;
color: #4a4a4a;
border-bottom:solid 2px #1B75BC;
}
.inner-message-block h1 span{
font-size: 40px;
display: block;
}
.inner-message-block p{
line-height: 36px;
font-size:18px;
color: #4a4a4a;
}  .navbar-brand img{
height: 112px;
}
.navbar{ }
.nav-link{
color: #fff;   
}
.active .nav-link{
color: #b7b6b6;   
}
.bg-info{
background-color: #fff !important;
}
.bg-info .navbar-brand{
color: #fff;  
}
.bg-info .navbar-nav .nav-link{
color: #fff;   
}
.bg-info .navbar-nav .active .nav-link{
color: #b7b6b6;   
}
.primary-nav  .navbar-nav .nav-link{
color: #4a4a4a;
font-weight: bold;
}
.nav-primary{
position: relative;
}
.primary-nav{
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .16);
z-index: 1; margin-top: -20px;
}
.primary-nav.fixed{
position: fixed;
top:150px;
width: 100%;
background-color:white;
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .16), 0 0 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0px 2px 5px rgba(0, 0, 0, .1), 0px -2px 5px rgba(0, 0, 0, .1);
}
#dropdownCustomerService{
position: absolute;
top:66px;
left:0;
width:100%;
display: none;
}
#dropdownCustomerService .row{
width: 100%;
}
body.home #dropdownCustomerService{
background: #1B75BC;
}
body.home #dropdownCustomerService .row .col-md-4{
background-color:#85A5D6;
}
#dropdownCustomerService.active{
display: block;
}
#dropdownCustomerService .row .col-md-4{
padding:36px 0;
}
#dropdownCustomerService .row .col-md-4 ul{
list-style: none;
color:#fff;
}
#dropdownCustomerService .row .col-md-4 ul a{
color:#fff;
}
#dropdownNews{
position: absolute;
top:66px;
left:0;
width:100%;
display: none;
}
body.home #dropdownNews{
background: #1B75BC;
}
#dropdownNews .row{
width: 100%;
}
body.home #dropdownNews .row .col-md-4{
background-color:#85A5D6;
}
#dropdownNews.active{
display: block;
}
#dropdownNews .row .col-md-4{
padding:36px 0;
}
#dropdownNews .row .col-md-4 ul{
list-style: none;
color:#fff;
}
#dropdownNews .row .col-md-4 ul a{
color:#fff;
}
#dropdownEnergyPrograms{
position: absolute;
top:66px;
left:0;
width:100%;
display: none;
}
#dropdownEnergyPrograms .row{
width: 100%;
}
body.home #dropdownEnergyPrograms{
background: #1B75BC;
}
body.home #dropdownEnergyPrograms .row .col-md-4{
background-color:#85A5D6;
}
#dropdownEnergyPrograms.active{
display: block;
}
#dropdownEnergyPrograms .row .col-md-4{
padding:36px 0;
}
#dropdownEnergyPrograms .row .col-md-4 ul{
list-style: none;
color:#fff;
}
#dropdownEnergyPrograms .row .col-md-4 ul a{
color:#fff;
}
.nav-primary .navbar{
padding-left:0;
padding-right:0;
}
.nav-primary .navbar li{
margin:0 7px;
}
.nav-primary .navbar-nav > li.nav-item
{
position: relative;
font-size: 13px;
text-align:center;
}
.nav-primary li.nav-item:after {
content: "";
height: 4px;
left: 0;
bottom:-8px;
position: absolute;
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 100%;
z-index: 20;
}
.nav-primary li.nav-item:after{
background:#007bff;
}
.nav-primary li.nav-item:hover:after{
display: block;
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}  .logoTest .secondary-nav{
background-color: #fff !important;    
}
.secondary-nav{
background-color: #fff !important;
z-index: 1;
color:#343a40;
min-height:122px;
}
.navbar.secondary-nav{
height: auto;
margin-top: 30px;
}
.secondary-nav-items ul{
list-style: none;
margin-bottom: 0;
}
.secondary-nav-items ul li {
display: inline-block;
text-align: center;
margin-right: 17px;
padding-top: 27px;
}
.secondary-nav-items ul li:last-child{
margin-right: 0;
}
.secondary-nav-items a i{
font-size: 54px;
}
.secondary-nav-items a{
color:#343a40;
text-align: center;
}
.secondary-nav-items a:hover{
color:#343a40;
text-align: center;
}  .fa-bell{ color:#000;
}
.fa-dollar-sign{ ccolor:#000;
}
.fa-facebook-square{ color:#fff;
}
.secondary-nav-icons{
font-size:13px;
}  #innerBg{
background-image: url(//wmgld.com/wp-content/themes/wmgld/img/inner-bg.jpg);
display: block;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
width: 100%;
z-index:-1;
background-position: center;
}  .bg-dark{
background-color: #242122 !important;
} @media (min-width:992px) {
.navbar-expand-lg .navbar-collapse.m-nav{
display: none !important;
}
#navWrapper{
position:fixed; 
top:26px; 
background:#fff;
z-index: 299;
width:100%;
}
}
@media (min-width: 1200px) {
body #homeBg, #homeHeroArea, #innerBg { height: 500px;
max-height: calc(100vh - 122px)
}
.navbar-nav {
width:95%;
}
.nav-primary .navbar-nav > li.nav-item{
font-size:16px;
margin: 0 10px;
}
.nav-primary .navbar-nav > li.nav-item a{
font-weight: 600;
}
}
@media (min-width: 1441px) {
body #homeBg, #homeHeroArea, #innerBg { }
.nav-primary .navbar-nav > li.nav-item{
font-size:18px;
margin: 0 15px;
}
}
@media (min-width: 1921px) {
body #homeBg, #homeHeroArea, #innerBg {
height:630px;
}
.nav-primary .navbar-nav > li.nav-item{
font-size:19px;
margin: 0 30px;
}
}
@media (min-width: 2560px) {
body #homeBg, #homeHeroArea, #innerBg {
height:630px;
}
.nav-primary .navbar-nav > li.nav-item{
font-size:26px;
margin: 0 30px;
}
}
@media (max-width: 1199px) {
body #homeBg, #homeHeroArea, #innerBg{ height: 500px;
max-height: calc(100vh - 122px)
}
}
@media (min-width:1304px) {
#mobile_post_list_view{
display:none;
}
#desktop_post_list_view{
display:block;
}
}
@media (max-width:1304px) {
#mobile_post_list_view{
display:block;
}
#desktop_post_list_view{
display:none;
}
}
@media (max-width: 1024px) {
.inner .col-md-3 h3{
font-size: 1.0rem;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="date"],
.wpcf7 input[type="email"], 
.wpcf7 textarea, 
.wpcf7 select{
width:100% !important;
border:none;
background: #dfdfdf;
}
.g-recaptcha{
transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}
}
@media (max-width: 991px) {
body #homeBg, #homeHeroArea, #innerBg { height: 500px;
max-height: 550px;
}
.phoneBanner{
font-size:12px;
}
}
@media (max-width: 767px) {
body #homeBg, #homeHeroArea, #innerBg { height: 500px;
max-height: 550px;
}
}
@media (max-width: 767px) {
#homeHeroArea {
visibility:hidden;
width:75%;
}
}
@media (max-width: 768px) {
.inner table tr td{
display: block;
padding-left:0 !important;
}
.inner table tr td:last-child{
margin-bottom: 17px;
}
.homeStripe .jumbotron.my-4{
display:none;
}
}
@media (min-width: 767px){
body #homeBg{
width:68%;
}
}
div.post_listing_image{
float:left; 
width:50%;
}
div.post_listing_text{
float:right;
width:40%;
}
.navbar-dark .navbar-nav .nav-link, 
.navbar-dark .navbar-nav .nav-link:hover, 
.navbar-dark .navbar-nav .nav-link:active, 
.navbar-dark .navbar-nav .nav-link:visited, 
.navbar-dark .navbar-toggler{
color:#343a40;
}
.navbar-dark .navbar-toggler-icon{
background-color: #343a40;
border-radius: .25rem;
}
.navbar-dark .navbar-toggler{
outline-color: #343a40;
}
.m-nav ul > li:hover{
}
.navbar-dark .m-nav .navbar-nav li.nav-item{
padding-left:10px;
}
.navbar-dark .m-nav .navbar-nav li.nav-item:hover .nav-link{
color:#343a40;
}
.m-nav .fa-2x{
font-size: 18px;
}
.m-nav .dropdown-menu{
background-color: #fff;
padding:10px;
padding-left:20px;
border-width: 0;
}
.m-nav .dropdown-menu li{
background-color: #fff;
padding:10px 0;
}
.m-nav .dropdown-menu li:first-child{
padding-top: 0;
}
.m-nav .dropdown-menu li:last-child{
padding-bottom: 0;
}
.m-nav .dropdown-menu a{
color:#343a40;
}
.homeStripe{
background-color: #A6BBDD;
padding-top:25px;
margin-bottom: 25px;
padding-bottom:25px;
}
.jumbotron-white{
background-color: #fff;
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .16), 0 0 10px 0 rgba(0, 0, 0, .1);
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important;
padding:25px;
border-radius: 10px;
}
.jumbotron-gray{
background-color: #e9ecef;
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .16), 0 0 10px 0 rgba(0, 0, 0, .1);
margin-bottom: 1.5rem !important;
margin-top: 1.5rem !important;
padding:25px;
}
.homeStripe .jumbotron.my-4{
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.arrows { white-space: nowrap; }
.arrows li {
display: inline-block;
line-height: 26px;
margin: 0 9px 0 -10px;
padding: 0 20px;
position: relative;
}
.arrows li::before,
.arrows li::after {
border-right: 1px solid #666666;
content: '';
display: block;
height: 50%;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: -1;
transform: skewX(45deg);   
}
.arrows li::after {
bottom: 0;
top: auto;
transform: skewX(-45deg);
}
.arrows li:last-of-type::before, 
.arrows li:last-of-type::after { 
display: none; 
}
.arrows li a { 
font: bold 24px Sans-Serif;  
letter-spacing: -1px; 
text-decoration: none;
}
.arrows li:nth-of-type(1) a { color: hsl(0, 0%, 75%); } 
.arrows li:nth-of-type(2) a { color: hsl(0, 0%, 50%); } 
.arrows li:nth-of-type(3) a { color: hsl(0, 0%, 25%); } 
.arrows li:nth-of-type(4) a { color: hsl(0, 0%, 10%); }
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid\9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.btn-primary{
background-color: #1B75BC;
border-color: #1B75BC;
}
.btn-secondary{
color: #fff;
}
header.site_content h3{
padding-top:20px;
}
header.site_content h4{
padding-top:20px;
}
header.site_content h3:first-child{
padding-top:0px;
}
header.site_content > div{
padding-top:10px;
}
.wpcf7-form-control.g-recaptcha {
padding-bottom: 20px;
}
h4.faqs{ position:relative; }
h4.faqs span{ position:absolute; top:-170px;}
.m-nav .navbar-nav{
font-size:14px;
}
.m-nav .navbar-nav .dropdown-menu,
.m-nav .navbar-nav .dropdown-menu li.nav-item {
padding-top:0;
padding-bottom:0;
font-size:14px;
}
.m-nav .navbar-nav .dropdown-menu li.nav-item a{
padding-top: 0;
}
.phoneBanner{
position: fixed;
z-index: 300;
color: white;
text-align: left;
background: #4481c8;
width: 100%;
height: 40px;
line-height: 40px;
}
.phoneBanner .container-fluid{
padding:0 50px;
}
.fa-phone-square{ position: relative;
top: 2px;
}
.mobile-nav .collapse{
display: block;
}
#searchform input[type="search"]{
border-radius: 5px;
height: 30px;
line-height: 30px;
border-width: 0;
width:125px;
font-size: 14px;
}
#searchform label{
display: none;
}
.wpcf7 input.wpcf7-text { width: 300px; } 
* {box-sizing:border-box} .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
} .mySlides {
display: none;
} .prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
} .next {
right: 0;
border-radius: 3px 0 0 3px;
} .prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
} .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
} .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
} .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.active, .dot:hover {
background-color: #717171;
} .fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 6.2s;
animation-name: fade;
animation-duration: 6.2s;
}
@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
.header-links{
padding-right:10px;
}
.carousel-indicators li{
background: #212519;
}
.carousel-indicators li.active{
background: #aaaaaa;
}
.topNav{
width:32%;
height: 100%;
padding-top: 160px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(238, 242, 245, 0.9) 40%, rgba(190, 204, 215, 0.9) 100%);
}
.topNav > div{
display: block;
width:50%;
height: 50%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
float: left;
}
.topNav > div > div{
padding: 10px;
position: relative;
top:50%;
transform: translateY(-50%);
}
.topNav > div > div a{
display: block;
color:#4a4a4a;
text-decoration: none;
font-size:14px;
}
.topNav > div:nth-child(2n+1){
clear: both;
}
.topNav .fa-user,
.topNav .fa-file-alt,
.topNav .fa-dollar-sign,
.topNav .fa-facebook{
font-size:25px;
}
@media (min-width: 1920px) {
.topNav .fa-user,
.topNav .fa-file-alt,
.topNav .fa-dollar-sign,
.topNav .fa-facebook{
font-size:35px;
}
.topNav > div > div a{
font-size:22px;
}
}
.container-fluid{
padding-right: 50px;
padding-left: 50px;
}
.carousel-item {
background-repeat: no-repeat !important;
background-position: left !important; 
border-radius:0.3rem; background-size:600px !important;
}
div.px-2:hover {
color:#1B75BC;
}
div.px-2:hover a{
color:#1B75BC;
}
div.px-2:hover > div > svg{
border-color:#007bff;
}
div.px-2 > div > svg {
border: 2px solid #4a4a4a;
border-radius: 50%;
height: 1.5em;
width: 1.5em !important;
padding:7px;
}
.inner .col-md-3 ul, .inner .col-md-3 li{
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 10px;
}