:root {
  --wft-success-color: #4CAF50;
  --wft-info-color: #2196F3;
  --wft-warning-color: #FF5722;
  --wft-danger-color: #CF5363;
}

.text-danger {
  color: var(--wft-danger-color) !important;
}

.bg-primary-opacity { background: var(--wft-primary-opacity-color); }

.text-info {
  color: var(--wft-info-color) !important;
}

.text-warning {
  color: var(--wft-warning-color) !important;
}

.text-danger {
  color: var(--wft-danger-color) !important;
}
body{
  line-height: 24px !important;
}
h1, .h1 {
  font-size: 30px !important;
}
@media only screen and (max-width: 768px){
  h1, .h1 {
    font-size: 24px !important;
  }
}
h2, .h2 {
  font-size: 24px !important;
}
@media only screen and (max-width: 768px){
  h2, .h2 {
    font-size: 18px !important;
  }
}

h3, .h3 {
  font-size: 18px !important;
}
@media only screen and (max-width: 768px){
  h3, .h3 {
    font-size: 16px !important;
  }
}

h4, .h4 {
  font-size: 16px !important;
}
@media only screen and (max-width: 768px){
  h4, .h4 {
    font-size: 16px !important;
  }
}

h5, .h5 {
  font-size: 14px !important;
}
@media only screen and (max-width: 768px){
  h5, .h5 {
    font-size: 14px !important;
  }
}

h6, .h6 {
  font-size: 14px !important;
}
@media only screen and (max-width: 768px){
  h6, .h6 {
    font-size: 14px !important;
  }
}

.header-top-wrap {
  padding-top: 7px;
  padding-bottom: 7px;
  background-color: var(--wft-primary-color) !important;
  color: white;
}

.header-tel-container .contact-phone a:hover{
  color: white;
}

.header-tel-container .contact-phone:hover,
.header-tel-container a:hover,
.social-icon a:hover {
  color: var(--wft-secondary-color) !important;
}

.hint--top:hover:after, [class*='hint--']:after{
  color: var(--wft-secondary-color) !important;
  background-color: white !important;
}
.hint--top:before{
  border-top-color: white !important;
}

.menu-bar-home {
  background-color: white !important;
  color: white;
}

.nav-bar-header .navigation-menu>ul>li>a {
  color: #696969 !important;
  font-weight: 400;
}

.nav-bar-header .navigation-menu>ul>li:hover>a:after,
.nav-bar-header .navigation-menu>ul>li.active>a:after {
  color: var(--wft-secondary-color) !important;
}

.nav-bar-header .navigation-menu>ul>li>a:before {
  background-color: var(--wft-secondary-color);
}

.nav-bar-header .navigation-menu>ul>li:hover>a span,
.nav-bar-header .navigation-menu>ul>li.active>a span {
  color: var(--wft-secondary-color) !important;
}

.submenu {
  border-bottom-color: var(--wft-secondary-color);
}

.header-bottom-wrap {
  background-color: white !important;
}

.vue-fixed-header {
  background-color: white !important;
}

.main-container-home {
  margin-top: 0px !important;
}

.header-shadow {
  box-shadow: none !important;
}

.menu-bar-home {
  margin-top: 0px !important;
  background-color: white;
  border-radius: 0px !important;
}
.hover-style-link:hover:after{
  width: 0% !important;
}

.header-top-wrap.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.offcanvas-menu__header { 
  background-color: white !important; 
  border-bottom: 1px solid rgba(40, 40, 40, 0.08);
}
.offcanvas-menu .offcanvas-menu__inner { background-color: white !important; }

.mobile-navigation-icon i:before,
.mobile-navigation-icon i,
.mobile-navigation-icon i:after {
  background-color: #696969 !important;
}
.mobile-navigation li a, .mobile-navigation li div{
  color: #333333 !important;
}
.mobile-navigation li span i::before, .mobile-navigation li span i{
  background-color: var(--wft-primary-color);
}
.mobile-navigation li .menu-expand{
  border: 1px solid var(--wft-primary-color);
  border-radius: 5px;
}
.mobile-navigation-close-icon::before, .mobile-navigation-close-icon::after{
    background-color: #696969 !important;
}
.mobile-navigation-icon:hover i:before,
.mobile-navigation-icon:hover i:after,
.mobile-navigation-icon:hover i {
  background-color: var(--wft-primary-color) !important;
}
.offcanvas-navigation ul li.menu-item-has-children .menu-expand i,
.offcanvas-navigation ul li.menu-item-has-children .menu-expand i::before{
  border-bottom: 1px solid var(--wft-primary-color) !important;
}
.footer-area-wrapper {
  background-color: var(--wft-primary-color) !important;
  color: white !important;
}

.footer-widget__title {
  color: white !important;
}

.footer-widget__list.row>li>a.hover-style-link:hover {
  color: var(--wft-secondary-color) !important;
}

.contact-footer-container>.contact-footer-link>div>a:hover {
  color: var(--wft-secondary-color) !important;
}

.footer-social-container>ul.ht-social-networks.solid-rounded-icon>li>a.social-link {
  color: white !important;
}

.footer-logo {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.footer-area-wrapper hr {
  border: 1px solid rgba(255, 255, 255, 0.2) !important
}
.footer-area-wrapper a:hover{
  color: var(--wft-secondary-color);
}

.cool-lightbox-caption h6{
  color: white;
}

.footer-area-wrapper .social-link i {
  color: white !important;
}

.footer-area-wrapper .social-link {
  color: white !important;
}

.footer-social-container>ul.ht-social-networks.solid-rounded-icon>li>a.social-link:hover {
  border: 1px solid white !important;
  color: white !important;
}

.ht-social-networks.solid-rounded-icon .social-link:hover {
  border: 1px solid white !important;
  color: white !important;
}

.navigation-menu>ul.nav-lang>li>a,
.navigation-menu>ul.nav-lang>li:hover>a>span,
.navigation-menu>ul.nav-lang>li:hover>a:after {
  color: white;
}

.description {
  color: #696969 !important;
  letter-spacing: 0em !important;
}

.recommended-tag {
  background-color: #CF5363 !important;
}

.header-bottom-wrap {
  border-bottom: 1px solid rgba(40, 40, 40, 0.08);
}

@media only screen and (max-width:1200px) {

  .mobile-navigation-icon i:before,
  .mobile-navigation-icon i,
  .mobile-navigation-icon i:after {
    background-color: #696969 !important;
  }
  .page-title-area {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}