﻿.greyPromos .bodyRow {
    min-height: 120px;
}

.subnav ul, .subnav2 ul {
    margin-bottom: 1em;
}

    .subnav .navbar-nav, .subnav2 .navbar-nav {
        margin-top:0px;
    }

.carousel-caption .col-sm-6  {
    background: rgba(89, 107, 120, 0.85);
    padding: 15px 0px 15px 25px;
}

    .carousel-caption .col-sm-6:empty {
        display: none;
    }


.nowHiring {
    padding: 10px 40px;

}
/*.carousel-caption .col-sm-6 {
    display: flex;
    align-items: stretch;
}*/

    /*.carousel-caption {
    right: 50%;
}*/
    .sectionPadding {
    display: table;
}

table {
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
    background: #eee;
}

th {
    background: #333;
    color: white;
    font-weight: bold;
}

td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

p.noBottomPadding {
    margin-bottom: 0px !important;
}

a.onpage {
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #596b78;
}

.rightGreenBannerCallout {
    padding: 40px 25px 0px 25px;
    position: absolute;
    float: right;
    left: inherit;
    right: 0px;
    width: 340px;
    background: rgba(183, 210, 60, 1);
    height: 100%;
    padding-top: 50px;
}


    .cannabisMiddleKPIs .bodyRow, .ClientRight.bodyRow {
        background: #e2e8ed;
        padding: 20px;
        min-height: 140px;
    }

    .cannabisMiddleKPIs .bodyRow p, .ClientRight.bodyRow p {
        margin-bottom: 0px;
    }

.ClientRightPhoto img, .cannabisPhoto img {
    width:100%;
    height:auto;
}

.cannabisMiddleKPIs .bottomLink2 {
    background: #99aecb;
    padding: 15px 5px;
    text-align: center;
}

.bottomRow {
    background: #a1c414;
    padding: 15px 5px;
    text-align: center;
    display:table;
    width:100%;
}

.bottomRow a {
    font-size: 1.4em;
    color: #fff;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
}

.blue {
    color: #8ea5c4;
}

.ClientHomeLeft h2, .ClientHomeRight h2, .ClientHomeAbout h2 {
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2em;
}

.bottomRow a:hover, .bottomLink2 a:hover {
    color: #596b78;
}

.topGreyRowGreenBorder {
    border-bottom: 10px solid #b2c943;
    margin-bottom:20px;
}

.twoColumnWrapper ul {
    padding: 0px 0px 0px 20px;
}

.ClientHomeLeft {
    padding-right:25px;
}

.ClientHomeRight {
    padding-left: 25px;
}

@media (min-width: 1367px) and (max-width: 1480px) {
    .item img {
        height:400px!important;
    }
}

    @media (min-width: 1200px) and (max-width: 1366px) {

        .loggedinUser .fas {
            font-size: 32px;
        }

        .rightGreenBannerCallout {
            padding: 40px 25px 0px 25px;
            width: 280px;
            top: 60px;
        }

        .item img {
            height: 440px !important;
        }

        /*.carousel-caption {
            right: 40% !important;
        }*/

        .carousel {
            padding-top: 20px;
        }

        .carousel-caption h3 {
            font-size: 1.6em;
        }

        .carousel-caption .col-sm-6 {
            padding: 10px 0px 10px 25px;
        }

    }

    @media (min-width: 992px) and (max-width: 1199px) {

        .carousel-caption h2 {
            font-size: 1.3em;
            margin: 5px 0px 10px 0px;
        }

        .carousel-caption .col-sm-6 {
            padding: 10px 0px 10px 20px;
        }

        .ClientHomeLeft h2, .ClientHomeRight h2, .ClientHomeAbout h2 {
            font-size: 2em;
        }

        .greyPromos .bodyRow {
            min-height: 130px;
        }

        .rightGreenBannerCallout {
            padding: 40px 25px 0px 25px;
            width: 200px;
            top: 0px;
        }

                 
                .item img {
            height: 320px !important;
        }

    }

@media (min-width: 768px) and (max-width: 991px) {
    .carousel-caption h2 {
        font-size: 1.3em;
        margin: 5px 0px 10px 0px;
    }

    .greyPromos .bodyRow {
        min-height: 130px;
    }

    .rightGreenBannerCallout {
        padding: 20px 25px 0px 20px;
        width: 200px;
        top: 0px;
    }

  /*  .carousel-caption {
        right: 40% !important;
    }*/

    .carousel-caption h3 {

        font-size: 1.2em!important;
    }
        .item img {
        height: 240px !important;
    }

    .carousel-caption .col-sm-6 {
        padding: 10px 0px 10px 15px;
    }

    
}


    @media (min-width: 280px) and (max-width: 767px) {
        /*.carousel-caption h2 {
            font-size: 1.4em;
            line-height: 1.1em;
            margin: 0px 0px 5px 0px;
        }*/

        .rightGreenBannerCallout {
            padding: 15px 0px 15px 15px;
            position: relative;
            width: 100%;
        }

        .ClientHomeLeft {
            padding: 0px;
        }

            .ClientHomeLeft h2, .ClientHomeRight h2, .ClientHomeAbout h2 {
                font-family: "proxima-nova", sans-serif;
                font-weight: 700;
                font-style: normal;
                font-size: 1.45em;
            }

        .ClientHomeRight {
            padding: 0px;
            margin-bottom: 0px;
        }

        .greyPromos .bodyRow {
            min-height: inherit;
        }

        .carousel {
            margin: 0px;
        }

        .nowHiring {
            background: rgba(89, 107, 120, 1);
            padding: 20px 10px;
            margin-bottom:20px;
        }

        .carousel-caption .col-sm-6 {
            background: #fff;
            padding: 10px 0px 0px 0px;
            text-align: center;
        }

        .subnav2 ul {
            margin-top: 20px !important;
            padding-left: 0px!important;
        }

        .sectionPadding, .mainContentPadding, .fullWidthPadding {
            margin: 0px 0px!important;
        }

        .twoColumnWrapper ul {
            padding-left:20px;
        }
    }

    @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
        /* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
            display: block;
        }
            /* Hide table headers (but not display: none;, for accessibility) */
            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        tr {
            border: 1px solid #ccc;
        }

        .modal-body {
            padding: 20px;
        }

        td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            td:before {
                position: inherit;
                top: 0px;
                left: 0px;
                clear: BOTH;
                display: table;
                width: 100%;
                padding-right: 10px;
                white-space: inherit;
                color: #596b78;
            }
    }
