.d0greyshadowbox {background-color: #fefefe; margin: 1em 0; padding:30px; min-height:0px; box-shadow: 10px 10px 20px 5px #eeeeee; border-radius: 20px; border: 1.5px solid #d3b85a; display:block;}

.d0whiteoverlay {background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%);}
.d0footeroverlay {background: linear-gradient(0deg,rgba(255, 248, 241, 1) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 100%);}

@media only screen and (min-width: 992px) {
.d0whiteoverlayright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 50%, rgba(255, 255, 255, 1) 100%);}
.d0whiteoverlayleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.49) 50%, rgba(255, 255, 255, 1) 100%);}}

@media only screen and (max-width: 991px) {
.d0whiteoverlayright {background: rgba(255, 255, 255, 1);}
.d0whiteoverlayleft {background: rgba(255, 255, 255, 1);}}

@media only screen and (min-width: 992px) {
    .d0splashspace {
        min-height: 75vh;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
}

@media only screen and (min-width: 992px) {
    .d0headerspace {
        min-height: 75vh;
        min-width: 800px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 991px) {
    .d0headerspace {
        min-height: 75vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

#r8_content h3 {font-family: Poppins, sans-serif;}
#r8_content h4 {font-family: Poppins, sans-serif;}

@media only screen and (min-width: 800px) {.d0fivecolumnwrapper {display: flex; overflow: hidden; width: 100%;}} @media only screen and (max-width: 799px) {.d0fivecolumnwrapper {display: flex; flex-direction: column; overflow: hidden; width: 100%;}} .d0fivecolumn {flex: 1 1 20%; box-sizing: border-box; padding: 0 5px;}

.parallax-light .d0whiteoverlay {margin: -15px 0;}

#r8_navbar .navbar hr {display: none;}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

.sf-menu li ul li:hover>a {
    background-color: #2f24b1;
    color: #fff;
}

/* Remove focus outline for mouse users only */
:focus:not(:focus-visible) {
  outline: none;
}

#header div.menu_container {border-bottom: none; box-shadow: none;}

/*CHANGE MOBILE MENU BACKGROUND AND TEXT*/

@media (max-width: 991px) {
    .mm-ismenu, .mm-ismenu.mm-light {
        background-color: #fff;
        color: #2f24b1;
    }}
/*CHANGE DIVIDERS BETWEEN MOBILE MENU ITEMS*/

@media (max-width: 991px) {
    .mm-menu.mm-light .mm-list>li:after, .mm-menu .mm-list>li:after, .mm-menu.mm-light .mm-header, .mm-menu.mm-light .mm-header {
        border-color: #fff;
 }}

/*CHANGE MOBILE DROPDOWN ARROW COLOUR*/

@media (max-width: 991px) {
    .mm-menu .mm-list>li>a.mm-subopen:after, .mm-menu .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-list>li>a.mm-subopen:after, .mm-menu.mm-light .mm-list>li>a.mm-subclose:before, .mm-menu.mm-light .mm-header a:before {
        border-color: #2f24b1;
}}

.mm-menu.mm-vertical .mm-list li.mm-opened>ul {
        background-color: rgba(54, 41, 208, 0);
    }

.mm-menu.mm-vertical .mm-list li.mm-opened>a.mm-subopen {background-color: rgba(54, 41, 208, 0);}

#r8_content img {border-radius: 20px;}

@media only screen and (max-width: 799px) {.btn {display: block !important; white-space: normal !important;}}

#contact2 #body {background-image: url(/shared/images/content/bus_58338/Biofeedback-Technology-ContactBG.png); background-attachment: fixed; background-position-x: center; background-position-y: center;   background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#r8_content .ub-palette-dark li:before {color: #fff;}