@charset 'utf-8';
/*
Theme Name: hello-elementor Child Theme
Theme URI: 
Description: hello-elementor Child Theme - Multipurpose and Multiskin Responsive Wordpress theme
Author: hello-elementor Child Theme
Author URI:  
Template: hello-elementor
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: hello-elementor-child-theme
*/


.wpcf7 form.sent .wpcf7-response-output {
    background: #00D06C;
    border: none;
    font-family: Karla !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.003em;
    padding: 7px 11px;
    margin: 36px 0 0 0;
    max-width: 508px;
    color: #000000 !important;
}



div.elementor-message{
	background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
}
div.elementor-message-success{
	background-color: #1fc51f;
    color: white;
}
/* header css starts here */
header{
    position: absolute;
    width: 100%;
    z-index: 999;
    transition: background 0.3s ease;
}

.elementor-sticky--effects img {
    width: 100px!important;
}
.elementor-nav-menu .sub-arrow {

	padding:4px!important;

}

.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    color: #fff !important;
 
}
 .elementor-sticky--effects {
	background-color:#000!important
}
.e-con.elementor-sticky--active {
	z-index: var(--z-index,99);
	padding-top: 10px !important;
		padding-bottom: 10px !important;
}
.elementor-sticky--effects .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul {
    top: calc(100% + 34px)!important;
}
 

@media (max-width: 767px) {
	#site_logo{
		order:1!important;
	}
	#nav_menu{
		order:3!important;
	}
	#header-btn{
		order:2!important;
	}
.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    color: #000 !important;
 
}
	.elementor-sub-item {

	margin-left: 7px !important;
}
a[aria-expanded="true"] .sub-arrow i{
    transform: rotate(180deg) !important;
}
	.elementor-nav-menu .sub-arrow {
	padding: 4px !important;
	position: absolute;
	right: 18px;
}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	padding: 20px 0px 25px 0;
}
.elementor-sticky--effects img {
    width: 48px!important;
}

}
@media (min-width: 1271px) and (max-width: 1424px) {
.elementor-116 .elementor-element.elementor-element-679cfa5e {
	--width: 21% !important;
}
}

/* 
@media (min-width: 768px) and (max-width: 1024px) {
	#site_logo{
		order:1!important;
	}
	#nav_menu{
		order:3!important;
	}
	#header-btn{
		order:2!important;
	}
	
} */
@media (min-width: 1025px) and (max-width: 1270px) {
  #header-btn{
width:31%!important;
}	
	
	.elementor-116 .elementor-element.elementor-element-679cfa5e {
	--width: 16% !important;
}
}
/*header css ends here */
/*Home page css starts here */
.elementor-74568 .elementor-element.elementor-element-fc3c193 .elementor-field-group .elementor-field:not(.elementor-select-wrapper) {
	padding: 20px;
}

/*nextgen-galler  */
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
	margin: 10px;
	box-shadow: none;
}
/*  */
.elementor-widget-reviews.elementor-review--has-separator .elementor-testimonial__header {
	border-block-end: 0;
}
#reviews .elementor-testimonial__icon.elementor-icon.elementor-icon- {
	display: inline-block !important;

}
#reviews .elementor-testimonial__header cite {
	text-align: left!important;
}
#reviews .elementor-testimonial__header {
	display: flex !important;
	flex-direction:row;
	align-items:center;
	justify-content: space-between;
}
.elementor-testimonial__text {
	text-align: left !important;
}
.elementor-testimonial__header cite {
	width:60%;
}
.elementor-widget-reviews.elementor-review--has-separator .elementor-testimonial__header {
	border: none !important;
}
#reviews-btn svg {
	height: auto;
	width: 24px;
}
.elementor-testimonial__icon.elementor-icon.elementor-icon- {
	width: 11%;
	margin-top: 8px;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -6px !important;
	left: 0;
	width: 100%;
}
.costal-form #form-field-field_d051fb8 {
	min-height:36px !important;
}
/*faq page css starts here */

.coastal-faq .elementor-accordion-item {
	border: 2px solid #ededed !important;
}
.coastal-faq .elementor-accordion-title {
	text-decoration: none !important;
}
.coastal-faq .elementor-accordion-icon {
	font-size: 32px !important;
    margin-top:-4px!important;
}

.artifical-faq .elementor-accordion-title {
	text-decoration: none !important;
}
.artificial-faq .elementor-accordion-item {
	border: 2px solid #ededed !important;
	margin-bottom: 24px !important;
}
.artificial-faq .elementor-accordion-title {
	text-decoration: none !important;
}
.artificial-faq .elementor-accordion-icon {
	font-size: 32px !important;
    margin-top:-4px!important;
}
.artificial-faq .elementor-tab-content p {
	margin-bottom: 0px !important;
}
.coastal-faq .elementor-tab-content p {
	margin-bottom: 0px !important;
}
/*faq page css ends here */
/*Coastal shore contact page css starts here */
.costal-form .elementor-field-textual {
	min-height: 42px !important;
}
.costal-form #form-field-message {
	height: 105px !important;
}
.costal-form .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
	margin-top: 0px;
}
.costal-form .select-caret-down-wrapper {
	content: url("https://coastal.dev.rp015.webhelplogin.com/wp-content/uploads/2026/04/form-list-icon.svg");
	font-size: 16px !important;
}
.costal-form .elementor-field-textual.elementor-select-wrapper select,.costal-form .elementor-select-wrapper > select, .costal-form select.elementor-field {
	min-height: 36px !important;
	height: 36px !important;
	line-height: normal !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
.costal-form .elementor-select-wrapper {
	min-height: 36px !important;
	height: 36px !important;
}
@media (max-width: 767px) {
	.costal-form .elementor-field-group {
	margin-bottom: 20px!important;
}
.costal-form .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
	margin-top: 4px!important;
}
	.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 5px !important;
	left: 0;
	width: 100%;
}
}
/*contact page css ends here */
/* coastal shore landscaping blog page css starts here */
.blog-post .elementor-post__read-more::after {
  content: url('https://coastal.dev.rp015.webhelplogin.com/wp-content/uploads/2026/04/read-more-right.svg');
    position: absolute;
    padding-left: 5px;
    top: 1px;
  
}
.blog-post .elementor-post__read-more {
    position: relative;
}

.costal-categories ul li.cat-item {
    list-style-type: none;
    padding-bottom:20px;
}
.costal-categories ul {
    padding: 0;
}
.costal-categories a {
    color: #000000;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.costal-categories .current-cat a {
    color: #236466;
    text-decoration: underline;
}
.costal-categories h5 {
    padding-bottom: 9px;
    color: #000000;
    font-family: "Archivo Black", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}
.blog-post .page-numbers.current {
    border-bottom: 2px solid #000;
    padding-bottom: 5px;
}
.blog-post .page-numbers.next::after {
    content: url('https://coastal.dev.rp015.webhelplogin.com/wp-content/uploads/2026/04/pagination-arr.svg');
    position: absolute;
    padding-left: 5px;
}
/* .blog-post nav.elementor-pagination {
    margin-left: -37px;
} */
.blog-post .page-numbers.prev::before {
    content: url(https://coastal.dev.rp015.webhelplogin.com/wp-content/uploads/2026/04/pagination-arr.svg);
    position: absolute;
    margin-left: -10px;
    transform: rotate(180deg);
    margin-top: -7px;
}
.blog-post span.page-numbers.prev {
    visibility: hidden;
    margin-left: -35px;
}
.blog-post span.page-numbers.next {
    visibility: hidden;
}
.blog-post a.page-numbers.prev {
    margin-left: 12px;
}
.post-content ul, .post-content ol {
	padding-left: 24px;
}
/* span.page-numbers.current {
    margin-left: 0!important;
} */
/*Blog page css ends here */
/*Blog detail page css starts here */
/* h2.wp-block-heading {
	font-size: 42px!important;
margin-top: 24px!important;
margin-bottom:16px!important;
	font-family:'roboto'!important;
	font-weight:600!important;
	color: #000!important;
}
.post-content p {
	font-size: 18px!important;
	color: #000!important;
	margin-bottom: 16px!important;
	font-family: 'roboto'!important;
}
h3.wp-block-heading {
	font-size:32px!important;
	line-height:40px!important;
margin-top: 24px!important;
margin-bottom:16px!important;
	font-family:'roboto'!important;
	font-weight:600!important;
	color: #000!important;
}
.wp-block-list li {
	font-size:18px !important;
	line-height:26px!important;
	font-family:roboto!important;
	color:#000!important;
} */
@media (min-width: 1025px) and (max-width: 1300px) {
	#category-box{
		width:190px;
	}
}
  
/*blog detail page css ends here */

#gallery .e-gallery-item.elementor-gallery-item.elementor-animated-content {
  height: 291px !important;
}
@media (max-width: 767px) {
	#gallery .e-gallery-item.elementor-gallery-item.elementor-animated-content {
  height: 150px !important;
}
}
#ic .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
  align-self: center;
  padding-inline-start: 15px !important;
}
/* image box*/

#img-box .elementor-image-box-content {
  padding-left: 23px !important;
  padding-right: 23px !important;
  padding-bottom: 24px !important;
  padding-top: 11px !important;
  margin-top: 0;
background-color: #fff;
}

#img-box .elementor-widget-image-box .elementor-image-box-content {
  width: 100% !important;
  height: 326.5px !important;
}



.icon-bg svg {
	background-color: #236466 !important;
	padding: 10px !important;
}
#icon-bg svg {
	background-color: #236466;
	padding: 10px;
}

/* sod installation page css starts here */
.sod-iconbox1 .elementor-icon-box-title {
	margin-top:-6px!important;
}
.sod-iconbox2 .elementor-icon-box-title {
	margin-top:7px!important;
}
@media (max-width: 767px) {
  .sod-iconbox1 .elementor-icon-box-title {
	margin-top:0px !important;
}
.sod-iconbox2 .elementor-icon-box-title {
	margin-top:0px !important;
}
.sod-iconbox1 .elementor-icon-box-content {
	display: flex!important;
	align-items: center!important;
}
.sod-iconbox2 .elementor-icon-box-content {
	display: flex!important;
	align-items: center!important;
}

}
/*sod install page css starts here */
.contact-icon .elementor-icon-list-icon {
  margin-right: 10px;
}
/*Hydroseeding page css starts here */
.my-gallery .e-gallery-image.elementor-gallery-item__image {
	height: 291px;
}
.hydroseeding-iconbox1 .elementor-icon-box-title {
	margin-top: 0px;
}
.hydroseeding-iconbox2 .elementor-icon-box-title {
	margin-top:7px!important;
}
@media (max-width: 767px) {
  .my-gallery .e-gallery-image.elementor-gallery-item__image {
	height: 158px!important;
	object-fit: cover;
	position: center;
}
.hydroseeding-iconbox1 .elementor-icon-box-title {
	margin-top: 0px;
}
.hydroseeding-iconbox2 .elementor-icon-box-title {
	margin-top:0px!important;
}
}

#des .elementor-icon {
  height: 65px !important;
  width: 65px !important;
}

@media (max-width: 767px) {
#lenther .elementor-element.elementor-element-f4fbb03.elementor-widget.elementor-widget-image {
  width: 100%;
}}

#coastal_form #form-field-field_d051fb8, #form-field-field_e23ae72 {
  height: 34px !important;
}


#watering .elementor-icon-box-title {
  padding-top: 5px;
}

@media (max-width: 1024px) {
    .my-img-box a img {
        width: 100%;
    }
}

@media (max-width: 768px) {
#img-box .elementor-widget-image-box .elementor-image-box-content {
  height:auto !important;
}
}

@media (max-width: 768px) {
.icn-box .elementor-icon-box-icon {
	display: flex !important;
	align-items: center;
}
}