/* 
Theme Name: MBLC Theme
Description: MBLC Custom Theme
Author: MRW Connected
Author URI: https://mrwconnected.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/

*:focus {
    outline: #0099CC solid 2px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
	padding: 5px !important;
}

.text-columns-2 {
    column-count: 2;
}
@media (max-width: 480px) {
	.text-columns-2 {
		column-count: 1;
	}
}

.elementor-tabs .elementor-tabs-wrapper {
    background-color: #ECECEC;
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.16);
}
.elementor-tabs .elementor-tab-title {
    text-align: center !important;
}
.elementor-tabs .elementor-tab-title.elementor-active {
    border-color: #d04700 !important;
    background-color: #fff;
    border-bottom-style: solid !important;
}
.elementor-tab-content {
    border: none !important;
}

.switch {
  position: relative;
  height: 55px;
  margin: 20px auto;
  background: #d04700;
  border-radius: 25px;
  width: 536px;
}

.switch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 262px;
  line-height: 55px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 2px;
}


.switch-input {
  opacity: 0;
  position: absolute;
}
.switch-input:checked + .switch-label {
  font-weight: 500;
  color: #000;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 268px;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 6px;
  display: block;
  width: 262px;
  height: 42px;
  border-radius: 20px;
  background-color: #fff;
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}


.library_cards_toggle {text-align: center;}

.toggle_happy, .toggle_unhappy {
    margin: 50px 0;
    padding-left: 50px;
}
.toggle_happy input[type=radio], .toggle_unhappy input[type=radio] {
    opacity: 0;
}
.toggle_happy label, .toggle_unhappy label {
    background: #fff;
    color: #000;
    border: 2px solid #d04700;
	height: 100px;
	width: 100px;
    font-size: 24px;
    border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
    cursor: pointer;
}

/* 
 *  background: #fff;
    color: #000;
    padding: 5px;
    border: 1px solid #d04700;
    width: 254px;
    font-size: 24px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
*/

.toggle_happy label:hover, .toggle_unhappy label:hover, .toggle_happy input[type=radio]:checked+label, .toggle_unhappy input[type=radio]:checked+label {
    background: #d04700;
    color: #fff;
}
/*
.toggle_happy label::before {
    content: ' ';
    background: url('images/iconfinder__Slightly_Smiling_Face_6433263.png') no-repeat top center;
    width: 90px;
    height: 90px;
    position: absolute;
    left: -80px;
    top: -28px;
}
.toggle_unhappy label::before {
    content: ' ';
    background: url('images/iconfinder__Upside-Down_Face_6433379.png') no-repeat top center;
    width: 90px;
    height: 90px;
    position: absolute;
    left: -80px;
    top: -28px;
}
*/

@media (max-width:  480px) {
    .elementor-175 .elementor-element.elementor-element-4271ddb {
        width: 100% !important;
        max-width: 100% !important;
    }
    .get_library_cards_toggle {
        flex-flow: column;
    }
    .toggle_happy, .toggle_unhappy {
        margin: 40px auto;
    }
    .get_library_cards_toggle .toggle_happy label, .get_library_cards_toggle .toggle_unhappy label {
        width: 200px !important;
    }
}

/* Library Search form */

.library_search_container {
    display: flex;
    border: 1px solid #d04700;
    border-radius:  3px;
}
.library_search input[type=search] {
    display: inline-block;
    margin-right: 0;
    border: none;
}

.library_search button {
    width: 42px;
    border-radius: 0;
    display: inline-block;
    padding: 0.5rem;
}
.library_search button:hover {
    background-color: #d04700;
    color: #fff;
}

.pagi-nav__container {
    text-align: right;
    margin-bottom: 1rem;
}

/* Get Library Cards Toggle Selection */

.get_library_cards_toggle {
    display: flex;
    justify-content: space-evenly;
}

.get_library_cards_toggle .toggle_happy label, .get_library_cards_toggle .toggle_unhappy label {
    width: 100px;
    text-align: center;
}

/* Slide Carousel */

.slide-carousel figure {
    position: relative;
}

.slide-carousel figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    background: rgba(0,0,0,.6);
    border-radius: 0 0 10px 10px;
}
.slide-carousel figcaption.elementor-image-carousel-caption:hover {
    background: rgba(0,0,0,1);
}
.slide-carousel figcaption.elementor-image-carousel-caption:hover a {
    color: #fff;
    text-decoration: underline;
}

/* Latest Events */
.latest-events > [class*='col-'] {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
}
.latest-events .latest-events-container {
    border: 1px solid #036277;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    display: flex;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 100%;
    cursor: pointer;
}
.latest-events .latest-events-container:last-child() {
    margin-right: 0;
}
.latest-events .event-date {
    background: #036277;
    color: #fff;
    text-align:  center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    padding: 10px;
}
.latest-events .event-date-date {
    font-size: 22px;
    font-weight: 500;
}
.latest-events .event-date-month {
    font-size: 15px;
}
.latest-events .event-content {
    padding: 10px;
    position: relative;
    width: 100%;
}
.event-content-label {
    position: absolute;
    right: 10px;
    font-weight: bold;
    background: url(https://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi-dotless3.png) no-repeat top center;
    width: 26px;
    height: 37px;
    text-align: center;
}
.latest-events .event-content-title {
    font-size: 18px;
    font-weight: 500;
    color: #036277;
    padding-right: 2rem;
}
.latest-events .event-content-location {
    font-size:  16px;
    color: #000;
}
.latest-events .event-content-address {
    color: #707070;
    font-size: 16px;
}
.latest-events .event-content-time {
    color: #707070;
    font-size: 16px;
}
.latest-events .event-content-buttons {
    margin-top: 5px;
}
.latest-events .event-content-buttons button {
    background: #5C5C5C;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
}

@media (max-width: 1024px) {
    .latest-events .latest-events-container {
        margin-right: 0;
    }
}

/* Carousel Resources */
.carousel-resources .elementor-swiper-button.elementor-swiper-button-prev, .carousel-resources .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 44px;
    color: var( --e-global-color-accent );
}
.carousel-resources .swiper-title a h3 {
    font-size: 21px;
    font-weight: bold;
    font-style: normal;
    color: #036277;
}
.carousel-resources .swiper-excerpt {
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 10px;
}
.carousel-resources .swiper-button button {
    font-size: 16px;
    padding: 5px 15px;
}

.elementor-icon-list-items {
    list-style: none;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating i {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

/* Breadcrumb */
.elementor-121 .elementor-element.elementor-element-1e07a6a:not(.elementor-motion-effects-element-type-background) {
    background-color: var( --e-global-color-primary );
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 30px;
}
.elementor-121 .elementor-element.elementor-element-0f7c1f3, .elementor-121 .elementor-element.elementor-element-0f7c1f3 a {
    font-size: 16px;
    color: #fff;
}
.elementor-121 .elementor-element.elementor-element-0f7c1f3 a.home {
    color: #fff;
    font-size: 20px;
}

/* Search Box */
.search-box {
    margin-bottom: 2rem;
    width: 100%;
}

.search-box__container {
    border: 1px solid #d04700;
    padding: 0 0 0 .5rem;
    border-radius: 5px;
}

.search-box__input {
    border: none !important;
    color: #707070;
    display: inline-block;
    width: calc(100% - 45px) !important;
}

.search-box__label {
    display: inline-block;
    width: 40px !important;
    font-weight: bold;
}

button.search-box__button {
    display: block;
    margin: 0;
    width: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    height: 100%;
}

.search-box .col-md-1 {
    padding-right:11px;
}

#searchMenu {width: 100%;}

#search-box__find {
    display: inline-block;
    width: calc(100% - 20px);
}

.search-box__field {
    height: 100%;
}
.search-box__field .dropdown {
    display: flex;
    height: 100%;
    align-items: center;    
}

button.search-box__button:hover {
    border: none;
    color: #fff;
    background: var( --e-global-color-accent );
}

.search-box__find-buttons {
    display: flex;
    justify-content: space-evenly;
}

.search-box__find-buttons a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5rem;
    display: flex;
    align-items: center;
}
.search-box__find-buttons a i {
    color: #d04700;
    margin-left: 10px;
    font-size: 18px;
    margin-top: -8px;
}

/* Search Page */
form.search-form label {
    width: 70%;
}

form.search-form {
    text-align: center;
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

form.search-form .search-field {
    border-radius: 20px;
    padding-right: 50px;
}
form.search-form input.search-submit {
    padding: .2rem 1rem;
    margin-left: -50px;
}

.search-page h1 {
    text-align: center;
    text-transform: uppercase;
    color: #036277;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 4rem;
}
.search-page h2 {
    font-size: 18px;
    font-weight: bold;
    color: #040404;
}
.search-page hr {
    background-color: #707070 !important;
    margin: .5rem 0 2rem 0 !important;
    height: 1px;
    opacity: .29;
}
.library_search_options {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}
.library_search_options label {
    padding: 0 20px;
}

.library_search_options input {
    vertical-align: bottom;
    margin-left: 5px;
    accent-color: var( --e-global-color-accent );
}

.library_search_item {
    border: 1px solid #E4E4E4;
    border-radius: 20px;
    padding: 2rem;
    margin-bottom: 2rem;
    display: flex;
}
.library_search_item__col-1 {
    width: 20%;
}
.library_search_item__image {
    width: 100%;
    height: auto;
}
.library_search_item__col-2 {
    width: 50%;
    padding: 0 1rem;
}
.library_search_item__col-2 h3, .library_search_item__col-2 h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.library_search_item__col-3 {
    width: 30%;
    text-align: right;
}
.library_search_item__col-3 p {
    margin: 0;
}
a.library_search_item__buttons-icon {
    border: 1px solid #d04700;
    padding: 0.5rem;
    border-radius: 10px;
    margin-right: .5rem;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    display: inline-flex;
}
.library_search_item__buttons-icon svg {
    color: #d04700;
}
a.library_search_item__buttons-icon:hover {
    background: #d04700;
}

a.library_search_item__buttons-icon:hover svg {
    color: #fff;
}

/* Single Library Page */
.single-library__info__container {
    background: #F6FDFF;
    margin-bottom: 20px;
    height: auto;
}

.single-library__info__header h2 {
    background: #036277;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.single-library__events__header {
	margin-bottom: 3rem;
}
.single-library__events__header h2 {
	font-size: 30px;
	font-weight: bold;
	color: #000;
}

.single-library__info__detail {
    padding: 20px 30px;
}

.search-page .more_results {
    text-align: right;
}
.latest-events__more {
	margin-bottom: 2rem;
}
.latest-events__more__list {
	display: none;
}

.search_sites h3 {
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    color: #036277;
}

.search_sidebar {
    background-color: #F6FDFF;
    border: 1px solid #036277;
    padding: 1.5rem;
}
.search_sidebar h2 {
    font-size: 18px;
    font-weight: bold;
    color: #036277;
    text-align: center;
}
.search_sidebar ul {
    list-style: none;
    padding: 0;
}
.search_sidebar__button {
    text-align: center;
    margin: 1rem 0;
}
.search_sidebar__button a {
    padding: 0.5rem 1rem !important;
}

/* LOT Categories */
.taxonomy-header__title-box {
    background-color: var( --e-global-color-46fe8ed );
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 80px 40px 80px;
}
.taxonomy-header__title-box h1 {
    font-family: "Roboto", Sans-serif;
    color: var( --e-global-color-text );
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.lot_categories__item__title a {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
    color: var( --e-global-color-text );
    font-size: 24px;
    font-weight: 500;
    margin: 0.5rem 0;
    display: block;
}
.lot_categories__item__title a:hover {
    color: var( --e-global-color-accent );
}
.lot_categories__item__button a {
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: var( --e-global-color-accent );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
    border-radius: 50px 50px 50px 50px;
    padding: 1em 3em 1em 3em;
    text-align: center;
    display: inline-block;
    margin: 1rem 0;
}
.lot_categories__item__button a:hover {
    color: var( --e-global-color-accent );
    background-color: var( --e-global-color-039ad34 );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
}

.elementor-170 .elementor-element.elementor-element-0372609 .elementor-heading-title {
    color: var( --e-global-color-text );
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: bold;
}
.elementor-170 .elementor-element.elementor-element-194db49 .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}
.elementor-170 .elementor-element.elementor-element-27d95ba:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-27d95ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-27d95ba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:40px;margin-bottom:0px;padding:40px 80px 40px 80px;}.elementor-170 .elementor-element.elementor-element-27d95ba > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-989ac0f{text-align:center;}.elementor-170 .elementor-element.elementor-element-989ac0f .elementor-heading-title{color:var( --e-global-color-text );font-size:18px;font-weight:500;text-transform:uppercase;}.elementor-170 .elementor-element.elementor-element-75be0dd{margin-top:40px;margin-bottom:0px;}.elementor-170 .elementor-element.elementor-element-019eed6{text-align:left;}.elementor-170 .elementor-element.elementor-element-019eed6 img{width:253px;}.elementor-170 .elementor-element.elementor-element-b03afa0:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-b03afa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-b03afa0, .elementor-170 .elementor-element.elementor-element-b03afa0 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-170 .elementor-element.elementor-element-b03afa0{box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 30px 20px 30px;}.elementor-170 .elementor-element.elementor-element-b03afa0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-0372609 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:19px;font-weight:bold;}.elementor-170 .elementor-element.elementor-element-194db49 .elementor-heading-title{color:var( --e-global-color-accent );font-size:18px;font-weight:bold;text-decoration:underline;}.elementor-170 .elementor-element.elementor-element-d3e4186{margin-top:40px;margin-bottom:0px;}.elementor-170 .elementor-element.elementor-element-69c15c3{text-align:left;}.elementor-170 .elementor-element.elementor-element-69c15c3 img{width:253px;}.elementor-170 .elementor-element.elementor-element-e2a0c65:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-e2a0c65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-e2a0c65, .elementor-170 .elementor-element.elementor-element-e2a0c65 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-170 .elementor-element.elementor-element-e2a0c65{box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 30px 20px 30px;}.elementor-170 .elementor-element.elementor-element-e2a0c65 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-c88235c .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:19px;font-weight:bold;}.elementor-170 .elementor-element.elementor-element-d0bf73a .elementor-heading-title{color:var( --e-global-color-accent );font-size:18px;font-weight:bold;text-decoration:underline;}.elementor-170 .elementor-element.elementor-element-3395aa4{margin-top:40px;margin-bottom:0px;}.elementor-170 .elementor-element.elementor-element-8ae550f{text-align:left;}.elementor-170 .elementor-element.elementor-element-8ae550f img{width:253px;}.elementor-170 .elementor-element.elementor-element-636c625:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-636c625 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-636c625, .elementor-170 .elementor-element.elementor-element-636c625 > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-170 .elementor-element.elementor-element-636c625{box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 30px 20px 30px;}.elementor-170 .elementor-element.elementor-element-636c625 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-6d3d142 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:19px;font-weight:bold;}.elementor-170 .elementor-element.elementor-element-858427e .elementor-heading-title{color:var( --e-global-color-accent );font-size:18px;font-weight:bold;text-decoration:underline;}.elementor-170 .elementor-element.elementor-element-476490c{margin-top:40px;margin-bottom:0px;}.elementor-170 .elementor-element.elementor-element-593403c{text-align:left;}.elementor-170 .elementor-element.elementor-element-593403c img{width:253px;}.elementor-170 .elementor-element.elementor-element-4a44fdd:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-4a44fdd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-4a44fdd, .elementor-170 .elementor-element.elementor-element-4a44fdd > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-170 .elementor-element.elementor-element-4a44fdd{box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 30px 20px 30px;}.elementor-170 .elementor-element.elementor-element-4a44fdd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-8f09d59 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:19px;font-weight:bold;}.elementor-170 .elementor-element.elementor-element-90fc7e2 .elementor-heading-title{color:var( --e-global-color-accent );font-size:18px;font-weight:bold;text-decoration:underline;}.elementor-170 .elementor-element.elementor-element-92a8873{margin-top:40px;margin-bottom:0px;}.elementor-170 .elementor-element.elementor-element-2887d3c{text-align:left;}.elementor-170 .elementor-element.elementor-element-2887d3c img{width:253px;}.elementor-170 .elementor-element.elementor-element-8a12b1f:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-8a12b1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46fe8ed );}.elementor-170 .elementor-element.elementor-element-8a12b1f, .elementor-170 .elementor-element.elementor-element-8a12b1f > .elementor-background-overlay{border-radius:20px 20px 20px 20px;}.elementor-170 .elementor-element.elementor-element-8a12b1f{box-shadow:0px 3px 6px 1px rgba(0, 0, 0, 0.16);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 30px 20px 30px;}.elementor-170 .elementor-element.elementor-element-8a12b1f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-170 .elementor-element.elementor-element-0fae095 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:19px;font-weight:bold;}.elementor-170 .elementor-element.elementor-element-4aa5044 .elementor-heading-title{color:var( --e-global-color-accent );font-size:18px;font-weight:bold;text-decoration:underline;}@media(max-width:767px){.elementor-170 .elementor-element.elementor-element-019eed6 img{width:100%;}.elementor-170 .elementor-element.elementor-element-69c15c3 img{width:100%;}.elementor-170 .elementor-element.elementor-element-8ae550f img{width:100%;}.elementor-170 .elementor-element.elementor-element-593403c img{width:100%;}.elementor-170 .elementor-element.elementor-element-2887d3c img{width:100%;}}/* Start custom CSS for section, class: .elementor-element-b03afa0 */.elementor-170 .elementor-element.elementor-element-b03afa0 {
    width: 90%;
    margin: 0 auto;
    margin-top: -40px;
}
@media (min-width: 488px) {
    .elementor-170 .elementor-element.elementor-element-b03afa0 {
        width: 70%;
        position: absolute;
        margin-top: 18px;
        left: 200px;
    }
}
.elementor-170 .elementor-element.elementor-element-e2a0c65 {
    width: 90%;
    margin: 0 auto;
    margin-top: -40px;
}
@media (min-width: 488px) {
    .elementor-170 .elementor-element.elementor-element-e2a0c65 {
        width: 70%;
        position: absolute;
        margin-top: 18px;
        left: 200px;
    }
}
.elementor-170 .elementor-element.elementor-element-636c625 {
    width: 90%;
    margin: 0 auto;
    margin-top: -40px;
}
@media (min-width: 488px) {
    .elementor-170 .elementor-element.elementor-element-636c625 {
        width: 70%;
        position: absolute;
        margin-top: 18px;
        left: 200px;
    }
}
.elementor-170 .elementor-element.elementor-element-4a44fdd {
    width: 90%;
    margin: 0 auto;
    margin-top: -40px;
}
@media (min-width: 488px) {
    .elementor-170 .elementor-element.elementor-element-4a44fdd {
        width: 70%;
        position: absolute;
        margin-top: 18px;
        left: 200px;
    }
}
.elementor-170 .elementor-element.elementor-element-8a12b1f {
    width: 90%;
    margin: 0 auto;
    margin-top: -40px;
}
@media (min-width: 488px) {
    .elementor-170 .elementor-element.elementor-element-8a12b1f {
        width: 70%;
        position: absolute;
        margin-top: 18px;
        left: 200px;
    }
}


/* Main Search */
.my-library {
    width: 100%;
    margin-bottom: 2rem;
    background: #FCF8F1;
    padding: 1rem 2rem;
}
.my-library__title {
    color: #036277;
    font-size: 18.6px;
    font-weight: bold;
    margin-bottom: .5rem;
}
.my-library__title a {
    font-weight: bold;
}
.my-library__name {
    font-size: 16px;
    font-weight: 600;
}
.my-library__name h2 {
    color: var(--e-global-color-text );
    font-family: "Roboto", Sans-serif;
    font-size: 24px;
    font-weight: 500;  
    text-align: center;  
}
.my-library__info {
    line-height: 4rem;
}
.my-library__info span {
    border: 1px solid #d04700;
    padding: 9px;
    font-size: 20px;
    color: #d04700;
    border-radius: 5px;
    background-color: #fff;
}
.my-library__info-button {
    margin-top: 1rem;
}
@media (min-width: 991px) {
    .my-library__info-button {
        position: absolute;
        bottom: 1rem;
    }
}

.my-library__info-button .btn {
    background-color: #d04700;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;
    padding: .5rem 1.5rem;
}

.my-library__info-button .btn svg {
    margin-right: 10px;
}

section.search-results__container {
    display: flex;
    margin-bottom: 4rem;
}

.filter-box {
    border: 1px solid #036277;
    width: 20%;
    height: fit-content;
    position: sticky;
    bottom: 0;
    align-self: flex-end;
}
.filter-box hr {
    height: 1px;
    border-bottom: 1px solid #D6D6D6;
    width: calc(100% - 2rem);
    margin: 0 auto;
}

.filter-box__title {
    background: #036277;
    padding: 1rem;
}

.filter-box__title h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}

.filter-box__clear-button a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
}

.filter-box__clear-button {
    display: inline-block;
    float: right;
}

.filter-box__filter {
    background: #F6FDFF;
    padding: 1rem;
}

.filter-box__filter__title h2 {
    color: #d04700;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-right: .5rem;
}

span.filter-box__filter__title__small {
    font-size: 12px;
    color: #d04700;
}

a.filter-box__filter__collapse-button {
    float: right;
}

.filter-box__filter__content label {
    font-size: 14px;
    width: 80%;
    line-height: 18px;
}

.filter-box__filter__content label input {
    accent-color: #d04700;
    margin-right:.5rem;
}

span.filter-box__filter__content__number {
    font-size: 14px;
    color: #A8A8A8;
    float: right;
}

input#radius {
    width: 100%;
    accent-color: #d04700;
}
.radius-number {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.radius-number span {
    font-size: 12px;
}
.filter-box__apply-button {
    padding: 0 1rem;
    margin-bottom: 2rem;
}

.filter-box__apply-button button {
    padding: 0.2rem 2rem;
    width: 100%;
}

.search-results__map {
    width: 20%;
		position: sticky;
    top: 0;
    align-self: flex-start;
}
.search-results__map img {
    width: 100%;
}
#map {
	width: 100%;
	height: 769px;
}

.search-results__results {
    width: 60%;
    padding: 0 2rem;
    position: relative;
}
.search-results__results__overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,.8);
	padding-top: 100px;
	text-align: center;
}
.search-results__results__header {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid #A8A8A8;
    margin-bottom: 2rem;
}
.pagi-nav {
	padding: 5px;
}
.pagi-nav.active {
	font-weight: bold;
}


/* Card Page */
.login {
    width: 100%;
}
.login h2 {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem;
}
button.share_loc {
    background: #fff;
    color: var(--e-global-color-accent);
    font-size:  16px;
    font-weight: 500;
    border-radius: 5px;
    border-width: 1px;
    width: 100%;
    text-align: left;
    padding: 0.594rem 1rem;
}

button.share_loc svg {
    margin-right: .5rem;
}

.input-group-append .btn {
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0.5rem 1rem;
}

/* Elementor post-65 */
.elementor-65 .elementor-element.elementor-element-a0b722e:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-a0b722e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-46fe8ed );
}

.elementor-65 .elementor-element.elementor-element-a0b722e {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 40px 80px 40px 80px;
}

.elementor-65 .elementor-element.elementor-element-a0b722e > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-65 .elementor-element.elementor-element-27bf321 {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-27bf321 .elementor-heading-title {
    color: var( --e-global-color-text );
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.elementor-65 .elementor-element.elementor-element-6301325 {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-6301325 .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.elementor-65 .elementor-element.elementor-element-1d4ba88 {
    margin-top: 40px;
    margin-bottom: 0px;
}

.elementor-65 .elementor-element.elementor-element-fc40d77 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.elementor-65 .elementor-element.elementor-element-041d94d {
    --e-image-carousel-slides-to-show: 4;
}

.elementor-65 .elementor-element.elementor-element-041d94d .elementor-swiper-button.elementor-swiper-button-prev, .elementor-65 .elementor-element.elementor-element-041d94d .elementor-swiper-button.elementor-swiper-button-next {
    font-size: 44px;
    color: var( --e-global-color-accent );
}

.elementor-65 .elementor-element.elementor-element-041d94d .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-65 .elementor-element.elementor-element-041d94d .elementor-swiper-button.elementor-swiper-button-next svg {
    fill: var( --e-global-color-accent );
}

.elementor-65 .elementor-element.elementor-element-041d94d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image {
    border-radius: 10px 10px 10px 10px;
}

.elementor-65 .elementor-element.elementor-element-041d94d .elementor-image-carousel-caption {
    text-align: center;
    color: var( --e-global-color-039ad34 );
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}

.elementor-65 .elementor-element.elementor-element-6c77e7d {
    margin-top: 0px;
    margin-bottom: 40px;
}

.elementor-65 .elementor-element.elementor-element-2bbf572 {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-2bbf572 .elementor-heading-title {
    color: var( --e-global-color-text );
    font-size: 24px;
    font-weight: bold;
}

.elementor-65 .elementor-element.elementor-element-2bbf572 > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
}

.elementor-65 .elementor-element.elementor-element-71e0946d {
    text-align: left;
}

.elementor-65 .elementor-element.elementor-element-2d314e37:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-2d314e37 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-46fe8ed );
}

.elementor-65 .elementor-element.elementor-element-2d314e37, .elementor-65 .elementor-element.elementor-element-2d314e37 > .elementor-background-overlay {
    border-radius: 20px 20px 20px 20px;
}

.elementor-65 .elementor-element.elementor-element-2d314e37 {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 30px 0px 30px;
}

.elementor-65 .elementor-element.elementor-element-2d314e37 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-65 .elementor-element.elementor-element-4c4229e4 .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: bold;
}

.elementor-65 .elementor-element.elementor-element-40d11b63 > .elementor-widget-container {
    margin: -15px 0px 0px 0px;
}

.elementor-bc-flex-widget .elementor-65 .elementor-element.elementor-element-757fa7.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-757fa7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-3aebfa8f .elementor-icon-wrapper {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-3aebfa8f .elementor-icon {
    font-size: 25px;
}

.elementor-65 .elementor-element.elementor-element-c1f2a2f {
    text-align: left;
}

.elementor-65 .elementor-element.elementor-element-7f9c22c:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-7f9c22c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-46fe8ed );
}

.elementor-65 .elementor-element.elementor-element-7f9c22c, .elementor-65 .elementor-element.elementor-element-7f9c22c > .elementor-background-overlay {
    border-radius: 20px 20px 20px 20px;
}

.elementor-65 .elementor-element.elementor-element-7f9c22c {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 30px 0px 30px;
}

.elementor-65 .elementor-element.elementor-element-7f9c22c > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-65 .elementor-element.elementor-element-48e3e7d .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: bold;
}

.elementor-65 .elementor-element.elementor-element-d78857e > .elementor-widget-container {
    margin: -15px 0px 0px 0px;
}

.elementor-bc-flex-widget .elementor-65 .elementor-element.elementor-element-f41114d.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-f41114d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-693c7e9 .elementor-icon-wrapper {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-693c7e9 .elementor-icon {
    font-size: 25px;
}

.elementor-65 .elementor-element.elementor-element-022434b {
    text-align: left;
}

.elementor-65 .elementor-element.elementor-element-09c61f2:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-09c61f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-46fe8ed );
}

.elementor-65 .elementor-element.elementor-element-09c61f2, .elementor-65 .elementor-element.elementor-element-09c61f2 > .elementor-background-overlay {
    border-radius: 20px 20px 20px 20px;
}

.elementor-65 .elementor-element.elementor-element-09c61f2 {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 30px 0px 30px;
}

.elementor-65 .elementor-element.elementor-element-09c61f2 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-65 .elementor-element.elementor-element-485378c .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: bold;
}

.elementor-65 .elementor-element.elementor-element-8b80a9c > .elementor-widget-container {
    margin: -15px 0px 0px 0px;
}

.elementor-bc-flex-widget .elementor-65 .elementor-element.elementor-element-d323002.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-d323002.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-31d9bed .elementor-icon-wrapper {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-31d9bed .elementor-icon {
    font-size: 25px;
}

.elementor-65 .elementor-element.elementor-element-48958b0 {
    text-align: left;
}

.elementor-65 .elementor-element.elementor-element-1056172:not(.elementor-motion-effects-element-type-background), .elementor-65 .elementor-element.elementor-element-1056172 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var( --e-global-color-46fe8ed );
}

.elementor-65 .elementor-element.elementor-element-1056172, .elementor-65 .elementor-element.elementor-element-1056172 > .elementor-background-overlay {
    border-radius: 20px 20px 20px 20px;
}

.elementor-65 .elementor-element.elementor-element-1056172 {
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 30px 0px 30px;
}

.elementor-65 .elementor-element.elementor-element-1056172 > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-65 .elementor-element.elementor-element-ae06549 .elementor-heading-title {
    color: var( --e-global-color-accent );
    font-family: "Roboto", Sans-serif;
    font-size: 19px;
    font-weight: bold;
}

.elementor-65 .elementor-element.elementor-element-cd9e152 > .elementor-widget-container {
    margin: -15px 0px 0px 0px;
}

.elementor-bc-flex-widget .elementor-65 .elementor-element.elementor-element-119e7ee.elementor-column .elementor-widget-wrap {
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-119e7ee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated {
    align-content: center;
    align-items: center;
}

.elementor-65 .elementor-element.elementor-element-8bef28a .elementor-icon-wrapper {
    text-align: center;
}

.elementor-65 .elementor-element.elementor-element-8bef28a .elementor-icon {
    font-size: 25px;
}

@media(min-width: 768px) {
    .elementor-65 .elementor-element.elementor-element-30d1f8ff {
        width:90.028%;
    }

    .elementor-65 .elementor-element.elementor-element-757fa7 {
        width: 9.899%;
    }

    .elementor-65 .elementor-element.elementor-element-e5fafab {
        width: 90.028%;
    }

    .elementor-65 .elementor-element.elementor-element-f41114d {
        width: 9.899%;
    }

    .elementor-65 .elementor-element.elementor-element-26962e5 {
        width: 90.028%;
    }

    .elementor-65 .elementor-element.elementor-element-d323002 {
        width: 9.899%;
    }

    .elementor-65 .elementor-element.elementor-element-f76ef35 {
        width: 90.028%;
    }

    .elementor-65 .elementor-element.elementor-element-119e7ee {
        width: 9.899%;
    }
}

/* Start custom CSS for section, class: .elementor-element-2d314e37 */
.elementor-65 .elementor-element.elementor-element-2d314e37 {
    width: 70%;
    position: absolute;
    margin-top: 18px;
    left: 200px;
}

/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7f9c22c */
.elementor-65 .elementor-element.elementor-element-7f9c22c {
    width: 70%;
    position: absolute;
    margin-top: 18px;
    left: 200px;
}

/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-09c61f2 */
.elementor-65 .elementor-element.elementor-element-09c61f2 {
    width: 70%;
    position: absolute;
    margin-top: 18px;
    left: 200px;
}

/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1056172 */
.elementor-65 .elementor-element.elementor-element-1056172 {
    width: 70%;
    position: absolute;
    margin-top: 18px;
    left: 200px;
}

/* End custom CSS */

/* End of Elementor post-65 */

/* Responsive styles */

@media (max-width: 480px) {
	.search-box__container {
		border: none;
		padding: 0;
	}
	.search-box__field {
    border: none;
    border-radius: 5px;
    padding: 0;
    margin-bottom: 0.5rem;
	}
	button.search-box__button {
		border-radius: 5px;
		padding: .5rem;
	}
	.search-box__find-buttons {
		display: none;
	}
	.filter-box {
		background: #fff;
		display: none;
		width: 100%;
		position: fixed;
        z-index: 999;
        overflow-y: scroll;
        inset: 0;
        overscroll-behavior: contain;
        padding-bottom: 100px;
        height: auto;
	}
	.filter-box__buttons {
		position: fixed;
		width: 100%;
		bottom: 0;
		background: #fff;
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-top: 1px solid #A8A8A8;
	}
	.filter-box__button__cancel, .filter-box__button__closemap {
		background: #A8A8A8 !important;
		border-color: #A8A8A8 !important;
	}
	.filter-box__button__cancel:hover, .filter-box__button__closemap:hover {
		color: #A8A8A8 !important;
		background: #fff !important;
		border-color: #A8A8A8 !important;
	}
	.search-results__results {
		width: 100%;
		padding: 0 0.5rem;
	}
	section.search-results__container {
		display: block;
	}
	.search-results__results__header {
		padding-top: 1rem;
	}
	.search-results__results__header__buttons {
		border-bottom: 1px solid #A8A8A8;
		padding-bottom: 1rem;
		display: flex;
    align-items: center;
    justify-content: space-between;
	}
	.search-results__results__header__buttons button {
    background: #fff;
    color: var( --e-global-color-accent );
    border-radius: 5px;
    padding: .5rem;
	}
	.search-results__results__header__buttons button:hover, .search-results__results__header__buttons button:focus {
		background: var( --e-global-color-accent );
		color: #fff;
	}
	.search-results__results__header__buttons button.search-results__button__list {
		background: var( --e-global-color-accent );
	}
	.search-results__button__orderby {
		display: none;
	}
	.search-results__map {
		width: 100%;
		display: none;
		position: fixed;
		z-index: 999;
		inset: 0;
		background: #fff;
		padding-bottom: 100px;
		overflow-y: scroll;
    overscroll-behavior: contain;
	}
	.search-results__map #map {
		height: 100%;
	}
	.library_search_item {
		display: block;
		padding: 1rem;
	}
	.library_search_item__col-1 {
		width: 100%;
	}
	.library_search_item__col-1 img {
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
	}
	.library_search_item__col-2 {
		width: 100%;
		padding: 0;
	}
	.library_search_item__col-3 {
		width: 100%;
		text-align: left;
	}

}

@media (min-width: 768px) {
  .search-box__container .row .row {
      padding: 10px 0;
  }
  .search-box__container .row .row .col-md-3:not(:last-of-type),
  .search-box__container .row .row .col-md-4:not(:last-of-type),
  .search-box__container .row .row .col-md-6:not(:last-of-type),
  .search-box__container .row .row .col-md-8:not(:last-of-type)
  {
      border-right: 1px solid #D6D6D6;
  }
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .dropdown-menu li{ position: relative;  }
    .submenu{ 
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{ display: block; }
}   
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}   
/* ============ small devices .end// ============ */