/*All rules marked important are fighting overlapping css styles from analyzer.htm*/
    /*General Page Size Restriction and scroll behavior */
    .mainWrapper{
        display: block;
        max-width: 84.375em;
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
    } 
   html,
   body{
        height: 100%;
        scroll-behavior: smooth;
        overflow-x: clip;
        background: linear-gradient(to right, #e2e2e2 0%, #fff 2.5%, #fff 97.5%, #e2e2e2 100%);
    }
    /*2 Column layout and Formatting*/
   .column{
        display: table-cell;
        vertical-align: top; /*Keeps all table cell content at top*/
        height: 100%;
        padding: 30px;
    }
    .left{        
        .sticky{
            position: sticky; 
            top:35px;
            width:315px;
        }
        /*Left Bar Title*/
        .lBTitle{
            font-size: 23px;
            font-weight: bold;
            padding-top: 10px;
        }
        /*Left Bar Body*/
        .lBBody{
            text-align: left;
            font-size: 16px;
            margin: 15px;
        }
        .canadianLogin {
            text-align: center;
        }
        color: white;
        width: 25%;
        text-align: center;
        background-color: #ed1c24;
        box-shadow: 0 0 4px 1px rgba(0 0 0 / 0.4);
        h2,
        img,
        ul{
            color:white;
            font-size:32px;
            text-align: left;
            vertical-align: top;
        }
        a,
        p{
            color: white;
        }
        /*About Our Service Page Image Grid*/
            .icon-row{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                justify-items: center;
                gap: 15px;
                margin: 15px 0px;
            }
            .icon-img{
                height: 100px;
                padding: 5px;
            }
        /*LinkedIn Image*/
            .profilePicture{
                height: 160px;
                width: 160px;
                border-radius: 50%;
                border: 4px solid white;
                vertical-align: top;
            } 
    }
    /*Primary Scrollable Content Area*/
    .right{
        /*Prevent Container from Overflowing Content Area*/
        .container{
            width: unset !important;
        }
        /*LinkedIn Banner Formatting*/
        .profileBanner {
            display: block;
            width: 100%;
            img {
                border-radius: 10px;
                width: 100%;
            }
        }
        ol,
        ul{        
            color: black !important;
            li{
                margin-bottom: 10px;
            }    
        }
        /*General element Styles*/
        h1{
            /*font-size: 23px;
            font-style: italic;*/
            margin-top: unset !important;
        }
        h2{
            font-size: 26px;
            font-style: italic;
            font-weight: bold;
            color: #ed1c24;
            margin-top: 24px !important;
        }
        h3{
            font-weight: bold;
            font-size: 18px;
            color: black;
            /*Prevents linked text at bottom of page from shrinking*/
            a{
                font-size: inherit;
            }
            .sePlGu{
                color: #ed1c24;
                font-size: inherit;
                font-weight: bold;
            }
        }
        p{
            font-size: 16px;
            margin: 10px;
            margin-top: 15px;
            color: black;
            .sePlGu{
                color: #ed1c24;
                font-size: inherit;
                font-weight: bold;
            }
            strong{
                font-size: 16px !important;
            }        
        }
        .small {
        font-size: 10pt;
        padding-top: 5px;
            a{
                font-size: inherit !important;
            }
        }
    }
    /*For Radiused Image Elements*/
    img.round {
        border-radius: 15px;
        padding: 10px;
        vertical-align: middle;
    }
    img.red{
        background-color: #ed1c24;
        margin-bottom: 10px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 3px 12px rgba(0 0 0 / 0.4);
    }
    img.gray{
        background-color: lightgray;
        margin-bottom: 10px;
        width: 100%;
        max-width: 400px;
        box-shadow: 0 3px 12px rgba(0 0 0 / 0.4);
    }
    /*Floating Return to Top Button*/
    .top{
        --offset: 10px;
        position: sticky;
        white-space: nowrap;
        z-index: 999;
        bottom: 9px;
        left: 50%;
        margin-top: calc(100dvh + var(--offset));
        padding: 10px 20px;
        cursor: pointer;
        border-radius: 10px;
        box-shadow: 0 6px 4px 1px rgba(0 0 0 / 0.4);
        background-color: #ed1c24;
        color: white !important;
        font-weight: bold; 
        text-decoration: unset !important;
    }
    .top:hover{
            transition-duration: 0.17s;
            background-color: black;
            color: white !important;        
        }
    /*Hide Mobile Button*/
    .topM{
        display: none;
    }    
    /*Flag for Deletion
    .PageRow {
        display: table;
        width: 100%;
        min-height: 72vh;
    }*/   
    .button{
        background-color: black;
        padding: 10px 20px;
        margin: 20px;
        display: inline-block;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer;
        min-width: 245px;
        border-radius: 5px;
        border-style: solid;    
        border-color: white;
        box-shadow: 0 3px 12px rgba(0 0 0 / 0.4);
    }
    a.button:hover{
            background-color: white;
            color: #ed1c24;
            cursor: pointer;
            text-decoration: none;
            box-shadow: 0 3px 12px 3px rgba(0 0 0 / 0.6);
            transition-duration: 0.17s;            
        }
    /*Media Page Active Button */
    .button.active {
        background-color: white;
        color: #ed1c24;
    }
    ul.sideBarNav{
        text-align: left;
        color: white; 
        li{
            font-weight: bold;
        }
    }
    /*Media Grid*/
    .filterDiv-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        max-width: 1200px;
        gap: 1.5rem;
    }
    /*Media Grid*/
    .show {
        display: block;
    }
    /*Media Grid Object*/
    .filterDiv {
        padding: 15px;
        border-radius: 20px;
        box-shadow:  0 0 4px 1px rgba(0 0 0 / 0.4);
        margin: 2px;
        text-align: left;
        line-height: 100px;
        min-height: 150px;
        display: none;
        img {
            max-width: 100%;
            height: auto;
            min-height: 148px;
            margin: auto;
            display: block;
            border-radius: 15px;
        }
        h2{
            font-size: 20px;
            min-height: 88px;
        }    
    }
    .sePlBe{
        background-color: black;
        padding: 10px 20px;
        border-style: solid;
        border-color: #ed1c24;
        border-radius: 4px;
        box-shadow: 0 0 3px 3px rgba(255 0 0 / 0.5);
        margin: 25px 0px;
        .sePlGu{
            color: #ed1c24;
        }
        ul li::before{
            content: '+';
            font-weight: bold;
            margin-right: 10px;
            color: #ed1c24;
            font-size: 28px;
            vertical-align: middle;
        } 
        ul{
            margin-top: 20px !important;
        }
        li{
            font-style: italic;
            font-weight: bold;
        }
        h3,
        li,
        .small{
            color:white !important;
        }
    }
    /*UEi Service Program Table*/
    .sTblBG{
        h2{
            text-align: center;
            margin: 25px !important;
            color: white;
        }
        background:#202020;
        padding: 20px 30px;
        border-radius: 30px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .sTbl{
        height: 680px;
        width: 100%;
        text-align: center;
        display: table;
        color: black; 
        overflow-wrap: break-word;
        margin-bottom: 20px !important;
    }
    /*Service Table Header Row*/
    .sDH{
        text-align: center;
        border: 1px solid #a8b1d1;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        color: white;
    }
    /*Service Program Header Table Column*/
    .sHTR{
        background-color: black;
        color: white;
        font-weight: bold;
        text-align: left !important;
        border: 1px solid #a8b1d1;
        padding: 10px !important;
        font-size: 16px;
    }
    /*Hidden Individual Labels for Table Sections on Mobile*/    
    .sHTRM {
        display: none;
    }
    td.uSP{
        border: 1px solid #a8b1d1;
        width: auto;
        background-color: white;
    }
    /*Same Day Guaranteed Style*/
    .sDG{
        background-color: gold;
        border: 1px solid #a8b1d1;
        padding: 10px !important;
    }
    /*Same Day Guaranteed For Life Style*/
    .sDGFL{
        background-color: #ed1c24;
        color: white;
        border: 1px solid #a8b1d1;
        padding: 10px !important;
    }
    /*Service Table Badge Style*/
    .tbl-img{
        height: 85px;
    }
    /*Hidden Mobile View of Header Cell*/
    .sDGM{
        display: none;
    }
    /*Hidden Mobile Row Span Cell*/
    .mRS{
        display: none;
    }
    /*Other UEi Programs Style*/
    .oUP{
        background-color: blanchedalmond;
        border: 1px solid #a8b1d1;
        padding: 10px !important;
        color: black;
    }
    /*Service Pricing Page*/
    #resultsDisplay{
        max-width: 1052px;
        min-height: 135px;
        table{
            border: none;
        }
    }
    /*Responsive Page Style*/
    @media only screen and (max-width: 944px) {
        /*Hide Desktop Button*/
        .top{
            display: none;
        }
        .topM{
            display: inline;
            --offset: 10px;
            position: sticky;
            white-space: nowrap;
            z-index: 999;
            bottom: 15px;
            left: 15px;
            margin-top: calc(100dvh + var(--offset));
            padding: 12px 20px;
            border-radius: 3px;               
            background-color: #ed1c24;
            color: white !important;
            font-weight: bold; 
            text-decoration: unset !important;
        }
        /*Mobile Height of Promo Line for CLS - 46px per line*/
        #promoHeader{
            min-height: 138px;
        }
        .mainWrapper{
        display: table;
        padding: unset;
        }
        .column{
            float: left;
            width: 100%;
            .sticky{
                width: inherit;
                position: unset;
            }
        }
        .column.right{
            width: 100dvw;
        }
        /* responsive table */        
        .sTblBG{
            width: calc(100% + 60px);
            margin-left: -30px;
            margin-right: -30px;    
            background:#202020;
            border-radius: unset;
        }        
        /*table{
            display: block;
            width: 100%;
        }*/
        thead{
            display: none;
        }
        table tr,
        table th,
        table td{
            display: block;
            padding: 0;
            text-align: center;
            width: 100%;
            font-size: 4vw !important;
        }
        .sHTR{
            text-align: center !important;
            font-size: 2.5vmax !important;
        }
        .sHTRM{
            display: block;
            text-align: center;
            font-size: 2.5vmax !important;
            background-color: black;
            color: white;
            font-weight: bold;
            border: 1px solid gray;
            padding: 10px !important;
        }
        .sDGM {
            display: block;
            text-align: center;
            background-color: gold;
            border: 1px solid #a8b1d1;
            padding: 10px !important;
        }
        .mRS {
            display: block;
            text-align: center;
        }
        table tr {
            border-bottom: 1px solid #ed1c24;
            padding-bottom: 11px;
            margin-bottom: 11px;
        }
        table th[data-title]:before,
        table td[data-title]:before {
            content: attr(data-title) ":\00A0";
            font-weight:bold;
        }
        /*Media Grid Small Screen*/
        .filterDiv-grid {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: repeat(1, 1fr);
            overflow: hidden;
            .filterDiv img{
                min-height: 225px;
            }
        }
        /*Service Pricing Page*/
        #resultsDisplay{
        min-height: 331px;
        }
    }
    @media only screen and (min-width: 945px) and (max-width: 1400px) {
        /*Media Grid Tablet size Unique Query*/
        .filterDiv-grid {
            display: grid;
            gap: 1.5rem;
            grid-template-columns: repeat(2, 1fr);
            overflow: hidden;
        }
    } 
    .search-select{
        max-width: 1052px;
    }
    /*EXPLORING */
    img.productPhoto{
        max-width: 100%;
        width: auto;
        max-height: 500px;
        height: auto;
        filter: drop-shadow(0px 23px 13px rgba(0 0 0 / 0.27));
    }
    .productTitle{
        margin-top: 20px;
        font-family: Verdana, sans-serif;
        letter-spacing: 0.15em;
        text-transform: capitalize;
        font-size: 36px;
        .productSymbol{
            font-size: inherit;
            font-weight: bold;            
        }
    }
    .productName{
        font-family: Tahoma, sans-serif;
        font-size: 14px;
        margin: 10px 0;
    }
    .divider{
        border-top: 2px solid white;
        margin: 5px 0;
    }