/*/*/

* site.css* /*/
    Global style definitions
    =================================================================================================
    (c) FastEST, Inc., Wichita KS USA All Rights Reserved
    The enclosed materials contain proprietary information of FastEST, Inc.
    and shall not be disclosed in whole or in any part to any third party or
    used by any person for any purpose, without written consent of FastEST, Inc.
    Duplication of any portion of these materials shall include this legend.
    =================================================================================================
    Dependencies: bootstrap, bootstrap-theme
    =================================================================================================
*/
/* Default body padding */
body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Logo (done with text) */
.logogray {
    font-weight: bold;
    color: #9694A0;
}

.logomaroon {
    font-weight: bold;
    color: #8B1A1A;
}

.alert-cookie {
    background-color: #343a40;
    color: #f2f2f2;
    position: fixed;
    bottom: 0px;
    left: 2%;
    width: 96%;
}

/*=================================================================================================
    Bootstrap Customizations
  =================================================================================================*/

/* Extend the margins of the carousel-caption so it can be used for buttons */
.carousel-caption {
    right: 5%;
    left: 5%;
}

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Smaller jumbotron */
.jumbotron {
    padding: 2rem 2rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
}


.small-gutters {
    margin-right: -5px;
    margin-left: -5px;
}

    .small-gutters > .col,
    .small-gutters > [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px;
    }

/* Force popovers to wider layout with black text in title and content */
.popover {
    width: 300px;
}

.popover-title {
    color: #000000 !important;
}

.popover-content {
    color: #000000 !important;
}

/* Fixes for navbar toggler on some devices... */
.navbar-toggler {
    width: 47px;
    height: 34px;
    background-color: transparent;
    border-radius: 0.25rem;
    border-color: rgba(255, 255, 255, 0.5);
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

    .navbar-toggler .line {
        width: 100%;
        float: left;
        height: 1.5px !important;
        background-color: rgba(255, 255, 255, 0.5);
        margin-top: 2px;
        margin-bottom: 2px;
    }

/* special navbar colors */
.navbar.bg-darkdark {
    background-color: #151419;
}

.navbar .navbar-brand {
    color: #e0e0e0;
}

.navbar .nav-link {
    color: #e0e0e0;
}

    .navbar .nav-link:hover {
        font-weight: bold;
    }

.navbar li .dropdown-menu {
    background-color: #151419;
}

    .navbar li .dropdown-menu a {
        color: #e0e0e0;
    }

        .navbar li .dropdown-menu a:hover {
            background-color: #151419;
            font-weight: bold;
        }

a.hover-fastduct-navbar:hover {
    color: #5fbf8a !important;
}

a.hover-fastpipe-navbar:hover {
    color: #7fb8ff !important;
}

a.hover-fastwrap-navbar:hover {
    color: #a88ecc !important;
}

a.hover-fastduct-button:hover {
    background-color: #038043;
}

a.hover-fastpipe-button:hover {
    background-color: #2f70bf;
}

a.hover-fastwrap-button:hover {
    background-color: #6f4da0;
}

.checkmark-list li {
    padding: 0 0 5px 20px;
    display: block;
    position: relative;
    font-size: smaller;
}

    .checkmark-list li:before {
        content: '✓';
        color: green;
    }

.border-4 {
    border-width: 4px !important;
}

.bg-medium {
    background-color: #E6ECF4;
}

.border-vpill {
    border-radius: 50px;
}