/**
Theme Name: Ops Manual
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ops-manual
Template: astra
*/


/* removes padding from tables */

.elementor-widget-tp-table {
    margin-bottom: 0px !important;
}


/* removes first link and >> from breadcrumbs
	- 1. make all text 1px so it's invisible
	- 2. make all text within the third-deep <span> 13px (this is all text except the first item)
	- 3. Make all links invisible but make links within third-deep <span> visible
*/

#breadcrumbs {
    font-size: 1px;
}

#breadcrumbs span span span {
    font-size: 13px;
}

#breadcrumbs span a {
    display: none;
}

#breadcrumbs span span span a {
    display: inline;
}

/* remove breadcrumbs when on homepage */

.home #breadcrumbs_container {
    display: none !important;
}

/* change appearance of page list widgets */

.page-list-ext-item {
    background-color: #e5e5e5;
    border-radius: 12px;
    margin-top: 0px !important;
    padding: 12px 10px 12px 10px;
    min-height: 64px;
    transition: box-shadow 0.3s;
}

.page-list-ext-item:hover {
    box-shadow: 0px 0px 8px #888888;
}

.page-list-ext-image img {
    width: 32px;
    height: 32px;
}

.page-list-ext-title {
    margin: 8px 0 8px 0 !important;
    padding: 0 !important;
    font-size: 1.3rem !important;
    line-height: 110% !important;
}

/* add bottom margin to bullet lists and add madder bullet point */

.elementor-widget-text-editor ul {
    margin-left: 1em !important;
    list-style: none;
}

.elementor-widget-text-editor ul li {
    margin-bottom: 0.5rem;
}

.elementor-widget-text-editor ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #8b1713;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

/* Garage Info button grid */

.dlp-grid-documents .dlp-grid-card {
    background-color: #e5e5e5;
    border-radius: 15px;
}

@media only screen and (max-width: 799px) {

    .sidebar-main {
        display: none;
    }

    .ast-left-sidebar #content>.ast-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 16px;
    }

    /* this will keep mobile menu submenus expanded */
    .elementor-nav-menu--dropdown {
        display: block !important;
    }
}

@media only screen and (min-width: 600px) {
    #secondary {
        padding-right: 0px !important;
        margin: 16px 16px 0 0 !important;
    }

    #primary {
        margin-top: 16px !important;
    }

    .ast-article-single {
        padding: 1.34em 2.67em !important;
    }
}

/*Global Footer Information Cards*/
.mylothian-footer-cards-container {
    margin-bottom: 2em;
}

.mylothian-footer-card {
    border: 0;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    text-align: center;
}

.mylothian-footer-card,
.mylothian-footer-card .card-header {
    border-top-right-radius: 0.8em;
    border-top-left-radius: 0.8em;
}

.mylothian-footer-card,
.mylothian-footer-card .card-body {
    border-bottom-right-radius: 0.8em;
    border-bottom-left-radius: 0.8em;
}

.mylothian-footer-card .card-header {
    background-color: #994f4d;
}

.mylothian-footer-card-header-icon {
    width: 5em;
}

.mylothian-footer-card .card-body {
    background-color: #f4f4f9;
    padding-bottom: 2em;
}

.mylothian-footer-card .card-body h3 {
    font-size: 1.5em;
    color: #424142;
    margin-bottom: 0.5em;
}

.mylothian-footer-card .card-body a {
    color: #a07520;
}

.mylothian-footer-card .card-body a:hover {
    text-decoration: underline;
}

.mylothian-footer-card .card-body p {
    margin: 0 !important;
}

@media(max-width:767px) {
    .mylothian-footer-card-first {
        margin-bottom: 2em;
    }
}

/*Rounded Buttons*/
.mylothian-rounded-button {
    width: 100%;
    border-radius: 10em !important;
    background-color: #8c1713;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 1em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    transition: background-color 0.3s !important;
    margin-bottom: 1em;

}

.mylothian-rounded-button:hover {
    background-color: #666566 !important;
}

.mylothian-rounded-button .mylothian-rounded-button-text {
    color: #fbfbfb;
    margin-right: 5px;
}

.mylothian-rounded-button.mylothian-rounded-button-gold {
    background-color: #8B6F37;
}

.mylothian-rounded-button.mylothian-rounded-button-copper {
    background-color: #B87333;
}

.mylothian-rounded-button.mylothian-rounded-button-dark-grey {
    background-color: #424142;
}

.mylothian-rounded-button.mylothian-rounded-button-blue {
    background-color: #2D5964;
}

.mylothian-rounded-button.mylothian-rounded-button-green {
    background-color: #2D6457;
}

.mylothian-rounded-button.mylothian-rounded-button-purple {
    background-color: #7A5D6C;
}

/*Custom buttons*/
.mylothian-buttons-container {
    margin-top: 2em;
}

.mylothian-button {
    background-color: transparent !important;
    color: #424142;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding: 0.2em;
    box-shadow: none !important;
}

.mylothian-button span {
    color: #424142;
}

.mylothian-button:hover,
.mylothian-button:focus {
    color: #424142 !important;
}

.mylothian-button-icon-container {
    background-color: #424142;
    border: 3px solid #424142;
    border-radius: 1em;
    transition: background-color 1s, border-color 1s;
    margin-bottom: 0.4em;
    width: 228px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
}

.mylothian-button-external-icon {
    height: 1em !important;
    width: auto;
    margin-top: -0.3em;
}

.mylothian-button-icon-container-light-grey {
    background-color: #666566;
    border: 3px solid #666566;
}

.mylothian-button-icon-container-white {
    background-color: #FBFBFB;
}

.mylothian-button:hover .mylothian-button-icon-container,
.mylothian-button:focus .mylothian-button-icon-container {
    background-color: #FBFBFB;
    border: 3px solid #FBFBFB;
}

.mylothian-button:hover .mylothian-button-icon-container.mylothian-button-icon-container-white,
.mylothian-button:focus .mylothian-button-icon-container.mylothian-button-icon-container-white {
    background-color: #424142;
}

.mylothian-button .mylothian-button-icon-container.mylothian-button-icon-container-white+span {
    color: #fbfbfb !important;
}

.button-icon-lottie-player {
    height: 100px !important;
}

@media(max-width:480px) {
    .button-icon-lottie-player {
        height: 80px !important;
    }

    .mylothian-button-icon-container {
        width: 100px;
    }

    .mylothian-buttons-container .row>* {
        width: 140px;
    }

    .mylothian-buttons-container .row {
        justify-content: center;
    }

    .mylothian-button {
        padding-left: 10px;
        line-height: 1.4 !important;
        margin-bottom: 0.8em;
    }

}

/*Popup Announcements*/

#mylothian-announcement-content {
    text-align: center;
}

#mylothian-popup-announcements .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#mylothian-popup-announcements .modal-dialog {
    overflow-y: initial !important
}

#mylothian-popup-announcements .modal-body {
    max-height: 50vh;
    overflow-y: auto;
}

.mylothian-popup-announcement-close,
.mylothian-modal-footer-arrow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mylothian-modal-title {
    font-size: 2em !important;
    margin: 0 !important;
    font-family: museo, museo-sans, lato !important;
    ;
}

.mylothian-popup-announcement-close {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    vertical-align: top;
    font-weight: 600 !important;
    padding: 0.2em 0.8em;
    border-radius: 0.5em;
    transition: background-color 0.3s;
}

.mylothian-modal-footer-arrow {
    background-color: transparent !important;
    border-radius: 0.5em;
    transition: background-color 0.3s;
}

.mylothian-popup-announcement-close:hover,
.mylothian-modal-footer-arrow:hover {
    background-color: #f5f5f9 !important;
}

.mylothian-modal-content-body {
    margin: 1em;
    font-size: 1.3em !important;
}

.mylothian-modal-content-link {
    border-radius: 0.3em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    transition: background-color 0.3s, color 0.3s;
    text-transform: unset !important;
    font-weight: 550 !important;
}

@media(max-width:500px) {
    .mylothian-modal-title {
        font-size: 1.3em !important;
    }

    .mylothian-modal-content-body {
        font-size: 1.1em !important;
    }

    .mylothian-modal-footer-arrow img {
        height: 15px
    }
}

@media (min-width: 1200px) {
    #department-announcements-container.mylothian-one-announcement .slick-slide {
        max-width: 1100px;
    }

    .mylothian-welcome-logo {
        height: auto;
        width: 75%;
    }

    #department-announcements-container.mylothian-one-announcement .slick-track {
        justify-content: center;
    }
}

/*Posts */

.mylothian-posts-opportunities .mylothian-opportunity {
    margin-bottom: 1em;
}

.mylothian-posts-opportunities .card {
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
}

.mylothian-posts-title span {
    font-size: 0.7em !important;
    color: #A2864D !important;
}

.mylothian-see-all-posts {
    width: 100%;
    border-radius: 10em !important;
    background-color: #8c1713 !important;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 1em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    transition: background-color 0.3s !important;
    margin-bottom: 1em;
}

.mylothian-see-all-posts .mylothian-posts-read-article {
    color: #fbfbfb !important;
}

.mylothian-see-all-posts:hover {
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    background-color: #424142 !important;
}

.mylothian-see-all-posts.mylothian-posts-archive {
    background-color: #424142 !important;
}

.mylothian-see-all-posts.mylothian-posts-archive:hover {
    background-color: #666566 !important;
}

@media(max-width:480px) {
    .mylothian-see-all-posts {
        font-size: 1em !important;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}

.arrow-link {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    transition: transform 0.3s ease;
    color: #000;
    text-decoration: none;
    width: 100%;
}

.arrow-link:hover .mylothian-posts-arrow {
    transform: translateX(10px);
}

.arrow-link:not(:hover) .mylothian-posts-arrow {
    transform: translateX(0);
}

.mylothian-posts-card-img {
    height: 130px !important;
    background-color: white !important;
}

.mylothian-posts-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mylothian-post .card {
    border-radius: 1em !important;
    border: 0;
}

.mylothian-post .card-img,
.mylothian-posts-card-img {
    border-radius: 1em 1em 0 0 !important;
}

.mylothian-posts-title {
    color: black !important;
    font-size: 1.4em;
}

.mylothian-posts-card-title-container {
    text-align: left;
}

.mylothian-posts-card-title-container .post-date {
    float: right;
    font-size: 0.8em;
}

.mylothian-post .card-body {
    background-color: #faf6f4;
}

.mylothian-post .card-footer {
    background-color: #8C1713;
    text-align: right;
    border-radius: 0 0 1em 1em !important;
    transition: background-color 0.5s;
}

.mylothian-post .card-footer:hover {
    background-color: #666566;
}

.mylothian-post .card-footer a {
    color: white;
}

.mylothian-posts-arrow {
    width: 15px;
    vertical-align: middle;
    display: inline !important;
    margin-bottom: 2.5px;
    transition: transform 0.4s;
}

.card-footer:hover .mylothian-posts-arrow {
    transform: translateX(10px);
}

.mylothian-posts-read-article {
    margin-right: 5px;
}

/*Dashboard*/

.mylothian-welcome-logo {
    float: right;
}

.mylothian-dashboard-homepage-quicklink {
    background-color: #2D5964;
    float: right;
    width: 75%;
    margin-top: 1.5em;
    padding: 0.5em;
    color: #f5f5f5 !important;
    border-radius: 10em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    transition: background-color 0.3s;
    font-size: 1.2em;
}

.mylothian-dashboard-homepage-quicklink:hover {
    background-color: #666566;
}


#department-announcements-container {
    /* position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw; */
    box-sizing: border-box;
}

#mylothian-welcome-greeting h3 {
    text-align: left;
    margin-left: 0.5em;
    font-family: museo, museo-sans, lato;
}

#mylothian-weather {
    float: left;
    text-align: left;
}

.mylothian-weather-icon,
.mylothian-weather-temp {
    display: inline;
}

.mylothian-weather-temp {
    font-size: 3em;
    margin-left: 0;
    vertical-align: bottom;
    font-weight: 400;
    color: #424142;
}

#mylothian-weather-current {
    display: flex;
    align-items: center;
}

.mylothian-weather-next-hour {
    margin: 0 !important;
}

.mylothian-weather-icon {
    height: 120px;
    width: 120px;
}

.mylothian-weather-temp {
    margin-bottom: 0;
}

.mylothian-temp-summary {
    color: #424142;
    margin-left: 0em;
    font-size: 1.3em;
}

#mylothian-weather-future {
    font-size: 1.5em;
    font-weight: 300;
}

#department-announcements-container {
    margin-bottom: 2em;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    padding: 0.5em;
    height: inherit !important;
    min-height: 200px;
}

.slick-arrow {
    display: none !important;
}

.slick-slide .card,
.slick-slide .card .card-img {
    /* border-radius: 1em */
}

.slick-slide .card {
    border: 0;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    height: 100%;
}

.slick-slide .card a {
    height: 100%;
}

.slick-slide .card h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide {
    height: 100%;
}


/* .elementor-widget-wrap.elementor-element-populated {
	padding: 0 !important;
} */

People */ .mylothian-people-container {
    color: #424142;
}

.mylothian-people-container p {
    margin: 0;
}

.mylothian-people-col {
    margin-bottom: 1.5em;
}

.mylothian-people-image-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.7em;
    margin-bottom: 1em;
}

.mylothian-people-image-container:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #424142;
    z-index: -1;
    border-radius: 10px;
}

.mylothian-people-image-container img {
    width: 45%;
    height: auto;
    border-radius: 10px;
}

.mylothian-people-name {
    font-size: 1.2em;
    font-weight: 600;
}

.mylothian-people-position {
    font-size: 0.8em;
}

.mylothian-people-message-button {
    background-color: #424142 !important;
    border-color: #424142 !important;
    border-radius: 10em !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    color: #fbfbfb !important;
    border: 0 !important;
}

.mylothian-people-message-button:hover,
.wpum-meta .button:hover {
    background-color: #666566 !important;
    border-color: #666566 !important;
}

.mylothian-people-container-grouped-garages {
    display: none;
}

.mylothian-people-tablinks,
#wpum-submit-user-search {
    border-radius: 10em !important;
    width: 100% !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    background-color: #D9D9D9;
    color: #424142;
    transition: background-color 0.3s;
    font-weight: 550 !important;
}

.mylothian-people-tablinks.active {
    color: #fbfbfb !important;
}

.mylothian-people-tablinks:hover,
#mylothian-people-group-search:hover,
#mylothian-people-group-search.active:hover,
#wpum-submit-user-search:hover {
    background-color: #666566 !important;
    color: #fbfbfb !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

#mylothian-people-group-search {
    background-color: #D9D9D9 !important;
    color: #424142 !important;
}

#mylothian-people-group-search.active,
#wpum-submit-user-search {
    background-color: #b1718c !important;
    color: #fbfbfb !important;
}

#mylothian-people-group-central.active,
#mylothian-people-group-marine.active,
#mylothian-people-group-longstone.active,
#mylothian-people-group-seafield.active {
    background-color: #8c1713;
}

#mylothian-people-group-livingston.active,
#mylothian-people-group-lc.active,
#mylothian-people-group-ecb.active {
    background-color: #235137;
}

#mylothian-people-group-ebt.active {
    background-color: #0d3e5d;
}

#mylothian-people-group-lmc.active {
    background-color: #36464e;
}

.tabs {
    margin-bottom: 1em;
}

@media(max-width:767px) {
    .mylothian-people-tablinks {
        margin-bottom: 1em;
    }

    .tabs {
        margin-bottom: 0;
    }
}

@media(max-width:480px) {
    .mylothian-people-container {
        padding: 2em;
    }

    #mylothian-people-group-search {
        margin: 1em 0 1em 0;
    }

    .tabs {
        padding: 0 1em 0 1em;
    }
}

.wpum-meta .button {
    background-color: #424142 !important;
    border-color: #424142 !important;
    border-radius: 10em !important;
    color: #fbfbfb !important;
    border: 0 !important;
}

#mylothian-people-container-search,
#wpum-directory-top-bar,
#wpum-directory-search-form,
.wpum-directory-single-user,
#wpum-directory-users-list {
    background-color: #F4F4F9 !important;
    border-color: #D9D9D9 !important;
}

.wpum-directory-single-user:hover {
    background-color: #FBFBFB !important;
}

#wpum-submit-user-search {
    border: 0
}

#wpum-directory-search-form input {
    border-radius: 10em;
    border: 0;
    background-color: #FBFBFB;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

.wpum-name a,
.wpum-col-xs {
    color: #424142 !important;
}

.wpum-directory-pagination {
    background-color: #F4F4F9 !important;
    border: 0;
}


/*Data table search */
.dataTables_filter.plus-tbl-search-wrapper.plus-table-info,
.plus-advance-heading .plus-tbl-search-wrapper input,
.plus-advance-heading .plus-tbl-search-wrapper label {
    width: 100% !important;
    margin-left: 0;
}


.plus-advance-heading .plus-tbl-search-wrapper input {
    border: 0 !important;
    border-radius: 10em !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
}

.elementor-button-link {
    border-radius: 10em !important;
}

/* Avatar Menu */
.mylothian-avatar-menu-container {
    border: 0;
    border-radius: 0;
    border-bottom: 5px solid #A2864D;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    text-align: center;
}

.mylothian-avatar-menu-item {
    color: #8c1713 !important;
}

.mylothian-avatar-menu-item:hover,
.mylothian-avatar-menu-item:hover .bp-better-messages-unread {
    color: #A2864D !important;
}

.dropdown-item .bp-better-messages-unread {
    color: #fbfbfb !important;
    line-height: inherit;
    padding: 0;
    margin: 0;
    float: left;
    width: auto;
    height: auto;
    position: absolute;
    left: 6em;
}

.bp-better-messages-unread {
    font-size: 1em;
    margin-left: 0.2em;
    background-color: transparent;
    color: #8c1713;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.bp-better-messages-unread:before {
    content: '(';
}

.bp-better-messages-unread:after {
    content: ')';
}

.mylothian-avatar-menu-divider {
    border-bottom: 1px solid #424142 !important;
    margin: 0 !important;
    margin: 0.2em 20px 0.5em 20px !important;
    opacity: 1 !important;
}

/*Main Desktop Menu*/
.ubermenu-submenu {
    border: 0 !important;
    border-bottom: 5px solid #A2864D !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

.elementor-button-link {
    border-radius: 10em !important;
}

.mylothian-menu-a-note-from .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Onboarding_Fill.svg");
}

.mylothian-menu-team .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Colleagues_Fill.svg");
}

.mylothian-menu-operator-license .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_OperatorLicenses_Fill.svg");
}

.mylothian-menu-procedures .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_ProcessesProcedures_Fill.svg");
}

.mylothian-menu-garages .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_GaragesHubs_Fill.svg");
}

.mylothian-menu-health .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_HealthSafety_Fill.svg");
}


.mylothian-menu-community .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_HealthWellbeing_Fill.svg");
}

.mylothian-menu-glossary .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/09/MyLothian-Menu-Icons_Glossary_Fill.svg");
}

/*Footer*/
@media screen and (max-width: 480px) and (min-width: 420px) {
    .mylothian-footer-buttons .mylothian-buttons-container .row {
        padding: 0 3em 0 3em;
    }
}

/*better messages mobile icon */
#bp-better-messages-mini-mobile-open {
    border-radius: 1em !important;
}

#bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon {
    line-height: 55px;
}

#bp-better-messages-mini-mobile-open .bp-better-messages-unread {
    height: auto;
    border-radius: 10em;
    right: -8px;
    top: -10px;
    padding: 6px 10px 6px 10px;
}

/* Logging in/out */
@media(min-width:780px) {
    .login-lottie-player {
        margin: 0 auto;
        transition: transform 0.2s;
        height: 350px !important;
        width: auto;
    }
}

/*Footer*/
@media screen and (max-width: 480px) and (min-width: 420px) {
    .mylothian-footer-buttons .mylothian-buttons-container .row {
        padding: 0 3em 0 3em;
    }
}

.mylothian-footer-cards-container {
    margin-top: 2em;
    margin-bottom: 2em;
}

.mylothian-footer-card {
    border: 0;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    text-align: center;
}

.mylothian-footer-card,
.mylothian-footer-card .card-header {
    border-top-right-radius: 0.8em;
    border-top-left-radius: 0.8em;
}

.mylothian-footer-card,
.mylothian-footer-card .card-body {
    border-bottom-right-radius: 0.8em;
    border-bottom-left-radius: 0.8em;
}

.mylothian-footer-card .card-header {
    background-color: #994f4d;
}

.mylothian-footer-card-header-icon {
    width: 5em;
}

.mylothian-footer-card .card-body {
    background-color: #f4f4f9;
    padding-bottom: 2em;
}

.mylothian-footer-card .card-body h3 {
    font-size: 1.5em;
    color: #424142;
    margin-bottom: 0.5em;
}

.mylothian-footer-card .card-body a {
    color: #8c1713;
    text-decoration: none;
    transition: color 0.3s;
}

.mylothian-footer-card .card-body a:hover {
    color: #8B6F37;
    text-decoration: none;
}

.mylothian-footer-card .card-body p {
    margin: 0 !important;
}

@media(max-width:767px) {
    .mylothian-footer-card-first {
        margin-bottom: 2em;
    }
}

@media(max-width:480px) {
    .mylothian-footer-card-title {
        font-size: 1.2em !important;
    }
}

.button {
    background-color: rgb(113, 128, 150);
}

/* Colleague Offers */
.mylothian-offers-map-container,
.mylothian-offers-search-row,
.mylothian-offers-container,
.mylothian-offers-row .col-lg-4 {
    margin-bottom: 2em;
}

.mylothian-offers-map-container,
.mylothian-offers-search-row {
    margin-top: 2em;
}

#offerSidePanel {
    position: absolute;
    top: 65px;
    right: 10px;
    width: 300px;
    max-height: 470px;
    min-height: 470px;
    overflow: auto;
    background-color: #fff;
    padding: 10px;
    display: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

#offerSidePanel .mylothian-offers-close {
    background-color: transparent !important;
    color: black !important;
    font-size: 1em !important;
    vertical-align: top;
    font-weight: 600 !important;
    padding: 0.2em 0.8em;
    border-radius: 0.5em;
    transition: background-color 0.3s;
    float: right;
    display: inline;
}

#offerSidePanel .mylothian-offers-close:hover {
    background-color: #f5f5f9 !important;
}

#offerSidePanel .mylothian-offers-sidepanel-name {
    float: left;
}

#mylothian-offers-map {
    width: 100% !important;
    height: 500px !important;
}

.mylothian-offers-search-row input,
.mylothian-offers-search-row select,
.mylothian-offers-search-row .btn {
    border-radius: 10em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.mylothian-offers-search-row select {
    height: 100% !important;
}

.mylothian-offers-search-row .btn {
    width: 100% !important;
    font-weight: 400;
    text-transform: none;
}

.mylothian-offers-row .card {
    border: 0;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    border-radius: 1em !important;
}

.mylothian-offers-row .card .row {
    padding: 0 1em !important;
}

.mylothian-offers-divider-container {
    width: 60%;
    margin: 0 auto;
}

.mylothian-offers-divider {
    margin-bottom: 1em !important;
    border-top: 1px solid #A2864D;
    opacity: 1;
}

.mylothian-offers-row .card .card-img {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

.mylothian-offers-ribbon {
    width: 165px;
    height: 140px;
    overflow: hidden;
    position: absolute;
}

.mylothian-offers-ribbon::before,
.mylothian-offers-ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
}

.mylothian-offers-ribbon span {
    position: absolute;
    display: block;
    width: 280px;
    padding: 5px 0;
    background-color: #06173f;
    color: #fbfbfb;
    font-size: 18px/1;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.mylothian-offers-ribbon-retail span {
    background-color: #994F4D !important;
}

.mylothian-offers-ribbon-leisure span {
    background-color: #B87333 !important;
}

.mylothian-offers-ribbon-hair-and-beauty span {
    background-color: #7A5D6C !important;
}

.mylothian-offers-ribbon-gyms span {
    background-color: #2D6457 !important;
}

.mylothian-offers-ribbon-transport span {
    background-color: #8c1713 !important;
}

.mylothian-offers-ribbon-vehicle-hire span,
.mylothian-offers-ribbon-vehicle-repairs span {
    background-color: #424142 !important;
}

.mylothian-offers-ribbon-top-left::before,
.mylothian-offers-ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.mylothian-offers-ribbon-top-left::before {
    top: 0;
    right: 0;
}

.mylothian-offers-ribbon-top-left::after {
    bottom: 0;
    left: 0;
}

.mylothian-offers-ribbon-top-left span {
    right: -30px;
    top: 40px;
    transform: rotate(-45deg);
}

.mylothian-offers-name {
    margin-top: 0.5em !important;
    font-size: 1.5em !important;
}

.mylothian-offers-offer-details {
    font-size: 0.8em !important;
}

.mylothian-offers-offer {
    font-size: 1.2em;
    margin-bottom: 0.8em !important;
    font-weight: 400 !important;
}


@media(max-width:780px) {
    .mylothian-offers-search-row .col-sm-12 {
        margin-bottom: 1em !important;
    }

    .mylothian-offers-search-row select {
        margin-bottom: 1em !important;
    }

    .mylothian-offers-search-row {
        margin-bottom: 0.5em;
    }
}

@media(max-width:480px) {
    #mylothian-offers-map {
        height: 400px !important;
    }

    .mylothian-offers-container {
        margin-top: 1em;
    }

    #offerSidePanel {
        right: 0 !important;
        top: 30px !important;
        width: 100% !important;
        min-height: 430px;
        max-height: 430px;
        overflow: auto;
        background-color: #fff;
        padding: 10px;
        display: none;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    }

    #offerSidePanel .mylothian-offers-close {
        font-size: 1.5em !important;
    }
}

.elementor-search-form__container {
    border-radius: 10em !important;
}

.page {
    background: #fbfbfb !important;
}

/*better messages mobile icon */
#bp-better-messages-mini-mobile-open {
    border-radius: 1em !important;
}

#bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon {
    line-height: 55px;
}

#bp-better-messages-mini-mobile-open .bp-better-messages-unread {
    height: auto;
    border-radius: 10em;
    right: -8px;
    top: -10px;
    padding: 6px
}




/*Documents*/
.select2-selection {
    border-radius: 10em !important;
}

.dataTables_filter input {
    border-radius: 10em !important;
    border-radius: 10em !important;
    border: none;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

.dlp-preview-button:hover {
    background-color: #666566 !important
}

.elementor-tab-content .select2 {
    width: 170px !important;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
.dlp-download-link {
    display: none !important;
}

.dlp-preview-button.document-library-pro-button.button.btn {
    background-color: #424142;
    border-radius: 1em;
}

/*Registration*/
.wpum-registration-form .step,
.wpum-registration-form form {
    text-align: left;
}

.wpum-registration-form .step-title {
    font-size: 1.5em !important;
}

.wpum-registration-form input {
    border-radius: 10em !important;
    border: 1px solid #424142 !important;
    background-color: #F4F4F9 !important;
}

.wpum-registration-form .step-button-wrappers button,
.wpum-registration-form .button {
    border-radius: 10em !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    font-weight: 400 !important;
    background-color: #424142 !important;
    border: none !important;
    padding: 0.3em 0.5em !important;
    text-transform: none !important;
}


.wpum-registration-form .step-button-wrappers button:hover,
.wpum-registration-form .button:hover {
    background-color: #666566 !important;
}

input[name="submit_registration"].button {
    background-color: #8c1713 !important;
    width: 100% !important;
}

.post-9664.ast-article-single {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.lottie-player-registration-successful {
    margin: 0 auto;
    transition: transform 0.2s;
    height: 550px !important;
    width: auto;
}

@media screen and (max-width: 480px) {
    .lottie-player-registration-successful {
        margin: 0 auto;
        transition: transform 0.2s;
        height: 350px !important;
        width: auto;
    }
}

/* Avatar Menu */
.mylothian-avatar-menu-container {
    border: 0;
    border-radius: 0;
    border-bottom: 5px solid #A2864D;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    text-align: center;
}

.mylothian-avatar-menu-item {
    color: #8c1713 !important;
}

.mylothian-avatar-menu-item:hover,
.mylothian-avatar-menu-item:hover .bp-better-messages-unread {
    color: #A2864D !important;
}

.dropdown-item .bp-better-messages-unread {
    color: #fbfbfb !important;
    line-height: inherit;
    padding: 0;
    margin: 0;
    float: left;
    width: auto;
    height: auto;
    position: absolute;
    left: 6em;
}

.bp-better-messages-unread {
    font-size: 1em;
    margin-left: 0.2em;
    background-color: transparent;
    color: #8c1713;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.bp-better-messages-unread:before {
    content: '(';
}

.bp-better-messages-unread:after {
    content: ')';
}

#bp-better-messages-mini-mobile-open .bp-better-messages-unread {
    background-color: #8c1713 !important;
    font-weight: 600 !important;
    color: #fbfbfb;
}

.mylothian-avatar-menu-divider {
    border-bottom: 1px solid #424142 !important;
    margin: 0 !important;
    margin: 0.2em 20px 0.5em 20px !important;
    opacity: 1 !important;
}

/*Main Desktop Menu*/
.ubermenu-submenu {
    border: 0 !important;
    border-bottom: 5px solid #A2864D !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

.elementor-button-link {
    border-radius: 10em !important;
}

.mylothian-menu-a-note-from .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Onboarding_Fill.svg");
}

.mylothian-menu-team .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Colleagues_Fill.svg");
}

.mylothian-menu-operator-license .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_OperatorLicenses_Fill.svg");
}

.mylothian-menu-procedures .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_ProcessesProcedures_Fill.svg");
}

.mylothian-menu-garages .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_GaragesHubs_Fill.svg");
}

.mylothian-menu-health .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_HealthSafety_Fill.svg");
}

.mylothian-menu-community .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_HealthWellbeing_Fill.svg");
}

.mylothian-menu-glossary .ubermenu-target:hover .ubermenu-image {
    width: 80px;
    height: 80px;
    content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Glossary_Fill.svg");
}

@media(max-width:1317px) {
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
        font-size: 1.3em !important;
    }
}

@media(max-width:1198px) {
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
        font-size: 1.2em !important;
    }
}

@media(max-width:1142px) {
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
        font-size: 1.1em !important;
    }
}

@media(max-width:1079px) {

    .ubermenu .ubermenu-colgroup .ubermenu-column,
    .ubermenu .ubermenu-custom-content-padded,
    .ubermenu .ubermenu-nonlink,
    .ubermenu .ubermenu-retractor,
    .ubermenu .ubermenu-submenu-padded,
    .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
    .ubermenu .ubermenu-target,
    .ubermenu .ubermenu-widget,
    .ubermenu-responsive-toggle {
        padding: 10px 15px 15px 15px;
    }
}


@media(max-width:1005px) {
    .ubermenu-main .ubermenu-item-level-0>.ubermenu-target {
        font-size: 1em !important;
    }
}

/*Long Service*/
.mylothian-long-service-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 12em !important;
    border: 3px solid #A2864D !important;
    background-color: #fafafa;
    background-repeat: repeat-x;
    background-position: top -10px center;
    background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %238c1713; %7D rect:nth-child(even) %7B fill: %23A2864D; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %238c1713; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; fill: %23A2864D; %7D rect:nth-child(4n-7) %7B fill: %238c1713; %7D rect:nth-child(6n) %7B fill: %23A2864D; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
}

@media (prefers-reduced-motion) {
    .mylothian-long-service-card {
        background-image: url("data:image/svg+xml,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%238c1713'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23A2864D'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%238c1713'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%238c1713'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%238c1713'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%238c1713'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%238c1713'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%238c1713'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%238c1713'/%3E%3C/svg%3E");
    }
}

.mylothian-long-service-details {
    font-size: 1.5em;
    font-weight: 600;
    font-family: 'museo', 'museo-sans', 'lato';
    margin-bottom: 0.5em !important;
}

.mylothian-long-service-divider {
    border: 0;
    clear: both;
    display: block;
    width: 40%;
    background-color: #A2864D !important;
    height: 2px;
    margin-bottom: 0.5em !important;
    opacity: 99 !important;
}

.mylothian-long-service-footer-text {
    font-size: 1.5em;
    font-weight: 400;
}

@media(max-width:480px) {
    .mylothian-long-service-card {
        min-height: 180px !important;
        border-radius: 1.2em !important;
    }

    .mylothian-long-service-details {
        font-size: 1.4em;
    }
}

/*People */
.mylothian-people-container {
    color: #424142;
}

.mylothian-people-container p {
    margin: 0;
}

.mylothian-people-col {
    margin-bottom: 1.5em;
}

.mylothian-people-image-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.7em;
    margin-bottom: 1em;
}

.mylothian-people-image-container:before {
    content: "";
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 75%;
    background-color: #424142;
    z-index: -1;
    border-radius: 10px;
}

.mylothian-people-image-container img {
    width: 45%;
    height: auto;
    border-radius: 10px;
}

.mylothian-people-name {
    font-size: 1.2em;
    font-weight: 600;
}

.mylothian-people-position {
    font-size: 0.8em;
}

.mylothian-people-message-button {
    background-color: #424142 !important;
    border-color: #424142 !important;
    border-radius: 10em !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    color: #fbfbfb !important;
    border: 0 !important;
}

.mylothian-people-message-button:hover,
.wpum-meta .button:hover {
    background-color: #666566 !important;
    border-color: #666566 !important;
}

.mylothian-people-container-grouped-garages {
    display: none;
}

.mylothian-people-tablinks,
#wpum-submit-user-search {
    border-radius: 10em !important;
    width: 100% !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    background-color: #D9D9D9 !important;
    color: #424142 !important;
    transition: background-color 0.3s;
    font-weight: 550 !important;
    font-size: 1em !important;
    text-transform: none !important;
}

.mylothian-people-tablinks.active {
    color: #fbfbfb !important;
}

.mylothian-people-tablinks:hover,
#mylothian-people-group-search:hover,
#mylothian-people-group-search.active:hover,
#wpum-submit-user-search:hover {
    background-color: #666566 !important;
    color: #fbfbfb !important;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

#mylothian-people-group-search {
    background-color: #D9D9D9 !important;
    color: #424142 !important;
}

#mylothian-people-group-search.active,
#wpum-submit-user-search {
    background-color: #b1718c !important;
    color: #fbfbfb !important;
}

#mylothian-people-group-central.active,
#mylothian-people-group-marine.active,
#mylothian-people-group-longstone.active {
    background-color: #8c1713 !important;
}

#mylothian-people-group-lc.active,
#mylothian-people-group-ecb.active {
    background-color: #235137 !important;
}

#mylothian-people-group-ebt.active {
    background-color: #0d3e5d !important;
}

#mylothian-people-group-lmc.active {
    background-color: #36464e !important;
}

.tabs {
    margin-bottom: 1em;
    text-align: center;
}

@media(max-width:767px) {
    .mylothian-people-tablinks {
        margin-bottom: 1em;
    }

    .tabs {
        margin-bottom: 0;
    }
}

@media(max-width:480px) {
    .mylothian-people-container {
        padding: 2em;
    }

    #mylothian-people-group-search {
        margin: 1em 0 1em 0;
    }

    .tabs {
        padding: 0 1em 0 1em;
    }
}

/* WPUM DIRECTORIES */
.wpum-meta .button {
    background-color: #424142 !important;
    border-color: #424142 !important;
    border-radius: 10em !important;
    color: #fbfbfb !important;
    border: 0 !important;
}

#mylothian-people-container-search,
#wpum-directory-top-bar,
#wpum-directory-search-form,
.wpum-directory-single-user,
#wpum-directory-users-list {
    background-color: #F4F4F9 !important;
    border-color: #D9D9D9 !important;
}

.wpum-directory-single-user:hover {
    background-color: #FBFBFB !important;
}

#wpum-submit-user-search {
    border: 0
}

#wpum-directory-search-form input {
    border-radius: 10em;
    border: 0;
    background-color: #FBFBFB;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
}

.wpum-name a,
.wpum-col-xs {
    color: #424142 !important;
}

.wpum-directory-pagination {
    background-color: #F4F4F9 !important;
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.paginate_button.current {
    background-color: transparent !important;
    border: 0 !important;
    text-decoration: underline !important;
    background: none !important;
    transition: background-color 0.3s !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.paginate_button {
    border: 0 !important;
}



/*Rounded Buttons*/
.mylothian-rounded-button {
    width: 100%;
    border-radius: 10em !important;
    background-color: #8c1713;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 1em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    transition: background-color 0.3s !important;
    margin-bottom: 1em;

}

.mylothian-rounded-button:hover {
    background-color: #666566 !important;
}

.mylothian-rounded-button .mylothian-rounded-button-text {
    color: #fbfbfb;
    margin-right: 5px;
}

.mylothian-rounded-button.mylothian-rounded-button-gold {
    background-color: #8B6F37;
}

.mylothian-rounded-button.mylothian-rounded-button-copper {
    background-color: #B87333;
}

.mylothian-rounded-button.mylothian-rounded-button-dark-grey {
    background-color: #424142;
}

.mylothian-rounded-button.mylothian-rounded-button-blue {
    background-color: #2D5964;
}

.mylothian-rounded-button.mylothian-rounded-button-green {
    background-color: #2D6457;
}

.mylothian-rounded-button.mylothian-rounded-button-purple {
    background-color: #7A5D6C;
}

@media(max-width:480px) {
    .mylothian-rounded-button {
        font-size: 1em !important;
    }
}

/*Custom buttons*/
.mylothian-buttons-container {
    margin-top: 2em;
}

.mylothian-button {
    background-color: transparent !important;
    color: #424142 !important;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding: 0.2em;
    box-shadow: none !important;
}

.mylothian-button:hover,
.mylothian-button:focus {
    color: #424142 !important;
}

.mylothian-button-icon-container {
    background-color: #424142;
    border: 3px solid #424142;
    border-radius: 1em;
    transition: background-color 1s, border-color 1s;
    margin-bottom: 0.4em;
    width: 228px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
}

.mylothian-button-icon-container-light-grey {
    background-color: #666566;
    border: 3px solid #666566;
}

.mylothian-button-icon-container-white {
    background-color: #FBFBFB;
}

.mylothian-button:hover .mylothian-button-icon-container,
.mylothian-button:focus .mylothian-button-icon-container {
    background-color: #FBFBFB;
    border: 3px solid #FBFBFB;
}

.mylothian-button:hover .mylothian-button-icon-container.mylothian-button-icon-container-white,
.mylothian-button:focus .mylothian-button-icon-container.mylothian-button-icon-container-white {
    background-color: #424142;
}

.mylothian-button .mylothian-button-icon-container.mylothian-button-icon-container-white+span {
    color: #fbfbfb !important;
}

.button-icon-lottie-player {
    height: 100px !important;
}

@media(max-width:480px) {
    .button-icon-lottie-player {
        height: 80px !important;
    }

    .mylothian-button-icon-container {
        width: 100px;
    }

    .mylothian-buttons-container .row>* {
        width: 140px;
    }

    .mylothian-buttons-container .row {
        justify-content: center;
    }

    .mylothian-button {
        padding-left: 10px;
        line-height: 1.4 !important;
        margin-bottom: 0.8em;
    }

}

/*Popup Announcements*/

#mylothian-announcement-content {
    text-align: center;
}

#mylothian-popup-announcements .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#mylothian-popup-announcements .modal-dialog {
    overflow-y: initial !important
}

#mylothian-popup-announcements .modal-body {
    max-height: 50vh;
    overflow-y: auto;
}

.mylothian-popup-announcement-close,
.mylothian-modal-footer-arrow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mylothian-modal-title {
    font-size: 2em !important;
    margin: 0 !important;
    font-family: museo, museo-sans, lato !important;
    ;
}

.mylothian-popup-announcement-close {
    background-color: transparent !important;
    color: black !important;
    font-size: 1.5em !important;
    vertical-align: top;
    font-weight: 600 !important;
    padding: 0.2em 0.8em;
    border-radius: 0.5em;
    transition: background-color 0.3s;
}

.mylothian-modal-footer-arrow {
    background-color: transparent !important;
    border-radius: 0.5em;
    transition: background-color 0.3s;
}

.mylothian-popup-announcement-close:hover,
.mylothian-modal-footer-arrow:hover {
    background-color: #f5f5f9 !important;
}

.mylothian-modal-content-body {
    margin: 1em;
    font-size: 1.3em !important;
}

.mylothian-modal-content-link {
    border-radius: 0.3em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    transition: background-color 0.3s, color 0.3s;
    text-transform: unset !important;
    font-weight: 550 !important;
}

@media(max-width:500px) {
    .mylothian-modal-title {
        font-size: 1.3em !important;
    }

    .mylothian-modal-content-body {
        font-size: 1.1em !important;
    }

    .mylothian-modal-footer-arrow img {
        height: 15px
    }
}

@media (min-width: 1200px) {
    #department-announcements-container.mylothian-one-announcement .slick-slide {
        max-width: 1100px;
    }

    .mylothian-welcome-logo {
        height: auto;
        width: 75%;
    }

    #department-announcements-container.mylothian-one-announcement .slick-track {
        justify-content: center;
    }
}

/*Posts */

.mylothian-posts-opportunities .mylothian-opportunity {
    margin-bottom: 1em;
}

.mylothian-posts-opportunities .card {
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
}

.mylothian-posts-title span {
    font-size: 0.7em !important;
    color: #A2864D !important;
}

.mylothian-see-all-posts {
    width: 100%;
    border-radius: 10em !important;
    background-color: #8c1713;
    text-transform: unset !important;
    font-weight: 550 !important;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 1em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    transition: background-color 0.3s !important;
    margin-bottom: 1em;
}

.mylothian-see-all-posts .mylothian-posts-read-article {
    color: #FBFBFB !important;
}


.mylothian-see-all-posts:hover {
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    background-color: #424142 !important;
}

.mylothian-see-all-posts.mylothian-posts-archive {
    background-color: #424142 !important;
}

.mylothian-see-all-posts.mylothian-posts-archive:hover,
.mylothian-see-all-posts:hover {
    background-color: #666566 !important;
}

@media(max-width:480px) {
    .mylothian-see-all-posts {
        font-size: 1em !important;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
}

.arrow-link {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    transition: transform 0.3s ease;
    color: #000;
    text-decoration: none;
    width: 100%;
}

.arrow-link:hover .mylothian-posts-arrow {
    transform: translateX(10px);
}

.arrow-link:not(:hover) .mylothian-posts-arrow {
    transform: translateX(0);
}

.mylothian-posts-card-img {
    height: 130px !important;
    background-color: white !important;
}

.mylothian-posts-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mylothian-post .card {
    border-radius: 1em !important;
    border: 0;
}

.mylothian-post .card-img,
.mylothian-posts-card-img {
    border-radius: 1em 1em 0 0 !important;
}

.mylothian-posts-title {
    color: #424142 !important;
    font-size: 1.4em;
}

.mylothian-posts-card-title-container {
    text-align: left;
}

.mylothian-posts-card-title-container .post-date {
    float: right;
    font-size: 0.8em;
}

.mylothian-post .card-body {
    background-color: #f4f4f9;
}

.mylothian-post .card-footer {
    background-color: #8C1713;
    text-align: right;
    border-radius: 0 0 1em 1em !important;
    transition: background-color 0.5s;
}

.mylothian-post .card-footer:hover {
    background-color: #666566;
}

.mylothian-post .card-footer a {
    color: white;
}

.mylothian-posts-arrow {
    width: 15px;
    vertical-align: middle;
    display: inline !important;
    margin-bottom: 2.5px;
    transition: transform 0.4s;
}

.card-footer:hover .mylothian-posts-arrow {
    transform: translateX(10px);
}

.mylothian-posts-read-article {
    margin-right: 5px;
}

/*Dashboard*/

.mylothian-welcome-logo {
    float: right;
}

.mylothian-dashboard-homepage-quicklink {
    background-color: #2D5964;
    float: right;
    width: 75%;
    margin-top: 1.5em;
    padding: 0.5em;
    color: #f5f5f5 !important;
    border-radius: 10em;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    transition: background-color 0.3s;
    font-size: 1.2em;
}

.mylothian-dashboard-homepage-quicklink:hover {
    background-color: #666566;
}

.mylothian-dashboard-divider {
    margin: 1em 0 !important;
    border-top: 4px solid #A2864D;
    opacity: 1;
}


#department-announcements-container {
    /* position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw; */
    box-sizing: border-box;
}

#mylothian-welcome-greeting h3 {
    text-align: left;
    margin-left: 0.5em;
    font-family: museo, museo-sans, lato;
}

#mylothian-weather {
    float: left;
    text-align: left;
}

.mylothian-weather-icon,
.mylothian-weather-temp {
    display: inline;
}

.mylothian-weather-temp {
    font-size: 3em;
    margin-left: 0;
    vertical-align: bottom;
    font-weight: 400;
}

#mylothian-weather-current {
    display: flex;
    align-items: center;
}

.mylothian-weather-next-hour {
    margin: 0 !important;
}

.mylothian-weather-icon {
    height: 120px;
    width: 120px;
}

.mylothian-weather-temp {
    margin-bottom: 0;
}

.mylothian-temp-summary {
    margin-left: 0em;
    font-size: 1.3em;
}

#mylothian-weather-future {
    font-size: 1.5em;
    font-weight: 300;
}

#department-announcements-container {
    margin-bottom: 2em;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    padding: 0.5em;
    height: inherit !important;
    min-height: 200px;
}

.slick-arrow {
    display: none !important;
}

.slick-slide .card,
.slick-slide .card .card-img {
    border-radius: 1em
}

.slick-slide .card {
    border: 0;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2);
    height: 100%;
}

.slick-slide .card a {
    height: 100%;
}

.slick-slide .card h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide {
    height: 100%;
}

@media(max-width:767px) {

    #department-announcements-container {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        box-sizing: border-box;
    }

    .slick-slide .card h3 {
        font-size: 1.5em;
    }

    .mylothian-welcome-logo {
        margin: 0 1em 0 0;
        width: 85%;
    }

    .mylothian-dashboard-homepage-quicklink {
        background-color: #2D5964;
        float: right;
        width: 100%;
    }

    #mylothian-weather {
        float: none;
        text-align: center;
        margin-left: 0;
    }

    .mylothian-weather-temp {
        font-size: 2.5em;
        margin-right: 0;
    }

    .mylothian-temp-summary {
        margin-left: 0;
    }

    #mylothian-weather-icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mylothian-weather-current {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #mylothian-welcome-greeting h3 {
        text-align: center !important;
        margin-top: 1em;
    }
}

@media(max-width:480px) {

    #department-announcements-container {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        box-sizing: border-box;
    }

    .slick-slide {
        padding: 0.3em;
        min-height: 100px;
    }

    .slick-slide .card h3 {
        font-size: 0.8em;
    }

    .slick-slide .card,
    .slick-slide .card .card-img {
        border-radius: 0.3em
    }

    .mylothian-welcome-logo {
        height: auto;
        width: 85%;
    }

    #mylothian-weather-future {
        font-size: 1.3em;
    }

    #mylothian-welcome-greeting h3 {
        font-size: 2em;
        text-align: center !important;
        margin: 1em 0 0 0 !important;
    }

    .mylothian-posts-title {
        color: #424142 !important;
        font-size: 1em;
    }

    .mylothian-posts-card-title-container {
        width: 100% !important;
    }

    .mylothian-posts-title {
        color: #424142 !important;
        font-size: 1.3em;
    }

    .mylothian-post .card-footer a {
        font-size: 1em;
    }

    .mylothian-posts-card-title-container .post-date {
        float: left;
        margin-top: 0.5em;
    }

    .mylothian-hide-weather {
        display: none;
    }

    .mylothian-dashboard-divider {
        margin: 0.2em 0 !important;
    }
}

@media only screen and (min-width: 600px) {
    #secondary {
        padding-right: 0px !important;
        margin: 16px 16px 0 0 !important;
    }

    #primary {
        margin-top: 16px !important;
    }

    .ast-article-single {
        padding: 1.34em 2.67em !important;
    }
}

#header-name-container a {
    float: right;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;
    padding: 0.2em 0.8em 0.5em 0.8em;
    ;
    border-radius: 10em;
    background-color: #424142;
    text-decoration: none !important;
}

#header-name-container a:hover {
    background-color: #666566;
}

#header-name-container h2 small {
    text-decoration: none !important;
    color: #fbfbfb;
}

.ast-container {
    width: 100%;
}

#header-name-container h2 {
    display: inline;
}

#header-name-container {
    margin-top: 1.5em !important;
}


#profile-navigation {
    margin-top: 1.5em;
}

#wpum-profile-bm-pm-link {
    text-decoration: underline;
}

.wpum-profile-page {
    margin-top: 1.5em;
}

.tab-groups,
.tab-password,
.tab-logout,
.tab-settings {
    display: none !important;
}

#profile-tab-content {
    margin-bottom: 5em;
}


.dlp-preview-button {
    color: white !important;
    background-color: rgb(113, 128, 150);
    margin-right: 0.5em;
}

.dlp-preview-button:hover {
    background-color: #949fb0;

}

.wpum-row {
    align-items: center;
}

.wpum-col-xs {
    color: #718096;
    font-weight: 600;
}

.wpum-name a {
    color: #718096;

}

.profile-group-title {
    display: none;
}


/* NOTIFICATIONS */
#menu-item-6993,
.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0>.ubermenu-target {
    display: inline !important;
}

.notification-counter-container {
    display: inline !important;
    padding: 0 !important;
}

.notification-counter-container span {
    background-color: white;
    color: #8c1713;
    font-weight: 800;
}

.wpum-account-page .wpum_one_third {
    display: none;
}

.wpum-account-page .wpum_two_third {
    width: 100%;
}

/* FORM */
.wpum-account-navigation ul li,
input[name="submit_account"] {
    border-radius: 10em !important;
    padding: 10px 20px 10px 20px;
    margin-right: 10px;
    margin-top: 5px;
    color: #fbfbfb !important;
    background-color: #424142;
    text-align: center;
}

#wpum-profile-bm-pm-link {
    color: #fbfbfb;
    margin: 0 !important;
    padding: 0.5em 1em 0.5em 1.2em !important;
}

.profile-navbar a {
    border-radius: 10em !important;
    color: #666566 !important;
    background-color: #D9D9D9;
    margin-right: 10px;
    box-shadow: 0 3px 6px rgb(95 95 97 / 0.2) !important;

}

.profile-navbar a.active {
    color: #fbfbfb !important;
    background-color: #424142 !important;
}

input[name="submit_account"] {
    background-color: #424142 !important;
    box-shadow: none;
}

#wpum-submit-account-form {
    text-align: left;
}

#wpum-submit-account-form input:not([name="submit_account"]) {
    border-radius: 10em;
    background-color: #F4F4F9;
    padding: 0.8em;
    border: 1px solid #D9D9D9;
}

#wpum-submit-account-form {
    padding-top: 0.5em;
    display: flex;
    flex-direction: column;
}

#wpum-submit-account-form fieldset label {
    font-weight: 600;
    font-size: 1.2em;
}

#wpum-submit-account-form .fieldset-user_email {
    order: 1;
}

#wpum-submit-account-form .fieldset-wpum_telephone_number {
    order: 2;
}

#wpum-submit-account-form .fieldset-user_avatar {
    order: 3;
}

#wpum-submit-account-form .fieldset-user_cover {
    order: 4;
}

input[type="submit"][name="submit_account"].button {
    order: 5;
    text-transform: none;
    font-weight: 500;
}

.wpum-account-navigation ul li a {
    width: 100% !important;
    height: 100% !important;
}

.profile-navbar a:hover,
.wpum-account-navigation ul li:hover,
input[name="submit_account"]:hover {
    color: #fbfbfb !important;
    background-color: #666566 !important;
    cursor: pointer;
}

input[name="submit_account"]:hover {
    box-shadow: none !important;
}

.wpum-account-navigation ul li a,
.wpum-remove-uploaded-file {
    color: #8C1713 !important;
}

.wpum-account-navigation ul li.active a,
.wpum-account-navigation ul li:hover a {
    color: white !important;
}

#header-profile-details {
    border: 0;
}

.profile-navbar {
    border: 0;
    padding-left: 20px;
}

.bp-navs {
    background: #ffffff !important;
}

.buddypress-wrap .bp-subnavs li.current a,
.buddypress-wrap .bp-subnavs li.selected a {
    background: #8C1713 !important;
    color: #FFFFFF !important;
}

.notification-actions a,
.notifications-order-actions a,
.notification-description a {
    color: #8C1713 !important;
}

.elementor-widget-shortcode {
    text-align: center;
}

a.bpbm-pm-button {
    color: rgb(140, 23, 19);
    background-color: inherit;
    border: 2px solid rgb(140, 23, 19);
    border-radius: 6px;
    width: 50%;
    text-align: center;
    padding: 0 !important;
    margin-top: 1em;
    font-size: 16px !important;
}






/* COLLEAGUES PAGE  */
.search,
.search:hover {
    color: white !important;
    border: none;
}

.search-results .secondary {
    display: none;
}

.search-results .primary {
    width: 100% !important;
    text-align: center;
}

.search-results .primary .entry-content {
    display: none;
}

.search-results .primary .ast-article-post {
    padding: 2em !important;
}

.search-results .primary a:hover {
    color: #8B6F37
}

.active.search {
    background-color: rgb(140, 23, 19) !important;
}

.ecb-button a.bpbm-pm-button,
.lc-button a.bpbm-pm-button,
#teams-lothian-country,
#teams-east-coast,
a.country-pw {
    background-color: inherit !important;
    border-color: rgb(42, 81, 53);
    color: rgb(42, 81, 53);
}


.lmc-button a.bpbm-pm-button:hover,
#teams-lmc.active,
#teams-lmc:hover,
a.country-pw:hover {
    background-color: rgb(57, 70, 79) !important;
    border-color: rgb(57, 70, 79);
    color: white;
}

.lmc-button a.bpbm-pm-button,
#teams-lmc,
a.bus-tour-pw {
    background-color: inherit !important;
    border-color: rgb(57, 70, 79);
    color: rgb(57, 70, 79);
}

.ecb-button a.bpbm-pm-button:hover,
.lc-button a.bpbm-pm-button:hover,
#teams-lothian-country.active,
#teams-lothian-country:hover,
#teams-east-coast.active,
#teams-east-coast:hover,
a.country-pw:hover {
    background-color: rgb(42, 81, 53) !important;
    border-color: rgb(42, 81, 53);
    color: white;
}

.ebt-button a.bpbm-pm-button,
#teams-bus-tour,
a.bus-tour-pw {
    background-color: inherit !important;
    border-color: rgb(31, 61, 95);
    color: rgb(31, 61, 95);
}

.ebt-button a.bpbm-pm-button:hover,
#teams-bus-tour.active,
#teams-bus-tour:hover,
a.bus-tour-pw:hover {
    background-color: rgb(31, 61, 95) !important;
    border-color: rgb(31, 61, 95);
    color: white;
}

@media (max-width: 700px) {
    .tabcontent {
        padding: 0;
    }

    .search,
    .active.seatch,
    .search:hover {
        margin-right: 0;
        margin-bottom: 2em;
    }

    .wpum-meta .button {
        padding: 0.5em;
    }

    #wpum-submit-user-search {
        margin: auto;
        color: white;
    }

    #wpum-directory-search {
        padding: 1em;
    }
}

.button-back button {
    padding: .2em 1.3em .2em 1.3em;
    background-color: #666566 !important;

}

#settings-personal-li,
#public-personal-li,
#edit-personal-li {
    display: none;
}

/* .fieldset-user_firstname,.fieldset-user_lastname, */
.field_nickname,
.field_postcode,
.field_telephone-number,
.field_email {
    display: none;
}

.profile-navbar>a.active {
    background-color: #8C1417;
}

.data {
    text-align: left;
}

/* MYLOTHIAN NAVABR */
.navbar {
    background-color: #424142 !important;
    transition: all .6s;
    backface-visibility: hidden;
    box-shadow: 0 2px 5px 1px rgba(51, 51, 51, 0.5);
}

.avatar-navbar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: .5em;
}

@media (min-width: 990px) {
    .avatar-navbar {
        justify-content: flex-end;
        gap: 3%;
    }

    .navbar-icons {
        margin-right: 1em;
    }

    .navbar {
        display: none;
    }

}

.navbar-icons {
    display: flex;
    align-items: center;
    gap: .5em;
}

.avatar-navbar a,
.avatar-navbar {
    color: white;
    font-weight: bold;
    font-size: 20px;
}

.unread-message-badge .bp-better-messages-unread:before,
.unread-message-badge .bp-better-messages-unread:after,
#bp-better-messages-mini-mobile-open .bp-better-messages-unread:before,
#bp-better-messages-mini-mobile-open .bp-better-messages-unread:after {
    content: '';
}

@media (min-width:990px) and (max-width:1400px) {
    .navbar-name {
        font-size: 16px !important;
    }

    .avatar-navbar img {
        width: 36px !important;
        height: 36px !important;
    }

    .unread-message-badge .bp-better-messages-unread {
        width: 20px !important;
        height: 20px !important;
        font-size: .6em !important;
    }
}

@media (min-width:990px) and (max-width:1200px) {
    .navbar-name {
        font-size: 14px !important;
    }

    .avatar-navbar img {
        width: 26px !important;
        height: 26px !important;
    }
}

@media (min-width:990px) and (max-width:1100px) {

    .avatar-navbar {
        margin-left: .2em;
        margin-bottom: .5em;
    }

    .unread-message-badge .bp-better-messages-unread {
        display: none;
    }
}

@media (max-width: 989px) {
    .elementor-19 {
        display: none !important;
    }
}

@media (max-width:990px) {

    .avatar-navbar a,
    .avatar-navbar {
        margin-bottom: .2em;
        margin-left: .1em;
    }
}

.avatar-navbar img {
    width: 46px;
    height: 46px;
    margin-right: .1em;
    border-radius: 50%;
    cursor: pointer;
    object-fit: cover;
}

.nav-item,
.dropdown-item {
    font-size: 20px;
}

.nav-item a {
    display: flex;
    justify-content: space-between;
    padding-right: .3em;
}



.navbar-dark .navbar-nav .nav-link,
.dropdown-item {
    color: #fbfbfb !important;
    text-align: left;
}

.nav-link {
    border-bottom: 2px solid #A2864D;
}

.navbar-dark .navbar-toggler:focus {
    background: none;
    outline: 0;
}

.navbar-dark .navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background: #fff;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.navbar-dark .navbar-toggler:hover span,
.navbar-dark .navbar-toggler:focus span {
    background: #ccc;
}


/* rotate first span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
}

/* hide second span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}

/* rotate third span */
.navbar-dark .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
}

.navbar-dark .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}

.dropdown-menu.details {
    border: none;
    transition: max-height 4s ease-out;
    overflow: hidden;
    max-height: 0;
    margin-left: .6em;
    margin-right: .6em;
    padding-bottom: 0;
}

.dropdown-menu.details.active {
    max-height: 1000px;
    border-radius: 0px;
}

.dropdown-menu.details a {
    color: #424142 !important;
    font-size: 16px;
    border-bottom: 2px solid #424142;
    padding: .7em;
}

.dropdown-arrow {
    display: inline;
    transition: transform 0.3s ease-in-out;
    width: 18px;
}

.arrow-up {
    transform: rotate(180deg);
}

.dropdown-menu.details :hover {
    background-color: inherit;
    color: white;
}

.dropdown-item {
    border-bottom: 2px solid #A2864D;
}

.nav-link.menu-option {
    color: #666566;
    font-weight: 600;
    font-size: 17px;
    border-bottom: none;
    height: 1.7em;
}

.nav-link.menu-option img {
    height: 0px
}

#search-icon {
    color: white;
    font-size: 28px;
}

.fa-close {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: .7em;
}

input[type=search] {
    font-size: 16px;
    border-radius: 10em;
    transition: box-shadow 100ms ease-in, border 100ms ease-in, background-color 100ms ease-in;
    background: #dee1e2;
    height: 36px;
}

@media (max-width:1300px) {
    input[type=search] {
        font-size: 14px !important;
        height: 34px !important;
    }
}

.navbar-nav form {
    width: 100%;
}

.nav-item.search-collapse {
    display: flex;
    margin-top: .5em
}

.ubermenu-target.ubermenu-item-layout-image_left {
    display: flex;
    align-items: center;
}

.ubermenu-target-text {
    padding-left: 5px !important;
}

.elementor-19 .elementor-element.elementor-element-8c69bd7.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
    padding-bottom: 0;
}

.ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header>.ubermenu-target {
    padding-top: 1em;
}

.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active>.ubermenu-submenu-drop,
.ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0>.ubermenu-submenu-drop {
    margin-top: .2em;
    margin-left: -1em;
    width: 95%;
}

body:not(.rtl) .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0:first-child>.ubermenu-target {
    margin-left: -.7em;
}

body:not(.rtl) .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0:first-child>.ubermenu-target:hover {
    border-bottom: white solid 6px;
}

#menu-item-8300 {
    width: auto;
}

.ubermenu .ubermenu-nav .ubermenu-column-2-5 {
    width: auto;
}

.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target,
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover>.ubermenu-target,
.ubermenu-main .ubermenu-item-level-0.ubermenu-active>.ubermenu-target {
    border-bottom: 5px solid #a2864d;
    transition: 0s;
}

/* AVATAR COUNTER  */

@media (min-width:900px) {
    .unread-message-badge {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .unread-message-badge .bp-better-messages-unread {
        font-size: .8em;
        margin-top: -.8em;
        width: 25px;
        height: 25px;
        background-color: #8c1317 !important;
        color: white;
        vertical-align: middle;
        line-height: 23px;
    }
}

/* TABS */
.tablinks {
    background-color: inherit !important;
    color: rgb(140, 23, 19);
    margin-bottom: 1em;
    margin-right: 0.5em;
    border: 2px solid rgb(140, 23, 19);
}

.tabcontent {
    display: none;
    padding: 2em 5em 1em;
    border: 0.1px solid #495a63;
}


.tablinks:hover {
    background-color: rgb(140, 23, 19) !important;
    color: white !important;
    border-color: rgb(140, 23, 19);
}

.mylothian-tab-buttons {
    text-align: center;
    margin-top: 20px;
}

.mylothian-tab-button {
    text-transform: none !important;
    display: inline-block;
    padding: 10px 20px;
    margin-right: 10px;
    background-color: rgb(217, 217, 217) !important;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    border-radius: 0.3em 0.3em 0 0 !important;
    font-weight: 400 !important;
    color: #424142 !important;
}

.mylothian-tab-button.active,
.mylothian-tab-button:hover {
    background-color: #424142 !important;
    color: #fbfbfb !important;
}

.mylothian-tab-content {
    display: none;
    margin-top: 20px;
    padding: 1em;
}

.mylothian-tab-content.active {
    display: block;
}

.mylothian-tab-line {
    margin-top: 1em;
    border: none;
    border-top: 1.5em solid #424142;
    width: 100%;
    opacity: 1;
}

@media(max-width:860px) {
    .mylothian-tab-line {
        margin-top: 1em !important;
    }
}

.mylothian-description {
    margin-bottom: 2em;
    padding: 2em;
}

.mylothian-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mylothian-list-search {
    margin: 0 auto;
    margin-bottom: 2em !important;
    background-color: #D9D9D9;
    width: 50%;
    text-align: left;
    border-radius: 10em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.mylothian-list-search .mylothian-list-search-icon {
    margin-left: 1em;
    color: #7e7e7e !important;
}

.mylothian-list-search .mylothian-list-search-box {
    width: 90%;
    border: 0 !important;
    border-radius: 10em !important;

}

.mylothian-list-search .mylothian-list-search-box::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7e7e7e;
    opacity: 1;
}

.mylothian-list-search .mylothian-list-search-box:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7e7e7e;
}

.mylothian-list-search .mylothian-list-search-box::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7e7e7e;
}

.mylothian-list-search-box:focus {
    outline: none;
}

.mylothian-list-item {
    margin-top: 1em;
    margin-bottom: 1em;
}

.mylothian-list-item-container {
    display: flex;
    text-align: left;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #a2864d;
    cursor: pointer;
}

.mylothian-list-title {
    margin: 0 !important;
}

.mylothian-list-item-container:hover .mylothian-list-title {
    color: #8c1713;
}

.mylothian-list-item-container:hover .mylothian-list-arrow {
    background-image: url("https://my-lothian.com/wp-content/themes/astra-child/assets/ui-icons/arrows/arrow-right-madder.svg");
}

@media(max-width: 780px) {
    .mylothian-list-search {
        width: 100%;
    }
}

@media(max-width: 480px) {
    .mylothian-list-search-box {
        width: 85% !important;
    }
}

@media (max-width:800px) {
    .mylothian-tab-button {
        padding: .3em 5em;
        min-width: 17em;
        border-radius: 10em !important;
        margin-top: .3em;
        margin-bottom: .3em;
        font-size: 15px !important;
    }
}

@media (max-width:600px) {
    .mylothian-description {
        margin-top: 0;
        margin-bottom: 0;
        padding: 1em;
    }

    .mylothian-tab-button.tab-mobile {
        padding: .3em 1.5em;
    }

    .button-back {
        border: 2px solid #424142 !important;
        padding: .5em 1.5em .5em 1.5em;
        font-size: 12px !important;
    }

    .back-arrow {
        width: 10px;
        height: 10px;
    }

    .mylothian-list-item {
        font-size: 12px !important;
    }

    .mylothian-list-title {
        width: 90%;
    }
}

.open-button {
    background-color: #007bff;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 5px;
}

.mylothian-list-arrow {
    display: inline-block;
    background-image: url("https://my-lothian.com/wp-content/themes/astra-child/assets/ui-icons/arrows/arrow-right-grey.svg");
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: .2em
}

.button-back {
    display: flex;
    background-color: #FBFBFB !important;
    color: #424142 !important;
    border: 3px solid #424142;
    border-radius: 2em !important;
    font-size: 15px !important;
    transition: 0.3s;
    text-transform: none !important;
    font-weight: 550 !important;
}

.button-back:hover {
    color: #fbfbfb !important;
    background-color: #424142 !important;
}

.back-arrow {
    background-image: url("https://my-lothian.com/wp-content/themes/astra-child/assets/ui-icons/arrows/arrow-left-grey.svg");
    background-size: cover;
    width: 15px;
    height: 15px;
    margin: auto .5em auto auto;
}

.button-back:hover .back-arrow {
    background-image: url("https://my-lothian.com/wp-content/themes/astra-child/assets/ui-icons/arrows/arrow-left-white.svg") !important;
}

.documents-hidden .wpum-message.warning {
    display: none !important;
}

/*Default Posts*/
.post,
.ast-article-single {
    background-color: #fbfbfb !important;
}

.post a,
.single .post-navigation .nav-links .nav-previous a,
.single .post-navigation .nav-links .nav-next a {
    text-decoration: none !important;
}

.single .post-navigation .nav-links .nav-previous a,
.single .post-navigation .nav-links .nav-next a {
    color: #8c1713;
}

.single .post-navigation .nav-links .nav-previous a:hover,
.single .post-navigation .nav-links .nav-next a:hover {
    color: #8B6F37;
}

.wpum-template.wpum-form.wpum-account-form h2 {
    display: none !important;
}

/*Employee Benefits*/
.mylothian-employee-benefit {
    margin-bottom: 1.5em;
    border: 0;
    border-radius: 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.mylothian-employee-benefit .card-body {
    padding: 2em 2em 2em 1em;
}

.mylothian-employee-benefit-image {
    border-radius: 1em 0 0 1em !important;
}

.mylothian-employee-benefit-image-container {
    height: 100%;
    display: flex;
    align-items: stretch;
}

.mylothian-employee-benefit-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mylothian-employee-benefit-name {
    text-align: left;
    font-family: "museo", "museo-sans", "lato" !important;
    font-size: 1.5em !important;
    margin-bottom: 0.5em !important;
}

.mylothian-employee-benefits-divider {
    border-top: 1px solid #A2864D;
    opacity: 1;
}

.mylothian-employee-benefits-divider-container {
    width: 15%;
}

.mylothian-employee-benefit-description {
    text-align: left;
    font-size: 1em !important;
    margin: 0.5em 0 0.5em 0 !important;
}

@media(max-width: 780px) {
    .mylothian-employee-benefit-image {
        border-radius: 1em 1em 0 0 !important;
    }

    .mylothian-employee-benefit .card-body {
        padding: 1.5em 1.5em 0 1.5em;
    }

    .mylothian-employee-benefit-description {
        padding-bottom: 1em !important;
    }

    .mylothian-employee-benefit button {
        margin-bottom: 2.5em !important;
    }

    .mylothian-employee-benefits-divider-container {
        width: 20%;
    }
}

@media(max-width: 480px) {

    .mylothian-employee-benefit button {
        margin-top: 0 !important;
        margin-bottom: 1.5em !important;
    }

    .mylothian-employee-benefits-divider-container {
        width: 40%;
    }
}

/*Route Maps*/
.mylothian-garages-routes {
    text-align: left !important;
}

#mylothian-route-panel-service-name,
#mylothian-route-panel-service-description,
#mylothian-route-panel-videos h4,
#mylothian-route-panel-risk-assessment h4,
#mylothian-route-maps-select-title {
    margin: 0 !important;
    padding: 0 !important;
}

#mylothian-route-maps-select-title {
    font-size: 1.5em !important;
}

#mylothian-route-panel-videos ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

#mylothian-route-panel-videos,
#mylothian-route-panel-risk-assessment {
    padding: 12px 16px 14px 16px;
}

#mylothian-route-dropdown {
    font-size: 140%;
    margin-bottom: 24px;
    margin-top: 0;
}

#mylothian-garage-routes-loading {
    text-align: center;
}

#mylothian-routemaps {
    height: 100% !important;
}

#mylothian-routemaps-leftcol {
    position: absolute;
    width: 360px;
    height: 60vh;
    background-color: white;
}

#mylothian-routemaps-rightcol {
    margin-left: 360px;
    height: 100%;
    background-color: #F2F1F0;
}

#mylothian--routemaps-controls {
    background-color: white;
    padding: 12px 16px 12px 16px;
    /* height: 150px; */
    border-bottom: solid 1px #E0E0E0;
}

#mylothian--routemaps-controls-servicelist {
    display: block;
    clear: both;
    margin-bottom: 20px;
}


#mylothian--routemaps-controls-name {
    display: inline;
    font-size: 30px;
    background-color: #ff0000;
    color: white;
    padding: 4px 14px 4px 14px;
    border-radius: 4px;
    margin: 0;
    display: none;
}

#mylothian--routemaps-controls-description {
    font-size: 18px;
    margin: 12px 0 8px 0;
    display: none;
}

#mylothian--routemaps-routelist {
    display: none;
}

#mylothian--routemaps-routelist h4 {
    margin: 0 0 6px 0;
    padding: 0;
    color: #424142;
    font-size: 16px;
    border-bottom: solid 1px #9E9E9E;
    font-weight: normal;
}

a.mylothian--routemaps-routelist-route {
    display: block;
    color: #9E9E9E;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.mylothian--routemaps-routelist-selected-route {
    color: #424142 !important;
}

#mylothian--routemaps-stoplist {
    background-color: white;
    background-color: white;
    overflow-y: scroll;
    height: 580px;
}

a.mylothian--routemaps-stoplist-stop {
    display: block;
    color: #424142;
    text-decoration: none;
    clear: both;
}

a:hover.mylothian--routemaps-stoplist-stop {
    color: #424142;
    text-decoration: underline;
}

.mylothian--routemaps-stoplist-stopicon {
    background-image: url("https://www.lothianbuses.com/lothian/assets/ui-elements-32px@2x.png");
    background-size: 320px 320px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background-position: -64px -160px;
}

span.mylothian--routemaps-stoplist-stopname {
    line-height: 32px;
}

.mylothian--routemaps-stoplist-stop-first .mylothian--routemaps-stoplist-stopicon {
    background-position: -32px -160px;
}

.mylothian--routemaps-stoplist-stop-last .mylothian--routemaps-stoplist-stopicon {
    background-position: -96px -160px;
}

#mylothian--routemaps-map {
    background-color: #F2F1F0;
    height: 60vh;
}

@media (max-width: 780px) {
    #mylothian-routemaps-leftcol {
        position: relative;
        width: 100%;
        height: 100%;
        background-color: white;
    }

    #mylothian-routemaps-rightcol {
        margin-left: 0;
        width: 100%;
        height: 100%;
        background-color: #F2F1F0;
    }

    #lb-c-routemaps {
        height: fit-content
    }
}

/*Guides*/
.mylothian-guides-card {
    border: 0;
    border-top: 1.2em solid #8B6F37;
    border-radius: 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.mylothian-guides-group-title {
    font-size: 1.6em !important;
}

.mylothian-guides-search {
    margin: 0 auto;
    margin-bottom: 2em !important;
    background-color: #D9D9D9;
    width: 50%;
    text-align: left;
    border-radius: 10em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.mylothian-guides-search .mylothian-guides-search-icon {
    margin-left: 1em;
    color: #7e7e7e !important;
}

.mylothian-guides-search .mylothian-guides-search-box {
    width: 90% !important;
    border: 0 !important;
    border-radius: 10em !important;

}

.mylothian-guides-search .mylothian-guides-search-box::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7e7e7e;
    opacity: 1;
}

.mylothian-guides-search .mylothian-guides-search-box:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7e7e7e;
}

.mylothian-guides-search .mylothian-guides-search-box::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7e7e7e;
}

.mylothian-guides-search-box:focus {
    outline: none;
}

.mylothian-guide-group-new {
    position: absolute;
    top: -25px;
    right: -10px;
    transform: translate(50%, -50%);
    z-index: 1;
    background-color: #8c1713;
    font-size: 1.2em;
    border-radius: 10em;
    padding: 0.5em 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9);
    animation: wiggle 2s infinite;
}

@keyframes wiggle {
    0% {
        transform: rotate(0)
    }

    12% {
        transform: rotate(10deg)
    }

    30% {
        transform: rotate(-8deg)
    }

    50% {
        transform: rotate(6deg)
    }

    68% {
        transform: rotate(-4deg)
    }

    90% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.mylothian-guides-player-section-title-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.mylothian-guides-player-section-title {
    flex: 1;
    text-align: center !important;
}

.mylothian-guides-player-section-title-empty {
    flex: 1;
}

.mylothian-guides-player-section-title-back-container {
    flex: 1;
}

.mylothian-guides-player-section-title-back {
    margin: 0 0 20px 20px !important;
    width: fit-content !important;
    font-size: 1.2em !important;
    border-radius: 10em !important;
    border: 0;
    padding: 0.5em 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    background-color: #666566 !important;
    color: #fbfbfb !important;

}

.mylothian-guides-player-section-title-back .back-arrow {
    background-image: url("https://staging.my-lothian.com/wp-content/themes/astra-child/assets/ui-icons/arrows/arrow-left-white.svg") !important;
}

.mylothian-guides-player-section-title-back:hover {
    background-color: #424142;
    border-color: #424142;
    color: #fbfbfb;
    cursor: pointer;
}

.mylothian-guides-player-section .slick-arrow {
    display: block !important;
    background-color: transparent !important;
}

.slick-prev:before,
.slick-next:before {
    color: #8B6F37;
}

.slick-prev:before {
    margin-right: 1em !important;
}

.mylothian-guides-player-step-container {
    border: 0;
    border-radius: 1em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    margin: 1em;
}

.mylothian-guides-player-step-content-container {
    padding: 1em;
    height: 100%;
}

.mylothian-guides-player-step-title {
    font-weight: 600 !important;
}

.mylothian-guides-player-step-file-section {
    margin-bottom: 1em;
    margin-top: 0.3em;
}

.mylothian-guides-player-step-file-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
    flex-direction: column;
}

.mylothian-guides-player-step-file-section:has(>.mylothian-guides-player-step-file-audio) {
    width: 100%;
}

.mylothian-guides-step-footer-buttons {
    background-color: #666566 !important;
    color: #fbfbfb !important;
    padding: 0.5em 1em;
    border-radius: 10em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.mylothian-guides-step-footer-buttons:hover {
    background-color: #424142 !important;
}

.mylothian-guides-step-footer-buttons-previous {
    float: left;
    margin: 0 0 20px 20px !important;
}

.mylothian-guides-step-footer-buttons-next {
    float: right;
    margin: 0 0 20px 20px !important;
}

@media(max-width: 780px) {
    .mylothian-guides-search {
        width: 100%;
    }

    .mylothian-guides-player-section-title-container {
        flex-direction: column;
        align-items: center;
    }

    .mylothian-guides-player-section-title-back-container {
        order: 2;
        width: 45%;
    }

    .mylothian-guides-player-section-title-empty {
        flex: 0;
    }

    .mylothian-guides-step-footer-buttons-next,
    .mylothian-guides-step-footer-buttons-previous {
        width: 100% !important;
        text-align: center !important;
        margin: 1em 0 0 0 !important;
    }
}

@media(min-width:480px) {
    .mylothian-guides-player-section .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 30px;
    }
}

@media(max-width: 480px) {
    .mylothian-guides-player-section {
        margin: 0 1em 0 1em;
    }

    .mylothian-guides-group-title {
        font-size: 1.4em !important;
    }

    .mylothian-guides-player-section-title-back-container {
        width: 70%;
    }

    .mylothian-guides-player-section-title-back-container .button-back {
        border: 0 !important;
    }

    .mylothian-guides-card .card-body {
        padding: 1.2em !important;
    }

    .mylothian-guides-group-section-title {
        font-size: 1.2em !important;
    }
}

@media(max-width: 380px) {
    .mylothian-guides-player-section-title-back-container {
        width: 100%;
        border: 0 !important;
    }
}