/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}

.navbar .dropdown-menu {
    background-color: #ececec !important;
    border: none;
    border-top: 5px solid #6dbde3;
    border-bottom: 5px solid #6dbde3;
}

.navbar-toggler {
    border: none;
}




/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
/*    .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}*/

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: .25rem .25rem;
            margin: 0 .25rem;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
        }

        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            /*  height of nav-item  */
            top: 45px;
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.3s linear;
        }

        /* shows the dropdown menu on hover */
        /*   .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
            display: block;
            visibility: visible;
            opacity: 1;
            transition: visibility 0s, opacity 0.3s linear;
        }*/


          .navbar .dropdown-menu .show, .navbar .dropdown .show  {
            display: block;
            visibility: visible;
            opacity: 1;
            transition: visibility 0s, opacity 0.3s linear;
        }

        .navbar .nav-item a.nav-link {
/* padding: 0.63rem 1rem;*/
            /*    padding: 0;
    margin: 0px;*/
        }
}



@media screen and (min-width: 990px) { /* when hamburger is hidden */
        .dropdown-toggle.nav-top {
            /*        padding-top: 10px;*/
            padding-bottom: 27px;
        }


        .navbar .dropdown-menu .show, .navbar .dropdown .show {
            margin-top: 30px;
        }

        .navbar .nav-item a.nav-link {
            padding-right: unset;
            font-size: 10pt;
            padding-left: unset;
            padding-top: 10px;
        }
    }

    @media screen and (min-width: 1100px) {
        .navbar .nav-item a.nav-link {
            font-size: 12pt;
        }
    }


    .closer {
        /*    margin-left: -50px;*/
        background: #dcdcdc;
        padding: 10px;
        margin-top: -8px;
    }


    .toggle-nav-collapse::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    #quickLinks a {
        text-transform: uppercase;
        color: #083b60;
    }

        #quickLinks a:hover {
            border-bottom: 5px solid #5eb2e5;
            text-decoration: none;
            padding-bottom: 5px;
        }

    .widget .h4 {
        font-size: 35px;
    }

    .btn-primary {
        border: none;
    }