
/* Clear Default Navigation Styles */
.svg-logo h1{
  margin:0!important;
}.svg-logo span {
    color: #fff;
}
.top-bar, .top-bar-section ul li, .top-bar-section ul li.active > a, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button){
    background:none;
    }

.top-bar-section ul{
    float:left;
    }

body.sticky-active{
    }

.top-bar .toggle-topbar.menu-icon a {
    background: #222;
}
span.custom-name {
    font-weight: 600;
    line-height: 1;
    color: black;
    text-shadow: -1px -1px 0 #0000, 1px -1px 0 #ffffff, -1px 1px 0 #0000, 1px 1px 0 #fff;
}

span.license {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    color: #000000;
    font-weight: bold;
    
}
/* Start Our Navigation styles */

.navigation-wrapper{
    padding:15px 0;
    }

.navigation-wrapper .top-bar{
    background:none;
    position:relative;
    margin-bottom:0;
    line-height:45px;
    height:45px;
   }

.top-bar.expanded .title-area{
    background:#151313;
    }

.top-bar-section ul li > a, .top-bar-section li:not(.has-form) a:not(.button){
    font-size:20px;
    font-weight:lighter;
    font-family:"Roboto", sans-serif;
    color:#FFFFFF;
    padding:0 20px;
    text-transform:uppercase;
    line-height:50px;
    }

.top-bar-section li.active:not(.has-form) a:not(.button){
    padding:0 20px;
    }

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:hover:not(.button), .top-bar-section ul li:hover:not(.has-form) > a{
    color:#FFFFFF;
    position:relative;
    line-height:50px;
    }

.top-bar-section .dropdown{
    background:#138335;
    }

.top-bar-section .dropdown li{
    padding:0 !important;
    margin:0 !important;
    }

.top-bar-section .dropdown li:not(.has-form) a:not(.button){
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:15px;
    font-weight:300;
    line-height:30px;
    padding:0 15px;
    text-transform:none;
    }

.top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button), .top-bar-section ul li.active .dropdown li:hover:not(.has-form) > a:not(.button){
    background:#FFFFFF;
    color:#138335;
    line-height:30px;
    }


/* FIXED NAVIGATION COLORS */

.sticky-active .navigation-wrapper .fix-on-scroll{
    background:#ffffff none repeat scroll 0 0;
    position:fixed !important;
    z-index:99999999;
    left:0;
    right:0;
    top:0;
    padding:15px 0;
    }

.sticky-active .navigation-wrapper .fix-on-scroll::before{
    content:" ";
    background:transparent;
    position:absolute;
    top:0;
    width:1920px;
    left:-1920px;
    height:80px;
    }

.sticky-active .navigation-wrapper .fix-on-scroll::after{
    content:" ";
    background:transparent;
    position:absolute;
    top:0;
    width:1920px;
    right:-1920px;
    height:80px;
    }

.sticky-active .top-bar-section ul li > a, .sticky-active .top-bar-section li:not(.has-form) a:not(.button), .sticky-active .top-bar-section li.active:not(.has-form) a:not(.button), .sticky-active .top-bar-section li.active:not(.has-form) a:hover:not(.button), .sticky-active .top-bar-section ul li:hover:not(.has-form) > a{
    color:#222;
    }
.sticky-active .navigation-wrapper .fix-on-scroll * {
    color: #222;
}
.slider-overlay h3,
.sticky-active .top-bar-section .dropdown li:not(.has-form) a:not(.button){
    color:#FFFFFF;
    }

.sticky-active .top-bar-section .has-dropdown > a::after{
    border-color:#138335 transparent transparent;
    }

.sticky-active .top-bar-section .dropdown{
    background:#138335;
    }

.sticky-active .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button), .sticky-active .top-bar-section ul li.active .dropdown li:hover:not(.has-form) > a:not(.button){
    background:#FFFFFF;
    color:#138335;
    line-height:30px;
    }

.sticky-active .navigation-wrapper .social-wrapper .fa{
    border:1px solid #138335;
    color:#138335;
    }

.sticky-active .svg-logo{
    border-right:1px solid #138335;
    }

.sticky-active .svg-logo svg path{
    fill:#138335;
    }

.svg-logo{
    border-right:1px solid #ffffff;
    float:left;
    /*height:50px;*/
    margin-right:30px;
    padding-right:30px;
    }

.social-wrapper{
    text-align:right;
    }

.social-wrapper .fa{
    width:35px;
    line-height:35px;
    border:1px solid #FFFFFF;
    margin:7px 11px 0;
    font-size:20px;
    text-align:center;
    color:#FFFFFF;
    }

header.header-wrapper{
    max-height:750px;
    position:relative;
    overflow:hidden;
    }

.slider-wrapper{
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    overflow:hidden;
    }

.slider-wrapper{
    min-width:1920px;
    }

.slider-wrapper, .slider-wrapper ul, .slider-wrapper ul li, .slider-wrapper ul li img{
    width:100% !important;
    height:750px !important;
    }

.slider-wrapper.inner-page, .slider-wrapper.inner-page ul, .slider-wrapper.inner-page ul li, .slider-wrapper.inner-page ul li img{
    width:100% !important;
    height:525px !important;
    }

.slider-wrapper ul{
    margin:0;
    position:relative;
    z-index:-2;
    }

.slider-wrapper .gradient-overlay {
  background: #5b5b5b8c;
  height: 800px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.slider-overlay{
    margin:50px 0 200px;
    }

.slider-overlay.inner-page{
    margin:70px 0 70px;
    }

.slider-overlay .header-company-title a {
    color:#ffffff;
    float:left;
    font-family:"Oxygen", sans-serif;
    font-size:40px;
    font-weight:bold;
    line-height:45px;
    margin:0 0 35px;
    max-width:100%;
    text-align:left;
    text-decoration:none;
    text-transform:uppercase;
    width:auto;
    }

.slider-overlay .header-company-serviceorder, .slider-overlay .header-company-locationorder{
    clear:both;
    color:#ffffff;
    font-family:"Roboto", sans-serif;
    font-size:14px;
    font-weight:300;
    line-height:normal;
    margin:0;
    }

.slider-overlay p, .slider-overlay a{
    color:#ffffff;
    font-family:"Roboto", sans-serif;
    font-size:22px;
    font-weight:300;
    margin:30px 0 15px;
    line-height:normal;
    text-transform:uppercase;
    }

.slider-overlay p a{
    margin:0;
    }

.slider-overlay .button{
    background:none;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    width:315px;
    max-width:100%;
    text-transform:uppercase;
    line-height:50px;
    padding:0;
    }

.first-part{
    padding-bottom:50px;
    }

.button.wide {
  background: #138335 none repeat scroll 0 0;
  color: #ffffff;
  line-height: 50px;
  max-width: 100%;
  padding: 0;
  text-transform: uppercase;
  width: 345px;
}

.light-hr{
    background:url("https://danielsonelectric.com/wp-content/themes/rele6/images/light-hr.png");
    background-position:center center;
    background-repeat:no-repeat;
    height:50px;
    width:100%;
    clear:both;
    }

.context{
    padding:40px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-size:100% auto !important;
    }

.contact-info-wrapper{
    padding-top:30px;
    padding-bottom:30px;
    }

.contact-info-wrapper p{
    font-size:16px;
    line-height:1.5em;
    margin:0 0 20px 0;
    }


/* DEFAULT STYLES */

#wpadminbar{
    display:none !important;
    }

body{
    font-family:"Roboto", sans-serif;
    }

h1, h1 a{
    color:#000000;
    font-family:"Oxygen", sans-serif;
    font-size:32px;
    font-weight:lighter;
    text-transform:uppercase;
    line-height:60px;
    margin:25px 0;
    }

h2{
    color:#000000;
    font-family:"Oxygen", sans-serif;
    font-size:29px;
    font-weight:lighter;
    text-transform:uppercase;
    line-height:50px;
    margin:25px 0;
    }

h3{
    color:#000000;
    font-family:"Oxygen", sans-serif;
    font-size:25px;
    font-weight:lighter;
    text-transform:uppercase;
    line-height:35px;
    margin:25px 0;
    }

h4{
    font-family:"Oxygen", sans-serif;
    color:#000000;
    font-weight:lighter;
    text-transform:uppercase;
    font-size:1.5em;
    line-height:1.5rem;
    margin:25px 0;
    }

p{
    font-family:"Oxygen", sans-serif;
    color:#5a5a5a;
    line-height:40px;
    font-size:18px;
    font-weight:lighter;
    margin:0 0 25px;
    }

ul{
    list-style-type:none;
    }

ul.disc{
    list-style-type:disc;
    margin:0 0 25px;
    }

ul.disc li{
    margin:0 0 0 15px;
    }

.strip-padding{
    padding-left:0 !important;
    padding-right:0 !important;
    }

.vertical-padding{
    padding-top:50px;
    padding-bottom:50px;
    }

.content-wrapper ul{
    margin:0;
    }

.content-wrapper li{
    color:#5a5a5a;
    font-family:"Oxygen", sans-serif;
    line-height:40px;
    font-weight:lighter;
    font-size:18px;
    }

.google-map{
    z-index:-1;
    }

.subnav{
    background:none repeat scroll 0 0 #e0e0e0;
    display:block;
    float:left;
    height:80px;
    margin:0 3px;
    padding:20px 40px;
    }

.about-right > span{
    clear:both;
    display:block;
    font-size:65px;
    line-height:1.5;
    }

.about-right{
    font-family:open sans;
    font-size:40px;
    font-weight:lighter;
    line-height:1;
    }

.row{
    margin:0 auto;
    max-width:90rem;
    width:100%;
    }

.contain-to-grid{
    background:none !important;
    }

.contain-to-grid .top-bar{
    max-width:75em;
    }

.page-wrapper{
    max-width:75rem;
    clear:both;
    }

.form-segment{
    padding-top:50px;
    padding-bottom:50px;
    }

.footer-wrapper .large-4{
    padding:0 40px;
    }

.footer-wrapper{
    width:100%;
    background:#222222;
    }

.footer-wrapper p{
    color:#ffffff;
    font-family:"Roboto", sans-serif;
    font-size:18px;
    font-weight:lighter;
    line-height:30px;
    margin:0;
    }

.footer-wrapper h3{
    font-family:"Roboto", sans-serif;
    font-weight:lighter;
    color:#FFFFFF;
    font-weight:300;
    }

.contactForm{
    margin-top:20px;
    }

.contactForm label{
    font-weight:bold;
    display:block;
    }

.contactForm input{
    border:1px solid #000000;
    box-shadow:none;
    font-family:"Roboto", sans-serif;
    font-size:18px;
    font-weight:300;
    height:50px;
    margin:0 0 18px;
    padding:3px 15px;
    width:100%;
    }

.contactForm textarea{
    border:1px solid #000000;
    font-family:"Roboto", sans-serif;
    font-size:18px;
    font-weight:300;
    height:118px;
    padding:3px 15px;
    width:100%;
    margin:0 0 18px 0;
    }

.contactForm .captchaWrapper{
    height:50px;
    }

.contactForm .captchaRefresh{
    vertical-align:top;
    }

.contactForm .submitWrapper{
    text-align:center;
    }

.contactForm .submitWrapper span.submit{
    background-color:transparent;
    border:1px solid #000000;
    box-shadow:none;
    cursor:pointer;
    display:block;
    font-family:"Roboto", sans-serif;
    font-size:inherit;
    font-weight:300;
    line-height:50px;
    padding:0 20px;
    width:100%;
    -webkit-transition:background 100ms ease;
    -moz-transition:background 100ms ease;
    -ms-transition:background 100ms ease;
    -o-transition:background 100ms ease;
    transition:background 100ms ease;
    }

.contactForm .submitWrapper span.submit:hover{
    background-color:#C20000;
    color:#FFFFFF;
    border:1px solid #ffffff;
    }

.emailConfirmation{
    margin:0 auto;
    }

.emailConfirmation h1{
    color:#00CC00;
    }

p.contact-title{
    font-family:"Calibri", sans-serif;
    color:#151515;
    font-size:inherit;
    margin:15px 0;
    }

.fc-header-left, .fc-header-center, .fc-header-right{
    clear:both;
    display:block;
    width:100%;
    text-align:center;
    }

.slick-background-wrapper{
    left:0;
    position:fixed;
    top:0;
    z-index:-1;
    width:101% !important;
    overflow:hidden;
    }

.disclaimer{
    padding:30px 0 10px;
    }

.disclaimer p{
    color:#fff;
    font-size:12px;
    font-weight:lighter;
    line-height:normal;
    margin:10px 0 0 0;
    }

.disclaimer .lnm-image{
    opacity:1;
    }
.top-bar.expanded {
    height: auto!important;
    background: transparent;
}
@media only screen and (min-width:1024px) {
.svg-logo img {
    width: 343px;
 }
}
@media only screen and (max-width:1024px) {
.slider-wrapper .gradient-overlay {
    background: #5b5b5b8c;
}
.navigation-wrapper .top-bar{
  width: 100%;
   }
.top-bar.expanded .top-bar-section ul {
    min-height: 320px;
}
.slider-overlay{
  margin: 0;
 }
}
@media only screen and (max-width:767px) {
    .top-bar.expanded .top-bar-section ul{
    min-height:420px;
    }

.top-bar.expanded{
    height:auto !important;
    }

.top-bar.expanded .title-area{
    background:none;
    }

.svg-logo{
    border:none;
    margin:0;
    padding:0;
    position:absolute !important;
    top:-43px !important;
    width: 178px;
    }

.sticky-active .svg-logo{
    border:none;
    }

.slider-overlay, .slider-overlay.inner-page{
    margin:10px 0;
    }

.slider-overlay .header-company-title a{
    font-size:20px;
    line-height:normal;
    text-align:center;
    width:100%;
    padding:10px 0;
    }

.slider-overlay .header-company-serviceorder, .slider-overlay .header-company-locationorder{
    text-align:center;
    }

.header-wrapper a[href^="tel"]{
    border:1px solid #fff;
    font-size:15px;
    width:100%;
    display:block;
    text-align:center;
    line-height:50px;
    }

.slider-overlay .button{
    width:100%;
    }

h1, h1 a{
    font-size:20px;
    line-height:normal;
    text-align:center;
    }

h2, h3, h4{
    font-size:20px;
    font-weight:lighter;
    line-height:normal;
    text-align:center;
    }

p{
    font-size:16px;
    font-weight:lighter;
    line-height:28px;
    }

.content-wrapper li{
    font-size:16px;
    font-weight:lighter;
    line-height:normal;
    }

.sticky-active .title-area a span{
    color:#138335;
    }

.top-bar .toggle-topbar.menu-icon a span::after{
    box-shadow:0 0 0 1px #ffffff, 0 7px 0 1px #ffffff, 0 14px 0 1px #ffffff;
    }

.sticky-active .top-bar .toggle-topbar.menu-icon a span::after{
    box-shadow:0 0 0 1px #138335, 0 7px 0 1px #138335, 0 14px 0 1px #138335;
    }

}

