/* 
 Theme Name:     Renovation
 Author:         Mark Hendriksen
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* ######################### */
/* ##### CHANGE COLORS ##### */
/* ######################### */

/* ##### MENU BACKGROUND HOVER AND CURRENT ##### */

.custom_menu li.current-menu-item a,
.custom_menu li a:hover  {
    background-color: #73c539;
}

/* ##### MENU BACKGROUND DROPDOWN HOVER ##### */

.custom_menu li ul.sub-menu li a:hover  {
    background-color: #73c539 !important;
}

/* ### WIDGETS BACKGROUND AND TOP BORDER COLOR ### */

.et_pb_widget {
    background-color: #f5f5f5;
    border-top: 5px solid #73c539;
}

/* ##### BLOG BUTTON COLOR ##### */

.more-link {
	background-color: #73c539;
	color: #fff;
}


/* ##### END COLORS ##### */


#main-header {
	display: none;
}

#page-container {
	padding-top: 0px !important;
}

/* ##### MENU ##### */

.custom_menu  ul.fullwidth-menu {
	padding-top: 0px !important;
}

.custom_menu .fullwidth-menu li {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-left: -4px;
}

.custom_menu li.current-menu-item a,
.custom_menu li a:hover  {
    background-color: #73c539;
	opacity: 1;
}

.custom_menu .fullwidth-menu li >a {
	padding: 25px 35px;
}

/* ##### DROPDOWN ##### */

.custom_menu .fullwidth-menu .menu-item-has-children>a:first-child:after {
	bottom: 7px !important;
    right: 0;
    left: 0;
    top: unset;
	margin: 0 auto;
}

.custom_menu .nav li li a {
    font-size: 14px !important;
    padding: 10px !important;
	border-bottom: 1px solid #fff;
}

.custom_menu .nav li li:last-child a {
	border-bottom: 0px solid #fff;
}

.custom_menu .fullwidth-menu-nav>ul ul {
    padding: 0px !important;
}

.custom_menu .nav li ul {
    width: 220px;
}

.custom_menu .nav li ul li {
    padding-left: 0px;
}

.custom_menu .fullwidth-menu li li a {
    width: 220px;
}

.custom_menu .nav li ul li a {
    padding-left: 20px !important;
}

.custom_menu .nav li ul li {
    margin-left: 0px;
}

.custom_menu  .fullwidth-menu li li.menu-item-has-children>a:first-child:after {
    top: 10px;
    right: 10px !important;
    left: unset;
    bottom: 0;
}

/* ##### DROP DROPDOWN ##### */

.custom_menu .nav li li ul {
	top: -3px;
	left: 220px;
}

.custom_menu .fullwidth-menu .menu-item-has-children>a:first-child {
    padding-right: 35px;
}

.custom_menu li.current-menu-item ul li a  {
    background-color: rgba(115, 197, 57, 0) !important;
	opacity: 1;
}

.custom_menu li ul.sub-menu li a:hover  {
	opacity: 1;
}

@media all and (max-width: 980px) {
.header_row {
	width: 80% !important;
	margin: 0 auto;
	}}


@media all and (min-width: 981px) and (max-width: 1350px) {
	.custom_row {
		width: 90% !important;
}
	
.custom_menu .clearfix {
		width: 100% !important;
}
	
.custom_menu .fullwidth-menu li >a {
	padding: 20px 25px;
	font-size: 14px !important;
}

.custom_top_header {
	padding-bottom: 15px !important;
	}
	
.et_pb_section .header_row {
    max-width: 50% !important;
    width: 50% !important;
}
	
.blurbs_header_image {
	padding-right:1% !important;
    padding-left: 1% !important;
	}

.tagline_home_middle {
	font-size: 30px !important;
}


.phone_home_middle h4 {
	font-size: 30px !important;
}}

@media all and (min-width: 981px) and (max-width: 1500px) {
	.et_pb_column .phone_home_middle {
	padding-left: 45px !important;
}}

/* ### SINGLE BLOG ### */

.single #left-area ul, .single .comment-content ul, .single .entry-content ul, .single body.et-pb-preview #main-content .container ul {
    padding: 0 0 0px 1em !important;
}

.single .et_pb_post {
    margin-bottom: 0px;
}

.single .post {
    padding-bottom: 0px;
}

.single #left-area {
    padding-bottom: 0px;
}

.single #content-area #left-area ul, .single #content-area .entry-content ul {
    padding: 0 0 0px 0em !important;
}


/* ### WIDGETS ### */

.et_pb_widget {
    padding: 30px;
    box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.15);
}

/* ### BLOG ### */

.more-link {
    display: inline-block !important;
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 20px;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.25);
}

/* ###### SEARCH RESULT PAGE ###### */

@media (min-width: 981px) {
.search #left-area {
	width: 64.833%;
}

.search #sidebar {
	width: 29.666%;
	border-left: 1px solid #e2e2e2;
}

.search #main-content .container:before {
    display: none !important;
}}

.search .et_pb_post a img {
    padding-bottom: 25px;
}

.search h2 {
	font-size: 34px;
	font-weight: bold;
}

.search h4.widgettitle {
	font-size: 22px;
	font-weight: bold;
}

.search #sidebar .et_pb_widget {
	padding: 25px;
	margin-bottom: 18.54%;
}

.custom_menu ul li {
	margin-top: 0 !important;
}

.menu_section .et_pb_fullwidth_menu.custom_menu ul.et-menu {
	padding-top: 0px !important;
}

@media (min-width: 981px) {
.et_pb_section .et_pb_row.header_row {
margin-left:12% !important;	
}}

/* ################################################################################################################################ */
/* ####################################################### EXISTING CSS END ####################################################### */
/* ################################################################################################################################ */



/* ####################################################### Custom CSS Start ####################################################### */

.et_pb_section { float: left; width: 100%;}
h1, h2, h3, h4, h5, h6, p { padding-bottom: 20px;}

p:last-of-type { padding-bottom: 0;}
.et_pb_button_module_wrapper a.et_pb_button:after { content: none;} /* Hide Button Arrow on hover */

/* Header */
.main-menu-widget.et_pb_fullwidth_menu .et_pb_row { min-height: unset !important;}
.main-menu-widget.custom_menu li.current-menu-item a, .custom_menu li a:hover { background-color: unset;}
.main-menu-widget ul#menu-main-menu { gap: 30px;}
.main-menu-widget ul#menu-main-menu li.menu-item a {padding-block: 10px;line-height: 1.2em;opacity: 1;}
.custom_menu li.current-menu-item a { font-weight: 700;}
.main-menu-widget { padding-block: 20px;}
.mobile_nav .mobile_menu_bar::before { transition: all .3s ease; color: #ffffff !important;}
.mobile_nav:hover .mobile_menu_bar::before, .mobile_nav.opened .mobile_menu_bar::before { color: #4e91cc !important;}
.mobile_nav.opened .mobile_menu_bar::before { content: "\4d" !important;}
.main-menu-widget ul.fullwidth-menu.nav { margin-inline: unset;}


/* Footer */
.footer-row {display: flex; gap: 45px;}
.footer-row::after { content: none;}
.footer-row .et_pb_column {width: 100%; margin: unset;}
.footer-row .foo-logo-col { max-width: calc(45% - 30px);}
.footer-row .footer-contact-col { max-width: calc(35% - 30px);}
.footer-row .foo-links-col { max-width: calc(20% - 30px);}
.footer-menu .et-menu.nav {flex-direction: column; align-items: start;}
.footer-row .et_pb_main_blurb_image span.et_pb_image_wrap { display: flex; justify-content: center; align-items: flex-start;}
.footer-menu .et_pb_menu__menu { width: 100%;}
.et_pb_social_media_follow li a.icon { background-color: #ffffff !important; transition: all .3s ease; }
.et_pb_social_media_follow li a.icon:hover { background-color: #4e91cc !important;}
.et_pb_social_media_follow li a.icon:before { transition: all .3s ease; color: #4e91cc !important;}
.et_pb_social_media_follow li a.icon:hover:before {  color: #ffffff !important;}
.foo-copyright-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.foo-copyright-row .et_pb_column { width: 100%; margin: unset;}
.foo-copyright-row .foo-copyright-text-col { max-width: calc(100% - 160px);}
.foo-copyright-row .foo-copyright-social-col { max-width: 120px;}

/* 404 Page */
.error404 .et_pb_fullwidth_header_container { width: 100%; padding-inline: 20px;}

/* Project Single Page */
/* Slider */
.acf-prod-img-slider { width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
.acf-prod-img-slider img { width: 100%; height: 500px; object-fit: cover; object-position: center center; display: block;}
.acf-prod-img-slider .slick-list { background-color: #00000066; border-radius: 5px;}
.acf-prod-img-slider .slick-track { display: flex; align-items: center;}
.acf-prod-img-slider .slick-dots li button:before { content: none !important;}
.acf-prod-img-slider .slick-dots { bottom: 0px; text-align: center; padding: 0; padding-bottom: 20px;}
.acf-prod-img-slider .slick-dots li { margin: 0 5px !important; width: auto; height: auto;}
.acf-prod-img-slider .slick-dots button { font-size: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #000000; opacity: .5; border: none; cursor: pointer; transition: all .3s ease;}
.acf-prod-img-slider .slick-dots .slick-active button, .acf-prod-img-slider .slick-dots button:hover { background-color: #4e91cc; opacity: 1;}
.acf-prod-img-slider .slick-prev, .acf-prod-img-slider .slick-next { position: absolute; top: 50%; z-index: 30; transform: translateY(-50%); width: auto; height: auto;}
.acf-prod-img-slider .slick-prev:before, .acf-prod-img-slider .slick-next:before { background-color: #4e91cc; color: #ffffff; border: none; padding: 8px 10px; font-size: 18px; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; }
.acf-prod-img-slider .slick-prev:hover:before, .acf-prod-img-slider .slick-next:hover:before { background-color: #002e62; transition: all .3s ease;}
.acf-prod-img-slider .slick-prev { left: 10px; }
.acf-prod-img-slider .slick-next { right: 10px; }

/* Single Project */
.single-project-hero-sec  span.et_parallax_bg { background-position: center center;}
.single-project-content-sec .et_builder_inner_content .et_pb_section { padding: 0;}
.single-project-content-sec .et_builder_inner_content .et_pb_section .et_pb_row { max-width: 100%; width: 100%; padding-bottom: 0;}
.custom-share-links { margin-top: 20px; }
.custom-share-links a { display: inline-block; margin: 0 8px 10px 0; width: 36px; height: 36px; background-color: #4e91cc; color: #ffffff; text-align: center; line-height: 36px; border-radius: 50%; font-size: 16px; transition: all 0.3s; }
.custom-share-links a:hover { background-color: #002e62; }
.et_pb_post_content ol, .et_pb_post_content ul { list-style-position: unset; padding: 0 0 20px 40px; line-height: 26px;}
.et_pb_post_content ol li:not(:last-of-type), .et_pb_post_content ul li:not(:last-of-type) { margin-bottom: 10px;}

.single-project-related-blog { background: transparent !important;}
.single-project-related-blog .et_pb_ajax_pagination_container { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; justify-content: start;}
.single-project-related-blog article.et_pb_post { width: 100%; max-width: calc(33.33% - 20px); background-color: #ffffff !important; margin-bottom: 0;}
.single-project-related-blog article.et_pb_post:after { content: none;}
.single-project-related-blog article.et_pb_post a.entry-featured-image-url img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover;
    object-position: center center; transform: scale(1); transition: all 1s ease;}
.single-project-related-blog article.et_pb_post,
.single-project-related-blog article.et_pb_post:hover {
    border-color: rgba(0, 46, 98, 0.2) !important;
}
.single-project-related-blog article.et_pb_post:hover a.entry-featured-image-url img { transform: scale(1.25);}
.single-project-related-blog article.et_pb_post a.entry-featured-image-url { position: relative; overflow: hidden; padding-top: 62.5%;}

.single-project-related-blog article.et_pb_post h2.entry-title,
.single-project-related-blog article.et_pb_post p.post-meta, 
.single-project-related-blog article.et_pb_post .post-content { padding-inline: 20px;}
.single-project-related-blog article.et_pb_post .post-content { padding-bottom: 20px;}

.single-project-related-blog article.et_pb_post h2.entry-title a,
.single-project-related-blog article.et_pb_post p.post-meta a, 
.single-project-related-blog article.et_pb_post .post-content-inner *,
.single-project-content-col .et_pb_post_content a{ transition: all .3s ease;}

.single-project-related-blog article.et_pb_post h2.entry-title { font-size: 30px; line-height: 1.1em;}
.et_pb_section .single-project-related-blog article.et_pb_post .post-content a.more-link { padding: 0; color: #4e91cc !important; background-color: transparent !important; box-shadow: none; border-radius: unset; text-transform: capitalize;}

.single-project-related-blog article.et_pb_post h2.entry-title a:hover { color: #4e91cc !important;} 
.single-project-related-blog article.et_pb_post p.post-meta a:hover,
.single-project-content-col .et_pb_post_content a:hover { color: #002e62 !important;}

.et_pb_section .single-project-related-blog article.et_pb_post .post-content a.more-link:hover { color: #0c2e62 !important;}
.single-project-related-blog h2.not-found-title { font-size: 30px; margin-top: 20px;}
.archive .single-project-related-blog { margin-bottom: 0 !important;}
.single-project-content-col p ~ .wp-block-heading { margin-top: 20px; line-height: 1.1;}
.single-project-content-col p:not(:first-of-type) ~ .wp-block-list { margin-top: 20px;}



/* Home page */
.projects-blurb-list-row .projects-blurb-list-col { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; gap: 30px 10px;}
.list-blurb-card { width: 100%; max-width: calc(25% - 15px); align-self: stretch; margin: 0 !important;}
.list-blurb-card .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header { padding-bottom: 10px;}
.list-blurb-card .et_pb_blurb_content .et_pb_blurb_container h6.et_pb_module_header > a:hover { color: #2ea3f2 !important;}
.et_pb_blurb.list-blurb-card .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover { color: #002e62 !important;}

.list-blurb-card .et_pb_main_blurb_image { overflow: hidden; margin-bottom: 20px;}
.list-blurb-card .et_pb_main_blurb_image a img { transform: scale(1); transition: all 1s ease;}
.list-blurb-card .et_pb_main_blurb_image a:hover img { transform: scale(1.25);}

.latest-post-module .et_pb_ajax_pagination_container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px;}
.latest-post-module article.et_pb_post { position: relative; transition: all .3s ease; overflow: hidden; width: 100%; max-width: calc(33.33% - 20px); margin-bottom: 0px !important;}
.latest-post-module article.et_pb_post a {display: block; margin: 0; height: 100%; width: 100%;}
.latest-post-module article.et_pb_post a img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: unset; transition: all .1s ease;}
.latest-post-module article.et_pb_post:hover a:after { content: " "; background-color: rgb(0 0 0 / 40%); inset: 0;	opacity: 0; width: 100%; height: 100%; z-index: 1; position: absolute; transition: all .3s ease;}
.latest-post-module article.et_pb_post:hover a img { transform: scale(1.2);}
.latest-post-module article.et_pb_post:hover a:after {	opacity: 1;}
.latest-post-module article.et_pb_post .entry-title, 
.latest-post-module article.et_pb_post .post-meta { 
	padding-inline: 20px; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	z-index: 2; text-shadow: none !important; transition: all .5s ease; width: 100%;
}
.latest-post-module article.et_pb_post .post-meta { top: 70%;}
.latest-post-module article.et_pb_post:hover .entry-title, 
.latest-post-module article.et_pb_post:hover .post-meta { opacity: 1;}
.latest-post-module article.et_pb_post .entry-title a:after, 
.latest-post-module article.et_pb_post .post-meta a:after { content: none !important;}
.latest-post-module > .et_pb_ajax_pagination_container > div { margin-top: 20px; width: 100%; height: auto;}
.home-slider-content .et_pb_text_inner * { text-wrap: balance;}
.home-slider-content .et_pb_text_inner p { max-width: 1000px; margin-inline: auto;}
.hero-img-slider .et-pb-arrow-prev { left: 0px;}
.hero-img-slider .et-pb-arrow-next { right: 0px;}



/* Portfolio Page */
.filter-portfolio .et_pb_portfolio_items { display: flex; flex-wrap: wrap; gap: 30px; align-items: stretch; justify-content: start;}
.filter-portfolio .et_pb_portfolio_items .et_pb_portfolio_item { width: 100%; max-width: calc(33.33% - 20px); background-color: #ffffff !important; margin-bottom: 0; 
	transition: all .3s ease;}
.filter-portfolio .et_pb_portfolio_item > a { position: relative; overflow: hidden; padding-top: 62.5%; display: block;}
.filter-portfolio .et_pb_portfolio_item > a span { position: absolute; inset: 0; display: block; width: 100%; height: 100%;}
.filter-portfolio .et_pb_portfolio_item > a img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: scale(1); transform-origin: center center;
    transition: all 1s ease;}
.filter-portfolio .et_pb_portfolio_item:hover > a img { transform: scale(1.25);}
.filter-portfolio .et_pb_module_header, .filter-portfolio .post-meta { padding-inline: 20px;}
.filter-portfolio .post-meta { margin-block: 0 20px !important; line-height: 1;}
.single-project-related-blog article.et_pb_post h2.entry-title a, .single-project-related-blog article.et_pb_post p.post-meta a { transition: all .3s ease;}
.filter-portfolio .et_pb_module_header { margin-block: 20px; padding-bottom: 0; font-size: 30px; line-height: 1.1em;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_item .et_pb_module_header a, .filter-portfolio-sec .filter-portfolio .et_pb_portfolio_item .post-meta a { transition: all .3s ease;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_item .et_pb_module_header a:hover, .filter-portfolio-sec .filter-portfolio .et_pb_portfolio_item .post-meta a:hover { color: #4e91cc !important;}

.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters { margin-bottom: 30px;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul { line-height: unset; display: flex; gap: 20px; flex-wrap: wrap; justify-content: flex-start;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li { float: unset; width: auto; font-size: unset; line-height: unset;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a { position: relative; padding: 10px 0; width: auto; font-size: 20px; line-height: 1.2; font-weight: 500; 
	color: #4E91CC!important; border: none !important; background-color: unset !important; border-radius: unset !important; margin: unset !important; transition: all .3s ease;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%;
  background: #002E62; transform: scaleX(0); transform-origin: left; transition: transform .3s ease;}

.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a:hover,
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a.active { color: #002E62 !important;}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a:hover::after,
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a.active::after { transform: scaleX(1);}

/* About Page */
.team-content-module .et_pb_text_inner p ~ ul { margin-top: 15px; }
.team-content-module .et_pb_text_inner ul { list-style-position: unset; padding: 0 0 20px 20px;}
.team-content-module .et_pb_text_inner ul li:not(:last-of-type) { margin-bottom: 5px;}

.testimonial-sec { overflow: hidden;}
.testimonial-slider .clearfix::after {content: none;}
.testimonial-slider { width: 100%; max-width: 100%; margin: 0 auto; position: relative; overflow: visible !important; padding-bottom: 40px;}
.testimonial-slider:after {
    content: ''; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); display: block; width: 200px; height: 200px; 
	background: url(https://kathybarneslyarchitect.kinsta.cloud/wp-content/uploads/2025/08/chat-quote-svgrepo-com.svg) no-repeat center center;
    background-size: contain; z-index: 0; pointer-events: none; opacity: .075;
}
.testimonial-slider .et_pb_slides { position: relative; display: flex; align-items: center; z-index: 2;}
.testimonial-slider .et-pb-controllers { bottom: -25px; text-align: center; padding: 0; padding-bottom: 20px; z-index: 4;}
.testimonial-slider .et-pb-controllers a {  margin: 0 5px; font-size: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #000000; opacity: .5; border: none; cursor: pointer; transition: all .3s ease;}
.testimonial-slider .et-pb-controllers a.et-pb-active-control, .testimonial-slider .et-pb-controllers a:hover { background-color: #4e91cc; opacity: 1;}
.testimonial-slider:hover .et-pb-arrow-prev, .testimonial-slider:hover .et-pb-arrow-next { opacity: .5 !important;}
.testimonial-slider .et-pb-arrow-prev, .testimonial-slider .et-pb-arrow-next { margin: unset !important; font-size: unset; line-height: unset; position: absolute; top: 50%; z-index: 30; transform: translateY(-50%); width: auto; height: auto; opacity: .5 !important; z-index: 4;}
.testimonial-slider .et-pb-arrow-prev:before, .testimonial-slider .et-pb-arrow-next:before { background-color: #4e91cc; color: #ffffff; border: none; padding: 8px 10px; font-size: 18px; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; }
.testimonial-slider .et-pb-arrow-prev:hover:before, .testimonial-slider .et-pb-arrow-next:hover:before { background-color: #002e62; transition: all .3s ease;}
.testimonial-slider .et-pb-arrow-prev:hover, .testimonial-slider .et-pb-arrow-next:hover { opacity: 1 !important;}
.testimonial-slider .et-pb-arrow-prev { left: 10px !important;}
.testimonial-slider .et-pb-arrow-next { right: 10px !important;}
.testimonial-slider .et_pb_slide_description { display: flex; flex-direction: column-reverse;}
.testimonial-slider .et_pb_slide_description .et_pb_slide_title { font-size: 20px; font-weight: 600; margin-top: 30px; padding: unset;}


/* Services Page */
.stage-row::after { contain: none !important;}
.stage-row .team-content-module{ position: relative; z-index: 1;}
.stage-row .team-content-module .et_pb_text_inner { position: relative; z-index: 1;}
.stage-row .team-content-module::after {
    content: '';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 150px;
    line-height: 1;
    color: #4E91CC;
    z-index: 0;
    font-weight: bold;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #4E91CC;
    opacity: .2;
}
.stage-row.et_pb_row_3 .team-content-module::after { content: '1'; }
.stage-row.et_pb_row_4 .team-content-module::after { content: '2'; }
.stage-row.et_pb_row_5 .team-content-module::after { content: '3'; }
.stage-row.et_pb_row_6 .team-content-module::after { content: '4'; }
.stage-row.et_pb_row_7 .team-content-module::after { content: '5'; }


/* Contact page */
.cf-blurb-row { display: flex; flex-wrap: wrap; gap: 40px;}
.cf-blurb-row:after { content: none;}
.cf-blurb-row .cf-blurb-col { width: 100%; max-width: 350px; margin: unset !important;}
.cf-blurb-row .cf-col { width: 100%; max-width: calc(100% - 390px);}
.contact-blurb-card .et_pb_main_blurb_image { margin-bottom: 15px !important;}
.et_pb_blurb.list-blurb-card.contact-blurb-card .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a:hover { color: #2ea3f2 !important;}

.c-map-code .et_pb_code_inner { height: 100%;}
.cf-wrp > p { width: 100%; max-width: 100%; padding: 0; box-sizing: border-box; display: flex; flex-wrap: wrap; gap: 20px 20px;}
.cf-wrp > p br { display: none;}
.cf-wrp > p > span.wpcf7-form-control-wrap { display: block; width: 100%; max-width: calc(50% - 10px); box-sizing: border-box; margin-bottom: 0!important;}
.cf-wrp > p > span.wpcf7-form-control-wrap .cf-ip-field { display: block; width: 100%; max-width: 100%; margin-bottom: 0!important; padding: 14px 12px; 
	border: 1px solid rgba(0, 46, 98, 0.2) !important; border-radius: 5px; font-size: 18px; background: #ffffff !important; color: #4D585B; transition: all 0.3s ease;
}
.cf-wrp > p > span.wpcf7-form-control-wrap[data-name="message"] { max-width: 100%;}
.cf-wrp > p > span.wpcf7-form-control-wrap[data-name="message"] textarea.cf-ip-field { width: 100%!important; min-height: 130px; resize: vertical;}
.cf-wrp > p > span.wpcf7-form-control-wrap .cf-ip-field:focus { border-color: #60916c; background: #fff; outline: none;}

.cf-wrp .cf-btn-wrap { margin-top: 20px; width: 100%; text-align: left; }
.cf-wrp .cf-btn, .error404 .et_pb_button { display: inline-block; color: #FFFFFF !important; border-radius: 5px; background-color: #002E62; padding: .3em 1em !important; 
	border: none; font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 1.7em !important; transition: all 0.3s ease; cursor: pointer;
}
.cf-wrp .cf-btn:hover, .error404 .et_pb_button:hover { background-color: #4E91CC;}
.et_pb_blurb.list-blurb-card.contact-blurb-card .et_pb_blurb_content a span.et-pb-icon { transition: all 0.3s ease;}
.et_pb_blurb.list-blurb-card.contact-blurb-card .et_pb_blurb_content a:hover, 
.et_pb_blurb.list-blurb-card.contact-blurb-card .et_pb_blurb_content a:hover span.et-pb-icon { color: #2ea3f2 !important;}
.text-justified p{
	text-align: justify;
}

/* 404 Page */
.hero-404 .et_pb_fullwidth_header_container { max-width: 1300px !important; width: 80% !important; margin-inline: auto;}
.error404 .et_pb_module_header { margin: unset !important;}
.error404 .et_pb_button { border: unset !important; border-radius: 5px !important;}

/* Privacy Page */
.privacy-policy .et_pb_text_inner p ~ ul { margin-top: -15px;}
.privacy-policy .et_pb_text_inner h1, .privacy-policy .et_pb_text_inner h2, .privacy-policy .et_pb_text_inner h3, 
.privacy-policy .et_pb_text_inner h4, .privacy-policy .et_pb_text_inner h5, .privacy-policy .et_pb_text_inner h6 { margin-top: 10px;}
.privacy-policy .et_pb_text_inner a { transition: all .3s ease;}
.privacy-policy .et_pb_text_inner a:hover { color: #002E62!important;}


.none-wrap{
	display: none !important;
}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul {
  padding: 0px;
}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul::after { content: " ▼ " !important; font-size: 0.8em; display: block !important; 
		width: auto; height: auto; position: absolute; right: 15px; top: 50%; left: unset !important; bottom: unset !important; 
		background: unset !important; transform-origin: center center !important; transform: translateY(-50%) !important; transition: transform 0.3s ease;
	visibility: visible;
	}
.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul select {
  width: 100%;
  padding: 12px 20px;
  font-size: 18px;
  border: none;
  border-radius: 5px;
	appearance: none;
}

/* ################################################################################################################################ */
/* ####################################################### Media Query CSS Start ################################################## */
/* ################################################################################################################################ */

@media (max-width: 1350px) {
	/* Footer */
	.footer-section .et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 8px;}
	.footer-row { gap: 30px;}
	.footer-row .foo-logo-col { max-width: calc(36% - 20px);}
	.footer-row .footer-contact-col { max-width: calc(40% - 20px);}
	.footer-row .foo-links-col { max-width: calc(24% - 20px);}
	
	/* Project Single Page */
	/* Slider */
	.acf-prod-img-slider img { height: 30vw;}
	
}

@media all and (min-width: 981px) and (max-width: 1350px) {
	#stickybar .main-menu-widget .et_pb_row.clearfix { padding-inline: 20px !important;}
}

@media (max-width: 1024px) {
	
	/* Home page */
	.projects-blurb-list-row .projects-blurb-list-col { gap: 20px;}
	.list-blurb-card { max-width: calc(50% - 20px); }	
	
	/* Project Single Page */
	/* Slider */
	.acf-prod-img-slider img { height: 30vw;}

	/* Portfolio Page */
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul { gap: 15px;}

	/* Contact page */
	.cf-blurb-row { gap: 30px;}
	.cf-blurb-sec .cf-blurb-col .et_pb_blurb.contact-blurb-card { padding: 20px 10px !important;}
	.cf-blurb-row .cf-blurb-col { max-width: 300px;}
	.cf-blurb-row .cf-col { max-width: calc(100% - 330px);}
	.cf-wrp > p { gap: 20px 10px;}
	.cf-wrp > p > span.wpcf7-form-control-wrap { max-width: calc(50% - 5px);}
	
	
}

@media (max-width: 980px){
	.et_pb_section > .et_pb_row { width: 100%; max-width: 100%; padding-inline: 20px;}
	.et_pb_section > .et_pb_row .et_pb_row { width: 100%; max-width: 100%; padding-inline: 0;}
	
	/* Header */
	.main-nav-sec .main-menu-widget .et_mobile_menu { border: none; height: calc(100vh - 70px); padding: 50px 0;}
	#stickybar.main-nav-sec .main-menu-widget.et_pb_fullwidth_menu .et_pb_row { min-height: unset !important; width: 100%; max-width: 100%; padding-inline: 20px !important;}
	#stickybar.main-nav-sec .main-menu-widget ul.et_mobile_menu li a { padding: 10px 20px; margin-block: 5px; font-size: 28px;}
	#stickybar.main-nav-sec .main-menu-widget ul.et_mobile_menu li a:hover { color: #4e91cc !important;}

	/* Footer */
	.footer-section .footer-row, .footer-section .foo-copyright-row { width: 100%; max-width: 100%; padding-inline: 20px !important;}
	.footer-row { gap: 30px; flex-wrap: wrap; padding-bottom: 0 !important;}
	.footer-row .foo-logo-col { max-width: 100%;}
	.footer-row .footer-contact-col { max-width: calc(70% - 15px);}
	.footer-row .foo-links-col { max-width: calc(30% - 15px);}
	.footer-row .et_pb_blurb_content { margin-left: 0; margin-right: auto;}
	
	.footer-menu .et_pb_menu__menu { display: block;}
	.footer-menu .et_mobile_nav_menu { display: none;}
	.foo-copyright-row { flex-direction: column;}
	.foo-copyright-row .foo-copyright-text-col { max-width: 100%; margin-bottom: 20px !important;}
	.foo-copyright-row .foo-copyright-social-col { max-width: unset;}

	/* Project Single Page */
	.single-project-related-blog article.et_pb_post h2.entry-title, .filter-portfolio .et_pb_module_header { font-size: 26px;}
	/* Slider */
	.acf-prod-img-slider img { height: 50vh}
	
	/* Portfolio Page */
	.filter-portfolio .et_pb_portfolio_items .et_pb_portfolio_item { max-width: calc(50% - 15px);}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li a { font-size: 19px;}
	
	/* Services Page */
	.right-img-row { display: flex; flex-direction: column-reverse;}
	.right-img-row .stage-content-col,
	.right-img-row .et_pb_column.right-img-col { margin-bottom: 30px !important;}

	/* 404 Page */
	.hero-404 .et_pb_fullwidth_header_container { width: 100% !important;}

	/* Privacy Page */
	.privacy-policy .et_pb_text_inner h1, .privacy-policy .et_pb_text_inner h2, .privacy-policy .et_pb_text_inner h3, .privacy-policy .et_pb_text_inner h4, 
	.privacy-policy .et_pb_text_inner h5, .privacy-policy .et_pb_text_inner h6 { padding-bottom: 15px;}
	
}

@media (min-width: 768px) {
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:first-child a::after { display: none !important;}
}

@media (max-width: 767px) {
	/* Header */
	#stickybar.main-nav-sec .main-menu-widget ul.et_mobile_menu li a { font-size: 24px;}
	
	/* Footer */
	.footer-row { gap: 30px; flex-direction: column; align-items: center;}
	.footer-row .foo-logo-col, .footer-row .footer-contact-col,	.footer-row .foo-links-col { max-width: 100%;}
	.footer-row .et_pb_blurb_content { margin-left: 0; margin-right: auto;}
	
	/* Slider */
	.acf-prod-img-slider img { height: 40vh}
	.acf-prod-img-slider .slick-dots { padding-bottom: 10px;}
	.acf-prod-img-slider .slick-dots li { margin: 0 3px !important;}
	.acf-prod-img-slider .slick-dots button { width: 5px; height: 5px; padding: 2px;}
	.acf-prod-img-slider .slick-prev:before, .acf-prod-img-slider .slick-next:before { padding: 6px 8px; font-size: 16px; }
	
	/* Single Project */
	.single-project-content-sec .et_builder_inner_content .et_pb_section .et_pb_row { padding-top: 0;}
	.single-project-related-blog .et_pb_ajax_pagination_container, .filter-portfolio .et_pb_portfolio_items { gap: 30px;}
	.single-project-related-blog article.et_pb_post, .filter-portfolio .et_pb_portfolio_items .et_pb_portfolio_item { max-width: 100%;}
	.et_pb_post_content ol, .et_pb_post_content ul { padding-left: 30px;}
	.single-project-related-blog h2.not-found-title { font-size: 22px; margin-top: 20px;}
	.single-project-related-blog article.et_pb_post h2.entry-title, .filter-portfolio .et_pb_module_header { font-size: 24px;}
	
	
	/* Home page */
	.home-slider-content .et_pb_text_inner p { max-width: 500px;}
	.projects-blurb-list-row .projects-blurb-list-col { display: flex; flex-direction: column; gap: 20px;}
	.list-blurb-card { max-width: 100%; }
	.list-blurb-card .et_pb_main_blurb_image { margin-bottom: 20px;}
	.latest-post-module .et_pb_image_container { position: relative; width: 100%; height: auto;	}
	.latest-post-module article.et_pb_post { padding-top: unset;}
	.latest-post-module article.et_pb_post .entry-title, .latest-post-module article.et_pb_post .post-meta { opacity: 1;}
	.latest-post-module article.et_pb_post:hover a:after { content: unset;}
	.latest-post-module article.et_pb_post:hover a img { transform: unset;}
	.hero-img-slider .et-pb-arrow-next, .et-pb-arrow-prev { font-size: 30px;}
	
	/* Portfolio Page */
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul { display: block !important; flex-direction: unset !important; gap: unset !important; 
		position: relative; background: #ffffff; border: 1px solid #b0bdc1; border-radius: 5px;
	}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li { display: none; float: none !important; width: 100% !important;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:first-child { display: block;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul.open li { display: block; border-bottom: 1px solid #b0bdc1;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul.open li:last-child { border-bottom: none;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:first-child a { padding: 10px 20px !important; display: block; cursor: pointer; 
		position: relative; font-size: 19px;
	}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:first-child a::after { content: " ▼ " !important; font-size: 0.8em; display: block !important; 
		width: auto; height: auto; position: absolute; right: 15px; top: 50%; left: unset !important; bottom: unset !important; 
		background: unset !important; transform-origin: center center !important; transform: translateY(-50%) !important; transition: transform 0.3s ease;
	}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul.open li:first-child a::after { transform: translateY(-50%) rotate(180deg) !important;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:not(:first-child) a { padding: 10px 30px 10px 20px !important; display: block; font-size: 19px;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:not(:first-child) a::after { display: none !important;}
	.filter-portfolio-sec .filter-portfolio .et_pb_portfolio_filters ul li:not(:first-child) a:hover::after { transform: none !important; display: none !important;}

	
	.testimonial-slider .et-pb-controllers { bottom: -5px;}
	.testimonial-slider .et-pb-arrow-prev { left: -10px !important;}
	.testimonial-slider .et-pb-arrow-next { right: -10px !important;}
	
	/* Contact Page */
	
	.cf-blurb-row { justify-content: center; gap: 40px;}
	.cf-blurb-row .cf-blurb-col, .cf-blurb-row .cf-col { max-width: 100%;}
	.cf-blurb-sec .cf-blurb-col .et_pb_blurb.contact-blurb-card { max-width: 350px;}
	.cf-wrp > p { flex-direction: column; gap: 20px;}
	.cf-wrp > p > span.wpcf7-form-control-wrap  { max-width: 100% !important;}
	.cf-wrp > p > span.wpcf7-form-control-wrap .cf-ip-field, .cf-wrp .cf-btn  { padding: 10px 12px; font-size: 16px;}
}


/* ################################################################################################################################ */
/* ####################################################### Media Query CSS End #################################################### */
/* ################################################################################################################################ */

