/*
Theme Name: Coastalcoating Child
Description: Child theme for Coastalcoating theme
Author: Barla
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Template: Coastalcoating
Version: 4.7.3
Text Domain:  Coastal coating
*/
/* Hero-seciton Font Size  */

h1{
font-size:52px ;
}

/* Sticky Header */
header{
	position: sticky !important;
    top: 0;
}

.wpcf7-form  .d-flex {
    display: flex ;
    gap: 20px;
	width: 100%;
}
.d-flex p {
    width: 100%;
    display:flex;
    gap: 20px;
	margin-bottom:0px;
}
.mb-8{
	margin-bottom:8px;
}
label {
	width:100%;
}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active{
	border:1px solid #fe9805;
}
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active{
	border:1px solid #fe9805;
}
input[type="text"]{
	border:1px solid #000;
}
input[type="email"]{
	border:1px solid #000;
}
input[type="tel"]{
	border:1px solid #000;
}
textarea{
	border:1px solid #000;
}
input[type="email"]:hover,
input[type="email"]:focus,
input[type="email"]:active{
	border:1px solid #FF9906;
}
textarea:hover,
textarea:focus,
textarea:active{
	border:1px solid #FF9906;
}
p span {
	margin-top:4px; 
}
input[type="submit"] {
    background-color: #ff9906;
	border:2px solid #ff9906;
}
input[type="submit"]:hover {
    background-color: #FFF;
	color:#ff9906;
	border:2px solid #ff9906;
}

.contact-button{
	display:flex;
	gap: 20px ;
	justify-content:center;
}
.btn-centre{
	display: flex;
    justify-content: center;
    margin-left: 50px;
}
p textarea {
    height: 120px;
    resize: none;
}
/* Josh CSS for the products */
.biocoatone .productonhover{
	display:none;
}
.biocoattwo .productonhover{
	display:none;
}
.biocleannatural .productonhover{
	display:none;
}
.biocoatone:hover .productonhover{
	display:Block;
}
.biocoattwo:hover .productonhover{
	display:Block;
}
.biocleannatural:hover .productonhover{
	display:Block;
}
.productonhover p{
	margin-bottom:10px;
}

/*individual blog */
div#comments {
    display: none;
}

.learnmore-btn:hover svg path {
	fill: #3498db; }

.learnmore-black:hover svg path{
	fill:#ff9906;
}
.learnmore-white:hover svg path{
	fill:#ff9906;
}
.display-blog .eael-grid-post-holder-inner{
	display:flex;	
}
.display-blog .eael-grid-post-holder-inner .eael-entry-thumbnail{
	width:500px;
	height:300px;
}
.display-blog .eael-grid-post-holder-inner .eael-entry-wrapper{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.footer-links a{
   color: #7a7a7a;
}
.elementor-105 .elementor-element.elementor-element-eca628d .eael-grid-post-holder :hover {
	background-color: #F0F0F0;
}
.elementor-105 .elementor-element.elementor-element-771974f6 .eael-grid-post-holder :hover{
	background-color: #5995FF;
}

.elementor-17 .elementor-element.elementor-element-d0882c1 h2:hover{
	color:red;
}
.eael-entry-thumbnail img{
	padding:10px;
	border-radius:16px;
}
.elementor-element-eca628d .eael-grid-post-holder :hover,
.elementor-element-771974f6 .eael-grid-post-holder :hover{
	border-radius:8px;
}

.certifiedpartner-cards:hover h3, .certifiedpartner-cards:hover p{
	color: #000 ;
}
.elementor-11 .elementor-element.elementor-element-81e62ce:hover p{
  color: #000;
}
.elementor-11 .elementor-element.elementor-element-3de6c9f:hover p{
 color: #000 ;
}
.elementor-11 .elementor-element.elementor-element-06f136d:hover p{
    color: #000;
}
.elementor-11 .elementor-element.elementor-element-7701a0f:hover p{
   color: #000;
}
.elementor-15 .elementor-element.elementor-element-0171474:hover p{
    color: #000;
}
.elementor-15 .elementor-element.elementor-element-5c50dff:hover p{
    color: #000;
}
.elementor-15 .elementor-element.elementor-element-2ef41f1:hover p{
    color: #000;
}
.elementor-15 .elementor-element.elementor-element-4480456:hover p{
   color: #000;
}
 
.wpcf7 form>div, .wpcf7 form>p {
    margin-bottom:08px;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 select.wpcf7-form-control:focus,
.wpcf7 textarea.wpcf7-form-control:focus {
    border-style: solid;
    border-color: #FF9906;
    border-width: 1px;
    box-shadow: none;
    outline: none;
    color:none;
}
.wpcf7 input.wpcf7-form-control:not([type=submit]):focus,
.wpcf7 select.wpcf7-form-control:focus,
.wpcf7 textarea.wpcf7-form-control:focus {
    border-style:solid;
    border-color: #FF9906; 
    border-width: 1px;
    box-shadow: none;
    outline: none;
    color: none;
}
.Contact-form br {
	display:none;
}

.Contact-details li.elementor-icon-list-item>a{
text-decoration:none;
}

.ast-narrow-container .site-content > .ast-container {
        width: 100%;
		 max-width: 990px;
}
.entry-meta, .entry-meta span {
	color:#000;
}
.display-blog:hover ~ p,h2,a,{
color:#000;
}
.display-blog .eael-grid-post-holder-inner:hover .eael-grid-post-excerpt p,.display-blog .eael-grid-post-holder-inner:hover .eael-grid-post-excerpt a,.display-blog .eael-grid-post-holder-inner:hover  .eael-meta-posted-on i ,.display-blog .eael-grid-post-holder-inner:hover .eael-meta-posted-on time,.display-blog .eael-grid-post-holder-inner:hover .eael-entry-title a{
	color: #000;
}
.grid-blog .eael-grid-post-holder-inner:hover .eael-grid-post-excerpt p,.grid-blog .eael-grid-post-holder-inner:hover .eael-grid-post-excerpt a,.grid-blog .eael-grid-post-holder-inner:hover  .eael-meta-posted-on i ,.grid-blog .eael-grid-post-holder-inner:hover .eael-meta-posted-on time,.grid-blog .eael-grid-post-holder-inner:hover .eael-entry-title a{
	color:#fff;
}
.ast-single-post .entry-content a{
	text-decoration:none;
}
/* Media Quries Starts from here */
/* Mobile (below 768px) */
@media only screen and (max-width: 767px) {
  /* CSS rules for mobile devices */
	
	.wpcf7-form  .d-flex {
		display: block ;
	}
	.d-flex p {
		display: block;	
		margin-bottom:08px; 
	}
	.border-none{
		border:none !important;
	}
	.display-blog .eael-grid-post-holder-inner {
   		display: flex;
		flex-direction: column;
}
	.display-blog .eael-grid-post-holder-inner .eael-entry-thumbnail{
		width:100%;
		text-align:center;
		object-fit:cover;
}
	.eael-entry-thumbnail img{
	width :100%;
}
}

/* Tablet (768px to 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* CSS rules for tablets */
	.display-blog article.eael-grid-post.eael-post-grid-column {
    	width: 100%;
}
	.border-none{
		border:none;
	}

/* Mini Laptop (1024px to 1199px) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  /* CSS rules for mini laptops */
}

/* Large Screens (1199px and above) */
@media only screen and (min-width: 1200px) {
  /* CSS rules for larger screens */
}
	span .elementor-button-content-wrapper{
		display: flex;
        align-items: center;
	}