/* 
Theme Name:		 DAT Theme
Theme URI:		 http://childtheme-generator.com/
Description:	 DAT Theme is a child theme of Hello Elementor, created by ChildTheme-Generator.com
Author:			 Chan Inthisone
Author URI:		 http://childtheme-generator.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 dat-theme
*/


/*
    Add your custom styles here
*/
section#footer_bottom nav {
    border-top: 1px solid #979797;
}
.dropdown-item:hover .fa-xs {
    animation: hoverIcon 4s infinite;
}
.img-animate-zoom-center img {
    transition: all .5s ease;
}

#blogfeatured .uael-post__thumbnail a:hover {
    transition: all .5s ease;
}

.postid-17582 li.elementor-icon-list-item.elementor-repeater-item-c4db3af.elementor-inline-item {
    display: none;
}

.btn-subscribe button.news-signup a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.btn-subscribe button.news-signup:hover a {
    color: #fff;
    text-decoration: none;
}

#top_footer nav li a, #top_footer_nav nav li a {
    font-size: 12px;
    color: #8A8A8A;
}
#top_footer h6, #top_footer_nav h6 {
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.041rem;
}
#footer_social .elementor-container a span, #footer_social .elementor-container a span>i {
    font-size: 8px !important;
    color: white;
}
#footer_social ul li a:hover span.elementor-icon-list-icon {
    border: 1px solid #fff!important;
}
#footer_social .elementor-container a .elementor-icon-list-icon {
    border-radius: 24rem;
    border: 1px solid #979797;
    padding: 9px;
}

#footer_social .elementor-container {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #979797;
    border-bottom: 1px solid #979797;
}
section#footer_bottom .elementor-widget-container p {
    color: #8A8A8A;
}
section#footer_bottom a, section#footer_bottom p {
    font-size: 11px;
}

.dropdown-item:hover .fa-xs {
    animation: hoverIcon 4s infinite;
}
.dropdown-item .fa-xs {
    position: relative;
}

header.site-header {
    margin-bottom: 78px;
}
#searchModal .modal-header {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
#searchModal .modal-dialog:after {
    z-index: 9999999999999999999;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, black, rgba(255,255,255,0.6));
}
#main-menu a.nav-link:hover {
    text-decoration: none;
}
#searchModal .modal-dialog.modal-xl {
    top: 87px;
    max-width: 100%;
}
#searchModal .modal-dialog.modal-xl .modal-content {
    border-radius: 0;
    background-color: #0a0d10 !important;
}
#searchModal button.btn-close.ml-auto {
    font-size: 32px;
}
#searchModal button.btn-close.ml-auto:hover {
    color: #fff;
}
#searchModal button.btn-close {
    border: 0 !important;
    padding: 0;
    background-color: transparent;
    border: 0;
}
#searchModal .modal-body {
    width: 100%;
    max-width: 732px !important;
    margin-left: AUTO;
    margin-right: auto;
}
#searchModal form.search-form.d-flex {
    color: white;
}
#searchModal .modal-body span.font-weight-bolder.text-uppercase {
    min-width: 125px;
}
#searchModal form.search-form.d-flex span {
    line-height: 37px;
    white-space: nowrap;
    margin-right: 10px;
}
#searchModal .nav-search-container {
    width: 100%;
}
#searchModal .input-group {
    opacity: 0.65;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
#searchModal .search-field {
    font-size: 13px;
    padding-right: 30px;
    border: 1px solid #fff !important;
    border-radius: 8.3px !important;
    background-color: transparent;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
#searchModal .input-group .btn {
    z-index: 95;
    background-color: transparent !important;
    padding: 0.375rem 0.75rem;
    border-radius: 0;
    margin-left: -35px;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
    border: none;
}
button#button-addon2:active {
    border: none;
}
button.search-submit {
    z-index: 1 !important;
}

/*-- Main Menu Css --*/
.dropdown-toggle::after {
    border: none;
}
.navbar-dark a:hover {
    text-decoration: none;
}

.navbar .megamenu .final_level {
    white-space: unset !important;
}

.navbar-dark.nav-bg-gradient {
    background: linear-gradient(-180deg, #000 0%, rgba(0,0,0,0) 100%) !important;
    background-color: transparent !important;
}
nav.navbar {
    z-index: 1140;
}
.navbar-dark {
    background-color: #0a0d10 !important;
    background: #0a0d10 !important;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.navbar-dark .navbar-toggler {
    right: 0;
    border-radius: 0;
    position: absolute;
    background: transparent !important;
    top: 0;
    outline: none!important;
    padding: 20px;
    box-shadow: none !important;
    border: none;
}
.navbar-dark .jet-dropdown-arrow {
    align-self: center;
    margin-left: 10px;
    align-self: center;
    margin-left: 10px;
}
.navbar .megamenu {
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    padding: 1rem;
    border-radius: 0 !important;
    background-color: #0a0d10;
}

.navbar .megamenu ul.list-unstyled.sub-menu.depth_1 {
    padding-left: 0;
}
.navbar .megamenu .dropdown-item {
    font-size: 13px;
    color: white;
    opacity: 1;
    text-decoration: none;
    background-color: transparent !important;
}

@media (max-width: 768px)  {
div#newsletter-signup .legend {
    margin-bottom: 15px;
}
#footer_social .elementor-container span.elementor-icon-list-text {
    display: none !important;
}
#top_footer h6.elementor-heading-title.elementor-size-default, #top_footer_nav h6.elementor-heading-title.elementor-size-default {
    border-bottom: 1px solid #979797;
    margin-top: 20px;
    margin-bottom: 8px;
    padding-bottom: 6px;
}
#top_footer .elementor-element.elementor-widget.elementor-widget-heading, #top_footer_nav .elementor-element.elementor-widget.elementor-widget-heading {
    margin-bottom: 6px;
}
#searchModal .modal-dialog.modal-xl {
    top: 55px !important;
    margin: 0;
}
#searchModal {
    z-index: 9999;
}

}


@media (min-width: 767.98px) {
#top_footer .elementor-container, #top_footer_nav .elementor-container {
    padding-left: 109px;
    padding-right: 109px;
}
#top_footer .elementor-container {
    padding-bottom: 10px;
}
#footer_social .elementor-container {
    padding: 12px 109px;
}
#top_footer_nav .elementor-container {
    border-top: 1px solid #979797;
    padding-top: 10px;
}

}

@media (min-width: 768px){


.megamenu>.nav-item.nav-border-right {
    margin-right: 84px;
    border-right: 1px solid rgba(255,255,255,0.45);
    padding-right: 84px;
    width: auto;
}
li.dropdown-mega-nav-footer {
    position: absolute;
    bottom: 15px;
    right: 40px;
}
.megamenu::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, black, rgba(255,255,255,0.6));
}
.navbar .nav-item:hover .dropdown-menu {
    display: flex !important;
}
.navbar .megamenu .dropdown-item {
    padding-left: 0;
}
.navbar .megamenu>li>.dropdown-item {
padding-bottom: 11px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(255,255,255,0.45) !important;
}
.logged-in.admin-bar header.site-header {
    min-height: 80px;
}
.navbar-dark {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}
.navbar .has-megamenu {
    position: static !important;
}
.navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -40px !important;
    padding-top: 83px;
    min-height: 275px;
}
.megamenu>.nav-item {
    width: calc(120px + 1.5rem);
    margin-right: 15px;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

}

@media (min-width: 992px) {
.megamenu>.nav-item {
    width: calc(150px + 1.5rem);
    margin-right: 61px;
}

}

@media (max-width: 991px){
.navbar-dark .navbar-toggler-icon {
    width: 24px;
    height: 24px;
}
}

@media (min-width: 998px){
.navbar-dark .navbar-collapse .nav-link {
    margin-right: 50px;
}

}