/*
Theme Name: Lehigh-Valley
Theme URI: https://example.com/Lehigh-Valley
Author: web3dev
Author URI: https://example.com
Description: A custom WordPress theme.
Version: 1.0
Text Domain: Lehigh-Valley
*/
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Theme colors -start */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */
/* Define custom properties for your theme colors */
:root {
    --wp--preset--color--dark: #000000;
    --wp--preset--color--light: #F5F8FF;
    --wp--preset--color--blue: linear-gradient(90deg, #0359F7 0%, #54BCFF 100%);
    --wp--preset--color--pink: #FF66B9;
    --wp--preset--color--yellow: #FED200;
    --wp--preset--color--green: #9AE05F;
    --wp--preset--color--red: #F64024;

    --black: #000000;
    --white: #ffffff;
    --btn-text-blue: linear-gradient(90deg, #0359F7 0%, #54BCFF 100%);
    --text: #4A4A4A;
    --ghost-white: #F5F8FF; 
}


/* 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 */
/* ********************************************************************************************************************** */
/* ********************************************************************************************************************** */

/* ----------------------------------------------------------------------- */
/* Oswald Font Premium */
/* ----------------------------------------------------------------------- */
@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald/static/Oswald-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

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

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

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

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald/static/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
/* Poppins Font */

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

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




/* ----------------------------------------------------- */
/* Theme Settings */
/* ----------------------------------------------------- */
*{
	margin:0px;
box-sizing: border-box;
}
body{
  position: relative;
  overflow-x: hidden;
}
.container-md{
	width:1240px;
	margin:auto;
}
.container-md-center{
		width:1140px;
	margin:auto;
}
.cards-col{
	width: 1024px;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald' !important;
	letter-spacing:0.5px;
	text-transform:uppercase;
	font-weight: 700;
/* 	 background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
	
}
.text_gradient{
	 background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.list_text_gradient {
    list-style: none; 
    padding-left: 25px;
}

.list_text_gradient li {
    position: relative;
    margin-bottom: 8px;
	font-family: Oswald;
font-weight: 700;
font-size: 50px;
line-height: 50px;
text-transform: uppercase;
    background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Custom Gradient Bullet */

.list_text_gradient li::before {
    content: "•";
    position: absolute;
    left: -27px;
    font-size: 42px;
    background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
p{
font-weight: 300;
font-size: 18px;
line-height: 32px;
}
.font-weight-400{
	font-weight: 400;
}
p, li,  strong, a{
	font-family: 'Poppins';
	  transition: color 0.3s ease;
}
/* Headings */
h1{
font-weight: 700;
font-size: 90px;
line-height: 90px;
}
h2{
font-weight: 700;
font-size: 50px;
line-height: 70px;
text-transform: uppercase;
}
h3{
font-size: 30px;
text-transform: uppercase;
}
h4{
font-weight: 600;
font-size: 24px;
line-height: 24px;
letter-spacing: 0%;
}
h5{
font-weight: 500;
font-size: 20px;
line-height: 32px;	
}
.footer_h5{
font-weight: 500;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
}
.special_inner{
	line-height: 82px !important;
}
.line-height-50{
	line-height: 50px !important;
}
p{
	font-size:16px;
	line-height:28px;
}
.ancher_color a{
	color: var(--white);
text-decoration: none;
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.ancher_color a:hover{
	    color: var(--text);
	 transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Spacing */
.mt-40{
	margin-top: 40px;
}
.mt_16{
	margin-top: 16px;
}
.pt-16{
	padding-top:16px;
}
.pt-24{
	padding-top:24px;
}
.pt-30{
	padding-top:30px;
}
.pt-32{
	padding-top:32px;
}
.pt-40{
	padding-top:40px;
}
.pt-48{
	padding-top:48px;
}

.pt-50{
	padding-top:50px;
}
.pt-64{
	padding-top:64px;
}
.mt-80{
	margin-top:80px;
}
.p-100{
	padding: 100px 0px;
}
.p-80{
	padding: 80px 0px;
}
.about-top-100{
	padding-top: 100px;
}
.image_bottum{
	padding-bottom: 100px;
}
.Footer-pa{
	padding: 50px 0px 24px 0px;
}
/* Buttons */
.btn-primary a{
border-radius: 32px;
border-width: 1px;
padding: 20px 24px;
font-family: 'Poppins';
font-weight: 500;
display: flex;
 flex-direction: row-reverse;
 gap: 10px;
font-size: 16px;
line-height: 16px;
}
/* ================= BUTTON BLUE PRIMARY ================= */

.btnblu-primary a {
    border-radius: 32px;
    border: 1px solid #54BCFF;
    padding: 20px 24px;
    font-family: 'Poppins';
    font-weight: 500;
    gap: 10px;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    background: var(--btn-text-blue);
    color: var(--white);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.btnblu-primary a:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 150, 240, 0.35);
}
.donate_but a {
    border-radius: 32px;
    border: 1px solid #54BCFF;
    padding: 20px 24px;
    font-family: 'Poppins';
    font-weight: 500;
    gap: 10px;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    background: var(--btn-text-blue);
    color: var(--white);
    justify-content: center;
    text-transform: uppercase;
}
.donate_but .wp-block-button{
	width: 100%;
}
.donate_but{
	margin-top: auto !important;
}
/* ================= GREEN VALUE ================= */

.green_value a {
    background: #F5F8FF;
    color: var(--text);
    border: 1px solid #54BCFF;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.green_value a:hover {
    background: var(--btn-text-blue);
    color: var(--white);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 150, 240, 0.35);
}


/* ================= WHITE BUTTON ================= */

.bt-white .wp-block-button__link {
    background: #ffffff !important;
    color: #0359F7 !important;
    border: 1px solid #54BCFF;
    border-radius: 32px;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.bt-white .wp-block-button__link:hover {
    background: var(--btn-text-blue) !important;
    color: var(--white) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 150, 240, 0.35);
}


/* ================= ICON HOVER ================= */

.btnblu-primary a img,
.bt-white a img,
.green_value a img {
    transition: 
        filter 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: filter, transform;
/* 	width: 24px; */
}

.btnblu-primary a:hover img,
.bt-white a:hover img,
.green_value a:hover img {
    filter: brightness(0) invert(1);
    transform: scale(1.06);
}
/* ================= ICON HOVER End ================= */
.icon_box img{
    transition: transform 0.35s ease, filter 0.35s ease;
}

.icon_box figure:hover img{
    transform: scale(1.15);
    filter: brightness(1.1);
}




.nevigation_menu{
	gap: 40px;
}
.nevigation_menu li span{
font-weight: 500;
font-size: 14px;;
line-height: 14px;
letter-spacing: 5%;
text-transform: uppercase;
color: var(--text);
}
.nevigation_menu li span:hover{
	    background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nevigation_menu .current-menu-item span{
	    background: var(--btn-text-blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-color_section{
	background: linear-gradient(90deg, #2197DE 0%, #0096F0 100%);
}

/*------------------*/
/*------------------*/
/* Responsive */
/*------------------*/
/*------------------*/
/*  */
@media (min-width: 1240px) {
.home-banner {
    height: 710px !important;
}


}
@media (max-width: 1240px) {
		.nevigation_menu {
    gap: 20px;
}
.container-md, .container-md-center{
	width: 100%;
}
.p-100{
	padding: 100px 20px;
}
.p-80{
	padding: 80px 20px;
}
.home-banner {
    height: 710px !important;
padding: 20px !important;
}
	.Footer-pa{
	padding: 50px 20px 0px 20px;
}	
		.header-css{
		padding: 12px 20px !important;
	}

}
@media (max-width: 1024px) {
.landing-page-section {
padding: 60px 40px;
}
.landing-page-section h1 {
    line-height: 60px !important;
    font-size: 48px;
}
/* Headings */
h1{
font-size: 60px;
line-height: 70px;
}
h2{
font-size: 40px;
line-height: 48px;
}
h3 {
    font-size: 26px;
    line-height: 32px;
}	
.container-md, .container-md-center{
	width: 100%;
}
.p-100{
	padding: 60px 40px;
}
.p-80{
	padding: 50px 40px;
}
.Footer-pa{
	padding: 30px 40px 0px 40px;
}		
		.header-but{
		display: none !important;
	}
	.nevigation_menu {
    gap: 15px;
		    justify-content: end;
}
			.logo-col{
		flex-basis: 15% !important;
	}
	.nev-col{
		flex-basis: 85% !important;
	}
	.z-ind{
	z-index: 9999;
	position: relative;
}
	p br{
		display: none;
	}

}

@media (max-width: 764px) {
h1{
font-size: 48px;
line-height: 56px;
}
    h2 {
        font-size: 34px;
        line-height: 44px;
    }
h3{
font-size: 24px !important;
font-size: 32px;	
}
h4{
font-size: 20px;
line-height: 28px;
}
	.card_heaiding {
    font-size: 24px !important;
    line-height: 30px;
}
p {
    line-height: 24px;
}
	.special_inner {
    line-height: 52px !important;
}
/* Spacing */
.mt-40{
	margin-top: 20px;
}
.mt_16{
	margin-top: 16px;
}
.pt-16{
	padding-top:18px;
}
.pt-24{
	padding-top:16px;
}
.pt-30{
	padding-top:18px;
}
.pt-32{
	padding-top:16px;
}
.pt-40{
	padding-top:20px;
}
.pt-48{
	padding-top:24px;
}

.pt-50{
	padding-top:30px;
}
.pt-64{
	padding-top:32px;
}
.mt-80{
	margin-top:40px;
}

    .about-top-100 {
        padding: 40px 20px 0px 20px;
    }
.image_bottum{
	padding-bottom: 40px;
}
.Footer-pa{
	padding: 30px 0px 0px 0px;
}	
	
	
.container-md, .container-md-center{
	width: 100%;
}
	
.p-100{
	padding: 40px 20px;
}
.p-80{
	padding: 40px 20px;
}
.Footer-pa{
	padding: 30px 20px 0px 20px;
}	
.btnblu-primary a, .btn-primary a{
    font-size: 14px;
    line-height: 16px;
}
	.home-banner {
    height: 500px !important;
padding: 20px !important;
	}
	.dis_playing {

     margin-top: unset !important; 
}
.border-top {
    margin-top: 30px !important;
}
.location_buttons .btnblu-primary {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}



}

@media (max-width: 600px) {
			.nev-col #modal-1 ul{
			display: flex;
  flex-direction: column;
  gap: 16px;
	}
		.logo-col, .nev-col{
		flex-basis: 50% !important;
	}
		.nev-col nav{
		justify-content: end !important;
	}
	
	.nev-col nav button{
		background: #0359F7;
padding: 8px;
		color: var(--white);
	}
	.nev-col #modal-1{
		padding: 20px !important;
	}
		.tai_chi{
		gap: 24px !important;
	}
}