// elements
$path_font : './fonts/';

@import "mixins/_mixins-master.scss";
@import "mixins/_utilities.scss";
@import "variables-site/_variables-site.scss";
@import "_normalize.scss";
@import "typography/_typography.scss";


//--> Background color
.v-dark,
.v-light {
  background-color: $bg-color;
  color: $body-color;
}

.v-dark-head {
  color: $body-color;
}

@media only screen and (max-width: 991px) {
  .v-dark-head-mobile {
    color: $body-color;
  }
}


.background-main {
  &, .background-inner {
    background-color: $bg-color;
  }


}

.background-section {
  &, .background-inner {
    background-color: $assistant-color;
  }
}

.background-theme {
  &, .background-inner {
    background-color: $theme-color;
  }
}

.background-reverse {
  background-color: $heading-color;
  color: $bg-color;
}

.theme-color {
  color: $theme-color;
}

.heading-color {
  color: $heading-color;
}

.body-color {
  color: $body-color;
}

.background-transparent {
  background-color: transparent;
}

.h-100-v {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

//--> Overlay color
@include overlays(10);

//---> Padding & Margin Section
@include spacing_section;
@include spacing_section(padding);
@include dsn-container();


//-- Style --//

//---> Margin Helper
@include MarginPadding(20, 5, ".mt", margin-top);
@include MarginPadding(20, 5, ".mb", margin-bottom);

@include MarginPadding(5, 10, ".pt", padding-top);
@include MarginPadding(5, 10, ".pb", padding-bottom);

.mr-15 {
  margin-right: 15px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

@import "core/global/helper";
//---> ajax
@import "core/global/ajax";
@import "core/global/grid";





.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline
}

.d-inline-block {
  display: inline-block
}

.d-block {
  display: block
}

.d-table {
  display: table
}

.d-table-row {
  display: table-row
}

.d-table-cell {
  display: table-cell
}

.m-auto {
  margin: auto
}

.mr-auto, .mx-auto {
  margin-right: auto
}

.ml-auto, .mx-auto {
  margin-left: auto
}

.fz-14 {
  font-size: 14px;
}

.border-rdu{
  border-radius: 7px;
}

//-------------------- Parallax Image --------------------//
@import "core/global/parallaxImage";

.fancybox__container {
  --fancybox-thumbs-border-radius: 50%;
  --fancybox-thumbs-ratio: 1;

  --fancybox-thumbs-width: 70px;
  --fancybox-thumbs-height: 70px;

  --fancybox-accent-color: var(--theme-color);

  .fancybox__thumbs {
    padding-bottom: 30px;
  }

}


.fancybox__thumbs .carousel__slide:not(:last-child) {
  margin-right: 10px;

}

[data-fancybox] {
  cursor: pointer;
}


.over-hidden {
  overflow: hidden;
}

p {
  color: $body-color;
}

.z-index-1{
  z-index: 1;
}

.box-shadow-image .bg-shadow:after , .dsn-box-shadow:after{
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 20%;
  background-image: linear-gradient(to top,var(--assistant-color),rgba(0,0,0,0));
}