/**
Theme Name: Haiwan
Theme URI: http://wordpress.lfj1t.xyz
Author: Jobayer
Author URI: https://jobayerhossan.com/
Description: Haiwan is custom based website
Version: 1.0
Requires at least: 5.3
Tested up to: 5.7.2
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haiwan
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns
 **/

.header .logo img, footer .bottom-nav .logo{
    height: auto;
} 
.admin-bar .header {
  top: 32px;
}

nav ul .dropdown-content ul {
  flex-direction: column;
  padding: 0px;
  margin: 0px;
    align-items: flex-start;
}
nav ul .dropdown-content ul li {
  margin-right: .35rem;
}
.wpcf7-form br {
  display: none;
}
footer .top-info .content .info-grid .submit {
  width: 100%;
  height: 100%;
}
.b_sub p{
  width: 100%;
}

.blog_cat_container .cell {
  position: relative;
}
.blog_cat_container .cell .f_link {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.blog_cat_container .cell .hover-pass {
  position: relative;
  z-index: 11;
}
.project_gallery{
  height: 100%;
}

.ct_page_form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 5px);
  left: 0px;
}
.com-nav li a{
    width: 1.92rem;
    height: .68rem;
    padding: 0 .1rem;
    font-size: .18rem;
    font-weight: 400;
    color: #616366;
      display: flex;
  justify-content: center;
  align-items: center;
}
.com-nav li.active a{
  color: #fff;
}

.category .banner img {
  height: 312px;
}

.hw-title.hwcenter .elementor-widget-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hw-title.hwcenter .elementor-widget-container h2 {
  position: relative;
}
html[lang="en-US"] .header nav ul li > a {
  font-size: .16rem;
  max-width: inherit;
}
html[lang="en-US"] .header nav ul li{
    margin-right: .25rem;
}

nav ul li.current-menu-item > a, nav ul li.current_page_ancestor > a, nav ul .current-menu-ancestor.current-menu-parent.menu-item-has-children.menu-item-type-custom > a{
  color: #b58347;
  position: relative;
}

nav ul li.current-menu-item > a:after, nav ul li.current_page_ancestor > a:after, nav ul .current-menu-ancestor.current-menu-parent.menu-item-has-children.menu-item-type-custom > a:after{
  content: '';
  display: block;
  position: absolute;
  bottom: -.1rem;
  left: 0;
  z-index: 2;
  width: 100%;
  border-bottom: 2px solid #b58347;
}
nav ul ul li > a:after{
  display: none !important;
}

.inner_h_height .elementor-widget-image {
  height: 100%;
}
.inner_h_height .elementor-widget-image img {
  height: 100%;
}
.swiper-slide-inner {
  width: 100%;
}
.breadcrumb{
  align-items: center;
}
.breadcrumb > * {
  padding-top: 0px !important;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  top: calc(100% + 9px);
}

.wpcf7-response-output {
  margin-top: 30px !important;
  color: #fff;
}

.research-results .grid {
  display: flex;
  flex-wrap: wrap;
}
.research-results .grid > .cell {
  flex: 0 0 calc(50% - .2rem);
  max-width: calc(50% - .2rem);
}

.el-input.el-input--suffix select {
  color: #000;
  border: 1px solid transparent;
}

.ct_footer_form .el-input.el-input--suffix select {
  color: #fff;
}

.ct_page_form + .wpcf7-response-output {
  color: #000;
}

.ban_rel {
  position: relative;
}

.select-trigger {
  position: relative;
}
.select-trigger > ul {
  position: absolute;
  top: calc(100% + 10px);
  background: white;
  width: calc(100% - 4px);
  left: 2px;
  display: none;
}
.select-trigger.active > ul{
  display: block;
}
.select-trigger > ul li {
  padding: 10px;
  cursor: pointer;
}
.select-trigger > ul li:hover {
  background: #f4f4f4;
}

.select-trigger.active .el-input__wrapper {
  border-color: #b58347;
  box-shadow: 0 0 0 1px #b58347 inset;
}
.select-trigger > ul li.active{
  color: #b58347;
}
.select-trigger > ul:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  content: '';
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
}

.select-trigger.active .el-input__suffix {
  transform: rotate(180deg);
  position: relative;
  left: 11px;
}
.pagination .el-pager li a {
  font-size: 12px;
  pointer-events: inherit;
  color: var(--el-pagination-button-color);
  width: 100%;
}
.pagination .el-pager li.is-active a {
  color: #b58347;
}
.breadcrumb span{
	  color: #303133;
  font-weight: 700;
}
.swiper-banner ~ .swiper-button-prev, .swiper-banner ~ .swiper-button-next {
  background: rgba(181,131,71,.8);
}
.el-pagination a.is-disabled{
  pointer-events: none;
}

@media screen and (max-width: 1200px) {
  body {
    min-width: unset;
  }
}

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

    body .footer-wrapper .top-info .content > .info-grid {
      grid-template-columns: repeat(1, 1fr);
      display: flex;
      flex-direction: column;
    }
    html {
      margin-top: 0px !important;
    }
    .admin-bar .header {
      top: 0px;
    }
    html #wpadminbar{
      display: none;
    }

  .mobile_scroll > a {
    border-radius: .02rem;
    width: unset;
    height: 0.28rem;
    padding: .03rem .08rem;
    font-size: .12rem;
    font-weight: 400;
    color: #616366;
    line-height: .16rem;
    white-space: nowrap;
    min-height: auto;
    max-width: inherit;
    white-space: nowrap;
    align-self: inherit !important;
    align-items: center;
    flex: 0 0 auto !important;
  }
  .mobile_scroll > a p {
    white-space: nowrap;
  }
  .mobile_scroll > a > div {
    max-width: inherit !important;
    white-space: nowrap;
  }
  .mobile_scroll > a img {
    width: 20px !important;
  }
  .mobile_scroll {
        overflow: auto !important;
    padding-top: 10px !important;
    justify-content: flex-start !important;
    padding-bottom: 10px !important;
  }

  .mobile_scroll_business {
    overflow: auto;
    overflow: auto !important;
    padding-top: 10px !important;
    justify-content: flex-start !important;
    padding-bottom: 10px !important;
  }
  .mobile_scroll_business > a {
    border-radius: .02rem;
    width: unset;
    padding: .03rem .08rem;
    font-size: .12rem;
    font-weight: 400;
    color: #616366;
    line-height: .16rem;
    min-height: auto;
    flex: 0 0 auto !important;
  }
  .category .banner img {
    height: 100%;
  }

  body.category .com-nav > li a {
    border-radius: .02rem;
    width: unset;
    height: .24rem;
    padding: 0 .08rem;
    font-size: .10rem;
    font-weight: 400;
    line-height: .16rem;
    white-space: nowrap;
  }
  body .contact-wrapper .info-list{
    padding: 0px;
  }
  
  #job_location, #job_type {
    width: calc(50% - .1rem);
    float: left;
  }
  
}