/**
    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;
}

.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-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: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;
    }

}

.woocommerce-loop-product__buttons .button.product_type_simple.add_to_cart_button.ajax_add_to_cart, .woocommerce-loop-product__buttons .button.product_type_variable.add_to_cart_button{
	width:100%; 
	text-align: center; 
}

.woocommerce .ast-article-post {
  display: flex;
  flex-direction: column;
  height: 100%; 
}

.woocommerce .astra-shop-thumbnail-wrap {
  flex-shrink: 0; 
}

.woocommerce .astra-shop-summary-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1; 
}

.woocommerce .woocommerce-loop-product__buttons {
  margin-top: auto; 
}

.woocommerce-ordering {
	margin-top: 1.4em !important; 
	margin-bottom: 1.8em !important;
}

.woocommerce-ordering select{
	border: 1px solid #000000 !important;
	background-color: #ffffff !important;
box-sizing: border-box;
    cursor: pointer;
	border-radius: 10em !important;
	padding: 0.5em 1em!important;
}

.woocommerce nav.woocommerce-pagination ul li{
	border: 0 !important; 
}

#pa_ticket-options{
	border-color: #000000 !important;
}

.woocommerce-variation-add-to-cart .plus, .quantity .plus {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
	border-color: #000000 !important;
	color: #000000 !important;
}

.woocommerce-variation-add-to-cart .minus, .quantity .minus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
	border-color: #000000 !important;
	color: #000000 !important;
}

.qty {
	border-color: #000000 !important;
	color: #000000 !important;
}

.stock.in-stock{
	color: #2C5234 !important;
	font-weight: bold; 
}

.woocommerce-js a.remove:before{
	border:0; 
}
.woocommerce-js a.remove span svg.ast-mobile-svg.ast-close-svg{
	color: black !important;  
	height:35px !important;
	width: 35px !important; 
}
.elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove{
	padding-right: 2px !important;
}

th.product-name, th.product-price, th.product-quantity, th.product-subtotal{
	text-align:left; 
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty{
	text-align:center; 
	border-radius: 0; 
}

.woocommerce-billing-fields label, .woocommerce-billing-fields input, .woocommerce-additional-fields label, .woocommerce-additional-fields input, 
.woocommerce-additional-fields select, .select2-selection__rendered, 
.woocommerce-checkout-review-order-table thead tr th,
.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table tfoot tr td {
	color: #424142 !important; 
}

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

#customer_details textarea{
	background-color: #F4F4F9 !important;
	    border: 1px solid #424142 !important;
	border-radius: 1em !important;
}

.select2-container--below{
	width: 100% !important; 
}

.select2-container .select2-selection{
	width: 100% !important;
	 background-color: #F4F4F9 !important;
		border-radius: 10em !important;
	 border: 1px solid #424142 !important;
}

.select2-selection__clear{
	display: none !important; 
}

.e-woo-select2-wrapper .select2-results__option{
	color: #424142 !important;
	 background-color: #F4F4F9; 
}

.select2-search input{
	 background-color: #F4F4F9 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: #8c1713; 
	color: #ffffff !important
}

.woocommerce-additional-fields{
	padding:0 !important; 
	box-shadow: none !important;
}

.woocommerce-additional-fields h3{
	margin: 0 !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name{
	max-width: 100% !important;
}

.woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table .cart-subtotal .woocommerce-Price-amount{
	font-weight: 900 !important; 
	font-size: 1.2em;
}

.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount{
	color:black !important;
}

#customer_details.col2-set .col-1 {
	padding:1em; 
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	border-top: 15px solid #8C1713 !important;
		background-color: #f0f0f0;
}

#order_review,
#order_review_heading {
	border: 0 !important;
}

#order_review_heading {
border-top: 15px solid #8C1713 !important;
	border-radius: 10px 10px 0 0 !important;
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.3) !important;
	overflow: hidden;
	background-color: #f0f0f0;
}

#order_review {
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
	clip-path: inset(-0.5px -10px -10px -10px);
	background-color: #f0f0f0;
		border-radius: 0 0 10px 10px !important;
}

#place_order {
	border-radius: 10em; 
	padding:1em;
	background-color: #8c1713; 
	transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

#place_order:hover {
	background-color: #424142; 
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

.cart-subtotal,
.opc_order_review thead,
#opc-messages {
	display: none;
}

#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3)
 {
	 border-bottom: 2px solid #A2864D;
	 padding-bottom: 0.5em; 
	 margin-bottom: 0.5em !important; 
}

.woocommerce-page.woocommerce-checkout form #order_review td, .woocommerce-page.woocommerce-checkout form #order_review th, .woocommerce.woocommerce-checkout form #order_review td, .woocommerce.woocommerce-checkout form #order_review th{
	 border-bottom: 2px solid #A2864D;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message
 {
	border-top-color: #8c1713; 
}

.woocommerce-cart-form__cart-item .plus, .woocommerce-cart-form__cart-item .minus{
	display: none !important; 
}

.cart.woocommerce-cart-form__contents th{
	text-align: center; 
}

.woocommerce-info::before, .woocommerce-message::before
 {
    color: #8c1713;
}

.woocommerce-page.woocommerce-checkout #payment div.payment_box,
.woocommerce.woocommerce-checkout #payment div.payment_box {
	background-color: #fbfbfb;
}

.woocommerce-page.woocommerce-checkout #payment div.payment_box:before,
.woocommerce.woocommerce-checkout #payment div.payment_box:before {
	border-bottom-color: #fbfbfb;
}

.wc-backward{
	background-color:#8c1713 !important;
	border-radius: 10em !important; 
	padding: 1em 2em !important;
}

.wc-backward:hover{
	background-color:#424142 !important;
}

.up-sells.upsells.products ul li{
	padding: 1em !important;
}

.quantity.hidden {
    display: none !important;
}

.quantity.hidden + .single_add_to_cart_button {
    width: 100% !important;
    display: block;
}

.dlp-download-link.dlp-download-button.document-library-pro-button.button.btn.customize-unpreviewable{
	background-color:#424142 !important;
	border-radius:1em;
	color: white !important;
}


.mylothian-yourlothian-container .card-body{
	padding: 1rem; 
}

.mylothian-yourlothian-container .mylothian-posts-card-title-container .post-date{
	float:left !important;
	color: #9b8651; 
	font-weight: 500;
	font-size: 1em !important;
}

.mylothian-yourlothian-container .card-footer{
	padding: 0.5rem 1rem; 
}

.mylothian-dashboard-directors-link{
	background-color: #2D5964;
    width: 100%;
    margin-bottom: 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-directors-link:hover{
	    transition: background-color 0.3s;
	    background-color: #666566;
}


.cky-btn{
	font-size: 1em !important; 
	font-weight:500 !important;
}

.dlp-grid-card-content {
	border: 0 !important;
}


/* QUICK LINKS NAVIGATION BAR */
#menu-item-10502 > a > span {
  margin-left: -6em;
}
#menu-item-10502 > a > img{
  margin-left: 5em;
}
#menu-item-10503 > a > span{
	margin-left:-10em;
}
#menu-item-10503 > a > img{
	margin-left:9em;
}
#menu-item-10580 > a > span{
	margin-left:-6em;
}
#menu-item-10580 > a > img{
	margin-left:5em;
}
#menu-item-10501 > ul{
	margin-left:0em;
}
.ubermenu-submenu .ubermenu-item-header.ubermenu-item-10502 > .ubermenu-target:hover .ubermenu-image,
.ubermenu-submenu .ubermenu-item-header.ubermenu-item-10580 > .ubermenu-target:hover .ubermenu-image,
.ubermenu-submenu .ubermenu-item-header.ubermenu-item-10503 > .ubermenu-target:hover .ubermenu-image{
  content: url("https://staging.my-lothian.com/wp-content/uploads/2023/10/external-link-darkgold.svg");
}
.ubermenu-submenu-id-10501.ubermenu-submenu-type-mega.ubermenu-submenu-align-left_edge_item{
width:40%!important;
}



/*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-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 10px 6px 10px;
}




/*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, .dlp-download-link.dlp-download-button.document-library-pro-button.button.btn.customize-unpreviewable{
	background-color:#424142 !important;
	border-radius:1em;
	color: white !important;
}

.dlp-download-link.dlp-download-button.document-library-pro-button.button.btn.customize-unpreviewable div{
	color: white !important;
}

/*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/09/MyLothian-Menu-Icons_Glossary_Fill.svg");
}

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


.mylothian-menu-learning-and-development .ubermenu-target:hover .ubermenu-image {
 	width: 80px;
	height:80px;
  content: url("https://my-lothian.com/wp-content/uploads/2023/07/MyLothian-Menu-Icons_Training_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-description-button{
	text-transform:none!important;
	font-weight:800!important;
	padding:0em;
	margin:.6em;
	font-size:12px!important;
	min-width:11em!important;
	background-color:inherit!important;
	border:2px solid#A2864D !important;
	color:#A2864D !important;
	border-radius:18px;
}
.mylothian-people-description-button:hover{
		background-color: #917845 !important;
	border-color: #917845 !important;
	color: #fbfbfb !important;
}
.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-head-office.active,
#mylothian-people-group-central.active,
#mylothian-people-group-marine.active,
#mylothian-people-group-longstone.active, 
#mylothian-people-group-seafield.active{
	background-color: #8c1713 !important;
}

#mylothian-people-group-livingston.active,
#mylothian-people-group-lc.active,
#mylothian-people-group-musselburgh.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;
	
}
@media(max-width:400px){
	.mylothian-rounded-button{
		font-weight:400!important;
		padding:0em!important;
	}
}

.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-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: 900px;
	}

	.mylothian-welcome-logo {
		height: auto;
		width: 75%;
	}
	.not-found-page-animation{
		height:auto;
		width:75%;
    margin:auto;
	}
	#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 0.5em 2em 0.5em;
	height: inherit !important;
}

.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) {
	
	#primary{
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.slick-slide .card h3 {
		font-size: 1.5em;
	}

	.mylothian-welcome-logo {
		margin: 0 10% 0 10%;
		width: 80%;
	}
	
	.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: 3.5em;
		margin-right: 0;
	}

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

	#mylothian-weather-icon {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.mylothian-weather-icon {
		height: 160px;
		width: 160px;
	}

	#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) {
	.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;
		margin: 0 10% 0 10%;
		width: 80%;
	}

	#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-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:990px){
	.avatar-navbar{
		margin-bottom: 1em !important;
	}
	
	.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:0em;
        }

        .mylothian-tab-content.active {
        display: block;
        }
        .mylothian-tab-line {
        margin-top: 10px;
        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-question{
	font-weight:700!important;
}
.mylothian-list-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
.mylothian-list-div{
	padding:1em;
}
.mylothian-section-name{
	margin-top:2em;
}
.mylothian-faq-item{
	text-align:center!important;
	  margin-top: 1em;
  margin-bottom: 1em;
	border-bottom:3px solid #a2864d;
}
.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-container {
  display: flex;
	text-align:left;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #a2864d;
  cursor:pointer;
}
.mylothian-faq-item-container{
	  display: flex;
  justify-content: space-between;
  align-items: center;
  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
}
.mylothian-list-answer {
    text-align: left;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

.active-faq {
    opacity: 1;
    max-height: 100px;
}

.mylothian-faq-arrow:before{
    display: inline-block;
    content: "➕";
    background-size: cover;
    width:16px;
    height:16px;
	margin-right:.2em
}

.expanded-faq::before {
content: "➖";
		transition: max-height 0.3s ease-in-out;
}

.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;
}
.elementor-element-4dd77026  */
.wpum-message.warning{
	display:none;
}
/*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%;
	}
}

#mylothian-routemaps{
	height: 100% !important;
}
.elementor-accordion-title {
	font-size:19px;
}
.elementor-accordion .elementor-tab-content{
	text-align:center
}


/*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;
	}
}

/* CHARTS */
@media(max-width:480px) {
	.counter-holder{
		padding:0em!important;
	}
	.counter-holder p{
		font-size:4em!important;
	}
}

/* .flex-column{
padding-bottom:2em;
} */

.counter-holder {
  padding-top:4em;
  font-weight:800;
  font-family: 'roboto';
  font-style: italic;
  border-bottom: 4px solid rgb(158,134,85); 
}
.counter-holder p{
  border-radius:.2em;
  font-size:6em;
  background-color:#8c1713;
  color:white;
}
#line-example-1{
  width:100%;
}

#line-example-1 .line tbody td{
    transform-origin: bottom;
  animation: revealing-lines 3s linear;
  color:black!important;
}

#line-example-1 .line td .data {
  transition-duration: 0.6s;
  transform: scale(0);
}
#line-example-1 .line td:hover .data {
  transform: scale(1);
}
#motion-effect-example-3{
width:80%;
}

#motion-effect-example-3 .column tbody td{
  transform-origin: bottom;
  animation: revealing-lines 3s linear;
}
#motion-effect-example-3 .column {
  --aspect-ratio: 4 / 3;
}
#motion-effect-example-3 .column td .data {
  transition-duration: 0.6s;
  transform: scale(0);
}
#motion-effect-example-3 .column td:hover .data {
  transform: scale(1);
}
@keyframes revealing-lines {
  0%  { transform: scaleY( 0 ); }
  30% { transform: scaleY( 1 ); }
}

/* TRAINING */
.row.trainings-row{
	display: flex;
	justify-content: center;
}
.card.training-card{
	border: none;
}
.training-card:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.card-title-training {
	position: absolute;
	bottom: .5em;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 1.2rem;
	font-weight: bold;
}

@media(max-width:480px) {
	.card-title{
		font-size:1rem;
	}
}

.card-col {
	cursor: pointer;
	/*       padding:2em; */
}
.modal-body{
	align-items:left;
}
.modal-body p{
	font-size:1.5em;
}
.modal-body img {
	width: 100%;
	height: auto;
}
.card.training-card img{
	border-radius: 18px;
}
button.close-traning{
	background-color:grey;
}
.training-enroll-button{
	border:none;
}

/* The Events Calendar */

/* Remove All Events Link */
p.tribe-events-back {
    display: none !important;
}

div.tribe-events.tribe-common{
	display: none 
}

.tribe-common.event-tickets#rsvp-now{
	padding: 0 0 2em 0;
	margin: 0 !important;
}

.tribe-link-view-attendee{
	padding: 2em 0 0 0 ;
	margin: 0 !important;
}

.tribe-events-single-event-description.tribe-events-content p{
	padding: 0 0 1em 0;
	margin: 0 !important;
}

#tribe-events-footer{
	display: none !important;
}

.post-back-button-section{
	padding-bottom: 0 !important;
}