/*
Theme Name: Fox Mowing New
Theme URI: http://zodiacconsulting.net/foxmowing/
Author: Zodiac Consulting
Author URI: http://zodiacconsulting.net/
Description: This is the new redesigned Wordpress Theme for the Fox Mowing websites.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: fox-new

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.wpcf7 form.nwsletter_form .wpcf7-response-output{margin-left:0px;color:#fff;}.wpcf7 form.nwsletter_form.invalid .wpcf7-response-output{display:none;}
@media only screen and (max-width:991px){
.loc-cntnt h4{padding-top:20px;}
}

.form_con_quite.acc_cls input{ width:auto;height:auto!important;margin:0; }
.acc_cls{ width:8%; padding:7px 0}
.form_con_quite.accclshome input{ width:auto;height:auto!important;margin:0; }.accclshome{ padding:7px 0}
#wpcf7-f348-p476-o1 p{padding:0}
@media only screen and (max-width: 479px) { .acc_cls { width: 100%;  } }
@media only screen and (max-width: 991px) { .acc_cls { width: 66.5%; } .why-box{min-height:365px !important;}  }
.addcls{ text-align:left }

/*Gravity forms style*/
.gform-field-row--span-three {grid-row:span 3!important;}
.gform-theme--foundation .gform_fields {grid-row-gap:15px !important;}
.gform-theme--foundation .gfield textarea.medium{min-block-size:15rem!important}
body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder]{color:#707070!important; }
body .gform_wrapper select{color:#707070!important;}
.gform_wrapper input,.gfield textarea,.gfield select{border:solid 1px #bebebe!important;border-radius:0!important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;}
.gform-theme--foundation #field_submit input[type="submit"]{background:#ffa801!important;font-size:17px;padding:15px;max-width:200px;font-weight:600}

/*.gform-theme--foundation #field_submit input[type="submit"]:hover,.gform_button:hover {background:#fff!important;color:#000!important}
.gform_button{background: #ffa801!important;width:220px!important;font-weight:600!important;padding:15px!important;margin-bottom:10px!important}
#gform_3 .gform_button,#gform_6 .gform_button,#gform_7 .gform_button{width:100%!important;max-width:100%}
#gform_3 .gform_button:hover{background-color:#000!important;color:#fff!important}*/

#gform_3,#gform_6,#gform_7{text-align:left;}
#gform_3 select,#gform_7 select{height:45px!important;line-height: 45px;}
.gform_wrapper .form_con_quite select{height:45px!important;line-height:45px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:url(images/select_arrow.png)no-repeat 92% center #fff!important;}
.gform_description{display:none;}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"],.gform_wrapper input[type="number"], .gform_wrapper input[type="password"]{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;height:45px !important; }
.gform_wrapper select{line-height:45px;padding:0 10px}
body .gform_wrapper::-webkit-input-placeholder,body .gform_wrapper input[type="text"]::-webkit-input-placeholder, body .gform_wrapper input[type="email"]::-webkit-input-placeholder,body .gform_wrapper input[type="password"]::-webkit-input-placeholder, body .gform_wrapper textarea::-webkit-input-placeholder,body .gform_wrapper input[type="tel"]::-webkit-input-placeholder, .gform_wrapper select{color:#707070!important;opacity:1}
.gform-theme--foundation #gform_9 .gform_fields,
.gform-theme--foundation #gform_2 .gform_fields,
.gform-theme--foundation #gform_13 .gform_fields,
.gform-theme--foundation #gform_12 .gform_fields,.gform-theme--foundation #gform_4 .gform_fields{column-gap: normal;grid-row-gap:10px !important;}
.gform-theme--foundation #gform_9 .gform_fields,
.gform-theme--foundation #gform_2 .gform_fields,
.gform-theme--foundation #gform_13 .gform_fields,
.gform-theme--foundation #gform_12 .gform_fields,.gform-theme--foundation #gform_4 .gform_fields{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;align-items:center!important}
.gform_wrapper .easy-autocomplete-container ul li{padding:8px 12px}
#gform_4 .form_con_quite.tellbox{width:34.5%;}
#gform_4 .form_con_quite.acc_cls{width:11%}
.gform-theme--foundation #gform_4 #field_submit input[type="submit"]{max-width:none;font-size:15px;margin-bottom:10px}
.gform_wrapper .form_con_quite{margin-bottom:10px!important;width:32.333%;}
.gform-theme--foundation #gform_5 input[type="submit"]:hover{background:#ffa801!important;color:#fff!important;}
.gform-theme--foundation #gform_5 .gform_fields{column-gap:6px !important;}
#gform_wrapper_5 .gform_heading h2{font-size:22px;color:#fff;padding-bottom:16px}
#gform_wrapper_7 .gform_heading h2{font-size:22px;}

#sublist ul li,#sublist1 ul li {font-size: 14px;line-height: 26px; padding-left: 15px; border-bottom: 1px dotted #ddd; padding-top: 4px;padding-bottom: 4px;cursor: pointer; list-style: none;}
#sublist ul,#sublist1 ul {  margin-left: 0px !important; margin-bottom: 0px !important; padding-left: 0;}
#sublist ul li:hover,#sublist1 ul li:hover { background: #73b21a; color: #ffffff;}
.gform_wrapper .sublistout {background: #fff; height: 200px; overflow-y: scroll;border: solid 1px #ececec;}

.gform_fields{position:relative!important}
.gform_wrapper #field_13_23,.gform_wrapper #field_2_23,.gform_wrapper #field_8_25,.gform_wrapper #field_8_25,.gform_wrapper #field_7_24,.gform_wrapper #field_3_25,.gform_wrapper #field_9_23,.gform_wrapper #field_4_17{display:none;}
.gform_wrapper #field_13_23,.gform_wrapper #field_2_23,.gform_wrapper #field_9_23 {
  position: absolute !important;
  z-index: 2 !important;
  width: 32.333%;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -150px;
  top: auto;
}

.gform_wrapper #field_13_23{width: 100%;bottom: -190px;}

.gform_wrapper #field_8_25 {
  position: absolute;
  z-index: 2 !important;
  bottom:30px;
  width:100%;
}
.gform_wrapper #field_7_24 {
  position: absolute;
  z-index: 2 !important;
  bottom:-104px;
  width:100%;
}
.gform_wrapper #field_3_25{
  position: absolute;
  z-index: 2 !important;
  bottom:-104px;
  width:100%;
}
.gform_wrapper #field_4_17{
  position: absolute !important;
  z-index: 2 !important;
  width: 32.333%;
  left: 0;
  bottom: 0;
  top: 174px;
}
@media only screen and (max-width:1199px){
#gform_4 .form_con_quite.tellbox{width:53.5%;}
#gform_4 .form_con_quite.acc_cls{width:10.5%;}
}
@media only screen and (max-width:991px){
.gform_wrapper .form_con_quite{width:32.5%;margin-bottom:10px;}
#gform_4 .form_con_quite.acc_cls{width:32.5%!important}
#gform_4 .form_con_quite.tellbox{width:66%;}
}
@media only screen and (max-width:639px){
#gform_4 .form_con_quite.tellbox,.gform_wrapper .form_con_quite{width:100%}
.gform_wrapper #field_2_23,.gform_wrapper #field_9_23 {
    width: 100%;
    top: auto;
    left: 0;
    bottom:-84px;
  }
#gform_8{text-align:left} 
.gform_wrapper #field_4_17 {
    width: 100%;
    top: auto;
    left: 0;
    bottom: -60px;
  } 
}
body .gform_wrapper h2.gform_title {
    display: none !important;
}
.easy-autocomplete{width: 100% !important;}
/*Gravity forms style*/

.econinner
{
    padding-top: 5%;padding-bottom: 5%;    
    text-align: center;
    background: #c4d227;
    color: black;
    background-image: url(https://www.foxmowingact.com.au/wp-content/uploads/2024/09/Foxmowing-HOME-MockUp.png);
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.addsectionhome {
    padding-top: 5%;
    padding-bottom: 5%;
    background-image: url(https://www.foxmowingact.com.au/wp-content/uploads/2024/09/fox_canberra.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

#field_12_25{  display: none;  }
.gform_wrapper #field_12_25 {
    position: absolute !important;
    z-index: 2 !important;
    width: 32.333%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -192px;
    top: auto;
}
#gform_submit_button_5{width: 110px !important;max-width:110px !important;}

/*******************/

@keyframes bounceIn {0% {opacity: 0;transform: scale(0.3);}50% {opacity: 1;transform: scale(1.05);}70% {transform: scale(0.9);}100% {transform: scale(1);}}
.info_kit_wrapper {display: flex;justify-content: center;align-items: center;margin: 5px 0;}
.info_kit_btn {color: #000;padding: 18px 24px;background: #adc81b;font-size: 21px;text-transform: uppercase;font-weight: 700;text-decoration: none;border-radius: 6px;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);animation: bounceIn 0.8s ease forwards;}
.info_kit_btn:hover {background: #000;color: #fff;transform: scale(1.05);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);}

/*home pahe blog*/


.blogsection{padding-top: 60px!important;padding-bottom: 50px!important;background-color: #5a5a5a38;}
.blogsection .blog_subtitle{padding: 20px;}
.blogslider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px; /* Negative margin to offset the positive margins on children */
}

.blog-post {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    flex: 1 1 calc(33.333% - 20px); /* Adjusted to account for the margin */
    box-sizing: border-box;
    text-align: center;
    margin: 10px; /* Adds space between boxes */    
    height: 100%; /* Ensures the box takes full height */
    min-height: 500px !important; /* Set your desired minimum height */
}

.blog-post img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.blog-post h3 {
    margin: 25px 0 20px;
    font-size: 1.25em;
    color: #000;
    line-height: 25px;
    font-weight: 600;
}

.blog-post .date {
    color: #777;
    font-size: 0.9em;
    margin-bottom: 15px;
}

.blog-post button {
    background-color: #c1d93d;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 600;
}
.blog-post a {
   
    color: #000 !important;
   
}
.blog-post button:hover {
    background-color: #8a9e20;
}

@media (max-width: 768px) {
    .blog-post {
        flex: 1 1 100%;
    }
    .info_kit_btn {font-size: 16px;padding: 10px 18px;}
}