/*
Theme Name: Hapa Themes
Theme URI: https://teamarcs.com
Author: hapathemes
Author URI: https://teamarcs.com
Description: A powerful Business Starter theme with Bootstrap and WooCommerce Support. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Version: 1.0.0
License: MIT License
License URI: #
Text Domain: hapathemes
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.
HapaThemes is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.f-light {
    font-family: "Merriweather", serif;
    font-weight: 300;
    font-style: normal;
  }
  .f-regular {
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
  }
  .f-bold {
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-style: normal;
  }
  .f-black {
    font-family: "Merriweather", serif;
    font-weight: 900;
    font-style: normal;
  }
  .f-light-italic {
    font-family: "Merriweather", serif;
    font-weight: 300;
    font-style: italic;
  }
  .f-regular-italic {
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: italic;
  }
  .f-bold-italic {
    font-family: "Merriweather", serif;
    font-weight: 700;
    font-style: italic;
  }
  .f-black-italic {
    font-family: "Merriweather", serif;
    font-weight: 900;
    font-style: italic;
  }
  
body{
    font-family: "Merriweather", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}
/* Cache Popup  */
h3.termstitle{
    display: none;
}
.termspopupcontainer{padding: 0px;}
.termscontentwrapper i{margin-right: 10px;}

.tbrightcontent{padding: 0px;
    top: 5%;
    left: 10%;
    width: 80%;
    height: 90%;
	overflow-x: hidden;
}

.tbrightcontent #wp-terms-popup-content{padding: 16px;}
#wp-terms-popup-after-content{background: #e46e26;
    min-height: 60px;
    padding: 10px 10px;
    color: #fff;
    position: sticky;
    bottom: 0;
    width: 100%;}
.tthebutton{      text-align: right !important;
    display: flex;     width: 100% !important;
    }
.tthebutton input{    background: none;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff;
    margin-left: 6px;}
/* Header */
.site-header .navbar{background-color: #fff;}
.navbar-brand img{width: 200px;}
.navbar-nav .nav-link{font-size: 18px;
    font-weight: 600; color:#262626;padding-right:16px !important;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{}
.hAchivContent{min-height: 138px;}
.hAchivArea{position: absolute; 
    bottom: 0;
    right: 70px;
    /* left: 50%;
    transform: translateX(-50%); */
}
.hPageTitle{
    font-size: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    font-weight: bold;
    font-style: italic;
}
.hAchivBlock{    
    text-align: center;
    background: #e46e26;
    color: #fff;
    padding: 28px 0px;
    
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.hAchivBlock::after{content: "";
    position: absolute;
    border-top: 140px solid #e46e26;
    border-left: 300px solid transparent;
    height: 0;
    width: 0;
    left: 0px;
    right: 0;
    bottom: -140px;
    margin: auto;
    border-left-color: transparent;
    border-bottom-color: transparent;
    z-index:1;
}
.page-id-15 .hAchivBlock::after{
	z-index:0;
}
.hABText{margin-top: 20px; font-size: 50px; font-weight: bold; font-style: italic;}
.hABSText{margin-bottom: 20px; font-size: 36px; font-style: italic;}
/* Content */
.site-content{margin-top: 72px;}
.sow-headline-container h4.sow-headline::after{content: "";
    width: 173px;
    height: 2px;
    background-color: #e46e26;
    position: relative;
    display: inline-block;
    top: -7px;
    left: 6px;}
.dark-sec{color:#fff;background-color: #1b1b1b;}
.widget.text-white a{color:#fff;}
.cAddressBlock .panel-layout > .panel-grid{ border-bottom:1px solid #fff;}
.cAddressBlock .panel-layout > .panel-grid .panel-grid-cell:first-child{border-right:1px solid #fff;}
.cAddressBlock .panel-layout > .panel-grid:last-child{border: none;}
.cAddressBlock h2 i{margin-right: 20px;}
.cAddressBlock h2{font-style: italic; margin-bottom: 20px; display: flex;}
.so-widget-sow-editor h3.widget-title{color:#e46e26;}
/* .cAddressBlock p{display: flex;} */
.cAddressBlock a{color: #e46e26; text-decoration: none;}
/* Home css */
.hser-block{color:#000;  border: 1px solid #707070; border-radius: 20px; background: #fff; position: relative;  margin: 0px;}
.hser-block a{color: #000; text-decoration: none;}
.hser-block .hser-inner{padding: 12px 12px 16px 12px;}
.hser-block .hser-inner img{width: 100%;}
/* .hser-block:hover{border-color: #e46e26; background: #e46e26; transition:all 0.5s;} */
.hser-block .hser-block-hover{opacity: 0; transition:all linear .1s; color:#fff; font-size: 14px;}
.hser-block .hser-block-hover a{color:#fff;}
.hser-block:hover .hser-block-hover{
    background-image: linear-gradient(#e46e26,#804521);
    position: absolute;
    top:0;
    height: 100%;
    width: 100%;
    opacity: 1;
    border-radius: 20px; transition: all linear .2s;   
}
.hser-block .hser-block-hover div{
    width: fit-content;
    height: fit-content;
    position: absolute;
    /* padding: 5px 10px; */
    padding: 5px 10%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;   transition: all linear .5s;   
    margin: auto;}
.hser-block .widget-title{
    
    font-size: 24px;
    font-style: italic;
    padding: 16px 0 0 0;
    min-height: 76px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.hser-block .hserimg-block img{    border-radius: 20px;}
.news-sec .hser-block{/*padding: 10px;*/}
.newsletter_sec .hser-block .widget-title{font-size:16px;    min-height: auto;}
.award-sec .carousel-inner{min-height:370px;}
/* .news-sec .hser-block:hover{border-color: #707070; background: #e46e28; color:#000; transition:all 0.5s;} */
.ha-post-grid{color:#000;  border: 1px solid #707070; border-radius: 20px; background: #fff; position: relative;  margin: 10px; padding: 12px;}
.ha-post-grid .hserimg-block img{border-radius: 20px; width: 100%;}
.ha-post-grid h3{padding: 10px 0; margin: auto; font-size: 14px; font-style: italic;}
.ha-post-grid a{text-decoration: none; color:#000;}
.hser-block h4.widget-title{font-size: 20px;}
.award-sec .ha-post-grid{padding:2px;}
.hser-block:hover, .ha-post-grid:hover{ box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; background-color: #1b1b1b; transition:all 0.5s;}
.hser-block:hover h4, .hser-block:hover h4 a, .hser-block:hover h3, .hser-block:hover h3 a, .ha-post-grid:hover h3,.ha-post-grid:hover h3 a {color:#fff;}
.hser_down_btn{ border: 1px solid #707070; border-radius: 20px;    border-radius: 9px;
    padding: 5px; font-size: 24px; width:44px;}
.bg-darktop{position: relative;}
.bg-darktop::before{content: "";
    position: absolute;
    height: 130vh;
    width: 100vw;
    left: 0px;
    top: 0;
    margin: auto;
    z-index: -1;
    background-color: #1b1b1b;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);}
.slick-slide{}
.sow-carousel-item{
    color:#000;  border: 1px solid #707070; border-radius: 20px; background: #fff; position: relative;  margin: 10px;
}
.sow-carousel-item .sow-carousel-thumbnail a{width: 100% !important;}
.sow-carousel-item .sow-carousel-item-title{padding: 10px;}
.hapa-tstim .carousel-indicators{left: 0;
    right: auto;
    margin-left: 0;
    margin-bottom: -10px;    
}
.hapa-tstim .carousel-indicators [data-bs-target]{background-color: #000; width:40px;}
.carousel-indicators .active{background-color: #e46e26 !important;}
.hapa-tstim .carousel-item span{position: relative;
    right: 0;
    text-align: right;
    display: block;
	margin-top: 34px;
}
.award-sec{position: relative;}
.testimo-sec{position: relative;}
.testimo-sec::after{       content: "";
    display: inline-block;
    width: 288px;
    height: 164%;
    background-color: #e46e26;
    top: -530px;
    position: absolute;
    right: -47px;
    z-index: 1;}
.news-sec{
    padding: 40px 0;
    /* background: linear-gradient(to left, #fff 30%, #e46e26 70%); */
    background: linear-gradient(to left,transparent 30%, #e46e26 30%) no-repeat;
}
.carousel-indicators{

}
/* Counter Cards */
.hapa-coucard{
    position: relative;
   
}


    .hapa-coucard .hapa-coucard-inner{
        position: absolute;
        bottom: -240px;
        background:#e46e26;
        color: #fff;
        padding: 28px 0px;
        
        
        width: 300px;
    }
    .hapa-coucard .hapa-coucard-inner::after{content: "";
        position: absolute;
        border-top: 140px solid #e46e26;
        border-left: 300px solid transparent;
        height: 0;
        width: 0;
        left: 0px;
        bottom: -140px;
        margin: auto;
        border-left-color: transparent;
        border-bottom-color: transparent;}
        .hapa-coucard .panel-grid-cell .panel-cell-style{height: auto;}
    .hapa-coucard .so-panel{}
.hapa-coucard{font-size: 11px;}
.hapa-coucard h3{padding: 7px 0 2px 0;
    margin: 0;font-size: 24px;
}
.hapa-coucard i{border-radius: 50%;
    border: 1px solid #fff;
    padding: 16px; font-size: 31px;}
.hapa-coucard > .so-panel{padding-top:25px; padding-bottom:25px;}
/* Buttons */
.ha-btn-primary a{
    border: 2px solid #e46e26 !important;    
    font-size: 22px !important;
    font-weight: bold;
    padding: 12px 26px !important;
    background: none !important;
}
.ha-btn-primary a:hover{
    background: #e46e26 !important;
	color:#fff !important;
}
.btn-primary{
    border: 2px solid #e46e26 !important;    
    font-size: 22px !important;
    font-weight: bold;
    padding: 10px 20px !important;
    background: none !important;
    color:#000;
    border-radius: 30px;
}
.dark-sec .btn-primary{
    color: #fff;
}
.btn-primary:hover{
    background: #e46e26 !important;
}
/* Home Slider */
.hapa-home-banner .carousel-caption{top: 18%;
    right: 6%;
    left: auto;}
.hapa-home-banner .carousel-caption h2{
    color: #000000;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    max-width: 604px;
    text-align: left;
}
.hapa-home-banner .carousel-indicators{bottom: auto;
    left: auto;
    right: 0;
    margin-right: 15px;
    top: 30%; display:grid;}
.hapa-home-banner .carousel-indicators [data-bs-target] {width: 15px;
    height: 15px;
    border-radius: 100%;border: 1px solid #626262;margin:5px;}
.hapa-home-banner .carousel-indicators .active {border: 1px solid #e46e26 !important;}
.ha-service .card-icon{position: relative;    z-index: 1;}
.ha-service .card-icon i.fa{background: #000000;
    border-radius: 50%;
    color: #fff;
    width: 5.625rem;
    height: 5.625rem;
    font-size: 2.25rem;
    line-height: 1.9;
    padding: 0.313rem;
    position: relative;
    border: 5px solid transparent;
    box-shadow: 0px 0px 0px 1px transparent;
    -webkit-transition: .3s cubic-bezier(.53,.645,.51,1.34);
    -o-transition: .3s cubic-bezier(.53,.645,.51,1.34);
    transition: .3s cubic-bezier(.53,.645,.51,1.34);
}

.ha-service .card:hover .card-icon i.fa{border: 5px solid #fff;box-shadow: 0px 0px 0px 1px #000000}
.ha-section-header{margin: 80px 0 30px 0;}
.carousel-control-prev, .carousel-control-next{width:auto;}
.carousel-control-next{right:-18px;}
.carousel-control-prev{left:-18px;}
.hapa-home-banner .carousel-control-next{right:0px;}
.hapa-home-banner .carousel-control-prev{left:0px;}
/* Logo Slider */
/* Service Page */
.service-page-block{position: relative;}
.box {
    width: 200px;
    aspect-ratio: 1;
    clip-path: polygon(85.36% 85.36%,14.64% 85.36%,14.64% 14.64%,85.36% 14.64%);
  }
.service-page-block::before{
    content: "";
    position: absolute;
    height: 130vh;
    width: 100vw;
    left: 0px;
    top: 0;
    margin: auto;   
    z-index: -1;
    /* width:200px;
    height:200px; */
    background-color:#1b1b1b;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
}
.service-page-block::after{
    content: "";
    position: absolute;
    height: 130vh;
    width: 100vw;
    left: 0px;
    bottom: 0;
    margin: auto;
   
    z-index: -1;
    /* width:200px;
    height:200px; */
    background-color:#1b1b1b;
    -webkit-clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);
}
.ourteam-block > .panel-grid-cell > .so-panel{
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #707070;

}
.ourteam-block .so-panel h3{color: #e46e26; font-style: italic; margin-bottom:20px;}
.featured-full-width-img{    background-size: 86% 100%;
    background-position: left;
    background-repeat: no-repeat;
}
.entry-header h1.entry-title{
    background: #e46e28;
    max-width: 400px;
	min-width:250px;
    padding: 30px 40px;
    text-align: center;
    font-size: 37px;
	font-style:italic;
}
/* h3.widget-title{color: #e46e28;} */
/* Forms */
.wpcf7-form{}
.wpcf7-form .form-control{
    font-family: "Montserrat", sans-serif; 
    padding: 0.6rem 0.75rem; 
    border: 1px solid #000;
    color: #000;
    border-radius: 13px;
    background: transparent;
    
}
.dark-sec .wpcf7-form .form-control{ 
    border: 1px solid #fff;
    color: #fff;  
	    background: #1b1b1b;
    }
.dark-sec .wpcf7-form .form-control::placeholder{color:#fff;}
.dark-sec .wpcf7-form .wpcf7-submit{padding: 10px 30px !important;}
/* Footer */
footer{background-color: #F9F9F9;}
footer .footer_widget{}
footer .footer_widget *{
color: #000;
text-decoration: none !important;
}
footer .searchform button, footer .searchform input{border-radius: 20px;border: none;
    background: #fff;}
footer .searchform button i{    color: #e46e26;}
footer ul li{    line-height: 32px;}
.wsx-ft-office-location .fa, .wsx-ft-email .fa, .wsx-ft-phone .fa, .wsx-ft-fax .fa{margin-right: 20px;}
@media only screen and (max-width: 768px) {
	.featured-full-width-img{height: 250px !important;}
	.entry-header h1.entry-title{font-size:28px;}
    .hapa-coucard .hapa-coucard-inner{position: relative;     bottom: 0;
        margin: auto;}
        .hapa-coucard .hapa-coucard-inner::after{display: none;}
        .hapa-coucard{position: relative; top:0;width: auto;}
    .hapa-coucard::after{display: none;}
    .hAchivContent{height: auto;}
    .hAchivArea{position: relative;
        bottom: 20px;
        right: 0;
        width: auto;}
        .hPageTitle{font-size: 32px;}
    .hAchivBlock{width: 100%; padding: 28px 20px;}
    .hABText{font-size: 24px;}
    .hABSText{font-size: 20px;}
    .hAchivBlock::after{display: none;}
    .text-xs-center {
        text-align: center;
      }
	
	.testimo-sec::after{display:none;}
	.tthebutton{width:100%;}
	.sow-headline-container h2.sow-headline{font-size: 32px !important; padding:10px 0;}
	.sow-headline-container h4.sow-headline{font-size: 18px !important;}
	.ha-btn-primary a{    font-size: 16px !important; margin-top:10px;}
	.hapa-coucard .panel-grid-cell .panel-cell-style{width:100%;}
	.laawws-btm-address, .wsx-ft-address, .wsx-ft-phone, .wsx-ft-fax, .wsx-ft-email{display: grid;}
	footer .widget-text .alignleft{float:none;}
	.cAddressBlock .panel-layout > .panel-grid .panel-grid-cell:first-child{
		border-right: none;
		border-bottom: 1px solid #fff;
	}
	.hser-block .widget-title{    min-height: auto;}
	.award-sec{max-width: 80%;
    margin: 10px auto;}
	.award-sec .carousel-inner{min-height:674px;}
	.award-sec .carousel-control-next{right:-30px;}
	.award-sec .carousel-control-prev{left:-30px;}
}
@media only screen and (min-width:601px) and (max-width:1024px){
	.hapa-home-banner .carousel-caption h2{
		font-size:30px;
	}
}
.fade-out-section{opacity: 0;}
.fade-in-section { 
    transition: opacity 1s;
    opacity: 1 !important;
    position: relative;
	/* animation: fadeIn 2s;  */
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }