﻿/*SRD Rebrand.css*/

.whoweserve-main .container .col-sm-6 p a {
    font-weight: 700;
    color: #B9D651;
}

    .whoweserve-main .container .col-sm-6 p a:hover {
        font-weight: 700;
        color: #FED141;
    }

#topNav ul.dropdown-menu:after {
    content: ' ';
    background-color: #2C863A !important;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -3px;
    position: absolute;
}


a {
    color: #2C863A;
    text-decoration: none;
    font-weight: 500;
}

    a:hover {
        color: #00558C;
        text-decoration: none;
        font-weight: 500;
    }

    a.srd__bold {
        color: #2c863a;
        text-decoration: none;
        font-weight: 700;
    }

        a.srd__bold:hover {
            color: #00558c;
            text-decoration: none;
            font-weight: 700;
            text-decoration: underline;
        }

    a.home-icons {
        color: #2C863A !important;
        text-decoration: none !important;
    }

        a.home-icons:hover {
            color: #00558C !important;
            text-decoration: none;
        }


.btn-primary {
    color: #fff !important;
    border-color: #2C863A !important;
    background-color: #2C863A !important;
}

    .btn-primary:hover {
        color: #fff !important;
        border-color: #00558C !important;
        background-color: #00558C !important;
    }

.btn-warning {
    color: #fff;
    background-color: #2C863A;
    border-color: #2C863A;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #00558C;
        border-color: #2C863A !important;
    }

a.btn.btn-primary {
    border-color: #2C863A !important;
    background-color: #2C863A !important;
}

    a.btn.btn-primary:hover {
        border-color: #00558C !important;
        background-color: #00558C !important;
    }
/*------------------------- SPECIAL RISK -------------------------*/

.srd-submenu {
    position: relative;
    z-index: 3;
    background: #b03e19;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}



.srd-hero .container p a {
    color: #B9D651;
    font-weight: 600;
}

    .srd-hero .container p a:hover {
        color: #FED141;
        font-weight: 600;
    }

.srd .homeicons > div > a > img {
    border-radius: 120px;
    background-color: #00558C;
}


.page-title, div.slider.homeslider, #frontRight, .career-search {
    margin-top: 123px;
}

.srd-submenu {
    position: relative;
    z-index: 3;
    background: #2C863A;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

#footer {
    color: #fff;
    display: block;
    vertical-align: bottom;
    background-color: #00558C !important;
    /*border-top: #252525 5px solid;*/
    z-index: 101;
}

    #footer li a, #footer p a {
        color: #8bd9d7;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.2s ease 0s;
    }

        #footer li a:hover, #footer a:hover, #footer .copyright a, .flexslider .slides .box p a {
            color: #FED141;
            font-weight: 500;
            text-decoration: underline;
        }

a.privacy {
    color: #8bd9d7 !important;
    text-decoration: none !important;
}

    a.privacy:hover {
        color: #FED141 !important;
        text-decoration: underline !important;
    }

.page-footer {
    margin-top: -1rem !important;
    border-radius: 50vw 50vw 0 0/.75rem .75rem 0 0 !important;
    box-shadow: 0 -1rem white, 0 -1rem 8rem rgba(0,0,0,.2) !important;
}

#footer .about p {
    font-size: 10.25pt;
    line-height: 1.5;
}

.__contact {
    font-size: 10.25pt;
    line-height: 1.5;
}

.subheader500 {
    font-weight: 500;
    font-size: 1.5em;
}




/*------ SRD Submenu ------*/

.__footer-heads {
    font-size: 1.4em !important;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    
}

.__biz-history {
    font-size: 1.4em;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    font-weight:300;
}

.srd-submenu .logo {
    float: left;
    display: table;
}

    .srd-submenu .logo img {
        width: 240px;
        padding: 16px 18px 16px 18px;
    }

.srd-submenu .nav-sub {
    float: right;
}

.srd-submenu .btn-mobile {
    margin: 29px 10px 28px 0px !important;
    float: right;
    margin: 15px 10px 0 0;
    background-color: #00558C;
    border-radius: 3px;
    line-height: 1;
    padding: 8px 10px;
}

.srd-submenu button.btn-mobile:hover,
.srd-submenu button.btn-mobile:focus,
.srd-submenu button.btn-mobile:active {
    background-color: #426f8c;
}

.srd-submenu button.btn-mobile i {
    padding: 0;
    margin: 0;
    font-size: 21px;
    color: #fff;
}

.srd-submenu .nav-sub ul li a {
    height: 89px;
    line-height: 84px;
    color: #fff;
    padding: 1.0rem;
    width: auto !important;
    text-align: center;
    font-size: 1.25rem;
    white-space: nowrap;
}


.srd-submenu .nav li:hover > ul.dropdown-menu {
    padding: 0;
    display: block;
    z-index: 100;
    margin: 0;
    border: 0;
}

    .srd-submenu .nav li:hover > ul.dropdown-menu li a {
        margin: 0;
        color: #2C863A !important;
        width: initial;
        text-align: left;
        height: initial;
        line-height: 1;
        padding: 15px 24px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .srd-submenu .nav li:hover > ul.dropdown-menu li:last-child a {
        border-bottom: 3px solid #2C863A;
    }

.srd-submenu .nav li > ul.dropdown-menu li a:hover {
    background: rgba(0,0,0,0.1);
}


.srd-submenu .nav-sub ul li:hover a,
.srd-submenu .nav-sub ul li a:active,
.srd-submenu .nav-sub ul li a:focus {
    background: #fff;
    color: #2C863A;
}

.srd-submenu .nav-sub ul li a span {
    position: absolute;
    line-height: 1;
    font-size: 8.5px !important;
    bottom: 16px;
    text-align: center;
    right: 50%;
    transform: translateX(50%);
    width: 90px;
    color: #999;
    visibility: hidden;
}

.srd-submenu .nav-sub ul li:hover a span,
.srd-submenu .nav-sub ul li a:focus span,
.srd-submenu .nav-sub ul li a:active span {
    visibility: visible;
}



@media (max-width: 1199.98px) {
    .srd-submenu .nav-sub ul li a {
        width: 95px;
        font-size: 1.15rem;
    }
}


@media (max-width: 990px) {
    .srd-submenu .nav li:hover > ul.dropdown-menu {
        display: none;
    }

    .srd-submenu .btn-mobile {
        display: block;
    }

    .srd-submenu .container {
        padding: 0;
    }

    .srd-submenu .navbar-collapse {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .srd-submenu .nav-sub {
        width: 100%;
    }

        .srd-submenu .nav-sub ul {
            border-top: 1px solid rgba(0,0,0,0.07);
        }

            .srd-submenu .nav-sub ul li {
                width: 100%;
                margin: 0 !important;
            }

                .srd-submenu .nav-sub ul li a {
                    height: initial;
                    line-height: 1;
                    color: #fff;
                    padding: 12px 23px;
                    width: 100%;
                    text-align: left;
                    font-size: 9pt;
                    border-bottom: 1px solid rgba(0,0,0,0.07);
                    border-top: 1px solid rgba(255,255,255,0.07);
                }

                    .srd-submenu .nav-sub ul li a:hover span {
                        visibility: hidden;
                    }
}



.srd-estimate form {
    padding: 15px;
    background: #f6f6f6;
}

.sky-form label, form label {
    font-weight: 600;
    color: #000;
}

.form-control {
    background-color: rgba(196,212,241,0.28);
}

div.toggle > label {
    color: #333;
    background-color: rgba(196,212,241,0.28);
}


.srd .btn {
    margin: 5px;
    white-space: normal;
}


/*.srd .homeicons > div > a:hover h2 {
    color: #a12816;
}*/

@media all and (min-width: 992px) {
    .col-md-20 {
        width: 20%;
    }
}
