:root {
    --body-font: 'Poppins', sans-serif;
    --heading-font: 'Poppins', sans-serif;
    --transition-timing: .2s;

    --color-primary: #347ea4;
    --color-secondary: #9410A3;
    --color-tertiary: #C956D6;
    --color-link: #af1b81;
    --color-link-hover: #682ccb;
    --color-black: #000;
    --nav-bg-color: #fff;
    --bs-body-color: var(--color-black);
    --body-color: var(--color-black);
    --color-grey: #636363;
    --bg-light-gray: #efefef;
    --button-radius: 0;
}


.ndm-scrolled .ndm-main-nav.navbar-dark {
    background-color: #000;

}
.ndm-scrolled .ndm-main-nav.navbar-light {
    background-color: #fff;
}
.ndm-scrolled .ndm-main-nav.nav-in-view,
.ndm-reg-info {
    /*box-shadow: 0 0 40px 5px rgba(255,255,255,.375);*/
    box-shadow: 0 0 30px 5px rgba(255, 255, 255, 0.55);
}
@media screen and (max-width:1199px) {
    .ndm-main-nav {
        /*background-color: rgba(0,0,0,.99);*/
    }
}

html { scroll-behavior: smooth}
body {
    font-weight:normal;
    --bs-body-line-height: 1.875;
}
.ndm-logo-container {
    width:125px;
}
.ndm-logo-wrap {
    padding-top:40%;
}

.jumbotron {
    overflow:hidden;
    padding: 8rem 0;
    font-size:1.125rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-weight: normal; margin-bottom:.5em;}
.jumbotron h1 {
    font-weight:500;
}

.bg-light.ndm-bg-light {
    --bg-light: #F6F6FB !important;
}

@media (min-width: 1200px) {
    h1, .h1 {font-size: 4.5rem;}
    h2, .h2 {font-size: 3.5rem;}
    h3, .h3 {font-size:2.5rem;}
    h4, .h4 {font-size: 2rem;}
    h5, .h5 {font-size: 1.5rem;}
    .jumbotron h1, .jumbotron .h1 {font-size:5.75rem;}
}

.rounded {
    border-radius: .3125rem !important;
}
.border-dark {
    border-color: #414042 !important;
}


.port-item {
    transition: all .3s ease;
}

/*filters*/
.swipe-category-select .btn {
    background-color: #F8F9FA;
    margin:0 .2em;
}
.swipe-category-select .btn.active {
    border-color: #B21983;
}


.web-swipe-thumb {
    height:0;
    width:100%;
    padding-top:50%;
    position: relative;
    overflow: hidden;
    border:1px solid #ccc;
}
.web-swipe-thumb img {
    position: absolute;
    left:0;
    top:0;
    width:100%;
}

.ndm-sticky-nav.fixed-top {
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    border-bottom: 1px solid #dee2e6 !important;
}