/*
 * Theme Name: Zekaj Construction
 * Description: A custom WordPress theme that utilizes Advanced Custom Fields PRO and Gutenberg built on the Bootstrap framework.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: custom, acf-pro, gutenberg, bootstrap
 * Text Domain: zekaj
*/

/**NEW CSS*/
	#podium-bubble,
	#podium-call-now-bubble{
		bottom:50px !important;
	}
	.progress-wrap{
		right:30px;
		bottom:20px !important;
	}
.wp-block-image.is-style-bordered img{
	border-radius:10px;
}
.three-boxed-imgs .size-medium img{
	max-width:100%;
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
	height:600px;
}
#site-header.scrolled{
	top:0 !important;
}
.wp-element-caption,
.burger-menu-container{
	display:none;
}
.wp-container-core-group-is-layout-70c16410 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
	max-width:450px !important;
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
	width: unset;
}
#about-us .is-layout-flex{
	align-items:unset !important;
}
.three-boxed-imgs .size-medium img{
	height:100% !Important;
}

.has-arrow-icon a{
	position: relative;
	padding-right: 55px;
}
.has-arrow-icon a::before{
	right:15px !important;
}
.pum-trigger a.has-maroon-red-background-color,
.wp-block-button.is-style-outline .wp-block-button__link.pum-trigger,
li#menu-item-461 a {
	position: relative;
	padding-right: 35px;
}

.pum-trigger a.has-maroon-red-background-color{
	padding-right:55px;
	padding-left: 25px;
}
.pum-trigger a.has-maroon-red-background-color::before{
	right:20px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link.pum-trigger::before{
	right: 12px !important;
}

.has-arrow-icon a::before,
.pum-trigger a.has-maroon-red-background-color::before,
.wp-block-button.is-style-outline .wp-block-button__link.pum-trigger::before,
li#menu-item-461 a::before {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
li#menu-item-461 a::after{
	content:unset !important;
}
.error404  a.pum-trigger::before{
	content:unset !important;
}
.error404  a.pum-trigger{
	padding-right:20px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link.pum-trigger{
	background-color:rgba(6,27,62,0.3);
}
/**END HERE*/

.exp-logo {
    width: auto;
}

body, html{
	overflow-x:hidden;
}
.footer-logo figure.wp-block-image.aligncenter.size-full {
    margin: 0px 0px 20px 0px !important;
}
.box-hovered a:after {
    content: "Coming Soon";
    font-size:20px;
}
.box-hovered a{
    font-size:0px;
}
.acf-block--imgbox .inner {
    position: relative;
    overflow: hidden; /* Ensures image stays within the div */
}

.acf-block--imgbox .inner img {
    transition: transform 0.5s ease;
    display: block;
    width: 100%;
    height: auto;
}

.acf-block--imgbox .inner:hover img {
    transform: scale(1.1); /* Zoom effect */
}

.star-ratings {
    display: flex;
    align-items: center;
}
.header-cta:hover {
    color: #fff;
    background-color: var(--bs-link-hover-color-rgb);
    border: 1px solid var(--bs-link-hover-color-rgb);
}
a.header-cta {
    background-color: #061B3E;
    padding: 10px;
    border: 1px solid #061B3E;
    font-size: 24px;
    display: flex;
    align-items: center;
	border-radius:5px;
}
ul#deskmenu li a.schedule:hover {
    color: unset !important
}
ul#deskmenu li a:hover {
    color: var(--wp--preset--color--maroon-red);
}
ul#deskmenu a:hover {
/*     color: var(--wp--preset--color--maroon-red) !important; */
}
.years-expertise {
    border-left: 1px solid #fff;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.star-ratings {
    padding-left: 10px;
}
span.expertise {
    margin-left: 10px;
}
.header-wrapper {
    width: auto;
}
.header-wrapper {
    width: auto;
    display: flex;
    gap: 10px;
}

.acf-block--hero {
    background: linear-gradient(180deg, rgb(2 61 90 / 0%) 0%, rgb(2 61 90 / 0%) 50%, rgb(2 61 90 / 0%) 100%), var(--bg) lightgray center / cover no-repeat !important;
}
a.nav-link {
    margin: 0px !important;
}
.schedule a {
    color: #fff !important;
}
.schedule{
    margin-left:20px;
    padding:0px 20px !important;
	border-radius:5px;
}
.schedule:hover{
    color:#fff;
    background-color:var(--wp--preset--color--goldenrod)!important;
}
nav#top-bar .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
footer {
    margin-top: -20px !important;
}
.star-ratings {
    border-left: 1px solid;
}
.cs-fixed-top.scrolled {
    position: fixed !important;
    left: 0;
    background-color: #fff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow */
	width:100%;
}
.cta-btn {
    padding: 0 5%;
}
header#site-header .container {
    padding: 0px;
}
#neighborhoods {
    column-width: 150px;
    max-width: 800px;
}
figure.wp-block-image.size-full.party-img {
    margin: 0px !important;
}
.party-img img {
    height: 710px;
    object-fit: cover !important;
}
a.wp-element-button.wp-block-button__link.has-white-background-color.has-icon {
    gap: 10px;
    display: flex;
}
#deskmenu > .menu-item > .nav-link:after {
    border: 1px solid var(--wp--preset--color--maroon-red);
}

/* header#site-header {
    background-color: rgba(255, 255, 255, 0.4); /* semi-transparent white */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* for Safari support */
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* optional */
} */
.footer-wrapper {
    justify-content: space-evenly !important;
	align-items: baseline !important;
}
.synced-pattern-wrap.footer .is-layout-flex {
    display: flex;
    align-items: flex-start;
}
.wp-block-group.footer-wrapper.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-0dfbf163.wp-block-group-is-layout-flex {
    display: flex;
    align-items: flex-start !important;
}
.footer h2.wp-block-heading.fs-25-2 {
    margin: 0px;
}
p.has-text-align-left.call-us {
    margin-bottom: 10px;
}

@media only screen and (max-width:350px){
	#benefits .benefit .wp-block-heading {
        text-align: center !important;
    }
	.wp-container-core-group-is-layout-94bc23d7{
		flex-direction:column;
	}
	#benefits .wp-block-cover{
		padding:20px !important;
	}
	.star-ratings a{
		text-align:center;
	}
	#site-header .navbar-brand img {
        width: 150px !important;
        height: 50px !important;
	}
	.burger-menu span img {
        width: 25px !important;
        height: 17px !important;
	}
	.burger-menu-container{
		right:5px !important;
	}
}

@media only screen and (max-width:480px){
	#neighborhoods {
        column-count: 1 !important;
    }
}

@media only screen and (max-width:540px){
	.wp-container-core-group-is-layout-f75c25d9 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
		width:180px;
	}
	   #benefits .benefit .wp-block-heading {
        text-align: center !important;
    }
	.wp-elements-9a351b21f939d105db9bc6247d00dc66 .safe-svg-inside svg{
		width: 30px !important;
        height: 30px !important;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
	}
	#benefits .benefit{
		flex-direction:column;
	}
	.acf-block--imgbox .inner img{
		  height: 250px;
  		  object-fit: cover;
	}
	
	.wp-block-cover .wp-container-core-group-is-layout-baef362d {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	.wp-container-core-group-is-layout-6be84c55 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	ul#deskmenu.open{
		width:90% !important;
		padding: 70px 20px;
	}
	nav#top-bar .row{
		flex-direction:column;
	}
	.exp-logo{
		margin-bottom:10px;
	}
}

@media only screen and (min-width:541px) and (max-width:767px){
	ul#deskmenu.open{
		width:65% !important;
	}
	.wp-container-core-group-is-layout-6be84c55 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media only screen and (max-width:767px){
	.acf-block--hero {
		background: linear-gradient(180deg, rgb(2 61 90 / 20%) 0%, rgb(2 61 90 / 20%) 50%, rgb(2 61 90 / 20%) 100%), var(--bg) lightgray center / cover no-repeat !important;
	}
	#popmake-437{
		max-width:100% !important;
	}
	.wp-container-core-group-is-layout-e3bc7287 {
		justify-content: center !important;
		gap: 50px;
		flex-wrap: wrap;
	}
	#colophon p{
		font-size:12px !important;
	}
	.wp-container-core-group-is-layout-0dfbf163{
		flex-direction:column;
		justify-content::center;
	}
	.synced-pattern-wrap.footer .is-layout-flex{
		justify-content:center;
		text-align:center;
		align-items:center;
	}
	.wp-container-content-f22b2ade {
		flex-basis: 100% !important;
	}
	#quick-links nav .wp-block-navigation{
		column-count:1;
	}
	.wp-block-navigation .wp-block-navigation-item{
		justify-content:center;
	}
	.wp-container-content-f22b2ade {
		flex-basis: 100%;
		text-align: center;
	}
	.wp-block-spacer{
		height:35px !important;
	}
	.wp-container-content-9cfa9a5a{
		text-align:center;
	}
	.footer-logo figure.wp-block-image.aligncenter.size-full{
		width:100%;
		text-align:center;
	}
	.wp-container-core-group-is-layout-70c16410 > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
		max-width:100% !important;
	}
	.synced-pattern-wrap.footer .is-layout-flex{
		flex-wrap: wrap;
	}
	.wp-container-core-group-is-layout-0dfbf163{
		padding-bottom:25px;
	}
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
		height:auto;
	}
	#neighborhoods{
		column-count:3;
	}
	#benefits .benefit .wp-block-heading{
		text-align:left;
	}
	h1{
		font-size:30px !important;
	}
	h4{
		font-size:17px !important;
	}
	.fs-25-1, .fs-25-2, .supertitle,
	.fs-33, .maintitle {
		font-size: 22px;
	}
	.wp-block-cover__inner-container,
	.has-text-align-left,
	.has-maroon-red-color{
		text-align:center;
	}
	.w-50 {
		width: 100% !important;
		text-align: center;
	}
	#about-us .is-layout-flex{
		flex-direction:column;
	}
	p{
		font-size:16px !important;
	}
	.wp-element-button.has-icon{
		justify-content:center;
		gap:10px;
	}
	.star-ratings a{
		font-size:14px;
	}
	.container, .container-sm {
        max-width: 95%;
    }
	a.header-cta{
		gap:5px;
		font-size:15px;
	}
	a.header-cta svg{
		width:25px;
		height:25px;
	}
	
	a.has-icon,
	a.pum-trigger,
	a.has-maroon-red-background-color{
		font-size:15px;
		width:220px !important;
	}
	.wp-element-button.has-icon{
		gap:5px !important;
	}
}

@media only screen and (max-width:1024px){
	
	.star-ratings{
		border-left:0px;
	}
	.experience,
	.header-wrapper .col-auto{
		display:none;
	}
	ul#deskmenu {
		display: none; 
	}
	.sticky .primary-menu.open{
		 top: -8em;
	}
	ul#deskmenu.open{
		display: block !important;
		background-color: #fff;
        right: 0;
        top: 0;
        z-index: 9;
        position: absolute;
        height: 150vh;
		padding: 30px 15px 30px 30px;
		text-align:left;
		width: 50%;
	}

	ul#deskmenu.open li{
		display:block;
		margin-left:0px;
	}
	.burger-menu {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 25px;
		height: 21px;
		background: transparent;
		border: none;
		cursor: pointer;
		padding: 0;
		z-index: 10;
		position:relative;
	}
	.burger-menu span img {
		width: 35px;
        height: 20px;
        transition: all 0.3s linear;
        margin-top: -10px;
	}
	.burger-menu span{
		line-height:0;
	}
	.burger-menu-container {
		position:absolute;
		width: auto;
		padding: 5px;
		top: 20px;
		right: 25px;
		display:block;
	}
	#site-header .navbar-brand img {
     	width: 200px;
        height: 60px;
        object-fit: contain;
    }
}


@media only screen and (min-width:768px) and (max-width:1024px){
	.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7{
		flex-direction:column;
	}
	.wp-container-core-group-is-layout-0dfbf163{
		padding-bottom:25px;
	}
	h1{
		font-size:35px !important;
	}
	.fs-33, .maintitle{
		font-size:28px !important;
	}
	#about-us .is-layout-flex{
		flex-direction:column;
		text-align:center;
	}
	#about-us .is-layout-flex p{
		text-align:center;
	}
	.w-50 {
		width: 100% !important;
	}
	.acf-block--imgbox .inner img{
		height:300px;
		object-fit:cover;
	}
	.wp-container-content-f22b2ade {
		flex-basis: 320px !important;
	}
	.wp-container-content-9cfa9a5a{
		flex-basis:350px !important;
	}
	.synced-pattern-wrap.footer .is-layout-flex{
		gap:20px;
	}
}

@media only screen and (min-width:1025px) and (max-width:1280px){
	.synced-pattern-wrap.footer .is-layout-flex{
		gap:20px;
	}
	.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7{
		flex-direction:column;
	}
	.wp-container-core-group-is-layout-0dfbf163{
		padding-bottom:25px;
	}
	a.header-cta{
		font-size:18px;
		margin-right:10px;
	}
	#deskmenu a{
		font-size:16px;
	}
	nav#top-bar .row{
		justify-content:center !important;
	}
	header#site-header .container {
		padding: 10px;
	}
}

@media only screen and (min-width:1281px) and (max-width:1450px){
	h4{
		font-size:18px !important;
	}
	#benefits .benefit{
		padding:18px !important;
	}
	header#site-header .container {
		padding: 10px;
	}
}