/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.0.1760158453
Updated: 2025-10-11 04:54:13

*/


/* Contact Form */
.main-cf7 span.wpcf7-spinner {
    position: absolute;
    bottom: -30px;
    left: 50%;
}

p.submit-btn {
    margin-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.submit-buttom-cf7 {
    background: #fd7131;
    color: #fff;
    border-radius: 50px;
    margin-top: 0;
    text-decoration:uppercase;
}
.main-cf7 p input,.main-cf7 p textarea,.main-cf7 p select {
    width: 100%;
    background: transparent;
    border: solid 1px #ccc;
    border-radius: 10px;
    margin-top: 8px;
    padding:13px 15px;
}
.main-cf7 p select {
    width: 100%;
}
.main-cf7 p input {
    width: 100%;
}

/* Contact Form */


/* Blog Page */
.kk-pagination a.page-numbers {
    background: #fff1ed;
    padding: 3px 12px;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    border: solid 1px #fd7131;
}
.kk-pagination a.page-numbers:hover{
	   background:#fd7131;
    color: #fff;
   transition:0.3s ease-in-out;
 }
.kk-pagination span{
   background:#fd7131;
    padding: 3px 12px;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
   transition:0.3s ease-in-out;
}
.kk-pagination {
    margin-top: 45px;
}

.kk-blog-search {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.kk-blog-search h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}
input#kk-blog-search-input {
    width: 32%;
    background: #fafafa;
    border: solid 1px #d9d2d2;
    border-radius: 8px;
}
input#kk-blog-search-input:focus-visible{
	outline:none;
}
.kk-pagination {
    justify-content: center;
    display: flex;
    gap: 12px;
}
/* Blog Page */



.site-content .content-area {
    width: 100%;
    overflow: hidden;
}



.box-style-icon {
    display: flex;
    padding: 23px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    border-radius: 20px;
    background: rgba(253, 113, 49, 0.10);
}

.is_layout_false {
    gap: 20px;
}
.full-size img{
    width: 100% !important;
}

.icon-one {
    position: absolute !important;
    top: 150px;
    justify-content: left;
}

.icon-two {
    position: absolute !important;
    top: 150px;
    justify-content: right;
}
.box-style-hero {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 4px 14px 0 rgba(253, 113, 49, 0.20);
    display: flex;
    width: 271px;
    height: 123px;
    padding: 18px 13px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: absolute;
    bottom: 0;
}
/* Header css */
/* *{
	padding:0px;
    font-family: "SF Pro Display" !important;
} */

h1,h2,h3,h4,h5,h6,p{
    font-family: "SF Pro Display" !important;
}

a.header-btn {
    display: flex;
    padding: 15px 30px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #FD7131;
    color: #FFF;
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
     text-decoration:none;
    margin-left: 11px;
}
img.custom-logo {
    width: 70px;
}
a.btn-first {
    display: flex;
    padding: 15px 30px !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 1px solid #000;
    color: #000;
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
    margin-left: 30px;
}
.site-header .container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
align-items: center;
padding:0px !important;
}
.header-left {
    width: 10%;
}
.header-right {
    width: 90%;
    display: flex;
    justify-content: end;
    align-items: center;
}
ul.main-menu {
    display: flex;
    justify-content: end;
    gap: 24px;
}
ul.main-menu li a{
	color: #000;
font-family: "SF Pro Display";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
padding:0px !important; 
}
header.site-header {
    background: #fff1ed !important;
    padding: 14px 0px;
}
nav.main-navigation {
    background: transparent;
}
/* Header css */


.space-between {
    justify-content: space-between;
    align-items: center;
}


.align-center {
    align-items: start;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex {
    margin-bottom: 0;
}




/* Footer */

.site-footer {
    background: #fff1ed;
}


.footer-container {
    max-width: 1200px;
    margin: auto;
}
.footer-row-one {
    display: flex;
    justify-content: space-between;
    padding: 70px 0 70px 0;
    border-bottom: solid 1px #ccc;
}
.footer-col-two {
    display: flex;
    justify-content: space-between;
    width: 85%;
}
.footer-inner-col-four {
    width: 34%;
}
.footer-inner-col-three {
    width: 18%;
}

.footer-inner-col-two {
    width: 22%;
}

.footer-inner-col-one {
    width: 18%;
}
.footer-col-one img.custom-logo {
    width: 90px;
}

.footer-col-two h3 {
    color: #000;
    font-family: "SF Pro Display" !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.footer-list ul {
    margin: 0;
}
.footer-list ul li {
 list-style:none;
 margin-bottom:8px;
}
.footer-list ul li a ,.footer-list p,.footer-inner-col-two a,.footer-inner-col-two p,.footer-inner-col-four h6{
text-decoration:none;
    color: #000000a3;
    font-size: 16px;
}

/* Footer */




/* blog style */

.kk-post-content time.kk-post-date {
    position: absolute;
    border-radius: 50px;
    background: #FD7131;
    color: #fff;
    font-family: "SF Pro Display";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    padding: 8px 10px;
    left: 20px;
    top: 20px;
}


h3.kk-post-title {
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.19px;
    margin-bottom: 12px;
    margin-top: 20px;
}
.kk-post-card img {
    width: 100%;
    height: 250px;
    border-radius: 20px;
    object-fit:cover;
}

.kk-recent-posts-cards article {
    position:relative;
    width: 32%;
}

h3.kk-post-title a {
    color: #000;
    font-family: "SF Pro Display";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.19px;
    text-decoration: none;
}
.kk-post-excerpt {
    color: #000000d4;
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}
.kk-recent-posts-cards {
    display: flex;
    flex-wrap:wrap;
    row-gap: 30px;
column-gap: 20px;
    
}
.box-third-blog{
	 border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 14px 0 rgba(253, 113, 49, 0.20);
    padding: 18px 23px;
    position: absolute;
    z-index: 9;
    right:0;
    bottom: 0;
    width: 160px;
}
.relative{
 position:relative;
}

.box-second-blog {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 4px 14px 0 rgba(253, 113, 49, 0.20);
    padding: 18px 23px;
    position: absolute;
    z-index: 9;
    left: -60px;
    top: 50%;
}
/* blog style */



#progressbar {
  background-color: #D9D9D9;
  border-radius: 13px;
  /* (height of inner div) / 2 + padding */
  padding: 0px;
}

#progressbar>div {
  background-color: #2F64D1;
  width: 40%;
  /* Adjust with JavaScript */
  height: 12px;
  border-radius: 10px;
}

.prog span {
    color: #2F64D1;
    font-family: "SF Pro Display";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.Subscribe-form input.wpcf7-submit {
    border-radius: 50px;
    background: #FD7131;
    margin-top: 10px;
    color: #FFF;
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 15px 43px;
}
.Subscribe-form input.wpcf7-email {
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    background: transparent;
    color: #000;
    font-family: "SF Pro Display";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 15px !important;
    background-image:none !important;
}
.footer-row-two {
    display: flex;
    justify-content: space-between;
    align-items:center;
padding: 18px 0;
}
p.inner-footer-flex {
    display: flex;
    gap: 12px;
}
.socail-icons {
    display: flex;
    gap: 11px;
}
p.inner-footer-flex a {
   text-decoration:none;
    color: #000000a3;
}

.footer-row-two p {
    margin: 0;
}
.footer-inner-col-two p img {
    margin-top: 6px;
    width: 16px;
    margin-right: 8px;
}
.footer-inner-col-two p {
    display: flex;
justify-content: left;
    align-items: start;
}
.footer-inner-col-two span {
    width: 88%;
}


/* Blog Single page */
body.single-post {
    padding: 0;
    width: 100% !important;
    max-width: 100%;
}
body.single-post  .main-navigation li:before {
    display: none !important;
}

body.single-post ul#menu-primary-menu {
    margin: 0 !important;
}
article h1.entry-title {
    text-align: left !important;
}
/* body.single-post article .post-thumbnail {
    display: none !important;
} */
body.single-post a.site-logo {
    display: none !important;
}
/* Blog Single page */





/* Responsive css Big Screen */

@media(max-width:1220px){
.container-fix .uagb-container-inner-blocks-wrap {
    max-width: 95% !important;
    width: 95% !important;
}
.footer-container {
    max-width: 95%;
    margin: auto;
}
.site-header .container {
    width: 95%;
}
.footer-list ul li a, .footer-list p, .footer-inner-col-two a, .footer-inner-col-two p, .footer-inner-col-four h6 {
    text-decoration: none;
    color: #000000a3;
    font-size: 14px;
}
.kk-recent-posts-cards article {
    position: relative;
    width: 31%;
}
.footer-row-two p {
    font-size: 14px;
}

ul.main-menu li a {
    font-size: 15px;
}
.box-second-blog {
    left: 0px;
}
}


@media(max-width:1024px){
	.header-left {
    width: 20%;
}
	button.hilltop-menu-toggle {
    padding:0px !important;
}
	button.hilltop-menu-toggle:hover {
    background: none !important;
}

button.hilltop-menu-toggle {
    width: 30px !important;
    margin-bottom: 0px !important;
}
.hilltop-active li {
    width: 100% !important;
    padding-top: 0 !important;
}
ul#menu-primary-menu {
    gap: 0 !important;
}
body.single-post {
    padding: 0 !important;
}
html{
    margin: 0 !important;
}
}


@media(max-width:880px){
	    .kk-recent-posts-cards article {
        position: relative;
        width: 48%;
    }
.kk-blog-search h2 {
    font-size: 35px;
   
}
}


@media(max-width:767px){


.container-fix .uagb-container-inner-blocks-wrap {
    max-width: 90% !important;
    width: 90% !important;
}

.footer-inner-col-four {
    width: 100%;
    margin-top: 40px;
}
.footer-col-two {
    width: 80%;
    flex-wrap: wrap;
justify-content: space-between;
}
.footer-inner-col-one {
    width: 30%;
}

.footer-inner-col-two {
    width: 33%;
}

.footer-inner-col-three {
    width: 28%;
}
.Subscribe-form input {
    width: 100%;
}

.footer-row-one {
 
    padding: 70px 0 0px 0;
 
}
    .footer-container {
        max-width: 90%;
        margin: auto;
    }

.uagb-heading-text br {
    display: none;
}
    .site-header .container {
        width: 90%;
    }

    .footer-list ul li a, .footer-list p, .footer-inner-col-two a, .footer-inner-col-two p, .footer-inner-col-four h6 {
        text-decoration: none;
        color: #000000a3;
        font-size: 16px;
    }
main.site-main {
    width: 100%;
    padding: 0px !important;
}

.state-rules figure {
    width: 90%;
    margin: auto;
}

	h1.entry-title{
		    width: 90%;
    margin: auto;
	}

	p.post-meta{
		    width: 90%;
    margin: auto;
	}
.post .post-thumbnail img {
    width: 100%;
    margin: auto;
}
.single-post main#main-content {
    width: 90% !important;
}
}




@media(max-width:650px){
.kk-blog-search {
    flex-direction: column;
    gap: 20px;
}
input#kk-blog-search-input {
    width: 100%;
}


.full-btn {
    width: 100%;
}

.full-btn-size a.uagb-buttons-repeater {
    width: 100%;
}
.kk-post-excerpt {
    font-size: 16px;
}

    .kk-recent-posts-cards article {
        position: relative;
        width: 100%;
    }
.full-btn a.uagb-buttons-repeater.wp-block-button__link {
    width: 100%;
}
.full-btn .wp-block-button {
    width: 100% !important;
    max-width: 100% !important;
}
.footer-col-one {
    width: 100%;
    margin-bottom: 40px;
}

    .footer-row-one {
        padding: 50px 0 0px 0;
    }

.footer-col-two h3 {
    margin-bottom: 10px;
}
.footer-inner-col-two {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .footer-row-two {
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
        flex-direction: column-reverse;
    }
.footer-row-two p {
    width: 100%;
    justify-content: center;
}

.footer-col-two {
    width: 100%;
    flex-wrap: wrap;
justify-content: space-between;
}
.footer-inner-col-one {
    width: 100%;
}
.footer-row-two p {
text-align:center;
}
.footer-inner-col-two {
    width: 100%;
}

.footer-inner-col-three {
    width: 100%;
}
.Subscribe-form input {
    width: 100%;
}
    .footer-row-one {
        flex-wrap: wrap;
    }

}



/* Responsive css  */