$secondary-font-familiy: "Nunito" !default;
$topbar-height: 54px;
$topbar-border-color: #dddddd;
$topbar-color: #656972;
$topbar-font-size: 1rem;

:root {
--gapmath:5px;
--thumbradius:15px;
}


a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

.astroid-top-bar {
    line-height: $topbar-height;
    border-bottom: 1px solid;
    border-color: $topbar-border-color;
}

//Astroid Social icons
$socialicons-color: $topbar-color;
$socialicons-font-size: $topbar-font-size;
.astroid-social-icons {
    li {
        display: inline-block;
        width: 40px;
        text-align: center;
        a {
            color: $socialicons-color;
            font-size: $socialicons-font-size;
            &:hover {
                color: $primary;
            }
        }
    }
}

.astroid-featured-1 {
    .fa,
    .fab,
    .fas {
        font-size: 46px;
    }
}

.astroid-featured-list {
    text-align: left;
    li {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 10px;
        span {
            font-size: 23px;
            display: inline-block;
            background: #fff;
            color: $primary;
            width: 53px;
            height: 53px;
            border-radius: 100%;
            text-align: center;
            line-height: 53px;
            border: 1px solid #eeeeee;
        }
    }
}

.hide-mobile {
    @include media-breakpoint-between(xs, sm) {
        display: none !important;
    }
}

.hide-tablet {
    @include media-breakpoint-only(md) {
        display: none !important;
    }
}

.hide-desktop {
    @include media-breakpoint-between(lg, xl) {
        display: none !important;
    }
}

.fa-ul {
    li {
        font-size: 1.3rem;
    }
}

.address-details {
    padding-top: 10px;
    .address-info {
        clear: left;
        padding-bottom: 10px;
    }
    .icon {
        float: left;
        font-size: 20px;
        margin-right: 15px;
        line-height: normal;
    }
    .content {
        overflow: hidden;
    }
}

.team-section {
    .card {
        transition: $transition-base;
        &:hover {
            box-shadow: $box-shadow;
        }
        .profile-link {
            a {
                color: $body-color;
                &:hover,
                &:focus {
                    color: $primary;
                }
            }
        }
    }
}

.hover_shadow {
    >div {
        transition: $transition-base;
        &:hover {
            box-shadow: $box-shadow;
        }
    }
}

.accordion {
    .card-header {
        background: none;
    }
}

//Actions
ul.actions {
    list-style-type: none;
    text-align: right;
    a {
        padding: 0;
    }
    li {
        display: inline;
    }
}

//Articleinfo
.article-info {
    overflow: hidden;
    .article-info-term {
        display: none;
    }
    dd {
        float: left;
        padding: 0 5px;
        margin: 0;
        span {
            text-transform: none;
            display: inline-block;
            padding: 0;
            margin: 0;
        }
        &:not(:last-child) {
            border-right: solid 1px #ccc;
        }
    }
}

.uk-card-default, .list-group-item {
background-color:#fff!important;
}

.uk-lightbox {
z-index:1200!important;
}

.tlcgallerya {
margin : 0;
flex: 1 1 33.33333333%;
}

.tlcgallerya a:after {
    pointer-events: auto;
    --tw-content: "";
    content: var(--tw-content);
    background-color: rgba(0, 0, 0, .3);
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.tlcgallerya a:hover:after {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0);
    content: "";
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);

}


.tlcgallerya img {
object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    margin: 0;
	aspect-ratio:16/9;
    position: relative;
}

.tlcgallerya:hover img {

}

.tlcgalleryb {
    pointer-events: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.tlcgalleryb img {
   max-width:33%;
   filter: brightness(0) invert(1);
}

#sppb-addon-wrapper-a985cfda-cd62-4bb8-9ec8-27f3e434b2ef {
position:sticky!important;
top:0;
}

.gallerygapgeneral {
padding:var(--gapmath);
gap:calc(var(--gapmath));
}

.gallerygapthumb {
border-radius:var(--thumbradius);
overflow:hidden;
width:calc((100% - 2*var(--gapmath) )/3);
}

#astroid-sticky-header{
    backdrop-filter: blur(5px);
}

.astroid-offcanvas .astroid-offcanvas-inner {
  height:auto!important;
}

.sectionclassmath .sppb-row-container{
padding:0px!important;
}

@media(max-width: 1100px)  {
	#sppb-addon-69abe1c0-d067-421c-870b-3acc8938118e .word-scroller {
		font-size:3rem;
	}
}

.astroid-header-section header.astroid-horizontal-header:not(.astroid-header-sticky){
    padding-top: 50px!important;
    padding-bottom: 20px!important;
}

.hide {
display:none;
}

.filtermath button {
padding: 5px 13px;
    margin: 5px;
    cursor: pointer;
	color:#fff;
    border: none;
    border-radius: 15px;
    background: #49494963;
    transition: 0.3s;
}
.filtermath button:hover {
    background: #000;
    transition: 0.3s;
}

.filtermath button.active {
	color:#000;
    background: #fff;
    transition: 0.3s;
}