/*==== POLICY PAGES ====*/

.dark {
    background-color: #005777;
    border-radius: 10px 10px 0px 0px;
}
.policy-container {
    box-shadow: 10px 10px 20px 0 rgb(0, 22, 30, 15%), -5px -5px 10px rgb(0, 22, 30, 15%);
    border-radius: 10px;
    margin: 50px 20px 70px;
    background-color: #F5F5F5;
}

.policy-text {
    padding: 20px;
}

.alpha-bullets {
    list-style-type: lower-alpha;
}

details p {
    padding-left: 40px;
    margin: 10px;
}

details {
    padding-bottom: 20px;
}
summary::marker {
    color: #af9800;
}

/*Styling for the jump links is with the big screen main nav styling*/
/*=== End of policy pages settings ===*/


/*===== DOWNLOADS PAGES =====*/
  /*Styling document icons like PDF or other. This is to bring it inline with the text  */
    .download-container {
        background-color: #005777;
        padding: 10px 0px;
    }    

      .doc-icon {
        position: relative;
        top: 10px;
        margin-right: 7px;
        margin-bottom: 5px;
      }

      .download-box {
        box-shadow: 10px 10px 20px 0 rgb(0, 22, 30, 15%), -5px -5px 10px rgb(0, 22, 30, 15%);
        padding: 5px 20px 20px;
        width: auto;
        border-radius: 20px;
        margin: 0px 10px 50px;
        background-color: #ffffff;
      }

      .download-icon {
        background-color: #af9800;
        border-radius: 50%;
        padding: 5px;
        position: relative;
        top: 10px;
        margin-right: 7px;
      }

      .white-h2 {
        color: #ffffff;
      }
      
    /* Link settings for the downloads section*/
        .download-box a,
        .download-box a:link,
        .download-box a:visited {
            text-decoration: none;
            color: #00161E;
        }

        .download-box a:hover,
        .download-box a:active {
            text-decoration: underline 2px solid #af9800;
        }

        .download-box a:focus {
            outline-color: #af9800;
            padding: 5px;
        }


    /*=== ABOUT US ===*/
    .content-box {
        display: flex;
        flex-direction: row;               
        margin-bottom: 20px;
        box-sizing: border-box;
    }


    .left-text{
        flex: 3;
        padding: 15px;
        box-sizing: border-box;
    }

    .right-image {
        margin: 60px 30px;
        flex: 2;   
    }

    .right-image img {
        border-radius: 10px;
        width: 100%; 
    }

    /*Change the flex order of Applicable industries so the image stack comes first when the screen size goes below 933px*/
    @media  screen and (max-width: 933px) {
        .content-box {
            flex-direction: column-reverse;
            justify-content: center;
        }

        .right-image {
            width: auto;
        }
    } 

/*==== TELECOMS BTS AND TRANSMISSION SPARES ====*/
    .logos {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 3fr));
        column-gap: 50px;
        row-gap: 100px;
        margin: 50px 50px 100px;
        place-items: center;
    }

    .banner {
        background-color: #005777;
        padding: 15px;
        border-radius: 0px 50px;
        max-width: 250px;
    }
   

    /*====== SOLAR AND HYBRID POWER PAGE*/
    .l-box-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(25em, 1fr));
        gap: 40px;
        margin-bottom: 50px;
        padding: 10px;
    }

    .l-box {
    box-sizing: border-box;
    max-width: 25em;
    background-color: #ffffff; 
    box-shadow: 10px 10px 20px 0 rgb(0, 22, 30, 15%), -5px -5px 10px rgb(0, 22, 30, 15%);
    border-radius: 10px;
    padding: 0px 35px 20px 20px;
    }

    .l-box-left-icon {
        float: left;
        margin-right: 20px;
        margin-bottom: 40px;
        position: relative;
        top: 15px;
    }

    .l-box-top-icon {
        display: grid;
        place-items: center;
    }

    .l-box-text {
        margin-left: 30px;
    }

    .l-box h3  {
        font-weight: 600;
        margin: 30px 20px;
    }

    .l-box-left-text {
        margin-left: 70px;
        
    }

    .bottom-spacer {
        margin: 100px;
    }

    .bottom-gap {
        margin-bottom: 100px;
    }

    .pad {
        padding-top: 25px;
    }

    .pic-b-radius {
        border-radius: 10px;
    }

/*If screen is more than 650px wide, and less than 728px, for the Solar and hybrid page do this:*/
@media screen and (min-width: 650px) and (max-width: 728px) {
    .dark-sec-2,
    .light-sec-3 {
        height: auto;
    }
}

/*If screen is less than 650px wide, for the the Solar and hybrid page do this:*/
@media screen and (max-width:650px) {
    .l-box-container {
        grid-template-columns: 1fr;
        place-items: center;
    }

    .dark-sec-2,
    .light-sec-3 {
        height: auto;
    }
    
} /*End of Solar and hybrid power systems page*/


    /*====== POWER EQUIPMENT PAGE*/
    .lead-h3 {
        font-size: calc(1.5em + 1vw);
    }

    .c-box {
        background-color: #006d95;
        border-radius: 10px;
        padding: 20px;
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 20px;
        margin: 0px 10px 50px;
        padding: 10px;
    }

    .c-box p {
        margin: 25px 0px;
    }

    /*If screen is more than 250px wide, for the the Power equipment page "What's included" section, do this:*/
@media screen and (min-width:625px) {
    .c-box {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*====== POWER MONITORING PAGE========*/
.image-box {
    margin-top: 30px;
}

.middle {
    display: grid;
    place-items: center;
}


/*====== 404 ========*/
.pad-left {
    padding-left: 35px;
}

/*====== THANK YOU PAGE ========*/
.ty {
    min-height: calc(100vh - 500px);
}

/*====== CONTACT US PAGE ========*/
.required {
    color: #e60e0e;
}

/*====== SPACERS ========*/
.mt-25 {
    margin-top: 25px;
}

.down {
    color: #00161E;
}