/* Add here all your CSS customizations */
#PartCCheader {
    float: left;
    margin: 5px 20px 0 0;
}

#PartCCheader img {
        margin: 0 5px 0 0;
}

#PartCCheader a {
        color: #666;
}

#PartCCfooter {
    text-align: center;
}

#PartCCfooter img {
    margin: 20px 0;
}


ul.pdf {
    margin-left: 0;
}

ul.pdf,
ul.pdf li {
    list-style: none;
}

ul.pdf li:before {
    content: url('/images/ico_PDF.png');
    margin-right: 7px;
    position: relative;
    top: 4px;
}

ul.pdf p {
    margin-top: 0;
}

h1.logo {
    margin: 8px 0 0 0;
}

@media only screen and (max-width: 479px) { 
    .ccTagLine {display:none;}
}

@media (min-width: 768px) {
    .ccTagLine {float: left; color: #000; font-size: 50%; font-weight: 500;  margin: -10px 0 0 5px;}
}

@media (min-width: 1200px) {
    .ccTagLine {font-size: 70%;}
}

header {
    border-bottom: 5px solid #369041;
}

.jumbotron {
    height: 400px;
    background: url("/images/jumbotron_bg.jpg") no-repeat top center; 
    background-size: cover;
}

.form-group.required .control-label:before {
    content: "*";
    color: red;
}

.ActionCall {
    height: 100%;
    padding: 40px;
}

@media only screen and (max-width: 479px) { 
    .ActionCall {font-size:60%;}
}
.ActionCall h1 {margin: 0; color: #fff; margin-bottom: 50px;}
.ActionCall h4 {margin: 0; color: #ccc; margin-bottom: 20px;}

.padded-multiline { 
    line-height: 1.4; 
    padding: 2px 0; 
    width: 600px;
    margin: 20px auto;
}
.padded-multiline span { 
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff; 
    display: inline;
    padding: 0.45rem;
  
    /* Needs prefixing */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

/*Footer Buttons */
.btn-default {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #cccccc !important;
}

/* Remove if Jumbotron changes from Our Commitment Honor, Integrity and Service.
    This simply fixes the spacing on large screens so it doesn't overlap the image. */

@media screen and (min-width: 768px){
    .jumbotron h1 {
        font-size: 45px;
    }
}

/* Changes for site colors */
html .link-primary {
    color: green;
    font-weight: normal;
}
html .btn-primary {
    color: #ffffff;
    background-color: #369041;
    border-color: #0088cc #0088cc #006699;
}

    html .btn-primary:hover {
        border-color: #0099e6 #0099e6 #0077b3;
        background-color: #369041;
    }

    html .btn-primary:active,
    html .btn-primary:focus,
    html .btn-primary:active:hover,
    html .btn-primary:active:focus {
        border-color: #680471 #680471 #680471;
        background-color: #369041;
    }

    html .btn-primary.dropdown-toggle {
        border-left-color: #369041;
    }

#footer .footer-ribbon {
    background: #369041;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
        background: #369041;
    }
}

    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
        background: #369041;
    }

    section.page-header h1 {
        border-bottom-color: #ccc;
    }

    a:focus {
        color: #369041;
    }

    a:active {
        color: white;
        background: #369041;
    }

    a {
        color: #369041;
    }

    .center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
        background: #369041;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
        background: #369041;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        color: #ffffff;
        border-bottom-color: #369041;
        background: #369041;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a {
        color: #369041;
    }

    .site-text-color-green {
        color: #369041;
    }

    

    .FieldStatus > div {
        padding: 15px;
        margin-bottom: 15px;
    }


    #Collage img {
        margin: 0 0 40px 0;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
        border-top-color: #369041;
        background-color: #369041;
    }

    #header .header-btn-collapse-nav {
        background: #369041;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
        background: #369041;
        color: #ffffff;
    }

    /* Chrome, Safari, Edge, Opera */
    .customNumber input::-webkit-outer-spin-button,
    .customNumber input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    .customNumber input[type=number] {
        -moz-appearance: textfield;
    }