/*
Theme Name: Thrive Homes
Theme URI: https://example.com/Thrive Homes
Author: web3dev
Author URI: https://example.com
Description: A custom WordPress theme.
Version: 1.0
Text Domain: Thrive Homes
*/
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Theme colors -start */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Define custom properties for your theme colors */
:root {
    --wp--preset--color--dark: #000000;
    --wp--preset--color--light: #ffffff;
    --wp--preset--color--blue: #2B67EF;
    --wp--preset--color--pink: #FF66B9;
    --wp--preset--color--yellow: #FED200;
    --wp--preset--color--green: #9AE05F;
	--wp--preset--color--red: #F64024;
	--Green-Brown: #08160D;
	--white: #ffffff;
	--green: #102D1B;
	--yellow: #C7DB3A;
	--yellow-green: #88971C;
	--z-green: #1A472A;
	--text: #383838;
}

/* Using Bg, Text colors */
.has-dark-background-color {
    background-color: var(--wp--preset--color--dark);
}
.has-dark-color {
    color: var(--wp--preset--color--dark);
}
.has-light-background-color {
    background-color: var(--wp--preset--color--light);
}
.has-light-color {
    color: var(--wp--preset--color--light);
}
.has-blue-background-color {
    background-color: var(--wp--preset--color--blue);
}
.has-blue-color {
    color: var(--wp--preset--color--blue);
}
.has-green-background-color {
    background-color: var(--wp--preset--color--green);
}
.has-green-color {
    color: var(--wp--preset--color--green);
}

.has-yellow-background-color {
    background-color: var(--wp--preset--color--yellow);
}
.has-yellow-color {
    color: var(--wp--preset--color--yellow);
}
.has-pink-background-color {
    background-color: var(--wp--preset--color--pink);
}
.has-pink-color {
    color: var(--wp--preset--color--pink);
}
.has-red-background-color {
    background-color: var(--wp--preset--color--red);
}
.has-red-color {
    color: var(--wp--preset--color--red);
}

/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Theme colors -end */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */

/* ----------------------------------------------------------------------- */
/* Kritik Font Premium */
/* ----------------------------------------------------------------------- */
@font-face {
    font-family: 'Anton';
    src: url('fonts/Anton/Anton-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


.medium-text {
    font-weight: 500;
}

.italic-text {
    font-style: italic;
}


/* ----------------------------------------------------- */
/* Theme Settings */
/* ----------------------------------------------------- */
*{
	margin:0px;
}
body{
  position: relative;
  overflow-x: hidden;
}
.container-md{
	width:1240px;
	margin:auto;
}
h1,h2,h3,h4,h5,h6{
	 font-family: 'Anton', sans-serif;
	text-transform: uppercase;
}
p, li, a, input, textarea{
font-family: 'Poppins', sans-serif;
}
.text{
	color: (--text);
}
/* Headings */
.heading_h1{
font-weight: 400;
font-size: 32px;
line-height: 32px;
letter-spacing: 2%;
text-transform: uppercase;
}
.inner-bannerr h1{
font-weight: 400;
font-size: 70px;
line-height: 70px;
letter-spacing: 3%;
text-transform: uppercase;
}
.inner-banner h1{
font-family: Anton;
font-weight: 400;
font-style: Regular;
font-size: 60px;
line-height: 80px;
letter-spacing: 3%;
text-transform: uppercase;
}
.heading_h3{
font-weight: 400;
font-size: 40px;
line-height: 60px;
letter-spacing: 1%;
text-transform: uppercase;

}
h2{
font-weight: 400;
font-style: Regular;
font-size: 70px;
line-height: 90px;
letter-spacing: 3%;
text-transform: uppercase;
}
h3{
font-weight: 400;
font-size: 60px;
line-height: 80px;
letter-spacing: 3%;
text-transform: uppercase;
}
h5{
font-weight: 400;
font-size: 24px;
line-height: 24px;
letter-spacing: 2%;
text-transform: uppercase;
}
h6{
font-weight: 400;
font-size: 20px;
line-height: 20px;
letter-spacing: 3%;
}
p{
	font-size:16px;
	line-height:28px;
}
.inner_text_p{
font-weight: 400;
font-size: 18px;
line-height: 32px;

}
.f-size{
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: 0%;

}
.banner_text{
font-weight: 500;
font-size: 18px;
line-height: 32px;                  
}
.z-green{
	color: var(--z-green);
}
/* Spacing */
.mt-16{
	margin-top: 16px;                 
}
.pt-16{
	padding-top: 16px;
}
.pt-24{
	padding-top:24px;
}
.pt-32{
	padding-top:32px;
}
.pt-50{
	padding-top: 50px;
}
.pt-80{
	padding-top: 80px;
}
.gp-50{
	gap: 50px;
}
.pt-100{
	padding-top: 100px;
}
.footer_50{
	padding: 50px 0px;
}
/* Buttons */
.header_bt a{
	font-size: 15px !important;
line-height: 15px !important;
}
.btn-primary a {
    border-radius: 32px;
    padding: 16px 24px !important;
    display: flex;
    align-items: center;
    gap: 8px;
	font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 16px;
line-height: 16px;
letter-spacing: 2%;
transition: all .3s ease;
}
.header-white_bt a{
	border: 1px solid #102D1B;
background: var(--white);
color: #102D1B;
}
.green_bt a{
	border: 1px solid var(--green);
background: var(--green);
color: var(--white);
}
.yellow_bt a{
	border: 1px solid var(--yellow);
background: var(--yellow);
color: var(--z-green);
}
.transparent-bt a{
	border: 1px solid var(--white);
background: transparent;
color: var(--white);
}


/* ================= HOVER STATES ================= */

/* White → Green */
.header-white_bt a:hover {
    border-color: var(--green);
    background: var(--green);
    color: var(--white);
}

/* Green → White */
.green_bt a:hover {
    border-color: #102D1B;
    background: var(--white);
    color: #102D1B;
}

/* Yellow → Transparent */
.yellow_bt a:hover {
   border-color: #102D1B;
    background: var(--white);
    color: #102D1B;
}

/* Transparent → Yellow */
.transparent-bt a:hover {
    border-color: var(--yellow);
    background: var(--yellow);
    color: var(--z-green);
}

/* ================= ICON BASE ================= */
.btn-primary a img {
    transition: all 0.35s ease;
    will-change: transform, filter;
}

/* hover movement */
.btn-primary a:hover img {
    transform: translateX(3px) scale(1.06);
}

/* ================= ICON COLOR CONTROL ================= */

/* White → Green */
.header-white_bt a:hover img {
    filter: brightness(0) invert(1);
}

/* Green → White */
.green_bt a:hover img {
    filter: brightness(0);
}

/* Yellow → Transparent */
.yellow_bt a:hover img {
    filter: brightness(0);
}

/* Transparent → Yellow */
.transparent-bt a:hover img {
    filter: brightness(0);
}
/* End  of the icon color */
.gap_20{
	gap: 20px;
}
.p-100{
	padding: 100px 0px;
}

/*------------------*/
/*------------------*/
/* Responsive */
/*------------------*/
/*------------------*/
/*  */
@media(max-width: 1240px){
				h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br, span br, br {
    display: none;
}
.container-md{
	width:100%;
}
	.p-100{
	padding: 80px 20px;
}
			.m_bt .green_bt{
		display: none !important;
	}
		.header_tb{
	padding: 16px 20px !important;	
	}
	.menu_col {
    gap: 30px;
    justify-content: end !important;
}
			.footer_50 {
    padding: 50px 20px !important;
}
		.footer_buttom {
    padding: 16px 20px !important;
}
	.inner-bannerr{
		padding:50px 40px !important;
		height:unset !important;
	}
}
@media (min-width: 764px) and (max-width: 1024px) {
  .cards {
    margin-top: 50px !important;
}
	  .cards img{
    width: 100%;
}
	.footer_50 .wp-block-column {
   flex: 0 0 calc(44% - 3px) !important;
        max-width: calc(44% - 8px) !important;
}

	
}
@media(max-width: 1024px){
    .center-img img {
        width: 100% !important;
        margin: 0px !important;
height: unset !important;
    }
	.alignright{
		margin:0px !important;
	}
	h2{
        font-size: 54px;
        line-height: 68px;
    }

    h3{
        font-size: 46px;
        line-height: 58px;
    }

    h5{
        font-size: 22px;
        line-height: 28px;
    }

    h6{
        font-size: 18px;
        line-height: 24px;
    }
	.p-100{
	padding: 50px 40px;
}
	.header_tb{
	padding: 16px 40px !important;	
	}
				.m_bt{
		display: none !important;
	}
	.flex_icons{
    flex-wrap: wrap !important;
}
.flex_icons > .flex_col {
    flex: 1 1 calc(40% - 10px) !important;
}
	.footer_buttom  {
    padding: 16px 40px !important;

}
	.pri_site {
    justify-content: center !important;
}
	
	.footer_buttom .container-md  {
		gap:12px;
}
		.footer_50 {
    padding: 50px 40px !important;
}


.contact_info_col{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
.contact_info_col > * {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
    box-sizing: border-box;
}
		
    .footer-mob-gap{
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        justify-content: space-between !important;
    }

    /* 1st & 3rd - Wider */
    .footer-mob-gap > .wp-block-column:nth-of-type(1),
    .footer-mob-gap > .wp-block-column:nth-of-type(3){
        flex: 0 0 58% !important;
        max-width: 58% !important;
    }

    /* 2nd & 4th - Narrower */
    .footer-mob-gap > .wp-block-column:nth-of-type(2),
    .footer-mob-gap > .wp-block-column:nth-of-type(4){
        flex: 0 0 36% !important;
        max-width: 36% !important;
    }
	.footer-mob-gap > p:empty{
    display: none !important;
}
	.menu_col{
justify-content:end !important;
	}

}
@media(max-width: 764px){
	 .inner-bannerr{
		padding:40px 20px !important;
		height:unset !important;
	}

	.center-img-height img{
		width:100% !important;
		margin:0px !important;
		height:unset !important;
	}
	.alignright{
		margin:0px !important;
	}
	.alignleft{
		margin:0px !important;
	}
	.footer_buttom p{
		text-align:center !important;
	}
	
	.accordion_text button  {
    font-size: 23px !important;
    line-height: 30px !important;
	}
	.pt-mob{
		padding-top:30px !important;
	}
	
	.pt-100{
		padding:40px 0px 0px 0px;
		gap:18px !important;
	}
	.pt-50{
		gap:18px !important;
	}
	.gap-40{
		gap:80px !important;
	}
	.p-100{
	padding: 40px 20px;
		
}
		h1 br, h2 br, h3 br, h4 br, h5 br, h6 br, p br, span br, br {
    display: none;
}
	/* Headings */

    h2{
        font-size: 40px;
        line-height: 50px;
    }

    h3{
        font-size: 34px;
        line-height: 44px;
    }

    h5{
        font-size: 20px;
        line-height: 26px;
    }

    h6{
        font-size: 18px;
        line-height: 24px;
    }
p{
	font-size:16px !important;
	line-height:24px !important;
}
.pt-24{
	padding-top:16px;
}
.pt-32{
	padding-top:24px;
	gap:18px !important;
}
.pt-80{
	padding-top: 40px;
}
.gp-50{
	gap: 30px;
}
		.header_tb{
	padding: 16px 20px !important;	
	}

	.m_bt, .header_tp{
		display: none !important;
	}
	.navigation_menu ul {
    gap: 20px !important;
}
	.cards img{
		width: 100%;
	}
	.gap-40{
		gap: 80px;
	}
.flex_col:not(:last-child) {
    border-right: unset !important;
    border-bottom: 1px solid #C7DB3A80 !important;
    padding-bottom: 20px;
}
	.footer_50 {
    padding: 30px 20px !important;
}
	.footer_list, .footer_list_locations{
		gap:12px !important;
		
	}
	.inner-banner h1{
		font-size: 48px;
    line-height: 52px;
		padding-top:10px ;
	}
	  .inner-bannerr h1 {
        font-size: 48px !important;
        line-height: 52px !important;
    }
	.heading_h3 {
    
    font-size: 32px;
    line-height: 40px;
	}
 .inner_text_p {
    font-size: 16px;
    line-height: 27px;
}
	.form_gap{
		gap:50px !important;
	}
	.footer-mob-gap{
		gap:24px !important;
	}

     .footer-mob-gap{
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 20px 0 !important;
    }

    .footer-mob-gap > .wp-block-column:nth-of-type(1),
    .footer-mob-gap > .wp-block-column:nth-of-type(3){
        flex: 0 0 58% !important;
        max-width: 58% !important;
    }

    .footer-mob-gap > .wp-block-column:nth-of-type(2),
    .footer-mob-gap > .wp-block-column:nth-of-type(4){
        flex: 0 0 39% !important;
        max-width: 39% !important;
    }
	.bottum-pa{
		padding-bottom: 60px !important;
	}

	
}
@media(max-width: 600px){
.icon_list li {
    line-height: 24px !important;
}
	.section-title {
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: center !important;
}
	.accordion_text button {
    font-size: 20px !important;
    line-height: 25px !important;		
	}
	    .inner-banner h1 {
        font-size: 40px !important;
        line-height: 50px !important;
    }
	  .inner-bannerr h1 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

.header_tb .logo_col {
    flex: 0 0 50% !important;
    max-width: 50%;
}
	p{
	font-size:15px !important;
	line-height:25px !important;
}

.header_tb .menu_col {
/*     flex: 0 0 50% !important; */
    max-width: 50%;
	justify-content: end;
}
	.footer_list, .footer_list_locations{
		gap:9px !important;
	}
	    h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }
	    .gp-50 {
        gap: 20px !important;
    }
	.form_gap{
		gap:35px !important;
	}
	.pt-mob{
		padding-top:25px !important;
	}
	.gap-mob{
		gap:16px !important;
	}
/* 	.pt-50{
		padding-top:28px ;
	} */
	.footer_50 {
		gap:19px !important;
	}
	.footer-mob-gap{
		gap:19px !important;
	}
	    .footer_buttom p {
        text-align: center !important;
    }
	.section-title{
		justify-content:center !important;
	}
	.center-img-height{
		width:100% !important;
		margin:0px !important;
		height:unset !important;
	}

	.gray_bg {
	padding:20px !important;
	}
	
.footer-mob-gap{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}
.footer-mob-gap{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:20px !important;
}

.footer-mob-gap > .wp-block-column{
    flex:0 0 100% !important;
    max-width:100% !important;
    margin:0 !important;
}	  .footer-mob-gap > .wp-block-column:nth-of-type(4){
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
.location_list ul {
grid-template-columns: repeat(2, 1fr) !important;
}
	  .footer-mob-gap > .wp-block-column:nth-of-type(1){
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	  .footer-mob-gap > .wp-block-column:nth-of-type(2){
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	  .footer-mob-gap > .wp-block-column:nth-of-type(3){
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
	.footer-mob-gap > .wp-block-column:nth-of-type(1){
		flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.footer-mob-gap > .wp-block-column:nth-of-type(2){
		flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.footer-mob-gap > .wp-block-column:nth-of-type(3){
		flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.footer-mob-gap > .wp-block-column:nth-of-type(4){
		flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.contact_page_form {
    padding: 28px 35px !important;
    border-radius: 12px !important;
   
}
	.pt-100 {
    padding: 30px 0px 0px 0px;
}
	
}