@font-face {
	font-family: FilsonW03-Regular;
	/* font-style: normal;
	font-weight: 400; */
	font-display: auto;
	src: url('./fonts/FilsonW04-Regular.ttf') format('truetype');
}
@font-face {
	font-family: FilsonW03-Bold;
	/* font-style: normal;
	font-weight: 400; */
	font-display: auto;
	src: url('./fonts/FilsonSoftW03-Medium.ttf') format('truetype');
}
@font-face {
	font-family: FilsonW03-Black;
	/* font-style: normal;
	font-weight: 400; */
	font-display: auto;
	src: url('./fonts/FilsonSoftW03-Black.ttf') format('truetype');
}

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

*:not(i) {
    font-family: "FilsonW03-Bold", Sans-serif;
}

.navbar {
    border-top: 8px solid #F5C518;
    /* height: 106px; */
    /* height: 116px; */
}

.navbar-nav a.nav-link {
    color: #2775C7 !important;
    font-family: "FilsonW03-Black", Sans-serif;
    font-size: 18px;
}

a.nav-link.active {color: #D7273E !important;}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.wm-footer, .wm-header {
    background: #F5C518 !important;
}

.wm-header {
    background: url(./images/wm-storebanner.jpg) !important;
    background-position: center center;
    background-size: cover;
}

.wm-header.index {
    background: url(./images/wm-malls-banner.jpg) !important;
    background-size: cover !important;
    background-position: center center !important;
    min-height: calc(20vw + 80px) !important;
}

.wm-footer h5, h4,
h2.wm-fas,
.wm-mall-cat,
.wm-mall-region,
.wm-mall-category,
.wm-label {
    color: #2775C7 !important;
}

.wm-footer .nav-item { margin-bottom: 20px !important; }

.wm-mall-cat-title,
.wm-mall-region-title,
.wm-mall-category-title {
    background: white  !important;
    display: initial !important;
}

.wm-mall-cat,
.wm-mall-region,
.wm-mall-category {
    width: 100%; 
    height: 20px; 
    border-bottom: 2px solid #F5C518;
}

.wm-mall-region, .wm-mall-category { text-align: center; }

.wm-mall-wrapper p {
    font-size: 14px;
    font-weight: normal;
}

.wm-mall-wrapper {
    box-shadow: 0px 4px 11px 3px rgba(0, 0, 0, 0.05) !important;
    border-radius: 15px !important;
    border-top: 17px solid #F5C518 !important;
    min-height: 738px;
    transition: all .2s ease-in-out;
}

.wm-store {transition: all .1s ease-in-out;}

.wm-store:hover {transform: scale(0.98);}

.wm-mall-wrapper:hover {
    transform: scale(0.98); 
    border: 4px solid #F5C518;
    box-shadow: 0px 4px 11px 3px rgba(0, 0, 0, 0.1) !important;
}

/* .wm-mall-wrapper .card-img-top {margin-top: 10px !important;} */

ul.wm-stores li {
    list-style-type: none !important;
    flex-basis: 20%;
}

.wm-mall-feat {max-width: 100px;}

.navbar-toggler {
    padding: 0.20rem 0.20rem !important;
    background-color: #F5C518 !important;
    border: 1px solid #F5C518 !important;
    color: white;
}

.wm-footer ul li a {
    color: white !important;
}

h1#wm-mall {
    color: #F00044 !important;
    margin: 0;
    font-family: FilsonW03-Black;
}

.wm-search {
    border: 1px solid gray;
    border-radius: 20px;
}

.form-control.wm-search-input {
    border: 1px solid transparent !important;
    background-color: transparent !important;
}

div.owl-nav {
    text-align: right;
    margin-top: 20px;
    display: flex;
    justify-content: end;
    align-items: center;
}

div.owl-nav > button > span {
    background: #F5C518 !important;
    font-size: 2em !important;
    padding: 0px 18px !important;
    border-radius: 100px !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 5px !important;
}

.wm-cat-all {
    text-decoration: none !important;
    padding: 13px 50px !important;
    background: #F5C518 !important;
    border-radius: 100px !important;
    margin-right: 10px !important;
    color: #2775C7 !important;
}

.modal-content,
.wm-map-container {
    border-radius: 20px !important;
    overflow: hidden !important;
}

@media only screen and (min-width: 990px) {
    .navbar-nav {
        /* display: flex;
        justify-content: space-around; */
        flex-grow: 1 !important;
    }
    
    .navbar {
        height: 106px;
    }
}

/* Desktop */
@media only screen and (min-width: 1367px) {
    .wm-top-header {max-width: 100% !important;}
}

/* Laptop */
@media only screen and (max-width: 1366px) {
    ul.wm-stores li {
        flex-basis: 25% !important;
    }

    .wm-top-header {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }


}

/* Tablet */
@media only screen and (max-width: 768px) {
    ul.wm-stores li {
        flex-basis: 33.33% !important;
    }
}

/* Mobile Plus */
@media only screen and (max-width: 411px) {
    ul.wm-stores li {
        flex-basis: 50% !important;
    }
}

/* Mobile */
@media only screen and (max-width: 360px) {
    ul.wm-stores li {
        flex-basis: auto !important;
    }
}


@media only screen and (min-width: 991px) {
    .navbar {
        min-height: 116px !important;
        height: auto !important;
    }
}


@media screen and (max-width: 1367px) and (min-width: 992px) {
    .wm-top-header, #navbarSupportedContent {
        flex-direction: column !important;
        width: 100%;
    }

    #navbarSupportedContent > ul {width: 100%;}

    body > nav > div > a > img {
        margin: 20px !important;
        width: 249px !important;
    }

    #navbarSupportedContent > ul {margin: 10px !important;}

    body > nav {padding: 30px 0 !important;}

    #navbarSupportedContent > form {width: 36% !important;}

}