/* December 13 */

/* Override for solid button used in main content */
.cta-btn-small {
    background: var(--ae-cta-normal);
    color: #FFFFFF;
    font-size: 1.1em;
    padding: 10px 30px;
    border-radius: 3px;
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cta-btn-small:hover {
    background: var(--ae-cta-normal);
    color: #ffffff;
}
.orangebtn {
    background: var(--ae-cta-normal);
}
.orangebtn:hover, .orangebtn:focus {
    background: var(--ae-cta-pressed);
    border-color: var(--ae-cta-pressed);
    color: white;
}
.cta-btn-small:active,
.cta-btn-small:focus,
.cta-btn-small:first-child:active,
:not(.btn-check)+.cta-btn-small:active {
    background: var(--ae-cta-pressed);
    border-color: var(--ae-cta-pressed);
    color: white;
}

/* Overide for Outline button used in main content */
.btn-outline-ae,
.btn-outline-ae:hover {
    background: #ffffff;
    border: 2px solid var(--ae-cta-normal);
    color: var(--ae-cta-normal);
    font-family: OpenSans, Helvetica, Arial, sans-serif;
    padding: 10px 30px;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-outline-ae:active,
.btn-outline-ae:focus,
:not(.btn-check)+.btn-outline-ae:active,
.btn-outline-ae:first-child:active {
    border-color: var(--ae-cta-pressed);
    color: var(--ae-cta-pressed);
    background-color: #ffffff;
}

a {
    color: var(--ae-cta-normal);
    font-family: OpenSans, Helvetica, Arial, sans-serif;
}

/* This override lets gas info fold under continent image */
.right-service-areas {
     margin-right: 1px;
     float: right;
}

/* Get Started Blue Button */
.blue-btn {
    background: #0065BD;
    -webkit-box-shadow: 0 0 0 2px #0065BD, 0 0 0 3px #0065BD;
    box-shadow: 0 0 0 2px #0065BD, 0 0 0 3px #0065BD;
    font-size: 1.3em;
    padding: 6px 34px;
    border-radius: 1px;
}

.blue-btn:hover, .blue-btn:focus {
    background: #004F93;
    color: #ffffff;
    box-shadow: 0 0 0 2px #004F93, 0 0 0 3px #004F93;
    -webkit-box-shadow: 0 0 0 2px #004F93, 0 0 0 3px #004F93;
}
/* End of Get Started Blue Button */

/* Start of mobile at screensize 639px */
.mobile-main {
    padding: 20px;
}

.mobile-heading {
    font-size: 3em;
    font-weight: 400;
    color: #5f5c57;
    margin-bottom: 0;
    line-height: 40px;

}

.mobile-p {
    margin-bottom: 15px;
    font-size: 1.42em;
    letter-spacing: 1px;
}

.mobile-line {
    border: 1px solid lightgray;
    height: 0;
    margin-bottom: 10px;
}
/* End of Mobile */

/* Rules of subnav extended main */
ul.module_tabs-main li.selected,
ul.module_tabs-main li.selected a:hover {
    background: #f47920;
}

ul.module_tabs-main {
    list-style: none;
    position: absolute;
    top: -12px;
    padding: 0;
    border: 1px solid #e5e5e5;
     -webkit-box-shadow: 0px 2px 5px 0px #d5d3d2;
    box-shadow: 0px 2px 5px 0px #d5d3d2;
    margin: 0;
    left: 0;
}

ul.module_tabs-main li,
ul.module_tabs-main a {
    float: left;
    padding: 6px 29px;
    margin: 0;
    color: #aaaaaa;
    background: #fff;
}

ul.module_tabs-main a {
    color: #f47920;
    text-decoration: none;
}

ul.module_tabs-main a:hover {
    text-decoration: underline;
}

ul.module_tabs-main li {
    padding: 0;
    border-right: 1px solid #e5e5e5;
}

ul.module_tabs-main li.selected,
ul.module_tabs-main li.selected a {
    color: #fff;
    text-decoration: none;
    background-color: #f47920;
}

/* add padding in between subnav and content/img */
.homepage-main-h2-img {
    padding-top: 10px;
}
/* End of subnav extended */

/* MEDIA QUERIES for subnav mobile view */
@media (max-width: 768px) {

   
    .blue-btn {
        font-size: 1em;
        padding: 4.8px 24px;
    }
    
    .icon-info br  {
        display: none;
    }
    
    ul.module_tabs-main {
        position: relative;
        top: auto;
        margin-bottom: 20px;
    }

    ul.module_tabs-main li {
        float: none;
        overflow: hidden;
        border-bottom: 1px solid #e5e5e5;
    }
    
}

/* MEDIA QUERIES for mobile to not appear at screensize larger than 640px */
@media (min-width: 640px) {

    .mobile-main,
    .mobile-line {
        display: none;
    }

}

@media (max-width: 639px) {

    
    .blue-btn {
        padding: 8px 42px;
        font-size: 1.4em;
        letter-spacing: 1px;
    }

   

}

form.module input.btn {
    margin-left: 25%;
}