/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets.  test test 2*/
html {
   
}

body {
    font-family: 'Poppins', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    line-height: 1.5rem;
    color: inherit;
    font-weight: 400;
    direction: ltr;
    font-size: 1rem;
    letter-spacing: normal;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background   tester*/
a {
  color: #0366d6;
}
     a:link {
       
    }
    a:visited {
       
    }

    a:hover {
        
        
    }
    a:active {
        
    }
a.emw-link {
    color: #0366d6;
}

    a.emw-link:link {
        color: #0366d6;
    }

    a.emw-link:visited {
        color: #0366d6;
    }

    a.emw-link:hover {
        color: #0366d6;text-decoration:underline
    }

    a.emw-link:active {
        color: #0366d6;
    } 

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.btn-gold {
    color: #fff;
    background-color: #84754F;
    border-color: #84754F;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */


.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
/*  margin-bottom: 60px;*/
}
.footer {
  line-height: 60px; /* Vertically center the text there */
}
/* Emworx */
/* main logo styling */
.emw-navbar-brand {max-width:260px;min-width:200px;
}
.emw-navbar-brand img {
    min-width: 200px;
    color: transparent;
    max-width: 100%;
    transform-origin: left center;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.25;
}
p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .e-grid, .e-control, .e-css, li, ol, ul {
    margin-bottom: 0.5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 1.5;
    color: inherit;
}
.display-emw { font-weight:300}
.navbar-nav > li.nav-item, .navbar-nav > li.nav-item  li{
    font-family: 'Poppins',sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 0rem !important;
    padding: 0.3rem;
    text-transform: uppercase;
}
    .navbar-nav > li.nav-item > a.nav-link {
        font-family: 'Poppins',sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2rem;
        letter-spacing: 1px;
        color: #000;
        margin-bottom: 0rem;
        padding: 0.3rem;
        text-transform: uppercase;
    }
    .navbar-nav > li.nav-item > a.nav-link-secondary {
        font-family: Poppins,sans-serif;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2rem;
        letter-spacing: 1px;
        color: #666;
        margin-bottom: 0rem;
        padding: 0.3rem;
        direction: ltr;
    }
/* heading svg styling */
.emw-heading-center {min-width: 340px; max-width: 420px;transform-origin: left center;text-align:center;margin:0em auto;}

/* jumbotron colour */
.emw-body .jumbotron-fluid {
    background-color: #383435;
    padding: 2rem 0.3rem 2rem 0rem;
}
/* gold buttons */
.emw-body .btn-gold {
    color: #fff;
    background-color: #84754F;
    border-color: #84754F;
}
/* search box icon */
/* Bootstrap 4 text input with search icon */

.emw-body .has-search .form-control {
    padding-left: 2.375rem;
}

.emw-body .has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.emw-body .has-search input.emw-search-margin {padding-left:30px !important;}
/* set card widths */

a.card-link {
    color: #383435;
}
/* style links in cards */
a.emw-card-link:link {text-decoration:none !important
}
a.emw-card-link:visited {
    text-decoration: none !important
}
a.emw-card-link:hover {
    text-decoration: underline !important
}
a.emw-card-link:active {
    text-decoration: none !important
}

/* max width setting for svg headings */
.emw-svg-heading {min-width:260px;max-width:780px;margin:0.3em auto;text-align:center}





/*
####################################################
M E D I A Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
.emw-body .card-deck .card {
    width: 100%
}
/* onepage scroller divs */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .emw-body .card-deck .card {
        min-width: 300px
    }
   
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    /* onepage scroller divs */
    .emw-onepagescroll {
        padding-top: 3em !important;
    }
 
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 992px) {
    /* onepage scroller divs - this stops the top nav from being sticky on smaller screens */
    .emw-sm-non-sticky-top {position:static !important;    
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* location button inline on filter */
    .emw-body .emw-inline-button {
        width: 70% !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   
}



/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

/* Set width to make card deck cards 100% width */
@media (max-width: 950px) {
}
/* accordian code */
body {
   background: #fff;
}



    .wrapper {
        width: 100%;
    }


.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a {
    display: block;
    padding: 0px 10px;
    color: #525252;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}
    .panel-title > a:active {
        display: block;
        padding: 0px 10px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
        text-transform: none;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    }


/* Step 1: Common Properties: All required to make icons render reliably */
@font-face {
    font-family: 'FontAwesome';
    src: url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
}

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.panel-heading a:before {
    font-family: "FontAwesome";
    content: "\f054";
    font-weight:400;
    float: left;
    transition: all 0.5s;
    margin-right:8px;
}

.panel .active a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.panel .panel-heading .panel-title {margin-bottom:6px;
}
.panel .active .panel-title a {
    font-weight: 700;
}
.emw-body .panel-body a.emw-sub-link, .emw-body .card-body a.emw-sub-link {
    display: block;
    padding: 3px 10px;
    color: #525252;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

    .emw-body .panel-body a.emw-sub-link:active, .emw-body .card-body a.emw-sub-link:active {
        display: block;
        padding: 3px 10px;
        color: #333;
        background-color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-transform: none;
        letter-spacing: 1px;
        word-spacing: 3px;
        text-decoration: none;
    }
    .emw-body .panel-body a.emw-sub-link:hover, .emw-body .card-body a.emw-sub-link:hover {
        background-color: #ddd;
        text-decoration: none;
    }
.emw-body .panel-body a:before, .emw-body .card-text a.emw-sub-link:before {
    font-family: "FontAwesome";
    content: "\f054";
    font-weight: 400;
    float: left;
    transition: all 0.5s;
   }

/* background colour for admin area  */
/*.emw-edit { */
/*    background-color: #ECFF53 !important; */
/*} */
/* h1 size for edit area */
.emw-edit h1 {font-size:1.8rem;}
/* table rows clickable */
.emw-table th {
   
}

.emw-table .clickable {
    
}

    .emw-table .clickable:hover {
        cursor: pointer;
    }

  /* emw back to top scroller */

.scroll {
    color: #fff;
    margin-top: 100px
}

#toTopBtn {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 98;
    padding: 1rem;
    background: #84754f;
}

.js .cd-top--fade-out {
    opacity: .5
}

.js .cd-top--is-visible {
    visibility: visible;
    opacity: 1
}

.js .cd-top {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s, background-color .3s
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
   color:#fff;
    background-color: #84754f;

}

/* sticky nav */

/* The sticky class is added to the navbar with JS when it reaches its scroll position - media query added to prevent sticky mobile nav */
@media only screen and (min-width: 992px) {
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        opacity: 0.9;
        z-index: 10;
    }
}
        /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
        .sticky + .stickyunder {
            padding-top: 100px;
        }

    /* syncfusion grid styling */
    .e-grid tr:hover {
        cursor: pointer;
    }

    .e-grid .e-altrow {
        background-color: #fafafa;
    }

    .e-grid .e-table {
        border-collapse: collapse !important;
    }

    .e-gridheader .e-headercell { /* grid header color*/
        background: #343a40;
        min-height: 100%;
        border-width: 0px;
        border-color: #454d55;
    }

    .e-grid .e-gridheader { /* grid header font color and styles*/
        color: white;
        border-width: 0px;
        background-color: #343a40;
    }

        .e-grid .e-gridheader .e-icons {
            color: white !important;
        }

    .e-headercontent, .e-grid .e-headercell.e-mousepointer {
        border-right-width: 1px !important;
        border-radius: 4px;
    }

    /* font sizes */
    p, li {
        font-family: Poppins;
        line-height: 1.6rem;
        font-weight: 400;
        color: #000;
        font-size: 1rem;
        margin-bottom: 1rem;
    }

        p.emw-large {
            font-family: Poppins;
            line-height: 1.8rem;
            font-weight: 500;
            color: #000;
            font-size: 1.2rem;
            margin-bottom: 1.6rem;
            display: block
        }

    .h1, h1 {
        font-size: 2rem;
        line-height: 2.8rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .h2, h2 {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin-bottom: 1.2rem;
        margin-top: 0.6rem;
    }

    .h3, h3 {
        font-size: 1rem;
        line-height: 1.2rem;
        font-weight: bold;
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
    }

    .h4, h4 {
        font-size: 1rem;
        line-height: 1.2rem;
        margin-bottom: 0.6rem;
        margin-top: 0.3rem;
        font-weight: bold;
    }

    .h5, h5 {
        font-size: 1rem;
        line-height: 1.2rem;
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
    }

    .h6, h6 {
        font-size: 1rem;
        line-height: 1.2rem;
        margin-bottom: 0.3rem;
        margin-top: 0.3rem;
    }
    /* emworx colour boxes */

    .emw-bg-light {
        background-color: #eeeeee;
    }
    /* emworx toast styling */
    .emw-toast-wrapper {
        position: absolute;
        left: 42%;
        top: 1.75rem;
        width: 320px;
    }

    .emw-toast-content {
        position: relative;
        left: 0;
        width: 320px;
        background-color: #CCFFCC;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0.3rem;
    }

    .emw-toast-head {
        width: 100%;
        display: block;
        text-align: center
    }

    .emw-toast-body {
        width: 100%;
        display: block;
        text-align: center
    }
    /* syncfusion toast styles - dont really want but need for now */
    @font-face {
        font-family: 'Toast_icons';
        src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj0gSRkAAAEoAAAAVmNtYXDnM+eRAAABsAAAAEpnbHlmzVnmlwAAAhgAAAZAaGVhZBEYIl8AAADQAAAANmhoZWEHlgN3AAAArAAAACRobXR4LvgAAAAAAYAAAAAwbG9jYQnUCGIAAAH8AAAAGm1heHABHQBcAAABCAAAACBuYW1lfUUTYwAACFgAAAKpcG9zdAxfTDgAAAsEAAAAggABAAADUv9qAFoEAAAAAAAD6AABAAAAAAAAAAAAAAAAAAAADAABAAAAAQAACcU5MF8PPPUACwPoAAAAANcI7skAAAAA1wjuyQAAAAAD6APoAAAACAACAAAAAAAAAAEAAAAMAFAABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQPqAZAABQAAAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnCgNS/2oAWgPoAJYAAAABAAAAAAAABAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA2AAAABAAEAAEAAOcK//8AAOcA//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsAAAAAAAAAQgB8AMIA4gEcAZQCBgJwAo4DAAMgAAAAAwAAAAADlAOUAAsAFwAjAAABFwcXNxc3JzcnBycFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBTXh4L3h4L3h4L3h4AbwDt4qKtwMDt4qKt/0eBeuxsesFBeuxsesCbHh4L3h4L3h4L3h4p4q3AwO3ioq3AwO3irHrBQXrsbHrBQXrAAAAAwAAAAADlAOUAAUAEQAdAAABJwcXAScXDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBr2UylwEbMqADt4qKtwMDt4qKt/0eBeuxsesFBeuxsesBrGQylgEcMqKKtwMDt4qKtwMDt4qx6wUF67Gx6wUF6wAAAAAFAAAAAAOUA5cABQARAB0AIQAlAAABFzcnNSMFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgElFzcnBRc3JwHKxiCnPwFOA6V8fKUDA6V8fKX9aATToJ/UBATUn5/UAh7ANsD9fja/NQGedzNj29F8pAMDpHx8pQMDpXyf1AQE1J+g0wQE0/GhQKGhQKFAAAQAAAAAA74DfgADAAcACgANAAAlMzUjNTM1IwEhCQEhAQHLUlJSUgFj/YwBOv42A5T+NuZUUqf+igIc/ZADFgAEAAAAAAOUA5QAAwAHABMAHwAAATM1IzUzNSMFDgEHLgEnPgE3HgEFHgEXPgE3LgEnDgEBylRUVFQBbgO3ioq3AwO3ioq3/R4F67Gx6wUF67Gx6wEk+lNT0Iq3AwO3ioq3AwO3irHrBQXrsbHrBQXrAAAAAAcAAAAAA+gDMQALABUAJQAuADcAQQBLAAABFhcVITUmJz4BMxYFFhcVITU+ATcWJQYHFSE1LgEjIgYHLgEjIgEWFAYiJjQ2MgUWFAYiJjQ2MiUGFBYXPgE0JiIFBhQWFz4BNCYiA1xEBP6sAxUeRiRX/qxEBP45BIlXV/7xZQsD6AvKUypvMzNvKlMCKxozTTMzTP6CGTNMNDRMAQItWUREWlqI/jstWkREWVmIAWMbFjc3IBgKDwQcGxY3NxY3BAQjJUt7e0tKFxgYFwEMGU01NU0zGhlNNTVNMxYthloCAlqGWy4thloCAlqGWwAAAAQAAAAAA5wCxwAIABQANABFAAABFBYyNjQmIgYXDgEHLgEnPgE3HgEfAQcOAQ8BNz4BNS4BJw4BBxQWHwEnLgEvATc+ATc2FiUOAQ8BFx4BNz4BPwEnJiciAb8fLR4eLR+wAkU0NEUBAUU0NEX8BgEemG0FBB8kAlZBQFcBKyUCCkeVTAYBH76RVMP+3bDPBwcKZclcu/AGCwrM2AoBxxYfHy0eHhc0RQEBRTQ1RQEBRSgEARpWGAECFUIoQVcCAldBLEYUAQEIQkAGASJsBwFCoRbFFAoJW0sBCo8LCgztAQAAAAIAAAAAA4ADbAA4AEEAAAEEJCcmDgEWFx4BHwEVFAYHDgEnJg4BFhcWNjc2Fx4BBx4BFzc+ASc2JicmJzUzPgE3PgEnJicjIiUUFjI2NCYiBgNM/tz+pwwMGxEDDAaMfAcSETKEQw8WBg8Og80hNSg4JwICEw0FDhECAjFJEBICPYhKDQgGChQCB/5dMUgxMUgxAuB/ZRcIAxgbCQdHEQGTGi8TOVgKAw8dFwMNuDUFHTGDCA0QAQECFQ8Mnz8LCasJKiUHGg0SATMkMDBJMDAAAAAAAgAAAAAC/QMkAAMADQAAAQchJxMeATMhMjY3EyEC2x3+bB0kBCQZAQQZJARH/ewDBuDg/fcZICAZAicAAwAAAAACzwPoACwAQwBPAAABERQfARYfAzMVHgE7ATI2NRE0JisBNTEWOwEyNjQmJyMiJi8BLgErAQ4BAxUzNTQ2NzMeARcVMzUuAScjIgcjESM1HgEXPgE3LgEnDgEBVQEBAwQCCAjXARENOg0REQ2zDROVExoaE2UQGAQfAxAKYg0RPR8RDZcNEQEeASIalxANAR8CTTo6TQEBTTo6TQJ8/nYEBQIGBAIFArYNERENARENEUoNGicZARMPfQoNARH98Hl5DREBARENeXkaIgEIAe3FOk0CAk06Ok0BAU0AAAAAAgAAAAAC5gMyAAkAEQAAJRQWMyEyNjURITcjFSE1IycjASApHgEaHin+WFBuAeR+JLD8HigoHgGfeT09HgAAAAAAEgDeAAEAAAAAAAAAAQAAAAEAAAAAAAEAEgABAAEAAAAAAAIABwATAAEAAAAAAAMAEgAaAAEAAAAAAAQAEgAsAAEAAAAAAAUACwA+AAEAAAAAAAYAEgBJAAEAAAAAAAoALABbAAEAAAAAAAsAEgCHAAMAAQQJAAAAAgCZAAMAAQQJAAEAJACbAAMAAQQJAAIADgC/AAMAAQQJAAMAJADNAAMAAQQJAAQAJADxAAMAAQQJAAUAFgEVAAMAAQQJAAYAJAErAAMAAQQJAAoAWAFPAAMAAQQJAAsAJAGnIEZpbmFsIFRvYXN0IE1ldHJvcFJlZ3VsYXJGaW5hbCBUb2FzdCBNZXRyb3BGaW5hbCBUb2FzdCBNZXRyb3BWZXJzaW9uIDEuMEZpbmFsIFRvYXN0IE1ldHJvcEZvbnQgZ2VuZXJhdGVkIHVzaW5nIFN5bmNmdXNpb24gTWV0cm8gU3R1ZGlvd3d3LnN5bmNmdXNpb24uY29tACAARgBpAG4AYQBsACAAVABvAGEAcwB0ACAATQBlAHQAcgBvAHAAUgBlAGcAdQBsAGEAcgBGAGkAbgBhAGwAIABUAG8AYQBzAHQAIABNAGUAdAByAG8AcABGAGkAbgBhAGwAIABUAG8AYQBzAHQAIABNAGUAdAByAG8AcABWAGUAcgBzAGkAbwBuACAAMQAuADAARgBpAG4AYQBsACAAVABvAGEAcwB0ACAATQBlAHQAcgBvAHAARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAdQBzAGkAbgBnACAAUwB5AG4AYwBmAHUAcwBpAG8AbgAgAE0AZQB0AHIAbwAgAFMAdAB1AGQAaQBvAHcAdwB3AC4AcwB5AG4AYwBmAHUAcwBpAG8AbgAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQAFRXJyb3IHU3VjY2VzcwVBbGFybQdXYXJuaW5nBEluZm8HTWVldGluZwVCbGluawdTdHJldGNoA1NpcANTaXQFVHJhc2gAAAAA) format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    #toast_types button {
        margin: 5px;
        min-width: 160px;
        max-width: 160px;
    }


    .toast-icons {
        font-family: 'Toast_icons' !important;
        speak: none;
        font-size: 55px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    #toast_type .e-toast-icon.e-icons {
        height: auto;
        font-size: 30px;
    }

    .toast-icons.e-success::before {
        content: "\e701";
    }

    .toast-icons.e-error::before {
        content: "\e700";
    }

    .toast-icons.e-info::before {
        content: "\e704";
    }

    .toast-icons.e-warning::before {
        content: "\e703";
    }
    /* table styling */
    .emw-body .emw-table {
        border: none;
    }

        .emw-body .emw-table th {
            background-color: #fff;
            border-bottom: 6px solid #fff;
        }
        .emw-body .emw-table td {
            background-color: #eceded;
            border-bottom: 6px solid #fff;
        }

    /* icons for facilities */
    .emw-body ul.ps-icon {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .emw-body ul.ps-icon li {
            padding: 0px 3px 3px 30px;
            height: 20px;
        }

    /* Cueing Software */
    .emw-body .ps-icon li.adr-manager {
        background: url('/images/icons/ps_adr-manager.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.adr-toolbox {
        background: url('/images/icons/ps_adr-toolbox.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.adr-master {
        background: url('/images/icons/ps_adr-master.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.edi-cueprompt {
        background: url('/images/icons/ps_edicueprompt.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.pete-gates-software {
        background: url('/images/icons/ps_pete-gates-software.svg') no-repeat left top;
    }
    /* Cueing Systems */
    .emw-body .ps-icon li.beeps {
        background: url('/images/icons/ps_beeps.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.custom-light-cueing-system {
        background: url('/images/icons/ps_custom-light-cueing-system.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.number-count-down {
        background: url('/images/icons/ps_number-count-down.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.on-screen-text {
        background: url('/images/icons/ps_on-screen-text.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.streamers {
        background: url('/images/icons/ps_streamers.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.wipes {
        background: url('/images/icons/ps_wipes.svg') no-repeat left top;
    }
    /* Equipment */
    .emw-body .ps-icon li.nuendo {
        background: url('/images/icons/ps_nuendo.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.other {
        background: url('/images/icons/ps_other.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.protools {
        background: url('/images/icons/ps_protools.svg') no-repeat left top;
    }
    /* Microphones */
    .emw-body .ps-icon li.ps-4-mic-array {
        background: url('/images/icons/ps_3-mic-array.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-3-mic-array {
        background: url('/images/icons/ps_4-mic-array.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-boom {
        background: url('/images/icons/ps_boom.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-clip {
        background: url('/images/icons/ps_clip.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-boom--clip {
        background: url('/images/icons/ps_boomandclip.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-dpa-6060 {
        background: url('/images/icons/ps_dba.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-manley-ref-c {
        background: url('/images/icons/ps_manley.svg') no-repeat left top;
    }

.emw-body .ps-icon li.ps-neumann-tlm-103,  .emw-body .ps-icon li.ps-neumann-tlm-170, .emw-body .ps-icon li.ps-neumann-tlm-193, .emw-body .ps-icon li.ps-neumann-m149, .emw-body .ps-icon li.ps-neumann-u47-fet, .emw-body .ps-icon li.ps-neumann-u67, .emw-body .ps-icon li.ps-neumann-u87 {
    background: url('/images/icons/ps_neumann.svg') no-repeat left top;
}

    .emw-body .ps-icon li.ps-sanken-cos-11-d {
        background: url('/images/icons/ps_sanken.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-schoeps-cmc6 {
        background: url('/images/icons/ps_schoeps.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-schoeps-cmit-5-u {
        background: url('/images/icons/ps_schoeps.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-sennheiser-mkh-40 {
        background: url('/images/icons/ps_sennheiser.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-sennheiser-mkh-416 {
        background: url('/images/icons/ps_sennheiser.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-sennheiser-mkh-418 {
        background: url('/images/icons/ps_sennheiser.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-sennheiser-mkh-50 {
        background: url('/images/icons/ps_sennheiser.svg') no-repeat left top;
    }
    /* Remote Connections */
    .emw-body .ps-icon li.clean-feed {
        background: url('/images/icons/ps_cleanfeed.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ipdtl {
        background: url('/images/icons/ps_ipdtl.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.isdn {
        background: url('/images/icons/ps_isdn.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.session-link-pro {
        background: url('/images/icons/ps_sessionlink-pro.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.soundwhale {
        background: url('/images/icons/ps_soundwhale.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.source-connect-pro {
        background: url('/images/icons/ps_source-connect.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.source-connect-pro-x {
        background: url('/images/icons/ps_source-connect.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.source-connect-standard {
        background: url('/images/icons/ps_source-connect.svg') no-repeat left top;
    }
    /* Room Types */
    .emw-body .ps-icon li.booth {
        background: url('/images/icons/ps_booth.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.large-room-for-10-20-people {
        background: url('/images/icons/ps_large-room.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.medium-room-for-up-to-10-people {
        background: url('/images/icons/ps_medium-room.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.separate-control-room {
        background: url('/images/icons/ps_separate-control-room.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.small-room-for-artist-only {
        background: url('/images/icons/ps_small-room.svg') no-repeat left top;
    }
    /* Sample Rates */
    .emw-body .ps-icon li.ps-48-k-hz {
        background: url('/images/icons/ps_48-khz.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-96-k-hz {
        background: url('/images/icons/ps_96-khz.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.ps-192-k-hz {
        background: url('/images/icons/ps_192-khz.svg') no-repeat left top;
    }
    /* Social Distancing Measures */
    .emw-body .ps-icon li.contactless-entry {
        background: url('/images/icons/ps_contactless-entry.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.risk-assessment-completed {
        background: url('/images/icons/ps_risk-assessment-completed.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.separate-control-room {
        background: url('/images/icons/ps_separate-control-room.svg') no-repeat left top;
    }
    /* Video Conferencing */
    .emw-body .ps-icon li.skype-sound-only {
        background: url('/images/icons/ps_skypesoundonly.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.skype-picture--sound {
        background: url('/images/icons/ps_skypepictureandsound.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.zoom {
        background: url('/images/icons/ps_zoom.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.zoom-pro {
        background: url('/images/icons/ps_zoom-pro.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.source-live {
        background: url('/images/icons/ps_source-live.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.phone-patch {
        background: url('/images/icons/ps_phone-patch.svg') no-repeat left top;
    }
    /* Work Locations */
    .emw-body .ps-icon li.remote-adr-done-from-home {
        background: url('/images/icons/ps_remote-adr.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.facility {
        background: url('/images/icons/ps_facility.svg') no-repeat left top;
    }

    .emw-body .ps-icon li.on-set-adr {
        background: url('/images/icons/ps_on-set-adr.svg') no-repeat left top;
    }
    /* image upload control styling */

    .control_wrapper {
        max-width: 400px;
        margin: auto;
    }

    .e-upload {
        width: 100%;
        position: relative;
        margin-top: 15px;
    }

    .control_wrapper .e-upload .e-upload-drag-hover {
        margin: 0;
    }
    /* progress bar styling */
    .emw-body .emw-progress {
        height: auto !important;
    }

        .emw-body .emw-progress .progress-bar p.emw-progressline {
            height: auto !important;
            font-size: 1rem !important;
            background-image: url(/images/progress/progressline.png);
            background-repeat: repeat-x;
            background-position-y: center;
        }

        .emw-body .emw-progress .progress-bar p.emw-progressline-white {
            height: auto !important;
            font-size: 1rem !important;
            background-image: url(/images/progress/progressline-white.png);
            background-repeat: repeat-x;
            background-position-y: center;
        }

        .emw-body .emw-progress .progress-bar p.emw-progressline-grey {
            height: auto !important;
            font-size: 1rem !important;
            background-image: url(/images/progress/progressline-grey.png);
            background-repeat: repeat-x;
            background-position-y: center;
        }

        .emw-body .emw-progress .progress-bar p {
            height: auto !important;
        }

    .emw-body .emw-text-ccc {
        color: #ccc !important;
    }
    /* recolour syncfusion buttons */
    .emw-body .e-warning {
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
    }
    /* control kb search box size */
    .emw-max-search {
        max-width: 800px;
    }

    /* force font to poppins in forms */
    .emw-body input.e-input, .emw-body textarea.e-input, .emw-body .e-input-group, .emw-body .e-input-group.e-control-wrapper {
        font-family: "Poppins", sans-serif !important
    }
    /* porto styles */

    #emw-navbar-sticky.sticky-header .main-menu > li.menu-item > a, #header.sticky-header .main-menu > li.menu-custom-content a {
        color: #212529
    }

    #emw-navbar-sticky.sticky-header .main-menu > li.menu-item:hover > a, #header.sticky-header .main-menu > li.menu-item.active:hover > a, #header.sticky-header .main-menu > li.menu-custom-content:hover a {
        color: #212529
    }

    #emw-navbar-sticky.sticky-header .main-menu > li.menu-item.active > a, #header.sticky-header .main-menu > li.menu-custom-content.active a {
        color: #383435
    }

    #emw-navbar-sticky .share-links a:not(:hover) {
        background: none;
        color: #383435;
        box-shadow: none;
    }

    #emw-navbar-sticky .sticky-header .share-links a:not(:hover) {
        color: #212529;
    }

    /* emw mobile nav hover colours */
    a.emw-hover:hover {
        background-color: #ddd;
    }
    /*emw styling hamburger */
    .emw-mobile-toggle {
        font-size: 1.6em;
        color: #000;
        background-color: #fff;
        border-color: #000;
         text-align: center;
        margin: 1rem;
        line-height: 20px;
    }
/* styling of top links */
.nav-item .emw-btn-outline-dark {
    border: 0.2em solid #000;
    background-color: #fff !important;
    color: #000 !important;
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0s;
    padding: 0.333rem 0.933rem !important;
    font-size: 0.8rem !important;
    line-height: 1.42857 !important;
}

.nav-item .emw-btn-dark {
    border: 0.2em solid #000;
    background-color: #000;
    color: #fff !important;
    transition-property: all;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0s;
    padding: 0.333rem 0.933rem !important;
    font-size: 0.8rem !important;
    line-height: 1.42857 !important;
}

.navbar-nav .share-links {
    text-indent: 0;
       line-height: 23px;
    height: 22px;
  }
    .navbar-nav .share-links a::before {
        width: 30px !important;
        height: 30px !important;
        border-radius: 30px !important;
        margin: 0 1px !important;
        overflow: hidden !important;
        font-size: .8rem !important;
        transition: all .3s !important;
    }
  
.dropdown .dropdown-menu {
    box-shadow: 0 9px 30px 10px rgba(0,0,0,0.1);
}
/* icons on KB home page */
.emw-fa-file-alt {
    font-size: 3rem !important;
    color: #84754F;
}
.emw-card {
    border-radius: 4px;
    border-width: 1px;
    border-color: #84754f;
    background-color: #F7F7F7;
    border-style: solid;
    box-shadow: 0 3px 20px -10px rgba(0,0,0,.75);
}

    .emw-card .card-header {
        background-color: transparent !important;
        color: #84754F;
    }
    .emw-card .card-footer {
        background-color: transparent !important;
           }
    .emw-card .card-body {
        background-color: #fff !important;
    }

/* search button format */
.emw-button-sm {
    padding: .375rem .75rem !important;
}
/* make links clickable in modals */
.modal-dialog {
    pointer-events: all !important;
}

.components-reconnect-show, .components-reconnect-failed, .components-reconnect-rejected {
    display: none;
}

#components-reconnect-modal {
    display: none;
}
/* css for sticky nav and scroller on home page */
html {
    scroll-padding-top: 3.5rem;
}

header {
    
}

section {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
/* set max width of navbar*/
.emw-navbar-width {max-width:580px !important;
}
/* carousel css */
.home .carousel-item {
    min-height: 60vh;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .home .carousel-item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: -1;
    }
    /* changed from 50 by IM */
    .home .carousel-item .container {
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%,-40%);
        text-align: center;
    }

    .home .carousel-item h2 {
        font-size: 80px;
        color: #ffffff;
        margin: 0 0 10px;
        opacity: 0;
    }

    .home .carousel-item p {
        font-size: 30px;
        margin: 0;
        color: #eeeeee;
        opacity: 0;
    }

    .home .carousel-item.active img, .home .carousel-item.active button {
        animation: fadeInLeft 0.5s ease forwards;
    }

    .home .carousel-item.active p {
        animation: fadeInLeft 0.5s ease forwards;
    }

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.home .carousel-controls {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 10;
    transform: translateX(-50%);
}

.home .carousel-indicators {
    position: relative;
    margin: 0;
}

    .home .carousel-indicators li {
        height: 70px;
        width: 70px;
        margin: 0 5px;
        border-radius: 50%;
        background-position: center;
        background-size: cover;
        border: 3px solid transparent;
        transition: all 0.3s ease;
    }

        .home .carousel-indicators li.active {
            border-color: #ffffff;
            transform: scale(1.2);
        }

.home .carousel-control-next,
.home .carousel-control-prev {
    height: 60px;
    width: 60px;
    opacity: 1;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .home .carousel-control-next:hover,
    .home .carousel-control-prev:hover {
        box-shadow: 0 0 10px #ffffff;
    }

    .home .carousel-control-next img,
    .home .carousel-control-prev img {
        width: 30px;
    }

.home .carousel-control-next {
    right: 20px;
}

.home .carousel-control-prev {
    left: 20px;
}

/*responsive*/
@media(max-width: 767px) {
    .home .carousel-control-next,
    .home .carousel-control-prev {
        display: none;
    }

    .home .carousel-indicators li {
        height: 60px;
        width: 60px;
    }

    .home .carousel-item h2 {
        font-size: 45px;
    }

    .home .carousel-item p {
        font-size: 22px;
    }
}

/* get rid of para spacing on freelancers directory */

.emw-body p {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    line-height:1.4 !important;
}

.hidden {
    visibility: hidden;
}
/* set min height for page content */
.min-vh-50 {
    min-height: 50vh !important;
}
.btn-outline-dark:hover {
    color: white !important;
}

/* styling for svg nav icons */
.emw-svg-navicon-large {
    vertical-align: middle;
    border-style: none;
    max-width: 80px;
    min-width: 40px;
    margin: 0px auto;
}
.emw-svg-navicon-small {
    vertical-align: middle;
    border-style: none;
    max-width: 40px;
    min-width: 30px;
    margin: 0px auto;
}
/* site dark background colour */
.emw-bg-dark {
    background-color: #c60070 !important
}
.emw-bg-dark-outline {
    background-color: #000
   }
/* site main headings class */
.emw-heading {
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}
/* footer styling */
.emw-footer {
}
.emw-navbar-footer-brand {
    max-width: 160px;text-align:left;
}
.emw-footer .navbar-nav > li.nav-item > a.nav-link {
    font-family: 'Poppins',sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.0rem;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 0rem;
    padding: 0.1rem;
    text-transform: none;
}
/* text for icons styling */
.emw-p-min-width {
    font-size:0.7rem;
    font-weight:700;
    display:inline-block;
    }

.emw-white-link {
    text-decoration: none;
    color:#fff;
}
    .emw-white-link:link {
        text-decoration: none;
        color: #fff;
    }
    .emw-white-link:visited {
        text-decoration: none;
        color: #fff;
    }
    .emw-white-link:hover {
        text-decoration: none;
        color: #fff;
    }
    .emw-white-link:active {
        text-decoration: none;
        color: #fff;
    }

.emw-black-link {
    text-decoration: none;
    color: #000;
}

    .emw-black-link:link {
        text-decoration: none;
        color: #000;
    }

    .emw-black-link:visited {
        text-decoration: none;
        color: #000;
    }

    .emw-black-link:hover {
        text-decoration: none;
        color: #000;
    }

    .emw-black-link:active {
        text-decoration: none;
        color: #000;
    }



    /* background colour of site */
.emw-body .emw-grey {
    background-color: #F5F4F3
}
.emw-p-small {font-size:0.8rem}




/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */ 
{
    .carousel-item h1 {
    font-size: 2rem;
    line-height: 2.75rem;
}

.emw-slider-button {
    min-width: 100%;
}

.emw-slider-text {
    min-width: 100%;
}

.emw-h1-slider {
    min-width: 100%;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) /* styling for carousel slides */
.carousel-item .emw-carousel-caption {
    bottom: 3rem !important;
}


.carousel-item .emw-carousel-heading {
    max-width: 520px;
    min-width: 340px;
    text-align: center;
    margin: -2rem auto 1rem auto;
}

.carousel-item .emw-carousel-caption .emw-slider-text {
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    margin: 0.3rem auto 1rem auto;
    max-width: 480px;
    min-width: 340px;
}

.carousel-item .emw-carousel-caption .emw-slider-button {
    margin: 2rem auto 0.3rem auto;
    max-width: 420px;
    min-width: 340px;
    padding: 0.3rem 2rem !important;
}

.carousel-item .emw-carousel-caption .btn-gold {
    color: #000 !important;
    font-weight: 700 !important;
}
.carousel-item h1 {
    font-size: 2.4rem;
    line-height: 1.2;
}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* styling for carousel slides */
    .carousel-item .emw-carousel-caption {
        bottom: 3rem !important;
    }


    .carousel-item .emw-carousel-heading {
        max-width: 765px;
        min-width: 340px;
        text-align: center;
        margin: -3rem auto 1rem auto;
    }

    .carousel-item .emw-carousel-caption .emw-slider-text {
        color: #fff !important;
        font-size: 1rem !important;
        line-height: 1.4 !important;
        margin: 0.3rem auto 1rem auto;
        max-width: 700px;
        min-width: 340px;
    }

    .carousel-item .emw-carousel-caption .emw-slider-button {
        margin: 4rem auto 0.3rem auto;
        max-width: 420px;
        min-width: 340px;
        padding: 0.3rem 2rem !important;
    }

    .carousel-item .emw-carousel-caption .btn-gold {
        color: #000 !important;
        font-weight: 700 !important;
    }
    .carousel-item h1 {
        font-size: 3.75rem;
        line-height: 1.4;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  
    /* rounded corners on reg page */
    .emw-rounded-left {
        border-top-left-radius: 2rem !important;
        border-bottom-left-radius: 2rem !important;
    }

    .emw-rounded-right {
        border-top-right-radius: 2rem !important;
        border-bottom-right-radius: 2rem !important;
    }
  
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}