/*
Theme Name:   	The Lawn Company
Theme URI:    	https://dvhdesign.co.uk
Author:       	Deb Harrison & Claire Naylor
Author URI:     https://dvhdesign.co.uk
Description:  	This is a custom theme for the Lawn Company
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Template:       storefront
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready

FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
 
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css'); 
@import url('https://use.fontawesome.com/releases/v5.15.2/css/all.css'); 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*Font embed Start */


@font-face {
    font-family: 'hdg';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#hdg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'txt';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#txt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pos';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#pos') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Style Start */

body { font-size: 1rem; }

h1 { font-family: 'hdg';
     font-size: 2em;
     color: #85BE76;
     border-bottom: 3px #85be76 dotted; }
     
.lgrn h1 { border-bottom: 0; }

.h1 h1 { font-family: 'txt';
                  color: #fff;
                  font-size: 1em;
                  line-height: 1.25em;
                  border-bottom: 0 !important; }
                  
.lh1 h1 { font-family: 'txt';
                  color: #fff;
                  font-size: 2.5em;
                  line-height: 1.25em;
                  border-bottom: 0 !important; }                  
         
.h1 { padding: 1em 1.5em 3em 1.5em; }

h1.page-title { text-align: left; }


h3.nb { color: #f00 !important;
		font-weight: 700 !important; }

ul.products li.product .price { display: none; }

h2, ul.products li.product .woocommerce-loop-product__title { font-family: 'txt' !important;
                                                              font-size: 2em !important; 
                                                              color: #254B22 !important; }
                                                              
.woocommerce-Price-amount { font-family: 'txt' !important;
                            font-size: 2em; 
                            color: #254B22 !important;  }
                            
body.archive ul.products li.product .price { display: none; }
                            
.storefront-sorting { display: none; }

button, .checkout-button { font-size: 1.35em; }

button.button { font-size: 1em; }

td.actions .button, td.actions .button:disabled { margin: 0.5em 0 !important; }

.jckwds-delivery-time { padding: 0.2em 0;}

.menu-footer-container .menu-item a { padding: 0.25em 0 !important; }

.form-row select { padding: 0.5em; }

.thwcfd-field-radio label.radio { font-size: 0.75em; }

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {  background-color: #254b22;
                                                                                                      border-radius: 15px;
                                                                                                      border: 1px #73c16d solid; 
                                                                                                      font-family: 'hdg';
                                                                                                      color: #F7FCF7 !important;
                                                                                                      padding: 0em 1em; 
                                                                                                      text-decoration: none !important; }

h3 { font-family: 'pos'; 
     font-size: 1.25em;
     color: #254b22; }
     
footer h3 { color: #fdfdfd; 
            font-weight: 400; }

h4 { font-family: 'hdg';
     font-size: 1em; }

a { color: #254b22; }

a:hover { color: #85be76 !important;}

.hdr a, .frhs a { color: #fdfdfd !important; }

p, li, td { font-family: 'txt';
            font-size: 1.25em;
            color: #254b22; }
            
p b, p strong { font-family: 'pos'; }

.fn p { font-size: 0.94em;
      text-align: left;
      color: #fdfdfd !important; 
      padding: 1em 0; }
      
.active, .current_page_item { }

.page-id-77 .entry-title { display: none; }

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

footer {
    margin-top: 25px;
}

.bmpf { margin-top: 1em;
        margin-bottom: 1em;  } 

.cnt p, body.woocommerce-active .cnt p { font-size: 1em !important; }


.log, .coname { display: none; }

hr {  border-bottom: 3px #85be76 dotted !important; 
      background-color: transparent;
      border-top: 0 !important; }
              
a.btn-cnt, a.btn-fom, .add_to_cart_button, .single_add_to_cart_button { background-color: #73c16d !important;
                        border-radius: 15px !important;
                        border: 1px #254b22 solid !important;
                        font-family: 'hdg' !important;
                        color: #F7FCF7 !important;
                        font-size: 1.35em !important; 
                        padding: 0em 1em !important; 
                        text-decoration: none !important; 
                        margin-bottom: 1em; }
                        
button { background-color: #73c16d !important;
                        border-radius: 15px !important;
                        border: 1px #254b22 solid !important;
                        font-family: 'hdg' !important;
                        color: #F7FCF7 !important;
                        padding: 0em 1em !important; 
                        text-decoration: none !important; 
                        margin-bottom: 1em; }
                        
a.btn-cnt:hover, a.btn-fom:hover { background-color: #254b22 !important;
                                    border: 1px #73c16d solid !important;
color: #fdfdfd !important; }    

.hentry .entry-content a.button, .button.alt { background-color: #254b22 !important; }

.wc-proceed-to-checkout .button { display: inline-block !important;
                                  float: right !important; }
                                    
a.btn-quo { background-color: #254b22;
             border-radius: 15px;
             border: 1px #73c16d solid; 
             font-family: 'hdg';
             color: #F7FCF7 !important;
             font-size: 1.35em !important; 
             padding: 0em 1em; 
             text-decoration: none !important;}   
             
a.btn-quo:hover { background-color: #73c16d; 
                  border: 1px #254b22 solid; }  

#price_calculator input { width: 100px !important; }

#wpfront-scroll-top-container i { color: #73c16d !important; }
                  
.testim p, .wpmtst-testimonial-content p  { font-family: 'hdg' !important;
            					  	 color: #fff !important;
            					  	 font-size: 1.45em  !important; }  
            
.testim p.nam, .testimonial-name { font-size: 1.25em; 
									color: #fff; }   

.quo { font-family: times new roman, serif; } 

.prep p, .lay p, .water p { position: absolute;
                            top: 1em;
                            left: 10%; }
                            
.bxhd h2, .bxhd h2 a  { text-align: left; 
                        padding: 0.5em 0;
                        color: #254b22; }
                        
.bxhd h2 a:hover { text-decoration: none; }
           
.frhs p { font-size: 1.06em;
          color: #fdfdfd !important; 
          margin-top: 0.75em; }
          
.frhs i { padding: 0.25em 0.25em 0 0; }

body.home .entry-title { display: none; }

content .woocommerce-products-header { text-align: left; }

.norm { padding-top: 1em; }

.storefront-full-width-content.woocommerce-cart .entry-header { text-align: left; }


body.page-id-662 ol { list-style-type: decimal; }

.page-id-442 h1.entry-title, .page-id-438 h1.entry-title, .page-id-436 h1.entry-title { display: none; }

.tes { background-color: #85be76;
          border-radius: 28px;
          color: #fff;
          padding-top: 1.75em;
          padding-bottom: 1.75em;
          margin-bottom: 3em; }
          
table:not(.has-background) th { background-color: #fdfdfd !important; }

th { font-family: 'hdg' !important;
     color: #85BE76 !important; 
     font-size: 1.3em; 
     font-weight: normal !important; }
          
table:not(.has-background) tbody tr:nth-child(2n) td { background-color: rgba(203,220,124,0.24); }

#order_review { background-color: rgba(203,220,124,0.24) !important; }

#payment .place-order { background-color: rgba(203,220,124,0.24) !important; }

.thwcfd-field-radio label.radio { font-weight: 700; 
	color: #e2401c; 
border-bottom: 2px #e2401c solid; }

p#additional_vehicle_field { padding: 0.5em !important; 
							border: 5px solid #e2401c;
							font-size: 1em !important; }

#additional_vehicle_field .woocommerce-input-wrapper { padding: 1em 0; 
														font-size: 1.25em !important; }

.woocommerce-message a.button:hover , .hentry .entry-content a.button:hover { color: #fdfdfd !important; }

.woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #85BE76 !important;
                                                           font-family: 'txt'; }
                                                           
.woocommerce-message { background-color: #254b22 !important; }

.wocommerce-shipping-totals, .woocommerce-shipping-calculator .shipping-calculator-form { font-size: 0.8em !important; }
                                                           
.woocommerce-info::before { font-family: "Font Awesome 5 Free" !important;
                            content:"\f071" !important;
                            font-weight: 600;
                            }
                            
.woocommerce-error::before { font-family: "Font Awesome 5 Free" !important;
                            content:"\f06a" !important;
                            font-weight: 600 !important;                           
                            }
                            
             

/* added to make the text in a woocommerce error white so it can be read easily */
.woocommerce-error li {
    color: white !important;
}   

#additional_vehicle_field .woocommerce-input-wrapper { background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/03/18-tonne-max-area-mob-mod.jpg) no-repeat bottom center !important; 
                            background-size: contain;
                            min-height: 150px; }
                                   



                                                       
.select2 { width: 100% !important; }



                                               
#ship-to-different-address .woocommerce-form__input-checkbox { margin-right: 0.5em; }

/* Style End */

/* WooCommerce Conflict layout Start */

/*  Cart Tweaks Start */

.storefront-product-pagination {
  display: none;
}

.single_add_to_cart_button { float: right; }

body.postid-195 .woocommerce-Price-amount, body.postid-196 .woocommerce-Price-amount, 
body.postid-479 .woocommerce-Price-amount, body.postid-5366 .woocommerce-Price-amount { display: none; }

body.postid-195 .quantity .qty, body.postid-196 .quantity .qty, 
body.postid-479 .quantity .qty, body.postid-5366 .quantity .qty { display: none; }

body.postid-621 p.price, body.postid-620 p.price, body.postid-619 p.price, body.postid-618 p.price, body.postid-617 p.price, body.postid-616 p.price, body.postid-5365 p.price, body.postid-5364 p.price { display: none; }

body.postid-621 .qty, body.postid-620 .qty, body.postid-619 .qty, body.postid-618 .qty, body.postid-617 .qty, body.postid-616 .qty body.postid-5365 .qty, body.postid-5364 .qty { display: none; }

body.postid-195 .single_add_to_cart_button, body.postid-196 .single_add_to_cart_button, 
body.postid-479 .single_add_to_cart_button, body.postid-5366 .single_add_to_cart_button { display: none; }

body.postid-668 .hide-on-real-products, body.postid-620 .hide-on-real-products, body.postid-621 .hide-on-real-products, body.postid-619  .hide-on-real-products, body.postid-618 .hide-on-real-products, body.postid-617 .hide-on-real-products, body.postid-616 .hide-on-real-products,  body.postid-5365 .hide-on-real-products,  body.postid-5364 .hide-on-real-products { display: none; }

div #postcode_message {
    color: #254b22;
    font-weight: 600;
    display: block;
    padding: 1em 0.5em;
}

/* Cart Tweaks End */

th.product-quantity, td.product-quantity { visibility: hidden; }

body.woocommerce-active	.col2-set .col-1, .col2-set .col-1,
body.woocommerce-active	.col2-set .col-2, .col2-set .col-2
	{
		flex: none;
		max-width: 100%;
        padding-left: 0;
	}
    
.woocommerce-billing-fields label { display: block;
				                    width: 100%; }
                                    
#ship-to-different-address label { padding-left: 0 !important; 
									margin-bottom: 2.5em; }
                                    
body.woocommerce-active p.woocommerce-thankyou-order-received { font-size: 1.45em !important; }
                                    
.woocommerce-input-wrapper { display: block;
				             width: 100%; }

h3#ship-to-different-address { font-size: 1.4em; }

body.woocommerce-active .woocommerce-price-amount, body.woocommerce-active p { font-size: 1.25em !important; }

.order_details {
    background-color: rgba(203,220,124,0.24);
}

.storefront-full-width-content.woocommerce-checkout .entry-header { text-align: left; }

.woocommerce-active .woocommerce-Price-amount { font-size: 1em !important; }

.woocommerce-billing-fields label, .woocommerce-delivery-fields label, #jcwds-delivery-date-wrapper, .woocommerce-shipping-fields label { padding-left: 0.3em !important; }

#tos_agreement { margin-right: .3342343017em; }

.woocommerce-input-wrapper textarea { width: 99%; }

#payment .payment_methods li p { font-size: 1em !important; }

.woocommerce-privacy-policy, .woocommerce-terms-and-conditions { font-size: 1em !important; }

tr.woocommerce-shipping-totals td { font-size: 1em !important; }

i.fa-lock { color: #d5b981 !important; }

/* WooCommerce Conflict Layout End */

/* Testimonial Style Start */

body.home .testimonial_body p {
    font-family: 'txt' !important;
    color: #fcfdfc;
    font-size: 1.45em !important;
    font-style: normal;
}

.testimonial_body p { color: #fcfdfc !important; 
                     font-size: 1.45em !important;
                     font-family: 'txt' !important;
                      font-style: normal; }

.testimonial-client, .testimonial-position {
    font-size: 0.85em;
    color: #fcfdfc;
    font-style: normal;
}

blockquote { border-left: 0 !important; }

blockquote.easy_testimonial, cite { font-style: normal !important; }

/* Testimonial Style End */

/*Installation form Start */

.blkh2 { /*background-color: #85be76; 
         background-color: rgba(203,220,124,0.24); */ }
         
.form-group { background-color: rgba(203,220,124,0.24);
              border-radius: 15px; 
              padding-top: 1em;
              padding-bottom: 1em; }
              
              
          
.ffld { margin: 2em 0.2em 2em 0.2em; }

h2.form { font-family: 'hdg' !important;
          color: #85BE76 !important;
          font-size: 1.6em !important; 
          padding: 0.5em 0em;}

.area-5per .wpcf7-list-item-label, .rad-5per .wpcf7-list-item-label, .lenwid-5per .wpcf7-list-item-label  { display:none; } 

span.length label, span.width label, span.radius label { padding: 0.5em 0; }

.gry { color: #999; }

.wpcf7-form label { font-family: 'hdg';
                    font-weight: 400;
                    font-size: 1em;
                    color: #254b22; }
                    
.area-5per span.wpcf7-list-item, .lenwid-5per span.wpcf7-list-item, .rad-5per span.wpcf7-list-item { margin: 0; }

span.length .wpcf7-text, span.width .wpcf7-text, span.radius .wpcf7-text { width: 100px; }

.sum { padding-top: 1em;
       padding-bottom: 1em;
       margin-left: 0.2em;
       margin-right: 0.2em; }

.ima { padding: 0.5em 0; }

.codedropz-upload-inner h3 { font-size: 0.8em !important; }

.dnd-upload-status .dnd-upload-details {
    padding-left: 10px;
    width: calc(100% - 40px);
    font-size: 0.8em;
}

.cd-upload-btn { font-size: 0.8em; }

/* installation form End */

/* Layers Start */

.page-title, .entry-title { margin-bottom: 1em; }

.hnav, footer { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#376b32+0,254b22+100 */
        background: #376b32; /* Old browsers */
        background: -moz-linear-gradient(top,  #376b32 0%, #254b22 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #376b32 0%,#254b22 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #376b32 0%,#254b22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#376b32', endColorstr='#254b22',GradientType=0 ); /* IE6-9 */
        color: #fff; } 
        
footer{ margin-top: 0;  }
        
.log { }

.coname-sml { margin-top: 1.5em;  }

         
 .intro { background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/03/2homepage-bg.jpg) no-repeat bottom right; 
          box-shadow:inset 0 0 0 2000px rgba(150,188,105,0.35);  
          background-size: cover; }      
        
.tick { padding-top: 2em; 
        background: none;  }
        
.lgrn { background-color: rgba(203,220,124,0.24); 
        padding-top: 1.5em;
        padding-bottom: 1.5em; }
        
.lgtxt, .im, .lim, .ltxt, .btn-fom, .btn-quo, .btn-cont { padding-top: 1.65em;
                                                          padding-bottom: 1.65em; } 
                                                          

          
.prep, .lay, .water  { margin-top: 1em;
                       margin-bottom: 1em; }    
          
.prep p, .lay p, .water p { font-family: 'hdg';
                            font-size: 1.06em;
                            color: #FDFDFD;  }
                            
.prep a, .lay a, .water a { color: #fff; }    

.flhs, .frhs { padding-top: 0.5em;
               padding-bottom: 0.5em; 
               font-family: 'txt'; }                                            

/* Layers End */



/* Nav styling start */

.navbar { background-color: transparent; }

button.menu-toggle span::before, button.menu-toggle::before, button.menu-toggle::after { background-color: #fdfdfd; }

button.navbar-toggler { background-color: #E4E6F2;
                                            border-radius: 0;
                                            }

.navbar-light .navbar-nav menu-item a, .navbar-light .menu-item a { color: #fff; }

#navbarSupportedContent, button.menu-toggle { background-color: transparent; 
                                               color: #fdfdfd;
                                               border-color: transparent; }

button.menu-toggle:hover { color: #fdfdfd;
                                               border-color: #fdfdfd; 
                                               background-color: rgba(256,256,256,0.5);  }

#navbarSupportedContent .navbar-light .navbar-nav .menu-item a:focus, .navbar-light .navbar-nav .menu-item:hover, .navbar-nav .menu-item:focus, .navbar-light .navbar-nav .menu-item:hover {  }

.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(93, 82, 151, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }


                           
.navbar-nav .active > .menu-item a, .navbar-nav .current_page_item > .menu-item a, .navbar-nav .menu-item a:focus, .navbar-nav .menu-item a:hover, a.dropdown-item:hover { text-decoration: none; }

.navbar-nav .menu-item a {
    color: #fff;
}
                          
.flex-column li.menu-item a { color: #fdfdfd !important; 
                              font-family: 'txt' !important;
                              font-size: 1.06em !important;}

.flex-column li.menu-item a:focus { border: 0 !important; }

.flex-column li.menu-item:hover { background-color: rgba(256,256,256,0.5); 
                                  text-decoration: none; }
                                  
.flex-column li.menu-item a:hover {  text-decoration: none; }

.menu-footer-container ul.nav { margin: 0 0 1.41575em 0em !important; }

a:focus,button:focus,input:focus,textarea:focus { outline:0; }



article { margin-bottom: 0; }

/* Nav styling end */

/* Navigation to get Bootstrap working Start */

.navbar-light .navbar-nav .active > .menu-item a, .navbar-light .navbar-nav a.current_page_item, .navbar-light .navbar-nav a.show, .navbar-light .navbar-nav .show > .menu-item a {
    color: rgba(0,0,0,.9);
}

.navbar-expand-lg .navbar-nav .menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-nav .menu-item a {
    padding-right: 0;
    padding-left: 0;
}
.menu-item a {
    display: block;
    padding: .5rem 0;
     
}

.navbar-expand-lg .navbar-nav a {
    padding-right: .5rem;
    padding-left: .5rem;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { color: #fff;
                                                                           font-family: 'hdg';
                                                                           font-size: 1.25em;
                                                                           text-decoration: none !important; 
                                                                           border: 0;
                                                                           padding-left: 0.5em; }
                                      
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256, 256, 256, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler {
    background-color: transparent;
    border-color: rgba(256,256,256,1);
}

.main-navigation ul.nav-menu > li > a:hover, .main-navigation ul.menu > li > a:hover { background-color: rgba(256,256,256,0.5);
                                              text-decoration: none !important; 
                                              border: 0; }

.site-header ul.menu li.current-menu-item > a { color: #eee !important; }

/* Navigation to get Bootstrap Working End */

/* Stuff that WordPress might want to use Start */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

article { margin-bottom: 0 !important; }

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.navbar-brand { color: #222 !important; }


/* Stuff that WordPress might want to use End */ 

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) { 



}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

 .tick { background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/02/lawnco-tick.png) no-repeat 95% 80%;  }
 
 .prep p, .lay p, .water p { position: absolute;
                            top: 1em;
                            left: 10% !important; }
                            
.storefront-full-width-content .content-area { margin-bottom: 0; }

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { font-size: 1em; }

.h1, .lh1 { padding: 1.5em 1.5em 3em 1.5em; }

.tes { margin-left: 1em;
       margin-right: 1em; }

body.woocommerce-active .col2-set { width: 50%; }

.storefront-full-width-content .woocommerce-tabs .panel { width: 57% !important; }

.storefront-full-width-content .related.products > h2:first-child { text-align:left; }

 body.page-id-9 .addresses { padding-left: 2em !important; }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.tes {
    margin-left: 6em;
    margin-right: 6em;
}

.navbar-brand { display: none; }

.blkh2 { margin: 0em 0.2em 1.5em 0.2em;  }

.ind { margin-left: 0.5em; }

.log { display: inline-block;
       padding: 2em 0;
       text-align: right;
       padding-right: 3em; }
       
.log2 { display: inline-block;
       padding: 2em 0;
       text-align: right;
       padding-right: 0em; }
       
#payment .place-order { margin: 0 !important; }
       
.log2 img { vertical-align: bottom !important;  }
       
.coname { display: inline-block; 
          padding: 1em 0 1em 3em; 
          margin-top: 3em; }

.coname-sml { display: none; }
          
.coname2 { display: inline-block; 
          padding: 1em; }
          
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { margin: 0; 
                                                                           padding-top: 0;
                                                                           padding-bottom: 0;
                                                                           font-size: 1em; } 
                                                                           
                                                                           
.main-navigation ul li:not(:last-child) { border-right: 1px #fff solid; }
    
    
.hdr, footer, .why { padding: 0.5em 4em 0em 4em; }   

.instal { padding: 0.5em 4em 0em 4em; 
          margin-bottom: 1.5em; }  
          
.testi { padding-left: 4em;
         padding-right: 4em; }

.hdr {  background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/02/lawnco-tick.png) no-repeat 95% 65%; }

.h1 { padding: 1em 3em 4em 2.75em; }
.lh1 { padding: 1em 3em 3em 2.75em; }
         
.tick {  background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/02/intro-log.png) no-repeat 93% 80%; }

.im { padding-left: 6em; }

.btnrow { padding: 1em 0; }

.prep p, .lay p, .water p { position: absolute;
                            top: 1em;
                            left: 1em; 
                            font-family: 'txt';
                            font-size: 1.25em; }    
                            
.bxhd h2 { text-align: left; }
    
.btrow {  background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/02/lawnco-tick.png) no-repeat 100% 90%; }

a.btn-cnt, .add_to_cart_button { font-size: 1.65em; }
	
.pg, .frow { padding-left: 7em;
	         padding-right: 7em; }
	
.storefront-breadcrumb .col-full { margin-left: 7em;
								   margin-right: 7em; }

.btn-quo, .btn-fom { font-size: 1.35em;
                     padding: 0em 1em; }
                     
/* WooCommerce Conflict layout Start */

/* body.woocommerce-active	.col2-set .col-1, .col2-set .col-1,
body.woocommerce-active	.col2-set .col-2, .col2-set .col-2
	{
		flex: none;
		max-width: 50%;
	} */
    
body.woocommerce-active	.col-2-set { width: 100%; }

#customer_details .col-2-set { width: 100%; }

/* WooCOmmerce Conflict Layout End */
    
  }                                            

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

p#additional_vehicle_field { height: 350px; }	
	
.tes {
    margin-left: 9em;
    margin-right: 9em;
}
	
.thwcfd-field-radio label.radio { font-size: 1.1em; }

.navbar-light .navbar-nav .nav-link { font-size: 1.5em; }

.h1 h1 { font-size: 1.25em;
                  line-height: 1.5em; }
         
.h1 { padding: 1em 3em 5em 4em; }

         
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { font-size: 1.25em; }

.coname {  padding: 1em 0 1em 6em;  }

.pg, .frow { padding-left: 10em;
	         padding-right: 10em; }
      
.storefront-breadcrumb .col-full { margin-left: 7em;
								   margin-right: 7em; }    
                                   
.btn-quo, .btn-fom { font-size: 1.45em;
                     padding: 0em 1.5em; }   
                     
#additional_vehicle_field .woocommerce-input-wrapper { /* background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/02/18-tonne-max-area.jpg) no-repeat bottom center !important; */
                                                       background-size: contain !important;
                                                       min-height: 200px;
														 }
 }
 
 
 
 @media (min-width: 1500px) {
 
.tes {
    margin-left: 9em;
    margin-right: 10.5em;
}
 
 .h1 h1 { font-size: 1.5em; }
 
 .h1 { padding: 1em 3em 5.5em 4em !important; }
 
.lh1 { padding: 1em 3em 4em !important; }
           
           .btn-quo, .btn-fom { font-size: 1.45em !important;
                                padding: 0em 1.5em !important; }
                                
#additional_vehicle_field .woocommerce-input-wrapper {    background: url(https://www.thelawnco.co.uk/wp-content/uploads/2021/03/15-t-dtop-mob.jpg) no-repeat bottom center !important;
                                                          background-size: contain !important; }
	 
 
  }
  
  @media (min-width: 1600px) {
  
  .tes { margin-left: 9em;
         margin-right: 12em; }
	  
	  #additional_vehicle_field .woocommerce-input-wrapper { min-height: 250px; }
	  
}

@media (min-width: 1700px) {
  
  .tes { margin-left: 9em;
         margin-right: 15em; }
}
  
@media (min-width: 1800px) { 
   
   .tes {
    margin-left: 9em;
    margin-right: 18em;
}

@media (min-width: 1900px) { 
   
   .tes {
    margin-left: 9em;
    margin-right: 19em;}
     
   }